@charset "utf-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%; position: relative; font-family: "Spoqa Han Sans Neo",sans-serif; color: #000000;}
/* body{background-color: #dcdcdc;} */

section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: white;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
button, i{color: #000;}
.swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #fff;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-prev, .swiper-button-next{position: relative; width: auto; left: 0; right: 0; top: 0; bottom: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.italy{font-style: italic;}
.dash-list li{position: relative; padding-left: 0.6em;}
.dash-list li::after{position: absolute; top: 0; left: 0; content: "-";}

.dot-list li{position: relative; padding-left: 0.6em;}
.dot-list li::after{content: ""; display: block; position: absolute; top: 0.55em; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #e2a676;}
.m-delete{display: inline !important;}
.fadeY.m-delete{display: block !important;}

/*해더*/
/* .main-body-container .hd .btn-wrap{opacity: 0; pointer-events: none; transition: 0.6s;}
.main-body-container .hd.fixed .btn-wrap{opacity: 1; pointer-events: all;}

.main-body-container .hd .hd-top-info .hd-logo {left: 50%; transform: translateX(-50%); transition: 0.6s;}
.main-body-container .hd.fixed .hd-top-info .hd-logo {left: 0; transform: translateX(0%);} */
.hd{position: fixed; top: 0; left: 0; width: 100%; z-index: 15; pointer-events: none;}
.hd .hd-top-info{height: 145px; display: flex; align-items: center; }
.hd .hd-top-info .inner-con{ display: flex; justify-content: end; align-items: center; width: 100%;}
.hd .hd-top-info .hd-logo{position: absolute; pointer-events: all; left: 0;}
.hd .hd-top-info .btn-wrap .menu-btn .btn{transition: 0.6s; display: block;}
.hd .hd-top-info .hd-logo img{transition: 0.8s;}
.hd .hd-top-info .hd-logo .logo-black{opacity: 0;}
.hd .hd-top-info .hd-logo .logo-white{position: absolute; top: 0; opacity: 1;}

.hd .hd-top-info .btn-wrap{display: flex; pointer-events: all;}
.hd .hd-top-info .btn-wrap .sns-list{display: flex; align-items: center;}
.hd .hd-top-info .btn-wrap .sns-list li{margin: 0 15px;}
.hd .hd-top-info .btn-wrap .sns-list li a.insta_btn i{font-size: 17px;}
.hd .hd-top-info .btn-wrap .sns-list li a i{color: white; transition: 0.6s; font-size: 15px;}

.hd .hd-top-info .fixed-menu-wrap{display: flex; align-items: center; margin-right: 15px;}
.hd .hd-top-info .fixed-menu-wrap .menu-wrap{display: flex; align-items: center;}
.hd .hd-top-info .fixed-menu-wrap .menu-wrap li{margin-right: 30px;}
.hd .hd-top-info .fixed-menu-wrap .menu-wrap li a{font-size: 18px; font-family: "Lato",sans-serif; font-weight: 300; transform: skewX(-9deg); color: white; transition: 0.4s; display: block;}
.hd.fixed .hd-top-info .fixed-menu-wrap .menu-wrap li a{color: #010101;}
.hd .hd-top-info .fixed-menu-wrap .menu-wrap li a:hover{font-weight: 500; font-style: normal; transform: skewX(0);}
.hd .hd-top-info .fixed-menu-wrap .menu-wrap .sub-menu{display: none;}

.hd .hd-top-info .btn-wrap .menu-btn{position: relative; margin-left: 20px; cursor: pointer;}
.hd .hd-top-info .btn-wrap .menu-btn .btn-black{position: absolute; top: 0; left: 0; opacity: 0;}


.hd .hd-menu-container{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: center; background-color: rgba(0,0,0,0.9); opacity: 0; pointer-events: none; transition: 0.8s;}
.hd .hd-menu-container .menu-img-wrap{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; width: 50%; display: flex; justify-content: center; padding-top: 80px;}
.hd .hd-menu-container .menu-img-wrap .sns-list-wrap{position: absolute; bottom: 55px; right: 80px; display: flex; align-items: center; justify-content: center;}
.hd .hd-menu-container .menu-img-wrap .sns-list-wrap li{margin-left: 30px;}
.hd .hd-menu-container .menu-img-wrap .sns-list-wrap li i{color: white;}
.hd .hd-menu-container .main-menu-wrap{width: 50%; display: flex; align-items: center; justify-content: center;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap{width: 100%; padding-left: 150px; }
.hd .hd-menu-container .main-menu-wrap .menu-wrap > li{display: flex; flex-flow: column; align-items: flex-start; margin-bottom: 50px;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap > li > a{font-size: 40px; font-family: "Lato",sans-serif; font-weight: 200; transform: skewX(-8deg); transition: 0.2s;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap > li:hover > a{transform: skew(0); font-weight: 500;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap > li.on .sub-menu{padding-top: 20px;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.4s;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li{padding-bottom: 10px;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic;  display: flex; padding-left: 15px; transition: 0.1s;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a::before{content: "-"; display: block; margin-right: 0.2em;}
.hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a:hover{font-weight: 400; font-style: normal;}

.hd .hd-menu-container .main-menu-wrap .menu-btn{cursor: pointer; position: absolute; top: 50px; right: 75px;}


.hd.fixed .hd-top-info .hd-logo .logo-black{opacity: 1;}
.hd.fixed .hd-top-info .hd-logo .logo-white{opacity: 0;}
.hd.fixed .hd-top-info .btn-wrap .sns-list li a i{color: #000;}
.hd.fixed .hd-top-info .btn-wrap .menu-btn .btn-black{ opacity: 1;}
.hd.fixed .hd-top-info .btn-wrap .menu-btn .btn-white{ opacity: 0;}

.hd.on .hd-menu-container{opacity: 1; pointer-events: all;}

.black-header .hd .hd-top-info .hd-logo .logo-black{opacity: 1;}
.black-header .hd .hd-top-info .hd-logo .logo-white{opacity: 0;}
.black-header .hd .hd-top-info .btn-wrap .sns-list li a i{color: #000;}
.black-header .hd .hd-top-info .btn-wrap .menu-btn .btn-black{ opacity: 1;}
.black-header .hd .hd-top-info .btn-wrap .menu-btn .btn-white{ opacity: 0;}
.black-header .hd .hd-top-info .fixed-menu-wrap .menu-wrap li a{color: #000;}

.white-header .hd .hd-top-info .hd-logo .logo-black{opacity: 0;}
.white-header .hd .hd-top-info .hd-logo .logo-white{opacity: 1;}
.white-header .hd .hd-top-info .btn-wrap .sns-list li a i{color: #fff;}
.white-header .hd .hd-top-info .btn-wrap .menu-btn .btn-black{ opacity: 0;}
.white-header .hd .hd-top-info .btn-wrap .menu-btn .btn-white{ opacity: 1;}
.white-header .hd.fixed .hd-top-info .fixed-menu-wrap .menu-wrap li a{color: white;}

/*페이지 탑*/
.top-vdo-section{width: 100%; height: 100vh; overflow: hidden;}
.top-vdo-section .vdo-wrap{width: 100%; height: 100%;}
.top-vdo-section .vdo-wrap .vdo-img{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}

.top-vdo-section .vdo-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.top-vdo-section .vdo-wrap.vertical{height: 100%; width: 177.777vh;}
.top-vdo-section .vdo-wrap.horizon{width: 100vw; height: 62vw;}
.top-vdo-section .vdo-wrap.vertical{height: 100%; width: 177.777vh;}
.top-vdo-section .vdo-wrap iframe{width: 100%; height: 100%; }


.top-img-section{overflow: hidden;}
.top-img-section .top-vdo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.top-img-section .top-vdo::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.top-img-section .top-vdo.vertical{height: 100%; width: 177.777vh;}
.top-img-section .top-vdo.horizon{width: 100vw; height: 62vw;}
.top-img-section .top-vdo video{width: 100%; height: 100%;}

.top-img-section .top-img{width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center;} 
.top-img-section .top-img .tit-wrap{position: absolute; bottom: 125px; width: 100%; text-align: center;}
.top-img-section .top-img .tit-wrap h2{font-size: 50px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic; color: white;}

.top-img-section .top-half-img{height: 360px; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 30px 0; position: relative;}
.top-img-section .top-half-img .tit-wrap{position: absolute; bottom: 70px; color: white; width: 100%; text-align: center;}
.top-img-section .top-half-img .tit-wrap h2{font-size: 50px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic;}

.top-img-section .tap-menu{display: flex; align-items: center; justify-content: center; background-color: #000;}
.top-img-section .tap-menu .sub-menu{display: flex; align-items: center; justify-content: center; margin: 15px 0;}
.top-img-section .tap-menu .sub-menu li{ display: flex; align-items: center; font-size: 16px}
.top-img-section .tap-menu .sub-menu li::after{content: "|"; display: block; color: rgba(255,255,255,0.8); padding: 0 15px;}
.top-img-section .tap-menu .sub-menu li:last-of-type::after{content: ""; padding: 0;}
.top-img-section .tap-menu .sub-menu li a{color: #fff; ; font-family: "Lato",sans-serif; font-weight: 400;transition: 0.4s; transform: skewX(-8deg); display: block;}
.top-img-section .tap-menu .sub-menu li a:hover{font-weight: 600; font-style: normal; transform: skewX(0deg);}

/*메인*/
.main-contents-wrap .info-section .intro-container{height: 200vh;}
.main-contents-wrap .info-section .intro-container .contents-roller{height: 100vh; position: sticky; top: 0;}

.main-contents-wrap .info-section .intro-container .tit-wrap{position: absolute; top: 145px; left: 75px;  z-index: 2;}
.main-contents-wrap .info-section .intro-container .tit-wrap h2{font-size: 7vw; font-weight: 300; font-family: "Lato",sans-serif; font-weight: 500; line-height: 0.7;}
.main-contents-wrap .info-section .intro-container .img-wrap{width:calc(100% - 130px); height: calc(100% - 145px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.main-contents-wrap .info-section .intro-container .img-wrap .img{width: 100vw; height: 100%; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-position: center;}
.main-contents-wrap .info-section .intro-container .img-wrap .img.on{z-index: 2;}
.main-contents-wrap .info-section .intro-container .txt-wrap{position: absolute; width: 100%; bottom: 60px; left: 0; z-index: 5;}
.main-contents-wrap .info-section .intro-container .txt-wrap .txt{font-size: 18px; font-weight: 300; letter-spacing: -0.05em; line-height: 1.6; text-align: center;}
.main-contents-wrap .info-section .intro-container .txt-wrap  p{transition: 0.8s;}
.main-contents-wrap .info-section .intro-container .txt-wrap  p.txt2{ position: absolute; top: 0; left: 0; width: 100%; opacity: 0;}
.main-contents-wrap .info-section .intro-container .txt-wrap  p b{font-weight: 500;}

/* .main-contents-wrap .info-section .intro-container .contents-roller.on .txt-wrap .txt1{opacity: 0;}
.main-contents-wrap .info-section .intro-container .contents-roller.on .txt-wrap .txt2{opacity: 1;} */

.main-contents-wrap .history-container{padding-top: 225px;}

.main-contents-wrap .history-container .tit-wrap{ font-family: "Lato",sans-serif; padding-left: 13vw; margin-bottom: 125px;}
.main-contents-wrap .history-container .tit-wrap h2{font-size: 6.8vw; font-weight: 500; letter-spacing: -0.025em;}
.main-contents-wrap .history-container .tit-wrap h3{font-size: 5.2vw; font-weight: 300; font-style: italic; letter-spacing: -0.025em;}
.main-contents-wrap .history-container .img-contain{display: flex; align-items: flex-start; }
.main-contents-wrap .history-container .img-contain .img-wrap{margin-right: 2.6vw;}
.main-contents-wrap .history-container .img-contain .img-wrap1{width: 40.35%;}
.main-contents-wrap .history-container .img-contain .img-wrap2{width: 25%; margin-top: -135px;}
.main-contents-wrap .history-container .img-contain .img-wrap3{width: 25%; margin-top: -240px;}
.main-contents-wrap .history-container .img-contain .img-wrap .img{margin-bottom: 2.6vw;}
.main-contents-wrap .history-container .img-contain .img-wrap .img img{display: block; width: 100%;}
.main-contents-wrap .history-container .img-contain .img-wrap .img video{width: 100%; display: block;}
.main-contents-wrap .history-container .img-contain .img-wrap .txt{padding-left: 13vw;}
.main-contents-wrap .history-container .img-contain .img-wrap .txt p{font-size: 18px; font-weight: 300; letter-spacing: -0.05em; line-height: 1.6; margin-bottom: 15px;}



.main-contents-wrap .product-container{overflow: hidden;}
.main-contents-wrap .product-container .tit-wrap{ font-family: "Lato",sans-serif; display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; padding-top: 200px; margin-bottom: 95px;}
.main-contents-wrap .product-container .tit-wrap h2{font-size: 6.8vw; font-weight: 500; letter-spacing: -0.025em; line-height: 1;}
.main-contents-wrap .product-container .tit-wrap h3{font-size: 5.2vw; font-weight: 300; font-style: italic; letter-spacing: -0.025em; margin-bottom: 20px;}
.main-contents-wrap .product-container .tit-wrap p{font-size: 18px; font-weight: 300; letter-spacing: -0.05em; font-family: "Spoqa Han Sans Neo",sans-serif; line-height: 1.6;}
.main-contents-wrap .product-container .tit-wrap p b{font-weight: 500;}
.main-contents-wrap .product-container .product-preview-wrap{width: 130%; margin-left: -15%; position: relative; pointer-events: none;}

.main-contents-wrap .product-container .product-preview-wrap .swiper-slide{display: flex; flex-flow: column; align-items: center; justify-content: center; padding: 0 50px; margin-top: 10vw; transition: 0.5s; background-color: transparent;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .img{pointer-events: all; width: 80%;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .img img{display: block; width: 100%;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list{margin-top: 50px; opacity: 0; transition: 0.8s;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list li{display: flex; line-height: 1.6;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list li h5{font-size: 16px; font-family: "Lato",sans-serif; letter-spacing: -0.01em; font-weight: 300; font-style: italic; min-width: 9em;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list li p{font-size: 16px; font-family: "Lato",sans-serif; letter-spacing: -0.01em; font-weight: 400;}

.main-contents-wrap .product-container .product-preview-wrap .swiper-slide.swiper-slide-active{margin-top: 0;}
.main-contents-wrap .product-container .product-preview-wrap .swiper-slide.swiper-slide-active .txt-list{opacity: 1;}

.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .product-preview-line{width: 100%; height: 100%; display: block;}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap{position: absolute; top: 37%; left: 50%; transform: translate(-50%,-50%); width: 45vw; display: flex; justify-content: space-between; align-items: center;}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn{width: 60px; height: 60px; border: 1px solid #0d0d0d; border-radius: 50%; background-color: white; cursor: pointer; pointer-events: all;}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn i{font-size: 32px; color: #0d0d0d;}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn.prev{transform: rotate(-15deg);}
.main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn.next{transform: rotate(15deg);}

/*SUB1 - CARNITURE STORY*/
.story-contents-wrap .info-section .info-container .info-slide-wrap .swiper-slide{height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center;}
.story-contents-wrap .info-section .info-container .txt-wrap{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 5; text-align: center; color: white; pointer-events: none;}
.story-contents-wrap .info-section .info-container .txt-wrap .tit {font-size: 100px; font-weight: 200; font-family: "Lato"; letter-spacing: -0.025em; font-style: italic; margin-bottom: 70px;pointer-events: all;}
.story-contents-wrap .info-section .info-container .txt-wrap .tit b{font-weight: 500; font-style: normal; margin-right: 0.2em;}
.story-contents-wrap .info-section .info-container .txt-wrap .txt{pointer-events: all;}
.story-contents-wrap .info-section .info-container .txt-wrap .txt p{font-size: 16px; font-weight: 300; letter-spacing: -0.025em; margin-bottom: 10px; line-height: 1.6;}
.story-contents-wrap .info-section .info-container .txt-wrap .txt p b{font-weight: 500;}

.story-contents-wrap .info-section .info-container .slide-btn-wrap{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 5;}
.story-contents-wrap .info-section .info-container .slide-btn-wrap .inner-con{display: flex; align-items: center; justify-content: space-between; width: 100%; }
.story-contents-wrap .info-section .info-container .slide-btn-wrap .btn{cursor: pointer; pointer-events: all;}
.story-contents-wrap .info-section .info-container .slide-btn-wrap .btn i{color: rgba(255,255,255,0.5); font-size: 22px;}

/*SUB2 - TABLE*/
.intro-section{padding-bottom: 120px;}
.intro-section .bg{height: 650px; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 60px;}
.intro-section .table-wrap{margin-top: 50px;}
.intro-section .txt{text-align: center; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; color: white;}
.table-contents-wrap .intro-section .bg .txt{text-align: center; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; color: white;}
.table-contents-wrap .product-nav-list{position: absolute; width: 100%; max-width: 815px; bottom: 35px; display: flex; justify-content: space-between; align-items: center;}

.table-contents-wrap .product-nav-list li a{line-height: 2; font-size: 25px; font-weight: 200; letter-spacing: -0.025em; display: block;  transform: skewX(-4deg); transition: 0.6s;}
.table-contents-wrap .product-nav-list li a span{padding: 0 0.5em; }
.table-contents-wrap .product-nav-list li a::after{content: ""; display: block; width: 100%; height: 4px; background-color: white; transform: scaleX(0); transition: 0.6s;}
.table-contents-wrap .product-nav-list li a:hover::after{transform: scaleX(1);}
.table-contents-wrap .product-nav-list li a:hover{transform: skewX(0); text-shadow: 0px 0px 2px #fff;}
.table-contents-wrap .product-nav-list li.on a::after{transform: scaleX(1);}

.table-contents-wrap .info-wrap{display: flex; padding-bottom: 200px; padding-top: 100px;}
.table-contents-wrap .info-wrap .img-slide-wrap{width: 50%; overflow: hidden; background-color: #f9f9f9; position: relative;}
.table-contents-wrap .info-wrap .img-slide-wrap .swiper-slide{background-color: #f9f9f9; background-size: contain;}
.table-contents-wrap .info-wrap .img-slide-wrap .notice-txt{position: absolute; right: 20px; bottom: 35px; font-size: 16px; font-weight: 300; color: #888888; z-index: 5;}

.table-contents-wrap .info-wrap .txt-contents-wrap{width: 50%; padding-top: 90px; overflow: hidden;}
.table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap{margin-bottom: 60px; padding-left: 100px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h5{font-size: 20px; font-weight: 300; font-family: "Lato",sans-serif; font-style: italic; margin-bottom: 20px; color: #aeaeae;}
.table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h2{font-size: 100px; font-weight: 300; font-family: "Lato",sans-serif; font-style: italic; letter-spacing: -0.025em;}
.table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h2 b{font-weight: 500; font-style: normal;}

.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap{padding-left: 100px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic; color: #aeaeae; margin-bottom: 15px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li{display: flex; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; margin-bottom: 15px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li strong{font-weight: 500;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li b{font-weight: 500; min-width: 5.5em;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li .color-list{display: flex; flex-wrap: wrap; max-width: 455px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li .color-list li{font-size: 16px; font-weight: 400; font-family: "Lato",sans-serif; padding: 10px 20px; background-color: #f9f9f9; margin-right: 10px;}

.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .info1{margin-bottom: 45px;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .info2 p{font-size: 16px; font-weight: 500;}
.table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap{padding-bottom: 105px;}
.table-contents-wrap .info-wrap .thumb-img-wrap{display: flex;}
.table-contents-wrap .info-wrap .thumb-img-wrap .slide-btn-wrap{width: 100px;}
.table-contents-wrap .info-wrap .thumb-img-wrap .slide-btn-wrap .btn{width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative;}
.table-contents-wrap .info-wrap .thumb-img-wrap .slide-btn-wrap .btn i{color: #8c8c8c; font-size: 18px;}

.table-contents-wrap .info-wrap .thumb-img-wrap .slide-btn-wrap .btn.prev-btn::after{content: ''; display: block; width: 30px; height: 1px; background-color: #e5e5e5; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.table-contents-wrap .info-wrap .thumb-img-wrap .thumb-slide-wrap{width: calc(100% - 100px); overflow: hidden;}

.table-contents-wrap .info-wrap{position: absolute; width: 100%; top: 0; left: 0; opacity: 0; pointer-events: none; transition: 0.4s;}
.table-contents-wrap .info-wrap.on{opacity: 1; pointer-events: all;}
.table-contents-wrap .info-wrap1{position: relative;}


/*SUB3 - Custom Made*/
.custom-contents-wrap .intro-section .bg .txt{text-align: center; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; color: white;}
.custom-contents-wrap .intro-section .bg .txt b{font-weight: 500;}

.custom-contents-wrap .intro-section {padding-bottom: 120px;}
.custom-contents-wrap .intro-section .link-btn{position: absolute; bottom: 85px;}
.custom-contents-wrap .intro-section .link-btn .txt{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic; padding: 10px 15px; display: block;}
.custom-contents-wrap .intro-section .link-btn .txt b{font-weight: 500; font-style: normal;}
.custom-contents-wrap .intro-section .link-btn .line-wrap{width: 100%; height: 100%;}
.custom-contents-wrap .intro-section .link-btn .line-wrap .line{background-color: white; position: absolute;}
.custom-contents-wrap .intro-section .link-btn .line-wrap .line.line-bottom{bottom: 0; left: 0; width: 100%; height: 1px;}
.custom-contents-wrap .intro-section .link-btn .line-wrap .line.line-right{bottom: 0; right: 0; width: 1px; height: 100%;}
.custom-contents-wrap .intro-section .link-btn .line-wrap .line.line-top{top: 0; right: 0; width: 35%; height: 1px; transition: 0.3s;}
.custom-contents-wrap .intro-section .link-btn .line-wrap .line .arrow-line{width: 15px; height: 1px; background-color: white; position: absolute; bottom: 0; left: 0; transform: rotate(-45deg); transform-origin: left bottom;}

.custom-contents-wrap .intro-section .link-btn:hover .line.line-top{width: 100%;}

/*SUB4 - Look Book*/
.gallery-contents-wrap .info-section{padding-top: 240px; padding-bottom: 300px;}
.gallery-contents-wrap .info-section .tit-wrap{text-align: center; padding-bottom: 70px;}
.gallery-contents-wrap .info-section .tit-wrap h2{font-size: 50px; font-weight: 300; font-family: "Lato",sans-serif; font-style: italic;}

.gallery-contents-wrap .img-gallery-container {display: flex; height: 100vh;}
.gallery-contents-wrap .img-gallery-container .swiper-slide{cursor: pointer;}
.gallery-contents-wrap .img-gallery-container .swiper-slide .img{display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.gallery-contents-wrap .img-gallery-container .gallery-img-slide{ width: 76%;}
.gallery-contents-wrap .img-gallery-container .gallery-img-slide .swiper-slide{height: 100%;}

.gallery-contents-wrap .img-gallery-container .gallery-thumb-slide{width: 24%; overflow: hidden; padding:0 2.35vw; height: calc(100% + 15px);}
.gallery-contents-wrap .img-gallery-container .gallery-thumb-slide .swiper-slide{padding-bottom: 15px;}

/*SUB5 - Notice*/
.notice-contents-wrap .intro-section .bg .txt{text-align: center; font-size: 16px; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; color: white;}
.notice-contents-wrap .intro-section .bg .txt b{font-weight: 500;}


/*SUB5 - Directions*/
.map-contents-wrap .intro-section .bg .txt-list{text-align: center; font-size: 16px; letter-spacing: -0.025em; line-height: 1.6; color: white;}
.map-contents-wrap .intro-section .bg .txt-list li{display: flex; align-items: center;}
.map-contents-wrap .intro-section .bg .txt-list b{ font-weight: 500;}
.map-contents-wrap .intro-section .bg .txt-list .line{display: block; margin: 0 8px; font-weight: 300;}
.map-contents-wrap .intro-section .bg .txt-list p{font-weight: 300;}
.map-contents-wrap .map-box{margin-top: 50px;}

/*SUB6 - Inquiry*/
.inquiry-contents-wrap .btn-list-wrap{position: absolute; bottom: 80px; display: flex; align-items: center; justify-content: center;}

.inquiry-contents-wrap .btn-list-wrap li{margin: 0 20px;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn{position: relative;}

.inquiry-contents-wrap .btn-list-wrap li .link-btn .txt{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 300; font-style: italic; padding: 10px 15px; display: block;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .txt b{font-weight: 500; font-style: normal;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap{width: 100%; height: 100%;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line{background-color: white; position: absolute;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line.line-bottom{bottom: 0; left: 0; width: 100%; height: 1px;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line.line-right{bottom: 0; right: 0; width: 1px; height: 100%;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line.line-top{top: 0; right: 0; width: 60%; height: 1px; transition: 0.3s;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line .arrow-line{width: 15px; height: 1px; background-color: white; position: absolute; bottom: 0; left: 0; transform: rotate(-45deg); transform-origin: left bottom;}
.inquiry-contents-wrap .btn-list-wrap li .link-btn:hover .line-wrap .line.line-top{width: 100%;}
/*푸터*/
.ft{background-color: #000;padding-bottom: 100px; position: relative; z-index: 5;}
.ft .inner-con{max-width: 1400px; margin: 0 auto; padding-top: 105px; }

.ft .ft-info{display: flex; flex-flow: column; align-items: center; justify-content: center; max-width: 820px; margin: 0 auto;}

.ft .ft-info1{border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 45px;}
.ft .ft-info1 .ft-logo{display: block; margin-bottom: 60px; width: 200px;}

.ft .ft-info2{ padding-top: 35px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.ft .ft-info2 h5{font-size: 23px; font-weight: 500; font-style: italic; letter-spacing: -0.01em; font-family: "Lato",sans-serif; color: white; display: flex; align-items: center; margin-bottom: 20px;}
.ft .ft-info2 h5 .ft-email::before{content: ""; display: block; width: 1px; height: 15px; background-color: rgba(255,255,255,0.2); margin: 0 20px;}
.ft .ft-info2 h5 span{display: flex; align-items: center;}
.ft .ft-info2 p{font-size: 14px; font-weight: 300; letter-spacing: -0.01em; color: #a9a9a9; display: flex; align-items: center;}
.ft .ft-info2 p span::before{content: ""; display: block; width: 1px; height: 15px; background-color: rgba(255,255,255,0.2); margin: 0 15px;}
.ft .ft-info2 p span:first-of-type::before{display: none;}
.ft .ft-info2 p span{display: flex; align-items: center;}

.ft .ft-info3{padding-top: 35px; padding-bottom: 100px;}
.ft .ft-info3 .ft-txt{color: #a9a9a9; display: flex; align-items: center; font-size: 14px; letter-spacing: -0.01em; margin-bottom: 10px;}
.ft .ft-info3 .ft-txt span::before{content: ""; display: block; width: 1px; height: 15px; background-color: rgba(255,255,255,0.2); margin: 0 15px;}
.ft .ft-info3 .ft-txt span:first-of-type::before{display: none;}
.ft .ft-info3 .ft-txt span{display: flex; align-items: center;}
.ft .ft-info3 .copyright{font-size: 12px; font-weight: 300; letter-spacing: -0.01em; color: #a9a9a9; margin-bottom: 20px;}
.ft .ft-info3 .copyright a{color: #a9a9a9;}
.ft .ft-info3 .login{font-size: 13px; font-weight: 300; letter-spacing: -0.01em; color: #a9a9a9;}
.ft .ft-info3 .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #a9a9a9;}

.ft .toTop-wrap {position: absolute; bottom: 0;}
.ft .toTop-wrap .btn-line{background-color: #1a1a1a; display: block;}

.ft .sns-wrap{display: flex;}
.ft .sns-wrap li a i{color: #a9a9a9;}
.ft .sns-wrap li{display: flex; align-items: center;}
.ft .sns-wrap li::after{content: ""; display: block; width: 1px; height: 13px; background-color: rgba(169, 169, 169, 0.2); margin: 0 20px;}
.ft .sns-wrap li:last-of-type::after{display: none;}

.ft .ft-nav .menu-wrap{display: flex;  margin-bottom: 30px;}
.ft .ft-nav .menu-wrap li{margin: 0 12.5px;}
.ft .ft-nav .menu-wrap li a{font-size: 16px; font-weight: 400; font-family: "Lato",sans-serif; letter-spacing: -0.01em; color: #a9a9a9;}
.ft .ft-nav .sub-menu{display: none;}
.ft .toTop-wrap{width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; pointer-events: none;}
.ft .toTop-wrap .btn-line{position: absolute; display: block;}
.ft .toTop-wrap .horizon-line{bottom: 0; width: 100%; height: 10px; background-color: rgba(255,255,255,0.1);}
.ft .toTop-wrap .vertical-line{bottom: 10px; right: 0; width: 10px; height: calc(100% - 10px); background-color: rgba(255,255,255,0.1);}
.ft .toTop-wrap .vertical-line .toTop{display: block; width: 10px; height: 25px; background-color: #000; position: absolute; top: 0; left: 0; transform: translateY(-100%); cursor: pointer; pointer-events: all;}
.ft .toTop-wrap .vertical-line .toTop::after{content: ""; display: block; width: 0px; height: 0px;  border: solid; border-color: transparent transparent #000 transparent; border-width: 0px 15px 30px 15px; position: absolute; top: -15px; left: 50%; transform: translate(-50%,-50%);}

.inner-con{max-width: 1770px; margin: 0 auto; position: relative;}

/*scroll-animation*/
.scroll-obj{transition: 1.8s; }
.scroll-obj.fade{opacity: 0;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.fadeXR{opacity: 0; transform: translateX(-30px);}
.scroll-obj.fade.on{opacity: 1;}
.scroll-obj.fadeY.on{opacity: 1; transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineY.on{transform: scaleY(1);}
.scroll-obj.maskUp{transform: translateY(1em);}
.scroll-obj.maskUp.on{transform: translateY(0);}
/* .img-mask{display: block; transform: translateY(100%); overflow: hidden; will-change: transform;}
.img-mask.on{transform: translateY(0);} */
.img-mask .img-roller{display: block; transform: translateY(100%); overflow: hidden; will-change: transform; width: 100%; transition: 1.8s;}
.img-mask.on .img-roller{transform: translateY(0);}
.img-mask img{transform: translateY(-100%); transition: 1.8s;will-change: transform; display: block;}
.img-mask.on img{transform: translateY(0%);}
.img-mask iframe{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on iframe{transform: translateY(0%);}
.img-mask video{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on video{transform: translateY(0%);}
.pic-img .img-button{opacity: 0; transition: 1.4s; z-index: 5; transition-delay: 0.4s;}
.pic-img .img{opacity: 0; transform: translateY(30px); transition: 1.4s;}
.pic-img.on .img-button{opacity: 1;}
.pic-img.on .img{opacity: 1; transform: translateY(0px);}
.overflow-txt{overflow: hidden; display: block;}
.overflow-txt span{display: block; transform: translateY(1.2em); transition: 1.2s;}
.overflow-txt.on span{transform: translateY(0);}

.overflow-txt-rotate{overflow: hidden;}
.overflow-txt-rotate span{display: block; transform: translateY(1.8em) rotate(3deg); transition: 1.2s;}
.overflow-txt-rotate.on span{transform: translateY(0);}

.scroll-obj.clipX{clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0)}
.scroll-obj.on.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}

.scroll-obj.clipY{clip-path:inset(0 0 100% 0); -webkit-clip-path:inset(0 0 100% 0)}
.scroll-obj.on.clipY{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}

.split-txt span{opacity: 0; transition: 1.6s;}
.split-txt.on span{opacity: 1;}


.m-br{display: none;}
.m-map{display: none;}

.m-map{display: none;}
.m-price{display: none;}


@media all and (max-width: 1870px){
    .inner-con{width: calc(100% - 100px);}
    .hd .hd-top-info .inner-con{width: calc(100% - 100px);}
    .story-contents-wrap .info-section .info-container .slide-btn-wrap .inner-con{width: calc(100% - 100px);}
    .main-contents-wrap .history-container .img-contain .img-wrap .txt{padding-left: 100px;}
}
@media all and (max-width: 1400px){
    .hd.fixed .hd-top-info .fixed-menu-wrap .menu-wrap li a{font-size: 15px;}
    .hd .hd-top-info .fixed-menu-wrap .menu-wrap li{margin-right: 15px;}
    .hd .hd-top-info .hd-logo{width: 200px;}
    .hd .hd-top-info .hd-logo img{display: block; width: 100%;}
    .hd .hd-top-info .btn-wrap .sns-list li{margin: 0 5px;}
    .hd .hd-top-info .btn-wrap .menu-btn .btn{display: block; width: 100%;}
    .hd .hd-top-info .btn-wrap .menu-btn {width: 45px;}
    .hd .hd-top-info .fixed-menu-wrap{margin-right: 10px;}
    .hd .hd-menu-container .main-menu-wrap .menu-btn{width: 45px;}
    .hd .hd-menu-container .main-menu-wrap .menu-btn img{width: 100%; display: block;}
}
@media all and (max-width: 1200px){
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide .img{width: 100%;}
}

@media all and (max-width: 1024px){

    .main-contents-wrap .history-container .img-contain .img-wrap .txt{padding-left: 50px;}
    .hd .hd-top-info .inner-con{width: calc(100% - 50px);}
    .table-contents-wrap .product-nav-list{width: calc(100% - 100px);}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap{padding-bottom: 50px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h2{font-size: 32px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h5{font-size: 15px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li{font-size: 13px;}
    .table-contents-wrap .info-wrap .thumb-img-wrap .slide-btn-wrap .btn{height: 50px;}
}

@media all and (max-width: 900px){
    .inner-con{width: calc(100% - 50px);}
    .hd .hd-top-info .inner-con{width: calc(100% - 50px);}
    .hd .hd-top-info .fixed-menu-wrap{display: none;}
    .story-contents-wrap .info-section .info-container .slide-btn-wrap .inner-con{width: calc(100% - 50px);}
    .main-contents-wrap .history-container .img-contain{align-items: flex-end;}
    .main-contents-wrap .history-container .img-contain .img-wrap .txt{position: absolute; bottom: 0; transform: translateY(100%);}    
    .main-contents-wrap .history-container .img-contain .img-wrap .txt p{white-space: nowrap;}
    .main-contents-wrap .history-container .img-contain .img-wrap .txt p{font-size: 15px;}
    .main-contents-wrap .product-container .tit-wrap{padding-top: 250px;}
    .table-contents-wrap .info-wrap .img-slide-wrap{height: 50vw;}
    .table-contents-wrap .info-wrap .thumb-img-wrap{width: 50%; left: 0; top: 50vw; position: absolute; transform: translateY(100%);}
    .table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap{padding-left: 50px; margin-bottom: 40px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap{padding-left: 50px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li .color-list li{font-size: 14px;}
    .table-contents-wrap .info-wrap{padding-top: 50px;}
    .intro-section{padding-bottom: 50px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap{padding-left: 100px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap > li > a{font-size: 22px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu{height: auto; margin-top: 5px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap > li{margin-bottom: 15px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a{font-size: 14px;}
    .gallery-contents-wrap .info-section{padding-top: 100px; padding-bottom: 100px;}
    .gallery-contents-wrap .info-section .tit-wrap{padding-bottom: 25px;}
    .gallery-contents-wrap .info-section .tit-wrap h2{font-size: 32px;}
    .gallery-contents-wrap .img-gallery-container{flex-flow: column; height: auto;}
    .gallery-contents-wrap .img-gallery-container .gallery-img-slide{width: 100%;}
    .gallery-contents-wrap .img-gallery-container .gallery-img-slide .swiper-slide{height: 62vw;}
    .gallery-contents-wrap .img-gallery-container .gallery-thumb-slide{width: 100%; padding: 0; margin-top: 15px; height: 100%;}
    .gallery-contents-wrap .img-gallery-container .gallery-thumb-slide .swiper-slide{height: 22vw; padding: 0 2.5px;}

    .ft .ft-info3 .ft-txt{flex-flow: column;}
    .ft .ft-info3 .ft-txt span::before{display: none;}
}

@media all and (max-width: 700px){
    .top-vdo-section{height: 78vw;}
    .top-vdo-section .vdo-wrap.vertical{width: 142vw; height: 100%;}
    .top-vdo-section .vdo-wrap.horizon{width: 142vw; height: 100%;}
    
    .inner-con{width: calc(100% - 30px);}
    .hd .hd-top-info .inner-con{width: calc(100% - 30px);}
    .story-contents-wrap .info-section .info-container .slide-btn-wrap .inner-con{width: calc(100% - 30px);}
    .hd .hd-top-info{height: 60px;}
    .hd .hd-top-info .hd-logo{width: 125px;}    
    .hd .hd-top-info .btn-wrap .sns-list li{margin: 0 5px;}
    .hd .hd-top-info .btn-wrap .menu-btn{width: 40px; margin-left: 10px;}
    

    .hd .hd-menu-container .main-menu-wrap{width: 100%;}
    .hd .hd-menu-container .menu-img-wrap{display: none;}

    .hd .hd-menu-container .main-menu-wrap .menu-wrap{padding-left: 0px; display: flex; flex-flow: column; align-items: center; text-align: center;}
    .hd .hd-menu-container .main-menu-wrap .menu-btn{display: block; right: 15px; top: 15px; width: 40px;}
    
    .hd .hd-menu-container .main-menu-wrap .menu-wrap > li{align-items: center;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap > li > a{font-size: 18px; }
    .hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu{padding-left: 0px;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a{padding-left: 0; justify-content: center;}
    .hd .hd-menu-container .main-menu-wrap .menu-wrap .sub-menu li a::before{display: none;}

    
    .intro-section{padding-bottom: 30px;}
    .intro-section .bg{height: 250px; margin-top: 30px;}
    .intro-section .table-wrap{margin-top: 30px;}
    .top-img-section .top-img .tit-wrap h2{font-size: 32px;}
    .top-img-section .top-img .tit-wrap{bottom: 50px;}
    .top-img-section .top-img{height: 300px;}
    /* .top-img-section .top-vdo.vertical{width: 100%; height: 100%;} */
    .story-contents-wrap .info-section .info-container .info-slide-wrap .swiper-slide{height: 500px;}

    .top-img-section .top-half-img{height: 280px;}
    .top-img-section .top-half-img .tit-wrap{bottom: 25px;}
    .top-img-section .top-half-img .tit-wrap h2{font-size: 32px;}
    .top-img-section .tap-menu .sub-menu{margin: 10px 0;}
    .top-img-section .tap-menu .sub-menu li::after{padding: 0 10px;}
    .top-img-section .tap-menu .sub-menu li{font-size: 14px;}
    .notice-contents-wrap .intro-section .bg .txt{font-size: 14px;}
    
    
    .main-contents-wrap .info-section .intro-container .txt-wrap{bottom: 42px;}
    .main-contents-wrap .info-section .intro-container .contents-roller{height: 80vh; top: 10vh;}
    .main-contents-wrap .info-section .intro-container .txt-wrap .txt{font-size: 12px; letter-spacing: -0.1em;}
    .main-contents-wrap .history-container{padding-top: 25px;}
    .main-contents-wrap .history-container .tit-wrap{padding-left: 15px; margin-bottom: 50px;}
    .main-contents-wrap .history-container .tit-wrap h2{font-size: 32px;}
    .main-contents-wrap .history-container .img-contain .img-wrap .txt{ padding-left: 15px;}
    .main-contents-wrap .history-container .img-contain .img-wrap .txt p{font-size: 13px; margin-bottom: 10px;}
    .main-contents-wrap .product-container .tit-wrap p{font-size: 13px;}

    .main-contents-wrap .product-container .tit-wrap{margin-bottom: 50px; padding-top: 200px;}
    .main-contents-wrap .product-container .tit-wrap h3{margin-bottom: 15px;}
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide{padding: 0 10px;}
    .main-contents-wrap .product-container .product-preview-wrap{width: 220%; margin-left: -60%;}
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list{margin-top: 15px;}    
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list li h5{font-size: 14px;}
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide .txt-list li p{font-size: 13px;}
    .main-contents-wrap .product-container .product-preview-wrap .swiper-slide .img{width: 80%;}
    .main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap{width: 83vw; top: 40%;}
    .main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn{width: 40px; height: 40px;}
    .main-contents-wrap .product-container .product-preview-wrap .product-btn-wrap .slide-btn-wrap .btn i{font-size: 20px;}
    .story-contents-wrap .info-section .info-container .txt-wrap{padding: 0 30px;}
    .story-contents-wrap .info-section .info-container .txt-wrap .tit{font-size: 32px; margin-bottom: 25px}
    .story-contents-wrap .info-section .info-container .txt-wrap .txt p{font-size: 13px;}

    .custom-contents-wrap .intro-section .link-btn{bottom: 15px;}
    .map-contents-wrap .intro-section .bg .txt-list{font-size: 13px;}
    .intro-section .txt{font-size: 13px;}
    .inquiry-contents-wrap .btn-list-wrap li .link-btn .txt{font-size: 14px; padding: 5px 7.5px;}
    .inquiry-contents-wrap .btn-list-wrap li .link-btn .line-wrap .line .arrow-line{width: 10px;}
    .inquiry-contents-wrap .btn-list-wrap{bottom: 15px;}
    
    .table-contents-wrap .product-nav-list{bottom: 15px;}
    .table-contents-wrap .product-nav-list li a{font-size: 13px;}
    .table-contents-wrap .intro-section .bg .txt{font-size: 12px;}
    .custom-contents-wrap .intro-section{padding-bottom: 50px;}
    .custom-contents-wrap .intro-section .link-btn .txt{padding: 5px 7.5px;}
    .custom-contents-wrap .intro-section .link-btn .line-wrap .line .arrow-line{width: 10px;}
    
    .table-contents-wrap .info-wrap{flex-flow: column; padding-top: 25px; padding-bottom: 80px;}
    .table-contents-wrap .info-wrap .img-slide-wrap{width: 100%; height: 88vw;}
    .table-contents-wrap .info-wrap .txt-contents-wrap{width: 100%; padding-top: 30px;}
    .table-contents-wrap .info-wrap .img-slide-wrap .notice-txt{font-size: 12px; bottom: 15px;}
    .table-contents-wrap .info-wrap .thumb-img-wrap{display: none;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap{padding-left: 15px; margin-bottom: 20px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap{padding-left: 15px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .tit-wrap h5{font-size: 13px; margin-bottom: 10px; }
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap h5{font-size: 16px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li{font-size: 12px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .txt-list li .color-list li{padding: 5px 10px; font-size: 13px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .info1{margin-bottom: 20px;}
    .table-contents-wrap .info-wrap .txt-contents-wrap .txt-wrap .info2 p{font-size: 15px;}
    .table-contents-wrap .product-nav-list li a::after{height: 2px;}

    .map-contents-wrap .map-box{margin-top: 25px;}
    .custom-contents-wrap .intro-section .bg .txt{font-size: 13px;}
    .m-br{display: block;}
    .pc-br{display: none;}

    .ft{padding-bottom: 50px;}
    .ft .ft-nav{display: none;}
    .ft .ft-info{flex-flow: column;}
    .ft .ft-info1{padding-bottom: 15px;}
    .ft .sns-wrap li::after{margin: 0 15px;}
    .ft .sns-wrap li a i{font-size: 14px;}
    .ft .ft-info2 h5{flex-flow: column; font-size: 20px; margin-bottom: 15px;}
    .ft .ft-info2 h5 .ft-email::before{display: none;}    
    .ft .ft-info2 p{font-size: 13px; flex-flow: column;}
    .ft .ft-info2 p span::before{display: none;}
    .ft .inner-con{padding-top: 35px;}
    .ft .ft-info1 .ft-logo{width: 150px; margin-bottom: 45px;}
    .ft .toTop-wrap .horizon-line{height: 5px;}
    .ft .toTop-wrap .vertical-line{bottom: 5px; height: calc(100% - 5px); width: 5px;}
    .ft .toTop-wrap .vertical-line .toTop{width: 5px; height: 15px;}
    .ft .toTop-wrap .vertical-line .toTop::after{top: -10px; border-width: 0px 10px 20px 10px;}
    .ft .ft-info3{padding-bottom: 35px; padding-top: 25px;}
    .ft .ft-info3 .copyright{text-align: center;}
    .pc-map{display: none;}
    .m-map{display: block;}
}