@charset "utf-8";
/* 220714 월간문화재 NEW폼 */
.gan_wrap .color_khaki{color: #806b00; font-weight: 500;}
.gan_wrap .color_orange{color: #eb5800; font-weight: 500;}
.gan_wrap .color_purple{color: #783e94; font-weight: 500;}
.gan_person{font-style: italic; font-size: 0.938em; margin: 20px 0; padding-right: 2px; text-align: right;}
.gan_Title{font-size: 1.75em; font-weight: bold; text-align: center; font-family: "바탕";}
.gan_Doc{
    margin-top: 13px;
    font-weight: 500;
    text-align: center;
    word-break: keep-all;
}

.gan_list{margin-top: 45px;}
.gan_list:first-child{margin-top: 0;}

.gan_tit{font-size: 1.188em; font-weight: 500; color: #353535;}
.gan_cont{margin-top: 25px;}
.gan_cont em{font-weight: 500;}
.gan_cont p{margin-top: 15px; color: #767676;}
.gan_cont p:first-child{margin-top: 0;}
.gan_cont p > strong.new_font{display: block; margin-top: 5px;}

.gan_cont dl:first-child{margin-top: 0;}
.gan_cont dl{position: relative; margin-top: 10px;}
.gan_cont dt{position: absolute; left: 0; top: 0; font-weight: 600;}
.gan_cont dd{padding-left: 80px;}

.gan_con1{font-weight: 300; color: #888 !important;}
.gan_con2{font-weight: 300; color: #494f91;}
.gan_con3{font-weight: 300; color: #f17091;}
.gan_con4{font-weight: 300; color: #49b045;}

.gan_area{    overflow: hidden; margin-top: 25px;}
.gan_tbl_wrap{    margin: 0 -30px; }
.gan_tbl{    display: table; table-layout: fixed; width: 100%; border-spacing: 30px 0;}
.gan_tbl .gan_img{display: table-cell; text-align: center; vertical-align: bottom;}
.gan_img_top{margin-bottom: 15px;}
.gan_img_top div{margin-top: 10px;}
.gan_img_top div:first-child{margin-top: 0px;}
.gan_img_top div p{margin-top: 5px;}
.gan_img_top div p:first-child{margin-top: 0px;}
.gan_img_btm{margin-top: 15px; font-size: 0.875em;}

.gan_cham{margin-top: 30px;}
.gan_cham strong{display: inline-block; position: relative; padding-top: 10px; font-size: 1.063em;}
.gan_cham strong:before{position: absolute; content: ""; display: block;
width: 60px; height: 5px; left: 0; top: 0; background-color: #000;
}
.gan_cham ul{margin-top: 12px;}
.gan_cham ul li{font-size: 0.935em; font-weight: 500; margin-top: 5px;}
.gan_cham ul li:first-child{margin-top: 0;}



.mb0{margin-bottom: 0 !important;}

.sourceCodeTab {display:none;}

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

/* visual_wrap */
.visual_wrap{background:#f3ece6; height:130px; position: relative; display: none;}
.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;}

/* 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:#c77777; 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%;}
.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;}
.snb_link li.de_2items.only{background:#9d8c90;}
/* h3.sub_top_tit */
/*02.18*/
.sub_top_tit{ position: relative; display: block; margin-bottom: 20px;}
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; right: 0; opacity:0; background:#f7f7f7; transition-duration: 0.2s;-webkit-transition-duration: 0.2s;top: 0px;}
.snb_sns.show {display:flex;width:auto;right:60px;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%;}
.sub_tit_ver2 {position: relative; display: block;width: fit-content; padding-right: 5%; margin-right: 3.6%;}
/*12.07 단어별 추가 */
.sub_tit span, .sub_tit_ver2 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, .sub_tit_ver2 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, .sub_tit_ver2: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 40px;}
.calendar_tabs .path a{background: #fff; display: inline-block; vertical-align: middle; padding: 0 10px; text-align: center; margin-left: 10px; float: left; min-width: 62px; height: 44px; line-height: 40px; font-weight: 300; color: #2b2b2b; border: 1px solid #d7d7d7;}
.calendar_tabs .path a:first-child{margin-left:0;background: #fff;}
.calendar_tabs .path a.on{background:#dbdbdb; font-weight: 500;}


/* 탭 띄우기 */
.calendar_tabs.p_a{display: flex;align-items: center;}
.calendar_tabs.p_a.only a{float: none;}

/* 주간 달력 */
.cal_wrap .cal_date_area {text-align: center;padding: 30px 20px;border: 1px solid #ddd;}
.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_ver2 {
    margin: 20px 0 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 70px;
}
.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;
}

/*01.07*/ .sub_con .sub_cont.only .blt_cont + .blt_cont{margin-top: 80px;}



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

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

/* 블록처리 유니크 7_1_7_7 */
.blt_cont .blt_tit.blk em{display: block;}

.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_tit.only{padding-left:0;}
.blt_tit.only + .blt_tit{margin-top: 14px;}
.blt_tit.only:before{display: none;}

/*0208*/
.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%; 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%;}

/*01.06 blt_tit 안으로 문구 들여쓰기*/
.list_area > .add_txt{margin-left:20px;}


/* 하단 문구 다음 블릿 */
.add_txt + .list_blt{margin-top: 12px;}

/* 테이블 사이에 알림 문구*/
.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; width: calc(100% - 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;}

/*01.06*/.list_blt > li > strong{font-weight: 500;}

/* */
.terms_cont .list_blt > li > p:first-child{margin-top: 6px;}

/* */

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

/* 블릿 타이틀 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;}
.sub_blt.only{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; }

/* 공연장 소개 */
.blt_tit + .cont_txt{margin-top: 3px;}

/* 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;
}
/*01.08*/ .tbl_apply.w235 .btn_down{min-width: 235px;}

/*01.12*/
.btn_group.w208 a{min-width: 208px;}

.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:140px auto 50px; border:1px solid #dedede; background: #f7f7f7 url("/_static/chf1/img/sub/cont_respon.png") center left 30px no-repeat; max-width: 1400px;}
.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_txt + .tbl_sub_col{margin-top: 17px;}

 /* 01.04 문구 다음 탭 (개인정보) */
 .cont_txt + .tab_cont.type02{margin-top: 17px;}

 .cont_txt + .tab_cont.type03{margin-top: 17px;}

/* 문구 박스 숫자 */
.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{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%);*/ position: relative;}
.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;width: 87%;}
.o_chart div.sec_chart:before{
    background-color: #dddddd;
    content: '';
    position: absolute;
    height: 1px;
    width: 37%;
    top: -20px;
    left: 57.5%;
}
.o_chart div.sec_chart>div:before{background-color:#dddddd;content:'';position:absolute;height:1px;top: -30px;width:100%;left:0; width: 50%;}
.o_chart div.sec_chart>div:first-child:before{width:60%;left:50%;}
.o_chart div.sec_chart > div:last-child:before{display: none; /*width: 50%;top: -23px;*/}
.o_chart div.sec_chart>div{margin-top:30px;margin-bottom:30px;float:left;width: 38.1%; margin-left: 2%;position:relative;}
.o_chart div.sec_chart>div>.chart_tit:before{background-color:#dddddd;content:'';position:absolute;height:30px;left:50%;top:-33px;width:1px; z-index: -1;}
.o_chart div.sec_chart>div .chart_tit:after{
    background-color: #dddddd;
    content: '';
    position: absolute;
    height: 130px;
    width: 1px;
    bottom: -130px;
    left: 50%;
    z-index: -1;
}
.o_chart div.sec_chart>div:first-child{width: 47.8%; margin-left: 0;}
.o_chart div.sec_chart>div>.chart_tit{border:3px solid #474747;display:table;margin:0 auto; position: relative;}
.o_chart div.sec_chart>div>.chart_tit 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_area{margin: 0 -10px;}
.o_chart div.third_chart{margin-top: 157px;display: table;table-layout: fixed;width: 100%;border-spacing: 8px 0;}
.o_chart div.third_chart.sec{margin-left: 0;}
.o_chart div.third_chart.sec dl{/* width: calc(100%/4); */}
/* .o_chart div.third_chart.sec{width: 34.5%;margin-left: 1.5%;} */
.o_chart div.third_chart.third{
    width: 8.7%;
    margin-left: 30px;
    margin-top: 0;
    display: block;
    padding-top: 90px;
}
/*0412*/
.o_chart div.sec_chart>div>.chart_add{
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 88px;
    padding-left: 70px;
    width: 286px;
}
.o_chart div.sec_chart>div>.chart_add:before{
    content: '';
    display: block;
    background: url(/_static/chf1/img/sub/dotted_img.png);
    position: absolute;
    height: 2px;
    top: 50%;
    left: 0;
    width: 70px;
    z-index: 1;
    transform: translateY(-50%);
}
.o_chart div.sec_chart>div>.chart_add dt{
    float: left;
    margin-right: 5px;
}
.o_chart div.sec_chart>div>.chart_add dt > a{
    background: #eeeeee;
    border: 2px dotted #474747;
    display: inline-block;
    /* table-layout: fixed; */
    width: 97px;
    padding: 1px;
    vertical-align: middle;
    height: 81px;
    line-height: 71px;
}
/* .o_chart div.sec_chart>div>.chart_add dt > a:after{
    content:'';
    display: block;
    background: url(/_static/chf1/img/sub/dotted_img.png);
    position: absolute;
} */
.o_chart div.sec_chart>div>.chart_add dt > a span{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    color: #1e1e1e;
    font-weight: 500;
    word-break: keep-all;
    text-align: center;
}
.o_chart div.sec_chart>div>.chart_add dd{
    float: left;
    width: 113px;
    display: block;
    margin-bottom: 5px;
    border: 2px dotted #474747;
    padding: 6px 10px 7px;
}
.o_chart div.sec_chart>div>.chart_add dd:last-child{margin-bottom: 0;}
.o_chart div.sec_chart>div>.chart_add dd > a{
    font-size: 0.875em;
}


.o_chart div.third_chart.third>div{border: 3px solid #474747;display:table;width:100%;border-collapse:collapse; z-index: 1; margin-bottom: 26px;}
.o_chart div.third_chart.third>div a{}
.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: 110px;left: 49%;top: -20px;width:1px;z-index: -1;}
.o_chart div.third_chart.third>div+dl{display: block;}
.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%/5); */position:relative;max-width: 108px;width: 100%;/* margin-left: 1.7%; */ /* float: left; */display: table-cell;vertical-align: top;}
.o_chart div.third_chart dl:before{background-color:#dddddd;content:'';position:absolute;height: 30px;left: 49%;top:-30px;width:1px; z-index: -1;}
.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{max-width: 108px; width: 100%; margin: 0 auto;}
.o_chart div.third_chart dl dt a{background:#eeeeee;border:1px solid #dddddd;display: inline-block; /* table-layout: fixed; */ width: 100%;padding: 1px;vertical-align: middle;height: 90px;line-height: 86px;}

.o_chart div.third_chart dl dt span{display: inline-block;vertical-align:middle;line-height: 1.3;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; max-width: 108px; margin: 5px auto 0;}
.o_chart div.third_chart dl dd a{
    display: inline-block;
    text-align: center;
    height: 67px;
    vertical-align: middle;
    line-height: 63px;
    width: 100%;
}
.o_chart div.third_chart dl dd span{
    display: inline-block;
    vertical-align: middle;
    color: #5d5d5d;
    font-weight: 300;
    word-break: keep-all;
    padding: 2px;
    line-height: 1.3;
}

/* 추진체계 */
.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{
    position:relative;
}
.o_chart.type02 .chart_area .sec_chart .sec_area{display:inline-block;margin:0 auto;}



.o_chart.type02 ul.sec_chart > li{ }
.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: 100%;
    left: 50%;
}
.o_chart.type02 .chart_area .sec_chart li.sec_area:last-child .sec_tit:after
{
    width: 100%;
    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: 0;
    right: 0;
}
.four_chart > div{display: table;  margin-bottom: 30px;}
.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 > div{margin-bottom:25px;}
.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: 84px;
    /* 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: 64px;
    word-break: keep-all;
    padding: 2px;
}
.four_chart > dl:before{
    background-color: #dddddd;
    content: '';
    position: absolute;
    height: 340px;
    left: 50%;
    top: -340px;
    width: 1px;
    z-index: -1;
}

/* 상단 타이틀 */
.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: 1.75em; 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;}

.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 40px;
    /* font-size: 2.5em; */
    font-size:26pt;
    font-weight: 600;
}

/* 베이직 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;}
/*0208*/
.big_img_area{
    margin-top: 47px;
    /* text-align: center;
    display: table;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 40px 0;
    width: 100%; */
    display: flex;
    justify-content: space-between;
}


.gonghang .big_img_area{align-items: center; margin-top: 0; text-align: center;}

.big_img_area > div{
    /* display: table-cell;
    width: 50%;
    position: relative;
    vertical-align: top; */
    flex: 1 1 0;
    margin: 0 20px;
}
.big_img_wrap .big_img_area:first-child{margin-top:0;}

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

/*01.20 전승 국가무형 li 안에 이미지 */
.big_img_wrap.type03{margin:0 -40px;}
.big_img_wrap.type03 .big_img_area > div{vertical-align: middle;}
.logo_p{
    text-align: center;
    font-size: 1.125em;
    font-weight: 500;
    margin-top: 9px;
}


/* 가운데 이미지 자동 정렬 */
.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;
    /* 210106 문화유산이야기로 인해 추가함 */
    padding-bottom: 20px;
}
.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;} */

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

/*01.27*/ /*작업과정 유니크 (왼쪽썸네일) 4_1_70 */
.thumb_list.view.type02 > div{ width: auto;}
.thumb_list.view.type02 .thumb_cont > .cont_txt > .tit{font-size: 1.125em;}
.thumb_list.view.type02 .thumb_cont > .cont_txt > p{margin-top: 8px;}

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

/* 5뎁스 */
/* 12.01 북악산 소개 수정*/
.tab_cont ul.link_nav { border-top: 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: 1px solid #b1b1b1; border-width: 0 1px 1px 0;}
.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; }
.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;
}
/*01.04*/
.tab_cont.type03 ul.link_nav li{
    display: inline-block;
    float: left;
    width:33.33%;
}

/* 약관 */
.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; color: #5d5d5d;}
.priv dl dt:first-child{margin-top:0;}
.priv dl dd{margin-top:15px; margin-left:10px; color: #5d5d5d; font-weight: 300;}
.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; width: 88px; max-width: 100%; height:33px; line-height: 33px; background:#b13a3e;}
.btn_apple.end{ background:#4d4d4d; cursor: unset;}/* 신청 종료 버튼 */

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

/* 달력 */
.calendar_tit .l_con{ background:#f6f7f9; border:1px solid #dedede;display: flex;justify-content: space-between;align-items:center;}
.calendar_tit .l_con .info_box {width: 66%;padding:30px 35px;}
.calendar_tit .l_con .info_box .tit {font-size: 18px;font-weight: 500;float: left;padding-right: 10px;line-height: 40px;}
/* .calendar_tit .l_con .info_box .cal_article .tit {line-height: 23px;} */
.calendar_tit .l_con .cal_box {width: 28%;padding:30px 35px;background: #fff;}


.cal_wrap .cal_date {text-align: center; font-size: 1em; color:#2b2b2b; line-height: 1; margin-bottom:20px;float: none;margin-left: 0;}
.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: 0.85rem; 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: 45px; text-align: center; }
.calendar_tit .cal_table td a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 0.85rem;
    color: #666;
    background: #f0f0f0;
    border-radius: 50%;
    font-weight: 300;
}
.calendar_tit .cal_table td a:hover {background-color: #000; 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: #000; color:#fff;  }



/* 달력 항목 */
.cal_menu_chi + .cal_article{border-top:1px solid #dedede; padding-top:30px;}
.cal_table + .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-right:15px; height:44px;margin-bottom: 15px;}
.cal_article ul li a{display: inline-block; min-width:80px; height:44px; line-height: 40px; background:#ffffff; border:1px solid #d7d7d7; color:#2b2b2b; font-weight:300; text-align: center; padding:0 20px;}
.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: 40px; 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;}





/* 버튼 */
/*02.15*/
.btn_nor_wrap{margin-top: 20px;}
.btn_nor_area{overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.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%;    
}
/* .edu_tbl_area2 .btn_nor_area a{width: 49%;} */
.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;}

/*인증버튼*/
a.btn_confirmation{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 0.938em;
    padding: 0 5px;
    min-width: 120px;
    height: 40px;
    line-height: 38px;
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
    color: #fefefe;
    float: left;
}


/*02.15*/
.view .edu_tbl_area .edu_cont .btn_nor_wrap{position: static; margin-top: 15px;}
.view .edu_tbl_area .edu_cont .btn_nor_wrap .btn_nor_area{text-align: right;}
.view .edu_tbl_area .edu_cont .btn_nor_wrap .btn_nor_area a{float: none; margin-left: 12px;}


/* 개인정보 */

.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.tbl_ipt{display: block; padding: 15px 20px; border-top: 1px solid #ddd; position: relative; margin: 0 !important;}
/*비밀번호 찾기*/

.menu_row > div input[type=checkbox] {
    width: 24px;
    height: 24px;
    position: absolute;
    left: -2px;
    top: -4px;
}
.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;
    background: #ffffff;
    z-index: 5;
}
.menu_row > div input[type=checkbox]:checked + label:before {
    content: "";
    display: inline-block;
    background: #fff url(/_static/chf1/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: 1px;
}
/*비밀번호 찾기*/
.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;
    background:#ffffff;
}
.menu_row > div input[type=radio]:checked + label:before {
    content: "";
    display: inline-block;
    background: #fff url(/_static/chf1/img/sub/chk_on.png) center no-repeat;
    text-align: center;
    line-height: 11px;
}

/*03.24*/
.ipt_info{margin-top: 10px; padding: 0 30px; display: none;}
.ipt_info > p{margin-bottom: 30px;}

.alert_p{margin-top: 10px; font-size: 0.938em;}


.tdAgree{text-align: left; padding:19px 10px 18px 35px; height:60px; border-top: 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: 70px;}
.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:#c77777; z-index: -1;}
.chief_cont .img_area:after{content:''; display: block; position: absolute; right:0; bottom:0; width:140px; height:140px; background:#8a9a38; 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 #c77777 inset, -7px 7px 0 0 #c77777 inset, 7px -7px 0 0 #c77777 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:#c77777;}
.claim_list.li6 > li {width:11.8%;}


/* 육각형 */
.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:123.3%;
    border: 1px solid #dedede;
}
.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 .txt_area .tit > a{display: block;}
.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(/jnrepo/namo/img/images/000044/20230309142716650_AFAK3M3S.png);}
.proce_cont .proce_cont{
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
    border:1px solid #dedede;
    border-left: 0;
}

 /* 테이블 두개 형식 */
  /*02.15*/
  .thum_tbl_area2{padding:60px 0 50px; position: relative; display: table; table-layout: fixed; width: 100%;}
  .thum_tbl_area2: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_area2:first-child{padding-top: 0;}
  .top_tit ul{overflow: hidden;}
  .top_tit ul li{float: left; position: relative; padding:0 10px; 
     color: #1e1e1e;
     font-size: 1.375em;
     line-height: 1;
     font-weight: 500;
 }
  .top_tit ul li:first-child{padding-left: 0;}
  .top_tit ul li:after{
     content: '';
     width: 1px;
     height: 12px;
     position: absolute;
     top: 50%;
     left: 0px;
     background: #8c8c8c;
     margin: -5px 0 0;
  }
  .top_tit ul li:first-child:after{display: none;}
  .edu_tbl_area2{display: table-cell; width: 48.6%; float: left; margin-left: 2.8%;}
  .edu_tbl_area2:first-child{margin-left: 0;} 
  .edu_tbl_area2 .edu_cont{padding:27px 30px;  position: relative; overflow: hidden;
     border: 1px solid #dadada;
     border-top: 0;
 }
 .edu_tbl_area2 .edu_cont .tit{ margin-top: 17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}
 .edu_tbl_area2 .edu_cont .tit em{color:#1e1e1e; font-size:1.250em; font-weight: 500; line-height: 1;}
 .edu_tbl_area2 .edu_cont .edu_sub_tit{ color:#bd5c5b; font-size:1.250em; line-height: 1;}
 .edu_tbl_area2 .edu_cont .edu_info{ margin-top:19px;} 
 .edu_tbl_area2 .edu_cont .edu_info dl{margin-top: 20px;}
 .edu_tbl_area2 .edu_cont .edu_info dl:first-child{margin-top: 0;}
 .edu_tbl_area2 .edu_cont .edu_info dl{overflow: hidden;}
 .edu_tbl_area2 .edu_cont .edu_info dl dt{display: inline-block;color: #353535; font-weight: 500; height: 20px; float: left; }
 .edu_tbl_area2 .edu_cont .edu_info dl dt:after{content:':'; display: inline-block; padding: 0 10px; vertical-align: top; margin-top: -1px;}
 .edu_tbl_area2 .edu_cont .edu_info dl dt span{display: inline-block; width: 58px; text-align: justify;}
 .edu_tbl_area2 .edu_cont .edu_info dl dt span:after{content:''; display: inline-block; width: 100%;}
 .edu_tbl_area2 .edu_cont .edu_info dl dd{display: inline-block; font-weight: 300; float: left; width: calc(100% - 101px);} 
 .edu_tbl_area2 .edu_cont .btn_nor_wrap{ position: absolute;left: 30px; bottom: 0; display: block; width:100%;}
 .edu_tbl_area2 .edu_cont > div .edu_sub_tit:first-child{margin-top:0;}
  .edu_tbl_area2 .edu_img img{width: 100%;}
 
 
  /**/ 
  
  /* 단기강좌 */
  .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:1.75em; 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;}
 
  /*02.15*/
  /*상세*/
  .edu_tbl_area .edu_cont.only .edu_info{
      font-weight: 300; 
      color:#5d5d5d; 
      margin-top:14px; 
      line-height: 1.75;
  }
  /*02.15*/
  .edu_tbl_area .edu_cont.only{display: block; padding: 0;}
  .edu_tbl_area .edu_cont.only .edu_sub_tit{margin-bottom: 17px;}
  .edu_tbl_area .edu_cont.only .edu_img{display: block; width: 100%; min-height: 100%; max-height: 100%;}
 
  /*03.02*/
  .edu_tbl_area .edu_cont.type02 .btn_nor_wrap{ position: absolute; left: 30px; bottom: 0; display: block; width:100%;}
  .edu_tbl_area .edu_cont.type02 .btn_nor_wrap .btn_nor_area{text-align: left;}
  .edu_tbl_area .edu_cont > div .edu_sub_tit:first-child{margin-top:0;}
  

  /* 테이블 두개 형식 뷰 */
 /*02.15*/
  .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;}
.edu_tbl_area + .list_blt li .board_tbl{margin-top: 10px;}
/*03.02*/
.edu_tbl_area .edu_cont.type02 .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;
}

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

/* 01.06 고궁행사_접견례*/
.list_blt.long > li{margin-top: 20px;}
.list_blt.long > li:first-child{margin-top: 0;}


/* 문화유산이야기 */
.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:#c77777; 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; }
/*01.07*/
.year_list.long > li{padding-left: 130px;}
.year_list.long > li > ul > li{margin-top: 14px;}
.year_list.long > li > ul > li:first-child{margin-top: 0;}

/* 갤러리 */
.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;}

/*01.11 제작과정*/
.view_img_wrap.type2{margin: 18px 0 0; overflow: hidden;}
.view_img_wrap.type2 .view_sub_tbl{border-spacing: 0;}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area{display: inline-block; float: left; margin-left: 1.6%; width: 49.2%;}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area:first-child{margin-left:0;}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area > div{font-size: initial;}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area > div .img_area{
    width: 48.5%;
    display: inline-block;
    float: left;
    margin-left: 3%;
}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area > div .img_area:first-child{margin-left: 0;}

/* 01.12 문화유산이야기 작품 가로비율 왼쪽이 클 경우*/
.view_img_wrap.type3 .view_sub_tbl .img_area:first-child{width: 69.75%;}

/* 문화재발굴조사 */
.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: 51%;}
.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; word-break: keep-all;}
.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; word-break: keep-all;}

/* 캠페인 */
.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: 23px 50px 23px 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: 10.4em;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}
.campain_wrap .campain_top .cont_area .cont_txt p{line-height: 1.88;}
.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;}
.campain_cos .btn_area{ 
    margin-top:10px;
    /* 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: 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;}

/*01.27 월간문화재 */
.accept_box.month_box{display: table; width: 100%; min-height: 185px; border: 1px solid #d7d7d7; margin-bottom: 20px; background: none;}
.accept_box.month_box .accept_tit{color:#000000; font-size:1.375em; font-weight:700; margin-bottom:12px;}
.accept_box.month_box .accept_txt{display: table-cell; width: 50%; vertical-align: top; padding: 32px 15px 32px 185px; background:#f6f7f9 url(/_static/chf1/img/sub/join_nation02.png) no-repeat left 35px center;}
.accept_box.month_box .accept_txt:first-child{background:#f6f7f9 url(/_static/chf1/img/sub/join_nation03.png) no-repeat left 35px center;}



/* 달력 메뉴 선택 */
.cal_menu_chi{margin: 25px 0 0;}
.cal_menu_chi ul{overflow: hidden;}
.cal_menu_chi ul li{width:15%; float:left; margin:0 1%;}
.cal_menu_chi ul li:first-child {margin-left: 0;}
.cal_menu_chi ul li:last-child {margin-right: 0;}
.cal_menu_chi ul li a.mark{
    display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 40px;
    text-align: center;
    color: #292929;
    font-weight: 300;
    background: #fff;
}
.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:1px solid #000000;}     /* 전체 */
.cal_menu_chi ul li a.mark.evet{border:1px solid #c77777;}   /*행사*/
.cal_menu_chi ul li a.mark.perf{border:1px solid #9d8c90;}   /*공연*/
.cal_menu_chi ul li a.mark.exhi{border:1px solid #8a9a38;} /* 전시 */
.cal_menu_chi ul li a.mark.exp{border:1px solid #d8c55f;}   /*체험*/
.cal_menu_chi ul li a.mark.edu{border:1px 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:#c77777;}   /*행사*/
.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:#8a9a38;} /* 전시 */
.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:#c77777; 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:#8a9a38; 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%;}

 /* 12.17 마이페이지 8_2 */
 .blt_cont .wtl_table_wrap{margin-top: 20px;}
 .bg_not.small{position: absolute; top: 0; right: 0;}
 .bg_not.small .btn_area{margin-top: 0;}
 .bg_not.small .btn_area a span{height: 30px; line-height: 28px; min-width: 80px ;}

 

 /* 로그인 */
.sns_bar_area{margin: 0 -40px;}
.sns_bar_box{
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 40px 0;
}
.sns_bar_box .sns_tbl{
    display: table-cell;
    width: 50%;
    text-align: center;
    /* padding: 40px 73px; */
    padding: 40px 6%;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #bfc0c0;
}
.sns_bar_box .sns_tbl .tit{
    font-weight: 500;
    font-size: 1.75em;
    color: #131414;
    margin-bottom: 24px;
}
.sns_bar_box .sns_tbl .img_area{}
.sns_bar_box .sns_tbl p{color:#7f8181; font-size: 1.063em;}
.sns_bar_box .sns_tbl .link_area{margin-top: 35px;}
.sns_bar_box .sns_tbl .link_area span{margin-top: 18px; display: block;}
.sns_bar_box .sns_tbl .link_area span:first-child{margin-top: 0;}
.sns_bar_box .sns_tbl .link_area span a{display: inline-block;}
.sns_bar_box .sns_tbl .link_area span a img{max-width: 100%; width:100%;}
.sns_bar_box .sns_tbl.frt p{
    word-break: keep-all;
    max-width: 260px;
    margin: 24px auto;}
.sns_bar_box .sns_tbl.sec p{
    min-height: 66px;
}

 /* 12.23 수라간 */
.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;}

/*01.11 달빛기행 */
.align_cont.chang_cont .img_area{margin-top: 13px;}
.align_cont.chang_cont .img_area:first-child{margin-top:0;}

/* 헤더 수정 240708 */
.sub_wrap {padding-top:210px;}

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

    /* 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;}
    /*03.02 청소년*/
    .edu_tbl_area .edu_cont.type02 .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;} */

    /* 헤더 수정 240708 */
    .sub_wrap {padding-top:195px;}
}

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

    /* 조직도 */
    .o_chart div.third_chart dl dt span{/* padding: 12px 5px; */}
    .o_chart div.third_chart.third>div+dl{margin-left: 0;}

	 /* 썸네일 컨텐츠 */
     .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;}
    /*02.18*/
    .edu_tbl_area .edu_cont.type02 .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;
    }
    .edu_tbl_area .edu_cont .btn_nor_area .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){

    /*인사말*/
    .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:60px; margin: 50px 20px 0;}

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

    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;}

    /*조직도*/
    .o_chart{overflow: hidden;}
    .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{width: 100%;}
    .o_chart div.sec_chart>div:before{display: none;}
    .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 .chart_tit:after{display:none;height:100%;left:0;top:0;width:1px;}
    .o_chart div.third_chart.sec{display:block; margin:0;overflow:hidden;}
    /* 제 1방안 */
    .o_chart div.third_area{margin: 0;}
    .o_chart div.third_chart{display:block; overflow:hidden;margin-top:0; border-spacing: 0;}
    /* 제 2방안 */
    /* .o_chart div.third_chart{display:block;width:100%;float:none;overflow:hidden;margin-top:0} */
    .o_chart.type02 .chart_area .sec_chart .sec_area.in_line {width:30%;}
    
    .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%; display: block;}
    .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; max-width: 100%;}
    .o_chart div.third_chart dl dt a{line-height: 100%; height: auto;}
    .o_chart div.third_chart dl dd{display:block;margin-top:0;border-top:0; max-width: 100%;}
    .o_chart div.third_chart dl dd a{line-height: 100%; height: auto;}
    .o_chart div.third_chart dl dt span{display:block;height:45px; padding: 12px 5px;}
    .o_chart div.third_chart dl dd span{display:block;height:45px; 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;}
 
    
    /*0412*/
    .o_chart div.sec_chart>div>.chart_add{position: static; padding-left: 0; width: 100%; margin-top: 20px;}
    .o_chart div.sec_chart>div>.chart_add dt{float: none; margin-right: 0;}
    .o_chart div.sec_chart>div>.chart_add dt > a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 12px 5px;
        line-height: 100%;
        border: 1px dotted #474747;
    }
    .o_chart div.sec_chart>div>.chart_add dd{color: #5d5d5d;}
    .o_chart div.sec_chart>div>.chart_add dd > a{font-size: 1em; color: #5d5d5d; font-weight: 300;}
    .o_chart div.sec_chart>div>.chart_add dd{float: none; width: 100%; margin-bottom: 0;
        height: 100%;
        padding: 12px 5px; border: 1px dotted #474747; border-top: 0;
    } 
    .o_chart div.sec_chart>div>.chart_add:before{display: none;}

    
    /* 홍보팀 */
    
    .o_chart div.third_chart.third{width:100%;margin-left:0;position:relative; padding-top: 0;}
        
    /* //조직도 220208*/

    /* 감사 */
    .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;}

    /* 베이직 이미지 틀 */
    .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:1.15em;} */


    /* 접수 확인 */
    .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 .edu_sub_tit{font-size:1.125em;}
    /*03.02*/.edu_tbl_area .edu_cont.type02 .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;}


    /* 찾아오시는길 */
    .cont_ib{display: block;}


    /* 로그인 */
    .sns_bar_box .sns_tbl{padding:30px 3%;}

    /* 12.24 별빛야행 */
    .night_star_box .tit{font-size: 1.125em;}
    .cont_txt.white p{
        overflow: hidden;
        text-overflow: ellipsis;    
        display: -webkit-box;    
        -webkit-line-clamp: 4; 
        -webkit-box-orient: vertical;        
        height: 7em;        
    }
    .night_star_cont .cont_txt.white p:last-child{margin-bottom: 0;}
    .c_img_cont .align_cont:first-child .img_area{position: relative; width: 100%; padding-top:136.9%;}
    .c_img_cont .align_cont:first-child .img_area img{position: absolute; top: 0; left: 0; width: 100%;}

    /*01.11*/ 
    .align_cont:first-child.chang_cont .img_area{position: static; padding-top: 0;}
    .align_cont:first-child.chang_cont .img_area img{position: static;}

    /*02.18*/
    .top_tit ul li{font-size: 1.250em;}
    .edu_tbl_area2 .edu_cont .tit em{font-size: 1.125em;}
    .edu_tbl_area2 .edu_cont .edu_sub_tit{font-size: 1.125em;}
    .edu_tbl_area2 .edu_cont .edu_info dl{margin-top: 12px;}


    /* 23.09.25 */
    .sub_tit_ver2 { width: 100%; }

    .claim_list.li6 > li {width:27%;}
    .claim_list.li6 > li:nth-of-type(n+4) {margin-top:20px;}
}

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

    /* 썸네일 컨텐츠 _ 0105 수정하였음 */
    /* .thumb_list .thumb_cont{padding:0 15px 20px 0;} */


    /* 달력 */
    .calendar_tit .l_con{flex-direction: column;}
    .calendar_tit .l_con .info_box {width: 100%;padding: 30px 20px;}
    .calendar_tit .l_con .cal_box {width: 100%;padding: 30px 20px;}
    .calendar_tit .cal_table td{height:60px;}
    .cal_article ul li {margin-right: 10px;margin-bottom: 10px;}

    .calendar_tabs.p_a{position: relative; margin-bottom:37px; text-align: right;}


     /* 고궁행사 */
     .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;}
    /*03.02*/
    .edu_tbl_area .edu_cont.type02 .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.75em;}


    /* .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;}
    /*02.18*/
    /* .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 .btn_nor_wrap{margin: 15px -10px 0;  }
    .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;}
    .edu_tbl_area .edu_cont.type02 .btn_nor_wrap{position: static; width: auto;}

    /* 테이블 두개 형식 뷰*/
    .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%);}
    .mbr_ipt_outline .ipt_bar_outline .lbl_name.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;}
  

    /* 로그인 */
    .sns_bar_box .sns_tbl .tit{font-size: 1.5em;}
    .sns_bar_box .sns_tbl.frt p{margin: 22px auto;}
    .sns_bar_area{margin: 0 -20px;}
    .sns_bar_box{border-spacing: 20px 0;}

    /* 썸네일 컨텐츠 _ 0105 수정하였음 */
    .thumb_list .thumb_cont{padding:0px 15px 20px;}

     /*02.15*/    
     .edu_tbl_area2 .edu_cont{padding: 12px 15px;}
     .edu_tbl_area2 .btn_nor_area a{display: inline-block; }

    /*01.27 월간문화재 */    
    .accept_box.month_box .accept_tit{ font-size: 1.250em;}
    .accept_box.month_box .accept_txt{display: block; width: 100%;}
    
}

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

    

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

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

    .snb_link > li:nth-child(2){display: none;}
    /* .sub_wrap */
    .sub_wrap{padding-top:80px;}

    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; */
    }

    /*01.07*/ .sub_con .sub_cont.only .blt_cont + .blt_cont{margin-top: 25px;}

    /* 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;}


    /* .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; padding-left: 11px;}



    /* 상단 타이틀_241030수정 */
    .cont_top_tit{margin-bottom:37px;}
	.cont_top_tit > div{ padding:5px 5px 0px 5px; }	
    .cont_top_tit > div span{font-size:1.2em; letter-spacing: -0.05em;}

    /* 베이직 이미지 틀 */
    .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;}

     /* 달력 주간 */
     .cal_wrap .cal_date{font-size:1em;}
     .calendar_tabs{margin-bottom:27px;}
     .cal_wrap .cal_date_area .cal_date{margin-bottom:17px;}
     .calendar_tabs.p_a{ text-align: right;margin-bottom: 25px;align-items: flex-start;}
     .cal_menu_chi {margin: 25px 0 0;}
     .calendar_tit .l_con .info_box .tit {font-size: 16px;}
     


     /* 접수 확인 */
     .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;
    }

    /*비밀번호 찾기 - 인증번호*/
    a.btn_confirmation{margin-top: 10px; width: 100%;
        height: 32px;
        line-height: 30px;
        font-size: 0.875em;
    }
    /*비밀번호 찾기 - 인증번호*/
    /* 신청양식 */
    .sub_title{font-size:1.125em; margin:27px 0 12px;}
    .per_info > p{font-size:0.938em;}
    /*01.07*/ /* 신청양식 파일 */
    .input_file{padding:5px 10px; text-align: center;}

    /* 개인정보 */
    .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%;}
     .claim_list.li6 li:nth-child(4) {margin-left:5.8%;}

    /* 육각형 */
    .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;}

    /*02.18*/
    .thum_tbl_area2{padding:0 0 30px; display: block;}
    .thum_tbl_area2:after{display: none;}
    .edu_tbl_area2{display: block; width: 100%; float: none; margin:30px 0 0 0;}
    .edu_tbl_area2:first-child{margin: 0;}
    .edu_tbl_area2 .edu_cont .edu_info{min-height: 100%;}

    /* 단기강좌 */
    .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%;}
     .o_chart.type02 .chart_area .sec_chart .sec_area.in_line {width:auto;}

    /* 로그인 */
    /* .sns_bar_box .sns_tbl p{font-size: 1em;}
    .sns_bar_box .sns_tbl .tit{margin-bottom: 27px;}
    .sns_bar_box .sns_tbl .link_area{margin-top: 30px;} */
    
    .sns_bar_area{margin: 0;}
    .sns_bar_box{display: block;}
    .sns_bar_box .sns_tbl{display: block; width: 100%; max-width: 415px;   
        margin: 30px auto 0; }
    .sns_bar_box .sns_tbl:first-child{margin-top: 0;}

    /*01.11*/ /* 제작과정 */
    .view_img_wrap.type2 .view_sub_tbl .view_sub_area{float: none; width: 100%; display: block; margin: 18px 0 0;}
    .view_img_wrap.type2 .view_sub_tbl .view_sub_area:first-child{margin-top: 0;}
    .process_cont >.blt_cont .view_img_wrap.type2:last-child{margin-top: 0;}

    /*03.24*/
    /*비밀번호 찾기*/
    .menu_row > div.tbl_ipt{padding: 10px 0;}
    /*비밀번호 찾기*/
    
    /* thumb_list 추가 도서 */
    .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;
    }
}

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

    /* 220714 월간문화재 NEW폼 */
    .gan_tbl .gan_img{display: block; margin-top: 18px;}
    .gan_tbl .gan_img:first-child{margin-top: 0;}

    .gan_cont dt{position: static;}
    .gan_cont dd{padding-left: 0px; margin-top: 5px;}

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


    /*01.28*/ .blt_sub_tit{font-size: 1em;}

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

    /* .list_tabs */
    .list_tabs .path a{font-size:0.938em; padding: 7px 0;}

    /* .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;
    }
    .tab_cont.type03 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;}

     /*01.20 전승 국가무형 li 안에 이미지 */
     .big_img_wrap.type03{margin:0 -20px;}
     .logo_p{font-size: 1em;}

     /* 유니크 이미지 */
     .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: 100%; margin: 0 auto 40px;}
    .perfor_cont .cont_txt{display: block;}    
    .perfor_cont .img_area{width: 100%; 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; margin-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:130px 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; background-size: 80px;}
    .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;}
    .link_map .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;}

    /* 로그인 */
    .sns_bar_box .sns_tbl{padding: 30px 20px;}


    /*01.27 월간문화재 */
    .accept_box.month_box{min-height: 185px; border: 1px solid #d7d7d7; margin-bottom: 20px;}
    .accept_box.month_box .accept_txt{ padding:130px 15px 15px 15px; background:#f6f7f9 url(/_static/chf1/img/sub/join_nation02.png) no-repeat center top 30px; background-size: 80px;}
    .accept_box.month_box .accept_tit{text-align: center; font-size: 1.125em;}
    .accept_box.month_box .accept_txt:first-child{background:#f6f7f9 url(/_static/chf1/img/sub/join_nation03.png) no-repeat center top 30px; background-size: 80px;}
}
@media screen and (max-width:479px){

    /* 230215 국가무형문화재 공개행사 */
    .gonghang .big_img_area{display: block;}
    .gonghang .big_img_area > div{margin-top: 10px;}
    .gonghang .big_img_area > div:first-child{margin-top: 0;}
    .gonghang .big_img_area > div img{width: 110px;}

    /*인사말*/
    .hello_cont > span{font-size: 1.125em; padding: 0 20px;}
    .o_chart div.sec_chart>div>.chart_add dt > a{padding: 0; display: block;}
    .o_chart div.sec_chart>div>.chart_add dt > a span{line-height: 1; padding: 12px 4px;}
    .o_chart div.sec_chart>div>.chart_add dd{padding: 0;}
    .o_chart div.sec_chart>div>.chart_add dd > a{display: block; }
    .o_chart div.sec_chart>div>.chart_add dd > a span{display: block;
        padding: 12px 4px;
        height: 45px;
        line-height: 1.3;
    }
    

    /*.o_chart div.third_chart dl dt span*/


    /* 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;} */



    .blt_cont.only .blt_sub_tit{font-size: 1em;}


    /* 블릿 있는 행간 간격 */
    .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:60px;}
	.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; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
	.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;}

    .blt_cont_ver2 {
        display: block;
    }

    /*01.06 blt_tit 안으로 문구 들여쓰기*/
    .list_area > .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{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_tit .l_con .info_box .tit {line-height: 28px;} */
    .calendar_tit .l_con .info_box .calendar_tabs.p_a .tit {width: 55px;}


    /* 달력 탭 */
    .calendar_tabs{margin-bottom:17px;}
    .calendar_tabs .path a{margin-bottom: 15px;}
    .calendar_tabs .path a:last-child {margin-left: 0;}
    /* 썸네일 컨텐츠 */
    .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:250px 20px 17px 20px; background-position: center top 20px;}
     .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{margin-bottom: 30px;}
    .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>.chart_tit span{height: 40px; line-height: 40px; font-size: 1em; display: block; min-width: auto;} 

    /* 이사 */
    .o_chart div.sec_chart > div{margin-top:0; margin-bottom:15px;}
    .o_chart div.sec_chart>div>.chart_tit{width: 100%; display: block;}
    .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;  line-height: 40px; font-size:1em; display: block; min-width: auto;}
    .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;width: 31.5%;margin: 0 1.375% 10px;}
     .cal_menu_chi ul li:nth-child(3n) {margin-right: 0;}
     .cal_menu_chi ul li:nth-child(3n+1) {margin-left: 0;}

     .cal_menu_chi + .cal_article{padding-top:10px;}

     /* 로그인 */   
     .sns_bar_box .sns_tbl{margin: 15px auto 0;}
     .sns_bar_box .sns_tbl .img_area{max-width: 280px; margin: 0 auto; }
     .sns_bar_box .sns_tbl{padding: 15px 20px;}
     .sns_bar_box .sns_tbl .tit{margin-bottom: 28px; font-size: 1.250em;}
     .sns_bar_box .sns_tbl p{font-size: 0.938em;}
     .sns_bar_box .sns_tbl .link_area{margin-top: 20px;}
     .sns_bar_box .sns_tbl .link_area span{margin-top: 12px;}
     .login_one .login_two{margin: 12px 0 12px;}

     /* 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;}

    /*정규강좌*/
    /*02.18*/
    .edu_tbl_area2 .edu_cont{padding: 12px 10px;}
    .top_tit ul li{font-size: 0.938em;}    
    .edu_tbl_area2 .edu_cont .tit{margin-top: 12px;}
    .edu_tbl_area2 .edu_cont .tit em{font-size: 1em;}
    .edu_tbl_area2 .edu_cont .edu_sub_tit{font-size: 1em;}
    .edu_tbl_area2 .edu_cont .edu_info{margin-top: 9px;}
    .edu_tbl_area2 .edu_cont .edu_info dl dt{font-size: 0.938em;}
    .edu_tbl_area2 .edu_cont .edu_info dl dd{font-size: 0.938em;}
}


@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:50%; 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;}



    /* .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; height: 38px;}

      /* 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}

    /* 신청 가능 버튼  */
    .btn_apple{min-width: 0;}
}

@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: 0 15px;
        height: 30px;
        line-height: 30px;
        font-size: 0.938em;
    }

    .link_map.d_icon span{padding: 10px 15px 10px 85px;}
}