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

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

#wrap { height:auto; position:relative; width:100%; }

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

.rnb_menu_dimm,
.rnb_menu_bg,
.rnb_menu_wrap { display:none; }

.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_eng.png") no-repeat; display:block; height:18px; margin-top:4px; overflow:hidden; text-indent:-20000px; width:193px; }

.design_foundation_on { background:#0f3a6b; display:none; height:50px; line-height:50px; position:absolute; right:-380px; text-align:center; top:0; width:370px; }
.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; }

.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; z-index:999;}
.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:after { clear:both; content:""; display:block; }
.sub_line_nav > ul > li {position:relative;;  border-right:1px solid #333; float:left; height:48px; width:221px; }
.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 30px 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 { background:url("/resources/img/common/line_nav_home.png") center no-repeat; overflow:hidden; text-indent:-20000px; }

.sub_line_nav > ul > li > ul { background:#000; border:1px solid #333; border-top:0; display:none; padding:13px 0; position:absolute; top:50px; left:0; right: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%; }

.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 { font-size:0; text-align:center; }
.sub_tabs_wrap ul li { display:inline-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; }
.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; }

.square_tabs._eng li { height:80px; vertical-align:top; }
.square_tabs._eng li a { line-height:1.4; padding-top:25px;}
.square_tabs._eng li._eng a { padding-top: 10px; }

/* 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 > 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; padding:20px 34px; position:absolute; right:0; text-align:center; bottom:35px; z-index:1; }
.fam_site_pop ul:after { clear:both; content:""; display:block; }
.fam_site_pop ul:first-child { margin-bottom: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; }

/*.btn_top { bottom:300px; height:60px; margin-right:-710px; opacity:0; position:fixed; right:50%; width:60px; z-index:11; }
.btn_top a { background:url("/resources/img/common/btn_top.png") no-repeat; display:block; height:60px; overflow:hidden; text-indent:-20000px; width:60px; border-radius:100%; }*/

.btn_top { bottom: 50px; margin-right:-710px; opacity:0; position:fixed; right:50%; z-index:11; }
.btn_top a { background:url("/resources/img/common/btn_top.png") no-repeat; background-size:contain; display:block; height:60px; overflow:hidden; text-indent:-20000px; width:60px; border-radius:100%; }

@media screen and (max-width: 1400px){
	.btn_top{margin-right:calc(-50% + 16px);}
}

@media screen and (max-width:750px) {
	.btn_top{bottom:165px}
}

@media screen and (max-width:640px) {
	.btn_top{bottom:85px; margin-right:calc(-50% + 8px)}
	.btn_top a {width:45px; height:45px;}
}

/* 통합검색 */
.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:16px; font-weight:400; height:100%; line-height:34px; padding:0 35px 0 15px; width:100%; }

.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(20% + 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_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.Facility { margin-top:210px; }
.ham_menu_each > strong.rental { margin-top:100px; }
.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 { font-size:0; height:0; overflow:hidden; text-indent:-20000px; width:0; }

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

@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:1100px){
	.footer_top._eng nav ul { margin: -20px 0 0 -20px; }
	.footer_top._eng nav ul li:first-child { margin-left:20px; }
	.footer_top._eng nav ul li { margin: 20px 0 0 20px; }
}

