@charset "utf-8";
html, body {min-width:360px;color: #333;height: 100%;font-size: 100%;-webkit-text-size-adjust:none;word-break: keep-all;font-weight: 500;font-family:'Pretendard', sans-serif;line-height: 1.4;}
textarea {border:solid 1px #cbcbcb;width:100%;height:100px;box-sizing:border-box;resize:none;padding:10px}
.animation{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s
}
.sub_nav ul li a,
.sub_nav ul li a:before,
.main_visual .bx-pager .bx-pager-item a,
.d_day ul.animation li p span,
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content.animation p,
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p,
.view_more,
nav.menu-fixed,
nav > ul > li > a,
nav.menu-fixed > ul > li > a,
header .navi,
header > .navi > h1.h-fixed,
header > .navi > h1.h-fixed > a {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 1}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}

header {position: relative;z-index: 1;}
header .navi {background: url(/usr/images/sub/sub_bg.png) no-repeat center;height: 300px;background-size: cover;position: relative;}

header > .navi > h1 {position: absolute;top: 14px;left: 26px;z-index:2}
header > .navi > h1 > a {background: url(/usr/images/common/logo_en.svg) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 240px;height: 49px}
header > .navi > .m_menu {display:none}
header > .navi > h1.h1-fixed {position: fixed;}

.top_utill {display: flex;justify-content: flex-end;padding:8px 50px;background: #033b6e;gap: 20px;}
.top_utill .ico_sns {display: flex;gap: 9px;}
.top_utill .ico_sns li {display: flex;align-items: center;}
.top_utill .ico_sns li a {width: 17px;height: 17px;display: inline-block;text-indent: -999em;opacity: .7;}
.top_utill .ico_sns li .Instagram {background: url(/usr/images/common/ico_instar_white.svg) no-repeat 0 0 / 100%;}
.top_utill .ico_sns li .youtube {width: 19px;height: 19px;margin-right: 6px;background: url(/usr/images/common/ico_ytb_white.svg) no-repeat 0 0 / 100%;}
.top_utill .ico_sns li .facebook {background: url(/usr/images/common/ico_facebook_white.svg) no-repeat 0 0 / 100%;}
.top_utill .ico_sns li .flickr {background: url(/usr/images/common/ico_flickr_white.svg) no-repeat 0 0 / 100%;}
.top_utill .language_wrap {display: flex;gap: 12px;align-items: center;}
.top_utill .language_wrap li a {color:#949caf;font-weight: 600;position:relative;}
.top_utill .language_wrap li.on a {color:#fff;}
.top_utill .language_wrap li+li a {padding-left:12px}
.top_utill .language_wrap li+li a:before {content:'';width:1px;height: 12px;background:#204f7b;position:absolute;top: 50%;left:0;margin-top: -6px;}

nav {z-index: 1;background: #fff;position:relative}
nav.menu-fixed {position: fixed;top: 0;width: 100%;background: rgba(255,255,255,.8);box-shadow: 0 0px 20px rgba(0, 0, 0, .1);backdrop-filter: blur(5px);}
nav:after {content: '';clear: both;display: block}
nav > ul {text-align: center;display: flex;justify-content: center;}
nav > ul > li {position: relative}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;font-weight: 800;font-size: 18px;padding: 27px 50px;}
nav > ul > li > a.on, nav > ul > li > a:hover {color: #cc2821;font-weight: 800;}
nav > ul > li > ul {position: absolute;width: 100%;display: none;border-left: 1px solid #e2e2e2;padding: 10px 0;z-index: 1;top: 76px}
nav > ul > li:last-child > ul {border-right: 1px solid #e2e2e2}
nav > ul > li > ul > li > a {display: block;padding: 10px 10px;}
nav > ul > li > ul > li a:hover {color: #cc2822;font-weight:600}

.site_map {position: absolute;right: 50px;top: 35px;background: url(/usr/images/common/site_map.png) no-repeat center;width: 26px;height: 16px;display: inline-block;text-indent: -999em;margin-top: -8px;z-index: 2;}
.site_map.sitemap-fixed {position: fixed;}

/* 서브 비주얼 */
.typing-txt{display: none}
.typing {display: block;width:100%;animation-name: cursor;animation-duration: 0.3s;animation-iteration-count: 7;position: absolute;top: 67%;left: 50%;transform: translate(-50%, -50%);font-size: 45px;font-weight: 800;text-align: center;color: #fff;} 
@keyframes cursor{ 
  0%{border-right: 1px solid #fff} 
  50%{border-right: 1px solid #000} 
  100%{border-right: 1px solid #fff} 
}

.menu_bg.menu-fixed {position: fixed}
.menu_bg {width: 100%;height: 0;position: absolute;background:#fff;top: 76px;display: none;left: 0;z-index: 1}
.menu_bg:before {content:'';width:100%;height:1px;background:#e2e2e2;top:0;left:0;display: block;position: absolute;}
.menu_bg:after {content:'';width:100%;height:1px;background:#e2e2e2;bottom:0;left:0;display: block;position: absolute;}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}

@-webkit-keyframes blink{
    0% {opacity:.4}
    100% {opacity:1}
}
@-moz-keyframes blink{
    0% {opacity:.4}
    100% {opacity:1}
}
@keyframes blink{
    0% {opacity:.4}
    100% {opacity:1}
}


/* sub_navi */
.sub01, .sub02, .sub03, .sub04 {display:none}
.sub_nav_wrap {border-bottom: 1px solid #d9d9d9;height: 60px;}
.sub_nav {max-width: 1180px;margin: 0 auto;display: flex;align-items: center;height: 100%}
.sub_nav .home_icon {background: url(/usr/images/common/home_icon.png) no-repeat 0 center;text-indent: -999em;width: 50px;height: 100%;}
.sub_nav ul {position: relative;height:100%;min-width:200px}
.sub_nav ul li.on > h3 > a {}
.sub_nav > ul li a {position: relative;display: flex;font-size: 16px;letter-spacing: -0.7px;color: #313131;align-items: center;height: 100%;padding:0 30px;}
.sub_nav ul li h2 a:before, .sub_nav ul li h3 a:before {content:'';width:5px;height:9px;background: url(/usr/images/common/bl_location.png) no-repeat 0 0;position:absolute;top: 50%;left:0;margin-top: -4px;}
.sub_nav ul li h2 a span, .sub_nav ul li h3 a span {display:block;padding-right: 30px;position:relative;width:100%}
.sub_nav ul li h2 a span:after, .sub_nav ul li h3 a span:after {content:'';width: 19px;height: 19px;background: #033b6e url(/usr/images/common/bl_location02.png) no-repeat center 8px;border-radius: 100%;position: absolute;top: 50%;margin-top: -10px;right: 0;}
.sub_nav ul li a:hover {color:#cc2821;}
.sub_nav ul li a:hover:before {height:100%;opacity:1}
.sub_nav ul.menu_nav {position: absolute;border: 1px solid #ebebeb;height: auto;left: 15px;top: 49px;width: calc(100% - 30px);z-index: 1;display: none;border-radius: 10px;box-shadow: 3px 2px 11px 0px rgba(0, 0, 0, .1);background: rgba(248, 247, 246, .8);backdrop-filter: blur(5px);}
.sub_nav ul.menu_nav li {}
.sub_nav ul.menu_nav li a {padding: 7px 15px;margin-left: 0;font-size: 15px;color: #212121;font-weight: 400;}
.sub_nav ul.menu_nav li a:hover {color:#cc2821;}
.sub_nav ul li {height:100%}
.sub_nav ul li h2 {height:100%}
.sub_nav ul li h3 {height:100%}
.sub_nav .w01 li {width: 100%;float: left}
.sub_nav .w02 li {width: 50%;float: left}
.sub_nav .w03 li {width: 33.33333%;float: left}
.sub_nav .w04 li {width: 25%;float: left}

.contents {max-width:1180px;margin: 0 auto;}
.contents.wall {max-width:100%}
.contents h2 {font-size: 40px;font-weight: 800;color: #111;text-align: center;clear: both;padding: 50px 0px;letter-spacing: -1px}
.contents h3 {font-size: 28px;letter-spacing: -0.7px;color: #333;padding: 60px 0 20px;display: flex;align-items: center}
.contents h4 {font-size: 20px;letter-spacing: -0.7px;color: #333;padding: 53px 0 20px}


/* 사이트맵 */
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 100%;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
.pop-wrap.map {height:100%;background-color: #1e1e1e}
.pop-wrap .site_map_wrap {margin: 0 auto;position: relative;display: flex;flex-direction: column;height: 100%;justify-content: center}
.pop-wrap .site_map_wrap header {background: none;border: none;min-width: auto;position: relative;}
.pop-wrap .site_map_wrap header h2 {font-size: 50px;font-weight: 800;padding: 20px;color: #ffffff;text-align: center;margin-bottom: 47px}
.pop-contents { position: relative;}
.pop-contents .pop_inner {display: flex;justify-content: center}
.pop-contents ul li a {text-align: center;display: block}
.pop-contents > ul > li {font-size: 16px;flex: 1 1 auto;width: 25%}
.pop-contents > ul > li > a {font-size: 18px;border-bottom: 1px solid rgba(255,255,255,0.22);padding: 21px 0;color: #49fbff;font-weight: 800}
.pop-contents > ul > li > ul > li > a {padding: 20px 0;color: #fff}
.pop-contents > ul > li > ul > li > ul > li > a {font-size: 14px;background-color: rgba(243,243,243,0.11);padding: 7px 0;color:#fff}
.pop-close {background: url('/usr/images/common/close.png') no-repeat center;position: absolute;top: 10px;right: -5px;display: inline-block;width: 50px;height: 45px;text-indent: -999em}

/* 탭메뉴 */
.tab_menu {margin-bottom: 60px;position: relative;min-width: 0;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;touch-action: pan-y;white-space: nowrap;display: flex;justify-content: center;}
.tab_menu ul {display: flex;flex-wrap: nowrap;justify-content: center;background: #efefef;border-radius: 50px;padding: 5px;white-space: nowrap;}
.tab_menu li {flex: 0 0 auto;}
.tab_menu li a {display: block;text-align: center;padding: 12px 30px;font-size: 18px;font-weight: bold;-webkit-user-drag: none;user-select: none;}
.tab_menu li a:hover, .tab_menu li.on a {background: #033b6e;border-radius: 50px;color: #fff;}
.tab_menu::-webkit-scrollbar {display: none;}
.tab_menu.is_dragging {cursor: grabbing;user-select: none;}


/* 회의개요 */
.overview_wrap {}
.overview_inner {max-width: 1180px;display: flex;align-items: flex-end;}
.overview_inner .overview_img {max-width: 350px;width: 100%;box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, .1);}
.overview_inner .overview_img img {}
.overview_inner .overview_text {flex:1;}
.overview_inner .overview_text .metting_tit {display: flex;flex-direction: column;padding-top: 3%;position:relative;}
.overview_inner .overview_text .metting_tit:before {content:'';width:75px;height:50px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position:absolute;top:0;left: 0;z-index: -1;}
.overview_inner .overview_text .metting_tit span {font-size: 17px;font-weight: 800;color: #ed1b23;}
.overview_inner .overview_text .metting_tit strong {font-size: 30px;font-weight: 800;color: #111;}
.overview_inner .overview_text .overview_text_inner {display: flex;flex-direction: column;margin-top: 30px;background: #f5f5f5;padding: 30px 6%;}
.overview_inner .overview_text .overview_text_inner li {display: flex;gap: 14px;align-items: center;border-bottom: 1px dotted #b9c0c7;padding: 5px 0;}
.overview_inner .overview_text .overview_text_inner li:last-child {border:0;}
.overview_inner .overview_text .overview_text_inner li.flex_top {align-items: flex-start;}
.overview_inner .overview_text .overview_text_inner li strong {flex-grow: 0;min-width: 105px;text-align: center;border-radius: 21px;padding: 5px 4px;background-color: #118e98;color: #fff;}
.overview_inner .overview_text .overview_text_inner li em {flex: 1}

/* 엠블럼 */
.slogan_wrap {background:#f8f9fa;padding: 5% 7%;border-radius: 20px;}
.slogan_inner {text-align: center;position:relative;padding: 70px 0;}
.slogan_inner:before {content: '';width: 34px;height: 23px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;top: 0;left: 50%;margin-left: -17px;}
.slogan_inner:after {content: '';width: 34px;height: 23px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;left: 50%;margin-left: -17px;bottom: 0;transform: scale(-1, -1);}
.slogan_inner strong {font-size: 35px;font-weight: 800;color: #033c6f;}
.slogan_wrap p {margin-top: 30px;}
.emblem_wrap {margin-top:30px}
.emblem_text_wrap {margin-top: 10px;padding: 0 20px;}
.emblem_text_wrap p {position:relative;padding-top: 60px;}
.emblem_text_wrap p:before {content:'';width:1px;height:50px;background:#618641;position:absolute;top:0;left:0;}
.emblem_wrap .mobile {display:none}
.symbol_wrap {margin-top:50px}
.symbol_wrap ul {display: flex;gap: 25px}
.symbol_wrap ul li {border: 1px solid #e1e7f3;border-radius: 15px;padding: 15px;flex: 1 1 33.33333%;background-color: #f5f7fb}
.symbol_wrap ul li .symbol_inner {border-radius: 10px;padding: 19px;background-color: #fff}
.symbol_wrap ul li p {margin-bottom: 14px;color: #234370;font-weight: 700;}
.symbol_wrap ul li .symbol_inner img {width:auto}


/* 한중과 중앙아시아 */
.relations_text {text-align:center}
.relations_text strong {display: block;font-size: 25px;font-weight: 400;margin-bottom: 30px;}
.relations_text strong b {font-weight:800}
.relations_text02 {color: #fff;background: url(/usr/images/sub/bg_relations.png) no-repeat center right / cover;text-align: center;padding: 7% 10%;font-size: 28px;font-weight: 200;margin-top: 50px;}
.relations_text02 p {position:relative;padding: 70px 0;}
.relations_text02 strong {font-weight: 800;}
.relations_text02 p:before {content: '';width: 34px;height: 23px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;top: 0;left: 50%;margin-left: -17px;opacity: .3;}
.relations_text02 p:after {content: '';width: 34px;height: 23px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;left: 50%;margin-left: -17px;opacity: .3;bottom: 0;transform: scale(-1, -1);}
.relations_text03 {margin-top: 50px;}

/* 국가소개 */
.kazakhstan_wrap {background: #e4f5f7;}
.kyrgyzstan_wrap {background: #fbeff1;}
.tajikistan_wrap {background: linear-gradient(to top, #e2efe7 7%, #f3e9e9 92%);}
.turkmenistan_wrap {background: #e7f3ed;}
.uzbekistan_wrap {background: linear-gradient(to top, #e9f9ec 7%, #daeff3 92%);}
.country_inner {max-width:1180px;margin:0 auto;padding:60px 15px;display: flex;justify-content: center;align-items: center;gap: 30px;}
.country_inner .flag_img {max-width:350px}
.country_inner .flag_name em {display: block;color: #308738;font-weight: 600;}
.kazakhstan_wrap .country_inner .flag_name em {color: #058799;}
.kyrgyzstan_wrap .country_inner .flag_name em {color: #cb0000;}
.country_inner .flag_name strong {font-size: 45px;font-weight: 800;color: #111;}
.country_info_wrap {margin-top: 50px;}
.country_info_wrap ul {display: flex;flex-wrap: wrap;gap: 15px;}
.country_info_wrap ul li {width: calc(33.3333% - 11.25px);border: 1px solid #c9c9c9;border-radius: 10px;padding: 20px;}
.country_info_wrap ul li strong {display: block;border-bottom: 1px solid #c9c9c9;font-weight: 900;padding-bottom: 15px;margin-bottom: 15px;color: #212121;}
.country_info_wrap ul li p {word-break: auto-phrase;}

/**faq**/
.country_status_wrap {display: flex;flex-direction: column;gap: 5px;margin-top: 70px;}
.country_status_wrap > li {background: #f6f6f6;border-radius: 50px;}
.country_status_wrap > li > a {font-size: 21px;font-weight: 800;display: block;padding: 15px 35px;position: relative;}
.country_status_wrap > li > a:after {content: '';position: absolute;background: url('/usr/images/sub/up_down.png') no-repeat center top;width: 15px;height: 9px;right: 30px;top: 28px;}

.country_status_wrap > li.active {border-radius: 15px;background: none;border: 3px solid #033b6e;box-shadow: 1px 1px 12px rgba(0, 0, 0, .2);}
.country_status_wrap > li.active a {color:#305c97}
.country_status_wrap > li.active a:after {background-position:center bottom;}
.country_status_wrap > li .country_cont {padding: 0 30px 20px;display: none}
.data_table {}
.data_table table {width: 100%;border-top: 1px solid #dddddd;}
.data_table table th {background: #f3f3f3;border-bottom: 1px solid #dddddd;}
.data_table table td {border-bottom: 1px solid #dddddd;padding: 20px;}
.text_list {display: flex;flex-direction: column;gap: 5px;}
.text_list li {position: relative;padding-left: 12px;}
.text_list li:before {content:'';width: 4px;height: 4px;display: block;background: #434343;border-radius: 100%;position: absolute;top: 9px;left: 0;}
.flex_wrap {display:flex;gap: 5px;}
.flex_wrap span {flex-shrink:0}
.country_status_wrap .text_list li {display: flex;}
.country_status_wrap .text_list li em {display:inline-block;width: 135px;flex-shrink: 0;}

/* Korea in Brief */
.swiper {z-index: 0 !important;}
.swiper-button-next, .swiper-button-prev {border: 1px solid rgba(255,255,255,.8);border-radius: 100%;width: 65px !important;height: 65px !important;background: rgba(0, 0, 0, .3);}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 26px !important;}
.mySwiper {margin-top:10px}
.mySwiper .swiper-slide {opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

/* Practical Information */
.Climate_wrap {display: flex;flex-wrap: wrap;gap: 19px}
.Climate_wrap li {flex: 1 1 49%;border: 1px solid #d5d3d3;border-radius: 7px;padding: 30px 25px}
.Climate_wrap li .Climate_inner {display: flex;text-align: center;flex-direction: column;align-items: flex-start;}
.Climate_wrap li .Climate_inner strong {flex: 0 1 0;min-width: 152px;font-size: 28px;font-family: 'Pretendard';display: flex;align-items: center;gap: 10px;}
.Climate_wrap li .Climate_inner .tit_color01 {color: #cc2822;}
.Climate_wrap li .Climate_inner .tit_color02 {color: #709537;}
.Climate_wrap li .Climate_inner .tit_color03 {color: #ce8e18;}
.Climate_wrap li .Climate_inner .tit_color04 {color: #118e98;}
.Climate_wrap li .Climate_inner strong em {display: inline-block;font-size: 15px;color: #4e4e4e;text-align: center;background-color: #efefef;padding: 4px 20px;border-radius: 14px}
.Climate_wrap li .Climate_inner p {flex-grow: 1;color: #6e6e6e;text-align: left;margin-top: 15px;}
.Climate_wrap li .Climate_inner p span {display: block;color: #242424;font-weight: 600;margin-bottom: 7px}
.banking_img {display: flex;flex-wrap: wrap;gap: 19px;margin-top: 10px;}
.banking_img li {flex: 1 1 49%;border: 1px solid #d5d3d3;border-radius: 7px;padding: 30px}
.banking_img.col03 li {flex: 1 1 32%;border: 1px solid #d5d3d3;border-radius: 7px;padding: 0;overflow: hidden}
.banking_img li p {font-size: 15px;color: #4e4e4e;text-align: center;background-color: #efefef;margin-top: 18px;border-radius: 20px;display: block;padding: 9px}
.Source {margin-top: 19px;font-size: 14px;letter-spacing: 0;background: #f5f5f5;}
.Source em {display: inline-block;padding: 5px 27px;border-radius: 16px}

/* visa */
.visa_link_wrap {display: flex;gap: 30px;margin-top: 50px;}
.visa_link_wrap a {flex: 1 1 40%;border: 1px solid #d9d9d9;border-radius: 15px;overflow: hidden;}
.visa_link_wrap a span {display: flex;justify-content: center;align-items: center;padding: 9%;}
.visa_link_wrap a span img {width:auto}
.visa_link_wrap a strong {text-align: center;display: block;padding: 20px 1%;font-weight: 900;background: #f5f5f5;border-top: 1px solid #d9d9d9;position:relative}
.visa_link_wrap a strong:after {content:'';width: 30px;height: 30px;background: #006595 url('/usr/images/common/link.png') no-repeat center;position:absolute;top: 50%;right: 15px;border-radius: 100%;margin-top: -15px;}

/* seoul */
.quotation_text_wrap {position:relative;text-align: center;padding: 55px 0;margin-bottom:50px}
.quotation_text_wrap strong {display:block;font-size: 25px;font-weight: 900;margin-bottom: 20px;}
.quotation_text_wrap p {}
.quotation_text_wrap:before {content:'';width: 37px;height: 24px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;top: 0;left: 50%;z-index: -1;}
.quotation_text_wrap:after {content: '';width: 37px;height: 24px;background: url(/usr/images/sub/bg_overview.png) no-repeat 0 0 / 100%;position: absolute;left: 50%;z-index: -1;transform: scale(-1, -1);bottom: 0;}

.photo_layout_wrap {}
.photo_layout_wrap > ul {}
.photo_layout_wrap > ul > li {display: flex;gap: 70px;align-items: center;}
.photo_layout_wrap > ul > li+li {margin-top: 150px;}
.photo_layout_wrap ul li .img_area {max-width: 600px;width: 100%;flex-shrink: 0;border-radius: 15px;overflow: hidden;}
.photo_layout_wrap ul li .text_area {}
.photo_layout_wrap ul li .text_area strong {font-size: 31px;font-weight: 700;color: #033b6e;margin-bottom: 30px;display: block;}
.photo_layout_wrap ul li .text_area p {}
.photo_layout_wrap ul li .text_area a {display:inline-block;margin-top: 70px;border: 1px solid #006595;color: #fff;padding: 10px 30px;border-radius: 22px;background-color: #006595;}
.photo_layout_wrap ul li .text_area a span {background: url(/usr/images/common/link.png) no-repeat right center;padding: 0 20px 0 0;}
.photo_layout_wrap > ul > li:nth-child(even) .img_area {order:2}
.photo_layout_wrap > ul > li:nth-child(even) .text_area {order:1}

/* Transportation */
.bus_info_wrap {}
.bus_info_wrap > ul {display: flex;gap: 30px;flex-wrap: wrap;}
.bus_info_wrap > ul > li {width: calc(50% - 15px);background: #f5f5f5;display: flex;flex-direction: column;padding: 30px;border-radius: 15px;}
.bus_info_wrap ul li .img_area {text-align: center;border-radius: 10px;padding: 15px 5px;}
.bus_info_wrap ul li .img_area img {width:auto}
.bus_info_wrap ul li strong {font-size: 19px;font-weight: 800;margin-top: 10px;text-align: center;border-bottom: 1px solid #e1e1e1;padding-bottom: 15px;margin-bottom: 15px;}
.bus_info_wrap ul li ul {margin-top:15px}
.bus_info_wrap ul li ul li {}
.bus_info_wrap ul li ul li em {font-weight: 800;color: #0077e1;}
.Taxi_wrap {display: flex;flex-direction: column;gap: 30px;margin-top:30px;}
.Taxi_wrap li {display: flex;align-items: center;}
.Taxi_wrap li span {flex: 0 1 0;min-width: 340px}
.Taxi_wrap li p {}
.Taxi_wrap li p span {display: block;color: #000;font-weight: 800;margin-bottom: 14px;font-size: 19px;}


/* 게시판 */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: solid 1px #cbcbcb;height: 33px;padding: 0 40px 0 10px;background: url('/usr/images/common/ico_select.png') right center no-repeat #fff}
.select-box {padding: 7px 12px}
.select-box.pnone {padding: 0 0 10px 0;text-align: right}
.select-box.search{padding: 23px;border: 8px solid #d8e3fb;margin-bottom: 30px;text-align: center}
.select-box span {display:inline-block}
.select-box em {padding: 0 11px 0 3px}
.select-box select {height: 33px;width: 100%;font-size: 15px;font-weight: 600;letter-spacing: -0.6px}

/* 보도자료 게시판 */
.board_list1 {border-top:2px solid #033b6e; margin-bottom:30px}
.board_list1 .event {}
.board_list1 .event li .sm_img {float: left}
.board_list1 .event li .sm_img span {display: inline-block;position: relative;padding-top: 70%;overflow: hidden;width: 200px}
.board_list1 .event li .sm_img span img {position: absolute;top: 0;left: 0;height: 100%}
.board_list1 .event li .summary {margin: 0 0 0 286px;position: relative}
.board_list1 .event li .summary .title {margin-bottom: 0}
.board_list1 .event li .summary .con_txt {font-size: 15px;margin-top: 10px;font-weight: 500;color: #5d5d5d}
.board_list1 .event li .summary .con_txt a {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}
.board_list1 .event li .no {float:left; width:64px; text-align:center;line-height: 25px}

.board_list1 ul li .Institution_name {float: left;margin-right: 10px}
.board_list1 ul li .pointin {float: left;width: 39px;text-align: center;line-height: 25px}
.board_list1 ul li .pointin.up {background-color: #ff6700;color: #fff}
.board_list1 ul li .pointin.down {background-color: #245094;color: #fff}
.board_list1.point > ul > li > .summary {margin: 0px 0 0 116px}
.board_list1.point > ul > li > .summary.mr197 {margin: 0px 0 0 62px;clear: both}
.board_list1.point > ul > li > .summary .accumulate {position: absolute;top: 21%;right: 10px;font-size: 16px}

.board_list1 ul li {border-bottom:1px solid #d9dbde; width:100%; display:inline-block; position:relative; padding:15px 0 12px; letter-spacing:-0.025em; color:#666}
.board_list1 ul li .no {float:left; width:64px; text-align:center;line-height: 25px}
.board_list1 ul li.notice {background:#f2f4f6}
.board_list1 ul li.notice .no {background:url("/usr/images/common/ico_notice.png") no-repeat 12px 4px;display: block;height: 22px;padding-left: 27px}
.board_list1 ul li .summary {margin:0 0 0 75px;position: relative}
.board_list1 ul li .summary.pop {margin:0 0 0 80px}
.board_list1 ul li .summary .options {}
.board_list1 ul li .summary .options span {display:inline-block; background:url("/usr/images/common/bar_1x13_ccc.gif") no-repeat 0 50%; padding:0 9px 0 11px;font-size: 14px}
.board_list1 ul li .summary .options span:first-child {background:none; padding-left:0}
.board_list1 ul li .summary .title {margin-bottom:5px}
.board_list1 ul li .summary .title .sbj	{display:inline; color:#333;font-weight: 800;}
.board_list1 ul li .summary .title .sbj em {color:#245094}
.board_list1 ul li .summary .title .file {display: inline-block;vertical-align: 14px;width: 15px;height: 17px;background: url(/usr/images/common/ico_file_.png) no-repeat 0 0;margin-left: 3px;}
.board_list1 ul li .summary .title .file span {display:block; width:0; height:0; overflow:hidden}
.board_list1 ul li .summary .title .new	{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url("/usr/images/common/ico_new.png") no-repeat 0 0; margin:0 0 4px 6px}
.board_list1 ul li .summary .title .new span {display:block; width:0; height:0; overflow:hidden}
.board_list1 ul li .summary .note {display: inline-block;position: absolute;top: 50%;right: 15px;background: #2f69c4 url('/usr/images/common/note.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}

/* 쓰기 */
.table_type01 {border-top: 2px solid #033b6e;border-bottom:1px solid #e6e6e6;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff}
.table_type01.scroll {position:relative;overflow: hidden;overflow-y: auto}
.table_type01.scroll table {width: 100%;min-width: 640px}
.table_type01.scroll .scroll_img {position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(1, 50, 82, 0.84) url('/usr/images/common/scroll_img.png') no-repeat center/ 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;display:none}
.table_type01 table thead th {border-left: 1px solid #d9d9d9;background-color: #f9f9f9;padding: 13px;font-weight: 700;white-space: nowrap;color: #1b1b1b}
.table_type01.text_center table thead th {text-align: center}
.table_type01 table th:first-child,.table_type01 table td:first-child {border-left: 0}
.table_type01 table tr:nth-child(2) th:first-child {}
.table_type01 table tbody th {background-color: #f5f5f5;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;padding: 12px}
.table_type01 table tbody tr:first-child th {border-top: 0;min-width: 107px}
.table_type01 table td {border-top: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;}
.table_type01 table tr.double td {border-top: 3px double #d9d9d9;border-bottom: 3px double #d9d9d9}
.table_type01 table tr.bggray td {background-color: #f9f9f9}
.table_type01 table td .td_wrap {padding: 12px}
.table_type01 table td .td_form {padding: 7px 12px}
.table_type01 table td .text_left {text-align: left}
.table_type01 table td .text_center {text-align: center}
.table_type01 table td .text_right {text-align: right}
.table_type01.text_center table td {text-align: center}
.table_type01 table td .td_text {padding: 30px;text-align: left}
.table_type01 input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.table_type01 .fileBox {padding: 7px 12px}
.table_type01 .filled.basic {color: #fff;background-color: #333}
.table_type01 .filled.basic:hover, .filled.basic:focus {background-color: #618641;border-color: #618641}
.table_type01 .fileBox .fileName {display: inline-block;width: 190px;line-height: 33px;border: 1px solid #d8d8d8;background-color: #fff;vertical-align: middle}
.table_type01 .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.table_type01 .fileBox .file_add {background: url(./images/add_del.png)no-repeat 9px center;border: 1px solid #d8d8d8;line-height: 0px;text-indent: -999em;width: 33px;height: 33px;line-height: 20px}
.table_type01 .fileBox .file_del {background: url(./images/add_del.png)no-repeat -25px center;border: 1px solid #d8d8d8;line-height: 0px;text-indent: -999em;width: 33px;height: 33px;line-height: 20px}

/* 보기 */
.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede;font-size: 15px;}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600}
.text-bbsbox dd {float: left;padding-right: 20px;}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid #033b6e;padding: 10px 10px 10px 20px;background-color: #f7f7f8;border-bottom: 1px solid #dedede;font-weight:800}
.text-bbsbox .textview {padding:30px 20px}
.text-bbsbox .textview span, .text-bbsbox .textview p {font-family:'Pretendard' !important}
.text-bbsbox .textview img {max-width:100%;width: auto}
.text-bbsbox .file {text-align: left;padding: 13px;border-bottom: 1px solid #dedede;}
.text-bbsbox .file a {background: url(/usr/images/common/ico_file.png) no-repeat 3px 0px;display: inline-block;padding-left: 26px;margin-right: 15px;margin-bottom: 3px;font-size: 14px}
.text-bbsbox .file a.hwp {background-position:3px -29px}
.text-bbsbox .file a.zip {background-position:3px -58px}
.text-bbsbox .file a.xlx {background-position:3px -87px}
.text-bbsbox .file a.doc {background-position:3px -116px}
.text-bbsbox .file a.pdf {background-position:3px -146px}
.bbs_pre_next {padding: 15px 20px;overflow: hidden;border-bottom: 1px solid #dedede;background-color: #f7f7f8;border-top: 1px solid #dedede;margin-top: 75px}
.bbs_pre_next dt {float: left;padding-right: 25px;font-weight: 600;clear: both}
.bbs_pre_next dd {float: left}
.text-bbsbox .bbs_info {border-bottom: 1px solid #dedede;padding: 10px 15px;}
.text-bbsbox .bbs_info ul:first-child {display: flex;gap: 20px;}
.text-bbsbox .bbs_info ul li {display: flex;gap: 10px;}
.text-bbsbox .bbs_info ul:last-child {margin-top:10px}
.text-bbsbox .bbs_info ul:last-child li {align-items: flex-start;}
.text-bbsbox .bbs_info ul:last-child li span a {display:block;word-break: break-all;}

/* 갤러리 */
webtong-gallery {margin: 0 -1%}
.webtong-gallery:after {content: "";display: block;clear: both}
.webtong-gallery li {width: 33.33333%;float: left;padding: 0 1%;margin-bottom: 25px}
.webtong-gallery li div {border-bottom: 1px solid #b7b7b7;transition: all 0.5s}
.webtong-gallery li div:hover {box-shadow: 1px 17px 30px 3px rgba(0, 0, 0, 0.1)}
.webtong-gallery li div a {display: block}
.webtong-gallery li div a span {display: block;position: relative;padding-top: 79%;overflow: hidden}
.webtong-gallery li div a span img {width: 100%;position: absolute;top: 0;left: 0;transform: scale(1);transition: all 1s;height: 100%}
.webtong-gallery li div a span > p {position: absolute;bottom: -48px;left: 0;width: 100%;text-align: center;background-color: rgba(6, 6, 6, 0.57);color: #fff;padding: 20px 10px;opacity: 0;transition: all 0.5s;height: 100%;display: table}
.webtong-gallery li div a:hover span > p, .webtong-gallery li div a:focus span > p {bottom: 0;opacity:1}
.webtong-gallery li div a:hover span:after, .webtong-gallery li div a:focus span:after {opacity:1}
.webtong-gallery li div a:hover span img, .webtong-gallery li div a:focus span img {transform: scale(1.2)}
.webtong-gallery li div a strong {padding: 20px;display: block;font-weight: 600;font-size: 16px;color: #1b1b1b}
.webtong-gallery li div a > p {padding: 0 10px 40px 10px;max-height: 43px;overflow: hidden;margin-bottom: 10px}
.webtong-gallery.tourism li {width: 20%;float: left;padding: 0 1%;margin-bottom: 25px}
.webtong-gallery.tourism li div a span {padding-top: 67%}
.webtong-gallery.tourism li div a span img {height: auto}
.webtong-gallery.tourism li div a span > p {font-size:15px}

.webtong-gallery.card li  {width:25%}
.webtong-gallery.card li div a strong {padding: 0px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.webtong-gallery.card li div a span {display: block;position: relative;padding-top: 100%;overflow: hidden}
.webtong-gallery.card.video li div a span {padding-top: 60%;text-indent: -9999px;}
.webtong-gallery.card.pho li div a span {padding-top: 59%;text-indent:-9999px;}
.webtong-gallery.card li div a span img {height: auto}
.webtong-gallery.card li div a > p {font-size: 15px;font-weight: 300;max-height: none;padding: 0 10px 11px 10px;height: 69px;white-space: normal;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.webtong-gallery.pho li div a {padding-bottom:20px}
.webtong-gallery.card.video li div a span:after {content: '';position: absolute;background: url(/usr/images/main/viedo_icon.png) no-repeat  0 0 / 100%;width: 19px;height: 20px;top: 38%;left: 42%}
.webtong-gallery.card.Insta li div a span {padding-top: 100%}
.webtong-gallery.card.Insta li div a span:after {content: '';position: absolute;top: 7px;right: 7px;background: url(/usr/images/main/instagram_icon.png) no-repeat;width: 42px;height: 42px}
.webtong-gallery.card.Insta li div a span img {height: auto;border-radius: 6px}
.webtong-gallery.Insta li div {border-bottom: 0;transition: all 0.5s}
.webtong-gallery.video li div {padding-bottom:20px;}
.webtong-gallery.video li div a > p {display:none}
.webtong-gallery.pho li div a > p {display:none}

.webtong_gallery04 {display: flex;justify-content: space-between;gap: 2em;flex-wrap: wrap}
.webtong_gallery04:after {content: "";display: block;clear: both}
.webtong_gallery04 .card_wrap {width: 31%;margin-bottom: 50px;position: relative}
.webtong_gallery04 .card_wrap .thumbnail {position:relative;display: block}
.webtong_gallery04 .card_wrap .thumbnail .time {position: absolute;bottom: 10px;right: 8px;border: 1px solid rgba(0,0,0,0.6);color: #fff;font-size: 12px;line-height: 22px;padding: 0 7px;background-color: rgba(0,0,0,0.6);z-index: 1}
.webtong_gallery04 .card_wrap .thumbnail span {display: block;position:relative;padding-top:52%;overflow: hidden}
.webtong_gallery04 .card_wrap .thumbnail span > a {position: absolute;right: 10px;bottom: 10px;background-color: #353535;border-radius: 100%;color: #fff;font-size: 14px;padding: 10px}
.webtong_gallery04 .card_wrap .thumbnail:focus span:before,
.webtong_gallery04 .card_wrap .thumbnail:hover span:before {visibility: visible;opacity:1}
.webtong_gallery04 .card_wrap .thumbnail:focus span:after,
.webtong_gallery04 .card_wrap .thumbnail:hover span:after {visibility: visible;opacity:1}
.webtong_gallery04 .card_wrap .thumbnail span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.webtong_gallery04 .card_wrap .title {display: block;padding: 20px 0 10px;font-weight: 800;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px}
.webtong_gallery04 .card_wrap .title.center {display: block;padding: 20px 0 10px;font-weight: 600;white-space: nowrap;text-align:center}
.webtong_gallery04 .card_wrap .text {font-size: 14px;color: #767676;line-height: 20px;display: inline-block;margin-bottom: 15px;height: 62px;overflow: hidden}
.webtong_gallery04 .card_wrap dl {font-size: 13px;display: table;background-color: #f0f0f0;width: 100%}
.webtong_gallery04 .card_wrap dt {display: table-cell;width: 90px;background-color: #ff614c;color: #fff;text-align: center;padding: 13px 0}
.webtong_gallery04 .card_wrap dt a {color:#fff}
.webtong_gallery04 .card_wrap dd {padding-left: 13px;vertical-align: middle;display: table-cell}
.webtong_gallery04.w04 .card_wrap {width: 25%;float: left;padding: 0 15px;margin-bottom: 50px}
.webtong_gallery04.w04 .card_wrap em {font-size: 13px;color: #767676;background:none;padding-left: 0;line-height: 20px;display: inline-block;margin-bottom: 15px}
.webtong_gallery04.w04.big .card_wrap .thumbnail span {display: block;position:relative;padding-top:136%;overflow: hidden}
.webtong_gallery04 .card_wrap .map {display: table;background-color: #ff614c;color: #fff;text-align: center;padding: 0 29px;font-size: 13px;margin: 0 auto;line-height: 40px;margin-top: 5px}
.webtong_gallery04 .card_wrap ol {padding: 41px 15px 15px;position: absolute;top: 0;background-color: #353535;z-index: 1;display: none;width: 100%;color: #fff}
.webtong_gallery04 .card_wrap ol li {font-size: 14px;text-indent: -13px;padding-left: 13px;margin-bottom: 11px;font-weight: 400}
.webtong_gallery04 .card_wrap ol li p {margin-bottom:5px}
.webtong_gallery04 .card_wrap ol li.close_in a {position: absolute;top: 10px;right: 10px;width: 17px;height: 17px;text-indent: -999em;background: url(/usr/images/common/close_in.png) no-repeat}

.webtong-gallery.infographic_icon_ul {}
.webtong-gallery.infographic_icon_ul > li {width: 25%}
.webtong-gallery.infographic_icon_ul > li > div {border: 1px solid #dcdcdc; border-radius: 15px; padding: 40px; text-align: center}
.webtong-gallery.infographic_icon_ul li div:hover {box-shadow: none}
.webtong-gallery.infographic_icon_ul > li > div > img {width: auto}
.webtong-gallery.infographic_icon_ul > li > div > strong {display: block; margin-top: 30px}
.webtong-gallery.infographic_icon_ul > li > div > p {}

.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 35px;height: 35px;text-indent: -999em;border: 1px solid #e6e6e6;margin: 0 -3px}
.webtong-paging > a:hover {background-color:#efefef}
.webtong-paging .first {background: #fff url('/usr/images/common/first_page.png') no-repeat center}
.webtong-paging .previous {background: #fff url('/usr/images/common/previous_page.png') no-repeat center}
.webtong-paging .next {background: #fff url('/usr/images/common/next_page.png') no-repeat center}
.webtong-paging .last {background: #fff url('/usr/images/common/last_page.png') no-repeat center}
.webtong-paging span em {display: inline-block;width: 35px;height: 35px;margin: 0 -2px;color: #ff1212}
.webtong-paging span a {text-indent: 0;border: 0}
.webtong-paging span a.end {display:none}

/* 버튼 */
.webtong-btn {display: inline-block;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 6px 14px 10px;font-size: 15px;font-size: .8rem;line-height: 19px;transition: all .15s;white-space: nowrap;cursor: pointer;font-family: "Pretendard";}
.webtong-btn.big {font-size: 1.01rem;line-height: 37px}
.webtong-btn.big.login_btn {min-width: 253px;margin: 0 auto;display: table}
.webtong-btn.big.basic {max-width: 175px;width: 100%;border-radius: 50px;font-weight: 600;font-size: 16px;}
.filled.basic {color: #fff;background-color: #033b6e;border: 1px solid transparent;padding: 6px 14px;font-weight: 600;font-size: 14px;}
.filled.basic:hover, .filled.basic:focus {background-color: #001441;border-color: #001441}
.filled.grey {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.filled.grey:hover, .filled.grey:focus {background-color: #618641;border-color: #618641}
.sbtn.basic {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.sbtn.basic:hover, .sbtn.basic:focus {background-color: #618641;border-color: #618641}
.outline.basic {color: #033b6e;border-color: #033b6e;background-color: #fff}
.outline.basic:hover, .outline.basic:focus {color: #fff;background-color: #001441;border-color: #001441}
.webtong-btn.small {font-size: 1rem;line-height: 18px;min-width: 100px}
.btn-tbl.small {display: inline-block;border: 1px solid #c5c5c5;line-height: 31px;vertical-align: middle;padding: 0 8px}
.source_link {margin-top:50px}
.source_link a {display: inline-block;border: 1px solid #006595;color: #fff;padding: 10px 30px;border-radius: 22px;background-color: #006595;}
.source_link a span {background: url(/usr/images/common/link.png) no-repeat right center;padding: 0 20px 0 0;}

/* 푸터 */
footer {background-color: #2f2f2f;color: #fff;font-size: 14px;font-weight: 200;margin-top:100px}
.footer_wrap {max-width:1180px;margin:0 auto;padding: 40px 0;}
.footer_inner {display: flex;align-items: center;gap: 100px;justify-content: space-between;padding-bottom: 20px;}
.f_logo {width: 240px;height: 49px;background: url(/usr/images/common/logo_f_en.png) no-repeat center / 100%;text-indent:-999em}
.f_link {flex: 1;}
address {color: rgb(202, 202, 202);margin-top: 10px;}
.f_sns a {width: 35px;height: 35px;display: inline-block;margin-left: 5px;text-indent: -999em;}
.f_sns a.f_youtube {background: url(/usr/images/common/ico_ytb.svg) no-repeat 0 0 / 100%;}
.f_sns a.f_Facebook {background: url(/usr/images/common/ico_facebook.svg) no-repeat 0 0 / 100%;}
.f_sns a.f_Instagram {background: url(/usr/images/common/ico_instar.svg) no-repeat 0 0 / 100%;}
.f_sns a.f_flickr {background: url(/usr/images/common/ico_flickr.svg) no-repeat 0 0 / 100%;}
.copyright {text-align: center;color: rgb(165, 165, 165);border-top: 1px solid #3d3d3d;padding-top: 30px;}

/* etc */
.hr_tnorder02 {height: 2px;background-color: #033b6e;margin-bottom: 15px;clear: both}
.text_wrap {margin-top:30px}
.color_link {color: #1200ff;}
.img_line_wrap {border: 1px solid #d9d9d9;padding:5px}
.blue {color: #3959a2;}
.green {color: #5eb330;}
.green02 {color: #017f01;}
.yellow {color: #f3ad0f;}
.red {color: #e52e18;}
.color01 {color:#ce8e17}
.color02 {color:#118e97}
.color03 {color:#cc2821}

/* 준비중 */
.cont_ing {border:1px solid #d9d9d9;padding:30px;text-align:center}
.cont_ing img {width: auto;}

@media screen and (max-width: 1490px) {
	nav > ul > li > a {font-size: 17px}
}
@media screen and (max-width: 1320px) {
	header > .navi > h1 {top: 19px;}
	header > .navi > h1 > a {width: 185px;height: 38px;}

}
@media screen and (max-width: 1260px) {
	.typing {font-size: 30px}
}

@media screen and (max-width: 1200px) {
	.top_utill {padding: 8px 15px;}
	header .navi {}
	header > .navi > h1 {position: absolute;top: 0;width:100%;background: #fff;z-index: 0;left: 0;padding: 10px 15px;}
	header > .navi > .m_menu {position: absolute;right: 8px;top: 14px;z-index: 4;color: #fff;display: block;background: url(/usr/images/common/menu.png) no-repeat center;text-indent: -999em;width: 29px;height: 29px}
	header > .navi > .m_menu.off {position: fixed;background: url('/usr/images/common/close.png') no-repeat center;right: 5px;top: 10px}
	header > .navi > h1.h1-fixed {width: 100%;background: rgba(255, 255, 255, .8);box-shadow: 0 0px 20px rgba(0, 0, 0, .1);backdrop-filter: blur(5px);}
	header > .navi > .m_menu.m-fixed {position:fixed}
	nav {display:none;background: #033c6f;top: 0;margin-left: 0;position: fixed;width: 100%;height:100vh;padding: 46px 0 10px;z-index: 2;}
	nav > ul {margin: 0;width: 100%;text-align: left;flex-direction: column;}
	nav > ul > li > a {color:#fff;text-align: left;padding: 10px 18px;background: url(/usr/images/common/up_down.png) no-repeat right 13px}
	nav > ul > li > a.on, nav > ul > li > a:hover {color: #eb9b03;}
	nav > ul > li.active > a {background-position: right -21px}
	nav > ul > li > ul {position: relative;top: 0;background-color: #305c97;padding-left: 21px;border-left: 0;}
	nav > ul > li > ul > li > a {color:#fff}
	nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li > a:focus {color: #ebd003;}
	nav.menu-fixed {top: 0;background-color: #033c6f}
	nav.menu-fixed > ul > li > a {padding: 10px 18px;background: url(/usr/images/common/up_down.png) no-repeat right 15px}
	nav.menu-fixed > ul > li.active > a {background-position: right -22px}
	nav.menu-fixed > ul > li > ul {top: 0;padding-left: 21px;background-color: #305c97}
	.site_map {display:none}
	.brnone {display:none}
	.sub_nav_wrap {padding: 0 20px;}
	.sub_nav ul li a {font-size: 15px;line-height: 20px}
	
	/* 탭메뉴 */
	.tab_menu li a {padding: 10px 20px;font-size: 15px;}
}
@media screen and (max-width: 1180px) {
	.contents {padding:0 2% 0}
	.footer_wrap {padding:15px 2%}
	
	/* seoul */
	.photo_layout_wrap ul li .img_area {max-width: 500px;}
	.photo_layout_wrap ul li .text_area a {margin-top:50px}

}	
@media screen and (max-width: 1024px) {
	.contents h2 {font-size: 30px}
	.contents h3 {font-size:23px}
	
	/* seoul */
	.photo_layout_wrap > ul > li {gap:40px}
	.photo_layout_wrap ul li .img_area {max-width: 450px;}
	.photo_layout_wrap ul li .text_area strong {font-size: 27px;margin-bottom: 20px;}
	.photo_layout_wrap ul li .text_area a {margin-top:20px}
	
	/* 갤러리 */
	.webtong-gallery li, .webtong-gallery.tourism li {width: 33.3333%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
	.webtong_gallery04 .card_wrap {width:47%}

}
@media screen and (max-width: 980px) {
	header .navi {height: 230px;}
	
	/* 탭메뉴 */
	.tab_menu {margin-bottom: 30px;}
	.tab_menu.mwrap {justify-content: flex-start;}
	
	/* 회의개요 */
	.overview_inner .overview_img {max-width: 270px;}
	.overview_inner .overview_text .metting_tit strong {font-size: 22px;}
	.overview_inner .overview_text .overview_text_inner {margin-top: 15px;padding: 15px 6%;}
	.overview_inner .overview_text .overview_text_inner li {font-size: 15px;}
	
	/* 슬로건 및 엠블럼 */
	.slogan_inner {padding: 40px 0;}
	.slogan_inner strong {font-size: 25px;}
	.slogan_wrap p {margin-top:15px}
	.slogan_inner:before {width: 24px;height: 16px;margin-left: -12px;}
	.slogan_inner:after {width: 24px;height: 16px;margin-left: -12px;}
	
	/* 한중과 중앙아시아 */
	.relations_text {font-size:15px}
	.relations_text strong {font-size: 21px;}
	.relations_text02 {font-size: 21px;}
	.relations_text02 p {padding: 40px 0;}
	.relations_text02 p:before, .relations_text02 p:after {width: 24px;height: 16px;margin-left: -12px;}
	.relations_text03 {font-size:15px}
	
	/* 푸터 */
	.footer_wrap {padding: 30px 15px;}
	.footer_inner {flex-direction: column;gap: 30px;}
	.f_link {text-align:center}
	
	/* 국가소개 */
	.country_inner {padding: 40px 15px;}
	.country_inner .flag_img {max-width: 220px;}
	.country_inner .flag_name strong {font-size: 30px;}
	.country_info_wrap {margin-top: 30px;}
	.country_info_wrap ul li {width:auto;flex:1 1 30%;padding: 15px;}
	.country_info_wrap ul li strong {font-size:15px;padding-bottom: 10px;margin-bottom: 10px;}
	.country_info_wrap ul li p {font-size:15px;}
	.country_status_wrap {margin-top: 30px;}
	.country_status_wrap > li > a {font-size: 17px;}
	.country_status_wrap > li > a:after {width: 11px;height: 7px;background-size: 11px;top: 26px;}
	
	/* Korea in Brief */
	.swiper-button-next, .swiper-button-prev {border: 1px solid rgba(255,255,255,.8);border-radius: 100%;width: 45px !important;height: 45px !important;background: rgba(0, 0, 0, .5);}
	.swiper-button-next:after, .swiper-button-prev:after {font-size: 20px !important;}
	
	/* Practical Information */
	.Climate_wrap li .Climate_inner p {font-size:15px}
	
	/* visa */
	.visa_link_wrap {gap:10px}
	
	/* seoul */ 
	.photo_layout_wrap > ul > li {align-items: flex-start;}
	.photo_layout_wrap > ul > li+li {margin-top: 70px;}
	.photo_layout_wrap ul li .text_area strong {font-size: 21px;}
	.photo_layout_wrap ul li .text_area p {font-size:15px;}
	.photo_layout_wrap ul li .text_area a {font-size: 15px;padding: 7px 20px;}
	
	/* Transportation */
	.bus_info_wrap > ul {gap:10px}
	.bus_info_wrap > ul > li {width: calc(50% - 5px);}
	.bus_info_wrap ul li strong {font-size:17px;margin-top:0;padding-bottom: 10px;margin-bottom: 10px;}
	.bus_info_wrap ul li p, .bus_info_wrap ul li ul li {font-size:15px}
	.Taxi_wrap li span {min-width: 250px;}
	.Taxi_wrap li p {font-size:15px}
	.Taxi_wrap li p span {font-size:17px}
	
	/* 데이타 테이블 */
	.data_table table th, .data_table table td {font-size:15px}
	
	/* etc */
	.text_wrap, .text_wrap02 {font-size:15px;}
}

@media screen and (max-width: 830px) {
	.symbol_wrap ul {flex-direction: column}
	.symbol_wrap ul li .symbol_inner {text-align: center;}
}
@media screen and (max-width: 800px) {
	header .navi {height: 180px;}
	.typing {font-size: 24px;top: 74%;}
	.contents h2 {font-size: 25px;padding: 30px 0 20px;}
	.contents h3 {font-size: 20px}
	
	/* seoul */ 
	.photo_layout_wrap > ul > li {flex-direction: column;gap: 20px;}
	.photo_layout_wrap > ul > li+li {border-top:1px solid #d9dbde;padding-top: 30px;margin-top: 30px;}
	.photo_layout_wrap ul li .img_area {max-width:none;border-radius: 5px;}
	.photo_layout_wrap ul li .text_area strong {margin-bottom:10px}
	.photo_layout_wrap > ul > li:nth-child(even) .img_area {order:1}
	.photo_layout_wrap > ul > li:nth-child(even) .text_area {order:2}
	
	/* 게시판 */
	.board_list1 .event li .no {float:none;font-size: 14px}
	.board_list1 .event li .sm_img {float:none}
	.board_list1 .event li .summary {margin: 10px}
	.board_list1 .event li .sm_img span {width: 100%}
	.board_list1 .event li .summary .con_txt {font-size: 14px}
	.board_list1 .event li .summary .title .sbj {font-size: 15px}

}
@media screen and (max-width: 780px) {
	
	/* 회의개요 */
	.overview_inner {flex-direction: column;align-items: stretch;}
	.overview_inner .overview_img {margin: 0 auto; order:1}
	.overview_inner .overview_text {margin-top:10px;order:2}
	.overview_inner .overview_text .metting_tit {padding-top: 20px;text-align: center;}
	.overview_inner .overview_text .metting_tit:before {width: 56px;height: 38px;left: 50%;margin-left: -28px;}
	.overview_inner .overview_text .overview_text_inner {padding:15px}
	
	/* 국가 소개 */
	.country_inner .flag_img {max-width: 180px;}
	.country_inner .flag_name em {font-size: 14px;}
	.country_inner .flag_name strong {font-size: 25px;}
	.country_info_wrap ul {gap:10px}
	.country_info_wrap ul li {flex: 1 1 40%;border-radius: 5px;}
	
	/* visa */
	.visa_link_wrap a strong {text-align: left; padding:15px}
	
	/* footer */
	.footer_inner {flex-direction: column;gap: 30px;}
	.f_link {text-align:center;}
}

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

}
@media screen and (max-width: 640px) {
	header > .navi > h1 > a {width: 150px;height: 34px;margin-left: 0;}
	header > .navi > .m_menu {top: 14px;}
	.top_utill .language_wrap li a {font-size:14px}
	.typing {font-size: 20px;top: 71%;}
	.sub_nav_wrap {height: 48px;padding:10px}
	.sub_nav .home_icon {display: none}
	.sub_nav ul {}
	.sub_nav ul.menu_nav {top: 47px}
	.sub_nav ul.menu_nav li a {padding: 0px 15px;line-height: 36px}
	.sub_nav > ul li a {padding:0 15px}
	.sub_nav ul li h2 a {padding-left:0}
	.sub_nav ul li h2 a:before {content:none}
	.sub_nav ul li h2 a span, .sub_nav ul li h3 a span {padding-right: 20px;}
	.sub_nav ul li h2 a span:after, .sub_nav ul li h3 a span:after {width:15px;height:15px;background-size: 5px;margin-top: -7px;background-position: center 6px;}
	.sub_nav ul.menu_nav {width:100%;left:0;}

	
	/* 회의개요 */
	.overview_inner .overview_text .metting_tit strong {font-size: 18px;}
	.overview_inner .overview_text .overview_text_inner li {padding: 10px 0;gap: 5px;align-items: flex-start;flex-direction: column;}
	.emblem_wrap ul {flex-direction: column;}
	.emblem_wrap ul li {width: 100%;padding:20px 0}
	.emblem_wrap ul li+li:before {width:100%;height:1%;}
	
	/* 슬로건 및 엠블럼 */
	.slogan_wrap {padding:30px}
	.emblem_wrap .pc {display:none}
	.emblem_wrap .mobile {display:block}
	
	/* 한중과 중앙아시아 */
	.relations_text strong {font-size: 19px;}
	.relations_text02 {margin-top: 30px;font-size: 19px;}
	.relations_text03 {margin-top:20px}
	
	/* 국가소개 */
	.country_inner {gap: 15px;}
	.country_inner .flag_img {max-width: 150px;}
	.country_inner .flag_name strong {font-size: 21px;}
	.country_status_wrap > li > a {font-size: 17px;}
	
	/* Korea in Brief */
	.mySwiper .swiper-wrapper {flex-wrap: wrap;gap: 5px;}
	.mySwiper .swiper-wrapper .swiper-slide {width: calc(25% - 4px) !important;margin-right: 0 !important;}
	
	/* visa */
	.visa_link_wrap {flex-direction: column;}
	
	/* seoul */
	.quotation_text_wrap {padding: 40px 0;margin-bottom: 30px;}
	.quotation_text_wrap strong {font-size: 19px;margin-bottom: 10px;}
	.quotation_text_wrap p {font-size: 15px;}
	.quotation_text_wrap:before, .quotation_text_wrap:after {width: 27px;height: 18px;}
	.Taxi_wrap {margin-top:15px}
	
	.photo_layout_wrap ul li .text_area strong {font-size:19px}
	
	/* Transportation */
	.bus_info_wrap > ul > li {width:100%;border-radius: 5px;}
	.Taxi_wrap li {flex-direction: column;align-items: normal;gap: 15px;}
	.Taxi_wrap li p {padding-left:0}
	.Taxi_wrap li p span {margin-bottom:0}
	
	/* 데이타 테이블 */
	.data_table table tbody {display: flex;flex-direction: column;}
	.data_table table tr {display: flex;flex-direction: column;}
	.data_table table th, .data_table table td {padding: 10px 0;}
	
	/* 게시판 */
	.board_list1 ul li .summary .homepage {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 37px}
	.board_list1 ul li .summary .note {top: 17px;width: 32px;height: 32px;background-size: 14px;right: 3px}
	.board_list1 ul li .summary.pop {padding-right: 80px;margin: 0 0 0 69px}
	.board_list1 ul li .no {width: 62px;font-size: 15px;line-height: 24px}
	.board_list1 ul li .summary .title .sbj {font-size: 14px}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display:block}
	
	/* 갤러리 */
	.webtong-gallery li, .webtong-gallery.tourism li {width: 50%}
	.webtong-gallery.card li {width: 50%}
}
@media screen and (max-width: 480px) {
	header .navi {height: 150px;}
	.sub_nav ul li h2 a span, .sub_nav ul li h3 a span {position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 195px;}
	
	.sub_nav ul {min-width: 175px;}
	.tab_menu li a {font-size:14px;padding: 5px 15px;}
	
	/* 국가 소개 */
	.country_info_wrap ul {gap:5px}
	.country_info_wrap ul li {flex: 1 1 100%;}
	
	/* 갤러리 */
	.webtong-gallery li, .webtong-gallery.tourism li {width: 100%}
	.webtong_gallery03 .card_wrap {width: 100%}
	.welcome_asean .welcome_asean_wrap .right_wrap ul li {width:100%}
	.welcome_asean .welcome_asean_wrap .right_wrap ul li a p {top:30%}
	.webtong-gallery.card li {width: 100%}
	.webtong-gallery.infographic_icon_ul > li {width: 50%}
}
@media print{
	header	{display:none}
	footer	{display:none}
	img {max-width: 100% !important}
	.visual, .sub_nav, .sns{display:none}
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}