@charset "utf-8";
html, body {color: #333;height: 100%;font-size: 100%;-webkit-text-size-adjust:none;word-break: keep-all;font-weight: 300;font-family:'NotoSansKR','sans-serif','Microsoft Yahei','굴림'}
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}
header:after {content: '';clear: both;display: block}
header .navi {background: url(/usr/images/sub/sub_bg_05_.png) no-repeat center;height: 300px;background-size: cover;position: relative;}
header > .navi > h1 {transition: all .5s;position: absolute;top: 17px;left: 26px;z-index: 3}
header > .navi > h1 > a {background: url(/usr/images/common/logo.png) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 180px;margin-left: 17px;height: 40px;}
header > .navi > .m_menu {display:none}
header > .navi > h1.h1-fixed {position: fixed;top: 17px;z-index: 3;left: 30px}



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

.top_utill {display: flex;justify-content: flex-end;padding:8px 32px;background: #30908d;}
.top_utill ul {display: flex;gap: 9px;}
.top_utill ul li {display: flex;align-items: center;}
.top_utill ul li a {width: 17px;height: 17px;display: inline-block;text-indent: -999em;opacity: .7;}
.top_utill ul li .Instagram {background: url(/usr/upload/file/ico_instar_white.svg) no-repeat 0 0 / 100%;}
.top_utill ul li .youtube {width: 19px;height: 19px;margin-right: 6px;background: url(/usr/upload/file/ico_ytb_white.svg) no-repeat 0 0 / 100%;}
.top_utill ul li .facebook {background: url(/usr/upload/file/ico_facebook_white.svg) no-repeat 0 0 / 100%;}
.top_utill ul li .flickr {background: url(/usr/upload/file/ico_flickr_white.svg) no-repeat 0 0 / 100%;}

.top_utill ul li:last-child a {font-size: 14px;position: relative;padding: 3px 10px 5px;border-radius: 30px;text-indent: 0;width: 90px;display: block;height: auto;color: #fff;background: #1b6a6a;opacity: 1;}
.top_utill ul li:last-child a span {position:relative;padding: 0 18px 0 25px;}
.top_utill ul li:last-child a span:before {content: '';height: 18px;width:18px;display: inline-block;background: url(/usr/images/common/px_language.png) no-repeat 0 0 / 100%;position: absolute;left: 0;top: 1px;}
.top_utill ul li:last-child a span:after {content: '';height: 9px;width:5px;display: inline-block;background: url(/usr/images/common/bl_language.png) no-repeat 0 0;position: absolute;right: 0;top: 50%;margin-top: -4px;}

nav {position:relative;z-index: 2;background:#fff;border-bottom: 1px solid #e2e2e2;}
nav.menu-fixed {position: fixed;top: 0;width: 100%;background:#fff;border-bottom: 1px solid #e2e2e2;}
nav:after {content: '';clear: both;display: block}

nav > ul {display: table;margin: 0 auto;position: relative;text-align: center}
nav > ul:after {content:'';display:block;clear: both}
nav > ul > li {float: left;position: relative}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;font-weight: 600;font-size: 17px;padding: 28px 33px;color: #212121}
:lang(fr) nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;font-weight: 600;font-size: 17px;padding: 28px 30px;color: #fff}
nav > ul > li > a.new {position:relative}
nav > ul > li > a:hover {color:#0a918d}
nav > ul > li > ul {position: absolute;width: 100%;display: none;border-left: 1px solid #e2e2e2;padding: 10px 0;z-index: 1;top: 78px}
nav > ul > li:last-child > ul {border-right: 1px solid #e2e2e2;}
nav > ul > li > ul.bd_r_type {border-right: 1px solid #e2e2e2;}
nav > ul > li > ul > li > ul > li > a {color: #212121;font-size: 13px;background-color: #205a82;display: block;padding: 9px}
nav > ul > li > ul > li > a {color: #212121;display: block;padding: 10px 10px;font-size: 14px}
nav > ul > li > ul > li a:hover {color: #0a918d}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
nav > ul > li > a.on {color: #0a918d}

.summit_wrap {font-size: 15px;padding: 10px}
.summit_wrap > li {margin-bottom: 10px;display: flex;align-items: center}
.summit_wrap > li:last-child {margin-bottom: 0}
.summit_wrap > li:after {content: "";display: block;clear: both}
.summit_wrap > li > strong {min-width: 105px;display: inline-block;background-color: #353535;color: #fff;text-align: center;padding: 4px;margin-right: 12px;line-height: 34px;border-radius: 4px}
.summit_wrap > li > strong:before {content:''}
.summit_wrap > li > em {}
.summit_wrap > li > ul > li {position: relative;padding-left: 7px;margin-bottom: 14px}
.summit_wrap > li > ul > li:before {content: '';background-color: #527eb1;position: absolute;width: 4px;height: 4px;left: 0;top: 9px}

.utility {position: absolute;right: 32px;top: 25px;z-index: 3;display: flex;align-items: center;gap: 15px;}
.utility a {color: #fff;font-family: "Montserrat";font-weight: 400;}
.utility a.on {color: #ffa700}
.utility a:nth-of-type(1) {font-size: 14px;position: relative}
/*.utility a:nth-of-type(1):after {content: '';height: 9px;display: inline-block;width: 1px;background-color: rgb(0 0 0 / 36%);position: absolute;right: 4px;top: 5px}
.utility a:nth-of-type(2) {font-size: 14px;position: relative;background: #30908d;padding: 7px 14px;border-radius: 30px;}
.utility a:nth-of-type(2) span {position:relative;padding: 0 18px 0 25px;}
.utility a:nth-of-type(2) span:before {content: '';height: 18px;width:18px;display: inline-block;background: url(/usr/images/common/px_language.png) no-repeat 0 0 / 100%;position: absolute;left: 0;top: 0}
.utility a:nth-of-type(2) span:after {content: '';height: 9px;width:5px;display: inline-block;background: url(/usr/images/common/bl_language.png) no-repeat 0 0;position: absolute;right: 0;top: 50%;margin-top: -5px;}*/
/*.utility a:nth-of-type(3) {font-size: 14px}*/
.utility a:nth-of-type(2) {background: url(/usr/images/common/site_map.png) no-repeat center;width: 24px;height: 23px;display: inline-block;text-indent: -999em}
.utility .apec_logo {display:inline-block;text-indent:-9999px;background: url(/usr/images/main/apec_logo.svg) no-repeat center;width: 175px;height: 30px;}
.utility.util-fixed {position:fixed;}

@media screen and (max-width: 1260px) {
	header > .navi > h1 > a {/*width: 196px;*/background-size: 100%}
	nav > ul {margin: 0 auto 0 248px}
	header .navi {height: 300px}
	.typing {font-size: 30px}
}

.menu_bg.menu-fixed {position: fixed}
.menu_bg {width: 100%;height: 0;position: absolute;background:#fff;top: 78px;border-bottom: 1px solid #e2e2e2;display: none;left: 0;z-index: 2}
.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}
}

.main_visual {position: relative;max-width:1980px;margin:0 auto;border-top: 1px solid #d6d6d6}
.main_visual .bx-controls-direction > a {position: absolute;top: 50%;margin-top: -17px;display: inline-block;width: 28px;height: 37px;text-indent: -999em;background: url(/usr/images/main/pre_next.png) no-repeat 0 0}
.main_visual .bx-controls-direction .bx-prev {left:10px}
.main_visual .bx-controls-direction .bx-next {right:10px;background-position: -28px 0}
.main_visual .bx-pager {position: absolute;bottom: 25px;color: #fff;right:50%;transform: translate(50%, 0);-webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0)}
.main_visual .bx-pager .bx-pager-item {display: inline-block}
.main_visual .bx-pager .bx-pager-item a {display: inline-block;margin: 0 3px;width: 15px;height: 15px;text-indent: -999em;background-color: #fff;border-radius: 100%}
.main_visual .bx-pager .bx-pager-item a.active {width: 36px;border-radius: 10px;background-color: #ffc500}

.registration {}
.registration .top_link {position: absolute;color: #fff;right: 35px;display: inline-block;opacity: 0.8;text-align: center;bottom: 35px;text-shadow: 0 2px 3px rgb(0, 0, 0)}
.registration .top_link > a.on {background: url(/usr/images/common/vod.png) no-repeat center top;padding-top: 51px;display: inline-block;font-size: 18px}
.registration .top_link > a {background: url(/usr/images/common/vod_off.png) no-repeat center top;padding-top: 51px;display: inline-block;font-size: 18px}
.registration .top_sns {font-size: 16px;font-weight: 200}
.registration .top_sns > a {display: inline-block;margin-top: 7px;text-align: center;padding: 0 8px;width: 42px;height: 42px;text-indent: -999em;background:url(/usr/images/common/f_sns.png) no-repeat}
.registration .top_sns .f_icon {background-position: 0 0}
.registration .top_sns .b_icon {background-position: 0 -42px}
.registration .top_sns .i_icon {background-position: 0 -84px}

/**d-day**/
.d_day {font-family: Montserrat;padding: 64px 0 44px;font-size: 50px;color: #132945}
.d_day ul {max-width: 1180px;margin: 0 auto;display: table;width: 100%}
.d_day ul.animation li p span {position: relative;right: 31px;opacity: 0}
.d_day ul.animation.action li p span {right: 0;opacity: 1}
.d_day ul.animation.action li:nth-of-type(2) p span {transition: all 1s ease .3s}
.d_day ul.animation.action li:nth-of-type(3) p span {transition: all 1s ease .6s}
.d_day ul.animation.action li:nth-of-type(4) p span {transition: all 1s ease .9s}
.d_day ul.animation.action li:nth-of-type(5) p span {transition: all 1s ease 1.2s}

.d_day li {display: table-cell;width: 20%;text-align: center;vertical-align: top;line-height: 50px;position:relative}
.d_day li:after {content:':';position:absolute;right:0;top:0}
.d_day li:first-child {text-align: right;font-size: 24px;font-family: "NotoSansKR";line-height: 29px}
.d_day li:first-child:after {content:''}
.d_day li strong {display: block;color: #e24041;font-size: 22px}
.d_day li p {font-size: 1.3em;font-weight: 600;padding-top: 4px}
.d_day li p em {font-size: 0.3em;display: block;font-weight: 300}
.d_day li:last-child:after {content:''}

.h2_title01 {font-family: NanumSquare;text-align: center;font-size: 40px;color: #1b1b1b;padding: 70px 0 60px}
.event_wrap {background: #f1f1f1 url(/usr/images/main/event_wrap_bg.png) no-repeat center 116px}
.event_wrap_in {max-width:1340px;margin:0 auto;padding-bottom: 60px}
.slider {max-width: 1240px;margin: 0 auto}
.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding-bottom: 40px}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
.slick-slide img {width: 100%}
.slick-prev, .slick-next {position: absolute;width: 28px;height: 9px;padding: 0;cursor: pointer;bottom: 0;text-indent: -999em;background: url(/usr/images/main/pre_next02.png) no-repeat;z-index: 1}
.slick-prev {right: 80px}
.slick-next {right: 27px;background-position: -28px 0}
.slick-track:before, .slick-track:after {display: table;content: ''}
.g_box {padding:0 30px}
.g_box_in {background-color: #fff;box-shadow: 0px 20px 20px 1px rgba(0, 0, 0, 0.08)}
.g_box_in a {position: relative;display: block}
.g_box_in a span {display: block;position: relative;padding-top: 53%;overflow: hidden}
.g_box_in a:before,
.g_box_in a:after,
.g_box_in a span:before,
.g_box_in a span:after {content: '';display: block;position: absolute;background: #e24041;transition: all 0.3s;z-index: 1}
.g_box_in a:before {width: 0;height: 2px;top: 0;left:0;transition: all 0.1s;transition-delay: 0.3s}
.g_box_in a span:before {width: 2px;height: 0;top: 0;right: 0;transition: all 0.1s;transition-delay: 0.2s}
.g_box_in a span:after {width: 0;height: 2px;bottom: 0;right: 0;transition: all 0.1s;transition-delay: 0.1s}
.g_box_in a:after {width: 2px;height: 0;bottom: 0;left:0;transition: all 0.1s;transition-delay: 0.01s}
.g_box_in a:hover:before, .g_box_in  a:focus:before  {width: 100%;transition-delay: 0.01s}
.g_box_in a:hover span:before, .g_box_in  a:focus span:before {height: 100%;transition-delay: 0.1s}
.g_box_in a:hover span:after, .g_box_in  a:focus span:after {width: 100%;transition-delay: 0.2s}
.g_box_in a:hover:after, .g_box_in a:focus:after {height: 100%;transition-delay: 0.3s}
.g_box_in a {position:relative;display: block}
.g_box_in a span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.g_box_in a:hover span img, .webtong_gallery03 .card_wrap a:focus span img {transform: scale(1.2)}
.g_box_in em {display: block;padding: 12px;min-height: 78px}
.g_box_in .text {padding: 20px}
.g_box_in .text strong {display: block;padding-bottom: 8px;font-size: 18px;color: #1b1b1b;font-weight: 600}
.g_box_in .text p {font-size: 14px;font-weight: 300;height: 83px;white-space: normal;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical}

.about_asean {background: url(/usr/images/main/about_asean.png) no-repeat 0 0 / cover;padding-bottom: 115px}
.about_asean h2 {color:#fff}
.about_asean_wrap {max-width:1180px;margin:0 auto}
.about_asean_content {background-color: #fff;position: relative}
.about_asean_content > h3 {width: 50%;position: absolute;top: 0;left: 0;background-color: #fff}
.about_asean_content > h3 > a {display: block;text-align: center;padding: 20px 0;background-color: #eaeaea;font-size: 21px;font-weight: 400;color: #1b1b1b}
.about_asean_content > h3 > a.on {background-color: #fff}
.about_asean_content .tab01 {}
.about_asean_content .tab02 {left: 50%}
.tab_content {padding-top:68px;height: 360px}
.tab_wrap01 {}
.tab_wrap01 .about_img {max-width: 419px;position: absolute;top: 110px;left: 50px}
.tab_wrap01 .text_about_asean {padding: 52px 32px 67px 523px;font-size: 30px;line-height: 32px}
.tab_wrap01 .text_about_asean.all {padding: 6%}
.tab_wrap01 .text_about_asean strong {font-family: NanumSquare;letter-spacing: -1px;line-height: 38px;display: block;margin-bottom: 25px;font-size: 1em;color: #1b1b1b}
.tab_wrap01 .text_about_asean strong em {color: #192249;font-weight: 800}
.tab_wrap01 .text_about_asean p {font-size: 0.53em;font-weight: 300;margin-bottom: 19px}
.tab_wrap01 .text_about_asean p em {font-weight: 600}
.tab_wrap02 {padding: 117px 41px 50px}
.tab_wrap02 ul {margin:0 -10px}
.tab_wrap02 ul:after {content:'';display:block;clear: both}
.tab_wrap02 ul li {width:50%;float:left;padding:0 10px}
.tab_wrap02 ul li .box_01 {margin-bottom: 20px}
.tab_wrap02 ul li .box_01 > span {display: block;position: relative;padding-top: 48%;overflow: hidden}
.tab_wrap02 ul li .box_01 span a {position: absolute;top: 0;width: 100%;left: 0}
.tab_wrap02 ul li .box_01 strong {display: block;padding-bottom: 8px;font-size: 18px;color: #1b1b1b;font-weight: 600}
.tab_wrap02 ul li .box_01 p {padding-top: 15px}
.tab_wrap02 ul li .box_01 p span {display: block;margin-bottom: 10px;font-weight: 300;font-size: 15px}
.tab_wrap02 ul li .box_01 em {display: block;font-size: 15px}
.view_more {position: absolute;bottom: -16px;right: -12px;padding: 24px 39px;background-color: #e24041;color: #fff;box-shadow: 0px 12px 20px 2px rgba(226, 64, 65, 0.25);text-align: center}
.view_more.animation {right: 116px;opacity:0}
.view_more.animation.action {right: -12px;opacity:1}
.view_more span {padding-right: 37px;background: url(/usr/images/main/view_more_icon.png) no-repeat right 6px}

.welcome_asean {padding-bottom: 60px}
.welcome_asean .welcome_asean_wrap {max-width:1180px;margin:0 auto}
.welcome_asean .welcome_asean_wrap .left_wrap {width:55%;float:left;padding-right: 25px}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content {position: relative}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content > span {display: block;position: relative;overflow: hidden;padding-top: 66%;border-radius: 10px}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content > span img {position: absolute;top: 0;left: 0}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p.animation {bottom: -158px;opacity:0}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p.animation.action {bottom: -120px;opacity:1}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p {position: absolute;bottom: -120px;right: 39px;background-color: #fff;box-shadow: 0px 12px 20px 2px rgba(0, 0, 0, 0.1);padding: 33px;max-width: 352px;width: 100%}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p strong {display: block;color: #e24041;margin-bottom: 10px}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p > span {display: block}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p a {display: block;text-align: right;margin-top: 11px;color: #767676}
.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p a span {background: url(/usr/images/main/view_more_icon02.png) no-repeat right 7px;padding-right: 40px}
.welcome_asean .welcome_asean_wrap .right_wrap {width:45%;float:right;padding-left: 25px}
.welcome_asean .welcome_asean_wrap .right_wrap ul li {padding-bottom: 25px}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a {display: block;position: relative}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a span {display: block;position: relative;overflow: hidden;padding-top: 46%;border-radius: 10px;width: 57%}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a span:after {content: '';position: absolute;top: 7px;right: 7px;background: url(/usr/images/main/instagram_icon.png) no-repeat;width: 42px;height: 42px}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a span img {position: absolute;top: 0;left: 0;height:100%}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p {position: absolute;top: 37%;width: 40%}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p.animation {opacity:0;right: -20px}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p.animation.action {opacity:1;right: 0}
.welcome_asean .welcome_asean_wrap .right_wrap ul li a p strong {display:block;color:#1b1b1b}

.notice_asean {padding-bottom: 60px;background: url(/usr/images/main/notice_asean_bg.png) no-repeat 0 0 / cover}
.notice_asean .notice_asean_wrap {max-width:1180px;margin:0 auto}
.notice_asean .notice_asean_wrap .notice_asean_content{position:relative}
.notice_asean .notice_asean_wrap .left_wrap {width:40%;float:left;padding-right: 15px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap {position: relative}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap > span {display: block;position: relative;padding-top: 56%;overflow: hidden;box-shadow: 0px 12px 20px 5px rgba(6, 6, 6, 0.26);margin-bottom: 15px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap > span:after {content: '';position: absolute;background: url(/usr/images/main/viedo_icon.png) no-repeat 0 0 / 65%;width: 83px;height: 58px;bottom: -6px;left: 10px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap span img {position: absolute;top: 0;left: 0}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap strong {font-size: 18px;color: #1b1b1b;font-weight: 600;margin-bottom: 9px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap p {font-weight: 300;font-size: 15px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap em {font-size:15px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap .more {position: absolute;right: 0;border: 1px solid #e24041;font-size: 13px;padding: 2px 10px;color: #e24041}
.notice_asean .notice_asean_wrap .right_wrap {width:60%;float:right;padding-left: 15px;position:relative}
.notice_asean .notice_asean_wrap .right_wrap .notice_erap {background-color: #fff;padding: 60px}
.notice_asean .notice_asean_wrap .right_wrap .notice_erap li {border-bottom: 1px solid #e2e2e2;position: relative;line-height: 41px}
.notice_asean .notice_asean_wrap .right_wrap .notice_erap li:last-child {border-bottom: 0}
.notice_asean .notice_asean_wrap .right_wrap .notice_erap li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block}
.notice_asean .notice_asean_wrap .right_wrap .notice_erap li span {position: absolute;right: 0;top: 0;font-weight: 300;display: none}

.banner_asean {padding: 40px 0}
.banner_asean_wrap {max-width:1180px;margin:0 auto}
.banner_asean_wrap ul {margin-left: -10px;margin-right: -10px;display: table;table-layout: fixed}
.banner_asean_wrap li {padding: 10px;text-align: center;display: table-cell}
.banner_asean_wrap li a {display:block}
.banner_asean_wrap li img {width: auto}

.sub01, .sub02, .sub03, .sub04, .sub05, .sub06, .sub07, .sub08 {display:none}
.sub_nav_wrap {border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;height: 60px;/* background-color: #f7f7f7; */}
.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 center;text-indent: -999em;width: 70px;height: 100%;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9}
.sub_nav ul {position: relative;width: 300px;height:100%}
.sub_nav ul li.on > h3 > a {background-color: #157b78;color: #fff}
.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 15px}
.sub_nav ul li a:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-color: #157b78;opacity:1;z-index: -1}
.sub_nav ul li a:hover, .sub_nav ul li a.on {color:#fff;background-color: #157b78}
.sub_nav ul li a:hover:before {height:100%;opacity:1}

.sub_nav ul.menu_nav {position: absolute;border: 1px solid #e9e9e9;background-color: #fff;height: auto;left: -1px;top: 59px;width: calc(100% + 1px);z-index: 1;display: none}
.sub_nav ul.menu_nav li {}
.sub_nav ul.menu_nav li a {padding: 7px 15px}
.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;padding: 5% 0 100px;}
.contents.wall {max-width:100%}
.contents h2 {font-size: 40px;font-weight: 800;color: #212121;text-align: center; margin-bottom: 3vw;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}
.contents h4.first {padding: 0 0 20px}
.sns {max-width:1180px;margin:0 auto}
.sns ul {float: right;margin-top: 30px}
.sns ul li {float:left;margin-left: 5px}
.sns ul li span {line-height: 31px}
.sns ul li a {display: inline-block;width: 33px;height: 33px;text-indent: -999em;background: url('/usr/images/common/sns.png') no-repeat}
.sns ul li.Facebook a {background-position:0 0px}
.sns ul li.Twitter a {background-position:0 -33px}
.sns ul li.KakaoTalk a {background-position:0 -66px}
.sns ul li.blog a {background-position:0 -99px}
.sns ul li.share a {background-position:0 -132px}
.sns ul li.print a {background-position:0 -165px}
.text_box01 {background: url('/usr/images/sub/bg.png');padding:5%;font-size: 17px;color: #3e3832}
.text_box01 ul li {position:relative;padding-left: 29px}
.text_box01 ul li:before {content: '';position: absolute;top: 10px;left: 20px;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}
.text_box01 > p {margin-bottom:10px}
.text_box01.accent > p {font-weight: 400;font-size: 19px;margin-bottom: 3px}
.text_box01.accent > p.faible {font-size: 27px;font-weight: 600;margin-top: 32px}
.contents h3.first {padding-top: 0}
.text_box02 {position:relative}
.text_box02 img {width: 62%}
.text_box02 p {padding: 62px;position: absolute;width: 42%;background-color: #fff;right: 0;top: 188px;box-shadow: 5px 5px 68px 0 rgba(0,0,0,0.2);font-weight: 300;font-size: 16px}
.text_box02 p:before {content: '';position: absolute;top: 74px;left: 0px;width: 44px;height: 2px;background: #000;margin-top: -1.5px}
footer {background-color: #2f2f2f;color: #fff;font-size: 14px;font-weight: 200}
.footer_wrap {max-width:1180px;margin:0 auto;padding: 61px 0 15px;}
.footer_wrap .footer_top {display:flex;justify-content: space-between;margin-bottom: 30px;}
.footer_wrap .footer_top .footer_left {display:flex;/* flex-direction: column; */gap: 75px;}
.f_link {float: left;/* padding-top: 32px; */}
.f_link strong {display:block;margin-bottom:10px;}
.f_link ul {margin-bottom: 15px;}
.f_link ul li {}
.f_link ul li a {display: inline-block;padding: 5px 35px;line-height: 25px;border: 1px solid #656565;border-radius: 30px;}
.f_logo {float: left;width: 200px;height: 40px;background: url(/usr/images/common/f_logo.png) no-repeat center / 100%;text-indent: -999em;margin-top: 6px;}
address {letter-spacing: -0.2px;color: rgb(202, 202, 202)}
address p {letter-spacing: 1px;margin-bottom: 10px;}
address p span {font-family:'Montserrat';font-weight:500;color:#898989;margin-right: 15px;}
address p+p {font-family:'Montserrat';letter-spacing:0;}
.f_sns {float: right;}
.f_sns .f_sns_inner {display:flex;align-items:center;gap: 10px;}
.f_sns a {width: 35px;height: 35px;display: inline-block;text-indent: -999em;}
.f_sns a.f_Instagram {background: url('/usr/upload/file/ico_instar.svg') no-repeat 0 0 / 100%;}
.f_sns a.f_youtube {background: url('/usr/upload/file/ico_ytb.svg') no-repeat 0 0 / 100%;}
.f_sns a.f_facebook {background: url('/usr/upload/file/ico_facebook.svg') no-repeat 0 0 / 100%;}
.f_sns a.f_flickr {background: url('/usr/upload/file/ico_flickr.svg') no-repeat 0 0 / 100%;}
.line01 {clear: both;height: 1px;background: #4d4d4d;}
.copyright {letter-spacing: -0.1px;text-align: center;color: rgb(165, 165, 165);padding: 10px 0;}
.brnone {display:block}
.visual img.mobile {display:none}
.v_mobile {display:none}
.f_link ul li a {position:relative}
.f_link ul li a:after {position: absolute;top: 22px;right: 12px;width: 1px;height: 11px;background: rgba(255, 255, 255, 0.31);content: '';display: inline-block}
.f_link ul li:last-child a:after {background:none}
.text_box02 p.animation {right: 50px;opacity: 0;}
.text_box02 p.animation.action{right: 0;opacity: 100;}

#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.poppw {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 360px;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
.pop-wrap.poppw > header {}
.pop-wrap.poppw > header > h2 {font-size: 16px;padding: 10px;background-color: #3b5998;color: #fff;font-weight: 400;}
.pop-wrap.poppw .pop-close {top: 0;background: url('/usr/images/common/close_w.png') no-repeat center}
.pop-wrap .site_map {margin: 0 auto;position: relative;display: flex;flex-direction: column;height: 100%;justify-content: center}
.pop-wrap .site_map header {background: none;border: none;min-width: auto}
.pop-wrap .site_map header h2 {font-size: 50px;font-weight: 400;padding: 20px;color: #ffffff;text-align: center;font-family: montserrat;margin-bottom: 47px}
.pop-contents {    position: relative;}
.pop-contents .pop_inner {display: flex;justify-content: center}
.pop-contents .change {text-align: center}
.pop-contents .change strong {position:relative;padding-right: 28px}
.pop-contents .change strong:after {content:'';display: inline-block;width: 17px;height: 17px;text-indent: -999em;background: url('/usr/images/common/border_icon.png') no-repeat 0 -67px;position:absolute;top:3px;right:0}
.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}
.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: 16px;border-bottom: 1px solid rgba(255,255,255,0.22);padding: 21px 0;color: #ffdb1e;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-wrap.poppw .pop-contents {font-size: 14px;font-weight: 300;padding: 13px}
.popUp_pw {line-height: 46px;}
.popUp_pw label {display: inline-block;width: 167px;text-align: right;padding-right: 7px;font-weight: 500;color: #1b1b1b}
.popUp_pw input[type="text"], .popUp_pw input[type="password"] {width: 46%}

.webtong_tab {margin-bottom: 60px;position:relative}
.webtong_tab h4 {display:none}
.webtong_tab ul {display:table;table-layout:fixed;position:relative;z-index: 1;margin: 0 auto}
.webtong_tab ul li {display:table-cell;padding: 0 15px;}
.webtong_tab ul li a {display: inline-block;position:relative;text-align:center;white-space: nowrap;padding: 13px 3px 16px;font-size: 18px;font-weight: 700;text-decoration:none;color: #878787;}
.webtong_tab ul li a:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0}
.webtong_tab ul li.on a, .webtong_tab li:hover a {z-index: 1;color: #333333;}
.webtong_tab ul li a:after, .webtong_tab li a:after {content:'';display: inline-block;position:absolute;top: 50%;right: -17px;width: 6px;height: 6px;background-color: #c5c5c5;border-radius: 50%;margin-top: -4px;}
.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before {content:'';display:block;position:absolute;bottom: 0;left:0;background-color: #30b5b1;width: 100%;height: 3px}
.webtong_tab ul li:last-child:hover a:after, .webtong_tab ul li:last-child a:after {content:none}


.tab_menu {margin-bottom:40px}
.tab_menu ul {display:table;margin: 0 auto;table-layout:fixed}
.tab_menu li {display:table-cell; height:60px;padding: 0 15px}
.tab_menu li a {display: block;position: relative;text-align: center;color: #7c7c7c;padding: 7px 4px;font-size: 18px;font-weight: bold}
.tab_menu li a:hover {color:#a43a26}
.tab_menu li a:after {content: '';display: block;position: absolute;top: 50%;right: -18px;width: 5px;background: #d4d4d4;line-height: 0;height: 5px;border-radius: 50%;margin-top: -3px}
.tab_menu li:last-child  a:after {content: none}
.tab_menu li.on a {border-bottom: 3px solid #a43a26;color: #1c1c1c}

.contents h2.sub_bg01 {background: url('/usr/images/sub/logo_bg.png') no-repeat center top;padding: 217px 0 10px;margin-top: 50px}
.text01 {font-size: 20px}
.line_box01 {margin: 0 auto;text-align: center;padding: 4% 17%;margin-top: 20px;background: url('/usr/images/sub/bexco_bg.png') no-repeat center;max-width: 1180px;color: #3a3939;font-size: 38px;background-size: cover;font-family: NanumSquare;font-weight: 700}
.line_box01 .line_box01_in {background-color: rgba(255,255,255,0.8);padding: 50px}
.line_box01 .line_box01_in p {font-weight: 300}
.login-wrap {display: table;margin: 50px auto 0}
.login-wrap .login-top-msg02 {font-size: 15px;font-weight: 300}
.login-wrap .login-fieldset {margin: 20px 0;border: 1px solid #e4e4e4;padding: 50px;position: relative}
.login-wrap .login-fieldset .login-input .login-input-in {}
.login-wrap .login-fieldset .login-input .login-input-in label{display: inline-block;text-align: right}
.login-wrap .login-fieldset .login-input input {margin: 5px 0;min-width: 218px}
.login-wrap .login-fieldset .btn-login {border: 1px solid #3b5998;background-color: #3b5998;color: #fff;height: 56px;width: 100%;font-size: 16px;font-weight: 600}

.manual-wrap {margin: 50px auto 20px;padding: 50px;max-width: 100%;border: 1px solid #d4d4d4;text-align: center}
.manual_btn {width: 170px;display: inline-block;text-align: center;padding: 96px 20px 0;font-size: 17px;border: 1px solid #b0c8dc;border-radius: 100%;height: 170px;margin: 37px 25px 0;    margin: 37px 10% 0}
.manual_btn.left {background: url('/usr/images/sub/manual01.png') no-repeat center 40px}
.manual_btn.right {background: url('/usr/images/sub/manual02.png') no-repeat center 40px}

/*etc*/
.hr_none {clear: both}
.hr_1px {height: 1px;background-color: #e8e8e8;margin: 15px 0;clear: both}
.hr_tnorder02 {height: 2px;background-color: #000;margin-bottom: 15px;clear: both}
.hr_tnorder03 {height: 2px;margin-bottom: 15px;clear: both;background: transparent}
.f_pink {font-size: 15px;color: #de5263;font-weight: 300}
.reservation {border: 1px solid #fbcad0;padding: 16px;margin: 10px 0;background-color: #fdf0f0;color: #4c1818}
.f_20px {font-size:20px}
.text_red {border: 1px solid #d6d6d6;display: inline-block;padding: 10px;margin-bottom: 10px;font-size: 14px;max-width: 397px;width: 100%}
.text_red ul {}
.text_red ul li {position: relative;padding-left: 8px}
.text_red ul li:before {content: '';position: absolute;top: 8px;left: 1px;width: 3px;height: 3px;background-color: #5f5f5f}
.add_btn {font-size: 15px;display: inline-block;padding: 8px 27px;font-weight: 300;background-color: #de5263;color: #fff;line-height: 24px;width: 100%;max-width: 300px;text-align: center}
.add_btn:hover {background-color: #b72a3b}
.add_btn span {background: url(/usr/images/common/add.png) no-repeat right center;padding-right: 24px}
.c_red {color: #fb5740}
.c_blue {color: #003152}
.check {background: url('/usr/images/common/check.png') no-repeat;display: inline-block;text-indent: -999em;width: 9px;height: 9px;position: relative;top: 6px;margin-left: 4px}
.etc {margin-bottom: 10px;line-height: 19px}
.etc .check {margin: 0 6px 0 0}
.etc02 {font-size:15px;font-weight:300;text-align:right;margin: 10px 0}
.etc03 {font-size:15px;font-weight:300;margin: 10px 0}
.etc_box li {position: relative;padding-left: 8px;font-size: 15px}
.etc_box li p {margin-bottom: 10px;font-weight: 300}
.etc_box li:before {content: '';position: absolute;top: 11px;left: 1px;width: 3px;height: 3px;background-color: #5f5f5f}
.flag_box {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: right;margin-top: 42px;padding: 30px 0}
.flag_box a {position: relative;padding-left: 34px;margin-left: 24px}
.flag_box a:before {content: '';position: absolute;top: 0px;left: 1px;width: 27px;height: 26px;background: url('/usr/images/common/login_exl.png') no-repeat left center}
.flag_box01 {text-align: right;padding: 6px 0;margin: 13px auto;max-width: 1180px}
.flag_box01 a {position: relative;padding-left: 34px;margin-left: 24px}
.flag_box01 a:before {content: '';position: absolute;top: 0px;left: 1px;width: 27px;height: 26px;background: url('/usr/images/common/login_exl.png') no-repeat left center}
.border_icon {display: inline-block;width: 17px;height: 17px;text-indent: -999em;background: url('/usr/images/common/border_icon.png') no-repeat}
.border_icon.modified {background-position:0 -33px}
.border_icon.delete {background-position:0 -50px}
.border_icon.move {background-position:0 -67px}
.border_icon.up {background-position:0 0}
.border_icon.down {background-position:0 -16px}
.text_photo {padding: 25px;border: 1px solid #cecece}
.text_photo .text_in {font-weight:300;margin-bottom:10px}
.photo {position: absolute;top: 23px;right: 23px;padding: 15px;background-color: #fff;border: 1px solid #d4d4d4;box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.07)}
.photo img {max-width:168px}
.more_wrap {max-width:1180px;margin:0 auto}
.main_more:after {content: '';position: absolute;right: 0;top: 12px;background-color: #000;width: 57px;height: 2px}
.main_more {position:relative;padding-right:68px}
.main_more.mtmore {float: right;margin-top: -46px}
.download {display: inline-block;margin-top: 13px;border: 1px solid #c1c1c1;padding: 14px 36px}
.download span {background: url(/usr/images/common/download.png) no-repeat left 3px;padding-left: 25px}
.cw50 {text-align:center}
.text-bbsbox .textview .cw50 img {width:50%}
.txt_accent {margin-top: 5%;border: 1px solid #ccc;padding: 3%;font-size: 18px;background-color: #eef6f9}
.txt_accent02 {font-size: 19px;font-weight: 700}
.text-bbsbox .textview h5 {font-size: 1em;font-weight: 800;padding:30px 0 10px}
.text-bbsbox.bdtype {border-bottom: 1px solid #dedede;}

.webtong_history {position: relative;max-width: 1180px;margin: 60px auto; text-align: center}
.webtong_history:before {content: '';position: absolute;width: 1px;height: 100%;background-color: #d0d0d0;left: 50%;margin-left: -1px;top: 0}
.webtong_history h3 {display: inline-block;text-align: center;background-color: #e24041;color: #fff;padding: 0 48px;line-height: 59px;font-size: 19px;min-width: 148px;position: relative;margin-bottom: 50px}
.webtong_history ul {padding-bottom: 50px}
.webtong_history ul:after {content: '';display: block;clear: both}
.webtong_history ul li {clear: both;float: left;text-align: right;width: 50%;position: relative;padding: 39px 10px 10px 10px;margin-bottom: 50px}
.webtong_history ul li strong {font-size: 30px;position: absolute;right: 28px;top: -13px}
.webtong_history ul li p {position:relative;padding-right: 17px;line-height: 33px}
.webtong_history ul li p span {display: block; position: relative;padding-left: 8px;font-weight: 300;font-size: 16px}
.webtong_history ul li p:before {position: absolute;content: '';top: 15px;right: 3px;width: 7px;height: 2px;background-color: #e24041}
.webtong_history ul li em {font-weight: 600}
.webtong_history ul li i {position: absolute;right: -10px;top: 0;width: 20px;height: 19px;background: url(/usr/images/sub/point_icon.png) no-repeat}
.webtong_history ul li:nth-child(even) {float: right;text-align: left;padding: 45px 10px 10px 10px}
.webtong_history ul li:nth-child(even) p {position:relative;padding-left: 17px}
.webtong_history ul li:nth-child(even) p:before {position: absolute;content: '';top: 15px;left: 3px;width: 7px;height: 2px;background-color: #e24041}
.webtong_history ul li:nth-child(even) i {left: -11px}
.webtong_history ul li:nth-child(even) strong {right: auto;left: 23px}
.webtong_history.mekong_history ul li p {font-size: 17px;font-weight: 600}
.webtong_history.mekong_history ul li p span {line-height: 1.5;color: #444;font-weight: 300;font-size: 15px;margin-top: 5px; padding: 0}
.webtong_Photo_layout.emblem > li {width: 30%}
.webtong_Photo_layout.emblem > li > h3 {position: relative;padding-top: 20px}
.webtong_Photo_layout.emblem > li > h3:before {position: absolute;content: '';top: 0;left: 0;background-color: #000;height: 1px;width: 25px}
.webtong_Photo_layout.emblem > li > p {font-size: 15px}
.webtong_Photo_layout.emblem > li:last-child {width: 70%;padding: 0 100px;padding-top: 49px}
.webtong_tab_type05 li:after,
.webtong_tab_type05 li a {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}
.webtong_tab_type05 {display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;position:relative;background-color: #e7e7e7}
.webtong_tab_type05 li {display:table-cell;position:relative;background-color: #fff;float: left;width: 25%;}
.webtong_tab_type05 li:after {content: '';position: absolute;background-color: #de5263;bottom:0;left:0;width:100%;height:0}
.webtong_tab_type05 li.on:after, .webtong_tab_type05 li:hover:after { height:100%}
.webtong_tab_type05 li a {display:block;position:relative;height: 34px;border-top:1px solid #e7e7e7;line-height: 34px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;}
.webtong_tab_type05 li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df}
.webtong_tab_type05 li.on a, .webtong_tab_type05 li:hover a {border-bottom-color:#de5263; border-top:1px solid #de5263;z-index: 1;color:#fff}
.webtong_tab_type05 li.on a:after, .webtong_tab_type05 li:hover a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#fd7c82}
.webtong_tab_type05 li.on a:before, .webtong_tab_type05 li:hover a:before { content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#fd7c82}

.tab-contents {display: none;font-weight: 200;font-size: 15px;padding: 26px;margin-top: 30px;background-color: #ffffff;position: absolute;width: 92%;bottom: 0;left: 50%;transform: translateX(-50%);box-shadow: 0px 14px 20px 2px rgb(0 0 0 / 9%);}
.tab-contents > ul {display: flex;align-items: center;font-weight: 600;flex-wrap: wrap;justify-content: center;gap: 27px}
.tab-contents > ul > li:first-child {font-size: 25px;text-align: center}
.tab-contents > ul > li:first-child em {display: block;font-size: 16px;font-weight: 200}
.tab-contents > ul > li > img {width: auto;vertical-align: middle;padding: 10px;border: 1px solid #e5e5e5}
.tab-contents > ul > li > ul {}
.tab-contents > ul > li > ul > li {color: #333;font-weight: 300;line-height: 1.5;padding: 4px}
.tab-contents > ul > li > ul > li > strong {padding-right: 6px;display: inline-block;position: relative;padding-left: 11px}
.tab-contents > ul > li > ul > li > strong:before {content: '';position: absolute;top: 10px;left: 0;background-color: #8c8c8c;height: 4px;width: 4px; border-radius: 100%}
.tab-contents > ul > li > ul > li > strong:after {content:'\00a0 :'}
.tab-contents .open_view {display: block;border: 1px solid;background-color: #525252;color: #fff;padding: 11px 32px;font-weight: 600;text-align: center;margin-top: 13px;border-radius: 24px}
.m_img {display: none}

.webtong_faq dt {font-size: 18px;font-weight: 600;letter-spacing: -0.7px;color: #333;border: 1px solid #cccccc;padding: 20px 20px 20px 30px;border-radius: 5px;margin-top: 10px;box-shadow: 0px 4px rgba(0, 0, 0, 0.03)}
.webtong_faq dt:hover, .webtong_faq dt.active {background-color: #f2faff;border: 1px solid #c0d1dc;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s}
.webtong_faq dt a {display: block;position: relative}
.webtong_faq dt a:after {content: '';position: absolute;background: url(/usr/images/common/up_down01.png) no-repeat center top;width: 12px;height: 10px;right: 0;top: 8px}
.webtong_faq dt.active a:after {background-position:center bottom;top:1px}
.webtong_faq dd {padding: 20px;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;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer;font-family: "NotoSansKR";font-weight: 300}
.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%}
.filled.basic {color: #fff;background-color: #169d9a;border: 1px solid transparent}
.filled.basic:hover, .filled.basic:focus {background-color: #074543;border-color: #074543;}
.filled.grey {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.filled.grey:hover, .filled.grey:focus {background-color: #003152;border-color: #003152}
.sbtn.basic {color: #fff;background-color: #7d7d7d;border: 1px solid transparent}
.sbtn.basic:hover, .filled.basic:focus {background-color: #003152;border-color: #003152}
.outline.basic {color: #292929;border-color: #169d9a;background-color: #fff}
.outline.basic:hover, .outline.basic:focus {color: #fff;background-color: #074543;border-color: #074543;}
.webtong-btn.small {font-size: 1rem;line-height: 18px;min-width: 100px}

.btn_img {display: inline-block;border: 1px solid #cccccc;padding: 10px;min-width: 200px;text-align: center}
.btn_img span {padding: 10px 10px 10px 31px;background: url(/usr/images/sub/manual01_.png) no-repeat left center}
.btn_img span:hover {color:#de5263}
.btn-tbl.small {display: inline-block;border: 1px solid #c5c5c5;line-height: 31px;vertical-align: middle;padding: 0 8px}

.Privacy_wrap {padding: 20px 0}
.Privacy_wrap > ul > li {position: relative;padding-left: 33px;line-height: 32px;font-weight: 300}
.Privacy_wrap > ul > li:before {content: '';position: absolute;top: 4px;left: 1px;width: 27px;height: 26px;background: url('/usr/images/common/etc.png') no-repeat center}
.Privacy_text {background-color: #f5f5f5;padding: 20px;margin-top: 27px}
.Privacy_text strong {font-size: 18px}
.Privacy_text .Privacy_text_in {background-color: #fff;padding: 30px;margin-top: 10px;border: 1px solid #d2d2d2;height: 200px;overflow-y: scroll;font-size: 15px}

.title01 {padding: 30px 0 10px}
.table_type01 {border-top: 2px solid #157b78;border-bottom:1px solid;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff}
.table_type01.scroll {position:relative;max-height: 287px;overflow: hidden;overflow-y: auto}
.table_type01.scroll.hnone {max-height: none}
.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 #e6e6e6;background-color: #f9f9f9;padding: 13px;font-weight: 500;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: #f6ffff;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;padding: 12px}
.table_type01 table tbody tr:first-child th {min-width: 107px}
.table_type01 table td {border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;font-weight: 300}
.table_type01 table tr.double td {border-top: 3px double #e6e6e6;border-bottom: 3px double #e6e6e6}
.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_type02 {position: relative;border-bottom: 1px solid #1a8581;}
.table_type02 table {width: 100%;min-width: 640px;background-color: #fff}
.table_type02 table thead th {position: relative;background-color: #1a8581;padding: 13px;font-weight: 500;white-space: nowrap;color: #1b1b1b;color:#fff}
.table_type02 table thead th+th:before {content:'';width: 1px;height: 15px;background: #a8c1dd;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.table_type02 table td {border-top: 1px solid #e6e6e6;font-weight: 300;}
.table_type02 table td:first-child {border-left:0;}
.table_type02 table tbody tr:nth-child(even) td {background: #f0f9f9;}
.table_type02 table td .td_wrap {padding: 12px;text-align: center}
.table_type02 .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}

.webtong_radio {position: relative;margin-right: 14px;display: inline-block}
.webtong_radio input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_radio input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 3px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%}
.webtong_radio input[type="radio"] + label:active:before,
.webtong_radio input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.webtong_radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 9px;left: 6px;width: 9px;height: 9px;background: #3b5998;border-radius: 100%}
.webtong_checkbox {position: relative;margin-right: 14px;display: inline-block}
.webtong_checkbox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_checkbox input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.webtong_checkbox input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 2px}
.webtong_checkbox input[type="checkbox"] + label:active:before,
.webtong_checkbox input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.webtong_checkbox input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 6px;left: 5px;width: 15px;height: 12px;background:url(..//usr/images/common/checked.png) no-repeat}

input[type="text"], input[type="password"] {border: 1px solid #d8d8d8;height: 33px;width: 100%;padding: 0 7px}
.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: 4px 20px 8px;font-size: 15px;font-size: .8rem;line-height: 19px;transition: all .15s;letter-spacing: -0.8px;white-space: nowrap;cursor: pointer}
.table_type01 .fileBox {padding: 7px 12px}
.table_type01 .filled.basic {color: #fff;background-color: #169d9a;}
.table_type01 .filled.basic:hover, .filled.basic:focus {background-color: #074543;border-color: #074543;}
.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}

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;display: flex;gap: 5px;justify-content: flex-end;}
.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}

.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-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:30px}
.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_visual05 h2 {max-width:1180px;margin:0 auto;font-size: 28px;letter-spacing: -0.7px;color: #333;padding: 60px 0 20px}
.hotel_wrap {position: relative}
/*.hotel_wrap:before {content:'';position:absolute;background-color:#f7f7f7;width:50%;z-index:-1;height: 100%;margin: 50px 0}*/
.hotel_wrap .hotel_in {max-width: 1180px;margin: 0 auto;padding-top: 110px;position:relative;margin-bottom: 80px;min-height: 517px}
.hotel_wrap .hotel_in .more {position: absolute;right: 0;top: 0;padding-right: 61px}
.hotel_wrap .hotel_in .more:after {content: '';top: 12px;right: 0;background-color: #000;width: 50px;height: 2px;position: absolute}
.hotel_wrap .hotel_in .hotel_text {width: 42%;float: left}
.hotel_wrap .hotel_in .hotel_text.animation {position:relative;top:150px;opacity:0}
.hotel_wrap .hotel_in .hotel_text.animation.action {top:0;opacity:1}
.hotel_wrap .hotel_in .hotel_text h3 {font-size: 26px;margin-bottom: 50px;padding: 0}
.hotel_wrap .hotel_in .hotel_text h3 em {}
.hotel_wrap .hotel_in .hotel_text p {font-size: 15px;color: #373737;margin-bottom:44px}
.hotel_wrap .hotel_in .hotel_text p {font-size: 16px}
.hotel_wrap .hotel_in .hotel_text .text_bottom {font-size: 15px;margin-top: 70px;text-align: right}
.hotel_wrap .hotel_in .hotel_text .text_bottom em {font-size: 22px;display: block;font-weight: 700}
.hotel_wrap .hotel_in.slogan {min-height: auto}
.hotel_wrap .hotel_img_wrap {position: absolute;right: 0;top: 55px}
.hotel_wrap .slogan .hotel_img_wrap {top: 70px}
.hotel_wrap .hotel_img_wrap .hotel_img {max-width:634px}
.hotel_wrap .hotel_img_wrap .hotel_img .img_box.line {border: 1px solid #cecece;text-align: center;padding: 9% 0}
.hotel_wrap .hotel_img_wrap .hotel_img .img_box.line img {max-width: 250px;}
.hotel_wrap .hotel_img_wrap .hotel_img.animation {margin-top: 86px;visibility:hidden;opacity: 0}
.hotel_wrap .hotel_img_wrap .hotel_img.animation.action {margin-top: 0;visibility:visible;opacity: 1}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper {box-shadow: -19px 20px 20px 0px rgba(0, 0, 0, 0.15);position:relative}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper .bx-viewport {height:439px;visibility: hidden;opacity: 0}
.hotel_wrap .hotel_img_wrap .hotel_img .bxslider img {max-width:634px}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper .bx-controls-direction {position: absolute;right: 24px;bottom: -19px;background-color: #2c2c2c;padding: 23px 52px;width: 160px;height: 67px}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper .bx-controls-direction a {text-indent: -999em;display: inline-block;width: 29px;height: 67px;background: url('/usr/images/sub/page.png') no-repeat 0 center;position: absolute;top: -3px}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper .bx-controls-direction a.bx-prev {left: 27px}
.hotel_wrap .hotel_img_wrap .hotel_img .bx-wrapper .bx-controls-direction a.bx-next {background-position: -71px center;right: 27px}
.information {margin-top: 31px;padding-left: 35px;font-size: 15px}
.information > li {position: relative;padding: 11px 1px 11px 48px;display: flex;gap: 5px;}
.information > li > a {word-break: break-all;} 
.information > li:before {content: '';position: absolute;background: #3e3e3e url('/usr/images/sub/information.png') no-repeat center -34px;width: 38px;height: 38px;border-radius: 100%;top: 4px;left: 0px}
.information > li:first-child:before {background-position: center 10px}
.information > li:last-child:before {background-position: center -77px}
.information > li.home_ico:before {background-position: center 10px}
.information.in_box {position: absolute;background-color: rgba(255, 255, 255, 0.93);width: 90%;right: 50%;transform: translate(50%,0);-webkit-transform: translate(50%,0);-moz-transform: translate(50%, 0);padding: 22px;box-shadow: 0px 15px 15px 7px rgba(0, 0, 0, 0.09)}
.information.in_box.busan {font-size: 25px;text-align: center;background-color: rgba(5, 33, 93, 0.93);color: #fff;padding: 42px}
.information.in_box.inw50 {font-size: 25px;text-align: center;background-color: rgba(5, 33, 93, 0.93);color: #fff;padding: 0 42px 42px;right: 30px;transform: none;-webkit-transform: none;-moz-transform: inherit;width: 50%}
.information.in_box.inw50:after {width: 100%;height: 0;border-bottom-width: 42px;border-bottom-style: solid;border-left: 49px solid transparent;border-bottom-color: #152f67;display: block;content: "";position: absolute;top: -42px;left: 0}
.information.in_box.inw50 span {display: block;font-size: 21px;font-weight: 200}
.information.in_box.inw50.animation.action {bottom: -26px;opacity: 1}
.bxslider {list-style-type:none;display:none}
.hotel_wrap .hotel_img_wrap .hotel_img .img_box img {/*max-width: 634px;*/}
.slogan_wrap {text-align: center;}
.slogan_wrap img {width:auto}
.information > li > ul > li {text-indent: -10px;padding-left: 10px;}

.hotel_wrap.greetings_wrap:before {width: 72%}
.hotel_wrap.greetings_wrap .hotel_in {margin-bottom: 5%}
.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 {font-size: 30px}
.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 > em {display: block; font-weight: 200; font-size: 35px}
.hotel_wrap.greetings_wrap .hotel_in .hotel_text {width: 68%}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box {display: inline-block;position: relative}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box img {width: 300px; box-shadow: 0px 20px 18px 11px rgba(0, 0, 0, 0.08)}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box > p {text-align: center;background-color: #242943;color: #fff;line-height: 20px;padding: 40px 0px;position: absolute;bottom: -34px;left: -40px;height: 130px;width: 130px}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box > p > strong {display: block;font-size: 25px;font-weight: 400;margin-bottom: 7px}

.information.tourism {padding-left: 0;margin-top: 9px}
.slogan_box {font-size: 25px; text-align: center; background-color: rgba(5, 33, 93, 0.93); color: #fff; padding: 42px}
.slogan_box > img {width: 70%; margin-top: 15px}
.webtong-gallery.country_flag li {width:25%}
.webtong-gallery.country_flag li div {border: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7}
.webtong-gallery.country_flag li div:hover {box-shadow: none}
.webtong-gallery.country_flag li div a	{cursor: auto; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7}
.webtong-gallery.country_flag li div a strong {background: url(/usr/images/sub/link_more_icon.png) no-repeat right 28px; margin-right: 20px}
	
.information.in_box.busan.animation {bottom: -117px;opacity: 0}
.information.in_box.busan.animation.action {bottom: -37px;opacity: 1}
.information.in_box.animation {bottom: -186px;opacity: 0}
.information.in_box.animation.action {bottom: -149px;opacity: 1}
.information.in_box.map.animation {bottom: -100px}
.information.in_box.map.animation.action {bottom: -42px}
.img_wrap {position: relative;z-index: -1;}
.img_wrap.line {border: 1px solid #cecece;text-align: center;padding: 50px 20px;}
.img_wrap.line img {max-width:200px}
.img_wrap .in_text {margin: -92px 34px 60px;background-color: #fff;position: relative;padding: 4% 5%;font-size: 18px;box-shadow: 0px -20px 16px 0px rgba(0,0,0,0.17);color: #29557a;font-weight: 600}
.img_wrap02 {text-align:center;}
.img_wrap02 img {max-width:100%;width:auto;margin: 0 auto;}
.img_wrap03 {display:flex;gap:10px;justify-content: center;} 
.text_box03 {margin-top:190px}
.text_box03 p {margin-bottom: 35px}
.text_box03 p:last-of-type {margin-bottom: 0}
.text_box05 {margin-top:30px}
.text_box05 p {margin-bottom: 35px}
.text_box05 p:last-of-type {margin-bottom: 0}
.text_box06 {max-width:1180px;margin: 0 auto}
.text_box06 p {margin-bottom: 35px}

.text_box07 {padding: 20px 31px;border: 1px solid #e6e6e6}
.text_box07.new {border: 4px double #cadbe6;background-color: #f0f9ff}
.text_box07 li {border-bottom: 1px solid #e6e6e6;line-height: 23px;position:relative;padding: 15px 10px;}
.text_box07 li:before {content: '';position: absolute;top: 25px;left: 0;background-color: #8c8c8c;height: 4px;width: 4px}
.text_box07 li:last-of-type {border-bottom: 0}
.text_box07.emblem {background: url(/usr/images/sub/emblem.png) no-repeat 10px 10px / 268px;padding: 50px 43px 51px 301px}
.text_box07.emblem li {border-bottom: 0;line-height: 23px;position: relative;padding-left: 10px;margin: 16px 0}
.text_box07.emblem li:before {top: 9px}

.webtong_Photo_layout > li p > strong {display: block; font-weight: 500; font-size: 16px; color: #1b1b1b;margin-bottom:5px}
.information.in_box.animation.shopping_in_box {bottom: auto; position: relative; margin: 50px auto 0; transform: none; right: auto} 
.shopping_in_box {font-size: 13px; }
.information.in_box.animation.action.shopping_in_box {margin: -125px auto 0}
.information.in_box.animation.action.shopping_in_box > .shopping_information_list {display: inline-block; width: 33.3%; padding: 15px; margin-left: -2px}
.information.in_box.animation.action.shopping_in_box > .shopping_information_list strong {display: block;font-size: 15px;color: #1b1b1b;font-weight: 700;border-bottom: 1px solid #3a3a3a;padding-bottom: 8px;margin-bottom: 14px;position: relative}
.information.in_box.animation.action.shopping_in_box > .shopping_information_list strong > a {display: block;line-height: 21px;font-size: 12px;position: absolute;top: 0;right: 0}

.text_box04 {margin-top:50px;text-align: justify}
.hall_map {width:100%;height:600px}
.m_map {display:none}
.map_text {position:relative}
.map_text p {position: absolute;top: 0;padding: 17px 42px;left: 0;color: #396898;background-color: white;margin: 10px;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;border-radius: 2px;font-size: 15px}
.map_way {margin-top: 30px}
.map_way li {display: inline-block;line-height: 38px;position: relative;padding-right: 9px;font-size: 15px}
.map_way li:after {content:'→'}
.map_way li.end:after {content:''}
.map_way li.first, .map_way li.last {display: block;position: relative}
.map_way li.first em, .map_way li.last em {border: 0;color: #4c8fd4;font-size: 16px}
.map_way li.first:before, .map_way li.last:before {content: '';position: absolute;top: 21px;left: 19px;background: url(/usr/images/sub/pin.png) no-repeat;width: 14px;height: 17px}
.map_way li.first:after, .map_way li.last:after {content: ''}
.map_way li span {display: inline-block;border: 1px solid #6aaef3;padding: 0 23px 0 37px;border-radius: 27px;margin: 10px 0}
.map_way li em {display: inline-block;border: 1px solid #d2d2d2;width: 27px;height: 27px;line-height: 24px;text-align: center;border-radius: 100%;font-size: 14px;color: #ff4040}
.map_way strong {}

.flag_wrap {display: table;table-layout: fixed;text-align: center;padding: 8px;background-color: #fff;margin: 0 auto;position: relative;top: -43px;box-shadow: 0px -9px 11px 4px rgba(0, 0, 0, 0.12)}
.flag_wrap.slogan {display: table;table-layout: fixed;text-align: center;padding: 20px;background-color: #1d4e77;margin: 0 auto;position: relative;top: -43px;box-shadow: 0px 7px 11px 4px rgba(0, 0, 0, 0.12);width: 94%;color: #fff;visibility: hidden;}
.flag_wrap li {display: table-cell;width: 20%;padding: 18px}
.flag_wrap li img {width:auto}

.text-bbsbox dl {padding: 10px 15px;overflow: hidden;border-bottom: 1px solid #dedede}
.text-bbsbox dt {float: left;padding-right: 10px;font-weight: 600}
.text-bbsbox dd {float: left;padding-right: 20px;font-weight: 300}
.text-bbsbox .bbstitle {display: block;border-top: 2px solid;padding: 10px 10px 10px 20px;background-color: #f7f7f8;border-bottom: 1px solid #dedede}
.text-bbsbox .textview {padding:30px 20px}
.text-bbsbox .textview span, .text-bbsbox .textview p {font-family:'NotoSansKR' !important}
.text-bbsbox .textview img {max-width:100%;width: auto}
.text-bbsbox .file {text-align: left;padding: 13px;border-bottom: 1px solid}
.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;}

.board_list1 {border-top:2px solid #434446; 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: 300;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-size:16px}
.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%}
.board_list1 ul li .summary .homepage {display: inline-block;position: absolute;top: 50%;right: 64px;background: #2f69c4 url('/usr/images/common/website.png') no-repeat center;width: 40px;height: 40px;text-indent: -999em;margin-top: -20px;border-radius: 100%}
.certification_wrap {display: table;border-bottom: 1px solid #d1d6da;margin-top: 10px;border-top: 1px solid #d1d6da}
.certification_wrap dt {display: table-cell;width: 25%;text-align: center;vertical-align: middle;background-color: #ebf0f5}
.certification_wrap dd {display: table-cell;width: 25%;padding: 10px;text-align: center;vertical-align: middle}

.webtong_calendar_wrap {padding:0 10px}
.webtong_calendar_wrap table {width:100%;table-layout: fixed;margin-top: 40px}
.webtong_calendar_wrap table thead th {color: #333339;padding: 10px;border-bottom: 3px solid;text-align: left}
.webtong_calendar_wrap table tbody tr {border-bottom: 1px solid #dcdcdc}
.webtong_calendar_wrap table tbody td {padding: 10px;position: relative;height: 160px;vertical-align: top;border-right: 1px solid #dcdcdc}
.webtong_calendar_wrap table tbody td p {font-size: 14px}
.webtong_calendar_wrap table tbody td p strong {display: block;background-color: #de5263;color: #fff;padding: 2px 9px;margin-bottom: 7px}
.webtong_calendar_wrap table tbody td span.muted {color: #c3c3c3}
.webtong_calendar_wrap table tbody td.sun {color: #d81554;border-left: 1px solid #dcdcdc}
.webtong_calendar_wrap table tbody td.sat {color: #4a5fff}
.webtong_calendar_wrap table tbody td a.dot {}
.webtong_calendar_wrap table tbody td a.dot.on {background-color: darkred; color: white}
.webtong_calendar_wrap .calendar-head {text-align: center;font-size: 22px;padding: 17px 0}
.webtong_calendar_wrap .calendar-head a {display: inline-block;background: #de5263 url('/usr/images/sub/calendar_head.png') no-repeat 10px -21px;text-indent: -999em;height: 30px;width: 30px;border-radius: 100%;line-height: 27px;margin: 0 5px}
.webtong_calendar_wrap .calendar-head .prev-year {}
.webtong_calendar_wrap .calendar-head .next-year {background-position:10px 9px}
.webtong_calendar_wrap .list {border: 1px solid #e2e2e2;margin-top: 66px}
.webtong_calendar_wrap .list-head {text-align: center;padding: 19px 0;background-color: #fff;font-size: 17px;border-bottom: 1px solid #e2e2e2}
.webtong_calendar_wrap .list .list-wrap {overflow-y: scroll;padding: 20px}
.webtong_calendar_wrap .list .list-wrap dl {border-bottom: 1px solid #e2e2e2;padding: 3px 0}
.webtong_calendar_wrap .list .list-wrap dt {clear: both;min-width: 90px;float: left;padding: 3px 0;font-weight: 600}
.webtong_calendar_wrap .list .list-wrap dd {padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.bor1ddd {height: 67px;overflow-y: hidden}
.byte {text-align: right}
.byte input[type="text"] {display: inline-block;width: 29px;border: 0;text-align: right;height: 23px;padding: 0;color: #767676}
.byte span {display: inline-block;vertical-align: -1px}
.c_orange {color:#de5263;font-size: 14px}

.history_wrap {max-width:1180px;margin:0 auto;max-width: 1180px;margin: 0 auto}
.history_wrap dl {padding: 0 115px;margin-top: 57px}
.history_wrap dl:after {content:'';display:block;clear: both}
.history_wrap dl dt {font-family: "Montserrat";font-size: 39px;font-weight: 600;float: left;clear: both;position:relative;color: #1b1b1b}
.history_wrap dl dt:before {content: '';position: absolute;top: -6px;left: 0;background-color: #000;height: 1px;width: 42px}
.history_wrap dl dd {font-size: 18px;margin-left: 161px;margin-bottom: 82px;padding-top: 5px}
.history_wrap dl dd span {display: block;position:relative;padding-left: 8px;font-weight: 300;font-size:16px}
.history_wrap dl dd span:before {content: '';position: absolute;top: 10px;left: 0;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}

.mekong_river {position: absolute;right: 9px}
.mekong_river img {width:auto;box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.09)}
.mekong_river.animation {bottom: -117px;opacity: 0}
.mekong_river.animation.action {bottom: -64px;opacity: 1}

.list_box01 li {position: relative;padding-left: 10px;line-height: 28px}
.list_box01.new li {padding-left: 15px}
.list_box01 li:before {content: '';position: absolute;top: 12px;left: 0;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}
.list_box01.new li:before {content: '';position: absolute;top: 11px;left: 0;border: 3px double #ec9ca6;height: 8px;width: 8px;border-radius: 100%;background: none}
.emblem_shadow img {box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.09)}

.webtong_Photo_layout h3 {padding:0;font-size: 22px}
.webtong_Photo_layout.float-left > li {float:left}
.webtong_Photo_layout.float-right > li {float:right;text-align:left}
.webtong_Photo_layout:after {content:'';display:block;clear: both}
.webtong_Photo_layout > li {width: 40%}
.webtong_Photo_layout > li p {padding-top:20px;font-weight: 300}
.webtong_Photo_layout > li img {width:100%;border: 1px solid #f5f5f5;}
.webtong_Photo_layout > li:last-child {width: 60%;padding: 0 40px}
.webtong_Photo_layout > li:last-child.animation {margin-top: 83px;opacity:0}
.webtong_Photo_layout > li:last-child.animation.action {margin-top: 0;opacity:1}
.webtong_Photo_layout > li:last-child.infographic03 {padding-left: 60px}

.webtong_line {height: 1px;background-color: #dadada;margin: 60px 0;clear: both}
.bus_icon {position: relative;padding-left: 48px;display: block;margin-top: 21px}
.bus_icon:before {position: absolute;top: -5px;content: '';left: 0;width: 38px;height: 38px;border-radius: 100%;background: #3784c7 url(/usr/images/sub/bus_icon.png) no-repeat center}

.webtong_Photo_layout.food > li {width: 40%}
.webtong_Photo_layout.food > li > h3 {position: relative;padding-top: 20px}
.webtong_Photo_layout.food > li > h3:before {position: absolute;content: '';top: 0;left: 0;background-color: #000;height: 1px;width: 25px}
.webtong_Photo_layout.food > li > p {font-size: 15px}
.webtong_Photo_layout.food > li:last-child {width: 60%;padding: 0 100px;padding-top: 49px}

.webtong_Photo_layout.align_c {display: flex;}

.coming_soon {background: url(/usr/images/sub/coming_soon.png) no-repeat center 25px;width: 100%;max-width: 550px;margin: 45px auto;padding: 80px 0 115px;text-align: center}
.coming_soon strong {font-size: 50px;display: block}
.coming_soon strong em {color: #f07373;padding: 0 23px 0 53px}
.coming_soon p {margin: 150px 0 10px}
.login_exl {background: url(/usr/images/common/login_exl.png) no-repeat -66px -2px;line-height: 27px;display: inline-block;padding: 0 44px 0 15px}
.link {color: #de5263;text-decoration: underline;text-underline-offset: 4px}
.link02 {color: #ffbc00;text-decoration: underline;display: table;margin: 10px auto}
.link03 {color: #001dff;}
.link04 {color: #ff0000;}
.view_btn {text-align: center;display: block;border: 1px solid #cacaca;font-size: 15px;line-height: 42px}

#youtube_play {position: absolute;z-index: 1;top: 0;right: 50%;-webkit-transform: translate(50%, 0);transform: translate(50%, 0);opacity: 0;-webkit-transition: opacity 0.4s linear 0s;transition: opacity 0.4s linear 0s;width: 100%;display: none}
#youtube_play.play {opacity: 1;z-index: 4;padding-top: 39%;overflow: hidden;display: block}
#youtube_play iframe {width: 100%;position: absolute;top: 0;left: 0;height: 100%}
.text_wrap {position: absolute;top: 5px;background: url(/usr/upload/ftp/participation.png) no-repeat;width: 37px;right: 3px;height: 51px;text-indent: -999em}
.text_wrap_inne {background: url(/usr/upload/ftp/participation.png) no-repeat 15px 7px;float: right;margin-top: -25px;line-height: 46px;padding: 6px 15px 6px 63px;font-size: 17px;    border: 1px solid #f7b8ab;color: #ef4b2a}

.history_wrap_inner{margin-top: 24px}
.history_wrap_inner > li {display: flex;border-bottom: 1px solid #e5e5e5;align-items: center;padding: 50px 0;font-size: 18px;}
.history_wrap_inner .dot li {position: relative;padding-left: 8px}
.history_wrap_inner .dot li:before {content:'';background-color: #b1b1b1;width: 3px;display: inline-block;height: 3px;position: absolute;left: 0;top: 11px;}
.history_wrap_inner > li > strong {font-weight: 300;flex-grow: 0;min-width: 357px;display: flex;align-items: baseline;}
.history_wrap_inner > li > strong > em {font-family: Montserrat;font-size: 64px;font-weight: 700;margin-right: 8px;}
.history_wrap_inner > li > ul {flex-grow: 1}
.history_wrap_inner > li > ul > li {margin-bottom: 13px}

.about_apec_wrap {}
.about_apec_wrap img {max-width:100%;width:auto;}
.about_apec_wrap .about_apec_inner {background: url(/usr/images/sub/bg_apec.png) no-repeat 0 0 / cover;text-align: center;padding: 9% 15% 25%;}
.about_apec_wrap p {margin: -19% 34px 0;background-color: #fff;position: relative;padding: 4% 5%;font-size: 18px;box-shadow: 0px -69px 16px 0px rgba(0, 0, 0, 0.17);font-size: 16px;}

.overview_new_wrap {background-color: #f0f3f3;padding: 50px 0;}
.overview_new_inner {max-width: 1180px;margin: 0 auto;display: flex;align-items: center;padding: 0 5%;gap: 40px}
.overview_new_inner .overview_img {width: 30%;text-align: center}
.overview_new_inner .overview_img img {width: 170px;}
.overview_new_inner .overview_text {width: 70%;}
.overview_new_inner .overview_text .overview_text_inner {display: flex;flex-direction: column;}
.overview_new_inner .overview_text .overview_text_inner li {display: flex;gap: 14px;align-items: center;border-bottom: 1px dotted #b9c0c7;padding: 5px 0;}
.overview_new_inner .overview_text .overview_text_inner li:last-child {border:0}
.overview_new_inner .overview_text .overview_text_inner li strong {flex-grow: 0;min-width: 153px;text-align: center;border-radius: 21px;padding: 8px 4px;background-color: #0d6e6c;color: #fff;}
.overview_new_inner .overview_text .overview_text_inner li em {flex: 1}

.theme_wrap {display: flex;background: #f0f3f3;padding: 5%;gap: 70px;align-items: center;}
.theme_wrap .theme_img {width: 20%;}
.theme_wrap .theme_text {width: 80%;font-size: 18px;}
.theme_wrap .theme_text .blue {color: #006fb3;}

.statement_wrap {display: flex;margin-top: 50px;gap: 30px;}
.statement_wrap li {border: 1px solid #cecece;padding: 4%;flex: 1 1 30%;margin-left: -1px;border-radius: 20px;}
.statement_wrap li:first-child {background: #f6f7f9;border: 1px solid #c9d8f5;}
.statement_wrap li:nth-child(2) {background: #fbf6f3;border: 1px solid #ebd7cc;}
.statement_wrap li:last-child {background: #f1f7f6;border: 1px solid #c1e1dc;}
.statement_wrap li strong {font-size: 28px;font-weight: 800;color: #000;border-bottom: 1px solid #cecece;display: block;padding-bottom: 20px;margin-bottom: 30px;}
.statement_wrap li strong p {}
.statement_wrap li:first-child strong {color: #006fb9;border-bottom: 1px solid #c9d8f5;}
.statement_wrap li:nth-child(2) strong {color: #f17d17;border-bottom: 1px solid #ebd7cc;}
.statement_wrap li:last-child strong {color: #009a95;border-bottom: 1px solid #c1e1dc;}

.apec_member {display: flex;flex-wrap: wrap;gap: 15px;}
.apec_member li {background: #f4f5f9;display: flex;padding: 15px;align-items: center;gap: 15px;flex: 1 1 13%;flex-direction: column;border: 1px solid #dddddd;}
.apec_member li span {flex-shrink: 0;border: 1px solid #dbdbdb;min-width: 100px;}
.apec_member li span img {width: 100px;}
.apec_member li strong {font-size: 16px;/* font-weight: 800; */letter-spacing: -0.5px;}

/* 2024.11.21 추가 */
.info_wrap {}
.info_wrap .infor_top {background: url(/usr/images/sub/bg_info.png) no-repeat 0 0;text-align: center;}
.info_wrap .infor_top h3 {display: block;color: #fff;}
.info_wrap .infor_top p {color:#fff}
.info_wrap > p {}

.text_list01 {display: flex;flex-direction: column;gap: 10px;}
.text_list01 > li {background: #f7f7f7;padding: 30px;}
.text_list01 > li strong {font-size: 17px;color: #2f6fd1;display: block;margin-bottom: 10px;}
.text_list01 > li ul li {position:relative;padding-left: 12px;}
.text_list01 > li ul li:before {content:'';width: 3px;height: 3px;border-radius:100%;background: #515151;position:absolute;top:50%;left:0;margin-top: -1px;}

.text_list02 {margin-top:15px}
.text_list02 li {line-height:26px;}

.text_list03 li {text-indent: -10px;padding-left: 10px;line-height: 30px;}

.contrib_wrap {margin-top: 30px;padding-bottom: 20px;}
.contrib_wrap .contrib_inner_wrap {display: flex;gap: 70px;}
.contrib_wrap .contrib_inner_wrap+.contrib_inner_wrap {align-items: center;}
.contrib_wrap .contrib_inner_wrap > strong {font-size: 25px;font-weight: 800;flex-shrink: 0;/* margin-top: 20px; */position:relative}
/*.contrib_wrap .contrib_inner_wrap > strong:after {content:'';width: 100%;height:1px;background: #e1e1e1;position:absolute;top: 18px;right: -120px;}*/
.contrib_wrap .contrib_inner {flex-grow: 1;}
.contrib_wrap .contrib_inner .contrib_list > li {padding-bottom: 30px;}
.contrib_wrap .contrib_inner .contrib_list > li+li {}
.contrib_wrap .contrib_inner .contrib_list li strong {font-weight: 800;color: #2f6fd1;display: block;margin-bottom: 10px;max-width: 200px;width: 100%;}
.contrib_wrap .contrib_inner .text_list01 {gap:0;}
.contrib_wrap .contrib_inner .text_list01 > li {background:none;padding:0;position:relative;padding-left: 12px;}
.contrib_wrap .contrib_inner .text_list01 > li:before {content:'';width: 3px;height: 3px;border-radius:100%;background: #515151;position:absolute;top:50%;left:0;margin-top: -1px;}

.swiper {z-index:0 !important;margin-top: 70px;}
.new_swiper {display: flex;gap: 40px;padding: 70px;background:#f7f7f7;align-items: center;}
.new_swiper span {flex-grow: 0;flex-basis: 40%;}
.new_swiper_text {flex-basis: 60%;}
.swiper-button-prev, .swiper-button-next {border: 1px solid #e9e9e9;border-radius: 100%;width: 40px!important;height: 40px!important;background: #fff;}
.swiper-button-prev:after {content:''!important;width:13px;height:14px;background: url(/usr/images/common/previous_page.png) no-repeat 0 0;}
.swiper-button-next:after {content:''!important;width:13px;height:14px;background: url(/usr/images/common/next_page.png) no-repeat 0 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {top: auto !important;bottom: 30px !important;}
.swiper-pagination-bullet {width: 15px !important;height: 3px !important;border-radius: 0 !important;}

/* 공식협찬 가이드 */
.sponsorship_step_wrap {display: flex;flex-wrap: wrap;margin:0 -15px;}
.sponsorship_step_wrap li {width: 25%;position: relative;margin-top: 30px;padding: 0 15px;}
.sponsorship_step_wrap li:before {content:'';width: 30px;height: 40px;border-radius:150px 0 0 150px;position:absolute;right: 15px;top: 50%;background: #157b78;margin-top: -20px;border: 1px solid #157b78;border-right: 0;}
.sponsorship_step_wrap li:last-child:before {content:none;}
.sponsorship_step_wrap li:after {content:'';width: 8px;height: 9px;background: url(/usr/upload/file/ico_step.png) no-repeat 0 0 / 100%;position:absolute;top: 50%;right: 22px;margin-top: -4px;}
.sponsorship_step_wrap li:last-child:after {content:none}
.sponsorship_step_wrap li .step_inner {border: 1px solid #157b78;border-radius: 7px;text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 15px;gap: 3px;height: 110px;z-index: -2;position: relative;}
.sponsorship_step_wrap li .step_inner p {font-weight: 400;}
.sponsorship_step_wrap li .step_inner strong {font-size: 18px;font-weight: 800;position: relative;}
.sponsorship_step_wrap li .step_inner strong span {position:relative;padding: 0 5px;}
.sponsorship_step_wrap li .step_inner strong span:before {content:'';width: 100%;display: inline-block;position: absolute;background: #d6ede3;height: 12px;z-index: -1;bottom: 2px;left: 0;}
.sponsorship_step_wrap li .step_inner em {display: block;font-size: 14px;font-weight: 300;}
.sponsorship_step_wrap.w3 li {width:33.3333%}
.sponsorship_step_wrap.w3 li .step_inner strong span:before {content:none;}
.sponsorship_step_wrap.w3 li .step_inner strong span {background-image: linear-gradient(#d6ede3);background-repeat: repeat-x;background-size: 100% 0.6em;background-position: 0 100%;}

.inquiry_wrap {display: flex;justify-content: space-between;background: #f5f5f5;border-radius: 7px;padding: 50px;align-items: center;margin-top: 100px;}
.inquiry_wrap ul {display: flex;gap: 30px;}
.inquiry_wrap ul li {display:flex;align-items: center;gap: 10px;}
.inquiry_wrap ul li:before {content:'';width: 30px;height: 30px;}
.inquiry_wrap ul li:first-child:before {background:url(/usr/upload/file/ico_manager.svg) no-repeat 0 0 / 100%}
.inquiry_wrap ul li:last-child:before {background:url(/usr/upload/file/ico_inquiry.svg) no-repeat 0 0 / 100%}

/* 소셜미디어 */
.sns_wrap {}
.sns_wrap ul {display: flex;gap: 2%;}
.sns_wrap ul li {flex: 1 1 20%;}
.sns_wrap ul li a {display:block;padding: 5% 0;text-align: center;filter: grayscale(100%);}
.sns_wrap ul li a:hover {filter: grayscale(0%);}
.sns_wrap ul li a img {max-width:200px}

.pdf_viewer {width:100%;height:800px;}


@media screen and (max-width: 1000px) {
	.overview_new_inner .overview_img {flex: 0 0 30%}
}
@media screen and (max-width: 850px) {
	.overview_new_inner {flex-direction: column}
	.overview_new_inner .overview_img {width:100%}
	.overview_new_inner .overview_img img {width:180px}
	.overview_new_inner .overview_text {width: 100%;}
	.overview_new_inner .overview_text .overview_text_inner li strong {font-size: 15px;}
	.overview_new_inner .overview_text .overview_text_inner li em {font-size: 15px;}
}

.icon_privacy {display: flex;flex-wrap: wrap;gap: 28px}
.icon_privacy > li {flex: 1 1 34%;display: flex;align-items: center;background-color: #f1f2fb;border-radius: 84px;padding: 22px 51px;gap: 16px}
.icon_privacy > li > div > img {width: auto}
.icon_privacy > li > span {font-size: 20px}

.webtong_terms_of_Use_layout {max-width: 100%;margin: 0 auto;word-break: keep-all}
.webtong_terms_of_Use_layout h3 {font-size: 25px;letter-spacing: -0.9px}
.webtong_terms_of_Use_layout h3 > img {width:auto;margin-right: 10px}
.webtong_terms_of_Use_layout h3.center {text-align:center}
.webtong_terms_of_Use_layout .table_type01 table thead th {text-align:center}
.webtong_list {font-size: 15px;margin-bottom: 10px}
.webtong_list > li {text-indent: -14px;padding-left: 14px;margin-bottom: 8px}
.webtong_list li ol, .webtong_list li ul {margin: 10px 0 20px;font-size: 14px;font-weight: 300}
.webtong_list li ol li {text-indent: -15px;padding-left: 15px;margin-bottom: 6px} 
.webtong_list li ul li {text-indent: 1px;padding-left: 13px;position: relative;margin-bottom: 6px}
.webtong_list li ul li:before {content:'';position:absolute;top: 8px;left: 4px;background-color:#000;width:5px;height:5px}
ul.webtong_list > li {text-indent: 1px;padding-left: 16px;position: relative;margin-bottom: 6px}
ul.webtong_list > li:before {content:'';position:absolute;top: 8px;left: 4px;background-color:#000;width:5px;height:5px}
.idx_privacy{display: flex;flex-wrap: wrap;gap: 13px;}
.idx_privacy> li {flex: 1 1 40%;display: flex;align-items: center;background-color: #f1f2fb;border-radius: 84px;padding: 9px 23px;}
.idx_privacy> li > a {display: flex;align-items: center;gap: 9px;}
.idx_privacy> li > a:hover {text-decoration: underline;text-underline-offset : 3px}
.idx_privacy> li > a > .icon_pvc > img {width: auto}
.idx_privacy> li > a > span {font-size: 16px;font-weight: 400;color: #0d2c6a}

.ip_check {height: 100vh;display: flex;justify-content: center}
.ip_check_innre {text-align: center;margin-top:100px}
.ip_check_innre .ip_logo img {width:100px}
.ip_check_innre .ip_you {margin: 40px 0 10px;font-size: 20px}
.ip_check_innre .ip_my {padding: 12px 80px;display: block;background-color: #db1e43;font-size: 30px;margin-bottom: 40px;font-family: Montserrat;color: #fff;border-radius: 51px}
.ip_btn {margin-bottom: 40px;}
.ip_btn > a {padding: 13px;border-radius: 4px;background-color: #393939;color: #fff;display: inline-block;width: 302px}
.ip_check_innre .ip_captcha {margin-top: 15px;margin-bottom: 10px;}
.ip_check_innre .ip_captcha img {width:auto}
.ip_check_innre .ip_Copyright {margin-top: 20px;font-size: 14px;color: #919191;font-weight: 200}

/* 파트너스 팝업 */
.bg_overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;opacity:.7;z-index:4;}
.layer_popup {display:none;position: fixed;top:0;left:0;z-index:4;width: 100%;height: 100vh;}
.layer_popup_wrap {width: 100%;height: 100vh;padding:10px;display:flex;justify-content: center;align-items: center;}
.popup_wrap {max-width:500px;width:100%;min-width: 340px;position:relative;background: #fff;border: 3px solid #157b78;}
.popup_inner {padding:10%}
.popup_inner h3 {font-size: 30px;text-align: center;font-weight: 800;color: #000;margin-bottom: 30px;}
.popup_inner .logo_wrap {background: #f8f8f8;padding: 12%;text-align: center;}
.popup_inner .logo_wrap img {width:auto}
.partners_detail_list {margin-top:15px}
.partners_detail_list li {line-height: 27px;position:relative;padding-left: 82px;text-indent:-72px}
.partners_detail_list li:before {content:'';width:4px;height:4px;background:#157b78;position:absolute;top: 12px;left:0;border-radius: 100%;}
.partners_detail_list li strong {color: #157b78;}
.popup_inner .btn_wrap {text-align: center;margin-top: 30px;}
.popup_inner .btn_wrap a {display: block;border-radius: 50px;font-size: 15px;padding: 10px 0;}
.popup_wrap .pop_close {background:#157b78 url('/usr/upload/file/pop_close.png') no-repeat center;width:30px;height:30px;position:absolute;top:10px;right:10px;text-indent:-9999px;}

/* 국민소통 */
.text_dispatch_wrap {text-align: center;position:relative;padding: 41px 0 50px;}
.text_dispatch_wrap:before {content:'';width:39px;height:25px;background: url(/usr/upload/file/ico_dispatch.png) no-repeat 0 0 / 100%;position:absolute;top:0;left: 50%;margin-left: -18px;}
.text_dispatch_wrap strong {display: block;font-weight: 800;font-size: 30px;color: #157b78;}
.text_dispatch_wrap p {background: #f0f3f3;padding: 30px 9%;margin-top: 15px;}

/* 회의일정 */
.metting_download {min-width: 73px;background: #1a8581;color: #fff;display: block;padding: 2px 15px;text-align: left;}
.metting_download span {display: block;background: url(/usr/upload/file/icon_down.png) no-repeat right center;}
.background_type01 {background: #0971bb;}
.background_type02 {background: #d98416;}

@media screen and (max-width: 830px) {
	.idx_privacy> li {flex: 1 1 100%}
	.icon_privacy {gap: 7px;}
	.icon_privacy > li {padding: 11px 23px}
	.icon_privacy > li > span {font-size: 16px}
	.icon_privacy > li > div > img {width: 40px}
}
@media screen and (max-width: 700px) {
	.icon_privacy {gap: 7px;}
	.icon_privacy > li {flex: 1 1 100%}
	.icon_privacy > li > span {font-size: 16px}
	.icon_privacy > li > div > img {width: 40px}
}
@media screen and (max-width: 1490px) {
	header > .navi > h1 {left: 10px;z-index: 3}
    nav > ul > li > a {font-size: 16px;}
}

@media screen and (max-width: 1440px) {
	nav > ul {margin: 0 auto 0 250px;}
	nav > ul > li > a {padding: 28px 20px;}
	.utility .apec_logo {width: 160px;}
}
@media screen and (max-width: 1200px) {
	header .top_utill {padding: 8px 10px;}
	.top_utill ul li {display: flex;align-items: center;}
	header .top_utill ul li a {width:17px;height:17px}
	.top_utill ul li .youtube {width: 19px;height: 19px;margin-right: 4px;}
	
	header > .navi > h1 {padding: 0 2% 0;width: 100%;z-index: 4;top: 0px;left:0;background: #fff;padding: 15px 2%;border-bottom: 1px solid #ebebeb;}
	header > .navi > h1 > a {margin: 0;background-size: 100%;width: 160px;background-position: center;}
	header > .navi > h1.h1-fixed {top: 0;left:0;}
	header > .navi > .m_menu {position: absolute;right: 8px;top: 18px;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.m-fixed {position:fixed;}
	header > .navi > .m_menu.off {position: fixed;background: url('/usr/images/common/close.png') no-repeat center;top:10px;right: 9px;z-index: 6}
	nav {display:none;top: 0;margin-left: 0;position: fixed;width: 100%;padding: 46px 0 10px;height: 100vh;background: #fff;z-index:5}
	nav.menu-fixed {background: #fff;}
	nav > ul {margin: 0;width: 100%;text-align: left}
	nav > ul > li {float: none;}
	nav > ul > li > a {text-align: left;border-bottom: 1px solid #e5e5e5;padding: 10px 18px;background: url(/usr/images/common/up_down.png) no-repeat right 13px}
	nav > ul > li.active > a {background-position: right -21px}
	nav > ul > li > ul {position: relative;top: 0;background-color: #f1f1f1;padding-left: 21px}
	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: #efefef}
	.brnone {display:none}
	.visual {margin-top: 51px}
	.sub_nav {}
	.sub_nav ul li a {font-size: 15px;line-height: 20px}
	.visual img.pc {display:none}
	.visual img.mobile {display:block}
	.g_box {padding: 0 15px}
	.main_visual {margin-top: 53px}
	.hotel_wrap .hotel_img_wrap .hotel_img .img_box img {max-width:100%}
	.sns {margin: 70px auto 0}
	.utility {top: 19px;right:40px;z-index: 4}
	/*.utility a:nth-of-type(2) {font-size:12px;padding: 5px 12px;}
	.utility a:nth-of-type(2) span {padding: 0 15px 0 20px;}
	.utility a:nth-of-type(2) span:before {height: 15px;width: 15px;}
	.utility a:nth-of-type(2) span:after {margin-top: -4px;}*/
	.top_utill ul li:last-child a {font-size:12px;width: 78px;}
	.top_utill ul li:last-child a span {padding: 0 15px 0 20px;}
	.top_utill ul li:last-child a span:before {height: 15px;width: 15px;top: 2px;}
	.top_utill ul li:last-child a span:after {margin-top: -4px;}
	.utility a:nth-of-type(2) {display:none}
	.utility .apec_logo {margin-right:10px}
}
@media screen and (max-width: 1180px) {
	.contents {padding:5% 2% 100px}
	.footer_wrap {padding: 50px 2%;}
	.text_box02 p {top: 123px}
	.more_wrap {padding: 0 2%}
	.about_asean_wrap, .welcome_asean {padding: 0 2%}
	.notice_asean .notice_asean_wrap {padding: 0 2%}
	.information.in_box.inw50 {width: 90%;font-size: 16px;padding: 0 20px 20px}
	.hotel_wrap .hotel_in .hotel_text {width: 100%;float:none}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text {width: 100%}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 {font-size: 25px;text-align: center;}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 > em {font-weight: 300; font-size: 18px}
	.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box {display: table;margin: 0 auto;}
	.hotel_wrap:before {background:none ;width: 100%}
	.hotel_wrap .hotel_img_wrap {position:relative;top:0}
	.hotel_wrap .hotel_img_wrap .hotel_img {max-width: 100%}
	.hotel_wrap .hotel_img_wrap .hotel_img .bxslider img {max-width: 100%}
	.hotel_wrap .hotel_in {padding-top: 40px;margin-bottom: 0;min-height: auto}
	.webtong_gallery03 .card_wrap {width: 33.3333%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
	.tab_content {height:auto}
	.tab_wrap01 .about_img {max-width: 367px}
	.information.in_box.animation.action.shopping_in_box > .shopping_information_list {width:50%}
	.information.in_box.inw50.animation.action {bottom: -75px;opacity: 1}
	.information.in_box.inw50 span {display: block;font-size: 14px;font-weight: 200}
	.information.in_box.inw50:after {border-bottom-width: 30px;border-left: 30px solid transparent;top: -30px}
	.webtong_gallery04 {margin:0}
}	
@media screen and (max-width: 1150px) {
	.inquiry_wrap {flex-direction: column;align-items: flex-start;gap: 20px;}
}
@media screen and (max-width: 1024px) {
	.text_box02 img {float: none;width: 100%}
	.text_box02 p {font-size: 15px;margin: 0 auto;top: -36px;position: relative;width: 90%}
	.contents h2 {font-size: 30px}
	.contents h3 {font-size: 20px}
	.contents h4 {font-size:18px;}
	.text_box01 {font-size: 15px}
	.footer_wrap .footer_top .footer_left {flex-direction: column;gap: 30px;}
	.footer_wrap .footer_top {flex-direction: column;}
	.f_logo {background-position: center center;display: block;background-size: 180px;margin: 0 auto;width: 180px;}
	.f_link {float: none;padding: 0;margin: 0 auto;display: table;text-align: center}
	.f_sns {margin: 10px auto;display: table;float: none}
	.f_link ul {}
	.f_link ul li a {}
	address {margin-bottom: 23px}
	address p {margin-bottom: 10px;}
	.text01 {font-size: 18px}
	.f_20px {font-size:18px}
	.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}
	.tab_wrap01 .text_about_asean strong {font-size:0.8em;line-height: 27px}
	.tab_wrap01 .text_about_asean {font-size: 25px;padding: 20px}
	.tab_wrap01 .about_img {max-width: 50%;position: inherit;margin: 27px auto 10px;display: table}
	.about_asean_content > h3 > a {font-size: 14px}
	.d_day {font-size: 30px}
	.tab_wrap02 ul li {width:100%}
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 16px}
	.tab_wrap02 ul li .box_01 p span {font-size: 14px}
	.h2_title01 {font-size: 26px;padding: 40px 0 23px}
	.welcome_asean .welcome_asean_wrap .left_wrap {width: 100%;padding-right:0}
	.welcome_asean .welcome_asean_wrap .left_wrap .left_wrap_content p.animation.action {bottom: -68px;right: 50%;background-color: rgba(255,255,255,0.9);padding: 15px 33px;max-width: none;width: 90%;transform: translateX(50%);-webkit-transform: translateX(50%);-moz-transform: translateX(50%);font-size: 14px}
	.welcome_asean .welcome_asean_wrap .right_wrap {width: 100%;margin-top: 100px;padding-left:0}
	.welcome_asean .welcome_asean_wrap .right_wrap ul li {float: left;width: 50%}
	.notice_asean .notice_asean_wrap .left_wrap { padding-right: 0;width:100%;margin-bottom: 20px}
	.notice_asean .notice_asean_wrap .right_wrap { padding-left: 0;width:100%}
	.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap strong {font-size:16px}
	.banner_asean {display:none}
	.welcome_asean .welcome_asean_wrap .right_wrap ul li a span {width: 50%}
	.webtong-gallery.card li {width: 33.3333%}
	.table_type02.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type02.scroll .scroll_img {display:block}
	.webtong_gallery04 .card_wrap {width:47%}
}

@media screen and (max-width: 1010px) {
	.sponsorship_step_wrap li {width: 33.3333%;}
}

@media screen and (max-width: 900px) {
	.webtong_history h3 {min-width:100%}
	.webtong_history ul li {float: left;margin: 0 0 50px 50px;width: 87%;padding-top: 37px;text-align: left}
	.webtong_history ul li strong {right: auto;left:0;font-size: 22px}
	.webtong_history ul li:nth-child(even) strong {left:0}
	.webtong_history ul li p {padding-left: 17px}
	.webtong_history ul li p:before {position: absolute;content: '';top: 15px;left: 3px;width: 7px;height: 2px;background-color: #e24041}
	.webtong_history ul li:before {left: -20px;border-top: 10px solid transparent;border-right: 10px solid #d0d0d0;border-bottom: 10px solid transparent;border-left: 10px solid transparent}
	.webtong_history ul li:after {left: -18px;border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;border-left: 10px solid transparent}
	.webtong_history ul li i {left: -37px;right: auto;top: -5px}
	.webtong_history {text-align:left}
	.webtong_history:before {left: 24px}
	.webtong_history ul li:nth-child(even) {float: none}
	.webtong_history ul li:nth-child(even) i {left: -37px;right: auto}
	.webtong_history:after {left: 43px;background: none}
	.webtong_history.mekong_history ul li p {font-size: 16px}
	.webtong_history.mekong_history ul li p span {font-size: 14px}
	.history_wrap_inner > li {flex-wrap: wrap;}
	.history_wrap_inner > li > strong {width:100%;margin-bottom: 10px}
	.history_wrap_inner > li > strong > em {font-size: 25px}
	.history_wrap_inner > li {padding: 20px 0}
	.text_box01.accent > p {font-size: 16px}
	.text_box01.accent > p.faible {font-size: 23px}
	
	.statement_wrap li {padding: 20px;}
	
	/* 2024.11.22 추가 */
	.new_swiper {gap: 20px;flex-direction: column;padding: 30px 70px 70px;}
	.new_swiper span {flex-basis: 100%;width: 100%;}
	.new_swiper span img {max-width:none;width:100%}

}
@media screen and (max-width: 800px) {
	.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}
	.history_wrap dl {padding: 0}
	.history_wrap dl dt {font-size: 28px}
	.history_wrap dl dd {font-size: 15px;margin-left: 95px;margin-bottom: 38px}
	.history_wrap dl dd span {font-size: 14px}
	.text_box07.emblem {background: url(/usr/images/sub/emblem.png) no-repeat center 10px / 268px;padding: 195px 20px 10px}
	.webtong_Photo_layout > li, .webtong_Photo_layout > li:last-child  {width: 100%;padding:10px 0}
	.webtong_Photo_layout.food > li, .webtong_Photo_layout.food > li:last-child  {width: 100%;padding:10px 0}
	.webtong_Photo_layout.emblem > li, .webtong_Photo_layout.emblem > li:last-child  {width: 100%;padding:10px 0}
	.webtong_Photo_layout.float-right > li  {text-align:left}
	.information.in_box.animation.action.shopping_in_box > .shopping_information_list {width:100%}
	.information.in_box.animation.action.shopping_in_box li {font-size:12px}
	.infographic03 > .text_box04 {margin-top:0}
	.information.in_box.inw50.animation.action {right: 18px}
	.tab_wrap01 .about_img {max-width:90%}
	.webtong_Photo_layout > li:last-child.infographic03 {padding-left: 0}
	.webtong_Photo_layout.align_c {flex-direction: column;}
	.text_box07 {padding: 15px;font-size: 15px}
	.text_box07 li {line-height: 24px;padding: 12px 0 12px 10px}
	.webtong_Photo_layout > li p, .text_box05 p, .hotel_wrap .hotel_in.slogan .hotel_text p {font-size: 15px}
	.mekong_river img {max-width: 200px}
	.hotel_wrap .hotel_img_wrap .hotel_img > .img_box {text-align: center}
	/*.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box {display: table;margin: 0 auto}*/
	.text_box07.emblem li:before {top: 20px}
	header .navi {height: 217px}
	.txt_accent {font-size: 16px}
	.txt_accent02 {font-size: 16px}
	.img_wrap .in_text {font-size: 16px}
	.tab-contents > ul {gap: 9px;}
	.m_img {display: block}
	.pc_img {display: none}
	.tab-contents .open_view {padding: 6px 32px;font-size: 14px;}
	.contents h2 {font-size: 25px}
	
	.inquiry_wrap {padding:30px}
	
	.typing {top: 70%;}
}
@media screen and (max-width: 780px) {
	.apec_member li {flex: 1 1 40%;}
	.apec_member li span {width:70px;}
	.apec_member li strong {font-size: 15px;}
	.overview_new_wrap {margin-bottom:50px}
	
	.theme_wrap {gap: 30px;flex-direction: column;padding: 25px;}
	.theme_wrap .theme_img {max-width: 150px;width: 100%;}
	.theme_wrap .theme_text {width: 100%;font-size: 16px;}
	.statement_wrap li strong {font-size: 22px;}
	
	.sponsorship_step_wrap {margin:-7px}
	.sponsorship_step_wrap li {width: 50%;padding: 0 7px;margin-top: 15px;}
	.sponsorship_step_wrap li .step_inner {height: 96px;padding:10px}
	.sponsorship_step_wrap li:before {right: 7px;}
	.sponsorship_step_wrap li:after {right: 14px;}
	.sponsorship_step_wrap.w3 li {width:50%}
	
	.inquiry_wrap ul {flex-direction: column;gap: 10px;}
}
@media screen and (max-width: 670px) {
	.sub_nav ul {width:45%}
}
@media screen and (max-width: 640px) {
	header > .navi > h1 {top: 0;}
	header > .navi > h1 > a {width: 135px;height: 29px;background-size: 100%;}
	.utility {top:13px}
	.utility a:last-child {display:none;}
	header > .navi > .m_menu {top: 13px;}
	header .navi {height: 166px}
	.typing {font-size: 20px}
	.v_mobile {display:block}
	.v_pc {display:none}
	.main_visual .bx-controls-direction {display:none}
	.main_visual .bx-pager {bottom: 10px;right:auto;left:-22px}
	.contents {padding-top:30px !important}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display:block}
	.webtong-paging .first, .webtong-paging .last {display:none}
	.webtong-paging span a.end {display:inline-block}
	.br_block {display:block}
	.pop-wrap.poppw {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 98%;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}
	.webtong-gallery li, .webtong-gallery.tourism li {width: 50%}
	.information li {font-size:14px}
	.information.in_box {padding: 15px}
	.pc_map {display:none}
	.m_map {display:block}
	.information.in_box.busan {font-size:19px;padding: 32px}
	.information {padding-left: 15px}
	.webtong_gallery03 .card_wrap {width: 50%}
	.d_day {font-size: 25px;padding: 40px 0 25px}
	.d_day li:first-child {width: 100%;display: block;text-align: center}
	.d_day li  {width: 24%;display: inline-block}
	.d_day li:first-child {font-size: 20px}
	.d_day li strong {display: inline-block;font-size: 20px}
	.d_day li p em {line-height: 13px}
	.event_wrap_in {padding-bottom: 80px}
	.welcome_asean .welcome_asean_wrap .right_wrap ul li a p {top:0;font-size: 13px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap {padding: 20px;font-size: 14px}
	.notice_asean .notice_asean_wrap .right_wrap .view_more {bottom: -37px}
	.view_more {bottom: -39px;right: -12px;padding: 16px 30px}
	.main_more {font-size: 14px}
	.tab_wrap02 {padding: 87px 17px 20px}
	.g_box_in .text strong, .tab_wrap02 ul li .box_01 strong {font-size: 15px}
	.webtong-gallery.card li {width: 50%}
	.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}
	.coming_soon {background: url(/usr/images/sub/coming_soon.png) no-repeat center 33px / 340px;padding: 71px 0;margin: 3px auto}
	.coming_soon strong {font-size: 26px}
	.coming_soon strong em {padding: 0 18px 0 33px}
	.coming_soon p {margin: 89px 0 10px}
	.certification_wrap {width: 100%}
	.certification_wrap dt, .certification_wrap dd {padding: 10px;display: block;width:100%}
	.slogan_box {font-size: 19px; padding: 32px}
	.webtong-gallery.country_flag li {width:50%}
	.webtong-gallery.country_flag li div a strong {background: url(/usr/images/sub/link_more_icon.png) no-repeat right 16px; padding: 10px 20px}
	.webtong_tab_type05 li {width:33.33333%}
	.tab-contents {padding:20px 10px} 
	.webtong-gallery.infographic_icon_ul > li {margin-bottom: 2%}
	.webtong-gallery.infographic_icon_ul > li > div {padding: 20px 15px}
	.webtong-gallery.infographic_icon_ul > li > div > strong {margin-top: 15px}
	.slogan_box > img {width: 100%; margin-top: 15px}
	.text_box03 p {font-size:14px}
	.text-bbsbox .textview .cw50 img {width:90%}
	.webtong_gallery04 .card_wrap {width:100%;margin-bottom: 10px}
	.registration .top_link {right: 19px;bottom: 17px}
	.registration .top_link > a.on, .registration .top_link > a {background:none}
	.registration .top_sns, .registration .top_sns > a {display: inline-block}
	.registration .top_sns > a {margin-left: 16px}
	.registration .top_link > a.on, .registration .top_link > a {font-size: 14px;position: relative;top: 12px}
	.registration .top_sns > a {font-size: 14px;margin-left: 6px}
	#youtube_play.play {padding-top: 81%}
	/*.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 {text-align: center}*/
	.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box img {max-width: 220px;margin-top: 30px}
	.sub_nav .home_icon {display: none}
	.sub_nav ul {width: 50%}
	.sub_nav_wrap {height: 48px}
	.sub_nav ul.menu_nav {top: 47px}
	.sub_nav ul li a {border-right:0}
	.sub_nav ul.menu_nav li a {padding: 0px 15px;line-height: 36px}
	.tab-contents > ul > li:first-child {font-size: 19px}
	.history_wrap_inner > li > ul {font-size:14px}
	.img_wrap .in_text {font-size:14px}
	.img_wrap .in_text {margin: -92px 18px 41px}
	.txt_accent {font-size:14px}
	.contents h3 {font-size: 18px;padding: 30px 0 20px;}
	.contents h4 {font-size:16px;}
	.apec_member li {flex: 1 1 100%;padding: 10px;}
	
	.statement_wrap {flex-direction: column;gap: 15px;}
	.statement_wrap li {flex:1 1 100%;margin-left:0;}
	.statement_wrap li strong {font-size: 20px;padding-bottom: 10px;margin-bottom: 15px;}
	
	.table_type02 {overflow-x:auto;}
	.table_type02 .scroll_img {display:block;}
	
	/* 2024.11.22 추가 */
	.contrib_wrap {margin-top:0;}
	.contrib_wrap .contrib_inner_wrap {margin-top:20px;flex-direction: column;gap: 20px;}
	.contrib_wrap .contrib_inner_wrap > strong {font-size: 18px;}
	.contrib_wrap .contrib_inner_wrap > strong:after {content:none}
	.contrib_wrap .contrib_inner .contrib_list > li {padding-bottom:20px;}
	
	/* 2024.12.17 추가 */
	.overview_new_inner .overview_text .overview_text_inner li {flex-direction: column;align-items: flex-start;}

	.webtong_tab {margin-bottom:30px}
	.webtong_tab > h4 > a {display: block;font-size: 16px;padding: 10px;border: 1px solid #c7c7c7;background: url(/usr/images/common/sub_down.png) no-repeat right 19px}
	.webtong_tab > h4.on > a {background-position: right -26px}
	.webtong_tab > h4 {display: block;padding:0}
	.webtong_tab > ul {position: absolute;border: 1px solid #c7c7c7;width: 100%;display: none;background-color: #fff;top: 45px;padding: 11px 0}
	.webtong_tab > ul >  li {display: block;padding: 4px 10px}
	.webtong_tab > ul >  li > a {display: block;text-align: left;padding: 0;font-size: 15px}
	.webtong_tab ul li a:after, .webtong_tab li a:after {display: none}
	.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before {display: none;}
	
	.text_dispatch_wrap {padding: 28px 0 20px;}
	.text_dispatch_wrap:before {width: 25px;height: 16px;}
	.text_dispatch_wrap strong {font-size: 20px;}
	.text_dispatch_wrap p {padding: 15px;font-size: 15px;}
	
	.img_wrap03 {flex-direction: column;align-items: center;}


}
@media screen and (max-width: 500px) {
	.sponsorship_step_wrap {margin:0}
	.sponsorship_step_wrap li {width: 100%;padding: 0;}
	.sponsorship_step_wrap li+li {margin-top:10px}
	.sponsorship_step_wrap li:before {width: 40px;height: 30px;bottom: -10px;left: 50%;margin-left: -20px;top: auto;border-radius: 150px 150px 0 0;}
	.sponsorship_step_wrap li:after {transform: rotate(90deg);top: auto;bottom: -3px;left: 50%;margin: 0 0 0 -4px;transform: rotate(90deg);}
	.sponsorship_step_wrap li .step_inner {padding: 10px 10px 34px;height: 100px;}
	.sponsorship_step_wrap li:last-child .step_inner {padding:10px;}
	.sponsorship_step_wrap.w3 li {width:100%} 
	.sponsorship_step_wrap.w3 li .step_inner {height:auto}
	.sponsorship_step_wrap.w3 li .step_br {display:none}
	
	.inquiry_wrap {padding:20px}
	
}

@media screen and (max-width: 480px) {
	header > .navi > h1 > a {width: 82px;}
	.utility {top: 18px;gap: 5px;}
	.utility .apec_logo {width: 130px;height: 22px;margin:0;}
	/*.utility a:nth-of-type(2) {font-size:12px;}*/
	.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%}
	.webtong_tab_type05 li {width:50%}
	.main_visual .bx-pager {bottom: 2px;left: -49px}
	.f_link ul {}
	.f_link ul li {float: none}
	.f_link ul li a {}
	
	.inquiry_wrap {gap: 10px;margin-top: 50px;}
	.inquiry_wrap ul {gap:0;}
	.inquiry_wrap ul li:before {content:none;}
	
	/* 소셜미디어 */
	.sns_wrap ul {flex-wrap: wrap;gap: 5px;}
	.sns_wrap ul li {flex: 1 1 40%;}
	.sns_wrap ul li a img {max-width:130px}
}
@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;
   }
}
.main_list {margin-top: 12px;border-radius: 5px}
.main_list li {display: flex;border-bottom: 1px solid #dfdfdf;margin-bottom: 13px;padding-bottom: 6px}
.main_list li strong {flex: 0 1 114px;min-width: 114px}
.main_list.kor li strong {flex: 0 1 80px;min-width: 80px}
.banner_asean_wrap li a {border: 1px solid #d5d5d5}
.webtong-gallery li div a span > .hotel_wrap02 {position: absolute;bottom: -48px;left: 0;width: 100%;text-align: center;background-color: rgba(6, 6, 6, 0.57);color: #fff;opacity: 0;transition: all 0.5s;height: 100%;display: table;padding: 20px}
.webtong-gallery li div a:hover span > .hotel_wrap02, .webtong-gallery li div a:focus span > .hotel_wrap02 {bottom: 0;opacity: 1}
.webtong-gallery li div a span > .hotel_wrap02 ul {width: 100%;text-align: center;border: 1px solid rgb(255,255,255,0.28);padding: 10px}
.webtong-gallery li div a span > .hotel_wrap02 ul li {float: none;width: 100%;text-align: center;margin-bottom: 9px}
.webtong-gallery li div a span > .hotel_wrap02 ul li > em {border: 1px solid;display: block;padding: 9px 0;background-color: rgba(255,255,255,0.23)}
.tit_1180 {max-width: 1180px;margin: 0 auto}
.source {text-align: right}
.source span {display: inline-block;border: 1px solid #dbdbdb;margin-top: 10px;padding: 4px 21px;border-radius: 14px;font-size: 14px;color: #767676}
.contents .tab-contents > h4 {border: 1px solid #d9e9f3;padding: 6px 19px;border-radius: 17px;margin-bottom: 6px;font-size: 18px;background-color: #eff9ff}
.webtong_gallery04 .card_wrap .text {font-size: 14px;color: #767676;line-height: 20px;margin-bottom: 25px;height: 43px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.webtong_gallery04 .card_wrap ol li p {padding-left: 7px;text-indent:0}
.event_wrap02 {text-align:center;padding: 2%}
.event_wrap02 img {width:auto}

.event_list {display: flex;flex-direction: column;margin-top: 33px}
.event_list li {display: flex;align-items: baseline;margin-bottom: 12px;line-height: 20px;border-bottom: 1px solid #bbb;padding-bottom: 13px;border-style: dashed}
.event_list li strong {width: 100px;border: 2px solid #7aa8dd;border-radius: 18px;padding: 2px 0;margin-right: 13px;background-color: #ebf3fd;color: #346aa9;text-align: center}
.event_list li p {flex: 1 1 0}

.event_view_02 {border-top: 2px solid;padding-top: 15px;border-bottom: 1px solid}
.event_view_02 li {display: flex;align-items: baseline;margin-bottom: 8px}
.event_view_02 li strong {width: 91px;text-align: right;margin-right: 15px;border: 1px solid #d1d1d1;padding: 1px 12px;background-color: #f2f3f3}

.flex_wrap01 {display: flex;flex-wrap: wrap}
.flex_wrap01 .event_wrap02 {flex: 1 1 50%;min-width: 300px}
.flex_wrap01 .event_wrap02 img {border-radius: 10px}

.event_ing {display: flex;flex-direction: column;align-items: center}
.event_in {padding: 5% 10%;text-align: center;border-radius: 10px;background-color: #ecf6fb;width:340px}
.event_ing img {width: auto;margin-bottom: 11px}

.webtong_gallery04 .card_wrap .thumbnail span em {position: absolute;bottom: 13px;width: 100%;text-align: center;color: #008bcf;font-weight: 300;font-size: 14px;line-height: 16px;font-weight: 600}
.webtong_gallery04 .card_wrap .thumbnail span em.eng {padding: 0 10px}
.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap p {display:none}

.table_type01.text_center table td.b_left {border-left: 1px solid #e6e6e6}
.link_blnk {padding-top: 50px}
.link_blnk a {display: inline-block;border: 1px solid #169d9a;color: #fff;padding: 10px 42px 10px 44px;border-radius: 22px;background-color: #169d9a;}
.link_blnk a span {background: url(/usr/images/common/link03.png) no-repeat right center;padding: 0 21px 0 0}
.link_blnk.download02 a span {background:none;padding: 0}

.swiper-pagination-bullet-active {background: #0d817d !important;}
.text_bg_box {background: #eef8f8;padding: 3%;}