@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap'); @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif; Regular(400), Bold(700), Extra Bold(800), Light(300) */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url(https://font.elice.io/EliceDigitalBaeum.css); /* font-family: "Elice Digital Baeum",sans-serif; */ @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../font/fa-light-300.eot);src:url(../font/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../font/fa-light-300.woff2) format("woff2"),url(../font/fa-light-300.woff) format("woff"),url(../font/fa-light-300.ttf) format("truetype"),url(../font/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300} @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../font/fa-regular-400.eot);src:url(../font/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../font/fa-regular-400.woff2) format("woff2"),url(../font/fa-regular-400.woff) format("woff"),url(../font/fa-regular-400.ttf) format("truetype"),url(../font/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Pro";font-weight:400} @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../font/fa-solid-900.eot);src:url(../font/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../font/fa-solid-900.woff2) format("woff2"),url(../font/fa-solid-900.woff) format("woff"),url(../font/fa-solid-900.ttf) format("truetype"),url(../font/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; } body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#353535;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.05em; word-break:keep-all;} html, body {width:100%;/*height:100%;*/;} header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; } table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; } th, td { word-wrap:break-word; word-break:break-all;font-weight:normal } fieldset, iframe { border:0; vertical-align:top; } small { font-size:12px; color:#666; } img { border:0; font-size:0; vertical-align:top; } address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } li, dd { list-style:none; word-break:keep-all; } hr { display:none; } caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; } legend { overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; } button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;} a {text-decoration:none; color:#353535} .transition { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } /* layout */ #wrap {overflow:hidden; padding-top:205px;} .inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;} .s-inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;} .s-inner2 {width:1400px; margin-left:auto; margin-right:auto;} .text_hidden {display:none;} html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;} .tc {text-align:center;} .clear {clear:both;} br.pc_br {display:none;} @media all and (max-width:1399px) { .s-inner2 {width:93%} } @media all and (max-width:1199px) { .inner {width:100%;} .s-inner {width:93%;} } @media all and (max-width:1024px) { body { font-size: 15px; } #wrap {padding-top:0;} } @media all and (max-width:767px) { body { font-size: 13px; } br.mo_br {display:none;} br.pc_br {display:block;} } ::selection {background:rgba(97,44,130,0.8); color:#fff;} ::-moz-selection {background:rgba(97,44,130,0.8); color:#fff;} ::-webkit-selection {background:rgba(97,44,130,0.8); color:#fff;} .travel4u_btn {display:block; width:200px; line-height:56px; border-radius:5px; border:2px solid #009bdb; background:#009bdb; text-align:center; font-size:1em; color:#fff; transition:background 0.5s, color 0.5s, border 0.5s} .travel4u_btn:hover {background:none; color:#009bdb;} .travel4u_btn.case2:hover {border-color:#fff; color:#fff;} .travel4u_btn.case3 {border-color:#9e47d4; background:#9e47d4;} .travel4u_btn.case3:hover {background:none; color:#9e47d4} .travel4u_btn.center {margin:40px auto 0;} @media screen and (max-width:1024px){ .travel4u_btn {width:165px; line-height:48px;} .travel4u_btn.center {margin-top:4%;} } @media screen and (max-width:767px){ .travel4u_btn {width:140px; line-height:41px;} } /* header */ #forutravel_header {width:100%; height:150px; background:#fff; position:fixed; left:0; top:0; z-index:60;} /*#forutravel_header.scroll_on {box-shadow:0 0 10px rgba(0,0,0,0.05)}*/ #forutravel_header .h_search {float:left; margin:52px 40px 0 50px; position:relative;} #forutravel_header .h_search .txt {display:block; width:300px; height:55px; border:1px solid #353535; border-radius:28px; font-size:0.875em; padding:0 45px 0 40px; font-family:'Noto Sans KR'; appearance: none; -webkit-appearance: none;} #forutravel_header .h_search .txt:focus {outline:none;} #forutravel_header .h_search .txt::placeholder {color:rgba(119,119,119,0.7);} #forutravel_header .h_search .txt::-webkit-input-placeholder {color:rgba(119,119,119,0.7);} #forutravel_header .h_search .txt:-ms-input-placeholder {color:rgba(119,119,119,0.7);} #forutravel_header .h_search button {width:40px; height:55px; position:absolute; right:0; top:0; text-align:left;} #forutravel_header .h_search button img {width:18px; height:18px;} #forutravel_header .h_search .s_btn {display:none;} #forutravel_header .h_rank {float:left; position:relative; width:150px; margin-top:52px;} #forutravel_header .h_rank .top_txt {height:55px;} #forutravel_header .h_rank .top_txt p {line-height:55px;} #forutravel_header .h_rank .top_txt .state {line-height:55px; height:55px;} #forutravel_header .h_rank .rank_txt {display:block; width:100%; padding-right:30px; position:relative;} #forutravel_header .h_rank .rank_txt p {font-size:0.875em; color:#777; position:relative; padding-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #forutravel_header .h_rank .rank_txt p .number {color:#009bdb; font-family:'Poppins'; position:absolute; left:0; top:0;} #forutravel_header .h_rank .rank_txt .state {width:30px; position:absolute; right:0; top:0;} #forutravel_header .h_rank .rank_txt .state:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;} #forutravel_header .h_rank .rank_txt .state.up:before {background:url(/images/ico_caret-up.svg) no-repeat center center; background-size:9px 14px;} #forutravel_header .h_rank .rank_txt .state.down:before {background:url(/images/ico_caret-down.svg) no-repeat center center; background-size:9px 14px;} #forutravel_header .h_rank .rank_txt .state.new:before {content:'New'; font-size:0.7em; color:#f00; font-family:'Poppins'} #forutravel_header .h_rank .rank_txt .state.nogap:before {content:'-'; font-size:0.7em; color:#777; font-family:'Poppins'} #forutravel_header .h_rank .box {width:180px; background:#fff; border:1px solid rgba(119,119,119,0.3); position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:opacity 0.6s; z-index:10;} #forutravel_header .h_rank:hover .box, #forutravel_header .h_rank.on .box {opacity:1; visibility:visible;} #forutravel_header .h_rank .box .t1 {font-size:0.93em; color:#009bdb; line-height:54px; border-bottom:1px solid rgba(119,119,119,0.3); padding:0 10px;} #forutravel_header .h_rank .box ul {padding:15px;} #forutravel_header .h_rank .box ul .rank_txt p {line-height:30px;} #forutravel_header .h_rank .box ul .rank_txt .state {height:30px; line-height:30px;} #forutravel_header .h_rank .box .date {font-size:0.93em; color:#777; line-height:40px; font-weight:300; border-top:1px solid rgba(119,119,119,0.3); text-align:center;} #forutravel_header .h_rank .top_txt {opacity:1; transform: translate(0, 0); transition:all .1s ease-in-out;} #forutravel_header .h_rank .top_txt.up{opacity:0; transform: translate(0, -10px); transition:all .1s ease-in-out;} #forutravel_header .h_rank .top_txt.down {opacity:0; transform: translate(0, 10px); transition:all .0s ease-in-out;} #forutravel_header .h_util {float:right;} #forutravel_header .h_util ul {overflow:hidden; padding-top:50px;} #forutravel_header .h_util ul li {float:left; margin-left:25px;} #forutravel_header .h_util ul li a {display:block; text-align:center;} #forutravel_header .h_util ul li .ico {position:relative;} #forutravel_header .h_util ul li .ico span {width:16px; line-height:16px; background:#009bdb; font-size:0.5em; color:#fff; font-weight:500; font-family:'Poppins'; border-radius:50%; position:absolute; right:2px; top:-4px;} #forutravel_header .h_util ul li img {height:22px;} #forutravel_header .h_util ul li p {font-size:0.875em; color:#777; line-height:1.2em; margin-top:5px;} #forutravel_logo {float:left; margin-top:50px;} #forutravel_gnb {width:100%; height:55px; background:#fff; border-bottom:1px solid rgba(119,119,119,0.3); position:fixed; left:0; top:150px; z-index:55; transition:top 0.6s;} #forutravel_gnb .top_gnb {float:left;} #forutravel_gnb .top_gnb > li {float:left; margin-right:40px; position:relative;} #forutravel_gnb .top_gnb > li:last-child {margin-right:0;} #forutravel_gnb .top_gnb > li > a {display:block; font-size:1.125em; line-height:24px; font-weight:700; transition:color 0.5s; font-family:'Elice Digital Baeum'} #forutravel_gnb .top_gnb > li.on > a, #forutravel_gnb .top_gnb > li > a:hover {color:#009bdb} #forutravel_gnb .top_gnb > li > ul {display:none; width:200px; background:#fff; padding:20px 0; position:absolute; left:50%; top:35px; transform:translateX(-50%); z-index:60; text-align:center; border-radius:15px; box-shadow:10px 10px 20px rgba(0,0,0,0.1)} #forutravel_gnb .top_gnb > li > ul > li > a {display:block; font-size:0.93em; line-height:1.5em; padding:10px 0; font-family:'Elice Digital Baeum'; transition:all 0.5s; transition-property:background, color} #forutravel_gnb .top_gnb > li > ul > li:hover > a {background:#f7f8f9; color:#009bdb;} #forutravel_header.scroll_on + #forutravel_gnb {top:100px;} #forutravel_gnb .member {float:right;} #forutravel_gnb .member li {float:left;} #forutravel_gnb .member li:first-child:after {content:'|'; color:#ccc; margin:0 12px;} #forutravel_gnb .member li a {font-size:1em; color:#353535; line-height:24px; transition:color 0.4s; font-family:'Elice Digital Baeum'} #forutravel_gnb .member li:hover a {color:#009bdb;} #all_gnb {width:100%; height:0; background:#fff; position:absolute; left:0; top:55px; box-shadow:inset 0 0 20px rgba(0,0,0,0.05); overflow:hidden; transition:height 0.7s} #all_gnb > ul {display:flex; justify-content:space-between; align-items:unset; padding-top:30px;} #all_gnb > ul > li {min-width:140px;} #all_gnb > ul > li > a {display:block; font-size:1.125em; line-height:1.2em; font-weight:700; border-bottom:1px solid rgba(119,119,119,0.3); padding-bottom:15px; margin-bottom:20px; font-family:'Elice Digital Baeum'} #all_gnb > ul > li > ul > li {margin-bottom:10px;} #all_gnb > ul > li > ul > li:last-child {margin-bottom:0;} #all_gnb > ul > li > ul > li > a {font-size:1em; color:#777; line-height:1.5em; letter-spacing:-0.025em; transition:color 0.5s; font-family:'Elice Digital Baeum'} #all_gnb > ul > li > ul > li > a:hover {color:#009BDB} #all_gnb .h_util ul {display:none; overflow:hidden; padding:20px 0;} #all_gnb .h_util ul li {float:left; width:33.33%;} #all_gnb .h_util ul li a {display:block; text-align:center;} #all_gnb .h_util ul li .ico {position:relative;} #all_gnb .h_util ul li .ico span {width:16px; line-height:16px; background:#009bdb; font-size:0.5em; color:#fff; font-weight:500; font-family:'Poppins'; border-radius:50%; position:absolute; right:19px; top:-4px;} #all_gnb .h_util ul li img {height:17px;} #all_gnb .h_util ul li p {font-size:0.875em; color:#777; line-height:1.2em; margin-top:5px;} #all_gnb .h_search {display:none; width:100%; position:relative; border-top:10px solid #f7f8f9; border-bottom:10px solid #f7f8f9;} #all_gnb .h_search .txt {display:block; width:100%; height:45px; border:0; font-size:0.875em; padding:0 35px 0 10px; font-family:'Noto Sans KR'; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;} #all_gnb .h_search .txt:focus {outline:none;} #all_gnb .h_search .txt::placeholder {color:rgba(119,119,119,0.7);} #all_gnb .h_search .txt::-webkit-input-placeholder {color:rgba(119,119,119,0.7);} #all_gnb .h_search .txt:-ms-input-placeholder {color:rgba(119,119,119,0.7);} #all_gnb .h_search button {width:30px; height:45px; position:absolute; right:0; top:0; text-align:left;} #all_gnb .h_search button img {width:18px; height:18px;} #all_gnb .member {display:none;} #all_menuToggle {float:left; width:20px; height:16px; margin:5px 30px 0 0;position:relative; cursor:pointer;} #all_menuToggle span {display:block; width:100%; height:2px; background:#353535; position:absolute; left:0; transition:all 0.5s} #all_menuToggle span:nth-child(1) {top:0;} #all_menuToggle span:nth-child(2) {top:50%; margin-top:-1px;} #all_menuToggle span:nth-child(3) {bottom:0;} #all_menuToggle.on span:nth-child(1) {transform:translateY(7px) rotate(45deg)} #all_menuToggle.on span:nth-child(2) {width:0;} #all_menuToggle.on span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)} #menuOpen {display:none; float:right; width:20px; height:16px; margin-top:23px; position:relative; cursor:pointer;} #menuOpen span {display:block; width:100%; height:2px; background:#353535; position:absolute; left:0;} #menuOpen span:nth-child(1) {top:0;} #menuOpen span:nth-child(2) {top:50%; margin-top:-1px;} #menuOpen span:nth-child(3) {bottom:0;} #menuClose {display:none; width:50px; height:50px; background:#353535; position:fixed; right:-50px; top:0; cursor:pointer; transition:right 0.7s} #menuClose:before, #menuClose:after {content:''; display:block; width:20px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-10px;} #menuClose:before {transform:rotate(45deg)} #menuClose:after {transform:rotate(-45deg)} .menuBG {display:none; width:100%; height:100vh; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:29;} #forutravel_header .mo_sch {display:none;} @media screen and (min-width:1025px){ #all_gnb.active {height:260px;} #forutravel_header {transition:height 0.6s} #forutravel_header .h_search {transition:margin-top 0.6s} #forutravel_header .h_rank {transition:margin-top 0.6s} #forutravel_header .h_util ul {transition:padding-top 0.6s} #forutravel_logo {transition:margin-top 0.6s} #forutravel_header.scroll_on {height:100px;} #forutravel_header.scroll_on .h_search {margin-top:23px;} #forutravel_header.scroll_on .h_rank {margin-top:23px;} #forutravel_header.scroll_on .h_util ul {padding-top:30px;} #forutravel_header.scroll_on #forutravel_logo {margin-top:20px;} } @media screen and (min-width:1200px){ #all_gnb.active {height:310px;} } @media screen and (max-width:1199px){ #forutravel_gnb .top_gnb > li {margin-right:25px;} #forutravel_gnb .top_gnb > li > a {font-size:1em;} #forutravel_gnb .member li a {font-size:0.93em;} #all_gnb > ul > li {min-width:110px;} #all_gnb > ul > li > a {font-size:1em;} #all_gnb > ul > li > ul > li {margin-bottom:5px;} #all_gnb > ul > li > ul > li > a {font-size:0.93em;} #all_menuToggle {margin-right:20px;} } @media screen and (max-width:1024px){ #forutravel_header {height:100px; position:relative; background:#f7f8f9} #forutravel_header .h_rank {float:none; width:100%; position:absolute; left:0; top:0; margin-top:0;} #forutravel_header .h_rank .top_txt {height:40px;} #forutravel_header .h_rank .top_txt p {line-height:40px;} #forutravel_header .h_rank .top_txt .state {line-height:40px; height:40px;} #forutravel_header .h_rank .box {width:100%;} #forutravel_header .h_rank .box .t1 {line-height:39px;} #forutravel_header .h_rank .box ul {padding:5px 15px;} #forutravel_header .h_util {display:none;} #forutravel_header .h_search {display:none; width:100%; padding:10px 3.5%; background:#fff; position:fixed; left:0; top:0; margin:0; z-index:30; box-shadow:0 0 10px rgba(0,0,0,0.2)} #forutravel_header .h_search.on {display:block;} #forutravel_header .h_search .txt {width:calc(100% - 80px);; height:45px; border:0; border-radius:0; padding:0; margin:0 auto;} #forutravel_header .h_search button {height:45px; right:auto; left:3.5%; top:10px;} #forutravel_header .h_search .s_btn {display:block; width:40px; position:absolute; right:3.5%; top:10px; line-height:45px; text-align:right;} #forutravel_logo {margin-top:10px;} #forutravel_logo img {height:40px;} #forutravel_gnb {height:auto; position:relative; top:0;} #forutravel_gnb.on {z-index:65} #forutravel_gnb .top_gnb {float:none; white-space:nowrap; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none;} #forutravel_gnb .top_gnb::-webkit-scrollbar {display:none;} #forutravel_gnb .top_gnb > li {float:none; display:inline-block; margin-right:30px;} #forutravel_gnb .top_gnb > li > a {line-height:40px;} #forutravel_header.scroll_on + #forutravel_gnb {top:0;} #forutravel_gnb .member {display:none;} .mo_header {width:100vw; height:60px; background:#fff; position:absolute; top:40px; left:50%; margin-left:-50vw; padding:0 5%; border-bottom:1px solid #eee;} .mo_header.scroll_on {position:fixed; top:0;} #all_gnb {width:240px; height:100vh; position:fixed; left:auto; right:-290px; top:0; box-shadow:none; padding-bottom:100px; overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none; transition:right 0.7s; z-index:30;} #all_gnb::-webkit-scrollbar {display:none;} #all_gnb > ul {display:block; width:100%; padding-top:0;} #all_gnb > ul > li {min-width:0; width:100%;} #all_gnb > ul > li > a {width:100%; margin-bottom:0; padding:15px 10px; border-bottom-color:rgba(119,119,119,0.2); position:relative;} #all_gnb > ul > li > a:before {content:''; display:block; width:6px; height:6px; border-bottom:1px solid #353535; border-left:1px solid #353535; position:absolute; right:15px; top:20px; transform:rotate(-45deg)} #all_gnb > ul > li > a.on:before {border:0; border-top:1px solid #353535; border-right:1px solid #353535; top:24px;} #all_gnb > ul > li > ul {display:none;} #all_gnb > ul > li > ul > li {margin-bottom:0;} #all_gnb > ul > li > ul > li > a {display:block; padding:13px 10px; border-bottom:1px solid rgba(119,119,119,0.2); background:#f7f7f7} #all_gnb .member {display:block; margin-top:2%; padding-right:10px;} #all_gnb .h_util ul, #all_gnb .h_search {display:block;} #all_menuToggle {display:none;} #menuOpen, #menuClose {display:block;} #all_gnb.on {right:0;} #all_gnb.on #menuClose {right:240px;} #all_gnb.on + .menuBG {display:block;} .menuBG.on {display:block;} #forutravel_header .mo_sch {display:block; float:right; margin:20px 3% 0 0;} #forutravel_header .mo_sch img {width:21px; height:21px;} } /* footer */ #forutravel_footer {width:100%; background:#2b2b2b; padding-bottom:70px;} #forutravel_footer .f_util {background:#fff; text-align:center; box-shadow:15px 0 15px 0 rgba(119,119,119,0.13); position:relative; top:-50px;} #forutravel_footer .f_util li {display:inline-block; position:relative; padding:0 50px;} #forutravel_footer .f_util li:before {content:''; display:block; width:1px; height:20px; background:rgba(119,119,119,0.2); position:absolute; left:0; top:50%; transform:translateY(-50%)} #forutravel_footer .f_util li:first-child:before {display:none;} #forutravel_footer .f_util li a {display:block; font-size:1em; line-height:70px; font-weight:500; transition:color 0.4s;} #forutravel_footer .f_util li a:hover {color:#6a6a6a;} #forutravel_footer .f_info {position:relative; padding-left:210px;} #forutravel_footer .f_info h1 {position:absolute; left:0; top:0;} #forutravel_footer .f_info .t1, #forutravel_footer .f_info .copy {font-size:0.875em; color:#fff; line-height:2em; opacity:0.5} #forutravel_footer .f_info .t1 span {margin:0 12px; color:#777;} #forutravel_footer .f_info .copy {margin-top:20px} #Quick {width:150px; position:fixed; right:50px; bottom:50px; z-index:30; transition:padding-bottom 0.6s} #Quick a {display:table; width:150px; height:150px; text-align:center; border-radius:50%; background:#fae100; box-shadow:10px 10px 20px 0 rgba(119,119,119,0.1); position:relative; z-index:5; margin:0 auto; transition:all 0.6s; transition-property:width, height} #Quick a span {display:table-cell; vertical-align:middle; font-size:1.125em; color:#391d1d; font-weight:600;} #Quick a span:before {content:''; display:block; width:70px; height:70px; background:url(/images/ico_kakao.png) no-repeat center center; background-size:cover; margin:0 auto;} #Quick .go_top {width:80px; line-height:80px; background:#fff; border-radius:50%; box-shadow:10px 10px 15px 0 rgb(119,119,119,0.15); text-align:center; cursor:pointer; position:absolute; left:50%; bottom:0; margin-left:-40px; opacity:0; transition:opacity 0.6s} #Quick .go_top img {width:16px; vertical-align:middle; position:relative; z-index:-3px;} #Quick.scroll_on {padding-bottom:65px;} #Quick.scroll_on a {width:110px; height:110px;} #Quick.scroll_on a span:before {height:0;} #Quick.scroll_on .go_top {opacity:1;} @media screen and (max-width:1499px){ #Quick {right:20px; bottom:20px;} } @media screen and (max-width:1199px){ #forutravel_footer .f_util li {padding:0 40px;} } @media screen and (max-width:1024px){ #forutravel_footer {padding-bottom:6%;} #forutravel_footer .f_util {top:-40px;} #forutravel_footer .f_util li {padding:0 25px;} #forutravel_footer .f_util li:before {height:15px;} #forutravel_footer .f_util li a {font-size:1em; line-height:80px;} #forutravel_footer .f_info .copy {margin-top:3%;} #Quick {width:100px;} #Quick a {width:100px; height:100px;} #Quick a span {font-size:1em;} #Quick a span:before {width:40px; height:40px;} #Quick .go_top {width:60px; line-height:60px; margin-left:-30px;} #Quick .go_top img {width:13px;} #Quick.scroll_on {padding-bottom:45px} #Quick.scroll_on a {width:80px; height:80px;} } @media screen and (max-width:767px){ #forutravel_footer .f_util {top:-30px;} #forutravel_footer .f_util li {padding:0 2.5vw;} #forutravel_footer .f_util li:before {height:10px;} #forutravel_footer .f_util li a {font-size:2.3vw; line-height:60px;} #forutravel_footer .f_info {padding-left:0;} #forutravel_footer .f_info h1 {position:relative; text-align:center; margin-bottom:3%;} #forutravel_footer .f_info h1 img {height:40px;} #forutravel_footer .f_info .t1, #forutravel_footer .f_info .copy {text-align:center;} #Quick {width:70px; right:10px; bottom:10px;} #Quick a {width:70px; height:70px;} #Quick a span:before {width:25px; height:25px;} #Quick .go_top {width:40px; line-height:40px; margin-left:-20px;} #Quick .go_top img {width:10px;} #Quick.scroll_on {padding-bottom:35px} #Quick.scroll_on a {width:60px; height:60px;} } /* main */ #mVisu {height:650px; margin:50px auto 0; position:relative;} .mVisu_slide {width:100%; height:100%;} .mVisu_slide .swiper-slide {display:table; position:relative;} .mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; border-radius:40px;} .mVisu_slide .txt_box {display:table-cell; vertical-align:middle; position:relative; z-index:5; padding:0 100px; color:#fff;} .mVisu_slide .txt_box .t1 {font-size:1.875em; line-height:1.2em; font-family:'Elice Digital Baeum'} .mVisu_slide .txt_box .t2 {font-size:4.375em; line-height:1.2em; font-weight:600; margin-top:20px; font-family:'Elice Digital Baeum'} .mVisu_slide .txt_box .travel4u_btn {margin-top:50px;} .mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {opacity:0; width:85px; height:85px; border-radius:50%; box-shadow:10px 10px 15px 0 rgba(53,53,53,0.3); border:1px solid rgba(119,119,119,0.2); background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:13px 25px; transition:opacity 0.5s} .mVisu_slide:hover .swiper-button-next, .mVisu_slide:hover .swiper-button-prev {opacity:1;} .mVisu_slide .swiper-button-next:after, .mVisu_slide .swiper-button-prev:after {display:none;} .mVisu_slide .swiper-button-next {background-image:url(/images/ico_chevron-right.svg); right:-42.5px;} .mVisu_slide .swiper-button-prev {background-image:url(/images/ico_chevron-left.svg); left:-42.5px;} .mVisu_slide .swiper-button-next.swiper-button-disabled, .mVisu_slide .swiper-button-prev.swiper-button-disabled {visibility:hidden;} @media screen and (max-width:1499px){ .mVisu_slide .swiper-button-next {right:-20px;} .mVisu_slide .swiper-button-prev {left:-20px;} } @media screen and (max-width:1199px){ #mVisu {height:600px;} .mVisu_slide .txt_box {padding:0 60px;} } @media screen and (max-width:1024px){ #mVisu {height:550px; margin:5% auto 0;} .mVisu_slide .img_box {border-radius:30px;} .mVisu_slide .txt_box .t1 {font-size:1.5em;} .mVisu_slide .txt_box .t2 {font-size:3.7em; margin-top:2%;} .mVisu_slide .txt_box .travel4u_btn {margin-top:8%;} .mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:60px; height:60px; background-size:8px 20px; box-shadow:5px 5px 10px 0 rgba(53,53,53,0.3)} } @media screen and (max-width:767px){ #mVisu {height:500px;} .mVisu_slide .txt_box {padding:0 4%; text-align:center;} .mVisu_slide .txt_box .t1 {font-size:1.3em;} .mVisu_slide .txt_box .t2 {font-size:3.3em;} .mVisu_slide .txt_box .travel4u_btn {margin:8% auto 0;} .mVisu_slide .swiper-button-next, .mVisu_slide .swiper-button-prev {width:50px; height:50px; background-size:6px 17px;} .mVisu_slide .swiper-button-next {right:-2%;} .mVisu_slide .swiper-button-prev {left:-2%;} } .mTitle1 {font-size:2.5em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; text-align:center;} @media screen and (max-width:1024px){ .mTitle1 {font-size:2.1em;} } #mBest {padding:140px 0 150px;} #mBest ul {width:100%; margin-top:80px;} #mBest ul > li {float:left; width:calc(50% - 30px); background:#fff; box-shadow:5px 5px 20px 0 rgba(119,119,119,0.1); position:relative; padding-left:300px; border-radius:20px; overflow:hidden;} #mBest ul > li:nth-child(even) {float:right;} #mBest ul > li:nth-child(2) ~ li {margin-top:30px;} #mBest ul > li:nth-child(2n) + li {clear:both;} #mBest ul > li a {display:block; width:100%; height:100%;} #mBest ul > li a:before {content:''; display:block; width:100%; height:100%; border-radius:20px; border:2px solid #fff; position:absolute; left:0; top:0; transition:border 0.4s} #mBest ul > li:hover a:before {border-color:#009bdb;} #mBest ul > li .img_box {width:300px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; border-radius:20px 0 0 20px; overflow:hidden;} #mBest ul > li .txt_box {padding:40px 45px;} #mBest ul > li .txt_box ol li {display:inline-block; font-size:0.875em; color:#009bdb; line-height:1.2em; font-weight:500; margin-right:10px;} #mBest ul > li .txt_box ol li:last-child {margin-right:0;} #mBest ul > li .txt_box ol li:before {content:'#'} #mBest ul > li .txt_box .t1 {font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin:10px 0 15px; max-height:2.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #mBest ul > li .txt_box .t2 {font-size:1em; color:#777; line-height:1.7em; margin-bottom:30px; max-height:3.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #mBest ul > li .txt_box .price {text-align:right;} #mBest ul > li .txt_box .price p {display:inline-block;} #mBest ul > li .txt_box .price p.price1 {font-size:1.375em; color:#c1c6db; font-weight:600; font-family:'Elice Digital Baeum'; margin-right:15px;} #mBest ul > li .txt_box .price p.price1 span {font-size:0.72em; margin-right:5px;} #mBest ul > li .txt_box .price p.price2 {font-size:1.875em; color:#009bdb; font-weight:600; font-family:'Elice Digital Baeum'} #mBest ul > li .txt_box .price p.price2 span {font-size:0.6em; font-weight:400; font-family:'Noto Sans KR'} @media screen and (max-width:1399px){ #mBest ul > li {width:calc(50% - 20px); padding-left:220px;} #mBest ul > li .img_box {width:220px;} #mBest ul > li .txt_box {padding:30px 35px;} } @media screen and (max-width:1199px){ #mBest ul > li .txt_box .price p.price1 {font-size:1.25em;} #mBest ul > li .txt_box .price p.price2 {font-size:1.5em;} } @media screen and (max-width:1024px){ #mBest {padding:10% 0 12%;} #mBest ul {margin-top:5%;} #mBest ul > li {width:calc(50% - 10px); padding-left:170px;} #mBest ul > li:nth-child(2) ~ li {margin-top:20px;} #mBest ul > li .img_box {width:170px;} #mBest ul > li .txt_box {padding:20px;} #mBest ul > li .txt_box ol li {font-size:0.75em;} #mBest ul > li .txt_box .t1 {font-size:1.4em; margin:2% 0 3%;} #mBest ul > li .txt_box .t2 {margin-bottom:4%;} #mBest ul > li .txt_box .price p.price1 {font-size:1em; margin-right:10px;} #mBest ul > li .txt_box .price p.price2 {font-size:1.25em;} } @media screen and (max-width:767px){ #mBest ul > li {width:49%; padding-left:0; border-radius:10px;} #mBest ul > li:nth-child(2) ~ li {margin-top:2%;} #mBest ul > li a:before {border-radius:9px;} #mBest ul > li .img_box {width:100%; height:30vw; position:relative; border-radius:10px 10px 0 0;} #mBest ul > li .txt_box {padding:5% 7%;} } /*@media screen and (max-width:500px){ #mBest ul > li {float:none; width:100%;} #mBest ul > li:nth-child(even) {float:none;} #mBest ul > li:nth-child(1) ~ li {margin-top:2%} #mBest ul > li .img_box {height:45vw} #mBest ul > li .txt_box {padding:3% 5%;} }*/ #mReady {width:100%; background:#f6f7fb; padding:120px 0;} #mReady ul {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:50px; text-align:center;} .mReady_slide {margin-top:50px;} .mReady_slide .swiper-slide {width:220px; position:relative; text-align:center; padding-top:60px;} /*.mReady_slide .swiper-slide:first-child, .mReady_slide .swiper-slide:nth-child(4) {margin-right:30px;}*/ .mReady_slide .swiper-slide a {display:block; width:100%; height:100%;} .mReady_slide .swiper-slide .img_box {border-radius:50%; margin-bottom:25px; overflow:hidden;} .mReady_slide .swiper-slide .img_box img {transition:transform 0.8s} .mReady_slide .swiper-slide:hover .img_box img {transform:scale(1.1)} .mReady_slide .swiper-slide dl dt {font-size:26px; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} .mReady_slide .swiper-slide dl dd {font-size:16px; color:#777; line-height:1.7em; margin-top:9px;} .mReady_slide .swiper-slide.best {width:400px;/*margin:0 55px;*/ padding:0 25px 0;} .mReady_slide .swiper-slide.best .img_box {box-shadow:10px 10px 20px 0 rgba(33,54,113,0.1)} .mReady_slide .swiper-slide.best .img_box img {width:100%;} .mReady_slide .swiper-slide.best p {width:70px; line-height:70px; border-radius:50%; background:#9e47d4; font-size:18px; color:#fff; font-weight:500; box-shadow:5px 5px 15px 0 rgba(119,119,119,0.15); position:absolute; top:10px; right:15px;} @media screen and (max-width:1399px){ .mReady_slide .swiper-slide {width:calc(18.75% - 30px); padding-top:3vw;} /*.mReady_slide .swiper-slide:first-child, .mReady_slide .swiper-slide:nth-child(4) {margin-right:1.5%;}*/ .mReady_slide .swiper-slide .img_box img {width:100%;} .mReady_slide .swiper-slide.best {width:25%; padding:0 5px;} } @media screen and (max-width:1024px){ #mReady {padding:12% 0;} #mReady ul {margin-top:5%;} /*.mReady_slide .swiper-slide {width:25%;}*/ /*.mReady_slide .swiper-slide:first-child, .mReady_slide .swiper-slide:nth-child(4) {margin-right:3%;}*/ .mReady_slide .swiper-slide {width:calc(18.75% - 12px);} .mReady_slide .swiper-slide:nth-child(3) ~ li {margin-top:4%;} .mReady_slide .swiper-slide .img_box {margin-bottom:5%;} .mReady_slide .swiper-slide dl dt {font-size:20px;} .mReady_slide .swiper-slide dl dd {font-size:14px; margin-top:2%;} .mReady_slide .swiper-slide.best {padding:0;} .mReady_slide .swiper-slide.best p {width:55px; line-height:55px; font-size:15px; right:5px; top:5px;} } @media screen and (max-width:767px){ .mReady_slide .swiper-slide {width:50%; padding-top:5vw} .mReady_slide .swiper-slide dl dt {font-size:17px;} .mReady_slide .swiper-slide dl dd {font-size:13px;} .mReady_slide .swiper-slide.best {width:65%} .mReady_slide .swiper-slide.best p {width:45px; line-height:45px; font-size:13px;} } #mTravel > .s-inner {padding:150px 0 80px; overflow:hidden;} #mTravel .tit_box {width:100%; position:relative; border-bottom:1px solid rgba(119,119,119,0.3); padding-bottom:30px; margin-bottom:50px;} #mTravel .tit_box p {font-size:1.625em; color:#777; line-height:1.3em; font-family:'Elice Digital Baeum'} #mTravel .tit_box h2 {font-size:3.75em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin-top:10px;} #mTravel .tit_box .travel4u_btn {position:absolute; right:0; bottom:30px;} #mTravel .travel_tab {float:left; width:calc(100% - 945px); margin-top:90px;} #mTravel .travel_tab li {font-size:1em; font-weight:700; line-height:40px; margin-bottom:13px; cursor:pointer; transition:color 0.5s} #mTravel .travel_tab li.on {color:#009bdb;} #mTravel .box2 .travel_tab li.on {color:#9e47d4} #mTravel .travel_tab li:last-child {margin-bottom:0;} #mTravel .travel_tab li:before {content:''; display:inline-block; width:30px; height:40px; vertical-align:top; background-repeat:no-repeat; background-position:center center; background-size:30px 30px; margin-right:25px;} #mTravel .travel_content {float:right; width:945px; position:relative;} #mTravel .travel_content > div:not(:first-child) {display:none;} #mTravel .travel_content ul {width:100%; overflow:hidden; position:relative; padding-left:388px;} #mTravel .travel_content ul li {float:left; width:calc(50% - 16px); height:200px; position:relative; margin-left:16px; border-radius:20px; overflow:hidden;} #mTravel .travel_content ul li a {display:block; width:100%; height:100%;} #mTravel .travel_content ul li:nth-child(3) ~ li {margin-top:16px;} #mTravel .travel_content ul li .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transition:transform 0.6s; border-radius:20px; overflow:hidden;} #mTravel .travel_content ul li:hover .img_box {transform:scale(1.1)} #mTravel .travel_content ul li.best {width:388px; height:100%; position:absolute; left:0; top:0; margin-left:0;} #mTravel .travel_content ul li.best p {width:70px; line-height:70px; background:#009bdb; text-align:center; box-shadow:5px 5px 15px 0 rgba(119,119,119,0.015); position:absolute; right:15px; top:15px; z-index:10; border-radius:50%; font-size:1.125em; color:#fff; font-weight:500;} #mTravel .box2 .travel_content ul li.best p {background:#9e47d4} #mTravel .travel_content ul li dl {position:absolute; left:0; bottom:0; z-index:10; padding:0 30px 30px;} #mTravel .travel_content ul li dl dt {font-size:1.25em; color:#fff; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} #mTravel .travel_content ul li dl dd {font-size:1em; color:#fff; line-height:1.8em; margin-top:10px;} #mTravel .travel_content > div div {width:100%; height:432px; border-radius:20px; overflow:hidden; position:relative;} #mTravel .travel_content > div div .img_box {background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden;} #mTravel .travel_content > div div dl {position:absolute; left:0; bottom:0; z-index:10; padding:0 30px 30px;} #mTravel .travel_content > div div dl dt {font-size:1.25em; color:#fff; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} #mTravel .travel_content > div div dl dd {font-size:1em; color:#fff; line-height:1.8em; margin-top:10px;} #mTravel .travel_tab li.case1:before {background-image:url(/images/ico_bars.svg)} #mTravel .travel_tab li.case2:before {background-image:url(/images/ico_bug.svg)} #mTravel .travel_tab li.case3:before {background-image:url(/images/ico_swimmer.svg)} #mTravel .travel_tab li.case4:before {background-image:url(/images/ico_mountains.svg)} #mTravel .travel_tab li.case5:before {background-image:url(/images/ico_hot-tub.svg)} #mTravel .travel_tab li.case6:before {background-image:url(/images/ico_church.svg)} #mTravel .travel_tab li.case7:before {background-image:url(/images/ico_landmark-alt.svg)} #mTravel .travel_tab li.case8:before {background-image:url(/images/ico_building.svg)} #mTravel .travel_tab li.case1.on:before {background-image:url(/images/ico_bars_on1.svg)} #mTravel .box2 .travel_tab li.case1.on:before {background-image:url(/images/ico_bars_on2.svg)} #mTravel .travel_tab li.case2.on:before {background-image:url(/images/ico_bug_on1.svg)} #mTravel .box2 .travel_tab li.case2.on:before {background-image:url(/images/ico_bug_on2.svg)} #mTravel .travel_tab li.case3.on:before {background-image:url(/images/ico_swimmer_on1.svg)} #mTravel .travel_tab li.case4.on:before {background-image:url(/images/ico_mountains_on1.svg)} #mTravel .travel_tab li.case5.on:before {background-image:url(/images/ico_hot-tub_on1.svg)} #mTravel .travel_tab li.case6.on:before {background-image:url(/images/ico_church_on2.svg)} #mTravel .travel_tab li.case7.on:before {background-image:url(/images/ico_landmark-alt_on2.svg)} #mTravel .travel_tab li.case8.on:before {background-image:url(/images/ico_building_on2.svg)} #mTravel .banner {width:100%; background:#effaff;} #mTravel .banner .s-inner {height:250px; background-repeat:no-repeat; background-position:95% bottom; } #mTravel .banner a {display:block; width:100%; height:100%; padding-top:50px;} #mTravel .banner dl dt {font-size:2.5em; color:#64b1de; line-height:1.38em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:15px;} #mTravel .banner dl dd {font-size:1em; color:#777; line-height:1.4em;} #mTravel .box2 + .banner {background:#faf2ff} #mTravel .box2 + .banner .s-inner {background:url(/images/mTravel_img12.png) no-repeat 92% bottom;} #mTravel .box2 + .banner dl dt {color:#a76ccc;} @media screen and (max-width:1199px){ #mTravel .travel_tab {width:20%; margin-top:50px;} #mTravel .travel_content {width:80%;} #mTravel .travel_content ul {padding-left:40%;} #mTravel .travel_content ul li {width:calc(50% - 10px); height:170px; margin-left:10px;} #mTravel .travel_content ul li:nth-child(3) ~ li {margin-top:10px;} #mTravel .travel_content ul li.best {width:40%;} #mTravel .travel_content ul li.best p {top:10px; right:10px;} #mTravel .travel_content ul li dl {padding:0 20px 20px;} #mTravel .travel_content > div div {height:40vw;} #mTravel .travel_content > div div dl {padding:0 20px 20px;} } @media screen and (max-width:1024px){ #mTravel > .s-inner {padding:15% 0 8%;} #mTravel .tit_box {padding-bottom:3%; margin-bottom:5%;} #mTravel .tit_box p {font-size:1.4em;} #mTravel .tit_box h2 {font-size:3em; margin-top:1%;} #mTravel .tit_box .travel4u_btn {bottom:16%;} #mTravel .travel_tab li:before {width:20px; background-size:20px 20px; margin-right:15px;} #mTravel .travel_content ul li dl dd {margin-top:2%;} #mTravel .travel_content > div div {height:50vw;} #mTravel .travel_content > div div dl dd {margin-top:2%;} #mTravel .banner .s-inner {height:200px; background-size:auto 90%;} #mTravel .banner dl dt {font-size:2em; margin-bottom:1%;} #mTravel .box2 + .banner .s-inner {background-size:auto 80%;} } @media screen and (max-width:767px){ #mTravel .tit_box {text-align:center;} #mTravel .tit_box .travel4u_btn {margin:3% auto 0; position:relative; bottom:0;} #mTravel .travel_tab {float:none; width:100%; margin-top:0; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:3%; white-space:nowrap; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none;} #mTravel .travel_tab::-webkit-scrollbar {display:none;} #mTravel .travel_tab li {display:inline-block; border-bottom:2px solid #fff; margin-bottom:0; padding:0 20px;} #mTravel .travel_tab li.on {border-bottom-color:#009bdb;} #mTravel .travel_tab li:before {width:18px; background-size:18px 18px; margin-right:6px;} #mTravel .travel_content {float:none; width:100%;} #mTravel .travel_content ul {padding-left:0;} #mTravel .travel_content ul li {width:calc(50% - 5px); height:150px; border-radius:10px;} #mTravel .travel_content ul li:nth-child(2), #mTravel .travel_content ul li:nth-child(3) {float:right;} #mTravel .travel_content ul li:nth-child(3) {clear:both; margin-top:10px;} #mTravel .travel_content ul li:nth-child(4) {margin-left:0; clear:both;} #mTravel .travel_content ul li.best {width:calc(50% - 5px); height:310px;} #mTravel .travel_content ul li.best p {width:50px; line-height:50px; font-size:1em;} #mTravel .travel_content ul li dl {padding:0 15px 15px;} #mTravel .travel_content > div div dl {padding:0 15px 15px;} #mTravel .banner .s-inner {height:auto; text-align:center; background-size:70% auto; background-position:center bottom;} #mTravel .banner a {padding:6% 0 30%;} #mTravel .box2 + .banner .s-inner {background-size:60% auto; background-position:center bottom;} } #mThema {padding:150px 0;} #mThema > div {position:relative; padding-bottom:65px;} .mThema_slide {width:500px; height:500px; margin-top:50px;} /*.mThema_slide:before {content:''; display:block; width:110px; height:110px; border-radius:50%; background:#009bdb; position:absolute; left:0; top:0; z-index:10;}*/ .mThema_slide .img_box {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0.5} .mThema_slide .swiper-slide-active .img_box {opacity:1} .mThema_slide .swiper-button-next, .mThema_slide .swiper-button-prev {width:15px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:15px 30px; top:auto; bottom:0;} .mThema_slide .swiper-button-next:after, .mThema_slide .swiper-button-prev:after {display:none;} .mThema_slide .swiper-button-next {background-image:url(/images/ico_chevron-right2.svg); right:0;} .mThema_slide .swiper-button-prev {background-image:url(/images/ico_chevron-left2.svg); left:0;} #mThema .mThema_slide .swiper-pagination-progressbar {width:calc(100% - 80px); height:2px;; background:rgba(119,119,119,0.3); top:auto; bottom:13px; left:40px;} .mThema_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#009bdb;} .mThema_txt_box {width:calc(100% - 500px); height:500px; position:absolute; left:500px; top:0; z-index:30;} .mThema_txt_box .txt_box {width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; padding:60px 130px 0 150px;} .mThema_txt_box .txt_box dl dt, .mThema_txt_box .txt_box dl dd, .mThema_txt_box .txt_box .price, .mThema_txt_box .txt_box .more {opacity:0; transform:translateY(30px); transition:all 0.7s; transition-property:opacity, transform;} .mThema_txt_box .txt_box dl dt {font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} .mThema_txt_box .txt_box dl dd {font-size:1em; color:#777; line-height:1.7em; margin-top:15px; max-height:5.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition-delay:0.2s} .mThema_txt_box .txt_box .price {margin-top:30px; padding-bottom:20px; border-bottom:1px solid rgba(119,119,119,0.2); margin-bottom:50px; transition-delay:0.4s} .mThema_txt_box .txt_box .price p {display:inline-block;} .mThema_txt_box .txt_box .price p.price1 {font-size:1.5em; color:#c1c6db; font-weight:600; font-family:'Elice Digital Baeum'; margin-right:15px;} .mThema_txt_box .txt_box .price p.price1 span {font-size:0.66em; margin-right:5px;} .mThema_txt_box .txt_box .price p.price2 {font-size:2.18em; color:#009bdb; font-weight:600; font-family:'Elice Digital Baeum'} .mThema_txt_box .txt_box .price p.price2 span {font-size:0.62em; font-weight:700; font-family:'Noto Sans KR'} .mThema_txt_box .txt_box .more {transition-delay:0.6s} .mThema_txt_box .txt_box.active {z-index:10;} .mThema_txt_box .txt_box.active dl dt, .mThema_txt_box .txt_box.active dl dd, .mThema_txt_box .txt_box.active .price, .mThema_txt_box .txt_box.active .more {opacity:1; transform:translateY(0)} @media screen and (max-width:1199px){ .mThema_slide {width:37vw; height:37vw;} .mThema_slide .img_box {height:37vw;} .mThema_txt_box {width:calc(100% - 37vw); height:37vw; left:37vw;} .mThema_txt_box .txt_box {padding:30px 40px 0 70px;} } @media screen and (max-width:1024px){ #mThema {padding:15% 0;} #mThema > div {padding-bottom:50px;} .mThema_slide {margin-top:5%;} .mThema_slide:before {width:80px; height:80px;} .mThema_txt_box .txt_box {padding:3vw 0 0 8%;} .mThema_txt_box .txt_box dl dt {font-size:1.5em;} .mThema_txt_box .txt_box dl dd {margin-top:2%;} .mThema_txt_box .txt_box .price {margin:4% 0 8%; padding-bottom:3%;} .mThema_txt_box .txt_box .price p.price1 {font-size:1.25em;} .mThema_txt_box .txt_box .price p.price2 {font-size:1.6em;} } @media screen and (max-width:767px){ #mThema > div {padding-bottom:30px;} .mThema_slide {width:55vw; height:55vw; margin:7% auto 4%;} .mThema_slide:before {width:65px; height:65px; left:50%; margin-left:-27.5vw;} .mThema_slide .img_box {height:55vw} .mThema_slide .swiper-button-next, .mThema_slide .swiper-button-prev {width:10px; height:25px; background-size:10px 25px;} #mThema .mThema_slide .swiper-pagination-progressbar {bottom:11px;} .mThema_txt_box {width:100%; height:240px; position:relative; left:0;} .mThema_txt_box .txt_box {padding:0; text-align:center;} .mThema_txt_box .txt_box .price {margin:2% 0 4%;} .mThema_txt_box .txt_box .travel4u_btn {margin:0 auto;} } #mTip {width:100%; padding:120px 0; background:#f6f7fb;} #mTip .mTitle1 {margin-bottom:80px;} #mTip ul > li {float:left; width:calc(33.33% - 22px); margin-right:33px; background:#fff; border-radius:15px; overflow:hidden; box-shadow:5px 5px 20px 0 rgba(119,119,119,0.1)} #mTip ul > li:nth-child(3n) {margin-right:0} #mTip ul > li:nth-child(3) ~ li {margin-top:50px;} #mTip ul > li a {display:block; width:100%; height:100%; position:relative;} #mTip ul > li a:before {content:''; display:block; width:100%; height:100%; border:0 solid #fff; position:absolute; left:0; top:0; border-radius:15px; transition:border-color 0.4s;} #mTip ul > li:hover a:before {border:2px solid #9e47d4} #mTip ul > li .img_box {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #mTip ul > li .txt_box {padding:30px 40px;} #mTip ul > li .txt_box ol li {display:inline-block; font-size:0.875em; color:#9e47d4; line-height:1.2em; font-weight:500; margin-right:10px;} #mTip ul > li .txt_box ol li:before {content:'#'} #mTip ul > li .txt_box dl dt {font-size:1.625em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin:5px 0 15px; max-height:2.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #mTip ul > li .txt_box dl dd {font-size:1em; color:#777; line-height:1.7em; max-height:5.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition-delay:0.2s} #mTip ul > li .txt_box .more {text-align:right; font-size:1em; color:#9e47d4; font-weight:500; line-height:1.2em; margin-top:30px;} #mTip .travel4u_btn {margin:100px auto 0;} @media screen and (max-width:1024px){ #mTip {padding:12% 0;} #mTip .mTitle1 {margin-bottom:6%;} #mTip ul > li {width:calc(33.33% - 10px); margin-right:15px;} #mTip ul > li:nth-child(3) ~ li {margin-top:20px;} #mTip ul > li .img_box {height:160px;} #mTip ul > li .txt_box {padding:15px 20px;} #mTip ul > li .txt_box dl dt {font-size:1.4em; margin:1% 0 2%;} #mTip ul > li .txt_box .more {margin-top:6%;} #mTip .travel4u_btn {margin-top:10%;} } @media screen and (max-width:767px){ #mTip ul > li {width:calc(50% - 5px); margin-right:10px; border-radius:10px;} #mTip ul > li:nth-child(3n) {margin-right:10px;} #mTip ul > li:nth-child(even) {margin-right:0;} #mTip ul > li:nth-child(2) ~ li {margin-top:10px;} #mTip ul > li .img_box {height:110px;} #mTip ul > li .txt_box {padding:10px 15px;} } #mReview {width:100%; padding:120px 0;} #mReview .mTitle1 {margin-bottom:80px;} #mReview ul > li {float:left; width:calc(33.33% - 22px); margin-right:33px; background:#fff; border-radius:15px; overflow:hidden; box-shadow:5px 5px 20px 0 rgba(119,119,119,0.1)} #mReview ul > li:nth-child(3n) {margin-right:0} #mReview ul > li:nth-child(3) ~ li {margin-top:50px;} #mReview ul > li a {display:block; width:100%; height:100%; position:relative;} #mReview ul > li a:before {content:''; display:block; width:100%; height:100%; border:0 solid #fff; position:absolute; left:0; top:0; border-radius:15px; transition:border-color 0.4s;} #mReview ul > li:hover a:before {border:2px solid #9e47d4} #mReview ul > li .img_box {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #mReview ul > li .txt_box {padding:30px 40px;} #mReview ul > li .txt_box ol li {display:inline-block; font-size:0.875em; color:#9e47d4; line-height:1.2em; font-weight:500; margin-right:10px;} #mReview ul > li .txt_box ol li:before {content:'#'} #mReview ul > li .txt_box dl dt {font-size:1.625em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin:5px 0 15px; max-height:2.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} #mReview ul > li .txt_box dl dd {font-size:1em; color:#777; line-height:1.7em; max-height:5.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition-delay:0.2s} #mReview ul > li .txt_box .more {text-align:right; font-size:1em; color:#9e47d4; font-weight:500; line-height:1.2em; margin-top:30px;} #mReview .travel4u_btn {margin:100px auto 0;} @media screen and (max-width:1024px){ #mReview {padding:12% 0;} #mReview .mTitle1 {margin-bottom:6%;} #mReview ul > li {width:calc(33.33% - 10px); margin-right:15px;} #mReview ul > li:nth-child(3) ~ li {margin-top:20px;} #mReview ul > li .img_box {height:160px;} #mReview ul > li .txt_box {padding:15px 20px;} #mReview ul > li .txt_box dl dt {font-size:1.4em; margin:1% 0 2%;} #mReview ul > li .txt_box .more {margin-top:6%;} #mReview .travel4u_btn {margin-top:10%;} } @media screen and (max-width:767px){ #mReview ul > li {width:calc(50% - 5px); margin-right:10px; border-radius:10px;} #mReview ul > li:nth-child(3n) {margin-right:10px;} #mReview ul > li:nth-child(even) {margin-right:0;} #mReview ul > li:nth-child(2) ~ li {margin-top:10px;} #mReview ul > li .img_box {height:110px;} #mReview ul > li .txt_box {padding:10px 15px;} } #mCommunity {padding:120px 0; background:#f6f7fb} #mCommunity .quick {width:100%; overflow:hidden; margin-top:80px;} #mCommunity .quick li {float:left; width:calc(33.33% - 21.33px); height:200px; margin-right:32px; text-align:center; position:relative; border-radius:20px; overflow:hidden;} #mCommunity .quick li:nth-child(3) {margin-right:0;} #mCommunity .quick li:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transition:transform 0.5s} #mCommunity .quick li a {display:table; width:100%; height:100%;} #mCommunity .quick li h3 {display:table-cell; vertical-align:middle; position:relative; z-index:10; font-size:1.5em; color:#fff; font-weight:600; font-family:'Elice Digital Baeum'} #mCommunity .quick li:hover:before {transform:scale(1.1)} #mCommunity .quick li:nth-child(4) {display:none;} #mCommunity .quick li:nth-child(1):before {background-image:url(/images/mCommunity_img1.png)} #mCommunity .quick li:nth-child(2):before {background-image:url(/images/mCommunity_img2.png)} #mCommunity .quick li:nth-child(3):before {background-image:url(/images/mCommunity_img3.png)} #mCommunity .quick li:nth-child(4):before {background-image:url(/images/mCommunity_img4.png)} #mCommunity .sns {text-align:center; margin-top:80px;} #mCommunity .sns li {display:inline-block; vertical-align:top; padding:0 70px; font-size:1.125em; font-weight:500; line-height:1.2em; position:relative;} #mCommunity .sns li:not(:first-child):before {content:''; display:block; width:1px; height:50px; background:rgba(119,119,119,0.2); position:absolute; left:0; top:50%; transform:translateY(-50%)} #mCommunity .sns li a {display:block; width:100%; height:100%; transition:color 0.5s} #mCommunity .sns li a:before {content:''; display:block; width:55px; height:55px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto 15px; transition:background 0.5s} #mCommunity .sns li:nth-child(1) a:before {background-image:url(/images/ico_instagram.svg)} #mCommunity .sns li:nth-child(2) a:before {background-image:url(/images/ico_blog.png)} #mCommunity .sns li:nth-child(3) a:before {background-image:url(/images/ico_facebook-f.svg)} #mCommunity .sns li:nth-child(4) a:before {background-image:url(/images/ico_cafe.png)} #mCommunity .sns li:nth-child(1):hover a {color:#ef4d48} #mCommunity .sns li:nth-child(2):hover a {color:#02c13a} #mCommunity .sns li:nth-child(3):hover a {color:#1877f2} #mCommunity .sns li:nth-child(4):hover a {color:#02c13a} #mCommunity .sns li:nth-child(1):hover a:before {background-image:url(/images/ico_instagram_on.svg)} #mCommunity .sns li:nth-child(2):hover a:before {background-image:url(/images/ico_blog_on.png)} #mCommunity .sns li:nth-child(3):hover a:before {background-image:url(/images/ico_facebook-f_on.svg)} #mCommunity .sns li:nth-child(4):hover a:before {background-image:url(/images/ico_cafe_on.png)} @media screen and (max-width:1024px){ #mCommunity {padding:12% 0;} #mCommunity .quick {margin-top:6%;} #mCommunity .quick li {width:calc(33.33% - 10px); height:160px; margin-right:15px;} #mCommunity .quick li h3 {font-size:1.25em;} #mCommunity .sns {margin-top:6%;} #mCommunity .sns li {padding:0 40px; font-size:1em;} #mCommunity .sns li:not(:first-child):before {height:35px;} #mCommunity .sns li a:before {width:40px; height:40px; margin-bottom:10px;} } @media screen and (max-width:767px){ #mCommunity .quick li {float:none; width:100%; height:140px; margin-right:0; border-radius:10px;} #mCommunity .quick li:not(:first-child) {margin-top:10px;} #mCommunity .quick li:nth-child(4) {display:block;} #mCommunity .sns {width:100%; overflow:hidden;} #mCommunity .sns li {display:block; float:left; width:25%; padding:0; text-align:center;} #mCommunity .sns li:not(:first-child):before {height:25px;} #mCommunity .sns li a:before {width:25px; height:25px; margin-bottom:5px;} } #sVisu {display:table; width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;} #sVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0;} #sVisu > div {display:table-cell; text-align:center; vertical-align:middle; color:#fff; position:relative; z-index:10; font-family:'Elice Digital Baeum'} #sVisu p {font-size:1.5em; line-height:1.2em;} #sVisu h2 {font-size:2.5em; line-height:1.2em; font-weight:600; margin-top:5px; font-family:'Elice Digital Baeum'; margin-top:5px;} .sVisu1 {background-image:url(/images/sVisu_img1.jpg)} .sVisu3 {background-image:url(/images/sVisu_img3.jpg)} .sVisu4 {background-image:url(/images/sVisu_img4.jpg)} .sVisu5 {background-image:url(/images/sVisu_img5.jpg)} .sVisu6 {background-image:url(/images/sVisu_img6.jpg)} @media screen and (max-width:1024px){ #sVisu {height:200px;} #sVisu p {font-size:1.3em;} #sVisu h2 {font-size:2.3em; margin-top:1%;} } #subContent {margin-bottom:200px;} #pageCont {margin-top:80px; min-height:600px;} #subTitle {font-size:2.5em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:30px;} #sub_quick_wrap {position:absolute; left:-190px; top:70px;} #sub_gnb h2 {font-size:1.25em; line-height:1.2em; font-weight:700; margin-bottom:20px;} #sub_gnb ul {position:relative;} #sub_gnb ul:before {content:''; display:block; width:1px; height:82%; background:#777; opacity:0.5; position:absolute; left:0; top:11%;} #sub_gnb ul li {margin-bottom:15px; position:relative;} #sub_gnb ul li:last-child {margin-bottom:0;} #sub_gnb ul li:before {content:''; display:block; width:6px; height:6px; background:#777; border-radius:50%; position:absolute; left:-2.5px; top:10px;} #sub_gnb ul li:after {content:''; display:none; width:20px; height:20px; background:#009bdb; opacity:0.3; border-radius:50%; position:absolute; left:-9.5px; top:3px;} #sub_gnb ul li a {display:inline-block; font-size:1em; color:#777; line-height:1.5em; padding-left:25px; transition:font 0.5s;} #sub_gnb ul li.on:before {background:#009bdb} #sub_gnb ul li.on:after {display:block;} #sub_gnb ul li a:hover {color:#009bdb; font-weight:700;} #sub_gnb ul li.active:before {background:#009bdb;} #sub_gnb ul li.active:after {display:block;} #sub_info {margin-top:100px; width:150px;} #sub_info .inquiry_btn {display:block; width:100%; line-height:45px; background:#009bdb; border-radius:5px; text-align:center; font-size:1em; color:#fff; font-weight:700; margin-bottom:10px;} #sub_info .cs {width:100%; padding:15px 14px; border-radius:5px; border:1px solid rgba(112,112,112,0.3); margin-bottom:10px;} #sub_info .cs p {font-size:1em; color:#191919; line-height:1.2em; font-weight:500; padding:0 6px 10px; border-bottom:1px solid rgba(112,112,112,0.3); margin-bottom:10px;} #sub_info .cs ul li {font-size:1em; color:#777; line-height:1.88em; padding:0 6px;} #sub_info .kakao {width:100%; border-radius:5px; border:1px solid rgba(112,112,112,0.3)} #sub_info .kakao a {display:block; padding:15px 10px;} #sub_info .kakao .t1 {font-size:0.875em; color:#221714; line-height:28px; font-weight:500;} #sub_info .kakao .t1:before {content:''; display:inline-block; width:28px; height:28px; background:#f7de00 url(../images/ico_ch.png) no-repeat center center; border-radius:50%; vertical-align:middle; margin-right:5px;} #sub_info .kakao .t2 {font-size:1em; color:#777; line-height:1.3em; margin-top:5px;} @media screen and (max-width:1599px){ #sub_quick_wrap {display:none;} } @media screen and (max-width:1024px){ #subContent {margin-bottom:20%;} #pageCont {margin-top:8%;} #subTitle {font-size:2em; margin-bottom:5%;} } .sImg_box1 {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; object-fit:contain; border-radius:20px} .sImg_box2 {width:100%; overflow:hidden;} .sImg_box2 li {float:left;} .sImg_box2 li .img_box {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;} .sImg_box2 li dl {width:100%; margin-top:30px; text-align:center;} .sImg_box2 li dl dt {font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:20px;} .sImg_box2 li dl dd {font-size:1em; color:#777; line-height:1.88em;} .sImg_box2.col2 li {width:calc(50% - 20px); margin-right:40px;} .sImg_box2.col2 li:nth-child(even) {margin-right:0;} .sImg_box2.col2 li .img_box {height:380px;} .sImg_box2.col3 li {width:calc(33.33% - 13.33px); margin-right:20px;} .sImg_box2.col3 li:nth-child(3n) {margin-right:0;} .sImg_box2.col3 li .img_box {height:200px;} .sInfo_box1 {width:100%; border-top:1px solid rgba(112,112,112,0.3); margin-top:100px; padding-top:50px;} .sInfo_box1 .tit {font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'; text-align:center; margin-bottom:50px;} .sInfo_box1 .link {text-align:center;} .sInfo_box1 .link li {display:inline-block;} .sInfo_box1 .link li:before {content:''; display:inline-block; width:1px; height:30px; background:#707070; opacity:0.3; margin:0 40px; vertical-align:middle;} .sInfo_box1 .link li:first-child:before {display:none;} .sInfo_box1 .link li a {display:inline-block; font-size:1.125em; line-height:50px; font-weight:500; transition:color 0.4s} .sInfo_box1 .link li a:before {content:''; display:inline-block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; vertical-align:middle; margin-right:20px;} .sInfo_box1 .link li a.blog:before {background-image:url(/images/ico_blog_on.png)} .sInfo_box1 .link li a.cafe:before {background-image:url(/images/ico_cafe.png)} .sInfo_box1 .link li a.blog:hover {color:#02c03a;} .sInfo_box1 .link li a.cafe:hover {color:#009bdb;} .sInfo_box1 .contact {text-align:center;} .sInfo_box1 .contact li {display:inline-block; vertical-align:middle;} .sInfo_box1 .contact li:before {content:''; display:inline-block; width:1px; height:30px; background:#707070; opacity:0.3; margin:0 40px; vertical-align:middle;} .sInfo_box1 .contact li:first-child:before {display:none;} .sInfo_box1 .contact li.call {padding-left:65px; position:relative;} .sInfo_box1 .contact li.call:after {content:'\f879'; font-size:2.81em; line-height:1em; font-family:'Font Awesome 5 Pro'; font-weight:900; position:absolute; left:0; top:50%; transform:translateY(-50%)} .sInfo_box1 .contact li.call .number {font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} .sInfo_box1 .contact li.call .t1 {font-size:1.125em; color:#777; line-height:1.5em; margin-top:5px;} .sInfo_box1 .contact li .kakao {display:inline-block; width:250px; line-height:60px; border-radius:5px; background:#fae100; text-align:center; font-size:1em; color:#391d1d; letter-spacing:-0.025em; font-weight:500;} .sInfo_box1 .contact li .kakao:before {content:''; display:inline-block; width:40px; height:40px; background:url(/images/ico_kakao.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-right:10px;} @media screen and (max-width:1024px){ .sImg_box1 {height:50vw; border-radius:10px;} .sImg_box2 li .img_box {border-radius:10px;} .sImg_box2 li dl {margin-top:4%;} .sImg_box2 li dl dt {font-size:1.5em; margin-bottom:2%;} .sImg_box2.col2 li {width:calc(50% - 10px); margin-right:20px;} .sImg_box2.col2 li .img_box {height:330px;} .sImg_box2.col2 li dl dd .mo_br {display:none;} .sImg_box2.col3 li {width:calc(33.33% - 6.66px); margin-right:10px;} .sImg_box2.col3 li .img_box {height:150px;} .sInfo_box1 {margin-top:10%; padding-top:20px;} .sInfo_box1 .tit {margin-bottom:20px;} } @media screen and (max-width:767px){ .sImg_box2 li {float:none; margin-bottom:6%;} .sImg_box2 li:last-child {margin-bottom:0;} .sImg_box2.col2 li {width:100%; margin-right:0;} .sImg_box2.col2 li .img_box {height:45vw;} .sImg_box2.col3 li {width:100%; margin-right:0;} .sImg_box2.col3 li .img_box {height:40vw;} .sInfo_box1 .link li:before {height:15px; margin:0 20px;} .sInfo_box1 .link li a {line-height:30px;} .sInfo_box1 .link li a:before {width:30px; height:30px; margin-right:10px;} .sInfo_box1 .contact li {margin:0 10px;} .sInfo_box1 .contact li:before {height:15px; margin:0 20px; display:none;} .sInfo_box1 .contact li.call {padding-left:35px;} .sInfo_box1 .contact li.call:after {font-size:1.8em;} .sInfo_box1 .contact li.call .number {font-size:1.3em;} .sInfo_box1 .contact li.call .t1 {font-size:1em;} .sInfo_box1 .contact li .kakao {width:auto; font-size:0.93em; line-height:45px; padding:0 10px;} .sInfo_box1 .contact li .kakao:before {width:25px; height:25px; margin-right:5px;} } .sCompany_case1 {display:table; width:100%; margin-top:70px;} .sCompany_case1 .img_box {display:table-cell; width:480px; text-align:center; vertical-align:middle;} .sCompany_case1 .img_box img {width:230px;} .sCompany_case1 .txt_box {display:table-cell; width:calc(100% - 480px); vertical-align:middle;} .sCompany_case1 .txt_box p {font-size:1em; color:#777; line-height:1.88em; margin-top:30px;} .sCompany_case1 .txt_box p:first-child {margin-top:0;} .sCompany_case1 .txt_box .name {text-align:right; margin-top:50px;} @media screen and (max-width:1024px){ .sCompany_case1 {margin-top:7%;} .sCompany_case1 .img_box {width:30%;} .sCompany_case1 .img_box img {width:60%;} .sCompany_case1 .txt_box {width:70%;} .sCompany_case1 .txt_box p {margin-top:3%;} .sCompany_case1 .txt_box .name {margin-top:5%;} } @media screen and (max-width:767px){ .sCompany_case1 {display:block;} .sCompany_case1 .img_box {display:block; width:100%; text-align:left; margin-bottom:5%;} .sCompany_case1 .img_box img {width:150px;} } .sBusiness_case1 ul {counter-reset:counter;} .sBusiness_case1 li {width:100%; overflow:hidden; margin-bottom:50px;} .sBusiness_case1 li:last-child {margin-bottom:0;} .sBusiness_case1 li > div {float:left; width:calc(50% - 20px); height:380px;} .sBusiness_case1 li .img_box {background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;} .sBusiness_case1 li .txt_box {margin-left:40px; display:table;} .sBusiness_case1 li .txt_box dl {display:table-cell; vertical-align:middle;} .sBusiness_case1 li .txt_box dl dt {font-size:1.875em; font-weight:600; font-family:'Elice Digital Baeum'; padding-left:100px; position:relative;} .sBusiness_case1 li .txt_box dl dt:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:2em; color:#ebecf2; line-height:1em; position:absolute; left:0; top:50%; transform:translateY(-50%)} .sBusiness_case1 li .txt_box dl dd {font-size:1em; color:#777; line-height:1.88em; margin-top:20px; padding-left:100px;} .sBusiness_case1 li:nth-child(even) > div {float:right;} .sBusiness_case1 li:nth-child(even) .txt_box {margin-left:0; margin-right:40px;} @media screen and (max-width:1199px){ .sBusiness_case1 li .txt_box dl dd .mo_br {display:none;} } @media screen and (max-width:1024px){ .sBusiness_case1 li {margin-bottom:5%;} .sBusiness_case1 li > div {width:calc(50% - 10px); height:350px;} .sBusiness_case1 li .txt_box {margin-left:20px;} .sBusiness_case1 li .txt_box dl dt {font-size:1.5em; padding-left:70px;} .sBusiness_case1 li .txt_box dl dt:before {font-size:1.8em;} .sBusiness_case1 li .txt_box dl dd {padding-left:70px; margin-top:2%;} .sBusiness_case1 li:nth-child(even) .txt_box {margin-right:20px;} } @media screen and (max-width:767px){ .sBusiness_case1 li > div {float:none; width:100%; height:auto;} .sBusiness_case1 li .img_box {height:50vw; border-radius:10px; margin-bottom:3%;} .sBusiness_case1 li .txt_box {margin-left:0;} .sBusiness_case1 li:nth-child(even) > div {float:none;} .sBusiness_case1 li:nth-child(even) .txt_box {margin-right:0;} } .sVip_case1 {width:100%; margin:50px 0 120px;} .sVip_case1 dl {display:table; width:100%;} .sVip_case1 dl dt {display:table-cell; vertical-align:middle; width:385px; padding-left:40px; font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} .sVip_case1 dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 385px); font-size:1em; color:#777; line-height:1.88em;} @media screen and (max-width:1024px){ .sVip_case1 {margin:5% 0 12%;} .sVip_case1 dl dt {width:270px; font-size:1.5em; padding-left:0;} .sVip_case1 dl dd {width:calc(100% - 270px)} } @media screen and (max-width:767px){ .sVip_case1 dl {display:block;} .sVip_case1 dl dt {display:block; width:100%; margin-bottom:2%;} .sVip_case1 dl dd {display:block; width:100%;} } .sCompare_case1 {width:100%; margin-top:100px;} .sCompare_case1 .tit {font-size:1.875em; color:#009bdb; line-height:1.3em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:50px; text-align:center;} .sCompare_case1 table {width:100%; border-top:3px solid #009bdb; text-align:center;} .sCompare_case1 table th {font-size:1.25em; color:#009bdb; font-weight:500; padding:30px 0; border-bottom:1px solid rgba(112,112,112,0.3)} .sCompare_case1 table td {font-size:1.125em; line-height:1.67em; padding:30px 10px; border-bottom:1px solid rgba(112,112,112,0.3); border-left:1px solid rgba(112,112,112,0.3)} @media screen and (max-width:1024px){ .sCompare_case1 {margin-top:10%;} .sCompare_case1 .tit {font-size:1.5em; margin-bottom:5%;} .sCompare_case1 table th {font-size:1em; padding:15px 0;} .sCompare_case1 table td {font-size:1em; padding:15px 10px;} } @media screen and (max-width:767px){ .sCompare_case1 table colgroup {display:none;} .sCompare_case1 table tr {position:relative; padding-top:45px;} .sCompare_case1 table th {display:block; width:100%; position:absolute; left:0; top:0; line-height:45px; padding:0; background:#fff;} .sCompare_case1 table td {width:50%; padding-top:60px;} .sCompare_case1 table tr td:first-of-type {border-left:0;} } .sGoodbye_case1 {width:100%; margin:50px 0 120px;} .sGoodbye_case1 dl {display:table; width:100%;} .sGoodbye_case1 dl dt {display:table-cell; vertical-align:middle; width:330px; padding-left:40px; font-size:1.875em; line-height:1.2em; font-weight:600; font-family:'Elice Digital Baeum'} .sGoodbye_case1 dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 330px); font-size:1em; color:#777; line-height:1.88em;} .sGoodbye_case2 ul:after {content:''; display:block; width:100%; height:1px; clear:both;} .sGoodbye_case2 ul li {float:left; width:calc(50% - 10px); height:220px; background:#fff; box-shadow:5px 5px 20px 0 rgba(119,119,119,0.1); border-radius:20px; margin-right:20px; padding:50px 60px; overflow:hidden;} .sGoodbye_case2 ul li:nth-child(even) {margin-right:0;} .sGoodbye_case2 ul li:nth-child(2) ~ li {margin-top:15px;} .sGoodbye_case2 ul li i {float:left; width:80px; font-size:3.125em; color:#009bdb; font-family:'Font Awesome 5 Pro'; } .sGoodbye_case2 ul li i.case2 {font-size:3.43em;} .sGoodbye_case2 ul li dl {float:left; width:calc(100% - 80px);} .sGoodbye_case2 ul li dl dt {font-size:1.875em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:20px;} .sGoodbye_case2 ul li dl dd {font-size:1em; color:#777; line-height:1.88em;} @media screen and (max-width:1199px){ .sGoodbye_case2 ul li {height:280px;} } @media screen and (max-width:1024px){ .sGoodbye_case1 {margin:5% 0 12%;} .sGoodbye_case1 dl dt {width:230px; font-size:1.5em; padding-left:0;} .sGoodbye_case1 dl dd {width:calc(100% - 230px)} .sGoodbye_case2 ul li {height:210px; padding:30px} .sGoodbye_case2 ul li i {width:60px; font-size:2.5em;} .sGoodbye_case2 ul li i.case2 {font-size:2.7em;} .sGoodbye_case2 ul li dl {width:calc(100% - 60px)} .sGoodbye_case2 ul li dl dt {font-size:1.5em; margin-bottom:2%;} } @media screen and (max-width:767px){ .sGoodbye_case1 dl {display:block;} .sGoodbye_case1 dl dt {display:block; width:100%; margin-bottom:2%;} .sGoodbye_case1 dl dd {display:block; width:100%;} .sGoodbye_case2 ul li {display:block; width:100%; height:auto; margin-right:0;} .sGoodbye_case2 ul li:nth-child(1) ~ li {margin-top:10px;} } .popup_wrap {display:none; width:85%; background:#fff; padding:60px 75px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:300;} .popup_wrap.on {display:block;} .popup_wrap.w500 {max-width:500px;} .popup_wrap.w700 {max-width:700px;} .popup_wrap .close {position:absolute; right:30px; top:30px; cursor:pointer;} .popup_wrap .close:before {content:'\f00d'; font-size:2.5em; line-height:1em; font-weight:300; font-family:'Font Awesome 5 Pro';} .popup_wrap .tit {font-size:2.25em; line-height:1.3em; font-weight:600; font-family:'Elice Digital Baeum'; margin-bottom:30px;} .popupBG {display:none; width:100%; height:100%; background:rgba(53,53,53,0.5); position:fixed; left:0; top:0; z-index:299;} .popupBG.on {display:block;} .sub_table_box1 {width:100%; border-top:3px solid #009bdb;} .sub_table_box1 th, .sub_table_box1 td {font-size:1em; padding:20px 0; border-bottom:1px solid #d4d4d4; text-align:left;} .sub_table_box1 th {font-weight:500; color:#009bdb;} .sub_table_box1 td {color:#777;} .subscriber_info {margin:30px 0 50px; } .subscriber_info p {font-size:1em; line-height:1.4em; font-weight:500; margin-bottom:15px;} .subscriber_info ul li {font-size:1em; color:#777; line-height:1.5em; margin-bottom:10px; position:relative; padding-left:20px;} .subscriber_info ul li:before {content:'-'; position:absolute; left:0; top:0;} .subscriber_info ul li:last-child {margin-bottom:0;} .subscriber_button {display:inline-block; padding:0 20px; font-size:1em; color:#777; line-height:38px; letter-spacing:-0.05em; font-weight:500; border:1px solid #777; border-radius:5px;} .subscriber_btn {width:100%; text-align:center;} .subscriber_btn a {display:inline-block; width:170px; line-height:48px; text-align:center; font-size:1em; font-weight:500; margin:0 2px; border-radius:5px;} .subscriber_btn .ok_btn {border:1px solid #009bdb; background:#009bdb; color:#fff;} .subscriber_btn .cancel_btn {border:1px solid #777; color:#777;} @media screen and (max-width:1024px){ .popup_wrap {padding:40px;} .popup_wrap .close {right:20px; top:20px;} .popup_wrap .close:before {font-size:2em;} .popup_wrap .tit {font-size:1.7em; margin-bottom:20px;} } .member_textarea {width:100%; height:auto; max-height:100vh;} /* swiper */ /** * Swiper 5.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 11, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}