@charset "utf-8";

.only-pc {display:block;}
.only-mob {display:none;}

#main {letter-spacing:-.01em;}

.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;}
.main-visual .txt-box h2 {font-size:85px; line-height:1.1em; font-family:'Montserrat'; margin-bottom:24px; transition:all 1s;}
.main-visual .txt-box p {font-size:50px; line-height:1.3em; font-weight:300; transition:all 1s .4s;}
.main-visual .item.slick-active .txt-box h2 {animation: text-up 1s both .4s;}
.main-visual .item.slick-active .txt-box p {animation: text-up 1s both .6s;}
@keyframes text-up {0% {filter:blur(10px); opacity:0; top: 100px;} 100% {filter:blur(0); opacity:1; top:0;}}
.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;}}
/* banner */
.banner {background:url('../img/main/banner-bg.jpg') center center no-repeat; height:400px;}
.banner .img-box {height:100%; display:flex; align-items:center;}
/* section */
.sec-tit {font-family:'Montserrat'; color:#000; margin-bottom:86px; position:relative;}
.sec-tit.white {color:#fff;}
.sec-tit p {font-size:35px; line-height:1.3em;  font-weight:500; margin-bottom:18px; color:#fff; display:inline-block; background:#ad9547; padding:0 10px;}
.sec-tit h3 {font-size:78px; line-height:1.1em; font-weight:700;}
.sec-tit .btns {position:absolute; bottom:0; right:0;}
.sec-tit .btns {display:flex;}
.sec-tit .btns .arrows {width:70px; height:30px; display:flex; margin-right:30px; align-items:center; justify-content:space-between;}
.sec-tit .btns .slick-arrow {width:20px; height:28px; background-repeat:no-repeat; background-size:cover; font-size:0; border:0; background-color:transparent; transition:all 0.6s; z-index:11;}
.sec-tit .btns .slick-prev {background-image:url('../img/main/sec01-prev.png');}
.sec-tit .btns .slick-next {background-image:url('../img/main/sec01-next.png');}
.sec-tit .btns .slick-prev:hover {background-image:url('../img/main/sec01-prev-on.png');}
.sec-tit .btns .slick-next:hover {background-image:url('../img/main/sec01-next-on.png');}
.sec-tit .btns .more a {display:block; width:30px; height:30px; position:relative; transition:all 0.6s;}
.sec-tit .btns .more a:hover {transform:rotate(90deg);}
.sec-tit .btns .more a:before,
.sec-tit .btns .more a:after {content:''; background:#000; position:absolute; top:50%; left:50%;}
.sec-tit .btns .more a:before {width:30px; height:4px; margin-top:-2px; margin-left:-15px;}
.sec-tit .btns .more a:after {width:4px; height:30px; margin-top:-15px; margin-left:-2px;}
/* section01 */
.section01 {padding:180px 0 200px;}
.section01 .items {margin:0 -24px;}
.section01 .item {padding:0 24px;}
.section01 .inner {position:relative; overflow:hidden;}
.section01 .inner:after {content:''; z-index:2; width:100%; height:100%; background:rgba(173,149,71,0.7); top:0; left:0; position:absolute; opacity:0; transition:all 0.6s;}
.section01 .inner:hover:after {opacity:1;}
.section01 .inner .img-box {position:relative; z-index:1;}
.section01 .inner .img-box .pic {position:relative; height:0; padding-bottom:131.579%; overflow:hidden; transition:all 0.6s;}
.section01 .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;}
.section01 .inner .txt-box {position:absolute; width:100%; height:100%; z-index:3; top:0; left:0; padding:46px 30px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff;}
.section01 .inner .txt-box p {font-size:22px; line-height:1.3em; margin-bottom:12px;}
.section01 .inner .txt-box h4 {font-size:34px; line-height:1.2em; font-weight:600;}
.section01 p.mob-only {display: none; line-height:1.3em;}
/* section02 */
.section02 {padding:180px 0 200px; background:url('../img/main/sec02bg.jpg') center center no-repeat; background-size:cover;}
.section02 .col {display:flex; flex-wrap:wrap;}
.section02 .row {display:flex; align-items:flex-end; padding:36px 30px; width:16.666667%; background:rgba(0,0,0,.2); border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); height:180px; position:relative; overflow:hidden; z-index:5; transition:all 0.4s;}
.section02 .row:nth-child(6n) {border-right:0;}
.section02 .row:nth-child(n+13) {border-bottom:0;}
.section02 .row:hover {z-index:7; box-shadow:0 10px 20px 5px rgba(0,0,0,0.35); border:0;}
.section02 .row:before {content:''; width:100%; height:100%; background:url('../img/main/sec02-over.jpg') center center no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:0; transition:all 0.4s; transform:scale(2);}
.section02 .row:hover:before {transform:scale(1); opacity:1;}
.section02 .row:after {content:''; width:14px; height:14px; position:absolute; top:30px; right:30px; background:url('../img/main/sec02-more.png') no-repeat; background-size:cover; opacity:0.3; transition:all 0.4s; z-index:10;}
.section02 .row:hover:after {opacity:1;}
.section02 .row p {font-size:25px; color:#fff; line-height:1.3em; font-weight:600; position:relative; z-index:10;}
/* section03 */
.section03 {padding:210px 0 160px; background:url('../img/main/sec03bg.jpg') center center no-repeat; background-size:cover;}
.section03 .sec-tit .btns .more a:before,
.section03 .sec-tit .btns .more a:after {background:#fff;}
.section03 .sec-tit .btns .slick-arrow {opacity:1;}
.section03 .sec-tit .btns .slick-arrow:hover {opacity:.6;}
.section03 .sec-tit .btns .slick-prev {background-image:url('../img/main/sec03-prev.png');}
.section03 .sec-tit .btns .slick-next {background-image:url('../img/main/sec03-next.png');}
.section03 .slick-list {overflow:visible;}
.section03 .inner {display:flex; align-items:center;}
.section03 .inner .img-box {width:100%; max-width:400px; overflow:hidden; box-shadow:0 10px 20px 5px rgba(144,144,144,0.3); position:relative; z-index:3;}
.section03 .inner .img-box .pic {position:relative; height:0; padding-bottom:127.5%; overflow:hidden; transition:all 0.6s;}
.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 {width:1%; flex:1 1 auto; background:#f7f7f7; position:relative; z-index:2; padding:76px 86px;}
.section03 .inner .txt-box span {display:inline-block; padding:0 12px; font-size:20px; font-weight:700; line-height:36px; background:#ad9547; color:#fff; margin-bottom:24px;}
.section03 .inner .txt-box h4 {font-size:34px;line-height:1.3em; font-weight:600; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:24px;}
.section03 .inner .txt-box p {font-size:22px; line-height:1.5em; color:#666; height:calc(1.5em * 1 * 5); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
/* section04 */
.section04 {padding:170px 0; background:#f3f3f3;}
.section04 .items {margin:0 -25px;}
.section04 .item {padding:0 25px;}
.section04 .inner {display:block; position:relative;}
.section04 .inner:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #000; transition:all 0.6s; opacity:0;}
.section04 .inner:hover:after {opacity:1;}
.section04 .inner .img-box  {position:relative; overflow:hidden;}
.section04 .inner .img-box .pic {position:relative; height:0; padding-bottom:56%; overflow:hidden; transition:all 0.6s;}
.section04 .inner:hover .img-box .pic {transform:scale(1.03);}
.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 {padding:36px 40px 46px; background:#fff;}
.section04 .inner .txt-box span {display:block; font-size:20px; line-height:1.6em; color:#ad9547; font-weight:600; margin-bottom:12px;}
.section04 .inner .txt-box h4 {font-size:28px; margin-bottom:18px; line-height:1.3em; 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;}
.section04 .inner .txt-box p {font-size:20px; line-height:1.6em; color:#666; height:calc(1.6em * 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;}
/* section05 */
.section05 {padding:110px 0; background:url('../img/main/sec05bg.jpg') center center no-repeat; background-size:cover;}
.section05 .sec-tit {margin-bottom:40px; padding-top:72px;}
.section05 .col {display:flex;}
.section05 .txt-box {width:100%; max-width:540px;}
.section05 .content-box {display:none;}
.section05 .content-box.active {display:block;}
.section05 .content-box .tit {position:relative; margin-bottom:32px;}
.section05 .content-box .tit h4 {font-size:40px; line-height:1.3em; color:#000; margin-bottom:12px;}
.section05 .content-box .tit p {font-size:30px; line-height:1.5em; color:#666; height:calc(1.5em * 1 * 3);}
.section05 .content-box .tit a {display:block; width:22px; height:22px; position:absolute; top:18px; right:8px; transition:all 0.4s;}
#sub .section05 .content-box .tit a {display:none;}
.section05 .content-box .tit a:hover {transform:rotate(90deg);}
.section05 .content-box .tit a:before,
.section05 .content-box .tit a:after {content:''; background:#ad9547; position:absolute; top:50%; left:50%;}
.section05 .content-box .tit a:before {width:22px; height:2px; margin-top:-1px; margin-left:-11px;}
.section05 .content-box .tit a:after {width:2px; height:22px; margin-top:-11px; margin-left:-1px;}
.section05 .content-box .img {margin-bottom:40px;}
.section05 .content-box .txt {border-top:1px solid #000;}
.section05 .content-box dl {display:flex; border-bottom:1px solid #ddd; padding:17px 0;}
.section05 .content-box dt {width:100%; max-width:240px; position:relative; padding-left:45px; font-size:30px; line-height:1.5em; color:#000; font-weight:700;}
.section05 .content-box dt:before {content:''; width:30px; height:30px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-15px; left:0;}
.section05 .content-box dl:nth-child(1) dt:before {background-image:url('../img/main/call-icon.png');}
.section05 .content-box dl:nth-child(2) dt:before {background-image:url('../img/main/mail-icon.png');}
.section05 .content-box dd {width:1%; flex:1 1 auto; font-size:30px; line-height:1.5em; color:#666;}
.section05 .img-box {width:100%; max-width:1060px; position:relative; text-align:center;}
.section05 .img-box .btn {position:absolute; border:0; background-color:transparent; text-align:center; display:flex; flex-direction:column; align-items:center; width:70px; transition:all 0.4s;}
.section05 .img-box .btn span {display:inline-block; width:10px; height:10px; background:#898989; border-radius:50%; position:relative; z-index:10; transition:all 0.4s;}
.section05 .img-box .btn.active span {background:#ad9547;}
.section05 .img-box .btn span:before,
.section05 .img-box .btn span:after {content:''; width:50px; height:50px; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; background:#ad9547; transform:scale(0.25); border-radius:50%; opacity:0; z-index:-1;}
.section05 .img-box .btn.active span:before {animation:scale-fade 2s linear infinite both 0s}
.section05 .img-box .btn.active span:after {animation:scale-fade 2s linear infinite both 1s}
@keyframes scale-fade {0%{transform:scale(0.25); opacity:.6;} 100%{transform:scale(.9); opacity:.2;}}
.section05 .img-box .btn p {font-size:24px; line-height:1.5em; color:#666; padding-top:4px; font-weight:600; transition:all 0.4s;}
.section05 .img-box .btn.active p {color:#000; padding-top:0; font-size:30px; font-weight:700; transform:translateY(-60px);}
.section05 .img-box .btn01 {left:36%; top:21%;}
.section05 .img-box .btn02 {left:31%; top:23.5%;}
.section05 .img-box .btn03 {left:44%; top:23%;}
.section05 .img-box .btn04 {left:37%; top:29%;}
.section05 .img-box .btn05 {left:41.7%; top:45.5%;}
.section05 .img-box .btn06 {left:60%; top:55%;}
.section05 .img-box .btn07 {left:68.3%; top:60.5%;}
.section05 .img-box .btn08 {left:66.5%; top:69.5%;}
.section05 .img-box .btn09 {left:34.5%; top:68.68%;}
/* section06 */
.section06 {background:#f9f9f9; position:relative;}
.section06 .img {position:relative; z-index:3;}
.section06 .sec-tit {max-width:1630px; width:100%; padding:0 15px; position:absolute; top:180px; left:50%; transform:translateX(-50%); z-index:10;}
/* section07 */
.section07 {padding:180px 0 190px; background:url('../img/main/sec07bg.jpg') center center no-repeat; background-size:cover;}
.section07 .sec-tit p {font-weight:600; margin-bottom:24px;}
.section07 .sec-tit h3 {font-family:'Pretendard';}
.section07 .col {display:flex;}
.section07 .col > div {width:100%;}
.section07 .txt-box {max-width:700px; position:relative; color:#fff;}
.section07 .txt-box:after {content:''; width:1px; height:100%; background:rgba(255,255,255,0.2); position: absolute; right:0; top:0;}
.section07 .txt-box .txt h4 {font-size:40px; font-weight:600; line-height:1.5em; margin-bottom:18px;}
.section07 .txt-box .txt p {font-size:25px; line-height:1.4em;}
.section07 .fut-box {max-width:860px; padding-left:130px;}
.section07 .fut-box .box {margin-bottom:;}
.section07 .fut-box .box {margin-bottom:10px;}
.section07 .fut-box .box:last-child {margin-bottom:0;}
.section07 .fut-box .put {width:100%; border-radius:5px; border:1px solid rgba(255,255,255,0.3); padding:0 15px; line-height:68px; height:70px; background:rgba(255,255,255,0.1); font-size:22px; font-weight:600; color:#fff; outline:none;}
.section07 .fut-box .put::placeholder {color:#fff; font-size:22px; font-weight:600;}
.section07 .fut-box .put:focus {border-color:#fff;}
.section07 .fut-box .put option {color:#111;}
.section07 .fut-box ul {display:flex; margin:0 -15px;}
.section07 .fut-box ul li {padding:0 15px; position:relative; width:33.3333333%;}
.section07 .fut-box ul li:after {content:''; width:8px; height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; right:-4px;}
.section07 .fut-box ul li:last-child:after {display:none;}
.section07 .fut-box textarea.put {height:190px; padding:15px; resize:none; line-height:1.5em;}
.section07 .fut-box .check {margin-bottom:32px;}
.section07 .fut-box .check .checkbox {display:inline-block;}
.section07 .fut-box .check .checkbox label {font-size:22px; font-weight:600; color:#fff;}
.section07 .fut-box .check .checkbox label:before {border-radius:50%; border-color:#fff;}
.section07 .fut-box .check .checkbox input:checked + label:before {background:#fff url('../img/layout/radiobox.png') 50% 50% no-repeat; border-color: #fff;}
.section07 .fut-box .check a {display:inline-block; font-size:18px; color:#fff; line-height:1.6em; margin-left:10px; transition:all 0.4s;}
.section07 .fut-box .check a:hover {opacity:0.6;}
.section07 .fut-box button {width:100%; line-height:90px; background:url('../img/main/sec07-btn.jpg') center center; background-size:cover; font-size:30px; font-weight:600; color:#fff; text-align:center; border-radius:45px; border:0;}
.section07 .fut-box button:after {content:''; width:22px; height:22px; background:url('../img/main/sec07-btn-arrow.png') no-repeat; background-size:cover; display:inline-block; margin-top:-2px; margin-left:30px; transition:all 0.6s;}
.section07 .fut-box button:hover:after {margin-left:15px;}
/* section08 */
.section08 {padding:80px 0 70px; background-color:#fff;}
.section08 .col {display:flex; margin:0 -20px; justify-content:center;}
.section08 .col .row {padding:0 20px; width:auto;}