@charset "utf-8";

/*********** 메인 ***********/

/*메인 사이즈가 1327px 이하로 내려갔을때 #cont_area2 깨지는 부분*/
@media all and (max-width:1327px) {
	#cont_area2 .ch_admin h3{font-size:1.3em;}
	#cont_area2 .ch_admin p{margin:10px 0;}
	#cont_area2 .h_search .hs_wrap label{margin:10px 0 4px 0;}

	#cont_area2 .cha_webzine{background-size:100% 100%;}
}
@media all and (max-width:1000px){
	#top_area .top_search{left:42.625%}
	#main_content{padding:0;}
	.swipe{max-height:296px}
	#main_container{padding:15px 0;}
	#main_content{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
	section.main_news, section.hsearch, section.uwh, section.royalp, section.royalt, section.sub_link, section.kh{margin:0 !important;margin-top:8px !important}
	/* 첫번째 슬라이드 */
	section.main_slide{width:100%;margin-right:0 !important;-webkit-order:1;order:1}
	ul#main_top_slider li img{width:100%;height:210px;opacity:0;max-height:296px}
	/* 뉴스 */
	section.main_news{width:100% !important;margin-right:0 !important;-webkit-order:2;order:2}
	/* Heritage 검색 */
	/*section.hsearch{width:100% !important;-webkit-order:8;order:8;padding:25px 2%}
	section.hsearch h3{margin-bottom:30px;}*/
	
	/*.hs_left{width:100% !important;float:none !important}
	.hs_right{width:100% !important;float:none !important;margin-top:32px;}
	.hs_right a{width:100% !important;padding:10px 0 0 !important;line-height:2.5em;font-size:1.4em;}
	.hs_right a div{display:inline-block;margin:5px 10px 0 0;}*/
	/* unesco world heritage */
	section.uwh{-webkit-order:6;order:6;width:100%;margin-right:0 !important;}
	/* royal palace */
	section.royalp{width:100% !important;margin-right:0 !important;-webkit-order:7;order:7}
	#slider2>li>img{width:100% !important;height:210px !important}
	/* royal tombs */
	section.royalt{width:100% !important;margin-right:0 !important;-webkit-order:8;order:8}
	#slider3>li>img{width:100% !important;height:210px !important}
	.over_link{margin-top:6%;}
	/* 기타 링크 */
	section.sub_link{width:100% !important;margin-right:0 !important;-webkit-order:5;order:5}
	section.sub_link.sl02{width:49.5% !important;margin-right:0 !important;-webkit-order:4;order:4}
	/* korean heritage */
	section.kh{width:49.5% !important;margin-right:1% !important;-webkit-order:3;order:3}

	#footer #footer_area{padding:20px 3% 0 3%;}
	#footer_area .foot_info{width:89%;}
	#footer_area .foot_link{width:100%;margin:10px 0 0 0}
	#footer_area .foot_link a{float:left;width:49%;margin:0 10px 0 0}
	#footer_area .foot_link a:last-child{margin:0;}
}
@media all and (max-width:550px){
	#cont_area1 .cha_news{margin-bottom:5px;}
	#cont_area1 .cha_news ul{margin-top:15px;}
	#cont_area1 .cha_news ul.news_list li strong{margin:5px 0;}
	#cont_area1 .cha_news ul.news_list li p{margin:5px 0;}
	#cont_area1 .unesco{margin-bottom:5px;}
	#cont_area1 .royal{margin-bottom:5px; padding:20px 3.64% 0;}
	#cont_area2{padding:0 2%;}
	#cont_area2 .ch_admin{margin-bottom:5px;}
	#cont_area2 .ch_admin a{font-size:0.875em;}
	#cont_area2 .h_class{width:100%; margin-bottom:5px;}
	#cont_area2 .h_class .hc_btn{background-position:30% 50%; padding:15px 0 15px 50%;}
	#cont_area2 .h_search{width:100%; margin-bottom:5px;}
	#cont_area2 .h_search .hs_wrap input{width:100% !important;}
	#cont_area2 .aside{width:100%; margin-bottom:5px;padding:10px 0 10px;}
	#cont_area2 .cha_webzine>ul>li:nth-child(1){top:81px; right:0;}
	#cont_area2 .cha_webzine>ul>li>img{width:120px;}
}
/* 사이즈별 뉴스목록 갯수 */
@media all and (max-width:710px){
	#cont_area1 .cha_news ul.news_list li{width:31.3%; margin-right:3%;}
	#cont_area1 .cha_news ul.news_list li:nth-child(3n){margin-right:0;}
	#cont_area1 .cha_news ul.news_list li:nth-child(4n){display:none;}
}
@media all and (max-width:550px){
	#cont_area1 .cha_news ul.news_list li{width:48%; margin-right:3%;}
	#cont_area1 .cha_news ul.news_list li:nth-child(2n){margin-right:0;}
	#cont_area1 .cha_news ul.news_list li:nth-child(3n){display:none;}
}
/* ------------------- 메인 끝 ------------------- */

