<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#main {letter-spacing:-.03em;}
/* main-visual */
.main-visual {height:720px; width:100%; position:relative;}
.main-visual video {width:100%; height:100%; object-fit:cover; display:block;}
.main-visual .txt-box {/* animation: txtOpacity 42.5s infinite both; */  color:#fff; padding-bottom:72px; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; transition:.3s;}
.main-visual .txt-box p {font-size:24px; font-weight:700; line-height:1.2em; opacity:0.5; margin-bottom:14px;}
.main-visual .txt-box h3 {font-size:60px; line-height:1.3em; font-weight:600;}
.main-visual .scrolldown {position:absolute; bottom:0; left:50%; width:60px; margin-left:-30px; padding-bottom:50px; text-align:center;}
.main-visual .scrolldown p {font-size:14px; line-height:1.3em; color:#fff; font-weight:700;}
.main-visual .scrolldown span {position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:40px; background:rgba(255,255,255,0.3); overflow:hidden;}
.main-visual .scrolldown span:after {content:''; width:2px; left:0; top:0; height:20px; background:#fff; position:absolute;  animation: bounce-down 2s infinite both;}
@keyframes bounce-down {0% {top:0; height:0;} 20% {height:20px;} 100% {top:40px; height:0px;}}

.main-visual .txt-box.video-ending{opacity: 0;}


/* 
@keyframes txtOpacity {0% {opacity:1;} 1% {opacity:1;} 88% {opacity:1;} 90% {opacity:0;} 100% {opacity:0;}}  */


/* section */
.section {padding:160px 0 180px;}
/* section01*/
.section01 {background:url('../img/main/sec01bg.jpg') center center no-repeat; background-size:cover;}
.section01 .cnt {text-align:center;}
.section01 .tit {margin-bottom:40px;}
.section01 .tit p {font-size:22px; line-height:1.3em; color:#b89f65; margin-bottom:24px; font-weight:600; letter-spacing:.3em;}
.section01 .tit h3 {font-size:55px; line-height:1.2em; color:#333; font-weight:600;}
.section01 .txt p {font-size:22px; line-height:1.3em; color:#666; margin-bottom:36px;}
.section01 .txt p:last-child {margin-bottom:0;}
/* section02 */
.section02 {background:#f9f9f9;}
.section02 .col {display:flex; flex-wrap:wrap;}
.section02 .inner {background-repeat:no-repeat; background-size:cover; background-position:center center; height:350px; width:25%; display:block;}
.section02 .inner .txt {width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; transition:all 0.4s; color:#fff; overflow:hidden;}
.section02 .inner:hover .txt {background:rgba(184,159,101,0.9);}
.section02 .inner .txt:after {content:''; width:186px; height:156px; background:url('../img/main/sec02logo.png') no-repeat; background-size:cover; position:absolute; bottom:-12px; right:-6px; opacity:0.08; z-index:1;}
.section02 .inner p {font-size:28px; font-weight:600; height:1.3em; transition:all 0.4s;}
.section02 .inner .txt span {width:56px; height:0; opacity:0; border-radius:50%; transition:all 0.6s; overflow:hidden; position:relative;}
.section02 .inner:hover .txt span {height:56px; opacity:1; margin-top:24px;}
.section02 .inner .txt span:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url('../img/main/sec02-more.png') rgba(255,255,255,0.3) center center no-repeat; opacity:0; transition:all 0.4s;}
.section02 .inner:hover .txt span:after {opacity:1; transition-delay:0.4s;}
/* section03 */
.section03 {background:#f7f5ef; position:relative;}
.section03 .more {position:absolute; top:50%; left:50%; margin-left:-70px; margin-top:-70px; width:140px; height:140px; z-index:10;}
.section03 .more:before {content:''; width:100%; height:100%; background:url('../img/main/sec03-more.png') no-repeat; position:absolute; top:0; left:0; animation:rotate-more 4s linear infinite both;}
@keyframes rotate-more {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
.section03 .more span {position:absolute; width:50px; height:50px; display:block; border-radius:50%; background:#b89f65; top:50%; left:50%; margin-top:-25px; margin-left:-25px;}
.section03 .more span:before,
.section03 .more span:after {content:''; width:50px; height:50px; background:url('../img/main/sec02-more.png') no-repeat; background-size:cover; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; transition:all 0.2s;}
.section03 .more:hover span:before {margin-left:-28px;}
.section03 .more:hover span:after {margin-left:-22px;}
.section03 .col {display:flex; position:relative;}
.section03 .img-box {max-width:952px; width:100%;}
.section03 .txt-box {width:1%; flex:1 1 auto; position:relative; display:flex; align-items:center;}
.section03 .txt-box .wrap {max-width:560px; width:100%; margin:0 auto; overflow:hidden;}
.section03 .txt-img {position:absolute; left:0; bottom:0; opacity:0.1;}
.section03 .name {margin-bottom:30px;}
.section03 .name p {font-size:22px; line-height:1.3em; font-weight:500; color:#333; margin-bottom:8px;}
.section03 .name h3 {font-size:50px; line-height:1.3em; color:#b89f65; font-weight:600;}
.section03 .name h3 span {font-size:30px; line-height:1.5em; color:#333; font-weight:600; display:inline-block; margin-left:10px; vertical-align:bottom;}
.section03 .tit {padding:25px 0; border-top:1px solid; border-bottom:1px solid; border-color:#bcb8ad;}
.section03 .tit p {font-size:23px; font-weight:600; color:#b9b2a0; line-height:1.5em;}
.section03 .txt ul {margin-top:50px;}
.section03 .txt ul li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:16px;}
.section03 .txt ul li:before {content:''; width:4px; height:4px; background:#b89f65; position:absolute; left:0; top:13px; border-radius:50%;}
/* sec-tit */
.sec-tit {margin-bottom:66px; font-family:'Noto Serif KR';}
.sec-tit p {font-size:22px; line-height:1.3em; font-weight:600; color:#b89f65; letter-spacing:.3em; margin-bottom:20px;}
.sec-tit h3 {font-size:55px; line-height:1.2em; color:#333; font-weight:600;}
/* section04 */
.section04 {background:#;}
.section04 .tab-menu {margin-bottom:50px;}
.section04 .tab-menu ul {display:flex; margin-bottom:-10px;}
.section04 .tab-menu ul li {padding-right:8px; margin-bottom:10px;}
.section04 .tab-menu ul li a {display:block; font-size:18px; font-weight:500; width:116px; background:#fff; line-height:54px; border:1px solid #bcb8ad; border-radius:28px; text-align:center; color:#bcb8ad; transition:all 0.6s;}
.section04 .tab-menu ul li.active a {color:#fff; background:#b89f65; border-color:#b89f65;}
.section04 .tab-menu ul li a:hover {color:#fff; background:#b89f65; border-color:#b89f65;}
.section04 .items {margin:0 -20px;}
.section04 .item {padding:0 20px;}
.section04 .slick-arrow {width:62px; height:62px; background-color:transparent; background-repeat:no-repeat; background-size:cover;cursor:pointer; font-size:0; border:0; position:absolute; top:50%; margin-top:-31px; z-index:11; transition:all 0.6s;}
.section04 .slick-prev {background-image:url('../img/main/sec04-prev.png'); left:-81px;}
.section04 .slick-next {background-image:url('../img/main/sec04-next.png'); right:-81px;}
.section04 .slick-prev:hover {background-image:url('../img/main/sec04-prev-on.png');}
.section04 .slick-next:hover {background-image:url('../img/main/sec04-next-on.png');}
/* section05 */
.section05 {background:#f9f9f9; position:relative; overflow:hidden;}
.section05 .wrap {display:flex;}
.section05 .txt-box {width:100%; max-width:740px; padding-right:50px;}
.section05 .col {display:flex; margin-bottom:36px; padding-bottom:36px; border-bottom:1px dashed #ddd;}
.section05 .col:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.section05 .col .tit {width:100%; max-width:130px; padding:0 12px;}
.section05 .col .tit h4 {font-size:30px; line-height:1.5em; color:#9e947d; font-weight:600; text-align-last:justify;}
.section05 .col .txt {width:1%; flex:1 1 auto; padding-left:140px;}
.section05 .col .txt dl {display:flex; font-size:18px; line-height:1.8em; color:#666; margin-bottom:2px;}
.section05 .col .txt dt {font-weight:500; width:100%; max-width:95px;}
.section05 .col .txt dd {width:1%; flex:1 1 auto;}
.section05 .col .txt .time {font-size:18px; line-height:1.4em; color:#9e947d; font-weight:600; margin-top:6px;}
.section05 .col .txt .address {font-size:18px; line-height:1.8em; color:#666;}
.section05 .col .txt .tel {font-size:30px; line-height:1.1em; color:#666; font-weight:500; margin-bottom:24px;}
.section05 .col .txt ul {display:flex;}
.section05 .col .txt ul li {padding-right:8px;}
.section05 .col .txt ul li a {display:block; width:200px; line-height:55px; text-align:center; color:#fff; font-size:16px; font-weight:500; transition:all 0.6s;}
.section05 .col .txt ul li a:before {content:''; width:22px; height:22px; background-repeat:no-repeat; background-size:cover; display:inline-block; vertical-align:middle; margin-right:-2px; margin-right:8px;}
.section05 .col .txt ul li a.kakao:before {background-image:url('../img/main/sec05-kakao.png');}
.section05 .col .txt ul li a.inq:before {background-image:url('../img/main/sec05-inq.png');}
.section05 .col .txt ul li a.kakao {background:#b9b2a0;}
.section05 .col .txt ul li a.kakao:hover {background:#9e947d;}
.section05 .col .txt ul li a.inq {background:#9e947d;}
.section05 .col .txt ul li a.inq:hover {background:#b9b2a0;}
.section05 .maps  {width:1%; flex:1 1 auto; position:relative; height:auto;}
.section05 .maps .box {position:absolute; width:940px; height:100%; left:0; top:0; background:#f3f2f1; padding:7px;}
.section05 .maps .box iframe {width:100%; height:100%;}


.youtube .col {display:flex; margin:0 -20px;}
.youtube .col .row {width:33.333333%; padding:0 20px;}
.youtube .col .row .inner {position:relative; width:100%; padding-top:56.25%;}
.youtube .col .row .inner iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

</pre></body></html>