/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'establishRetrosansOTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TTHakgyoansimMoheomgaB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimMoheomgaB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
html{scroll-behavior:smooth;}
*{margin:0;padding:0;}
a{text-decoration:none;}
ul,li{list-style:none;}
a,h1,h2,h3,h4,h5,p,div,span,strong,ul,li,tr,td,th,em,b,input,button,label,select{font-family: 'SUITE Variable', sans-serif;color:#000;}
body{overflow-x:hidden;}
.row{margin-top:0;margin-right:0;margin-left:0;}
.row>*{padding-right:0;padding-left:0;margin-top:0;}


.provision-page,.privacy-page{padding:2% 7%;}
.mobile-counsel{display: none;}
.sidebar-shop-member-btn.mo-btn{display: none;}
/* header-left */
.header-left-toggler {display: none;}
.header-wrap .header-left{position: fixed;top: 0;left:-120px;min-width: 120px;height: 100%;padding-left: 0;background: #000;transition: 0.5s ease;box-sizing: border-box;
/*display: none;*/}
.header-wrap .header-left .hl-wrap{position: relative; height:100%; padding:0;}
.header-wrap .header-left div{padding:25px 0;text-align:center;}
.header-wrap .header-left div.hl-logo a:after{display:none;}
.header-wrap .header-left div a{color:#fff;position: relative;transition: color 0.5s ease;padding:0 8%;}
.header-wrap .header-left div a::after{ content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff, transparent);
  background-size: 300% 100%;
  opacity: 0;
  transition: opacity 0.5s;}
.header-wrap .header-left div a:hover{color:#fff;}
.header-wrap .header-left div a:hover:after{opacity: 1;
  animation: shimmer111 3s linear infinite;}
@keyframes shimmer111 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.header-wrap .header-left.active{left:0;}
.header-wrap .header-left.on{left:-120px;}
.header-wrap .hl-title-logo{width:100%;}
/* .header-wrap .hl-title-logo img{width:40px;} */
.header-wrap .header-left .h1-menu{position: absolute; top:50%; left:0;}
.header-wrap .header-left .h1-menu > div{color:#fff;display: block;text-align: center; padding:0; cursor:pointer;}
.header-wrap .header-left .h1-menu > div svg{width:36px; height:36px;}
.header-wrap .header-left .h1-menu > div span{color:#fff; font-weight: 100; display: block; margin-top: 5px;}
.header-wrap .header-left .top{position: absolute; bottom: 0;left: 0;height: 130px;text-align: center;width: 100%; padding:0;}
.header-wrap .header-left .top::before{content: "";position: absolute;bottom: 0;left: 50%;width: 1px;height: 45%;background: #494848;transition: 0.4s ease;}
.header-wrap .header-left .top:hover::before{opacity:0.7;height:35%;background-color: #fff;}	
.header-wrap .header-left .top a{position: relative;width:100%; height:100%; display: block;}
.header-wrap .header-left .top span{color:#fff;}
.header-wrap .header-left div > ul{display: flex; display: none;justify-content: center;gap:5px;align-items: center;}
.header-wrap .header-left div > ul .h1-sns{ width:35px; height:35px;color: #000;padding: 0;border-radius: 5px;display: block;margin-top: 30px; line-height: 35px;}
.header-wrap .header-left div > ul li:last-child .h1-sns{line-height: 49px;}
.header-wrap .header-left div > ul i{font-size: 28px; color:#fff;}	
	
	
.header-opacity{position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;opacity:0.5; display: none;}
.header-opacity.active{display: block;}	
/* header-left-mobile*/
.header-wrap .header-left-mobile{position: fixed;top: 0;left:-120px;min-width: 120px;height: 100%;padding-left: 0;background: #000;transition: 0.5s ease;box-sizing: border-box;}
.header-wrap .header-left-mobile .hl-wrap{position: relative; height:100%; padding:0;}
.header-wrap .header-left-mobile div{padding:25px 0;text-align:center;}
.header-wrap .header-left-mobile div.hl-logo a:after{display:none;}
.header-wrap .header-left-mobile div a img{width:50px;}
.header-left-mobile div a img{width:50px;}
.header-wrap .header-left-mobile div a{color:#fff;position: relative;transition: color 0.5s ease;padding:0 8%;}
.header-wrap .header-left-mobile div a::after{ content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff, transparent);
  background-size: 300% 100%;
  opacity: 0;
  transition: opacity 0.5s;}
.header-wrap .header-left-mobile div a:hover{color:#fff;}
.header-wrap .header-left-mobile div a:hover:after{opacity: 1;
  animation: shimmer222 3s linear infinite;}
@keyframes shimmer222 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.header-wrap .header-left-mobile.active{left:0;}
.header-wrap .header-left-mobile .h1-menu{position: absolute; top:50%; left:0;}
.header-wrap .header-left-mobile .h1-menu > div{color:#fff;display: block;text-align: center; padding:0; cursor:pointer;}
.header-wrap .header-left-mobile .h1-menu > div svg{width:36px; height:36px;}
.header-wrap .header-left-mobile .h1-menu > div span{color:#fff; font-weight: 100; display: block; margin-top: 5px;}
.header-wrap .header-left-mobile .top{position: absolute; bottom: 0;left: 0;height: 130px;text-align: center;width: 100%; padding:0;}
.header-wrap .header-left-mobile .top::before{content: "";position: absolute;bottom: 0;left: 50%;width: 1px;height: 45%;background: #494848;transition: 0.4s ease;}
.header-wrap .header-left-mobile .top:hover::before{opacity:0.7;height:35%;background-color: #fff;}	
.header-wrap .header-left-mobile .top a{position: relative;width:100%; height:100%; display: block;}
.header-wrap .header-left-mobile .top span{color:#fff;}


.h1-side-menu{position: absolute;top:0; left:90px; width:700px; height:100%; background-color: #000; opacity:0; visibility: hidden;transition:  0.3s linear;}
.h1-side-menu .h1-menu-wrap{display: flex;}
.h1-side-menu .h1-menu-wrap .menu-left{width:50%;}
.h1-side-menu .h1-menu-wrap > div ul{color:#fff; margin-bottom: 50px;}
.h1-side-menu .h1-menu-wrap > div ul li{color:#fff;}
.h1-side-menu .h1-menu-wrap > div a{color:#fff;}
.h1-side-menu .h1-menu-wrap .menu-right{width:50%;}
.h1-side-menu.active{opacity:1;visibility:visible;}

.hd_pops_reject strong{color:#fff;}

/* header */
html{overflow:visible !important;}
.wrapper{overflow:visible;}
.modal{padding-right:0 !important;}
body.modal-open{padding-right:0 !important;}
.basic-body-side{display: none;}
.header-wrap{background-color:transparent;}
.header-title{position:relative;top:0;left:0;right:0;width:100%;height:80px;background:#f1e3c4;border-bottom:0;}
.header-title .header-con{display:none;}
.nav-wrap{display:flex;height:80px;width:90%;margin:0 auto;align-items:center;justify-content:center;}
.side-nav{color:#3e2b2c;font-size:17px;font-weight:700;display:inline-block;width:150px;text-align:center; position: relative;}
.side-nav:hover::after{opacity:1;animation: shimmer111 3s linear infinite;}
.side-nav::after{content: '';position: absolute;bottom: -10px;left: 15%;width: 70%;height: 2px;background: linear-gradient(90deg, transparent, #775813, transparent);
background-size: 300% 100%;opacity: 0;transition: opacity 0.5s;}
.title-logo{z-index:999;width:450px;text-align:center;}
.header-title .title-logo img{height:48px;}
.navbar-nav>li>.nav-link{color:#000;padding:0 !important;font-size:17px;font-weight:700;}
.navbar-nav>li>.nav-link:hover{}
.navbar-nav .dropdown-toggle::after{display:none;}
.nav-con{max-width:850px !important;}
.navbar{width:600px;}
.navbar-nav{justify-content:space-between;}
.basic-body-main.left-main, .basic-body-main.right-main{width:100%;padding:0;}
.main-con{max-width:100%;padding-right:0;padding-left:0;}
.basic-body{padding:0;}
.btn-e-navy{background-color:#3e2b2c;border-color:#3e2b2c;}
.btn-e-navy:hover{background-color:#74595b;border-color:#74595b;}
.btn-close:focus{box-shadow:none;}

.counsel-btn{background:#000;width:60px;height:60px;line-height:60px;font-size:30px;bottom:30px;}
.counsel-btn i{font-size:30px;}
.modal.fade .modal-dialog{width:600px;}
.modal.fade .modal-dialog #counsel-iframe{height:500px !important;}
.modal.fade .modal-dialog .modal-content{border-radius:25px;}
.sub-counsel{padding:0 !important;}
.sub-counsel .eyoom-form footer{background:transparent;padding:0;border-top:0;}
.sub-counsel  .eyoom-form fieldset{background:transparent;padding:0;}
.sub-counsel .eyoom-form fieldset label{font-size:13px;color:#3e2b2c;}
.sub-counsel .eyoom-form .row{align-items:center;margin:0;}
.sub-counsel .eyoom-form .input input{border-color:transparent;}
.sub-counsel .eyoom-form .input:hover input,.sub-counsel .eyoom-form .select:hover select,.sub-counsel .eyoom-form .textarea:hover textarea{border-color:transparent;}
.sub-counsel .eyoom-form .input input:focus,.sub-counsel .eyoom-form .select select:focus,.sub-counsel .eyoom-form .textarea textarea:focus{border-color:transparent !important;}
.sub-counsel .eyoom-form button{font-size:15px;width:100%;height:40px;border-radius:50px;}
.sub-counsel .col-3:nth-child(1){border-right:1px dashed #ccc;}
.sub-counsel .col-3:nth-child(2){border-right:1px dashed #ccc;}
.sub-counsel .cs-agree-box{display:none;}
.sub-counsel input[type=text],.main-counsel input[type=number]{font-size:20px;}
.sub-counsel .counsel-wrap .eyoom-form fieldset{text-align:left;margin-bottom:3%;}

.main-wrap{margin-left:0;margin-right:0;}

.sidebar-right.offcanvas{display:none !important;}
.nav-con{display:none !important;}
.nav-toggle{display:none;}

.kakaotalk{width:60px;height:60px;background:#fae100;position:fixed;right:15px;bottom:105px;border-radius:50%;text-align:center;line-height:60px;z-index:9;}
.kakaotalk img{width:35px;}
/* intro */
.main-visual {position: relative;overflow: hidden}
.main-visual .video-bx:before {content: ""; width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wrap {overflow: hidden;display: block}
.main {overflow: hidden}
.loading-logo { position: fixed;top: 0;left: 0; width: 100vw; height: 100vh;overflow: hidden; white-space: nowrap;z-index: 9999999; background: #fff;}
.loading-logo .svg-wrap01 { 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;width: 100%;height: 100%}
.loading-logo .svg01 {width: 600px;height: 200px;overflow: visible;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)}
.loading-logo .svg01 .svg-text01 {font-size:16.25rem;font-weight: 900;stroke-width: 3px;stroke: #000;fill: transparent;stroke-dasharray: 2000px;
-webkit-animation: stroke 1.8s linear;animation: stroke 1.8s linear;letter-spacing: -15px; font-family: 'TTHakgyoansimMoheomgaB';}

@media (max-width: 1024px) {
    .loading-logo .svg01 .svg-text01 {
        font-size:11.5rem;
        letter-spacing: -10px
    }
}

@media (max-width: 576px) {
    .loading-logo .svg01 .svg-text01 {
        font-size:7.5rem;
        letter-spacing: -2.5px;
        stroke-dasharray: 400px;
        -webkit-animation: stroke2 1.5s linear;
        animation: stroke2 1.5s linear
    }
}

@-webkit-keyframes stroke {
    0% {
        stroke-dashoffset: 2000px
    }

    to {
        stroke-dashoffset: 0px
    }
}

@keyframes stroke {
    0% {
        stroke-dashoffset: 2000px
    }

    to {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes stroke2 {
    0% {
        stroke-dashoffset: 400px
    }

    to {
        stroke-dashoffset: 0px
    }
}

@keyframes stroke2 {
    0% {
        stroke-dashoffset: 400px
    }

    to {
        stroke-dashoffset: 0px
    }
}

.loading-logo .svg-wrap02 {opacity: 0;margin: 0 auto}
.loading-logo .svg-wrap02 svg {width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.loading-logo .svg-wrap02 svg text {font-size: 3.5875rem;font-weight: 900;letter-spacing: -3.5px;/* letter-spacing: -4.5px; */ font-family: 'TTHakgyoansimMoheomgaB';}

@media (max-width: 1024px) {
    .loading-logo .svg-wrap02 svg text {
        font-size:2.8125rem;
        letter-spacing: -2.5px
    }
}

@media (max-width: 576px) {
    .loading-logo .svg-wrap02 svg text {
        font-size:2.5rem
    }
}

.loading-logo .svg-wrap02 svg rect {fill: #fff;}
.loading-logo .svg-wrap02 svg>rect {-webkit-mask: url(#mask);mask: url(#mask)}


/* shop */
.shop-mobile-img{display:none;}

/* 메인 */
.video-out video{position: absolute;}
.banner{display: flex;gap:30px;align-items: center;height: 100%; width:1280px; margin:0 auto; position: relative; z-index:9;}	
	
.video-out3 .banner .cont{position: relative; transform:none; left:auto; top:auto; width:880px;height:445px;background: #fff; border-radius:20px; /*background: url("../image/main/main-banner-bg.jpg")no-repeat; padding:60px;*/ overflow:hidden;}
.video-out3 .banner .cont .swiper{padding-bottom: 0 !important;}
.video-out3 .banner .cont .cont-img img{position: absolute; right:-10%; bottom:3%;}
.video-out3 .banner .cont .m-swiper-slide{display: none;}
.video-out3 .banner .cont h3{color:#fff; font-size: 25px;}
.video-out3 .banner .cont h2{color:#fff;width: auto; font-size: 40px; font-weight: 600;}
.video-out3 .banner .cont p{color:#fff;}
.video-out3 .banner .cont p span{color:#fff; font-size: 22px;}
.video-out3 .banner .cont p a{color:#fff; font-size: 32px;}
.video-out3 .banner .main-counsel{position: relative; transform:none;left:auto; top:auto;	width:370px;height:445px; z-index:2;}
.banner .main-counsel .eyoom-form .row{flex-direction:column;padding: 0;}
.banner .main-counsel .counsel-wrap{width:80%;}
.banner .main-counsel .counsel-wrap > h3{text-align: center; font-size: 24px; margin:15px auto 30px; font-weight: 600;}
.banner .main-counsel .eyoom-form button{margin-top: 10px;}
.banner .main-counsel .eyoom-form .col-3{width:100%;}
.banner .main-counsel .col-3:nth-child(2),.banner .main-counsel .col-3:nth-child(1){border-right: none;}
.banner .sns-box{position: absolute; right: -170px; z-index:15; height:445px; display: flex; flex-direction: column; justify-content: space-between;}
.banner .sns-box a{width:140px; height:210px; background: #3e2b2c; display: flex; border-radius:20px; flex-direction:column; justify-content: center; padding:30px 0; align-items: center; gap:20px;}
.banner .sns-box a div{text-align: center;}
.banner .sns-box a span{color:#fff; font-size: 28px; font-weight: 700;}

.main-slider-top{margin-top:0;}
.video-out{height:911px;overflow:hidden;position:relative;margin-top:-80px;}
.video-out::after{content:'';display:inline-block;position:absolute;top:0;left:0;bottom:0;background:rgba(0,0,0,.45);width:1903px;height:100%;}
.video-out video{margin-top:-5%;}
.video-out .cont{position:absolute;top:55%;left:18%;transform:translateY(-50%);z-index:2;}
.video-out .cont h2{color:#fff;font-size:55px;font-weight:700; width:57%;}
.video-out .cont h3{color:#fff;font-size:32px;font-weight:300;margin-bottom:3%;}
.video-out .cont p a{color:#fff;font-size:36px;font-weight:700;}
.video-out .cont p{margin-top:3%;}
.video-out .cont p span{color:#fff;display:block;font-size:24px;}

.main-counsel{position:absolute;left:50%;top:15%;transform:translateX(-50%);width:1200px;z-index:10;/* background:rgba(0,0,0,.4); */background:#fff;padding:1% 0;border-radius:20px;}
.main-counsel .counsel-wrap{width:90%;margin:0 auto;}
.main-counsel label{color:#3e2b2c; !important;display:flex !important;align-items:center;margin-bottom:0;}
.main-counsel label img{margin-right:5px;}
.main-counsel .counsel-title h3{color:#3e2b2c;}
.main-counsel .counsel-title p{color:#3e2b2c;font-size:17px;margin:3% 0;}
.main-counsel .eyoom-form footer{background:transparent;padding:0;border-top:0;}
.main-counsel  .eyoom-form fieldset{background:transparent;padding:0;}
.main-counsel .eyoom-form fieldset label{font-size:13px;color:#3e2b2c;}
.main-counsel .eyoom-form .row{align-items:center;}
.main-counsel .eyoom-form .input input{border-color:transparent;}
.main-counsel .eyoom-form .input:hover input,.main-counsel .eyoom-form .select:hover select,.main-counsel .eyoom-form .textarea:hover textarea{border-color:transparent;}
.main-counsel .eyoom-form .input input:focus,.main-counsel .eyoom-form .select select:focus,.main-counsel .eyoom-form .textarea textarea:focus{border-color:transparent !important;}
.main-counsel .eyoom-form button{font-size:15px;width:100%;height:40px;border-radius:50px;}
.main-counsel .col-3:nth-child(1){border-right:1px dashed #ccc;}
.main-counsel .col-3:nth-child(2){border-right:1px dashed #ccc;}
.main-counsel .cs-agree-box{display:none;}
.main-counsel input[type=text],.main-counsel input[type=number]{font-size:20px;}

.kick{width:60%;margin:3% auto 0;background:#f9f9f9;}
.kick p{display:flex;justify-content:space-between;align-items:center;padding:2% 3%;font-size:17px;}
.kick p a{position:relative;padding-bottom:1px;}
.kick p a::after{content:'';display:inline-block;position:absolute;width:90%;height:1px;left:0;bottom:0;background:#000;}
.kick p a:hover{color:#000;}
.kick p a i{margin-left:5px;}

.one{margin:5% 0;}
.one h2{text-align:center;margin-bottom:3%;}
.one .nav{justify-content:center;margin-bottom:3%;}
.one .nav-pills .nav-link.active,.one .nav-pills .show>.nav-link{color:#000;background:transparent;border-bottom:3px solid #3e2b2c;border-radius:0;}
.one .nav-link{color:#000;font-size:18px;}
.one .tab-pane > div{display:flex;justify-content:space-between;width:75%;margin:5% auto;}
.one .tab-pane > div div {margin:0 15px;/* border:1px solid #eaeaea;padding:1%; */}
.one .tab-pane > div div .month{color:#3e2b2c; font-weight: 500;}
.one .tab-pane > div div p strong{color: #a5a5a5;font-weight: 400;margin-left: 10px;}
.one .tab-pane > div div .img-p{width:360px;height:170px;overflow:hidden;margin:10px 0;}
.one .tab-pane > div div img{width:100%;display:block;transition:all .36s;}
.one .tab-pane > div div h5{font-size:15px;font-weight:700;color:#a5a5a5;}
.one .tab-pane > div div h4{font-weight:700;font-size:18px;}
/*.one .tab-pane > div div span{text-decoration:line-through;color:#a5a5a5;}*/
.one .tab-pane > div div p{font-weight:800; margin-top: 5px;}
.one .tab-pane > div div .a-box{display:flex;justify-content:space-between;margin:10% 15px 0;border:0;padding:0;}
.one .tab-pane > div div .a-box a{color:#3e2b2c;font-size:17px;font-weight:700;/* display:flex;align-items:center; */}
.one .tab-pane > div div .a-box a:hover{text-decoration:underline;}
.one .tab-pane > div div .a-box a .fa-caret-right{font-size:19px;margin-left:5px}
.one .tab-pane > div div > a:hover img{transform:scale(1.07);}
.one .tab-pane > div div > a:hover h5{color:#3e2b2c}
.one .tab-pane > div div > a:hover h4{color:#3e2b2c}
.one .tab-pane > div div > a:hover span{color:#3e2b2c}
.one .tab-pane > div div > a:hover p{color:#3e2b2c}
.one .tab-pane > div .opacity{opacity:0; pointer-events: none;}
.more-a{font-size:17px;color:#3e2b2c;border:1px solid #3e2b2c;display:block;text-align:center;width:180px;height:50px;line-height:50px;margin:5% auto;font-weight:700;}
.more-a:hover{background-color:#3e2b2c;color:#fff;}

.two{padding:5% 0;background:#f9f9f9;}
.two h2{text-align:center;margin-bottom:3%;}
.two .scale-div{height:600px;overflow:hidden;position:relative;}
.two .scale-div .scale-img{position:absolute;left:0;top:0;animation:scale1 10s infinite;}
@keyframes scale1 {
    0% {transform: scale(1);
  box-shadow:0 25px 25px rgba(0, 0, 0, 0.4);
  }
    50% {transform: scale(1.3);
   box-shadow:0 25px 25px rgba(0, 0, 0, 0.6)
  }
   100% {transform: scale(1);
   box-shadow:0 25px 25px rgba(0, 0, 0, 0.4)
 }
}
.two div{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:60%;margin:0 auto;}
.two div p{width:calc(100% / 3.2);}
.two div p strong{font-size:17px;font-weight:700;display:block;margin:35px 0 8px;}
.two div p span{font-size:15px;word-break:break-all;}
.two .more-a{margin:3% auto 2%;}

.three_items .con1600 ul {display: -webkit-box;display: -ms-flexbox;display: flex; gap: 0 50px;}
.three_items .con1600 .flip_inner {position: relative;width: 100%;height: 100%;text-align: center;-webkit-transition: -webkit-transform 1s;transition: -webkit-transform 1s;-o-transition: transform 1s;transition: transform 1s;transition: transform 1s, -webkit-transform 1s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective:600px;perspective:600px}
.three_items .con1600 .flip_inner::before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color:#14173b; border-radius: 15px; z-index: 1; -webkit-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out;}
.three_items .con1600 .flip_box:nth-child(1) .flip_inner::before { -webkit-transition-delay: 0.1s ; -o-transition-delay: 0.1s ; transition-delay: 0.1s ;}
.three_items .con1600 .flip_box:nth-child(2) .flip_inner::before { -webkit-transition-delay: 0.2s ; -o-transition-delay: 0.2s ; transition-delay: 0.2s ;}
.three_items .con1600 .flip_box:nth-child(3) .flip_inner::before { -webkit-transition-delay: 0.3s ; -o-transition-delay: 0.3s ; transition-delay: 0.3s ;}
.three_items .con1600 .flip_box {background-color: transparent;width: calc(33.33% - 34px);height: 500px; border-radius: 15px; overflow: hidden;}
.three_items .con1600 .flip_box .flip_front figure > img {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: 100%;-o-object-fit: cover;object-fit: cover;}
.three_items .con1600 .flip_inner > div {backface-visibility:hidden;    background-size: cover; height: 100%;-webkit-transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);transition: all 1s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; border-radius: 15px; }
.three_items .con1600 .flip_box .flip_front{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.three_items .con1600 .flip_box .flip_back{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); position: absolute; left: 0; top: 0; width: 100%; color: #fff;background-color: #000; border: 1px solid rgba(255,255,255,0.1);}
.three_items .con1600 .flip_box:hover .flip_front {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.three_items .con1600 .flip_box:hover .flip_back {-webkit-transform: rotateY(0deg);transform: rotateY(0deg); }


.three_items .con1600 .flip_box .flip { z-index: 1; position: relative; color: #fff; -webkit-transform: translateZ(60px) scale(0.9); transform: translateZ(60px) scale(0.9); 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;}
.three_items .con1600 .flip_box .flip_front p {color:#fff;font-size: 40px; font-weight: 600; line-height: 1.3; -webkit-transition: all 0.85s ease-in-out; -o-transition: all 0.85s ease-in-out; transition: all 0.85s ease-in-out; opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px);}
.three_items .con1600 .flip_box .flip_front p span{font-size: 30px; font-weight: 400;}
.three_items .con1600 .flip_box .flip_back p {font-size: 20px; word-break: break-word; white-space: nowrap;color:#fff;}
.three_items .con1600 .flip_box .flip_back .flip {text-align: center; padding: 0 30px; line-height: 1.7;}
.three_items .con1600 .flip_box .flip_front figure {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; overflow: hidden;}

.three_items .con1600 .flip_box:nth-child(1) .flip_front p {-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;} 
.three_items .con1600 .flip_box:nth-child(2) .flip_front p {-webkit-transition-delay: 0.25s;-o-transition-delay: 0.25s;transition-delay: 0.25s;} 
.three_items .con1600 .flip_box:nth-child(3) .flip_front p {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} 

.three_items .con1600 .flip_inner::before{ width: 0%;}
.three_items .con1600 .flip_box .flip_front p {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}

.swiper {width: 100%;height: 100%;padding-bottom:10% !important;}
.swiper-slide {font-size: 18px;background: #fff;display: flex;justify-content: center; align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-button-next, .swiper-button-prev{top:87% !important;width:40px !important;height:40px !important;border:1px solid #3e2b2c;border-radius:50%;color:#3e2b2c !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:auto !important;right:6% !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:17px !important;}

.three{padding:3% 0;width:70%;margin:0 auto;}
.three h2{text-align:center;margin-bottom:3%;}
.three > div div h5{font-size:15px;font-weight:700;color:#a5a5a5;}
.three > div div h4{font-weight:700;font-size:18px;}
.three > div div span{text-decoration:line-through;color:#a5a5a5;}
.three > div div p{font-weight:800;}
.three > div div .a-box{display:flex;justify-content:space-between;margin:5% 0 0;}
.three > div div .a-box a{color:#3e2b2c;font-size:17px;font-weight:700;/* display:flex;align-items:center; */}
.three > div div .a-box a:hover{text-decoration:underline;}
.three > div div .a-box a .fa-caret-right{font-size:19px;margin-left:5px}
.three .three-box{height:500px;padding:1.5% 1%;background-size:cover;}
.three .three-box.box1{background-image:url(../image/main/three-img01.jpg);}
.three .three-box.box2{background-image:url(../image/main/three-img08.jpg);}
.three .three-box.box3{background-image:url(../image/main/three-img09.jpg);}
.three .three-box.box4{background-image:url(../image/main/three-img04.jpg);}
.three .three-box.box5{background-image:url(../image/main/three-img05.jpg);}
.three .three-box.box6{background-image:url(../image/main/three-img06.jpg);}

.four .counter{width:150px;font-weight:900;color:#76eef7;display:inline-block;}


/* sub */
.sub-section h2{padding-left:1.5%;margin:3% 0;font-size:48px;font-weight:700;}
.sub-section .sub-one{width:50%;position:sticky;top:16%;left:15%;margin-top:-45%;margin-bottom:8%;}
.sub-section .sub-one01{opacity:0;transition:all .5s;}
.sub-section .sub-one01.active{opacity:1;}
.sub-section .sub-one02{opacity:0;transition:all .5s;}
.sub-section .sub-one02.active{opacity:1;}
.sub-section .sub-one03{opacity:0;transition:all .5s;}
.sub-section .sub-one03.active{opacity:1;}
.sub-section .sub-one04{opacity:0;transition:all .5s;}
.sub-section .sub-one04.active{opacity:1;}
.sub-section .sub-one h3{font-size:36px;font-weight:700;color:#fff}
.sub-section .sub-one h3 strong{font-weight:700;color:#76eef7;}
.sub-section .sub-one p{font-size:22px;width:90%;margin:5% 0;color:#fff;}
.sub-section .tit{width:100%;margin:5% auto;}
.sub-section .tit p{display:flex;align-items:center;border-bottom:1px solid #fff;width:100%;margin:10% 0;}
.sub-section .tit p span{font-size:20px;display:inline-block;margin-left:3%;color:#fff;}

#sub0101{width:100%;height:300vh;}
#sub0101 .sub0101-bg{background-image:url(../page/img/sub0101-bg.jpg);width:1903px;height:100vh;background-repeat:no-repeat;background-size:contain;position:sticky;top:0;left:0;}
#sub0101 .sub0101-mobile{display:none;}
.mouse{position:fixed;bottom:2%;left:50%;transform:translateX(-50%);}
.mouse h4 {color: white;text-align: center;margin-top: 10px;font-size:18px}
 #mouse_body {border-style: solid;border-width: 2px;border-color: #fff;border-radius: 32px;height: 43px;width: 23px; margin: 0 auto;}
 #mouse_wheel {border-style: solid;border-width: 2px;border-color: #fff;border-radius: 8px;background-color: #fff;position: relative;height: 3px;width: 3px;margin: 0 auto;animation: wheel_animation 1.5s linear infinite;}
 @keyframes wheel_animation {
	 0% {
		 opacity: 0;
		 top: 2px;
	}
	 50% {
		 opacity: 1;
		 top: 50%;
	}
	 100% {
		 opacity: 0;
		 top: 33px;
	}
}

.seven{height:280vh;display:flex;/* background-image: linear-gradient(to right, #000000, #121212, #1d1d1d, #282828, #343434); *//* background:linear-gradient(to right, #040404, #000000, #464646); */}
.seven div{}
.seven .seven-left{position:relative;text-align:left;width:50%;height:100vh;position:sticky;top:0;padding-top:5%;left:0;color:#fff;overflow:hidden;}
.seven .seven-left  div{margin-left:20%;}
.seven .seven-left h1.ml15{font-size:70px;font-weight:900;padding:0;line-height:1.3;color:#fff;}
.seven .seven-left h1.ml15 .word {display: inline-block;line-height: 1em;font-family: 'TTHakgyoansimMoheomgaB';font-size:70px;}
.seven .seven-left h2.ml12{font-size:70px;font-weight:900;padding:0;line-height:1.3;color:#fff;}
.seven .seven-left h2.ml12 .letter{display: inline-block;line-height: 1em;font-family: 'TTHakgyoansimMoheomgaB';font-size:70px;}
.seven .seven-left .seven-bg{position:absolute;left:0;top:0;z-index:-1;}
/* .seven .seven-left h1::after{content:'';display:inline-block;position:absolute;height:7px;width:100%;left:0;top:100%;background:linear-gradient(-85deg, black, #112048);} */
.seven .seven-left span{font-weight:600;color:#fff;font-size:28px;display:inline-block;margin-bottom:1%;}
.seven .seven-left p{font-size:17px;font-weight:100;padding-top:60%;}
.seven .seven-left img{display:block;padding-bottom:5%;}
/* .seven .seven-center{height:200vh;} */
.seven  .seven-button{width:200px;height:200px;position:sticky;background:#00295a;margin-top:30%;margin-left:-7%;top:70%;padding:2%;margin-bottom:6%;}
.seven  .seven-button:hover .material-icons{transform:translateX(10%);}
.seven  .seven-button a{color:#fff;font-size:18px;display:inline-block;}
.seven  .seven-button .material-icons{font-size:30px;display:block;margin-top:35%;text-align:left;transition:.36s;color:#fff;}
.seven .seven-right{width:50%;position:relative;margin:3% 0 0 5%;color:#000;}
.seven .seven-right>strong{font-size:32px;font-weight:800;display:block;padding-bottom:2%;position:relative;}
.seven .seven-right>strong::after{content:'';position:absolute;display:inline-block;width:100%;height:1px;left:0;top:100%;background:#cbcbcb;}
.seven .seven-right>div{position:absolute;width:350px;}
.seven .seven-right>div.seven-right-out{position:relative;}
.seven .seven-right>div div.seven-right-in{position:absolute;left:0%;top:100%;padding:4% 0;transition:.3s;width:350px;}
/* .seven .seven-right>div div.seven-right-in:hover{background:#fff;transform:translateY(-15%)} */
@media (hover: hover) {
  .seven .seven-right>div div.seven-right-in:hover{background:#fff;transform:translateY(-15%)}
}
.seven .seven-right>div div.seven-right-in h5{margin:7% 0;font-weight:600;line-height:1.5;}
.seven .seven-right>div div.seven-right-in p{color:#515151;font-size:16px;/*  width:90%; */}
.seven .seven-right>div div.seven-right-in strong{font-size:36px;font-weight:800;display:block;position:relative;line-height:1;}
.seven .seven-right>div:nth-child(even){left:0;}
.seven .seven-right>div:nth-child(odd){right:10%;}
.seven .seven-right>div.seven-right1{top:5%;}
.seven .seven-right>div.seven-right2{top:16%;}
.seven .seven-right>div.seven-right3{top:27%;}
.seven .seven-right>div.seven-right4{top:38%;}
.seven .seven-right>div.seven-right5{top:49%;}
.seven .seven-right>div.seven-right6{top:60%;}
.seven .seven-right>div.seven-right7{top:71%;}
.seven .seven-right>div.seven-right8{top:82%;}
/*.seven .seven-right>div.seven-right1{top:4%;}*/
/*.seven .seven-right>div.seven-right2{top:17%;}*/
/*.seven .seven-right>div.seven-right3{top:28%;}*/
/*.seven .seven-right>div.seven-right4{top:40.5%;}*/
/*.seven .seven-right>div.seven-right5{top:52.5%;}*/
/*.seven .seven-right>div.seven-right6{top:64.5%;}*/
/*.seven .seven-right>div.seven-right7{top:76.5%;}*/
/*.seven .seven-right>div.seven-right8{top:88%;}*/
.seven .seven-right .seven-last-div img{width:fit-content;height:auto;}
.seven .seven-right .seven-last-div div{display:flex;margin:3% 0 0;}
.seven .seven-right .seven-last-div div p{color:#515151;font-size:16px;margin:30% 0 0 3%;}
.seven .seven-right .seven-last-div div img.seven-first-img{margin:3% 0;}
.seven .seven-right .seven-last-div{left:0;bottom:0;border:0;}
.seven .seven-right .seven-last-div strong{font-size:22px;font-weight:800;display:block;padding:5% 0 2%;position:relative;}
.seven .seven-right .seven-last-div strong::after{content:'';position:absolute;display:inline-block;width:100%;height:1px;left:0;top:100%;background:#cbcbcb;}
.seven .seven-right .seven-last-in{position:absolute;left:38%;top:20%;display:block !important;}
.seven .seven-right .seven-last-in h3{font-weight:400;}


/* board */
.board-view .board-view-info{border-top:0 !important;border-bottom:2px solid #e3e3e3 !important;background:#fff !important;min-height:60px !important;padding:30px !important;margin-top:0 !important;}
.board-view .board-view-info .view-photo-box,.board-view .board-view-info .view-photo img{display:none !important;}
.board-view .board-view-info .view-info-box{margin-left:0 !important;display:flex;justify-content:flex-start;align-items:center;top:11px;}
.board-view .board-view-info .info-box-top .view-nick{margin-right:10px !important;}
.board-view .view-comment,.view-comment-write{display:none !important;}
.board-view{width:75%;margin:5% auto;}
.board-view-file-conts{display:none !important;}
.board-view-subj strong{font-weight:700;}
.board-view .board-view-subj{border-top:2px solid #e3e3e3 !important;padding:30px 0 0 30px;}
.board-view-file{display:none;}
.board-view .board-view-star .star-ratings-view li.m-l-5{display:none;}
.board-view .board-view-star .star-ratings-view li.m-r-10{display:none;}
.board-view .board-view-star .star-ratings-view li .rating-selected{color:#ffd96b !important; font-size:18px !important;}
.board-view .board-view-star{border-bottom:0 !important;}
.board-view .board-view-info .info-box-top{width:240px;}
.board-view .board-view-info .info-box-top div{display:inline-block;}
.board-view .board-view-info .info-box-top div.info-value01{margin-right:7%;font-size:16px;font-weight:700;}
.board-view .board-view-info .info-box-top div.info-value02,.board-view .board-view-info .info-box-top div.info-value03{font-size:14px;color:#959595;}
.board-view .view-top-btn{float:right;}

.board-gallery .gallery-item-in{border-radius:25px;}
/*.board-gallery .gallery-item:nth-child(3),.board-gallery .gallery-item:nth-child(4){display: none;}*/
.board-gallery .gallery-item .gallery-item-image{border-radius:25px 25px 0 0;}
.board-gallery .gallery-item:hover a{text-decoration:none !important;}
.board-gallery .gallery-item-pd:hover a{text-decoration:none !important;}
.board-gallery .gallery-item:hover .gallery-item-info h4{text-decoration:none !important;}
.board-gallery .gallery-item, .board-gallery .gallery-sizer{width:30% !important;}
.gallery-item-info a:hover{color:#3e2b2c !important;}
.board-gallery .gallery-item .gallery-item-info h4 a{font-size:22px;font-weight:700;}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon{background-color:#48804f !important;}
/* .board-gallery .gallery-item .gallery-item-image-in{max-height:250px !important;} */
.board-gallery .gallery-item .gallery-item-image{padding:0 !important;}
.board-gallery .gallery-item .gallery-item-info .gallery-cont{font-size:14px;}
.board-gallery .gallery-desc{font-size:16px;font-weight:700;}
.board-gallery .gallery-item .gallery-item-info h4{margin-bottom:30px;}
.board-gallery .gallery-item .gallery-item-info{padding:30px 15px !important;}
.board-gallery .gallery-item-in:hover{box-shadow:7px 6px 3px #e1e1e1;}

.board-write{width:75%;margin:5% auto;}



.board-list{width:75%;margin:5% auto;}
.board-list .board-info .float-start{display:none !important;}
.board-list-button-wrap a.btn-dark{display:none !important;}
.board-gallery .gallery-ratings .star-ratings-list{width:110px !important;height:22px !important;}
.board-gallery .gallery-ratings .star-ratings-list li .rating-selected{color:#ffd96b !important; font-size:18px !important;}
.board-list-button-wrap.m-t-15{display:none;}

.eb-pagination a{border:0 !important;color:#000 !important;font-size:17px !important;font-weight:700;}
.eb-pagination a.active{background:transparent !important;color:#000 !important;font-size:17px;}
.eb-pagination a.next, .eb-pagination a.prev{color:#000 !important;}
.eb-pagination a:hover{background:transparent !important;}
.eb-backtotop{display:none !important;}

.board-tit{display:flex;align-items:center;justify-content:center;margin:5% 0;}
.board-tit span{display:inline-block;margin-left:20px;font-weight:700;}

/* footer */


.footer{background:#000;padding-top: 3.75rem; padding-bottom: 7.5rem;}
.footer .container{max-width:1600px;}
.footer .site-logo{margin-left:-28%;padding:0 10%;}
.footer-con{max-width:80%;}
.footer a,.footer span,.footer strong,.footer p,.footer h4{color:#fff;font-size: 17px;}
.footer-copyright{font-size: 17px; padding-top: 6rem;}
.footer a{text-decoration:none;}
.footer a:hover{color:#fff;text-decoration:none;}
.footer-nav a{font-size:17px;font-weight:bold;padding-right: 1%;}
.footer-cont-info{text-align:left;/*padding:1% 0 10%;*/}
.footer-cont-info .ft-s{margin-bottom:2.5%;display:inline-block;}
.footer-nav{}
.footer-right-nav{text-align: left; margin-top: 15px;}
.footer-right-nav,.footer-nav{float:none; width:auto;}
.footer-sns{display: flex; gap:30px;}
.footer-sns div{}
.footer-sns div h4{font-weight: 600; font-size: 22px; margin-bottom: 10px;}
.footer-sns div span{ margin:10px 0 30px 0;}
.footer-sns div a{background: #fff; color:#000; padding:12px 125px; border-radius:5px;display: block; margin-top: 30px;}
.footer-sns div:last-child ul{display: flex;gap:15px;}
.footer-sns div:last-child a{width:50px; height:50px;display:flex;justify-content: center;align-items:center; padding:0;}
.footer-sns div a:hover{color:#000; background: #f6f6f6;}
.footer-sns div:last-child a i{font-size: 20px;}
.footer-sns div:last-child ul li:nth-child(1) a i{font-size: 22px;}
.footer-sns div:last-child ul li:nth-child(3) a i{font-size: 24px;}
.footer-sns div:last-child a .fa-a::before{content:"N";font-family: Arial;font-weight: bold;background: #333;color: #fff;width: 22px;height: 22px;font-size: 15px;line-height: 22px;border-radius: 5px;display: block;text-align: center;}
.footer-line-wrap{padding:3rem 0;  width:100%;}
.footer-line-wrap .footer-line{width:100%;height:1px; background: #fbfcff;}
.footer-notice{color:#fff;}
.footer-notice > div{margin-bottom: 40px;}
.footer-notice > div strong{font-size: 33px;}
.footer-notice > div ul li{font-size: 17px; color:#fff;}
.footer-notice > div .ul1{margin-top: 15px;}
.footer-notice > div .ul2{margin-bottom: 15px;}
.footer-notice > div ul li span{width:3%; display:inline-block;}
.footer-notice p{color:#858585;}
.footer-notice span{display: block;}

.footer-counsel{display: block;position: fixed;bottom: 0;left: 0;z-index: 15;width: 100%;height:90px;margin: 0 auto; top: auto;transform: none;border-radius: 0px;
padding:0; background: #f1e3c4;}
.footer-counsel .counsel-wrap{width: 70%;height:100%;margin: 0 auto;}
.footer-counsel .counsel-wrap .cs-form-wrap{height:100%;}
.footer-counsel .counsel-wrap .row{height:100%;}
.footer-counsel .counsel-wrap form{height:100%; border-top: none;}
.footer-counsel .eyoom-form .col-3{display: flex;}
.footer-counsel .eyoom-form .input{margin-bottom: 0px;margin-left: 10px;}
.footer-counsel input[type=text]{font-size: 16px;}
.footer-counsel .eyoom-form .col-3:last-child{display: block;}
.footer-counsel .eyoom-form .label{font-size: 1rem;margin-bottom:0;padding:0;}
.footer-counsel .f-ml{margin-left: 10px;}
.footer-counsel .f-w{width:20%;}


.footer-counsel .footer-btns{display: none;}

/* one */
.items-wrap{}
.items{display: flex;justify-content:space-between; width:1200px; margin:0 auto; flex-wrap: wrap;}
.items .item{width:24.5%;border: 1px solid #ddd; margin-top: 10px;}
.items .item img:hover{transform:scale(1.15);}
.items .item .item-img{overflow:hidden;}
.items .item img{width:100%; transition:0.6s;}
.items .item .item-txt{padding:30px 25px; background-color: #f7f7f7;}
.items .item .item-txt h4{font-size:18px; font-weight: 700; margin-bottom: 20px;}
.items .item .item-txt span{display: block; color: #777777; font-size: 17px; font-weight: 500;}
.items .item .item-txt .it-line{ text-decoration: line-through;}
.items .item .item-txt strong{font-size: 30px; color:#0DB3D9;}
.items .item .item-txt p{font-size: 17px; margin-top: 25px;}
.items .item .item-txt .item-btn{margin-top: 25px; display: flex; gap: 5px; text-align: center;}
.items .item .item-txt .item-btn a{background-color: #414141; color:#fff;width:42%; font-size: 15px; border-radius:5px; height:30px; line-height: 30px;}
.items .item .item-txt .item-btn a i{margin-left: 5px;}
.items .item .item-txt .item-btn a:first-child{background-color:#0DB3D9;}

/* 반응형 */
@media (max-width:991px){
.header-left-toggler{display: block;}
body.active{padding-right:0; overflow:hidden;}
.header-wrap .header-left-mobile{z-index: 1041;left:-180px;min-width: 180px; height:100%;}
.navbar-mobile-toggler{display: none;}
.footer-copyright span{display: block;}
.modal.fade .modal-dialog{width:90%; margin:0 auto;}
.counsel-wrap{width:95%; margin:5% auto;}
/* header */
.side-nav{display:none;}
.menu-toggle{display:block;}
.header-wrap{background: none; border-bottom: none;}
.header-wrap .header-left{display:none;}
.header-title{height:50px;position:fixed;z-index:1000; }
.nav-wrap{height:50px;justify-content:space-between;}
.header-title {}
.header-title .title-logo{width:220px;}
/*.header-title .title-logo img{height:48px;}*/
.header-title .title-logo img{height:24px;}
/*.header-title .header-con{display:block;}*/
.header-title .header-title-search{display:none;}
.nav-con{display:flex !important; max-width:100% !important;}
.navbar{width:0;}
.sidebar-left.offcanvas{top:0;left:0;}
.sidebar-left .sidebar-member-menu{display:none;}
.header-title-mobile-btn .navbar-toggler.search-toggle{display:none;}
.header-title-mobile-btn{position:static;}
/*.header-wrap .header-left-mobile .top{bottom:6%;}*/
.header-left-mobile .top{bottom:0%;}
.navbar-toggler i{font-size:23px;}
.header-wrap .header-left-mobile div a{font-size:20px;}
.header-wrap .header-left-mobile div .hl-title-logo img{width:85px;}
.header-left-mobile div .hl-title-logo img{width:85px;}
.header-left-mobile div a{font-size:20px;}
.sidebar-user-btn.mo-btn{display:none;}

.loading-logo .svg01{width:300px;}
  .loading-logo .svg01 .svg-text01 {
        font-size:6.56rem;
        letter-spacing: -2.5px;
        stroke-dasharray: 430px;
        -webkit-animation: stroke2 1s linear;
        animation: stroke2 1s linear
    }
	@keyframes stroke2 {
    0% {
        stroke-dashoffset: 430px
    }

    to {
        stroke-dashoffset: 0px
    }
}

.loading-logo .svg-wrap02 svg text {
        font-size:.8rem;
		letter-spacing: -1px;
    }

.basic-body{margin-top:50px;}

.main-counsel{width:90%;border-radius:15px;top:15%;display: none;}
.mobile-counsel{display: block;}
.main-counsel .eyoom-form .row{padding:2% 0;}
.main-counsel .eyoom-form .row .col-3{width:33%;}
.main-counsel .eyoom-form .row footer.col-3{width:100%;margin-bottom:0;}
.main-counsel input[type=text], .main-counsel input[type=number]{font-size:11px;padding:0;}
.main-counsel .eyoom-form button{font-size:13px;height:30px;}
.eyoom-form .input, .eyoom-form .select, .eyoom-form .textarea{margin-bottom:5px;}


.sub-counsel .counsel-wrap .eyoom-form .col{padding-right:0;padding-left:0;}
.sub-counsel input[type=text], .main-counsel input[type=number]{font-size:15px;}
.sub-counsel .counsel-wrap .counsel-title h3{font-size:calc(1.325rem + .9vw)}
.sub-counsel .counsel-wrap .counsel-title p{font-size:13px;}

.kakaotalk{width:45px;height:45px;background:#fae100;right:10px;bottom:209px;line-height:45px; display: none;}
.kakaotalk img{width:30px;}

.hd_pops{left:50% !important; top:-700px !important;width:90%;transform:translateX(-50%);}
.hd_pops_con{width:100% !important;height:auto !important;}
#hd_pop{width:100%;}
#modal_hd_pop .modal-footer{width:100%;}
.hd_pops_con p{font-size:0;}

/*.main-slider-top{overscroll-behavior-y: none;}*/
.video-out3{height: calc(100vh - 140px); display: flex; flex-direction:column; margin-top: 0;}
.video-out3 .banner .cont h3{font-size: 22px;}
.video-out3 .banner .cont h2{font-size: 25px;}
.video-out3 .video-out .cont p span{font-size: 16px;}
.video-out3 .banner{width:90%; flex-direction:column;height: 100%; gap:15px;}
.video-out3 .banner .cont{width:100%; height:auto; border-radius:10px; padding:0;/* background: url("../image/main/m-main-banner-bg.jpg")no-repeat;*/background:none;
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}	
.video-out3 .banner .cont .cont-wrap{padding:60px 20px;}
.video-out3 .banner .cont .cont-img{text-align:right;}
/*.banner .cont img{display: none;}*/
.video-out3 .banner .cont .cont-img img{width:90%; bottom:auto;position: relative; right:auto; margin-top: 12%;}
/*.video-out3 .banner .cont .swiper-slide{background: url("../image/main/m-main-banner02-bg.jpg")no-repeat; }*/
/*.video-out3 .banner .cont .swiper-slide:nth-child(2){background: url("../image/main/m-main-banner03-bg.jpg")no-repeat;}*/
/*.video-out3 .banner .cont .swiper-slide:nth-child(3){background: url("../image/main/m-main-banner04-bg.jpg")no-repeat;}*/
.video-out3 .banner .cont .swiper-wrapper{background: none;}
.video-out3 .banner .cont .swiper-slide{display: none; background: none;}
.video-out3 .banner .cont .swiper-slide.m-swiper-slide{display: block;}
.video-out3 .mobile-counsel{top:auto; bottom:auto;position: relative; display: none;}
.video-out3 .banner .sns-box{flex-direction:row;bottom:0;right: auto; height: auto; width:100%; display: none;} 
.video-out3 .banner .sns-box a{width:48%; height:auto; flex-direction:row; padding:15px 0; border-radius:10px;}
.video-out3 .banner .sns-box a div:last-child{text-align: left;}
.video-out3 .banner .sns-box a img{width:70%;}
.video-out3 .banner .sns-box a span{font-size: 18px;}

.video-out::after{width:100%;}
.video-out video{margin-left:-210%; margin-top: 0;}
.video-out .cont{left:5%;top:55%;}
.video-out .cont h2{font-size:25px;width:95%;}
.video-out .cont h3{font-size:22px;margin-bottom:5%;}
.video-out .cont p{margin-top:5%;}
.video-out .banner .cont p a{font-size:26px;}
.video-out .banner .cont p span{font-size:16px;}

.main-section{}



.kick{width:90%;margin:7% auto;}
.kick p{font-size:13px;}
.kick p a::after{display:none;}

.one{width:90%;margin:10% auto;}
.one h2{margin-bottom:8%;}
.one .nav-link{font-size:16px;}

.one .tab-pane > div{width:100%;flex-wrap:wrap;}
.one .tab-pane > div div{width:48%;margin:5% 0;}
.one .tab-pane > div div h5{font-size:13px;}
.one .tab-pane > div div h4{font-size:15px;}
.one .tab-pane > div div span{font-size:13px;}
.one .tab-pane > div div p{font-size:14px;}
.one .tab-pane > div div p strong{font-size: 12px; margin-left: 5px;}
.one .tab-pane > div div .img-p{width:100%;height:100px;}
.one .tab-pane > div div .a-box{width:100%;margin:0;padding:0 8px;}
.one .tab-pane > div div .a-box a{font-size:13px;}
.one .tab-pane > div div .a-box a .fa-caret-right{font-size:13px;}
.one .tab-pane > div .opacity{display: none;}

.two{padding:10% 0;}
.two h2{margin-bottom:8%;}
.two .scale-div{width:90%;height:300px;}
.two .scale-div .scale-img{left:-100%;top:-60%;}
.two div{width:90%;flex-direction:column;}
.two div p{width:100%;}
.two div p strong{font-size:15px;}
.two div p span{font-size:13px;}

.swiper-wrapper{background:#f6f6f6;}
.swiper{padding-bottom:30% !important;}
.three{padding:10% 0;width:90%;}
.three h2{margin-bottom:8%;}
.three .three-box{height:400px;padding:5%;background-size:contain;background-position:bottom right;background-repeat:no-repeat;background-color:#f6f6f6;}
.three > div div h5{font-size:13px;}
.three > div div h4{font-size:15px;}
.three > div div span{font-size:13px;}
.three > div div p{font-size:14px;}
.three > div div .a-box a{font-size:13px;}
.three > div div .a-box a .fa-caret-right{font-size:13px;}
.swiper-button-next, .swiper-button-prev{width:30px !important;height:30px !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{right:18% !important;}

.four .counter{width:80px;}

.video-out2{height:50vh;}
.video-out2 video{margin-left:-270%;margin-top:-120%;}
.video-out2 .cont{top:40%;}
.video-out .cont2 h2{font-size:28px;}

.more-a{font-size:13px;width:150px;height:35px;line-height:35px; position: relative; z-index:2;}

.counsel-btn{bottom:17.5%;width:45px;height:45px;line-height:45px;right:10px;font-size:25px; display: none !important;}
.counsel-btn i{font-size:25px;}

#sub0101 .sub0101-bg{width:100%;}
#sub0101 .sub0101-main{display:none;}
#sub0101 .sub0101-mobile{display:block;width:100%;}

#sub0101{height:fit-content;}
#sub0101 .sub0101-bg{position:relative;height:fit-content;}
.sub-section .sub-one{width:90%;left:5%;top:5%;margin-top:0;margin-bottom:0;position:absolute;}
.sub-section .tit p{flex-direction:column;padding-bottom:1%;}
.sub-section .tit p img{width:350px;}
.sub-section .tit p span{font-size:17px;margin-left:0;margin-top:3%;}
.sub-section .sub-one01,.sub-section .sub-one02,.sub-section .sub-one03,.sub-section .sub-one04{opacity:1;}
.sub-section .sub-one h3{font-size:22px;}
.sub-section .sub-one p{font-size:16px;width:100%;margin:10% 0;}
.mouse{display:none;}

#sub0201 .seven{display: block;width: 100%; height:100%;}
.seven .seven-left{position: relative; width:100%; text-align: left; padding-top: 10%; height:50vh;padding-left:5%;}
.seven .seven-left .seven-bg{width:100%;height:50vh;padding-bottom:0;}
.seven .seven-left div{margin-left: 0;}
.seven .seven-left h2.ml12{font-size: 42px;}
.seven .seven-left h2.ml12 .letter{font-size: 42px;}
.seven .seven-left span{font-size:22px;}
.seven .seven-right{width:90%;margin: 10% auto;}
.seven .seven-right>strong{font-size:calc(1.325rem + .9vw);}
.seven .seven-right>div{position:inherit; margin-top: 40px;width:100%;}
.seven .seven-right>div div.seven-right-in{position:inherit;}
.seven .seven-right>div div.seven-right-in h5{margin: 4% 0; font-size: 15px;}
.seven .seven-right>div div.seven-right-in p{font-size: 13px;word-break: break-all;}
.seven .seven-right>div:nth-child(odd){right: 0;}
.seven .seven-right>div:nth-child(even){left:0;}
.seven .seven-right .vision-icon-box img{width:100%;}

.shop-main-img{display:none;}
.shop-mobile-img{display:block;height:50vh;width:100%;}
.shop-main-slider-top .sub-tit{left:5%;top:70%;width:100%;}
.shop-main-slider-top .sub-tit p img{width:300px;}
.shop-main-slider-top .sub-tit p span{display:none;}

.shop-menu{flex-wrap:wrap;padding:0 !important; width:100% !important;        overflow: visible !important;}
.shop-menu li{width:25% !important;border-right:1px solid #e2e2e2; border:1px solid #e2e2e2;height:80px !important; border-radius:0 !important;}
/*.shop-menu li:first-child{border-radius:0;width:25%;}*/
/*.shop-menu li:last-child{border-radius:0;width:25%;}*/
.shop-menu li.active{border-radius:0;  border: 2px solid #2a609d !important;}
.shop-menu li{border-right:1px solid #e2e2e2 !important;}
.shop-menu a > div{height:50px !important;}
.shop-menu a > div img{width:60%;margin:0 auto;}
.shop-menu a span{font-size:14px !important;}
.item-btn a{font-size: 13px !important;}
.notice-wrap{flex-wrap:wrap;}
.notice-wrap a{/*display: none !important;*/width: 100% !important;margin-top: 30px !important; line-height: 35px !important;font-size: 13px !important;height: 35px !important;border:1px solid #3e2b2c;}
.notice-wrap a:hover{border:1px solid #3e2b2c;}
.notice-wrap a i {padding-left: 5px;font-size: 13px;}

.notice-wrap2{width:100%; display: flex;}
.notice-wrap a{/*display: none !important;*/width: 100% !important;margin-top: 30px !important; line-height: 35px !important;font-size: 13px !important;height: 35px !important;border:1px solid #3e2b2c;}
.notice-wrap a:hover{border:1px solid #3e2b2c;}
.notice-wrap a i {padding-left: 5px;font-size: 13px;}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 11px rgba(255, 255, 255, 0); 
  }
}
.container.shop-con{max-width:90%;--bs-gutter-x:0;padding-right:0;padding-left:0;}
.product-list-10{margin-left:0 !important;margin-right:0 !important;justify-content:space-between; width:100% !important;}
.product-list-10 .item-list-wrap{width:48% !important;margin:5% 0 !important;padding:0 !important;}
.product-list-10 .product-img{height:100%;margin:10px 0;}
.product-list-10 .item-list .product-description{padding:0 !important;}
.product-list-10 .product-description .product-info{font-size:13px !important;line-height:1;}
.product-list-10 .product-description .product-name a{font-size:15px !important;line-height:1;}
.product-list-10 .product-description .line-through{font-size:13px !important;}
.product-list-10 .product-description .title-price{font-size:14px !important;}

.product-wrap{flex-direction:column;}
.product-wrap .product-left{width:100%;position:relative;height:fit-content;padding:20px;}
.product-wrap .product-right{width:100%;padding:50px 20px 0;}
.product-wrap .product-left .product-title{align-items:flex-start;flex-direction:column;}
.product-wrap .product-left .product-title .product-name{margin-bottom:3%;}
.product-wrap .product-left .product-title .product-name strong{font-size:22px;}
.product-wrap .product-left .product-price p{font-size:16px;}
.product-wrap .product-left .product-price span{font-size:16px;}
.product-wrap .product-left .product-price > strong{font-size:20px;}
.product-wrap .product-left .text-gray{font-size:16px;}
.product-wrap .product-left .notice{font-size:12px;}
.product-wrap .product-right .slick-slide{width:33% !important;}
.product-wrap .product-right .price-txt h2{font-size:22px;}

#sit_hhtml .price-txt{margin-top:60px;}
#sit_thtml .price-txt{margin-top:60px;}
#sit_thtml table tr:first-child td p{font-size:12px;}
#sit_thtml table tr td p span{font-size:12px !important;font-family:'SUITE Variable', sans-serif !important;}
#sit_thtml .car-info-wrap2 tr:first-child td p{font-size:12px;}
#sit_thtml .car-info-wrap2 tr td p span{font-size:12px !important;font-family:'SUITE Variable', sans-serif !important;}

/* .board-tit{position:relative;}
.board-tit::after{content:'';display:inline-block;position:absolute;width:90%;height:1px;background:#cecece;left:0;top:100%;} */
.board-tit img{width:220px;}
.board-write{width:90%;}
.board-view{width:90%;}
.board-view .board-view-subj{/*padding:20px 0 0 20px;*/padding:20px 0 0 0;}
.board-view .board-view-info{/*padding:20px !important;*/padding:0px !important;}
.board-view .board-view-star .star-ratings-view{margin-right:0 !important;}
.board-view .board-view-star .star-ratings-view li .rating-selected{font-size:11px !important;}
.board-view .board-view-info .info-box-top{/*width:210px;*/ width:70%;}
.board-view .board-view-info .info-box-bottom{}
.board-view .view-top-btn{display: flex;}
.board-view .board-view-con p:nth-child(1) span{font-size: 15px !important;}
.board-view .board-view-con p:nth-child(3) span{font-size: 17px !important;}
.board-view .board-view-con p:last-child span{font-size: 15px !important;}

.board-list{width:90%;}
.board-gallery .gallery-item, .board-gallery .gallery-sizer{width:100% !important;}
.board-gallery .gallery-item-in{border:1px solid #e5e5e5 !important;}

/* footer */
.footer{padding: 2.5rem 0;}
.footer .container{max-width:90%;}
.footer-top{margin-bottom: 40px; padding:0;}
.footer-nav{text-align: left;}
.footer-nav a{font-size: 16px;}
.footer-sns{display: block;}
.footer-sns div a{font-size: 15px;}
.footer-sns div{margin-bottom: 40px;}
.footer-sns div h4{margin-bottom: 0; font-size: 17px;}
.footer-sns div span{margin:10px 0; display: block;font-size: 15px;}
.footer-sns div a{margin-top: 0; text-align: center;}
.footer-cont-info .strong{display: block;}
.footer-cont-info br,.footer-cont-info span.info-divider{display: none;}
.footer-notice > div ul li span{display: block;width: fit-content;}
.footer-notice > div .ul2{margin-top: 10px;}
.footer-notice p{font-size: 15px;}
.footer-line-wrap{padding:2rem 0;}
.footer-sns div:last-child a{width:45px; height:45px;}
.footer-notice > div strong{font-size: 30px;}
.footer-cont-info span{display: block; font-size: 15px;}
.footer-notice > div ul li{font-size: 15px;}
.footer-notice span{font-size: 15px;margin-bottom:10px;}
.footer-notice > div ul li span{font-size: 15px;}
.footer-copyright{padding-top: 3rem;}
.footer-copyright img{height: 30px;}

.main-counsel.footer-counsel{height:auto;display: block;position: fixed;bottom: 0;left: 0;z-index: 15;width: 100%;margin: 0 auto; top: auto;transform: none;border-radius: 0px;
padding:0; background: #f1e3c4;}
.footer-counsel .counsel-wrap{width:90%; height: auto;}
.footer-counsel .eyoom-form .row{padding:3% 0;}
.footer-counsel .eyoom-form .row .col-3{width:33%; display: block; margin-left: 0;}
.footer-counsel .eyoom-form .row footer.col-3{width:100%;margin-bottom:0; border-right: none;}
.footer-counsel input[type=text], .footer-counsel input[type=number]{font-size:11px;padding:0 3px;}
.footer-counsel .eyoom-form button{font-size:13px;height:30px;}
.eyoom-form .input, .eyoom-form .select, .eyoom-form .textarea{margin-bottom:5px;}
.footer-counsel .eyoom-form .input{padding-left: 0; margin-left: 0;}
.footer-counsel .f-ml{margin-left: 0px;}
.footer-counsel .eyoom-form .input input{height:30px;}
.footer-counsel .eyoom-form .label{font-size: .9375rem;display:none !important;}

.footer-counsel .counsel-wrap{display: none;}
.footer-counsel .footer-btns{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;padding: 20px 0; height:90px;}
.footer-counsel .footer-btns a{font-size: 15px;width:48%;height:50px;border-radius:5px;background-color: #3e2b2c; color:#fff; text-align: center; line-height: 50px;}
.footer-counsel .footer-btns a span{color:#fff;}
.footer-counsel .footer-btns a:last-child{background: #fae100;color: #3e2b2c;font-weight: 600;}

}

@media (max-width:478px){
.sub-counsel{padding:6% 5% !important;}

.loading-logo .svg01{width:350px;}
  .loading-logo .svg01 .svg-text01 {
        font-size:5.3rem;
        letter-spacing: -2.3px;
        stroke-dasharray: 620px;
        -webkit-animation: stroke2 1s linear;
        animation: stroke2 1s linear
    }
	@keyframes stroke2 {
    0% {
        stroke-dashoffset: 620px
    }

    to {
        stroke-dashoffset: 0px
    }
}

.loading-logo .svg-wrap02 svg text {
        font-size:0.84rem;
		letter-spacing: -0.8px;
    }
}

@media (max-width:393px){
.video-out .cont h2{font-size:22px;width:95%;}
.header-wrap .header-left-mobile .top{bottom:0;}
    .product-wrap .product-left .notice {
        font-size: 11px;
    }

}
@media (max-width:414px){
	.seven .seven-right>div div.seven-right-in{width:352px;}
}

@media (max-width:393px){
.main-counsel.footer-counsel {top: auto;}
.counsel-btn{bottom:20%;}
.header-left-mobile .top{height: 100px;}
.video-out .cont h2{font-size:23px;width:95%;}
#sit_thtml .car-info-wrap2 tr td p span,#sit_ttml table tr td p span{font-size:11px !important;}
.footer-counsel input[type=text], .main-counsel input[type=number]{font-size:9px}
.footer-counsel .eyoom-form .input input{height:25px;}
.hd_pops{top: -570px !important;}

.video-out .banner .cont h3{font-size: 20px;}
.video-out .banner .cont h2{font-size: 22px;}
.video-out .banner .cont p span{font-size: 17px;}
.video-out .banner .cont p a{font-size: 24px;}


}

@media (max-width:375px){
.video-out .banner .cont h3{font-size: 20px;}
.video-out .banner .cont h2{font-size: 22px;}
.video-out .banner .cont p span{font-size: 17px;}
.video-out .banner .cont p a{font-size: 24px;}

.header-wrap .header-left-mobile .top{bottom:0;}
.header-left-mobile .top{bottom:0;}
.counsel-btn{bottom:21%;}
.kakaotalk{bottom:202px;}
    .hd_pops {
        top: -470px !important;
    }
.main-counsel.footer-counsel {top: auto;}	
.main-counsel{top:20%;}
.video-out video{margin-left:-240%;margin-top:-30%;}
.video-out .cont{top:70%;}
.video-out .cont h2{font-size:22px;}
.video-out .cont h3{font-size:20px;}

.video-out2 video{margin-left:-280%;margin-top:-140%;}
.video-out2 .cont{top:40%;}

.kick p{font-size:12px;}

.four .counter{width:64px;}

.sub-counsel .counsel-wrap .counsel-title p{font-size:12px;}

.seven .seven-left{position: relative; width:100%; text-align: left; padding-top: 10%; height:60vh;padding-left:5%;}
.seven .seven-left .seven-bg{width:100%;height:60vh;padding-bottom:0;}

.shop-mobile-img{display:block;height:60vh;width:100%;}

.product-wrap .product-left .notice{font-size:11px;}

.sub-section .tit p img{width:320px;}
.sub-section .sub-one h3{font-size:20px;}
.sub-section .sub-one p{font-size:15px;}

.main-counsel input[type=text], .main-counsel input[type=number]{font-size:9px}
.seven .seven-right>div div.seven-right-in{width:320px;}
}
@media (max-width:360px){
/*.video-out .banner .cont .cont-wrap{padding: 45px 20px;}*/
.footer-sns div a{font-size: 14px;}
.sub-section .sub-one p{font-size: 14px;}
#sit_thtml table td{padding:0;}
.board-view .board-view-info .info-box-top{width:191px;}
.seven .seven-right>div div.seven-right-in{width:313px;}
}