@charset "utf-8";
/* 1228 개인정보 */
.ks_list{margin: 30px 0 50px;}
.ks_list .brd_fixed_col td {text-align: center;}
.ks_list .brd_fixed_col td p span{display: block;}
.ks_wrap .tab_cont.type03 ul.link_nav li:first-child{width: 100%;}
.ks_wrap .sub_tit{}
.ks_wrap .sub_tit strong{display: inline-block;
    vertical-align: middle;
    vertical-align: text-bottom;
    padding-left: 5px;
}
.ks_wrap .sub_tit ul{
    display: inline-block; 
    overflow: hidden;
    vertical-align: text-bottom;
    padding-left: 5px;
}
.ks_wrap .sub_tit ul > li{display: inline-block; vertical-align: middle;}

.ks_imgBox{margin: 5px 0 25px;}

/* 0816 도서신청문구 */
.book_font .cont_txt p strong{
    color: #0077b4;
}

.do_txt {float: left; width: calc(100% - 330px); text-align: left;}
.do_txt p{color: #f00; font-size: 1.125em; font-weight: 500;} 
.do_txt p:nth-child(odd){padding: 14px 0;}
.do_txt p:nth-child(even){padding: 0;}

.do_txt + .btn_area{float: right; margin-top: 0;}

/* 0801 문화유산도서보급 */
.dobo1{position: relative; }
.dobo1 > div{width: auto;padding:0 40px;white-space:nowrap; background: #fff; position: absolute; left: 50%; bottom: -33px;
box-shadow: 0px 0px 3px -1px #555;    
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.dobo1 > div p{font-size: 1.75em; color: #013d6c; text-align: center; line-height: 71px; height: 64px; font-weight: 600;
font-family: 'KOTRA_BOLD-Bold';
}


.dobo2{position: relative; padding: 99px 10px 123px;  border-bottom: 2px solid #14235f;}
.dobo2:before{display: block; content: ""; position: absolute; background: url(/_static/chf1/img/sub/do_back1.png) no-repeat left 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: -1;
}
.dobo2:after{display: block; content: ""; position: absolute; background: url(/_static/chf1/img/sub/do_back2.png) no-repeat right 0 bottom 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: -1;
}

.dobo2>div{
    max-width: 1070px;
    margin: 0 auto;
    word-break: keep-all;
}
.dobo2>div p{font-size: 1.125em; font-weight: 300; color: #222222; margin-top: 35px;}
.dobo2>div p:first-child{margin-top: 0;}

.dobo_btm{margin-top: 36px;}
.dobo_btm .dobo_tit{
    background-color: #013d6c;
    display: inline-block;
    width: 156px;
    line-height: 44px;
    border-radius: 0 30px 0 0;
}
.dobo_btm .dobo_tit p {font-size: 1.125em; color: #fff; padding-left: 22px;}

.dobo_line{border: 1px solid #d7d7d7; padding: 25px 2.5%; }
.dobo_line+.dobo_line{margin-top: 15px; padding: 14px 2.5%;}

.dobo_line ul{display: table; width: 100%; table-layout: fixed;}
.dobo_line ul li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

.dobo_line ul li:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color: #d7d7d7;
    width: 1px; height: 27px;
}

.dobo_line ul li:last-child:after{
    width: 0; height: 0;
}


/* 0719 오디오북 리스트 */
.music_list_wrap .top_area {display:table;margin-bottom:40px;table-layout:fixed;padding: 40px;background: #f7f7f7;border:1px solid #dbdbdb;width: 100%;max-width: 100%;position: relative;}
.music_list_wrap .top_area .left_area {display:table-cell;position:relative;width: 640px;vertical-align:top;}
.music_list_wrap .top_area .left_area .img_area {display: table;width: 100%;height: 100%;position: relative;padding-top: 56.25%;text-align: left;}
.music_list_wrap .top_area .left_area .img_area img {width: 100%; height: 100%; max-width: none; max-height: none; position: absolute; top: 0;}
.music_list_wrap .top_area .right_area {position:relative;padding-left: 6%;}
.music_list_wrap .top_area .right_area p {overflow:hidden;height:252px;line-height: 1.75em; color:#5d5d5d; word-break:keep-all;}
.music_tit {position:relative; width:100%;margin-bottom: 25px;padding-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.music_tit a{font-size:2.000em; color:#1e1e1e;}
.music_tit:after {content:''; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#c77777;}
.music_list_wrap .top_area .music_listen{
    width: 151px; height: 46px; 
    background: #c87878; 
    position: absolute;
    right: 47px;
    bottom: 40px;
}
.music_list_wrap .top_area .music_listen a{color: #fff; line-height: 45px; font-size: 1.125em; font-weight: 500; position: relative; display: block; padding: 0 21px;}
.music_list_wrap .top_area .music_listen a:after{
    content: ""; display: block; position: absolute;
    background: url(/_static/chf1/img/sub/audio_arrow0.png)no-repeat;
    width: 8px;
    height: 17px;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


/* .music_tit a {display:inline-block; position:absolute; top:9px; right:0; width:29px; height:29px; background: url("../img/www/sub/music_arrow.png") no-repeat; font-size:0;} */
.music_table {display: table; width: 100%; }
.music_table .row {display: table-row;}
.music_table .cell {display: table-cell; padding: 3px; border-bottom: 1px solid #dedede;}
.music_table .col1 { width: 80px;}
/* .music_table .col2 {width: 50%;} */
/* .music_table .col3 {width: 10%;} */
.music_table .col4 {width: 120px;}
/* .music_table .col5 {width: 10%;} 
.music_table .col6 {width: 10%;} */

.music_list_wrap .img_box a {
     /* max-width: inherit; max-height: inherit; min-height: inherit; padding-right: 0; vertical-align: inherit; display: block; width: 100%; overflow: inherit; */
     width: 100%;
    position: relative;
    padding-top: 56%;
    display: block;
}
.music_list_wrap .img_box a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.music_table .music_info {border-bottom: 1px solid #dedede;  background-color: #f7f7f7; text-align:center;}
.music_table .music_info .cell {padding: 18px 10px; font-weight: 500;  color: #0e0e0e;}
.music_table .music_cont .cell .tit_box {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.music_table .music_cont .cell .tit_box .img_box {width:250px;height:140px;max-width:100%;max-height:100%;text-align:center;vertical-align:middle;display: table-cell;}
.music_table .music_cont .cell .tit_box .txt_box {overflow:hidden;text-align:left;padding-left:35px;vertical-align:middle;display: table-cell;}
.music_table .music_cont .cell {padding: 25px 10px; text-align:center; vertical-align:middle;}
.music_table .music_cont .cell .txt_box a {display:block; vertical-align: middle; line-height: 1.3em; height: 2.7em; overflow: hidden; padding-right: 0; width: 100%; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal; padding: 0;}
.new_reg_cont .mid_part > div.reg_date.ver3 span {display:block; float:none; width:86px;}

/* 0720 오디오북 상세 */
.right_area.type_view .music_down{
    width: 156px; height: 45px; line-height: 45px; 
    background: #c87878; position: absolute; right: 0; top: 0;}
.right_area.type_view .music_down a{color: #fff; display: block; padding: 0 17px 0 20px; position: relative;}
.right_area.type_view .music_down a:after{
    content: ""; display: block; position: absolute;
    background: url(/_static/chf1/img/sub/audio_down.png)no-repeat;
    width: 14px;
    height: 15px;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.music_view .music_scroll{
    overflow-y: auto;
    height: 400px;
    padding: 15px;
    background: #fff;
    border: 1px solid #cfd7e3;
    color: #5d5d5d;
    word-break: break-all;
}

.music_view .music_scroll span:first-child{margin-top: 0;}
.music_view .music_scroll span{
    line-height: 1.5em;
    display: block;
    margin-top: 25px;
}

.music_view .top_area .left_area audio{
    width: 100%; height: 30px; margin-top: 8px;
}

audio::-webkit-media-controls-panel{background-color: #f7f7f7;}


.mview_box{
    padding: 20px;
    border: 1px solid #dedede;
    background: #f9f9f9;
    margin-top: 30px;
}

.mview_box strong{
    display: inline-block;
    width: 106px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 12px;
    background: #c77777;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    font-size: 1em;
}
.mview_box strong.care{background-color: #9d8c90;}
.mview_box p{word-break: keep-all;line-height: 1.5;}

.mview_box .vod_area{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 40%;
    background: #fff;
    overflow: hidden;
}

.mview_box{
    padding: 20px;
    border: 1px solid #dedede;
    background: #f9f9f9;
    margin-top: 30px;
}
.mview_box.mview1{
    padding: 30px;
}
.mview_box.mview2{
    padding: 25px 45px;
}

.mview_box .vod_style{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mview_box dl{}
.mview_box dl dt{position: relative; margin-bottom: 25px;}
.mview_box dl dt div{}
.mview_box dl dt a{
    width: 101px;
    height: 29px;
    line-height: 29px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 25px;
    background: #c77777;
    font-size: 0.875em;
    color: #fff;
    padding-right: 19px;
    padding-left: 20px;
}
.mview_box dl dt a span{
    position: absolute;
    top: 50%;
    right: 19px;
    display: block;
    background: url(/_static/chf1/img/sub/audio_arrow1.png)no-repeat;
    width: 11px;
    height: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.mview_box dl dd div{
    width: 100%;
    height: 300px;
    border: 1px solid #dedede;
    overflow-y: auto;
    padding: 10px;
    background: #fff;
}
.mview_box dl dd div p{margin-top: 20px;}
.mview_box dl dd div p:first-child{margin-top: 0;}

.m_be_wrap{
    margin-top: 30px;
    padding: 30px 30px;
    border: 1px solid #dedede;
    border-radius: 5px;
}
.m_be_tit{margin-bottom: 30px;}
.m_be_tit strong{font-size: 1.188em;font-weight: 500;}

.m_bet{
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px dashed #dedede;
    padding: 15px 0px;
}
.m_bet:nth-of-type(2){padding-top: 0;}
.m_bet:last-child{/* border-bottom: 0; *//* padding-bottom: 0; */}
.m_bet > div{display: table-cell;vertical-align: middle;width: 50%;/* padding: 0 20px; */}
.m_betI{width: 165px; padding-right: 15px;}
.m_betI > a{
    width: 100%;
    position: relative;
    padding-top: 133.334%;
    display: block;
}
.m_betI > a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 1209 멀티미디어북 */
.multim_wrap.mo{display: none;}
.multim_area{margin-top: 30px;}
.multim_box{margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede;
     position: relative;}
.multim_box:first-child{margin-top: 0; border: 0; padding: 0;}
.multim_box .mul_img{position: relative;}
.multim_box .mul_img:after{
    content: '';
    display: block;
    border: 1px solid #000;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    top: 0;
}
.multim_btn{position: absolute;
    right: 0; bottom: 0;
    padding: 15px 20px;
    /* background-color: #000; */
    background-color: rgba(0,0,0,0.8);
}
.multim_btn span{
    font-size: 1.125em; font-weight: 500;
    color: #fff;
    padding-left: 25px;
    position: relative;
    display: block;
}

.multim_btn span:after{
    position: absolute;
    left: 0px; 
    top: 50%;
    content: '';
    width: 8px; 
    height: 8px; 
    border-top: 3px solid #fff; 
    border-right: 3px solid #fff; 
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

/* 220707 도서신청*/
.books_list2+div .fL{float: left;}

/* 도서신청 마이페이지 */
.doseo_btn01{ margin-top: 5px;}
.doseo_btn02{ margin-top: 5px;}
.doseo_btn02 a{
    display: inline-block;
    text-align: center;
    font-size: 0.875em;
    color: #ffffff;
    width: 70px;
    height: 33px;
    line-height: 33px;
    background: #c77777;
    border-radius: 15px;
}
.doseo_btn02 a.ty02{
    background: #fff;
    color: #c77777;
    border:1px solid #c77777;
}

/* 도서신청 팝업 */
.books_pop .pop_header{background: #c77777;}
.books_pop .pop_container{padding: 20px;}
.books_pop .blt_cont{width: 100%;}
.books_pop.popup{width: 100%; max-width: 1000px;}
.books_pop.popup .pop_container{
        height: 620px;
        overflow-y: scroll;
}

.books_pop .popup_close{ top: 20px; right: 20px; width: 39px; height: 39px;}
.books_pop .board_list tr td img{vertical-align: middle; margin-right: 3px; width: 45px; height: 60px;}

    
/* 도서체크박스 */
.tbl_ipt input[type=checkbox] { width: 19px; height: 19px; background: none; -webkit-appearance: none; position: absolute; border: 0; left: 1px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 10;}
.tbl_ipt input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; border-radius: 50%; padding-left: 25px; /*font-weight: 300;*/ vertical-align: top; z-index: 5; } 
.tbl_ipt input[type=checkbox] + label:before {content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; left: 1px; border: 1px solid #777777; z-index: 5; background: #ffffff; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.tbl_ipt input[type=checkbox]:checked{width: 20px; height: 20px; left: 0; border: 0 none; z-index: 0;}
.tbl_ipt input[type=checkbox]:checked + label:before {content: ""; display: inline-block; background: transparent url(/_static/chf1/img/sub/chk_bg.png) center center no-repeat; } 


/* 도서 박스 */
.add_blt{margin-top: 4px;}
.books_tit{width:100%;
    margin-top: 9px;
    border: 1px solid #dbdbdb;
    padding: 2% 3%;
    margin-bottom: 20px;
}
.books_tit > strong{font-size: 1.25em; display: block; padding-bottom: 20px; text-align: center;}
.books_tit > strong span{color: #33a5ec;}
.books_tit .list_blt .sub_blt .add_blt{padding-left: 17px; margin-top: 2px;}


/* 도서 버튼 */
.btn_area.books_area a{margin-left: 5px;}
.btn_area.books_area a:first-child{margin-left: 0;}
.btn_area a.books_ask{
    background-color: #fff;
    border: 1px solid #c77777;
}
.btn_area a.books_ask span{ color: #c77777;}
.btn_area a.books_down{
    background-color: #c77777;
    border: 1px solid #fff;
}
.btn_area a.books_down span{color: #fff;}

.books_area.type05 a{display: block; margin-left: 0; margin-top: 10px;}
.books_area.type05 a:first-child{margin-top: 0;}


/* 도서리스트 */

.books_list2{    padding: 30px 0 0;
    border-bottom: 1px solid #dedede;}
.books_list2 .thumb_cont {position: relative;display: table;width: 100%;table-layout: fixed;overflow: hidden; padding: 30px 20px;
    border-top: 1px solid #dedede;
}
.books_list2 .thumb_cont:first-child{border-top:0; padding-top:0;}

.books_list2 .thumb_cont .img_area{position: relative; display: table-cell; overflow: hidden; 
    width: 152px;
    min-height: 184px; max-height: 184px; text-align: left; position: relative;
    border: 1px solid #999;
}

.books_list2 .thumb_cont .img_area span{
    width: 100%;
    position: relative;
    padding-top: 133.34%;
    display: block;
}
.books_list2 .thumb_cont .img_area img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.books_list2 .btn_area{
    position: absolute;
    right: 0; bottom: 0;
}

.books_list2 .thumb_cont .thumb_info{position: relative; display: table-cell; vertical-align: top; width: 100%; padding: 0 30px; }
.books_list2 .thumb_cont .thumb_info .tit{font-size: 1.375em; font-weight:500; color: #2b2b2b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none;}
.books_list2 .thumb_cont .thumb_info .tit a{display: block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all;
}
.books_list2 .thumb_cont .thumb_info .txt > div{margin-top:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all;
} 
.books_list2 .thumb_cont .thumb_info .txt > div:first-child{margin-top:0;} 
.books_list2 .thumb_cont .thumb_info .txt > div.bkTit
{    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    height: 3.2em;}
.books_list2 .thumb_cont .thumb_info .txt > div.bkTit span{font-weight: 500; font-size: 1.25em;}

.books_list2 .thumb_cont .thumb_info .txt > div span{font-weight: 300;} 
/*01.21*/.books_list2 .thumb_cont .thumb_info .txt > div span a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 6.5em;
}

/* 리스트유형 1x2 */
.books_wrap .skin2 .cart_btn{
    display: inline-block;
    width: 98px;
    height: 40px;
    line-height: 38px;
    background-color: #c77777;
    border: 1px solid #c77777;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    margin-left: 5px;
}

.books_wrap .books_list2{overflow: hidden;}
.books_wrap .books_list2 .thumb_cont .thumb_info{padding: 0 20px;}

.books_wrap .books_list2 .thumb_cont{
    width: 50%;
    float: left;
    padding: 30px 10px;
}
.books_wrap .books_list2 .thumb_cont:nth-child(-n+2){
    border-top: 0; padding-top: 0;
}


/* 220707도서신청 상세 */
.esg_wrap{display: table; table-layout: fixed; width: 100%; margin-bottom: 30px;}
.esg_wrap ~ .board_view_cont .info_con{min-height: 96px;}
.esg_wrap > div{display: table-cell; vertical-align: top; }
.esg_wrap > div.esg_L{width: 280px; padding-right: 40px;}
.esg_wrap > div.esg_L p{    width: 100%;
    position: relative;
    padding-top: 133.334%;
    border: 1px solid #999;
}
.esg_wrap > div.esg_L p img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.esg_wrap > div.esg_R{position: relative;}
.esg_R .esg_tit{font-size: 1.5em; font-weight: 600; line-height: 1;}
.esg_R .esg_doc > div{margin-top: 24px;}
.esg_R .esg_doc > div strong{font-size: 1.125em; display: block; line-height: 1;}
.esg_R .esg_doc > div p{margin-top: 8px;}
.esg_R .esg_btn{overflow: hidden;text-align: right; margin-top: 12px;}
/* .esg_R .esg_btn a:last-child{margin-left: 4px;} */

.esg_list{padding: 20px 0; border: 1px solid #dedede; border-width: 1px 0 1px 0;}
.esg_list ul{overflow: hidden;}
.esg_list li{width: 23.6%; float: left; margin-right: 1.8%; margin-top: 20px;
border: 1px solid #dedede;}
.esg_list li:nth-child(-n+4){margin-top: 0;}
.esg_list li:nth-child(4n){margin-right: 0;}
.esg_list .esg_t a{width: 100%; position: relative;  padding-top: 120%; display: block; }
.esg_list .esg_t img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.esg_list .esg_b{ border-top: 1px solid #dedede;}
.esg_b a{display: block; padding: 10px;}
.esg_b strong{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:keep-all;
  display: block;
  text-align: center;
  font-size: 1.125em;
}

.esg_R .view_tit{  padding: 0px 15px 20px; border-bottom: 1px solid #dedede;}

.esg_R .view_tit strong{color: #0e0e0e; font-size: 1.375em; font-weight: 500; line-height: 1;}
.esg_R .view_tit p{color: #0e0e0e; font-size: 1.25em; font-weight: 500; line-height: 1; 
    /* margin-top: 10px; */
}


.esg_R .view_area{padding: 5px 23px; border-bottom: 1px solid #dedede;}
.esg_R .view_area .view_w100{display: table;table-layout: fixed;width: 100%; position: relative; padding: 11px 0;}
.esg_R .view_area .view_w100:after{content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: url(/_static/chf1/img/sub/brd_dotted.png); height: 1px;}
.esg_R .view_area .view_w100:last-child:after{display: none;}
.esg_R .view_area .view_w100 dl{display: table-cell; width: 50%; }
.esg_R .view_area dl{overflow: hidden;}
.esg_R .view_area dl dt{position: relative; display: inline-block; vertical-align: middle; padding-left: 11px; text-align: left; line-height: 1.5; color: #0e0e0e; font-size: 0.938em; min-width: 130px; float: left;}
.esg_R .view_area dl dt:before {content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #c77777; }
.esg_R .view_area dl dd{ display: inline-block; vertical-align: middle; width: calc(100% - 135px); font-size: 0.938em; color: #333333; font-weight: 300; line-height: 1.5; float: left;}



.books_btn{ text-align: right; margin-top: 28px;}
.books_btn > div{display: inline-block; vertical-align: middle; margin-left: 20px;}
.books_btn > div:first-child{margin-left: 0;}
.books_btn > p{display: none; font-size: 0.938em; padding: 13px 5px; background-color: #f1f1f1; text-align: center;}

.books_btn > .btn_area{margin-top: 0;}
.books_btn > .btn_area a{margin-left: 5px;}
.Bbtn01 > strong{color: #000; font-weight: 500;}
.Bbtn01 > strong span{font-weight: 400; color: #c77777;}

.cal_reserv{overflow: hidden;}
.cal_reserv .counter_box .btn_counter{display: inline-block;width: 34px;height: 34px;vertical-align: middle;}
.cal_reserv .counter_box .btn_counter.minus{border: 1px solid #c77777;  background-color: #c77777;}
.cal_reserv .counter_box .btn_counter .ico_minus{
    display: inline-block;
    position: relative;
    width: 13px;
    height: 1px;
    background-color: #fff;
    vertical-align: 5px;
}
.cal_reserv .counter_box .btn_counter.plus{border: 1px solid #c77777; background: #c77777;}
.cal_reserv .counter_box .btn_counter .ico_plus{
    display: inline-block;
    position: relative;
    width: 13px;
    height: 1px;
    background-color: #fff;
    vertical-align: 5px;
}
.cal_reserv .counter_box .btn_counter .ico_plus:before{
    content: '';
    position: absolute;
    top: -6px;
    left: 6px;
    width: 1px;
    height: 13px;
    background-color: #fff;
}
.cal_reserv .counter_box .counter_num{
    display: inline-block;
    width: 64px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    border: 1px solid #c77777;
}

/* 220707 도서 장바구니 */
.books_list2 .thumb_cont .books_chbox{
    display: table-cell;
    width: 30px;
    padding-bottom: 5px;
    vertical-align: top;
}
.books_list3{border-top: 3px solid #afafaf; }
.books_list2.books_list3 .thumb_cont .thumb_info .txt{margin-top: 0;}

.books_all{ margin:0 20px 15px;}
.books_all + .thumb_cont{border-top: 0; padding-top: 0;}


/* 1028 한국문화재재단 인사말*/
.greet_wrap { 
    position: relative;
    width: 100%;
    /* overflow-x: hidden; */
}

.greet_txt {float: left; width: 63.7%; padding-right: 42px;}
.greet_txt  h2{text-align: center;}
.greet_txt  h2 > span{font-size: 1.875em; font-weight: 300;}

.greet_txt  p {
    line-height: 1.7;
    font-size: 1.125em;
    color:#2f2f2f;
   font-weight: 300;
}
.greet_txt.greet_txt2 > div{margin-top: 40px;}
.greet_txt.greet_txt2 > div:first-child{margin-top: 25px;}

.greet_box {
    position: absolute;    
    padding: 29px 10px;
    background-color: #b13a3e;
    width: 65.2%;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);

}

.greet_box p:first-child {
    font-size: 1.250em;
    font-weight: 300;
}

.greet_box p:last-child {
    font-size: 1.75em;
}

.greet_box p {
    color: #fff;
    text-align: center;
}

.greet_img{
    float: right;
    position: relative;
    width: 36.2%;
    
    }

/* 1030 문화재재단_자료/연구_문화유산이야기 (한국의집 6_3 .content_list li)*/

.content_list {padding-top: 30px; padding-bottom: 23px; border-bottom: 1px solid #dedede;}
.content_list li {float:left; width:23.58%; margin-right:1.89%; 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;}
.content_list li:hover {-webkit-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); -moz-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); box-shadow: 0px 5px 8px rgba(182,182,182,0.65);}
.content_list li:nth-child(4n) {margin-right:0;}
.content_list li a {display:block;}
.content_list li a > span{display: block;}
.content_list .img_area {width:100%; position:relative; padding-top:81.8%;  }
.content_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
.content_list .txt_area {text-align: center; padding:5.7% 8%; background:#fff; border: 1px solid #dbdbdb; border-top: 0; }
.content_list .txt_area .tit {text-overflow: ellipsis; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #525252; font-size: 1.125em; height: 2.4em;}
.content_list .txt_area .date{display: block; font-weight: 300; color:#868686; margin-top:7px;}


/* 1105 참여소식_월간문화재 ( 6_2 .content_list3 li) */
/*
.content_list3 {padding-top: 45px; padding-bottom: 23px;}
.content_list3 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_list3 li:nth-child(6n){margin-right:0;}
.content_list3 li a {display:block;}
.content_list3 li a > span{display: block;}

.content_list3 .txt_area {text-align: center; padding:5.7% 0%; background:#fff; border-top: 0; }
.content_list3 .txt_area .tit {
    text-overflow: ellipsis; white-space: normal; line-height: 1.75; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #525252; font-size: 1em;
}
.content_list3 .txt_area .date{display: block; font-weight: 300; color:#868686; margin-top:7px;}
*/


.new_tit{
    width:100%;
    margin-top: 9px;
    border: 1px solid #dbdbdb;
    padding: 2% 3%;
    margin-bottom: 20px;
}

/*1109 소개_재단소개_미션 및 비전 ( 비전 이미지 가운데정렬 ) */
.vision{text-align: center;}

/*1110 행사_북악산소개 (1_4)*/

.bugaksan{position: relative;}
.bugaksan:before{
    content: '';
    display: block;
    background: url(/_static/chf1/img/sub/bugaksan_arrow.png) no-repeat center;
    width: 13px;
    height: 18px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.bugaksan_one:first-child .bugaksan:before{display: none;}
.bugaksan_one > p{font-size: 0.875em;  font-weight: 300; margin-top: 9px;}

div .blt_cont .bugaksan_img .bugaksan_one{
    /* width: 12.2%; */
    margin-left: 30px;
    float: left;
    text-align: center;
}
div .blt_cont .bugaksan_img .bugaksan_one:first-child{
    margin-left:0;
}

.sub_con .blt_cont .img_area .bugaksanCourse img{
	position:static;
}

.sub_con .blt_cont .img_area .bugaksanCourse{
	padding-top:0%;
}

.bugaksanCourse > p{font-weight: 300;}

.bugaksanSubway{font-weight: 700; font-size: 1.063em;}
.bugaksanColor01{color:#f27a3d;}
.bugaksanColor02{color:#33a5ec;}
.bugaksanColor03{color:#b13a3e;}
.bugaksanColor04{color:#8440d1;}

/* 12.08 찾아오시는길 1_4_1_5.jsp */
.blt_cont .bugaksan_img{margin-top: 17px; overflow: hidden;}
.bugaksan_down_tit{
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 27px 30px;
    margin-top: 20px;
    background-color: #f6f7f9;
}
.bugaksan_down_tit ul{overflow: hidden;}
.bugaksan_down_tit ul li{font-weight: 300; color:#5d5d5d; float: left; width:48%; margin-right:2%; margin-top: 0; margin-bottom: 10px;}
.bugaksan_down_tit ul li:nth-child(2n){margin-right:0;}
.bugaksan_down_tit ul li:nth-last-child(-n+1){margin-bottom: 0;}

.bugaksan_down_tit em{font-weight: 700;}
.bugaksan_down_tit > .list_blt{margin-top: 0;}

.bugaksan_way .bugaksanImg{margin-bottom: 23px;}
.bugaksan_way .bugaksan_list{margin-bottom: 44px; margin-top: 24px;}



.bugaksan_way2{margin-top: 27px;}
.bugaksan_way2 .bugaksan_list{margin-bottom: 17px;}

.bugaksan_way3{margin-top: 44px; margin-bottom: 17px;}
.bugaksan_way3 .bugaksan_list{margin-bottom: 17px;}




.bugaksanImg{overflow: hidden; }
.bugaksanImg .bugaksan_area{/*width:23.5%;*/ float:left; margin-left: 20px;}
.bugaksanImg .bugaksan_area:first-child{/*width:19.2%;*/ margin-right: 10px;}
/* .bugaksanImg .bugaksan_area > div{ position:relative; width:100%; display: inline-block; padding-top:81.8%;} */
/* .bugaksanImg .bugaksan_area:first-child > div{padding-top:100%;} */
/* .bugaksanImg .bugaksan_area > div img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%;} */
.bugaksanImg .bugaksan_area p{text-align: center; font-weight: 300; margin-top: 11px;}

.bugaksan_tit{margin-bottom: 17px;}


/* 1111 행사_북악산소개 (1_4)*/


/* 1111 행사_북악산 찾아오시는길 지도(1_4)*/
.map2{margin-bottom: 50px;}

/* 1113 참여/소식_월간문화재_구독(정보수정)*/
/* 로그인 */
/*
.mbr_ipt_outline{padding:67px 0; background:#f7f7f7; border-top:2px solid #afafaf; border-bottom:1px solid #dddddd; min-height:395px; text-align: center;}
.mbr_ipt_outline .ipt_tit h4{color:#000000; font-size:1.5em; font-weight: 500; line-height: 1;}
.mbr_ipt_outline .ipt_bar_outline{position: relative;  max-width: 568px; width: 100%; margin:55px auto 0;}
.mbr_ipt_outline .ipt_bar_outline .lbl_cont{display: table; width:100%; margin-top:20px; text-align: left;}
.mbr_ipt_outline .ipt_bar_outline .lbl_cont:first-child{ margin-top:0;}
.mbr_ipt_outline .ipt_bar_outline .lbl_name.blt_tit{display: table-cell; vertical-align: middle; width:102px; font-size:1.125em; }

.mbr_ipt_outline .ipt_bar_outline .mbr_ipt{display: table-cell; vertical-align: middle; width: calc(100% - 128px);  height: 39px; border: 1px solid #cccccc; }
.mbr_ipt_outline .ipt_bar_outline .common_btn{position: absolute; top: 0; right: 0; height: 97px; line-height:97px; min-width:118px; font-size:1em;}
.mbr_ipt_outline .ipt_bar_outline .common_btn:after{padding-left:20px;}
.mbr_ipt_outline p{color:#5d5d5d; font-weight: 500; margin-top: 57px;}
.mbr_ipt_outline p em{color:#b13a3e;}
*/

/* 등록 */

/* .common_btn{display: inline-block;min-width: 118px;height: 42px;line-height: 42px;text-align: center;background-color: #333333;font-size:0.875em;color: #ffffff;}
.common_btn:after{content:''; display: inline-block; background:url(/_static/k_home/img/sub/btn_arrow.png) no-repeat right center; padding-left: 23px; width:6px; height:11px;} */


/* 1116 open_box 공공누리(5_2_1_1)*/
	.open_box {overflow:hidden; position:relative; padding: 20px 20px 20px 20px; margin: 140px auto 40px; border:1px solid #dedede; background-color: #f7f7f7; max-width: 1400px;}
	.open_box_in {overflow:hidden; padding: 15px 37px 15px 17px; border:1px solid #dedede; background-color: #fff;}
	.open_box .open_img	{display:inline-block; float:left;}
	.open_box .open_img	a {display:inline-block;}
	.open_box .open_txt	{display:inline-block; float:left; padding:17px; color: #353535;}

/* 1116 참여소식_참여_전자민원(6_6_5)*/
    .join_newspaper{display: table; background-color: #f6f7f9; width:100%; table-layout:fixed; padding:73px 0;
    border:1px solid #d7d7d7;}
    .newspaper_img{display: table-cell; text-align: right; padding-right: 66px; }
    .newspaper_txt{display: table-cell; padding-left: 24px; vertical-align: middle;}
    .newspaper_txt > p {font-size: 1.375em; line-height:1.72; font-weight: 700; margin-bottom: 30px; width:380px;}

    .btn_group_news{
    margin-top: 20px;
    text-align: right;
    margin-right: 72px;
    }
    .btn_news{
    background: #fff 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;
    }

/* 1116 참여소식_참여_청렴포털(6_6_6)*/
    .join_portal{display: table; background-color: #f6f7f9; width:100%; table-layout:fixed; padding:113px 0;
        border:1px solid #d7d7d7;
    }

    .btn_group_portal{
        margin-top: 20px;
        text-align: left;
    }
    .btn_portal{
        background: #fff 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;
    }

    .join_portal > .newspaper_img{display: table-cell; text-align: right; padding-right: 99px; }

    /* 12.07 전자민원 블릿 수정 6_6_5*/
    /* .join_newspaper .list_blt > li{line-height: 1.75; font-weight: 300;} */

    /* .join_portal .list_blt > li{line-height: 1.75; font-weight: 300;} */

    /* 소개_재단소개_찾아오시는길 지도(7_1_6)  */
    #map{margin-bottom: 47px !important;}
    #map2{margin-bottom: 47px !important;}

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

    /* 1117 교육체험_강사진 (3_4    */
    .sub_tab_info{padding:30px 0 0; min-height:500px; overflow: hidden;}
    .sub_tab_info img{display: block; margin: 0 auto;}
    .sub_tab_info .img_cont{margin-top:30px;}
    .sub_tab_info .btn_group{margin-top:27px; text-align: center;}

/* content4 */
/*02.18*/
.teacher_wrap{border-top:3px solid #afafaf; overflow: hidden;}
.teacher_list .teach_cont:first-child{margin-top:0;}
.teacher_list .teach_cont {position: relative; display: table; width: 100%; table-layout: fixed; overflow: hidden; }
.teacher_list .teach_cont .img_area{display: table-cell; overflow: hidden; width: 210px; min-height: 330px; max-height: 330px; text-align: left; position: relative;}
.teacher_list .teach_cont .img_area img{max-height: inherit; width: 100%; height: 100%;}
.teacher_list .teach_cont .teach_info{position: relative; display: table-cell; width: 100%; padding: 12px 0 0 5%; vertical-align: top;}
.teacher_list .teach_cont .teach_info .tit{font-size: 1.875em; color: #000000; margin-bottom: 27px;}
/* .teacher_list .teach_cont .teach_info .normal{border-top: 1px solid #dedede; padding-top: 27px; margin-top: 0;} */
.teacher_list .teach_cont .teach_info .list_blt.line{
    border-top: 1px solid #dedede;
    padding-top: 27px;
    margin-top: 0;
}
.teacher_list .teach_cont .teach_info .imaT {
    margin-top: 35px;
}
.teacher_list .teach_cont .teach_info .normal li{margin-top:6px;}
.teacher_list .teach_cont .teach_info .normal li:first-child{margin-top:0;}
/*02.18*/
ul.normal li{position: relative;padding-left: 8px;font-weight: 300; margin-top:8px;}
ul.normal li:first-child{margin-top:0;}
ul.normal li:before{content:''; display: inline-block; vertical-align: top; width:3px; height:3px; background-color:#bb9b72; position: absolute; left: 0; top: 8px;}

/* 공간안내 */
.big_img_wrap.space_img_wrap{margin: 0 -40px 50px;}

/* 1118 문화재재단_로그인 (8_)*/
div .snsLogin {

    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

div.snsLogin p.snslogin {
    padding-bottom: 30px;
}

div.snsLogin p.snslogin span {
    padding: 0 10px 0 10px;
}

.sns_back{
    background: url(/_static/chf1/img/sub/login_sns05.png) center no-repeat;  width: 50px ; height: 37px;
    display: table-cell; vertical-align: middle; position: relative;
}

.sns_back > em{
    color: #fff;  
    font-size: 0.813em;
    display: inline-block;
    vertical-align: top;
}

.login_one{padding:0 11.7%; }

.login_one .login_two{display: table; margin: 0px auto;}
.login_one .login_three{display: table-cell;    vertical-align: middle;    text-align: left;    padding: 0px 15px;}

.login_one .ipt_top{margin-bottom: 47px; margin-top: 50px;}
/* .login_one .ipt_top:first-child{ margin-top: 70px;} */
.login_one > div > .ipt_tit{}

.login_one > .ipt_bar_outline{border-top: 1px solid #dedede;}

/* 1119 참여소식_국민제안_국민제안작성 (6_6_4_1)*/
.nation dd .fc_red{float: none;    display: block;    width: 100%;   margin: 0 auto; padding-top: 6px; }
.menu_agree{text-align: center; margin-bottom: 50px;}
.menu_agree > div:first-child{margin-right: 25px;}
.menu_agree > div:last-child{margin-left: 25px;}

/* 1119 참여소식_이벤트(6_7)_버튼*/
.more_move {
    overflow: hidden;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    text-align: center;
}

.hd_move {
    display: inline-block;
    float: right;
    min-width: 220px;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid #333333;
    font-size: 1em;
    background-color: #000;
}

.happen_box{border: 1px solid #dedede; margin-right: 10px; padding: 3px 10px; }

.tbl_dl dd .answer_box{height: 14px; margin-top: 10px;}
/* 1119 참여소식_이벤트_이벤트 참여하기*/

.menu_row.col{text-align: left;}
.menu_row.col div{display: block; margin-left: 0px; margin-top: 10px;}
.menu_row.col div:first-child{ margin-top: 0px;}


/* 1120 이벤트 참여하기(6_7_2_2 블릿)*/
.new_tit .new_blt > li:before{content: none;}


/* 1124 이벤트 상세(6_7_2) */
.join_newspaper.event_detail_box{padding:30px 0; position: relative; margin-top: 30px; background-color:#f7f7f7;}
.event_detail_01{display: inline-block; width:48%; margin-right: 2%; text-align: center; background: url("/_static/chf1/img/sub/join_event_icon01.png")left 32% center no-repeat;
padding: 15px 0;}
.event_detail_02{display: inline-block; width:48%; text-align: center; border-left: 1px dashed #b7b7b7;
background: url("/_static/chf1/img/sub/join_event_icon02.png")left 32% center no-repeat;
position: relative;
}

.event_detail_txt{display: inline-block; text-align: left; margin-left: 50px; padding: 20px 0 24px;}
.event_detail_01 .event_detail_txt{ margin-left: 120px;}
.event_detail_txt > p:nth-child(2){margin-top: 21px; font-weight: 300;}
.event_detail_txt > p:first-child{font-weight: 500; font-size: 1.375em;}
.event_detail_box .event_detail_txt2{ background: black; color: #fff; width: 118px; height: 42px;
    line-height: 42px; position: absolute; right: 12.5%; top: 50%; margin: 5px auto 0;
    transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
}
.event_detail_02  > div + a{font-size: 0.875em;}

/* 1124 이벤트 (6_7)  */
.thumbnail_list.event.type03 .thumb_cont .thumb_info .txt {margin-top: 90px;}

/* 1125 소개_공간안내(7_1_7)  */
.blt_sub_tit.space{font-weight: 300; font-size: 1em;}
/* 1125 소개_공간안내(7_1_7_5 khmall ) */
.cont_txt.space_txt p{margin-top: 36px;}
.cont_txt.space_txt p:first-child{margin-top: 0px;}
/* 1125 소개_공간안내(7_1_7_4 문화재조사연구단 ) */
.space_top_tit{text-align:center; font-size: 1.125em; color:#bd5c5b;}


/* 1126 공간안내 메인 타이틀 + 리스트여백 (7_1_7 ~ 7_1_7_6) */
/* 717 소개_공간안내_국가무형문화재전수교육관 */
.cont_top_tit.space_main_tit{margin-top: 52px;}
.thumb_list.space_list{margin-top: 27px;}
.big_img_wrap.space_list{margin-top: 27px;}
.tit.space_mid_tit{margin-top: 29px;}
.sub_cont.space_cont{margin-top:47px;}
.sub_cont.space_cont2{margin-top:3px;}
.big_img_wrap.space_top_txt{margin-bottom: 26px; }
/* 7172 소개_공간안내_한국문화의집 */
.cont_txt + .list_blt{margin-top: 12px;}
.cont_txt + .list_blt li{font-weight:300; color:#5d5d5d; }


/* 1126 소개_정보공개_정보공개방법 (7_3_2_1) */
.claim_list.claim_list2{margin-bottom: 20px;}
.claim_list.claim_list2 li:first-child{margin-left :9.5%;}
.claim_list.claim_list2 li{width:16.143%; height: 104px; line-height: 104px; margin-left:5.8%;}
.claim_list.claim_list2 li img{margin-top: 25px; margin-right: 10px;}
.claim_list.claim_list2 li:before{left:-21%;}

/* 1126 소개_청렴정보공개_공무수행 (7_3_3_3) */
.cont_warm_box.see.n_a{width:100%; max-width: none;
background: #fff url(/_static/chf1/img/sub/present_na.png) no-repeat top 87px center;
}
.cont_warm_box.see.n_a > div{line-height:1; padding:24px 0px 28px;}


    /* 1126 소개_정보공개_(사전)정보공개 목록 (7_3_2_2) */
    .open_big_wrap{overflow: hidden;}
    .open_wrap{margin: 0 -40px;}
    .open_wrap > .open_img_area:last-child{margin-top: 40px;}

    .open_img_area{
    margin-top: 47px;
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 40px 0;
    margin: 0 auto;
    width: 100%;
    max-width:1180px;
    }
    .open_img_area > .open_list{
    display: table-cell;
    width: 50%;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #dedede;
    padding: 112px 0 50px;
    }
    /* .open_wrap > .open_img_area:first-child .open_list:first-child img{margin-left: 10px;}
    .open_wrap > .open_img_area:last-child .open_list:last-child img{margin-left: 10px;} */
    .open_wrap {margin-left: 0px;}

    .open_list > .one{position: absolute; left: 50%; transform: translate(-50%, 0); width: 80px; height: 80px;
    background-color: #b13a3e; color: #fff; top: 0;
    }
    .open_list > .one > em{font-size: 1.75em; line-height: 80px;}
    .open_list p:first-child {font-weight: 500; font-size: 1.5em;}
    .open_list p:last-child{font-weight: 300; }
    .open_list .tit{line-height: 1; margin-top:29px; font-weight: 500; color:#1e1e1e; font-size: 1.5em;}
    .open_list p {color:#5d5d5d; font-weight: 300; margin-top:10px;}

    .blt_cont > .new_tit{margin-top: 0;}
    .blt_cont .list_blt + .new_tit{margin-top: 20px;}

    /* 1127 행사_고궁행사_경복궁별빛야행 (1_2_3) + 수라간시식공감 (1_2_2) */
    .per_cont_wrap .per_cont:first-child{margin-top:22px;}
    /* .per_cont_wrap .per_cont p{margin-bottom: 10px;} */
    /* .per_cont_wrap .per_cont:first-child p:last-child{margin-bottom:0;} */

    .festi{margin-top: 10px;}

    /* 이벤트 참여하기 */
    .alert_txt.happen_txt{margin-top:9px;}

    /* 1202 공연장 안내 (2_3)*/
    .guide_wrap{width: 100%; overflow: hidden;}
    .guide_wrap .cont_top_tit{}
    .guide_wrap .cont_top_tit > div{ padding: 0 14px;}
    .guide_wrap .cont_top_tit > div::after{content: none;}
    .guide_wrap .cont_top_tit > div span { font-size: 2.125em; }
    .guide_wrap .cont_top_tit:after {
        background: url(/_static/chf1/img/sub/double_q_after2.png) no-repeat right center;
    }
    .guide_wrap .cont_top_tit:before {
        background: url(/_static/chf1/img/sub/double_q_before2.png) no-repeat left center;
    }


    .guide_wrap>.guide_one { width: 50%; float: left;  padding-right: 20px; }
    .guide_wrap>.guide_two {width: 50%; float: right; padding-left:20px; }


    .guide_one_txt{padding: 40px; }
    .guide_two_txt{padding: 40px; }

    .guide_middle{position: relative;}
    /* .guide_middle > div img:last-child {right: 0%;}
    .guide_middle > div img {position: absolute; top: 50%; transform: translate(0, -50%);} */

    .guide_middle, .guide_bottom {margin-top: 40px;}

    /* 슬라이드 */
    /*01.06*/
    .guide_top .left_top img{width: 100%; height: 100%;}
    .guide_top .left_top .slick-arrow{width:80px; height:120px; z-index: 5;}
    .guide_top .left_top .slick-prev.slick-arrow{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat left center;}
    .guide_top .left_top .slick-next.slick-arrow{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat right center;}

    .guide_top .right_top img{width: 100%; height: 100%;}
    .guide_top .right_top .slick-arrow{width:80px; height:120px; z-index: 5;}
    .guide_top .right_top .slick-prev.slick-arrow{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat left center;}
    .guide_top .right_top .slick-next.slick-arrow{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat right center;}

    .guide_middle .left_middle img{width: 100%; height: 100%;}
    .guide_middle .left_middle .slick-arrow{width:80px; height:120px; z-index: 5;}
    .guide_middle .left_middle .slick-prev.slick-arrow{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat left center;}
    .guide_middle .left_middle .slick-next.slick-arrow{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat right center;}

    .guide_middle .right_middle img{width: 100%; height: 100%;}
    .guide_middle .right_middle .slick-arrow{width:80px; height:120px; z-index: 5; }
    .guide_middle .right_middle .slick-prev.slick-arrow{left: 0; background:url(/_static/chf1/img/sub/view_arrow_left.png) no-repeat left center ; }
    .guide_middle .right_middle .slick-next.slick-arrow{right: 0; background:url(/_static/chf1/img/sub/view_arrow_right.png) no-repeat right center;}


    /* .guide_bottom{padding-bottom: 20px;} */
    .guide_bottom img{width:100%; height: 100%;}

    .guide_wrap .blt_cont .blt_tit {margin:0;}
    /*01.06*/.guide_wrap .blt_cont.only { float: none; width: 100%; margin-bottom: 20px;}
    /*01.06*/.guide_wrap .blt_cont.only:first-child{margin-top: 0;}    
    .guide_wrap .blt_cont .blt_tit em { margin-right: 0;}
    /*01.06*//*.guide_wrap .list_blt > li {padding-bottom: 30px; margin: 0;}*/
    .guide_wrap .list_blt > li.txt_indent{padding-bottom: 0;
        padding-left: 115px;
        text-indent: -105px;
    }
    /*01.06*/.guide_wrap .add_txt + .add_txt{margin-top: 9px;}

    .guide_tit_wrap{display: table; height: 100px; width: 100%;}
    .guide_tit_wrap > .cont_top_tit{display: table-cell; vertical-align: middle;}

    /*01.06 */.guide_one_img{margin-top: 50px;}
    .guide_one_img .img_area{position: relative; width:100%; padding-top: 66.1%;}
    .guide_one_img .img_area img{position: absolute; top: 0; left: 0; width:100%;}

    /*01.06 */.guide_two_img{margin-top: 50px;}
    .guide_two_img .img_area{position: relative; width:100%; padding-top: 66.1%;}
    .guide_two_img .img_area img{position: absolute; top: 0; left: 0; width:100%;}


    /* 1202 공연전시_대관안내(2_3_2) */
    .pro_list_wrap{margin-top:27px;}
    .pro_list_wrap .pro_list:first-child:before{display: none;}
    .pro_list:before{content:''; display: block; width:50px; height:32px; margin: 20px auto; background:url(/_static/chf1/img/sub/bg_arrow.png) no-repeat top center;  }
    .pro_tbl{display: table; table-layout: fixed; width:100%; border-collapse: collapse;}
    .pro_tbl .pro_tit{display: table-cell; vertical-align: middle; position: relative; width:306px;     min-height: 104px; max-height: 104px; color:#ffffff; background: #9d8c90; font-size:1.250em;    padding:30px; text-align: center;}
    .pro_tbl .pro_cont{display: table-cell; vertical-align: middle; padding:30px; border:1px solid #dddddd;     border-width: 1px 1px 1px 0;}
    .pro_tbl .pro_tit em{display: inline-block; position: absolute; top:0; left:0; width:35px; height:35px;     background: #c77777; color:#ffffff; font-size:1.250em; line-height: 33px;
    border: 1px solid #c77777;    }
    .pro_tbl.pro_tbl2{background-color:  #b13a3e;}
    .pro_tbl.pro_tbl2 .pro_cont .cont_txt p{ color: #fff; }

    /*map */
    .map_area2{overflow: hidden; }
    .map_area2 .map_cont{background: #ffffff; float: left; margin-right: 4%; margin-bottom: 4%; border: 1px     solid #dddddd; padding: 2.5% 3.1% 2.6%; min-height: 272px; width: 30.66%; background-position: top 84px     center; background-repeat: no-repeat; position: relative;}
    .map_area2 .map_cont .tit{font-size:1.75em; color:#222222; font-weight: 500; text-align: center;}
    .map_area2 .map_cont p{padding-top:138px; font-weight: 300; text-align: center; color: #2c2c2c; line-height: 1.625; word-break: break-word;}
    .map_area .map_cont.bus p, .map_area .map_cont.park p{position: absolute; bottom:20px; left: 50%;   transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);  width: 70%;}
    .map_area2 .map_cont:nth-child(3n){margin-right:0;}
    .map_area2 .map_cont:nth-last-child(-n+3){margin-bottom:0;}
    .map_area2 .map_cont.tell{background-image:url(/_static/chf1/img/sub/map_tell.png);}
    .map_area2 .map_cont.tax{background-image:url(/_static/chf1/img/sub/map_tax.png);}
    .map_area2 .map_cont.mail{background-image:url(/_static/chf1/img/sub/map_mail.png);}
    .map_area2 .map_cont.subway{background-image:url(/_static/chf1/img/sub/map_subway.png);}
    .map_area2 .map_cont.bus{background-image:url(/_static/chf1/img/sub/map_bus.png);}
    .map_area2 .map_cont.park{background-image:url(/_static/chf1/img/sub/map_park.png);}
    .map_area2 .map_cont.people{background-image:url(/_static/chf1/img/sub/map_people.png);}

    .list_blt.inquire{margin-bottom: 10px;}
    .list_blt.inquire > li{overflow: hidden;}
    .list_blt.inquire > li > a {padding: 5px 10px; background-color: #b13a3e; color:#fff; float: right; display: inline-block;}

    /* 1202 공연전시_대관신청(2_3_4) */
    .new_calendar_wrap > .new_calendar_tit{float: none; width: 100%;  margin: 0;}
    /* 달력 */
    .new_calendar_tit{position: relative; display: block; float: none; width: 100%; margin-right: 0%;}
    /* .calendar_cont{float:left; width:59.7%; } */
    .new_calendar_tit.m_bile{display: none;}



    /* 달력 */
    .new_calendar_tit .l_con {
        padding: 30px 35px;
        background: #ffffff;
        border: 1px solid #dedede;
    }

    .new_cal_wrap .cal_date {
        text-align: center;
        font-size: 2.255em;
        color: #2b2b2b;
        line-height: 1;
        margin-bottom: 18px;
    }

    .new_cal_wrap .cal_date>span {
        display: inline-block;
        vertical-align: middle;
    }

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

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

    /* 예약가능, 불가 */
    .choice_chk{margin-bottom: 10px;}
    .choice_chk p{display: inline-block;}
    .choice_chk .claim:before{content:''; display: inline-block; vertical-align: middle; width:22px; height:22px; background:#c77777; border:1px solid #c77777; margin-right:11px;}
    .choice_chk .claim.imposbl:before{background: url(/_static/chf1/img/sub/new_cal_bg.png); border:1px solid #f6f7f9;}

    /* 대관신청 */
    .new_calendar_tit .new_cal_table {
        width: 100%;
        border-collapse: collapse;
    }

    .new_calendar_tit .new_cal_table th {
        height: 37px;
        font-size: 1.125em;
        font-weight: 500;
        color: #2b2b2b;
        border:1px solid #dedede;
    }

    .new_calendar_tit .new_cal_table th:first-child {
        color: #de2c2c;
    }

    .new_calendar_tit .new_cal_table th:last-child {
        color: #0077b4;
    }

    .new_calendar_tit .new_cal_table td:first-child a {
        color: #de2c2c;
    }

    .new_calendar_tit .new_cal_table td:last-child a {
        color: #0077b4;
    }

    .new_calendar_tit .new_cal_table td {
        /* text-align: center;
        height: 100px;
        padding: 10px;
        position: relative; */
        border: 1px solid #dedede;
    }
    .new_calendar_tit .new_cal_table td > div{
        text-align: center;
        height: 100px;
        padding: 10px;
        position: relative;
    }
    .new_calendar_tit .new_cal_table td.on{background: #c77777;}
    /* .new_calendar_tit .new_cal_table td.off{background:#f6f7f9;} */
    .new_calendar_tit .new_cal_table td.off{background: url(/_static/chf1/img/sub/new_cal_bg.png);}
    .new_calendar_tit .new_cal_table td.on span{color:#ffffff;}
    .new_calendar_tit .new_cal_table td span {
        display: inline-block;
        position: absolute;
        color: #000000;
        font-weight: 300;
        top: 10px;
        right: 10px;
    }

    /* 대관신청 버튼 */
    .l_con .btn_wrap.only{
        margin: 0;
        position: absolute;
        top: 72px;
        right: 35px;
    }
    .l_con .btn_wrap.only .btn_area{margin-top: 0;}

    /* 1203 공연전시_대관 로그인(2_3_6)*/
    /* 등록 */
    .btn_wrap{text-align: center; margin-top:62px;}
    .common_btn{display: inline-block; min-width: 118px; height: 42px; line-height: 42px;text-align: center; background-color: #333333;font-size:0.875em;color: #ffffff;}
    .common_btn:after{content:''; display: inline-block; background:url(/_static/k_home/img/sub/btn_arrow.png) no-repeat right center; padding-left: 23px; width:6px; height:11px;}

    /* 로그인 */
    .mbr_ipt_outline{padding:67px 0; background:#f7f7f7; min-height:350px; text-align: center; border: 1px solid #dddddd;}
    .mbr_ipt_outline .ipt_tit h4{color:#000000; font-size:1.5em; font-weight: 500; line-height: 1;}
    .mbr_ipt_outline .ipt_bar_outline{position: relative;  max-width: 568px; width: 100%; margin:55px auto 0;}
    .mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline{display: table; width:100%; margin-top:20px; text-align: left;}
    /*01.22*/.mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline.phone > span{display: inline-block; width: 3%; text-align: center; margin-top: 7px; float: left;}
    /*01.22*/.mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline.phone .mbr_ipt{width: 21.25%; display: inline-block; padding: 0 15px; float: left;}
    .mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline:first-child{ margin-top:0;}
    .mbr_ipt_outline .ipt_bar_outline .lbl_name.blt_tit{display: table-cell; vertical-align: middle; width:145px; font-size:1.125em; }

    /*1204*/
    /* .mbr_ipt_outline .ipt_bar_outline .lbl_name.blt_tit:before{top: 14px;} */

    .mbr_ipt_outline .ipt_bar_outline .mbr_ipt{display: table-cell; vertical-align: middle; width: calc(100% - 128px);  height: 39px; border: 1px solid #cccccc; }
    .mbr_ipt_outline .ipt_bar_outline .common_btn{position: absolute; top: 0; right: 0; height: 97px; line-height:97px; min-width:118px; font-size:1em;}
    .mbr_ipt_outline .ipt_bar_outline .common_btn:after{padding-left:20px;}
    .mbr_ipt_outline p{color:#5d5d5d; font-weight: 500; margin-top: 57px;}
    .mbr_ipt_outline p em{color:#b13a3e;}

    /* 1203 공연전시_대관신청상세(2_3_5) */
    .sub_cont .per_info .blt_cont{width:100%; margin: 0;}

    /* 1207 행사_고궁음악회 */
    .big_img_wrap.gogung_wrap{margin:50px -40px 0;}
    .list_blt + .tbl_sub_col{margin-top: 10px;}

    /* 1208 행사_궁중문화축전 (1_2_15)*/
    .gungjung_parent{display: table; width: 100%; table-layout: auto;}
    .gungjung_parent > .img_area{display: table-cell; width: 25%;}
    .gungjung_parent > .list_area{display: table-cell; vertical-align: top;}
    .sub_con > .gungjung_txt{margin-bottom: 25px;}

    /* 1209 회원서비스_마이페이지 (8_2) */
    .new_board_line{border-top: 3px solid #afafaf;}

    /* 1215 국제협력_국제문화교류_국내외 교류협력 (5_1_3) */
    .invitation_cont .blt_cont.align .img_area{margin-left: 0%;}
    .invitation_cont .tbl_sub_col tbody tr td:last-child{text-align: left;}
    .invitation_cont .tbl_sub_col tbody tr:last-child td{text-align: center;}
    
    /* 1216 행사_공항행사_왕가의 산책 (1_3_2) */
    .stroll_txt p {text-align: center; font-size: 1.250em; font-weight: 300; color:#5d5d5d; line-height: 1.6em;}

    .stroll_area{ padding-top: 39px; overflow: hidden;}
    .stroll_area > div{width: 23.9%;  float: left; margin-right: 1.425%;}
    .stroll_area > div:last-child{margin-right: 0;}
    .stroll_txt + .sub_con{margin-top: 27px;}
    .stroll_area2{margin-top: 39px;}
/*    
    .stroll_area3{padding-top: 20px; overflow: hidden; }
    .stroll_area3 > div{float: left; margin-left: 1.2%;}
    .stroll_area3 > div:first-child{margin-left: 0;} */

    .stroll_area3_wrap{ margin:0 -20px;}
    .stroll_area3{
        padding-top: 20px;
        overflow: hidden;
        display: table;
        border-spacing: 5px 0;        
        table-layout: auto;
        width: 100%; 
    }
    .stroll_area3 > div{
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
    .stroll_area3 > div:first-child{
        width: 470px;        
    }
    /*01.21 추가*/ .stroll_area4{display: table; table-layout: auto; width: 100%; border-spacing: 20px 0;}
    .stroll_first {/*width: 39.7%;*/ display: table-cell;}
    .stroll_last {/*width: 23.92%;*/ display: table-cell;}

    .blt_stroll{background-color: #ececec;  margin: 0; }
    .blt_stroll > div {
        padding: 0 18.5% 0 22.6%;
        display: inline-block;
        vertical-align: middle;
    }
    .blt_stroll .blt_tit{margin-top: 18px;}

    /* 12.16 */
    .stroll_wrap{width: 65.2%;}
    .stroll_cont{
        display: table;
        table-layout: fixed;
        border-spacing: 20px 0;
        margin: 0 -20px;
    }

    /* 1216 행사_고궁행사_창덕궁 달빛 (1_2_8) */
    .c_img_cont .chang_cont{width: 48%; margin-left: 0;}
    .c_img_cont .chang_cont:last-child{float: right; /*padding-left: 30px;*/}
    /*창덕궁, 경복궁 겹쳐서 주석*//* .c_img_cont .chang_cont:last-child div:last-child{margin-top: 13px;} */

    .c_img_cont.mt30 + .tbl_img_wrap{margin-top:29px;}
    /* 20210526 구독신청 _ 개인정보 수집 박스 */
    .personal_information{ overflow: hidden; padding: 30px; border: 1px solid #d7d7d7;    }

/* @media screen and (max-width:1400px){
    .blt_stroll > div{padding: 0 15px;}
    .stroll_area3 > div:first-child{
        margin-left: 0;
        display: table;
        table-layout: fixed;
        min-height: 481px;
    }
    .stroll_cont{max-height:478px;}
} */

/* 12.16 */
/* 141*99 5개 짜리 */
.blt_cont .img_area2{overflow: hidden; margin-top:30px; }
.blt_cont .img_area2 > div{ margin-left:1.2%; float: left;}
.blt_cont .img_area2 > div:first-child{margin-left: 0;}
.blt_cont .img_area2 .btn_example{
    display: inline-block;
    position: relative;
    width: 100%;
}
/* .blt_cont .img_area2 .btn_example img{position: absolute; top: 0; left: 0; width: 100%;} */

/* 12.16 7_1_7_7 */
.product_cont{overflow: hidden; margin: 10px 0 0 20px;}
.product_cont > div{float: left; width: 48%; margin-left: 2%;}
.product_cont > div:first-child{margin-left: 0;}
.product_cont .product_left{display: table-cell; }
.product_cont .product_left .img_area{width: 158px; }
.product_cont .product_left p{color:#171717; font-size: 1.375em; font-weight: 700; text-align: center;}
.product_cont .list_area{display: table-cell; vertical-align: top;} 

/* 1219 경복궁별빛야행 레플릿 view_226 */
.leaflet_down .btn_group{margin-top: 0px; right: 30.2%; position: absolute;}  

/* 1222 행사 _ 고궁행사 _ 수라간변경 */
.suragan_cont .cont_txt p{margin-bottom: 24px;}
.suragan_cont .img_btm_cont {margin-bottom: 0;}
.suragan_cont .big_img_wrap.gogung_wrap{margin:30px -40px 0;}
.suragan_cont .big_img_area{border-spacing: 36px 0;}
.suragan_cont .blt_cont .img_area:first-child{margin-top: 30px;}

.suragan_big_wrap{margin-top: 49px; width: 100%;}
.suragan_wrap{overflow: hidden;}
.suragan_wrap  > div{float: left; width: 28.6%;  margin-left: 2.9%;}
.suragan_wrap  div:first-child{ width: 29.6%; margin-left: 0; }
.suragan_wrap  div  .suragan_area{position: relative; width: 100%; padding-top: 199%;} 
.suragan_wrap  div:first-child  .suragan_area{ padding-top: 192%;} 
.suragan_wrap .suragan_area img{ position:absolute; top: 0; left: 0; width: 100%;} 
.suragan_wrap .btn_group{text-align:center; margin-top: 20px; }

/* 1223 행사 _ 고궁행사 _ 경복궁별빛야행 */
/*01.20*/ /* .night_star_cont .c_img_cont .chang_cont:last-child{ padding-left: 15px;} */
.night_star_cont .c_img_cont .chang_cont:last-child .img_area:last-child{margin-top: 35px;}

.img_night_star {overflow: hidden;}
.img_night_star > div{}
.night_star_cont .cont_txt p:last-child{margin-bottom: 26px;}
.night_star_cont .img_btm_cont{margin-bottom: 0;}
.night_star_cont .big_img_wrap{margin:30px -40px 30px;}
.night_star_cont .c_img_cont{margin-top: 30px;}
.night_star_cont .blt_cont:last-child .blt_tit{}
.night_star_cont .blt_cont .add_tit p{margin-bottom: 66px;}
.night_star_area, .night_star_cont .btn_group {text-align: center; margin-top: 20px;}
.night_star_cont .blt_tit ~ .add_tit{padding-left: 0;}

/*01.13 경복궁 생과방 */
.blt_cont .img_area > div.img_s_area {width: 15%; margin-right: 1.9%; margin-left: auto;}
.blt_cont .img_area > div.img_s_area:last-child{margin-right: 0;}
.blt_cont .img_area > div.img_s_area > p{ margin-top: 11px; text-align: center; font-weight: 300; color: #5d5d5d;}


/* 1224 문화유산이야기 모음 */
.story_con .sub_tit span{color:#000;}

.blt_story_cont{margin-top: 27px;}
.blt_story_cont > .cont_txt > em{font-size: 1.125em; font-weight: 500;}
.blt_story_cont > .cont_txt > p{margin-top: 2px;}
.blt_story_cont > .cont_txt + .view_img_wrap{margin-top: 18px;}
.blt_story_cont > .view_img_wrap > em { display: block;  margin-top: 12px; font-weight: bold; text-align: center; color: #5d5d5d;}
.blt_story_cont > .view_img_wrap + .cont_txt{margin-top: 55px;}
/* 문화유산 글, 그림 */
.story_list {margin: 50px 0 0;}
.story_list li{font-weight: 300; line-height: 2.1em; color: #5d5d5d;}
.view_sub_tbl .tit.tit2{font-weight: 300;}
.view_sub_tbl .tit.tit3{    margin-bottom: 12px;    font-size: 1.125em;}
/* 문화유산 장순자 txt (4_1_5) */
.view_img_wrap > .view_sub_tbl > .img_area.story_img_area{text-align: left;}
/* 210105 제작과정 간격띄우기 */
.process_cont >.blt_cont .view_img_wrap .view_sub_tbl .tit {margin-top: 15px;}
/* 210111 제작과정 이미지 위아래 분할 _ 간격조절시 ex) 4_1_18 */
.process_cont .view_img_wrap .view_sub_tbl span{display: block;}
.process_cont .view_img_wrap .view_sub_tbl span:first-child{margin-bottom: 3.6%;}
/* 210111 제작과정 이미지 좌우 분할 _ 배치조정시 ex) 4_1_21 */
.view_sub_tbl .view_sub_area > div .img_area2{width: 100%;}
.view_img_wrap.type2 .view_sub_tbl .view_sub_area > div .img_area.img_area2{width: 100%;}

/* 210113 _ 최상단 요약정보 텍스트 색상 (공통사항)  */ 
.cont_top_area + .cont_txt > p:last-child{color: #bd5c5b;}
.cont_top_area + .cont_txt > .cont_txt:last-child p:last-child{color: #bd5c5b;}
/* 210113 _ 굵은 텍스트 : 스토롱 */
.cont_txt.fat_txt p strong{font-size: 1em;}
/* 210114 문화유산이야기 작품 가로비율 오른쪽이 클 경우*/
.view_img_wrap.type4 .view_sub_tbl .img_area:last-child{width: 69.75%;}
/* 210114 작업과정 3개 이미지 중 첫번째 wrap에만 마진(top) 간격주기 ex)4_1_29*/
.view_img_wrap.type02:first-child{margin-top: 27px;}
/* 210121  ex)4_1_73 작품내 view_sub_tbl + view_sub_tbl 이미지간격 */
.view_img_wrap > .view_sub_tbl + .view_sub_tbl{margin-top: 30px;} 


/*01.11*/ .choice_chk_alert{margin-left: 10px;}
/*01.11*/ .new_tit_wrap{overflow: hidden;}
.new_tit_wrap .new_tit{width: 49%; float: left; margin-left: 2%;}
.new_tit_wrap .new_tit:first-child{margin-left: 0;}

/*01.11*/
.c_img_cont .chang_cont .img_area > p{ 
    color: #5d5d5d;
    font-weight: 300;
    margin-top: 11px;
    text-align: center;
}

/* 210128 행사_공항행사_왕가의 산책 */
.img_area.stroll_area > div > p
{    margin-top: 11px;
    text-align: center;
    font-weight: 300;
    color: #5d5d5d;
}

/* 210205 행사_덕수궁 수정 */
.wind_current{}
.wind_current .cont_txt{}
.wind_current .cont_txt .btn_group:last-child .btn_do{width: 207.63px;}

/* 02.26 교육체험_문화유산교육_청소년 문화유산교육 + 문화유산교육 전문인력 양성 (텍스트간격) */
.edu_cont .edu_info{margin-top: 5px;}

@media screen and (max-width:1280px){
  .greet_wrap{}
    /* .greet_box {   bottom:10px; } */
    /* .greet_txt{width:100%; } */
    .greet_txt > h2 > span{font-size: 1.625em;}

    /* 1124 이벤트 상세(6_7_2) */
    .event_detail_box .event_detail_txt2{}

    /* 1202 공연장 안내 (2_3)*/
    .guide_wrap .cont_top_tit>div span { font-size: 1.875em;   }
}


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

    /* 12.16 */
    .blt_cont .img_area2 > div{width: 17.6%;}
    .blt_cont .img_area2 .btn_example{    
        padding-top: 70.2%;
    }
    .blt_cont .img_area2 .btn_example img{position: absolute; top: 0; left: 0; width: 100%;}

    /* 12.16 */
    .stroll_area3 > div:first-child{padding:20px 0; width: 350px;}
    .blt_stroll > div{padding: 0 15px;}

        /* .teacher_list */
    .teacher_list .teach_cont .img_area{width:200px; min-height:290px; max-height:290px;}
    .teacher_list .teach_cont .teach_info .tit{margin-bottom:17px;}
    .teacher_list .teach_cont .teach_info .normal{padding-top:17px;}

    /* 1124 이벤트 상세(6_7_2) */
    .event_detail_box .event_detail_txt2{}

    /* 1126 소개_정보공개_정보공개방법 (7_3_2_1) */
    .claim_list li span{font-size:0.938em;}

    /* 공연장 */
    .guide_wrap .cont_top_tit>div span{font-size: 1.500em;}
    .guide_one_txt{min-height: 600px; padding: 25px;}
    .guide_two_txt{min-height: 600px; padding: 25px;}

    /*01.06*/    
    .guide_top .left_top .slick-prev.slick-arrow{ background-size: 70%;}
    .guide_top .left_top .slick-next.slick-arrow{ background-size: 70%;}
    .guide_top .right_top .slick-prev.slick-arrow{ background-size: 70%;}
    .guide_top .right_top .slick-next.slick-arrow{ background-size: 70%;}
    .guide_middle .left_middle .slick-prev.slick-arrow{ background-size: 70%;}
    .guide_middle .left_middle .slick-next.slick-arrow{ background-size: 70%;}
    .guide_middle .right_middle .slick-prev.slick-arrow{ background-size: 70%;}
    .guide_middle .right_middle .slick-next.slick-arrow{ background-size: 70%;}
}

@media screen and (max-width:1024px){
    /* 1228 개인정보 */
    .ks_wrap .sub_tit span{max-width: calc(100% - 74px);}
    .ks_wrap .sub_tit ul{width: 70px;}
    .ks_wrap .sub_tit ul > li{width: 47%;}

    /* 0719 오디오북 리스트 */
    .music_list_wrap .top_area{padding: 30px;}
    .mview_box.mview1{padding: 25px;}
    .mview_box.mview2{padding: 25px;}

    .music_list_wrap .top_area .left_area{
        display: block;
        width: 100%;
        max-width: 540px;
        margin: 0 auto 25px;
    }
    .music_list_wrap .top_area .left_area .img_area{padding-top: 56.297%;}
    .music_list_wrap .top_area .right_area{padding-left: 0;}
    .music_list_wrap .top_area .right_area p{height: auto;}
    .music_list_wrap .top_area .music_listen{position: static; margin: 10px auto 0; }

    .music_tit { margin-bottom:20px; padding-bottom:15px; }
    .music_tit a{font-size: 1.5em;}

    /* 0720 오디오북 상세 */
    .right_area.type_view{padding-top: 0;}
    .right_area.type_view .music_down{margin: 0 auto; position: static;}

    .music_view .music_scroll{height: 200px; margin-top: 10px;}

    /* 220707 도서신청 */
    .books_list2{margin-top:15px; padding-bottom:15px;}
    .books_list2 .thumb_cont{padding:15px 10px 0 10px; margin-bottom:15px;}
    .books_list2 .thumb_cont .img_area{ min-height: 128px; max-height: 128px;}
    .books_list2 .thumb_cont .thumb_info .txt{margin-top: 40px;}
    .books_list2 .thumb_cont .img_area .mark{width: 60px; height: 32px; line-height: 32px;}

    /* 리스트유형 1x2 */
    .books_wrap .books_list2 .thumb_cont .thumb_info .txt{margin-top: 0;}
    .books_wrap .skin2 .sch_input{width: 236px;}

    /* 220707 도서 장바구니 */
    .books_all{margin: 0 10px 0px;}


    /* 20210526 구독신청 _ 개인정보 수집 박스 */
    .personal_information{ padding: 15px; }
    .personal_information .priv dl dd{font-size: 0.938em;}

    /* 달력 */
    .new_calendar_tit .l_con {
        padding: 15px 20px;
    }
    .new_cal_wrap .cal_date {
        font-size: 2em;
    }
    .l_con .btn_wrap.only{right: 20px; top: 52px;}


    .greet_txt > h2 > span{font-size: 1.375em; }

    /* 1030 문화재재단_자료/연구_문화유산이야기 (한국의집 6_3 .content_list li)*/
	.content_list li {width:32%; margin-right:2%;}
	.content_list li:nth-child(4n) {margin-right:2%;}
	.content_list li:nth-child(3n) {margin-right:0;}

     /* 1116 open_box 공공누리*/
    .open_box {
    padding: 9px;
    margin: 70px 0 25px;
    text-align: center;
    }
    .open_box .open_img {
    float: none;
    }
    .open_box .open_txt	{
    float: none; display: block; text-align: center;
    }

    /* 1116 참여소식_참여_전자민원(6_6_5)*/
    .join_newspaper{padding:65px 0; }
    .newspaper_img{padding: 0 26px 0 30px;}
    .newspaper_txt > p{width:355px;}

    /* .teacher_list */
    .teacher_list .teach_cont .teach_info .normal{display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow:hidden;
    }


    .login_one{padding:0 30px; }


    /* 1124 이벤트 상세(6_7_2) */
    .event_detail_box .event_detail_txt2{right: 2%;}
    .event_detail_01{background-position: 14%;}
    .event_detail_02{background-position: 14%;}
    .event_detail_txt > p:first-child{font-size: 1.250em;}

    /* 1103 소개_정보공개방법(7_3_2_1) */
    .claim_list.claim_list2 li {line-height: 0;}
    .claim_list.claim_list2 li span{display: block;}
    .claim_list.claim_list2 li img{margin-top: 10px; margin-right:15px;}
    .claim_list.claim_list2 li:nth-child(3) img{margin-right:0px;}

   /* 1202 공연장 안내 (2_3)*/
    .guide_tit_wrap{height:70px;}
    .guide_wrap .cont_top_tit>div span { font-size: 1.250em;   }
    .guide_wrap .cont_top_tit:before{ background-size:15px; }
    .guide_wrap .cont_top_tit:after{ background-size:15px; }
    .guide_wrap .cont_top_tit > div { padding: 0;}

    /* 1202 공연전시_대관안내(2_3_2) */
    .map_area2 .map_cont {width:49%; margin-right:2%; margin-bottom:15px; background-position: top 64px center; }
    .map_area2 .map_cont:nth-child(3n) {margin-right:2%;}
    .map_area2 .map_cont:nth-child(2n) {margin-right:0;  }
    .map_area2 .map_cont:nth-last-child(-n+2){margin-bottom:15px;}
    .map_area2 .map_cont.bus p, .map_area .map_cont.park p{width:80%;}

    /* 1216 행사_공항행사_왕가의 산책 (1_3_2) */
    .stroll_txt p {font-size: 1.125em;}

    /* 12.16 7_1_7_7 */
    .product_cont > div{float: none; width: 100%; margin: 30px 0 0 0;}
    .product_cont > div:first-child{margin-top: 0;}
    .product_cont .product_left{}
    .product_cont .product_left p{font-size: 1.125em;}
    .product_cont .product_left .img_area{width: 100px;}

    /* 1222 행사 _ 고궁행사 _ 수라간변경 */
    .suragan_wrap > div{ width: 43.45%; }
    .suragan_wrap > div:first-child{ width: 45%; }
    .suragan_wrap > div:last-child{ margin-left: 0; margin-top: 30px; }

    /*01.13 경복궁 생과방 */
    .blt_cont .img_area > div.img_s_area{width: 23.2%; margin-right: 2.9%;}
    .blt_cont .img_area > div.img_s_area:nth-child(3) {margin-right: 0;}
    .blt_cont .img_area > div.img_s_area:nth-child(n+4) {margin-top: 15px;}   

     /* 1229 인사말 수정(7_1) */
    .greet_txt{width: 100%; 
        padding-right: 0;
    float: none;
    }
    .greet_wrap{
        padding-right: 0;    
        overflow: hidden;
    }

    .greet_txt.greet_txt2{width: 54.7%; padding-right: 30px; float: left; }

    .greet_img{       
        margin-top: 36px;
        width: 45.2%;
    }

    /* 01.05 공공누리 */
    .open_box_in{padding: 15px 17px;}
    .open_box .open_txt{padding-bottom: 0;}
}

@media screen and  (max-width:960px){
    /* 220707 도서신청 */

    /* 도서신청 팝업 */
    .books_pop.popup{width: 90%;}

    .books_list2 .thumb_cont{display: block;}
    .books_list2 .thumb_cont .img_area{display: block; margin: 0 auto; min-height: 184px; max-height:184px;}
    .books_list2 .thumb_cont .thumb_info{padding: 0; display: block; margin-top: 27px;}        
    .books_list2 .thumb_cont .thumb_info .txt{margin-top:16px;}
 
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit{
        height:3em;
    }
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit.type02{padding-right: 120px;}
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit span{font-size: 1.125em;}
    
    /* 리스트유형 1x2 */
    .books_wrap .books_list2 .btn_area{position: static;}
    .books_wrap .books_list2 .thumb_cont .thumb_info{padding: 0 5px;}

}


@media screen and  (max-width:860px){
    /* 0816 도서신청문구 */
    .do_txt {float: none; width: 100%; text-align: left;}
    .do_txt p{ font-size: 1em; padding: 0px 0; font-weight: 400;} 
    .do_txt p+p{ margin-top: 10px;} 
    .do_txt p:nth-child(odd){padding: 0;}

    .do_txt + .btn_area{float: none; margin-top: 10px;}

    /* 0801 문화유산도서보급 */
    /* .dobo1 > div{width: 280px;} */
    .dobo1 > div p{font-size: 1.5em;}

    .dobo2{padding: 60px 10px;}
    .dobo2>div p{font-size: 1em;}

    .dobo_line ul{overflow: hidden;}
    .dobo_line ul li{display: block; float: left; width: 33%; text-align: left;}
    .dobo_line ul li:nth-child(3n):after{width: 0; height: 0;}
    .dobo_line ul li:nth-last-child(-n+3){margin-top: 20px;}

    .dobo_btm .dobo_tit{width: 136px;}
    .dobo_btm .dobo_tit p{font-size: 1.063em; padding-left: 15px;}
    .dobo_line{padding: 20px 15px;}

    /* 220707도서신청 상세 */
    .esg_R .view_tit strong{font-size: 1.125em;}
    .esg_R .view_tit p{font-size: 1.125em; }
    .esg_R .view_tit{padding: 15px;}
    .esg_R .view_area{padding: 15px;}
    .esg_R .view_area dl dt{min-width: 100px;}
    .view_file .tit{padding: 15px 25px;}

    .esg_wrap > div{display: block;}
    .esg_wrap > div.esg_L{width: 180px;padding-right: 0;margin: 0 auto;}
    .esg_R .esg_tit{font-size: 1.063em; }
    .esg_R .esg_doc > div{margin-top: 16px;}
    .esg_R .esg_doc > div strong{font-size: 0.938em;}
    .esg_R .esg_doc > div p{ font-size: 0.875em;}
    .esg_R .esg_btn{ margin-top: 10px;}
    .esg_R .esg_btn a:last-child{margin-left: 0;}


    /* 12.16 */
    /* .stroll_area3_wrap{margin: 0;} */
    .stroll_area3{display: block;}
    .stroll_area3 > div{display: table;}
    .blt_stroll > div{display: block; padding: 0;}
    .stroll_area3 > div:first-child{width: 100%; padding: 20px ;}
    .stroll_wrap{width: 100%; margin-top: 15px;}

    /* 달력 */
    .new_calendar_tit .l_con {
        padding: 20px 25px;
    }

    .new_calendar_tit .new_cal_table td > div{
        height: 60px;
    }
    .l_con .btn_wrap.only{position: static; margin-top: 15px;}


    /* div .blt_cont .bugaksan_img .bugaksan_one{width:21.2%;} */
    /* .bugaksan:before{left:-13%;} */

    .bugaksanImg .bugaksan_area:first-child{width:32.717%;}
    .bugaksanImg .bugaksan_area{width:40%;}



    /* 1116 참여소식_참여_전자민원(6_6_5)*/
    .newspaper_img {padding: 0 5px 0 20px;}
    .newspaper_txt{padding-left: 20px;}
    .join_newspaper{padding: 58px 0;}
    .newspaper_txt > p{font-size: 1.250em; width:320px;}

    /* 1116 참여소식_참여_청렴포털(6_6_6)*/
    .join_portal{padding: 90px 0;}

    .teacher_list{width: 100%; float: none; overflow: hidden;}

    div.snsLogin p.snslogin span {
    padding: 0 10px 10px 10px;
    display: block;
    }
    div.snsLogin p.snslogin {
    padding-bottom: 0px;
    }

    /* 1129 강사정보 수정 */
    /* .teacher_list .teach_cont{padding:20px;} */

    /* 1126 공간안내 메인 타이틀 + 리스트여백 (7_1_7 ~ 7_1_7_6) */
    /* 717 소개_공간안내_한국문화의집*/
    .thumb_list.space_list .thumb_cont .cont_txt > p{display: block; height: 100%;}
	.sub_cont.space_cont2 {   margin-top: -10px;}
    .sub_cont.space_cont {  margin-top: 30px;}
    .cont_txt.space_top_txt{margin-bottom: -10px;}

    /* 7174 소개_공간안내_문화재조사연구단 */
    .sub_cont.space_cont8{margin-top: 20px;}
    .blt_cont .img_area.space_area{margin-top: 20px;}
    .sub_cont.space_cont8 .big_img_wrap {margin: 20px -40px 10px;}
    .big_img_wrap.space_img_wrap {margin: 0 -20px;}

    /* 7176 소개_공간안내_인천공항행사장*/
    .cont_txt.space_txt p{margin-top: 15px;}
    .cont_txt.space_txt p:first-child{margin-top: 15px;}

    /* 1126 소개_정보공개_(사전)정보공개 목록 (7_3_2_2) */
    .open_img_area{max-width:none; }
    .open_list > .one {    width: 75px;    height: 75px;    }
    .open_list > .one > em{font-size: 1.5em; line-height: 75px;}
    .open_wrap > .open_img_area .open_list img {width:80px; height: 80px;}
    .open_list .tit{font-size: 1.375em;}

    /* 1130 참여소식_이벤트(6_7)*/
    .more_move{position: static;}
    .thumbnail_list.event.type03 .thumb_cont .thumb_info .txt{margin: 10px 0 15px;}
    .thumbnail_list.event.type03 .thumb_cont .thumb_info .txt span:last-child{font-size: 0.875em;}
    .thumbnail_list.event.type03 .thumb_cont .thumb_info .tit a{font-size: 1em;}

     /* 1202 공연장 안내 (2_3)*/
     .guide_tit_wrap{height: 100%; display: block;}
     .guide_tit_wrap > .cont_top_tit{display:block; margin-bottom: 22px;}
     .guide_wrap>.guide_one{float: none; width: 100%; display: block; padding: 0;}
     .guide_wrap>.guide_two{float: none; width: 100%; display: block; padding: 0; margin-top: 43px;}
     .guide_one_txt, .guide_two_txt{min-height: 100%;}
     /* 1202 공연장 안내 (2_3)*/
     .guide_wrap .cont_top_tit > div span { font-size: 1.750em;   }

     /* 1216 행사_고궁행사_창덕궁 달빛 (1_2_8) */
     .c_img_cont {margin-top: 60px;}

    /* 1124 이벤트 상세(6_7_2) */
    .join_newspaper.event_detail_box{display: block; }
    .event_detail_01{display: block; padding: 0; width: 100%;}
    .event_detail_01 .event_detail_txt{margin-left: 0; width: 100%;}    
    .event_detail_txt{margin-left: 0; padding-left:170px; display: block;}
    .event_detail_02{display: block; border-left:none; margin-top: 30px; width: 100%;}
    .event_detail_box .event_detail_txt2{right: 7%;}
    .event_detail_01{background-position: 30px;}
    .event_detail_02{background-position: 30px;}

    /* 소개_ 인사말 */
    .greet_txt > div{float: none; width: 100%; padding: 0;}
    .greet_txt{
        width: 100%;
        padding-right: 0;
        float: none;
    }
    .greet_txt.greet_txt2{ width: 100%; padding-top: 10px; padding-right: 0;}
    
    .greet_img{
        float: none;
        width: 100%;
        text-align: center;
        margin: 30px auto;    
    }
    .greet_box{
        padding:17px 10px; width: 270px; bottom: -45px;
    }

    .greet_txt.greet_txt2 > div{margin-top: 20px;}
    .greet_txt.greet_txt2 > div:first-child{padding-top: 10px;}
    .greet_txt.greet_txt2 > div p{font-size: 1em;}
    
    .greet_box p:first-child{font-size: 1.125em;}
    .greet_box p:last-child{font-size: 1.625em;}
}
@media screen and  (max-width:767px){
    /* 0719 오디오북 리스트 */ 
    .music_list_wrap .top_area .left_area{max-width: 440px;}
    .music_list_wrap .top_area .left_area .img_area{padding-top: 56.364%;}
    .music_list_wrap .img_box a {padding-top: 56%;}
    .music_table .music_cont .cell .tit_box .img_box {width:150px;height:84px;}

	.music_table .music_info {display:none;}
	.music_table .music_cont .cell.num, .music_table .col1  {display:none;}
	.music_table .cell {display: table-cell; padding: 3px; border-bottom:1px solid #dedede;}
	.music_table .col2 {width: 60%;}
	.music_table .col3 {width: 10%;}
	.music_table .col4 {width: 10%;}
	.music_table .col5 {width: 10%;} 
	.music_table .col6 {width: 10%;}	
	
	.music_table .music_cont {position:relative; overflow:hidden; display:block;}
	.music_table .music_cont .cell {padding: 15px 5px; text-align: inherit;}	
	.music_table .music_cont .cell .tit_box .txt_box {float:left; padding-left:20px;}
    .music_table .music_cont .cell .tit_box .txt_box a{font-size: 0.938em;}
	
	.music_table .music_cont .cell.tit {position:relative; overflow:hidden; display:block; width:100%; max-width:100%;}
	.music_table .music_cont .cell.view {position:absolute; bottom:0; left:205px;}
	.music_table .music_cont .cell.player {position:absolute; bottom:0; right:0%;}
	.music_table .music_cont .cell.file {position:absolute; bottom:0; right:10%;}
	.music_table .music_cont .cell.link {position:absolute; bottom:0; right:0%;}
	.music_table .music_cont .cell.player img, .music_table .music_cont .cell.file img, .music_table .music_cont .cell.link img {width: 30px;}

    /* 1209 멀티미디어북 */
    .multim_btn{padding: 10px 15px;}
    .multim_btn span{font-size: 1em; padding-left: 20px;}
    .multim_btn span:after{border-width: 2px; width: 6px; height: 6px;}

    /* 220707 도서신청 */
    /* 리스트유형 1x2 */
    .books_wrap .skin2 .sch_input{width: 100%;}
    .books_wrap .skin2 .cart_btn{width: 100%; margin-left: 0; margin-top: 3px;}

    /* 12.16 */
    .blt_cont .img_area2 > div{width: 30.3%; margin-right: 2.2%; margin-left: 0; margin-top: 10px;}
    .blt_cont .img_area2 > div:nth-child(3n){margin-right: 0;}
    .blt_cont .img_area2 > div:nth-child(-n+3){margin-top: 0;}


    .greet_txt > h2 > span{font-size: 1.125em;}
    .greet_txt > p {font-size: 0.938em; margin-top: 24px;}

    /* 1030 문화재재단_자료/연구_문화유산이야기 (한국의집 6_3 .content_list li) */
    .content_list{padding-bottom:30px;}
    .content_list li {width:49%; margin-right:2%; margin-bottom:15px;}
    .content_list li:nth-child(3n) {margin-right:2%;}
    .content_list li:nth-child(4n) {margin-right:2%;}
    .content_list li:nth-child(2n) {margin-right:0;}
    .content_list li:nth-last-child(-n+4) {margin-bottom: 30px;}
    .content_list li:nth-last-child(-n+2){margin-bottom:0;}

    /* 1111 행사_북악산 찾아오시는길 지도(1_4)*/
    .map2{margin-bottom: 30px;}



    /*  1116 참여소식_참여_전자민원 (6_6_5)   */
    .btn_group_news{text-align: center; margin: 20px 0px 40px 0px;}
    /*  1116 참여소식_참여_전자민원 (6_6_6)   */
    .btn_group_portal{text-align: center; }

    /* 1116 참여소식_참여_전자민원(6_6_5)*/
    .join_newspaper{padding: 30px 0; display: block;}
    .newspaper_img{display: block; text-align: center; padding:0px;}
    .newspaper_txt{display: block; padding: 0 20px; margin: 0 auto;   }
    .newspaper_txt > p {display: block; margin-bottom: 20px;  width:100%;}


    /* 1116 참여소식_참여_청렴포털(6_6_6)*/
    .join_portal{display: block; padding: 35px 0;}
    .portal_img{margin-bottom: 30px;}

    .join_portal .newspaper_img{padding: 0;}
    .join_portal .newspaper_img > a{width: 200px; display: inline-block;}
    .newspaper_txt > .list_blt{max-width: 270px; margin:0 auto;}

    .join_portal .list_blt > li:before{
        content: '';
        display: inline-block;
        position: absolute;
        top: 8px;
        left: auto;
        transform: translate(-11px, 0px);
        width: 4px;
        height: 4px;
        background: #bb9b72;
    }

    .join_portal .newspaper_img{display: block; text-align: center; padding:0px;}


    .teacher_list .teach_cont .img_area{width: 180px; min-height: 250px; max-height: 250px;}
    .teacher_list .teach_cont .teach_info .tit{font-size:1.625em;}



    /* 1207 이벤트 참여하기(6_7_2_2) */
    .tbl_dl dd .menu_row.col{text-align: left;}
    .menu_row.col div{display: inline-block; }


    /* 1126 소개_청렴정보공개_공무수행 (7_3_3_3) */
    .cont_warm_box.see.n_a{padding: 185px 20px 17px;}

    /* 1126 소개_정보공개_(사전)정보공개 목록 (7_3_2_2) */
    .open_img_area{display: block; }
    .open_img_area > .open_list{display: block; width:100%; padding: 90px 0px 25px; margin-bottom: 20px;}
    .open_list > .one{width:70px; height: 70px;  }
    .open_list > .one > em {    font-size: 1.375em;    line-height: 70px;}

    .open_wrap > .open_img_area .open_list img {width:70px; height: 70px;}
    .open_wrap{margin: 0;}
    .open_list .tit{font-size: 1.250em; margin-top: 15px;}
    .open_wrap > .open_img_area:last-child{margin-top: 20px;}
    .open_img_area > .open_list:last-child{margin-bottom: 0;}

    /* 1126 소개_정보공개_정보공개방법 (7_3_2_1) */
    .claim_list.claim_list2{margin-top:30px;}
    .claim_list.claim_list2 li{width:29%; }
    .claim_list.claim_list2 li:nth-child(3){margin-left:26.6%;}
    .claim_list.claim_list2 li:before{left:-14%;}

    /* 1130 참여소식_Q&A글쓰기 (6_6_3_1) + 참여소식_구독후기(6_2_3_1_1) */
    .menu_row.tL.center{text-align: center !important;}
    /* 1130 참여소식_구독후기 글쓰기 (6_2_3_1) */
    .menu_row.center{text-align: center !important;}

    /* 1201 교육체험_문화유산교육 신청상세(3_10_2) */
    /*01.21 모금 및 활용실적 겹쳐서 삭제*//* .btn_apple{display: block; margin-top: 10px;} */

    /* 1201 재단 메인페이지 간격(main) */
    .section_3{padding: 0 10px;}
    .section.event{padding: 0 10px;}
    .section.news{margin: 30px 10px 0;}

    .section.skecth .skecth_area{padding: 0 10px;}
    /* .skecth_area > a img{padding-right: 10px;} */

    .section.khmall{padding: 0 10px;}
    .kculture_area{margin: 0 10px;}
    .chf_area{margin: 0 10px;}



    /* 1202 공연전시_대관안내(2_3_2) */
    .pro_tbl .pro_tit{display: block; width:100%; min-height: 100%; max-height:100%;}
    .pro_tbl .pro_cont{display: block; border-width: 0 1px 1px 1px;}
    .map_area2 .map_cont p{padding-top:118px;}
    .map_area2 .map_cont:nth-child(2n){margin-bottom: 10px;}

    /* 1203 공연전시_대관 로그인(2_3_6)*/
    /* 예약확인 */
    .mbr_ipt_outline{padding: 40px 20px; min-height: 230px; }
    .mbr_ipt_outline .ipt_tit h4{font-size:1.250em;}
    .mbr_ipt_outline .ipt_bar_outline{margin: 35px auto 0;}
    .mbr_ipt_outline .ipt_bar_outline .lbl_name.blt_tit{display: block; margin-bottom: 10px; font-size:1em; margin-top: 0;}

    .mbr_ipt_outline .ipt_bar_outline .mbr_ipt{display: block; width: 100%;}
    /*01.22*/.mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline.phone > span{float: left; margin-top: 8px;}
    /*01.22*/.mbr_ipt_outline .ipt_bar_outline .lbl_cont_outline.phone .mbr_ipt{float: left; width: 31.33%;}
    .mbr_ipt_outline .ipt_bar_outline .common_btn{min-width: 131px; position: inherit; width: 100%; height: 36px; line-height: 36px; margin-top: 20px; font-size: 0.93em; min-height: 36px;}
    .mbr_ipt_outline p{margin-top:37px;}

    /* 1208 행사_궁중문화축전 (1_2_15)*/
    .gungjung_parent{display: block;}
    .gungjung_parent > .img_area{display: block; width: 100%; margin-bottom: 20px;}
    .gungjung_parent > .list_area{display: block;}
    .gungjung_parent .img_area {
    text-align: center;}
    .gungjung_parent .list_area .list_blt{padding-left: 0;}

    /* 1208 찾아오시는길 1_4_1_5*/
    .bugaksan_down_tit{padding: 17px 17px;}
    .bugaksan_down_tit ul li{float: none; width:100%; margin: 10px 0 0 0;}
    .bugaksan_down_tit ul li:first-child{margin-top: 0;}
    /* .bugaksan_down_tit ul li:nth-child(2n){margin-right:0;}
    .bugaksan_down_tit ul li:nth-last-child(-n+1){margin-bottom: 0;} */

    /* 1216 행사_고궁행사_창덕궁 달빛 (1_2_8) */
     .c_img_cont {margin-top: 0;}
     .c_img_cont .chang_cont{width: 100%; margin-top: 30px;}
     .c_img_cont .chang_cont:last-child{padding-left: 0; text-align: center;}

      /* 1216 행사_공항행사_왕가의 산책 (1_3_2) */
      .stroll_area{padding-top: 30px;}
      .stroll_area > div{width:49.2%; margin-right: 1.303%;}
      .stroll_area > div:nth-child(even){margin-right: 0;}
      .stroll_area > div:nth-child(3){margin-top: 10px;}
      .stroll_area > div:nth-child(4){margin-top: 10px;}
      
      .stroll_area2{margin-top: 30px;}
      .stroll_txt p {font-size: 1em;}  

      /* 1223 행사 _ 고궁행사 _ 경복궁별빛야행 */
    .night_star_cont .c_img_cont .chang_cont > div{text-align: center;}
    .night_star_cont .c_img_cont .chang_cont:last-child{padding: 0;}
    .night_star_cont .blt_cont .add_tit p{margin-bottom: 30px;}

    /*01.11*/
    .new_tit_wrap .new_tit{width: 100%; float: none; margin-left: 0; margin-top: 9px;}
    
      
}
@media screen and (max-width:640px){
    /* 1130 회원서비스 (8_1) */
    /* .sns_back > em{    -ms-transform: translate(-50%, 230%);    } */

    /* 공연장 안내 */
    .guide_wrap .cont_top_tit>div span{font-size: 1.500em;}
    .guide_wrap .list_blt>li:last-child{padding-left:12px; text-indent: 0;}
}
@media screen and (max-width:580px){
    /* 1228 개인정보 */
    .ks_list .brd_fixed_col td img{height: 40px;}
    .ks_list .brd_fixed_col td p span{font-size: 14px;}

    /* 0801 문화유산도서보급 */
    .dobo1 > div{bottom: -23px; }
    .dobo1 > div p{font-size: 1.125em; line-height: 46px; height: 44px;}

    .dobo2:before{display: none;}
    .dobo2:after{background-size: cover;}
    .dobo2{padding: 40px 10px 20px;}
    .dobo2>div p{font-size: 0.938em; margin-top: 15px;}

    .dobo_line ul li{width: 48%; padding: 0px 10px; }
    .dobo_line ul li:after{width: 1px; height: 17px;}
    .dobo_line ul li:nth-child(odd):after{width: 1px; height: 17px; }
    .dobo_line ul li:nth-child(even):after{width: 0px; height: 0; display: none; content: none;}
    .dobo_line ul li:nth-last-child(-n+3){margin-top: 0px;}
    .dobo_line ul li:nth-last-child(-n+4){margin-top: 15px;}
    .dobo_line ul li:nth-child(-n+2){margin-top: 0;}

    .dobo_btm{margin-top: 26px;}
    .dobo_btm .dobo_tit{width: 126px; line-height: 34px;}
    .dobo_btm .dobo_tit p{font-size: 1em; padding-left: 15px;}
    .dobo_line{padding: 15px 10px;}
    .dobo_tit+.dobo_line ul li:nth-child(5){clear: both; content: ""; display: block;}

    /* 0719 오디오북 리스트 */
    .music_list_wrap .top_area .left_area{max-width: 280px;}
    .music_list_wrap .top_area .left_area .img_area{padding-top: 56.43%;}
	.music_tit a{font-size:1.063em;}
    .music_list_wrap .top_area{padding: 20px 15px; margin-bottom: 20px;}

    .music_table .music_cont .cell .tit_box .img_box {width:110px;height:62px;}
    .music_list_wrap .img_box a{padding-top: 56.37%;}
    .music_table .music_cont .cell .tit_box .txt_box a{font-size: 0.875em;}
    
    .mview_box.mview1{padding: 15px;}
    .mview_box.mview2{padding: 15px;}

	.music_list_wrap .top_area .right_area p {font-size:0.938em; height: 232px;}
    .music_list_wrap .top_area .music_listen{
        height: 36px;
        width: 120px; 
    }
    .music_list_wrap .top_area .music_listen a{
        font-size: 0.938em;
        font-weight: 400;
        line-height: 36px;
    }
    .music_list_wrap .top_area .music_listen a:after{
        width: 4px; height: 8px; background-size: 100%;
    }
    
	
	.music_table .music_cont .cell {padding:8px 5px;}
	/* .music_table .music_cont .cell .tit_box .img_box {float:left; width:140px; height:auto;} */
	.music_table .music_cont .cell .tit_box .txt_box {padding-left:15px;
        /* float:left; width:calc(100% - 140px);  */
    }

	.music_table .music_cont .cell.view {bottom:0; left:163px; padding: 4px 0;}
	.music_table .music_cont .cell.player, .music_table .music_cont .cell.file, .music_table .music_cont .cell.link {padding: 4px 5px;}
	.music_table .music_cont .cell.player img, .music_table .music_cont .cell.file img, .music_table .music_cont .cell.link img {width: 24px;}

    /* 0720 오디오북 상세 */
    .right_area.type_view .music_down{ width: 130px; line-height: 36px; height: 36px;}
    .right_area.type_view .music_down a{padding: 0 10px 0 15px; font-size: 0.938em;}
    .right_area.type_view .music_down a:after{
        background-size: 100%; width: 9px; height: 10px; right: 15px;
    }

    .music_view .music_scroll{height: 150px;}
    .mview_box{padding: 20px; margin-top: 20px;}
    .mview_box dl dd div{height: 200px;}

    .music_view .music_scroll span{font-size: 0.938em;}
    .mview_box strong{width: 98px; height: 22px; line-height: 22px; font-size: 0.938em;
    margin-bottom: 8px;}
    .mview_box p{font-size: 0.938em;}
    .mview_box dl dd div p{font-size: 0.938em;}

    .mview_box dl dt div{font-size: 0.938em;}
    .mview_box dl dt a{font-size: 0.875em;}
    .mview_box dl dt a span{ width: 7px; height: 4px; background-size: 100% !important; right: 20px;}

    .m_be_wrap{margin-top: 15px; padding: 20px 15px;}
    .m_be_tit{margin-bottom: 18px;}
    .m_be_tit strong{font-size: 1em;}

    .m_bet{padding: 8px 0;}
    .m_betT a{font-size: 0.875em;}

    /* 1209 멀티미디어북 */
    .multim_wrap.pc{display: none;}
    .multim_wrap.mo{display: block;}
    .multim_area{margin-top: 20px;}
    .multim_btn{padding: 4px 8px;}
    .multim_btn span{font-size: 0.875em; padding-left: 12px; font-weight: 400;}
    .multim_btn span:after{border-width: 1px; width: 4px; height: 4px;}
    .multim_box{margin-top: 10px; padding-top: 10px;}
    

    /* 220707 도서신청*/
    .books_list2+div .fL{float: none;}
    .books_list2+div .tR{margin-top: 5px;}
    /* 도서 버튼 */
    .btn_area.books_area a{margin-left: 10px; font-size: 0.938em;}
    .books_area.type05 a{margin-top: 7px;}

    /* 도서신청 마이페이지 */
    .books_pop.popup .pop_container{height: 400px;}
    /* .books_pop.popup .btn_wrap{margin-top: 20px;} */
    /* .books_pop.popup .btn_wrap .btn_area{margin-top: 0;} */

    /* 도서리스트 */
    .books_list2{
        padding: 10px 0 0;
        margin-top: 10px;
        padding-bottom: 10px;}
    .books_list2 .btn_area{position: static; margin-top: 12px;}
    
    .books_list2 .thumb_cont .thumb_info{margin-top: 22px;}
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit{margin-top: 15px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        word-break:keep-all;
        display: block;
        height: 1.3em;
    }
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit.type02{padding-right: 0;}
    .books_list2 .thumb_cont .img_area{width: 102px;
        min-height: auto; 
        max-height: 100%;
    }
    /* 리스트유형 1x2  */
    .books_wrap .books_list2 .btn_area{width: 100%; margin: 15px auto 0;}
    .books_wrap .books_list2 .thumb_cont{
        width: 49%;
        padding: 10px 0 0;
        min-height: 350px;
    }
    
    .books_wrap .books_list2 .thumb_cont:nth-child(2n){margin-left: 2%;}
    .books_wrap .books_list2 .thumb_cont .thumb_info{padding: 0;}
    .books_wrap .btn_area.books_area a{width: 100%; margin-left: 0; margin-top: 7px;}
    .books_wrap .btn_area.books_area a:first-child{margin-top: 0;}
    
    /*220707도서신청 상세*/
    .books_list2 .thumb_cont .thumb_info .txt > div.bkTit span{font-size: 1em;}
    /* 도서 박스 */
    .books_tit{padding: 15px;}
    .books_tit > strong{font-size: 1.188em;}


    .esg_wrap > div.esg_L{width: 150px;}
    .esg_L .btn_area{margin-top: 12px;}


    .esg_R .view_tit strong{font-size: 1.125rem;}
    .esg_R .view_tit p{font-size: 1rem; margin-top: 5px;}

    .esg_R .view_tit{line-height: 1.3; font-size: 1.125em; padding: 15px 10px;}

    .esg_R .view_area{padding: 15px 10px;}
    .esg_R .view_area .view_w100{display: block;}
    .esg_R .view_area .view_w100 dl{display: block; margin-top: 7px; width: 100%;}
    .esg_R .view_area .view_w100 dl:first-child{margin-top: 0;}


    .books_btn .btn_area{display: block; margin-top: 12px; margin-left: 0;}
    .Bbtn01{font-size: 0.938em;}

    .cal_reserv .counter_box .btn_counter{width: 28px; height: 28px;}
    .cal_reserv .counter_box .counter_num{width: 40px; height: 28px; line-height: 26px; font-size: 0.938em;}


    /* 220707 도서 장바구니 */
    .books_list3 .btn_area.books_area a{margin-left: 0;}
    .books_list2 .thumb_cont .thumb_info .txt > div{
        /* overflow: hidden; */
        /* white-space: nowrap; */
        /* text-overflow: ellipsis; */
        /* word-break: keep-all; */
        padding-right: 0;
        margin-top: 12px;
    }


    /* 1202 공연전시_대관안내(2_3_2) */
    .map_area2 .map_cont{background-position: top 54px center; background-size:80px; min-height:205px;}
    .map_area2 .map_cont .tit{font-size:1.5em;}

    /* 공연장 */
    .guide_one_txt, .guide_two_txt{padding:15px;}
    .guide_wrap .cont_top_tit>div span{font-size: 1.250em;}

    /*01.06*/
    .guide_one_img{margin-top: 30px;}
    .guide_top .left_top .slick-arrow{width:50px; height:90px;}
    .guide_top .left_top .slick-prev.slick-arrow{ background-size: 100%;}
    .guide_top .left_top .slick-next.slick-arrow{ background-size: 100%;}
    .guide_two_img{margin-top: 30px;}
    .guide_top .right_top .slick-arrow{width:50px; height:90px;}
    .guide_top .right_top .slick-prev.slick-arrow{ background-size: 100%;}
    .guide_top .right_top .slick-next.slick-arrow{ background-size: 100%;}

    .guide_middle .left_middle .slick-arrow{width:50px; height:90px;}
     .guide_middle .left_middle .slick-prev.slick-arrow{ background-size: 100%;}
     .guide_middle .left_middle .slick-next.slick-arrow{ background-size: 100%;}
     .guide_middle .right_middle .slick-arrow{width:50px; height:90px;}
     .guide_middle .right_middle .slick-prev.slick-arrow{ background-size: 100%;}
     .guide_middle .right_middle .slick-next.slick-arrow{ background-size: 100%;}


    /* 12.10 북악산 찾아오시는 길 1_4_1_2 */
    .bugaksan_way .bugaksanImg{margin-bottom: 17px;}
    .bugaksanImg .bugaksan_area p{font-size: 0.938em;}
    .bugaksan_way .bugaksan_list{margin-bottom:24px; margin-top: 9px;}


    /* 이벤트 상세 */
    .join_newspaper.event_detail_box{padding: 30px 0 0;}
    .event_detail_txt {padding: 15px 0 15px 138px;}
    .event_detail_01, .event_detail_02{background-size: 80px;}
    .event_detail_02{background-position: 30px top;}
    .event_detail_box .event_detail_txt2{position: static; display: inline-block; margin-top: 30px;}
    .event_detail_txt > p:first-child{font-size: 1.125em;}
    .event_detail_txt > p:nth-child(2){margin-top: 9px;}

    /* 1219 경복궁별빛야행 레플릿 view_226 */
    .leaflet_down .btn_group a span{text-align: left;} 

    #map{margin-bottom: 27px !important;}
    #map2{margin-bottom: 27px !important;}

    /* 1222 행사 _ 고궁행사 _ 수라간변경 */
    .suragan_big_wrap{margin-top: 30px;}
     .suragan_wrap > div{ float: none;
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 15px 0 0;
    }
    .suragan_wrap > div:first-child{width: 100%; margin-top: 0;}  
    .suragan_wrap .suragan_area img{position:static; width: auto;}
    .suragan_wrap > div > .suragan_area{
        display: table-cell;
        padding-top: 0;
        width: 46%;
    }
    .suragan_wrap > div:first-child > .suragan_area{padding-top:0;}
    .suragan_wrap .btn_group{
        padding-left: 15px;
        display: table-cell;
        text-align: left;
        vertical-align: bottom;
    }

    /*01.13 경복궁 생과방 */
    .blt_cont .img_area > div.img_s_area{width: 48%; margin-right: 2.9%; float: left; text-align: center;}
    .blt_cont .img_area > div.img_s_area:nth-child(3) {margin-right: 2.9%;}
    .blt_cont .img_area > div.img_s_area:nth-child(2n) {margin-right: 0;}
    .blt_cont .img_area > div.img_s_area{margin-top: 0;}
    .blt_cont .img_area > div.img_s_area:nth-child(n+3) {margin-top: 15px;}  

    /* 1224 문화유산이야기 모음 */
    .blt_story_cont > .view_img_wrap + .cont_txt {
    margin-bottom: 30px;
    }
    .story_con .view_img_wrap{margin: 0;}
    .story_con .view_img_wrap .view_sub_tbl p{margin: 10px 10px;}
    .blt_story_cont > .view_img_wrap + .cont_txt {    margin-bottom: 20px;}
    /* 210114 문화유산이야기 작품 가로비율 오른쪽이 클 경우*/
    .view_img_wrap.type4 .view_sub_tbl .img_area:last-child{width: 100%;}
    
    /* 01.05 공공누리 */
    .open_box .open_txt{font-size: 0.938em;}

    /*01.11*/ .choice_chk_alert{margin-left: 0; display: block;}

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

    /*이벤트*/
    .hd_move{height: 35px;
        line-height: 33px;
        display: block;
        float: none;}
}
@media screen and (max-width:479px){

    /* 달력 */
    .new_calendar_tit .l_con {
        padding: 10px 15px;
    }

    .new_cal_wrap .cal_date {
        font-size: 1.5em;
    }


    .new_calendar_tit .new_cal_table td > div {
        height: 40px;
    }
    .new_calendar_tit .new_cal_table td span {
        top: 5px;
        font-size: 0.938em;
        right: 5px;
    }

    /*  1110 한국문화재재단_행사_북악산사계 ( 이미지제목_텍스트 )   */
    .content_list .txt_area .tit{font-size: 1em;}

    div .blt_cont .bugaksan_img .bugaksan_one{width:28.2%; margin-left: 7.2%;}
    .bugaksan:before{left:-18%;}
    /* .blt_cont .bugaksan_img{margin-left: 10px;} */

    /* 1116 open_box 공공누리*/
    .open_box {
    margin: 50px 0 15px;
    }

    .newspaper_txt > p{font-size: 1.125em;}

        /* .teacher_list */
    .teacher_list .teach_cont{display: block; padding:20px 0;}
    .teacher_list .teach_cont .teach_info .tit{font-size:1.438em;}
    .teacher_list .teach_cont .img_area{margin: 0 auto; display: block; min-height: 200px; max-height: 200px; width: 150px;}
    .teacher_list .teach_cont .teach_info{display: block; padding:0; margin-top:15px;}

    /* 1201 재단 메인페이지 간격(main) */
    .kculture_area{margin: 0 ;}
    .chf_area{margin: 0 ;}


    /* 1204 공연장 */
    .guide_wrap .list_blt > li{padding-bottom:14px;}

    /* 1202 공연전시_대관안내(2_3_2) */
    .map_area2 .map_cont p{font-size:0.938em;}

    /* 1203 공연전시_대관 로그인(2_3_6)*/
    .mbr_ipt_outline{padding: 20px 10px; min-height: 230px; }
    .mbr_ipt_outline .ipt_tit h4{font-size:1.125em; line-height: 1.3;}
    .mbr_ipt_outline .ipt_bar_outline{margin: 25px auto 0;}
    .mbr_ipt_outline p{margin-top:27px; font-size:0.938em;}

    /* 대관신청 */
    .pro_tbl .pro_tit{
        padding: 15px;
        font-size: 1.125em;
    }
    .pro_tbl .pro_cont{padding:15px;}

    /* 로그인 */
    .login_one{padding: 0 10px;}
    .login_one .ipt_top{margin: 12px 0 12px;}

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

    /* 210205 행사_덕수궁 수정 */
    .wind_current .cont_txt .btn_group:last-child .btn_do{width: 100%;}
}

@media screen and (max-width: 414px){
    /* 220707 도서신청 */
    /* 도서리스트 */
    .books_list2 .thumb_cont .thumb_info .tit{font-size:1.125em;}

   /* 도서신청 팝업 */
    .books_pop .popup_close{
    top: 10px;
    right: 10px;
    width: 19px;
    height: 19px;
    }

    /*  1116 참여소식_참여_전자민원 (6_6_5)   */

    /* 1129 국민제안 동의,비동의 */
    .menu_agree > div:first-child{margin-right:15px;}
    .menu_agree > div:last-child{margin-left: 15px;}

    /* 12.16 7_1_7_7 */
    .product_cont .product_left{display: block; }
    .product_cont .product_left .img_area{width: 80px; margin:0 auto;}
    .product_cont .list_area{display: block; margin-top: 15px;}
    .product_cont .product_left p{font-size: 1em;}
    
    /* 1219 경복궁별빛야행 레플릿 view_226 */
    .leaflet_down .btn_group{right: 0; position: static;} 

    /* 1224 문화유산이야기 모음 */
    .blt_story_cont > .cont_txt > em{font-size: 1em;}
    .blt_story_cont > .cont_txt + .view_img_wrap {    margin-top: 0px;}
    .process_cont >.blt_cont .view_img_wrap .view_sub_tbl .tit {    margin-top: 5px;}
    .blt_story_cont > .view_img_wrap + .cont_txt {    margin-bottom: 0px;    }
    .process_cont >.blt_cont .view_img_wrap:last-child{margin: 0px;}
    /* 문화유산 글, 그림 */
    .view_sub_tbl .tit.tit2{font-size: 0.938em;}
    .thumb_cont .img_txt > p{font-size: 0.938em;}

    /* 241218 문화유산도서보급 */
    .dobo1 > div {padding:0 20px;}
    .dobo1 > div p {font-size:1em;}

}
@media screen and (min-width: 320px) and (max-width: 339px){
    /* 도서신청 팝업 */
    .books_pop .pop_header > div{text-align: left;}

    /* 이벤트 상세 */
    .event_detail_01, .event_detail_02{background-position: 15px top;}
    .event_detail_txt{padding: 15px 0 15px 109px;}
    .event_detail_02{margin-top: 15px;}

    .bugaksan:before{left:-20%; background-size:8px;}
}