@charset "utf-8";
html, body {color: #333;height: 100%;font-size: 100%;-webkit-text-size-adjust:none;font-family:"NotoSansKR","Dotum","NanumSquare","sans-serif";word-break: keep-all;font-weight: 300}
textarea {border:solid 1px #cbcbcb;width:100%;height:100px;box-sizing:border-box;resize:none;padding:10px;font-family:"NotoSansKR","sans-serif"}
.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 > ul > li > a,
nav > ul > li > 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: fixed;background:#fff;border-bottom: 1px solid #e2e2e2;z-index: 1;width: 100%}
header:after {content: '';clear: both;display: block}
header .navi {margin: 0 auto;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;}
header > .navi > .m_menu {display:none}
header > .navi > h1.h-fixed {position: fixed;top: 5px;z-index: 3;left: 30px}

.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 {z-index: 2;position: relative;}
nav.menu-fixed {position: fixed;top: 0;width: 100%;background:#fff;border-bottom: 1px solid #e2e2e2;}
.menu_bg.menu-fixed {position: fixed}
.menu_bg {width: 100%;height: 0;position: absolute;background:#fff;top: 76px;display: none;left: 0;z-index:1;border-top: 1px solid #e2e2e2;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: 500;font-size: 18px;padding: 27px 33px;color: #212121;font-weight:600}
/*nav > ul > li > a.new {position:relative}
nav > ul > li > a.new:after {position: absolute;content: 'New';font-size: 11px;border: 1px solid #de5263;color: #fff;background-color: #de5263;padding: 0 6px;line-height: 20px; border-radius: 5px;top: 18px;font-weight: 300;left: 123px;-webkit-animation:blink .5s ease-in-out infinite alternate;-moz-animation:blink .5s ease-in-out infinite alternate;animation:blink .5s ease-in-out infinite alternate;border: 1px solid #de5263}*/
@-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;}
}
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: 76px}
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}
.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;}

.visual img {max-width: 100%;margin: 0 auto;width: 100%}

/*.main_visual {position: relative;background-color: #fff0dd;opacity: 1}
.main_visual .bx-wrapper {max-width: 1980px !important;margin: 0 auto;position: relative;background-color: #000;}
.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);display: none}
.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: 40px;border-radius: 10px;background-color: #ffc500}*/

