@charset "utf-8";

@import url(required.css);

*{font-family:'Pretendard',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;box-sizing:border-box;}


#container{width:100%;/*margin-top:120px;}

@media screen and (max-width:1700px) {
#container{margin-top:110px;}
}
@media screen and (max-width:1600px) {
#container{margin-top:100px;}
}
@media screen and (max-width:1500px) {
#container{margin-top:90px;}
}
@media screen and (max-width:1199px) {
#container{margin-top:80px;}
}
@media screen and (max-width:768px) {
#container{margin-top:70px;}*/
}



/************************************************************************
* HEADER *
************************************************************************/
header{width:100%;height:120px;position:fixed;top:0;left:0;transition:all 0.2s ease;z-index:99999;}
header .headerBox{width:100%;height:100%;padding-top:0;position:relative;display:flex;justify-content:space-between;align-items:center;}
header .headerBox>*:not(nav){-ms-flex-negative:0;flex-shrink:0;}

header .logo{width:350px;transition:all 0.2s ease;}
header .logo *{width:100%;height:100%;}
header .logo img.white{display:block;}
header .logo img.color{display:none;}

header #gnb{margin-left:-3%;}

header nav,
header .depth1,
header .depth1>li{height:100%;}
header .depth1,
header .depth1>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

header nav{margin:0 auto;}
header nav a{color:#fff;}
header nav a.active{color:#bea084;}
header nav .white a{color:#fff;}

header .depth1{}
header .depth1>li{position:relative;}
header .depth1>li>a{padding:0 35px;font-size:20px;font-weight:600;position:relative;z-index:1;}
header .depth1>li:hover>a{color:#fff;}
header .depth1>li>a.active{color:#bea084;}
header .depth1>li:hover>a.active{color:#bea084;}

header .depth2{width:100%;height:0;padding:0;position:absolute;top:-50px;left:50%;background:#43362c;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.2s linear;}
header .depth2>li{overflow:hidden;opacity:0;transform:translateY(100%);}
header .depth2>li>a{padding:8px 0;color:rgba(255,255,255,0.7);font-size:18px;line-height:120%;font-weight:normal;text-align:center;white-space:nowrap;display:block;}
header .depth2>li>a:hover{color:#fff;}

header .depth2.on{height:auto;padding:130px 0 30px 0;}
header .depth2.on>li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.16s;transition-delay:0.16s;}

@media screen and (max-width:1700px) {
header{height:110px;}
header .logo{width:340px;}
}
@media screen and (max-width:1600px) {
header{height:100px;}
header .logo{width:330px;}
}
@media screen and (max-width:1500px) {
header{height:90px;}
header .logo{width:320px;}

header .depth1>li>a{padding:0 30px;font-size:19px;}
header .depth2.on{padding:135px 0 15px 0;}
header .depth2>li>a{font-size:17px;}
}
@media screen and (max-width:1400px) {
header .logo{width:310px;}

header .depth1>li>a{padding:0 28px;font-size:18px;}
header .depth2.on{padding:125px 0 10px 0;}
header .depth2>li>a{font-size:16px;}
}
@media screen and (max-width:1320px) {
header .logo{width:300px;}

header .depth1>li>a{padding:0 26px;font-size:17px;}
header .depth2.on{padding:115px 0 10px 0;}
}
@media screen and (max-width:1280px) {
header .logo{width:280px;}

header .depth1>li>a{padding:0 24px;}
}
@media screen and (max-width:1199px) {
header{height:80px;}
header .headerBox{justify-content:space-between;}

header nav{display:none;}
}
@media screen and (max-width:768px) {
header{height:70px;}

header .logo{width:270px;}

header nav{display:none;}

header .depth1>li>a{font-size:20px;}
header .depth2>li>a{font-size:16px;}

header.menuOn{width:149px;z-index:5;}
header.menuOn .headerBox > *:not(.logo){display:none;}
header.menuOn .headerBox .logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);padding-left:20px;}
}
@media screen and (max-width:640px) {
header .logo{width:260px;}
}
@media screen and (max-width:560px) {
header .logo{width:250px;}
}
@media screen and (max-width:460px) {
header .logo{width:240px;}
}
@media screen and (max-width:380px) {
header .logo{width:220px;}
}
@media screen and (max-width:360px){
header .logo{width:200px;}
}






/************************************************************************
* header changed *
************************************************************************/
header.changed{position:fixed;height:110px;background:rgba(0,0,0,0.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 0.2s ease;}
header.changed .logo img.white{display:block;}
header.changed .logo img.color{display:none;}

header.changed .depth2.on{padding-top:130px;}

@media screen and (max-width:1700px) {
header.changed{height:100px;}
}
@media screen and (max-width:1600px) {
header.changed{height:90px;}
}
@media screen and (max-width:1500px) {
header.changed{height:80px;}
}
@media screen and (max-width:1199px) {
header.changed{height:70px;}
}
@media screen and (max-width:768px) {
header.changed{height:60px;}
}






/************************************************************************
* login + language *
***********************************************************************
.llBox{position:absolute;top:48px;right:55px;}

.llBox .icon-user{width:32px;height:32px;stroke:#000;fill:none;}

#gnb_lang_area{display:block;vertical-align:middle;}

.gnb_lang{width:70px;height:30px;display:block;overflow:hidden;transition:all 0.2s ease;}
.gnb_lang.on{height:110px;transition:all 0.2s ease;}

.gnb_lang .icon-globe{width:30px;height:30px;margin:0 auto;color:#000;transition:all 0.2s ease;}
.gnb_lang.on .icon-globe{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);transition:all 0.2s ease;}

.gnb_lang div{width:100%;height:0;transition:all 0.2s ease;}
.gnb_lang.on div{height:75px;padding:5px 0;background:#fff;border-radius:10px;transition:all 0.2s ease;}
.gnb_lang a{height:30px;color:#000;line-height:30px;font-size:16px;font-weight:bold;text-align:center;display:block;}

@media screen and (max-width:1820px) {
.llBox{right:20px;}
}
@media screen and (max-width:1700px) {
.llBox{top:44px;}
}
@media screen and (max-width:1600px) {
.llBox{top:40px;}
}
@media screen and (max-width:1500px) {
.llBox{top:34px;}
.llBox .icon-user{width:26px;height:26px;}

.gnb_lang{width:60px;}

.gnb_lang .icon-globe{width:26px;height:26px;}

.gnb_lang.on div{height:60px;padding:4px 0;border-radius:5px;}
.gnb_lang a{height:25px;line-height:25px;font-size:15px;}
}
@media screen and (max-width:1199px) {
.llBox{top:28px;right:40px;}
}
@media screen and (max-width:1100px) {
.llBox{top:26px;right:35px;}
}
@media screen and (max-width:767px) {
.llBox{top:22px;right:30px;}

.gnb_lang{width:50px;height:26px;}

.gnb_lang.on div{height:52px;padding:2px 0;}
.gnb_lang a{height:22px;line-height:22px;font-size:14px;}
}
@media screen and (max-width:500px) {
.llBox{right:25px;}
}
@media screen and (max-width:360px) {
.llBox{right:20px;}
}



header.changed .llBox .icon-user{stroke:#fff;}
header.changed .llBox{top:44px;}
header.changed .gnb_lang .icon-globe{color:#fff;}
header.changed .gnb_lang.on div{background:#000;}
header.changed .gnb_lang a{color:#fff;}

@media screen and (max-width:1700px) {
header.changed .llBox{top:40px;}
}
@media screen and (max-width:1600px) {
header.changed .llBox{top:35px;}
}
@media screen and (max-width:1500px) {
header.changed .llBox{top:29px;}
}
@media screen and (max-width:1199px) {
header.changed .llBox{top:24px;}
}
@media screen and (max-width:1100px) {
header.changed .llBox{top:21px;}
}
@media screen and (max-width:767px) {
header.changed .llBox{top:18px;}
}*/





/************************************************************************
* allMenu-button *
************************************************************************/
header .menuOpen{width:55px;height:23px;display:block;position:relative;transition:all 0.2s ease-in-out;}
header .menuOpen span{height:2px;background-color:#fff;position:absolute;right:0;transition:all 0.2s ease-in-out;display:block;}
header .menuOpen span:nth-child(1){width:100%;top:0;}
header .menuOpen span:nth-child(2){width:80%;top:calc(50% - 1px);}
header .menuOpen span:nth-child(3){width:60%;bottom:0;}

header .menuOpen:hover span:nth-child(2){width:100%;}
header .menuOpen:hover span:nth-child(3){width:100%;}

@media screen and (max-width:1500px){
header .menuOpen{width:50px;height:22px;}
}
@media screen and (max-width:1199px){
header .menuOpen{display:block !important;}
}
@media screen and (max-width:1100px){
header .menuOpen{width:45px;height:21px;}
}
@media screen and (max-width:767px){
header .menuOpen{height:19px;}
}
@media screen and (max-width:460px){
header .menuOpen{width:40px;height:17px;}
}
@media screen and (max-width:360px){
header .menuOpen{width:38px;height:16px;}
}



.allMenu .top .menuClose{width:100px;height:100%;background:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;}
.allMenu .top .menuClose:before{width:4px;height:50px;margin-top:-25px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(45deg);transition:transform .2s ease;}
.allMenu .top .menuClose span:before{width:4px;height:50px;margin-top:-25px;position:absolute;left:50%;top:50%;background-color:#fff;content:'';transform:rotate(-45deg);transition:transform .2s ease;}
.allMenu .top .menuClose:hover:before,
.allMenu .top .menuClose:focus:before,
.allMenu .top .menuClose:active:before{transform:rotate(225deg);}
.allMenu .top .menuClose:hover span:before,
.allMenu .top .menuClose:focus span:before,
.allMenu .top .menuClose:active span:before{transform:rotate(135deg);}

@media screen and (max-width:960px) {
.allMenu .top .menuClose{width:40px;height:40px;background:transparent;position:relative;}
.allMenu .top .menuClose:before{width:4px;height:40px;margin-top:-20px;}
.allMenu .top .menuClose span:before{width:4px;height:40px;margin-top:-20px;}
}
@media screen and (max-width:768px) {
.allMenu .top .menuClose{width:36px;height:36px;margin:-10px -6px 0 0;}
.allMenu .top .menuClose:before{width:3px;height:36px;margin-top:-13px;}
.allMenu .top .menuClose span:before{width:3px;height:36px;margin-top:-13px;}
}





/************************************************************************
* allMenu *
************************************************************************/
.allMenu{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background:linear-gradient(120deg, #43362c 60% , #574c42 100%);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:none;}
.allMenu :root{--vh:100%;}
@supports (-webkit-touch-callout:none){
.allMenu{  height:-webkit-fill-available;min-height:-webkit-fill-available;}
}
.allMenu :root{--vh:100%;}
.allMenu .inner,
.allMenu .menu{width:100%;height:100%;}
.allMenu .inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}

.allMenu .top,
.allMenu .top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.allMenu .top ul{margin-right:150px;}
.allMenu .top{height:100px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0 40px;position:absolute;top:0;right:0;}
.allMenu .top ul{gap:0 10px;}
.allMenu .top ul li{width:80px;height:34px;border:1px solid rgba(255, 255, 255, 0.3);-webkit-transition:all 0.4s;transition:all 0.4s;}
.allMenu .top ul li:hover{background:#fff;}
.allMenu .top ul li:hover a{color:#0d3173;}
.allMenu .top a{color:#fff;font-size:1.4rem;font-weight:500;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}


.allMenu .bg{/*width:32.25%;*/width:0;height:100%;-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden;}
.allMenu .bg::after{content:"";display:block;background:#000;position:absolute;right:0;top:0;bottom:0;-webkit-transition:all 1.2s;transition:all 1.2s;width:100%;height:100%;}
.allMenu .bg img{min-width:100%;max-width:inherit;height:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.allMenu .menu{padding:0 6%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.allMenu .menu *{line-height:1.3;}
.allMenu a{color:#fff;-webkit-transition:all 0.6s;transition:all 0.6s;}

.allMenu #snb{width:100%;}
.allMenu #snb>li{padding:40px 0;position:relative;opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);-webkit-transition:all 0.6s;transition:all 0.6s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.allMenu #snb>li::before, .allMenu #snb>li::after{content:"";display:block;height:1px;background:#fff;position:absolute;left:0;bottom:0;}
.allMenu #snb>li::before{width:100%;opacity:0.2;}
.allMenu #snb>li::after{width:0;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}
.allMenu #snb>li:hover::after{width:100%;}
.allMenu #snb>li>a{width:15%;-ms-flex-negative:0;flex-shrink:0;display:block;font-size:26px;font-weight:700;text-transform:uppercase;}


.allMenu .depth2{width:85%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;}
.allMenu .depth2>li{padding-right:100px;}
.allMenu .depth2>li>a{padding:10px 0;font-size:20px;opacity:0.45;display:block;text-align:left;}
.allMenu .depth2>li:hover>a{opacity:1;}
.allMenu .depth2>li>a br{display:none;}

.allMenu.on .bg::after{width:0;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.allMenu.on #snb>li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.allMenu.on #snb>li:nth-child(1){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.allMenu.on #snb>li:nth-child(2){-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.allMenu.on #snb>li:nth-child(3){-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.allMenu.on #snb>li:nth-child(4){-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.allMenu.on #snb>li:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s;}
.allMenu.on #snb>li:nth-child(6){-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.allMenu.on #snb>li:nth-child(7){-webkit-transition-delay:1.4s;transition-delay:1.4s;}
.allMenu.on #snb>li:nth-child(8){-webkit-transition-delay:1.6s;transition-delay:1.6s;}

@media screen and (max-width:2520px) {
.allMenu .menu{padding:0 3%;}
}
@media screen and (max-width:1700px) {
.allMenu #snb>li>a{width:20%;}

.allMenu .depth2{width:80%;}
.allMenu .depth2>li{padding-right:75px;}
}
@media screen and (max-width:1500px) {
.allMenu #snb>li>a{font-size:20px;}

.allMenu .depth2>li>a{font-size:18px;}
}
@media screen and (max-width:1280px) {
.allMenu .top ul{margin-right:120px;}

.allMenu #snb>li{padding:30px 0;}

.allMenu .depth2>li{padding-right:50px;}
.allMenu .depth2>li>a{padding:6px 0;}
}
@media screen and (max-width:1199px) {
.allMenu .bg{display:none;}

.allMenu #snb>li{padding:20px 0;}
.allMenu #snb>li>a{font-size:18px;}

.allMenu .depth2>li{padding-right:40px;}
.allMenu .depth2>li>a{font-size:16px;word-wrap:break-word;display:block;word-break:keep-all;}
}
@media screen and (max-width:960px) {
.allMenu .menu{padding:40px 20px 0 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}

.allMenu .top{height:70px;right:25px;}
.allMenu .top ul{display:flex;margin-right:0;}
.allMenu .top ul{gap:0 10px;}
.allMenu .top ul li{width:80px;height:34px;}
.allMenu .top a{font-size:1.3rem;}

.allMenu #snb{padding:40px 0;}
.allMenu #snb>li{gap:12px 0;padding:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:all 0.4s;transition:all 0.4s;}
.allMenu #snb>li::before,
.allMenu #snb>li::after{display:none;}
.allMenu #snb>li>a{width:100%;padding:0 15px;font-size:18px;}
.allMenu #snb>li i{width:10px;height:10px;margin-top:7px;border:solid #fff;border-width:0 1px 1px 0;position:absolute;top:12px;right:15px;display:block;content:"";transform:rotate(45deg);opacity:1;-webkit-transition:all 0.4s;transition:all 0.4s;}
.allMenu #snb>li.on i{margin-top:14px;transform:rotate(225deg);}

.allMenu .depth2{width:100%;padding:10px 20px;display:block;background:rgba(0,0,0,0.1);text-align:left;display:none;}
.allMenu .depth2>li{width:100%;padding-right:0;}
.allMenu .depth2>li>a{display:block;color:#fff;padding:8px 0;opacity:1;}
}
@media screen and (max-width:768px) {
.allMenu .top{right:15px;}
.allMenu .top ul li{width:60px;height:30px;}
.allMenu .top a{font-size:1.2rem;}

.allMenu .menu{padding-left:20px;padding-right:15px;}

.allMenu #snb{padding:20px 0;}
.allMenu #snb>li{padding:10px 0;}
.allMenu #snb>li>a{padding:0;font-size:18px;letter-spacing:0.04em;}
.allMenu #snb>li i{width:8px;height:8px;margin-top:2px;right:10px;}
.allMenu #snb>li.on i{margin-top:8px;}

.allMenu .depth2{padding:8px 15px;}
.allMenu .depth2>li>a{padding:5px 0;font-size:16px;}
}
@media screen and (max-width:640px) {
.allMenu .top{height:60px;gap:0 30px;}
.allMenu .top ul{gap:0 5px;}
.allMenu .top ul li{width:50px;}
.allMenu .top a{font-size:1.1rem;}
}
@media screen and (max-width:500px) {
.allMenu .top{height:55px;gap:0 20px;}
.allMenu .top ul li{width:45px;}
.allMenu .top a{font-size:1rem;}
}





/************************************************************************
* main_visual *
************************************************************************/
.main-visual{width:100%;height:1170px;position:relative;overflow:hidden;}
.main-visual .slider{width:100%;height:100%;position:relative;}
.main-visual .slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .8s ease;}
.main-visual .slide.active{opacity:1;z-index:2;}

.main-visual .slide .bg{position:absolute;inset:0;overflow:hidden;}
.main-visual .slide .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 7s linear;}
.main-visual .slide.active .bg img{transform:scale(1);}

.main-visual .inner{width:100%;max-width:1500px;height:100%;margin:0 auto;display:flex;align-items:center;position:relative;z-index:10;}

.main-visual .text-box h5{background:linear-gradient(120deg,#98765b 0%,#c2a78c 38%,#d8bfa6 50%,#a7886e 62%,#9e7e63 82%,#98765b 100%);background-size:100% 100%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(60px);transition:1s;}
.main-visual .text-box h2{font-size:74px;margin-top:30px;line-height:110%;font-weight:700;background:linear-gradient(120deg,#98765b 0%,#c2a78c 38%,#d8bfa6 50%,#a7886e 62%,#9e7e63 82%,#98765b 100%);background-size:100% 100%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(60px);transition:1s .3s;}
.main-visual .text-box p{margin-top:40px;font-size:20px;line-height:140%;color:#c4b2a2;opacity:0;transform:translateY(60px);transition:1s .6s;}

.main-visual .slide.active h5,
.main-visual .slide.active h2,
.main-visual .slide.active p{opacity:1;transform:translateY(0);}

@media screen and (max-width:1700px){
.main-visual .text-box h2{font-size:70px;}
}
@media screen and (max-width:1600px){
.main-visual .text-box h2{font-size:65px;}
}
@media screen and (max-width:1500px){
.main-visual{height:1000px;}

.main-visual .inner{padding:0 2%;}
.main-visual .text-box h2{font-size:60px;margin-top:20px;}
}
@media screen and (max-width:1280px){
.main-visual{height:900px;}

.main-visual .text-box h2{font-size:55px;}
.main-visual .text-box p{margin-top:35px;}
}
@media screen and (max-width:1100px){
.main-visual{height:850px;}

.main-visual .text-box h2{font-size:50px;margin-top:10px;}
.main-visual .text-box p{margin-top:30px;}
}
@media screen and (max-width:960px){
.main-visual{height:800px;}

.main-visual .text-box h2{font-size:45px;}
}
@media screen and (max-width:860px){
.main-visual{height:750px;}

.main-visual .text-box h2{font-size:40px;}
.main-visual .text-box p{margin-top:25px;font-size:18px;}
}
@media screen and (max-width:767px){
.main-visual{height:700px;}

.main-visual .text-box h2{font-size:38px;}
.main-visual .text-box p{font-size:17px;}
}
@media screen and (max-width:640px){
.main-visual{height:600px;}

.main-visual .text-box h2{font-size:35px;}/*
.main-visual .text-box h2 br{display:none;}*/
.main-visual .text-box p{font-size:16px;}
}
@media screen and (max-width:560px){
.main-visual{height:550px;}

.main-visual .text-box h2{font-size:32px;}
.main-visual .text-box p{margin-top:20px;font-size:15px;}
}
@media screen and (max-width:460px){
.main-visual{height:500px;}

.main-visual .text-box h2{font-size:29px;}
.main-visual .text-box p{font-size:14px;}
.main-visual .text-box p br{display:none;}
}
@media screen and (max-width:420px){
.main-visual{height:450px;}
}




.main-visual .slider-control{width:100%;max-width:1500px;position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:flex;align-items:center;z-index:50;}
.main-visual .slider-control button{border:0;background:none;cursor:pointer;}

.main-visual .prev,
.main-visual .next{width:30px;height:30px;position:relative;margin-right:10px;}
.main-visual .prev span,
.main-visual .next span{width:10px;height:10px;position:absolute;top:50%;left:50%;border:solid #fff;}
.main-visual .prev span{border-width:0 0 2px 2px;transform:translate(-40%,-50%) rotate(45deg);}
.main-visual .next span{border-width:2px 2px 0 0;transform:translate(-60%,-50%) rotate(45deg);}

.main-visual .pause,
.main-visual .play{width:28px;height:28px;margin-right:20px;font-size:16px;color:#fff;font-weight:100;}
.main-visual .play{display:none;}
.main-visual .play.active{display:block;}
.main-visual .pause.hide{display:none;}

.main-visual .count{display:flex;align-items:center;font-size:15px;font-weight:600;color:#fff;}
.main-visual .count span{margin:0 10px;}

.main-visual .progress{width:160px;height:3px;margin-left:24px;background:rgba(255,255,255,0.5);overflow:hidden;border-radius:50px;}
.main-visual .bar{width:0%;height:100%;background:#fff;}

@media screen and (max-width:1500px){
.main-visual .slider-control{padding-left:2%;}

.main-visual .count{font-size:14px;}
}
@media screen and (max-width:960px){
.main-visual .prev,
.main-visual .next{width:25px;height:25px;margin-right:6px;}
.main-visual .pause,
.main-visual .play{width:25px;height:25px;margin-right:15px;}

.main-visual .count{font-size:13px;}

.main-visual .progress{width:100px;margin-left:20px;}
}
@media screen and (max-width:480px){
.main-visual .prev,
.main-visual .next{width:22px;height:22px;margin-right:4px;}
.main-visual .pause,
.main-visual .play{width:22px;height:22px;margin-right:10px;}

.main-visual .count{font-size:12px;}

.main-visual .progress{width:70px;margin-left:15px;}
}








/************************************************************************
* scroll down *
************************************************************************/
.main-visual .sclBx{width:98%;margin:0 auto;max-width:1500px;position:absolute;left:50%;bottom:5%;transform:translateX(-50%);display:flex;justify-content:flex-end;z-index:969;}
.main-visual .scl{}
.main-visual .scl i{width:25px;height:40px;margin:0 auto;border:solid 2px #fff;border-radius:30px;display:block;position:relative;}
.main-visual .scl i:after{width:2px;height:8px;background:#fff;position:absolute;top:7px;left:calc(50% - 1px);display:block;content:"";animation:move linear 1.5s infinite;}
.main-visual .scl font{padding-top:8px;display:block;color:#fff;line-height:100% !important;font-weight:lighter;}

@keyframes move {
	0% {top:7px;opacity:0;}
	10% {top:7px;opacity:1;}
	50% {top:14px;opacity:1;}
	100% {top:14px;opacity:0;}
}

@media screen and (max-width:2200px){
.main-visual .scl{bottom:20px;}
}
@media screen and (max-width:1280px){
.main-visual .scl i{width:24px;height:34px;}
.main-visual .scl i:after{height:5px;}
}
@media screen and (max-width:960px){
.main-visual .scl{bottom:15px;}
}
@media screen and (max-width:640px){
.main-visual .scl{bottom:10px;}
.main-visual .scl i{width:22px;height:32px;}
}




/************************************************************************
* right_fixed *
************************************************************************/
.right_fixed{position:fixed;top:50%;right:20px;margin-bottom:5px;transform:translateY(-50%);z-index:99998;}
.right_fixed .fxbt{width:127px;margin-bottom:10px;aspect-ratio:1 / 1;background:linear-gradient(40deg, #352d25 50% , rgba(105,88,72,0.7) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:2px 2px 10px rgba(0,0,0,0.1);animation:introBounce 1.2s ease;}
.right_fixed .fxbt figure{width:45px;height:45px;overflow:hidden;transition:all 0.2s ease;}
.right_fixed .fxbt figure img{width:100%;aspect-ratio:1 / 1;color:#fff;}
.right_fixed .fxbt font{color:#fff;text-align:center;line-height:100% !important;}
.right_fixed .fxbt:hover{background:linear-gradient(-120deg, #352d25 50% , rgba(105,88,72,0.7) 100%);transition:all 0.2s ease;}
.right_fixed .fxbt:hover figure{height:0;transition:all 0.2s ease;}

@media screen and (max-width:1500px) {
.right_fixed{right:10px;}
}
@media screen and (max-width:1280px) {
.right_fixed .fxbt{width:110px;margin-bottom:5px;}
.right_fixed .fxbt figure{width:40px;height:40px;}
}
@media screen and (max-width:1100px) {
.right_fixed{bottom:60px;top:auto;transform:translateY(0);}
.right_fixed .fxbt{width:80px;padding:0 10px;border-radius:10px;}
.right_fixed .fxbt figure{width:30px;height:30px;}
.right_fixed .fxbt font{font-size:9px !important;}
}
@media screen and (max-width:960px) {
.right_fixed .fxbt{width:70px;}
.right_fixed .fxbt figure{width:25px;height:25px;}
.right_fixed .fxbt font{font-size:8px !important;}
}
@media screen and (max-width:767px) {
.right_fixed{bottom:55px;right:5px;}
.right_fixed .fxbt{width:65px;}
.right_fixed .fxbt figure{width:22px;height:22px;}
.right_fixed .fxbt font{margin-top:5px !important;font-size:7px !important;}
}
@media screen and (max-width:640px) {
.right_fixed .fxbt{width:60px;}
}
@media screen and (max-width:520px) {
.right_fixed .fxbt{width:55px;}
.right_fixed .fxbt figure{width:20px;height:20px;}
.right_fixed .fxbt font{margin-top:3px !important;}
}





/************************************************************************
* sub_visual *
************************************************************************/
.svis{height:500px;background-size:cover !important;position:relative;}

.svis .sv_txt{width:100%;max-width:1500px;position:absolute;top:60%;left:50%;transform:translate(-50% , -50%);z-index:3;}
.svis .sv_txt *{color:#c4b2a2;text-align:center;}
.svis .sv_txt .btit{background:linear-gradient(90deg,#98765b 0%,#957154 18%,#c2a78c 38%,#d8bfa6 50%,#a7886e 62%,#9e7e63 82%,#98765b 100%);background-size:40% 100%;background-position:center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;}

.svis .svisualimg{width:100%;height:100%;overflow:hidden;clip-path:circle(100%);transform:translateY(0);background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:2;position:relative;}
.svis .svisualimg img{height:100%;margin:0 auto;display:block;transform:scale(1.2);object-fit:cover;transition:all 6s;}
.in-view .svisualimg img{transform:scale(1);}

@media screen and (max-width:1500px){
.svis{height:460px;}
}
@media screen and (max-width:1280px){
.svis{height:420px;}
}
@media screen and (max-width:1100px){
.svis{height:380px;}
}
@media screen and (max-width:960px){
.svis{height:340px;}
}
@media screen and (max-width:767px){
.svis{height:300px;}
}
@media screen and (max-width:640px){
.svis{height:260px;}
.svis .sv_txt .btit{background-size:100% 100%;}
.svis .sv_txt .stit.type20{font-size:14px !important;}
}
@media screen and (max-width:560px){
.svis{height:230px;}
.svis .sv_txt .stit.type20{font-size:13px !important;}
}
@media screen and (max-width:380px){
.svis .sv_txt .stit.type20{font-size:12px !important;}
}







/************************************************************************
* sub tab menu *
************************************************************************/
.subPtabmenu{width:100%;background:#b18c6e;z-index:99;}
.select-nav-wrapper{height:76px;}

.select-nav-wrapper .home{width:76px;height:100%;color:#b18c6e;background:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;}
.select-nav-wrapper .home .icon-home{width:1.6rem;height:auto;margin:auto;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

.select-nav{height:100%;display:flex;align-items:center;}
.select-nav:after{content:" ";visibility:hidden;display:block;height:0;clear:both;}

.select-nav .select{width:auto;height:100%;padding:0 100px 0 40px;position:relative;transition:all 0.1s;border-right:solid 1px rgba(255,255,255,0.2);}
.select-nav .select.on{background-color:#43362c;transition:all 0.1s;}


.select-nav .select button{width:calc(100% + 1px);height:100%;text-align:left;font-size:20px;font-weight:400;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.select-nav .select .down{width:8px;height:8px;border:solid #fff;border-width:0 2px 2px 0;position:absolute;top:calc(50% - 4px);right:40px;display:block;transform:rotate(45deg);transition:all 0.5s;}
.select-nav .select.on .down{transform:rotate(225deg);}

.select-nav .select > ul{width:100%;padding:25px 0 30px 0;position:absolute;top:100%;left:0;background-color:#43362c;border-bottom-right-radius:50px;display:none;z-index:999;}
.select-nav .select ul li{line-height:120%;padding-bottom:20px;padding-left:40px;}
.select-nav .select ul li:last-child{border-bottom:none;padding-bottom:0 !important;}
.select-nav .select ul li a{color:rgba(255,255,255,0.7);font-size:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.select-nav .select ul li:hover a{color:#fff;}

@media screen and (max-width:1520px){
.select-nav-wrapper.WRAP{width:100% !important;}
}
@media screen and (max-width:1500px){
.select-nav-wrapper{height:70px;}
.select-nav-wrapper .home{width:70px;}

.select-nav .select{padding:0 80px 0 30px;}

.select-nav .select button{font-size:18px;}
.select-nav .select .down{right:30px;}

.select-nav .select > ul{padding:20px 0 25px 0;border-bottom-right-radius:40px;}
.select-nav .select ul li{padding-bottom:18px;padding-left:30px;}
.select-nav .select ul li a{font-size:16px;}
}
@media screen and (max-width:1280px){
.select-nav-wrapper{height:60px;}
.select-nav-wrapper .home{width:60px;}

.select-nav .select{padding:0 70px 0 25px;}

.select-nav .select button{font-size:16px;}
.select-nav .select .down{right:25px;}

.select-nav .select > ul{padding:15px 0 20px 0;border-bottom-right-radius:30px;}
.select-nav .select ul li{padding-bottom:16px;padding-left:25px;}
.select-nav .select ul li a{font-size:15px;}
}
@media screen and (max-width:1100px){
.select-nav-wrapper{height:50px;}
.select-nav-wrapper .home{width:50px;}
.select-nav-wrapper .home .icon-home{width:1.4rem;}

.select-nav .select{padding:0 65px 0 20px;}

.select-nav .select .down{width:6px;height:6px;top:calc(50% - 3px);right:20px;}

.select-nav .select > ul{padding:10px 0 15px 0;border-bottom-right-radius:20px;}
.select-nav .select ul li{padding-bottom:16px;padding-left:20px;}
}
@media screen and (max-width:960px){
.select-nav-wrapper .home .icon-home{width:1.2rem;}
.select-nav .select button{font-size:15px;}
.select-nav .select ul li a{font-size:14px;}
}
@media screen and (max-width:767px){
.select-nav .select button{font-size:14px;}
.select-nav .select ul li a{font-size:13px;}
}
@media screen and (max-width:640px){
.select-nav{width:calc(100% - 50px);}

.select-nav .select{width:calc(100%/2);padding:0 35px 0 20px;}
.select-nav .select ul li{padding-bottom:14px;}
}
@media screen and (max-width:460px){
.select-nav .select{padding:0 30px 0 15px;}
.select-nav .select .down{right:15px;}

.select-nav .select ul li{padding-bottom:12px;padding-left:15px;}
}
@media screen and (max-width:360px){
.select-nav-wrapper{height:45px;}
.select-nav-wrapper .home{width:45px;}
.select-nav-wrapper .home .icon-home{width:1.1rem;}
.select-nav{width:calc(100% - 45px);}
}







/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;background:#000;}
footer .WRAP{padding:50px 0;}
footer .WRAP *{color:rgba(255,255,255,0.8);}

footer .right{width:62%;}
footer .left{width:38%;}

footer .navBx .depth1{display:flex;}
footer .navBx .depth1>li>a{padding-right:50px;color:#fff;font-size:18px;line-height:120%;display:block;}
footer .navBx .depth2{margin-top:30px;}
footer .navBx .depth2 a{padding-bottom:10px;color:rgba(255,255,255,0.5);font-size:15px;line-height:120%;display:block;}


footer .copyBox dl{display:flex;flex-wrap:wrap;}
footer .copyBox dt,
footer .copyBox dd{padding-bottom:20px;word-wrap:break-word;display:block;word-break:keep-all;font-weight:300;font-size:16px;line-height:140%;}
footer .copyBox dt{width:122px;color:rgba(255,255,255,0.6);}
footer .copyBox dd{width:calc(100% - 122px);color:#fff;}

footer .fbtWp .copy{color:rgba(255,255,255,0.4);}

footer .trcBx .terms{width:75%;}
footer .trcBx .terms a{padding-right:24px;padding-left:24px;text-transform:uppercase;font-weight:normal;position:relative;}
footer .trcBx .terms a:after{width:1px;height:10px;background:rgba(255,255,255,0.25);position:absolute;top:calc(50% - 5px);left:0;display:block;content:"";}
footer .trcBx .terms a:hover{color:#fff;}
footer .trcBx .terms a:first-child{padding-left:0 !important;}
footer .trcBx .terms a:first-child:after{display:none !important;}
footer .trcBx .terms a br{display:none;}
footer .trcBx .ci{width:25%;max-width:76px;}

@media screen and (max-width:1500px){
footer .right{width:64%;}
footer .left{width:36%;}
}
@media screen and (max-width:1400px){
footer .navBx .depth1>li>a{padding-right:35px;font-size:17px;}
footer .navBx .depth2{margin-top:20px;}
footer .navBx .depth2 a{padding-bottom:8px;font-size:14px;}

footer .copyBox dt,
footer .copyBox dd{padding-bottom:18px;font-size:15px;}
footer .copyBox dt{width:115px;}
footer .copyBox dd{width:calc(100% - 115px);}

footer .fbtWp.mt80{margin-top:30px !important;}

footer .trcBx .terms a{padding-right:22px;padding-left:22px;}
footer .trcBx .ci{max-width:70px;}
}
@media screen and (max-width:1280px){
footer .navBx .depth1>li>a{font-size:16px;}
footer .navBx .depth2{margin-top:15px;}
footer .navBx .depth2 a{padding-bottom:6px;font-size:13px;}

footer .copyBox dt,
footer .copyBox dd{padding-bottom:16px;font-size:14px;}
footer .copyBox dt{width:100px;}
footer .copyBox dd{width:calc(100% - 100px);}

footer .fbtWp.mt80{margin-top:20px !important;}

footer .trcBx .terms a{padding-right:20px;padding-left:20px;}
footer .trcBx .ci{max-width:65px;}
}
@media screen and (max-width:1100px){
footer{position:relative;}
footer .WRAP{padding:40px 0;}

footer .right{width:100%;}
footer .left{width:100%;}

footer .navBx .depth1>li{flex:1;}
footer .navBx .depth1>li>a{padding-right:0;font-size:15px;}
footer .navBx .depth2{margin-top:15px;}
footer .navBx .depth2 a{padding-bottom:4px;font-size:13px;}

footer .copyBox dt,
footer .copyBox dd{padding-bottom:14px;font-size:13px;}
footer .copyBox dt{width:90px;}
footer .copyBox dd{width:calc(100% - 90px);}

footer .fbtWp{}
footer .trcBx{order:-1;margin-bottom:20px;}
footer .trcBx .terms a:after{height:8px;top:calc(50% - 4px);}

footer .trcBx .ci{max-width:60px;position:absolute;bottom:40px;right:2%;}

}
@media screen and (max-width:767px){
footer .WRAP{padding:30px 0 100px 0;}
footer *{text-align:center;}

footer .navBx .depth1>li>a{font-size:14px;text-align:center;}
footer .navBx .depth2 a{font-size:12px;}

footer .copyBox dl{width:100%;justify-content:center;}
footer .copyBox dl.mt20{padding-top:30px;}
footer .copyBox dt,
footer .copyBox dd{padding-bottom:5px;font-size:12px;}
footer .copyBox dt{width:auto;}
footer .copyBox dd{width:auto;padding:0 20px 0 10px;}

footer .trcBx{margin-bottom:15px;}
footer .trcBx .terms{width:100%;justify-content:center;}
footer .trcBx .terms a{padding:0 15px;}

footer .trcBx .ci{max-width:55px;bottom:30px;right:auto;left:50%;transform:translateX(-50%);}
}
@media screen and (max-width:640px){
footer .WRAP{padding:20px 0 90px 0;}

footer .navBx .depth1{flex-wrap:wrap;}
footer .navBx .depth1>li{width:calc(100% / 3);flex:initial;padding-bottom:20px;}
footer .navBx .depth1>li>a{font-size:13px;}
footer .navBx .depth2{margin-top:10px;}

footer .copyBox dl.mt20{padding-top:0;}
footer .copyBox dt,
footer .copyBox dd{padding-bottom:4px;font-size:11px;}
footer .copyBox dd{padding:0 15px 0 5px;}

footer .fbtWp .copy{font-size:12px !important;}

footer .trcBx{margin-bottom:10px;}
footer .trcBx .ci{max-width:50px;bottom:20px;right:auto;left:50%;transform:translateX(-50%);}
}






/************************************************************************
* UP *
************************************************************************/
#back2top{width:65px;height:65px;font-size:24px;line-height:65px;text-align:center;color:#fff;background:#000;border-radius:50%;position:fixed;bottom:20px;right:calc(50% - 900px);display:none;cursor:pointer;box-shadow:2px 2px 20px rgba(255,255,255,0.1);border:solid 1px rgba(255,255,255,0.2);z-index:98;transition:all 0.2s ease;}
#back2top.changed{transition:all 0.2s ease;}

@media screen and (max-width:1830px){
#back2top{right:20px;}
}
@media screen and (max-width:1500px){
#back2top{width:60px;height:60px;font-size:22px;line-height:60px;right:10px;bottom:10px;}
}
@media screen and (max-width:1280px){
#back2top{width:50px;height:50px;font-size:18px;line-height:50px;}
}
@media screen and (max-width:1100px){
#back2top{width:45px;height:45px;font-size:16px;line-height:45px;}
}
@media screen and (max-width:960px){
#back2top{width:40px;height:40px;font-size:14px;line-height:40px;}
}
@media screen and (max-width:767px){
#back2top{right:5px;bottom:5px;}
}






/************************************************************************
* POPUP *
************************************************************************/
.ft_popup.trPop{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.ft_popup.trPop .popup_wrap{max-width:740px;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;}
.ft_popup.trPop .popup_wrap .titArea{height:60px;line-height:60px;padding:0 20px;position:relative;background:#000;text-align:left;}
.ft_popup.trPop .popup_wrap .titArea p{font-size:20px;font-weight:500;color:#fff;}

.ft_popup.trPop .popup_wrap .conArea{padding:25px 20px;}
.ft_popup.trPop .popup_wrap .conArea *{font-family:'Noto Sans KR';}
.ft_popup.trPop .popup_wrap .conArea p{line-height:1.5;font-size:15px;color:#333;}
.ft_popup.trPop .popup_wrap .conArea .data_txt_box{height:380px;padding:20px;margin:10px 0;font-size:15px;border:1px solid #ddd;overflow-y:scroll;}

.ft_popup.trPop .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:15px;right:35px;cursor:pointer;}
.ft_popup.trPop .popup_wrap .close:after{content:"";width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(45deg);}
.ft_popup.trPop .popup_wrap .close:before{content:"";width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.ft_popup.trPop .popup_wrap{max-width:100%;}
.ft_popup.trPop .popup_wrap .conArea{padding:20px 15px;}
.ft_popup.trPop .popup_wrap .conArea p{font-size:15px;}
.ft_popup.trPop .popup_wrap .conArea .data_txt_box{height:360px;padding:18px;font-size:14px;}
}
@media screen and (max-width:640px) {
.ft_popup.trPop .popup_wrap .titArea{height:50px;line-height:50px;padding:0 15px;}

.ft_popup.trPop .popup_wrap .conArea{padding:15px 10px;}
.ft_popup.trPop .popup_wrap .conArea p{font-size:14px;}
.ft_popup.trPop .popup_wrap .conArea .data_txt_box{height:340px;padding:15px;font-size:13px;}

.ft_popup.trPop .popup_wrap .close{top:10px;right:30px;}
}

@media screen and (max-height:700px) {
.ft_popup.trPop .popup_wrap{height:100%;}
.ft_popup.trPop .popup_wrap .conArea{height:100%;padding-bottom:120px;overflow-y:scroll;}
.ft_popup.trPop .popup_wrap .conArea .data_txt_box{height:100%;padding:10px;}
}