@charset "UTF-8";
@import url("/cms/gen/css/20220421_2898837107749560.css");

html,
body { height:100%; width:100%; }

#wrap { height:auto; position:relative; width:100%; overflow:hidden; overflow-x:hidden;}

.header { background:#000; height:auto; left:0; position:fixed; top:0; width:100%; z-index:11;  z-index:999;}
.header:before { background:#333; content:""; height:1px; left:0; position:absolute; top:50px; width:100%; z-index:-1; }

.gnb_inner { height:100%; left:50%; margin-left:-600px; position:relative; top:0; width:1200px; }
.gnb_inner:after { clear:both; content:""; display:block; }

.gnb_top { font-size:0; height:50px; position:relative; text-align:right; }
.gnb_top .gnb_top_btns { display:inline-block; font-size:0; height:25px; margin-top:13px; position:relative; text-align:right; z-index:5; }
.btn_lang { border-right:1px solid #333; display:inline-block; height:25px; padding-right:15px; position:relative; vertical-align:top; }
.btn_lang a { background:url("/resources/img/common/btn_lang_sel.png") no-repeat; display:block; height:18px; margin-top:3px; overflow:hidden; text-indent:-20000px; width:18px; }
/* 다국어 선택 */
.lang_sel_pop { background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); display:none; left:-52px; padding:15px 0 15px 15px; position:absolute; top:37px; width:122px; }
.lang_sel_pop > i { background:url("/resources/img/common/lang_sel_edge.png") no-repeat; display:block; height:10px; left:50%; margin-left:-7px; position:absolute; top:-10px; width:14px; }
.lang_sel_pop ul li { height:20px; margin-top:15px; }
.lang_sel_pop ul li:first-child { margin-top:0; }
.lang_sel_pop ul li a { color:#111; display:block; font-size:14px; font-weight:400; height:100%; line-height:20px; padding-left:30px; text-align:left; width:100%; }
.lang_sel_pop ul li.kor a { background:url("/resources/img/common/flag_kor.png") left center no-repeat; }
.lang_sel_pop ul li.eng a { background:url("/resources/img/common/flag_eng.png") left center no-repeat; }
.lang_sel_pop ul li.jap a { background:url("/resources/img/common/flag_jap.png") left center no-repeat; }
.lang_sel_pop ul li.chn a { background:url("/resources/img/common/flag_chn.png") left center no-repeat; }
/* 다국어 선택 end */
.btn_design_foundation { display:inline-block; height:25px; padding-left:15px; position:relative; vertical-align:top; }
.btn_design_foundation a { background:url("/resources/img/common/btn_design_foundation.png") no-repeat; display:block; height:15px; margin-top:5px; overflow:hidden; text-indent:-20000px; width:109px; }

.design_foundation_on { background:#0f3a6b; display:none; height:50px; line-height:50px; position:absolute; right:-300px; text-align:center; top:0; width:290px; }
.design_foundation_on a { color:#fff; font-size:15px; font-weight:400; }

.gnb_btm { height:91px; position:relative; }

.header h1 { height:42px; left:0; position:absolute; top:26px; width:81px; }
.header h1 a { background:url("/resources/img/common/logo.png") no-repeat; display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }

.gnb_btns { font-size:0; height:40px; position:absolute; right:0; text-align:right; top:26px; }
.gnb_btns > * { display:inline-block; height:40px; margin-left:15px; width:40px; }
.gnb_btns p a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
.gnb_btns p.btn_vr a { background:url("/resources/img/common/btn_vr.png") no-repeat; }
.gnb_btns p.btn_mypage a { background:url("/resources/img/common/btn_mypage.png") no-repeat; }
.gnb_btns p.btn_search a { background:url("/resources/img/common/btn_search.png") no-repeat; }
.gnb_btns p.btn_berger { margin-left:30px; }
.gnb_btns p.btn_berger a { background:url("/resources/img/common/btn_berger.png") no-repeat; }

.gnb_btns .my_log_pop { background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); display:none; height:auto; left:30px; margin-left:0; padding:25px 0; position:absolute; top:56px; width:122px; z-index:1; }
.my_log_pop > i { background:url("/resources/img/common/lang_sel_edge.png") no-repeat; display:block; height:10px; left:50%; margin-left:-7px; position:absolute; top:-10px; width:14px; }
.my_log_pop ul li { margin-top:14px; text-align:center; }
.my_log_pop ul li:first-child { margin-top:0; }
.my_log_pop ul li a { color:#212121; display:inline-block; font-size:14px; font-weight:400; }
.my_log_pop ul li a.my { color:#0054a5; font-size:16px; }
.my_log_pop ul li a.log { border-bottom:1px solid #212121; padding-bottom:7px; }

.common_inner { height:100%; left:50%; margin-left:-620px; position:relative; top:0; width:1240px; }

.sns_share_pop { background:#fff; border:1px solid #212121; bottom:34px; display:none; height:221px; padding:30px 20px; position:absolute; right:15px; text-align:left; width:265px; }
.sns_share_pop > a.close { background:url("/resources/img/main/btn_progm_layer_close.png") no-repeat; height:14px; position:absolute; right:20px; top:20px; width:14px; }
.sns_share_pop strong { color:#212121; display:block; font-size:14px; font-weight:500; }
.sns_share_pop i { background:url("/resources/img/main/progm_pop_edge.png") no-repeat; bottom:-11px; height:11px; position:absolute; right:9px; width:19px; }

.sns_btns { border-bottom:1px solid #d9d9d9; font-size:0; margin-bottom:18px; padding:15px 0 20px; }
.sns_btns a { display:inline-block; height:31px; margin-right:14px; overflow:hidden; text-indent:-20000px; width:31px; }
.sns_btns a:last-child { margin-right:0; }
.sns_btns.for_web a.kakao { background:url("/resources/img/common/circle_kakao.png") no-repeat; }
.sns_btns.for_web a.fb { background:url("/resources/img/common/circle_fb.png") no-repeat; }
.sns_btns.for_web a.twi { background:url("/resources/img/common/circle_twitter.png") no-repeat; }
.sns_btns.for_web a.blog { background:url("/resources/img/common/circle_blog.png") no-repeat; }
.sns_btns.for_web a.mail { background:url("/resources/img/common/circle_mail.png") no-repeat; }

.url_copy_wrap { height:30px; margin-top:16px; }
.url_copy_wrap:after { clear:both; content:""; display:block; }
.url_copy_wrap input { background:#fff; border:1px solid #d9d9d9; color:#a6a6a6; float:left; font-size:12px; font-weight:400; height:30px; padding:0 10px; width:160px; }
.url_copy_wrap a { background:#fff; border:1px solid #d9d9d9; color:#212121; float:right; font-size:14px; font-weight:400; height:30px; line-height:28px; text-align:center; width:53px; }

.sns_chnr_wrap { background:#fff; border:1px solid #d9d9d9; /*height:100px;*/ padding:34px 0 35px; }
.sns_chnr_wrap strong { color:#212121; font-size:20px; font-weight:400; left:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.sns_chnr_btns { font-size:0; height:30px; margin-top:-15px; position:absolute; right:0; text-align:right; top:50%; }
.sns_chnr_btns a { display:inline-block; height:30px; margin-left:20px; overflow:hidden; text-align:left; /*text-indent:-20000px;*/ width:30px; }
.sns_chnr_btns a.fb { background:url("/resources/img/main/icon_sns01.png") no-repeat; }
.sns_chnr_btns a.in { background:url("/resources/img/main/icon_sns02.png") no-repeat; }
.sns_chnr_btns a.yt { background:url("/resources/img/main/icon_sns03.png") no-repeat; }
.sns_chnr_btns a.bg { background:url("/resources/img/main/icon_sns04.png") no-repeat; }

.line_nav_wrap { border-bottom:1px solid #333; border-top:1px solid #333; height:50px; }

.sub_line_nav { border-left:1px solid #333; height:100%; left:0; position:absolute; }
.sub_line_nav ul{display:flex;}
.sub_line_nav > ul > li { border-right:1px solid #333; float:left; height:48px; max-width:221px; width:100%;}
.sub_line_nav > ul > li.w271 { width:271px; }
.sub_line_nav > ul > li > a { background:url("/resources/img/common/line_nav_arrow.png") right 20px center no-repeat; color:#fff; display:block; font-size:14px; font-weight:400; line-height:48px; overflow:hidden; padding:0 40px 0 20px; text-overflow:ellipsis; white-space:nowrap; width:100%; }

.sub_line_nav > ul > li.home { width:51px; }
.sub_line_nav > ul > li.home > a { width:50px; height:100%; background:url("/resources/img/common/line_nav_home.png") center no-repeat; overflow:hidden; /*text-indent:-20000px;*/ padding:0;}

.sub_line_nav > ul > li > ul { background:#000; border:1px solid #333; border-top:0; display:none; padding:13px 0; }
.sub_line_nav > ul > li > ul > li { height:38px; }
.sub_line_nav > ul > li > ul > li > a { color:#fff; display:block; font-size:14px; font-weight:400; height:100%; line-height:38px; overflow:hidden; padding:0 20px; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.sub_line_nav > ul > li > ul > li > a:hover { color:#1e74d9; }

.visual_top { height:100vh; left:0; position:fixed; top:0; width:100%; }
.visual_top_inner { height:calc(100% - 191px); left:50%; margin-left:-580px; position:relative; top:191px; width:1160px; }
.visual_top_txt { left:20px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.visual_top_txt > * { color:#fff; display:block; }

.visual_top_ttl { font-size:28px; font-weight:700; }
.visual_top_intro { font-size:60px; font-weight:700; line-height:74px; margin-top:40px; }
.visual_top_sub { font-size:24px; font-weight:400; margin-top:62px; }

.sub_cont_wrap { background:#fff; /*margin-top:100vh; min-height:100vh; */padding:100px 0 0; position:relative; width:100%; margin-top:191px;}

.sub_cont_inner { height:100%; left:50%; margin-left:-600px; position:relative; top:0; width:1200px; }

.sub_cont_ttl { color:#212121; display:block; font-size:48px; font-weight:500; /*margin-top:-10px; */text-align:center; }

.sub_tabs_wrap { border-bottom:1px solid #dedede; margin-top:58px; }
.sub_tabs_wrap ul { display:flex; justify-content:center; text-align:center; }
.sub_tabs_wrap ul li { display:block; margin:0 40px; }
.sub_tabs_wrap ul li a { color:#a6a6a6; display:block; font-size:24px; font-weight:400; padding-bottom:15px; position:relative; white-space:nowrap;}
.sub_tabs_wrap ul li a.on,
.sub_tabs_wrap ul li a:hover { color:#212121; font-weight:500; }
.sub_tabs_wrap ul li a.on:after,
.sub_tabs_wrap ul li a:hover:after { background:#212121; bottom:0; content:""; height:4px; left:0; position:absolute; width:100%; }

.layer_dimm { background:#000; display:none; height:100%; left:0; opacity:.7; position:fixed; top:0; width:100%; z-index:999; }
.layer_pop { background:#fff; display:none; left:50%; top:50%; z-index:1000; }
.layer_pop_ttl { border-bottom:1px solid #d9d9d9; color:#212121; display:block; font-size:28px; font-weight:500; height:81px; line-height:80px; padding-left:40px; position:relative; }
.layer_pop_ttl > strong { color:#212121; font-size:28px; font-weight:500; left:40px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.layer_pop_ttl a.close { background:url("/resources/img/common/btn_layer_close.png") no-repeat; height:30px; margin-top:-15px; overflow:hidden; position:absolute; right:40px; text-indent:-20000px; top:50%; width:30px; }

.square_tabs { font-size:0; text-align:center; }
.square_tabs li { border:1px solid #212121; border-right:0; display:inline-block; height:60px; }
.square_tabs li:last-child { border-right:1px solid #212121; }
.square_tabs li a { color:#212121; display:block; font-size:20px; font-weight:400; height:100%; line-height:58px; text-align:center; width:100%; }
.square_tabs li a.on,
.square_tabs li a:hover { background:#212121; color:#fff; font-weight:500; }

/* pagination */
.pagination_wrap { font-size:0; margin-top:50px; text-align:center; }
.pagination_wrap > * { display:inline-block; vertical-align:top; }
.pagination_wrap > p { height:15px; margin-top:10px; width:9px; }
.pagination_wrap > p > a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
.pagination_wrap > p.prev > a { background:url("/resources/img/common/pager_arrow_l.png") no-repeat; }
.pagination_wrap > p.next > a { background:url("/resources/img/common/pager_arrow_r.png") no-repeat; }
.pagination_wrap > p.prev_first > a { background:url("/resources/img/common/pager_arrow_l2.png") no-repeat; }
.pagination_wrap > p.next_last > a { background:url("/resources/img/common/pager_arrow_r2.png") no-repeat; }

.pagination_wrap > ol { font-size:0; margin:0 40px; text-align:center; }
.pagination_wrap > ol > li { display:inline-block; height:36px; margin:0 6px; vertical-align:top; width:30px; }
.pagination_wrap > ol > li:first-child { margin-left:0; }
.pagination_wrap > ol > li:last-child { margin-right:0; }

.pagination_wrap > ol > li > a { border-bottom:2px solid transparent; color:#a6a6a6; display:block; font-size:16px; font-weight:400; line-height:34px; text-align:center; }
.pagination_wrap > ol > li > a.on,
.pagination_wrap > ol > li > a:hover { border-bottom:2px solid #212121; color:#212121; }

.mob_pagination_wrap { font-size:0; margin-top:60px; text-align:center; }
.mob_pagination_wrap > * { display:inline-block; vertical-align:top; }
.mob_pagination_wrap > p.prev,
.mob_pagination_wrap > p.next { height:28px; width:16px; }
.mob_pagination_wrap > p.prev a,
.mob_pagination_wrap > p.next a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
.mob_pagination_wrap > p.prev a { background:url("/resources/img/common/m/pager_arrow_l.png") no-repeat; background-size:100% auto; }
.mob_pagination_wrap > p.next a { background:url("/resources/img/common/m/pager_arrow_r.png") no-repeat; background-size:100% auto; }
.mob_pagination_wrap > p.pager { color:#212121; font-size:32px; font-weight:400; line-height:28px; margin:0 60px; text-align:center; }
.mob_pagination_wrap > p.pager a { color:#212121; font-weight:700; line-height:28px; }
/* pagination end */

.detail_cont_wrap { background:#fff; padding:191px 0 0; position:relative; width:100%; }

.input_wrap { margin-top:10px; }
.input_wrap:first-child { margin-top:0; }
.input_wrap:after { clear:both; content:""; display:block; }
.input_wrap > * { float:left; }
.input_wrap select::-ms-expand { display:none; }

.total_search_layer { background:#fff; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000; }
.total_search_inner { height:auto; left:50%; margin-left:-500px; position:absolute; top:174px; width:1000px; }
.total_search_close { background:url("/resources/img/common/btn_search_close.png") no-repeat; display:block; height:26px; overflow:hidden; position:absolute; right:-89px; text-indent:-20000px; top:-91px; width:26px; }
.total_search_box { border-bottom:3px solid #212121; height:86px; position:relative; }
.total_search_box input { background:#fff; border:none; color:#212121; font-size:28px; font-weight:400; height:83px; padding:0 90px 0 20px; width:calc(100% - 41px); }
.btn_total_srch_del { background:url("/resources/img/common/btn_total_srch_del.png") no-repeat; display:block; height:30px; margin-top:-15px; overflow:hidden; position:absolute; right:71px; text-indent:-20000px; top:50%; width:30px; }
.btn_total_srch { background:url("/resources/img/common/btn_total_search.png") no-repeat; display:block; height:42px; margin-top:-21px; overflow:hidden; position:absolute; right:0; text-indent:-20000px; top:50%; width:41px; }

.btn_detail_srch { font-size:0; margin-top:10px; text-align:right; }
.btn_detail_srch a { background:#1e74d9; color:#fff; display:inline-block; font-size:16px; font-weight:400; height:36px; line-height:36px; padding:0 15px; text-align:center; }
.btn_detail_srch a img { margin:12px 0 0 8px; }
.btn_detail_srch a img.web { display:inline-block; }
.btn_detail_srch a img.mob { display:none; }

.srch_word_list_wrap { margin-top:26px; }
.srch_word_list_wrap:after { clear:both; content:""; display:block; }

.srch_word_list_each { float:left; position:relative; width:50%; }
.srch_word_list_ttl { color:#212121; display:block; font-size:20px; font-weight:500; margin-bottom:38px; }

.srch_word_list_each li { margin-top:20px; }
.srch_word_list_each li:first-child { margin-top:0; }
.srch_word_list_each li:after { clear:both; content:""; display:block; }
.srch_word_list_each li a { color:#4e4e4e; float:left; font-size:16px; font-weight:400; line-height:20px; }
.srch_word_list_each li a.txt { max-width:calc(100% - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.srch_word_list_each li a.del { background:url("/resources/img/common/del_search_word.png") no-repeat; display:block; height:20px; margin-left:20px; overflow:hidden; text-indent:-20000px; width:20px; }
.srch_word_list_each li a.fav { padding-left:31px; position:relative; }
.srch_word_list_each li a.fav span { color:#212121; font-weight:500; left:0; position:absolute; top:0; }

.srch_word_del_all { margin-top:40px; }
.srch_word_del_all a { border-bottom:1px solid #212121; color:#212121; display:inline-block; font-size:14px; font-weight:400; padding-bottom:6px; }

.for_web { display:block !important; }
.for_mob { display:none !important; }

.footer_wrap { background:#000; height:230px; position:relative; }
.footer_inner { left:50%; margin-left:-600px; padding-top:26px; position:relative; top:0; width:1200px; }

.footer_top { position:relative; width:100%; }
.footer_top:after,
.footer_btm:after { clear:both; content:""; display:block; }

.footer_top nav { float:left; }
.footer_top nav ul:after { clear:both; content:""; display:block; }
.footer_top nav ul li { float:left; margin-left:20px; padding-right:20px; position:relative; }
.footer_top nav ul li:after { background:#fff; content:""; height:14px; margin-top:-7px; position:absolute; right:0; top:50%; width:1px; }
.footer_top nav ul li:first-child { margin-left:0; }
.footer_top nav ul li:last-child { padding-right:0; }
.footer_top nav ul li:last-child:after { height:0 !important; width:0 !important; margin:0 !important;}
.footer_top nav ul li a { color:#fff; font-size:14px; font-weight:400; }

.btn_fam_site { background:url("/resources/img/common/arrow_family_sel.png") right center no-repeat; color:#fff; float:right; font-size:14px; font-weight:400; padding-right:35px; }
/* 211007 추가 */
.fam_site_pop { background:#fff; border:1px solid #d9d9d9; bottom:24px; padding:20px 34px; position:absolute; right:0; text-align:center; z-index:1; }
.fam_site_pop ul:after { clear:both; content:""; display:block; }
.fam_site_pop ul + ul { margin-top:16px; }
.fam_site_pop ul li { float:left; margin-left:24px; width:130px; }
.fam_site_pop ul li:first-child { margin-left:0; }
.fam_site_pop ul li a { display:block; height:100%; width:100%; }
.fam_site_pop ul li a img { border:1px solid #e5e5e5; width:100%; }
.fam_site_pop ul li a span { background:url("/resources/img/common/icon_link.png") right center no-repeat; color:#212121; display:inline-block; font-size:12px; font-weight:400; margin-top:10px; padding-right:15px;}
/* 211007 추가 */

.footer_btm { margin-top:42px; position:relative; }

.footer_addr { background:url("/resources/img/common/footer_logo.png") left center no-repeat; color:#747474; float:left; font-size:14px; font-weight:400; line-height:1.6; padding-left:130px; }

.footer_certi_logo { background:url("/resources/img/common/footer_certi_logo.png") no-repeat; bottom:0; display:block; height:38px; position:absolute; right:0; width:105px; }

.layer_dimm { background:#000; display:none; height:100%; left:0; opacity:.7; position:fixed; top:0; width:100%; }
.layer_dimm.main_chlg,
.layer_dimm.sns_detail,
.layer_dimm.persn_info_agree { z-index:101; }

/* snb 메뉴 */
.gnb_tweenmax {position: fixed;z-index: 11;}
.btn_top { bottom: 50px; margin-right:-710px; opacity:0; position:fixed; right:48%; z-index:11; }
.btn_top a { background:url("/resources/img/common/btn_top.png") no-repeat; background-size:contain; display:block; height:50px; overflow:hidden; text-indent:-20000px; width:50px; border-radius:100%; }
.mob_gnb_Pbtn {bottom: 210px;margin-right: -710px;position: fixed;right: 48%;z-index: 11;display: flex;flex-direction: column;align-items: center;width:50px;}
.mob_gnb_Pbtn .mob_gnb_cat li{margin-bottom: 24px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.mob_gnb_cat .gnb_Des_btn a{background: url(/resources/img/common/gnb_Des_btn.png) no-repeat center;background-size: contain;}
.mob_gnb_cat .gnb_Des_btn:hover a,.mob_gnb_cat .gnb_Des_btn:focus a {background: url(/resources/img/common/gnb_Des_btnH.png) no-repeat center;background-size: contain;}
.mob_gnb_cat .gnb_Mem_btn a{background: url(/resources/img/common/gnb_Mem_btn.png) no-repeat center;background-size: contain;}
.mob_gnb_cat .gnb_Mem_btn:hover a, .mob_gnb_cat .gnb_Mem_btn:focus a {background: url(/resources/img/common/gnb_Mem_btnH.png) no-repeat center;background-size: contain;}
.mob_gnb_cat .gnb_Ren_btn a{background: url(/resources/img/common/gnb_Ren_btn.png) no-repeat center;background-size: contain;}
.mob_gnb_cat .gnb_Ren_btn:hover a, .mob_gnb_cat .gnb_Ren_btn:focus a {background: url(/resources/img/common/gnb_Ren_btnH.png) no-repeat center;background-size: contain;}
.mob_gnb_cat li span{font-size: 14px;color: #4e4e4e;font-family: 'DDP_B_131224';word-break: keep-all;}
.mob_gnb_cat li:hover span{color: #212121;}
.mob_gnb_cat li a{display: block;height: 50px;overflow: hidden;width: 50px;border-radius: 100%;margin-bottom: 4px;}
.mob_gnb_Pbtn .mob_gnb_Plus {display: none;}
.mob_gnb_dim {background: #000;display: none;height: 100%;left: 0;opacity: 0.8;position: fixed;top: 0;width: 100%;z-index: 10;transition: all .3s;}
.mob_gnb_Pbtn {display: block;}
@media screen and (max-width: 1400px){
   .mob_gnb_Pbtn{margin-right: calc(-50% + 30px);}
   .btn_top {margin-right: calc(-50% + 30px);}
}

@media screen and (max-width:750px) {
	    .mob_gnb_Pbtn{bottom:240px; width: 60px;}
        .mob_gnb_Pbtn .mob_gnb_Plus{background-color: #004D97;display: block;height: 60px;overflow: hidden;width: 60px;border-radius: 100%;display: flex;align-items: center;justify-content: center;text-indent: -9999px;cursor: pointer;}
		.btn_top {bottom: 164px;}
        .btn_top a{width: 60px;height: 60px;}
        .mob_gnb_Pbtn .mob_gnb_Plus::after {content: "";display: block;width: 30px;height: 30px;background: url(/resources/img/common/gnb_plusBtn.png) no-repeat center;background-size: 30px;transition: all 0.2s ease-out;}
        .mob_gnb_Plus.on::after {transform: rotate(-45deg);}
        .mob_gnb_Pbtn .mob_gnb_cat {bottom: 57px;display: none;position: absolute;right: 0px;}
        .mob_gnb_Pbtn .mob_gnb_cat li {flex-direction: row-reverse;width: 180px;}
        .mob_gnb_cat li a{height: 60px;width: 60px;margin-bottom: 0px;}
        .mob_gnb_cat li span {color: #fff;padding-right:16px;}
        .mob_gnb_br {display: none;}
}
@media screen and (max-width:640px) {
        .mob_gnb_Pbtn{bottom:138px;width: 45px;}
        .mob_gnb_Pbtn {margin-right: calc(-50% + 17px);}
        .btn_top {margin-right: calc(-50% + 17px); bottom: 85px;}
        .btn_top a{width: 45px; height: 45px;}   
        .mob_gnb_Pbtn .mob_gnb_Plus{height: 45px;width: 45px;}
        .mob_gnb_cat li a {height: 45px;width: 45px;}
        .mob_gnb_Pbtn .mob_gnb_cat li {margin-bottom: 10px;}
        .mob_gnb_cat li span {font-size: 12px;padding-right:8px;}
        .mob_gnb_Pbtn .mob_gnb_Plus::after {width: 20px;height: 20px;background-size: 20px;}
}


/* 통합검색 */
.total_srch_wrap { margin-top:80px; padding-bottom:120px; }
.total_srch_input { left:50%; margin-left:-500px; position:relative; top:0; width:1000px; }

/* 210629 추가 */
.srch_in_result { background:#f7f7f7; border-bottom:1px solid #d9d9d9; padding:20px; position:relative; z-index:5; }
.srch_filter { -webkit-appearance:none; appearance:none; background:url("/resource/img/common/arrow_sel_b.png") right 15px center no-repeat #fff; border:1px solid #d9d9d9; color:#212121; font-size:16px; font-weight:400; height:36px; margin-right:20px; padding:0 35px 0 15px; width:210px; }
.srch_filter::-ms-expand { display:none; }

.srch_filter_each { height:36px; margin-right:20px; position:relative; width:185px; z-index:5; }
.srch_filter_each > a { background:url("/resources/img/common/arrow_sel_b.png") right 15px center no-repeat #fff; border:1px solid #d9d9d9; color:#212121; display:block; font-size:14px; font-weight:400; height:100%; line-height:34px; overflow:hidden; padding:0 30px 0 10px; width:100%; word-break:break-all; }

.srch_filter_period { background:#fff; border:1px solid #d9d9d9; border-top:0; display:none; }
.filter_period_inner { padding:15px; }
.filter_period_inner ul { border-bottom:1px solid #d9d9d9; padding-bottom:10px; }
.filter_period_inner li a { color:#212121; display:block; font-size:16px; font-weight:400; height:33px; line-height:33px; }
.filter_period_inner li a.on,
.filter_period_inner li a:hover { color:#1e74d9; }

.period_pick_wrap { padding:16px 0 0; }
.period_pick_wrap strong { color:#212121; display:block; font-size:16px; font-weight:400; }
.period_pick_wrap a { border:1px solid #212121; color:#212121; display:block; font-size:14px; font-weight:400; height:30px; line-height:28px; margin-top:10px; text-align:center; }

.period_pick_input { margin-top:10px; }
.period_pick_input:after { clear:both; content:""; display:block; }
.period_pick_input > * { color:#212121; float:left; font-size:14px; font-weight:400; height:24px; line-height:24px; margin-right:10px; }
.period_pick_input > *:last-child { margin-right:0; }
.period_pick_input > input { border:1px solid #d9d9d9; padding:0 9px; width:100px; }
.period_pick_input > img { height:17px; margin-top:4px; width:21px; }

.common_filter_list { background:#fff; border:1px solid #d9d9d9; border-top:0; display:none; padding:15px; }
.common_filter_list li a { color:#212121; display:block; font-size:16px; font-weight:400; height:33px; line-height:33px; }
.common_filter_list li a.on,
.common_filter_list li a:hover { color:#1e74d9; }

#ui-datepicker-div.ui-widget-content { border:1px solid #d9d9d9; border-radius:0; padding:15px; width:210px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header { background:transparent; border:0; border-radius:0; color:#212121; font-size:16px; font-weight:500; height:auto; padding:0; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span { height:16px; width:10px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span { background:url("/resources/img/common/arrow_calr_l.png") no-repeat; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span { background:url("/resources/img/common/arrow_calr_r.png") no-repeat; }

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar { font-size:16px; }

#ui-datepicker-div.ui-datepicker th.ui-datepicker-week-end:first-child span { color:#ff4a4a; }
#ui-datepicker-div.ui-datepicker th.ui-datepicker-week-end:last-child span { color:#1e74d9; }

#ui-datepicker-div.ui-datepicker .ui-state-default { background:transparent; border:0; color:#212121; height:20px; line-height:20px; padding:0; text-align:center; width:20px; }
#ui-datepicker-div.ui-datepicker .ui-state-active { background:#1e74d9; border-radius:50%; color:#fff; }
/* 210629 추가 end */

.srch_filter_chk { margin-top:5px; position:relative; }
.srch_filter_chk input[type="checkbox"] { height:0; left:0; opacity:0; position:absolute; top:0; width:0; }
.srch_filter_chk input[type="checkbox"] + label { background:url("/resources/img/program/chk_off.jpg") no-repeat; color:#212121; display:inline-block; font-size:16px; font-weight:400; line-height:24px; padding-left:35px; }
.srch_filter_chk input[type="checkbox"]:checked + label { background:url("/resources/img/program/chk_on.jpg") no-repeat; }

.srch_result_txt { color:#212121; font-size:28px; font-weight:400; margin-top:94px; text-align:center; }
.srch_result_txt strong { color:#1e74d9; font-weight:400; }

.srch_result_list { margin-top:100px; }

.srch_result_cate_tabs { height:50px; position:relative; }
.srch_result_cate_tabs ul:after { clear:both; content:""; display:block; }
.srch_result_cate_tabs ul li { float:left; height:50px; margin-left:-1px; position:relative; width:calc(16.66% + 1px); }
.srch_result_cate_tabs ul li.on,
.srch_result_cate_tabs ul li:hover { z-index:1; }
.srch_result_cate_tabs ul li a { background:#fff; border:1px solid #d9d9d9; border-bottom:1px solid #212121; display:block; height:100%; position:relative; width:100%; }
.srch_result_cate_tabs ul li a span { color:#4e4e4e; font-size:16px; font-weight:400; line-height:1.4; position:absolute; text-align:center; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; }
.srch_result_cate_tabs ul li.on a,
.srch_result_cate_tabs ul li a:hover { border:1px solid #212121; border-bottom:1px solid #fff; }
.srch_result_cate_tabs ul li.on a span,
.srch_result_cate_tabs ul li a:hover span { color:#212121; font-weight:500; }

.srch_result_cont { margin-top:96px; }
.srch_result_each { margin-top:58px; }
.srch_result_each:first-child { margin-top:0; }

.srch_result_ttl { border-bottom:1px solid #212121; height:40px; position:relative; }
.srch_result_ttl strong { color:#111; font-size:20px; font-weight:500; left:0; position:absolute; top:0; }
.srch_result_ttl a { background:url("/resources/img/common/arrow_r_b.png") right center no-repeat; color:#212121; display:block; font-size:16px; font-weight:400; padding-right:17px; position:absolute; right:0; top:7px; }

.srch_result_each ul li a { border-bottom:1px solid #d9d9d9; display:block; padding:30px 0 20px; }

.result_cont_ttl:after { clear:both; content:""; display:block; }
.result_cont_ttl > * { float:left; }
.result_cont_ttl > strong { color:#212121; font-size:16px; font-weight:400; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 110px); }
.result_cont_ttl > span { color:#a6a6a6; font-size:14px; font-weight:400; margin-left:40px; }

.result_match { color:#1e74d9; }

.result_cont_txt { color:#4e4e4e; font-size:16px; font-weight:400; margin-top:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.result_cont_txt iframe { display:block; }

.result_cont_path { color:#a6a6a6; font-size:14px; font-weight:400; margin-top:26px; }
.no_srch_result { border-bottom:1px solid #d9d9d9; color:#212121; font-size:16px; font-weight:400; height:76px; line-height:75px; }
/* 통합검색 end */

/* 전체메뉴 */
.ham_menu_bg { background:#000; /*display:none; */height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999; }
.ham_menu_wrap { border-left:1px solid #222; /*display:none; */height:100%; left:50%; margin-left:-600px; position:fixed; top:0; width:1200px; z-index:10000; }
.ham_menu_wrap:after { clear:both; content:""; display:block; }

.ham_menu_wrap .mCSB_inside > .mCSB_container { margin-right:0; }
.ham_menu_wrap .mCSB_scrollTools { opacity:0; }
.ham_menu_wrap .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.ham_menu_wrap .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.ham_menu_wrap .mCustomScrollBox:hover > .mCSB_scrollTools,
.ham_menu_wrap .mCustomScrollBox:hover ~ .mCSB_scrollTools,
.ham_menu_wrap .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.ham_menu_wrap .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity:0; }
.ham_menu_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity:0; }

.ham_menu_close { background:url("/resources/img/common/btn_ham_close.jpg") no-repeat; display:block; height:48px; overflow:hidden; position:absolute; right:1px; top:72px; /*text-indent:-20000px;*/ width:48px; z-index:5; }

/* 0830 추가 */
.design_foundation { height:30px; left:50%; line-height:30px; position:absolute; text-align:center; -webkit-transform:translateX(-50%); transform:translateX(-50%); top:72px;  z-index:5; }
.design_foundation a { color:#016bd2; display:block; font-size:20px; font-weight:600; height:100%; padding:0 15px; }
/* 0830 추가 end */

.ham_menu_each { float:left; height:100%; padding:134px 0 180px 48px; position:relative; width:25%; }
.ham_menu_each:after { background:#222; content:""; height:calc(100vh + 180px); position:absolute; right:0; top:0; width:1px; }
.ham_menu_each > strong { color:#fff; display:block; font-size:28px; font-weight:700; }
.ham_menu_each > ul { margin-top:32px; }
.ham_menu_each > ul > li { margin-top:24px; }
.ham_menu_each > ul > li:first-child { margin-top:0; }
.ham_menu_each > ul > li > a { color:#fff; font-size:18px; font-weight:400; }
.ham_menu_each > ul > li > ul > li { margin-top:14px; }
.ham_menu_each > ul > li > ul > li > a { color:#a6a6a6; font-size:16px; font-weight:400; padding-left:10px; position:relative; }
.ham_menu_each > ul > li > ul > li > a:before { content:"-"; left:0; position:absolute; top:4px; }
/* 전체메뉴 end */

/* 210820 추가 */
.lazy_loader { animation:loader .8s steps(10) infinite; background:url("/resources/img/common/ddp_lazy_loader.png") left center / 1400px auto no-repeat; height:140px; left:50%; margin:-70px 0 0 -70px; position:absolute; top:50%; width:140px; z-index:1000; }
@keyframes loader { 100% { background-position:-1400px; } }
/* 210820 추가 end */

/* settings */

::-webkit-input-placeholder { color:#a6a6a6; }
::-moz-placeholder { color:#a6a6a6; }
:-ms-input-placeholder { color:#a6a6a6; }
:-moz-placeholder { color:#a6a6a6; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; appearance:none; margin:0; }

caption {position: absolute; left: -9999px; width: 0.01px; height: 0.01px; font-size: 0.1px; line-height: 0.01px; overflow: hidden; }

.ta_l { text-align:left !important; }
.ta_c { text-align:center !important; }
.ta_r { text-align:right !important; }

.mt0 { margin-top:0 !important; }
.mt26 { margin-top:26px !important; }
.mt84 { margin-top:84px !important; }

.pb0 { padding-bottom:0 !important; }

/* settings end */

/* 모바일 전체메뉴 */
.rnb_menu_dimm { background:#000; /*display:none;*/ height:100%; left:0; opacity:0.8; position:fixed; top:0; width:100%; z-index:9998; }
.rnb_menu_bg { background:#fff;/* display:none; */height:100%; position:fixed; right:0; top:0; width:84%; z-index:9999; }
.rnb_menu_close { background:url("/resources/img/common/m/btn_ham_close.png") no-repeat; background-size:100% auto; display:block; height:45px; left:-75px; overflow:hidden; position:absolute; /*text-indent:-20000px;*/ top:145px; width:45px; }

.rnb_menu_wrap { /*display:none;*/ height:100%; position:fixed; right:0; top:0; width:84%; z-index:10000; background:#fff; /*overflow:auto; overflow-x:hidden;*/}
.rnb_menu_box { /*display:none;*/ height:100%; position:fixed; right:0; top:0; width:84%; z-index:10000; background:#fff; overflow:auto; overflow-x:hidden;}
.rnb_menu_wrap .mCSB_inside > .mCSB_container { margin-right:0; }

.rnb_menu_t { background:#212121; height:415px; height: auto;position:relative; width:100%; position:relative; top:auto; left:auto; word-break:keep-all;padding:20px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;padding: 50px 20px;}
.rnb_menu_t h2 { color:#fff; font-size:32px; font-weight:400; left:0; padding-top:108px; position:absolute; text-align:center; top:80px; width:100%; position:relative; top:auto;}
.rnb_menu_t h2 i { background:url("/resources/img/common/m/rnb_logo.png") center top no-repeat; background-size:100% auto; display:block; height:75px; left:50%; margin-left:-92px; position:absolute; top:0; width:148px; }

.rnb_menu_btns { bottom:60px; font-size:0; height:70px; position:absolute; text-align:center; width:100%; position:relative; bottom:auto;height: auto;margin-top: 35px;}
.rnb_menu_btns a { border:2px solid #fff; color:#fff; display:inline-block; font-size:28px; font-weight:500; height:70px; line-height:66px; margin:0 2.5%; text-align:center; width: 45%; }

.rnb_menu_list .depth_1 { padding-bottom:100px; }
.rnb_menu_list .depth_1 > li > a { background:url("/resources/img/common/m/rnb_arrow_d.png") right 50px center no-repeat; background-size:30px auto; border-bottom:2px solid #eee; color:#212121; display:block; font-size:32px; font-weight:500; height:100px; height: auto;line-height:100px; line-height: 45px;padding:0 120px 0 50px; padding: 26px 170px 27px 50px;width:100%; }
.rnb_menu_list .depth_1 > li > a.on { background:url("/resources/img/common/m/rnb_arrow_u.png") right 50px center no-repeat; background-size:30px auto; }

.rnb_menu_list .depth_2 { display:none; }
.rnb_menu_list .depth_2 > li { background:#f9f9f9; border-bottom:2px solid #eee; }
.rnb_menu_list .depth_2 > li > a { background:url("/resources/img/common/m/rnb_arrow_d.png") right 50px center no-repeat; background-size:30px auto; color:#4e4e4e; display:block; font-size:28px; font-weight:500; height:100px; height: auto;line-height:100px; line-height: 40px;padding:0 120px 0 70px; padding: 30px 120px 30px 70px;width:100%; }
.rnb_menu_list .depth_2 > li > a.on { background:url("/resources/img/common/m/rnb_arrow_u.png") right 50px center no-repeat; background-size:30px auto; }
.rnb_menu_list .depth_2 > li.no_sub > a,
.rnb_menu_list .depth_2 > li.no_sub > a.on { background:transparent; }

.rnb_menu_list .depth_3 { display:none; }
.rnb_menu_list .depth_3 > li > a { position:relative; color:#4e4e4e; display:block; font-size:24px; font-weight:400; height:70px; height: auto;line-height:70px; line-height: 30px;padding: 20px 30px 20px 90px; position:relative; }
.rnb_menu_list .depth_3 > li > a::before{content:'-'; display:inline-block; margin-right:10px;}
/* 모바일 전체메뉴 end */

.ham_menu_bg,
.ham_menu_wrap{opacity:0; visibility:hidden; transition:all .3s;}

.rnb_menu_dimm{opacity:0; visibility:hidden; transition:all .3s;}
.rnb_menu_bg,
.rnb_menu_wrap{opacity:0; visibility:hidden; transition:all .3s;}

.menu-open .ham_menu_bg,
.menu-open .ham_menu_wrap { opacity:1; visibility:visible; transition:all .3s;}

.menu-open .rnb_menu_dimm{opacity:0; visibility:hidden; transition:all .3s;}
.menu-open .rnb_menu_bg,
.menu-open .rnb_menu_wrap {opacity:0; visibility:hidden; transition:all .3s;}


@media screen and (max-width:750px) {
	.menu-open .ham_menu_bg,
	.menu-open .ham_menu_wrap{opacity:0; visibility:hidden; transition:all .3s;}

	.menu-open .rnb_menu_dimm{ opacity:0.8; visibility:visible; transition:all .3s; }
	.menu-open .rnb_menu_bg,
	.menu-open .rnb_menu_wrap { opacity:1; visibility:visible; }
}

@media screen and (max-width:1400px) {
	.common_inner { width:100%; margin-left:0; left:0; padding:0 32px;}
	/* sns_chnr_wrap */
	.sns_chnr_wrap strong { left:32px; }
	.sns_chnr_btns { right:32px; }
}

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

	.gnb_inner { left:0; margin-left:0; width:100%; }

	.gnb_top .gnb_top_btns { margin-right:32px; }

	.header h1 { left:32px; }

	.gnb_btns { right:32px; }

	.visual_top_inner { left:0; margin-left:0; width:100%; }
	.visual_top_txt { left:32px; }

	.sub_cont_inner { left:0; margin-left:0; padding:0 32px; width:100%; }

	.footer_inner { left:0; margin-left:0; width:100%; }

	.footer_top nav { margin-left:32px; }

	.btn_fam_site { margin-right:32px; }
	.fam_site_pop { right:32px; }

	.footer_addr { margin-left:32px; }

	.footer_certi_logo { margin-right:32px; }

	.total_search_inner { left:0; margin-left:0; padding:0 32px 160px; top:120px; width:100%; }
	.total_search_close { right:32px; }

	.total_srch_wrap { padding:0 32px 120px; }
	.total_srch_input { margin-left:-41%; width:82%; }

	/* 전체메뉴 */
	.ham_menu_wrap { margin-left:-50%; width:100%; }

	.ham_menu_each { padding:134px 0 180px 24px; }
	/* 전체메뉴 end */
	
}

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

	.sub_tabs_wrap ul li { margin:0 20px; }
	.sub_tabs_wrap ul li a { font-size:20px; }

	.total_srch_input { margin-left:-48%; width:96%; }
	.srch_filter { margin-right:2%; width:31%; }
	.srch_filter:last-child { margin-right:0; }

	/* 통합검색 */
	/* 210629 추가 */
	.srch_filter_each { width:22%; }
	/* 210629 추가 end */
	/* 통합검색 end */
	
}

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

	#wrap { overflow-x:hidden; }

	.header:before { height:2px; top:90px; }

	.gnb_top { height:92px; }
	.gnb_top .gnb_top_btns { height:39px; margin-top:26px; }
	.btn_lang { border-right:2px solid #333; height:39px; padding-right:30px; }
	.btn_lang a { background:url("/resources/img/common/m/btn_lang_sel.png") no-repeat; background-size:100% auto; height:39px; margin-top:0; width:39px; }
	/* 다국어 선택 */
	.lang_sel_pop { border-radius:14px; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); left:-104px; padding:30px 0 30px 30px; top:80px; width:248px; }
	.lang_sel_pop > i { background:url("/resources/img/common/m/lang_sel_edge.png") no-repeat; background-size:100% auto; height:21px; margin-left:-17px; top:-21px; width:34px; }
	.lang_sel_pop ul li { height:50px; margin-top:40px; }
	.lang_sel_pop ul li a { font-size:28px; line-height:50px; padding-left:70px; }
	.lang_sel_pop ul li.kor a { background:url("/resources/img/common/m/flag_kor.png") left center no-repeat; background-size:50px auto; }
	.lang_sel_pop ul li.eng a { background:url("/resources/img/common/m/flag_eng.png") left center no-repeat; background-size:50px auto; }
	.lang_sel_pop ul li.jap a { background:url("/resources/img/common/m/flag_jap.png") left center no-repeat; background-size:50px auto; }
	.lang_sel_pop ul li.chn a { background:url("/resources/img/common/m/flag_chn.png") left center no-repeat; background-size:50px auto; }
	/* 다국어 선택 end */

	.btn_design_foundation { height:39px; padding-left:29px; }
	.btn_design_foundation a { background:url("/resources/img/common/btn_design_foundation.png") no-repeat; background-size:100% auto; height:26px; margin-top:6px; width:190px; }

	.gnb_btm { height:150px; }

	.header h1 { height:62px; top:44px; width:124px; }
	.header h1 a { background:url("/resources/img/common/m/logo.png") no-repeat; background-size:100% auto; }

	.gnb_btns { height:60px; top:41px; }
	.gnb_btns > * { height:60px; margin-left:30px; width:60px; }
	.gnb_btns p.btn_berger { margin-left:40px; }
	.gnb_btns p.btn_vr a { background:url("/resources/img/common/m/btn_vr.png") no-repeat; background-size:100% auto; }
	.gnb_btns p.btn_mypage a { background:url("/resources/img/common/m/btn_mypage.png") no-repeat; background-size:100% auto; }
	.gnb_btns p.btn_search a { background:url("/resources/img/common/m/btn_search.png") no-repeat; background-size:100% auto; }
	.gnb_btns p.btn_berger a { background:url("/resources/img/common/m/btn_berger.png") no-repeat; background-size:100% auto; }

	.line_nav_wrap { display:none; }

	.visual_top { height:calc(100vh - 242px); margin-top:242px; }
	.visual_top_inner { height:100%; top:0; }

	.visual_top_ttl { font-size:32px; }
	.visual_top_intro { font-size:52px; line-height:78px; margin-top:47px; }
	.visual_top_sub { font-size:28px; margin-top:48px; }

	.sub_cont_wrap { padding:120px 0 0; margin-top:242px;}

	.sub_tabs_wrap { border-bottom:2px solid #dedede; margin-left:-32px; margin-top:68px; width:calc(100% + 64px); }
	.sub_tabs_wrap ul li { margin:0 10px; }
	.sub_tabs_wrap ul li a { font-size:24px; padding-bottom:23px; }
	.sub_tabs_wrap ul li a.on:after,
	.sub_tabs_wrap ul li a:hover:after { bottom:-1px; }

	.footer_inner { background:#000; padding:70px 0 70px; }
	.footer_top nav { margin-left:0; width:100%; }
	.footer_top nav ul { text-align:center; }
	.footer_top nav ul li { display:inline-block; float:none; margin:0 11px 24px; padding-right:32px; vertical-align:top; }
	.footer_top nav ul li:after { height:22px; margin-top:-11px; width:2px; }
	.footer_top nav ul li:nth-child(2) { padding-right:0; }
	.footer_top nav ul li:nth-child(2):after { background:none; height:0; width:0; }
	.footer_top nav ul li a { font-size:24px; }

	.btn_fam_site { background:url("/resources/img/common/m/arrow_family_sel.png") right 30px center no-repeat #000; border:2px solid #fff; clear:both; display:block; float:none; font-size:24px; font-weight:400; height:80px; line-height:78px; margin:0 auto; padding:0 80px 0 30px; width:400px; }
	.fam_site_pop { background:#000; border:2px solid #fff; height:350px; left:50%; margin-left:-200px; overflow-y:auto;  padding:23px 0; right:auto; top:182px; width:400px; }
	.fam_site_pop ul li { float:none; margin-left:0; width:100%; }
	.fam_site_pop ul li a { padding:0 30px; }
	.fam_site_pop ul li a span { border:none; color:#fff; display:block; font-size:24px; font-weight:400; height:70px; line-height:70px; margin-top:0; padding:0; text-align:left; width:100%; }
	.fam_site_pop ul:first-child li a span { display:block; }
	.fam_site_pop ul li a img { display:none; }

	.footer_btm { border-top:1px solid #3e3e3e; margin-top:70px; padding-top:70px; }
	.footer_addr { background:url("/resources/img/common/m/footer_logo.png") center top no-repeat; background-size:161px auto; float:none; font-size:24px; margin-left:0; padding:120px 0 0; text-align:center; margin-top: 50px;}

	.for_web { display:none !important; }
	.for_mob { display:block !important; }
		

	.footer_certi_logo { display:none; }

	.layer_pop_ttl { border-bottom:2px solid #d9d9d9; height:120px; line-height:118px; }
	.layer_pop_ttl > strong { font-size:32px; }
	.layer_pop_ttl a.close { background:url("/resources/img/common/m/btn_layer_close.png") no-repeat; background-size:100% auto; height:38px; margin-top:-19px; width:38px; }

	.input_wrap { margin-top:30px; }

	.total_search_layer { overflow-y:auto; }
	.total_search_close { background:url("/resources/img/common/m/btn_search_close.png") no-repeat; background-size:100% auto; height:45px; width:45px; }
	.total_search_box { border-bottom:4px solid #212121; height:112px; }
	.total_search_box input { font-size:32px; height:108px; padding:0 150px 0 0; width:calc(100% - 49px); }
	.btn_total_srch_del { background:url("/resources/img/common/m/btn_total_srch_del.png") no-repeat; background-size:100% auto; height:50px; margin-top:-25px; right:90px; width:50px; }
	.btn_total_srch { background:url("/resources/img/common/m/btn_total_search.png") no-repeat; background-size:100% auto; height:49px; margin-top:-25px; width:49px; }

	.btn_detail_srch { margin-top:30px; }
	.btn_detail_srch a { font-size:24px; height:55px; line-height:55px; padding:0 20px; }
	.btn_detail_srch a img { margin:18px 0 0 15px; }
	.btn_detail_srch a img.web { display:none; }
	.btn_detail_srch a img.mob { display:inline-block; }

	.srch_word_list_wrap { margin-top:52px; }

	.srch_word_list_each { float:none; margin-top:100px; width:100%; }
	.srch_word_list_each:first-child { margin-top:0; }
	.srch_word_list_ttl { font-size:36px; margin-bottom:50px; }

	.srch_word_list_each li { margin-top:45px; position:relative; }
	.srch_word_list_each li a { font-size:28px; line-height:40px; }
	.srch_word_list_each li a.txt { max-width:auto; width:calc(100% - 60px); }
	.srch_word_list_each li a.del { background:url("/resources/img/common/del_search_word.png") no-repeat; background-size:100% auto; height:40px; margin-left:0; position:absolute; right:0; top:0; width:40px; }
	.srch_word_list_each li a.fav { padding-left:40px; }

	.srch_word_del_all { margin-top:0; position:absolute; right:0; top:5px; }
	.srch_word_del_all a { border-bottom:0; font-size:24px; padding-bottom:0; }

	/* 통합검색 */
	.total_srch_input { margin-left:-42%; width:84%; }

	.srch_in_result { border-bottom:0; padding:40px; }
	.srch_filter { background:url("/resources/img/common/m/arrow_sel.png") right 30px center no-repeat #fff; border:2px solid #d9d9d9; font-size:28px; height:80px; margin:0 0 40px 0; padding:0 70px 0 30px; width:100%; }

	/* 210629 추가 */
	.srch_filter_each { height:80px; margin:0 0 40px 0; width:100%; }
	.srch_filter_each:nth-child(1) { z-index:7; }
	.srch_filter_each:nth-child(2) { z-index:6; }
	.srch_filter_each:nth-child(3) { z-index:5; }
	.srch_filter_each > a { background:url("/resources/img/common/m/arrow_sel.png") right 30px center no-repeat #fff; border:2px solid #d9d9d9; font-size:28px; line-height:76px; padding:0 70px 0 30px; }

	.srch_filter_period { border:2px solid #d9d9d9; border-top:0; }
	.filter_period_inner { padding:30px; }
	.filter_period_inner ul { border-bottom:2px solid #d9d9d9; padding-bottom:30px; }
	.filter_period_inner li a { font-size:28px; height:80px; line-height:80px; }

	.period_pick_wrap { padding:56px 0 0; }
	.period_pick_wrap:after { clear:both; content:""; display:block; }
	.period_pick_wrap strong { font-size:28px; }
	.period_pick_wrap a { border:2px solid #212121; font-size:24px; height:50px; line-height:48px; }

	.period_pick_input > * { font-size:24px; height:50px; line-height:50px; margin-right:20px; }
	.period_pick_input > *:last-child { margin-right:20px; }
	.period_pick_input > input { border:2px solid #d9d9d9; padding:0 20px; width:70%; }
	.period_pick_input > img { height:28px; margin-top:10px; width:35px; }

	.common_filter_list { border:2px solid #d9d9d9; padding:30px; }
	.common_filter_list li a { font-size:28px; height:80px; line-height:80px; }

	#ui-datepicker-div.ui-widget-content { border:2px solid #d9d9d9; width:39.5%; }
	#ui-datepicker-div.ui-datepicker .ui-datepicker-header { font-size:24px; }

	#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar { font-size:18px; }

	#ui-datepicker-div.ui-datepicker .ui-state-default { font-size:18px; height:30px; line-height:30px; width:30px; }
	/* 210629 추가 end */

	.srch_filter_chk { margin-top:0; }
	.srch_filter_chk input[type="checkbox"] + label { background:url("/resources/img/program/m/chk_off.jpg") no-repeat; font-size:24px; line-height:45px; padding-left:58px; }
	.srch_filter_chk input[type="checkbox"]:checked + label { background:url("/resources/img/program/m/chk_on.jpg") no-repeat; }

	.srch_result_txt { font-size:32px; }

	.srch_result_cate_tabs,
	.srch_result_cate_tabs ul li { height:100px; }
	.srch_result_cate_tabs ul li a span { font-size:24px; }

	.srch_result_each { margin-top:96px; }

	.srch_result_ttl { border-bottom:2px solid #212121; height:60px; }
	.srch_result_ttl strong { font-size:32px; }
	.srch_result_ttl a { background:url("/resources/img/common/m/arrow_r_b.png") right center no-repeat; font-size:28px; padding-right:20px; top:7px; }

	.srch_result_each ul li a { border-bottom:2px solid #d9d9d9; padding:40px 0; }

	.result_cont_ttl > strong { font-size:28px; overflow:visible; text-overflow:inherit; white-space:initial; width:100%; }
	.result_cont_ttl > span { font-size:24px; margin:18px 0 0 0; }

	.result_cont_txt { font-size:24px; line-height:1.4; margin-top:20px; overflow:visible; text-overflow:inherit; white-space:initial; }

	.result_cont_path { font-size:24px; margin-top:26px; }
	.no_srch_result { border-bottom:2px solid #d9d9d9; font-size:28px; height:102px; line-height:100px; }
	/* 통합검색 end */

	/* program */
	.sns_share_pop { width:470px; height:410px; right:0; bottom:70px; padding:40px;}
	.sns_share_pop strong { font-size:28px; }
	.sns_share_pop > a.close { height:31px; width:31px; background:url("/resources/img/common/m/btn_layer_close.png") no-repeat;  right:40px; top:35px; background-size:100% auto; }

	.url_copy_wrap { height:60px; margin-top:30px; }
	.url_copy_wrap input,
	.url_copy_wrap a { font-size:24px; height:60px; }
	.url_copy_wrap input { width:276px;  }
	.url_copy_wrap a { width:90px; line-height:60px; }

	.sns_btns { padding:40px 0;  margin-bottom:40px;}
	.sns_btns a { width:60px; height:60px; }
	.sns_btns.for_mob a.kakao { background:url("/resources/img/common/m/circle_kakao_60.png") no-repeat; }
	.sns_btns.for_mob a.fb { background:url("/resources/img/common/m/circle_faceb.png") no-repeat; }
	.sns_btns.for_mob a.twi { background:url("/resources/img/common/m/circle_twitter.png") no-repeat; }
	.sns_btns.for_mob a.blog { background:url("/resources/img/common/m/circle_blog_60.png") no-repeat; }
	.sns_btns.for_mob a.mail { background:url("/resources/img/common/m/circle_mail.png") no-repeat; }

	/* sns_chnr_wrap */
	.sns_chnr_wrap { /*height:170px;*/ padding:46px 0 47px; }
	.sns_chnr_wrap strong { font-size:32px; }
	.sns_chnr_btns { right:32px; margin-top:0; transform:translateY(-50%);  height:70px;}
	.sns_chnr_btns a { width:70px; height:70px; margin-left:30px; }
	.sns_chnr_btns a.fb { background:url("/resources/img/main/m/icon_sns01.png") center / 100% auto no-repeat; }
	.sns_chnr_btns a.in { background:url("/resources/img/main/m/icon_sns02.png") center / 100% auto no-repeat; }
	.sns_chnr_btns a.yt { background:url("/resources/img/main/m/icon_sns03.png") center / 100% auto no-repeat; }
	.sns_chnr_btns a.bg { background:url("/resources/img/main/m/icon_sns04.png") center / 100% auto no-repeat; }


}

@media screen and (max-width:700px) { 
	/* sns_chnr_wrap */
	.sns_chnr_btns a { margin-left:10px; }
}

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

	.gnb_top .gnb_top_btns { margin-right:16px; }

	.header h1 { left:16px; }

	.gnb_btns { right:16px; }

	.visual_top_txt { left:16px; -webkit-transform:translateY(-80%); transform:translateY(-80%); }

	.sub_cont_inner { padding:0 16px; }

	.fam_site_pop { right:16px; }

	.footer_addr { margin-left:16px; margin-top:25px;}

	.footer_certi_logo { margin-right:16px; }

	.header:before { height:1px; top:45px; }

	.gnb_top { height:46px; }
	.gnb_top .gnb_top_btns { height:20px; margin-top:13px; }
	.btn_lang { border-right:1px solid #333; height:20px; padding-right:15px; }
	.btn_lang a { height:20px; width:20px; }
	/* 다국어 선택 */
	.lang_sel_pop { border-radius:7px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); left:-52px; padding:15px 0 15px 15px; top:40px; width:124px; }
	.lang_sel_pop > i { height:11px; margin-left:-9px; top:-11px; width:17px; }
	.lang_sel_pop ul li { height:25px; margin-top:20px; }
	.lang_sel_pop ul li a { font-size:14px; line-height:25px; padding-left:35px; }
	.lang_sel_pop ul li.kor a,
	.lang_sel_pop ul li.eng a,
	.lang_sel_pop ul li.jap a,
	.lang_sel_pop ul li.chn a { background-size:25px auto; }
	/* 다국어 선택 end */

	.btn_design_foundation { height:20px; padding-left:15px; }
	.btn_design_foundation a { height:13px; margin-top:3px; width:95px; }

	.gnb_btm { height:75px; }

	.header h1 { height:31px; top:22px; width:62px; }

	.gnb_btns { height:30px; top:20px; }
	.gnb_btns > * { height:30px; margin-left:15px; width:30px; }
	.gnb_btns p.btn_berger { margin-left:20px; }

	.visual_top { height:calc(100vh - 121px); margin-top:121px; }

	.visual_top_ttl { font-size:16px; }
	.visual_top_intro { font-size:26px; line-height:39px; margin-top:23px; }
	.visual_top_sub { font-size:14px; margin-top:24px; }

	.sub_cont_wrap { padding:60px 0 0; margin-top:121px;}

	.sub_cont_ttl { font-size:24px; }

	.sub_tabs_wrap { border-bottom:1px solid #dedede; margin-left:-16px; margin-top:34px; width:calc(100% + 32px); }
	.sub_tabs_wrap ul li { margin:0 5px; }
	.sub_tabs_wrap ul li a { font-size:12px; padding-bottom:12px; }
	.sub_tabs_wrap ul li a.on:after,
	.sub_tabs_wrap ul li a:hover:after { height:2px; }

	.footer_inner { padding:35px 20px 35px; }
	.footer_top nav ul li { margin:0 5px 12px; padding-right:16px; }
	.footer_top nav ul li:after { height:11px; margin-top:-5px; width:1px; }
	.footer_top nav ul li a { font-size:12px; }

	.btn_fam_site { background:url("/resources/img/common/m/arrow_family_sel.png") right 15px center no-repeat #000; background-size:12px auto; border:1px solid #fff; font-size:12px; height:40px; line-height:38px; margin:35px auto 0; padding:0 40px 0 15px; width:200px; }
	.fam_site_pop { border:1px solid #fff; height:180px; margin-left:-100px; padding:12px 0; top:65px; width:200px; }
	.fam_site_pop ul:first-child { margin-bottom:0; }
	.fam_site_pop ul li a { padding:0 15px; }
	.fam_site_pop ul li a span { font-size:12px; height:40px; line-height:40px; padding:0; }

	.footer_btm { margin-top:35px; padding-top:35px; }
	.footer_addr { background-size:80px auto; font-size:12px; padding:60px 0 0; }

	.layer_pop_ttl { border-bottom:1px solid #d9d9d9; height:60px; line-height:59px; }
	.layer_pop_ttl > strong { font-size:16px; left:20px; }
	.layer_pop_ttl a.close { height:19px; margin-top:-10px; right:20px; width:19px; }

	.input_wrap { margin-top:15px; }

	.total_search_inner { padding:0 16px 80px; top:60px; }
	.total_search_close { height:22px; top:-45px; width:22px; }
	.total_search_box { border-bottom:2px solid #212121; height:56px; }
	.total_search_box input { font-size:16px; height:54px; padding:0 75px 0 0; width:calc(100% - 25px); }
	.btn_total_srch_del { height:25px; margin-top:-12px; right:45px; width:25px; }
	.btn_total_srch {  height:25px; margin-top:-12px; width:25px; }

	.btn_detail_srch { margin-top:15px; }
	.btn_detail_srch a { font-size:12px; height:27px; line-height:27px; padding:0 10px; }
	.btn_detail_srch a img { margin:9px 0 0 7px; width:6px; }

	.srch_word_list_wrap { margin-top:26px; }

	.srch_word_list_each { margin-top:50px; }
	.srch_word_list_ttl { font-size:18px; margin-bottom:25px; }

	.srch_word_list_each li { margin-top:12px; }
	.srch_word_list_each li a { font-size:14px; line-height:20px; }
	.srch_word_list_each li a.txt { width:calc(100% - 30px); }
	.srch_word_list_each li a.del { height:20px; width:20px; }
	.srch_word_list_each li a.fav { padding-left:20px; }

	.srch_word_del_all { top:2px; }
	.srch_word_del_all a { font-size:12px; }

	/* 통합검색 */
	.total_srch_wrap { margin-top:40px; padding:0 16px 60px; }

	.srch_in_result { padding:20px; }
	.srch_filter { background-position:right 15px center; background-size:10px auto; border:1px solid #d9d9d9; font-size:14px; height:40px; margin:0 0 20px 0; padding:0 35px 0 15px; }

	/* 210629 추가 */
	.srch_filter_each { height:40px; margin:0 0 20px 0; }
	.srch_filter_each > a { background-position:right 30px center; background-size:10px auto; border:1px solid #d9d9d9; font-size:14px; line-height:38px; padding:0 35px 0 15px; }

	.srch_filter_period { border:1px solid #d9d9d9; border-top:0; }
	.filter_period_inner { padding:15px; }
	.filter_period_inner ul { border-bottom:1px solid #d9d9d9; padding-bottom:15px; }
	.filter_period_inner li a { font-size:14px; height:40px; line-height:40px; }

	.period_pick_wrap { padding:28px 0 0; }
	.period_pick_wrap strong { font-size:14px; }
	.period_pick_wrap a { border:1px solid #212121; font-size:12px; height:26px; line-height:24px; }

	.period_pick_input > * { font-size:12px; height:25px; line-height:25px; margin-right:10px; }
	.period_pick_input > *:last-child { margin-right:10px; }
	.period_pick_input > input { border:1px solid #d9d9d9; padding:0 10px; }
	.period_pick_input > img { height:14px; margin-top:5px; width:17px; }

	.common_filter_list { border:1px solid #d9d9d9; padding:15px; }
	.common_filter_list li a { font-size:14px; height:40px; line-height:40px; }

	#ui-datepicker-div.ui-widget-content { border:1px solid #d9d9d9; }
	#ui-datepicker-div.ui-datepicker .ui-datepicker-header { font-size:12px; }

	#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar { font-size:12px; }

	#ui-datepicker-div.ui-datepicker .ui-state-default { font-size:12px; height:15px; line-height:15px; width:15px; }
	/* 210629 추가 end */

	.srch_filter_chk input[type="checkbox"] + label { background-size:22px auto; font-size:12px; line-height:22px; padding-left:29px; }
	.srch_filter_chk input[type="checkbox"]:checked + label { background-size:22px auto; }

	.srch_result_txt { font-size:16px; margin-top:47px; }

	.srch_result_list { margin-top:50px; }

	.srch_result_cate_tabs,
	.srch_result_cate_tabs ul li { height:50px; }
	.srch_result_cate_tabs ul li a span { font-size:12px; }

	.srch_result_cont,
	.srch_result_each { margin-top:48px; }

	.srch_result_ttl { border-bottom:1px solid #212121; height:30px; }
	.srch_result_ttl strong { font-size:16px; }
	.srch_result_ttl a { background-position:right center; background-size:5px auto; font-size:14px; padding-right:10px; top:3px; }

	.srch_result_each ul li a { border-bottom:1px solid #d9d9d9; padding:20px 0; }

	.result_cont_ttl > strong { font-size:14px; }
	.result_cont_ttl > span { font-size:12px; margin:9px 0 0 0; }

	.result_cont_txt { font-size:12px; margin-top:10px; }

	.result_cont_path { font-size:12px; margin-top:13px; }
	.no_srch_result { border-bottom:1px solid #d9d9d9; font-size:14px; height:51px; line-height:50px; }
	/* 통합검색 end */

	/* pagination */
	.mob_pagination_wrap { margin-top:30px; }
	.mob_pagination_wrap > p.prev,
	.mob_pagination_wrap > p.next { height:14px; width:8px; }
	.mob_pagination_wrap > p.pager { font-size:16px; line-height:14px; margin:0 30px; }
	.mob_pagination_wrap > p.pager a { line-height:14px; }
	/* pagination end */

	/* 모바일 전체메뉴 */
	.rnb_menu_close { height:22px; left:-37px; top:72px; width:22px; }

	.rnb_menu_t { height:207px; height: auto;padding: 30px 20px;}
	.rnb_menu_t h2 { font-size:16px; padding-top:54px; top:40px; top:auto;}
	.rnb_menu_t h2 i { height:38px; margin-left:-37px; width:74px; }

	.rnb_menu_btns { bottom:20px; height:35px; bottom:auto;height: auto;margin-top: 20px;}
	.rnb_menu_btns a { border:1px solid #fff; font-size:14px; height:35px; line-height:33px; }

	.rnb_menu_list .depth_1 { padding-bottom:50px; }
	.rnb_menu_list .depth_1 > li > a { background-position:right 25px center; background-size:15px auto; border-bottom:1px solid #eee; font-size:16px; height:50px; height: auto;line-height:50px; line-height: 25px;padding: 12px 60px 12px 25px; }
	.rnb_menu_list .depth_1 > li > a.on { background-position:right 25px center; background-size:15px auto; }

	.rnb_menu_list .depth_2 > li { border-bottom:1px solid #eee; }
	.rnb_menu_list .depth_2 > li > a { background-position:right 25px center; background-size:15px auto; font-size:14px; height:50px; height: auto;line-height:50px; line-height: 20px;padding: 15px 60px 15px 35px; }
	.rnb_menu_list .depth_2 > li > a.on { background-position:right 25px center; background-size:15px auto; }

	.rnb_menu_list .depth_3 > li > a { font-size:12px; height:35px; height: auto;line-height:35px; line-height: 19px;padding: 8px 20px 8px 45px; }
	.rnb_menu_list .depth_3 > li > a::before{margin-right:5px;}
	/* 모바일 전체메뉴 end */

	/* program */
	.sns_share_pop { width:250px; height:230px; right:0; bottom:55px; padding:30px 15px;}
	.sns_share_pop strong { font-size:16px; }
	.sns_share_pop > a.close { height:15px; width:15px; background:url("/resources/img/common/m/btn_layer_close.png") no-repeat;  right:20px; top:20px; background-size:100% auto; }

	.url_copy_wrap { height:40px; margin-top:10px; }
	.url_copy_wrap input,
	.url_copy_wrap a { font-size:12px; height:40px; width:60px; line-height:40px; }
	.url_copy_wrap input { width:150px; line-height:60px; }

	.sns_btns { padding:15px 0;  margin-bottom:15px;}
	.sns_btns a { width:31px; height:31px; }
	.sns_btns.for_mob a.kakao { background:url("/resources/img/common/circle_kakao.png") no-repeat; }
	.sns_btns.for_mob a.fb { background:url("/resources/img/common/circle_fb.png") no-repeat; }
	.sns_btns.for_mob a.twi { background:url("/resources/img/common/circle_twitter.png") no-repeat; }
	.sns_btns.for_mob a.blog { background:url("/resources/img/common/circle_blog.png") no-repeat; }
	.sns_btns.for_mob a.mail { background:url("/resources/img/common/circle_mail.png") no-repeat; }

	.sns_chnr_wrap { /*height:70px;*/ padding:30px 0 31px; }
	.sns_chnr_wrap strong { left:16px; font-size:16px; }
	.sns_chnr_btns { right:16px; height:26px; }
	.sns_chnr_btns a { width:26px; height:26px; margin-left:10px; }

	/* 210820 추가 */
	.lazy_loader { background-size:700px auto; height:70px; margin:-35px 0 0 -35px; width:70px; }
	@keyframes loader { 100% { background-position:-700px; } }
	/* 210820 추가 end */
}

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

	.fam_site_pop { top:91px; }

}

.sns_pop_btns > a.twi { background:url("/resources/img/common/circle_twitter.png") center / 100% auto no-repeat; }


/* 개편 ---------------------------------------------------------------------------------------------------------------------*/
.blind{position:absolute;left:-9999px;width:0.01px;height:0.01px;font-size:0.1px;line-height:0.01px;overflow:hidden;}

/* 헤더 START ---------------------------------------------------*/

.header {position:relative; background:none;}
.header:before { display:none; }

.header h1{position:absolute; top:auto; left:0; width:auto; height:100%; display:flex; align-items:center;}
.header h1 a{width:81px; height:42px; text-indent:unset;}

.header_inner{position:fixed; top:0; left:0; right:0; width:100%; height:auto; margin-left:0; background:none; background:#004d97; z-index:100; transition:background .6s;}

.ham_menu_close{top:70px; width:36px; height:36px; background-size:contain !important;}

.gnb_inner{left:auto; margin-left:0; width:100%; z-index:20; background:#004d97;}
.gnb_inner .gnb_top{border-bottom:1px solid #0F3A6B; height:52px;}
.gnb_inner .gnb_btm{border-bottom:1px solid #0F3A6B; height:70px;}

.gnb_menu_dim{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:10;}
.gnb_menu_bg{display:none; background:#fff; position:fixed; top:122px; left:0; right:0; background:#fff; width:100%; height:100px; z-index:10;}

.gnb_top{text-align:unset;}
.gnb_top .common_inner{display:flex; align-items:center; justify-content:space-between;}
.gnb_top .gnb_top_btns{display:flex; align-items:center; margin-top:0; height:auto;}
.btn_design_foundation{padding:0; height:auto;}
.btn_design_foundation a{margin-top:0; text-indent:unset; height:30px; width:120px; background-position:left center;}
.design_foundation_on{position:relative; height:auto; right:auto;}

.gnb_btm{text-align:center;}
.gnb_btm .gnb_btns{position:absolute; right:0; top:0;}

.gnb_menu_list{height:100%; display:inline-flex; align-items:center;}
.gnb_menu_list .depth_1{display:flex; height:100%; width:100%;}
.gnb_menu_list .depth_1 > li{position:relative; width:155px; height:100%; display:flex; align-items:center; justify-content:center;}
.gnb_menu_list .depth_1 > li > a{display:block; color:#fff; font-size:16px; font-weight:500;}
.gnb_menu_list .depth_1 > li > a::after{content:''; display:block; position:absolute; bottom:0; height:10px; background:#0F3A6B; width:100%; left:50%; width:0; transition:all .3s;}
.gnb_menu_list .depth_2{display:none; position:absolute; top:70px; left:0; width:100%; padding:25px 15px; padding-top:0;}
.gnb_menu_list .depth_2::before{content:''; display:block; height:25px;}
.gnb_menu_list .depth_1 li + li .depth_2::after{content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background:#E5E5E5;}
.gnb_menu_list .depth_2 > li{}
.gnb_menu_list .depth_2 > li + li{margin-top:10px;}
.gnb_menu_list .depth_2 > li > a{display:block; color:#111; font-size:15px; line-height:1.5; font-weight:500;}
.gnb_menu_list .depth_3{margin-top:8px;}
.gnb_menu_list .depth_3 > li{}
.gnb_menu_list .depth_3 > li + li{margin-top:4px;}
.gnb_menu_list .depth_3 > li > a{display:block; color:#A6A6A6; font-size:14px; line-height:1.429; font-weight:400; transition:color .2s; position:relative; padding-left:10px;}
.gnb_menu_list .depth_3 > li > a::before{content:'-'; display:inline-block; margin-right:3px; position:absolute; left:0; top:0;}
.gnb_menu_list .depth_2 a{text-align:left !important; letter-spacing:-0.5px;}
.gnb_menu_list .depth_2 a:hover,
.gnb_menu_list .depth_2 a:focus{color:#005D9A !important; font-weight:bold !important;}

.header .depth_1 > li.is-hover .depth_2{background:rgba(51, 118, 183, 0.05);}
.header .depth_1 > li.is-hover > a::after,
.header .depth_1 > li > a:hover::after,
.header .depth_1 > li > a:focus::after,
.header .depth_1 > li:hover > a::after{width:100%; left:0;}
.header .depth_2 > li.is-hover > a{color:#005D9A !important; font-weight:bold !important;}

.gnb_btns{position:relative; float:right; display:flex; font-size:inherit; height:100%; top:auto;}
.gnb_btns > ul{display:flex; align-items:center; height:auto; margin-left:0; width:auto;}
.gnb_btns > ul > li{display:block; position:relative; text-align:unset; height:auto; padding-right:0; margin-left:0;}
.gnb_btns > ul.fir > li + li{margin-left:10px;}
.gnb_btns > ul.sec > li + li{margin-left:15px;}
.gnb_btns .sec::before{content:''; display:block; position:relative; background:#fff; width:1px; height:26px; opacity:0.25; margin:0 15px; display:none;}

.gnb_btns > ul.fir > li > a{display:block; width:30px; height:30px; overflow:hidden; background-size:contain;}
.gnb_btns > ul.sec > li > a{display:block; width:36px; height:36px; overflow:hidden; background-size:contain;}
.gnb_btns .btn_vr > a{background:url("/resources/img/common/btn_vr_new.png")no-repeat center; background-size:contain;}
.gnb_btns .btn_mypage > a{background: url("/resources/img/common/btn_mypage_new.png")no-repeat center; background-size:contain;}
.gnb_btns .btn_mypage .my_log_pop{position:absolute; left:50%; top:53px; margin-left:-61px;}
.gnb_btns .btn_search > a{background: url("/resources/img/common/btn_search_new.png")no-repeat center; background-size:contain;}
.gnb_btns .btn_rental > a{background:url("/resources/img/common/btn_rental_new.png")no-repeat center;}
.gnb_btns .btn_membership > a{background:url("/resources/img/common/btn_membership_new.png")no-repeat center;}
.gnb_btns .btn_store a{background:url("/resources/img/common/btn_store_new.png")no-repeat center;}
.gnb_btns .btn_lang{border-right:0 none;}
.gnb_btns .btn_lang a{background:url("/resources/img/common/btn_lang_new.png")no-repeat center; margin-top:0; text-indent:unset;}
.gnb_btns .btn_lang .lang_sel_pop{position:absolute; top:50px; left:50%; margin-left:-61px; padding:15px;}
.gnb_btns .btn_berger > a{ background:url("/resources/img/common/btn_berger_new.png")no-repeat center; }

.gnb_btns .hover_box{position:absolute; top:35px; left:50%; transform:translateX(-50%); white-space:nowrap; background:rgba(0, 0, 0, 0.75); padding:15px 20px; color:#fff; font-size:15px; font-weight:500; opacity:0; visibility:hidden; transition:opacity .3s; z-index:1;}
.gnb_btns > ul > li > a:hover + .hover_box,
.gnb_btns > ul > li > a:focus + .hover_box{opacity:1; visibility:visible;}
 
.ham_menu_wrap{max-width:1240px; width:100%; margin-left:-620px;}

.line_nav_wrap{border-top:0 none; border-bottom:1px solid #0F3A6B;}
.line_nav_wrap .common_inner{padding:0 !important;}

.sub_line_nav{position:relative; border:0 none;}
.sub_line_nav > ul > li:first-child{border-left:1px solid #0f3a6b;}
.sub_line_nav > ul > li{height:50px; border-color:#0f3a6b;}
.sub_line_nav > ul > li > a{line-height:50px;}
.sub_line_nav > ul > li > ul{background:#0f3a6b; border-color:#0f3a6b; border-top:1px solid #0f3a6b;}
.sub_line_nav > ul > li > ul > li > a:hover{}

.sub_cont_inner,
.common_inner,
.news_gbg_list_inner{width:100% !important; max-width:1240px; min-width:320px; margin:0 auto !important; top:auto !important; left:auto !important;} 


/* 전체메뉴 */
.ham_menu_list .depth_1{display:flex;}
.ham_menu_list .depth_1 > li{width:25%; height:100vh; border-left:1px solid #222; padding:134px 0 180px 48px;}
.ham_menu_list .depth_1 > li:last-child{border-right:1px solid #222;}
.ham_menu_list .depth_1 > li > a{display:block; color:#fff; font-size:28px; font-weight:700;}
.ham_menu_list .depth_2{margin-top:32px;}
.ham_menu_list .depth_2 > li{margin-top:24px;}
.ham_menu_list .depth_2 > li > a{display:block; color:#fff; font-size:18px; font-weight:400;}
.ham_menu_list .depth_3 > li{margin-top:14px;}
.ham_menu_list .depth_3 > li > a{display:block; color:#a6a6a6; font-size:16px;}
.ham_menu_list .depth_3 > li > a::before{content:'-'; display:inline-block; margin-right:3px;}

.detail_cont_wrap{padding-top:172px;}

@media screen and (max-width: 1400px){
	.common_inner{padding:0;}
}

@media screen and (max-width: 1240px){
	.header h1{left:32px;}
	.gnb_btm .gnb_btns{right:32px;}
	.ham_menu_wrap{margin-left:-50%;}
	.ham_menu_close{right:32px;}
	.common_inner,
	.footer_inner,
	.sub_cont_inner,
	.news_gbg_list_inner{padding-left:32px; padding-right:32px;}
	.gnb_inner{}
}

@media screen and (max-width: 1200px){
	.gnb_btns{right:0;}
}

@media screen and (max-width: 1024px){
	.gnb_menu_list{display:none;}
}

@media screen and (max-width: 750px){
	.header h1 a{width:124px; height:62px;}

	.gnb_inner .gnb_top{height:92px;}
	.gnb_inner .gnb_btm{height:150px;}

	.gnb_btns > ul.fir > li > a,
	.gnb_btns > ul.sec > li > a{width:60px; height:60px;}
	.gnb_btns .sec::before{height:50px;}
	
	.design_foundation_on{display:none !important;}

	.btn_design_foundation a{height:26px; width:190px;}

	.rnb_menu_t{background:#004D97;}

	.gnb_btns .hover_box{top:65px; font-size:20px;}

	.detail_cont_wrap{padding-top:242px;}
}

@media screen and (max-width: 640px){
	.header h1 a{width:62px; height:31px;}

	.header h1{left:16px;}
	.gnb_btm .gnb_btns{right:16px;}

	.gnb_inner .gnb_top{height:52px;}
	.gnb_inner .gnb_btm{height:75px;}

	.common_inner,
	.footer_inner,
	.sub_cont_inner,
	.news_gbg_list_inner{padding-left:16px; padding-right:16px;}

	.btn_design_foundation a{height:13px; width:95px;}

	.gnb_btns > ul.fir > li > a, 
	.gnb_btns > ul.sec > li > a{width:30px; height:30px;}
	.gnb_btns .sec::before{height:20px; margin:0 7px;}
	.gnb_btns > ul.fir > li + li{margin-left:5px;}
	.gnb_btns > ul.sec > li + li{margin-left:7px;}

	.gnb_btns .hover_box{top:35px; font-size:12px;}
	
	.sub_cont_inner{padding:0 16px;}

	.detail_cont_wrap{padding-top:127px;}
} 

/* 서브페이지 */
.sub_cont_wrap{margin-top:172px;}
@media screen and (max-width: 750px){
	.sub_cont_wrap{margin-top:242px;}
}
@media screen and (max-width: 640px){
	.sub_cont_wrap{margin-top:127px;}
}
/* 헤더 END ---------------------------------------------------*/

/* 푸터 START ----------------------------------------------------------------*/
.footer_wrap{height:auto !important;}
.footer_inner{width:100%; max-width:1240px; min-width:320px; margin:0 auto; left:auto; padding-bottom:26px;}

.footer_fam_site{position:relative; float:right;}
.fam_site_pop{z-index:11; right:0;}
.btn_fam_site{line-height:20px; float:unset;}
.fam_site_pop > ul{display:flex;}
.fam_site_pop > ul > li{float: initial;}
.footer_top nav ul li{margin:0; padding:0; float:unset; display:inline-block;}
.footer_top nav ul li:after{position:relative; vertical-align:middle; display:inline-block; margin:0 20px;}
.footer_top nav ul li .infor {font-weight:bold; }
.footer_top nav ul li a{vertical-align:middle;}

.btm_nav{height:auto !important;}


/* 푸터 웹어워드 마크 추가 */
.webAward{position:absolute; right:0; bottom:0;}
.webAward > a{display:block; width:40px;}
.new_Sms{position:absolute; right:0; bottom:0; width:112px;}
@media screen and (max-width: 1200px){
	.footer_addr,
	.footer_top nav{margin-left:0;}
	.btn_fam_site{margin-right:0;}
}

@media screen and (max-width: 1024px){
	/* 푸터 패맬리사이트부분 시점 당김 */
	.footer_btm { border-top:1px solid #3e3e3e; margin-top:35px; padding-top:35px; }
	.footer_addr { background:url("/resources/img/common/m/footer_logo.png") center top no-repeat; float:none; margin-left:0; padding:120px 0 0; text-align:center; }
	.footer_top{display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
	.footer_top nav{float:unset; width:100%;}
	.footer_top nav ul{text-align:center;}
	.footer_top nav ul li{float:unset; display:inline-block;}
	.footer_fam_site{display:inline-block; float:unset;}
	.btn_fam_site { background:url("/resources/img/common/m/arrow_family_sel.png") right 15px center no-repeat #000; background-size:12px auto; border:1px solid #fff;  display:block; float:none; font-size:12px; height:40px; line-height:38px; margin:35px auto 0; padding:0 40px 0 15px; width:200px; }
	.fam_site_pop { padding:12px 0; background:#000; border:1px solid #fff; height:180px; margin-left:-100px; padding:12px 0; top:100%; width:100%; overflow:auto; right:0; left:0; margin-left:0;}
	.fam_site_pop > ul{display:block;}
	.fam_site_pop ul:first-child { margin-bottom:0; }
	.fam_site_pop ul li{width:100%; padding:0; margin:0;}
	.fam_site_pop ul li a { padding:0 15px; text-align:left;}
	.fam_site_pop ul li a img { display:none; }
	.fam_site_pop ul li a span { font-size:12px; height:40px; line-height:40px; padding:0; display:block; color:#fff; margin-top:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.fam_site_pop ul + ul{margin-top:0;}
	.fam_site_pop ul li a span br {display:none !important;}
}

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

	.footer_addr, .footer_top nav{float:unset;}
	.footer_addr{padding-bottom:10px;}
	.footer_inner{padding-bottom:150px;}
	.btn_fam_site{margin:35px auto 0;line-height:78px;height: 78px;font-size: 24px;width: 400px;}
	
	.footer_fam_site{float:unset;}
	.fam_site_pop > ul{display:block;}
	.fam_site_pop ul li a span{font-size:24px; line-height:70px; height:70px;}
	.footer_top nav ul li:nth-child(2):after{height:22px; width:2px; background:#fff;}
	.footer_btm{padding-top:70px; margin-top:70px; }
	.footer_addr{background-size:161px auto;}


	/* 푸터 웹어워드 마크 추가 */
	.webAward{position:relative;display:flex;align-items:center;justify-content:center;margin-top: 40px;}
	.webAward > a{width:60px;}
	.new_Sms{position:relative; margin:0 auto; width:112px;}
}

@media screen and (max-width: 640px){
	.footer_inner{padding-bottom:75px;}
	.footer_top nav ul li{margin-bottom:0;}
	.footer_top nav ul li:after{margin:0 10px;}
	.footer_top nav ul li:nth-child(2):after{height:11px; width:1px;}
	.btn_fam_site { width:200px; background:url("/resources/img/common/m/arrow_family_sel.png") right 15px center no-repeat #000; background-size:12px auto; border:1px solid #fff; font-size:12px; height:40px; line-height:38px; padding:0 40px 0 15px; margin:20px auto 0;}
	.fam_site_pop ul li a span{font-size:12px; height:40px; line-height:40px;}

	.footer_addr{background-size:80px auto; padding:60px 0 0;}
	.footer_btm{padding-top:35px; margin-top:35px;}

	/* 푸터 웹어워드 마크 추가 */
	.webAward{margin-top:20px;}
	.webAward > a{width:40px;}
} 

/* 푸터 END ----------------------------------------------------------------*/

/* 프로그램 START ----------------------------------------------------------------------------------------*/
.prog_sched_list ul::after{display:none;}
@media screen and (min-width: 751px){	
	/* 프로그램 목록 */
	.prog_sched_list ul{display:flex; flex-wrap:wrap; margin:-50px -10px;}
	.prog_sched_list ul li{width:25%; margin:0; padding: 50px 10px;}	
	.prog_sched_list ul li > a .img_box{position: relative;display:block;padding-bottom: 158%;overflow: hidden;}
	.prog_sched_list ul li > a .img_box img{display:block; position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:1000%; min-height:1000%; max-width:none; max-height:none; transform:translate(-50%, -50%) scale(0.1);}	
	.prog_sched_list ul li > a .prog_sched_txt{padding-bottom: 15px; height: auto !important; min-height:120px;border-bottom:0 none;}
	
	.prog_sched_list ul li .share_btns{right:10px !important;}

	/* 전체일정보기
	.prog_sched_list.all ul li .share_btns{bottom: 140px !important;}
	.prog_sched_list.all + .pagination_wrap{margin-top:150px;} */
	
	/* 전시, 교육, 행사...*/
	.prog_sched_list.exhibit ul{margin:-20px -10px;}
	.prog_sched_list.exhibit ul li{padding:20px 10px;}
	.prog_sched_list.exhibit ul li .share_btns{bottom: 106px !important;}
	.prog_sched_sel + .pagination_wrap{margin-top:80px;}

	.prog_sched_list.all ul{margin:-20px -10px;}
	.prog_sched_list.all ul li{padding:20px 10px;}
	.prog_sched_list.all ul li .share_btns{bottom: 106px !important;}
	.prog_sched_list.all + .pagination_wrap{margin-top:80px;}
		
	@media screen and (max-width: 1024px){
		/* 프로그램 목록 */
		.prog_sched_list.all ul{max-width:700px; margin:-20px auto;}
		.prog_sched_list.exhibit ul{max-width:700px; margin:-20px auto;}
		.prog_sched_list ul li{width: 50%; padding:50px 20px}
		.prog_sched_list ul li .share_btns{right:10px !important;}
	}
}

@media screen and (max-width: 960px){
	.prog_sched_txt div.flag { height:auto;}
	.prog_sched_txt div.flag p{ font-size:14px; line-height:26px; width:50px; height:26px;  }
}

@media screen and (max-width: 750px){		
	.prog_sched_list ul li{padding:40px 0 !important;}		
	.prog_sched_list ul li > a{min-height: 190px;padding-left: 60px; padding-left:0 !important;;}
	.prog_sched_list ul li > a > *{float:left !important; height:auto;}
	.prog_sched_list ul li > a .img_box{width: 230px; display: block;}
	.prog_sched_list ul li > a .img_box img{float:unset; width:100%;}

	.prog_sched_list ul li > a .prog_sched_txt{width: calc(100% - 230px - 20px) !important; margin:0 !important; margin-left: 20px !important; }
	.prog_sched_list ul li > a .prog_sched_txt div.flag{height:auto;}
	.prog_sched_list ul li > a .prog_sched_txt div.flag p{font-size: 20px;height: auto;line-height: 35px;}
	.prog_sched_list ul li > a .prog_sched_txt > strong{height:auto !important; max-height: 60px !important;font-size: 24px !important;line-height: 30px !important; margin-top:10px !important;
	-webkit-box-orient:vertical; display:inline-block; display:-webkit-box !important; -webkit-line-clamp:2 !important; white-space:normal !important; word-wrap:break-word !important; }
	.prog_sched_list ul li > a .prog_sched_txt > span{margin-top: 5px !important;font-size: 20px !important;line-height: 25px !important;}

	.prog_sched_list ul li .share_btns,
	.prog_sched_list.exhibit ul li .share_btns{margin:0 !important; position:absolute !important; right:0 !important; left:auto !important; bottom:40px !important; text-align:right;}
	.prog_sched_list.exhibit ul li:first-child{padding-top:0 !important;}
	/*.prog_sched_list ul li .share_btns > a{margin:0 !important; margin-left:15px !important;}*/
	.prog_sched_list.all + .pagination_wrap{margin-top:50px;}

}

@media screen and (max-width: 640px){	
	.prog_sched_list{margin-top:30px; }
	.prog_sched_list ul li{padding:20px 0 !important;}	
	.prog_sched_list ul li > a{min-height: 155px; padding-left:25px}
	.prog_sched_list ul li > a .img_box{width: 180px !important;}
	.prog_sched_list ul li > a .prog_sched_txt{width: calc(100% - 180px - 15px) !important; margin-left: 15px !important;}
	.prog_sched_list ul li > a .prog_sched_txt div.flag p{font-size: 12px !important; line-height:20px !important}
	.prog_sched_list ul li > a .prog_sched_txt > strong{height:auto !important; max-height: 40px !important;font-size: 14px !important;line-height: 20px !important;margin-top: 5px !important;}
	.prog_sched_list ul li > a .prog_sched_txt > span{font-size:12px !important; line-height:15px !important; margin-top:3px !important;}
	
	.prog_sched_list ul li .share_btns,
	.prog_sched_list.exhibit ul li .share_btns{right:0 !important; left:auto !important; bottom:20px !important;}

	.prog_sched_list.all + .pagination_wrap{margin-top:50px;}
}

@media screen and (max-width: 450px){	
	.prog_sched_list ul li > a{min-height: 115px;}
	.prog_sched_list ul li > a .img_box{width: 130px !important;}
	.prog_sched_list ul li > a .prog_sched_txt{width: calc(100% - 130px - 10px) !important; margin-left:10px !important;}
}

@media screen and (max-width: 350px){	
	.prog_sched_list ul li > a .img_box{width: 95px !important;}
	.prog_sched_list ul li > a .prog_sched_txt{width: calc(100% - 95px - 10px) !important;}
}

/* 프로그램 전체일정보기 카테고리 */
.cate_sched_sel ul{display:flex;flex-wrap:wrap;margin: 65px -15px 0px -15px; justify-content:center;}
.cate_sched_sel ul li{width:calc(100% / 6); float:unset;margin: 0;padding: 15px;}
.cate_sched_sel ul li label img{width:100%;}
.cate_sched_sel ~ .prog_sched_sel .prog_sched_list.slide{border-top:0 none !important;}

@media screen and (max-width: 1100px){
	.cate_sched_sel ul li{width:calc(100% / 3); }
}
@media screen and (max-width: 640px){
	.cate_sched_sel ul{margin: 25px -10px 0 -10px;}
	.cate_sched_sel ul li{width:calc(100% / 2); padding:10px;}

	.mob_prog_calr_wrap{padding-top:30px !important;}
}

/* 프로그램 상세 */
.detail_cont_top_txt dl dt{width:75px; line-height: 1.6;}
.detail_cont_top_txt dl dd{width:calc(100% - 75px); line-height: 1.6;}
@media screen and (max-width: 750px){
	.detail_cont_top_txt dl dt{width:120px;}
	.detail_cont_top_txt dl dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 640px){
	.detail_cont_top_txt dl dt{width:60px;}
	.detail_cont_top_txt dl dd{width:calc(100% - 60px);}
}

/* 프로그램 END ----------------------------------------------------------------------------------------*/

/* 프로그램 캘린더 -----------------*/
@media screen and (max-width: 1240px){
	.prog_calr_bg{padding-left:32px !important; padding-right:32px !important;}
}
@media screen and (max-width: 640px){
	.prog_calr_bg{padding-left:16px !important; padding-right:16px !important;}
}


.sub_cont_wrap .noti_cont_wrap{padding-top:0;}

/* 사이트맵 개편 --------------------------------------------------------------------------------*/
.sitemap_menu_list{margin-top:60px;}
.sitemap_menu_list .depth_1 > li{border-top:1px solid #212121;margin-bottom: 40px;}
.sitemap_menu_list .depth_1 > li > a{display:block; padding:40px 0; font-size:32px; line-height:46px; color:#212121; font-weight:500; text-align:center; border-bottom:1px solid #DEDEDE;}

.sitemap_menu_list .depth_2{display:flex;flex-wrap:wrap;}
.sitemap_menu_list .depth_2 > li{position:relative; width:20%; padding:20px 0;}
.sitemap_menu_list .depth_2 > li + li::before{content:'';display:block;position:absolute;top:50%;margin-top:-16px;height: 32px;width: 1px;background: #DEDEDE;}
.sitemap_menu_list .depth_2 > li:nth-child(5n+1)::before,
.sitemap_menu_list .depth_2 > li + li.hasDepth3::before,
.sitemap_menu_list .depth_2 > li.hasDepth3 + li::before{display:none;}
.sitemap_menu_list .depth_2 > li > a{display:block;padding: 20px 10px;font-size:22px;line-height:32px;color:#212121;font-weight: 500;text-align:center;display: flex;align-items: center;justify-content: center;height: 100%;}

.sitemap_menu_list .depth_3{width:100%;}
.sitemap_menu_list .depth_3 > li{display:flex; margin-bottom:20px;}
.sitemap_menu_list .depth_3 > li > a{width: 100%;display:block;padding:20px 0;font-size:18px;line-height: 26px;font-weight:500;color:#212121;border-bottom:1px solid #E5E5E5;text-align:center;display:flex;align-items:center; justify-content:start; text-align:left;}
.sitemap_menu_list .depth_3 > li .depth_4{width:100%;}

.sitemap_menu_list .depth_4 > li > a{display:block;font-size:16px;line-height: 24px;font-weight:500;color:#212121;}

.sitemap_menu_list .depth_5{margin-top:8px;margin-left: 8px;}
.sitemap_menu_list .depth_5 > li{margin-top:4px;}
.sitemap_menu_list .depth_5 > li > a{display:block;position: relative;font-size:16px;line-height:24px; font-weight:400; color:#777;padding-left: 10px;}
.sitemap_menu_list .depth_5 > li > a::before{content:'';display:block;position:absolute; top:12px;left:0; width:4px; height:4px; background:#777; border-radius:100%;}

.sitemap_menu_list .depth_2 > li.hasDepth3{width:100%;display: flex; padding-top:20px;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > a{width:20%;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3{display:flex;flex-wrap:wrap;width:80%;border: 1px solid #E5E5E5;padding: 20px 30px;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li{width: 20%;padding: 0 10px;}

.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4{width:100%;margin-right: 0;display: block;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4::after{content:''; display:block; clear:both;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > a{float:left; width:calc(20% - 20px);margin-right: 20px;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4{float:left;width:80%;height: 100%;background:#F9F9F9;display: flex;padding: 20px 40px;border: 1px solid #f9f9f9; flex-wrap:wrap;}
.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li{width: calc(100% / 3);padding-right: 10px;}

.sitemap_menu_list + .sitemap_each{margin-bottom:100px; border-top:1px solid #212121; border-bottom:0 none;}
.sitemap_menu_list + .sitemap_each .sitemap_each_ttl{margin-bottom:40px;}
.sitemap_one_depth.six{margin-top:0;}
.sitemap_one_depth.six ul{width:auto; display:flex;flex-wrap:wrap;margin:0;margin:-10px;}
.sitemap_one_depth.six ul li{width:20%;margin:0;padding: 10px;}
.sitemap_one_depth.six ul li a{display:block;}
.sitemap_one_depth.six ul li a img{display:block; width:100%;}
.sitemap_one_depth.six > ul > li:after{display:none;}
		
/* 개별 지정 -------------*/
.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(6)::before{display:block;}
.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(3)::before{display:block;}
.sitemap_menu_list .depth_1 > li:nth-child(1) li.hasDepth3{order:1;}
.sitemap_menu_list .depth_1 > li:nth-child(1) li.hasDepth4{order:1;}
/*.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(4),
.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(6),
.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(7){order:1;}*/
.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(2) .depth_4 > li:last-child{width:calc(100% / 3 * 2);}


@media screen and (max-width: 1240px){
	.sitemap_menu_list .depth_2 > li{width:25%;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > a{width:25%;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3{width:75%;}
	.sitemap_menu_list .depth_2 > li:nth-child(5n+1)::before{display:block;}
	.sitemap_menu_list .depth_2 > li:nth-child(4n+1)::before{display:none;}
	
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4{flex-wrap:wrap;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li{width:33.3%;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+4){margin-top:10px}
						
	.sitemap_one_depth.six ul li{width:25%;}

	/* 개별 지정 -------------*/
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(5)::before{display:block;}
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(6)::before{display:none;}
}
@media screen and (max-width: 950px){
	.sitemap_menu_list .depth_1 > li > a{font-size: 28px;line-height: 44px;}
	.sitemap_menu_list .depth_2 > li > a{font-size: 18px;line-height: 26px;}
	.sitemap_menu_list .depth_3 > li > a{font-size: 16px;line-height: 24px;}
	.sitemap_menu_list .depth_4 > li > a{font-size: 14px;line-height: 22px;}
	.sitemap_menu_list .depth_5 > li > a{font-size: 14px;line-height: 22px;padding-left: 5px;}
	.sitemap_menu_list .depth_5 > li > a::before{width:2px;height:2px;top: 10px;}
	
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li{width:calc(33.3% - 20px);}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > a{width:calc(33.3% - 20px);}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4{width:calc(100% - 33.3%);}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li{width: 50%;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+3){margin-top:20px;}
	
	.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(4) .depth_3 > li:nth-child(3) .depth_4 > li:nth-child(4){width:50%;}
	
	.sitemap_one_depth.six ul{margin:-20px -10px;width: auto;}
	.sitemap_one_depth.six ul li{width:33.3%;padding: 20px 10px;}


}

@media screen and (max-width: 850px){
	/* 개별지정 */
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+2){margin-top:20px;}
	.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(2) .depth_4 > li{width:100%;}
}
@media screen and (max-width: 750px){
	.sitemap_menu_list{margin-top:80px;}
	.sitemap_one_depth.six ul li{width:50%;}
	
}

@media screen and (max-width: 640px){
	.sitemap_menu_list{margin-top: 40px;}
	.sitemap_menu_list .depth_1 > li{margin-bottom: 30px;}
	.sitemap_menu_list .depth_1 > li > a{font-size: 18px;line-height: 30px;padding: 20px 0;}	
	.sitemap_menu_list .depth_2 > li{width:33.3%;padding: 10px 0;}
	.sitemap_menu_list .depth_2 > li + li::before{height:20px; margin-top:-10px;}
	.sitemap_menu_list .depth_2 > li > a{font-size: 14px;line-height: 20px;padding: 10px 5px;}
	.sitemap_menu_list .depth_2 > li:nth-child(3n+1)::before{display:none;}
	.sitemap_menu_list .depth_2 > li:nth-child(4n+1)::before{display:block;}	
	.sitemap_menu_list .depth_3 > li > a{font-size: 14px;line-height: 20px; padding:10px 0;}	
	.sitemap_menu_list .depth_4 > li > a{font-size: 14px;line-height: 20px;}	
	.sitemap_menu_list .depth_5 > li{margin-top;2px;}
	.sitemap_menu_list .depth_5 > li > a{font-size: 14px;line-height: 20px;padding-left: 5px;}
	.sitemap_menu_list .depth_5 > li > a::before{width:2px;height:2px;top: 10px;}
	
	.sitemap_menu_list .depth_2 > li.hasDepth3{width:100%;padding-top: 10px;align-items: start;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > a{width: 33.3%;height: auto;padding: 20px 5px;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3{width: calc(100% - 33.3%);padding: 10px 15px;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li{width: 100%;margin-right: 0;margin-bottom:10px;padding: 0 5px;}

	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > a{width:100%; margin-right:0;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4{width:100%;padding: 10px;height: auto;margin-top: 10px;}
	
	/* 개별 지정 -------------*/
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(4)::before{display:block;}
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(5)::before{display:none;}
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(6)::before{display:block;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+2){margin-top:0;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+3).hasDepth5{margin-top:10px !important;}
	.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(2) .depth_4 > li{width:50%;}

	.sitemap_menu_list + .sitemap_each{margin-bottom:50px;}
	.sitemap_menu_list + .sitemap_each .sitemap_each_ttl{margin-bottom: 20px;}
	.sitemap_one_depth.six ul{margin:-10px -5px;}
	.sitemap_one_depth.six ul li{width:50%; padding:10px 5px;}
	.sitemap_one_depth.six ul li p{margin-top:10px;}
}


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

	.sitemap_menu_list .depth_2{margin-top:10px;}
	.sitemap_menu_list .depth_2 > li{padding:0;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li{width:100% !important; padding-right: 0; margin-top:0 !important;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 .hasDepth5 + .hasDepth5{margin-top: 10px !important;}

	.sitemap_menu_list .depth_5{margin-top:5px; margin-left:5px;}
	
	/* 개별 지정 -------------*/
	.sitemap_menu_list .depth_1 > li:nth-child(1) .depth_2 > li:nth-child(2) .depth_4 > li{width: 50% !important;}
	.sitemap_menu_list .depth_2 > li.hasDepth3 > .depth_3 > li.hasDepth4 > .depth_4 > li:nth-child(n+2).hasDepth5{margin-top:10px !important;}
	.sitemap_menu_list .depth_1 > li:nth-child(3) .depth_2 > li:nth-child(3) > .depth_3 > li:nth-child(2) .depth_4 > li{width:100%;}
}



.detail_cont_each_txt,	
.detail_cont_each_txt p,
.detail_cont_each_txt *:not(a) { color:#4e4e4e; font-size:16px; /*font-weight:400;*/ line-height:1.6; }


/* 다국어 숨김처리 
.gnb_btns .btn_lang{display:none;}
.gnb_btns .sec::before{display:none;}
.gnb_btns > ul.sec > li + li{margin-left:0;}*/

.lang_sel_pop .jap,
.lang_sel_pop .chn{display:none;}



table.for_web{display:table !important;}
table.for_mob{display:none !important;}
@media screen and (max-width: 750px){
	table.for_web{display:none !important;}
	table.for_mob{display:table !important;}
}

/* 프로그램 상세 하단 버튼 --------------------------------------------------------------------------------*/
.prgrm_btn{display:flex; flex-wrap:wrap;flex-wrap:wrap; margin: -5px; align-items:center;justify-content: center; margin-top:50px;}
.prgrm_btn li{padding: 5px; width: 100%;max-width: 250px;}

.prgrm_btn.w200{display:block; text-align:center;}
.prgrm_btn.w200 li{max-width:200px; display: inline-block; text-align:left;}

.prgrm_btn a{display: block; color:#222; font-size: 18px; line-height: 26px; border:1px solid #212121; padding: 5px 40px 7px 20px; background-image:url('/resources/img/intro/link_arrow.png'); background-repeat:no-repeat; background-position:right 20px center; text-align: center;}


/* 공간안내 스토어 vr버튼 ------------------------------------------------------------------------------------*/	
.prgrm_btn.prgrm_vr_btn a{display: flex; align-items: center; justify-content: space-evenly; width:150px; height:50px; color:#222; font-size: 18px; line-height: 26px; border:1px solid #212121;  padding: 5px 40px 7px 20px; background-image:url('/resources/img/intro/link_arrow.png'); background-repeat:no-repeat; background-position:right 20px center;}
.food_sub_wrap .prgrm_btn.prgrm_vr_btn a img {width: 20px; height:20px; margin-top: 0;}

@media screen and (max-width: 750px){	
	.prgrm_btn li{max-width: 400px;}
	.prgrm_btn a{border: 2px solid #212121; line-height: 68px; background-image: url(/resources/img/intro/m/link_arrow.png); padding-top: 0; padding-bottom: 0; font-size: 28px;;}
	.prgrm_btn.w200 li{max-width:220px; }


/* 공간안내 스토어 vr버튼 ------------------------------------------------------------------------------------*/	
	.prgrm_btn.prgrm_vr_btn a{width:200px; height: 70px; border: 1px solid #212121; font-size: 28px; line-height: 35px; background-image:url('/resources/img/intro/m/link_arrow.png');padding-top: 15px;padding-bottom: 16px;}	
}

@media screen and (max-width:640px){	
	.prgrm_btn{ margin:-5px; margin-top:25px;}
	.prgrm_btn li{padding:5px; max-width: none; max-width:200px;}
	.prgrm_btn a{border: 1px solid #212121; font-size: 14px; line-height: 18px; background-image:url('/resources/img/intro/link_arrow.png');padding-top: 6px;padding-bottom: 8px;}
	.prgrm_btn.w200 li{max-width:200px; width:50%;}	

/* 공간안내 스토어 vr버튼 ------------------------------------------------------------------------------------*/
	.prgrm_btn.prgrm_vr_btn a{width:120px; height: 40px; border: 1px solid #212121; font-size: 28px; line-height: 35px; background-image:url('/resources/img/intro/link_arrow.png');padding-top: 15px;padding-bottom: 16px;}
	.prgrm_btn.prgrm_vr_btn a .mob_blind {display: none;}
}
/* 뉴스레터 모바일 처리 */
.sub_cont_wrap.newsLetter .noti_cont_txt *{max-width:100%; height:auto !important;}

/* 뉴스레터 START------------------------------------------------------------------------------------*/
.sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap * {color:unset; line-height:unset; font-size: unset;}
.sub_cont_wrap.newsLetter .noti_cont_txt .news_wrap * {max-width: 100%;height: auto !important; color:#222 !important;}
.sub_cont_wrap.newsLetter .noti_cont_txt .news_wrap {width: 1024px; margin: 0 auto;background:#fff;overflow: hidden;}
.news_header {display: block;width: 100%;}
.header_box {display: block;padding-bottom:53.8%;position: relative;overflow: hidden;}
.news_main_img {display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 1000%; min-height: 1000%; max-width: none; max-height: none; transform: translate(-50%, -50%) scale(0.1); z-index: 0;}
.ddp_moment {max-width: 215px; width: 25%; min-width: 145px; top: 50px; left: 3%; position: absolute;}
/* 내용 body */
.news_body {width: 100%; margin-top: 60px; margin-bottom: 100px;}
.news_body_txt {margin-bottom: 40px; display: flex; justify-content: space-between; padding-left:70px; padding-right: 70px; align-items:flex-end; color: #222;}
.news_body_tit {font-size: 40px !important; font-family: 'DDP_B_131224' !important;}
.birth_ddp{font-size: 16px !important; position: relative; line-height: 24px !important;}
.birth_ddp .birth_img{display: inline-block; background: url(http://www.ddp.or.kr/file/newsletter/renewal/icon_cake.png) no-repeat center; width: 24px; height: 24px; background-size: 24px; text-indent: -9999px;}
.sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap .birth_ddp .birth_red{font-weight: bold; color: #E14231 !important;}
.body_cont {padding: 0 110px; position: relative;}
.sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap .program_ctg {position: absolute;left: 70px;top: 0;height: 100% !important;display: flex !important; flex-direction: column; align-items: center !important;justify-content: center; }
.ctg_txt {font-size: 16px !important;font-weight: bold; writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(180deg); white-space: nowrap;}
.sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap .ctg_line {text-indent: -9999px; display: block;height: 100% !important; width: 1px; background-color: #231815; margin:0 auto; margin-top: 12px;}
.program_wrap {display: flex; width: 100%; flex-wrap: wrap;}
.program_cont {width: calc(50% - 10px);} 
.program_cont:nth-child(2n) {margin-left: 20px;}
.program_cont:nth-child(n +5) .bottom_txt {margin-bottom: 0px;}
.program_cont a {width: 100%; height: 100%; display: block; position: relative;}
.sub_cont_wrap.newsLetter .noti_cont_txt .news_wrap .program_cont .program_tag{position: absolute;padding: 8px 16px;background-color: #231815;display: inline-block;margin-bottom: 10px; font-size: 14px !important; color: #fff !important; font-family: 'DDP_B_131224' !important;}
.program_cont .bottom_txt p{color: #222; font-size: 20px !important; font-weight: bold !important;}
.program_cont:hover .bottom_txt::before {content: ""; display: block; width: 100%; height: 1px; background-color: #222; position: absolute;bottom: -10px;}
.bottom_txt {display: flex;margin-top: 17px;margin-bottom: 60px; justify-content: space-between; position: relative;}
.bottom_txt .prog_plus{background:url(http://www.ddp.or.kr/file/newsletter/renewal/prog_plus.png) no-repeat center; background-size: 20px; text-indent: -9999px; width: 20px; height: 20px; display: block;}
/* 하단 footer */
.news_footer .footer_wrap {width: 100%; border: 0;}
.news_footer .family_site {display: flex; padding: 18px 110px; align-items: center; background-color: #F1F1F1; flex-wrap: wrap; justify-content: center;}
.news_footer .family_site.family_upt {padding: 18px 50px;}
.news_footer .family_site > a:first-child {margin-right: 40px;}
.news_footer .family_site a {position: relative;}
.news_footer .family_site a:nth-child(n+2) {padding-right: 12px;}
.news_footer .family_site a:last-child {padding-right:0;}
.news_footer .family_site a:nth-child(n+2):after {display: block; content: ""; background: url(http://www.ddp.or.kr/file/newsletter/renewal/slash.png) no-repeat center;background-size: 4px 10px; width: 4px; height: 12px; position: absolute; top: 50%; margin-top: -6px; right: 4px;}
.news_footer .family_site a:last-child::after {display: none;}
.news_footer .family_site .slash {width: 4px; height: 12px; margin: 0 4px;}
.news_footer .info_box {margin: 0; padding: 30px 0 30px 0; text-align: center; font-size: 14px !important; color: #fff !important; background-color: #111; line-height: 20px;letter-spacing: -.25px; font-weight:200; word-break:keep-all;}
.sub_cont_wrap.newsLetter .noti_cont_txt .news_wrap .news_footer .info_wrap * {color: #fff !important; }
.news_footer .info_txt {font-weight: 500;}
.news_footer .info_emp {font-weight: bold; color: #fff !important; text-decoration: none;}
.sms_logo {position: absolute;right: 4%;bottom: 30px;}
@media all and (max-width: 860px){
  /* 내용 body */
  .program_txt {padding: 0 10px 10px 10px;}
  .program_tit {font-size: 20px;}
  .program_detail {font-size: 12px; padding-right: 14px;}
  .program_detail::after {background-size: 10px; width: 10px; height: 10px; top: 50%; right: 0; margin-top: -3px;}
.sms_logo {display: block; position: unset; margin-bottom: 30px;}
}
@media all and (max-width: 750px){
  /* 내용 body */
  .news_body {margin-top: 20px;}
  .news_body_txt {padding: 0 30px 0 20px; margin-bottom: 20px; flex-direction: column;align-items: flex-start;}
  .news_body_tit {font-size: 32px !important;}
  .birth_ddp {font-size:12px !important;}
  .mob_br {display: block;}
  .program_wrap {flex-direction: column; flex-wrap: nowrap; margin: 0; margin-left: 10px}
  .program_cont {width: 100%;}
  .body_cont {padding:0 30px 0 55px;}
  .sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap .program_ctg {left: 20px;}
  .ctg_txt {font-size: 14px !important;}

  .program_cont .bottom_txt p{font-size: 16px !important;}
  .program_tag {font-size: 10px;}
  .program_wrap .program_cont:nth-child(2n) {margin-left:0;}
  .program_cont a img {width: 100%;}
  .program_cont .bottom_txt {margin-bottom: 30px;}
  .program_cont:nth-child(n +5) .bottom_txt {margin-bottom: 30px;}
  .program_cont:last-child .bottom_txt {margin-bottom: 0px;}
  /* 하단 footer */		
  .news_footer .family_site {flex-wrap: wrap; justify-content: center; padding:20px 30px;}
  .news_footer .family_site > a:first-child {margin-right: 12px;}
  .news_footer .family_site .slash {width: auto; height: auto; margin: 0 4px;}
  .news_footer .info_box {padding: 20px; font-size:12px !important; line-height: 18px;}
}

@media all and (max-width: 400px){
  .sub_cont_wrap.newsLetter .noti_cont_txt  .news_wrap .ctg_line {margin-left:11px;}
}


/* 뉴스레터 END------------------------------------------------------------------------------------*/



/* 페이징 재정의 ------------------------------------------*/
.pagination_wrap{display:flex; align-items:center; justify-content:center;}
.pagination_wrap > *{display:block;}
.pagination_wrap > p{height: auto;margin-top: 0;width: auto;}
.pagination_wrap > p > a{display:block; width:36px; height:36px;}
.pagination_wrap > p.prev_first > a{background:url("/resources/img/common/pager_arrow_l2.png") no-repeat center;}
.pagination_wrap > p.prev > a{background:url("/resources/img/common/pager_arrow_l.png") no-repeat center;}
.pagination_wrap > p.next > a{background:url("/resources/img/common/pager_arrow_r.png") no-repeat center;}
.pagination_wrap > p.next_last > a{background:url("/resources/img/common/pager_arrow_r2.png") no-repeat center;}
.pagination_wrap > ol{display:flex; align-items:center; justify-content:center;margin: 0 20px;}
.pagination_wrap > ol > li{width:auto; margin:0 5px !important;height: auto;}
.pagination_wrap > ol > li > a { min-width:30px; border-bottom:2px solid transparent; color:#a6a6a6; display:block; font-size:16px; font-weight:400; line-height:34px; text-align:center; }
.pagination_wrap > ol > li > a.on,
.pagination_wrap > ol > li > a:hover { border-bottom:2px solid #212121; color:#212121; }

@media screen and (max-width:750px){
	.pagination_wrap > p > a{display:block; width:40px; height:40px;}
	.pagination_wrap > ol > li > a{font-size:18px; line-height:38px; min-width:40px;}
}

@media screen and (max-width:640px){
	.pagination_wrap > p > a{width:25px; height:25px;}
	.pagination_wrap > ol{margin:0 10px;}
	.pagination_wrap > ol > li{margin:0 2px !important;}
	.pagination_wrap > ol > li > a{min-width:25px; font-size:14px; line-height:23px;}
}

/* 조회수 ------------------------------------------------------------------------------------*/
.views{display:block; padding-left: 25px; background-image:url(/resources/img/common/ico_views.png); background-repeat:no-repeat; background-position:left center; background-size:20px 20px;color: #a6a6a6; font-size:16px; line-height:20px;}

/* 프로그램 상세 조회수 */
.detail_top::after{content:''; display:block; clear:both;}
.detail_top .txt_zoom{float:left;}
.detail_top .views{float:right;}

/* 공지사항 목록 조회수 */
.news_gbg_list_inner ul li a .etc_info{margin-top:16px; display:flex; align-items:center; font-size:16px; color:#a6a6a6; line-height:20px;} 
.news_gbg_list_inner ul li a .etc_info span::after{content:''; display:inline-block; height: 11px; width:1px; background:#a6a6a6; margin: 0 6px; vertical-align:middle;opacity: 0.6;}
.news_gbg_list_inner ul li a .etc_info span:last-child::after{display:none;}
.news_gbg_list_inner ul li a .etc_info span.date{display: inline-flex; margin-top:0; font-size:inherit; line-height:inherit;align-items: center;}
.news_gbg_list_inner ul li a .etc_info span.views{display:block; font-size:inherit; line-height:inherit;}

/* 공지사항 상세 조회수 */
.noti_cont_top{padding:30px 0 !important;}
.noti_cont_ttl{overflow:unset !important; white-space:unset !important; text-overflow:unset !important;}
.noti_cont_date,
ul.noti_cont_date{display:flex; flex-wrap:wrap; align-items:center;width: calc(100% - 200px);}
ul.noti_cont_date > li{display:inline-flex; align-items:center; font-size:18px; line-height:20px; color:#a6a6a6;}
ul.noti_cont_date > li::after{content:''; display:inline-block; height: 15px; width:2px; background:#a6a6a6; margin:0 10px; vertical-align:middle;opacity: 0.6;}
ul.noti_cont_date > li:last-child::after{display:none;}
ul.noti_cont_date > li .views{font-size:inherit; line-height:inherit;}
.noti_top_sns{top:25px !important;}
.noti_cate{margin-top:30px !important;}
.noti_cate > span{display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


@media screen and (max-width: 750px){
	.views{padding-left:35px; background-size:30px 30px; font-size:24px; line-height:30px;}

	.news_gbg_list_inner ul li a .etc_info{font-size:24px; line-height:30px; margin-top:18px;}
	.news_gbg_list_inner ul li a .etc_info span::after{height:18px;}
	
	.noti_cont_top{padding:40px 0 !important;}
	.noti_cont_ttl{margin-top:20px !important;}
	.noti_cont_date,
	ul.noti_cont_date{width: 100%;margin-top: 80px;}
	ul.noti_cont_date > li{font-size:24px; line-height:30px;}
	ul.noti_cont_date > li::after{height:19px; margin:0 20px;}
	.noti_top_sns{top:40px !important;}
	.noti_cate{margin-top:35px !important;}
}

@media screen and (max-width: 640px){
	.views{background-size:20px 20px; padding-left:25px; font-size:14px; line-height:20px;}

	.news_gbg_list_inner ul li a .etc_info{font-size:12px; line-height:15px; margin-top:9px;}
	.news_gbg_list_inner ul li a .etc_info span.views{}
	.news_gbg_list_inner ul li a .etc_info span::after{height:10px;}
	
	.noti_cont_top{padding:20px 0 !important;}
	.noti_cont_ttl{margin-top:10px !important;}
	.noti_cont_date,
	ul.noti_cont_date{width: 100%;margin-top: 45px;}
	ul.noti_cont_date > li{font-size:12px; line-height:15px;}
	ul.noti_cont_date > li .views{background-size:18px 18px; padding-left:22px;}
	ul.noti_cont_date > li::after{width:1px; height:12px; margin:0 5px;}
	.noti_top_sns {top:20px !important; left:auto !important;right: 0 !important;}
	.noti_cate{margin-top:15px !important;}
}


.iframe_box{position:relative;}
.iframe_box::before{content:''; display:block; padding-bottom: 56.25%;}
.iframe_box iframe{position:absolute; left:0; top:0; width:100%; height:100%;}


/* 교육메뉴 숨김처리 -----------------------------
.gnb_menu_list .depth_1 > li:nth-child(2) .depth_2 > li:nth-child(4),
.ham_menu_list .depth_1 > li:nth-child(2) .depth_2 > li:nth-child(4),
.rnb_menu_list .depth_1 > li:nth-child(2) .depth_2 > li:nth-child(4),
.sitemap_menu_list .depth_1 > li:nth-child(2) .depth_2 > li:nth-child(4){display:none;}*/

/* 전체일정보기
.cate_sched_sel ul > li:nth-child(4){display:none;} */


/* 공유하기/스크랩버튼 아이콘으로 변경  -------------------------------------------------------*/
.share_btns,
.detail_cont_top_btns div.sns_share{display:flex;}
.share_btns > a,
.detail_cont_top_btns div.sns_share > a{display: block;width:24px; height:24px; border:0 none; background:url(/resources/img/common/btn_scrap.png)no-repeat center; margin: 0;padding: 0;background-size:contain !important; /*text-indent:-9999px;*/}
.share_btns > a + a,
.detail_cont_top_btns div.sns_share > a + a{margin-left:4px;}
.share_btns > a.btn_share,
.detail_cont_top_btns div.sns_share > a.btn_share{background:url(/resources/img/common/btn_share.png)no-repeat center;}
.btn_scrab.on{background-image:url(/resources/img/common/btn_scrap_on.png);border: 0 none !important;}

.sns_pop.prog_sched,
.prog_sched_list.all .sns_pop{right: -8px; bottom:35px; left:auto;}
.prog_sched_list.exhibit .sns_pop{right: -8px; bottom:35px; left:auto;}
.sns_pop._view_detail{left:auto; right: -5px;}

@media screen and (max-width: 750px){
	.share_btns > a,
	.detail_cont_top_btns div.sns_share > a{width: 35px; height: 35px; background-image:url(/resources/img/common/m/btn_scrap.png);}	
	.share_btns > a.btn_share,
	.detail_cont_top_btns div.sns_share > a.btn_share{background-image:url(/resources/img/common/m/btn_share.png);}	
	.btn_scrab.on{background-image:url(/resources/img/common/m/btn_scrap_on.png);}

	.sns_pop.prog_sched,
	.prog_sched_list.all .sns_pop{right: -15px; bottom:55px}
	.prog_sched_list.exhibit .sns_pop{right: -25px; bottom:55px}
	.sns_pop_btns > a{width:60px; height:60px;}
	
	.prog_sched_list.exhibit ul li .share_btns{display:flex;}
	.prog_sched_list.exhibit ul li .share_btns > a{margin:0;}
	.prog_sched_list.exhibit ul li .share_btns > a + a{margin-left:4px;}
	
	.sns_pop._view_detail{left:auto; right: -45px;}
}

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

	.share_btns > a,
	.detail_cont_top_btns div.sns_share > a{width: 20px; height: 20px; background-image:url(/resources/img/common/btn_scrap.png);}	
	.share_btns > a.btn_share,
	.detail_cont_top_btns div.sns_share > a.btn_share{background-image:url(/resources/img/common/btn_share.png);}	
		
	.sns_pop.prog_sched,
	.prog_sched_list.all .sns_pop{right: -10px; bottom: 35px;}
	.prog_sched_list.exhibit .sns_pop{right: -22px; bottom:35px}
	.sns_pop_btns > a{width:30px; height:30px;}
	
	.sns_pop._view_detail{left:auto; right: -20px;}
}

/* 공지사항 상세 이전/다음 */
.detail_cont_btm .detail_cont_btm_btns{left:auto !important; width:100% !important; max-width:1240px !important;margin: 0 auto !important;}
@media screen and (max-width: 1240px){
	.detail_cont_btm_btns a.next{right:0 !important;}
	.detail_cont_btm_btns a.prev{left:0 !important;}
}

/* 스킵메뉴 */
.skip_menu { position:fixed; top:0; left:0; right:0; width:100%; z-index:1000;}
.skip_menu a { display:block; position:fixed; top:-51px; left:0; width:100%; height:51px; background:#212b3f; color:#fff; font-size:16px; font-weight:500; line-height:51px; text-align:center;  }
.skip_menu a:active,
.skip_menu a:focus { top:0; }
/* 스킵메뉴 end */

.btm_nav ul{display:flex; justify-content:center;}
.btm_nav ul li{float:unset; width:100%;}
.btm_nav ul li.btm_nav03{display:none;}


.etc_mark{display:none; width:130px; position:absolute;left:100px;top:50%;transform:translateY(-50%);}
.etc_mark img{display:block; width:100%;}
@media screen and (max-width: 1240px){
	.etc_mark{left:132px;}
	.gnb_menu_list .depth_1 > li{width:120px;}
}
@media screen and (max-width: 750px){
	.etc_mark{left: 180px;width: 160px;}
}
@media screen and (max-width: 640px){
	.etc_mark{left: 85px;width: auto;}
}


/* START 공지 및 셀렉트 박스------------------------------------------------------------------------------------------------------------ */
.customer_inquiry_wrap.sel_top { margin-top:20px;}
.nt_input_wrap {display: flex; justify-content: flex-end; margin-top:50px;}
.nt_srch_filter > a {background: url("/resources/img/common/arrow_sel_g.png") right 15px center no-repeat #fff;border: 1px solid #d9d9d9;color: #212121;display: block;font-size: 16px;font-weight: 400;height: 100%;line-height: 34px;padding: 0 35px 0 15px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.nt_srch_filter {height: 40px;position: relative;min-width: 115px;z-index: 5;}
.nt_filter_list {background: #fff;border: 1px solid #d9d9d9;border-top: 0;display: none;padding: 3px 15px;}
.nt_filter_list li a {color: #212121; display: block; font-size: 16px; font-weight: 400; height: 33px; line-height: 33px;}

@media screen and (max-width: 750px){
		.customer_inquiry_wrap.sel_top .for_mob{margin-top:0;}
		.nt_input_wrap {margin-top: 30px;}
		.nt_srch_filter > a {font-size: 24px;line-height: 60px;}
		.nt_srch_filter {height: 60px;min-width: 145px;}
		.nt_filter_list {padding: 10px 15px;}
		.nt_filter_list li a {font-size: 24px;line-height: 34px;height: auto;}
}

@media screen and (max-width: 640px){
		.customer_inquiry_wrap.sel_top {margin-top: 15px;}
		.nt_input_wrap {margin-top:20px;}
		.nt_srch_filter > a {font-size: 12px;line-height: 30px;}
		.nt_srch_filter {height: 30px;min-width: 100px;}
		.nt_filter_list {padding: 3px 15px;}
		.nt_filter_list li a {font-size: 12px;line-height: 20px;}
}
/* END 공지 및 셀렉트 박스------------------------------------------------------------------------------------------------------------ */

@import url("/usr/css/20210629_1326268898897600.css");
@import url("/usr/css/20210629_1326240155420000.css");
@import url("/usr/css/20210629_1326210470476600.css");
@import url("/usr/css/20210629_1326167115458600.css");
@import url("/usr/css/20210629_358912781289300.css");
@import url("/usr/css/20210524_315385009880400.css");
@import url("/usr/css/20210513_92919545068900.css");
@import url("/usr/css/20210630_1407037198028600.css");
@import url("/usr/css/20210630_1407014104237200.css");
@import url("/usr/css/20210629_1326309409145300.css");
@import url("/usr/css/20210629_1326268898897600.css");
@import url("/usr/css/20210629_1326240155420000.css");
@import url("/usr/css/20210629_1326210470476600.css");
@import url("/usr/css/20210629_1326167115458600.css");
@import url("/usr/css/20210629_358912781289300.css");

.prog_sched_txt > strong br{display:none;}

.detail_cont_wrap .detail_cont_top_btns{left:auto; right:0; width:auto; padding:0;}


/* 20230906 공간안내 메뉴 개편 ------------------------ */
.gnb_menu_list .depth_1 > li.space_asis{display:none !important;/* display:flex !important;*/}

.sitemap_menu_list .depth_1 > li.space_asis,
.rnb_menu_list .depth_1 > li.space_asis,
.ham_menu_list .depth_1 > li.space_asis,
.sub_line_nav.space_asis{display:none !important; /*display:block !important;*/}

.gnb_menu_list .depth_1 > li.space_tobe{display:flex !important;}

.rnb_menu_list .depth_1 > li.space_tobe,
.ham_menu_list .depth_1 > li.space_tobe,
.sub_line_nav.space_tobe,
.sub_line_nav{display:block;}

/*.sitemap_menu_list .depth_1 > li.space_tobe,
.rnb_menu_list .depth_1 > li.space_tobe,
.ham_menu_list .depth_1 > li.space_tobe,
.gnb_menu_list .depth_1 > li.space_tobe,
.sub_line_nav.space_tobe{display:none !important;}*/

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

	.place_sel_wrap.space_asis{display:none !important; /*display:block !important;*/}

	.place_sel_wrap.space_tobe{display:block !important; /*display:none !important;*/}

}