@charset "utf-8";

/* #top_layout .top_wrap, #body_layout .body_wrap, #foot_layout .foot_wrap {max-width: 1360px;} */


@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:normal;
    src: url(/tour/font/gmarketsans/GmarketSansM.woff) format('woff')
 }
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight: 100;
    src: url(/tour/font/gmarketsans/GmarketSansLight.woff) format('woff')
 }
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:400;
    src: url(/tour/font/gmarketsans/GmarketSansM.woff) format('woff')
}
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:600;
    src: url(/tour/font/gmarketsans/GmarketSansBold.woff) format('woff')
}
.gmarket{font-family: 'gmarket';}

@font-face {
    font-family: 'gothic';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url(/tour/font/gothic/gothica1-regular-webfont.woff) format('woff');
}
@font-face {
    font-family: 'gothic';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/tour/font/gothic/gothica1-regular-webfont.woff) format('woff');
}
@font-face {
    font-family: 'gothic';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url(/tour/font/gothic/gothica1-bold-webfont.woff) format('woff');

}
@font-face {
    font-family: 'gothic';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(/tour/font/gothic/gothica1-bold-webfont.woff) format('woff');

}





/* 온라인 국제 교류관 list */
.onlie-national-interchange-list.engCd {}
.onlie-national-interchange-list.engCd .world-area {font-size: 0;letter-spacing: 0;word-spacing: 0;/* border: 1px solid #ddd; *//* border-right: none; *//* border-left: none; */overflow: hidden;margin-bottom: 60px;}
.onlie-national-interchange-list.engCd .world-area .area {display: inline-block;height: 560px;position: relative;}
.onlie-national-interchange-list.engCd .world-area .area.w-map {width: calc(100% - 370px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner {width: 100%;height: 100%;display: block;position: relative;background-color: #f5f5f5;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner img {max-width: 100%;max-height: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .map-img {}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .map-text {display: none;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap {margin: 0;/* left: 0; *//* top: 0; */}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark {padding: 0;background-color: transparent;position: absolute;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark .dot {background-color: transparent;padding: 0;display: inline-block;position: relative;width: 14px;height: 14px;border: 3px solid #41a92d;border-radius: 50%;background-color: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);overflow: visible;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark .dot .c-name {font-size: 14px;color: #545454;font-family: 'gothic';letter-spacing: -1px;display: block;width: auto;height: auto;white-space: nowrap;position: absolute;transform: translateX(-50%);}

/* 자매도시 */
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark1 {left: 9.5%;top: 45%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark2 {left: 12.5%;top: 45.5%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark3 {left: 34%;top: 35%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark4 {left: 35%;top: 46%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark5 {left: 38.5%;top: 50.5%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark6 {left: 36.5%;top: 49%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark7 {left: 43.8%;top: 45.3%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark8 {left: 78%;top: 46%;}

.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark1 .c-name {left: 40px;bottom: calc(100% + 24px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark2 .c-name {left: 33px;top: calc(100% + 97px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark3 .c-name {left: 37px;bottom: calc(100% + 25px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark4 .c-name {left: 38px;bottom: calc(100% + 16px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark5 .c-name {left: 54px;top: -7px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark6 .c-name {left: 43px;top: calc(100% + 36px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark7 .c-name {top: -7px;left: 59px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark8 .c-name {left: 56px;top: calc(100% + 27px);}

.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark:before {content:'';background-color:#41a92d;width:1px;display: inline-block;transform: translate(-50%, 0);left: 50%;bottom: 100%;position: absolute;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark1:before {height: 20px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark2:before {height: 88px;top: 100%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark3:before {height: 18px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark4:before {height: 12px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark5:before {}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark6:before {height: 33px;top: 100%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark7:before {}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap .mark.mark8:before {top: 100%;height: 22px;}

/* 우호도시 */
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1 {left: 27.3%;top: 45%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2 {left: 19.1%;top: 45.5%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3 {left: 37%;top: 45%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4 {left: 31%;top: 35%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5 {left: 34.5%;top: 46.5%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6 {left: 35.5%;top: 50%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7 {left: 40.8%;top: 55.3%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8 {left: 78%;top: 46%;}

.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1 .c-name {left: 62px;bottom: calc(100% - 128px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2 .c-name {left: 45px;top: calc(100% + -53px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3 .c-name {left: 57px;bottom: calc(100% + -14px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4 .c-name {left: 61px;bottom: calc(100% + 26px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5 .c-name {left: 24px;top: -59px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6 .c-name {left: 42px;top: calc(100% + 47px);}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7 .c-name {top: -7px;left: 74px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8 .c-name {left: 83px;top: calc(100% + 27px);}

.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1:before {height: 95px;top: 100%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2:before {height: 20px;top: -18px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3:before {height: 0;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4:before {height: 20px;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5:before {
    height: 32px;
}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6:before {height: 43PX;top: 100%;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7:before {}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8:before {top: 100%;height: 22px;}


.onlie-national-interchange-list.engCd .world-area .area.list {width: 370px;box-shadow: -7px 0px 15px rgb(0 0 0 / 10%);border: 1px solid #ddd;/* display: inline-block !important; */}
.onlie-national-interchange-list.engCd .world-area .area.list ul {margin: 0;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li {height: 70px;padding: 0 40px;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link {display: block;width: 100%;height: 100%;border-bottom: 1px solid #ddd;text-align: left;position: relative;padding-right: 25px;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:after {content:'';background-image: url(/tour/images/eng/sub03/list-icon.png);width: 16px;height: 4px;display: inline-block;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);z-index: 2;background-repeat: no-repeat;/* transition: all 0.4s; */}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:hover:after,
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:focus:after {background-image: url(/tour/images/eng/sub03/list-icon-ov.png);width: 15px;height: 9px;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:before {content:'';display: inline-block;position: absolute;left: -52px;top: 0;width: calc(100% + 92px);height: 100%;background-color: #0b5858;z-index: 1;transform: scale(0);transition: all 0.4s;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:hover:before,
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:focus:before {transform: scale(1.05);}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link .name {font-size: 15px;color: #555555;font-family: 'gothic';letter-spacing: -1px;position: relative;z-index: 3;transition: all 0.4s;line-height: 1.3;}
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:hover .name,
.onlie-national-interchange-list.engCd .world-area .area.list ul li .link:focus .name {color:#fff;}
.onlie-national-interchange-list.engCd .world-area .all-menu {display: none;}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all {margin: 0;}

.onlie-national-interchange-list.engCd .list-wrap {}
.onlie-national-interchange-list.engCd .list-wrap .item {border: 1px solid #ddd;position: relative;padding: 59px 50px 45px 510px;margin-bottom: 35px;min-height: 312px;overflow: hidden;}
.onlie-national-interchange-list.engCd .list-wrap .item:last-child {margin-bottom:0px;}
.onlie-national-interchange-list.engCd .list-wrap .item .thum-box {display: inline-block;width: 400px;height: 231px;overflow: hidden;position: absolute;/* display: none; */top: 50%;left: 45px;transform: translate(0, -50%);}
.onlie-national-interchange-list.engCd .list-wrap .item .thum-box .inner {width: 100%;height: 100%;display: block;position: relative;}
.onlie-national-interchange-list.engCd .list-wrap .item .thum-box .inner img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: 100%;height: auto;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body {padding: 0;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .title {font-size: 26px;font-family: 'gmarket';color: #222;letter-spacing: -1px;margin-bottom: 18px;display: block;line-height: 1.1;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st {margin: 0;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li {position: relative;padding-left: 12px;line-height: 1;margin-bottom: 13px;display: block;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li:last-child {margin-bottom:0px;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li:before {content:'';width: 5px;height: 5px;display: inline-block;background-color: #4ba456;border-radius: 50%;top: 8px;left: 0;position: absolute;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li .subjact {font-family: 'gothic';font-size: 15px;font-weight: 600;color: #180e0d;letter-spacing: -1px;display: inline-block;position: absolute;left: 10px;top: 3px;max-width: 140px;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li .con {color: #666666;font-family: 'gothic';font-size: 15px;letter-spacing: -1px;padding-left: 154px;display: inline-block;line-height: 1.3;word-break: keep-all;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .btn-wrap {text-align: right;margin-top: 15px;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .btn-wrap .btn.btn-more {margin: 0;background-color: #fff;color: #0b5858;border: 1px solid #0b5858;border-radius: 0px;font-family: 'nsk';letter-spacing: -1px;font-size: 15px;max-width: 245px;padding: 0;height: 48px;line-height: 46px;width: 100%;}
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .btn-wrap .btn.btn-more:hover,
.onlie-national-interchange-list.engCd .list-wrap .item .card-body .btn-wrap .btn.btn-more:focus {background-color: #0b5858;color: #fff;}

@media (max-width:1335px) {
.onlie-national-interchange-list.engCd .world-area .area {}
.onlie-national-interchange-list.engCd .world-area .area.w-map {overflow-x: scroll;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner {width: 940px;}
.onlie-national-interchange-list.engCd .world-area .area.list {}
}

@media (max-width:1024px) {
 .onlie-national-interchange-list.engCd .list-wrap .item .thum-box {position: relative;top: 0;left: 50%;transform: translate(-50%, 0);margin-bottom: 30px;}
 .onlie-national-interchange-list.engCd .list-wrap .item {padding: 50px;}
 .onlie-national-interchange-list.engCd .list-wrap .item .card-body .btn-wrap {text-align: center;margin-top: 30px;}
}

@media (max-width:920px) {
.onlie-national-interchange-list.engCd .world-area .area {}
.onlie-national-interchange-list.engCd .world-area .area.w-map {overflow: unset;display: block;width: 100%;height: auto;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner {width: auto;}
.onlie-national-interchange-list.engCd .world-area .area.list {display: block;width: 100%;display: none;margin-top: 30px;box-shadow: none;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .map-img {display: none;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .mark-wrap {display: none;}
.onlie-national-interchange-list.engCd .world-area .area.w-map .inner .map-text {display:block;transform: none;left: auto;top: auto;}

.onlie-national-interchange-list.engCd .world-area .all-menu {display: block;margin: -20px 0 0px;text-align: center;}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all {max-width: 240px;width: 100%;border-radius: 0;background-color: #fff;color: #0b5858;border: 1px solid #0b5858;height: 42px;line-height: 38px;display: inline-block;padding: 0;font-size: 0;}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all:before {content:'';width: 24px;height: 24px;position: absolute;display: inline-block;background-repeat: no-repeat;left: 50%;top: 50%;transform: translate(-50%, -50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(11,88,88,1)'/%3E%3C/svg%3E");}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all:hover,
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all:focus {background-color: #0b5858;color: #fff;}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all:hover:before,
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all.active:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(11,88,88,1)'/%3E%3C/svg%3E");}
.onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all.active:hover:before,
 .onlie-national-interchange-list.engCd .world-area .all-menu .btn.btn-all.active:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
 
.onlie-national-interchange-list.engCd .world-area {margin-bottom: 30px;}
}

@media (min-width:920px) {
    .onlie-national-interchange-list.engCd .world-area .area.list {display: inline-block !important;}
}

@media (max-width:640px) {
 .onlie-national-interchange-list.engCd .list-wrap .item {padding: 50px 30px;}
}

@media (max-width:540px) {
 .onlie-national-interchange-list.engCd .list-wrap .item .thum-box {max-width: 400px;width: 100%;height: 190px;}
 .onlie-national-interchange-list.engCd .list-wrap .item .thum-box .inner img {height: 100%;width: auto;}
}

@media (max-width:490px) {
 .onlie-national-interchange-list.engCd .list-wrap .item {padding: 30px 20px;}
 .onlie-national-interchange-list.engCd .list-wrap .item .card-body .title {font-size: 24px;}
 .onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li .subjact {position: relative;left: 0;/* top: 0; */display: block;margin-bottom: 5px;max-width: none;}
 .onlie-national-interchange-list.engCd .list-wrap .item .card-body .list-1st li .con {padding: 0;}
}

@media (max-width:440px) {
 .onlie-national-interchange-list.engCd .world-area .area.list ul li {padding: 0 20px;}
 .onlie-national-interchange-list.engCd .world-area .area.list ul li .link {}
}


/* 온라인 국제 교류관 view */
.onlie-national-interchange-view.engCd {display: block;padding-top: 80px;}
.onlie-national-interchange-view.engCd .top-box {}
.onlie-national-interchange-view.engCd .top-box .title-wrap {display: inline-block;line-height: 1.3;/* margin-top: -58px; */min-height: 80px;}
.onlie-national-interchange-view.engCd .top-box .title-wrap .title {font-size: 30px;font-family: 'gmarket';font-weight: 600;color: #222;letter-spacing: -1px;line-height: 1.3;display: block;word-break: keep-all;}
.onlie-national-interchange-view.engCd .top-box .thum {background-color: #0b5858;padding: 0px 50px 50px 50px;position: relative;}
.onlie-national-interchange-view.engCd .top-box .thum:before {content:'';background-image: url(/tour/images/eng/sub03/view-top-bg.png);width: 522px;height: 307px;display: inline-block;position: absolute;right: -10px;bottom: 0;background-repeat: no-repeat;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box {display: inline-block;padding-left: 60px;max-width: 50%;min-height: 380px;padding-bottom: 104px;margin-top: -85px;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap {margin-top: 20px;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li {color: #fff;display: block;position: relative;margin-bottom: 11px;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li:before {content:'';width: 4px;height: 4px;background-color: #41a92d;display: inline-block;position: absolute;top: 9px;border-radius: 50%;left: 0;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li .subjact {font-family: 'gothic';font-size: 16px;letter-spacing: -1px;display: inline-block;font-weight: normal;padding-left: 10px;width: 92px;line-height: 1.3;position: absolute;left: 0;top: 0;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li .con {display: inline-block;font-family: 'gothic';font-weight: 100;color: #fff;opacity: 0.8;line-height: 1.3;font-size: 16px;letter-spacing: -1px;padding-left: 90px;}
.onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li .con .link {color: #fff !important;opacity: 0.8;}



.photo-slider {width:100%;position: relative;}
.photo-slider:after {display:block; clear:both; visibility:hidden; content:'';}
.photo-slider__left {float:left;overflow: hidden;position:relative;z-index: 1;width:33%;/* border: 1px solid #f3f3f3; */text-align:center;width: 600px;height: 400px;overflow: hidden;margin-top: -80px;}
.photo-slider__left > .item {text-align: center;padding: 0;position: relative;}
.photo-slider__left > .item img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.photo-slider__left .item {height: 400px;position: relative;}
.photo-slider__left .item img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: auto;height: 110%;}

.photo-slider__right {float:right;width: calc(100% / 2 - 0px);position: relative;margin-top: 18px;position: absolute;right: 0;bottom: 0px;}
.photo-slider__right > .photos-nav {padding: 0;height: 97px;overflow:hidden;padding-left: 60px;}
.photo-slider__right .photos-nav > .item {text-align: center;padding: 50px 0;-webkit-transition: opacity 250ms;transition: opacity 250ms;outline: none;}
.photo-slider__right .slick-slide img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);/* max-width: none; */max-height: none;}
.photo-slider__right .photos-nav > .item.slick-current button{outline:3px solid #ddd}
.photo-slider__right .photos-nav:after {display:block; clear:both; visibility:hidden; content:'';}
.photo-slider__right .photos-nav .item {opacity: 1;height: 94px;padding: 0 6px;}
.photo-slider__right .photos-nav .item button {display: inline-block;height: 100%;width: 100%;position: relative;overflow: hidden;}
.photo-slider__right .photos-nav .item button img {height: auto;width: 100%;}
.photo-slider__right .photos-nav .slick-current,
.photo-slider__right .photos-nav .slick-active {opacity: 1;}
.photo-slider__right .photos-nav .slick-slide.slick-current.slick-active button:before {content:'';position: absolute;width: 100%;height: 100%;background-color: transparent;border: 3px solid #41a92d;top: 0;left: 0;z-index: 2;}
.photo-slider__right .photo-content {line-height: 1.5em;-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.photo-slider__right .control{}
.photo-slider__right .control [data-control=next],
.photo-slider__right .control [data-control=prev]{display:inline-block;position:relative;width:50px;height:50px;font-size:0;/* background-color:rgba(0,0,0,0.5); */position:absolute;top: 17px;}
.photo-slider__right .control [data-control=next]:before,
.photo-slider__right .control [data-control=prev]:before{content:'';position:absolute;top:15px;left:15px;right:15px;display:block;width:20px;height:20px;border: 1px solid #666;border-width:1px 1px 0 0;}
.photo-slider__right .control [data-control=next]:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.photo-slider__right .control [data-control=prev]:before{transform:rotate(230deg);-webkit-transform:rotate(230deg);}
.photo-slider__right .control [data-control=next]{right:0}
.photo-slider__right .control [data-control=prev]{left:0;}
@media only screen and (max-width:767px){
	.photo-slider__left,
	.photo-slider__right{width:100%;float:none;}

}

/* 탭 공통 설정 */
.tab-ul.type1{text-align:center;/* border-bottom:1px solid #e0e0e0; */}
.tab-ul.type1 li{display:inline;flex: none;max-width: none;margin-left: -1px;}
.tab-ul.type1.col4 li,
.tab-ul.type1.col5 li{width:auto;float: none;}
.tab-ul.type1 li a {display:inline-block;position:relative;font-size: 15px;border-color: transparent !important;height:auto;color: #6f767d;font-weight: bold;height: auto !important;min-height: 60px;}
.tab-ul.type1 li a span{padding: 20px 13px;position:relative;}
.tab-ul.type1 li a span:before {display:block;position:absolute;top: 12px;left:0;content:'';width:1px;height: 20px;border:none;background:#e0e0e0;}
.tab-ul.type1 li:first-child a span:before{display:none}
.tab-ul.type1 li a:active, .tab-ul.type1 li a:focus, .tab-ul.type1 li a:hover,
.tab-ul.type1 li.on a,
.tab-ul.type1 li.on a, .tab-ul.type1 li.on a:active, .tab-ul.type1 li.on a:focus, .tab-ul.type1 li.on a:hover{border-color: transparent !important;color: #0082ed !important;font-weight: bold;height: auto;background-color: transparent !important;}
.tab-ul.type1 li.on a[target=_blank]:before,
.tab-ul.type1 li a[target=_blank]:hover:before,
.tab-ul.type1 li a[target=_blank]:focus:before,
.tab-ul.type1 li a[target=_blank]:before {position: absolute;right: 15px;top: 50%;width: 14px;height: 14px;margin-top: -7px;border:none;background: url(/template/A/images/target_blank.png);content: '';transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0);}
.tab-ul.type1 li a span:after {content:'';display: block;position:absolute;bottom: -2px;left: 3px;width:100%;height:2px;background-color:#1e2446;transform: scaleX(0);visibility: hidden;transform-origin:center;transition: all .3s ease;display: none;}
.tab-ul.type1 li.on a span:after,
.tab-ul.type1 li a:hover span:after,
.tab-ul.type1 li a:focus  span:after{transform:scaleX(1);visibility:visible}
/* tab panel */
.tabpanel{display:none;opacity:0;}
.tabpanel.on{display:block;opacity:1;}
.tab__body{display: none;}
.tab__body.active{display: block;}

.ui.ui-tablist {}
.ui.ui-tablist .tab-ul.type1 {margin-bottom: 0;}
.ui.ui-tablist .tab-ul.type1.col5 li {display: block;position: relative;z-index: auto;float: left;margin-left: -1px;margin-top: -1px;width: calc(100% / 5 - -1px);height: 60px;}
.ui.ui-tablist .tab-ul.type1 li a {position: relative;display: table;table-layout: fixed;width: 100%;height: 100%;border: 1px solid #e1e1e1;color: #444;font-size: 16px;letter-spacing: -0.025em;text-align: left;transition: all .3s;-webkit-transition: all .3s;}
.ui.ui-tablist .tab-ul.type1 li a:before {content: "";position: absolute;right: 15px;top: 50%;margin-top: -2px;width: 15px;height: 4px;border-radius: 5px;background: #b5b7ba;transition: 0.3s;}
.ui.ui-tablist .tab-ul.type1 li a:focus:before, 
.ui.ui-tablist .tab-ul.type1 li a:hover:before,
.ui.ui-tablist .tab-ul.type1 li.on a:before {display: block;position: absolute;top: 50%;right: 15px;margin-top: -5px;width: 15px;height: 10px;background: url(/tour/images/eng/sub03/ov.png) no-repeat;}
.ui.ui-tablist .tab-ul.type1 li a:after {content: "";position: absolute;left: 0;right: -1px;top: 0px;bottom: -1px;z-index: 2;width: auto;height: auto;transition: 0.3s;border: 1px solid #ddd;}
.ui.ui-tablist .tab-ul.type1 li a:hover:after,
.ui.ui-tablist .tab-ul.type1 li a:focus:after,
.ui.ui-tablist .tab-ul.type1 li.on a:after {border: 3px solid #0b5858;}
.ui.ui-tablist .tab-ul.type1 li a span {display: table-cell;vertical-align: middle;width: 100%;height: 100%;padding:10px 50px 10px 20px;font-weight: normal;font-family: 'gothic';}
.ui.ui-tablist .tab-ul.type1 li a:hover span,
.ui.ui-tablist .tab-ul.type1 li a:focus span,
.ui.ui-tablist .tab-ul.type1 li.on a span {color: #0b5858;font-weight: 600;}

/* tab */
.tab-ul.col2 li{width:50%;}
.tab-ul.col3 li{width: calc(100% / 3 - -1px);}
.tab-ul.col4 li{width:25%;}
.tab-ul.col5 li{width:20%;}
.tab-ul.col6 li{width:16.66%;}
.tab-ul.col7 li{width:14.28%;}
.tab-ul.col8 li{width:12.5%;}
@media only screen and (max-width:1200px){.tab-ul.col6 li,.tab-ul.col7 li,.tab-ul.col8 li{width:16.66%;}}
@media only screen and (max-width:1024px){.tab-ul.col4 li,.tab-ul.col5 li,.tab-ul.col6 li,.tab-ul.col7 li,.tab-ul.col8 li{width:25%;}}
@media only screen and (max-width:767px){.tab-ul.col3 li,.tab-ul.col4 li,.tab-ul.col5 li,.tab-ul.col6 li,.tab-ul.col7 li,.tab-ul.col8 li{width:33.33%;}}
@media only screen and (max-width:640px){.tab-ul.col2 li,.tab-ul.col3 li,.tab-ul.col4 li,.tab-ul.col5 li,.tab-ul.col6 li,.tab-ul.col7 li,.tab-ul.col8 li{width:50%;}}


/* 온라인교류관 list 탭 설정 */
.onlie-national-interchange-list .ui.ui-tablist {margin-bottom: 30px;}
.onlie-national-interchange-list .ui.ui-tablist .tab-ul.type1 {}
.onlie-national-interchange-list .ui.ui-tablist .tab-ul.type1 .js-tab {width: calc(100% / 2 - -1px);}
.onlie-national-interchange-list .ui.ui-tablist .tab-ul.type1 .js-tab .link {color: #6f767d !important;}
.onlie-national-interchange-list .ui.ui-tablist .tab-ul.type1 .js-tab .link span {}

@media (max-width:600px) {
 .onlie-national-interchange-list .ui.ui-tablist .tab-ul.type1 .js-tab {display: block;width: 100%;margin: 0;}
}

.onlie-national-interchange-view.engCd .middleinner {margin-top: 100px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel {}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content {display: block;background-color: #f7f7f7;position: relative;min-height: 180px;padding: 80px 80px 90px 290px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .title {font-size: 24px;font-family: 'gmarket';font-weight: 600;color: #222;letter-spacing: -1px;line-height: 1.3;display: block;position: absolute;top: 70px;left: 40px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area {}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .list {}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .list li {position: relative;margin-bottom: 11px;line-height: 1.3;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .list li:last-child {margin-bottom:0px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .list li:before {content:'';width: 3px;height: 3px;display: inline-block;background-color: #41a92d;border-radius: 50%;top: 7px;left: 0px;position: absolute;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .list li span {display: inline-block;padding-left: 10px;font-weight: 100;color: #666666;font-family: 'gothic';letter-spacing: -0.5px;line-height: 1.3;}

.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .video-area {height: 498px;display: block;width: 100%;/* background-color: #b8b8b8; */position: relative;overflow: hidden;max-width: 886px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .video-area video {position: absolute;left: 0;top: 50%;transform: translate(0, -50%);max-width: none;max-height: none;height: 100%;width: auto;}

.onlie-national-interchange-view.engCd .btn-footer {display: block;margin-top: 50px;text-align: right;}
.onlie-national-interchange-view.engCd .btn-footer .btn {margin: 0;background-color: #0b5858;border: 1px solid #0b5858;border-radius: 0px;font-size: 15px;font-family: 'gothic';padding: 13px 73px 13px 34px;color: #fff;}
.onlie-national-interchange-view.engCd .btn-footer .btn:hover,
.onlie-national-interchange-view.engCd .btn-footer .btn:focus {color:#fff;}
.onlie-national-interchange-view.engCd .btn-footer .btn:before {content:'';background-image: url(/tour/images/eng/sub03/list.png);width: 14px;height: 11px;display: inline-block;position: absolute;left: 15px;top: 50%;transform: translate(0, -50%);background-repeat: no-repeat;}

/* 비디오 탭 */
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video {}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content {padding: 80px;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content .title {position: relative;left: 0;top: 0;margin-bottom: 15px;} 

.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content .text-area .video-area .btn.btn-play {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 0;width: 80px;height: 80px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;background-size: contain;padding: 0;border-radius: 50%;transition: all 0.2s;border: none;background-color: #000;opacity: 0.7;z-index: 1;}
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content .text-area .video-area .btn.btn-play:hover,
.onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content .text-area .video-area .btn.btn-play:focus {
    opacity: 1;
    outline: 3px solid #fff;
}


@media (max-width:1399px) {
 .onlie-national-interchange-view.engCd .top-box .thum {padding: 50px;}
 .photo-slider__left {margin-top: 0;left: 50%;transform: translate(-50%, 0);max-width: 600px;width: 100%;margin-bottom: 30px;}
 .photo-slider__right {position: relative;float: none;width: 100%;margin: 0;display: block;}
 .onlie-national-interchange-view.engCd .top-box .title-wrap {margin-top: 0;min-height: 1px;}
 .photo-slider__right > .photos-nav {max-width: 600px;width: 100%;margin: 0 auto;padding: 0;}
 .onlie-national-interchange-view.engCd .top-box .title-wrap .title {color: #fff;}
 .onlie-national-interchange-view.engCd .top-box .thum .info-box {margin-top: 30px;max-width: none;width: 100%;min-height: 1px;padding-bottom: 0;padding-left: 0;}
 .photo-slider__right .photos-nav .item {/* padding:0px; */}
}

@media (max-width:1024px) {
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .title {position: static;top: 0;left: 0;margin-bottom: 10px;}
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content {padding: 50px;}
 .onlie-national-interchange-view.engCd .middleinner {margin-top: 80px;}
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content .text-area .video-area {height: 45vw;}
}


@media (max-width:950px) {
 .onlie-national-interchange-view.engCd .top-box .thum .info-box {padding-left:0px;}
}

@media (max-width:767px) {
 .onlie-national-interchange-view.engCd .middleinner {margin-top: 50px;}
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content {padding: 40px;}
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content {padding:40px;}
}

@media (max-width:670px) {
  .onlie-national-interchange-view.engCd .top-box .thum {padding: 50px 30px;}
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content .text-area .video-area .btn.btn-play {width: 45px;height: 45px;}
}

@media (max-width:600px) {
 .onlie-national-interchange-view.engCd .top-box .title-wrap .title {font-size: 28px;}
 .photo-slider__left, .photo-slider__left .item {height: 280px;}
 .onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li .subjact {display: block;position: relative;}
 .onlie-national-interchange-view.engCd .top-box .thum .info-box .list-wrap li .con {padding-left: 11px;}
}

@media (max-width:490px) {
 .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel .content {padding: 30px;}
 .tab-ul.type1 li {width: 100%;}
 .onlie-national-interchange-view.engCd .top-box .title-wrap .title {font-size: 23px;}
  .onlie-national-interchange-view.engCd .middleinner .inner .tabpanel.video .content {padding:30px;}
}

@media (max-width:420px) {
 .onlie-national-interchange-list.engCd .ui.ui-tablist .tab-ul.type1 .js-tab {display: block;width: 100%;}
}


/* 온라인 교류관 베트남 list */
.onlie-national-interchange-list.vieCd {}
.onlie-national-interchange-list.vieCd .world-area {font-size: 0;letter-spacing: 0;word-spacing: 0;/* border: 1px solid #ddd; *//* border-right: none; *//* border-left: none; */overflow: hidden;margin-bottom: 60px;}
.onlie-national-interchange-list.vieCd .world-area .area {display: inline-block;height: 560px;position: relative;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map {width: calc(100% - 370px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner {width: 100%;height: 100%;display: block;position: relative;background-color: #f5f5f5;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner img {max-width: 100%;max-height: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .map-img {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .map-text {display: none;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap {margin: 0;/* left: 0; *//* top: 0; */}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark {padding: 0;background-color: transparent;position: absolute;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark .dot {background-color: transparent;padding: 0;display: inline-block;position: relative;width: 14px;height: 14px;border: 3px solid #41a92d;border-radius: 50%;background-color: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);overflow: visible;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark .dot .c-name {font-size: 14px;color: #545454;font-family: 'gothic';letter-spacing: -1px;display: block;width: auto;height: auto;white-space: nowrap;position: absolute;transform: translateX(-50%);}

/* 자매도시 */
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark1 {left: 9.5%;top: 45%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark2 {left: 12.5%;top: 45.5%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark3 {left: 34%;top: 35%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark4 {left: 35%;top: 46%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark5 {left: 38.5%;top: 50.5%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark6 {left: 36.5%;top: 49%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark7 {left: 43.8%;top: 45.3%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark8 {left: 78%;top: 46%;}

.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark1 .c-name {left: 90px;bottom: calc(100% + 24px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark2 .c-name {left: 83px;top: calc(100% + 97px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark3 .c-name {left: 97px;bottom: calc(100% + 25px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark4 .c-name {left: 128px;bottom: calc(100% + 37px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark5 .c-name {left: 122px;top: -6px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark6 .c-name {left: 120px;top: calc(100% + 36px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark7 .c-name {top: -8px;left: 137px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark8 .c-name {left: 95px;top: calc(100% + 27px);}

.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark:before {content:'';background-color:#41a92d;width:1px;display: inline-block;transform: translate(-50%, 0);left: 50%;bottom: 100%;position: absolute;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark1:before {height: 20px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark2:before {height: 88px;top: 100%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark3:before {height: 18px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark4:before {height: 32px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark5:before {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark6:before {height: 33px;top: 100%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark7:before {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap .mark.mark8:before {top: 100%;height: 22px;}

/* 우호도시 */
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1 {left: 27.3%;top: 45%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2 {left: 19.1%;top: 45.5%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3 {left: 37%;top: 45%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4 {left: 31%;top: 35%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5 {left: 34.5%;top: 46.5%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6 {left: 35.5%;top: 50%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7 {left: 40.8%;top: 55.3%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8 {left: 78%;top: 46%;}

.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1 .c-name {left: 62px;bottom: calc(100% - 128px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2 .c-name {left: 45px;top: calc(100% + -53px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3 .c-name {left: 104px;bottom: calc(100% + -14px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4 .c-name {left: 81px;bottom: calc(100% + 26px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5 .c-name {left: 44px;top: -59px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6 .c-name {left: 72px;top: calc(100% + 47px);}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7 .c-name {top: -7px;left: 98px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8 .c-name {left: 83px;top: calc(100% + 27px);}

.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark1:before {height: 95px;top: 100%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark2:before {height: 20px;top: -18px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark3:before {height: 0;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark4:before {height: 20px;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark5:before {
    height: 32px;
}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark6:before {height: 43PX;top: 100%;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark7:before {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap.uho .mark.mark8:before {top: 100%;height: 22px;}


.onlie-national-interchange-list.vieCd .world-area .area.list {width: 370px;box-shadow: -7px 0px 15px rgb(0 0 0 / 10%);border: 1px solid #ddd;/* display: inline-block !important; */}
.onlie-national-interchange-list.vieCd .world-area .area.list ul {margin: 0;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li {height: 70px;padding: 0 40px;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link {display: block;width: 100%;height: 100%;border-bottom: 1px solid #ddd;text-align: left;position: relative;padding-right: 25px;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:after {content:'';background-image: url(/tour/images/eng/sub03/list-icon.png);width: 16px;height: 4px;display: inline-block;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);z-index: 2;background-repeat: no-repeat;/* transition: all 0.4s; */}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:hover:after,
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:focus:after {background-image: url(/tour/images/eng/sub03/list-icon-ov.png);width: 15px;height: 9px;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:before {content:'';display: inline-block;position: absolute;left: -52px;top: 0;width: calc(100% + 92px);height: 100%;background-color: #0b5858;z-index: 1;transform: scale(0);transition: all 0.4s;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:hover:before,
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:focus:before {transform: scale(1.05);}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link .name {font-size: 15px;color: #555555;font-family: 'gothic';letter-spacing: -1px;position: relative;z-index: 3;transition: all 0.4s;line-height: 1.3;}
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:hover .name,
.onlie-national-interchange-list.vieCd .world-area .area.list ul li .link:focus .name {color:#fff;}
.onlie-national-interchange-list.vieCd .world-area .all-menu {display: none;}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all {margin: 0;}

.onlie-national-interchange-list.vieCd .list-wrap {}
.onlie-national-interchange-list.vieCd .list-wrap .item {border: 1px solid #ddd;position: relative;padding: 59px 50px 45px 510px;margin-bottom: 35px;min-height: 312px;overflow: hidden;}
.onlie-national-interchange-list.vieCd .list-wrap .item:last-child {margin-bottom:0px;}
.onlie-national-interchange-list.vieCd .list-wrap .item .thum-box {display: inline-block;width: 400px;height: 231px;overflow: hidden;position: absolute;/* display: none; */top: 50%;left: 45px;transform: translate(0, -50%);}
.onlie-national-interchange-list.vieCd .list-wrap .item .thum-box .inner {width: 100%;height: 100%;display: block;position: relative;}
.onlie-national-interchange-list.vieCd .list-wrap .item .thum-box .inner img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: 100%;height: auto;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body {padding: 0;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .title {font-size: 26px;font-family: 'gmarket';color: #222;letter-spacing: -1px;margin-bottom: 18px;display: block;line-height: 1.1;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st {margin: 0;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li {position: relative;padding-left: 12px;line-height: 1;margin-bottom: 13px;display: block;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li:last-child {margin-bottom:0px;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li:before {content:'';width: 5px;height: 5px;display: inline-block;background-color: #4ba456;border-radius: 50%;top: 8px;left: 0;position: absolute;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li .subjact {font-family: 'gothic';font-size: 15px;font-weight: 600;color: #180e0d;letter-spacing: -1px;display: inline-block;position: absolute;left: 10px;top: 3px;max-width: 140px;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li .con {color: #666666;font-family: 'gothic';font-size: 15px;letter-spacing: -1px;padding-left: 154px;display: inline-block;line-height: 1.3;word-break: keep-all;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .btn-wrap {text-align: right;margin-top: 15px;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .btn-wrap .btn.btn-more {margin: 0;background-color: #fff;color: #0b5858;border: 1px solid #0b5858;border-radius: 0px;font-family: 'nsk';letter-spacing: -1px;font-size: 15px;max-width: 245px;padding: 0;height: 48px;line-height: 46px;width: 100%;}
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .btn-wrap .btn.btn-more:hover,
.onlie-national-interchange-list.vieCd .list-wrap .item .card-body .btn-wrap .btn.btn-more:focus {background-color: #0b5858;color: #fff;}

@media (max-width:1335px) {
.onlie-national-interchange-list.vieCd .world-area .area {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map {overflow-x: scroll;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner {width: 940px;}
.onlie-national-interchange-list.vieCd .world-area .area.list {}
}

@media (max-width:1024px) {
 .onlie-national-interchange-list.vieCd .list-wrap .item .thum-box {position: relative;top: 0;left: 50%;transform: translate(-50%, 0);margin-bottom: 30px;}
 .onlie-national-interchange-list.vieCd .list-wrap .item {padding: 50px;}
 .onlie-national-interchange-list.vieCd .list-wrap .item .card-body .btn-wrap {text-align: center;margin-top: 30px;}
}

@media (max-width:920px) {
.onlie-national-interchange-list.vieCd .world-area .area {}
.onlie-national-interchange-list.vieCd .world-area .area.w-map {overflow: unset;display: block;width: 100%;height: auto;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner {width: auto;}
.onlie-national-interchange-list.vieCd .world-area .area.list {display: block;width: 100%;display: none;margin-top: 30px;box-shadow: none;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .map-img {display: none;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .mark-wrap {display: none;}
.onlie-national-interchange-list.vieCd .world-area .area.w-map .inner .map-text {display:block;transform: none;left: auto;top: auto;}

.onlie-national-interchange-list.vieCd .world-area .all-menu {display: block;margin: -20px 0 0px;text-align: center;}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all {max-width: 240px;width: 100%;border-radius: 0;background-color: #fff;color: #0b5858;border: 1px solid #0b5858;height: 42px;line-height: 38px;display: inline-block;padding: 0;font-size: 0;}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all:before {content:'';width: 24px;height: 24px;position: absolute;display: inline-block;background-repeat: no-repeat;left: 50%;top: 50%;transform: translate(-50%, -50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(11,88,88,1)'/%3E%3C/svg%3E");}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all:hover,
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all:focus {background-color: #0b5858;color: #fff;}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all:hover:before,
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all.active:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(11,88,88,1)'/%3E%3C/svg%3E");}
.onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all.active:hover:before,
 .onlie-national-interchange-list.vieCd .world-area .all-menu .btn.btn-all.active:focus:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8l6 6H6z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
 
.onlie-national-interchange-list.vieCd .world-area {margin-bottom: 30px;}
}

@media (min-width:920px) {
    .onlie-national-interchange-list.vieCd .world-area .area.list {display: inline-block !important;}
}

@media (max-width:640px) {
 .onlie-national-interchange-list.vieCd .list-wrap .item {padding: 50px 30px;}
}

@media (max-width:540px) {
 .onlie-national-interchange-list.vieCd .list-wrap .item .thum-box {max-width: 400px;width: 100%;height: 190px;}
 .onlie-national-interchange-list.vieCd .list-wrap .item .thum-box .inner img {height: 100%;width: auto;}
}

@media (max-width:490px) {
 .onlie-national-interchange-list.vieCd .list-wrap .item {padding: 30px 20px;}
 .onlie-national-interchange-list.vieCd .list-wrap .item .card-body .title {font-size: 24px;}
 .onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li .subjact {position: relative;left: 0;/* top: 0; */display: block;margin-bottom: 5px;max-width: none;}
 .onlie-national-interchange-list.vieCd .list-wrap .item .card-body .list-1st li .con {padding: 0;}
}

@media (max-width:440px) {
 .onlie-national-interchange-list.vieCd .world-area .area.list ul li {padding: 0 20px;}
 .onlie-national-interchange-list.vieCd .world-area .area.list ul li .link {}
}