/*********************************************** container 공통 */
.container * { font-family:'notokr-regular'; }
.container .tit-area { margin-bottom:48px; min-height:35px; }
.container .tit-area h2 { font-size:35px; color:#3030c1; font-family:'notokr-bold'; }
.container .stit-area { margin-bottom:50px; padding-left:20px; }
.container .stit-area strong { display:inline-block; font-size:28px; color:#3030c1; }
.page-wrap ul { font-size:0; text-align:center; }
.page-wrap ul li { display:inline-block; margin:0 4px; }
.page-wrap ul li.slick-active button { background-position:left center; }
.page-wrap ul li button { width:10px; height:10px; background:url(https://www.mbcarchive.com/include/img/about/sub-slide-dot4.png) no-repeat right center; }

/************************************************ sub 탭 공통 */
.tab-area { margin-bottom:38px; }
.tab-area ul { overflow:hidden; }
.tab-area ul li { width:33.33%; float:left; text-align:center; border:1px solid #3030c1; border-left:none; box-sizing:border-box; height:50px; }
.tab-area ul li:first-child { border-left:1px solid #3030c1; }
.tab-area ul li.active { background-color:#3030c1; }
.tab-area ul li a { display:block; width:100%; font-size:19px; line-height:50px; font-family:'notokr-medium'; color:#3030c1; }
.tab-area ul li.active a { color:#fff; }

/********************************************************************* 아카이브 소개 */
.about .container .wrapper { width:1165px; }
.line { padding-bottom:70px; border-bottom:1px solid #eaeaea; margin-bottom:40px; }
.about-area { overflow:hidden; }

/* MBC 아카이브란? */
.about-slide { position:relative; margin-bottom:40px;}
.about-slide .item { width:100%; height:656px; }
.about-slide img { width:100%; }
.about-slide video { width:100%; height:100%; visibility: hidden; }
.about-txt { font-size:20px; color:#15183c; line-height:26px; }
.about-map { overflow:hidden; }
.about-map .address {float:left; padding-left:35px; font-size:24px; color:#010105; width:45%; margin-bottom:30px; }
.about-map .google-map { float:right; }
.aimg-page-wrap { position:absolute; bottom:15px; }
.about-slide .slick-active video { visibility: visible;}

/* 콘텐츠 현황 */
.about2-info { margin-bottom:30px; }
.about2-info .info-txt { font-size:20px; line-height:26px; margin-bottom:20px; }
.about2-info .box-txt { font-size:16px; border:1px solid #ddd; padding:20px; }
.about2-info .box-txt strong, .about2-info .box-txt span { display:block; }
.about2-info .box-txt strong { font-family:'notokr-bold'; margin-bottom:12px; }

.about-c-chart { float:left; width:65%; margin-right:2%; }
.pie-chart { width:100%; height:700px; background:url(https://www.mbcarchive.com/include/img/about/contents-map.png) no-repeat center top; background-size:100%; }
.pie-chart svg {width: 100%;height: 100%;}
.pie-chart path.slice{stroke-width:2px;}
.pie-chart polyline{opacity: .3;stroke: #000;stroke-width: 1px; fill: none;}
.pie-chart text { font-family: 'notokr-medium', sans-serif; font-size:12px; fill:#5f6264; }
.about-c-table { float:left; width:33%; }
.about-c-table .amount { margin-bottom:5px; }
.about-c-table .amount span, .about-c-table .amount strong { font-size:16px; }
.about-c-table .amount strong.num { margin-left:10px; font-family:'notokr-bold'; }
.about-c-table .unit { text-align:right; margin-bottom:6px; }
.about-c-table .unit span { font-size:12px; color:#c0c2c3; }
.about-c-table table { width:100%; }
.about-c-table table th, .about-c-table table td { text-align:center; border:1px solid #bcbcbb; padding:10px; box-sizing:border-box; }
.about-c-table table th { background-color:#f8f8f8; font-size:16px; color:#585a65; font-family:'notokr-medium'; border-bottom:none; border-top:2px solid #bcbcbc; }
.about-c-table table td { font-size:13px; color:#070417; }
.about-c-table table tfoot th { border:1px solid #bcbcbb; color:#070417; }

/* 서비스 이용 */
.about-service {  }
.service-wrap { margin-bottom:42px; overflow:hidden; }
.about-service ul.service-ul { float:left; }
.about-service ul.service-tab li strong, .about-service ul.service-tab li span { display:block; }
.about-service ul.service-tab { width:300px; }
.about-service ul.service-tab li { display:table; width:100%; height:169px; background-color:#f4f4f6; text-align:center; }
.about-service ul.service-tab li.active { background-color:#bf329e; }
.about-service ul.service-tab li a { display:table-cell; vertical-align:middle; }
.about-service ul.service-tab li strong, .about-service ul.service-tab li span { color:#3030c1; font-family:'notokr-bold'; }
.about-service ul.service-tab li strong { font-size:25px; margin-bottom:10px; }
.about-service ul.service-tab li span { font-size:18px; }
.about-service ul.service-tab li.active strong, .about-service ul.service-tab li.active span { color:#fff; }
.about-service ul.service-info { width:865px; height:507px; overflow:hidden; position:relative; }
.about-service ul.service-info li.service-item { width:100%; height:100%; position:absolute; top:0; z-index:0; }
.about-service ul.service-info li.service-item.active { z-index:1; }
.about-service ul.service-info li.service-item img { width:100%; }
.about-service ul.service-info li.service-item .slide-wrap { position:relative; }
.about-service ul.service-info li.service-item .service-slide { width:865px; height:507px; overflow:hidden; }
.about-service ul.service-info li.service-item .service-slide .item { width:865px; height:507px; overflow:hidden; position:relative; background-color:#000; }
.about-service ul.service-info li.service-item .service-slide .item img { position:absolute; top:50%; bottom:50%; margin:auto; }
.about-service ul.service-info li.service-item .service-page-wrap { width:100% !important; position:absolute; bottom:15px; }
.about-service ul.service-info li.service-item .service-page ul {  }
.about-user .user-list ul { overflow:hidden; padding-left:148px; }
.about-user .user-list ul li { float:left; margin-left:54px; max-width:205px; }
.about-user .user-list ul li:first-child { margin-left:0; }
.about-user .user-list ul li.row { width:50px; }
.about-user .user-list ul li img { width:100%; }
.about-call .call-list ul { padding-left:30px; }
.about-call .call-list ul li { margin-top:65px; }
.about-call .call-list ul li:first-child { margin-top:0; }
.about-call .call-list ul li strong, .about-call .call-list ul span { color:#15183c; font-size:20px; }
.about-call .call-list ul li strong { display:inline-block; background-color:#f4f4f4; padding:8px 20px; margin-bottom:16px; }
.about-call .call-list ul li span { display:block; line-height:24px; }

/********************************************************************* 리스트 공통 */
.container ul.list-main { overflow:hidden; margin-bottom:10px; }
.container ul.list-main li.item { float:left; width:19.2%; margin-left:1%; position:relative; }
.container ul.list-main li.item:first-child { margin-left:0; }
.container ul.list-main li.item a { display:inline-block; width:100%; height:38px; line-height:38px; text-align:center; background-color:#edeff9; font-size:16px; color:#3030c1; font-family:'notokr-medium'; }
.container ul.list-main li.active a { background-color:#3030c1; color:#fff; }

/********************************************************************* 브라우징 공통 */
.search-common .wrapper { }
.search-common .tit-area { margin-bottom:30px; min-height:35px; }
.search-common .browse-area { margin-bottom:87px; }
.search-common ul.browse-sub { margin-bottom:10px; }
.search-common ul.browse-sub li.sub-wrap { width:100%; margin-top:10px; border:1px solid #7171d4; box-sizing:border-box; position:relative; display:none; }
.search-common ul.browse-sub li.sub-wrap:first-child { margin-top:0; }
.search-common ul.browse-sub li.active { display:block; }
.search-common ul.browse-sub li.sub-wrap ul {padding:17px 80px;overflow: hidden;}
.search-common ul.browse-sub li.sub-wrap ul li {/* display:inline-block; */margin:7px 16px;float: left;}
.search-common ul.browse-sub li.sub-wrap ul li:first-child { }
.search-common ul.browse-sub li.sub-wrap ul li a { font-size:19px; color:#15183c; font-family:'notokr-medium'; }
.search-common ul.browse-sub li.sub-wrap ul li a:hover { color:#bf329e; font-family:'notokr-bold'; text-decoration:underline; }
.search-common ul.browse-sub li.sub-wrap .close-btn { position:absolute; top:24px; right:35px; }
.search-common ul.browse-sub li.sub-wrap .close-btn input { display:block; width:16px; height:15px; background:url(https://www.mbcarchive.com/include/img/collection-sub-close.png); }

/********************************************************************* 콜렉션 브라우징 */
.tit-area {  }
.tit-area h2 { float:left; }
.collection-info { position:relative; float:left; margin-left:7px; }
.collection-info a.info-btn { display:block; width:20px; height:20px; background:url(https://www.mbcarchive.com/include/img/search/collection-info.jpg) no-repeat center left; text-indent:-9999px;  background-size:20px; }
.collection-info .txt-box { display:none; width:445px; height:145px; position:absolute; top:-20px; left:24px; background:url(https://www.mbcarchive.com/include/img/search/collection-info-bg.png) no-repeat left top; z-index:10; padding:25px 40px 25px 50px; box-sizing:border-box; }
.collection-info .txt-box.active { display:block; }
.collection-info .txt-box .txt { font-size:18px; word-break:keep-all; line-height:25px; margin-bottom:15px; font-family:'notokr-medium'; color:#010101; }
.collection-info .txt-box a { width:126px; height:27px; line-height:27px; border-radius:20px; text-align:center; display:block; font-size:14px; font-family:'notokr-bold'; background-color:#e5e5e5; box-sizing:border-box; color:#3030c1; }

/********************************************************************* 프로그램 브라우징 */
.program .list_type1 .video_thum {width:141px;overflow:hidden;line-height:0;height: auto;min-height: 79px;}
.program .list_type1 .video_thum img { width:100%; }
.result-sub .comment a img { margin-left:10px; vertical-align:bottom;}

/********************************************************************* 이용안내 */
.guide-tab ul li { width:25%; }
.guide-area .tit-area { font-size:24px; font-family:'notokr-bold'; color:#3a3a3a; margin-bottom:20px; }

/* 검색 도움말 */
.help #content { padding-bottom:100px; }
.help .video-area { text-align:center; margin-bottom:120px; }
.help-info .help-tit { padding-bottom:15px; margin-bottom:20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5; }
.help-info .help-tit strong { font-size:22px; color:#454545; font-family:'notokr-bold'; }
.help-info .help-wrap ul li { padding-left:25px; box-sizing:border-box; font-size:15px; color:#4f6b89; line-height:20px; }
.help-info .help1 { margin-bottom:75px; }
.help-info .help1 ul { overflow:hidden; }
.help-info .help1 ul li { float:left; width:50%; }
.help-info .help1 ul li .txt { margin-bottom:36px; overflow:hidden; }
.help-info .help1 ul li .txt span { display:block; float:left; font-size:15px; color:#4f6b89; line-height:20px; }
.help-info .help1 ul li .text { width:90%; margin-left:5px; }