@charset "utf-8";

/********************************************* 메인페이지 *********************************************/
/*************** 공통 ***************/
#wrapper{position:relative;width:100%;min-width:320px;word-break:keep-all;background:url(/archive/img/bg_archive.jpg) no-repeat 50% 0;background-size:cover;}
.wsize{position:relative;width:90%;margin:0 auto;}
.wsize:after{content:"";display:block;clear:both;}


/*************** 로고, 메뉴 영역 ***************/
#head{width:100%;height:140px;}
#head .gnb_wrap{display:inline-block;width:100%;margin-top:15px;}
#head .gnb_wrap #logo{float:left;}
#head .gnb_wrap #logo a{display:block;}
#head .gnb_wrap #logo a img{width:125px;}
#head .gnb_wrap .allmenu{float:right;}
#head .gnb_wrap .allmenu a{display:block;margin-top:5px;width:26px;height:26px;}
#head .gnb_wrap .allmenu a img{width:26px;}


/*************** 검색창 ***************/
.archive_search{position:relative;width:100%;height:35px;margin-top:10px;text-align:left;color:#fff;border-radius:30px;border:2px solid #fff;}
.archive_search label{position:absolute;top:1px;left:25px;height:35px;line-height:35px;font-size:14px;}
.archive_search .inp_txt{border:none;margin:0 15px;width:82%;height:35px;line-height:35px;font-size:14px;font-family:'NotoKrM', sans-serif;color:#fff;background:none;}
.archive_search .inp_btn{position:absolute;top:50%;right:15px;display:inline-block;width:24px;height:24px;margin-top:-12px;border:none;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;vertical-align:middle;background:url(/archive/img/icon_archive_search.png) no-repeat 50% 50%;background-size:20px 20px;}


/* 버튼정의 */
.btn_w{width:100%;text-align:center;margin:25px 0;}
.con_btn{display:inline-block;padding:0 40px;height:36px;line-height:36px;font-family:'NotoKrM' , 'Montserrat' ,  sans-serif;font-size:15px;color:273e82;text-align:left;cursor:pointer;letter-spacing:-0.05em;vertical-align:middle;-webkit-transition:all 200ms;transition:all 200ms;}
.con_sbtn{display:inline-block;padding:0 20px;height:30px;line-height:30px;font-family:'NotoKrM' ,  'Montserrat' , sans-serif;font-size:14px;color:#fff;text-align:left;cursor:pointer;letter-spacing:-0.05em;vertical-align:middle;-webkit-transition:all 200ms;transition:all 200ms;}
input.con_btn, 
input.con_sbtn{line-height:100%;}
.con_btn.file{padding-right:65px;}
.con_sbtn.file{padding-right:40px;}

.con_btn.white,
.con_sbtn.white{color:#273e82;background:#fff;border:1px solid #273e82;}
.con_btn.white:hover,
.con_sbtn.white:hover{color:#fff;background:#273e82;border:1px solid #273e82;}

.con_btn.file.white,
.con_sbtn.file.white{border:1px solid #273e82;background:#fff url(/img/common/filedown_bu.png) no-repeat right 50%;}
.con_sbtn.file.white{background:#fff url(/img/common/s_filedown_bu.png) no-repeat right 50%;}
.con_btn.file.white:hover,
.con_sbtn.file.white:hover{color:#fff;border:1px solid #626f87;background:#273e82 url(/img/common/hover_filedown_bu.png) no-repeat right 50%;}
.con_sbtn.file.white:hover{background:#273e82 url(/img/common/hover_s_filedown_bu.png) no-repeat right 50%;}


/*************** 아카이브 선반 영역 ***************/
#container{width:100%;}
#container #archive_wrap{overflow:hidden;height:520px;width:100%;margin-bottom:30px;}
#container .archive_area{width:100%;height:160px;margin-bottom:20px;text-align:center;background:url(/archive/mobile/img/common/m_archive_shelf.png) no-repeat 0 136px;background-size:100% auto;}
#container .archive_area ul{display:inline-block;width:100%;}
#container .archive_area ul li{float:left;width:50%;height:140px;}
#container .archive_area ul li:first-child{margin-left:0;}
#container .archive_area ul li a{display:block;}


/*************** 하단영역 ***************/
#foot{width:100%;padding:25px 0;color:#6c7175;text-align:center;background:#2d343a;}
#foot .address{font-size:12px;font-family:'Montserrat', 'NotoKrB', sans-serif;font-weight:600;letter-spacing:-0.05em;}
#foot .address > span{display:block;}
#foot .address > span > span{display:inline-block;margin:5px;background:none;font-family:'Montserrat', sans-serif;font-weight:600;letter-spacing:0;text-transform:uppercase;}
#foot .cite{font-size:12px;font-weight:600;font-family:'Montserrat', sans-serif;letter-spacing:0;}


/*************** 모바일 전체메뉴 ***************/
#menu .mm-inner{background:#fff;}
#mm-blocker{opacity:0.7 !important;}
#menu .mm-inner .r_menu{padding-bottom:100px;}
#menu .mm-inner .r_menu .mem{overflow:hidden;width:100%;height:60px;background:#ccc;}
#menu .mm-inner .r_menu .mem a{float:left;height:60px;padding-top:38px;font-size:11px;text-align:center;color:#fff;letter-spacing:-0.05em;box-sizing:border-box;background-size:auto 20px !important;}
#menu .mm-inner .r_menu p.tit{height:60px;text-align:center;background:#636363;}
#menu .mm-inner .r_menu p.tit a{display:block;width:100%;height:100%;}
#menu .mm-inner .r_menu p.tit a img{width:152px;padding-top:17px;}
#menu .mm-inner .r_menu ul{width:100%;}
#menu .mm-inner .r_menu ul li a{display:block;padding:15px 0 15px 15px;font-size:14px;font-family:'NotoKrM', sans-serif;color:#333;border-bottom:1px solid #e4e4e4;text-align:left;letter-spacing:-1px;}
#menu .mm-inner .r_menu ul li a.menu_all{background:url(/archive/mobile/img/common/icon_menu_all.png) no-repeat right 50%;background-size:17px auto;}
#menu .mm-inner .r_menu ul li a.menu_dpb{background:url(/archive/mobile/img/common/icon_menu_dpb.png) no-repeat right 50%;background-size:21px auto;}
#menu .mm-inner .r_menu ul li a.menu_arrow{background:url(/archive/mobile/img/common/icon_menu_arrow.png) no-repeat right 50%;background-size:25px auto;}
#menu .mm-inner .r_menu ul li ul{background:#f1f1f1;}
#menu .mm-inner .r_menu ul li ul li a{display:block;padding:15px;font-size:13px;font-family:'Montserrat', 'NotoKrR', sans-serif;font-weight:600;color:#555;letter-spacing:0;border-bottom:0;background:#fff;}
#menu .mm-inner .view_menu li a{display:block;padding:8px 0 8px 13px !important;font-size:12px !important;}

/* #menu .mm-inner .r_menu ul li ul li:hover a{background:url(/archive/mobile/img/common/hover_icon_menu.png) no-repeat right 50%;background-size:26px auto;} */


/********************************************* 서브페이지 *********************************************/
/*************** 서브 아카이브 영역 ***************/
#container.sub{padding-bottom:30px;width:100%;background:#fff;}
#container.sub .box_wrap{font-size:15px;font-family:'NotoKrR', sans-serif;color:#3e415b;line-height:170%;letter-spacing:-0.05em;}
#container.sub .box_wrap > li{width:100%;margin-top:10px;}
#container.sub .box_wrap > li:first-childe{margin-top:0;}
#container.sub .box_wrap > li:hover{-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.15);-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.15);box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.15);}
#container.sub .box_wrap li a{display:block;padding:10px;height:auto;}
#container.sub .box_wrap li a .box{position:relative;display:inline-block;width:100%;min-height:145px;}
#container.sub .box_wrap li a .box .img_wrap{position:absolute;top:0;left:0;font-size:0;line-height:0;}
#container.sub .box_wrap li a .box .img_wrap img{border:1px solid #dfdfdf;}
#container.sub .box_wrap li a .box .desc{padding-left:115px;padding-top:10px;min-height:135px;}
#container.sub .box_wrap li a .box .desc dl{padding:0 10px 5px 10px;color:#3e415b;border-bottom:1px solid #bfc1c3;}
#container.sub .box_wrap li a .box .desc dl dt{width:55px;height:24px;line-height:24px;text-align:center;font-size:13px;font-family:'Montserrat', sans-serif;font-weight:600;letter-spacing:0;border-radius:100px;border:2px solid #3e415b;}
#container.sub .box_wrap li a .box .desc dl dd{margin-top:8px;font-size:15px;font-family:'NotoKrM', sans-serif;letter-spacing:-0.05em;}
#container.sub .box_wrap li a .box .desc ul{display:inline-block;margin:10px 0 0 15px;}
#container.sub .box_wrap li a .box .desc ul li{font-size:13px;font-family:'Montserrat', sans-serif;font-weight:500;letter-spacing:0;}
#container.sub .box_wrap li a .box .desc ul li span{padding-left:20px;}
#container.sub .box_wrap li a .box .desc ul li span.date{background:url(/archive/img/icon_date.gif) no-repeat 1px 3px;background-size:10px 10px;}
#container.sub .box_wrap li a .box .desc ul li span.view{background:url(/archive/img/icon_view.gif) no-repeat 0 4px;background-size:12px 8px;}

/*************** 검색결과 ***************/
.data_result{display:inline-block;width:100%;margin:10px 0;background:#f6f6f6;}
.data_result .txt{padding:20px;font-size:14px;color:#666;font-family:'NotoKrM', sans-serif;letter-spacing:-0.05em;}
.data_result .txt strong{font-family:'NotoKrB', sans-serif;font-weight:normal;color:#fb6554;}
.data_result .paging{float:right;font-family:'Montserrat', sans-serif;font-weight:500;}
.data_result .paging strong{color:#fb6554;}
p.search_after_tit{margin-bottom:20px;font-size:18px;font-family:'NotoKrB', sans-serif;}
.whole_sub_box_wrap{padding-bottom:20px;margin:10px 0 20px 0;border-bottom:1px solid #888;}
.work_list li span.search_result_year{font-size:14px;font-family:'Montserrat', sans-serif;font-weight:500;color:#333;}
.work_list li span.search_result_subject{font-size:14px;font-family:'Montserrat', 'NotoKrM', sans-serif;color:#333;}


/*************** 서브페이지 로케이션 ***************/
#location{width:100%;height:40px;text-align:center;background:#f1f2f6;}
#location ul{display:inline-block;width:90%;}
#location ul li{float:left;margin-left:12px;padding-left:15px;height:40px;line-height:40px;font-size:14px;font-family:'Montserrat', 'NotoKrR', sans-serif;color:#666;background:url(/archive/mobile/img/common/loc_arr.gif) no-repeat 0 50%;background-size:6px auto;}
#location ul li.home{padding-left:0;background:none;}
#location ul li.home img{width:13px;}






/********* ARCHIVE *********/
/* ARCHIVE-리스트 */
.archive_right{float:right;width:100%;}
.archive_right .archive_desc{margin-bottom:55px;}
.archive_right .archive_desc p{font-size:15px;font-family:'NotoKrM', 'Montserrat', sans-serif;color:#666;margin-top:15px;line-height:23px;word-break:keep-all;letter-spacing:-0.05em;}
.archive_right .archive_desc p:first-child{margin-top:0;}
.archive_right .work_list_wrap{display:inline-block;width:100%;}
.archive_right .work_list_wrap .tit_area{display:inline-block;width:100%;padding-bottom:10px;border-bottom:1px solid #384a7c;}
.archive_right .work_list_wrap .tit_area .tit{float:left;font-size:20px;font-family:'NotoKrM', sans-serif;color:#111;letter-spacing:-0.05em;}
.archive_right .work_list_wrap .tit_area .artist_num{float:right;margin-top:5px;font-size:14px;font-family:'NotoKrM', 'Montserrat', sans-serif;color:#384a7c;}
.archive_right .work_list_wrap .work_list{display:inline-block;width:100%;}
.archive_right .work_list_wrap .work_list li{float:left;width:100%;padding:0;margin-top:10px;}
.archive_right .work_list_wrap .work_list .tit_wrap{display:inline-block;width:100%;}
.archive_right .work_list_wrap .work_list .tit_wrap .artist{width:325px;}
.archive_right .work_list_wrap .work_list .tit_wrap .artist a{display:block;width:100%;word-break:keep-all;font-size:14px;font-family:'NotoKrM', sans-serif;color:#131313;}
.archive_right .work_list_wrap .work_list .tit_wrap .work_num{margin-top:3px;font-size:12px;font-family:'NotoKrM', 'Montserrat', sans-serif;color:#384a7c;letter-spacing:-0.05em;}
.archive_right .work_list_wrap .work_list .desc{margin-top:0;padding:20px 0;font-size:13px;color:#666;letter-spacing:-0.05em;height:auto;border-bottom:1px dashed #ddd;}

/* ARCHIVE-슬라이드 */
.archive_right .slider_wrap{margin-bottom:20px;}
.archive_right .slider_wrap .writer_name{margin-bottom:15px;padding:10px;text-align:center;font-size:23px;font-family:'NotoKrB', 'Montserrat', sans-serif;color:#fff;background:#384a7c;}
.archive_right #slider{position:relative;padding:20px;border:1px solid #384a7c;text-align:center;}
.archive_right #slider.jsBigImg img{max-width:100%; max-height:800px;}
.archive_right #slider .jsImgSubject{padding:15px;font-size:15px;font-family:'NotoKrM', 'Montserrat', sans-serif;color:#131313;letter-spacing:-0.05em;background:#f3f3f3;}
.archive_right #carousel{position:relative;min-height:100px;padding:20px 60px;border:1px solid #384a7c;border-top:0;}
.archive_right #carousel .slides .jsThumImg{max-height:170px;max-width:170px; width:auto;}
.archive_right #carousel .flex-viewport .slides{text-align:center;}
.archive_right #carousel .flex-viewport .slides li{text-align:center !important;height:120px;background:#f6f6f6;display:table !important;}
.archive_right #carousel .flex-viewport .slides li:hover{cursor:pointer;}
.archive_right #carousel .flex-viewport .slides li p{display:table-cell;vertical-align:middle;}
.archive_right #carousel .flex-viewport .slides li img{height:60vW;}
.archive_right #carousel .flex-direction-nav{position:absolute;top:50%;left:0;right:0;margin-top:-20px;}
.archive_right #carousel .flex-direction-nav li a{position:absolute;display:block;width:40px;height:40px;text-indent:-9999px;font-size:0;line-height:0;}
.archive_right #carousel .flex-direction-nav .flex-nav-prev .flex-prev{left:0;background:#384a7c url(/img/03history/s_prev_btn.png) no-repeat 50% 50%;}
.archive_right #carousel .flex-direction-nav .flex-nav-next .flex-next{right:0;background:#384a7c url(/img/03history/s_next_btn.png) no-repeat 50% 50%;}
.archive_right #carousel img{width:100%;max-height:120px !important;}

/* ARCHIVE-뷰 */
.archive_right .work_view_wrap{margin-bottom:55px;}
.archive_right .work_view_wrap .tit_area{padding-bottom:10px;font-size:20px;font-family:'NotoKrM', sans-serif;color:#111;letter-spacing:-0.05em;border-bottom:1px solid #384a7c;}
.archive_right .work_view_wrap .view_txt{margin-top:25px;font-size:15px;}
.archive_right .work_view_wrap .view_txt p{margin-top:15px;font-size:15px;font-family:'NotoKrM', 'Montserrat', sans-serif;color:#666;line-height:23px;word-break:keep-all;letter-spacing:-0.05em;}
.archive_right .work_view_wrap .view_txt p:first-child{margin-top:0;}


/* ARCHIVE 리스트 메뉴 */
#archive_menu .archive_sidetitle.hide{display:none;}
#archive_menu ul{display:inline-block;width:100%;margin:15px 0;}
#archive_menu ul li{float:left;width:33.33%;}
#archive_menu ul li a{display:block;min-height:70px;padding:5px;border:1px solid #dfdfdf;margin:-1px 0 0 -1px;word-break:break-all;}
#archive_menu ul li.on a{color:#fff;border:1px solid #384a7c;background:#384a7c;}


/* 주의박스 */
.caution_box{margin-bottom:20px;padding:20px;letter-spacing:-0.05em;background:#eee;}
.caution_box p{padding-left:25px;font-family:'NotoKrM', sans-serif;font-size:14px;color:#666;line-height:20px;word-break:keep-all;background:url(/img/common/icon_caution_box.png) no-repeat 0 5px;}