@media all and (min-width:711px){
	#mb_header{display:none}

	#remote .menu .hide{display:block !important}
}

@media all and (min-width:801px) and (max-width:1000px){
	#top_area .top_menu{top:11px;width:200px}
	#top_area .top_menu .lang{position:relative;margin:6px 0 0 30px}

	#lnb .mb_h2{display:none}

	#footer_area .foot_link{width:100%;margin:10px 0 0 0}
	#footer_area .foot_link a{float:left;margin:0 10px 0 0}

}


@media all and (max-width:800px){
	#top_area .top_search{left:35.625%}
	#top_area h1 a:last-child img{display:none}
	#top_area h1 a img{margin-left:5%}
	#gnb ul li ul li a{padding:8px}

	#top_area .top_menu{top:11px;width:27.5%;margin-right:0;}
	#top_area .top_menu .lang{position:relative;margin:6px 0 0 30px}

	#container #container_area{background:#fff}
	#container_area #remote{display:none}
	#container_area #content_area{width:100%}
	#content_area .tit_area{padding:20px 3% 30px;}
	#content_area .tit_area .print{display:none}
	#content_area #contents{width:96%;margin:20px 2% 40px 2%}

}


@media all and (max-width:710px){
	/*     메인     */
	#main_container{padding:0 0 15px;}
	#main_content section h3{font-size:1.05em;}
	.swipe{max-height:210px}
	ul#main_top_slider li img{max-width:inherit !important;width:100% !important;height:210px !important;opacity:0}
	section.main_news, section.hsearch, section.uwh, section.royalp, section.royalt, section.sub_link, section.kh{margin:0 !important;margin-top:8px !important}
	section.main_news{width:100% !important;margin:0;margin-top:10px;}
	section.hsearch{width:100% !important;}
	/*section.uwh .uwh_control,section.royalp .royalp_control,royalt_control,section.royalt .royalt_control{background:transparent;border:none;padding:0;font-size:0;}*/
	section.uwh .uwh_control,section.royalp .royalp_control,royalt_control,section.royalt .royalt_control{float:none;width:100%;text-align:left;padding:10px 0 10px 1%; height:auto;}
	section.uwh .uwh_control h3, section.royalp .royalp_control h3, section.royalt .royalt_control h3{width:inherit;margin:0;text-align:left;}
	.white_line{display:none;}
	.customNavigation, .slide2_btn, .slide3_btn{display:block;position:absolute;top:0;right:10px;z-index:9999;margin-top:8px;}
	.customNavigation a, .slide2_btn button, .slide3_btn button{margin:0 1px;}
	.uwh_list,
	section.royalp .royalp_list,
	section.royalt .royalt_list{float:none;width:100%;}
	#slider2>li>img{max-width:inherit !important;object-fit:cover}
	#slider3>li>img{max-width:inherit !important;object-fit:cover}

	section.sub_link.sl02{order:4;}
	section.uwh{order:5}
	section.royalp{order:6}
	section.royalt{order:7}
	section.sub_link{order:8}
	section.sub_link,section.sub_link.sl02,
	section.kh{width:100% !important;}
	/*    메인끝    */

	#header {position:relative;height:80px;background:url("/images/en/common/bg_header_mb.gif") left top repeat-x}
	#header #top_area{height:80px;width:100%;padding:0 0%}
	#header #top_area h1{position:absolute;left:50%;top:17px;margin-left:-90px}
	#header #top_area h1 a{width:180px;height:51px}
	#header #top_area h1 a img{width:180px;height:51px;}
	#top_area .top_search{display:none}
	#top_area .top_menu{display:none}
	#gnb{display:none}

	#mb_header{display:block;position:relative;z-index:1000}
	#mb_header .mb_gnb_btn{position:absolute;top:22px;left:2.5%;width:40px;height:40px}
	#mb_header .mb_gnb_btn a{display:block;background:url("/images/en/common/btn_m_gnb.png") left top no-repeat; background-size:40px 40px;width:40px;height:40px}
	#mb_header .mb_search_btn{position:absolute;top:22px;right:2.5%;width:40px;height:40px}
	#mb_header .mb_search_btn a{display:block;background:url("/images/en/common/btn_m_search.png") left top no-repeat; background-size:40px 40px;width:40px;height:40px}

	#mb_header .mb_search_input {background:#0c3775; position:absolute; z-index:5; width:95%; top:0px; display:none; padding:20px 2.5%}
	#mb_header .mb_search_input input[type="text"] {background:#fff; width:70%; height:44px; border:0; float:left; line-height:44px; padding:0 10px; font-size:13px;}
	#mb_header .mb_search_input input[type="image"] {float:left;}
	#mb_header .mb_search_input .btn_close {display:block; width:23px; height:23px; background:url("/images/en/common/btn_search_close.png") no-repeat 50% 50%; position:absolute; right:2.5%; top:24px;padding:5px}

	#mb_header .mb_gnb{position:absolute; top:0px; left:-220px; width:220px; background:#186eb7; z-index:10}
	#mb_header .mb_gnb .mb_lang{width:100%;display:block;position:relative;overflow:hidden}
	#mb_header .mb_gnb .mb_lang dd li{display:block;float:left;text-align:center;padding:13px 0;border-right:1px solid #cacaca;width:72px; background:#fff;}
	#mb_header .mb_gnb .mb_lang dd li:last-child {border-right:none;width:74px;}
	#mb_header .mb_gnb nav{position:relative;width:100%}
	.mb_gnb nav li{border-top:1px solid #3883c2;}
	.mb_gnb nav li a{display:block; padding:12px 0px 14px 12px; font-size:15px;font-weight:600;}
	.mb_gnb nav li a:link,
	.mb_gnb nav li a:visited,
	.mb_gnb nav li a:active{color:#fff; background:url("/images/en/common/bul_lnb_2dep.png") 194px 50% no-repeat;font-weight:600; text-decoration:none !important;}
	.mb_gnb nav li a:hover,
	.mb_gnb nav li a.hit:link,
	.mb_gnb nav li a.hit:visited,
	.mb_gnb nav li a.hit:active,
	.mb_gnb nav li a.hit:hover{background:url("/images/en/common/bul_lnb_2dep_ov.png") no-repeat 196px 50%; color:#fff600;font-weight:600;text-decoration:none !important;}
	.mb_gnb nav li ul{padding:10px 0;background:url("/images/en/common/bg_mb_snb_ov.gif") no-repeat bottom right !important;border-top:1px solid #3babf5;border-bottom:1px solid #3babf5}
	.mb_gnb nav li ul li{border-top:none;}
	.mb_gnb nav li ul li a{padding:4px 0px 5px 23px;font-size:14px;font-weight:normal !important;background:url("/images/en/common/bul_lnb_3dep.png") 13px 12px no-repeat !important;line-height:18px}
	.mb_gnb nav li ul li ul{padding:0 0 5px 0; border-top:none; background:none !important;}
	.mb_gnb nav li ul li ul li{padding:0 0 0 10px;}
	.mb_gnb nav li ul li ul li a{background:url("/images/en/common/bul_mo_3depth.png") 15px 50% no-repeat !important; font-size:0.875em; padding:2px 0 2px 23px;}
	.mb_gnb nav li ul li ul li a:hover{font-size:0.875em;}
	.mb_gnb nav li ul li a:link,
	.mb_gnb nav li ul li a:visited,
	.mb_gnb nav li ul li a:active{color:#fff;}
	.mb_gnb nav li ul li a:hover,
	.mb_gnb nav li ul li a.hit:link,
	.mb_gnb nav li ul li a.hit:visited,
	.mb_gnb nav li ul li a.hit:active,
	.mb_gnb nav li ul li a.hit:hover{color:#fff600;text-decoration:none !important; font-size:14px;}

	.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}

	#mb_header .mb_gnb .mb_utill{display:block;background:#095698;overflow:hidden;border-top:1px solid #3883c2;border-bottom:1px solid #3883c2}
	#mb_header .mb_gnb .mb_utill li {border-right:1px solid #3883c2;float:left;width:108px}
	#mb_header .mb_gnb .mb_utill li:last-child {border-right:none}
	#mb_header .mb_gnb .mb_utill li a{color:#d4e6f6;display:block;padding:12px;text-align:center;}

	#container{padding:0px}
	#container_area #remote{display:block;width:100%;padding:0}
	#remote h2{display:none}

	#remote #lnb{margin:0;}
	#remote .menu a{cursor:pointer;}

	#remote .menu a.mb_h2{display:block !important;width:100%;text-align:center;height:46px;background:url('/images/en/common/bg_mb_h2.gif') repeat; color:#fff;font-weight:400;text-decoration:none}
	#remote .menu a.mb_h2 span{padding-top:12px;display:block;font-size:1.4em;word-break:keep-all;line-height:1.1em;}
	#remote .menu a.mb_h2 strong{font-size:12px}
	#remote .menu .hide{display:none;}
	#remote #lnb ul{background:#e9f1fb url("/images/en/common/bg_mb_lnb.gif") no-repeat left bottom;overflow:hidden}
	#remote #lnb li{border-bottom:1px solid #c5d5e8;background:#e9f1fb;width:100%;}
	#remote #lnb li a{display:block; padding:12px 30px 14px;word-break:keep-all;color:#1f1f1f;/*background:url('/images/en/common/bg_mb_lnb_3dep.gif') no-repeat 20px 22px;*/}
	#remote #lnb li a:link,
	#remote #lnb li a:visited,
	#remote #lnb li a:active{font-size:1.12em;line-height:1.4em}
	#remote #lnb li a:hover,
	#remote #lnb li a.hit:link,
	#remote #lnb li a.hit:visited,
	#remote #lnb li a.hit:active,
	#remote #lnb li a.hit:hover{color:#f46700; background:#e9f1fb;/*background:url('/images/en/common/bg_mb_lnb_3dep_ov.gif') no-repeat 20px 22px;*/}
	#remote #lnb li a:nth-child(2n), #remote #lnb li a:nth-child(3n), #remote #lnb li a:nth-child(5n){border:0; padding:5px 10px 5px 45px; background-position:35px 45%;}
	#remote #lnb li a:nth-child(2n):hover, #remote #lnb li a:nth-child(3n):hover, #remote #lnb li a:nth-child(5n):hover{background-position:35px 45%;}
	#remote #lnb li a:nth-child(2){border-top:1px solid #c5d5e8; padding-top:15px; background-position:35px 60%;}
	#remote #lnb li a:nth-child(2):hover{background-position:35px 60%;}
	#remote #lnb li a:last-child{padding-bottom:15px; background-position:35px 30%; }
	#remote #lnb li a:last-child:hover{background-position:35px 30%;}
	#remote #lnb li a.selected{background:none; color:#f46700;}

	#remote .quick{display:none}

	#content_area .tit_area{position:relative;padding:15px 5.13% 20px 5.13%;}
	#content_area .tit_area .location{padding:0 0 6px 0}
	#content_area .tit_area h3{font-size:1.8em;line-height:1.1em;color:#000;letter-spacing:-0.01em;font-family:'Georgia', 'Arial', 'Verdana', sans-serif;font-weight:400}

	#footer_menu_wrap{display:none;}
	#footer_area .foot_logo{display:none;}
	#footer_area .foot_info{width:100%;text-align:center}
	#footer_area address{line-height:1.5em;margin:0}
	#footer_area .copy{color:#a8a8a8;font-size:0.95em;margin:8px 0}

	#footer_area .foot_link{width:100%}
	#footer_area .foot_link a{clear:both;display:block;width:100%;margin:0 0 8px 0;float:none}

}

@media all and (max-width:480px){
	#mb_header .mb_search_input {width:96%; padding:15px 2%}
	#mb_header .mb_search_input input[type="text"] {width:68%;}
	#mb_header .mb_search_input .btn_close {right:1.5%;top:20px;}

	section.kh ul li a{padding:10px 7%;}

}

@media all and (max-width:360px){
	#mb_header .mb_search_input input[type="text"] {width:64%;}


}



/**********New 메인 Slide 반응형**********/
@media screen and (max-width:1273px){
	.main_slide .bx-wrapper .bx-caption br{display: none;}
}

@media screen and (max-width:600px){
	.main_slide .bx-wrapper .bx-caption{padding: 11px 23px;}
	.main_slide .bx-wrapper .bx-caption span{padding: 0;}
	.main_slide .bx-controls{bottom: 179px;right: 52px;}
	.main_slide .mainSlide_num{bottom: 179px;right: 48px;}

}
@media screen and (max-width:418px){
	.main_slide .bx-wrapper .bx-caption span{font-size: 14px;line-height: 18px;}
}
@media screen and (max-width:384px){
	
}