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

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
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 {overflow:hidden;}
.imgin img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

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

.red {color:#f00 !important;}
.blue {color:#325aff !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:100px; line-height:100px; z-index:100; background:#fff; display:flex; justify-content:center; align-items:center; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .logo {display:block;}
.header h1 {display:none;}

/* footer */
.footer {padding:65px 0; background:#000;}
.footer .inbox {width:800px; max-width:100%; padding:0 20px; margin:0 auto;}
.footer strong {display:block; font-size:15px; color:#fff; font-weight:500; line-height:20px; margin-bottom:15px; text-align:center;}
.footer .address {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; font-size:13px; color:#fff; font-weight:300; line-height:15px;}

/* main */
.btn_free {position:fixed; top:250px; right:35px; font-size:23px; color:#fff; font-weight:700; line-height:76px; height:76px; width:192px; background:#325aff; border-radius:38px; text-align:center; z-index:20;}
.landing {position:relative; background:#000; padding:90px 0; color:#1d1d1f;}
.landing .inner {position:relative;}
.landing .title {font-size:49px; color:#fff; font-weight:700; line-height:57px; text-align:center; margin-bottom:60px;}
.landing .title strong {color:#325aff;}

.landing01 {height:calc(100vh - 100px); background:url('/service/images/mvisual.jpg') no-repeat 50% 50% / cover; margin-top:100px; padding:0;}
.landing01 .inner {height:100%;}
.landing01 .txt {position:absolute; top:50%; left:0; width:100%; padding:inherit; margin-top:-90px; transform:translateY(-50%);}
.landing01 .txt p {font-size:22px; color:#fff; line-height:32px;}
.landing01 .txt strong {display:block; font-size:65px; color:#fff; line-height:70px; margin:20px 0 25px;}
.landing01 .abso {position:absolute; bottom:40px; left:20px; font-size:17px; color:#fff; font-weight:500;}
.landing01 .wbox {position:absolute; bottom:40px; right:20px; font-size:17px; color:#222; font-weight:500; line-height:27px; width:420px; text-align:center; background:rgba(255,255,255,.62); border-radius:10px; text-align:center; padding:10px;}

.landing02 .tit {text-align:center; font-size:0; margin-bottom:50px;}
.landing02 ul {display:flex; gap:50px; justify-content:center;}
.landing02 li {width:356px;}
.landing02 iframe {max-width:100%; border:3px solid #fff;}
.landing02 .shtit {font-size:25px; color:#fff; line-height:24px; text-align:center; margin-bottom:15px; font-weight:600;}
.landing02 p {font-size:16px; color:#fff; line-height:24px; text-align:center; margin-top:15px;}

.landing03 .title {margin-bottom:30px;}
.landing03 p.tar {font-size:13px; color:#fff; line-height:20px; margin-bottom:10px;}
.landing03 .marquee_slide {margin-bottom:13px; font-size:0;}
.landing03 .marquee_slide:last-child {margin-bottom:0;}
.landing03 .owl-stage {display:flex; transition-timing-function:linear !important;}
.landing03 .owl-item {flex:0 0 auto; padding:0 6px;}
.landing03 .marquee_slide.rev {transform:scaleX(-1);}
.landing03 .marquee_slide.rev .owl-item img {transform:scaleX(-1);}

.landing04 .review {display:flex; flex-wrap:wrap; gap:36px 14px;}
.landing04 .review li {position:relative; width:calc(50% - 7px); height:282px; background:#fff; border-radius:10px; padding:50px 20px;}
.landing04 .review .tt {font-size:24px; font-weight:700; line-height:30px; margin-bottom:25px;}
.landing04 .review p {font-size:17px; color:#525252; line-height:28px;}
.landing04 .review .name {position:absolute; bottom:50px; right:20px; font-size:16px; color:#525252; font-weight:700; line-height:1;}

.landing05 .title {font-size:64px; line-height:77px;}
.landing05 .ulbox {display:flex; justify-content:center; gap:110px;}
.landing05 li {font-size:28px; color:#fff; font-weight:500; line-height:57px; letter-spacing:-.5px;}
.landing05 li a{font-size:28px; color:#fff; font-weight:500; line-height:57px; letter-spacing:-.5px;}
.landing05 li strong a{ color:#325aff; font-weight:700; }

.landing06 li {position:relative; padding:30px 30px 30px 84px; margin-bottom:30px; font-size:24px; font-weight:500; line-height:32px; background:#fff; border-radius:10px;}
.landing06 li:last-child {margin-bottom:0;}
.landing06 li span {position:absolute; top:50%; left:25px; width:32px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#fff; font-weight:700; background:#1d1d1f; border-radius:50%; transform:translateY(-50%);}
.landing06 li strong {position:relative; color:#325aff; z-index:1; display:inline-block;}
.landing06 li strong:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:7px; background:#d8e0ff; z-index:-1;}

.landing07 ul {display:flex; flex-wrap:wrap; justify-content:center; gap:65px 70px;}
.landing07 li {width:calc((100% - 140px)/3); height:274px; background:#fff; border-radius:10px; text-align:center; padding:55px 20px 20px;}
.landing07 li strong {display:block; font-size:40px; color:#325aff; line-height:40px; margin-bottom:40px;}
.landing07 li p {font-size:24px; font-weight:500; line-height:32px;}

.landing08 .wbox {width:660px; max-width:100%; margin:0 auto; border-radius:10px; box-shadow:rgba(255,255,255,.4) 4px 4px 15px; padding:50px 40px; background:#fff;}
.landing08 dl {margin-bottom:30px;}
.landing08 dt {font-size:22px; font-weight:700; line-height:30px; margin-bottom:10px;}
.landing08 dd {line-height:50px; display:flex;}
.landing08 .checks {gap:80px;}
label.check {position:relative; font-size:20px; font-weight:500; line-height:50px; padding-left:54px;}
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; width:32px; height:32px; border:#a1a1a1 1px solid; border-radius:10px; transform:translateY(-50%);}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#325aff; border-radius:6px; transition:.2s linear; transform:translate(-50%,-50%);}
label.check input:checked + i:before {width:20px; height:20px;}
.landing08 .text {width:calc((100% - 96px)/3); height:50px; border:#a1a1a1 1px solid; border-radius:10px; font-size:17px; padding:0 10px;}
.landing08 .tel span {width:48px; font-size:26px; color:#000; text-align:center;}
.landing08 .btn {display:block; font-size:28px; color:#fff; font-weight:700; line-height:72px; height:72px; text-align:center; background:#325aff; border-radius:5px; width:100%;}

.landing09 .foot_banner {position:relative; padding-left:82px; margin-right:-9px;}
.landing09 .slick-slide > div {padding:0 9px;}
.landing09 .slick-arrow {position:absolute; top:50%; width:34px; height:34px; background:url('/images/arrow_banner.gif') no-repeat 50% 50% / contain; border:#ddd 1px solid; margin-top:-17px; font-size:0;}
.landing09 .slick-prev {left:0;}
.landing09 .slick-next {left:38px; transform:scaleX(-1);}

.yak_area {margin-bottom:30px;  font-size:14px; line-height:20px;}
.yak_area p {margin-bottom: 20px; font-size:22px;font-weight: 700;}
.yak_area .radios {justify-content:center;}
.yak_area .cont {color:#000; line-height:20px; background:#fff; padding:15px; border-radius:5px;overflow:auto; height:110px;max-height:110px;border: #a1a1a1 1px solid;}