@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1400px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}
br.mo3 {display:none;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#b5b5b5; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#fff; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* main */
.main_wrap .inner {position:relative;}
.main_wrap .logo {position:absolute; top:0; left:0; z-index:2; font-size:0; padding:10px 0;}
.main_wrap .logo h1 {display:none;}
.main_wrap .text {position:absolute; top:0; left:0; padding-top:190px; z-index:1;}
.main_wrap .text .tt {font-size:75px; color:#fff; line-height:80px;}
.main_wrap .text .tt strong {color:#fcb710;}
.main_wrap .text .btns {margin-top:45px; overflow:hidden;}
.main_wrap .text .btns a {position:relative; float:left; width:260px; height:68px; line-height:64px; border:#fff 2px solid; padding:0 30px; margin-right:20px; font-size:18px; color:#19ff60; font-weight:700; background:url('/images/icon_link.png') no-repeat right 20px center;}
.main_wrap .text .btns a em {color:#fff; text-shadow:rgba(0,0,0,.4) 0 0 5px,rgba(0,0,0,.4) 0 0 3px;}
.mvisual {height:100vh; overflow:hidden;}
.mvisual .mv {width:100vw; height:100vh; background:no-repeat 50% 50% / cover;}
.mvisual .slick-dots {position:absolute; top:595px; left:50%; margin-left:-700px; text-align:left; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin-right:10px;}
.mvisual .slick-dots li button {display:block; width:16px; height:16px; border-radius:8px; background:#fff; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:35px; background:#fcb710;}
.main_wrap .links {position:absolute; top:0; left:calc(50% + 100px); width:calc(50vw - 100px); z-index:1; border-left:rgba(255,255,255,.5) 1px solid;}
.main_wrap .links li {height:20vh; border-bottom:rgba(255,255,255,.5) 1px solid;}
.main_wrap .links li a {position:relative; display:block; height:100%; transition:.2s linear; background:rgba(0,0,0,.3);}
.main_wrap .links li img {position:absolute; bottom:0; left:190px; width:auto; height:auto; max-width:100%; max-height:100%; opacity:0; transition:.2s linear;}
.main_wrap .links li p {position:absolute; bottom:35px; left:30px; font-size:26px; color:#fff; font-weight:700; line-height:28px;}
.main_wrap .links li i {position:absolute; bottom:28px; left:535px; width:37px; height:37px; z-index:1;}
.main_wrap .links li i:before,
.main_wrap .links li i:after {content:""; position:absolute; top:50%; left:50%; background:#fff;}
.main_wrap .links li i:before {width:37px; height:1px; margin:0 0 0 -18px;}
.main_wrap .links li i:after {width:1px; height:37px; margin:-18px 0 0 0;}
.main_wrap .links li a:hover {background:#2e3091 url('/images/bg_link.png') no-repeat right top;}
.main_wrap .links li a:hover img {opacity:1;}
.main_wrap .abso {position:absolute; top:645px; left:50%; margin-left:-700px; font-size:24px; color:#f00; font-weight:500; line-height:30px; z-index:1;}

.fancybox-close {top:0; right:0; width:70px; height:70px; background:none;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#fff; margin:-1px 0 0 -15px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}
.fancybox-wrap,
.fancybox-inner {width:calc(100vw - 20px) !important; max-width:calc(100vw - 20px);}
.fancybox-inner {max-height:calc(100vh - 20px) !important;}
.pop_pro {width:calc(100vw - 20px); max-width:calc(100vw - 20px); height:calc(100vh - 20px);}
.pop_pro .tit {position:relative; font-size:27px; color:#fff; font-weight:700; line-height:70px; height:70px; text-align:center; background:#53524f;}
.pop_slide_wrap {position:relative; padding:30px; overflow:hidden; top:50%; transform:translate(0, -50%); margin-top:-35px;}
.pop_slide_wrap .slick-slide img {margin:0 auto;}
.pop_slide {position:relative; float:left; width:calc(100% - 320px);}
.pop_slide .slick-slide {font-size:0; height:auto !important;}
.pop_slide .slick-slide .mv {position:relative; padding-top:50px;}
.pop_slide .slick-slide i,
.pop_slide .slick-slide img {display:block;}
.pop_slide .slick-slide i {position:relative; overflow:hidden; height:600px; line-height:600px; text-align:center; font-size:0; background:#fff;}
.pop_slide .slick-slide i img {width:auto; height:100%; max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.pop_slide .slick-slide .mv iframe {width:100%; height:100%; max-width:100%; max-height:100%;}
.pop_slide .slick-slide .mv .play_btn {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,.01);}
.pop_slide .slick-slide p {position:absolute; top:0; left:0; width:100%; font-size:16px; color:#222; font-weight:700; line-height:30px; text-align:center; z-index:1;}
.pop_slide .slick-arrow {position:absolute; bottom:0; width:40px; height:35px; z-index:1; font-size:0;}
.pop_slide .slick-arrow:before,
.pop_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; margin-left:-7px; background:#fff;}
.pop_slide .slick-arrow:before {margin-top:-6px;}
.pop_slide .slick-arrow:after {margin-top:4px;}
.pop_slide .slick-prev {left:0;}
.pop_slide .slick-prev:before {transform:rotate(-45deg);}
.pop_slide .slick-prev:after {transform:rotate(45deg);}
.pop_slide .slick-next {left:80px;}
.pop_slide .slick-next:before {transform:rotate(45deg);}
.pop_slide .slick-next:after {transform:rotate(-45deg);}
.pop_slide .custom_paging {position:absolute; bottom:0; left:130px; height:35px; width:60px; background:rgba(0,0,0,.6); text-align:center;}
.pop_slide .custom_paging li {position:absolute; top:0; left:0; width:100%; font-size:14px; color:#fff; line-height:35px; display:none;}
.pop_slide .custom_paging li.slick-active {display:block;}
.pop_slide_wrap .buttons {position:absolute; bottom:30px; left:30px; width:120px; height:35px; padding:0 40px; text-align:center; background:rgba(0,0,0,.6);}
.pop_slide_wrap .buttons button {display:block; width:40px; line-height:35px; margin:0 auto;}
.pop_slide_wrap .buttons .pause {position:relative; font-size:0;}
.pop_slide_wrap .buttons .pause:before,
.pop_slide_wrap .buttons .pause:after {content:""; position:absolute; top:50%; left:50%; width:2px; height:18px; margin-top:-9px; background:#fff;}
.pop_slide_wrap .buttons .pause:before {margin-left:-4px;}
.pop_slide_wrap .buttons .pause:after {margin-left:2px;}
.pop_slide_wrap .buttons .play {font-size:14px; color:#fff;}
.pop_slide_nav {float:right; width:300px; height:600px; overflow:hidden; margin-top:50px;}
.pop_slide_nav .slick-list {height:100% !important;}
.pop_slide_nav .slick-track {min-width:100%;}
.pop_slide_nav .slick-slide {font-size:0; padding-bottom:10px; border:0; outline:0;}
.pop_slide_wrap .jq_tab {text-align:center; font-size:0; margin-bottom:20px;}
.pop_slide_wrap .jq_tab li {display:inline-block; vertical-align:top; font-size:18px; color:#333; line-height:40px; border:#ddd 1px solid; min-width:140px; border-radius:5px; margin:0 5px; padding:0 10px; cursor:pointer; transition:.2s linear;}
.pop_slide_wrap .jq_tab li:hover,
.pop_slide_wrap .jq_tab li.on {color:#fff; background:#fbb710; border-color:#fbb710;}
.pop_slide_wrap .cont {overflow:hidden; height:0;}
.pop_slide_wrap .cont.on {height:auto;}

/* .mtel {position:absolute; bottom:20px; left:50%; margin-left:-700px; border: #fff 1px solid; padding: 20px;}
.mtel span {display:inline-block; vertical-align:top; font-size:18px; color:#fff; font-weight:400; line-height:22px; margin-right:30px;}
.mtel span:last-child {margin-right:0;} */
.mtel {position: absolute; top:700px; left:50%; margin-left: -700px;}
.mtel span {display:block; vertical-align:top; font-size:20px; color:#fff; font-weight:400; line-height:40px;}