@charset "utf-8";

/* COMMON */
html,
body{font-size:10px}
body{background-color:#fff}
body,h3,input,select,button,textarea{font-family:'Noto Sans KR', sans-serif; color:#3b3b46; font-weight:500; letter-spacing:-0.15rem; line-height:3rem}
.wrap{width:720px; margin:0 auto; background-color:#fff; overflow:hidden;}
.section{width:100%; position:relative; overflow:hidden}
.container{width:80%; margin:0 auto}
.center{text-align:center}
.font44{font-size:4.4rem; font-weight:700; line-height:6.5rem; word-break:keep-all}
.font33{font-size:3.3rem}
.font30{font-size:3rem}
.font28{font-size:2.8rem; line-height:4.5rem}
.font26{font-size:2.6rem}
.font22{font-size:2.2rem}
.font20{font-size:2rem}
.font18{font-size:2rem}
p{word-break:keep-all}

/* MAIN */
.main{height:1240px; background-color:#6cdbd7; color:#fff; overflow:hidden}
.main h1{margin-top:8.5rem; margin-bottom:9.7rem}
.main strong{font-size:3rem; font-weight:500}
.main h2{font-size:6.2rem; line-height:90px; font-weight:700; letter-spacing:-0.25rem; margin-bottom:8.2rem}
.main-circle1,
.main-circle2{width:270px; height:270px; background-image:url(../images/main_circle.png); background-size:100%; background-repeat:no-repeat; position:absolute}
.main-circle1{right:-1rem; top:-160px}
.main-circle2{left:-4rem; bottom:-160px}

/* SECTION 1 */
.row1{padding:12.8rem 0 15.3rem}
.row1-img1{height:418px; margin:10rem 0 20rem; background-image:url(../images/row1_bg.png); background-repeat:no-repeat; background-position:top center; position:relative}
.row1-img1 img{position:absolute; top:8rem; left:18rem}
.row1-img1 span{position:absolute; top:13.5rem; right:18.5rem}
.row1-text2 .font28{margin:1.3rem 0 5.3rem}

/* SECTION 2 */
.row2{background-color:#ebeae6; background-image:url(../images/row2_bg01.jpg), url(../images/row2_bg02.jpg); background-position:center top, center bottom; background-repeat:no-repeat; padding:101.3rem 0 31rem; position:relative}
.row2-sec1{height:800px; position:relative}
.row2-sec1 h3{margin-bottom:10rem}
.row2-sec1-img{position:absolute; top:26rem; left:-2.5rem}
.row2-sec1-text{position: absolute; top:28rem; left:22rem; z-index:1}
.row2-sec2 li{margin-top:7.5rem}
.row2-sec2 li p{float:left}
.row2-icons{width:72px; padding-right:2.5rem}
.row2-text .font30{display:block; font-weight:700; margin-bottom:1.5rem}
.row2-circle2{width:270px; height:270px; background-image:url(../images/row2_circle02.png); position:absolute; top:1450px; left:400px; z-index:0}

/* SECTION 3 */
.row3{background-color:#ccdbde; padding:21.5rem 0 16rem}
.row3-img{width:100%; height:550px; margin:5rem 0; background-image:url(../images/row3_bg.jpg); background-position:center top; background-repeat:no-repeat; position:relative}
.row3-img1,
.row3-img2{position:absolute; top:13rem; left:50%}
.row3-img1{margin-left:-30rem}
.row3-img2{margin-left:15rem}
.row3-circle{width:270px; height:270px; background-image:url(../images/row3_circle.png); position:absolute; top:-130px; left:50%; margin-left:-135px}

/* SECTION 4 */
.row4{background-color:#a2d3da; padding:17.2rem 0 16rem}
.row4-img{width:525px; margin:5rem auto 7rem}
.row4-img img{width:100%}

/* SECTION 5 */
.row5{background-color:#616161; padding:11.5rem 0 17.2rem}
.row5 .font28{color:#e7e5e5; font-weight:400; margin:3.5rem auto 6rem}
.row5-video{width:582px; margin:0 auto}

/* SECTION 6 */
.row6{background-color:#e4e8e8; padding:13.5rem 0 18rem}
.row6 .font26{margin:1.4rem auto 9rem}
.row6-card{width:370px; background-color:#fff; border-radius:15px; box-shadow:5px 5px 20px rgba(0,0,0,.1); float:left; overflow:hidden}
/* .row6-card a{display:block; width:100%; height:100%; float:left} */
.row6-text{padding:5.35rem 3.8rem}
.row6-text .font33{color:#636368}
.row6-text .font20{font-weight:400; color:#7d7c7c; padding:1.5rem 0 4rem; line-height:2.8rem}
.row6-btn{height:26px; line-height:30px; font-size:1.65rem; font-weight:400; position:relative}
.row6-btn img,
.row6-btn span{position:absolute; transition:0.25s all}
.row6-btn img{left:0}
.row6-btn span{left:36px; top:-3px}
.row6-swiper{width:450%; margin-left:-189%}
.row6-swiper .swiper-pagination{background-color:red}

/* FOOTER */
.footer{padding:10.6rem 0 16.3rem}
.footer .container{font-size:1.8rem; line-height:3rem; font-weight:400; color:#7d7c7c}
.footer-logo{display:block; width:156px; height:41px; background-image:url(../images/logo.png); background-size:100%}
.footer-address{margin:4rem 0; letter-spacing:-0.17rem}
.footer-consult span{font-size:4.2rem; line-height:7rem}
.footer-copyright{width:289px; height:9px; margin-top:4.4rem; background-image:url(../images/copyright.png); background-size:100%}

/* 하단 고정메뉴 및 DB 입력란 */
.dimm{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0}
.sticky,
.sticky-layer{width:716px; background-color:#f7f9fa; border:2px solid #ececec; border-bottom:none; border-radius:15px 15px 0 0; position:fixed; transition:all 0.5s}
.sticky{height:150px; bottom:-900px; z-index:999; /*box-shadow:0 0 10px rgba(0,0,0,0.1);*/ }
.sticky li{width:50%; float:left; padding-top:2.5rem}
.sticky a{display:block; color:#222}
.sticky a .font22{padding-top:0.5rem}
.sticky a img{margin-bottom:5px}
.sticky-layer{bottom:-900px; z-index:888; transition:all 0.5s}
.sticky-layer dl{position:relative}
.sticky-layer dt{display:block; padding:9rem 0 3rem}
.sticky-layer dd{margin-bottom:2rem; font-weight:400}
.sticky-layer input[type="text"],
.sticky-layer input[type="tel"],
.sticky-layer select{height:60px; height:60px; border:1px solid #c5c5c5; background-color:#fff; padding:0 2rem; font-weight:400}
.sticky-layer input[name="userName"],
.sticky-layer input[name="userCompany"],
.sticky-layer input[name="phoneNumber"]{width:41.5%}
.sticky-layer select{width:28rem; height:62px; background-image:url(../images/icon_arrowdown.png); background-position:center right; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sticky-layer select::-ms-expand{display:none}
.sticky-layer label[for="agree"]{color:#5d5d5d; vertical-align:middle}
.sticky-layer .privacy{display:inline-block; height:2.6rem; line-height:2.5rem; background-color:#bdc5c7; color:#fff; border-radius:0.3rem; font-size:1.75rem; padding:0 0.7rem; margin-left:0.75rem}
.sticky-layer input[type="checkbox"]{display:none}
.sticky-layer input[type="checkbox"] + label:before{content:""; display:inline-block; width:23px; height:23px; line-height:23px; margin-right:5px; vertical-align:middle; background-color:#fff; border:1px solid #e4e4e4}
.sticky-layer input[type="checkbox"]:checked + label:before{color:#222; border-color:#222; background-image:url(../images/icon_checked.png); background-size:100%; background-repeat:no-repeat}
.sticky-layer .done{display:block; width:100%; height:86px; line-height:86px; background-color:#5b5b64; border-radius:10px; font-size:2.8rem; color:#fff}
.sticky-layer .done img{vertical-align:middle; margin:-5px 0 0 20px}
.sticky-close{width:100%; padding:2rem 0; position:absolute; top:0; cursor:pointer}
.sticky-close span{display:inline-block; width:67px; height:6px; border-radius:3px; background-color:#dcdcdc;}