@charset "utf-8";
#main {letter-spacing:-.01em;}
/* main-visual */
.main-visual {height:100%; max-height:100vh; width:100%; position:relative; margin-bottom:0;}
.main-visual video {width:100%; height:100%; max-height:100vh; object-fit:cover;}
.main-visual .items {position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0; z-index: 10;}
.main-visual .item {position: relative; height: 100%;}
.main-visual .txt-box {text-align:center; color:#fff; padding-top: 80px;}
.main-visual .txt-box h2 {font-size:85px; line-height:1.1em; font-family:'Montserrat'; margin-bottom:24px; /* filter:blur(10px); opacity:0; */ position:relative; /* top:100px; */ transition:all 1s;}
.main-visual .txt-box p {font-size:50px; line-height:1.3em; font-weight:700; filter:blur(10px); opacity:0; position:relative; top:100px; transition:all 1s .4s;}
.main-visual .txt-box p.red {color: #FC3441;}
.main-visual .txt-box p br.mob-only {display: none;}
.main-visual .item2 .txt-box p {line-height: 1.8em;}
.main-visual .item2 .txt-box p span {font-size: 55px;}
.main-visual .scrolldown {position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#fff; font-size:14px; font-family:'Montserrat'; line-height:1.5em; font-weight:700; padding-bottom:80px; overflow:hidden; z-index:11;}
.main-visual .scrolldown:before {content:''; width:1px; height:60px; background:rgba(255,255,255,0.2); bottom:0; left:50%; z-index:1; position:absolute;}
.main-visual .scrolldown:after {content:''; width:1px; height:30px; background:#fff; position:absolute; top:40px; left:50%; z-index:2; animation:scale-up-center 1s linear infinite both}
@keyframes scale-up-center{0%{top:40px; height:0;}20% {top:40px; height:30px;}70% {top:80px;}100%{top:100px;}}
/* .main-visual.active .txt-box h2 {filter:blur(0); opacity:1; top:0;}
.main-visual.active .txt-box p {filter:blur(0); opacity:1; top:0;} */
.main-visual .item.slick-active .txt-box h2 {animation: text-up 1s both .1s;}
.main-visual .item.slick-active .txt-box p {animation: text-up 1s both .3s;}
@keyframes text-up {0% {filter:blur(10px); opacity:0; top: 100px;} 100% {filter:blur(0); opacity:1; top:0;}}


/* section */
#section {}
#section > div {background-repeat:no-repeat; background-size:cover; background-position:center center;}
#section .title {position:relative;}
#section .title p {font-size:34px; line-height:1.3em; color:#fff; font-family:'Montserrat'; margin-bottom:24px;}
#section .title h3 {font-size:78px; line-height:1.1em; color:#fff; letter-spacing:0;}
/* section01 */
.section01 {padding:170px 0 175px; background-image:url('../img/main/sec01bg.jpg');}
.section01 .title {margin-bottom:126px;}
.section01 .title p span {color:#d1b17b;}
.section01 .cnt {border:1px solid #7b613e; background:rgba(255,255,255,0.05); padding:90px 100px; position:relative;}
.section01 .cnt:after {content:''; width:82px; height:67px; background:url('../img/main/sec01-cnt.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-34px; right:-62px;}
.section01 .question {display:none;}
.section01 .question.active {display:block;}
/* 질문 상단 제목 */
.section01 .question .tit {position:absolute; left:-1px; top:-45px; display:flex; align-items:center; width:651px; height:90px; background:url('../img/main/question-tit.png') no-repeat; padding:0 40px; color:#fff; background-size:contain;}
.section01 .question .tit h4 {font-size:35px; font-weight:600; width:auto;}
.section01 .question .tit h4 span {font-size:55px; font-family:'Cormorant'; line-height:1.4em; display:inline-block; margin-right:14px; font-weight:600; font-style:italic;}
.section01 .question .tit p {width:1%; flex:1 1 auto; font-size:24px; line-height:1.4em; margin-left:25px; padding-left:25px; position:relative; margin-top:6px;}
.section01 .question .tit p:before {content:''; width:1px; height:18px; background:rgba(255,255,255,0.5); position:absolute; top:50%; margin-top:-9px; left:0;}
/* 질문 */
.section01 .question ul {display:flex;margin:0 -15px;}
.section01 .question ul li {width:25%; padding:0 15px; position:relative;}
.section01 .question ul li input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.section01 .question ul li label {width:100%; height:270px; background:rgba(255,255,255,0.1); border:1px solid #ddd; display:block; border-radius:3px; text-align:center; padding:130px 20px 20px; font-size:35px; line-height:1.5em; color:#fff; font-weight:600; transition:all 0.6s; z-index:10; position:relative; cursor:pointer;}
.section01 .question ul li input:checked + label {background:transparent; border:0; color:#000;}
.section01 .question ul li label:before {content:''; width:100%; height:100%; background-color:#fff; border:4px solid transparent; border-radius:3px; position:absolute; top:0; left:0; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); border-image-slice:1; opacity:0; background-origin:border-box; background-clip:content-box, border-box; transition:all 0.6s;}
.section01 .question ul li input:checked + label:before {opacity:1; z-index:-1;}
.section01 .question ul li label:after {content:''; width:34px; height:34px; top:80px; left:50%; margin-left:-17px; position:absolute; background-image:url('../img/main/question-label.png'); background-repeat:no-repeat; background-size:cover; transition:all 0.6s; z-index:11;}
.section01 .question ul li input:checked + label:after {background-image:url('../img/main/question-label-on.png');}
/* 5번째 정보입력 */
.section01 .question .col {display:flex; /* height:270px; */height: 350px;}
.section01 .question .col .tit-box {max-width:610px; width:100%; color:#fff;}
.section01 .question .col .tit-box h5 {font-size:40px; font-weight:600; line-height:1.5em; margin-bottom:30px;}
.section01 .question .col .tit-box p {font-size:25px; line-height:1.4em;}
.section01 .question .col .txt-box {width:1%; flex:1 1 auto;}
.section01 .question .col .name {width:100%; margin-bottom:10px;}
.section01 .question .col select,
.section01 .question .col input {font-size:22px; width:100%; line-height:68px; height:70px; border:1px solid rgba(255,255,255,0.3); border-radius:3px; padding:0 25px; color:#fff; font-weight:600; background-color:rgba(255,255,255,0.1); outline:none;}
.section01 .question .col select {background-image:url('../img/layout/family-open.png'); background-position:right 25px center; background-repeat:no-repeat; appearance:none;}
.section01 .question .col select:focus,
.section01 .question .col input:focus {border-color:#fff;}
.section01 .question .col select option {color:#333;}
.section01 .question .tel {display:flex; margin:0 -15px 10px;}
.section01 .question .tel .row {padding:0 15px; width:33.333333%; position:relative;}
.section01 .question .tel .row:after {content:''; width:8px; height:2px; background:rgba(255,255,255,0.3); position:absolute; top:50%; margin-top:-1px; right:-4px;}
.section01 .question .tel .row:last-child:after {display:none;}
.section01 .question .day {display: flex; width: 100%; margin-bottom: 10px;}
.section01 .question .day .label-box {max-width: 180px; width: 100%;}
.section01 .question .day .row:nth-child(2) {width: 100%;}
.section01 .question .day label {font-size: 22px; font-weight: 600; line-height: 68px; color: #fff;}
.section01 .question .time {display: flex; width: 100%; margin-bottom: 10px;}
.section01 .question .time .label-box {max-width: 180px; width: 100%;}
.section01 .question .time .row:nth-child(2) {width: 100%;}
.section01 .question .time label {font-size: 22px; font-weight: 600; line-height: 68px; color: #fff;}
.section01 .question .op-none {display: none;}

.section01 .question .inquiry-wrap {padding:0; margin-top:20px; border:0;}
.section01 .question .inquiry-wrap.checkbox input {height:auto; line-height:1.5em;}
.section01 .question .inquiry-wrap .check label {color:#fff;}
.section01 .question .inquiry-wrap .check a {color:#fff;}
/* 다음단계 버튼 */
.section01 .navigation {position:absolute; right:-1px; bottom:-40px; width:100%; display:flex; justify-content:space-between;}
.section01 .navigation .btn {background:#ad9547; width:270px; line-height:80px; cursor:pointer; font-size:30px; font-weight:600; color:#fff; padding:0 50px; position:relative; border:0; text-align:left; box-shadow:5px 5px 20px 10px rgba(0,0,0,0.35); transition:all 0.6s;}


.section01 .navigation .btn:hover {padding:0 30px;}
.section01 .navigation .btn:after {content:''; width:24px; height:18px; background:url('../img/main/navigation-next.png') no-repeat; position:absolute; top:50%; margin-top:-9px; transition:all 0.6s;}
.section01 .navigation .btn-next:after {right:50px;}
.section01 .navigation .btn-next:hover:after {right:30px;}
.section01 .navigation .btn-prev {text-align:right; margin-left:-1px;}
.section01 .navigation .btn-prev:after {transform:rotate(180deg); left:50px;}
.section01 .navigation .btn-prev:hover:after {left:30px;}
/* section02 */
.section02 {padding:170px 0 180px; background-image:url('../img/main/sec02bg.jpg');}
.section02 .title {margin-bottom:30px;}
.section02 .title p span {font-size: 50px; font-weight: 700;}
/* .section02 .title p span {opacity:.5;} */
.section02 .img-box {text-align:center; margin-bottom:36px;}
.section02 .txt-box {display:flex; justify-content:center; flex-wrap:wrap; border-top:1px solid; border-bottom:1px solid; border-color:rgba(255,255,255,0.3); padding:26px 0;}
.section02 .txt-box .row {padding:0 25px; width:auto;}
.section02 .txt-box .row p {font-size:40px; font-weight:600; color:#fff; letter-spacing:-.01em; line-height:1.5em; margin-right:20px; display:inline-block;}
.section02 .txt-box .row strong {font-size:70px; font-weight:700; line-height:1.1em; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.section02 .txt-box .row strong span {font-family:'Cormorant'; font-size:100px;}
/* section03 */
.section03 {padding:170px 0 180px; background-color:#f7f7f7;}
.section03 .title {margin-bottom:86px;}
#section .section03 .title p {color:#555;}
#section .section03 .title p.small {font-size: 35px; color: #333; margin-top: 25px;}
#section .section03 .title h3 {color:#000;}
#section .section03 .title h3 span {color:#FC3441;}
#section .section03 .sec-btn {bottom: auto; top: 125px;}
/* 슬라이드 버튼 */
#section .sec-btn {position:absolute; bottom:0; right:0; display:flex;}
#section .sec-btn .arrows {margin-right:30px; display:flex;}
#section .sec-btn .arrows .slick-arrow {width:18px; height:28px; background-repeat:no-repeat; background-size:cover; border:0; background-color:transparent; border:0; cursor:pointer; margin-left:32px; transition:all 0.6s; font-size:0;}
#section .sec-btn .arrows .slick-prev {background-image:url('../img/main/sec-prev.png');}
#section .sec-btn .arrows .slick-next {background-image:url('../img/main/sec-next.png');}
#section .sec-btn .arrows .slick-prev:hover {background-image:url('../img/main/sec-prev-on.png');}
#section .sec-btn .arrows .slick-next:hover {background-image:url('../img/main/sec-next-on.png');}
#section .sec-btn .more a{transition:all 0.6s;}
#section .sec-btn .more a:hover {opacity:0.6;}
/* 슬라이드 */
.section03 .items {margin:0 -25px;}
.section03 .item {padding:0 25px;}
.section03 .inner {background:#fff; border:1px solid #fff; padding:60px 50px 40px; transition:all 0.6s;}
.section03 .inner:hover {border-color:#000;}
.section03 .inner .tit-box {margin-bottom:28px;}
.section03 .inner .tit-box p {font-size:20px; line-height:35px; padding:0 10px; display:inline-block; margin-bottom:24px; color:#fff;}
.section03 .inner .tit-box p.case01 {background:#ad9547;}
.section03 .inner .tit-box p.case02 {background:#575654;}
.section03 .inner .tit-box p.case03 {background:#021226;}
.section03 .inner .tit-box h4 {font-size:30px; line-height:1.3em; font-weight:600; color:#000; height:calc(1.3em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section03 .inner .img-box {width:100%; max-width:300px; margin:0 auto; padding-bottom:40px;}
.section03 .inner .img-box .pic {position:relative; height:0; padding-bottom:128.33%; overflow:hidden; transition:all 0.6s; box-shadow:0 0 20px rgba(144,144,144,0.11);}
.section03 .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section03 .inner .txt-box {display:flex; justify-content:space-between; align-items:center; padding-top:30px; border-top:1px solid #ddd; flex-wrap:wrap;}
.section03 .inner .txt-box p {font-size:22px; line-height:1.4em; color:#000; width:110px; font-weight:700;}
.section03 .inner .txt-box ul {width:1%; flex:1 1 auto; display:flex; justify-content:flex-end; height:100%;}
.section03 .inner .txt-box ul li {margin-left:10px;}
.section03 .inner .txt-box ul li .img {border-radius:50%; overflow:hidden; width:80px; height:80px;}
.section03 .inner .txt-box ul li .img .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; transition:all 0.6s; background:#f7f7f7;}
.section03 .inner .txt-box ul li .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
/* section04 */
.section04 {padding:170px 0 190px; background-color:#fff;}
.section04 .title {margin-bottom:86px;}
#section .section04 .title p {color:#555;}
#section .section04 .title h3 {color:#000;}
.section04 .items {margin:0 -25px;}
.section04 .item {padding:0 25px;}
.section04 .inner {position:relative;}
.section04 .inner .img-box .pic {position:relative; height:0; padding-bottom:128%; overflow:hidden; transition:all 0.6s;}
.section04 .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.section04 .inner .txt-box {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(173,149,71,0.8); display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; transition:all 0.6s;}
.section04 .inner:hover .txt-box {opacity:1;}
.section04 .inner .txt-box p {font-size:34px; line-height:1.4em; color:#fff; font-weight:600; height:calc(1.4em * 1 * 3); overflow:hidden;  text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}


/* section05 */
.section05 {padding:220px 0 260px; background-image:url('../img/main/sec05bg.jpg'); text-align:center;} 
.section05 p {font-size:40px; line-height:1.6em; color:#fff; font-weight:500;}
.section05 p strong {font-weight:600;}
.section05 p span {background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.section05 p span strong {font-size: 45px;}
.section05 h3 {font-size:90px; line-height:1.15em; color:#fff; font-weight:600; margin:30px 0;}
.section05 .more {margin-top:48px;}
.section05 .more a {display:inline-block; font-size:30px; width:360px; line-height:90px; color:#fff; padding:0 50px; text-align:center; border-radius:45px; font-weight:600; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); position:relative;}
/* .section05 .more a:after {content:''; width:22px; height:14px; background:url('../img/main/sec05-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-7px; right:50px;} */
.section05 a {font-size:60px; color:#fff; display:inline-block; margin-top:40px; line-height:1.2em; font-weight:700; position:relative;}
/* section06 */
.section06 {padding:80px 0 70px; background-color:#fff;}
.section06 .col {display:flex; margin:0 -20px; justify-content:center;}
.section06 .col .row {padding:0 20px; width:auto;}