@charset "utf-8";

.main-visual {height:100vh; font-family:'Noto Serif KR'; position:relative;}
.main-visual .item {height:100vh; position:relative;}
.main-visual .secting-img {width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; transform:scale(1.05);}
.main-visual .item.slick-active .secting-img {transform:scale(1); transition:all 4.5s;}
.main-visual .txt-box {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff;}
.main-visual .txt-box p {font-size:22px; line-height:1.4em; margin-bottom:24px; opacity:0.6;}
.main-visual .txt-box h2 {font-size:50px; font-weight:500; line-height:1.1em; margin-bottom:68px;}
.main-visual .txt-box .more a {display:inline-block; width:200px; line-height:54px; border:1px solid #fff; font-size:16px; border-radius:28px; font-family:'Pretendard'; transition:all 0.4s;}
.main-visual .txt-box .more a:hover {background:#fff; color:#192e22;}
.main-visual .visuial-dots {position:absolute; bottom:60px; left:100px; z-index:11;}
.main-visual .visuial-dots ul {display:flex; margin:0 -4px;}
.main-visual .visuial-dots ul li {padding:0 4px;}
.main-visual .visuial-dots ul li button {display:block; width:8px; height:8px; border:2px solid rgba(255,255,255,0); font-size:0; background-color:rgba(255,255,255,0.6); border-radius:4px; transition:all 0.4s; position:relative; overflow:hidden;}
.main-visual .visuial-dots ul li.slick-active button {width:72px; border-color:#fff; background-color:rgba(255,255,255,0);}
.main-visual .visuial-dots ul li button:before {content:''; position:absolute; width:0; height:8px; left:0; top:0; background:#fff; transition:all 4s;}
.main-visual .visuial-dots ul li.slick-active button:before {width:72px; transition-delay:0.4s;}
.main-visual .scrolldown {position:absolute; right:140px; bottom:60px; z-index:11; animation: move 1s ease-in-out infinite alternate;}
 @keyframes move {0% {bottom:60px;}100%{bottom:40px;}}
/* section */
.section {background-repeat:no-repeat; background-size:cover; background-position:center center; padding:160px 0 180px; position:relative;}
.sec-tit {text-align:center; margin-bottom:86px;}
.sec-tit h3 {font-size:50px; line-height:1.2em; color:#334d3e; font-weight:600; margin-bottom:32px; font-family:'Noto Serif KR';}
.sec-tit p {font-size:22px; line-height:1.4em; color:#666;}
/* section01 */
.section01 {background-image:url('../img/main/sec01bg.jpg');}
.section01 .col {display:flex; margin:0 -12px;}
.section01 .row {width:33.333333%; padding:0 12px;}
.section01 .inner {width:100%; height:320px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 0.4s;}
.section01 .row:hover .inner {border-radius:230px 230px 0 0;}
.section01 .inner h4 {font-size:36px; font-weight:500; color:#fff; transition:all 0.4s; font-family:'Noto Serif KR';}
.section01 .row:hover .inner h4 {color:#334d3e; font-weight:600; transition-delay:0.2s;}
.section01 .inner p {font-size:20px; line-height:1.6em; color:#334d3e; margin-top:0; height:0; overflow:hidden; transition:all 0.4s; opacity:0;}
.section01 .row:hover .inner p {margin-top:24px; height:calc(1.6em * 1 * 2); opacity:1; transition-delay:0.5s;}
/* section02 */
.section02 {background-color:#fff; overflow:hidden;}
.section02 .col {display:flex; margin:0 -30px;}
.section02 .row {width:33.333333%; padding:0 30px;}
.section02 .row:nth-child(2) {margin-top:100px;}
.section02 .inner {display:block; width:100%; height:560px; overflow:hidden; transition:all 0.3s; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; z-index:4;}
.section02 .inner:hover {border-radius:220px;}
.section02 .inner:after {content:''; width:100%; height:100%; background:#6a6b66; opacity:0.4; transition:all 0.3s; position:absolute; top:0; left:0; z-index:1;}
.section02 .inner:hover:after {opacity:0.7;}
.section02 .inner .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; opacity:1; transition:all 0.4s; z-index:10;}
.section02 .inner:hover .txt {opacity:0;}
.section02 .inner .txt .icon {margin-bottom:30px; opacity:.6;}
.section02 .inner .txt p {font-size:28px; line-height:1.3em; color:#fff; font-weight:600; font-family:'Noto Serif KR';}
.section02 .inner .over {position:absolute; top:0; left:0; width:100%; height:100%; z-index:11; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; opacity:0;}
.section02 .inner:hover .over {opacity:1; transition:all 0.4s 0.4s;}
.section02 .inner .over p {font-size:20px; line-height:1.6em; color:#fff; margin-bottom:26px;}
.section02 .inner .over span {display:block; width:72px; height:72px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; position:relative;}
.section02 .inner .over span:before, 
.section02 .inner .over span:after {content:''; background:#fff; position:absolute; top:50%; left:50%;}
.section02 .inner .over span:before {width:20px; height:2px; margin-top:-1px; margin-left:-10px;}
.section02 .inner .over span:after {width:2px; height:20px; margin-top:-10px; margin-left:-1px;}
.section02 .signature {position:absolute; bottom:-22px; left:0; z-index:1; opacity:0.1; animation: textLoop 80s linear infinite; display:flex; flex:0 0 auto; white-space:nowrap; overflow:hidden; transition:all 0.3s; transform: translateX(0%);}
.section02 .signature p {font-size:300px; line-height:300px; color:#b2aaa3; font-weight:600; font-family:'Noto Serif KR'; margin-right:600px; letter-spacing:.01em;}
.section02 .signature img {margin-right:100px;} 
@keyframes textLoop {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(-100%, 0, 0);}}
/* section03 */
.section03 {background-color:#f8f8f8;}
.section03 .col {display:flex; align-items:center;}
.section03 .img-box {width:100%; max-width:650px;}
.section03 .txt-box {width:1%; flex:1 1 auto; padding-right:140px;}
.section03 .txt-box .name {margin-bottom:56px; padding-bottom:56px; border-bottom:1px solid #ddd;}
.section03 .txt-box .name h4 {font-size:46px; line-height:1.2em; color:#6a6b66; font-weight:600; font-family:'Noto Serif KR'; display:inline-block; margin-right:10px;}
.section03 .txt-box .name span {font-size:22px; line-height:1.4em; color:#90918e;}
.section03 .txt-box .txt {display:flex; margin:0 -10px; flex-wrap:wrap;}
.section03 .txt-box .row {width:50%; padding:0 10px;}
.section03 .txt-box h5 {font-size:26px; line-height:1.3em; color:#b2aaa3; font-weight:600; margin-bottom:32px; font-family:'Noto Serif KR';}
.section03 .txt-box li {font-size:20px; line-height:1.6em; color:#90918e; position:relative; padding-left:14px; margin-bottom:6px;}
.section03 .txt-box li:last-child {margin-bottom:0;}
.section03 .txt-box li:before {content:''; width:4px; height:4px; background:#cbc4b9; border-radius:50%; position:absolute; top:12px; left:0;}
/* section04 */
.section04 .items {margin:0 80px;}
.section04 .item {padding:0 80px;}
.section04 .slick-list {overflow:visible;}
.section04 .item h4 {font-size:32px; line-height:1.2em; color:#333; font-weight:500; margin-bottom:36px; text-align:center; opacity:0; transition:all 0.4s;}
.section04 .item.slick-active h4 {opacity:1;}
.section04 .col {display:flex;}
.section04 .row {width:50%;}
.section04 .img-box {position:relative; overflow:hidden;}
.section04 .img-box .filter {position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; backdrop-filter:blur(20px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.section04 .img-box .filter .icon {opacity:0.6; margin-bottom:28px;}
.section04 .img-box .filter p {font-size:22px; line-height:1.4em; color:#fff; font-weight:600;}
.section04 .img-box .pic {position:relative; height:0; padding-bottom:75%; overflow:hidden; transition:all 0.6s;}
.section04 .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 .txt-box {display:flex; justify-content:space-between; padding:25px 40px;}
.section04 .before .txt-box {background:#f8f7f7;}
.section04 .after .txt-box {background:#b2aaa3;}
.section04 .txt-box p {font-size:20px; font-weight:500; line-height:1.5em;}
.section04 .txt-box p strong {font-weight:600;}
.section04 .before .txt-box p {color:#90918e;}
.section04 .after .txt-box p {color:#fff;}
.section04 .slick-arrow {position:absolute; top:calc(50% + 38px); margin-top:-33px; width:66px; height:66px; background-repeat:no-repeat; background-size:cover; border:0; background-color:transparent; cursor:pointer; z-index:11; transition:all 0.4s; font-size:0;}
.section04 .slick-prev {background-image:url('../img/main/sec04-prev.png'); left:-33px;}
.section04 .slick-next {background-image:url('../img/main/sec04-next.png'); right:-33px;}
.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');}
.section04 .more {text-align:center; margin-top:60px;}
.section04 .more a {display:inline-block; width:240px; line-height:66px; border:2px solid #b2aaa3; border-radius:35px; font-size:18px; font-weight:500; color:#b2aaa3; text-align:left; padding:0 38px; position:relative; transition:all 0.4s;}
.section04 .more a:hover {background:#b2aaa3; color:#fff;}
.section04 .more a:after {content:''; width:24px; height:24px; background-image:url('../img/main/sec04-more.png'); transition:all 0.4s; position:absolute; top:50%; margin-top:-12px; right:36px; background-repeat:no-repeat; background-size:cover;}
.section04 .more a:hover:after {background-image:url('../img/main/sec04-more-on.png');}
/* section05 */
.section05 {padding-top:0;}
.section05 .col {display:flex; margin:0 -30px;}
.section05 .row {width:50%; padding:0 30px;}
.section05 .tit-box {display:flex; justify-content:space-between; padding:32px 0; border-top:1px solid #b2aaa3; margin-bottom:10px;}
.section05 .tit-box h4 {font-size:32px; line-height:1.2em; color:#b2aaa3; font-weight:600; padding:0 12px;}
.section05 .tit-box a {display:block; width:154px; line-height:40px; border:2px solid #b2aaa3; padding:0 26px; color:#b2aaa3; position:relative; transition:all 0.4s; border-radius:22px; font-size:14px;}
.section05 .tit-box a:hover {color:#fff; background:#b2aaa3;}
.section05 .tit-box a:after {content:''; width:20px; height:20px; background-image:url('../img/main/sec05-more.png'); transition:all 0.4s; position:absolute; top:50%; margin-top:-10px; right:24px; background-repeat:no-repeat; background-size:cover;}
.section05 .tit-box a:hover:after {background-image:url('../img/main/sec05-more-on.png');}
.section05 .txt-box {display:flex; margin:0 -12px;}
.section05 .txt-box .inner {margin:0 12px; background:#f8f7f7; height:100%; width:50%;}
.section05 .txt-box .inner .img {overflow:hidden;}
.section05 .txt-box .inner .img .pic {position:relative; height:0; padding-bottom:60.060%; overflow:hidden; transition:all 0.4s;}
.section05 .txt-box .inner:hover .img .pic {transform:scale(1.05);}
.section05 .txt-box .inner .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;}
.section05 .txt-box .inner .txt {padding:40px 30px;}
.section05 .txt-box .inner .txt h5 {font-size:18px; line-height:1.6em; margin-bottom:20px; color:#90918e; font-weight:500; 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 .txt-box .inner .txt p {font-size:16px; line-height:1.8em; color:#b2aaa3; position:relative; padding-left:24px;}
.section05 .txt-box .inner .txt p:before {content:''; width:16px; height:16px; background:url('../img/main/sec05-date.png') no-repeat; position:absolute; top:50%; margin-top:-8px; left:0; background-size:cover;}
/* section06 */
.section06 {background:#f8f8f8;}
.section06 .sec-tit {text-align:left;}
.section06 .txt-box {width:50%; padding-right:100px;}

.section06 .txt-box dl {display:flex; margin-bottom:36px;}
.section06 .txt-box dl:last-child {padding-top:36px; border-top:1px dashed #ddd;}
.section06 .txt-box dl:last-child dd {padding-top:10px;}
.section06 .txt-box dt {width:100%; max-width:160px; font-size:32px; font-weight:600; color:#d1ceca; line-height:1.3em; font-family:'Noto Serif KR';}
.section06 .txt-box dd {width:1%; flex:1 1 auto;}
.section06 .txt-box dd p {font-size:20px; line-height:1.5em; color:#90918e;}
.section06 .txt-box dd a {font-size:32px; line-height:1.1em; color:#6a6b66; font-weight:500; font-family:'Noto Serif KR';}
.section06 .txt-box dd ul {margin-bottom:20px;}
.section06 .txt-box dd li {display:flex; font-size:20px; line-height:1.6em;}
.section06 .txt-box dd li .ti {width:100%; max-width:110px; font-weight:600; color:#6a6b66;}
.section06 .txt-box dd li .tx {color:#90918e;}
.section06 .maps {position:absolute; top:0; right:0; width:50%; height:100%;}
.section06 .maps iframe {width:100%; height:100%;}

.section06 .maps .root_daum_roughmap {width:100% !important; height:100% !important;}
.section06 .maps .root_daum_roughmap .wrap_map {height:100% !important;}
.section06 .maps .root_daum_roughmap .map_border {border:0 !important; width:0 !important; height:0 !important;}


.section06 .txt-box dd br.pc {display:block;}
.section06 .txt-box dd br.mob {display:none;}