/** section 1 **/
.section1{cursor: default;}
.section1 .swiper-container {width: 100%; height: 92vh;} 
.section1 .swiper-slide {background-size: cover; background-repeat: no-repeat; background-position: center; } 
.section1 .swiper-slide .slide-cont-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; opacity: 0; transition: 1s;} 
.section1 .swiper-slide.swiper-slide-active .slide-cont-wrap {top: 50%; opacity: 1;} 
.slide-cont-wrap p,
.slide-cont-wrap a {color: #000; font-weight: 200;} 
.slide-cont-wrap .slide-product-name {font-size: 70px; margin-bottom: 30px; line-height: 1.2;  font-family: "Shippori Mincho B1", serif; border: 1px;} 
.slide-cont-wrap .slide-product-name span{font-size: 48px; font-family: "Shippori Mincho B1", serif;}
.slide-cont-wrap .slide-description{font-size: 20px; line-height: 1.6; font-weight: 300;} 
.link-wrap a{display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 50%; width: 90px; height: 90px; margin: 40px auto 0px; transition: all 0.3s; } 
.link-wrap a:hover{transform: scale(1.071);}
.link-wrap a img{max-width: 17px; display: block; margin-bottom: 10px;} 
.link-wrap span {display: block; font-size: 14px;} 

.section1 .swiper-pagination{bottom: 5vh} 
.section1 .swiper-pagination span{color: #000; font-size: 16px; font-weight: 300;} 
span.swiper-pagination-current{font-weight: 600;} 
.section1 .swiper-button-next,
.section1 .swiper-button-prev{background: none; color: #000; bottom: 4.1vh; width: auto; height: auto;} 
.section1 .swiper-button-prev {left: 46.3%;} 
.section1 .swiper-button-next {right: 46.3%;} 




/** section 2 **/
.section2{margin-top: 180px;} 
.section2 .sec-title {font-size: 40px; font-weight: 600; font-family: 'Nanum Gothic', sans-serif; text-align: center; } 
.section2 .main-products-wrap {margin: 80px auto 100px;}
.section2 .main-product {display: grid; grid-template-areas: ". ."; grid-auto-columns: 46.7%; gap: 80px; justify-content: center; align-items: center;}
.section2 .main-product#mainProduct1 {margin-bottom: 50px;}
.section2 .main-product-txt-box .main-product-info-wrap {margin-bottom: 50px;}

.section2 .main-product-name {font-size: 38px; font-weight: 500; margin-bottom: 35px;}
.section2 .main-product-desc {font-size: 18px; font-weight: 300; color: #333; margin-bottom: 70px;}
.section2 .main-product-txt-box span {display: inline-block; font-size: 18px; font-weight: 300; color: #333; position: relative; padding-bottom: 8px;}
.section2 .main-product-txt-box span::after {
    content: "";
    display: block;
    width: 0; height: 1px; background: #000;
    opacity: 0; 
    position: absolute; left: 50%; bottom: 0;transform: translateX(-50%);
    transition: ease-out 0.3s;
}
.section2 .main-products-wrap a:hover .main-product-txt-box span::after{opacity: 1; width: 100%;}
.section2 .main-product#mainProduct2 .main-product-txt-box {order: 2; text-align: right;}

.section2 .section2-circle a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; border: 1px solid #000; transition: all 0.3s;}
.section2 .section2-circle img{max-width: 17px; padding-bottom: 4px; display: block; margin: 0 auto;}
.section2 .section2-circle span{display: block; color: #000; font-size: 14px; margin-top: 5px; letter-spacing: 0}
.section2 .section2-circle a:hover{transform: scale(1.07);}



/** story-section**/
.story-section{
    margin-top: 140px;
    background: url(/img_/bg/main_brand_story.jpg) no-repeat center 70%;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    width: 100%; height: 570px; overflow: hidden;
    cursor: default;
}
.story-section::before {
    content: "";
    display: block;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.5);
}
.story-cont-wrap{width: 1200px; margin: 0 auto; position: relative; z-index: 2; text-align: center;}
.story-cont-wrap .story-sec-tit {color: #fff; font-size: 40px; font-weight: 600; letter-spacing: 0; margin-bottom: 40px; line-height: 1.6;}
.story-cont-wrap .story-txt {color: #fff; font-size: 18px; font-weight: 300; line-height: 1.6; margin-bottom: 80px;}

.story-section .story-circle a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; border: 1px solid rgba(255,255,255,0.7); transition: all 0.3s;}
.story-section .story-circle img{max-width: 17px; padding-bottom: 4px; display: block; margin: 0 auto;}
.story-section .story-circle span{display: block; color: rgba(255,255,255,0.7); font-size: 14px; margin-top: 5px; letter-spacing: 0}
.story-section .story-circle a:hover{transform: scale(1.07);}