@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) {

	.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/m/btn_design_foundation_eng.png") no-repeat; background-size:100% auto; height:30px; margin-top:6px; width:340px; }

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

	.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:130px; 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 li._eng a span { padding:9px 0; }*/
	.fam_site_pop ul:first-child li a span { display:block; }
	.fam_site_pop ul li a span br,
	.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; }

	.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") no-repeat;}
	.sns_chnr_btns a.in {background:url("/resources/img/main/m/icon_sns02.png") no-repeat;}
	.sns_chnr_btns a.yt {background:url("/resources/img/main/m/icon_sns03.png") no-repeat;}
	.sns_chnr_btns a.bg {background:url("/resources/img/main/m/icon_sns04.png") no-repeat;}

	/* 전체메뉴 */
	.ham_menu_bg,
	.ham_menu_wrap { display:none !important; }

	.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; }
	.rnb_menu_wrap .mCSB_inside > .mCSB_container { margin-right:0; }

	.rnb_menu_t { background:#212121; height:415px; position:relative; width:100%; }
	.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%; }
	.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%; }
	.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:39%; }

	.rnb_menu_list > ul { padding-bottom:100px; }
	.rnb_menu_list > ul > 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; line-height:100px; padding:0 120px 0 50px; width:100%; }
	.rnb_menu_list > ul > 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 > ul > li > ul { display:none; }
	.rnb_menu_list > ul > li > ul > li { background:#f9f9f9; border-bottom:2px solid #eee; }
	.rnb_menu_list > ul > li > ul > 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; line-height:100px; padding:0 120px 0 70px; width:100%; }
	.rnb_menu_list > ul > li > ul > 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 > ul > li > ul > li.no_sub > a,
	.rnb_menu_list > ul > li > ul > li.no_sub > a.on { background:transparent; }

	.rnb_menu_list > ul > li > ul > li > ul { display:none; }
	.rnb_menu_list > ul > li > ul > li > ul > li > a { color:#4e4e4e; display:block; font-size:24px; font-weight:400; height:70px; line-height:70px; padding-left:90px; position:relative; }
	/* 전체메뉴 end */
}

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

	.sub_cont_inner { padding:0 16px; }

	.fam_site_pop { right:16px; }

	.footer_addr { margin-left:16px; }

	.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:15px; margin-top:3px; width:170px; }

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

	.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 0 35px; }
	.footer_top._eng nav ul { margin: 0; }
	.footer_top._eng nav ul li,
	.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; }
	.rnb_menu_t h2 { font-size:16px; padding-top:54px; top:40px; }
	.rnb_menu_t h2 i { height:38px; margin-left:-37px; width:74px; }

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

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

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

	.rnb_menu_list > ul > li > ul > li > ul > li > a { font-size:12px; height:35px; line-height:35px; padding-left:45px; }
	/* 전체메뉴 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; }

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

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


/* 개편안 -----------------------------------------*/
/* 공통 ------*/
.gnb_inner,
.sub_cont_inner,
.footer_inner{width:100%; max-width:1240px; margin:0 auto; left:auto;}


.header h1{left:0 !important;}
.gnb_btns{right:0 !important;}
.gnb_top .gnb_top_btns{margin-right:0 !important;}

.sub_cont_wrap{margin-top:191px;}
.sub_line_nav{position:relative;}
.sub_line_nav > ul{display:flex;}
.sub_line_nav > ul > li{max-width: 221px; width: 100%;}
.sub_line_nav > ul > li > a{padding-right:40px;}
.sub_line_nav > ul > li.home > a{width:50px; padding:0; height:100%;}

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

	/* 공통 ------*/
	.gnb_inner,	
	.sub_cont_inner,
	.footer_inner{padding-left:32px; padding-right:32px;}


}

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

	/* 공통 ------*/
	.sub_cont_wrap{margin-top:242px;}
}
@media screen and (max-width: 640px){

	/* 공통 ------*/
	.gnb_inner,	
	.sub_cont_inner,
	.footer_inner{padding-left:16px; padding-right:16px;}

	.sub_cont_wrap{margin-top:121px;}
}

/* 개편 ---------------------------------------------------------------------------------------------------------------------*/
.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; -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; max-width:none; width:100%; 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:203px; 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:160px; 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 5px 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:12px;}
.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;}

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

@media screen and (max-width: 1240px){
	.header h1{left:32px !important;}
	.gnb_btm .gnb_btns{right:32px !important;}
	.gnb_inner{padding-left:0;padding-right:0;}
}

@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:39px; width:340px;}

}

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

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

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

	.btn_design_foundation a{height:20px; width:170px;}

	.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;}
	
	.sub_cont_inner{padding:0 16px;}
} 

@media screen and (max-width: 414px){
	.btn_design_foundation a{height:20px; width:130px;}
}
/* 헤더 END ----------------------------------------------------------------*/

/* WRAPPER START ----------------------------------*/
.sub_cont_inner{max-width:1240px; width:100%; margin:0 auto; left:auto;}
.common_inner{width:100%; max-width:1240px; min-width:320px; margin:0 auto; left:auto;} 

/* 서브페이지 */
.sub_cont_wrap{margin-top:172px;}

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

@media screen and (max-width: 1240px){
	.common_inner,
	.sub_cont_inner{padding-left:32px; padding-right:32px;}
}

@media screen and (max-width: 750px){
	.sub_cont_wrap{margin-top:242px;}
}

@media screen and (max-width: 640px){
	.common_inner,
	.footer_inner,
	.sub_cont_inner{padding-left:16px; padding-right:16px;}

	.sub_cont_wrap{margin-top:127px;}
}
/* WRAPPER END ----------------------------------*/

/* 전체메뉴 START ----------------------------------------------------------------*/
.ham_menu_wrap{max-width:1240px; width:100%; margin-left:-620px;}

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

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

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

.rnb_menu_dimm{display:block; opacity:0; visibility:hidden; transition:all .3s;}
.rnb_menu_bg,
.rnb_menu_wrap{display:block; 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;}

/* 페이징 재정의 START ------------------------------------------*/
.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;}
}
/* 페이징 재정의 END ------------------------------------------*/



@media screen and (max-width: 1240px){
	.ham_menu_wrap{margin-left:-50%;}
	.ham_menu_close{right:32px;}
}

