<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
:root {--point-color: #0047BA;--point-color2: #EF7184;}

.modal-dimm , .dimm3, .dimm4 {display: none; position: fixed; width: 100%; height: 0; top: 0; left: 0; opacity: 0; background-color: rgba(17,17,17,0.8); transition: all 0.5s;}
.modal-dimm.on {opacity: 1; display: block; height: 100%; z-index: 1000;} /* 모달 팝업 dimm */
.dimm3.on {opacity: 1; display: block; height: 100%; z-index: 39;}
.dimm4.on {opacity: 1; display: block; height: 100%; z-index: 20;}
.dimm.on {opacity: 1; display: block; z-index: 20;}

@media screen and (min-width: 1024px){
    /*.dimm2.on {display: none;}*/
}

@media screen and (min-width: 1200px){
    .main-container {margin-right: 44px;}
}

body {overflow-x: hidden;}
body.on {overflow: hidden !important;}
.wrapper&gt;* {flex-shrink: 0;}
.main-container {flex: 1 0 auto;}

.multi-tab-item &gt; button[data-tooltip], .multi-tab-item &gt; a[data-tooltip] {display: block; width: 28px; height: 32px;}
[data-tooltip] {position: relative;}
[data-tooltip]:before {content: attr(data-tooltip); visibility: hidden; opacity: 0; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); white-space: nowrap; transition: all 0.2s ease; font-size: 16px; letter-spacing: -0.5px; height: 17px; color: #fff; background: #000; border-radius: 26px; padding: 10px;}
[data-tooltip]:after {content: ''; position: absolute; visibility: hidden; opacity: 0;  border: 5px solid transparent; border-right-color: #000; transition: all 0.2s ease; transform: rotate(180deg);}
[data-tooltip]:not([data-tooltip=""]):hover::before {visibility: visible; opacity: 1; left: -10px;}
[data-tooltip]:not([data-tooltip=""]):hover::after {visibility: visible; opacity: 1; left: -11px;}

.multi-panel.on [data-tooltip]:hover::before, .multi-panel.on [data-tooltip]:hover::after {display: none;}

/*mob-nav s*/
.mob-nav-container {z-index: 51; height: 60px; box-sizing: border-box; position: fixed; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; transition: all 0.5s; background: var(--point-color);}
.mob-nav-container &gt; li {position: relative; width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.mob-nav-container &gt; li &gt; button {margin: 0 auto;}
.mob-nav-container &gt; li &gt; a , .mob-nav-container &gt; li &gt; button {display: flex; flex-direction: column; align-items: center; justify-content:  center; width: 45px; height: 45px;}
.mob-nav-container &gt; li &gt; a &gt; p , .mob-nav-container &gt; li &gt; p {white-space: nowrap; font-size: 0.714rem; color: #fff;}
.mob-nav-container .portals-menu {position: relative;}
.mob-nav-container .portals-menu &gt; p {margin-top: -28px;}
.mob-nav-container .portals-menu span {text-indent: -9999px;}
.mob-nav-container .quick-menu-wrap &gt; p {padding-top: 3px;}
.mob-nav-container .portals-menu&gt;.btn {width: 50px; min-height: 50px; position: relative; top: -32px; background: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.25); flex-direction: row; justify-content: center;}
.mob-nav-container .portals-menu&gt;.btn&gt;img {width: 36px; border-radius: 20px;}
.mob-nav-container .quick-menu-wrap {overflow: hidden;}
.mob-nav-container .quick-menu {width: 46px; height: 45px; position: relative; top: -5px; margin-top: 10px; font-size: 10px; border-radius: 50%; color: #fff;}
.mob-nav-container .multi-menu {width: 46px; height: 45px; position: relative; top: -5px; margin-top: 10px; font-size: 10px; border-radius: 50%; color: #fff;}
.mob-nav-container .multi-menu.on {color: transparent;}
.mob-nav-container .quick-menu span:last-of-type, .mob-nav-container .multi-menu span:last-of-type {padding-top: 3px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mob-nav-container .portals-menu &gt; .btn&gt;img , .mob-nav-container .portals-menu &gt; .btn&gt;span {margin-top: 10px;}
}

/*모바일 gnb*/
.mob-gnb {background-color: #EDF1F5;}
.mob-gnb, .mob-gnb .gnb {height: 100%;position: relative; overflow: hidden;}
.mob-gnb .gnb {padding: 0; box-sizing: border-box;}
.mob-gnb .gnb&gt;li {display: flex; align-items: flex-start;}
.mob-gnb .gnb&gt;li&gt;a {display: flex; align-items: center; position: relative; padding: 17px 24px; box-sizing: border-box; left: 0; transition: left 0.25s; letter-spacing: 0; z-index: 2; font-size: 17px; color: #111; font-weight: 600;min-width: 90px;text-align: left; line-height: 30px;}
.mob-gnb .gnb&gt;li&gt;a:before {position: absolute; z-index: -1; content: ''; left: -20%; opacity: 0; top: -1px; width: calc(100% + 40px); height: 100%; background: #fff;}
.mob-gnb .gnb&gt;li.active&gt;a {color: #003675; text-align: center;}
.mob-gnb .gnb&gt;li.active&gt;a:before {left: -10px; opacity: 1; transition: all 0.3s;}
.mob-gnb .gnb&gt;li&gt;a&gt;span {display: inline-block; margin-right: 15px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.mob-gnb .gnb&gt;li.active .dep2 {z-index: 1;}
.mob-gnb .gnb&gt;li.active .dep2&gt;li {right: 0; opacity: 1;}
.mob-gnb .gnb .dep2-wrap {padding: 20px 0 60px 30px; font-size: 14px; font-weight: 500; background: #fff; position: absolute; width: calc(100% - 120px); right: 0;top: 0; height: 100%; box-sizing: border-box;}
.mob-gnb .gnb .dep2 {position: relative; overflow-y: auto; overflow-x: hidden; padding-right: 15px; height: 100%; overflow-y: scroll;}
.mob-gnb .gnb .dep2::-webkit-scrollbar {display: none;}
.mob-gnb .gnb .dep2&gt;li {position: relative; right: -20%; opacity: 0; padding: 5px 0; border-bottom: 1px solid #F1F1F1; transition: all 0.3s;}
.mob-gnb .gnb .dep2&gt;li&gt;a {color: #111; line-height: 30px; display: flex; align-items: center; justify-content: space-between; background-size: 14px 8px; font-size: 17px; padding: 10px 0;}
.mob-gnb .gnb .dep2&gt;li&gt;a&gt;span {display: inline-block; width: 14px; height: 8px; background: url("/_user/tour/img/layout/arrow-gnb.svg") center no-repeat;}
.mob-gnb .gnb .dep2&gt;li&gt;a&gt;span.outlink {display: inline-block; margin-left: 4px; width: 16px; height: 16px; background: url('/_user/tour/img/layout/ico-outlink.svg') 50% no-repeat;}
.mob-gnb .gnb .dep2&gt;li.active&gt;a {color: #003675; font-weight: 700;}
.mob-gnb .gnb .dep2&gt;li.active&gt;a&gt;span {transform: rotate(180deg);}
.mob-gnb .gnb .dep3 {display: none; font-size: 12px; padding-bottom: 20px;}
.mob-gnb .gnb .dep3&gt;li {padding-top: 20px;}
.mob-gnb .gnb .dep3&gt;li&gt;a {display: flex; align-items: baseline; word-break: break-all; line-height: 1.3; font-size: 17px; color: #111;}
.mob-gnb .gnb .dep3&gt;li&gt;a::before {content: ''; display: inline-block; position: relative; top: -3px; width: 4px; height: 4px ;border-radius: 4px; margin-right: 6px; background: #111;}
.mob-gnb .gnb .dep3&gt;li&gt;a .outlink {width: 12px; height: 15px; margin-top: -1px; background-size: 12px;}
/*호버*/
.mob-nav-container.active .portals-menu:before {animation-delay: 0.05s; top: 0;}
.mob-nav-container .quick-menu-wrap:after, .mob-nav-container .multi-menu-wrap:after {position: absolute; content: ''; width: 65px; height: 57px; top: -55px; left: calc(50% - 55px); border-radius: 45%; transform: translateX(-50%); z-index: -1; box-shadow: 25px -30px 0 0 #fff; opacity: 0;}
.mob-nav-container .quick-menu-wrap:before, .mob-nav-container .multi-menu-wrap:before {position: absolute; content: ''; width: 64px; height: 57px; top: -55px; left: calc(50% + 55px); border-radius: 45%; transform: translateX(-50%); z-index: -1; box-shadow: -25px -30px 0 0 #fff; opacity: 0;}
.mob-nav-container .quick-menu-wrap.active:before, .mob-nav-container .quick-menu-wrap.active:after,
.mob-nav-container .multi-menu-wrap.active:before, .mob-nav-container .multi-menu-wrap.active:after {top: 0; opacity: 1; transition: 0.3s;}
.mob-nav-container .quick-menu.on, .mob-nav-container .multi-menu.on  {background: #fff; top: -10px; transition: all 0.2s;}

@media screen and (min-width: 768px){
    .mob-gnb .gnb {padding: 0 40px;}
    .mob-gnb .gnb&gt;li&gt;a {font-size: 20px; min-width: 115px;}
    .mob-gnb .gnb .dep2-wrap {width: calc(100% - 190px); padding: 40px 25px 120px 35px;}
    .mob-gnb .gnb .dep2&gt;li&gt;a {font-size: 20px; line-height: 40px;}
    .mob-gnb .gnb .dep3 {padding-bottom: 15px;}
    .mob-gnb .gnb .dep3&gt;li {padding-top: 15px;}
    .mob-gnb .gnb .dep3&gt;li&gt;a {font-size: 16px;}
    .mob-gnb .gnb&gt;li.active&gt;a:before {min-width: 200px; left: -40px;}
}
@media screen and (min-width: 1200px) {
    .mob-nav-container {display: none;}
    .logo&gt;a&gt;img {width: 100%;}
}
/*mob-nav e*/

/*portals s*/
.portals-wrap {opacity: 0; position: fixed; background: #fff; overflow: hidden; left: 50%; margin-left: -190px; bottom: -40%; transition: all 0.3s; width: 380px; height: 380px; border-radius: 50%; z-index: 40;}
.portals {position: relative; width: 100%; height: 100%; transform: rotate(180deg); transition: all 0.7s 0.3s;}
.portals-wrap.active {bottom: -108px; opacity: 1;}
.portals.active {transform: rotate(0);}
.portals:before {position: absolute; content: ''; left: 50%; top: 50%; width: 130px; height: 130px; border-radius: 50%; border: 1px solid #DCDFF1; transform: translate(-50%,-50%);}
.btn-portals, .portals-list .cover-img {display: none;}
.portals-list&gt;li&gt;a {position: absolute; font-size: 12px; text-align: center; transform: rotate(-180deg); transition: all 0.7s 0.3s;}
.portals.active .portals-list&gt;li&gt;a {transform: rotate(-0deg);}
.portals-list {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
.portals-list&gt;li {position: absolute; left: 50%; top: 50%; transform-origin: center;}
.portals-list&gt;li&gt;a {position: absolute; left: -25px; top: -40px; width: 50px; height: 38px; text-align: center;}
/* 7개의 요소를 반원의 위쪽에 배치 */
.portals-list&gt;li:nth-child(1) {transform: rotate(-180deg) translate(120px) rotate(180deg);}
.portals-list&gt;li:nth-child(2) {transform: rotate(-150deg) translate(120px) rotate(150deg);}
.portals-list&gt;li:nth-child(3) {transform: rotate(-120deg) translate(120px) rotate(120deg);}
.portals-list&gt;li:nth-child(4) {transform: rotate(-90deg) translate(120px) rotate(90deg);}
.portals-list&gt;li:nth-child(5) {transform: rotate(-60deg) translate(120px) rotate(60deg);}
.portals-list&gt;li:nth-child(6) {transform: rotate(-30deg) translate(120px) rotate(30deg);}
.portals-list&gt;li:nth-child(7) {transform: rotate(0deg) translate(120px);}
.portals-list&gt;li&gt;a span {min-width: 34px; height: 34px; display: block; background-repeat: no-repeat; background-position: center; margin-bottom: 2px;}
.portals-list&gt;li .ico-chuncheon {background-image: url('/_user/common/img/layout/icon-chuncheon.png');}
.portals-list&gt;li .ico-economy {background-image: url('/_user/common/img/layout/icon-economy.png');}
.portals-list&gt;li .ico-welfare {background-image: url('/_user/common/img/layout/icon-welfare.png');}
.portals-list&gt;li .ico-culture {background-image: url('/_user/common/img/layout/icon-culture.png');}
.portals-list&gt;li .ico-administration {background-image: url('/_user/common/img/layout/icon-administration.svg'); background-size: 30px;}
.portals-list&gt;li .ico-traffic {background-image: url("/_user/common/img/layout/icon-traffic.svg");}
.portals-list&gt;li .ico-tour {background-image: url("/_user/common/img/layout/icon-tour.svg"); background-size: 35px;}

@media screen and (min-width: 1024px){
    .portals-wrap {display: none;}
}
/*portals e*/

/*multi menu s*/
.multi-menu-wrap.active {overflow: hidden;}
.multi-menu .icon {display: flex; justify-content: space-between; flex-wrap: wrap; width: 20px; height: 20px; margin: 0 auto;}
.multi-menu .icon&gt;i {display: none; width: 9px; height: 9px; border-radius: 45px; background: #fff; transition: all 0.3s;}
.multi-menu.on .icon&gt;i {display: block; background: #4156C1;}
.multi-menu .icon&gt;i:nth-child(3), .multi-menu .icon&gt;i:nth-child(4) {margin-top: 2px;}
.multi-menu.on .icon {display: flex; width: 25px; height: 25px; position: relative; z-index: 3;}
.multi-menu.on .icon&gt;i:nth-child(3), .multi-menu.on .icon&gt;i:nth-child(4) {opacity: 0;}
.multi-menu.on .icon&gt;i:first-child {width: 25px; height: 2px; position: relative; left: 0; top: 16px; transform: rotate(45deg);}
.multi-menu.on .icon&gt;i:nth-child(2) {width: 25px; height: 2px; position: relative; left: 0; top: 11px; transform: rotate(-45deg);}
.multi-menu.on .icon img {display: none;}

/*quick menu s*/
.quick-menu-wrap.active {overflow: hidden;}
.quick-menu .icon {display: flex; justify-content: space-between; flex-wrap: wrap; width: 20px; height: 20px; margin: 0 auto;}
.quick-menu .icon&gt;i {display: block; width: 9px; height: 9px; border-radius: 45px; background: #fff; transition: all 0.3s;}
.quick-menu.on .icon&gt;i {background: #4156C1;}
.quick-menu .icon&gt;i:nth-child(3), .quick-menu .icon&gt;i:nth-child(4) {margin-top: 2px;}
.quick-menu.on .icon {width: 25px; height: 25px; position: relative; z-index: 3;}
.quick-menu.on .icon&gt;i:nth-child(3), .quick-menu.on .icon&gt;i:nth-child(4) {opacity: 0;}
.quick-menu.on .icon&gt;i:first-child {width: 25px; height: 2px; position: relative; left: 0; top: 16px; transform: rotate(45deg);}
.quick-menu.on .icon&gt;i:nth-child(2) {width: 25px; height: 2px; position: relative; left: 0; top: 11px; transform: rotate(-45deg);}

/*quick menu hover*/
.quick-menu:hover .icon&gt;i:first-child {animation: hover01 linear 1s infinite;}
.quick-menu:hover .icon&gt;i:nth-child(2) {animation: hover02 linear 1s infinite;}
.quick-menu:hover .icon&gt;i:nth-child(3) {animation: hover03 linear 1s infinite;}
.quick-menu:hover .icon&gt;i:nth-child(4) {animation: hover04 linear 1s infinite;}
.quick-menu.on .icon&gt;i:first-child ,.quick-menu.on .icon&gt;i:nth-child(2) {animation: none;}
.quick-menu.on:hover .icon&gt;i:first-child {animation: hover05 linear 0.5s forwards;}
.quick-menu.on:hover .icon&gt;i:nth-child(2) {animation: hover06 linear 0.5s forwards;}

/*multi menu hover*/
.multi-menu:hover .icon&gt;i:first-child {animation: hover01 linear 1s infinite;}
.multi-menu:hover .icon&gt;i:nth-child(2) {animation: hover02 linear 1s infinite;}
.multi-menu:hover .icon&gt;i:nth-child(3) {animation: hover03 linear 1s infinite;}
.multi-menu:hover .icon&gt;i:nth-child(4) {animation: hover04 linear 1s infinite;}
.multi-menu.on .icon&gt;i:first-child ,.multi-menu.on .icon&gt;i:nth-child(2) {animation: none;}
.multi-menu.on:hover .icon&gt;i:first-child {animation: hover05 linear 0.5s forwards;}
.multi-menu.on:hover .icon&gt;i:nth-child(2) {animation: hover06 linear 0.5s forwards;}

@keyframes hover01 {
    0% {background: #44fdff;}
    50% {background: #a3ff3f;}
    100% {background: #44fdff;}
}
@keyframes hover02 {
    0% {background: #ffc3c3;}
    50% {background: #ffeb3b;}
    100% {background: #ffc3c3;}
}
@keyframes hover03 {
    0% {background: #ffc3c3;}
    50% {background: #ffeb3b;}
    100% {background: #ffc3c3;}
}
@keyframes hover04 {
    0% {background: #44fdff;}
    50% {background: #a3ff3f;}
    100% {background: #44fdff;}
}
@keyframes hover05 {
    0% {transform: rotate(45deg);}
    100% {transform: rotate(225deg);}
}
@keyframes hover06 {
    0% {transform: rotate(-45deg);}
    100% {transform: rotate(135deg);}
}

.quick-wrap {display: none; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 45; left: 0; bottom: -100%; width: 100%; height: calc(100% - 75px); border-radius: 15px 15px 0 0; background: #fff;}
.quick-wrap.on {display: block; -webkit-overflow-scrolling: touch !important;}
.quick {min-width: 320px; height: calc(100% - 51px); box-sizing: border-box;}
.quick-top {display: flex; border-bottom: 1px solid #E5E5E5;}
.quick-top&gt;li {width: 50%; height: 50px;}
.quick-top&gt;li:nth-child(2) {border-left: 1px solid #E5E5E5;}
.quick-top&gt;li&gt;a {display: flex; align-items: center; justify-content: center; gap: 10px; height: 100%; font-size: 17px; font-weight: 600; color: #111;}
.quick-top .login&gt;a&gt;span {margin-right: 4px; display: inline-block; width: 14px; height: 11px; margin-top: -3px;}
.quick-tab {background: #fff; position: fixed; width: calc(100% - 40px); bottom: 100px; z-index: 5; display: flex; border-radius: 45px; padding: 5px; box-sizing: border-box; box-shadow: 0 2px 10px rgba(171,171,171,0.25); left: 50%; transform: translateX(-50%);}
.quick-wrap .tab-view {height: 100%; overflow-y: auto;}
.quick-wrap .tab-view h2 {font-size: 22px; text-align: center; color: #111;}
.tab-tit {font-size: 15px; color: #333; font-weight: 500; padding: 30px 0;}
.quick-wrap .tab-con {height: 100%; display: none; margin-bottom: 0;}
.quick-wrap .tab-con.active {display: block;}
.quick-wrap .tab-con.on {display: block;}
.quick-wrap .tab-con&gt;span {color: rgba(255,255,255,0.5); font-size: 12px; letter-spacing: -0.6px;}
.quick-wrap&gt;li.active .tab-con {display: block;}
.quick-tab&gt;li {width: 100%;}
.quick-tab&gt;li.active&gt;a {font-weight: bold; position: relative; color: #4156C1;}
.quick-tab&gt;li.active&gt;a:before {content: ''; position: absolute; left: -1px; top: -1px; height: 100%; width: 100%; border-radius: 5px; border-width: 1px; border-color: #4156C1; border-style: solid;}
.quick-tab&gt;li&gt;a {display: block; text-align: center; font-weight: 500; line-height: 47px; padding: 0 13px; white-space: nowrap; border-radius: 5px;}
.quick-tab&gt;li&gt;button {display: block; width: 100%; text-align: center; font-weight: 500; line-height: 40px; padding: 0 13px; white-space: nowrap; border-radius: 45px; color: #4156C1;}
.quick-tab&gt;li.active&gt;button {color: #fff; background: #4156C1;}

.quick-service {padding-bottom: 20px;}
.quick-wrap .menu-list {display: flex; flex-wrap: wrap; padding: 0 20px;}
.quick-wrap .menu-list&gt;li {width: calc(50% - 5px); margin-bottom: 10px;}
.quick-wrap .menu-list&gt;li:nth-child(2n-1) {margin-right: 5px;}
.quick-wrap .menu-list&gt;li:nth-child(2n) {margin-left: 5px;}
.quick-wrap .menu-list&gt;li:first-child .img-area&gt;img {width: 30px;}
.quick-wrap .menu-list&gt;li:nth-child(2) .img-area&gt;img {width: 29px;}
.quick-wrap .menu-list&gt;li:nth-child(3) .img-area&gt;img {width: 34px;}
.quick-wrap .menu-list&gt;li:nth-child(4) .img-area&gt;img {width: 33px;}
.quick-wrap .menu-list&gt;li:nth-child(5) .img-area&gt;img {width: 30px;}
.quick-wrap .menu-list&gt;li:nth-child(6) .img-area&gt;img {width: 30px;}
.quick-wrap .menu-list&gt;li:nth-child(7) .img-area&gt;img {width: 31px;}
.quick-wrap .menu-list&gt;li:last-child .img-area&gt;img {width: 30px;}
.quick-wrap .menu-list&gt;li&gt;a {background: #fff; border-radius: 5px; padding: 0 17px; box-sizing: border-box; border: 1px solid #ddd; position: relative; width: 100%; height: 60px; font-size: 12px; color: #777; display: flex; align-items: center; justify-content: flex-start;}
.quick-wrap .menu-list&gt;li&gt;a .img-area {margin-right: 7px;}
.quick-wrap .menu-list&gt;li&gt;a span {line-height: 1; font-weight: 500;}

.quick-wrap .service-list {display: flex; padding: 0 20px; flex-wrap: wrap; font-size: 12px; letter-spacing: -0.6px;}
.quick-wrap .service-list&gt;li {width: 50%; padding-bottom: 12px;}
.quick-wrap .service-list&gt;li&gt;a {display: block; height: 53px; position: relative; border: 1px solid #E5E7EE; border-radius: 45px; font-weight: 500; background: #fff; color: #111; text-align: center;}
.quick-wrap .service-list&gt;li&gt;a&gt;span {position: absolute; left: 0; padding: 0 15px; line-height: 1.3; box-sizing: border-box; width: 100%; word-break: keep-all; display: inline-block; top: 50%; transform: translateY(-50%)}
.quick-wrap .service-list&gt;li:nth-child(2n-1)&gt;a {margin-right: 6px;}
.quick-wrap .service-list&gt;li:nth-child(2n)&gt;a {margin-left: 6px;}

.quick-wrap .menu-list , .quick-wrap .service-list {max-height: 260px;}

@media screen and (min-width: 500px){
    .quick-wrap .menu-list&gt;li&gt;a {font-size: 14px;}
}
@media screen and (min-width: 768px){
    .quick-top, .quick-tab {font-size: 18px;}
    .quick-tab&gt;li&gt;a {line-height: 56px;}
    .quick-wrap .tab-view h2 {font-size: 26px; padding-bottom: 20px;}
    .quick-wrap .menu-list&gt;li {width: calc(25% - 15px); margin-right: 20px !important; padding-bottom: 20px !important;}
    .quick-wrap .menu-list&gt;li:nth-child(2n), .quick-wrap .menu-list&gt;li:nth-child(3n) {margin-left: 0; margin-right: 20px;}
    .quick-wrap .menu-list&gt;li:nth-child(4n) {margin-right: 0 !important;}
    .quick-wrap .menu-list&gt;li&gt;a, .quick-wrap .service-list {font-size: 14px;}
    .quick-wrap .menu-list&gt;li&gt;a {height: 80px; border-radius: 15px;}
    .quick-wrap .menu-list&gt;li&gt;a span {line-height: 1.5;}
    .quick-wrap .menu-list&gt;li&gt;a&gt;div {grid-template-rows: 1.5fr 1fr; -ms-grid-rows: 1.5fr 1fr;}
    .quick-menu.on .icon&gt;i:first-child {top: 16px;}
}
@media screen and (min-width: 1024px){
    .quick-wrap, .quick-menu-wrap, .quick-wrap.on {display: none;}
    .quick-wrap.back {z-index: 28;}
    .quick-menu-wrap.back {z-index: 29 !important;}
    .quick-menu&gt;svg {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 70%; fill: #fff; animation: quickspin infinite linear 40s;}
    .quick-menu.on .icon&gt;i {width: 13px; height: 13px;}
    @keyframes quickspin {
        from {transform: translate(-50% , -50%) rotate(0deg)}
        to {transform: translate(-50% , -50%) rotate(360deg)}
    }
    /*!*100*!*/
    .quick-menu.on .icon&gt;i:first-child {top: 13px;}
    .quick-wrap .service-list&gt;li&gt;a&gt;span {font-size: 16px;}

    .quick-wrap .menu-list , .quick-wrap .service-list {max-height: none; overflow: inherit;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1024px) {
    .quick-menu&gt;svg {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 70%; fill: #fff; -ms-animation: quickspin infinite linear 40s;}

    @-ms-keyframes quickspin {
        from {transform: translate(-50% , -50%) rotate(0deg)}
        to {transform: translate(-50% , -50%) rotate(360deg)}
    }
}
/*quick menu e*/

.header {height: 70px; z-index: 21; position: relative; transition: top 0.3s ease;}
.header.fixed {position: fixed; left: 0; right: 0; z-index: 50; top: -100%; opacity: 0;}
.header.show {top: 0; opacity: 1;}
.header .util-area {display: flex; align-items: center; gap: 10px;}
.header .util {display: flex; gap: 10px;}
.header .util &gt; a {display: none; align-items: center; width: max-content; color: #111;}
.header .util .search {display: block; width: 32px; height: 32px;}
.header .util i {display: block;}
.ico-search {width: 32px; height: 32px; border-radius: 14px; background: url("/_user/tour/img/layout/multi-icon-01.png") no-repeat center / cover;}
.ico-home {width: 18px; height: 18px; text-indent: unset; background: url("/_user/tour/img/layout/ico-home.svg") no-repeat center / cover;}
.ico-login {width: 18px; height: 18px; background: url("/_user/tour/img/layout/ico-login.svg") no-repeat center / cover;}
.ico-logout {width: 18px; height: 18px; background: url("/_user/tour/img/layout/ico-logout.svg") no-repeat center / cover;}
.inner-header-wrap {width: 100%; height: 70px; background: #fff; padding: 0 20px;  z-index: 50; border-bottom: 1px solid #E3E3E3; box-sizing: border-box;}
.inner-header {display: flex; justify-content: space-between; height: 70px; align-items: center;}
.inner-header .logo {height: 100%;}
.inner-header .logo a {color: #111; height: 100%; font-weight: bold; display: flex; align-items: center; overflow: hidden;}
.inner-header .logo img {position: relative; max-width: 100%; height: 100%;}
.header .lang {display: none;}
.gnb-wrap {position: fixed; z-index: -1; display: flex; flex-direction: column; left: -100%; overflow-x: hidden; overflow-y: auto; width: 100%; top: 70px; bottom: 0; background: linear-gradient(90deg, var(--point-color) 140px, #fff 140px); transition: left 0.3s;}
.gnb {position: relative; z-index: 2; padding-top: 30px;}
.gnb-wrap.open {border-top: none;}
.outlink {display: inline-block; margin-left: 4px; width: 15px; height: 18px; background: url('/_user/tour/img/layout/ico-outlink.svg') 50% no-repeat;}
.lottie-iframe {display: none;}

@media screen and (min-width: 1200px){
    .gnb .dep1&gt;a {width: 140px; font-size: 16px; color: #fff; display: flex; height: 50px; align-items: center; padding: 3px 15px 0; position: relative; z-index: 10; left: 0; box-sizing: border-box;  transition: left 0.3s, background 0.4s; font-weight: 700; font-family: OneMobile;}
    .gnb .dep1.active&gt;a {padding: 3px 0 0; width: 126px; background: #fff; color: var(--point-color); justify-content: center; left: 14px; font-weight: 500;}
    .gnb .dep2-wrap {position: absolute; z-index: -1; top: 1px; right: 0; padding: 30px 10px; width: calc(100% - 140px); opacity: 0; overflow-x: hidden; overflow-y: auto;}
    .gnb .dep2-wrap.active {z-index: 1; opacity: 1;}
    .gnb .dep2 {padding: 0 15px; background: #fff;}
    .gnb .dep2&gt;li&gt;a {font-size: 15px; justify-content: space-between; border-bottom: 1px solid #e5e5e5; height: 55px; display: flex; align-items: center;}

    .gnb .dep2&gt;li.child&gt;a:after {content: ''; transform: rotate(180deg); display: block; width: 15px; height: 15px; background: url('/_user/tour/img/layout/ico-gna-arrow.png') 50% no-repeat; transition: all 0.2s;}
    .gnb .dep2&gt;li.on&gt;a {border-color: var(--point-color); font-weight: bold;}
    .gnb .dep2&gt;li.on&gt;a:after {transform: rotate(0);}
    .gnb .dep3 {display: none; padding: 20px 0 20px; border-bottom: 1px solid #e5e5e5; background: #fff;}
    .gnb .dep2&gt;li:last-child .dep3 {border-bottom: none;}
    .gnb .dep3&gt;li + li {padding-top: 10px;}
    .gnb .dep3&gt;li&gt;a {display: flex;}
    .gnb .dep3&gt;li&gt;a:before {content: ''; position: relative; top: 7px; width: 3px; height: 3px; border-radius: 45px; background: #666; margin-right: 5px;}
    .gnb a.out-lnk&gt;span {display: flex; margin-right: auto; margin-top: -5px; width: 20px; height: 15px; background: url('/_user/tour/img/sub/ico-outlink.svg') 50% no-repeat; margin-left: 3px;}
    .gnb .dep3 a.out-lnk&gt;span {margin-top: 0;}.inner-header .logo img

    .gnb-util {position: relative; z-index: 1; margin-top: auto; padding: 40px 0; display: flex; flex-direction: column; gap: 5px;}
    .gnb-util&gt;a {display: flex; align-items: center; line-height: 40px; width: 112px; margin: 0 15px; font-size: 15px; color: #fff;}
    .gnb-util&gt;a::before {content: ''; min-width: 38px; height: 20px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: contain;}
}

@media screen and (min-width: 1200px){
    .header {height: 85px; top: 0;}
     html[lang=en] header, html[lang=ja] header, html[lang=zh-CN] header {height: 124px; top: 40px !important;;}
    .header .util &gt; a {display: flex; gap: 8px; font-size: 17px;}
    .header .util .search {display: none;}
    .pop-btn {display: none;}
    .inner-header .logo a {width: 230px; height: 85px;}
    .inner-header .logo img {width: 100%; height: auto; left: 0; transition: .4s;}
    .header .util {display: flex; align-items: center; gap: 35px; padding-right: 40px; word-break: keep-all;}
    .header .util&gt;a:hover .icon, .header .util&gt;a:focus .icon {box-shadow: 0 -2px 0 0 inset; background: var(--point-color);}
    .header .util .icon.popup {display: block; width: 29px; height: 32px;}
    .header .util .icon.login {display: block; width: 29px; height: 32px;}
    .inner-header-wrap {position: relative; padding: 0; height: 80px; }
    /*.inner-header-wrap::before {content: ''; width: 376px; height: 272px; position: absolute; right: 0; bottom: 0; background: url("/_user/tour/img/layout/bg-header.svg") no-repeat center / contain; transform: scale(0.7);}*/
    .inner-header-wrap::after {content: ''; width: 100%; height: 85px; background: #fff; position: absolute; top: 0; left: 0;}
    .lottie-iframe {display: block; width: 376px; height: 272px; position: absolute; right: 50px; bottom: 0;}
    /*.header.fixed .inner-header-wrap::after {border-bottom: 1px solid #D9D9D9;}*/
    .header.sticky .inner-header-wrap {height: 80px;}
    .inner-header {height: 85px; max-width: 1800px; margin: 0 auto; padding: 0 20px; position: relative; transition: .4s; background: #fff;}
    .inner-header .logo {position: relative; z-index: 1;}
    .header.sticky .inner-header-wrap, .header.active .inner-header-wrap {margin-top: -90px;}
    .header.on .inner-header:before {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 150%; height: 1px; border-bottom: 1px solid #D9D9D9;}
    .header.sticky:before {display: none;}
    .gnb-util, .menu-btn, .gnb .dep2&gt;li.child&gt;a:after, .gnb .dep3&gt;li&gt;a:before {display: none;}
    .header .util-area {position: relative; z-index: 1;}
    .gnb-wrap {position: relative; left: 0; z-index: 1; overflow: hidden; top: 0; background: none; flex-direction: row;}
    .gnb-wrap:after {display: none;}
    .gnb {display: flex; justify-content: center; align-items: center; height: 85px; width: 100%; max-width: 750px; padding: 0; border-top: none; transition: .4s; margin: 0 auto;}
    .header.on .gnb {max-width: 1000px;}
    .header.on  .inner-header-wrap::after {border-bottom: 1px solid #D9D9D9;}
    .header.sticky .gnb {height: 80px;}
    .gnb .dep1 {width: 20%; max-width: 240px; position: relative;}
    .gnb .dep1&gt;a {width: 100%; padding: 0; height: 85px; justify-content: center; font-size: 21px; transition: font-size .4s; color: #111;}
    .gnb .dep1&gt;a.active {color: var(--point-color);}
    .gnb .dep1 em {position: relative; display: block;}
    .gnb .dep2-wrap {overflow: visible; opacity: 1; padding: 30px 20px; z-index: 1; top: 85px; left: 0; width: 100%; height: auto; box-sizing: border-box; transition: .4s;}
    .gnb .dep2-wrap.center {padding: 1px 0 0;}
    .gnb .dep2-wrap.center &gt; a {display: flex; justify-content: center;}
    .gnb .dep2-wrap.center &gt; a &gt; img {width: 100%;}
    .gnb .dep1 + .dep1 .dep2-wrap {border-right: 1px solid #D9D9D9;}
    .gnb .dep1:first-of-type .dep2-wrap {border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}
    .header.sticky .gnb .dep2-wrap {top: 75px;}
    .gnb .dep2 {padding: 0; background: inherit;}
    .gnb .dep2&gt;li {position:relative; width: 100%;}
    .gnb .dep2&gt;li + li {margin-top: 15px;}
    .gnb .dep2&gt;li&gt;a {display: inline-block; border-bottom: none; padding-top: 0; height: auto; font-size: 18px;  transition: .2s; color: #111;}
    .gnb .dep2&gt;li&gt;a:hover {font-weight: 600; color: var(--point-color);}
    .gnb .dep2&gt;li&gt;a::before {content: ''; position: relative; top: -3px; display: inline-block; width: 2px; height: 8px; margin-right: 8px; background: #111; transform: rotate(30deg); transition: .4s;}
    .gnb .dep2&gt;li&gt;a:hover::before {transform: rotate(90deg); background: var(--point-color);}
    .gnb .dep3 {background: inherit;}
    .gnb .dep3 {display: block; border-bottom: none; padding: 10px 0 5px;}
    .gnb .dep3&gt;li {padding-left: 15px;}
    .gnb .dep3&gt;li&gt;a {display: inline-block; position: relative; color: #555; font-size: 15px;}
    .gnb .dep3&gt;li&gt;a:before {content: ''; display: block; position: absolute; left: -8px; top: 8px; width: 4px; height: 4px; background: var(--point-color);}
    .gnb .dep3&gt;li&gt;a:hover, .gnb .dep3&gt;li&gt;a:focus {opacity: 1 !important; box-shadow: 0 -1px 0 0 inset;}
    .gnb a.out-lnk&gt;span {display: inline-flex; vertical-align: middle; background-position-x: 100%;}
}

@media screen and (min-width: 1450px){
    .gnb .dep2-wrap {padding: 35px 20px;}
    .gnb .dep1&gt;a {font-size: 24px; letter-spacing: -1.2px;}
    .inner-header-wrap::before {transform: scale(1); right: 40px; bottom: 40px;}
}

/*footer s*/
.btn-top {display: none; width: 40px; height: 40px; position: fixed; z-index: 49; box-shadow: 0 3px 5px rgba(0,0,0,0.5); right: 3vw; bottom: 190px; border-radius: 45px; background: #fff url('/_user/tour/img/layout/btn-top.svg') 50% no-repeat; background-size: 20px;}
.footer {flex-shrink: 0; color: #EBEBEB; letter-spacing: -0.3px; box-sizing: border-box; margin-top: auto; font-size: 12px; word-break: keep-all; background: #F0F0F0;}
.sns {display: flex; align-items: center; padding-top: 20px;}
.sns&gt;li {padding: 0 6px;}
.sns&gt;li&gt;a {display: inline-block;}
.sns&gt;li&gt;a&gt;img {width: 40px; height: 40px;}

.family-wrap {position: relative; border-radius: 3px; background-color: #fff; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
.footer-contents-area {padding: 30px 20px 100px; color: #111; font-size: 16px;}
.footer-contents-area .footer-top {padding-bottom: 30px;}
.footer-contents-area .cont-box {letter-spacing: -0.5px;}
.footer-contents-area .cont-box .general {display: block; font-size: 17px; font-weight: 700; padding-bottom: 10px;}
.footer-contents-area .cont-box address {padding-bottom: 10px;}
.footer-contents-area .logo-box {padding-bottom: 20px;}
.footer-contents-area .logo-box img {max-width: 100%;}
.family-wrap .btn-site {position: relative; width: 100%; padding: 10px 20px; text-align: left; letter-spacing: -0.4px; color: #111; font-size: 13px;}
.btn-site:after {content: ''; position: absolute; right: 20px; top: 50%; width: 0; height: 0; border-bottom: 6px solid #111; border-right: 6px solid transparent; border-left: 6px solid transparent; transform: translateY(-50%); transition: .3s;}
.btn-site.on:after {transform: rotate(180deg);}
.list-wrap {max-height: 251px; overflow-y: auto; z-index: 10; display: none; position: absolute; left: 0; bottom: 40px; font-size: 14px; border-radius: 3px; width: 100%; box-sizing: border-box;}
.site-list {background-color: #fff; border: 1px solid #ddd;}
.site-list li a {padding: 10px 30px; display: block; transition: all 0.3s; color: #111;}
.site-list li.on a {background: #ddd;}

.footer-bottom {padding-top: 20px; border-top: 1px solid #D8D8D8;}
.footer-bottom .copyright {padding-top: 15px;}
.footer-util {display: flex; flex-wrap: wrap;}
.footer-util&gt;li.highlight&gt;a {font-weight: 700; color: #003675;}
.footer-util&gt;li {padding-right: 10px; margin-right: 10px; line-height: 1.8; position: relative;}
.footer-util&gt;li:last-child {padding-right: 0; margin-right: 0;}
.footer-util&gt;li:last-child:before {display: none;}
.footer-util&gt;li&gt;a {color: #111;}
/*@media screen and (min-width: 768px){*/
/*    .footer {padding: 30px 30px 140px;}*/
/*    .sns&gt;li {padding: 0 5px;}*/
/*    .sns&gt;li:first-child {padding-left: 0;}*/
/*    .footer-bottom {display: flex; justify-content: space-between; align-items: flex-end;}*/
/*    .family-wrap {margin-top: 0; min-width: 200px;}*/
/*    .family-wrap .btn-site {padding: 12px 20px;}*/
/*}*/
@media screen and (min-width: 1200px){
    .btn-top {width: 60px; height: 60px; right: 3vw; bottom: 20vh; border-radius: 45px;}
    .footer {padding: 50px 40px;}
    .inner-footer {display: grid;grid-template: 96px calc(100% - 96px) / 65% 35%;align-items: baseline;max-width: 1400px;margin: 0 auto;}
    .family-wrap {grid-row: 1 / 2; grid-column: 2 / 3; top: 40px; justify-self: end; width: 320px; box-sizing: border-box; background-color: transparent; border-top: none; border-bottom: 1px solid #111;}
    .footer-contents-area {grid-row: 1 / 3;grid-column: 1 / 3;padding: 0;font-size: 17px;}
    .footer-contents-area .cont-box {display: flex; justify-content: space-between; align-items: flex-end;}
    .sns {padding-top: 0; min-width: 200px;}
    .footer-bottom {display: flex; justify-content: space-between; padding-top: 15px;}
    .footer-util {font-size: 17px;}
    .footer-bottom .cont-box {padding-top: 5px;}
    .footer-bottom .copyright {padding-top: 0;}
    .list-wrap {top: auto; bottom: 44px;}
    .family-wrap .btn-site {padding: 10px 0;}
    .site-list li a {padding: 10px;}
}

/* 구글 번역 api */
.VIpgJd-ZVi9od-l4eHX-hSRGPd {display: none;}
.quick-top .choose-lang {display: flex; justify-content: center; align-items: center;}
.choose-lang {display: none; margin-right:20px; position:relative;}
.choose-lang .lang-ico {display:flex; align-items:center; font-weight:700; font-size: 16px; color: #111;}
.choose-lang.mobile .lang-ico {gap: 5px;}
.choose-lang .lang-ico img {width:25px; margin-right:4px; margin-top:-4px;}
.choose-lang .lang-ico:after {content:''; display:block; width:12px; height:7px; margin-left:5px; background:url(/_user/tour/img/layout/ico-lang-arrow.png) no-repeat center center /cover;transition:all .2s;}
.lang-view {position:absolute; top:30px; width:250px; left:calc(50% - 104px); background: #fff; padding:10px 0; border-radius:15px; opacity:0; transition:all .2s; pointer-events:none;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);}
.lang-view a {display:block; text-align:center; font-size:15px; height:24px; line-height:24px; color:#111;}
.lang-view a:hover {color: var(--point-color);}
.choose-lang.active .lang-ico::after {transform:rotate(180deg);}
.choose-lang.active .lang-view {pointer-events:initial; opacity:1; z-index: 10;}
@media screen and (min-width: 1200px){
    .choose-lang {display: block; margin-right: 0;transform: scale(.93);transform-origin:0 50%;}
    .choose-lang .lang-ico {font-size: 17px;}
    .lang-view {position:absolute; top:30px; width:100px; left:calc(50% - 50px); background: #fff; padding:10px 0; border-radius:15px; opacity:0; transition:all .2s; pointer-events:none;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);}
    .lang-view a {display:block; text-align:center; font-size:15px; height:24px; line-height:24px; color:#111;}
    .lang-view a:hover {color: var(--point-color);}
}

/* ################################################ 멀티패널 ###########################################################  s */
.multi-panel {display: none;position: fixed;left: 0;bottom: -100%;background: #fff;z-index: 51;width: 100%;height: calc(100% - 60px);}
.multi-panel.on {display: block; -webkit-overflow-scrolling: touch !important;}
.multi-panel .multi-con .multi-con-item .item-desc-wrap fieldset {min-width: 0; width: 100%}
.multi-view {display: flex;background: #fff;height: 100%;}
.multi-view .multi-tab {width: 40px;border-right: 1px solid #EDF1F5;padding: 15px 7.5px;}
.multi-view .multi-con {position: relative; width: calc(100% - 51px); height: 100%; padding: 15px; box-sizing: border-box;}
.bottom-cont-wrap {width: 100%;height: 100%; overflow-y: auto; padding-top: 5px;padding-right: 25px;}
.bottom-cont-wrap .tit {font-size: 20px;font-weight: 700; color: #1D1D1D; margin-bottom: 10px;}

/*탭 */
.multi-tab .multi-tab-item {display: flex; justify-content: center}
.multi-tab .multi-tab-item:nth-of-type(2n + 1) {border-bottom: 1px solid #D9D9D9; padding-bottom: 15px;}
.multi-tab .multi-tab-item:nth-of-type(2n) {padding-top: 15px; margin-bottom: 10px}
.multi-tab .multi-tab-item &gt; button, .multi-tab .multi-tab-item &gt; a {display: flex; justify-content:center; align-items: center; width: 35px; height: 35px; border-radius: 14px;}
.multi-tab .multi-tab-item &gt; button .mobhide, .multi-tab .multi-tab-item &gt; a .mobhide {display: none}
.multi-view .icon {display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 9px;}
.multi-view .icon01 {background-image: url("/_user/tour/img/layout/multi-icon-01.png")}
.multi-view .icon02 {background-image: url("/_user/tour/img/layout/multi-icon-02.png");}
.multi-view .icon03 {background-image: url("/_user/tour/img/layout/multi-icon-03.png");}
.multi-view .icon04 {background-image: url("/_user/tour/img/layout/multi-icon-04.png");}
.multi-view .icon04.new {background-image: url("/_user/tour/img/layout/multi-icon-04-new.png"); border-radius: unset;}
.multi-view .icon05 {background-image: url("/_user/tour/img/layout/multi-icon-05.png");}
.multi-view .icon06 {background-image: url("/_user/tour/img/layout/multi-icon-06.png");}
.multi-view .icon07 {background-image: url("/_user/tour/img/layout/multi-icon-07.png");}
.multi-view .icon08 {background-image: url("/_user/tour/img/layout/multi-icon-08.png");}
.multi-view .icon09 {background-image: url("/_user/tour/img/layout/multi-icon-09.png");}

.multi-panel.on .multi-tab .multi-tab-item &gt; button.on {background-color: #EDF1F5; font-weight: bold;}
.multi-panel.on .multi-view .icon {background-color: transparent;}

@media screen and (min-width: 1200px){
    .multi-panel.on  .multi-tab li button:hover, .multi-panel.on  .multi-tab li a:hover  {border: none; background-color: transparent; box-shadow: none;}
    .multi-tab .multi-tab-item:nth-of-type(2n + 1) {padding-bottom: 20px;}
    .multi-tab .multi-tab-item:nth-of-type(2n) {padding-top: 20px; margin-bottom: 15px}
    .multi-tab .multi-tab-item &gt; button,  .multi-tab .multi-tab-item &gt; a {width: 35px; box-sizing: border-box; min-width: 30px; padding: 8.5px 5.5px; gap: 6.5px; font-size: 15px; color: #222;}
    .multi-panel.on .multi-tab .multi-tab-item &gt; button, .multi-panel.on .multi-tab .multi-tab-item &gt; a {width: auto; justify-content: flex-start;}

    .multi-tab li button:hover, .multi-tab li a:hover {border: 1px solid #F6F6F6; background-color: #FFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);}
    .multi-tab li:nth-of-type(1) button:hover .icon01 {background-image: url("/_user/tour/img/layout/multi-icon-01.gif")}
    .multi-tab li:nth-of-type(2) button:hover .icon02 {background-image: url("/_user/tour/img/layout/multi-icon-02.gif");}
    .multi-tab li:nth-of-type(3) button:hover .icon03 {background-image: url("/_user/tour/img/layout/multi-icon-03.gif");}
    .multi-tab li:nth-of-type(4) button:hover .icon04 {background-image: url("/_user/tour/img/layout/multi-icon-04.gif");}
    .multi-tab li:nth-of-type(4) button:hover .icon04.new {background-image: url("/_user/tour/img/layout/multi-icon-04-new.gif"); border-radius: unset;}
    .multi-tab li:nth-of-type(5) button:hover .icon05 {background-image: url("/_user/tour/img/layout/multi-icon-05.gif");}
    .multi-tab li:nth-of-type(6) button:hover .icon06 {background-image: url("/_user/tour/img/layout/multi-icon-06.gif");}
    .multi-tab li:nth-of-type(7) button:hover .icon07 {background-image: url("/_user/tour/img/layout/multi-icon-07.gif");}
    .multi-tab li:nth-of-type(8) a:hover .icon08 {background-image: url("/_user/tour/img/layout/multi-icon-08.gif");}
    .multi-tab li:nth-of-type(9) button:hover .icon09 {background-image: url("/_user/tour/img/layout/multi-icon-09.gif");}
}

/*컨텐츠영역 */
.multi-search-area fieldset {width: 100%; min-width: 0;}
.multi-con .multi-con-item {display: none}
.multi-con .multi-con-item.on {display: block}
.multi-con-item {width: 100%; height: 100%; /* overflow: hidden; */}
.multi-con-item .item-tit-wrap {display: flex;justify-content: space-between;}
.multi-con-item .item-tit-wrap .item-tit {display: flex; align-items: center; padding-bottom: 13px;}
.multi-con-item .item-tit-wrap .item-tit .icon {margin-right: 10px}
.multi-con-item .item-tit-wrap .item-tit &gt; p {font-size: 20px; font-weight: 600; color: #1D1D1D; font-family: OneMobile; line-height: 1.5; letter-spacing: -1px}
.multi-con-item .item-tit-wrap .btn-close {width: 30px;height: 30px;background: url("/_user/tour/img/layout/icon-close.svg")no-repeat center;/* background-size: cover; */}

/*키워드 영역 */
.keyword-wrap {overflow: hidden;margin: 0 25px 25px 0;padding-bottom: 5px;}
.keyword-wrap.open {margin: 0 0 25px 0}
.keyword-wrap .keyword {white-space: nowrap;width: fit-content; padding: 6px;}
.keyword-wrap.open .keyword {position: absolute; z-index: 10; width: 84%; border-radius: 10px; padding: 6px; margin-left: -6px; border: 1px solid #E7E7E7 ;box-shadow: 5px 8px 14px 5px #0000000a; backdrop-filter: blur(6px);}
.keyword.list {flex-wrap: wrap; padding: 8px 0;}
.keyword-wrap.open .keyword {white-space: normal;}
.keyword&gt;a {display: inline-block;margin: 3px 0;padding: 4px 10px;border-radius: 30px;border: 1px solid #DEDEDF;font-size: 15px;color: #1d1d1d; background: #fff;}
.keyword&gt;a.reco-item {background: #E6EEF8; color:#0352CB; border: 1px solid #E6EEF8; }
.keyword&gt;a:last-child {margin-right: 10px;}
.keyword-btn {position: absolute;right: 17px;top: 147px;width: 32px;height: 32px;border-radius: 100%;box-sizing: border-box;border: 1px solid #C6C6C6;background: #fff url('/_user/tour/img/layout/ico-seletArrow.svg') 50% no-repeat;background-size: 16px;box-shadow: 0 0 8px 8px #fff; z-index: 20;}
.keyword-btn.show {box-shadow: none; transform: rotate(180deg);}

/*검색 영역 */
.item-desc-wrap {width: 100%;height: 100%;padding-bottom: 100px;box-sizing: border-box;}
.multi-con .multi-search-wrap {width: 100%;display: flex;align-items: center;border-radius: 50px;border: 1.5px solid transparent;background: #FFF;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #009FE3 0%,  #00BE91 100%);background-origin: border-box;background-clip: content-box, border-box;margin-bottom: 25px;}
.multi-con .multi-search-wrap &gt; input {width: 70%;padding: 15px 5px 15px 30px; color:#0047BA; font-size: 16px}
.multi-con .multi-search-wrap &gt; input:focus {border-radius: 50px 0 0 50px;}
.multi-con .multi-search-wrap &gt; input::placeholder {color:#0047BA; font-size: 16px }
.multi-con .multi-search-wrap .btn-search {width: 24px;height: 24px;background: url("/_user/tour/img/layout/ico-search.svg")no-repeat center;margin-left: auto;margin-right: 20px;}

/*메인 스와이퍼 영역 */
.bottom-cont-wrap .swiper-wrap {margin-bottom: 20px;}
.bottom-cont-wrap .swiper-slide &gt; a {display: block; aspect-ratio : 1/1; overflow: hidden; border-radius: 10px;}
.bottom-cont-wrap .swiper-slide &gt; a &gt; img {width: 100%; height: 100%; object-fit: cover}
.bottom-cont-wrap .swiper-wrap .control {position: relative; display: flex; align-items: center; margin-top: 10px; width: 150px; justify-content: space-around; padding: 10px 0;}
.bottom-cont-wrap .swiper-wrap .control .swiper-pagination {padding-top: 0; color: #000000 ; font-weight: 500; font-size: 15px;  }
.bottom-cont-wrap .swiper-wrap .control .swiper-button-next,
.bottom-cont-wrap .swiper-wrap .control .swiper-button-prev {position: static; width: 25px; height: 25px; box-shadow: 0 4px 11.1px 0 rgba(0, 0, 0, 0.11); background: url("/_user/tour/img/layout/multi-slide-arrow.svg")no-repeat center;margin-top: 0;background-size: 20px 14px;}
.bottom-cont-wrap .swiper-wrap .control .btn-play {width: 25px; height: 25px; box-shadow: 0 4px 11.1px 0 rgba(0, 0, 0, 0.11);}
.bottom-cont-wrap .control .stop-play {display: flex; align-items: center; justify-content: center; width: 25px;height: 25px;margin-left: 10px;}
.bottom-cont-wrap .control .btn-play {position: relative; width: 25px; height: 25px; border-radius: 40px; background: #fff;}
.bottom-cont-wrap .control .btn-play:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 9px; height: 12px; border-left: 3px solid #2D2D2D; border-right: 3px solid #2D2D2D; box-sizing: border-box;}
.bottom-cont-wrap .control .btn-play.stop {width: 25px;height: 25px; border-radius: 40px; background: #fff;}
.bottom-cont-wrap .control .btn-play.stop:before {width: 0; height: 0; border-right: none; border-left-width: 11px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-radius: 3px; left: 14px;}
.bottom-cont-wrap  .swiper-wrap .control .swiper-button-next {box-shadow: -4px -4px 11.1px 0 rgba(0, 0, 0, 0.11);}


/*맞춤여행 검색 */
.select-search-wrap {border-radius: 10px; border: 1px solid #E7E7E7; background: #F8F8F8; padding: 20px 12px 20px 12px; text-align: center; margin-bottom: 20px;}
.select-search-wrap .tit {font-size: 20px; font-weight: 700;color: #1d1d1d; margin-bottom: 10px;text-align: left;}
.select-search-wrap .select-box {display: flex; justify-content: center; align-items: center; margin-bottom: 5px;}
.select-search-wrap select {width: 100%; border: 1px solid #D9D9D9; border-radius: 6px; padding: 0 10px; height: 48px; font-size: 13px; background: #fff url("/_user/tour/img/layout/ico-seletArrow.svg") 97% 50% no-repeat;color: #1d1d1d;}
.select-search-wrap .multi-btn {padding: 0 20px;background: #0047BA;color: #fff;min-width: 130px;height: 40px;border-radius: 50px;font-size: 15px;font-weight: 600;line-height: 40px;margin-top: 10px;}

/*핫플 여행지 */
.scroll-link-wrap {position: relative; border-radius: 10px; border: 1px solid #E7E7E7; padding: 20px; background: #fff; box-sizing: border-box; height: 80%;}
.scroll-link-wrap .link-box {padding-right: 10px; height: 90%; box-sizing: border-box;}
.end-dimm::before {content: ''; width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%); z-index: 1;}
.scroll-link-wrap .link-box &gt;li {margin-bottom: 6px;}
.scroll-link-wrap .link-box &gt;li &gt; a {display: inline-block; width: 100%; aspect-ratio: 3/ 1; border-radius: 7px; position: relative;overflow: hidden;}
.scroll-link-wrap .link-box &gt;li &gt; a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;}
.scroll-link-wrap .link-box &gt;li.no-img &gt; a {background: url("/_user/tour/img/sub/ico-no-img.png") no-repeat center; background-size: 30%; border: 1px solid #C6C6C6}
.scroll-link-wrap .link-box &gt;li.no-img &gt; a img {display: none;}
.scroll-link-wrap .link-box &gt;li&gt; a::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000033;}
.scroll-link-wrap .link-box &gt;li &gt; a &gt; p {position: absolute; top: -1px; left: -1px; color: #fff; font-size: 14px; font-weight: 300; border-radius: 0 0 13px 0; background: var(--point-color); padding: 3px 12px;}

/*popup 영역*/
/*.tab04 .bottom-cont-wrap {position: relative;}*/
.bottom-cont-wrap .popup-box {display: block; margin-bottom: 20px; border-radius: 10px; border: 1px solid #E7E7E7; background: #F8F8F8; overflow: hidden;}
.bottom-cont-wrap .popup-box &gt; .img-box {height: auto;}
.bottom-cont-wrap .popup-box &gt; .img-box &gt; img {display: block; width: 100% ;height: 100%;object-fit: contain;}
.bottom-cont-wrap .popup-box.no-img {position: relative }
.bottom-cont-wrap .popup-box.no-img::before {content: ""; position: absolute; top: 50%; left: 50%;width: 254px; height: 166px; transform: translate(-50%,-50%) scale(0.7); background: url("/_user/tour/img/sub/ico-no-img.png") no-repeat center / contain;}
.tab04 .bottom-cont-wrap.end-dimm::before {bottom: 85px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.tab04 .bottom-cont-wrap .popup-box:last-of-type {margin-bottom: 100px;}

@media screen and (min-width: 1200px){
    .bottom-cont-wrap .popup-box &gt; .img-box &gt; img {transition: .3s;}
    .bottom-cont-wrap .popup-box &gt; .img-box:hover img {transform: scale(1.1);}
    .tab04 .bottom-cont-wrap.end-dimm::before {bottom: 40px;}
    .tab03 .end-dimm::before, .tab06 .end-dimm::before {bottom: 34px;}
}

/*이벤트 */
.event-wrap {margin-bottom: 20px;}
.event-wrap .tit-wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px}
.event-wrap .tit-wrap .tit {margin-bottom: 0}
.event-wrap .tit-wrap .more {display: inline-block; width: 20px; height: 20px ; background: url("/_user/tour/img/layout/icon-more.svg")no-repeat; background-size: cover; margin-right: 7px;}
.event-wrap .content-box {display: block; border: 1px solid #E7E7E7; border-radius: 10px; padding: 20px;}
.event-wrap &gt; a {margin-bottom: 10px;}
.event-wrap .content-box:last-of-type {margin-bottom: 100px;}
.event-wrap .content-box .tit {font-size: 16px; line-height: 24px; margin-bottom: 0;}
.event-wrap .content-box .date {font-size: 14px; color: #222222; font-weight: 400; letter-spacing: -0.14px; line-height: 21px;}
.event-wrap .content-box .txt {font-size: 16px; color: #555555; font-weight: 400; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;}
.event-wrap .content-box .img-box {border-radius: 10px; background: #F8F8F8; aspect-ratio: 2/1; height: auto; overflow: hidden }
.event-wrap .content-box .img-box img {display: block; width: 100%;height: 100%; object-fit: contain; transition: .3s;}
.event-wrap .content-box.no-cont {display: flex;justify-content: center;align-items: center;background: #F8F8F8; cursor: auto;}
.event-wrap .content-box.no-cont &gt; p {font-size: 16px;font-weight: 500;color: #1A1A1A;}
.event-wrap .content-box.no-thumb .txt {-webkit-line-clamp: 5; margin-bottom: 0}
.tab05 .bottom-cont-wrap.end-dimm::before {bottom: 85px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
@media screen and (min-width: 1200px){
    .event-wrap .content-box:hover {border-color: var(--point-color);}
    .event-wrap .content-box.no-cont:hover {border-color: #E7E7E7;}
    .event-wrap .content-box:hover .img-box img {transform: scale(1.1);}
    .tab05 .bottom-cont-wrap.end-dimm::before {bottom: 40px;}
}

/* 여행도우미 */
.helper-wrap {border-radius: 10px;border: 1px solid #E7E7E7;background: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);padding: 20px 20px 10px 20px; margin-bottom: 100px;}
.helper-wrap .guide-link {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.helper-wrap .guide-link &gt; a {text-align: center;width: calc(100% / 3);margin-bottom: 20px;}
.helper-wrap .guide-link &gt; a &gt; p {line-height: 120%;font-size: 15px;}
.helper-wrap .guide-link .icon {display: inline-block; width: 60px; height: 60px; border-radius: 20px; margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #555555}
.helper-wrap .guide-link .icon.icon01 {background: #D0DEF7 url("/_user/tour/img/layout/icon-guide-01.svg")no-repeat center;}
.helper-wrap .guide-link .icon.icon02 {background: #D0DEF7 url("/_user/tour/img/layout/icon-guide-02.svg")no-repeat center;}
.helper-wrap .guide-link .icon.icon03 {background: #DCEFE8 url("/_user/tour/img/layout/icon-guide-03.svg")no-repeat center;}
.helper-wrap .guide-link .icon.icon04 {background: #F9D2C0 url("/_user/tour/img/layout/icon-guide-04.svg")no-repeat center;}
.helper-wrap .guide-link .icon.icon05 {background: #F9EDBD url("/_user/tour/img/layout/icon-guide-05.svg")no-repeat center;}
.helper-wrap .guide-link .icon.icon06 {background: #D0DEF7 url("/_user/tour/img/layout/icon-guide-06.svg")no-repeat center;}
.scroll-link-wrap .link-box &gt;li &gt; a &gt; p {z-index: 1;}

@media screen and (min-width: 1200px) {
    .multi-panel {display: block; position: fixed; max-width: 620px; height: 100%; top: 0; right: -575px; left: unset; bottom: auto; z-index: 1001; transition: 0.3s ease; box-shadow: 4px -6px 10px 0 rgba(0, 0, 0, 0.05) inset; background: transparent;}
    .multi-panel.on {width: 620px; right: 0;}
    .multi-view {}
    .multi-view .multi-con {width: calc(100% - 170px); max-width: 450px; transition: .3s;}
    .multi-view .multi-tab {height: 100vh; width: auto; min-width: 45px; padding: 15px 0; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10); transition: width .3s;}
    .multi-panel.on .multi-tab {min-width: 170px; padding: 15px; box-sizing: border-box;}
    .multi-panel.on .multi-tab .multi-tab-item &gt; button {min-width: 140px; padding: 8.5px 5.5px; min-height: 50px;}
    .multi-tab .multi-tab-item .icon-wrap .mobhide {display: block; margin-top: 2px;}
    .multi-panel.on .multi-tab .multi-tab-item &gt; button .mobhide, .multi-panel.on .multi-tab .multi-tab-item &gt; a .mobhide {display: block}
    .multi-view .icon {position: relative; z-index: 1; background-color: #fff; width: 30px; min-width: 30px; height: 30px; border-radius: 13px;}
    .multi-con .multi-search-wrap {margin-bottom: 21.5px; }
    .multi-con .multi-con-item .item-tit &gt; p {font-size: 25px;}
    .multi-con .multi-search-wrap &gt; input {width: 77%;padding: 17px 5px 15px 30px;}
    .multi-con .multi-search-wrap &gt; input::placeholder {font-size: 19px}
    .multi-view .multi-con {padding: 20px 35px; box-shadow: 4px -6px 10px 0 rgba(0, 0, 0, 0.05) inset; background: #fff;}
    .multi-con .keyword&gt;a {font-size: 17px;padding: 5px 12px;}
    .helper-wrap {padding: 20px 24px 30px 24px;}
    .helper-wrap .guide-link .icon {width: 80px; height: 80px;}
    .multi-con .keyword-btn {top: 160px;right: 35px;}
    .multi-con .keyword-wrap {margin: 0 44px 25px 0;}
    .multi-con .keyword-wrap.open {margin-right: 35px}
    .select-search-wrap {padding: 30px 24px}
    .select-search-wrap select {font-size: 15px; }
    .select-search-wrap .multi-btn { height: 50px; line-height: 50px;}
    .scroll-link-wrap {padding: 15px 20px 20px 20px;}
    .scroll-link-wrap .link-box &gt;li &gt; a img {transition: .3s;}
    .scroll-link-wrap .link-box &gt;li &gt; a:hover img {transform: translate(-50%, -50%) scale(1.1);}
    .scroll-link-wrap .link-box &gt;li.no-img &gt; a:hover {background-size: 30%;}

    .helper-wrap .guide-link &gt; a:hover {font-weight: bold;}
}

/* 여행상담 */
.consultation-area {text-align: center;}
.consultation-area .tit {font-size: 20px; font-family: OneMobile; color: #0144B0; font-weight: 500;}
.consultation-area .cont {font-size: 15px; color: #797979;}
.consultation-area .talk-menu {display: flex; gap: 10px; align-items: center; justify-content: center; padding: 30px 0 15px;}
.consultation-area .talk-menu &gt; p {color: #1D1D1D; font-weight: 600; font-size: 15px;}
.consultation-area .talk-menu span {color: #797979; font-weight: 400;}
.consultation-area .talk-box {display: flex; align-items: center; justify-content: center; gap: 20px;}
.group-talk-menu {border-radius: 12px; background: #F4FBFF; padding: 40px;}
.group-talk-menu p {padding-top: 20px; font-size: 15px; font-weight: 600; color: #1D1D1D;}
.group-talk-menu span {display: block; color: #797979; font-weight: 400;}
@media screen and (min-width: 1200px) {
    .consultation-area .tit {font-size: 24px;}
    .consultation-area .cont {font-size: 17px;}
    .consultation-area .talk-menu &gt; p {font-size: 17px;}
    .group-talk-menu p {font-size: 17px;}
}
/* ################################################ 멀티패널 ########################################################### e */</pre></body></html>