.visual_wrap { display: flex; align-items: center; justify-content: center; width: 100%;color: #fff;position:relative;z-index:0;padding-top:121px;}
.visual_wrap .grid-visual { transition: all .6s ease; width:100%;}
.visual_wrap .txt-box { position: absolute; top: 27%; left: 12%; color: #fff; }
.visual_wrap  .txt-box .txt { display: block; padding-top: 50px; padding-left: 10px; font-size: 35px; font-weight: 500; letter-spacing: -1px; line-height: 1.2em; transition:all .6s ease; }
.visual_wrap  .txt-box .sub_txt { padding-top: 30px;  padding-left: 10px; font-size: 1.5em; line-height: 1.2em; font-weight: 400; transition:all .6s ease; }
.visual_wrap  .visual01 .txt-box { top:20%; }
.visual_wrap  .visual01 .txt-box .txt { font-size: 28px; text-indent: 30px; padding-bottom: 22px; }
.visual_wrap  .visual01 .main-promotion { position: absolute; bottom: 3%; right: 8%; width: 25%; } 
.visual_wrap  .visual01 .main-promotion img { width: 100%; } 
.visual_wrap  .visual04 .txt-box { top:20%; }
.visual_wrap  .visual04 .txt-box .txt { padding-top: 3%; }
.visual_wrap  .visual04 .txt-box .sub_txt { padding-top: 1.5%; }
.visual_wrap  .txt-box h2 { font-size: 115px; font-weight: 500; color: #fff; transition: all .6s ease; }
.visual_wrap  .txt-box  img { width:100%; transition: all .6s ease; }
.visual_wrap  .txt-box h2 em { font-weight: 500;}
.visual_wrap .swiper-container { width: 100%;}
.visual_wrap .swiper-container .swiper-wrapper .swiper-slide { display: flex; align-items: center; overflow: hidden; }  
.visual_wrap .visual-control-wrapper {position: absolute;bottom: 2%;width: 100%;height: 30px;text-align: center;display: flex;justify-content: center;align-items: center;}
.visual_wrap .swiper-button-control { cursor:pointer;z-index: 10;}
.visual_wrap .swiper-pagination {width: 50px;font-size: 20px; } 
.visual_wrap .swiper-button-control div { display: block; width: 25px; height: 25px;  }
.visual_wrap .swiper-button-control .autoBtn span { position:absolute; width:1px; height:1px; margin-left:-1px; clip:rect(0,0,0,0); color:transparent; }
.visual_wrap .swiper-button-control .pause a { display: inline-block; width: 25px; height: 25px; background: no-repeat url('/usr/images/main/btn_play_01.png') 50% 50%; }
.visual_wrap .swiper-button-control .play a { display: inline-block; width: 25px; height: 25px; background: no-repeat url('/usr/images/main/btn_stop_01.png') 50% 50%; }
.visual_wrap .swiper-button-control .play { display:none }
.visual_wrap .swiper-button-next,
.visual_wrap .swiper-button-prev { position: absolute; top: auto; bottom: 0; width: 33px; height: 33px; --swiper-theme-color: transparent; }
.visual_wrap .swiper-button-prev { left: 89%; background: url('/usr/images/main/btn_prev_01.png') no-repeat 0 0;  }
.visual_wrap .swiper-button-next { left: 91%; background: url('/usr/images/main/btn_next_01.png') no-repeat 0 0; }
.visual_wrap .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after  { font-size: 0px; }
.visual_wrap .swiper-button-next:after,.visual_wrap.swiper-button-prev:after { font-size: 0px; }
/*.visual01 {background: url('/usr/images/main/img_visual_01.png') no-repeat top center / cover}
.visual02 {background: url('/usr/images/main/img_visual_02.png') no-repeat top center / cover}
.visual03 {background: url('/usr/images/main/img_visual_03.png') no-repeat top center / cover}
.visual04 {background: url('/usr/images/main/img_visual_04.png') no-repeat top center / cover}*/
.visual_wrap img {width:100%;}
.visual_wrap .mobile {display:none}


.registration {}
.registration .top_link {position: absolute;color: #fff;right: 33px;display: inline-block;text-align: center;bottom: -176px;z-index: 0}
.registration .top_link > a.on {background: url(/usr/images/common/vod.png) no-repeat center 29px;padding-top: 83px}
.registration .top_link > a {background: #ff9900 url(/usr/images/common/vod_off.svg) no-repeat center 42px / 48px;padding-top: 94px;display: inline-block;width: 150px;height: 150px;border-radius: 50%;font-size: 14px}
.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: NotoSansKR;padding: 30px 0;font-size: 50px;background: #30908d url(/usr/images/main/bg_dday.png) repeat-x center;color: #fff;display: flex;justify-content: center;align-items: center;}
.d_day ul {max-width: 960px;display: flex;width: 100%;align-items: center;}
.d_day ul li.color_type {color: #ffb849;font-size: 22px;line-height: 35px;}
.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: 17.5%;text-align: center;vertical-align: top;line-height: 40px;position:relative}
.d_day li:after {content:':';position:absolute;right:0;top:0;font-size: 40px;line-height: 26px;}
.d_day li:first-child {text-align:right;font-weight: 700;font-family: Montserrat;width: 35%;}
.d_day li:first-child:after {content:''}
.d_day li:first-child span {display: block;font-size: 28px;}
.d_day li strong {display: block;font-family: 'Montserrat';color: #ffb849;font-size: 17px;font-weight: 300;line-height: 25px;}
.d_day li p {font-family: 'Montserrat';font-weight: 500;font-size: 50px;}
.d_day li p span {}
.d_day li p em {font-size: 0.4em;display: block;font-weight: 300}
.d_day li:last-child:after {content:''}
.d_day .kst {font-size: 16px;font-weight: 200;}

.registration_button {display: flex;align-items: center;}
.registration_button a {display: inline-block;font-size: 16px;border: 1px solid #fff;padding: 15px 60px;}
.registration_button a span {display:block;padding: 1px 0 1px 40px;background:url('/usr/images/main/ico_registration.png') no-repeat 0 0;}

.main_social_wrap {background:#f4f4f4;padding: 0 15px;}
.main_social_wrap .main_social_inner {max-width: 1558px;margin:0 auto;padding: 60px 0;position:relative;}
.main_social_wrap .main_social_inner h2 {font-size: 42px;font-weight: 900;text-align: center;margin-bottom: 15px;}
.main_social_wrap .main_social_inner > p {text-align: center;}

.sns_slide_wrap {display: flex;gap: 30px;}
.sns_slide_wrap .g_box {width: 25%;}
.sns_slide_wrap .slick-slide {}
.main_social_wrap .main_social_ico {position: absolute;top: 75px;right: 0;display: flex;align-items: center;gap: 5px;}
.main_social_wrap .main_social_ico a {width: 35px;height: 35px;display: inline-block;text-indent: -999em;}
.main_social_wrap .main_social_ico .Instagram {background: url(/usr/upload/file/ico_instar.svg) no-repeat 0 0 / 100%;}
.main_social_wrap .main_social_ico .youtube {background: url(/usr/upload/file/ico_ytb.svg) no-repeat 0 0 / 100%;}
.main_social_wrap .main_social_ico .facebook {background: url(/usr/upload/file/ico_facebook.svg) no-repeat 0 0 / 100%;}
.main_social_wrap .main_social_ico .flickr {background: url(/usr/upload/file/ico_flickr03.svg) no-repeat 0 0 / 100%;}

.sns_slide_wrap {margin: 50px 0 0;}
.sns_slide_wrap {}
.sns_slide_wrap .slick-track {display: flex;gap: 30px;}
.sns_slide_wrap .img_thumb {border-radius: 15px;overflow: hidden;display: block;}
.sns_slide_wrap strong {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:24px;height:23px;overflow:hidden;margin-top: 15px;}
.sns_slide_wrap .sns_division {display: flex;align-items: center;gap: 10px;margin-top: 10px;}
.sns_slide_wrap .sns_division img {width:27px}
.sns_slide_wrap .sns_division em {font-size:15px}
/*.sns_slide_wrap .slick-prev {width: 50px;height: 50px;background: url(/usr/upload/file/icon_prev02.png) no-repeat center;border: 1px solid #cbcbcb;border-radius: 50%;text-indent:-9999px;position:absolute;top: 50%;left: -60px;margin-top: -50px;}*/
.sns_slide_wrap .slick-prev {display:none}
/*.sns_slide_wrap .slick-next {width: 50px;height: 50px;background: url(/usr/upload/file/icon_next02.png) no-repeat center;border: 1px solid #cbcbcb;border-radius: 50%;text-indent:-9999px;position:absolute;top: 50%;right: -60px;margin-top: -50px;}*/
.sns_slide_wrap .slick-next {display:none}



.event_wrap {padding-top: 122px;font-family:"Play","NotoSansKR";margin-bottom: 80px;position: relative;}
.event_wrap .slide_wrap{position:relative;}
.event_wrap .slide_wrap .slide_ctn{}
.event_wrap .slide_wrap .slide_ctn .slick-track{left: 14.8vw;}
.event_wrap .slide_wrap .slide_ctn .item{position:relative; width: 100%; max-width: 550px; overflow: hidden; padding-top: 106px; transition:1.2s; margin: 0 10px;}
.event_wrap .slide_wrap .slide_ctn .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.event_wrap .slide_wrap .slide_ctn .item .img_box{position:relative; border-radius:30px; overflow: hidden;}
.event_wrap .slide_wrap .slide_ctn .item .img_box figure img {border-radius: 25px;}
.event_wrap .slide_wrap .slide_ctn .item .img_box h3:not(.on){position:absolute;bottom:40px;left: 40px;right:0;font-size:24px;color: #fff;letter-spacing:0;line-height: 1;transition:1.2s;}
.event_wrap .slide_wrap .slide_ctn .item .img_box h3:not(.on) p {font-size: 40px;position: absolute;bottom: -17px;left: -8px;opacity: .2;font-style: italic;}
.event_wrap .slide_wrap .slide_ctn .item .img_box .on{position:absolute;bottom: 35px;left: 35px;right:0;font-size: 30px;color: #fff;letter-spacing:0;text-align: left;line-height: 1;transition:1.2s;transform: translateX(-393px);}
.event_wrap .slide_wrap .slide_ctn .item .img_box .on p {font-size: 45px;position: absolute;bottom: -19px;left: -3px;opacity: .2;font-style: italic;}
.event_wrap .slide_wrap .slide_ctn .item .down_txt{position:relative; transform:translateY(-100%);padding: 30px 30px 0; z-index: -1; transition:1.2s}
.event_wrap .slide_wrap .slide_ctn .item .down_txt h4{font-weight:700; font-size:25px; color: #111; margin-bottom:5px;}
.event_wrap .slide_wrap .slide_ctn .item .down_txt p {font-weight:300; font-size:16px; color: #111;max-width:740px;width:100%;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.event_wrap .slide_wrap .slide_ctn .item .down_txt .btn_view_more {position: absolute;top: 30px;width: 40px;height: 40px;border: 1px solid #d1d1d1;border-radius: 100%;text-indent: -9999px;right: 30px;left: auto;background: url(/usr/images/main/add02.png) no-repeat center;}


.event_wrap .slide_wrap .slide_btn{position:absolute;top: -15px;left: 0;right: 0;display:flex;flex-wrap:wrap;justify-content: flex-start;align-items:center;height: 10px;border-radius:50%;z-index:0;gap: 10px;max-width: 1300px;margin: 0 auto;}
.event_wrap .slide_wrap .slide_btn > div{width: 50px;height: 50px;background: url(/usr/images/main/icon_prev.png) no-repeat center;cursor: pointer;border: 1px solid #cbcbcb;border-radius: 50%;}
.event_wrap .slide_wrap .slide_btn > .next{background: url(/usr/images/main/icon_next.png) no-repeat center;}
.event_wrap .slide_wrap .slide_ctn .item.slick_now{padding-top: 0;}
.event_wrap .slide_wrap .slide_ctn .item.slick_now .img_box h3:not(.on){transform:translateY(140%)}
.event_wrap .slide_wrap .slide_ctn .item.slick_now .img_box .on{transform:translateX(0)}
.event_wrap .slide_wrap .slide_ctn .item.slick_now .down_txt{transform:translateY(0);}
.event_wrap .w1500 {max-width: 1300px;margin: 0 auto 50px;}
.event_wrap .w1500 .m_tit {}
.event_wrap .w1500 .m_tit h2 {font-size: 45px;color: #1b1b1b;margin-bottom: 17px;font-weight: 800;}
.event_wrap .w1500 .m_tit p {line-height: 1.2}

.event_wrap .btn_more {font-family:'Montserrat';font-size:16px;position:absolute;top: 152px;right: 172px;}
.event_wrap .btn_more span {position:relative;display:block;padding-left: 20px;}
.event_wrap .btn_more span:before {content:'';width:50px;height:50px;background:#f5f7f7;border-radius:100%;position:absolute;top: -50%;left:0;margin-top:-5px}
.event_wrap .btn_more span a {position:relative;z-index:1}


.about_asean_content {background-color: #fff;position: relative}
.about_asean_content > h3 > a {display: block;text-align: center;padding: 1.6em 0 20px;background-color: #eaeaea;font-size: 28px;font-weight: 700;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 {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;line-height: 25px}
.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 {text-align: center;position: absolute;top: -30px;right: 0}
.view_more span {padding-right: 37px;background: url(/usr/images/main/view_more_icon.png) no-repeat right 12px}
.tab_content_flex {display: flex;flex-wrap: wrap}
.tab_content_flex .tab_content_inner {display: flex;flex-direction: column;width: 50%;background: linear-gradient(to bottom right, #035956 11%, #23c4ae 100%);justify-content: center}
.tab_content_flex .tab_content_inner.pd_layer {padding: 2% 9% 2% 5%;color: #fff}
.tab_content_flex .tab_content_inner.flex_1 {width: 50%;background: none;position: relative;padding-top: 20%;}
.tab_content_flex .tab_content_inner strong {font-size: 38px;}
.tab_content_flex .tab_content_inner span {font-size:17px}
.tab_content_flex .tab_content_inner em {font-family: 'Play';isplay: block}
.tab_content_flex .tab_content_inner .key_visua {position: absolute;background: url(/usr/images/main/key_v_kr.png) no-repeat bottom center;top: 0;left: 0;background-size: cover;bottom: 0;right: 0}
.tab_content_flex .tab_content_inner > strong {margin-bottom: 27px;position: relative}
.tab_content_flex .tab_content_inner .overview li {display: flex;border-bottom: 1px solid rgba(255,255,255,0.41);padding: 15px 0;}
.tab_content_flex .tab_content_inner .overview li:last-child {border-bottom: 0;}
.tab_content_flex .tab_content_inner .overview li strong {position:relative;font-size: 16px;min-width: 165px;padding-left: 15px;}
.tab_content_flex .tab_content_inner .overview li strong:before {content:'';width:4px;height:4px;background:#fff;border-radius:100%;position:absolute;top: 12px;left:0;}
.tab_content_flex .tab_content_inner .overview li strong.icon01 {/* background: url(/usr/images/common/icon01.png) no-repeat left 4px; */}
.tab_content_flex .tab_content_inner .overview li strong.icon02 {/* background: url(/usr/images/common/icon02.png) no-repeat left 4px; */}
.tab_content_flex .tab_content_inner .overview li strong.icon03 {/* background: url(/usr/images/common/icon03.png) no-repeat left 4px; */}
.tab_content_flex .tab_content_inner .overview li strong.icon04 {/* background: url(/usr/images/common/icon04.png) no-repeat left 4px; */}
.tab_content_flex .tab_content_inner .overview li strong.icon05 {/* background: url(/usr/images/common/icon05.png) no-repeat left 4px; */}
.tab_content_flex .tab_content_inner .overview li p {flex-grow: 1;font-weight: 200}
.Overview_add {background: rgb(0, 0, 0, .2) url(/usr/images/main/add.png) no-repeat center;width: 45px;height: 45px;position: absolute;right: 0;border-radius: 50%;text-indent: -999em;top: 6px}

.slogan_wrap {text-align: center;border: 1px solid #cecece;padding: 36px 20px}
.slogan_wrap img {max-width: 484px}

.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_apec_wrap {max-width: 1558px;margin: 100px auto 100px;position:relative}
.notice_apec_wrap .h2_title01 {font-size:42px;font-weight:900;text-align:center;margin-bottom: 50px;}
.notice_apec_content {display:flex;gap: 50px;padding: 0 10px;}
.notice_apec_content .left_cont {width:50%;display:flex;gap: 30px;}
.notice_apec_content .left_cont .img_cont {position:relative;flex-shrink: 0;}
.notice_apec_content .left_cont .img_cont img {border-radius:20px;width: 374px;}
.notice_apec_content .left_cont .img_cont .btn_play {display:inline-block;text-indent:-9999px;background: url(/usr/images/main/btn_play.png) no-repeat 0 0;width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;margin: -45px 0 0 -45px;}
.notice_apec_content .left_cont .text_cont {display: flex;flex-direction: column;max-width: 350px;padding-top: 30px;}
.notice_apec_content .left_cont .text_cont em {background: linear-gradient(to right, #06605b 30%, #1a8669);max-width: 95px;border-radius: 50px;color: #fff;font-weight: 800;text-align: center;padding: 6px 0;margin-bottom: 20px;}
.notice_apec_content .left_cont .text_cont strong {font-size: 25px;font-weight: 800;color: #212121;margin-bottom: 20px;line-height: 32px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;height: 93px;overflow: hidden;}
.notice_apec_content .left_cont .text_cont p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;height: 114px;overflow: hidden;border-top: 1px solid #e2e5e5;padding-top: 20px;}
.notice_apec_content .left_cont .text_cont span {margin-top: 30px;font-family: 'Montserrat';font-size: 14px;font-weight: 400;color: #343434;}
.notice_apec_content .right_cont {width:50%;}
.notice_apec_content .right_cont ul {display: flex;flex-wrap: wrap;gap: 20px;width:100%}
.notice_apec_content .right_cont ul li {width:48%;border: 1px solid #dae0e5;border-radius: 15px;padding: 30px;}
.notice_apec_content .right_cont ul li strong {font-size: 17px;margin-bottom: 10px;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 53px;overflow: hidden;}
.notice_apec_content .right_cont ul li p {color: #7d7d7d;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 45px;overflow: hidden;}
.notice_apec_content .right_cont ul li span {font-family: 'Montserrat';font-size: 14px;font-weight: 400;color: #343434;display: block;margin-top: 15px;}
.notice_apec_wrap .btn_more {font-family:'Montserrat';font-size:16px;position:absolute;top: 21px;right: 10px;}
.notice_apec_wrap .btn_more span {position:relative;display:block;padding-left: 30px;}
.notice_apec_wrap .btn_more span:before {content:'';width:50px;height:50px;background:#f5f7f7;border-radius:100%;position:absolute;top: -50%;left:0;margin-top: -1px;}
.notice_apec_wrap .btn_more span a {position:relative;z-index:0}


.banner_asean {padding: 35px 0;border-top: 1px solid #e4e4e4;}
.banner_asean_wrap {max-width: 1366px;margin:0 auto}
.banner_asean_wrap ul {margin-left: -10px;margin-right: -10px;display: flex;justify-content: center;}
.banner_asean_wrap li {padding: 10px;text-align: center;}
.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 {border-bottom: 1px solid #ececec;border-top: 1px solid #ececec;background-color: #f7f7f7}
.sub_nav ul {max-width: 1180px;margin: 0 auto}
.sub_nav ul li.on a {background-color: #de5263;color: #fff}
.sub_nav ul li a {position:relative}
.sub_nav ul li a:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background-color: #de5263;opacity:1;z-index: -1}
.sub_nav ul li a:hover {color:#fff;background-color: #de5263}
.sub_nav ul li a:hover:before {height:100%;opacity:1}
.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}

.sub_nav ul li a {display: block;text-align: center;line-height: 50px;font-size: 17px;letter-spacing: -0.7px;color: #313131;position:relative}
nav > ul > li > a.menu01.on,
nav > ul > li > a.menu02.on,
nav > ul > li > a.menu03.on,
nav > ul > li > a.menu04.on,
nav > ul > li > a.menu05.on,
nav > ul > li > a.menu06.on,
nav > ul > li > a.menu07.on,
nav > ul > li > a.menu08.on {color: #de5263}

.contents {max-width:1180px;margin: 0 auto;padding-bottom: 100px}
.contents.wall {max-width:100%}
.contents h2 {font-size: 40px;font-weight: 700;color: #333;text-align: center;clear: both;padding: 50px 0px;letter-spacing: -0.7px}
.contents h3 {font-size: 28px;letter-spacing: -0.7px;color: #333;padding: 60px 0 20px}
.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%}
.contents h3.first {padding-top: 0}
.text_box02 {position:relative}
.text_box02 img {width: 62%}
.text_box02 p {padding: 34px;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: 49px;left: 0px;width: 23px;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;position: relative}
.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%}

.tab_menu {margin: 0 auto 40px;max-width: 1180px}
.tab_menu ul { display:table; width:100%; table-layout:fixed; border-left:1px solid #e7e7e7;}
.tab_menu li { display:table-cell; height:60px;}
.tab_menu li a { display:block; position:relative; height:60px; border-top:1px solid #e7e7e7; border-bottom:1px solid #9c836a; line-height:58px; text-align:center; color:#090909;}
.tab_menu li a:hover { color:#de5263}
.tab_menu li a:after { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:#e6e3df;}
.tab_menu li.on a { font-weight:bold; border-bottom-color:transparent; border-top:1px solid #0e0e0e;}
.tab_menu li.on a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:-1px; width:1px; background:#0e0e0e;}
.tab_menu li.on a:before {content:''; display:block; position:absolute; top:0; left:0; bottom:-1px; width:1px; background:#0e0e0e;}
.sub_title {display:none}

.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-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: 228px;display: inline-block;text-align: center;padding: 131px 20px 0;font-size: 17px;border: 1px solid #b0c8dc;border-radius: 100%;height: 231px;margin: 37px 25px 0;    margin: 37px 10% 0;}
.manual_btn.left {background: url('/usr/images/sub/manual01.png') no-repeat center 64px}
.manual_btn.right {background: url('/usr/images/sub/manual02.png') no-repeat center 64px}

/*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: 100%;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;border-radius: 21px;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: #fb5740}
.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}*/
.more_wrap {max-width:1180px;margin:0 auto;position: absolute;right: 0;top: 90px;}
.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 0;padding-left: 39px}
.cw50 {text-align:center}
.text-bbsbox .textview .cw50 img {width:50%}

.banking_img {margin: 0 -1%}
.banking_img:after {content: "";display: block;clear: both}
.banking_img li {width: 50%;float: left;padding: 0 1%;margin-bottom: 25px}
.banking_img li span {display: block;position: relative;padding-top: 79%;overflow: hidden; border: 1px solid #ddd;}
.banking_img li span img {width: 100%;position: absolute;top: 0;left: 0; height: 100%}
.banking_img li p {text-align: center; margin-bottom:20px}

.webtong-gallery.visa_link li div {border: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7;}
.webtong-gallery.visa_link li div a {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #b7b7b7;}
.webtong-gallery.visa_link li div a strong {background: url(/usr/images/sub/link_more_icon.png) no-repeat right 28px; margin-right: 20px;}

.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: 18px;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: #f1f1f1}
.webtong_tab_type05 li { display:table-cell; height:50px;position:relative;background-color: #fff; float: left; width: 20%;}
.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:50px;border-top:1px solid #e7e7e7;line-height:50px;text-align:center}
.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: 40px 40px 0}
.tab-contents > ul:after {content:''; display:block; clear:both}
.tab-contents > ul > li {float:left; width:50%}
.tab-contents > ul > li:first-child {text-align: center;line-height: 210px;display: table-cell;}
.tab-contents > ul > li > img {width: auto;vertical-align: middle;padding: 10px;border: 1px solid #e5e5e5;}
.tab-contents > ul > li > dl {border-bottom: 1px solid #bdbdbd;padding-bottom: 10px;}
.tab-contents > ul > li > dl > dt {border-bottom: 1px solid #bdbdbd;margin-bottom: 10px;}
.tab-contents > ul > li > dl > dt > h4 {padding: 0 0 10px; font-size: 22px;}
.tab-contents > ul > li > dl > dd {color: #333;font-weight: 300; line-height: 1.5;padding: 5px 0 5px 20px;}
.tab-contents > ul > li > dl > dd > strong {width: 110px;display: inline-block; position: relative; padding-left: 11px;}
.tab-contents > ul > li > dl > dd > strong:before {content: '';position: absolute;top: 10px;left: 0;background-color: #8c8c8c;height: 4px;width: 4px; border-radius: 100%;}

.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/sub/up_down.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}

/*btn*/
.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: 329px;width: 100%}
.filled.basic {color: #fff;background-color: #3b5998;border: 1px solid transparent}
.filled.basic:hover, .filled.basic:focus {background-color: #003152;border-color: #003152}
.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: #3b5998;border: 1px solid transparent}
.sbtn.basic:hover, .filled.basic:focus {background-color: #003152;border-color: #003152}
.outline.basic {color: #d5d5d5;border-color: #d5d5d5;background-color: #fff}
.outline.basic:hover, .outline.basic:focus {color: #fff;background-color: #3b5998;border-color: #3b5998}
.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}

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

/************   table *********************/
.title01 {padding: 30px 0 10px}
.table_type01 {border-top: 2px solid #01385d;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_type02.scroll table {width: 100%;min-width: 840px}
.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_type02.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;border-bottom: 1px solid #e6e6e6}
.table_type01 .k_story_table tbody th {border-left: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 13px; font-weight: 500; white-space: nowrap; color: #1b1b1b; border-bottom: 1px solid #e6e6e6;}
.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 {border-left: 1px solid #e6e6e6}
.table_type01 table tbody th {background-color: #d3e1ec;border-right:1px solid #e6e6e6;border-top:1px solid #fff;padding: 12px}
.table_type01 table tbody tr:first-child th {border-top: 0;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}

.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: #3b5998}
.table_type01 .filled.basic:hover, .filled.basic:focus {background-color: #003152;border-color: #003152}
.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;text-align: right}
.select-box.search{padding: 23px;border: 8px solid #d8e3fb;margin-bottom: 30px;text-align: center}
.select-box span {display:inline-block}
.select-box em {padding: 0 11px 0 3px}
.select-box select {height: 33px;width: 100%;font-size: 15px;font-weight: 300;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: 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%}
.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.card.video li div a span:after {content: '';position: absolute;background: url(/usr/images/main/viedo_icon.png) no-repeat  0 0 / 58%;width: 83px;height: 58px;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.card.pho li div a span {padding-top: 60%}

.webtong_gallery04 {margin:0 -15px}
.webtong_gallery04:after {content: "";display: block;clear: both}
.webtong_gallery04 .card_wrap {width: 33.33333%;float: left;padding: 0 15px;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 span > a:hover {background-color: #555}
.webtong_gallery04 .card_wrap .thumbnail:focus span:before,
.webtong_gallery04 .card_wrap .thumbnail:hover span:before {visibility: visible;opacity:1}
50px;margin-left: -25px;margin-top: -25px;visibility: hidden;opacity:0}
.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: 600;white-space: normal;word-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 73px;margin-bottom: 12px;font-size:14px}
.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.em_ol .card_wrap ol {bottom: -129px}
.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;}

.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: 32px;}
.hotel_wrap.greetings_wrap .hotel_in .hotel_text {width: 68%;}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box {display: inline-block}
.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: 23px;padding: 12px}
.hotel_wrap.greetings_wrap .hotel_img_wrap .hotel_img .img_box > p > strong {display: block;font-size: 25px;font-weight: 400;margin-bottom: 7px}

.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: 246px;min-height: 517px}
.hotel_wrap .hotel_in.slogan {min-height: auto}
.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: 30px;padding: 0}
.hotel_wrap .hotel_in .hotel_text h3 em {}
.hotel_wrap .hotel_in .hotel_text p {font-size: 15px;color: #373737;margin-bottom:20px}
.hotel_wrap .hotel_in.slogan .hotel_text p {font-size: 16px}
.hotel_wrap .hotel_img_wrap {position: absolute;right: 0;top: 158px}
.hotel_wrap .hotel_img_wrap .hotel_img {max-width:634px}
.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}
.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;line-height: 42px;padding-left: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.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.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;*/}
.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}
.img_wrap.line {border: 1px solid #cecece}
.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 {margin-top: 30px;padding: 43px;border: 1px solid #e6e6e6}
.text_box07.new {border: 4px double #cadbe6;background-color: #f0f9ff}
.text_box07 li {border-bottom: 1px solid #e6e6e6;line-height: 22px;position: relative;padding-left: 10px;padding: 13px 0 13px 10px}
.text_box07 li:before {content: '';position: absolute;top: 22px;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.emblem_en {padding: 0px 43px 27px 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}
.text_box07.emblem.emblem_en li:before {top: 23px}

.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}
.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}
.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 .textview img {max-width:100%;width: auto}
.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 .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}

.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: 63%;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 .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:middle; width:17px; height:19px; background:url("/usr/images/common/ico_file02.gif") no-repeat 0 0; margin:0 0 7px 6px;}
.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 li:before {content: '';position: absolute;top: 12px;left: 0;background-color: #8c8c8c;height: 3px;width: 3px;border-radius: 100%}
.list_box01.new li {padding-left: 15px}
.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%}
.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: 0}

.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.center {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: 16px;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}


.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 {}
.login_exl > span {background: url(/usr/images/common/login_exl.png) no-repeat -63px -1px;line-height: 27px;display: inline-block;padding-right: 30px}
.link {color: #de5263;text-decoration: underline}
.link02 {color: #ffbc00;text-decoration: underline;display: table;margin: 10px auto}
.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;}

.iframe_wrap {max-width: 1180px;margin: 0 auto 30px}

.u_video_wrap {padding: 6% 1%;background-color: #efefef}
.u_video_wrap .u_video_wrap_inner a {position: relative;display: block;box-shadow: 0px 17px 53px 0 rgb(0 0 0 / 29%);border-radius: 10px;overflow: hidden;}
.u_video_wrap .u_video_wrap_inner a:hover:after {content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgb(0 0 0 / 26%) url(/usr/images/common/vod.png) no-repeat center;}

@media screen and (min-width: 1921px) {
	.event_wrap .slide_wrap .slide_ctn .item {max-width:740px}
}
@media screen and (max-width: 1700px) {
	.event_wrap .slide_wrap .slide_ctn .slick-track{left: 22vw;}
	
	/*.sns_slide_wrap {margin: 50px 50px 0;}*/
}
@media screen and (max-width: 1600px) {
	.event_wrap .slide_wrap .slide_ctn .slick-track{left: 16vw;}
	.event_wrap .slide_wrap .slide_ctn .item{max-width: 500px;}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt{padding: 20px 16px 0;}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt h4{font-size:24px;}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt{transform:translateY(-110%)}
	.event_wrap .slide_wrap .slide_btn{left: 10px;}
	.event_wrap .slide_wrap .slide_btn::before{background-size:cover;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box .on{font-size: 35px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box .on p {font-size:45px}
	
	.notice_apec_wrap .btn_more {right: 10px;}
}
@media screen and (max-width: 1490px) {
	body:after {right: 0;background-size: 80%}
	header > .navi > h1 {left: 10px;z-index: 3}
	nav > ul > li > a {font-size: 16px}
	.registration .top_link {bottom: -176px;right: 8px;}
	.registration .top_link > a {font-size: 14px}
}
@media screen and (max-width: 1440px) {
	nav > ul {margin: 0 auto 0 250px;}
	nav > ul > li > a {padding: 27px 17px;}
	.utility .apec_logo {width: 160px;}
}

@media screen and (max-width: 1300px) {
	.event_wrap .w1500 {padding:0 10px}
	.event_wrap .btn_more {right:20px}
	
	.notice_apec_content {flex-direction: column;}
	.notice_apec_content .left_cont {width:100%}
	.notice_apec_content .left_cont .img_cont img {width: 300px;}
	.notice_apec_content .left_cont .text_cont {max-width: none;padding-top:0}
	.notice_apec_content .left_cont .text_cont strong {height: auto;}
	.notice_apec_content .right_cont {width:100%}
}
@media screen and (max-width: 1248px) {
	body:after {right: 0;background-size: 70%}
	header > .navi > h1 {left: 10px}
}
@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 {height: 66px}
	header > h1 {background-color: #01385d;padding: 6px 3% 7px;position: relative;width: 100%;z-index: 4}
	header > .navi > h1 {padding: 0 2% 0;width: 100%;z-index: 4;top: 17px;left:0}
	header > .navi > h1 > a {margin: 0;background-size: 100%;width: 160px;background-position: center;height: 36px;}
	header > .navi > h1 > a.h1-fixed {    width: 135px;}
	header > .navi > h1.h-fixed a {height:auto}
	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.off {position: fixed;background: url('/usr/images/common/close.png') no-repeat center;top:10px;right: 9px;z-index: 6}
	nav {display:none;background-color: #fff;top: 0;margin-left: 0;position: fixed;width: 100%;height:100vh;padding: 46px 0 10px;z-index:5}
	nav > ul {margin: 0;width: 100%;text-align: left}
	nav > ul > li {float: none}
	nav > ul > li > a {text-align: left;padding: 7px 18px;background: url(/usr/images/common/up_down.png) no-repeat right 16px}
	nav > ul > li.active > a {background-position: right -21px;}
	nav > ul > li > ul {position: relative;top: 0;background-color: #e5e5e5}
	nav.menu-fixed {background-color: #fff}
	nav.menu-fixed > ul > li > a {background: url(/usr/images/common/up_down.png) no-repeat right 15px}
	nav.menu-fixed > ul > li.active > a {background-position: right -22px}
	nav > ul > li > ul > li > a {padding: 5px 43px}
	.banner_asean_wrap ul {margin: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}
	.brnone {display:none}
	.visual_wrap {padding-top:109px}
	.visual {margin-top: 51px}
	.sub_nav ul li a {font-size: 13px;line-height: 46px}
	.main_visual {padding-top: 42px;}
	.visual img.pc {display:none}
	.visual img.mobile {display:block}
	nav > ul > li > a.menu01.on,
	nav > ul > li > a.menu02.on,
	nav > ul > li > a.menu03.on,
	nav > ul > li > a.menu04.on,
	nav > ul > li > a.menu05.on,
	nav > ul > li > a.menu06.on{color: #fff}
	.hotel_wrap .hotel_img_wrap .hotel_img .img_box img {max-width:100%}
	nav > ul > li > a.new:after {left:80px;top: 10px}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text {width: 100%}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 {font-size: 25px;text-align: right;}
	.hotel_wrap.greetings_wrap .hotel_in .hotel_text h3 > em {font-weight: 300; font-size: 18px;}
	.sns {margin: 70px auto 0}
	.sub_nav {display:none}
	body:after {content: none;}
	header > .navi > .m_menu.m-fixed {top: 18px}
	.tab_content_flex .tab_content_inner.flex_1 {width:100%;padding-top: 50%}
	.tab_content_flex .tab_content_inner {width:100%}
	.tab_content_flex .tab_content_inner strong {font-size: 20px;}
	.tab_content_flex .tab_content_inner span {font-size: 15px}
	.Overview_add {width: 40px;height: 40px;top: -3px}
	
	.event_wrap .w1500, .event_wrap .slide_wrap .slide_btn {padding: 0 1.5%}
	.tab_content_flex .tab_content_inner.pd_layer {padding:4%}
	
	.sns_slide_wrap {margin:30px 0;gap: 15px;}
	.sns_slide_wrap strong {font-size:15px;}
	.sns_slide_wrap .slick-track {gap:15px;}
	.sns_slide_wrap .slick-prev {width: 40px;height: 40px;margin-top: -50px;left:-50px;}
	.sns_slide_wrap .slick-next {width: 40px;height: 40px;margin-top: -50px;right:-50px;}
}

@media screen and (max-width: 1180px) {
	.contents {padding:0 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%}*/
	.information.in_box.inw50 {width: 90%;font-size: 16px;padding: 0 20px 20px}
	nav > ul > li > a {padding: 10px 37px}
	nav > ul > li > a.new:after  {left: 110px}
	.d_day {padding-right:10px}
	.hotel_wrap .hotel_in .hotel_text {width: 100%;float:none}
	.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}
}
@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}
	.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: 23px}
	.d_day {font-size: 30px;}
	.d_day li {line-height: 40px;}
	.d_day li strong {padding-top: 0px}
	.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:50%}
	.registration {display: none}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap {padding: 33px 0 0 0}
	.view_more {top: 0}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li span em {font-size: 19px;line-height: 16px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li > span {font-size: 14px;min-width: 60px;height: 60px;padding-top: 14px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li a > strong {font-size: 16px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li a > span {font-size: 15px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li:after {width: 40px;height: 40px}
	.notice_asean .notice_asean_wrap .right_wrap .notice_erap li a {padding-right: 43px;padding-left: 17px}
	.notice_asean .notice_asean_wrap .left_wrap .viedo_wrap > span:after {width: 50px;height: 50px;margin-top: -25px;margin-left: -25px}
	.more_wrap {position: relative;top: auto;right: auto;text-align: center !important;}
	
	.main_social_wrap .h2_title01 {padding:0}
}

@media screen and (max-width: 980px) {
	.d_day {padding: 20px 0;flex-direction: column;gap: 30px;}
	.d_day ul {flex-wrap: wrap;}
	.d_day li:first-child {width: 100%;display: block;text-align: center;margin-bottom: 16px}
	.d_day li:first-child span {display:inline;margin-right:10px;}
	.d_day ul li.color_type {font-size:24px;}
	.d_day li p span {font-size: 30px;}
	.d_day li {width: 24%;display: inline-block}
	.d_day li strong {display:block;}
	.d_day li p em {line-height: 25px;font-size: .3em;}
	.d_day li:after {top:9px;font-size: 24px;}
	.registration_button a {padding: 10px 35px;}
	
	.event_wrap {padding-top: 50px;margin-bottom: 12px}
	.event_wrap .slide_wrap {margin-top: 60px;}
	.event_wrap .slide_wrap .slide_ctn .slick-track{left: 0;}
	.event_wrap .slide_wrap .slide_btn > div {width: 38px;height: 38px}
	.event_wrap .slide_wrap .slide_ctn .item {max-width: 380px;}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt h4 {font-size: 18px;margin-bottom: 0;}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt p {font-size:15px}
	.event_wrap .btn_more {top: 55px;right: 15px;}
	.event_wrap .slide_wrap .slide_btn {top: -38px;left:0;right:0;gap: 6px }
	.event_wrap .w1500 .m_tit h2 {font-size: 24px;}
	
	.notice_apec_wrap {margin: 30px auto;}
	.notice_apec_wrap .h2_title01 {font-size: 24px;}
	.notice_apec_content .left_cont .text_cont em {font-size: 14px;font-weight: 300;padding: 3px 0;max-width: 70px;}
	.notice_apec_content .left_cont .text_cont strong {font-size: 20px;}
	.notice_apec_content .left_cont .text_cont p {height: auto;}
	.notice_apec_wrap .btn_more {top:49px}
	
	.main_social_wrap .main_social_ico {top: 34px;}
	.main_social_wrap .main_social_ico a {width:30px;height:30px;}
	.main_social_wrap .main_social_inner {padding:30px 0;}
	.main_social_wrap .main_social_inner h2 {font-size:24px;margin-bottom:10px;}
	.main_social_wrap .main_social_inner > p {font-size:15px;}
	.sns_slide_wrap {margin:30px 10px 0}
}
@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}
	
	.sns_slide_wrap {flex-wrap: wrap;}
	.sns_slide_wrap .g_box {width: auto;flex: 1 1 40%;}
}

@media screen and (max-width: 800px) {
	.event_wrap .slide_wrap .slide_ctn .item .img_box figure img {width: 578px;}
	.event_wrap .slide_wrap .slide_ctn .item{max-width: 420px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box h3:not(.on) {bottom: 30px;left: 30px;font-size: 20px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box h3:not(.on) p {font-size: 25px;bottom: -13px;left: -4px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box .on{bottom: 25px;left: 30px;font-size: 25px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box .on p {font-size:30px;bottom: -14px;}
	.event_wrap .slide_wrap .slide_ctn .item .img_box figure img {border-radius:30px}
	
	
	.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}
	.text_box07.emblem.emblem_en {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_menu.mwrap {position: relative;z-index: 1}
	.tab_menu.mwrap ul.on {display:block}
	.tab_menu.mwrap ul {position: absolute;top: 0;left:0;background-color: #fff;top: 44px;border-left:0;border: 1px solid #d8d8d8;display:none}
	.tab_menu.mwrap ul li {height:auto;display:block}
	.tab_menu.mwrap li a {font-size:14px}
	.tab_menu.mwrap li.on a:after {content:none}
	.tab_menu.mwrap li a {border-bottom:0;border-top:0;border-bottom: 1px solid #d8d8d8;text-align: left;padding-left: 18px;height: 42px;line-height: 39px}
	.tab_menu.mwrap li.on a {border-top:0;border-bottom: 1px solid #d8d8d8;font-weight:normal}
	.tab_menu.mwrap li.on a:before {content:none}
	.tab_menu.mwrap li a:after {content:none}
	.tab_wrap01 .about_img {max-width:90%}
	.webtong_Photo_layout > li:last-child.infographic03 {padding-left: 0}
	.text_box07 {padding: 15px;font-size: 15px}
	.text_box07 li {line-height: 24px;padding: 12px 0 12px 10px;}
	.text_box07.emblem li {margin:0}
	.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}
	.tab_content_flex .tab_content_inner .overview li strong {font-size: 15px;background-position: left 2px}
	.tab_content_flex .tab_content_inner .overview li p {font-size: 14px}
	.tab_content_flex .tab_content_inner.flex_1 {padding-top: 58%;}
}

@media screen and (max-width: 640px) {
	header > .navi > h1 {top: 18px;}
	header > .navi > h1 > a {width: 135px;background-size: 100%;height: 29px;}
	.utility a:last-child {display:none;}
	
	.visual_wrap .mobile {display:block}
	.visual_wrap .pc {display:none}
	.visual_wrap .swiper-pagination {font-size:16px;}
	.visual_wrap .swiper-button-control .pause a {width:12px;height:12px;background-size:100%;}
	
	.d_day li strong {line-height:20px}
	
	.event_wrap .slide_wrap .slide_ctn .item .img_box {border-radius: 17px;}
	.event_wrap .slide_wrap .slide_ctn .item {max-width: 371px;padding-top:80px}
	.event_wrap .slide_wrap .slide_ctn .item .img_box figure img {width: 371px;border-radius: 17px}
	.event_wrap {margin-bottom:0}
	.event_wrap .slide_wrap .slide_ctn .item .down_txt p {max-width:371px}
	.event_wrap .slide_wrap .slide_btn {top: -65px;}
	
	.event_wrap .btn_more span {padding-left: 13px;}
	.event_wrap .btn_more span:before {width:30px;height:30px;top: -6px;margin-top:0;}
	.event_wrap .btn_more span a {font-size:14px;}
	
	.notice_apec_wrap .h2_title01 {margin-bottom: 0;padding-top: 0;}
	.notice_apec_content .left_cont {flex-direction: column;}
	.notice_apec_content .left_cont .img_cont img {width: 100%;border-radius: 10px;}
	.notice_apec_content .left_cont .img_cont .btn_play {width: 60px;height: 60px;background-size: cover;margin: -30px 0 0 -30px;}
	.notice_apec_content .right_cont ul li {flex:1 1 100%;padding: 20px;border-radius: 10px;}
	.notice_apec_wrap .btn_more {top:9px}
	.notice_apec_wrap .btn_more span {padding-left: 13px;}
	.notice_apec_wrap .btn_more span:before {width: 30px;height: 30px;top: -5px;margin-top: 0;}
	.notice_apec_wrap .btn_more span a {font-size:14px}
	
	.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%}
	
	.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: 33px 0 0 0;font-size: 14px}
	.view_more {padding: 0 30px;font-size: 14px;right: -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:0} 
	.tab-contents > ul > li {float: none; width: 100%;}
	.tab-contents > ul > li:first-child {display: block;line-height: 200px;}
	.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%}
	.registration .top_link {right: 19px;bottom: 17px}
	.registration .top_link > a.on, .registration .top_link > a {background:none;font-size: 14px;position: relative;top: 9px}
	.registration .top_sns, .registration .top_sns > a {display: inline-block}
	.registration .top_sns > a {margin-left: 16px;}
	.registration .top_sns > a {font-size: 14px;margin-left: 6px}
	#youtube_play.play {padding-top: 81%}	
	/* [S] 장관님 인사말 수정 */
	.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}
	
	.main_social_wrap .main_social_ico {justify-content: center;margin-top:15px;position:relative;top:auto;left:auto;}
	
	.sns_slide_wrap .g_box {width: auto;flex: 1 1 100%;}
	.main_social_wrap .main_social_ico {justify-content: center;margin-top:15px;position:relative;top:auto;left:auto;}

}
@media screen and (max-width: 480px) {
	header > .navi > h1 > a {width: 82px;}
	.utility {top: 21px;gap: 5px;}
	.utility .apec_logo {width: 130px;height: 22px;margin:0;}
	/*.utility a:nth-of-type(2) {font-size:12px;}*/
	.event_wrap .slide_wrap .slide_ctn .item{max-width: 320px;}
	.event_wrap .slide_wrap .slide_btn {top:-46px}
	.event_wrap .btn_more {top: 98px;}
	
	.notice_apec_wrap .h2_title01 {text-align:left;padding: 0 0 23px 10px;}
	
	.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%}
	.tab_wrap01 .text_about_asean.all {padding: 11% 6%;}
	.tab_wrap01 .about_img {margin: 33px auto 10px;}
	.main_visual .bx-pager {bottom: 2px;}
	.f_link ul {}
	.f_link ul li {float: none}
	.f_link ul li a {}
}
@media print{
	header	{display:none;}
	.visual, .sub_nav, .sns{display:none;}
	footer	{display:none;}
	img {max-width: 100% !important}
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}