@charset "utf-8";


.sub_wrap{padding-top:210px;  position: relative;}

/* visual_wrap */
.visual_wrap{background:#f3ece6; height:130px; position: relative;}
.visual_wrap .sub_top{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.visual_wrap .sub_top h3{line-height:1; font-size:2.125em; font-weight: 500;}

.hello_cont{text-align: center;max-width: 750px;margin: 10px auto 0; overflow: hidden;}
.hello_cont:before{content:'';display: block;background:url(/_static/chf1/img/sub/hello_before.png) no-repeat left center;width: 40px;height: 32px;background-size: 100%;}
.hello_cont:after{content:'';display: block;background: url(/_static/chf1/img/sub/hello_after.png) no-repeat right center;width: 40px;height: 32px;float: right;margin-right: 40px;background-size: 100%;}
.hello_cont > span{
    position: relative;
    color: #282828;
    display: block;
    padding: 0px 30px 10px;
    font-size: 2.2em;
    font-weight: 600;
    word-break: keep-all;
}

/* quick_wrap - snb_link */
.quick_wrap{position:relative; z-index:1; height: 60px; background:#9d8c90; }
.quick_wrap .container {padding: 0;}

.snb_link{float:left;}
.snb_link > li.sub_link_on {background: #9d8c90 url("/_static/chf1/img/sub/bar_on.png") right 20px center no-repeat;}
.snb_link > li.sub_link_on > a {color:#fff;}
.snb_link > li.home{ background:#cd867e; text-align:center;}
.snb_link > li.home .icon_home{display:block; min-width: 60px; padding:0; border-right:0; background: url("/_static/chf1/img/sub/home.png") center center no-repeat;}

.snb_link > li {float:left; position: relative;height: 60px; background: #9d8c90 url("/_static/chf1/img/sub/bar_on2.png") right 20px center no-repeat;}
.snb_link > li > a{display:block; min-width:250px; height:60px; line-height:60px; padding-left: 30px; padding-right: 60px;  border-right:1px solid #b1a3a6; color: #fff;}
.snb_link > li.on > a {color:#fff;}
.snb_link > li.on {background: url("/_static/chf1/img/sub/bar_on.png") right 20px center no-repeat;}
.snb_link > li.home > a:after{display:none;}
.snb_link > li.on.home {background:#dd325d;}
.snb_link > li.on > a:after { transform: rotate(180deg);}
.snb_link div {display: table-cell; vertical-align: middle; padding-left: 30px; height: 100%;  font-size: 0.93em; min-width: 169px ;cursor: pointer;}
.snb_link li .L2_Items {display:none; left: -999em; position: absolute; z-index: 100; top:60px;}
.snb_link li.on .L2_Items {display:block; left:-1px; background: #9d8c90; border:1px solid #e0e0e0; /*border-top:0;*/ width:100%;   
    overflow-y: scroll;
    max-height: 500px;
}
.snb_link li.de_2items .L2_Items {width:100.5%;}
.snb_link li.de_2items.on .L2_Items {left:-1px;}
.snb_link li .L2_Items li {float: inherit;position: relative; display: inline-block; width: 100%; margin: 0 auto; }
.snb_link li .L2_Items li:last-child {border-bottom:0;}
.snb_link li .L2_Items li a{display:block; width:100%; padding:15px 10px 15px 30px; color:#fff;}
.snb_link li .L2_Items li a:hover,.snb_link li .L2_Items li a:focus {color:#ffe5b7;}
.snb_link > li.de_3items > a.de_menu2 {width:170px; padding-right:0;}

/* 12.14 location 길이 수정 */
/* .snb_link > li:nth-child(2){}
.snb_link > li.de_3items{max-width: 295px;} */

/* h3.sub_top_tit */
.sub_top_tit{ position: relative; display: block;}
h3.sub_top_tit{font-size:2.500em; line-height: 1; color:#222222; font-weight: 500; text-align: center; margin-bottom: 50px;}
h3.sub_top_tit span{position: relative; line-height: 1; display: inline-block; padding-bottom: 26px;}
h3.sub_top_tit span:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); display: inline-block; width: 49px; background: #552c35; height: 2px;}


/* sitemap_wrap */
.sitemap_wrap .map_area {display:table; width:100%; margin-bottom:100px;}
.sitemap_wrap .map_area:last-child {margin-bottom:0;}
.sitemap_wrap .map_area .e_left {display:table-cell; width:28.7%; font-size:2.250em; color:#1e1e1e;}
.sitemap_wrap .map_area .e_right {display:table-cell; vertical-align:top;}
.sitemap_wrap .map_area .e_right p {margin-bottom:29px; font-size:1.375em; color:#353535; font-weight:300;}

.sitemap_wrap .sitemap_list {overflow:hidden;}
.sitemap_wrap .sitemap_list li {float:left; width:24.4%; margin-right:0.8%;height:44px; line-height:42px; border:1px solid #363c56;}
.sitemap_wrap .sitemap_list li:nth-child(4n) {margin-right:0;}
.sitemap_wrap .sitemap_list li:nth-child(5n) {margin-top:0.8%;}
.sitemap_wrap .sitemap_list li:nth-child(6n) {margin-top:0.8%;}
.sitemap_wrap .sitemap_link {display:block; color:#242424; font-size:1.125em; text-align:center; font-weight:300;}

/* quick_wrap - snb_rtop */
.sub_rtop {float:right;}
.etc_area {position:relative;}
.etc_area > li {float:left; width:60px; height:60px; text-align:center; position: relative;}
.etc_area > li:after{content: ''; width: 1px; height:12px; background: #b1a3a6; font-size: 0.750em; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.etc_area > li > button {display:block; width:100%;}
.etc_area > li > a {  position: relative;  display: inline-block; width: 60px; height: 60px; }
.etc_area > li > a img{ margin-top:20px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); */
}
.snb_sns {overflow:hidden; display:none; position:absolute; width:0; left: 0; opacity:0; background:#f7f7f7; transition-duration: 0.2s;-webkit-transition-duration: 0.2s;top: 0px;}
.snb_sns.show {display:block; width:auto; left: -350px; opacity:1;}
.snb_sns > li {float:left; display: none; height:60px; border-left: 1px solid #d1d1d1;}
.snb_sns.show > li {display:inline-block;}
/* .snb_sns li a {display: inline-block; padding: 0;width: 100%;width: 60px; padding: 12px 0;text-align: center;} */
.snb_sns li a{display: inline-block; width: 60px; height: 60px; line-height: 1; padding: 20px 0; text-align: center;}
.snb_sns li:last-child {width:89px; border-right: 1px solid #d1d1d1;}
.snb_sns li a.link_copy {display:block; width:89px; font-size:0.93em; color:#353535;}

/* quick_wrap -  QR cord */
.qr_cord {position:relative;}
.qrBox{display: none; position:absolute; top:204px; right:-1px; z-index:99999; margin-top:-150px; margin-left:-115px; width: 300px; height: 258px; padding: 28px; background-color: #fff; border: 1px solid #ddd; border-top:0; text-align: center; cursor: pointer;}
.qrBox.on {display:block;}
.qrBox a.qrBoxClose{ position: absolute;  top: 6px; right: 6px; width: 30px; height:30px; line-height:28px;  background-color: #414141; color: #fff; text-align: center; text-decoration: none;}
.qrBox p{margin: 13px auto 0; font-size:0.96em; word-break:keep-all;}

/* sub_tit*/
.sub_tit{position: relative; display: block; float: left; width: 22.3%; margin-right: 3.6%;}
/*12.07 단어별 추가 */
.sub_tit span{position: relative; display: inline-block; padding-bottom: 14px; font-size:1.375em; /*font-size:1.5em;*/ font-weight: 500; word-break: keep-all;}
.sub_tit span:before{content:'';content:'';display:inline-block;position:absolute;left:0;bottom:0;width:48px;height:2px;z-index:1;background:#562d36;}
.sub_tit:after{content:'';display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#dddddd;}

/* 제목 박스 타이틀 */
.sub_con_wrap{margin-top:50px;}
.sub_con_wrap .sub_cont{margin-bottom:80px;}
.sub_box_tit{position: relative; display: block; float: left; border:2px solid #dddddd; width: 22.3%; margin-right: 3.6%; margin-top:7px;}
.sub_box_tit span{position:relative;display:block;font-size:1.125em;font-weight:500;text-align:center;color:#000000;padding:23px;}
.sub_box_tit:before{content:'';display:inline-block;position:absolute;left:-2px;top:-2px;background:url(/_static/chf1/img/sub/tit_bg_before.png)no-repeat;width:25px;height:25px;}
.sub_box_tit:after{content:'';display:inline-block;position:absolute;right:-2px;bottom:-2px;background:url(/_static/chf1/img/sub/tit_bg_after.png)no-repeat;width:25px;height:25px;}

/* 제목 일자형태 */
.sub_tit.only{float:none;width:100%;margin-right:0;}
.sub_con{overflow: hidden;}
/* 제목 일자형태 + 하단 컨텐츠 100% */
.sub_con .sub_tit.only + .blt_cont{float: none; width: 100%;}

/* 제목 일자형태 + 하단 테이블 */
.sub_con .sub_tit.only + .blt_cont.align{margin-top: 30px;}

/* 제목 일자형태 + 하단 컨텐츠 모두 100% */
/* .sub_tit.only + .blt_cont ~ .blt_cont{float: none; width: 100%;} */

/* sub_section */
.sub_section{padding-bottom: 180px; margin-top: 50px;}

/* 5뎁스 패널 제목 있을 경우 묶음 */
.tab_area{margin-top:50px;}


/* * 같은 중요도 문구*/
.add_box{margin-top: 12px;}
.add_box p{margin-top: 9px;}
.add_box p em{color:#b13a3e;}

/* list_tabs */
.list_tabs{margin:0 0 37px; border-bottom: 1px solid #d7d7d7;}
.list_tabs .path a{display: inline-block; padding: 7px 10px; position: relative; text-align: center; float: left; min-width: 90px;}
.list_tabs .path a.on{background:#b13a3e; color:#fff;}
.list_tabs .path a.on:after{content: ''; display: inline-block; background: url(/_static/chf1/img/sub/tabs_chk.png) no-repeat; width: 8px; height: 7px; position: absolute; bottom: -7px; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}

/* 달력 탭 */
.calendar_tabs{margin:0 0 37px;}
.calendar_tabs .path a{display: inline-block; vertical-align: middle; padding: 0 10px; text-align: center; margin-left: 10px; float: left; min-width: 62px; height: 44px; line-height: 44px; font-weight: 300; color: #2b2b2b; border: 1px solid #d7d7d7;}
.calendar_tabs .path a:first-child{margin-left:0;}
.calendar_tabs .path a.on{background:#f6f7f9; font-weight: 500;}


/* 탭 띄우기 */
.calendar_tabs.p_a{position: absolute; right:0; top:0; display: inline-block;}

/* 주간 달력 */
.cal_wrap .cal_date_area{text-align: center;}
.cal_wrap .cal_date_area .cal_date{margin-bottom:44px;}
.cal_wrap .cal_date_area .cal_date a{display: inline-block; vertical-align: middle; width: 11px; height: 19px;}
.cal_wrap .cal_date_area .cal_day{ display: table; width: 100%; table-layout: fixed;}
.cal_wrap .cal_date_area .cal_day li{display: table-cell; float: none;}

.sub_cont{overflow: hidden; margin-top:56px;}
.sub_cont:first-child{margin-top:0;}

/* sub_info */
.sub_info{position: relative; overflow: hidden; padding: 50px 140px 34px 183px; margin: 0 0 46px; border: 1px solid #d7d7d7; background: #f7f7f7 url(/_static/chf1/img/sub/info_img.png) center left 38px no-repeat;}
.sub_info .tit{font-size:1.375em; font-weight: 500;}
.sub_info p{font-size:0.938em; margin-top:14px; font-weight: 300; color:#2f2f2f; line-height: 1.7;}

/* blt_cont */
.blt_cont{float:left; margin:20px 0 0; width:74.1%; }
.blt_cont + .blt_cont{margin-bottom:80px;}
/* .blt_cont + .blt_cont ~ .blt_cont{margin-bottom:80px;} */
/* 컨테츠 밑에 테이블 */
.sub_cont + .board_tbl{margin-top:80px;}

/* 제목 짧고 컨텐츠 하단 내려올 경우 */
.sub_con .sub_cont.only .sub_tit{float: none;}
.sub_con .sub_cont.only .blt_cont{
    float: none;
    display: block;
    width: 100%;
    margin: 20px 0 0;
}

.sub_con .sub_cont.only .blt_cont .cont_ib{}





/* 소규모발굴 */
.sub_cont .sub_title{margin-top:0;}

/* 두 컨텐츠 일자 정렬 - 공연장 소개*/
.blt_cont.align{margin-top:42px;}
.blt_tit{position: relative; padding-left:19px; margin-top:35px; }
.blt_cont .blt_tit em{ color:#1e1e1e; font-size:1.188em; font-weight: 500; margin-right:34px;}
.blt_cont .blt_tit {color:#5d5d5d; font-weight:300; }

.blt_cont .blt_tit.frt{margin-top:0;}
/* 12.07 */
.blt_tit:before{content:''; display: inline-block; position: absolute; top:5px; left:0; background:url('/_static/chf1/img/sub/bullet_01.png') no-repeat center; width:10px; height:14px;}
label.blt_tit:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    background:url('/_static/chf1/img/sub/bullet_01.png') no-repeat center;
    width: 10px;
    height: 14px;
    transform: translate(0,-50%);
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,-50%);
}

/* 3뎁스 블릿 */
.bull_tit{position: relative; padding-left:19px; margin-top:24px; margin-bottom: 12px;}
.blt_cont .bull_tit em{ color:#1e1e1e; font-size:1.125em; font-weight: 500;}
.bull_tit:before{content:''; display: inline-block; position: absolute; top:9px; left:0; background:url('/_static/chf1/img/sub/bullet_02.png') no-repeat center; width:11px; height:6px;}

.blt_cont .img_area{overflow: hidden; margin-top:50px; }
.blt_cont.align .img_area{margin-top:30px; margin-left:2.1%;}
.blt_cont .img_area:first-child{margin-top:0;}
/* 이미지 4개일 */
.blt_cont .img_area.type02 > div{ width: 23.3%; margin-left:2.2%;}
.blt_cont .img_area.type02 > div:first-child{margin-left:0;}
.blt_cont .img_area.type02 .btn_example{ padding-top:67%;}
.blt_cont .img_area > div{ width: 31.2%; margin-left: 3.2%; float: left;}
.blt_cont .img_area > div:first-child{margin-left:0;}
.blt_cont .img_area .btn_example{
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 66.7%;
}
/* .blt_cont .img_area .btn_example:first-child{margin-left:0;} */
.blt_cont .img_area .btn_example p{padding-top:10px; text-align: center; color:#5d5d5d; font-weight: 300;}
.blt_cont .img_area .btn_example img{position: absolute; top: 0; left: 0; width: 100%;}

/* 두번째 이미지 간격 */
.blt_cont .img_area.sec{margin-top: 47px;}

/* 이미지 아래 블릿 일 경우 */
.blt_cont .img_area + .list_area{margin-top: 9px;}

/* 대관안내 - 상단 추가 문구 */
.blt_cont .add_top{color:#5d5d5d; font-weight: 300; margin-bottom:7px;}

/* 하단 추가 문구 */
.blt_cont .add_txt{color:#5d5d5d; font-weight: 300; margin-top:12px; margin-left:1.1%;}

/* 테이블 사이에 알림 문구*/
.alert_txt{text-align: right; margin-bottom:7px;}
.alert_txt em{color:#b13a3e;}


/* 제목 아래 테이블 - 공연장 소개 12.07*/
.blt_tit + .tbl_sub_col{margin-top:10px; margin-left:20px;}
.blt_tit ~ .board_tbl{margin-top:10px; margin-left:20px;}

.blt_cont .cont_box:first-child{margin-top:0;}

/* 전시관 도면 이미지 */
.blt_cont .img_only{margin-top:70px;}
.blt_cont .img_only:first-of-type{margin-top:0;}
.blt_cont .img_only a{display: block; text-align: center;}

/* 박스 타이틀 + 문구 정렬 */
/* .blt_cont.mgt0{margin-top:0;}  */

/* .list_blt{ margin-top:7px;} */
.list_blt > li{position: relative; padding-left:12px; margin-top: 9px; font-weight: 300; text-align: left;}
.list_blt > li:first-child{margin-top: 0;}
.list_blt > li:before{content:''; display: inline-block; position: absolute; top:8px; left:0; width:4px; height:4px; background:#bb9b72;}
.list_blt > li > p{margin-top:16px;}
.list_blt > li > p:first-child{margin-top:0;}

/* 블릿 있는 행간 간격 */
/* .cont_txt .list_blt > li:before{top: 13px;} */

/* 블릿 타이틀 2*/
.list_tit{color:#5d5d5d; font-weight: 700; margin-bottom:7px;}


/* 블릿 안에 테이블 - 공연장 소개*/
.list_blt > li .tbl_sub_col{margin-top:7px; margin-bottom:22px;}


.new_tit + .list_area{margin-bottom:47px;}

/* 블릿 안에 블릿 */
.sub_blt{margin-top:8px;}
.sub_blt li{margin-top:8px; font-weight: 300; color:#5d5d5d;}
.sub_blt li:first-child{margin-top:0;}

/* 블릿 리스트 단독 사용*/
.list_blt.only{margin-top:0;}
.list_blt.only > li{margin-top:16px; }
.list_blt.only > li:first-child{margin-top:0;}
/* .list_blt.clr_01 > li:before{background:#bb9b72;} */
.list_blt .list_long{padding-left: 58px; text-indent: -46px;}
/* .clr_01{background:#bb9b72;}/ */

/* 블릿 간의 간격 */
.list_area > .list_blt{margin-top:36px; padding-left:22px;}
.list_area > .list_blt:first-child{margin-top:0;}
.blt_tit + .list_area{margin-top:9px;}

/* 문구 안에 이미지 등록 시*/
.list_area .img_area {margin-left:2.1%;}

/* 사업소개 */
.blt_tit ~ .add_tit{margin-top:9px; padding-left:19px; }

/* 5_2_2_1 사업소개 12.07*/
.list_area + .add_tit{margin-top: 24px; padding-left:19px;}

/* 블릿 기호 밑에 이미지 */
.blt_tit + .blt_btm_img{margin-top:9px;}

/* btn_group */
.btn_group{margin-top:50px; text-align: center;}
.btn_down{    background: #f2f1ef url(/_static/chf1/img/sub/btn_down_icon.png) no-repeat center right 20px;
    font-size: 0.875em;
    color: #000;
    border: 1px solid #b1b1b1;
    padding: 10px 40px 10px 20px ;
    min-width: 196px;
    display: inline-block;
}
.btn_do{    background: #f2f1ef url(/_static/chf1/img/sub/btn_move.png) no-repeat center right 20px;
    font-size: 0.875em;
    color: #000;
    border: 1px solid #b1b1b1;
    padding: 10px 40px 10px 20px;
    min-width: 196px;
    display: inline-block;
}
/* 왼쪽 화살표 */
.btn_do.i_left{    background: #f2f1ef url(/_static/chf1/img/sub/btn_move_left.png) no-repeat center left 20px;
    font-size: 0.875em;
    color: #000;
    border: 1px solid #b1b1b1;
    padding: 10px 20px 10px 40px;
    min-width: 196px;
    display: inline-block;
}

.btn_group a span{display: block; text-align: left;}

/* 제목 아래 버튼 */
.blt_cont .btn_group{margin-top:7px; text-align: left;}

/* 내용 아래 버튼 */
.btn_group.type2{margin-bottom: 30px; text-align: right;}

.inquiry {position:relative; overflow:hidden; padding:26px 30px 26px 76px; margin:0 0 50px; border:1px solid #dedede; background: #f7f7f7 url("/_static/chf1/img/sub/cont_respon.png") center left 30px no-repeat;}
.inquiry .box span{float:left;}
.inquiry .box dl{display: table; table-layout: fixed; float: left; margin-left:7.7%;}
.inquiry .box dl dt{display: table-cell;}
.inquiry .box dl dt:after{content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    background: #9d9d9d;
    font-size: 0.750em;
    height: 12px;
    margin: 0 17px 3px;}
.inquiry .box dl dd{display: table-cell; }

/* 대관안내 블릿 하단 버튼*/
.list_blt + .btn_do{margin:17px 0 0 10px;}

/* 공연장 소개*/
.blt_tit + .btn_group{margin:9px 0 0 20px;}

/* 북악산 소개 찾아오시는 길*/
.cont_ib{display: inline-block; margin-top: 17px;}
.cont_ib:first-child{margin-top: 0;}
.btn_group.type3{margin-top:10px; text-align: right;}



/* 공연장 소개 테이블 아래 list */
.tbl_sub_col + .list_area{margin-top:9px;}



/* 모달 팝업 */
/* modal_bg*/
.dim_layer {display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%; z-index:20001; }
.dim_layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity=50);  }
.pop_layer {display: none; position: absolute; top: 50%; left: 50%; width: 594px; height: auto;  max-height: 500px; background-color: #fff; z-index:20002;}
.dim_layer .pop_layer {display: block; }

.popup .pop_header{ background: #b13a3e; height: 80px; padding:0 50px;}
.popup .pop_header > div{text-align: left; color: #fff;  font-size: 1.75em; display: inline-block; width: 100%; vertical-align: middle; line-height: 80px;}
.popup .pop_header > div em{width: 26px; height: 26px; background: #fff; color: #2c2b2b; border-radius: 50%;	display: inline-block; vertical-align: middle; text-align: center; line-height: 24px; font-size: 1.063em; margin-left:10px;}
.popup .pop_header > div em:first-child{margin-left:0;}
.popup .pop_header > div span{display: inline-block; vertical-align: middle; margin-left: 10px;   color: #fff;font-size: 1.313em;line-height: 1;}

.popup .pop_container{padding:50px; background:#fff; }
.popup .pop_container .slider_nav .slick-dots{position: absolute; bottom: 15px; left: 0; z-index: 100;}
.popup .pop_container .slider_nav .slick-dots li {width: 18px; height: 18px; margin: 0 4px;}
.popup .pop_container .slider_nav .slick-dots li button{width: 18px; height: 18px; border-radius: 50%; border: 1px solid #fff;	background: #fff;}
.popup .pop_container .slider_nav .slick-dots li.slick-active button{background: #f9eb19;border-color: #f9eb19;}
.popup .pop_container .slider_nav .slick-dots li button:before{display: none;}
.popup .pop_container .slider_nav .pop_img{position: relative; width: 100%; padding-top: 75.6%;}
.popup .pop_container .slider_nav .pop_img > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup .pop_container .slide_cont{margin-top:30px;}
.popup .pop_container .slide_cont em{display: block; margin-bottom:30px; font-weight: 700; color:#2c2c2c;}
.popup .pop_container .slide_cont .slide_p{/*margin-top:30px;*/ color:#2c2c2c; font-weight: 300; line-height: 1.625em;}
/* .popup .pop_container .slide_cont .pop_slide .slick-dots{display: none;} */

.popup .popup_close{overflow:hidden;width:69px;height:69px;display:block;z-index:3200;position:absolute;right:-79px;top:-79px;}


/* 연혁 */
.hist_area{position: relative; padding-left:145px;}
.hist_area:before{content:''; display: block;
    background: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 4px;
    top: 0;
}
.hist_area:after{content:''; display: block;
    background-image: url(/_static/chf1/img/sub/hist_top.png), url(/_static/chf1/img/sub/hist_top.png);
    width: 9px;
    background-position: top center, bottom center;
    background-repeat: no-repeat;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
}
.hist_area .hist_tit{font-size:2.625em; color:#1e1e1e; position: relative; line-height: 1;
    display: inline-block; margin-bottom:34px;}
.hist_area .hist_cont{position: relative; padding-top:64px;}
.hist_area .hist_cont:last-child{padding-bottom:20px;}
.hist_area .hist_cont:before{ content:''; display: block;
    background: #ccc;
    width: 120px;
    height: 1px;
    position: absolute;
    left: -150px;
    top: 85px;}
.hist_area .hist_tit:before{content:''; display: block;
    background: url(/_static/chf1/img/sub/hist_front.png) no-repeat center;
    width: 19px;
    height: 19px;
    position: absolute;
    left: -150px;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.hist_area .hist_tit:after{content:''; display: block;
    content: '';
    display: block;
    background: url(/_static/chf1/img/sub/hist_back.png) no-repeat center;
    width: 9px;
    height: 9px;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

/* 탭 */
.tab_container .tab_cont{display: none;}
.tab_container .tab_cont.on{display: block;}


/* 문구 간격 */
.cont_txt p{font-weight: 300; color: #5d5d5d; margin-top: 36px; line-height: 1.75em;}
.cont_txt p:first-child{margin-top:0;}
/* 문구 간격 없을 때*/
.cont_txt p + p{margin-top:0;}
.cont_txt p strong{font-weight: 700; font-size:1.125em; color:#5d5d5d;}

/* 문구 간격 있을 때*/
.cont_txt + .cont_txt{margin-top:36px;}
.cont_txt + .cont_txt:first-child{margin-top:0;}

/* cont_txt 들여쓰기 */
.cont_txt .inner_txt{display: block; padding-left:78px; }

/* 수문장 폰트 강조 */
.cont_txt li{color:#5d5d5d; font-weight: 300;}
.cont_txt li em{font-size:2.255em; color:#b13a3e;}
.cont_txt.type02 p{margin-top:14px;}
.cont_txt li .sub_blt{padding-left:33px;}

/* 문구 다음 블릿 */
.cont_txt + .list_area{margin-top:17px;}

/* 제목아래 문구 + sub_con 문화유산이야기 */
.cont_txt + .sub_con{margin-top:56px;}
.cont_txt + .sub_con.bg_king{margin-top:44px; background:url(/_static/chf1/img/sub/king_bg.png) no-repeat right top -25px; }

/* blt_cont 문구 + blt_only_img*/
.cont_txt + .blt_only_img{margin-top:16px;}



/* 문구 박스 숫자 */
.cont_box{position:relative;background:#eeeeee;padding:26px 30px 26px 110px;margin-top:70px;}
.cont_box>span{position:absolute;left:0px;top:0px;width:80px;height:80px;background-color:#b13a3e;text-align:center;font-weight:300;color:#fff;font-size:1.75em;line-height:80px;}
.cont_box .tit{color:#1e1e1e; font-size:1.5em; font-weight:500;}
.cont_box p{color:#5d5d5d; font-weight: 300;}
.cont_box .tit + p{margin-top:11px; }


/* 조직도 */
/* .o_chart br{display: none;} */
.o_chart{text-align: center; margin-bottom:70px; position: relative;}
/* .chart_area{overflow: hidden;} */
.o_chart div.first_chart{display: inline-block;  margin-bottom: 155px; position: relative;}
.o_chart .chart_area{width: calc(100% - 4%);}
.o_chart div.first_chart > div{position: relative;}
.o_chart div.first_chart>div span{border-radius:50%;background:#b13a3e;color:#fff;width:150px;height:150px;display:inline-block;vertical-align:middle;line-height:150px;font-size:1.625em;font-weight:500;}
.o_chart div.first_chart:before{background-color:#dddddd;content:'';position:absolute;height:155px;width:1px;bottom:-155px;right:-1px;left:50%;}
.o_chart div.first_chart:after{display:none;background-color:#dddddd;content:'';position:absolute;height:1px;width:43.1%;left:50%;top:inherit;bottom:-199px;}

/*두번째*/
.o_chart div.sec_chart{position: relative;}
.o_chart div.sec_chart:before{background-color:#dddddd;content:'';position:absolute;height:1px;width: 34.8%;left: 52.1%;top:-15px;}
.o_chart div.sec_chart>div:before{background-color:#dddddd;content:'';position:absolute;height:1px;top:-30px;width:100%;left:0;}
.o_chart div.sec_chart>div:first-child:before{width:60%;left:50%;}
.o_chart div.sec_chart > div:last-child:before{width: 50%;}
.o_chart div.sec_chart>div{margin-top:30px;margin-bottom:30px;display:flex;flex-wrap:nowrap;float:left;width: 40%;margin-left: 1%;position:relative;}
.o_chart div.sec_chart>div>div:before{background-color:#dddddd;content:'';position:absolute;height:30px;left:50%;top:-30px;width:1px;}
.o_chart div.sec_chart>div:after{background-color:#dddddd;content:'';position:absolute;height: 100px;width:1px;bottom: -100px;top:inherit;right:-1px;left: 50%;}
.o_chart div.sec_chart>div:first-child{width: 41.4%;margin-left:0;margin-left: 0.8%;}
.o_chart div.sec_chart>div>div{border:3px solid #474747;display:table;margin:0 auto;}
.o_chart div.sec_chart>div span{display:table-cell;vertical-align:middle;height:54px;line-height:54px;padding:0 15px;font-size:1.250em;color:#1e1e1e;min-width:194px;font-weight:500;word-break:keep-all;}
.o_chart div.third_chart{margin-top: 100px;display:flex;flex-wrap:nowrap;float:left;width: 44.7%;}
.o_chart div.third_chart.sec{width: 34.5%;margin-left: 1.5%;}
.o_chart div.third_chart.third{width: 9.3%;/* width: 130px; */margin-left: 1.5%;margin-top: 100px;position:relative;}
.o_chart div.third_chart.third>div{border: 3px solid #474747;display:table;width:100%;border-collapse:collapse;position:absolute;top: -132px;z-index: 1;}
.o_chart div.third_chart.third>div span{display:table-cell;vertical-align:middle;color:#1e1e1e;font-weight:500;font-size: 1.25em;height: 54px;word-break:keep-all;background: #fff;}
.o_chart div.third_chart.third>div:before{background-color:#dddddd;content:'';position:absolute;height: 104px;left: 50%;top: -104px;width:1px;z-index: -1;}
.o_chart div.third_chart.third>div+dl:before{top: -30px;height: 30px;}
.o_chart div.third_chart.third>div+dl:after{display: none;}
.o_chart div.third_chart dl{width:calc(100%/6);flex-grow:1;position:relative;max-width:108px;margin-left:10px;}
/* .o_chart div.third_chart.sec dl{width:calc(100%/4);flex-grow:1;position:relative;max-width:108px;margin-left:10px;} */
.o_chart div.third_chart dl:before{background-color:#dddddd;content:'';position:absolute;height: 30px;left: 49%;top:-30px;width:1px;}
.o_chart div.third_chart dl:after{background-color:#dddddd;content:'';position:absolute;height:1px;top:-30px;width:130%;left:0;}
.o_chart div.third_chart dl:first-child{margin-left:0;}
.o_chart div.third_chart dl:first-child:after{width:70%;left:50%;}
.o_chart div.third_chart dl:last-child:after{width: 50%;}
.o_chart div.third_chart dl dt{background:#eeeeee;border:1px solid #dddddd;display:table;width: 100%;padding: 1px;}
.o_chart div.third_chart dl dt span{display:table-cell;vertical-align:middle;height: 114px;/* padding:12px 15px; */color:#1e1e1e;font-weight:500;word-break:keep-all;text-align: center;}
.o_chart div.third_chart dl dd{border:1px solid #dddddd;margin-top:5px;display:table;table-layout:fixed;width:100%;border-collapse:collapse;}
.o_chart div.third_chart dl dd span{display:table-cell;vertical-align:middle;/* padding:12px 15px; */color:#5d5d5d;font-weight:300;height: 94px;word-break:keep-all;padding: 2px;}

/* 추진체계 */
.o_chart.type02 div.first_chart{margin-bottom:101px;}
.o_chart.type02 div.first_chart:before{
    height: 101px;
    bottom: -101px;
}
.o_chart.type02{}
.o_chart.type02 .chart_area{}
.o_chart.type02 .chart_area .sec_chart{
    display:flex; position:relative;
}
.o_chart.type02 .chart_area .sec_chart .sec_area{display:inline-block;margin:0 auto;}



.o_chart.type02 ul.sec_chart > li{ flex-grow: 1;}
.o_chart.type02 > .chart_area > ul.sec_chart>li:first-child{
    width:30%; margin-left:0; position:absolute; left:0; top:0;
}

.o_chart.type02 .chart_area .sec_chart .sec_tit{
    display: block;
    height: 64px;
    position: relative;
    border: 3px solid #474747;
    line-height: 64px;
    padding: 0 15px;
    font-size: 1.250em;
    color: #1e1e1e;
    min-width: 320px;
    vertical-align: middle;
    font-weight: 500;
    word-break: keep-all;
}
.o_chart.type02 .chart_area .sec_chart .sec_tit:before{
    background-color: #dddddd;
    content: '';
    display: block;
    position: absolute;
    height: 47px;
    left: 50%;
    top: -50px;
    width: 1px;
}
.o_chart.type02 .chart_area .sec_chart .sec_tit:after{
    background-color: #dddddd;
    content: '';
    position: absolute;
    height: 1px;
    top: -50px;
    width: 100%;
    left: 0;
}
.o_chart.type02 .chart_area .sec_chart li:first-child .sec_tit:after{
    width: 110%;
    left: 50%;
}
.o_chart.type02 .chart_area .sec_chart li:last-child .sec_tit:after{
    width: 50%;
}
.o_chart.type02 .chart_area .sec_chart li.sec_area:first-child .sec_tit:after
{
    width: 112%;
    left: 50%;
}
.o_chart.type02 .chart_area .sec_chart li.sec_area:last-child .sec_tit:after
{
    width: 112%;
    left: auto;
    right: 50%;
}
.o_chart.type02 .chart_area .sec_chart .sec_area.in_line:after
{
    background-color: #dddddd;
    content: '';
    display:block;
    position: absolute;
    height: 55px;
    width: 1px;
    bottom: auto;
    top: auto;
    right: -1px;
    left: 50%;
}
.o_chart.type02 .chart_area .sec_chart .sec_cont{
    display: block;
    padding: 27px 30px;
    border: 1px solid #d1d1d1;
    color: #5d5d5d;
    font-weight: 300;
}
.o_chart.type02 .chart_area .sec_chart .sec_cont p{margin-top:8px;}
.o_chart.type02 .chart_area .sec_chart .sec_cont p:first-child{margin-top:0;}

.o_chart.type02 .chart_area .sec_chart.child{
    justify-content: stretch; margin-top: 100px;
}
.o_chart.type02 .chart_area .sec_chart.child li{flex-grow:0;}
.o_chart.type02 .chart_area .sec_chart.child li:first-child{}


/* 감사 */
.four_chart{
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0;
}
.four_chart > div{display: table;  margin-bottom: 61px;}
.four_chart > div span{border-radius: 50%;
    color: #1e1e1e;
    width: 150px;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.375em;
    border: 7px solid #b13a3e;
    font-weight: 500;
    word-break: break-word;}


.four_chart > dl{
    flex-grow: 1;
    position: relative;
    display: inline-block;
    max-width: 108px;
    top: 314px;
}
.four_chart > dl dt{
    background: #eeeeee;
    border: 1px solid #dddddd;
    display: table;
    width: 100%;
    padding: 1px;
}
.four_chart > dl dt span{
    display: table-cell;
    vertical-align: middle;
    height: 114px;
    /* padding: 12px 15px; */
    color: #1e1e1e;
    font-weight: 500;
    word-break: keep-all;
}
.four_chart > dl dd{
    border: 1px solid #dddddd;
    margin-top: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}
.four_chart > dl dd span{
    display: table-cell;
    vertical-align: middle;
    /* padding: 12px 15px; */
    color: #5d5d5d;
    font-weight: 300;
    height: 94px;
    word-break: keep-all;
    padding: 2px;
}
.four_chart > dl:before{
    background-color: #dddddd;
    content: '';
    position: absolute;
    height: 380px;
    left: 50%;
    top: -380px;
    width: 1px;
    z-index: -1;
}

/* 240317 조직도수정 */
.o_chart_02 {text-align:center;margin-bottom:70px;position:relative;}

.o_chart_02 .first_chart {position: relative;display:inline-block;margin-bottom:128px;}
.o_chart_02 .first_chart > div {position: relative;}
.o_chart_02 .first_chart > div span {border-radius:50%;background:#b13a3e;color:#fff;width:150px;height:150px;display:inline-block;vertical-align:middle;line-height:150px;font-size:1.625em;font-weight:500;}
.o_chart_02 .first_chart:before {background-color:#dddddd;content:'';position:absolute;height:128px;width:1px;bottom:-128px;right:-1px;left:50%;}
.o_chart_02 .first_chart:after {display:none;background-color:#dddddd;content:'';position:absolute;height:1px;width:43.1%;left:50%;top:inherit;bottom:-199px;}

.o_chart_02 .sec_chart {position:relative;display:flex;justify-content:space-between;width:auto;margin:0 -24px;}
.o_chart_02 .sec_chart > div {position:relative;width:100%;padding:50px 24px 0;}
.o_chart_02 .sec_chart > div:before,
.o_chart_02 .sec_chart > div:after {content:'';position:absolute;top:0;display:inline-block;background-color:#ddd;}
.o_chart_02 .sec_chart > div:before {left:50%;width:1px;height:50px;}
.o_chart_02 .sec_chart > div:after {left:0;right:0;height:1px;}
.o_chart_02 .sec_chart > div:first-child:after {left:50%;}
.o_chart_02 .sec_chart > div:last-child:after {right:50%;}
.o_chart_02 .sec_chart .chart_tit {display:flex;width:100%;max-width:240px;min-height:80px;padding:10px 16px;border:3px solid #111;margin:0 auto;}
.o_chart_02 .sec_chart .chart_tit span {width:100%;align-self:center;text-align:center;font-size:20px;font-weight:500;}

.o_chart_02 .third_chart {position:relative;display:flex;width:auto;justify-content:space-between;padding-top:50px;margin:0 -5px;}
.o_chart_02 .third_chart:before {content:'';position:absolute;top:0;left:50%;display:inline-block;width:1px;height:50px;background-color:#ddd;}
.o_chart_02 .third_chart > dl {position:relative;width:100%;padding:50px 5px 0;}
.o_chart_02 .third_chart > dl:before,
.o_chart_02 .third_chart > dl:after {content:'';position:absolute;top:0;display:inline-block;background-color:#ddd;}
.o_chart_02 .third_chart > dl:before {left:50%;width:1px;height:50px;}
.o_chart_02 .third_chart > dl:after {left:0;right:0;height:1px;}
.o_chart_02 .third_chart > dl:first-child:after {left:50%;}
.o_chart_02 .third_chart > dl:last-child:after {right:50%;}
.o_chart_02 .third_chart dt {display:flex;min-height:70px;padding:10px;background-color:#eee;border:1px solid #ddd;margin-bottom:5px;}
.o_chart_02 .third_chart dt span {width:100%;align-self:center;text-align:center;font-size:18px;font-weight:500;}
.o_chart_02 .third_chart dd {display:flex;min-height:70px;padding:10px;border:1px solid #ddd;margin-bottom:5px;}
.o_chart_02 .third_chart dd span {width:100%;align-self:center;text-align:center;font-size:16px;font-weight:300;color:#5d5d5d;}
.o_chart_02 .sec_chart > div:nth-child(3) .chart_tit {max-width:100%;}

.o_chart_02 .four_chart > div {margin-bottom:30px;}
.o_chart_02 .four_chart > dl {top:0;}
.o_chart_02 .four_chart > dl:before {top:-30px;height:30px;}
.o_chart_02 .four_chart > dl dt span {height:60px;}
.o_chart_02 .four_chart > dl dd span {height:50px;}

.o_chart_02 .five_chart {width:100%;max-width:790px;border:1px solid #ddd;padding:20px 30px;margin-top:40px;}
.o_chart_02 .five_chart > .chart_title {line-height:30px;font-weight:20px;font-weight:500;margin-bottom:20px;}
.o_chart_02 .five_chart > div {display:flex;gap:0 14px;}
.o_chart_02 .five_chart > div > div {position:relative;width:100%;border:1px dashed #ddd;padding:130px 30px 30px;}
.o_chart_02 .five_chart > div > div > .chart_tit {position:absolute;top:30px;left:30px;right:30px;border:3px solid #474747;line-height:30px;padding:20px 30px;font-size:20px;}
.o_chart_02 .five_chart .third_chart {padding:0 !important;}
.o_chart_02 .five_chart .third_chart:before {display:none;}
.o_chart_02 .five_chart .third_chart dl:before {display:none;}
.o_chart_02 .five_chart .third_chart > dl {position:relative;padding:0 0 0 150px;}
.o_chart_02 .five_chart .third_chart .chart_tit {position:absolute;top:0;left:0;width:140px;}

/* 상단 타이틀 */
.cont_top_tit{position: relative; margin-bottom:47px; text-align: center;}
.cont_top_tit:before{content:''; display: inline-block; vertical-align: top; background:url(/_static/chf1/img/sub/double_q_before.png) no-repeat left center; width:25px; height:19px; }
.cont_top_tit:after{content:''; display: inline-block;vertical-align: top;  background:url(/_static/chf1/img/sub/double_q_after.png) no-repeat right center; width:25px; height:19px; }
.cont_top_tit > div{
    position: relative;
    color:#1e1e1e;
    display: inline-block;
    padding:0 20px;
    line-height: 1;
}
.cont_top_tit > div span{position: relative; font-size: 2.255em; font-weight: 500; display: inline-block; vertical-align: middle;}
/* .cont_top_tit > div span:before{content:''; display: block; position: absolute; top:0; left:0;
    border-bottom:13px solid #ececec; box-shadow:  inset 0 -13px 0 #ececec;
    border-top:13px solid #ececec; width:100%; height:13px; z-index: -1; } */
.cont_top_tit > div i{display: inline-block; font-size: 1.375em; vertical-align: middle; margin-right:19px;}
.cont_top_tit > div:after{
    height: 13px;
    position: absolute;
    background-color: #ececec;
    content: "";
    width: 100%;
    top: 50%;
    left:0;
    z-index: -1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.cont_top_tit strong{font-size:1.375em; font-weight: 400;}

/* 베이직 580 이미지 틀 */
.list_img_area{ margin:0 -20px;}
.simple_img_area{
    margin: 47px auto 0;
    text-align: center;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 20px 0;
    width: 100%;
    max-width: 1200px;
}
.simple_img_area > div{
    display: table-cell;
    width: 50%;
    position: relative;
    text-align: left;
}
.simple_img_area > div:first-child{
    text-align: right;
}
.simple_img_area > div p{color:#5d5d5d; font-weight: 300; margin-top:11px; text-align: center;}

/* 유니크 이미지 */
.chief_img{
    margin-top: 47px;
    display: block;
    overflow: hidden;
    /* border-collapse: separate;
    border-spacing: 40px 0;
    table-layout: fixed;
    width: 100%; */
}
.chief_img > div{
    display: block;
    float:left;
    width:30.71%;
    margin-bottom:55px;
    margin-left:3.9%;
}
.chief_img > div:nth-child(3n+1) .img_area:before{display: none;}
.chief_img > div:nth-child(3n+1){margin-left:0;}
.chief_img > div .img_area{
    position: relative; }
.chief_img > div .img_area:before{
    content: '';
    display: block;
    background: url(/_static/chf1/img/sub/img_arrow.png) no-repeat left center;
    width: 32px;
    height: 52px;
    position: absolute;
    left: -10%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.chief_img > div p{color:#5d5d5d; font-weight: 300; margin-top:11px; text-align: center;}

 /* 켄텐츠 전체 3개 이미지 */
 .chief_img > div .img_area.be_not:before{display: none !important;}

  /* 이미지 밑에 컨텐츠 */
.img_btm_cont{margin-bottom:50px;}

/* 빅 680 이미지 틀 */
.tbl_img_wrap{overflow: hidden;}
.big_img_wrap{margin:50px -40px 50px;}
.big_img_area{
    margin-top: 47px;
    text-align: center;
    display: table;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 40px 0;
    width: 100%;
}
.big_img_area > div{
    display: table-cell;
    width: 50%;
    position: relative;
}
.big_img_wrap .big_img_area:first-child{margin-top:0;}

/* blt_cont 안에 두개 이미지*/
.big_img_wrap.type02{margin: 18px -40px 0;}


/* 가운데 이미지 자동 정렬 */
.big_img_area.auto > div{
    width:auto;
}
.big_img_area > div p{color:#5d5d5d; font-weight: 300; margin-top:11px; text-align: center;}

/* 썸네일 컨텐츠 */
.thumb_list{
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top:50px;
}
.thumb_list:first-child{margin-top:0;}
.thumb_list .thumb_img{
    display: table-cell;
    overflow: hidden;
    /* width: 322px; */
    width:45.2%;
    min-height: 215px;
    max-height: 215px;
    text-align: left;
    position: relative;
}
.thumb_list .thumb_img img{
    max-height: inherit;
    width: 100%;
    height: 100%;
}
.thumb_list .thumb_cont{
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 0 30px;
    position: relative;
}
.thumb_list .thumb_cont .tit{color:#1e1e1e; font-size:1.5em; font-weight: 500; margin-bottom:6px;}
/* .thumb_list .thumb_cont .cont_txt{margin-top:6px;} */

/* thumb_list 추가 도서 *//* 241023 국문 css 가져옴 */
.thumb_list.type03 .thumb_img{
    width: 200px;
    min-height: 305px;
    max-height: 305px;
}
.thumb_list.type03 .thumb_cont{
    vertical-align: middle;
}

/* 문화재발굴조사 430*274 */
.thumb_list.type02 .thumb_img{
    width:44.2%;
    min-height: 274px;
    max-height: 274px;
}

/* 5뎁스 */
/* 12.01 북악산 소개 수정*/
.tab_cont ul.link_nav { border-bottom: 1px solid #b1b1b1; overflow: hidden; border-left: 1px solid #b1b1b1; display: table; table-layout: fixed; width: 100%; margin-bottom:47px;}
.tab_cont ul.link_nav li {display: table-cell; text-align: center;  border-top: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1;}
.tab_cont ul.link_nav li a {display: block; height: 100%; color: #000000; height: 46px; line-height: 46px; background-color: #fff; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; padding: 0 10px;}
.tab_cont ul.link_nav li a.selected{ border-top: 3px solid #b13a3e; line-height: 44px; margin-top: -1px;}
.tab_cont ul.panel .tabContent{display: none;}
.tab_cont ul.panel .tabContent.selected{display: block;}

/* 북악산 지도보기 */
.link_map{background:#f2f1ef  url(/_static/chf1/img/sub/link_n.png) no-repeat center left 26px; vertical-align: middle; display: inline-block; margin-left:7px;}
.link_map span{color:#000000; font-size:0.875em;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #b1b1b1;
    padding: 10px 31px 10px 116px;
}
/* 다음 */
.link_map.d_icon{background:#f2f1ef  url(/_static/chf1/img/sub/link_d.png) no-repeat center left 44px; vertical-align: middle; display: inline-block;}
.link_map.d_icon span{padding: 10px 42px 10px 105px;}

/* 5뎁스 type02 약관*/
.tab_cont.type02 ul.link_nav{border-top: 1px solid #b1b1b1; border-bottom: 0; margin-bottom:47px;}
.tab_cont.type02 ul.link_nav li{
    display: inline-block;
    float: left;
    width:25%;
    border-top:0;
    border-bottom: 1px solid #b1b1b1;
}

/* 약관 */
.sub_con_each{margin-top:67px;}
.sub_con_tit{margin-bottom: 13px; font-size: 1.5em; font-weight: 500;}

.agree_box .scroll_box {overflow-y: auto; height: 500px; margin-bottom: 20px; padding: 30px; color:#5d5d5d; font-weight: 300; border: 1px solid #ccc;}
.priv p{margin-top:30px;}
.priv p:first-child{margin-top:0;}
.priv dl{margin-top:30px;}
.priv dl:first-child{margin-top:0;}
.priv dl dt{margin-top:30px; font-weight: 400;}
.priv dl dt:first-child{margin-top:0;}
.priv dl dd{margin-top:15px; margin-left:10px;}
.priv dl dd ul{margin-top:5px;}
.priv dl dd > ul > li{margin-top:5px;}
.priv dl dd > ul > li:first-child{margin-top:0;}
.priv dl dd > ul > li > ul{margin-left:10px;}
.agree_box .menu_row > span{color:#5d5d5d;}

/* 약관 테이블 */
.tbl_sub_tit{margin: 20px 0 10px; font-weight: 400;}


/* 신청 가능 버튼  */
.btn_apple{display: inline-block; text-align: center; font-size:0.938em; font-weight: 300; color:#ffffff;  min-width: 88px; height:33px; line-height: 33px; background:#b13a3e;}
.btn_apple.end{ background:#4d4d4d; cursor: unset;}/* 신청 종료 버튼 */

/* 이중 테이블 wrap */
.tbl_wrap{margin-top:83px;}

/* 달력 */
.calendar_tit .l_con{padding:30px 35px; background:#f6f7f9; border:1px solid #dedede;}
.cal_wrap .cal_date {text-align: center; font-size: 2.255em; color:#2b2b2b; line-height: 1; margin-bottom:18px;}
.cal_wrap .cal_date > span{display: inline-block; vertical-align: middle;}
.cal_wrap .cal_date .prev {display: inline-block; width: 13px; height: 23px; margin-right: 30px; background: url('/_static/chf1/img/sub/cale_arrow_prev.png') no-repeat center; vertical-align: middle;}
.cal_wrap .cal_date .next {display: inline-block; width: 13px; height: 23px; margin-left: 30px; background: url('/_static/chf1/img/sub/cale_arrow_next.png') no-repeat center; vertical-align: middle;}
.calendar_tit .cal_table {width: 100%; border-collapse: collapse;}
.calendar_tit .cal_table th {height: 37px; font-size: 1.125em; font-weight: 500; color:#2b2b2b;}
.calendar_tit .cal_table th:first-child {color: #de2c2c;}
.calendar_tit .cal_table th:last-child {color: #0077b4;}
.calendar_tit .cal_table td:first-child a {color: #de2c2c;}
.calendar_tit .cal_table td:last-child a {color: #0077b4;}
.calendar_tit .cal_table td {height: 80px; text-align: center; }
.calendar_tit .cal_table td a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.250em;
    color: #ffffff;
    background: #dbdbdb;
    border-radius: 50%;
    font-weight: 300;
}
.calendar_tit .cal_table td a:hover {background-color: #cc867e; color:#fff;}
.calendar_tit .cal_table td a.off{background:#fff ;}
.calendar_tit .cal_table td a.off:hover{color:inherit;}
.calendar_tit .cal_table td a.on {background-color: #cc867e; color:#fff;  }

/* 달력 항목 */
.cal_menu_chi + .cal_article{border-top:1px solid #dedede; padding-top:30px;}
.cal_article ul{overflow: hidden;}
.cal_article ul li{float:left; display: inline-block; vertical-align: middle;   margin-left:9px; height:40px;}
.cal_article ul li a{min-width:80px; height:27px; line-height: 27px; background:#ffffff; border:1px solid #d7d7d7; color:#2b2b2b; font-weight:300; text-align: center; padding:0 20px;  border-radius: 27px;}
.cal_article ul li.on a{ background:#dbdbdb; font-weight: 500;}

.cal_article ul li:first-child{margin-left:0;}

/* 신청완료 */
.apply_box{
    padding: 70px 30px;
    background: #f7f7f7 url(/_static/chf1/img/sub/apply_comp.png) no-repeat top 70px center;
    border: 1px solid #dddddd;
}
.apply_box .comp_cont{
    padding-top: 140px;
    text-align: center;
}
.apply_box .comp_cont .tit{color:#0e0e0e; font-size:1.75em;}
.apply_box .comp_cont p{color:#5d5d5d; font-weight: 300; margin-top:10px;}

/* 접수확인 */
.mbr_ipt_box{padding:47px 40px; background:#f7f7f7; border:1px solid #dddddd;}
.mbr_ipt_box .ipt_top{text-align: center;}
.mbr_ipt_box .ipt_top .ipt_tit{color:#0e0e0e; font-size:1.75em;}
.mbr_ipt_box .ipt_top p{color:#5d5d5d; font-weight: 300; margin-top:10px;}
.mbr_ipt_box .ipt_bar_box{border-top:2px solid #afafaf; margin-top:18px; border-bottom:1px solid #dedede;}
.lbl_cont{display: table;
    width: 100%;
    text-align: left;
    border-top:1px solid #dedede;
    padding: 17px 0 17px 29px;
}
.lbl_cont:first-child{ margin-top:50px;}
.lbl_cont .blt_tit{display: table-cell; vertical-align: middle; width: 281px; font-size: 1.125em;}
/*1204*/
/* .lbl_cont .blt_tit:before{height:27px;} */

/* 11.25 수정 */
.lbl_cont .mbr_ipt { /*display: table-cell;*/ vertical-align: middle; height: 39px; border: 1px solid #cccccc;}

/* 비밀번호 변경 */
.dim_layer .mbr_ipt_box{padding:0; border:0;}
.dim_layer .mbr_ipt_box .lbl_cont .blt_tit{width:24%;}
.dim_layer .mbr_ipt_box .lbl_cont.pw_name .mbr_ipt{width:100%;}
.dim_layer .mbr_ipt_box .lbl_cont{padding:15px 20px;}
.dim_layer .mbr_ipt_box .lbl_cont:first-child{margin-top:0;}
.dim_layer .mbr_ipt_box .ipt_bar_box{margin-top:0;}

.lbl_cont.phone select{display: inline-block; padding:0 15px;}
.lbl_cont.phone > span{display: inline-block; width:3%; text-align: center;}
.lbl_cont.id_name .mbr_ipt{width:369px;}
.lbl_cont.phone .mbr_ipt{width:125px;}
.lbl_cont.pw_name .mbr_ipt{width: 233px;}
.lbl_cont em{display: inline-block; vertical-align: middle; color:#b13a3e; margin-left:20px;}




/* 버튼 */
.btn_nor_area{overflow: hidden;}
.btn_nor_area a{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    font-size: 0.938em;
    border:1px solid #b1b1b1;
    background:#f2f1ef;
    padding:0 5px;
    min-width: 138px;
    height:42px;
    line-height: 40px;
    float: left;
    margin-left:1.9%;
}
.btn_nor_area a:first-child{margin-left:0;}
.btn_nor_area a.btn_detail{background:#2b2b2b; border:1px solid #2b2b2b; color:#fefefe;}
.btn_nor_area a.btn_noraml{color:#fefefe}
.btn_nor_area a.btn_app{background:#b13a3e; border:1px solid #b13a3e; color:#fefefe;}




/* 개인정보 */

.sub_title{color:#000000; font-size:1.5em; font-weight: 500; margin:47px 0 12px;  }
.per_info{margin-top:67px; position: relative;}
.per_info > p{color:#5d5d5d; font-weight: 300; margin-top:10px;}
.per_info .sub_title{margin-top:0;}

/* 제목 옆에 *표시 */
.per_info .alert_txt{position: absolute; right: 0; top: 16px; margin-bottom:0;}

.per_cont{margin-top:44px;}
.per_cont > div{position: relative;}
.per_cont .per_tit{color:#000000; font-size:1.250em; font-weight: 500; /*margin-bottom:10px;*/}
.per_cont > div em{display: inline-block; position: absolute; right:0; top:0; color:#5d5d5d;}

.per_cont .per_tit + .cont_txt{margin-top:6px;}

.per_tbl{margin:14px 0 21px; padding:40px;  border:1px solid #dddddd; }
.per_tbl > p{color:#b13a3e; margin-top:16px;}

/* 체크 박스 */
.menu_row{text-align: right;}
.menu_row > div{position: relative; display: inline-block;}
.menu_row > div input[type=checkbox] {
    width: 19px;
    height: 19px;
    background: none;
    -webkit-appearance: none;
    position: absolute;
    border: 0;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    margin-top: 1px;
    z-index: 10;
}
.menu_row > div input[type=checkbox]::-ms-check{border:solid 1px #fff;}
/* .menu_row > span input[type=checkbox]:checked {
    width: 22px;
    height: 22px;
    margin-top: 0;
    border: 0 none;
    z-index: 0;
} */

.menu_row > div input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    vertical-align: top;
    z-index: 5;
}
.menu_row > div input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 3px;
    border: 1px solid #777777;
    z-index: 5;
}
.menu_row > div input[type=checkbox]:checked + label:before {
    content: "";
    display: inline-block;
    background: #fff url(/_static/k_home/img/sub/chk_on.png) center no-repeat;
    text-align: center;
    line-height: 11px;
}

/* 라디오 */
.menu_row > div input[type=radio] {
    width: 19px;
    height: 19px;
    background: none;
    -webkit-appearance: none;
    position: absolute;
    border: 0;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    margin-top: 1px;
    z-index: 5;
}
.menu_row > div input[type=radio]::-ms-check{border:solid 1px #fff;}
/* .menu_row > span input[type=radio]:checked {
    width: 22px;
    height: 22px;
    margin-top: 0;
    border: 0 none;
    z-index: 0;
} */

.menu_row > div input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    padding-left: 30px;
    font-weight: 300;
    vertical-align: top;
    z-index: 5;
}
.menu_row > div input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 3px;
    border: 1px solid #777777;
    z-index: 5;
}
.menu_row > div input[type=radio]:checked + label:before {
    content: "";
    display: inline-block;
    background: #fff url(/_static/k_home/img/sub/chk_on.png) center no-repeat;
    text-align: center;
    line-height: 11px;
}
.tdAgree{text-align: left; padding:19px 10px 18px 35px; height:60px; border-bottom: 1px solid #dedede;}
.tdAgree .menu_row{float:right;}
.tdAgree .menu_row > div{margin-left:30px;}
.tbl_dl.last{display: none;}

/* 글쓰기 */
.tbl_dl .menu_row > div{margin-left:30px;}
.tbl_dl .menu_row > div:first-child{margin-left:0;}

/* 고궁행사 */
.r_img_cont{position: relative; padding-bottom:50px; margin-top:50px;}
.r_img_cont .left_cont{padding:47px 210px 47px 50px ; width:55%; background:#ececec; min-height:460px;}
.r_img_cont .left_cont .cont_tit{font-size:1.5em; font-weight: 500; color:#1e1e1e; margin-bottom:10px;}
/* .r_img_cont .left_cont .cont_txt{margin-top:10px;} */
.r_img_cont .right_cont{position: absolute; right:0; width:47.8%; top:50px; z-index: 2;}
.mgt{margin-top:50px;}
.l_img_cont{position: relative; padding-bottom:50px;}
.l_img_cont .left_cont{display:inline-block; width:47.8%;}
.l_img_cont .right_cont{
    padding: 47px 50px 47px 100px;
    width: 55%;
    background: #ececec;
    min-height: 460px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: -2;
}
.l_img_cont .cont_tit{color:#1e1e1e; font-weight:500; font-size:1.5em; margin-bottom:10px;}
/* .l_img_cont .cont_txt {margin-top:10px;} */
.l_img_cont .cont_txt > p:first-child em{display: inline-block;}
.r_img_cont .cont_txt > p{margin-top:42px;}
.r_img_cont .cont_txt > p:first-child{margin-top:0;}
.r_img_cont .cont_txt > p:first-child em{display: inline-block;}
.r_img_cont .cont_txt .list_blt{padding:0; margin-top:24px;}
.r_img_cont .img_area, .l_img_cont .img_area{width: 100%;
    padding-bottom: 68.6%;
    position: relative;
}
.r_img_cont .img_area img, .l_img_cont .img_area img{position: absolute;
	top: 0;
	left: 0;
    width: 100%;
}

/* 고궁행사 가운데 이미지 */
.c_img_cont{display: block; overflow: hidden; margin-top: 50px;}
.c_img_cont .left_cont{width: 51.4%; float: left;}
.c_img_cont .left_cont .img_area{position: relative; width:100%; padding-top:55.5%;}
.c_img_cont .left_cont .img_area img{position: absolute; top:0; left:0; width:100%;}

.c_img_cont .right_cont{width: 42.8%; float: left; margin-left: 5.8%;}
.c_img_cont .right_cont .img_area{position: relative; width:100%; padding-top:66.6%;}
.c_img_cont .right_cont .img_area img{position: absolute; top:0; left:0; width:100%;}

/* 왼쪽 */
.c_img_cont.type_left, .c_img_cont.type_right{margin-top:30px;}
.c_img_cont.type_left .img_area img, .c_img_cont.type_right .img_area img{position: absolute; top:0; left:0; width:100;}
.c_img_cont.type_left .left_cont .img_area{position: relative; width:100%; padding-top:66%;}
.c_img_cont.type_left .right_cont .img_area{position: relative; width:100%; padding-top:46.2%;}
.c_img_cont.type_right .left_cont .img_area{position: relative; width:100%; padding-top:46.2%;}
.c_img_cont.type_right .right_cont .img_area{position: relative; width:100%; padding-top:66%;}


.c_img_cont.type_left .left_cont{
    width:40%;
}
.c_img_cont.type_left .right_cont{
    width: 57.1%;
    margin-left: 2.9%;
}
.c_img_cont.type_right .left_cont{
    width: 57.1%;
}
.c_img_cont.type_right .right_cont{
    width:40%;
    margin-left: 2.9%;
}


/* 고궁행사 가운데 정렬 이미지 */
.c_img_cont .align_cont{
    display: inline-block;
    width: 48.5%;
    float: left;
    margin-left: 3%;

}
.c_img_cont .align_cont:first-child{margin-left:0;}




/* 고궁행사 - 가운데 큰 이미지 */
.cont_img .img_area{text-align: center;}
.cont_img + .btn_group{margin-top:20px;}
/* 가운데 이미지 다음 텍스트 */
.cont_img + .cont_txt{margin-top:47px;}
.btn_group + .cont_txt{margin:47px 0 44px;}

.img_group .cont_img{
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 40px 0;
    width: 100%;
    table-layout: fixed;
}
.cont_img .img_area{
    width: 100%;
    text-align: center;
}
.img_group .cont_img .img_area{
    width: 50%;
    display: table-cell;
    /* width: 100%; */
    text-align: left;
}
.img_group .cont_img .img_area:first-child{text-align: right;}


/* 고궁행사 수문장 */
.chief_cont{display: table; table-layout: fixed; width:100%; margin-bottom:47px;}
.chief_cont .cont_txt.big{display: table-cell; vertical-align: middle; padding-right:5%;}
.chief_cont .cont_txt.big p{font-size:1.250em; line-height: 1.7;}
.chief_cont .img_area{display: table-cell; vertical-align: middle; width:35.7%; padding:40px; position: relative;}
.chief_cont .img_area:before{content:''; display: block; position: absolute; left:0; top:0; width:140px; height:140px; background:#cc867e; z-index: -1;}
.chief_cont .img_area:after{content:''; display: block; position: absolute; right:0; bottom:0; width:140px; height:140px; background:#a6b364; z-index: -1;}


/* 개방구간 */
.info_road_top{ margin: 0 auto; width:100%; }
.info_road_top .top_box{border:1px solid #d7d7d7; padding:17px; margin-top:20px;}
.info_road_top .top_box p{color:#5d5d5d; font-weight:700; text-align: center;}
.info_road_top .road_top{margin: 0 auto; max-width: 750px;}
.info_road_middle{margin-top:50px; background: #f6f7f9;  padding: 50px 2.75% 0; border: 1px solid #d7d7d7; border-width: 1px 1px 0 1px;   }
.info_road_middle a{display: block; text-align: center; background: #ffffff; border:1px solid #d7d7d7; border-width: 0 1px 0 0; height: 151px;}
.info_road_middle a > span:last-child{display:block; font-size:0.938em; font-weight: 300; color:#5d5d5d; margin-top:15px; padding: 0 10px 12px; word-break: keep-all;}
.info_road_middle a .img_area{display: block; text-align: center; padding: 20px 0 0;}
.info_road_middle a .img_area img{margin: 0 auto; }
.info_road_middle .slick-current a{box-shadow:7px 7px 0px 0px #cc867e inset, -7px 7px 0 0 #cc867e inset, 7px -7px 0 0 #cc867e inset;}
.info_road_middle .slider_nav{border: 1px solid #d7d7d7; }
.info_road_btm{background:#f6f7f9; border: 1px solid #d7d7d7; border-width: 0 1px 1px 1px;}
.info_road_btm .info_btm{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding:40px 2.75%;
}
.info_road_btm .info_btm .img_area{
    display: table-cell;
    /* width: 25.3%; */
    width: 330px;
    height: 220px;
    vertical-align: top;
}
.info_road_btm .info_btm .img_area img{
    margin:0 auto;
    height: 100%;
}
.info_road_btm .info_btm .info_btm_cont{
    display: table-cell;
    vertical-align: top;
    padding:0 30px;
}
.info_road_btm .info_btm .info_btm_cont > div{
    color: #1e1e1e;
    font-size: 1.5em;
    font-weight: 500;
}
.info_road_btm .info_btm .info_btm_cont > p{
    color: #5d5d5d;
    line-height: 1.75;
    font-weight: 300;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height:8.75em;
    margin-top: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

/* tabs */
/* .tabs {
    padding-top:50px;
}
.tab {
    display:none;
}
.tab.active {
    display:block;
}
button {
    width:50px;
    height:50px;
    font-size:16px;
    display:inline-block;
    color:darkgreen;
}
button.active {
    background-color:rgba(0,0,0,.5);
}
.slider {
    width:500px;
    height:300px;
}
.item {
    height:300px;
} */


/* 사업소개 */
.intro_area{display: table; table-layout: fixed; width:100%; max-width: 930px; margin: 64px auto 44px; }
.intro_area:first-child{margin:0 auto;}
.intro_area > div{display: table-cell; vertical-align: middle; text-align: center;}
.intro_area > div .tit{color:#5d5d5d; font-weight: 700; font-size:1.125em; margin-top:16px;}
.intro_area > div p{color:#5d5d5d; font-weight: 300;}


/* 1105 문화재재단_행사_북악산 식생 ( 1_4_2 .content_list2 li) */
.content_list2 {padding-top: 45px; padding-bottom: 23px;}
.content_list2 li {float:left; width:13.4%; margin-bottom:27px; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 3.92%;}
.content_list2 li:nth-child(6n){margin-right:0;}
.content_list2 li a > span{display: block;}
.content_list2 li .img_area{display: block; text-align: center;}
.content_list2 .txt_area {text-align: center; margin-top:11px;}
.content_list2 .txt_area .tit{ color:#5d5d5d; font-weight: 300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}


/* 유의사항 */
.cont_warm_box{ border: 1px solid #dddddd; padding: 52px 40px 65px 284px;/* width: 78.5%; */ max-width: 1100px; margin: 0 auto; background: #f7f7f7 url(/_static/chf1/img/sub/opening_note.jpg) no-repeat top 127px left 91px;}
.cont_warm_box > div{color:#0e0e0e; font-size:1.75em;}
.cont_warm_box ul{margin-top:33px;}
.cont_warm_box ul li{margin-top:16px; color:#5d5d5d; font-weight: 300;}
.cont_warm_box p{margin-top:25px; color:#5d5d5d; font-weight: 300;}

/* 관람안내 */
.cont_warm_box.see{ padding: 193px 19% 65px; background:#f7f7f7 url(/_static/chf1/img/sub/occasion_watch.png) no-repeat top 50px center;}
.cont_warm_box.see > div{text-align: center;}

/* 국악상설공연 */
.perfor_cont{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom:50px;
}
.perfor_cont .cont_txt{
    display: table-cell;
    padding: 52px 50px;
    background: #ececec;
}
.perfor_cont .img_area{
    display: table-cell;
    width: 35.7%;
    vertical-align: top;
}


/* blt_cont tit */
.blt_sub_tit{color:#5d5d5d; font-size:1.125em; font-weight:700;}
.blt_sub_tit + .cont_txt{margin-top:3px;}
.blt_sub_tit + .cont_txt p{line-height: 1.5;}

/* 12.08 공연장안내 2_3*/
.blt_cont.only .blt_sub_tit{margin: 30px 0 9px;}


.blt_img_cont{margin:17px -40px 0;}
.blt_img_cont p{margin:13px 40px 0; color:#5d5d5d; font-weight: 300;}
.blt_img_cont .big_img_area{margin-top:0;}

/* .blt_img_cont.type02 수문장 교대식 */
.blt_img_cont.type02 .big_img_area div{width:55.7%;}
.blt_img_cont.type02 .big_img_area div:first-child{ width:15.7%;}
/* 위아래 두개 일 때*/
.blt_img_cont.type02 + .blt_sub_tit{margin-top:44px;}

/* blt_only_img */
.blt_only_img{margin-top:47px;}
.blt_only_img:first-child{margin-top: 0;}
.blt_only_img p{margin-top:12px; font-weight: 300; color:#5d5d5d; text-align: center;}

/* 청구 */
.claim_list{overflow: hidden; margin-top:50px; }
.claim_list li{
    width: 15.3%;
    margin-left: 5.8%;
    float: left;
    position: relative;
    text-align: center;
    display: table-cell;
    height: 75px;
    padding: 0 5px;
    vertical-align: middle;
    line-height: 70px;
}
.claim_list li:before{
    content: '';
    display: block;
    background: url(/_static/chf1/img/sub/bullet_type02.png) no-repeat left center;
    width: 14px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: -23%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);}
.claim_list li:first-child:before{display: none;}
.claim_list li:first-child{margin-left:0;}
.claim_list li span{
    color: #fff;
    font-size: 1.063em;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.claim_list li:nth-child(odd){background:#9d8c90;}
.claim_list li:nth-child(2n){background:#cd867e;}


/* 육각형 */
.hexagon_area{border-top:2px solid #afafaf; border-bottom:1px solid #dedede; margin-top:47px; margin-bottom:20px;}
.hexagon_area .hexagon_tbl{
    display: table; table-layout: fixed; width:100%; border-top: 1px solid #dedede;
}
.hexagon_area .hexagon_tbl:first-child{border-top:0;}
.hexagon_area .hexagon_tbl .hex_top{
    display: table-cell; vertical-align: middle; width:125px; padding: 23px 30px;
}
.hexagon_area .hexagon_tbl .hex{
    width:65px; height:73px;
    color:#ffffff;
    font-size:1.250em;
    display: inline-block;
    text-align: center;
    line-height: 71px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.hexagon_area .hexagon_tbl:nth-child(odd){
    background:#f7f7f7;
}
.hexagon_area .hexagon_tbl:nth-child(odd) .hex{
    background-image:url(/_static/chf1/img/sub/hex_bg1.png);
}
.hexagon_area .hexagon_tbl:nth-child(even) .hex{
    background-image:url(/_static/chf1/img/sub/hex_bg2.png);
}


.hexagon_area .hexagon_tbl .hex_cont{
    display: table-cell; vertical-align: middle; padding:0 17px;
}
.hexagon_area .hexagon_tbl .hex_cont p{
    font-weight: 300; font-size:1.125em;
}

/* CI */
.symbol_cont{display: table; table-layout: fixed; width: 100%;}
.symbol_cont .symbol_img{display: table-cell; vertical-align: middle; width: 385px;}
.symbol_btn_group{ display: table-cell; vertical-align: middle; text-align: center;}
.symbol_btn_group a{margin-left:7px;}
.symbol_btn_group a:first-child{margin-left:0;}
.symbol_cont + .list_blt{margin-top:29px;}
.symbol_cont + .list_blt li{margin-top:16px;}
.symbol_cont + .list_blt li:first-child{margin-top:0;}

/* 그리드 */
.symbol_grid{overflow: hidden;}
.symbol_grid > div{float:left; width:51.7%; margin-left:2.8%;}
.symbol_grid > div:first-child{width:45.5%; margin-left:0;}

/* 시그니처 */
.symbol_sign{display: table; table-layout: fixed; width: 100%; }
.symbol_sign > div{display: table-cell; vertical-align: middle; border-left: 1px solid #e1e1e1; text-align: center;}
.symbol_sign > div:first-child{border-left:0;}
.symbol_sign > div .tit{color:#000000; font-size:1.250em; font-weight: 500; margin-bottom:27px;}
.symbol_sign > div .only_btn{margin-top:45px;}
/* .symbol_sign > div .sign_img{position: relative; width:100%; }
.symbol_sign > div .sign_img img{position: absolute; top:0; left:0; width:100%;}
.symbol_sign > div:nth-child(1) .sign_img, .symbol_sign > div:nth-child(3) .sign_img{padding-top:75.3%;}
.symbol_sign > div:nth-child(2) .sign_img{padding-top:116.2%;} */



/* 전용색상 */
.symbol_clr .tit{color: #000000; font-weight: 500; font-size: 1.250em; margin-bottom:22px;}
.symbol_clr{margin-top: 44px;}
.symbol_clr:first-child{margin-top:0;}
.symbol_clr > div{overflow: hidden; }
.symbol_clr > div > div{display: inline-table; width: 48%; margin-top:30px;}
.symbol_clr > div > div:nth-child(1),.symbol_clr > div > div:nth-child(2) {margin-top:0;}
.symbol_clr > div > div .clr_img{display: table-cell; vertical-align: middle; width:64px;}
.symbol_clr > div > div dl{display: table-cell; vertical-align: middle; padding:0 20px;}
.symbol_clr > div > div dl dt{color: #1e1e1e; font-size: 1.125em; font-weight: 500;}
.symbol_clr > div > div dl dd{font-weight: 300; color: #5d5d5d; margin-top: 8px; }

/* 복리후생 */
.symbol_clr.type02 > div > div .clr_img{width:109px;}
.symbol_clr.type02 > div > div{margin-top:70px;}
.symbol_clr.type02 > div > div:nth-child(1), .symbol_clr.type02 > div > div:nth-child(2){margin-top:0;}
.symbol_clr.type02 > div > div dl{padding:0 30px;}
.symbol_clr.type02 > div > div dl dt{font-size:1.5em;}
.symbol_clr.type02 > div > div dl dd{margin-top:13px; line-height: 1.75;}

/* 색상 활용*/
.clr_app{display: table; table-layout: fixed; width:100%;}
.clr_app > div{display: table-cell; vertical-align: top; text-align: left;}

/* 배경 색상*/
.bg_clr{display: table; table-layout: fixed; width:100%;}
.bg_clr .tit{display: table-cell; vertical-align: top; width:112px; padding: 20px 0;}
.bg_clr .bg_area{display: table-cell; vertical-align: top;}
.bg_clr .bg_area .bg_img{margin-top:47px;}
.bg_clr .bg_area .bg_img:first-child{margin-top:0;}
.bg_clr .bg_area .bg_img p{color:#5d5d5d; font-weight: 300; margin-top:12px; text-align: right;}


/* 월간 문화재 */
.content_list3{margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dedede;}
.content_list3 li {float:left; width:16.8%; margin-bottom:27px; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 3.92%;}
.content_list3 li:nth-child(5n){margin-right:0;}
.content_list3 li .img_area{display: block; text-align: center;}
.content_list3 li .img_area a{display: block;
    width:100%;
    position:relative;
    padding-top:73.5%;
}
.content_list3 li .img_area a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content_list3 .txt_area {text-align: center; margin-top:11px;}
.content_list3 .txt_area .tit{ color:#5d5d5d; font-weight: 300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}
.content_list3.line2 .txt_area .tit{white-space:normal;}

/* 기부금 진행 절차 */
.proce_cont{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top:70px;
}
.proce_cont .proce_top:before{content:''; display: block; width:52px; height:32px; background:url(/_static/chf1/img/sub/proce_arrow.png) no-repeat center; position: absolute;    top: -50%;
    left: 50%;
    transform: translate(-50%, 25%);
    -ms-transform: translate(-50%, 25%);
    -webkit-transform: translate(-50%, 25%);
}
.proce_cont:first-child .proce_top:before{display: none;}
/* .proce_cont:last-child{margin-bottom:0;} */
.proce_cont:first-child{margin-top: 0;}
.proce_cont .proce_top{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 400px;
    padding: 20px;
    background:#f7f7f7;
    border:1px solid #dedede;
}
.proce_cont + .cont_txt{margin-top: 27px;}
.proce_cont .proce_top .hex{
    width: 65px;
    height: 73px;
    color: #ffffff;
    font-size: 1.250em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 71px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

}
.proce_cont .proce_top .tit{display: table-cell; vertical-align: middle; color:#1e1e1e; font-weight: 500; font-size:1.375em; padding:0 0 0 20px;}
.proce_cont:nth-child(odd) .proce_top .hex{background-image: url(/_static/chf1/img/sub/hex_bg1.png);}
.proce_cont:nth-child(even) .proce_top .hex{background-image: url(/_static/chf1/img/sub/hex_bg2.png);}
.proce_cont .proce_cont{
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
    border:1px solid #dedede;
    border-left: 0;
}

 /* 테이블 두개 형식 */
 .thum_tbl_area{padding:60px 0 50px; position: relative;}
 .thum_tbl_area:before{content:''; display: block; position: absolute; top:0; left:0; width:100%; height: 6px; background:url(/_static/chf1/img/sub/tbl_bg.png) repeat-x;}
 .thum_tbl_area:first-child{padding-top:0;}
 .thum_tbl_area:first-child:before{display: none;}
 .edu_tbl_area{display: table; table-layout: fixed; width: 100%;}
 .edu_tbl_area .edu_img{display: table-cell; vertical-align: top; width: 680px;
    min-height: 390px;
    max-height: 390px;}
 .edu_tbl_area .edu_cont{display: table-cell; vertical-align: top; padding:27px 30px 0;  position: relative; overflow: hidden;}
 .edu_tbl_area .edu_cont .tit{color:#1e1e1e; font-size:2.255em; font-weight: 500; line-height: 1;}
 .edu_tbl_area .edu_cont .edu_sub_tit{display: block; color:#bd5c5b; font-size:1.250em; font-weight: 500; margin-top:17px; line-height: 1;}
 .edu_tbl_area .edu_cont .edu_info{font-weight: 300; color:#5d5d5d; margin-top:14px; line-height: 1.75; min-height:190px; margin-bottom:38px; overflow: hidden;  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    height: 12.25em;
    -webkit-box-orient: vertical;
 }
 .edu_tbl_area .edu_cont .btn_nor_wrap{ position: absolute;
    left: 30px;
    bottom: 0;
    display: block; width:100%;}
 .edu_tbl_area .edu_cont > div .edu_sub_tit:first-child{margin-top:0;}

 /* 테이블 두개 형식 뷰 */
 .thum_tbl_area.view .cont_top_tit{margin-bottom:68px;}
 .thum_tbl_area.view .edu_tbl_area .edu_cont{padding:0 30px;}

/* 단기강좌 */
.sub_cont:first-child .thum_tbl_area.short:after{content:''; display: block; position: absolute; bottom:0; left:0; width:100%; height: 6px; background:url(/_static/chf1/img/sub/tbl_bg.png) repeat-x;}
.thum_tbl_area.short .edu_tbl_area .edu_cont{padding:13px 30px 0;}
.thum_tbl_area.short .wtl_table_wrap{position: absolute; left:30px; bottom: 0;}
.thum_tbl_area.short .wtl_table_wrap .tbl_info dt{width:39.7%;}


/* 문화유산교육 */
.edu_tbl_area + .list_blt{margin-top: 27px;}


/* 정규강좌 상세 */
.sub_top_tit h4 span{font-size:1.875em; font-weight: 500; color:#b13a3e;}
/* 빨간 제목 + sub_cont */
.sub_top_tit + .sub_cont{margin-top:20px;}


/* 문화유산이야기 */
.cont_top_area{ display: table; table-layout: auto; width: 100%; margin-bottom: 40px; position: relative;}
.cont_top_area + .cont_txt{padding-top:34px;}
.cont_top_area:after{content: ''; display: block; position: absolute; bottom: -40px; border-bottom: 1px solid #dedede; left: 0; width: 100%;}
.view_tbl_img{display: table-cell; width: 550px; min-height:450px; max-height:450px;}
.view_tbl_img .img_area{display: table-cell; position: relative;}
.view_tbl_img .img_area > div{position: absolute; bottom: 0;  left: 50%;  background: #000000;  transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); opacity: .8; width:100%;}
.view_tbl_img .img_area > div p{height: 60px; color: #d6d6d6; font-weight: 300; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_tbl_cont{display: table-cell; vertical-align: middle; text-align: center; position: relative; border: 1px solid #dedede; border-width: 1px 1px 1px 0; background: #f9f9f9;}
.view_tbl_cont .tit_top{color: #bd5c5b; font-size: 1.250em; font-weight: 500;}
.view_tbl_cont .tit_top_sub{font-size: 1.125em; font-weight: 300; color: #5d5d5d; margin: 9px 0 17px;}
.view_tbl_cont .tit{color: #0e0e0e; font-size: 3.250em; font-weight: 700; padding:17px 0; line-height: 1; position: relative; display: inline-block;}
.view_tbl_cont .tit:before{content:''; display: inline-block; position: absolute; top:0; left:0; width: 100%; background:#cd867e; height:6px;}
.view_tbl_cont .tit:after{content:''; display: inline-block; position: absolute; bottom:0; left:0; width: 100%; background:#9d8c90; height:6px;}
.view_tbl_cont p{color: #5d5d5d; font-weight: 300; margin-top: 17px;}
/* 주요작품 */
/* .thumb_list .big_thumb_img{display: table-cell; overflow: hidden; width: 550px; min-height: 450px; max-height: 450px; text-align: left; position: relative;} */
.thumb_cont .img_txt{ position: absolute; bottom: 0; left:30px;}
.thumb_cont .img_txt > p{font-weight: 300;color: #5d5d5d;}

/* 뷰 이미지 */
.view_img_wrap{margin:47px -30px 0; overflow: hidden; }
.view_img_wrap:first-child{margin-top:0;}
.cont_txt + .view_img_wrap{margin-top:27px;}
.view_img_wrap + .cont_txt{margin-top:44px;}
.view_img_wrap .view_sub_tbl{display: table; table-layout: fixed; width: 100%; border-spacing: 30px 0;}
.view_img_wrap .view_sub_tbl .img_area{display: table-cell; width: auto; margin-top: 0 !important;}
.view_img_wrap .view_sub_tbl p{color:#5d5d5d; font-weight: 300; margin-top:16px;}

/* 3일 때 55px */
.view_img_wrap.type02{margin:47px -55px 0;}
.view_img_wrap.type02 .view_sub_tbl{border-spacing: 55px 0;}

/* 약력 */
.year_list li{position: relative; padding-left:75px; font-weight: 300; color:#5d5d5d; margin-top:14px;}
.year_list li:first-child{margin-top:0;}
.year_list li em{position: absolute; left:0; top:0; font-weight: 700; }
.year_list.long li{padding-left: 130px;}

/* 갤러리 */
.view_slide{border:1px solid #dedede; background:#f9f9f9; padding:90px 0;}
.view_slide .img_area img{margin: 0 auto;}
.view_slide.slick-slider > button{width:80px; height:120px; z-index: 10; top:calc(50% - 23px);}
.view_slide .slick-prev{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat center;}
.view_slide .slick-next{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat center;}
.view_slide .img_area p{color:#2d2d2d; font-size:1.125em; margin-top:16px;}

/* 주요작품 갓 */
.view_sub_tbl {
    table-layout: fixed;
    display: table;
    width: 100%;
    border-spacing: 15px 0;
}
.view_sub_tbl .view_sub_area {
    display: table-cell;
    width: auto;
    text-align: center;
}
.view_sub_tbl .view_sub_area > div {
    overflow: hidden; font-size: 0;
}
.view_sub_tbl .view_sub_area > div .img_area{
    width: 48.8%;
    display: inline-block;
    margin-left:2.4%;
}
.view_sub_tbl .view_sub_area > div .img_area:first-child{
    margin-left:0;
}
.view_sub_tbl .tit{display: block; color:#5d5d5d; font-weight:700; margin-top:17px;}

/* 문화재발굴조사 */
.reex_cont_tbl{display: table; table-layout: fixed; width: 100%; margin-bottom:57px;}
.reex_cont_tbl > div{display: table-cell; vertical-align: top; overflow: hidden; width:680px;}
.reex_cont_tbl > div:first-child{padding-right: 16.7%; width: auto;}
.reex_cont_tbl > div .img_area{float: left; width:47.4%; margin-left:5.2%;}
.reex_cont_tbl > div .img_area:first-child{margin-left:0;}
.reex_cont_top{padding-bottom:50px; border-bottom:1px solid #dedede; margin-bottom:47px;}
.reex_cont_tbl > div .btn_area{text-align: left;}

/* 소규모발굴 */
.scale_area{display: table; table-layout: fixed; width: 100%;}
.scale_area > div{display: table-cell; vertical-align: top;}
.scale_area > div.img_area{width:36.5%;}
.scale_area .blt_cont{width: 100%; padding:0 30px;}

/* 문화유산채널 */
.chanel_top{border: 1px solid #d7d7d7;background: #f6f7f9; display: table; table-layout: auto; width: 100%; padding: 7.5% 40px;}
.chanel_top > div{ display: table-cell; vertical-align: top; width: 50%;}
.chanel_top .chanel_top_area .tit{color: #bd5c5b; font-weight: 500; font-size: 2.255em;line-height: 1;}
.chanel_top .chanel_top_area .chanel_txt{margin-top: 23px;}
.chanel_top .chanel_top_area .chanel_txt p{color: #383838; font-size: 1.125em; line-height: 1.5;}
.chanel_top .chanel_top_area .chanel_txt .list_blt{margin: 16px 0 0 5px;}
.chanel_top_logo{text-align: right; width: auto; padding-left: 25%;}
.chanel_top_logo > div{text-align: center;}
.chanel_top_logo > div .tit{color:#171717; font-weight: 500; font-size: 1.5em; margin-bottom: 22px;}

.chanel_cont{text-align: center;}
.chanel_cont > .tit{font-size: 2.5em; line-height: 1; font-weight: 500;}
.chanel_cont .chanel_area{display: table; table-layout: fixed; width: 60.7%; margin: 22px auto 0;}
.chanel_cont .chanel_area .chanel_txt{display: table-cell; vertical-align: top; padding:158px 10px 0; background-image:url(http://placehold.it/158x158); background-repeat: no-repeat; background-position: center top;}
.chanel_cont .chanel_area .chanel_txt.picture_area{background-image:url(/_static/chf1/img/sub/data_channel02.png);}
.chanel_cont .chanel_area .chanel_txt.broad_area{background-image:url(/_static/chf1/img/sub/data_channel03.png);}
.chanel_cont .chanel_area .chanel_txt.service_area{background-image:url(/_static/chf1/img/sub/data_channel04.png);}
.chanel_cont .chanel_area .chanel_txt .tit{font-size:1.125em; color:#171717; font-weight: 700; margin-top:13px;}
.chanel_cont .chanel_area .chanel_txt p{color:#5d5d5d; font-weight: 300;margin-top:4px;}

/* 캠페인 */
.campain_wrap{}
.campain_wrap > div{border: 1px solid #dedede; padding: 47px 50px; margin-top:50px;}
.campain_wrap > div:first-child{margin-top:0;}
.campain_wrap .campain_top{display: table; table-layout: fixed; width: 100%; padding: 0;}
.campain_wrap .campain_top .img_area{ width:283px;}
.campain_top > div{ display: table-cell;vertical-align: top;}
.campain_wrap .campain_top .cont_area{padding: 20px 50px 20px 30px;}
.campain_wrap > div .tit{
    color: #000000;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1;
}
.campain_wrap .campain_top .cont_area .cont_txt{margin-top:0;
    height: 11.5em;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.campain_wrap .campain_top .cont_area .cont_txt p{line-height: 1.5;}
.campain_wrap > div .tit em{
    color:#b13a3e;
}
/* .campain_wrap .campain_cos{
    background: url(http://placehold.it/312x423) no-repeat center right 50px;
} */
.campain_cos{display: table; table-layout: fixed; width: 100%;}
.campain_cos > div{display: table-cell; vertical-align: top;}
.campain_cos > div:first-child{position: relative; padding-right:20px;}
.campain_cos .img_area{width:312px;}
/*230116*/
/* .campain_cos .btn_area{ margin-top:0;
    position: absolute;
    bottom: 0;
    right: 22px;
} */

.campain_wrap > div .cont_txt{margin-top:16px;}
.campain_wrap > div .cont_txt p{font-size:1.125em; line-height: 2;}
.campain_wrap > div .cont_txt p strong{font-size: 1em;}

/* 문화유산채널 */
/* .busi_area{margin:27px -50px 0; }
.campain_busi .busi_img{
    position: relative;
    display: table;
    width: 100%;
    border-spacing: 50px 0;
}
.campain_busi .busi_img > div{
    display: table-cell;
    vertical-align: middle;
    width: 414px;
}
.campain_busi .busi_img > div:first-child{
    width: 197px;
}
.campain_busi .busi_img > div p{
    color: #5d5d5d;
    font-weight: 300;
    margin-top: 12px;
    text-align: center;
}
.campain_busi .busi_img > div .img_area{
    overflow: hidden;
}
.campain_busi .busi_img > div .img_area > span{
    float: left;
}
.campain_busi .busi_img > div .img_area > span:first-child{
    margin-right:20px;
}
.campain_busi .busi_img .btn_area{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
} */
.busi_area{ margin-top: 27px;}
.campain_busi .busi_img{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.campain_busi .busi_img > div{
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    width: 50.7%;
}
.campain_busi .busi_img > div > div{
    float: left;
    width: 45.8%;
}
.campain_busi .busi_img > div > div:first-child{
    margin-right:7.5%;
    /* width: 29.8%; */
    width: 45.8%;
}
.campain_busi .busi_img > div p{
    color: #5d5d5d;
    font-weight: 300;
    margin-top: 12px;
    text-align: center;
}
.campain_busi .busi_img > div .img_area{
    overflow: hidden;
}
.campain_busi .busi_img > div .img_area > span{
    float: left;
    width: 47.5%;
}
.campain_busi .busi_img > div .img_area > span:first-child{
    margin-right:4.7%;
}
.campain_busi .busi_img .btn_area{
    margin-bottom: 32px;
    margin-left: 1.5%;
    width: auto;
}

.campain_perfor{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.campain_perfor > div{
    display: table-cell;
    vertical-align: top;
}
.campain_perfor > div:first-child{
    padding-right:20px;
}
.campain_perfor .img_area{
    width: 384px;
}

/* 월간문화재 */
.month_box{display:table; width:100%; height: 155px;  background: url(/_static/chf1/img/sub/join_book.jpg) no-repeat center; background-size: cover; margin-bottom:20px;}
.month_box a{display: table-cell; vertical-align: middle; text-align: center; color:#2f2f2f; font-size:1.5em; }


/* 국민제안 */
.accept_box{display: table; width: 100%; min-height: 185px; border:1px solid #d7d7d7; background:#f6f7f9 url(/_static/chf1/img/sub/join_nation01.png) no-repeat left 35px center; margin-bottom:20px;}
.accept_box .accept_txt{display: table-cell; vertical-align: middle; padding:32px 15px 32px 185px;}
.accept_box .accept_txt p{color:#2f2f2f; font-weight: 300; margin-top:8px;}
.accept_box .accept_txt p:first-child{margin-top:0;}
/* 관람후기 */
.accept_box.review{
    background-color:#f6f7f9;
    background-image: url(/_static/chf1/img/sub/join_see01.png);
    background-repeat: no-repeat;
    background-position: left 35px top 32px;}
.accept_box.review .accept_txt{vertical-align: top;}
.accept_box.review p{margin-top:15px; line-height: 1.5;}
.accept_box.review p:first-child{margin-top:0;}
p.clr_2{color:#b13a3e !important;}
p.clr_3{color:#728028 !important;}
/* 구독신청 */
.accept_box.subscribe{background:#f6f7f9 url(/_static/chf1/img/sub/join_subscription01.png) no-repeat left 35px top 32px;}
.accept_box.subscribe p{font-size:0.938em;}
.accept_box.subscribe .accept_tit{color:#000000; font-size:1.375em; font-weight:700; margin-bottom:12px;}

/* 달력 메뉴 선택 */
.cal_menu_chi{margin: 30px 0;}
.cal_menu_chi ul{overflow: hidden;}
.cal_menu_chi ul li{width:32%; float:left; margin-top:15px; margin-right:2%;}
.cal_menu_chi ul li:nth-child(3n){margin-right:0;}
.cal_menu_chi ul li:nth-child(-n+3){margin-top: 0;}
.cal_menu_chi ul li a.mark{
    display: inline-block;
    width: 100%;
    height: 42px;
    line-height: 37px;
    text-align: center;
    color: #292929;
    font-weight: 300;
}
.cal_menu_chi ul li a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
}
.cal_menu_chi ul li a.mark.all{border:3px solid #000000;}     /* 전체 */
.cal_menu_chi ul li a.mark.evet{border:3px solid #cd867e;}   /*행사*/
.cal_menu_chi ul li a.mark.perf{border:3px solid #9d8c90;}   /*공연*/
.cal_menu_chi ul li a.mark.exhi{border:3px solid #a6b364;} /* 전시 */
.cal_menu_chi ul li a.mark.exp{border:3px solid #d8c55f;}   /*체험*/
.cal_menu_chi ul li a.mark.edu{border:3px solid #bb9b72;}   /*교육*/

.cal_menu_chi ul li a.mark.all:hover, .cal_menu_chi ul li a.mark.all:focus{background:#000000;}     /* 전체 */
.cal_menu_chi ul li a.mark.evet:hover, .cal_menu_chi ul li a.mark.evet:focus{background:#cd867e;}   /*행사*/
.cal_menu_chi ul li a.mark.perf:hover, .cal_menu_chi ul li a.mark.perf:focus{background:#9d8c90;}   /*공연*/
.cal_menu_chi ul li a.mark.exhi:hover, .cal_menu_chi ul li a.mark.exhi:focus{background:#a6b364;} /* 전시 */
.cal_menu_chi ul li a.mark.exp:hover, .cal_menu_chi ul li a.mark.exp:focus{background:#d8c55f;}   /*체험*/
.cal_menu_chi ul li a.mark.edu:hover, .cal_menu_chi ul li a.mark.edu:focus{background:#bb9b72;}   /*교육*/

.cal_menu_chi ul li.on a.mark.all{background:#000000; color:#ffffff;}     /* 전체 */
.cal_menu_chi ul li.on a.mark.evet{background:#cd867e; color:#ffffff;}   /*행사*/
.cal_menu_chi ul li.on a.mark.perf{background:#9d8c90; color:#ffffff;}   /*공연*/
.cal_menu_chi ul li.on a.mark.exhi{background:#a6b364; color:#ffffff;} /* 전시 */
.cal_menu_chi ul li.on a.mark.exp{background:#d8c55f; color:#ffffff;}   /*체험*/
.cal_menu_chi ul li.on a.mark.edu{background:#bb9b72; color:#ffffff;}   /*교육*/


/* terms_cont */
.terms_cont li{margin-top:40px;}
.terms_cont li:first-child{margin-top:0;}


 /* 12.08 궁중문화축전 1_2_15 */
 /* 슬라이드 */
 .img_btm_cont .slick-arrow{width:80px; height:120px; z-index: 5;}
 .img_btm_cont .slick-prev.slick-arrow{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat left center;}
 .img_btm_cont .slick-next.slick-arrow{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat right center;}
 .video {width: 100%; max-width: 1400px;  }
 .video_container{position: relative; width: 100%; height: auto; padding-top: 40.7%;}
 .video_container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

 .root_daum_roughmap{width: 100% !important; overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

 /* 12.23 수라간 *//* 241023 국문 css 가져옴 */
 .new_tit_box{padding: 40px 50px; border:1px dotted #6db286; text-align: center;}
 .new_tit_box .cont_txt p{font-size: 1.125em; line-height: 1.6; font-weight: 300;}
 .new_tit_box .cont_txt{margin-top:26px ;}
 .new_box_cont{background:#6db286; max-width: 566px; width: 100%; padding: 27px; margin: 30px auto;}
 .new_box_cont p{font-size: 1.125em; color: #ffffff; line-height: 1.6;}
 /* 별빛야행*/
 .new_tit_box.type02{border-color: #b88c62;}
 .new_tit_box.type02 .tit{margin-top: 30px;}
 .img_night_star{display: table; table-layout: fixed; width: 100%;} 
 .img_night_star > div{
     display: table-cell;
     vertical-align: middle;
     text-align: center;    
     width: 52%;
 }
 .night_star_box{background-color: #b88c62; width: 48%;}
 .night_star_box .tit{color:#ffffff; font-size:2.000em; font-weight: 500;}
 .cont_txt.white{margin-top: 12px; padding: 0 26px;}
 .cont_txt.white p{color: #ffffff; font-weight: 300;}


@media screen and (max-width:1280px){
    /* .sub_wrap */
    .sub_wrap{padding-top:197px;}

    /* h3.sub_top_tit */
    h3.sub_top_tit{font-size:2.255em;}

    /* .visual_wrap */
    .visual_wrap .sub_top h3{font-size:1.875em;}

    /* 썸네일 컨텐츠 */
    .thumb_list .thumb_img{max-height:193px; min-height:193px;}

    /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{
        min-height: 247px;
        max-height: 247px;
    }
    .reex_cont_tbl > div:first-child{padding-right:5%;}

    /* 고궁행사 */
    .r_img_cont .left_cont, .l_img_cont .right_cont{min-height:413px;}

    /* 테이블 두개 형식 */
    .edu_tbl_area .edu_img{display: table-cell; vertical-align: top; width: 600px; min-height: 344px; max-height: 344px;}
    .edu_tbl_area .edu_cont .edu_info{min-height:140px; margin-bottom:47px; -webkit-line-clamp: 5; height: 8.75em ;}

    /* 문화유산이야기 */
    .view_tbl_img{ width: 500px; min-height:410px; max-height:410px;}
    /* 주요작품 */
    /* .thumb_list .big_thumb_img{width: 500px; min-height:410px; max-height:410px;} */
}

@media screen and (max-width:1300px){
    /* 조직도 */
    .o_chart div.third_chart dl{width: calc(100%/5);}
    .o_chart div.third_chart dl dt span{/* padding: 12px 5px; */}
    .o_chart div.third_chart.third>div+dl{margin-left: 0;}
}


@media screen and (max-width:1200px){

    /*조직도*/
    .o_chart br{display: none;}
    .o_chart .chart_area{width: 100%;}
    .o_chart div.first_chart{margin-bottom:250px;}
    .o_chart div.first_chart>div span{border-radius:0;height:70px;line-height:70px;font-size:1.250em;}
    .o_chart div.first_chart:before{display:none; bottom:50%;height:1px;right:-10px;width:10px;left:inherit;}
    .o_chart div.first_chart:after{display:none;bottom:0;height:50%;right:-10px;width:1px;left:inherit;}
    .o_chart div.sec_chart:before{display:none;background-color:#dddddd;content:'';position:absolute;left:inherit;right:0;top:-50px;width:1px;height:50px;}
    .o_chart div.sec_chart:after{display:none;background-color:#dddddd;content:'';position:absolute;left:0;width:100%;height:1px;top:0;}
    .o_chart div.sec_chart > div{margin-top:25px; margin-bottom:25px; width: 48%; margin-left:0;}

    
    .o_chart div.sec_chart > div:first-child{margin-right:4%; width:48%; margin-left: 0;}
    .o_chart div.sec_chart>div:first-child:before{display:none;background-color:#dddddd;content:'';position:absolute;height:1px;left:0;top:50%;width:10px;}
    .o_chart div.sec_chart>div:after{display:none;height:100%;left:0;top:0;width:1px;}
    .o_chart div.third_chart.sec{display:block;width:48%;float:left;margin:0;overflow:hidden;}
    /* 제 1방안 */
    .o_chart div.third_chart{display:block;width:48%;margin-right:4%;float:left;overflow:hidden;margin-top:0;}
    /* 제 2방안 */
    /* .o_chart div.third_chart{display:block;width:100%;float:none;overflow:hidden;margin-top:0} */
    
    .o_chart div.sec_chart > div > div:before{display: none;}
    .o_chart div.sec_chart > div:last-child:before{display: none;}
    .o_chart div.sec_chart > div > div:before{display: none;}
    .o_chart div.third_chart dl{position:relative;width:100%;float:none;margin:20px 0 0px 0;max-width:100%;}
    .o_chart div.third_chart.third>div{position: static; top: 0;max-width: 194px;margin: 20px auto 0;}
    .o_chart div.third_chart.third>div:before{display: none;}
    .o_chart div.third_chart.third>div span{height: 54px;}
    /* 제 2방안 */
    /* .o_chart div.third_chart dl{position: relative; width: 48%;float: left; margin: 0 4% 20px 0; max-width: 100%;} */
    .o_chart div.third_chart dl:nth-child(2n){margin-right:0;}
    .o_chart div.third_chart dl dt{display:block;text-align:center;}
    .o_chart div.third_chart dl dd{display:block;margin-top:0;border-top:0;}
    .o_chart div.third_chart dl dt span{display:block;height:50px; padding: 12px 5px;}
    .o_chart div.third_chart dl dd span{display:block;height:auto; padding: 12px 5px;}
    .o_chart div.third_chart dl:before{display: none; height:1px;left:-10px;top:50%;width:10px; }
    .o_chart div.third_chart dl:first-child:after{display: none; height:100%;left:-10px;width:1px;top:0;}
    .o_chart div.third_chart dl:after{display: none; height: 100%; left: -10px; width: 1px; top: 0;}
    .o_chart div.third_chart dl:last-child:after{display: none; width: 1px;}

    /* 240317 조직도수정 */
    .o_chart_02 .first_chart > div span{border-radius:0;height:70px;line-height:70px;font-size:1.250em;}
    .o_chart_02 .first_chart {margin-bottom:250px;}
    .o_chart_02 .first_chart:before {display:none;}

    .o_chart_02 .sec_chart {margin:0;padding:40px 0 0;}
    .o_chart_02 .sec_chart > div {padding:0 20px;}
    .o_chart_02 .sec_chart > div:before,
    .o_chart_02 .sec_chart > div:after {display:none;}
    .o_chart_02 .sec_chart .chart_tit span {font-size:18px;}

    .o_chart_02 .third_chart {padding-top:0;flex-wrap:wrap;}
    .o_chart_02 .third_chart:before,
    .o_chart_02 .third_chart:after {display:none;}
    .o_chart_02 .third_chart > dl {padding-top:20px;}
    .o_chart_02 .third_chart > dl:before,
    .o_chart_02 .third_chart > dl:after {display:none;}
    .o_chart_02 .third_chart dt {min-height:45px;margin-bottom:0;}
    .o_chart_02 .third_chart dt span {font-size:16px;}
    .o_chart_02 .third_chart dd {min-height:45px;margin-bottom:0;border-top:0;}

    .o_chart_02 .five_chart .third_chart dt + dd {border-top:1px solid #ddd;}
    
    /* 홍보팀 */
    .o_chart div.third_chart.third{width:100%;margin-left:0;margin-top:25px;position:relative;}

    /* 감사 */
    .four_chart > div{margin-bottom: 30px;}
    .four_chart > dl:before{display: none;}
    .four_chart{display:inline-block;position:absolute;top:100px;right:auto;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
    .four_chart>div span{border-radius:0;height:70px;font-size:1.125em;}
    .four_chart > dl{max-width: 150px; top: 0;}
    .four_chart > dl dt span{height: 50px; padding: 12px 15px;}
    .four_chart > dl dd span{height: 30px; padding: 12px 15px;}

    /* 이사 */
    .o_chart div.sec_chart>div span{line-height: 1.3;}

	 /* 썸네일 컨텐츠 */
     .thumb_list .thumb_img{max-height:176px; min-height:176px;}

     /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{
        min-height: 231px;
        max-height: 231px;
    }

     /* 접수 확인 */
    .lbl_cont .blt_tit{width:21.8%;}
    .lbl_cont.id_name .mbr_ipt{width:47.8%;}
    .lbl_cont.phone .mbr_ipt{width:16.3%;}
    .lbl_cont.pw_name .mbr_ipt{width: 30.2%;}

    /* 비밀번호 변경 */
    .dim_layer .mbr_ipt_box .lbl_cont.id_name .mbr_ipt{width:100%;}

    /* 고궁행사 */
    .r_img_cont .left_cont, .l_img_cont .right_cont{min-height:387px;}

    /* 청구 */
    .claim_list li span{font-size:0.938em;}

    /* CI */
    .symbol_cont{display: block;}
    .symbol_cont .symbol_img{display: block; }
    .symbol_btn_group{display: block; text-align: left; margin-top:30px;}


    /* 테이블 두개 형식 */
    .edu_tbl_area .edu_img{display: table-cell; vertical-align: top; width: 540px; min-height: 310px; max-height: 310px;}
    .edu_tbl_area .edu_cont .edu_info{min-height:140px; margin-bottom:14px;}
    .edu_tbl_area .edu_cont .btn_nor_wrap{margin: 0 -10px; }
    .edu_tbl_area .edu_cont .btn_nor_area{
        display: table;
        table-layout: fixed;
        width: 100%;
        border-spacing: 10px 0;
    }
    .btn_nor_area a{display: table-cell; width:auto; float: none;}

    /* 문화유산이야기 */
    .view_tbl_img{ width: 450px; min-height:368px; max-height:368px;}
    .view_tbl_cont .tit{font-size:3.000em;}

    /* 주요작품 */
    /* .thumb_list .big_thumb_img{width: 450px; min-height:368px; max-height:368px;} */

    /* 궁중문화축전 1_2_15*/
    .img_btm_cont .slick-prev.slick-arrow{ background-size: 70%;}
    .img_btm_cont .slick-next.slick-arrow{ background-size: 70%;}
}

@media screen and (max-width:1024px){

        /*greeting*/
        .hello_cont > span{font-size: 2.000em;}
        .hello_cont:before{width: 30px; height: 22px;}
        .hello_cont:after{width: 30px; height: 22px;}

    /* .sub_section */
    .sub_section{padding-bottom:120px; margin: 50px 20px 0;}

    /* .sub_wrap */
    .sub_wrap{padding-top:101px;}

    h3.sub_top_tit{margin-bottom: 40px;}
    /* .visual_wrap */

    .visual_wrap{display: none;}

     /* .snb_link */
     .snb_link > li > a{min-width:185px;}

    .sub_con .sub_info{padding-right:34px;}
    /* .sub_tit */
    .sub_con .sub_cont .sub_tit{width:25%;}
    .sub_con .sub_cont .sub_box_tit{width:25%;}

    /* .blt_cont */
    .sub_con .sub_cont .blt_cont{width:70%;}

    /* 제목 일자형태 + 하단 컨텐츠 100% */
    .sub_cont  .sub_tit.only{width:100%;}
    /* .sub_cont  .sub_tit.only + .blt_cont{width: 100%;} */

    /* popup */
	.popup .pop_header{  height: 70px; padding:0 30px; background-position: right 30px center; background-size: 5%;}
	.popup .pop_header div h2{font-size: 1.5em; line-height: 70px;}
	.popup .pop_container{padding:23px 30px 40px;  }
    .popup .popup_close{width:50px;height:50px;right:-50px;top:-50px;}

    

    /* 베이직 이미지 틀 */
    .simple_img_area{margin-top:37px;}

    /* 썸네일 컨텐츠 */
    .thumb_list .thumb_img{max-height:140px; min-height:140px;}

    /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{min-height:189px;max-height:189px;}
    .reex_cont_tbl{margin-bottom:37px; display: block;}
    .reex_cont_tbl > div{display: block; margin-top:15px;}
    .reex_cont_tbl > div:first-child{padding-right: 0; margin-top:0;}
    .reex_cont_tbl > div .btn_area{text-align: right;}
    .reex_cont_tbl > div .btn_area a{text-align: left;}
    .reex_cont_top{margin-bottom:37px; padding-bottom:40px;}


    /* 달력 */
    .calendar_tit .l_con{padding:15px 20px;}
    .cal_wrap .cal_date{font-size:2em;}


    /* 접수 확인 */
    .mbr_ipt_box{padding:27px 20px;}
    .lbl_cont:first-child{margin-top:30px;}
    .lbl_cont{padding:12px 0 12px 19px;}
    .lbl_cont .blt_tit{width:255px;}


    /* 고궁행사 */
    .r_img_cont .left_cont{padding:47px 50px;}
    .l_img_cont .right_cont{padding:47px 50px 47px 70px;}
    .r_img_cont .left_cont, .l_img_cont .right_cont{min-height:316px;}

    /* 고궁행사 수문장 */
    .chief_cont .cont_txt.big p{font-size:1.125em;}
    .chief_cont .img_area{padding:20px;}

    /*유니크 이미지  */
    .chief_img > div{margin-bottom:35px;}
    .chief_img > div .img_area:before{background-size:25px;}



    /* 1105 문화재재단_행사_북악산 식생 ( 1_4_2 .content_list2 li) */
    .content_list2 li {width:18.4%; margin-right: 2%; }
    .content_list2 li:nth-child(5n){margin-right:0;}
    .content_list2 li:nth-child(6n){margin-right:2%;}

    /* .perfor_cont */
    .perfor_cont .cont_txt{padding:22px 20px;}


    /* 시그니처 */
    .symbol_sign > div{display: inline-block; padding:0 3%; border:0;}
    .symbol_sign > div:nth-child(odd){padding-left:0;}
    .symbol_sign > div:nth-child(3n){margin-top:15px;}
    .symbol_sign > div .tit{margin-bottom:17px;}
    .symbol_sign > div .only_btn{margin-top:30px;}

    /* 월간문화재 */
    .content_list3 li {width:19.8%; margin-right: 6.9%;}
    .content_list3 li:nth-child(5n){ margin-right: 6.9%;}
    .content_list3 li:nth-child(4n){margin-right:0;}
    .month_box{height:140px;}
    .month_box a{font-size:1.250em;}

    /* 인재채용 */
    .symbol_clr.type02 > div > div .clr_img{width: 80px ;}
    .symbol_clr.type02 > div > div dl dt{font-size:1.250em;}
    .symbol_clr.type02 > div > div dl dd{margin-top:9px;}
    .symbol_clr.type02 > div > div{margin-top:35px;}

    /* 기부금 진행 절차 */
    .proce_cont .proce_top{width:300px;}
    .proce_cont .proce_top .tit{font-size:1.250em;}



    /* 테이블 두개 형식 */
    .edu_tbl_area .edu_img{display: table-cell; vertical-align: top; width: 480px; min-height: 276px; max-height: 276px;}
    .edu_tbl_area .edu_cont .tit{font-size:2.000em;}
    .edu_tbl_area .edu_cont .edu_sub_tit{font-size:1.125em;}
    .edu_tbl_area .edu_cont .edu_info{min-height:100px; margin-bottom:12px; -webkit-line-clamp: 4; height:7em; }

    /* 테이블 두개 형식 뷰*/
    .thum_tbl_area.view .cont_top_tit{margin-bottom:38px;}


    /* 단기강좌 */
    .thum_tbl_area.short .wtl_table_wrap .tbl_info dt{height:40px; }
    .thum_tbl_area.short .wtl_table_wrap .tbl_info dd{height:40px;}

     /* 문화유산이야기 */
     .view_tbl_img{width:350px; min-height:286px; max-height:286px;}
     .view_tbl_cont .tit{font-size:2.5em;}
     /* 주요 상품 */
     /* .thumb_list .big_thumb_img{width:350px; min-height:286px; max-height:286px;} */
     /* 갤러리 */
     .view_slide{padding:30px 0;}

     /* 문화유산채널 */
     .chanel_top{padding:5% 40px;}
     .chanel_top .chanel_top_area .tit{font-size:2em;}
     .chanel_top .chanel_top_area .chanel_txt{margin-top:17px;}
     .chanel_top .chanel_top_area .chanel_txt p{font-size: 1em;}
     .chanel_top_logo{padding-left:17%;}
     .chanel_cont > .tit{font-size:2em;}
     .chanel_cont .chanel_area{width:100%;}

     /* 국민제안 */
     .accept_box{min-height:160px;}

     /* 문화유산채널 */
     .campain_wrap .campain_top .cont_area{padding:23px 30px;}
     .campain_wrap .campain_top .cont_area .cont_txt{height:9.4em; }
     .campain_wrap .campain_top .cont_area .cont_txt p{font-size:1em;}


     .campain_wrap > div{padding:23px 30px;}
     .campain_wrap > div .tit{font-size:1.250em;}
     .campain_wrap > div .cont_txt p{font-size:1em; line-height: 1.75;}

     /* 추진체계 */
     /* .o_chart.type02 .chart_area .sec_chart.child li{flex-grow: 0;}
     .o_chart.type02 .chart_area .sec_chart.child li:first-child{flex-grow: 2;}

     .o_chart.type02 .chart_area .sec_chart .sec_cont{padding:12px 15px;}
     .o_chart.type02 .chart_area .sec_chart .sec_tit{min-width: 220px;}

     .o_chart.type02 > .chart_area > ul.sec_chart>li:first-child{position: static; }  */

     /* 추진체계 */
    .o_chart.type02 div.first_chart{margin-bottom:30px;}
    .o_chart.type02 .chart_area .sec_chart{display: block;}
    .o_chart.type02 > .chart_area > ul.sec_chart>li:first-child{width:35%; position: absolute;}
    .o_chart.type02 ul.sec_chart > li{width: 100%;}
    .o_chart.type02 .chart_area .sec_chart.child{margin-top: 30px;}
     .o_chart.type02 .chart_area .sec_chart .sec_tit{min-width: 100%;}
     .o_chart.type02 ul.sec_chart > li{float: left; width:100%;}
     .o_chart.type02 .chart_area .sec_chart.child li:first-child{margin-right: 4%;}
     .o_chart.type02 .chart_area .sec_chart.child li{float: left; width:48%;}
     .o_chart.type02 .chart_area .sec_chart.child li .sec_cont{min-height:122px;}
     .o_chart.type02 .chart_area .sec_chart .sec_cont .sub_blt li{float:none; width:100%;}
     .o_chart.type02 div.first_chart:before{display: none;}
     .o_chart.type02 .chart_area .sec_chart .sec_tit:before{display: none;}
     .o_chart.type02 .chart_area .sec_chart li:first-child .sec_tit:after{display: none;}
     .o_chart.type02 .chart_area .sec_chart li:last-child .sec_tit:after{display: none;}
     .o_chart.type02 .chart_area .sec_chart .sec_area.in_line:after{display: none;}
     .o_chart.type02 .chart_area .sec_chart li.sec_area:last-child .sec_tit:after{display: none;}

       /* .etc_area */
    .etc_area > li{display: none; }
    .etc_area > li.share_box{display: block;}
    .etc_area > li:after{display: none;}

    /* 개방구간 */
    .info_road_btm .info_btm .img_area{width: 300px; height: 200px;}
}

@media screen and  (max-width:960px){

    /* 썸네일 컨텐츠 */
    .thumb_list .thumb_cont{padding:0 15px;}


    /* 달력 */
    .calendar_tit .l_con{padding:20px 25px;}
    .calendar_tit .cal_table td{height:60px;}

    .calendar_tabs.p_a{position: relative; display: block; margin-bottom:37px;}


     /* 고궁행사 */
     .r_img_cont .left_cont, .l_img_cont .right_cont{min-height:295px; padding:37px 40px 37px 60px;}

    /* 테이블 두개 형식 */
    .edu_tbl_area .edu_img{display: table-cell; vertical-align: top; width: 400px; min-height: 230px; max-height: 230px;}
    .edu_tbl_area .edu_cont .tit{font-size:1.500em;}
    .edu_tbl_area .edu_cont .edu_sub_tit{font-size:1em;}
    .edu_tbl_area .edu_cont .edu_info{min-height:56px; margin-bottom:5px; -webkit-line-clamp: 3; height:5.25em;}

    /* 문화유산채널 */
    /* .campain_busi .busi_img > div > div{margin-top:0; }
    .campain_busi .busi_img{display: block;}
    .campain_busi .busi_img > div{display: block;}
    .campain_busi .busi_img .btn_area{width: 100%; text-align: right;} */
}


@media screen and  (max-width:860px){

    .hello_cont > span{font-size: 1.5em;}

     /* .sub_wrap */
     .sub_wrap{padding-top:81px;}
    /* .quick_wrap */
    .quick_wrap{height:50px;}

    .snb_sns > li{height:50px;}
    .snb_sns li a{height:50px; padding:15px 0;}


    h3.sub_top_tit{margin-bottom: 32px;}



    /* .snb_link */
    .snb_link > li{height:50px;}
    .snb_link > li > a{line-height:50px; height:50px;  min-width:135px; padding:0 30px 0 10px; font-size:0.938em;}
    .snb_link li .L2_Items{top:50px;}
    .snb_link li .L2_Items li a{padding-left:10px; font-size:0.938em;}


    /* 접수확인 */
    .lbl_cont{display: block;}
    .lbl_cont .blt_tit{display: block; margin-top:0; margin-bottom:10px;}
    /*1204*/
    /* .lbl_cont .blt_tit:before{height:14px;} */

    /* 비밀번호 변경 */
    .dim_layer .mbr_ipt_box .lbl_cont .blt_tit{width:100%;}

    /* 고궁행사 */
    /* .r_img_cont .left_cont, .l_img_cont .right_cont{min-height:262px;} */
    .l_img_cont{padding-bottom:50px;}
    .l_img_cont .cont_tit{font-size:1.250em;}
    .l_img_cont .cont_txt{font-size:0.938em;}
    /* .r_img_cont .left_cont, .l_img_cont .right_cont{padding:32px 35px;} */
    .r_img_cont{margin-top:0; padding-bottom:50px;}
    .r_img_cont .cont_txt > p{margin-top:24px;}
    .r_img_cont .left_cont .cont_tit{font-size:1.250em;}
    .r_img_cont .cont_txt > p{font-size:0.938em;}
    .r_img_cont .right_cont{top:25px;}
    .l_img_cont .right_cont{top:25px;}
    .r_img_cont .left_cont, .l_img_cont .right_cont{min-height: 232px; padding:27px 30px;}
    .c_img_cont{margin-top:0;}
    .cont_txt .inner_txt{padding-left:65px;}

    .cont_txt p strong{font-size:1em;}

    /* 개방구간 */
    .info_road_middle{margin-top:30px;}
    /* .info_road_btm .info_btm .img_area{width: 37.3%;} */
  

    /* 유의사항 */
    .cont_warm_box{padding-left:190px; background-position: top 127px left 40px;}

    /* 관람안내 */
    .cont_warm_box.see{ padding: 193px 5.8% 65px;}

    /* perfor_cont */
    .perfor_cont .cont_txt p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 7em;
    }

    /* 테이블 두개 형식 */
    .thum_tbl_area{padding:40px 0 30px;}
    .edu_tbl_area .edu_cont .btn_nor_wrap{margin: 20px -10px 0;  position: static; width: auto;}
    .edu_tbl_area{display: block;}
    .edu_tbl_area .edu_img{display: block; margin: 0 auto;}
    .edu_tbl_area .edu_cont{display: block;}

    /* 테이블 두개 형식 뷰*/
    .edu_tbl_area .edu_cont > div .edu_sub_tit:first-child{margin-top:17px;}

    /* 단기강좌 */
    .thum_tbl_area.short .wtl_table_wrap{position: static; width: auto;}

    /* 문화유산이야기 */
    .view_tbl_img{width:300px; min-height:245px; max-height:245px;}
    .view_tbl_cont .tit_top{font-size:1.125em;}
    .view_tbl_cont .tit_top_sub{font-size:1em;}
    .view_tbl_cont .tit{font-size:2.000em;}
    .view_tbl_img .img_area > div p{height:40px; line-height: 40px;}

    /* 주요 상품 */
    /* .thumb_list .big_thumb_img{width:300px; min-height:245px; max-height:245px;} */
    .thumb_cont .img_txt{left:15px;}
    .thumb_list.type02 .thumb_cont .cont_txt > p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        height:8.75em;
        height: 100%;
    }
    /* 갤러리 */
    .view_slide.slick-slider > button{width:60px; background-size:60px 100px;}

    /* 문화유산채널 */
    .chanel_top .chanel_top_area .tit{font-size:1.500em;}
    .chanel_top > div{    display: block;
        width: 100%;
        padding: 0;
    }
    .chanel_top_logo{margin-top:24px;}
    .chanel_cont > .tit{font-size:1.500em;}
    .chanel_top .chanel_top_area .chanel_txt .list_blt{margin:7px 0 0 5px;}
    .chanel_cont .chanel_area{display:block; width: 100%;}
    .chanel_cont .chanel_area .chanel_txt{
        display: block;
        padding: 60px 0 60px 178px;
        text-align: left;
        background-position: center left;
        background-size: 120px;
    }
    .chanel_cont .chanel_area .chanel_txt .tit{margin-top:0;}
    .chanel_top_logo > div .tit{margin-bottom:12px;}
    .campain_cos .btn_area{margin-top:30px; position: relative; right:0;}

    /* 국민제안 */
    .accept_box{min-height:140px;}

    /* 문화유산방문 */
    .campain_wrap .campain_top .img_area{margin-top: 25px;}
    .campain_top > div{display: block; margin: 0 auto;}
    .campain_wrap .campain_top{display: block; }
    .campain_cos{display: block;}
    .campain_cos > div{display: block;}
    .campain_cos > div:first-child{padding: 0;}
    .campain_cos .img_area{margin-top:20px; width:100%; text-align: center;}
    .campain_perfor{display: block;}
    .campain_perfor > div{display: block;}
    .campain_perfor > div:first-child{padding:0;}
    .campain_perfor .img_area{margin-top:17px; width: 100%; text-align: center;}

    .etc_area > li{width:50px; height:50px;}
    .etc_area > li > a{width:50px; height:50px;}
    .etc_area > li > a img{margin-top:15px;}

    /* 인재채용 */
    .symbol_sign > div{display: block; padding: 0; margin-top:17px; }
    .symbol_sign > div:first-child{margin-top:0;}
    .symbol_sign > div .only_btn{margin-top:15px;}
    .symbol_clr > div > div .clr_img{display: block; text-align: center; margin: 0 auto;}
    .symbol_clr > div > div dl{display: block; padding: 0; margin-top:10px; text-align: center;}

    /* terms_cont */
    .terms_cont li{margin-top:27px;}

    /* 블릿 ie*/
    .lbl_cont label.blt_tit:before{-ms-transform: translate(0,-50%);}

    /* 문화유산채널 캠페인 */
    .campain_busi .busi_img > div{width:100%; display: block; text-align: right;}
    .campain_busi .busi_img .btn_area{margin: 30px 0 0;}
    .btn_do.i_left{    background: #f2f1ef url(/_static/chf1/img/sub/btn_move.png) no-repeat center right 20px;       
        padding: 10px 40px 10px 20px;
    }

    /* 개방구간 */
    .info_road_top .top_box p{font-size:0.938em;}
    .info_road_middle{padding:20px 3.3% 0;}
    .info_road_btm .info_btm{display: block; padding:20px 3.3%;}
    .info_road_btm .info_btm .img_area{display: block; width:100%;}
    .info_road_btm .info_btm .info_btm_cont{display: block; margin-top:17px; padding:0;}
    .info_road_btm .info_btm .info_btm_cont > div{font-size:1.250em;}
    .info_road_btm .info_btm .info_btm_cont > p{font-size:0.938em;}

    /* 240317 조직도수정 */
    .o_chart_02 .first_chart {margin-bottom:200px;}
    .o_chart_02 .first_chart > div span {height:50px;line-height:50px;}

    .o_chart_02 .sec_chart {flex-wrap:wrap;}
    .o_chart_02 .sec_chart > div {max-width:460px;margin:0 auto;}
    .o_chart_02 .sec_chart > div + div {margin-top:40px;}
    .o_chart_02 .sec_chart .chart_tit {min-height:40px;max-width:100%;}

    .o_chart_02 .four_chart {top:80px !important;}
    .o_chart_02 .four_chart > div {margin-bottom:10px;}
    .o_chart_02 .four_chart > div span {border-width:4px;height:50px;}
    .o_chart_02 .four_chart > dl dt span {height:40px;}

    .o_chart_02 .five_chart {max-width:430px;margin:40px auto 0;padding:20px 10px 10px;}
    .o_chart_02 .five_chart > div {flex-wrap:wrap;gap:14px 0;}
    .o_chart_02 .five_chart > div > div {padding:70px 10px 10px;}
    .o_chart_02 .five_chart > div > div + div {padding-top:10px;}
    .o_chart_02 .five_chart > div > div > .chart_tit {top:10px;left:10px;right:10px;padding:0 10px;font-size:18px;line-height:30px;}
    .o_chart_02 .five_chart .third_chart {margin:0;}
  
}

@media screen and  (max-width:767px){

    .new_tit + .list_area{margin-bottom:27px;}

    .snb_link > li:nth-child(2){display: none;}
  

    h3.sub_top_tit{font-size:2.000em; margin-bottom:30px;}

    /* 제목 박스 타이틀 */
    .sub_con_wrap .sub_cont{margin-bottom:0;}

    /* list_tabs */
    .list_tabs {margin:20px 0 27px;}

    /* .sub_con .sub_info */
    .sub_con .sub_info{margin-bottom:26px; padding:40px 40px 24px 163px; background-position:center left 28px;}
    .sub_con .sub_info .tit{font-size:1.250em;}
    .sub_con .sub_info p{font-size:0.875em;}

    /* .sub_con .sub_cont */
    .sub_cont{margin-top:46px;}
    .sub_con .sub_cont .sub_tit{width:100%; margin-right:0; float:none;}
    .sub_con .sub_cont .sub_box_tit{width:100%; margin-right:0; float:none; margin-bottom:22px;}
    .sub_con .sub_cont .sub_tit span{font-size:1.375em;}
    .sub_con .sub_cont .sub_box_tit span{font-size:1.375em; padding:13px;}
    .sub_con .sub_cont .blt_cont{width:100%; float: none;
        /*margin:25px 0 60px;*/
        /* margin:25px 0 0; */
    }

    /* 1208 찾아오시는길 1_4_1_5*/
    .blt_cont.align{margin-top: 20px;}

    .blt_cont + .blt_cont{margin-bottom:60px;}
    /* 컨테츠 밑에 테이블 */
    .sub_cont + .board_tbl{margin-top:60px;}
    .sub_con .sub_cont .blt_cont .blt_tit em{font-size:1.063em;}
    /* .add_tit{font-size:1.063em;} */
    .sub_con .sub_cont .blt_cont .list_blt > li{font-size:0.938em;}

    /* 이미지 밑에 컨텐츠 */
    .img_btm_cont{margin-bottom:12px;}

    /* 제목아래 문구 + sub_con*/
    .cont_txt + .sub_con{margin-top:24px;}
    .cont_txt + .sub_con.bg_king{margin-top:24px; background-position: right top 40px; background-size:auto 268px; }

    /* 가운데 이미지 다음 텍스트 */
    .cont_img + .cont_txt{margin-top:27px;}

    /* 문구 간격 있을 때*/
    .cont_txt + .cont_txt{margin-top:24px;}

    /* 블릿 단독 */
    .list_blt.only{padding-left:0;}
    .sub_con .sub_cont .blt_cont .list_blt.only li{font-size:1em;}

    /* 블릿 단독 버튼*/
    .list_blt.only + .btn_do{margin:17px 0 0 0;}

    /* 제목 옆에 *표시 */
    .per_info .alert_txt{top: 4px;}

    /* .btn_group */
    .btn_group{margin-top:30px;}

    /* .sub_section*/
    .sub_section{padding-bottom:80px;}

    /* .inquiry*/
    .inquiry{padding: 16px 10px 16px 66px;
        margin-bottom: 30px;
        font-size: 0.875em; margin-bottom:30px;
        background-position:center left 20px;
    }

    /* 궁중문화축전 이미지 가운데 정렬 1_2_15*/
    .gungjung_parent .img_area{text-align: center;}


    /* 재단연혁 */
    .hist_area:before{left:14px;}
    .hist_area .hist_tit:before{left:-140px;}
    .hist_area .hist_cont:before{left:-140px;}
    .hist_area:after{left:10px;}

     /* .popup */
     .pop_layer{width:80%;}
     .popup .pop_container .slider_nav .slick-dots{bottom:5px;}
     .popup .pop_container .slider_nav .slick-dots li button{width:15px; height:15px;}
     .popup .pop_header > div {font-size:1.125em;}
     .popup .pop_container .slider_nav .pop_img{padding-top:50.4%;}

    /* 문구 박스 숫자 */
    .cont_box{padding:16px 20px 16px 80px; margin-top:40px;}
    .cont_box .tit{font-size:1.250em;}
    .cont_box > span{width:60px; height:60px; line-height: 60px; font-size:1.5em;}

     /* 블릿 간의 간격 */
    .list_area > .list_blt{margin-top:26px; }



    /* 상단 타이틀 */
    .cont_top_tit{margin-bottom:37px;}
    .cont_top_tit > div span{font-size:1.875em;}

    /* 베이직 이미지 틀 */
    .simple_img_area{border-spacing: 20px 0;}

     /* 썸네일 컨텐츠 */
     .thumb_list{margin-top:30px;}
     .thumb_list .thumb_img{max-height:146px; min-height:146px;}

    /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{
        width:88.2%;
        min-height: 212px;
        max-height: 212px;
    }
    .reex_cont_tbl > div{width: 100%;}
    .reex_cont_tbl{margin-bottom:27px;}
    .reex_cont_top{margin-bottom:27px; padding-bottom:30px;}


     /* 5뎁스 탭*/
     .tab_cont ul.link_nav li a{font-size: 0.938em;}

     /* 달력 주간 */
     .calendar_tabs{margin-bottom:27px;}
     .cal_wrap .cal_date_area .cal_date{margin-bottom:17px;}
     .calendar_tabs.p_a{position: static; display: block; text-align: right;}


     /* 접수 확인 */
     .lbl_cont{padding:12px 0;}
     .lbl_cont.id_name .mbr_ipt{width:100%;}
     .lbl_cont.pw_name .mbr_ipt{width:100%;}
     .lbl_cont.phone > span{vertical-align: middle;}

    /* 접수 확인 */
    .mbr_ipt_box .ipt_top .ipt_tit{font-size:1.5em;}
    .mbr_ipt_box .ipt_top p{font-size:0.938em;}
    .lbl_cont{overflow: hidden;}
    .lbl_cont.phone .mbr_ipt{float:left; width:31.3%;}
    .lbl_cont.phone > span{float: left; margin-top:8px;}
    .lbl_cont em{margin-left:0;}
    .lbl_cont.email select{margin:10px 0 0 0; display: block; width: 100%;
        background-position: 97% center;
    }

    /* 신청양식 */
    .sub_title{font-size:1.125em; margin:27px 0 12px;}
    .per_info > p{font-size:0.938em;}
    /* 신청양식 파일 */
    .input_file{padding:5px 10px;}

    /* 개인정보 */
    .per_info{margin-top:50px;}
    .per_cont{margin-top:24px;}
    .per_cont .per_tit{font-size:1.125em;}

    /* 개인정보 테이블 */
    .per_tbl{padding:20px;}
    .per_tbl > p, .per_cont > div em{font-size:0.938em;}

    /* 두 이미지 간의 간격 */
    .blt_cont .img_area.sec{margin-top:27px;}

    /* 고궁행사 */
    /* .r_img_cont .right_cont{top:25px;}
    .l_img_cont .right_cont{top:25px;}
    .r_img_cont .left_cont, .l_img_cont .right_cont{min-height: 232px; padding:27px 30px;} */
    /* .c_img_cont{margin-top:80px;} */
    .l_img_cont{padding-bottom:10px;}
    .l_img_cont .left_cont{display: block; width:95%;}
    .l_img_cont .right_cont {
        position: relative;
        width: 95%;
        top: -20px;
        right: 0;
        margin-left: 5%;
        padding: 40px 30px;
    }
    .r_img_cont{padding-bottom:10px;}
    .r_img_cont .left_cont{width: 95%; padding:30px 30px 40px;}
    .r_img_cont .right_cont{position: relative;
        width: 95%;
        display: inline-block;
        top: -20px;
        left: 5%;
    }
    .c_img_cont .align_cont{display: block; width:100%; margin:30px 0 0 0;}
    .c_img_cont .align_cont:first-child{margin-top:0;}
    .c_img_cont .left_cont{display: block; width:100%; float: none;}
    .c_img_cont.type_left .left_cont{width: 100%;}
    .c_img_cont.type_left .right_cont{width: 100%; margin:10px 0 0 0;}
    .c_img_cont.type_right .left_cont{width:100%;}
    .c_img_cont.type_right .right_cont{width:100%; margin:10px 0 0 0;}

    .c_img_cont .right_cont{display: block; width:100%; float: none; margin:30px 0 0 0;}

    /* 고궁행사 수문장 */
    .tab_area{margin-top:30px;}
    .chief_cont{margin-bottom:30px; display: block;}
    .chief_cont .cont_txt.big{display: block; padding: 0;}
    .chief_cont .img_area{display: block; width:100%; padding:40px; margin-top:17px;}

    /*유니크 이미지  */
    .chief_img > div{width:46.9%;}
    .chief_img > div:nth-child(2n){margin-left: 6%;}
    .chief_img > div:nth-child(3n+1) .img_area:before{display: block;}
    .chief_img > div:nth-child(odd){margin-left:0;}


    /* 고궁행사 - 가운데 큰 이미지 */
    .btn_group + .cont_txt{margin:27px 0 24px;}

    /* 1105 문화재재단_행사_북악산 식생 ( 1_4_2 .content_list2 li) */
    .content_list2 li {width:21.6%; margin-right: 4.5%; }
    .content_list2 li:nth-child(5n){margin-right:4.5%;}
    .content_list2 li:nth-child(6n){margin-right:4.5%;}
    .content_list2 li:nth-child(4n){margin-right:0;}

    /* 사업소개 */
    .intro_area{margin:30px auto 24px;}
    .intro_area > div{vertical-align: top;}
    .intro_area:first-child > div{vertical-align: middle;}
    .intro_area > div .tit{font-size:1em;}
    .intro_area > div p{font-size:0.938em;}


     /* 유의사항 */
     .cont_warm_box{padding:17px 20px 17px 150px; background-position: top 80px left 20px;}
     .cont_warm_box > div{font-size:1.250em;}
     .cont_warm_box ul{margin-top:24px;}

     /* 관람안내 */
     .cont_warm_box.see{padding:120px 20px 17px; background-position: top 20px center; background-size:80px;}

    /* .perfor_cont */
    .perfor_cont .img_area{width:46.7%;}
    .perfor_cont .cont_txt{padding:12px 15px;}
    .perfor_cont .cont_txt p{-webkit-line-clamp: 5; height: 8.75em; }

     /* .blt_only_img */
     .blt_only_img{margin-top:27px;}


     /* 청구 */
     .claim_list{margin-top:30px;}
     .claim_list li{width:29%; }
     .claim_list li:nth-child(4){margin-left:16.6%;}
     .claim_list li:before{left:-14%;}

    /* 육각형 */
    .hexagon_area{margin-top:27px;}
    .hexagon_area .hexagon_tbl .hex_top{width:70px; padding:15px;}
    .hexagon_area .hexagon_tbl .hex{font-size:1.125em; width:60px; height:68px; line-height: 68px;}
    .hexagon_area .hexagon_tbl .hex_cont p{font-size:1em;}

    /* 구독 */
    .tdAgree{height:100%; padding:9px 10px; overflow: hidden;}
    .tdAgree .menu_row{float: none; margin-top:10px;}

    /* 기부금 진행 절차 */
    .proce_cont .proce_top{ padding:10px;}
    .proce_cont .proce_cont{padding:0 10px;}
    .proce_cont .proce_top .tit{ font-size:1.125em; padding:0 10px;}
    .proce_cont .proce_top:before{transform: translate(-50%,-25%); -ms-transform: translate(-50%,-25%); -webkit-transform: translate(-50%,-25%);}

    /* 테이블 두개 형식 뷰*/
    .sub_top_tit h4 span{font-size:1.375em;}

    /* 단기강좌 */
    .thum_tbl_area.short .wtl_table_wrap .tbl_info dt{width:100%;}
    .thum_tbl_area.short .edu_tbl_area .edu_cont .tit{text-align: center;}

    /* 문화유산이야기 */
    .view_tbl_img{width:250px; min-height:205px; max-height:205px;}
    .view_tbl_cont .tit_top_sub{margin:4px 0 12px;}
    .view_tbl_cont .tit{font-size:1.5em;}
    .view_tbl_cont p{margin-top:12px;}

    /* 소규모발굴 */
    .scale_area .blt_cont{padding:0; margin-top:15px;}
    .scale_area > div{display: block;}
    .scale_area > div.img_area{width: 100%; margin-bottom:17px;}


    /* 국민제안 */
    .accept_box{min-height:120px; background-position: left 15px center;}
    .accept_box .accept_txt{padding-left: 145px;}
    .accept_box.review{background-position: left 15px top 32px;}
    .accept_box.subscribe{background-position: left 15px top 32px;}
    .accept_box.subscribe .accept_tit{font-size:1.125em;}

    /* 문화유산채널 */
    .campain_perfor{display: block;}
    .campain_perfor > div{display: block;}

    /* 문화유산방문 */
    .campain_wrap > div{padding:23px 15px; margin-top:30px;}
    .campain_busi .busi_img > div{text-align: right;}

    /* 추진체계 */
     .o_chart.type02 > .chart_area > ul.sec_chart>li:first-child{position: static; margin-bottom:30px; width: 100%;}
     .o_chart.type02 .chart_area .sec_chart .sec_tit{min-width: 274px;}
     .o_chart.type02 .chart_area .sec_chart .sec_cont{padding:12px 15px;}
     .o_chart.type02 .chart_area .sec_chart .sec_tit{font-size:1.125em; height:40px; line-height: 38px; }
     .o_chart.type02 .chart_area .sec_chart.child li .sec_tit{min-width:100%;}

     /* thumb_list 추가 도서 *//* 241023 국문 css 가져옴 */
    .thumb_list.type03{display: block;}
    .thumb_list.type03 .thumb_img{
        display: block; margin: 0 auto; text-align: center; min-height: 100%;
    }
    .thumb_list.type03 .thumb_img img{width: 80%;}
    .thumb_list.type03 .thumb_cont{
        display: block;
        margin-top: 12px;
        padding: 0;
    }

    /* 블릿 간의 간격 */
    .list_area > .list_blt{margin-top:26px; padding-left: 11px;}

}

@media screen and (max-width:580px){

    .hello_cont > span{font-size: 1.5em;}
    .hello_cont:before{width: 20px; height: 16px;}
    .hello_cont:after{width: 20px; height: 16px; margin-right: 20px;}

    /* h3.sub_top_tit */
    h3.sub_top_tit{font-size:1.75em;}

    /* .list_tabs */
    .list_tabs .path a{font-size:0.938em;}

    /* .sub_con .sub_info */
    .sub_con .sub_info .tit{font-size:1.125em;}

    /* .sub_con .sub_info */
    .sub_con .sub_info{background:#f7f7f7; padding:20px 10px;}

    /* .sub_con .sub_cont */
    .sub_cont{margin-top:40px;}
    .sub_con .sub_cont .sub_tit span{font-size:1.250em;}
    .sub_con .sub_cont .sub_box_tit span{font-size:1.250em;}
    .sub_con .sub_cont .blt_cont{/*margin: 20px 0 40px;*/ margin:20px 0 0;}
    .blt_cont + .blt_cont{margin-bottom:40px;}
    /* 컨테츠 밑에 테이블 */
    .sub_cont + .board_tbl{margin-top:40px;}
    .sub_con .sub_cont .blt_cont .blt_tit em{font-size:1em;}
    .add_tit{font-size:0.938em;}

    /* 연혁 */
    .hist_area{padding-left:60px;}
    .hist_area:before{left:9px;}
    .hist_area:after{left:5px;}
    .hist_area .hist_tit:before{left:-45px;}
    .hist_area .hist_cont:before{width:40px; left:-55px; top:82px;}
    .hist_area .hist_tit:after{left:-20px;}
    .hist_area .hist_tit:before{left:-60px;}
    .hist_area .hist_tit{font-size:2.255em; margin-bottom:24px;}

    /* 5뎁스 탭 */
    .tab_cont ul.link_nav li{width: 100%; display: block;}

    /* 5뎁스 type02 약관*/
    .agree_box .scroll_box{padding:15px; font-size:0.938em;}

    .tab_cont.type02 ul.link_nav{margin-bottom:27px;}
    .tab_cont.type02 ul.link_nav li{
        width: 100%; display: block;
    }


    /* 개인정보 */
    .per_cont > div em{
        position: static;
        display: block;
        text-align: right;
        margin-top: 5px;
    }

    /* 확인 버튼 */
    .common_btn{min-width: 100%; height:40px; line-height: 40px; }

     /* 빅 가운데 이미지 */
     .big_img_wrap{margin:20px -20px 20px;}
     .blt_img_cont{margin: 17px -20px 0;}
     .big_img_area{border-spacing: 20px 0; margin-top:17px;}
     .blt_img_cont p{margin:13px 20px 0;}

     .big_img_wrap.type02{margin:17px -20px 17px;}

     /* 유니크 이미지 */
     .cont_txt li em{font-size:2em;}
     .chief_img{margin-top:37px;}
     .chief_img > div .img_area:before{left:-11%;}

     /* 가운데 이미지 자동 정렬 */
    .big_img_area.auto > div{
        width:48.9%; margin-left:2.2%; float:left; display: block; margin-top:15px;
    }
    .big_img_area.auto > div:nth-child(2n+1){margin-left:0;}
    .big_img_area.auto > div:first-child{margin-left:0;}


    /* .perfor_cont */
    .perfor_cont{display: block; width: 95%; margin: 0 auto 40px;}
    .perfor_cont .cont_txt{display: block;}

    /* 심볼 */
    .symbol_cont .symbol_img{text-align: center; width:100%;}
    .symbol_btn_group{text-align: center; display: table; table-layout: fixed; width: 100%; border-spacing: 10px 0;}
    .symbol_btn_group a{display: table-cell; vertical-align: middle;}
    .symbol_grid > div{float: none; width: 100%; margin:15px 0 0 0; text-align: center;}
    .symbol_grid > div:first-child{width: 100%; margin-top:0;}
    .symbol_sign > div .tit{font-size:1.125em;}
    .symbol_sign > div{display: block; padding: 0; margin-top:17px; }
    .symbol_sign > div:first-child{margin-top:0;}
    .symbol_sign > div .only_btn{margin-top:15px;}
    .symbol_clr .tit{font-size:1.125em;}
    .symbol_clr > div > div .clr_img{display: block; text-align: center; margin: 0 auto;}
    .symbol_clr > div > div dl{display: block; padding: 0; margin-top:10px;}
    .symbol_clr > div > div dl dt{text-align: center; font-size:1em;}
    .symbol_clr > div > div dl dd{text-align: center; font-size:0.938em;}
    .bg_clr{display: block;}
    .bg_clr .tit{display: block; padding:0; width: 100%; margin-bottom: 12px; }
    .bg_clr .bg_area{display: block;}
    .bg_clr .bg_area .bg_img{margin-top:27px;}
    .bg_clr .bg_area .bg_img p{text-align: left; font-size:0.938em;}

    /* 인재채용 */
    .symbol_clr.type02 > div > div dl{padding: 0 10px;}
    .symbol_clr.type02 > div > div .clr_img{width:60px;}
    .symbol_clr.type02 > div > div dl dt{font-size:1em;}
    .symbol_clr.type02 > div > div dl dd{font-size:0.938em;}


    /* 월간문화재 */
    .content_list3 li {width:30%; margin-right: 5%;}
    .content_list3 li:nth-child(5n){ margin-right: 5%;}
    .content_list3 li:nth-child(4n){margin-right:5%;}
    .content_list3 li:nth-child(3n){margin-right:0;}
    .month_box{height:100px;}
    .month_box a{font-size:1.125em;}

    /* 기부금 진행 절차 */
    .proce_cont{display: block;}
    .proce_cont .proce_top{display: block; width: 100%;}
    .proce_cont .proce_cont{display: block; border-left:1px solid #dedede; border-top:0;}
    .proce_cont .proce_top:before{transform: translate(-50%,-25%); -ms-transform: translate(-50%,-25%); -webkit-transform: translate(-50%,-25%);}

    /* 테이블 두개 형식 */
    .edu_tbl_area .edu_cont{padding:27px 0 0;}
    .edu_tbl_area .edu_img{width: 100%; min-height: 100%; max-height: 100%;}

    /* 테이블 두개 형식 뷰*/
    .sub_top_tit h4 span{font-size:1.250em;}
    .thum_tbl_area.view .edu_tbl_area .edu_cont{padding:0;}

    /* 단기강좌 */
    .thum_tbl_area.short .edu_tbl_area .edu_cont{padding:17px 0 0;}

     /* 문화유산이야기 */
     .cont_top_area{display: block; margin-bottom:30px;}
     .cont_top_area + .cont_txt{padding-top:30px;}
     .view_tbl_img{display: block; width: 100%;
        min-height: 100%;
        max-height: 100%;}
     .view_tbl_img .img_area{display: block;}
     .view_tbl_cont{display: block; padding:20px 0;}
     /* 주요상품 */
     /* .thumb_list .big_thumb_img{display: block;} */
    .thumb_list.view{display: block; margin-top:27px;}
    .thumb_list.view .thumb_cont .img_txt{left:0; bottom:auto; top:0;}
    .thumb_list.view .thumb_cont{padding: 30px 0;}
    .view_img_wrap + .cont_txt{margin-top:24px;}


    /* 뷰 이미지 */
    .view_img_wrap .view_sub_tbl{display: block;}
    .view_img_wrap .view_sub_tbl .img_area{display: block; margin-top: 17px !important;}
    .view_img_wrap{margin:17px -30px 0;}
    .view_img_wrap .view_sub_tbl p{font-size:0.938em; margin:16px 10px 0; padding:0 20px;}
    .view_slide .img_area p{font-size:1em;}

    /* 통영갓 */
    .view_sub_tbl .view_sub_area{display: block;}

    /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{
        width:88.2%;
        min-height: 153px;
        max-height: 153px;
    }

    /* 문화유산채널 */
    .chanel_top{padding:20px;}
    .chanel_top .chanel_top_area .tit{font-size:1.125em;}
    .chanel_cont > .tit{font-size:1.125em;}
    .chanel_top_logo > div .tit{font-size:1.250em;}
    .chanel_cont .chanel_area .chanel_txt .tit{font-size:1em;}

    /* 국민제안 */
    .accept_box{background-position: center top 32px;}
    .accept_box .accept_txt{padding:145px 15px 15px 15px;}
    .accept_box{min-height:120px; background-position: center top 32px;}
    .accept_box.review{background-position: center top 32px;}
    .accept_box.subscribe{background-position: center top 32px;}
    .accept_box .accept_txt p{font-size:0.938em;}

    /* 문화유산 */
    .campain_wrap .campain_top .cont_area{padding: 12px;}
    .campain_wrap .campain_top .cont_area .cont_txt{display: block; overflow: visible; height:100%;}


    /* .campain_busi .busi_img > div .img_area > span{float: left; width:43.3%;}
    .campain_busi .busi_img > div .img_area > span:first-child{margin-right:13.4%;}
    .campain_busi .busi_img > div > div{width: auto; margin-top:17px; float: none;}
    .campain_busi .busi_img > div > div:first-child{
        margin-top:0;
        width: 197px;
    } */

    /* 12.08 궁중문화축전 1_2_15 */
    .img_btm_cont .slick-arrow{width:50px; height:90px;}
    .img_btm_cont .slick-prev.slick-arrow{ background-size: 100%;}
    .img_btm_cont .slick-next.slick-arrow{ background-size: 100%;}

    /* 12.08 찾아오시는길 1_4_1_4*/
    .bull_tit {margin-top: 12px;}
    .bugaksan_btn{margin:  0 -10px 0;}
    .bugaksan_btn .btn_group.type3{
        border-spacing: 10px 0;
    }
    .btn_group.type3 {
        overflow: hidden;
        display: table;
        width: 100%;
        border-spacing: 0;
    }
    .btn_group.type3 .link_map{display: table-cell;}
    .link_map{background-position: center left 15px;}
    .link_map:first-child{margin-left:0;}
    .link_map span{padding:10px 15px 10px 98px;}
    .btn_group a span{text-align: right;}
    .link_map.d_icon{background-position: center left 30px;}
    .link_map.d_icon span{padding: 10px 15px 10px 95px;}

    /* 북악산 찾아오시는 길 블릿 */
    .bull_tit:before{top: 7px;}

    /*01.25*/ 
    .root_daum_roughmap .wrap_map{height: 320px !important;}

    /* 241023 */
    /* .thumb_list.type03 .thumb_img {display:block;width:100%;text-align:center;}
    .thumb_list.type03 .thumb_img img {width:auto;}
    .thumb_list.type03 .thumb_cont {display:block;width:100%;padding:0;}
    .new_tit_box.type02 {padding:30px 20px;} */
}
@media screen and (max-width:479px){
    .hello_cont > span{font-size: 1.15em; padding: 0 20px;}

    /* 12.09 정조 1_2_5 */
    .video_container{ padding-top: 56.7%;}

    /* 맵 지도 보기 */
    /* .btn_group.type3{overflow: hidden;}
    .btn_group.type3 .link_map{float:left; width: 49%; margin-left:2%; margin-top: 0;}
    .btn_group.type3 .link_map:first-child{margin-left:0;} */






    /* 블릿 있는 행간 간격 */
    .cont_txt .list_blt > li:before{top:11px;}

    /* .sub_section */
    .sub_section{margin: 40px 10px 0;}

    /* .quick_wrap */
    .quick_wrap{height:33px;}

    /* .sub_con */
    /* .blt_cont .blt_tit{font-size:0.938em;} */
    .sub_con .sub_cont .blt_cont .blt_tit em{display: block; margin-bottom:4px;}
    .add_tit{font-size:0.938em;}
    .blt_tit:before{background-size:85%; top:4px;}
    /* .sub_wrap */
	.sub_wrap {padding-top:61px;}
	.snb_link > li {height:33px; background: #9d8c90  url("/_static/chf1/img/sub/bar_on2.png") right 10px center no-repeat;}
	.snb_link > li.sub_link_on {background: #9d8c90  url("/_static/chf1/img/sub/bar_on.png") right 10px center no-repeat;}
	.snb_link > li > a {min-width:90px; height:33px; line-height:33px; padding-left:9px; padding-right:34px;}
    /* .snb_link > li > a.de_menu2 {width:200px;} */
	.snb_link > li.on {background: url("/_static/chf1/img/sub/bar_on.png") right 10px center no-repeat;}
	.snb_link > li.sub_link_on a {min-width:120px;}



	.snb_link li .L2_Items {top:33px;}
	.snb_link li .L2_Items li {height:33px; line-height:33px; padding-left:9px;}
	.snb_link li .L2_Items li a {padding:0;}
	.snb_link > li.home .icon_home {min-width:35px; height: 34px;}
	.snb_link > li.item_tit > a {height:34px;}
	.etc_area > li {width:35px; height:33px;}
	.snb_sns.show {left:-198px;}
    .snb_sns > li {height:35px; }
	.snb_sns li a {width:35px; padding:8px 0; font-size:0.875em;}

	.snb_link.snb_link2 > li > a {min-width: 113px; padding-right:7px;}
	.snb_link.snb_link2 > li > a.de_menu2 {width: 135px; min-width: 135px;}
    .snb_link > li.de_3items > a.de_menu2 {width: 152px;  padding-right: 20px; min-width: inherit;}


	.etc_area > li > a{width:35px; height:33px;}
    .etc_area > li > a img{margin-top:5px;}

    /* .inquiry */
    .inquiry{    padding: 10px 10px 10px 60px;
        margin-bottom: 20px;}
    .inquiry .box span{display: block; float:none;}
    .inquiry .box dl{display: block;
        margin: 10px 0 0 0;
        float: none;}

    /* 콘텐츠 이미지 */
    /* .blt_cont .img_area .btn_example{margin:10px 0 0 0; display: block; width:100%; padding-top:66.7%; float: none;}
    .blt_cont .img_area .btn_example:first-child{margin-top:0;} */
    .blt_cont .img_area.type02 > div{width: 48.9%; margin-left: 2.2%;}
    .blt_cont .img_area.type02 > div:nth-child(3n){margin-left:0; }
    .blt_cont .img_area.type02 > div:nth-child(n+3){margin-top:10px; }

    .blt_cont .add_txt{margin-left:0;}

    /* 연혁 */
    .hist_area{padding-left:25px;}
    .hist_area .hist_cont:before{display: none;}
    .hist_area .hist_tit:before{display: none;}

    /* 문구 박스 숫자 */
    .cont_box{padding:12px 20px 12px 50px; margin-top:30px;}
    .cont_box .tit{font-size:1.125em;}
    .cont_box > span{width:40px; height:40px; line-height: 40px; font-size:1.250em;}
    .cont_box p{font-size:0.938em;}
    .blt_cont .img_area .btn_example p{font-size:0.938em;}

    /* 상단 타이틀 */
    .cont_top_tit{margin-bottom:27px;}
    .cont_top_tit > div span{font-size:1.5em; padding:0 10px;}
    .cont_top_tit > div i{font-size:1.250em; padding:0 10px;}

    /* 베이직 이미지 틀 */
    .simple_img_area{border-spacing: 10px 0; margin-top:27px; display: block;}
    .simple_img_area > div{display: block; width: 100%; margin-top:27px;}

    /* 달력 */
    .calendar_tit .l_con{padding:10px 15px;}
    .cal_wrap .cal_date{font-size:1.5em;}
    .calendar_tit .cal_table td{height:40px;}
    .calendar_tit .cal_table td a{height:30px; width:30px; line-height: 30px; font-size:1.125em;}


    /* 달력 탭 */
    .calendar_tabs{margin-bottom:17px;}
    .calendar_tabs .path a{height:30px; line-height: 28px;}

    /* 썸네일 컨텐츠 */
    .thumb_list{display: block; margin-top:27px;}
    .thumb_list .thumb_img{display: block; width:100%; max-height:215px; min-height:215px;  }
    .thumb_list .thumb_cont{display: block; margin-top:12px; padding:0;}
    .thumb_list .thumb_cont .tit{font-size:1.125em; }
    .cal_article ul li a{font-size:0.938em; padding: 0 10px; min-width: 50px;}


    /* 문화재발굴조사 430*274 */
    .thumb_list.type02 .thumb_img{
        width:100%;
        min-height: 100%;
        max-height: 100%;
    }

    /* 5뎁스 탭*/
    .tab_cont ul.link_nav li a{font-size: 0.875em;}

    /* 신청완료 */
    .apply_box{padding:50px 20px; background-position:top 50px center;}
    .apply_box .comp_cont{padding-top:120px;}
    .apply_box .comp_cont .tit{font-size:1.5em;}

    /* 강조 문구 */
    .lbl_cont em{font-size:0.938em;}

    /* 신청양식 중요 표시 */
    .fc_red{font-size:0.938em;}

    /* 개인정보 */
    .per_info{margin-top:30px;}



    /* 고궁행사 가운데 이미지 왼쪽,오른쪽 */
    .c_img_cont.type_left, .c_img_cont.type_right{margin-top:20px;}



    /* 고궁행사 수문장 */
    .chief_cont .img_area{padding:20px;}
    .chief_cont .cont_txt.big p{font-size:1.063em;}

  

     /* 유의사항 */
     .cont_warm_box{padding:17px 20px 17px 20px; background-position: center;}
     .cont_warm_box > div{font-size:1em;}
     .cont_warm_box ul li{font-size:0.938em;}
     .cont_warm_box p{font-size:0.938em;}

    /* 1105 문화재재단_행사_북악산 식생  */
    .content_list2 li {width:30.3%; margin-right: 4.5%; }
    .content_list2 li:nth-child(4n){margin-right:4.5%;}
    .content_list2 li:nth-child(3n){margin-right:0;}


    /* 수문장 문장 강조*/
    .cont_txt li .sub_blt{padding-left:25px;}

    /* 고궁행사 */
    .r_img_cont .left_cont{padding:15px 15px 30px;}
    .r_img_cont .left_cont .cont_tit{font-size:1.125em;}
    .l_img_cont .cont_tit{font-size:1.125em;}
    .l_img_cont .right_cont{padding:30px 15px 15px;}

    /* 육각형 */
    .hexagon_area .hexagon_tbl .hex{font-size:1em; width:60px; height:68px;}
    .hexagon_area .hexagon_tbl .hex_cont p{font-size:0.938em;}


    /* 월간문화재 */
    .content_list3 li {width:49%; margin-right: 2%;}
    .content_list3 li:nth-child(5n){ margin-right: 2%;}
    .content_list3 li:nth-child(4n){margin-right:2%;}
    .content_list3 li:nth-child(3n){margin-right:2%;}
    .content_list3 li:nth-child(2n){margin-right:0;}
    .content_list3 li:nth-last-child(-n+2){margin-bottom:0;}
    .content_list3 .txt_area .tit{font-size:0.938em;}
    .month_box{height:80px;}

    /* 기부금 진행 절차 */
    .proce_cont{margin-bottom:30px;}
    .proce_cont .proce_top .hex{width:60px;     height: 68px; line-height: 68px;}
    .proce_cont .proce_top .tit{font-size:1em;}
    .proce_cont .proce_top:before{background-size:40px;
        transform: translate(-50%, 30%);
        -ms-transform: translate(-50%, 30%);
        -webkit-transform: translate(-50%, 30%);
    }

    /* 약력 */
    .year_list li{padding-left:0;}
    .year_list.long li{padding-left:0;}
    .year_list li em{
        position: static;
        display: block;
        margin-bottom: 5px;
    }

    /* 문화유산채널 */
    .chanel_cont .chanel_area .chanel_txt{background-size:80px; padding:17px 0 17px 100px;}
    .chanel_top_logo > div img{width:200px;}


    /* 부서안내 */
    /* .o_chart div.first_chart{margin-bottom:220px;} */
    .o_chart div.first_chart>div span{height: 50px; line-height: 50px;font-size: 1.125em; font-weight: 400;}
    .four_chart{top:80px;}
    .four_chart>div span{height:50px; font-size:1em; font-weight: 400; border: 4px solid #b13a3e;}
    .four_chart > div{margin-bottom:15px;}
    .four_chart > dl dt span{height:40px; }
    .four_chart > dl dd span{height:30px;}

    /* 이사 */
    .o_chart div.sec_chart > div{margin-top:0; margin-bottom:15px;}
    .o_chart div.sec_chart>div>div{width: 100%;}
    .o_chart div.sec_chart>div span{height:40px; /*line-height: 40px;*/ font-size:1em; width: 100%; min-width: 100%;}

    /* 부서팀 */
    .o_chart div.third_chart dl dt span{height:100%; line-height: 1;}
    /* 홍보팀 */
    .o_chart div.third_chart.third>div span{height: 40px;}
    .o_chart div.third_chart.third{margin-top:0;}

    /* 추진체계 */
    .o_chart.type02 .chart_area .sec_chart .sec_tit{font-size:1em; height: 100%; min-width: 100%; line-height: 28px;}
    .o_chart.type02 .chart_area .sec_chart .sec_cont{font-size: 0.938em;}

     /* loaction */
     .snb_link > li.home{width:35px;}
     .snb_link > li:last-child a{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: keep-all;
     }
     .sub_rtop{position: absolute; right:0; top:0;}

     /* 문화달력 */
     .cal_menu_chi{margin:15px 0;}
     .cal_menu_chi ul li{margin-top:10px;}
     .cal_menu_chi + .cal_article{padding-top:10px;}

     /*01.25*/ 
    .root_daum_roughmap .wrap_map{height: 200px !important;}

    /* 241023 국문 css 가져옴 */
    /* 12.24 수라간 */
    .new_tit_box{padding: 20px 15px;}
    .new_tit_box .img_area{width:70px; margin: 0 auto;}
    .new_tit_box .cont_txt{margin-top: 13px;}
    .new_tit_box .cont_txt p{font-size: 1.063em;}
    .new_box_cont{padding: 17px; margin: 15px auto;}
    .new_tit_box .cont_txt .new_box_cont > p{margin-top: 0; font-size: 1em;}
    .new_tit_box .cont_txt p{margin-top: 16px;}

    /* 12.24 별빛야행 */
    .img_night_star{display: block;}
    .img_night_star > div{display: block; width: 100%;}
    .night_star_box{padding: 30px 15px;}
    .cont_txt.white p{height: 100%; display: block;}
    .new_tit_box.type02 .tit{margin-top: 15px;}

    /* btn_group */
    .btn_group > a{display: block; margin-top:10px;}
    .btn_group > a:first-child{margin-top:0;}
}


@media screen and (max-width: 414px){

    h3.sub_top_tit{margin-bottom: 20px;}
    h3.sub_top_tit span{padding-bottom:17px;}
    .snb_sns > li{height:33px;}
    .snb_sns li a{height:33px;}

    /* .list_tabs */
    .list_tabs .path a{width:33.33%; font-size:0.875em;}

    /* .sub_con .sub_info */
    .sub_con .sub_info{padding:12px 10px; margin-bottom:17px;}
    .sub_con .sub_info .tit{font-size:1.063em;}
    .sub_con .sub_info p{margin-top:7px;}

    .sub_cont{margin-top:30px;}
    .sub_con .sub_cont .sub_tit span{font-size:1.125em;}
    .sub_con .sub_cont .sub_box_tit span{font-size:1.125em;}
    .sub_con .sub_cont .blt_cont{/*margin:15px 0 30px;*/ margin:15px 0 0;}
    .blt_cont + .blt_cont{margin-bottom:30px;}
    /* 컨테츠 밑에 테이블 */
    .sub_cont + .board_tbl{margin-top:30px;}

    /* .board_list */
    .board_list td .list_blt li{font-size:0.875em;}

    /* btn_group */
    .btn_group > a{display: block; margin-top:10px;}
    .btn_group > a:first-child{margin-top:0;}

    /* .sub_section */
    .sub_section{margin: 20px 10px 0;}

    /* .inquiry */
    .inquiry .box dl{margin:5px 0 0;}
    .inquiry .box span{font-size:0.875em;}
    .inquiry .box dl dt{font-size:0.875em;}
    .inquiry .box dl dd{font-size:0.875em;}

     /* .popup */
	.popup .pop_header{height:40px; padding:0 10px;}
	.popup .pop_header div h2{font-size:1.125em; line-height:40px;}
	.popup .pop_container{padding:15px 10px;}
    .popup .popup_close{width: 30px;height: 30px;right: 0;top: -35px;}

    /* 상단 타이틀 */
    .cont_top_tit > div span{font-size:1.250em; padding:0 10px;}
    .cont_top_tit > div i{font-size:1.125em;}
    .cont_top_tit:before, .cont_top_tit:after{background-size:20px;}
    .simple_img_area > div p{font-size:0.938em;}

    /* 5뎁스 탭*/
    .right_cont .tab_cont ul.link_nav li a.selected {line-height: 40px;}

    /* 접수 확인 */
    .mbr_ipt_box{padding:17px 10px;}
    .mbr_ipt_box .ipt_top .ipt_tit{font-size:1.250em;}
    .lbl_cont .blt_tit{font-size:1em;}
    /*1204*/
    /* .lbl_cont .blt_tit:before{top:3px;} */

    /* 콘텐츠 이미지 */
    .blt_cont .img_area{margin-top:30px;}
    .blt_cont .img_area > div{float:none; width: 100%; display: block; margin:10px 0 0 0;}
    .blt_cont .img_area > div:first-child{margin-top:0;}
    .cont_txt p{font-size:0.938em;}
    .blt_cont .img_area.type02 > div{float: left; margin-top:0;}

    /* 유니크 이미지 */
    .cont_txt li em{font-size:1.5em;}
    .chief_img{margin-top:27px;}
    .chief_img > div{margin-bottom:15px;}
    .chief_img > div .img_area:before{background-size:17px;}
    .chief_img > div p{font-size:0.938em;}

      /* 1105 문화재재단_행사_북악산 식생  */
      .content_list2 li {width:47.7%; margin-right: 4.5%; }
      .content_list2 li:nth-child(3n){margin-right:4.5%;}
      .content_list2 li:nth-child(2n){margin-right:0;}


    /* .perfor_cont */
    .perfor_cont{margin:0 auto 30px; width: 100%;}
    .blt_img_cont p{font-size:0.938em;}
    .blt_only_img p{font-size:0.938em;}

     /* 테이블 두개 형식 뷰*/
     .sub_top_tit h4 span{font-size:1.125em;}

     /* 문화유산이야기 */
     .view_img_wrap{}

    /* 12.09 고궁행사 로케이션으로 인한 삭제 */
     .snb_link > li:nth-child(4){min-width: 40%; width:152px}

}

@media screen and (min-width: 320px) and (max-width: 339px){

    /* .list_tabs */
    .list_tabs .path a{font-size:0.875em;}

    /* .sub_con .sub_info */
    .sub_con .sub_info .tit{font-size:1em;}


    /* .popup */
	.popup .pop_header{height:40px; padding:0 10px;}
	.popup .pop_header div h2{font-size:1.125em; line-height:40px;}
	.popup .popup_close{width: 20px;height: 20px;top: -25px;}
	.popup .pop_header > div{text-align: right;}
	.popup .pop_header > div em{margin-left:5px; font-size:0.938em;}
    .popup .pop_header > div span{margin:0 10px 0 5px; font-size:0.938em;}

     /* 상단 타이틀 */
     .cont_top_tit > div span{font-size:1.125em; padding:0px;}
     .cont_top_tit > div i{font-size:1em;}

      /* 신청완료 */
    .apply_box{padding:30px 10px; background-position:top 30px center; background-size:90px;}
    .apply_box .comp_cont{padding-top:100px;}
    .apply_box .comp_cont .tit{font-size:1.250em;}
    .apply_box .comp_cont p{font-size:0.938em;}

    /* 청구 */
    .claim_list li span{font-size:0.875em;}
    .claim_list li:before{left:-18%;}


    /* 심볼 */
    .symbol_btn_group{display: block; }
    .symbol_btn_group a{display: block; margin:10px 0 0 0;}
    .symbol_btn_group a:first-child{margin-top:0;}
    .symbol_sign > div .only_btn a{display: block;}


    /* 부서안내 */
    .o_chart div.first_chart>div span{height:30px; line-height: 30px;}
    .four_chart{top:50px;}
    .four_chart > dl dt span{height:30px; padding:0 15px;}
    .four_chart > dl dd span{height:30px; padding:0 15px;}
    .o_chart div.first_chart{margin-bottom:180px;}

    /* 이사 */
    .o_chart div.third_chart dl dt span{padding: 8px 15px;}
    .o_chart div.third_chart dl dd span{padding: 4px 10px;
        /* height: 30px; */
        /* line-height: 30px; */
        font-size: 0.938em;
    }

}