@charset "utf-8";

/* basic */
::selection {background:#ed2042; color:white;}
#whole {margin:0 auto; overflow-x:hidden; padding-top:120px;}
.wrap {position:relative; margin:0 auto; max-width:1440px;}
.wrap:after {content:''; display:block; clear:both;}
#whole .wrap {width:auto;}
.bso {box-shadow:0 0 20px rgba(0,0,0,0.05);}
.bswd {box-shadow:8px 8px 16px rgba(0,0,0,0.09);}
.bsw {box-shadow:8px 8px 16px rgba(0,0,0,0.06);}
.bswl {box-shadow:8px 8px 16px rgba(0,0,0,0.03);}
.tswd {text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.tsw {text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.tswl {text-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.grtext {background:linear-gradient(90deg, #ed2042, #d72345); color:transparent; -webkit-background-clip:text;}
.grbg {background:linear-gradient(90deg, #ed2042, #d72345);}
.grbg.inv {background:linear-gradient(-90deg, #ed2042, #d72345);}
.grbg.grud {background:linear-gradient(0deg, #ed2042, #d72345);}
.grbg.grdu {background:linear-gradient(180deg, #ed2042, #d72345);}
.txtu {position:relative; z-index:2;}
.txtu:after {content:''; display:block; position:absolute; bottom:0; left:-2px; right:-4px; height:12px; background:#ed2042; z-index:-1; opacity:.15;}
body.body-lock {overflow:hidden;}

/* etc */
#whole #ctt {margin:0; padding:0; background:none;}
#whole #ctt #ctt_con {padding:0; line-height:inherit;}
.wrap_btn_zoom button {height:auto !important;}

/* slick */
.slick-rolling {position:relative; height:100%;}
.slick-rolling:after {content:''; display:block; clear:both;}
.slick-list, .slick-track, .slick-slide {position:relative; height:100%; overflow:hidden;}
.slick-slide {float:left; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.slick-arrow {position:absolute; width:50px; height:50px; line-height:50px; padding:0; border-radius:100%; background:black; border:0; color:white; top:50%; transform:translateY(-50%); z-index:1001; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); box-shadow:6px 6px 12px rgba(0,0,0,0.1);}
.slick-arrow:hover, .slick-arrow:focus-visible {background:#ed2042; color:white; border-color:#ed2042; box-shadow:6px 6px 12px rgba(25,75,185,0.3);}
.slick-arrow.slick-prev {left:0;}
.slick-arrow.slick-next {right:0;}
.slick-arrow i {transform:none;}
.slick-arrow:focus-visible {border-radius:100%;}
.slick-arrow:before {display:inline-block; vertical-align:middle; transform:translateY(-1px); font-family:"Material Symbols Outlined"; font-size:30px; font-weight:400;}
.slick-arrow.slick-prev:before {content:"chevron_left";}
.slick-arrow.slick-next:before {content:"chevron_right";}
.slick-dots {position:absolute; bottom:-30px; left:0; right:0; text-align:center; font-size:0; z-index:1001;}
.slick-dots li {display:inline-block; padding:2px; border:2px solid #7a8693; border-radius:100%; margin:0 3px; position:relative;}
.slick-dots li button {font-size:0; width:10px; height:10px; min-height:1px; border-radius:100%; background:#7a8693; padding:0; border:0; display:block;}
.slick-dots li.slick-active {border-color:#ed2042;}
.slick-dots li.slick-active button {background:#ed2042;}

.slick-control {text-align:center; font-size:0;}
.slick-control ul {display:inline-block;}
.slick-control ul li {display:inline-block; vertical-align:middle; margin:0 2px; border-radius:100%;}
.slick-control ul li button {background:none; width:26px; height:26px; line-height:23px; border-radius:100%; border:0; padding:0; color:white; background:rgba(0,0,0,0.4); border:2px solid rgba(255,255,255,0.4);}
.slick-control ul li button i {font-size:20px;}
.slick-control ul li.on button {opacity:1; background:#ed2042; border-color:#ed2042;}
.slick-control ul li.on button i {color:white;}
.slick-control ul li button:before {display:inline-block; vertical-align:middle; transform:translateY(-1px); font-family:"Material Symbols Outlined"; font-size:12px; font-weight: 900;}
.slick-control ul li button.slick-pause:before {content:"pause";}
.slick-control ul li button.slick-play:before {content:"play_arrow"; transform:translate(2px, -1px);}
.slick-control ul li.on {padding:3px; border:2px solid #ed2042;}
.slick-control ul li.on button:before {color:white;}

/* magific */
.mfp-wrap .mfp-container .mfp-content .mfp-figure {position:relative;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:100px; bottom:100px; left:100px; right:100px;}
.mfp-wrap .mfp-container .mfp-content .mfp-close {display:block; text-align:center; padding:0; width:40px; height:40px; line-height:40px; color:white; background:#ed2042; border:2px solid #ed2042; position:absolute; top:0; right:0; opacity:1; border-radius:0; cursor:pointer; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-content .mfp-close:hover {background:white; color:#ed2042;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:60px;}
.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-title {text-align:center;}
.mfp-wrap .mfp-container .mfp-arrow-left:before, .mfp-wrap .mfp-container .mfp-arrow-right:before {display:none;}
.mfp-wrap .mfp-container .mfp-arrow {width:50px; height:50px; line-height:46px; text-align:center; color:#ed2042; border-radius:0; background:white; border:2px solid #ed2042; position:absolute; margin:0; opacity:1; border-radius:100%;}
.mfp-wrap .mfp-container .mfp-arrow:hover {background:#ed2042; color:white;}
.mfp-wrap .mfp-arrow:after {top:0; border:0; margin:0; width:46px;}
.mfp-wrap .mfp-arrow-left:after, .mfp-wrap .mfp-arrow-right:after {display:block; font-family:"Material Symbols Outlined";}
.mfp-wrap .mfp-arrow-left {left:30px;}
.mfp-wrap .mfp-arrow-right {right:30px;}
.mfp-wrap .mfp-arrow-left:after {content:'chevron_left'; left:0;}
.mfp-wrap .mfp-arrow-right:after {content:'chevron_right'; right:0;}

/* full-page */
body #fp-nav {position:fixed; top:50%; right:30px;}
body #fp-nav ul li {width:12px; position:relative; margin:12px 0;}
body #fp-nav ul li a {display:block; width:8px; height:8px; border-radius:100%; border:2px solid #eee; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
body #fp-nav ul li a.active {background:linear-gradient(90deg, #7ce768, #2ea6e6, #2e6fe6); border:0;}
body #fp-nav ul li .fp-tooltip {writing-mode:vertical-rl; width:12px; line-height:16px; margin:6px 0; display:none; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
body #fp-nav ul li .fp-tooltip:after {content:''; display:block; width:1px; height:40px; background:#ccc; position:absolute; bottom:0; left:3px;}
body #fp-nav ul li a.active + .fp-tooltip {display:block; padding-bottom:55px;}
body #fp-nav ul li:last-child {display:none;}

/* common */
#button-top {display:block; width:60px; height:60px; line-height:60px; text-align:center; background:#505a64; color:white; position:fixed; bottom:-60px; right:30px; z-index:9030; font-size:16px; border-radius:22px;}
#button-top:before {content:"arrow_upward"; font-family:"Material Symbols Outlined"; font-size:24px; display:inline-block;}
#button-top:hover {background:#ed2042;}

/* transition */
.trst, a, .header, .header #gnb-box>ul>li ul
{transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} /* easeOutExpo */

/* web-prove */
#accessibility ul li>* {position:fixed; top:-40px; left:0; right:0; z-index:1040; text-align:center; height:40px; line-height:40px; background:#ed2042; color:white; padding:0; border:0; font-size:16px; transition:top 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
#accessibility ul li>*:focus-visible {top:0; outline-offset:0;}
#accessibility ul li.main {display:none;}
body.main #accessibility ul li.main {display:block;}
body.main #accessibility ul li.sub {display:none;}
:focus-visible {outline:3px solid #000; outline-offset:2px; border-radius:3px;}

/* header */
.header {height:120px; line-height:120px; position:fixed; top:0; left:0; right:0; z-index:1030; text-align:center; background:white;}
.main-page .header {background:none;}

.header h1 {width:191px; position:absolute; top:0; left:30px;}
.header h1 a {display:inline-block; vertical-align:middle; background:url(../img/main/logo.png); background-size:100% 100%; width:100%; height:0; padding-bottom:38.21%;}

.header #gnb-box {position:relative; display:inline-block;}
.header #gnb-box a {display:block; text-align:center;}
.header #gnb-box>ul {margin-left:-30px;}
.header #gnb-box>ul>li {float:left; position:relative;}
.header #gnb-box>ul>li>a {font-size:20px; padding:0 40px; font-weight:bold; position:relative;}
.header #gnb-box>ul>li>a:after {content:''; display:block; width:0; height:5px; background:#ed2042; position:absolute; bottom:0; left:50%;}
.header #gnb-box>ul>li>a span {border-bottom:3px solid transparent; padding-bottom:8px;}
.header #gnb-box>ul>li ul {position:absolute; top:120px; left:0; right:0; overflow:hidden; height:0;}
.header #gnb-box>ul>li ul li a {font-size:18px; line-height:30px; margin-bottom:10px;}
.header #gnb-box>ul>li ul li a:hover {color:#ed2042;}
.header #gnb-box>ul>li:hover>a {color:#ed2042;}
.header #gnb-box>ul>li:hover>a:after {left:0; width:100%;}

.header:before {content:''; display:block; position:absolute; top:0; left:0; right:0; height:120px; background:white; opacity:0; z-index:-1; transition:all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.header:after {content:''; display:block; position:absolute; top:120px; left:0; right:0; bottom:0; background:url(../img/sub/map_logo.png) no-repeat left 300px bottom #fff; background-size:auto 250px; z-index:-1;}

.header #gnb-box>ul>li>ul>li>a[target="_blank"], .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a[target="_blank"] {position:relative;}
.header #gnb-box>ul>li>ul>li>a[target="_blank"]:after, .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a[target="_blank"]:after {content:"open_in_new"; font-family:"Material Symbols Outlined"; font-size:20px; margin:0 4px 0 8px; display:inline-block; vertical-align:middle; color:#a5abb1;}
.header #gnb-box>ul>li ul li a:hover[target="_blank"]:after, .tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a:hover[target="_blank"]:after {color:#00b0ec;}

.header .marble-btn {position:absolute; top:40px; right:250px; display:none;}
body.main-page .header .marble-btn {display:block;}
.header .marble-btn a {height:40px; line-height:40px; padding:0 15px; background:#f9f9fb; border-radius:100px;}
.header .marble-btn a:hover {background:#ed2042; color:white; box-shadow:8px 8px 16px rgba(237,32,66,0.1);}
.header .marble-btn a:hover img {filter:grayscale(1) brightness(3);}

.tnb-box {text-align:center; position:absolute; top:0; right:40px;}
.tnb-box>ul {font-size:0;}
.tnb-box>ul>li {display:inline-block; vertical-align:middle;}
.tnb-box>ul>li i {font-size:30px;}
.tnb-box>ul>li a {overflow:hidden;}
.tnb-box>ul>li a, .tnb-box>ul>li button {display:block; width:50px; height:50px; line-height:50px; border:0; background:0; padding:0;}
.tnb-box>ul>li.tnb-control button {color:;}
.tnb-box>ul>li.tnb-control button.close {color:white; display:none;}
.tnb-box>ul>li button:hover, .tnb-box>ul>li button:focus-visible {color:#ed2042;}
.tnb-box>ul>li.tnb-control button.close:focus-visible {outline-color:#f0c828;}
.tnb-box>ul>li.tnb-control button:before {display:inline-block; font-family:'Material Symbols Outlined'; font-size:30px;}
.tnb-box>ul>li.tnb-control.sitemap button.open:before {content: "menu";}
.tnb-box>ul>li.tnb-control.sitemap button.close:before {content: "close";}
.tnb-box>ul>li.tnb-control.search button.open:before {content: "search";}
.tnb-box>ul>li.tnb-control.search button.close:before {content: "close";}

.tnb-box>ul>li.a-button a:hover, .tnb-box>ul>li.a-button a:focus-visible {color:#ed2042;}
.tnb-box>ul>li.a-button a p:before {display:inline-block; font-family:'Material Symbols Outlined'; font-size:30px;}
.tnb-box>ul>li.a-button.join a p:before {content:"person";}
.tnb-box>ul>li.a-button.login a p:before {content:"lock_open";}
.tnb-box>ul>li.a-button.logout a p:before {content:"logout";}
.tnb-box>ul>li.a-button.modify a p:before {content:"settings";}
.tnb-box>ul>li.a-button.passport a p:before {content:"assignment_ind";}

.tnb-layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; text-align:center; display:none;}
.tnb-layer .layer-close {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:url(../img/main/tnb_bg.png) no-repeat center bottom -60px rgba(0,0,0,0.85); backdrop-filter:blur(10px);}
.tnb-layer .tnb-inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; width:1680px; display:none;}

.tnb-layer .tnb-inner.tnb-search {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1040; border-radius:300px; text-align:center; display:none; width:960px;}
.tnb-layer .tnb-inner.tnb-search>div.text-white:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e8b6"; margin-right:10px;}
.tnb-layer .tnb-inner.tnb-search .form {height:80px; line-height:80px; margin:0 auto; position:relative; overflow:hidden; z-index:10;}
.tnb-layer .tnb-inner.tnb-search .form input {border:0; position:absolute; top:0; left:0; width:100%; height:100%; background:none; font-size:16px; padding:0 80px 0 20px; border-bottom:1px solid rgba(255,255,255,0.5); color:white; font-size:22px;}
.tnb-layer .tnb-inner.tnb-search .form input::placeholder {font-size:22px; color:white;}
.tnb-layer .tnb-inner.tnb-search .form input:focus {border-bottom:1px solid #f0c828; background:none;}
.tnb-layer .tnb-inner.tnb-search .form button {position:absolute; top:-1px; right:-1px; width:82px; height:82px; line-height:82px; padding:0; border:0; background:none; color:white;}
.tnb-layer .tnb-inner.tnb-search .form button:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e8b6";}
.tnb-layer .tnb-inner.tnb-search .form button i {font-size:30px;}
.tnb-layer .tnb-inner.tnb-search .form button:hover {color:#f0c828;}

.tnb-layer .tnb-inner.tnb-sitemap>div:before {display:inline-block; vertical-align:middle; transform:translateY(-2px); font-family:"Material Symbols Outlined"; font-size:30px; content:"\e5d2"; margin-right:10px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul {font-size:16px; border-radius:3px; box-shadow:none; text-align:left;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li {float:left; width:25%; padding:0 20px 20px 0;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li a {color:white; display:block; line-height:normal;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li>a {font-size:30px; font-weight:bold; padding-bottom:20px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a {font-size:18px; line-height:40px;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li:hover>a {color:#f0c828;}
.tnb-layer .tnb-inner.tnb-sitemap>ul>li ul li a:hover {color:#f0c828;}

.header.tnb-search-on .tnb-layer, .header.tnb-sitemap-on .tnb-layer {display:block;}
.header.tnb-search-on .tnb-box, .header.tnb-sitemap-on .tnb-box {z-index:10000;}
.header.tnb-search-on .tnb-box>ul>li a, .header.tnb-sitemap-on .tnb-box>ul>li a {opacity:0;}
.header.tnb-search-on .tnb-box>ul>li.tnb-control.search p.open, .header.tnb-sitemap-on .tnb-box>ul>li.tnb-control.sitemap p.open {display:none;}
.header.tnb-search-on .tnb-box>ul>li.search a, .header.tnb-sitemap-on .tnb-box>ul>li.sitemap a {opacity:1;}

/* footer */
.footer {clear:both;}
.footer .banner {padding:20px 0; border:solid #e4e6e8; border-width:1px 0 1px 0; text-align:center;}
.footer .upper .wrap {border-bottom:1px solid #e4e6e8; padding:40px 0;}
.footer .lower .wrap {padding:80px 0;}
.footer .lower ul li {padding-left:100px; margin-bottom:5px;}
.footer .info .group {padding:0 60px 0 0;}

.visit-sns {padding:80px 0; background:#f0f2f4; position:relative;}
.visit-sns:before {content:"VISIT GANGWON"; font-family:'Poppins', sans-serif; font-size:200px; font-weight:900; opacity:0.05; position:absolute; left:50%; transform:translateX(-50%); white-space:nowrap; top:-180px; pointer-events:none; overflow-x:hidden;}
.visit-sns ul {padding-left:240px;}
.visit-sns ul li {margin:0 20px 0 0; min-width:70px;}
.visit-sns ul li>div {cursor:pointer;}
.visit-sns ul li p.icon {width:70px; height:70px; line-height:70px; text-align:center; border-radius:600px; position:absolute; top:0; left:0; z-index:10;}
.visit-sns ul li .text {background:white; border-radius:100px; height:70px; background:white; padding:9px 0 0 0; width:0; overflow:hidden; opacity:0;}
.visit-sns ul li .text a {font-size:18px; line-height:26px; white-space:nowrap; opacity:0;}
.visit-sns ul li>div:hover .text {padding:9px 30px 0 85px; width:auto; opacity:1;}
.visit-sns ul li>div:hover .text a {opacity:1;}
.visit-sns ul li>div:hover .text a:hover {color:#ed2042;}
.visit-sns ul li:nth-child(1) p.icon {background:#c71f7e;}
.visit-sns ul li:nth-child(2) p.icon {background:#e8151b;}
.visit-sns ul li:nth-child(3) p.icon {background:#32b24a;}
.visit-sns .gwto a {background:#ed2042; color:white; width:50px; height:50px; line-height:50px; text-align:center; border-radius:10px; margin-left:15px;}
.visit-sns a:hover {transform:translateY(-5px);}

/* changed */
#whole.changed #button-top {bottom:30px;}
#whole.changed .header {background:white; border-bottom:1px solid #d4d6d8;}

#whole.header-over .header {height:360px; background:none;}
#whole.header-over .header:before {opacity:1; border-bottom:1px solid #e4e6e8;}
#whole.header-over .header:after {border-bottom:3px solid #ed2042;}
#whole.header-over .header #gnb-box>ul>li ul {height:auto; padding-top:30px;}

/* marble-layout */
.marble-layout {background:url(../img/main/marble_bg.jpg) no-repeat center; background-size:cover; display:flex; align-items:center; position:relative; z-index:99999999; position:fixed; top:0; left:0; width:100%; height:100%; transition:all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
body.marble-off .marble-layout {top:-100%;}
#whole .marble-layout .wrap {width:1280px;}
.marble-layout .marble-logo {margin-bottom:40px;}
.marble-layout p.mouse {padding-top:20px; text-align:center; cursor:pointer;}
.marble-layout ul.steps {margin-right:-10px;}
.marble-layout ul.steps li {float:left; padding:0 10px 10px 0;}
.marble-layout ul.steps li div {height:0; padding-bottom:62%;}
.marble-layout ul.steps li.color div {background:#303030;}
.marble-layout ul.steps li.color.item div {background:#d72345; border: 2px solid #ffffff;}
.marble-layout ul.steps li.color.finish div {background:#274ab4;}
.marble-layout ul.steps li.color div:before {content:''; display:block; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:1px solid rgba(255,255,255,0.3); border-radius:7px; pointer-events:none;}
.marble-layout ul.steps li.color.finish div:after {content:''; display:block; width:133px; height:133px; background:url(../img/main/clear.png) no-repeat center; position:absolute; left:-80px; top:20px; background-size:cover;}
.marble-layout ul.steps li .tag {position:absolute; top:0; left:0; width:50px; height:50px; line-height:50px; text-align:center; background:#303030; border-radius:6px 0 30px 0; z-index:10;}
.marble-layout ul.steps li.color.item .tag {background:white; color:#ed2042; font-weight:700;}
.marble-layout ul.steps li .text {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0;}
.marble-layout ul.steps li .text .loc {margin-bottom:15px;}
.marble-layout ul.steps li .text.two .loc {margin-bottom:0;}
.marble-layout ul.steps li .text.two span:nth-child(2) {margin-bottom:15px;}
.marble-layout .middle .two ul.steps li {float:none;}
.marble-layout .lower ul.steps li {float:right;}
.marble-layout .middle {margin-right:-10px; position:relative;}
.marble-layout .middle>div {padding-right:10px;}
.marble-layout .middle .one {width:60%; position:absolute; top:0; bottom:0; left:20%; right:20%;}
.marble-layout .middle .one div {position:absolute; top:0; bottom:10px; left:0; right:10px;}
.marble-layout .middle .one .title {margin-top:74px; color:#fff; position:relative; display:inline-block;}
.marble-layout .middle .one .title:before, .marble-layout .middle .one .title:after {content:''; display:block; position:absolute;}
.marble-layout .middle .one .sum {color:#fff; padding:20px 0 40px 0;}
.marble-layout .middle .two {width:20%; float:left;}
.marble-layout .middle .two.last {float:right;}

.marble-layout ul.steps li.current-month div {border:3px solid #ffe24c; animation:borderholo 1s infinite linear;}
.marble-layout ul.steps li.current-month .tag {background:#ffe24c; color:black; font-weight:700; border-radius:5px; top:3px; left:3px;  animation:tagholo 1s infinite linear;}
/* Zoom in Keyframes */
@keyframes borderholo { 0% {border-color:#ffe24c;} 33% {border-color:#fff080;} 66% {border-color:#ffd55a;} 100% {border-color:#ffe24c;} }
@keyframes tagholo { 0% {background:#ffe24c;} 33% {background:#fff080;} 66% {background:#ffd55a;} 100% {background:#ffe24c;} }
/*End of Zoom in Keyframes */

.marble-layout .fs25 {font-size:22px; line-height:26px;}

/* main-layout */
.main-layout {clear:both; overflow-x:hidden;}
.main-layout .main-title {margin-bottom:60px;}
.main-layout .main-title .pps {position:relative;}
.main-layout .main-title .pps:before {content:''; display:block; width:60px; height:14px; border:3px solid #ed2042; border-radius:100px; position:absolute; top:12px; left:-74px;}
.main-layout .main-title-more {position:absolute; top:20px; right:0; border-width:2px; height:60px; line-height:57px;}
.main-layout .visual {}
/* .main-layout .visual .wrap {padding:140px 0 160px 0;} */
.main-layout .visual .wrap {padding:0;} 
.main-layout .visual .wrap ul {position:relative; z-index:3000;}
.main-layout .visual .slick-rolling {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.main-layout .slide-banner ul li {float:left; width:25%; padding:0 20px 0 0;}
.main-layout .slide-banner ul li>div {height:260px; position:relative; z-index:10;}
.main-layout .slide-banner ul li .tit {text-align:center; font-size:25px; font-weight:700;}
.main-layout .slide-banner ul li .text {padding:40px; display:none;}
.main-layout .slide-banner ul li .on-bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; display:none;}
.main-layout .slide-banner a.abtn {border-radius:5px;}

.main-layout .slide-banner ul.sbn-on li {width:14%;}
.main-layout .slide-banner ul.sbn-on li.on {width:58%;}

.main-layout .slide-banner ul li.on .tit {display:none;}
.main-layout .slide-banner ul li.on .text {display:block;}
.main-layout .slide-banner ul li.on .on-bg {display:block;}

.main-layout .roll-banner img.mo {display:none;}
.main-layout .roll-banner .inner {margin:0 -10px;}
.main-layout .roll-banner .slick-slide {padding:0 10px;}
.main-layout .roll-banner .slick-arrow.slick-prev {left:-60px;}
.main-layout .roll-banner .slick-arrow.slick-next {right:-60px;}

.main-layout .recommend:before {content:''; display:block; background:url(../img/main/recommend_deco.png) no-repeat center top; background-size:100% auto; position:absolute; left:0; right:0; bottom:0; top:-300px;}
.main-layout .recommend:after {content:''; display:block; width:900px; height:761px; background:url(../img/main/map.png) no-repeat; background-size:cover; position:absolute; top:-100px; right:-100px; z-index:1;}
.main-layout .recommend .box-text {padding:50px 250px 60px 60px;}
.main-layout .recommend .roll-box {position:absolute; top:60px; left:405px; right:-560px;}
.main-layout .recommend .slick-slide {padding:0 20px 20px 0;}
.main-layout .recommend .slick-slide .img .bg-photo {width:240px; height:300px;}
.main-layout .recommend .slick-arrow {top:auto; transform:none; bottom:20px; width:40px; height:40px; line-height:40px;}
.main-layout .recommend .slick-arrow.slick-prev {left:-125px;}
.main-layout .recommend .slick-arrow.slick-next {left:-80px; right:auto;}
.main-layout .events .slick-rolling {margin:0 -15px;}
.main-layout .events .slick-list {overflow:visible;}
.main-layout .events .slick-slide {padding:15px 15px 20px 15px; opacity:.25; filter:grayscale(1);}
.main-layout .events .slick-slide.slick-active {opacity:1; filter:grayscale(0);}
.main-layout .events .slick-slide .img .bg-photo {width:340px; height:460px;}
.main-layout .events .slick-arrow.slick-prev {left:-25px;}
.main-layout .events .slick-arrow.slick-next {right:-25px;}
.main-layout .events .slick-slide .tag {position:absolute; top:-15px; left:15px; z-index:10;}
.main-layout .events .slick-slide .tag span {background:black; color:white; height:30px; line-height:26px; padding:0 12px; border-radius:100px; border:2px solid black;}
.main-layout .events .slick-slide .tag span.going {background:white; color:#ed2042; border-color:#ed2042;}
.main-layout .events .slick-slide .tag span.soon {background:#ed8a20; border-color:#ed8a20;}

.main-layout .promotion:before {content:''; display:block; background:#f0f2f4; position:absolute; left:0; right:0; bottom:220px; top:-460px;}
.main-layout .promotion .upper .inner {margin-right:-40px;}
.main-layout .promotion .upper .inner>div {float:left; padding:0 40px 40px 0;}
.main-layout .promotion .upper .inner .video {width:62%;}
.main-layout .promotion .upper .inner .discount {width:38%;}
.main-layout .promotion .video .pl-box {border:3px solid #ed2042; box-shadow:8px 8px 16px rgba(237,32,66,0.1);}
.main-layout .promotion .video .vod-box .vod {padding:0; height:528px;}
.main-layout .promotion .discount .pl-box {padding:50px 0 30px 0;}
.main-layout .promotion .discount .title {font-size:30px; font-weight:900; padding:0 40px; margin-bottom:50px; position:relative;}
.main-layout .promotion .discount .title:before {content:''; display:block; width:40px; height:14px; border:3px solid #ed2042; border-radius:100px; position:absolute; top:8px; left:-14px;}
.main-layout .promotion .discount .title:after {content:''; display:block; position:absolute; top:50%; left:50px; right:100px; height:1px; background:#ed2042;}
.main-layout .promotion .discount .slick-slide {padding:0 15px 20px 15px;}
.main-layout .promotion .discount .slick-slide .img .bg-photo {width:280px; height:340px;}
.main-layout .promotion .discount a.more {width:40px; height:40px; line-height:40px; text-align:center; border-radius:100px; background:#ed2042; color:white; top:48px;}
.main-layout .promotion .discount a.more i {color:white;}
.main-layout .promotion .discount a.more:hover {background:#ed2042; color:white;}
.main-layout .promotion .discount a.more:hover i {color:white;}
.main-layout .promotion .upper .inner.none-video .video {display:none;}
.main-layout .promotion .upper .inner .discount {width:100%; float:none;}


.main-layout .promotion .motel:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:20px; background:#ed2042;}
.main-layout .promotion .motel .title {padding:80px 0 60px 60px;}
.main-layout .promotion .motel .title .tag {background:black; color:white; position:absolute; top:-20px; left:60px; padding:40px 20px 15px 20px; text-align:center; border-radius:5px 5px 10px 10px;}
.main-layout .promotion .motel .title .tag i {font-size:30px;}
.main-layout .promotion .motel .roll-box {position:absolute; top:45px; left:400px; right:30px;}
.main-layout .promotion .motel a.abtn:hover {background:black;}
.main-layout .promotion .motel .slick-arrow {position:absolute; top:230px; transform:none;}
.main-layout .promotion .motel .slick-arrow:hover {background:white; color:#ed2042;}
.main-layout .promotion .motel .slick-arrow.slick-prev {left:-140px;}
.main-layout .promotion .motel .slick-arrow.slick-next {left:-80px; right:auto;}
.main-layout .promotion .motel .slick-slide {padding-top:15px;}
.main-layout .promotion .motel .slick-slide .img .bg-photo {width:223px; height:336px;}
.main-layout .promotion .motel .slick-slide .img span {position:relative;}
.main-layout .promotion .motel .slick-slide .img span:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background: linear-gradient(360deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%); z-index:2;}
.main-layout .promotion .motel .slick-slide .tag {position:absolute; top:-15px; left:15px; z-index:10;}
.main-layout .promotion .motel .slick-slide .tag span {background:black; color:white; height:30px; line-height:26px; padding:0 12px; border-radius:100px; border:2px solid black;}
.main-layout .promotion .motel .slick-slide .tag span.soon {background:white; color:#ed2042; border-color:#ed2042;}
.main-layout .promotion .motel .slick-slide .tag span.going {background:#ed8a20; border-color:#ed8a20;}
.main-layout .promotion .motel .slick-slide .text {position:absolute; bottom:20px; left:20px; right:20px; z-index:11; color:white;}
.main-layout .promotion .motel .slick-slide .text span {font-size:15px; font-weight:400;}
.main-layout .promotion .motel .slick-slide .text span.fs20 {font-size:20px;}
.main-layout .promotion .motel .slick-slide .text .month {display:inline-block; height:26px; line-height:26px; font-size:15px; text-align:center; border-radius:100px; background:#ed2042; color:white; position:absolute; top:-34px; left:0; padding:0 15px;}
.main-layout .promotion .motel .slick-slide .text i {font-size:20px; display:none;}
.main-layout .promotion .motel .slick-slide a{cursor: default;}
.main-layout .chall .inner {border-radius:20px; border:3px solid #ed2042; background:url(../img/main/chall_bg.jpg) no-repeat center; background-size:cover;}
.main-layout .chall .obj {position:absolute; top:-20px; left:-20px;}
.main-layout .chall ul.title {padding:60px 0 60px 260px;}
.main-layout .chall .chall-go {display:block; padding:0 30px; height:70px; line-height:70px; border-radius:10px; border:2px solid #ed2042; background:#ed2042; color:white; font-size:22px; font-weight:700; right:260px;}
.main-layout .chall .chall-go:hover {background:white; color:#ed2042;}

.main-layout .gallery .tag {height:30px; line-height:30px; border-radius:100px; padding:0 15px; background:rgba(0,0,0,0.3);}
.main-layout .gallery .txt {padding:15px; z-index:10;}
.main-layout .gallery .img:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(360deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%); z-index:5;}
.main-layout .gallery ul li a {color:white; overflow:hidden; position:relative;}
.main-layout .gallery ul li a:hover .tag {background:#ed2042;}
.main-layout .gallery ul li a:hover .img {transform:scale(1.05);}
.main-layout .gallery .not-yet {position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; display:flex; justify-content:center; align-items:center; background:#f9f9fb; text-align:center;}
.main-layout .gallery .not-yet i {font-size:70px; font-weight:200;}

.recommend .main-title {margin-bottom:80px;}
.recommend-tab {position:absolute; top:-85px; left:0;}
.recommend-tab button {height:50px; line-height:46px; border-radius:100px; padding:0 30px; font-size:18px; border:2px solid black; background:white;}
.recommend-tab button:before {font-family:"Material Symbols Outlined"; font-size:24px; content:"location_on"; vertical-align:middle; margin-right:5px; display:none;}
.recommend-tab button.active {background:#ed2042; border-color:#ed2042; color:white; padding:0 30px 0 20px;}
.recommend-tab button.active:before {display:inline-block;}
.recommend-div>.recommend-group {display:none;}
.recommend-div>.recommend-group.active {display:block;}

/* sub-layout */
.sub-layout {clear:both;}
.sub-layout .snb-box ul li {display:inline-block; margin:4px;}
.sub-layout .snb-box ul li a {display:block; height:60px; line-height:60px; background:#f9f9fb; border-radius:80px; padding:0 30px; font-size:20px;}
.sub-layout .snb-box ul li a:hover {background:black; color:white;}
.sub-layout .snb-box ul li.on a {background:#ed2042; color:white; box-shadow:8px 8px 16px rgba(237,32,66,0.1);}
.sub-layout .contents-title {padding:80px 0; border-top:3px solid #ed2042;}
.sub-layout .contents-title .fs40 {color:#ed2042;}
.sub-layout .contents {max-width:1440px; margin:0 auto; padding:0 0 220px 0;}

/* contents */
.page-ready {padding:60px 0; overflow:hidden; text-align:center;}
.page-ready .cog {position:relative; text-align:center;}
.page-ready .cog p {display:inline-block; position:relative; height:200px;}
.page-ready .cog i {position:absolute;}
.page-ready .cog i.big {font-size:110px; top:0; left:50%; margin-left:-45px; color:#a5abbb; animation:rotate1 10s infinite linear;}
.page-ready .cog i.medium {font-size:70px; top:90px; left:-60px; color:#c6cad4; animation:rotate2 10s infinite linear;}
.page-ready .cog i.small {font-size:40px; top:106px; left:14px; color:#d6dae4; animation:rotate2 10s infinite linear;}
/* Zoom in Keyframes */
@-webkit-keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@keyframes rotate1 { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} }
@-webkit-keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
@keyframes rotate2 { 0% {transform: rotate(0);} 100% {transform: rotate(-360deg);} }
/*End of Zoom in Keyframes */
.vod-box {margin:0 auto;}
.vod-box .vod {height:0; padding-bottom:56.25%; position:relative;}
.vod-box .vod iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.imap-box .imap-con {height:500px; position:relative;}
.imap-box .imap-con iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important; border:0;}
.map-box {background:#eee;}
.map-box>div {width:100% !important;}
.map-box>div>div.wrap_map {height:500px !important;}

.root_daum_roughmap .roughmap_maker_label a:focus-visible span {outline:3px solid #000 !important; outline-offset:-3px; border-radius:3px;}
.root_daum_roughmap .wrap_btn_zoom {overflow:visible !important;}
.root_daum_roughmap .wrap_btn_zoom button:focus-visible {outline:3px solid #000 !important; outline-offset:0; border-radius:3px;}

.con-tab ul {display:flex;}
.con-tab ul li {margin-right:3px; position:relative;}
.con-tab ul li>* {height:70px; line-height:70px; background:white; color:#444; padding:0 20px; font-size:20px; font-weight:700; position:relative; cursor:pointer; display:block; border:0; z-index:10;}
.con-tab ul li>*>* {font-size:20px; display:inline;}
.con-tab ul li>*:after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:4px; background:#e4e6e8; z-index:-1;}
.con-tab ul li>*:hover {color:black;}
.con-tab ul li>*:hover:after {background:#bcbcc6;}
.con-tab ul li.on>* {background:#444955; color:white;}
.con-tab ul li.on>*:after {height:8px; background:#ed2042;}
.con-tab ul li.on>*:before {content:''; display:block; position:absolute; top:0; left:50%; transform:translate(-50%, -10px) rotate(-45deg); width:20px; height:20px; background:#ed2042; z-index:10; border-radius:100%; border:5px solid white;}
.con-tab ul li.on>*:focus-visible {outline-color:red;}
.con-tab ul li>*:focus-visible, .main-layout .board .group a.pa:focus-visible {outline-offset:-5px;}

.about .lower .inner:before {content:''; display:block; width:1680px; border-radius:30px; background:#e9edf3; position:absolute; top:-30px; bottom:-30px; left:50%; transform:translateX(-50%); z-index:-1}

.gangwon-place p.portal a {display:inline-block; height:60px; line-height:58px; background:white; border:2px solid black; border-radius:10px; padding:0 30px; font-size:20px;}
.gangwon-place p.portal a:hover {background:#ed2042; border-color:#ed2042; color:white;}
.gangwon-place .map-layout {position:relative; z-index:5;}
.gangwon-place .map-layout .biz-map {margin-top:-220px;}
.gangwon-place .map-layout:before {content:''; display:block; width:1440px; height:440px; border-radius:30px; background:url(../img/sub/map_logo.png) no-repeat center bottom -100px #f0f4fb; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1}


.page-tab {margin-bottom:40px; font-size:0;}
.page-tab ul {display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; margin-right:-10px;}
.page-tab ul li {flex-grow:1; width:auto; position:relative; padding:0 10px 10px 0;}
.page-tab ul li a {font-size:20px; border:1px solid #d4d6d8; color:#6d778f; border-radius:15px; height:70px; line-height:70px; background:#f9f9fb; font-weight:600; padding:0 15px;}
.page-tab ul li.on a {background:white; border-width:3px; border-color:#ed2042; color:#ed2042; font-weight:900; box-shadow:5px 5px 10px rgba(25,75,185,0.2); line-height:64px;}

.page-tab ul.krila-reports-tab li {width:7.6%;}
.page-tab ul.krila-reports-tab li a {position:relative; text-align:center; height:auto; line-height:inherit; padding:20px 0; border-radius:10px; font-size:16px;}

.normal-search {background:#e8ecf1; padding:10px; border-radius:3px; border:1px solid #d4d6d8;}
.normal-search .df {justify-content:space-between; flex-wrap:wrap; padding:0 0 0 1px;}
.normal-search .df>* {flex-grow:1; border-radius:0; margin:0 0 0 -1px;}
.normal-search .df>*:first-child {border-radius:5px 0 0 5px;}
.normal-search .df>*:last-child {border-radius:0 5px 5px 0;}
.normal-search .df>input[type="text"] {flex-grow:5;}
.normal-search .df>button {flex-grow:0; width:60px; background:black; border-color:black; color:white; padding:0;}
.normal-search .df>button:before {font-family:"Material Symbols Outlined"; font-size:24px; content:"search";}
.normal-search .df>button:hover, .normal-search .df>button:focus-visible {background:#ed2042; border-color:#ed2042; color:white;}

.reports-list-head {border-bottom:2px solid black; padding-bottom:10px;}
.reports-list-head p.mode button {width:40px; height:40px; background:white; border-color:#c4c6c8; padding:0;}
.reports-list-head p.mode button:before {font-family:"Material Symbols Outlined"; font-size:24px; vertical-align:middle; color:#848688;}
.reports-list-head p.mode button.list:before {content:"view_list";}
.reports-list-head p.mode button.gallery:before {content:"grid_view";}
.reports-list-head p.mode button.on {background:#ed2042; border-color:#ed2042; color:white;}
.reports-list-head p.mode button.on:before {color:white;}
.reports-list-head p.mode button:hover, .reports-list-head p.mode button:focus-visible {background:black; border-color:black; color:white;}
.reports-list-head p.mode button:hover:before, .reports-list-head p.mode button:focus-visible:before {color:white;}

.reports-list ul {}
.reports-list ul li {padding:40px 0; border-bottom:1px solid #d4d6d8; clear:both;}
.reports-list ul li p.img {width:160px; float:left;}
.reports-list ul li p.img a {padding-bottom:140%;}
.reports-list ul li p.img a:focus-visible:before {content:''; display:block; position:absolute; top:3px; left:3px; right:3px; bottom:3px; border:3px solid black; z-index:10; border-radius:5px;}
.reports-list ul li div.con {margin:0 100px 0 200px;}
.reports-list.noneimg ul li div.con {margin:0 100px 0 0;}
.reports-list ul li a.tit span.title {font-size:22px;}
.reports-list ul li a.tit span.exp {font-size:18px; line-height:1.4em; height:4.2em; overflow:hidden; font-weight:300;}
.reports-list ul li p.tag {position:absolute; top:-10px; left:10px; z-index:20; display:inline-block; font-size:14px; background:#ed2042; color:white; border-radius:100px; padding:5px 15px;}
.reports-list ul li p.tag span {display:inline-block; overflow:hidden;}

.reports-list.square ul.gallery-mode li {width:25%;}
.reports-list.square ul li p.img a {padding-bottom:73.41%;}

.reports-list ul.gallery-mode {margin:0 -60px 0 0; padding:40px 0 0 0;}
.reports-list ul.gallery-mode li {padding:0 60px 80px 0; border:0; clear:none; float:left; width:20%;}
.reports-list ul.gallery-mode li p.img {width:auto; float:none; margin:0 0 14px 0;}
.reports-list ul.gallery-mode li div.con {margin:0;}
.reports-list ul.gallery-mode li a.tit {margin-bottom:20px;}
.reports-list ul.gallery-mode li a.tit span.title {font-size:20px; line-height:30px; overflow:hidden;}
.reports-list ul.gallery-mode li a.tit span.exp {display:none;}
.reports-list ul.gallery-mode li p.who {margin-bottom:14px; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.reports-list ul.gallery-mode li a.rpdown, .reports-list ul.gallery-mode li a.notdown, .reports-list ul.gallery-mode li a.rplink, .reports-list ul.gallery-mode li a.notlink {position:relative; bottom:auto; left:auto; display:block; text-align:center; height:40px; line-height:40px;}
.reports-list ul.gallery-mode li p.filebtn {display:flex; justify-content:space-between; flex-wrap:wrap; padding:10px 0 0 1px;}
.reports-list ul.gallery-mode li p.filebtn a {flex-grow:1; position:relative; z-index:1; margin:0 0 0 -1px;}
.reports-list ul.gallery-mode li p.filebtn a.on {z-index:10;}

a.rplink {height:50px; line-height:50px; padding:0 14px; border:1px solid black; background:white; text-align:center; border-radius:10px;}
a.rplink:before {font-family:"Material Symbols Outlined"; content:"link"; font-size:24px; font-weight:300; display:inline-block; vertical-align:middle; margin:0 5px 0 0; transform:translateY(-2px);}
a.rplink:hover, a.rplink:focus-visible {background:#ed2042; border-color:#ed2042; color:white;}

a.reportlink {color:#1e5ad2;}
a.reportlink:before {font-family:"Material Symbols Outlined"; content:"link"; font-size:24px; font-weight:300; display:inline-block; transform:translateY(5px);}

a.notlink {height:50px; line-height:50px; padding:0 14px; border:1px solid black; background:white; text-align:center;}
a.notlink:before {font-family:"Material Symbols Outlined"; content:"link"; font-size:24px; font-weight:300; display:inline-block; vertical-align:middle; margin:0 5px 0 0;}

.rtdm.view {max-width:1080px; margin:0 auto;}
.rtdm.view .mtitle {font-size:30px; font-weight:900; background:#f9f9fb; border-bottom:1px solid #e4e6e8; padding:30px 0; border-top:3px solid #ed2042;}
.rtdm.view .stitle {padding:20px; font-size:22px; font-weight:500px; border-bottom:1px solid #e4e6e8; background:#f9f9fb; margin-bottom:40px;}
.rtdm.view .card-slide {border:1px solid #e4e6e8; border-radius:20px; overflow:hidden;}
.rtdm.view .card-slide .inner {max-width:720px; margin:0 auto; padding:0 50px 50px 50px;}
.rtdm.view .card-slide .slick-dots {bottom:0;}
.rtdm.view .con-view:after {content:''; display:block; clear:both;}
.rtdm.view .con-view .poster {position:sticky; top:160px; max-width:400px; float:left;}
.rtdm.view .con-view .detail {margin:0 0 0 420px;}
.rtdm.view .ytb .inner {display:flex; justify-content:space-between; flex-wrap:wrap; margin-right:-30px;}
.rtdm.view .ytb .inner>div {flex-grow:1; width:50%; padding:0 30px 30px 0;}
.rtdm.view .ytb .inbox {border:1px solid #e4e6e8; border-radius:20px; overflow:hidden;}
.rtdm.view .ytb .tit {padding:20px; font-size:22px; font-weight:500px; border-bottom:1px solid #e4e6e8; background:#f9f9fb;}
.rtdm.view .ytb .items {margin:30px;}
.rtdm.view .ytb .items .box {}
.rtdm.view .ytb .items .box .boxitem {height:0; padding-bottom:56.25%; position:relative; border-radius:10px; overflow:hidden;}
.rtdm.view .ytb .items .box .boxitem iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}

.tags {position:absolute; top:-15px; left:15px; z-index:10;}
.tags span {background:black; color:white; height:30px; line-height:26px; padding:0 12px; border-radius:100px; border:2px solid black;}
.tags span.soon {background:white; color:#ed2042; border-color:#ed2042;}
.tags span.going {background:#ed8a20; border-color:#ed8a20;}

#img-gallery.poster p.text {z-index:20;}
#img-gallery.poster p.text .fs20 {font-size:20px;}
#img-gallery.poster p.text .month {display:inline-block; height:26px; line-height:26px; font-size:15px; text-align:center; border-radius:100px; background:#ed2042; color:white; position:absolute; top:-40px; left:15px; padding:0 15px;}
#img-gallery.poster p.text i {color:#ed2042;}

.event-view #bo_v_title {position:relative;}
.event-view #bo_v_title .bo_v_tit {display:inline-block;}
.event-view #bo_v_title .tag {display:inline-block; background:black; color:white; height:34px; line-height:30px; padding:0 12px; border-radius:100px; border:2px solid black; font-size:20px; transform:translateY(-3px); margin-right:10px;}
.event-view #bo_v_title .tag.going {background:white; color:#ed2042; border-color:#ed2042;}
.event-view #bo_v_title .month {display:inline-block; background:#ed2042; color:white; height:34px; line-height:30px; padding:0 12px; border-radius:100px; border:2px solid #ed2042; font-size:20px; transform:translateY(-3px); margin-right:4px;}

.visa-layout {max-width:480px; border:1px solid #e4e6e8; margin:20px auto; border-radius:10px; overflow:hidden; background:url(../img/main/recommend_deco.png) no-repeat center top 20px white; background-size:100% auto;}
.visa-layout .wrapper {margin:0 40px; position:relative;}
.visa-layout .head {padding-top:40px; margin-bottom:40px; position:relative;}
.visa-layout .head img {max-height:80px;}
.visa-layout .head .visa-close {width:40px; height:40px; line-height:40px; text-align:center; border-radius:10px; background:#ed2042; color:white; position:absolute; top:10px; right:10px; cursor:pointer;}
.visa-layout .prof {border:solid black; border-width:3px 0 3px 0; margin-bottom:40px;}
.visa-layout .prof .cha {background:url(../img/sub/map_logo.png) no-repeat center bottom -4px #f0f2f4; background-size:102% auto; border-radius:20px; padding:60px;}
.visa-layout .prof .cha img {animation:hologram 2s infinite linear;}
/* Zoom in Keyframes */
@-webkit-keyframes hologram { 0% {filter: hue-rotate(0deg);} 100% {filter: hue-rotate(360deg);} }
@keyframes hologram { 0% {filter: hue-rotate(0deg);} 100% {filter: hue-rotate(360deg);} }
/*End of Zoom in Keyframes */
.visa-layout .prof .text {padding:20px 0;}
.visa-layout .prof .text.omt {font-size:30px;}
.visa-layout .prof .text.exp {font-size:20px;}
.visa-layout .info {position:relative; padding:0 0 0 140px; margin-bottom:30px;}
.visa-layout .info .qrcode {position:absolute; top:0; left:0; width:120px; border:2px solid #e4e6e8; border-radius:10px; padding:15px;}
.visa-layout .info .text {min-height:120px;}
.visa-layout .info .text .name {font-size:25px; margin-bottom:10px; padding-top:10px;}
.visa-layout .info .text .name span {font-size:30px;}
.visa-layout .info .text ul li {font-size:18px; line-height:28px; padding:0 0 0 30px; display:inline-block; margin:0 5px 10px 5px;}
.visa-layout .info .text ul li i {position:absolute; top:2px; left:0;}
.visa-layout .info.number {padding:0; text-align:center;}
.visa-layout .info.number .text {min-height:20px;}
.visa-layout .info.number .qrcode {position:relative; top:auto; left:auto; width:auto; padding:10px 15px; margin-bottom:10px;}
.visa-layout .foot {padding:20px 0; background:#f0f2f4;}
.visa-layout .foot img {max-height:24px;}

.contents-layer {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; display:none; padding:0 !important;}
.contents-layer>span[class*="close"] {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:rgba(255,255,255,0.75); backdrop-filter:blur(10px);}
.contents-layer .layer-inner {position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%);}
.contents-layer th {background:#f9f9fb;}

.layer-inner button[class*="close"] {width:40px; height:40px; line-height:40px; text-align:center; position:absolute; top:8px; right:-10px; background:#194bb9; color:white; padding:0; border:0; border-radius:5px; z-index:100;}
.layer-inner button[class*="close"]:before {font-family:"Material Symbols Outlined"; content:"close"; font-size:24px;}
.layer-inner .group-exp {border:1px solid #e4e6e8; background:#f9f9fb; padding:30px; border-radius:5px;}
.layer-inner .group.who {min-height:170px;}
.layer-inner .group.who p.img {width:130px;}
.layer-inner .group.who .con {margin-left:160px;}
.layer-inner .group.reports tr td:first-child {color:#194bb9;}
#whole.eng-layout .layer-inner .group.reports tr td:first-child {color:black;}
/*main*/
        /* 영상을 감싸는 부모 컨테이너 */
        .video-wrapper {
            position: relative;
            width: 100%;
            padding-bottom: 45%; /* 16:9 비율의 최종 결과물 프레임 */
            height: 0;
            background-color: #000;
            /* ★ 핵심: 이 컨테이너를 벗어나는 모든 내용은 숨깁니다(자릅니다). */
            overflow: hidden;
        }

        /* ★ 변경점: iframe에 직접 적용될 새로운 스타일 */
        .video-wrapper iframe {
            /* 정중앙에 위치시키기 위한 설정 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            /* 컨테이너를 완전히 덮도록 최소 크기 보장 */
            min-width: 100%;
            min-height: 100%;

            /*
               비율이 다른 영상을 덮기 위해, 너비와 높이 중 하나는
               컨테이너보다 커져야 합니다. 이 설정은 그걸 보장합니다.
               예: 4:3 영상을 16:9 컨테이너에 꽉 채우려면 높이가 100%를 초과해야 합니다.
            */
            width: 166vh; /* height(100vh) * 16/9 */
            height: 100vw;   /* width(100vw) * 9/16 */
        }
        
        .video-wrapper .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

/*lang*/
.head_box{
	width: 100%;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	background: #fff;
	box-shadow: 1px 2px 10px rgba(5,5,5,0.1);
}
.lang_head_wrap{
	padding: 30px 0;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
    justify-content: space-between;
	box-sizing: border-box;
    align-items: center;

}

.lang_nav>li a:hover{
	color: #f73939;
}
.lang_nav>li:nth-child(-n+3)>a::after{
	content: "";
	display: inline-block;
	margin: 0 5px;
}
.lang_wrap{
	background-image: url(/theme/pulgrim/img/lang/lang_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-attachment: fixed;

}
.lang_content{
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-bottom: 100px;
	margin-top: 100px;
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 20px;
    backdrop-filter: blur(3px);
	box-shadow: 1px 1px 10px rgba(5, 5, 5, 0.2);
	background-image: url(/theme/pulgrim/img/main/recommend_deco.png);
	background-repeat: no-repeat;
}
.lang_cr01{
	position: absolute;
	right: -5%;
	bottom: -5%;
}
.lang_cr02{
	position: absolute;
	top: -100px;
}
.op_txt{
	opacity: 0.4;
	font-size: 50px;
	font-weight: bold;
}
.lang_type{
	color: #ff7272;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0.6;
}
.lang_greeting{
	padding: 40px 20px;
    box-sizing: border-box;
    background: #f73939;
    backdrop-filter: blur(4px);
    color: #fff;
    border-radius: 20px;
}

.lang_div{
	gap: 0 40px;
    align-items: center;
}
.lang_poster_wrap{
	border-radius: 20px;
	overflow: hidden;
}
.lang_welcome{

}
.video_area{
	overflow: hidden;
	border-radius: 20px;
	height: 650px;
}
.bottom_obj{
	margin-top: 250px;
	width: 100%;
	height: 300px;
	background-image: url(/theme/pulgrim/img/lang/bottom_back.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50%;
}
.bt_obj{
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
}
.intro_video > ul{
	gap: 0 20px;
}
.intro_video > ul > li{
	width: 50%;
	overflow: hidden;
	border-radius: 20px;
}
.lang_con.ebook{
	margin-top: 0;
}
.lang_con.ebook .lang_content{
	max-width: 1600px;
	margin-top: 0;
}
/*fortune*/
.for_cr01{
	position: absolute;
	right: 20px;
	top: 40px;
}
.for_cr02{
	position: absolute;
	bottom: 110px;
    left: 40px;
}
 .event_animate_wrap{
	height: 100%;
	background: url(../img/main/recommend_deco.png) no-repeat center;	
 }
.event_triger{
    width: 100%;
    margin-top: 20px;
    height: 60px;
    border: none;
    font-size: 20px;
    background: #7C14FF;
    color: #fff;
    cursor: pointer;
    letter-spacing: -1px;
    border-radius: 10px;
    text-align: center;
    line-height: 60px;
    box-shadow: 4px 4px 10px rgba(9,9,9,0.5);
}
.for_ev_warp{
    width: 100%;
    height: 100vh;
    margin: 0 auto;
	background-image: url(/theme/pulgrim/img/lang/lang_bg.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-attachment: fixed;	
	overflow: hidden;
}
.for_cont{
	transform: translateY(calc(50% - 40%));
    height: 500px;
}
.for_top{
    position: relative;
}
.for_top{
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #29139C;
    border-radius: 10px;
    letter-spacing: -1px;
    font-size: 20px;
    transition: all ease 200ms;
}
.bboki_body{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.bb_top{
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease 200ms;
    z-index: 12;
}
.bb_bottom{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 10;
}

.bb_bottom img{
    transition: all ease-in 400ms;
}
.ball_glass{
    position: relative;
    z-index: 12;
}
.ball_wrap{
    position: relative;
}
.ball{position: absolute;z-index: 9}
.ball01{bottom: 10px;left: 10%;}
.ball02{bottom: 40px;left: 12%;}
.ball03{bottom: 15px;left: 32%;}
.ball04{bottom: 90px;left: 25%;transform: rotate(-40deg);}
.ball05{bottom: 60px;left: 30%;transform: rotate(-70deg);}
.ball06{bottom: 60px;left: 24%;}
.ball07{bottom: 24px;left: 70%;}
.ball08{bottom: 60px;left: 56%;}
.ball09{bottom: 40px;left: 50%;transform: rotate(140deg);}
.ball10{bottom: 20px;left: 50%;transform: rotate(240deg);}
.ball11{bottom: 41px;left: 31%;transform: rotate(430deg);}

.ball01.active{animation: ball01 0.2s ease-in infinite alternate;}
.ball02.active{animation: ball02 0.2s ease-in infinite alternate;}
.ball03.active{animation: ball03 0.3s ease infinite reverse;}
.ball04.active{animation: ball04 0.2s ease infinite reverse;}
.ball05.active{animation: ball05 0.1s ease infinite reverse;}
.ball06.active{animation: ball06 0.2s ease infinite reverse;}
.ball07.active{animation: ball07 0.2s ease-in infinite reverse;}
.ball08.active{animation: ball08 0.3s ease-in infinite reverse;}
.ball09.active{animation: ball09 0.2s ease-in infinite alternate;}
.ball10.active{animation: ball10 0.2s ease-in infinite alternate;}
.ball11.active{animation: ball11 0.2s ease-in infinite;}
.ball_glass.active{animation: glass 2ms ease-in infinite alternate;}

.event_data_wrap{
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(100,100,155,0);
    z-index: 20;
    top: 68%;
    left: 45%;
    transform: translate(-50%,-50%) scale(0.2);
    opacity: 0;
    border-radius: 20px;
}
.event_data_wrap.active{
    animation: result .5s cubic-bezier(1, 0.68, 0.44, 0.51) forwards;
}
.event_data_wrap.active.active2{
     animation: result2 1s ease-out forwards;
}
.dm_wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
}
.active2 .dm_wrap{
    left: inherit;
}
.dm_wrap ul{
    position: relative;
    width: 100%;
    height: 100%;
}
.dm_wrap li{
    position: absolute;
}
.dm_result{
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all ease 800ms;
}
.dm_result img{
    width: 100%;
}
.dm_result.active{
    opacity: 1;
    height: auto;
    width: 80vw;
    top: 40%;
    z-index: 2;
}
.result_sum{
    text-align: center;
		font-size:60px;
    font-size-adjust: 18px;
    letter-spacing: -1px;
    font-weight: 700;
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
    white-space: nowrap;
    word-break: none;
    overflow: hidden;
    box-shadow: 2px 2px 5px rgb(5 5 5 / 40%);
}
.result_sum01{background: #f5d82c;color: #000;}
/*.result_sum02{background: #2a424f;color: #fff;}*/
.result_sum strong{
	font-size: 20px;
}
.dm_left{
    top: 50%;
    transform: translateY(-50%);
    left: 15%;
}
.dm_right{
    top: 50%;
    transform: translateY(-50%);
    left: 37%;
}
.dm_cap{
    cursor: pointer;
}
.dm_cap.active{
    filter: brightness(1.4);
}
.dm_wrap ul.active .dm_left{
    animation: dm_left 1s cubic-bezier(1, 0.68, 0.44, 0.51) forwards;
}
.dm_wrap ul.active .dm_right{
    animation: dm_right .4s linear forwards;
}
.data_close{
    width: 150px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #29139C;
    border-radius: 10px;
    letter-spacing: -1px;
    cursor: pointer;
    transition: all ease 1000ms;
    display: none;
    margin: 0 auto;
    margin-top: 10px;
    box-shadow: 1px 2px 4px rgba(39 13 215 / 73%);
}
.tw_animate{
    height: 0;
    opacity: 0;
    transition: opacity ease-in 400ms;
}
.tw_animate.active{
    opacity: 1;
}
.tw{
    position: absolute;
}
.tw > img{width: 100%}
.tw_animate.active .tw_01{top: -310px;left: 30px;animation: tw1 1s ease-in infinite alternate;animation-delay: 0.2s; z-index: 3;}
.tw_animate.active .tw_02{top: -200px;right: 0;animation: tw2 1s ease-in infinite alternate;width: 20px;}
.tw_animate.active .tw_03{top: -160px;left: 30px;animation: tw3 1s ease-in infinite alternate; animation-delay: 0.5s;}
.tw_animate.active .tw_04{top: -300px;right: 40px;z-index: 3;}
.tw_animate.active .tw_04 img{animation: tw4 1s linear infinite; }
.tw_animate.active .tw_05{top: -230px;left:50px;z-index: 3;width: 20px;}
.tw_animate.active .tw_05 img{animation: tw5 1.2s linear infinite;animation-delay: 0.5s;}
.bb_btn{
  position: absolute;
  width: 166px;
  height: 127px;
  background: url(/theme/pulgrim/img/fortune/for_btn01.png) no-repeat;
  bottom: 100px;
  right: 43%;
  z-index: 10;
  cursor: pointer;
  animation: bb_btn .8s ease-in-out infinite alternate;
}


@keyframes bb_btn{
    0%{
       background: url(/theme/pulgrim/img/fortune/for_btn01.png) no-repeat;
    }
    30%{
       background: url(/theme/pulgrim/img/fortune/for_btn02.png) no-repeat;
    }
    50%{
       background: url(/theme/pulgrim/img/fortune/for_btn01.png) no-repeat;
       transform: scale(1.03);
    }
    100%{
       background: url(/theme/pulgrim/img/fortune/for_btn03.png) no-repeat;
    }
}
@keyframes tw1 {
    0%{
        opacity: 0;
    }
    100%{
        transform:scale(0.4);
    }
}
@keyframes tw2 {
    0%{
        transform:scale(0.5);
    }
    100%{
       opacity: 0;
    }
}
@keyframes tw3 {
    0%{
        opacity: 0;
    }
    100%{
        transform:scale(0.6);
    }
}
@keyframes tw4 {
    	100% {
    	transform: rotate(360deg);
    }
}
@keyframes tw5 {
 	100% {
    	transform: rotate(360deg);
    }
}


@keyframes dm_left {
    0% {left: 25%}
    40% {left: 25%;top:60%;}
    50% {left: 0%;}
    60% {transform:  translateY(-50%) rotateZ(-45deg);}
    100% {left: -10%;top:60%; transform:  translateY(-50%) rotateZ(-110deg);}
}
@keyframes dm_right {
    0% {right: 19%}
    40% {right: 20%;top:60%;}
    45% {right: 10%;}
    50% {right: 5%;top:70%;transform:  translateY(-50%) rotateZ(45deg);}
    60% {right: 2%;transform:  translateY(-50%) rotateZ(60deg);}
    75% {right: -5%;transform:  translateY(-50%) rotateZ(80deg);}
    100% {right: -10%;top:78%; transform:  translateY(-50%) rotateZ(120deg);}
}

@keyframes result {
    0% {top: 68%;}
    40% {top: 74%;opacity: 1}
    60% {top: 75%;}
    80% {top: 74%;}
    100% {top: 75%;opacity: 1}
}
@keyframes result2{
    0% {top: 75%;left: 42%;}
    50% {top: 50%;left: 50%; transform: translate(-50%,-50%) scale(0.5);}
    100% {top: 50%;left: 50%; transform: translate(-50%,-50%) scale(1);opacity: 1;background: rgba(255,255,255,0.9);box-shadow: 1px 1px 11px rgba(5, 5, 5, 0.1);}
}

@keyframes glass {
    0% {transform: rotate(2deg);}
    100% {transform:rotate(-2deg);}
}
@keyframes ball01 {
    0% {bottom: 60px;}
    50% {left: 20%;transform: rotate(300deg); z-index: 5;}
    100% {left: 50px;transform: rotate(0deg);}
}
@keyframes ball02 {
    0% {bottom: 90px;}
    50% {bottom: 50px;left: 50%;transform: rotate(380deg); z-index: 3;}
    70% {bottom: 100px;left: 30%;transform: rotate(0deg); z-index: 6;}
    100% {left: 70%;transform: rotate(-180deg);}
}

@keyframes ball03 {
    0% {bottom: 120px;}
    50% {bottom: 50px;left: 60%;transform: rotate(-45deg);}
    70% {bottom: 100px;left: 10%;transform: rotate(180deg);z-index: 7;}
    80% {bottom: 20px;left: 50%;transform: rotate(30deg);}
    100% {left: 40%;transform: rotate(20deg);}
}

@keyframes ball04 {
    0% {bottom: 120px;left: 20%;transform: rotate(-5deg);}
    50% {bottom: 50px;left: 60%;transform: rotate(-45deg);}
    70% {bottom: 100px;left: 40%;transform: rotate(180deg);z-index: 10;}
    80% {bottom: 50px;left: 30%;transform: rotate(240deg);}
    100% {left: 10%;transform: rotate(0deg);}
}

@keyframes ball05 {
    0% {bottom: 150px;right: 10%;transform: rotate(-360deg);}
    50% {bottom: 130px;left: 20%;transform: rotate(-45deg);}
    70% {bottom: 150px;left: 40%;transform: rotate(180deg);}
    80% {bottom: 50px;left: 50%;transform: rotate(210deg);z-index: 5;}
    100% {left: 10%;transform: rotate(0deg);}
}

@keyframes ball06 {
    0% {bottom: 50px;right: 20%;transform: rotate(-360deg);}
    50% {bottom: 30px;left: 50%;transform: rotate(-5deg);z-index: 1;}
    70% {bottom: 20px;left: 20%;transform: rotate(350deg);z-index: 5;}
    80% {bottom: 30px;left: 30%;transform: rotate(240deg);}
    100% {left: 50%;transform: rotate(4deg);}
}

@keyframes ball07 {
    0% {bottom: 90px;right: 0%;transform: rotate(360deg);}
    50% {bottom: 50px;left: 6%;transform: rotate(5deg);}
    70% {bottom: 20px;left: 50%;transform: rotate(30deg);z-index: 10;}
    80% {bottom: 30px;left: 60%;transform: rotate(20deg);}
    100% {left: 60%;bottom: 30px;transform: rotate(-14deg);}
}

@keyframes ball08 {
    0% {bottom: 90px;right: 0%;transform: rotate(360deg);z-index: 5;}
    70% {bottom: 20px;left: 50%;transform: rotate(-100deg);z-index: 10;}
    80% {bottom: 90px;left: 10%;transform: rotate(-20deg);}
    100% {left: 10%;bottom: 30px;transform: rotate(0deg);}
}

@keyframes ball09 {
    0% {bottom: 80px;left: 10%;transform: rotate(300deg);}
    60% {bottom: 10px;right: 10%;transform: rotate(20deg);z-index: 2;}
    100% {left: 50%;bottom: 10px;transform: rotate(-14deg);}
}

@keyframes ball10 {
    00% {bottom: 10px;left: 50%;transform: rotate(360deg);z-index: 3;}
    80% {bottom: 30px;left: 60%;transform: rotate(20deg);}
    100% {left: 60%;bottom: 80px;transform: rotate(-50deg);}
}

@keyframes ball11 {
    0% {bottom: 30px;right: 20%;transform: rotate(50deg);}
    80% {bottom: 90px;left: 10%;transform: rotate(300deg);}
    100% {left: 10%;bottom: 50px;transform: rotate(0deg);z-index: 4;}
}


/* 1920px */
@media screen and (max-width:1920px) {
}

/* 1680px */
@media screen and (max-width:1680px) {
	#whole .marble-layout .wrap {max-width:1080px;}
	.marble-layout .middle .one .title {margin-top:50px;}
	.marble-layout ul.steps li.color.finish div:after {width:90px; height:90px; left:-45px;}
	#whole .marble-layout .fs20 {font-size:18px; line-height:24px;}
	#whole .marble-layout .fs25 {font-size:20px; line-height:26px;}
	#whole .marble-layout .fs30 {font-size:25px; line-height:31px;}
	#whole .marble-layout .fs50 {font-size:35px; line-height:41px;}
	
	.main-layout .roll-banner .slick-arrow.slick-prev {left:0;}
	.main-layout .roll-banner .slick-arrow.slick-next {right:0;}
}

/* 1440px */
@media screen and (max-width:1440px) {
	#whole {overflow-x:hidden;}
	.wrap {margin:0 50px;}

	.slick-arrow {width:50px; height:50px; line-height:50px;}
	.tnb-layer .tnb-inner {width:100%; padding:0 50px;}

	.footer .info {display:block; padding-right:300px;}
	.footer .info .group {padding:0;}
	.footer .info .group.found {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e4e6e8;}

	#whole .marble-layout .wrap {margin:0 auto;}

	.main-layout .events .slick-slide .img .bg-photo {width:100%; height:0; padding-bottom:135%;}

	.main-layout .events .slick-slide {filter:grayscale(0); opacity:1;}
	.main-layout .promotion .motel:before {bottom:60px;}
	.main-layout .promotion .motel .title {text-align:center; padding:80px 40px 60px 40px;}
	.main-layout .promotion .motel .title br {display:none;}
	.main-layout .promotion .motel .title .tag {left:50%; transform:translateX(-50%);}
	.main-layout .promotion .motel .roll-box {position:relative; top:auto; left:auto; right:auto; margin:0 -50px;}
	.main-layout .promotion .motel .slick-slide {padding:0 20px;}
	.main-layout .promotion .motel .slick-slide .tag {top:15px;}
	.main-layout .promotion .motel .slick-slide .img .bg-photo {width:100%; height:0; padding-bottom:150%;}
}

/* 1366px */
@media screen and (max-width:1366px) {
	.marble-layout {display:none;}
	.visa-layout {max-width:360px;}
	.visa-layout .prof .cha {padding:40px;}
	.visa-layout .prof .cha img {max-height:100px;}
	.visa-layout .prof .text {padding:15px 0;}
	.visa-layout .prof .text.omt, .visa-layout .info .text .name span {font-size:25px;}
	.visa-layout .info .text .name {font-size:20px;}
}

/* 1280px */
@media screen and (max-width:1280px) {
	#whole {padding-top:70px;}

	.header {height:70px !important; line-height:70px !important;}

	.mobile-control.dn {display:block; height:70px; position:absolute; top:0; right:-70px; overflow:hidden;}
	.mobile-control button {display:block; width:70px; height:70px; line-height:70px; text-align:center; cursor:pointer; padding:0; border:0; background:none;}
	.mobile-control button i {font-size:36px;}
	.mobile-control button.open {}
	.mobile-control button.open:hover {color:#ed2042;}
	.mobile-control button.close {color:white;}
	.mobile-control button:before {display:inline-block; font-family:"Material Symbols Outlined"; font-size:30px;}
	.mobile-control button.open:before {content:"\e5d2";}
	.mobile-control button.close:before {content:"\e5cd";}
	.header h1 {position:relative; top:auto; left:auto; margin:0 auto; float:none; width:120px !important; min-width:0; transform:none;}

	.header #gnb-box {position:fixed; top:0; left:-220px; bottom:0; width:220px; z-index:10; padding:80px 0 0 0; background:white; margin-top:0;}
	.header #gnb-box a {text-align:left; color:black !important; line-height:inherit; padding:0 30px;}
	.header #gnb-box>ul {position:absolute; top:80px; left:0; right:0; bottom:0; overflow-x:auto; margin:0;}
	.header #gnb-box>ul>li {float:none; width:auto;}
	.header #gnb-box>ul>li>a {color:black; font-size:16px; height:60px; line-height:60px; border-bottom:1px solid #e4e6e8; pointer-events:none;}
	.header #gnb-box>ul>li ul {height:auto; max-height:0; overflow:hidden; transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);; border:0; position:relative !important; top:auto !important; left:auto !important; right:auto !important; padding:0 !important;}
	.header #gnb-box>ul>li ul li a {background:#f2f2f4; border-bottom:1px solid #e4e6e8; font-size:16px; line-height:50px; color:black; margin:0;}
	.header #gnb-box>ul>li:hover ul {max-height:500px; padding-bottom:0; min-height:50px;}
	.header #gnb-box>ul>li:hover>a {background:#ed2042; color:white !important;}
	.header #gnb-box>a {position:relative; top:auto; right:auto; transform:none; display:block; border-radius:0; margin:0; height:50px; line-height:50px; text-align:center;}
	.header #gnb-box>ul>li ul li a:hover {color:#ed2042 !important;}
	.header .close-bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1; display:none;}

	.header .marble-btn {display:none !important;}

	.tnb-box {position:absolute; top:0 !important; right:0; padding:0 !important;}
	.tnb-box i {font-size:22px;}
	.tnb-box>ul>li a, .tnb-box>ul>li p {height:70px; line-height:70px;}
	.tnb-box>ul>li.sitemap {display:none;}

	.tnb-layer .tnb-inner {width:auto; left:30px !important; right:30px; transform:translateY(-50%) !important; padding:0;}
	.tnb-layer .tnb-inner.tnb-search {width:auto;}

	.header #gnb-box .login-control.dn {display:block; position:absolute; top:0; left:0; right:0; padding:15px;}
	.header #gnb-box .login-control.dn a {display:block; border:1px solid black; height:50px; line-height:50px; text-align:center;}
	.header #gnb-box .login-control.dn a:hover {background:black; color:white !important;}

	.footer .banner .wrap {margin:0;}
	.footer .banner .slick-rolling {padding:0 60px;}
	.footer .banner .slick-arrow {border-radius:0;}

	.visit-sns {display:none;}

	.main-layout .slide-banner ul li .tit {font-size:20px;}
	.main-layout .slide-banner ul.sbn-on li {width:16%;}
	.main-layout .slide-banner ul.sbn-on li.on {width:52%;}
	.main-layout .recommend .box-text {display:none;}
	.main-layout .recommend .roll-box {position:relative; top:auto; left:auto; right:auto; margin:0 -50px; padding-top:80px;}
	.main-layout .recommend .slick-slide .img .bg-photo {width:100%; height:0; padding-bottom:125%;}
	.main-layout .recommend .slick-arrow {width:50px; height:50px; line-height:50px; bottom:auto; top:50%; transform:translateY(-50%);}
	.main-layout .recommend .slick-arrow.slick-prev {left:10px;}
	.main-layout .recommend .slick-arrow.slick-next {right:10px; left:auto;}
	.main-layout .recommend .slick-slide {padding:0 15px 20px 15px;}

	.main-layout .promotion .upper .inner>div {float:none; width:auto !important;}
	.main-layout .promotion .discount .slick-slide .img .bg-photo {width:100%; height:0; padding-bottom:121%;}
	.main-layout .chall .inner {text-align:center; padding:60px 0;}
	.main-layout .chall .obj img {width:100px;}
	.main-layout .chall ul.title {padding:0 0 30px 0;}
	.main-layout .chall .chall-go {position:relative; top:auto; transform:none; right:auto; display:inline-block;}

	.recommend .main-title {margin-bottom:40px;}
	.recommend-tab {top:0; left:0; right:0; transform:translateX(0); text-align:center;}

	.sub-layout .snb-box {display:none;}
	.sub-layout .contents-title {text-align:center;}

	.about .upper .logo {position:relative; top:auto; right:auto; text-align:center; padding-bottom:40px; margin-bottom:40px; border-bottom:3px solid #ed2042;}
	.about .upper .logo img {max-height:100px;}
	.about .lower {text-align:center;}
	.about .lower .logo {position:relative; top:auto; right:auto; transform:none; text-align:center; margin-bottom:40px;}

	.reports-list ul.gallery-mode {margin-right:-30px;}
	.reports-list ul.gallery-mode li {width:33.33%; padding:0 30px 60px 0;}

	.page-tab ul.krila-reports-tab li {width:20%;}

	.video_area{
		overflow: hidden;
		border-radius: 20px;
		height: 300px;
	}
}

/* 1024px */
@media screen and (max-width:1024px) {
	.wrap {margin:0 40px;}
    .main_quick_mob{display: none;}
	.main-layout .visual .wrap {padding-top:0px;}
	.main-layout .slide-banner ul {margin:0;}
	.main-layout .slide-banner ul li {width:100% !important; float:none; padding:0 0 20px 0;}
	.main-layout .slide-banner ul li div {height:auto; min-height:100px;}
	.main-layout .slide-banner ul li .tit {font-size:22px;}
	.main-layout .slide-banner ul li .tit br {display:none;}
	.main-layout .main-title {text-align:center;}
	.main-layout .main-title .pps:before {position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
	.main-layout .main-title-more {position:relative; top:auto; right:auto; border-radius:10px !important; display:block; text-align:center; margin-top:40px;}
	.main-layout .recommend .roll-box {margin:0 -40px;}
	.main-layout .promotion .motel .roll-box {margin:0 -40px;}
	.main-layout .gallery .list {border-radius:0;}
	.main-layout .gallery ul {margin-right:-10px;}
	.main-layout .gallery ul li {width:33.33%; padding:0 10px 10px 0;}
	.main-layout .gallery ul li a {border-radius:10px; overflow:hidden;}
	.main-layout .gallery ul li:last-child {display:none;}

	.rtdm.view .ytb .inner {display:block; margin-right:0;}
	.rtdm.view .ytb .inner>div {width:auto; padding:0;}
	.rtdm.view .ytb .inner>div.long {margin-bottom:40px;}
}

/* 820px */
@media screen and (max-width:820px) {
	.wrap {margin:0 30px;}
	.imap-box .imap-con {height:350px;}
	.map-box>div>div.wrap_map {height:350px !important;}

	.footer h6 {position:relative; top:auto; right:auto; left:auto; transform:none; margin-bottom:33px;}
	.footer h6 img {height:60px;}
	.footer .upper {text-align:center;}
	.footer .upper .text-gray {position:relative; top:auto; right:auto; transform:none; padding-top:5px;}
	.footer .lower .wrap {padding:40px 0 80px 0;}
	.footer .info {padding:0;}

	.main-layout .pb160 {padding-bottom:120px;}
	.main-layout .roll-banner .wrap {margin:0;}
	.main-layout .roll-banner .inner {margin:0;}
	.main-layout .roll-banner img.pc {display:none;}
	.main-layout .roll-banner img.mo {display:block;}
	.main-layout .roll-banner .slick-arrow.slick-prev {left:10px;}
	.main-layout .roll-banner .slick-arrow.slick-next {right:10px;}
	.main-layout .recommend .roll-box {margin:0 -30px;}
	.main-layout .promotion .video .vod-box .vod {height:400px;}
	.main-layout .promotion .discount .title {font-size:25px;}
	.main-layout .promotion .motel .roll-box {margin:0 -30px;}
	.main-layout .promotion .motel .slick-slide {padding:0 10px;}

	.con-tab ul {display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center;}
	.con-tab ul li {flex-grow:1;}
	.con-tab ul li>* {height:60px; line-height:60px; font-size:18px; width:100%;}
	.con-tab ul li>*>* {font-size:18px;}

	.about .lower .inner:before {top:-20px;}

	.gangwon-place p.portal {text-align:center;}
	.gangwon-place p.portal a {display:block; font-size:18px; height:50px; line-height:48px;}
	.gangwon-place p.portal a i {font-size:20px;}
	.gangwon-place .map-layout {}
	.gangwon-place .map-layout .inner {overflow-y:hidden; overflow-x:scroll;}
	.gangwon-place .map-layout .biz-map {margin-top:-80px;}

	.rtdm.view .mtitle {font-size:22px; padding:20px 0;}
	.rtdm.view .stitle {padding:20px; font-size:20px; font-weight:500px; border:1px solid #e4e6e8; background:#f9f9fb; margin-bottom:40px;}
	.rtdm.view .con-view .poster {position:relative; top:auto; margin:0 auto 40px auto; float:none;}
	.rtdm.view .con-view .detail {margin:0;}
	.rtdm.view .card-slide .inner {padding:0 0 40px 0;}
	.rtdm.view .card-slide .slick-arrow {display:none !important;}
	.rtdm.view .card-slide .slick-dots {bottom:-15px;}

	.page-tab ul.krila-reports-tab li {width:auto;}
	.page-tab ul.krila-reports-tab li a {line-height:50px; padding:0 20px; white-space:nowrap;}
	.page-tab ul.krila-reports-tab li a:before {display:none;}
	.page-tab ul.krila-reports-tab li.on a {line-height:46px;}

	.contents-layer .layer-inner {left:20px; right:20px; transform:translateY(-50%);}
	.visa-layout {max-width:720px;}
	.head_box{
		padding: 20px;
	}
	.lang_head_wrap{
		padding: 0;
	}
	.lang_wrap{
		background-size: 140%;
	}
	.lang_con{
		overflow: hidden;
	}
	.lang_content{
		padding-top: 70px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.op_txt{
		font-size: 30px;
	}
	.lang_type{
		left: 20px;
	}
	.lang_greeting{
		padding: 20px 10px;
	}
	.lang_cr01{
		top: -20px;
		width: 100px;
	}
	.lang-btn-box > a:last-child{
		margin-top: 10px;
	}
	.lang_cr02{
		width: 200px;
	}
	.lang_nav>li:nth-child(-n+3)>a::after{
		display: none;
	}
	.lang_head_wrap.df{
		display: block;
	}
	.lang_nav{
		margin-top: 20px;
		gap: 0 5px;
	}
	.lang_nav > li{
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px;
		box-sizing: border-box;
	}
	.lang_greeting > p{
		font-size: 14px;
	}
}

/* 640px */
@media screen and (max-width:640px) {
	.mfp-wrap .mfp-container .mfp-content .mfp-figure:after {top:36px; bottom:36px; left:0; right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {width:36px; height:36px; line-height:36px; top:0; right:0; border-radius:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure img.mfp-img {padding:36px 0;}
	.mfp-wrap .mfp-container .mfp-arrow {border-radius:0; top:50%; margin-top:-36px;}
	.mfp-wrap .mfp-arrow-left {left:0;}
	.mfp-wrap .mfp-arrow-right {right:0;}
	.mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-bottom-bar .mfp-title {padding-top:6px; font-size:14px;}

	.footer .banner .slick-rolling {padding:0;}

	.main-layout .visual .wrap {padding-top:0px; padding-bottom:0px;}
	.main-layout .events .slick-arrow.slick-prev {left:0;}
	.main-layout .events .slick-arrow.slick-next {right:0;}
	.main-layout .promotion .video .vod-box .vod {height:300px;}
	.main-layout .chall .chall-go {padding:0 20px; height:60px; line-height:60px; font-size:18px;}
	.main-layout .gallery ul li {width:50%;}
	.main-layout .gallery ul li:last-child {display:block;}

	.imap-box .imap-con {height:250px;}
	.map-box>div>div.wrap_map {height:250px !important;}
	#button-top {width:40px; height:40px; line-height:40px; right:20px;}

	.con-tab ul li>* {padding:0 12px; font-size:16px;}
	.con-tab ul li>*>* {font-size:16px;}

	.sub-layout .contents-title {padding:60px 0 40px 0;}
	.sub-layout .contents-title .loca {display:none;}
	.sub-layout .contents {padding-bottom:60px;}

	.about .lower .btn-box a {display:block; margin:0 0 5px 0; border-radius:10px !important;}

	.reports-list ul.gallery-mode li {width:50%;}
	.reports-list ul.gallery-mode li:nth-child(odd) {clear:both;}
	.page-tab ul{overflow-x: scroll;flex-wrap: nowrap;}
	.tnb-box>ul>li.search{display: none;}
}

/* 480px */
@media screen and (max-width:480px) {
	.video-wrapper{
		padding-bottom: 80%;
	}
	.lang_div.df{
		display: block;
	}
	.lang_poster_wrap,.lang_welcome{
		margin-top: 10px;
	}
	.lang_poster_wrap img{
		width: 100%;
	}
}