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

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

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:56px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1340px; margin:0 auto; padding:0 20px;}

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

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.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; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:rgba(6,17,38,.7); transition:.2s linear;}
.header .inner {position:relative; height:80px; max-width:1560px;}
.header .logo {position:absolute; top:0; left:20px; line-height:80px; font-size:0;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {display:flex; justify-content:center; gap:26px; padding:0 150px;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {position:relative; display:block; font-size:18px; color:#fff; line-height:80px; padding:0 18px;}
.header .gnb .menu > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#006BB2; transition:.2s linear;}
.header .gnb .menu.on > a:after {left:0; width:100%;}

/* footer */
.footer {background:#061126; padding:35px 0;}
.footer .inner {position:relative;}
.footer .tit {font-size:18px; color:#fff; font-weight:500; margin-bottom:16px;}
.footer .address {font-size:16px; color:rgba(255,255,255,.5); font-weight:300; line-height:26px;}

/* main */
.mvisual {background:url('/pub/images/mvisual.jpg') no-repeat 50% 100% / cover;}
.mvisual .link {position:absolute; top:0;}
.mvisual .inner {position:relative; max-width:1560px; height:100vh; max-height:100vh; display:flex; flex-direction:column; justify-content:center;}
.mvisual strong {display:block; font-size:60px; color:#fff; line-height:80px; margin-bottom:8px;}
.mvisual p {font-size:22px; color:#fff; line-height:28px;}
.mvisual .more {display:block; font-size:16px; color:#00243B; font-weight:700; line-height:60px; height:60px; width:240px; border-radius:30px; background:#fff; margin-top:70px; text-align:center;}
.mvisual .btn_link {position:absolute; bottom:40px; left:50%; width:70px; height:70px; border:#fff 1px solid; border-radius:50%; transform:translateX(-50%); background:url('/pub/images/arrow_down.svg') no-repeat 50% 50%;}
.mvisual .btn_link:before,
.mvisual .btn_link:after {content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; border:#fff 0px solid; border-radius:50%; transition:.2s linear; transform:translate(-50%,-50%);}

.mcon {position:relative; padding:100px 0;}
.mcon .title {font-size:44px; color:#00243B; font-weight:700; line-height:58px; margin-bottom:45px;}
.mcon .point {position:absolute; top:-120px;}
.mcon .link {position:absolute; top:-80px;}

.mcon .more {position:absolute; bottom:24px; left:32px; font-size:14px; color:#999; font-weight:500; line-height:20px; padding-right:30px;}
.mcon .more:before,
.mcon .more:after {content:""; position:absolute; top:0; right:0; width:20px; height:20px; border-radius:50%; transition:.2s linear;}
.mcon .more:before {border:#ddd 1px solid;}
.mcon .more:after {background:#999; mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}

.mc01 {padding:170px 0 100px;}
.mc01 .inner {display:flex; align-items:center; justify-content:space-between;}
.mc01 .txt {width:47.692%; padding-right:20px;}
.mc01 p {font-size:16px; color:#333; line-height:26px;}
.mc01 .img {width:52.308%;}
.mc01 .img > * {max-width:100%;}

.mc02 {background:url('/pub/images/bg_mc02.svg') #F0F0F0 no-repeat left -186px bottom 85px;}
.mc02 .title {margin:0;}
.mc2box {position:relative; margin-top:-30px;}
.mc02 .logo {display:block; width:171px; height:171px; background:url('/pub/images/logo_mc02.png') #fff no-repeat 50% 50%; box-shadow:rgba(0,0,0,.12) 0 3px 30px; border-radius:50%; margin:0 auto;}
.mc02 .areabox {position:relative; font-size:18px; color:#fff; line-height:56px; height:56px; width:180px; text-align:center; background:#006BB2; margin:44px auto; z-index:1;}
.mc02 .areabox:before,
.mc02 .areabox:after {content:""; position:absolute; left:50%; width:1px; height:44px; background:#ddd;}
.mc02 .areabox:before {bottom:100%;}
.mc02 .areabox:after {top:100%;}
.mc02 ul {display:flex; gap:20px;}
.mc02 li {position:relative; background:#fff;}
.mc02 li:before,
.mc02 li:after {content:""; position:absolute; background:#ddd;}
.mc02 li:before {bottom:100%; left:50%; width:1px; height:72px;}
.mc02 li:first-child:before {left:70%;}
.mc02 li:last-child:before {left:30%;}
.mc02 li:after {top:-72px; left:50%; width:100%; height:1px;}
.mc02 li:first-child:after {left:70%;}
.mc02 li:nth-child(2):after {transform:translateX(-50%);}
.mc02 li:last-child:after {left:auto; right:70%;}
.mc02 i {display:block; width:100%;}
.mc02 .txt {padding:26px 32px 33px;}
.mc02 .tt {font-size:24px; color:#0E2249; font-weight:700; line-height:32px; margin-bottom:20px;}
.mc02 p {font-size:18px; color:#333; line-height:30px; padding-left:10px; text-indent:-10px;}

.mc03 .tit {font-size:24px; color:#00243B; font-weight:700; line-height:32px; margin:60px 0 18px;}
.mc03 ul {display:flex; gap:24px 20px;}
.mc03 ul.set6 {flex-wrap:wrap;}
.mc03 ul.set6 li {width:calc((100% - 40px)/3); border:#ddd 1px solid;}
.mc03 ul.set6 li a {position:relative; display:block; height:420px;}
.mc03 ul.set6 li i {width:100%; height:100%; background:url('/pub/images/bg_mc03.jpg') no-repeat 50% 50% / cover; display:flex; justify-content:center; align-items:center; font-size:0; transition:.2s linear;}
.mc03 ul.set6 li i img {width:100%;}
.mc03 ul.set6 li .txt {position:absolute; bottom:0; left:0; height:0; padding:0 32px; display:block; overflow:hidden; background:#fff; transition:.2s linear;}
.mc03 ul.set6 li .tt {display:block; font-size:24px; color:#0E2249; font-weight:700; line-height:32px; margin-bottom:13px;}
.mc03 ul.set6 li p {font-size:16px; color:#666; line-height:26px;}
.mc03 ul.set6 li a:hover i {height:300px;}
.mc03 ul.set6 li a:hover .txt {padding:22px 32px 50px; height:120px;}

.mc03 ul.set4 {flex-wrap:Wrap;}
.mc03 ul.set4 li {width:calc((100% - 60px)/4); background:no-repeat 50% 80% / cover;}
.mc03 ul.set4 li.i1 {background-image:url('/pub/images/img_mc03_07.jpg');}
.mc03 ul.set4 li.i2 {background-image:url('/pub/images/img_mc03_08.jpg'); background-position:50% 50%;}
.mc03 ul.set4 li.i3 {background-image:url('/pub/images/img_mc03_09.jpg');}
.mc03 ul.set4 li.i4 {background-image:url('/pub/images/img_mc03_10.jpg'); background-position:50% 0%;}
.mc03 ul.set4 li a {position:relative; display:block; height:460px; padding:40px 32px 60px;}
.mc03 ul.set4 li a:before,
.mc03 ul.set4 li a:after {content:""; position:absolute;  width:0; height:0; border:transparent 2px solid; transition:.2s linear; z-index:1; opacity:0;}
.mc03 ul.set4 li a:before {top:0; left:0; border-top-color:#006BB2; border-left-color:#006BB2;}
.mc03 ul.set4 li a:after {right:0; bottom:0; border-right-color:#006BB2; border-bottom-color:#006BB2;}
.mc03 ul.set4 li a > * {overflow:hidden; transition:.2s linear;}
.mc03 ul.set4 li i {display:block; height:38px;}
.mc03 ul.set4 li i img {max-height:100%;}
.mc03 ul.set4 li .tt {position:relative; display:block; font-size:24px; color:#fff; font-weight:700; line-height:40px; padding-top:24px; margin-top:33px;}
.mc03 ul.set4 li .tt:before {content:""; position:absolute; top:0; left:0; width:52px; height:1px; background:rgba(255,255,255,.3);}
.mc03 ul.set4 li p {font-size:16px; color:#fff; line-height:26px; height:0;}
.mc03 ul.set4 li .more {bottom:32px; color:#fff; text-shadow:rgba(0,0,0,.5) 0 0 10px;}
.mc03 ul.set4 li .more:after {background:#fff;}

.mc04 {background:#F0F0F0;}
.mc04 ul {display:flex; flex-wrap:wrap; gap:24px 20px;}
.mc04 li {width:calc((100% - 40px)/3);}
.mc04 a {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:412px; background:no-repeat 50% 50% / cover; padding:0 20px;}
.mc04 li.i1 a {background-image:url('/pub/images/img_mc04_01.jpg');}
.mc04 li.i2 a {background-image:url('/pub/images/img_mc04_02.jpg');}
.mc04 li.i3 a {background-image:url('/pub/images/img_mc04_03.jpg');}
.mc04 li.i4 a {background-image:url('/pub/images/img_mc04_04.jpg');}
.mc04 li.i5 a {background-image:url('/pub/images/img_mc04_05.jpg');}
.mc04 li.i6 a {background-image:url('/pub/images/img_mc04_06.jpg');}
.mc04 a img {height: 60px;}
.mc04 p {font-size:16px; color:#fff; line-height:21px; margin-top:23px; text-align:center;}
.mc04 .more {position:relative; bottom:0; left:0; height:0; overflow:hidden; color:#fff; transition:.2s linear;}
.mc04 .more:before {border-color:#fff;}
.mc04 .more:after {background:#fff;}

.mc05 ul {display:flex; gap:10px; flex-wrap:wrap;}
.mc05 li {width:calc((100% - 50px)/6);}
.mc05 a {position:relative; display:block; text-align:center; height: 280px;}
.mc05 a:before,
.mc05 a:after {content:""; position:absolute; bottom:0; left:0;}
.mc05 a:before {width:100%; height:60%; background:linear-gradient(#0E224900, #0E2249ff);}
.mc05 a:after {width:0; height:4px; background:#006BB2; transition:.2s linear;}
.mc05 a img {width:100%; height: 100%; object-fit:cover;}
.mc05 .txt {position:absolute; bottom:0; left:0; width:100%; padding-bottom:22px;}
.mc05 .txt .name {font-size:20px; color:#fff; font-weight:700; line-height:28px;}
.mc05 .txt p {font-size:14px; color:#fff; font-weight:500; line-height:20px; height:0; overflow:hidden; transition:.2s linear;}
.mc05 .txt p:after {content:""; display:inline-block; vertical-align:top; width:14px; height:20px; background:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; margin-left:10px;}

.mc06 {background:url('/pub/images/bg_mc06.jpg') no-repeat 50% 50% / cover;}
.mc06 .title {color:#fff;}
.mc06 .tit {font-size:18px; color:#fff; font-weight:500; line-height:24px; margin:40px 0 15px;}
.mc06 .inputs {display:flex; flex-wrap:wrap; gap:16px 20px;}
.mc06 .inputs .text_box {position:relative; width:calc(50% - 10px); z-index:1;}
.mc06 .inputs .text_box .text {width:100%; background:rgba(255,255,255,.1); border:transparent 1px solid; outline:0; font-size:16px; color:#fff; padding:0 24px; transition:.2s linear;}
.mc06 .inputs .text_box .text:focus {border-color:#fff;}
.mc06 .inputs .text_box .place {position:absolute; top:0; left:0; width:100%; height:100%; font-size:16px; color:#ccc; line-height:56px; padding:0 24px; z-index:-1; transition:.2s linear;}
.mc06 .inputs .text_box .place span {color:#EF7F00;}
.mc06 .inputs .text_box textarea.text {height:140px; padding:22px 24px;}
.mc06 .inputs .text_box textarea.text + .place {line-height:22px; padding:22px 24px;}
.mc06 .inputs .text_box.focus .place {opacity:0;}
.mc06 label.check {display:block; margin-top:16px;}
.mc06 .btn {display:block; font-size:16px; color:#00243B; font-weight:700; line-height:60px; height:60px; width:240px; background:#fff; border-radius:30px; margin:45px auto 0;}
label.check {position:relative; padding-left:30px; font-size:16px; color:#fff; line-height:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border-radius:2px; border:#ddd 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#0E2249; border-radius:1px; transition:.2s linear; transform:translate(-50%,-50%);}
label.check input:checked + i:before {width:10px; height:10px;}

.mc06 .inputs .text_box.capcha {display:flex; width:100%;}
.mc06 .inputs .text_box.capcha .img {width:161px; height:56px;}
.mc06 .inputs .text_box.capcha .re {width:56px; height:56px; margin:0 10px; background:rgba(255,255,255,.1) url('/pub/images/icon_re.svg') no-repeat 50% 50%;}
.mc06 .inputs .text_box.capcha .text {width:400px; max-width:calc(100% - 237px);}
.mc06 .inputs .text_box.capcha .text::placeholder {color:#ddd;}