@media screen and (max-width: 750px){
	.rnb_menu_t{background:#004D97;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{position:relative; top:auto;}	
	
	.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: 640px){
	.ham_menu_close{right:16px;}
	
	.rnb_menu_close { height:22px; left:-37px; top:72px; width:22px; }

	.rnb_menu_t { 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 ----------------------------------------------------------------*/


/* 푸터 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 a{vertical-align:middle;}

.btm_nav{height:auto !important;}

/* 푸터 웹어워드 마크 추가 */
.webAward{position:absolute; right:0; bottom:0;}
.webAward > a{display:block; width:40px;}

@media screen and (max-width: 1400px){
	.btn_top{margin-right:calc(-50% + 16px);}
}

@media screen and (max-width: 1240px){
	.footer_inner{padding-left:32px; padding-right:32px;}
}

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

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

@media screen and (max-width: 640px){
	.footer_inner{padding-bottom:75px; padding-left:32px; padding-right:32px;}
	.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 ----------------------------------------------------------------*/


/* 다국어 숨김처리
.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;}

/* 프로그램 START ----------------------------------------------------------------------------------------*/

@media screen and (min-width: 751px){	
	/* 프로그램 목록 */
	.prog_sched_list ul{display:flex; flex-wrap:wrap; margin:-20px -10px !important;}
	.prog_sched_list ul li{float:unset !important; width:25% !important; margin:0 !important;  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 !important; margin:0;}
	.prog_sched_list.exhibit ul li .share_btns{bottom: 110px !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 !important; margin:0;}
	.prog_sched_list.all ul li .share_btns{bottom: 110px !important;}
	.prog_sched_list.all + .pagination_wrap{margin-top:80px;}
		
	@media screen and (max-width: 1024px){
		/* 프로그램 목록 */
		/*.prog_sched_list ul{max-width:700px; margin:-50px auto !important;}*/
		.prog_sched_list.exhibit ul{max-width:700px; margin:-20px auto !important;}
		.prog_sched_list.all ul{max-width:700px; margin:-20px auto !important;}
		.prog_sched_list ul li{width: 50% !important; padding:50px 20px !important}
		.prog_sched_list ul li .share_btns{right:20px !important;}
	}
}

@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;}
	.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;}
	.prog_sched_list ul li > a { padding-left:0 !important}
}

@media screen and (max-width: 640px){	
	.prog_sched_list{margin-top:30px !important; }
	.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;justify-content:center;margin: 65px -15px 0px -15px !important;;}
.cate_sched_sel ul li{width:calc(100% / 6) !important;; float:unset !important;margin: 0 !important;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) !important;; }
}
@media screen and (max-width: 640px){
	.cate_sched_sel ul{margin: 25px -10px 0 -10px !important;}
	.cate_sched_sel ul li{width:calc(100% / 2) !important; padding:10px;}
}

/* 프로그램 상세 */
.detail_cont_top_txt dl dt{width:75px;}
.detail_cont_top_txt dl dd{width:calc(100% - 75px);}
@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);}
}

/* 프로그램 상세 하단 버튼 --------------------------------------------------------------------------------*/
.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 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;}
@media screen and (max-width: 750px){	
	.prgrm_btn li{max-width: 400px;}
	.prgrm_btn a{border: 2px 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;}	
}

.sub_cont_wrap .program_btm_txt{ color:#212121; display:block; font-size:30px; font-weight:500; margin-top:90px; text-align:center; }
@media screen and (max-width: 1240px){
	.sub_cont_wrap .program_btm_txt{padding-left:32px; padding-right:32px;}
}
@media screen and (max-width: 750px){
	.sub_cont_wrap .program_btm_txt{font-size:32px; margin-top:100px;}
}
@media screen and (max-width: 640px){
	.sub_cont_wrap .program_btm_txt{padding-left:16px; padding-right:16px; font-size:16px; margin-top:50px;}
	.mob_prog_calr_wrap{padding-top:30px !important;}
}

/* 프로그램 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;}
}


/* 영문만 폰트사이즈 조정 */
.progm_slide_txt span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (min-width: 751px){
	.progm_slide_cate p{font-size:12px !important;}
	.progm_slide_txt span{font-size:15px !important;}
	.each_page_ttl_wrap h2 p{font-size:18px !important; margin-top:4px !important;}
	.main_noti_img_box strong{font-size:16px !important;}
}


/* 조회수 ------------------------------------------------------------------------------------*/
.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;}
}



/* 공유하기/스크랩버튼 아이콘으로 변경  -------------------------------------------------------*/
.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 !important; 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;}
}

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

/* 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 공지 및 셀렉트 박스------------------------------------------------------------------------------------------------------------ */