/* BASIC css start */
@charset "utf-8";

.section .sec_inner { padding:0 15px; margin:0 auto } 
.section h2 { font-size: 24px; color:#333333; font-weight:600; margin-bottom:30px; line-height: 1; } 
.allMore { display: block; width: 77px; border-radius: 50px; background-color: #1a1a1a; font-weight:600; line-height: 20px; height: 20px; font-size: 10px; font-weight: 300; color:#fff; text-align: center; margin: 0 auto;}
/* .allMore { display: block; width: 77px; border-radius: 50px; background-color: #1a1a1a; line-height: 20px; height: 20px; font-size: 13px; font-weight: 300; color: var(--black); text-align: center; margin: 0 auto;} */
#container { padding-top:0px !important } 



/* sec1 */
#sec1 { margin: 80px 0 0;}
#sec1 .swiper>ul>li { position: relative; width: 100%; } 
#sec1 .swiper>ul>li>a { display: block; width: 100%; } 
#sec1 .swiper>ul>li>a>img { width: 100%; } 
#sec1 .swiper>ul>li>.txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
#sec1 .swiper>ul>li>.txt>* { position: relative; left: -100px; opacity: 0; } 
#sec1 .swiper>ul>li>.txt.act>* { left: 0px; opacity: 1; } 
#sec1 .swiper>ul>li>.txt p.sub { letter-spacing: -.6px; margin-bottom: 10px; transition: left .5s, opacity .8s; font-family:'sofia-pro'; font-size: 13px; color: #ffffff; } 
#sec1 .swiper>ul>li>.txt h2 { letter-spacing: -.6px; transition: left .7s,opacity .8s; margin-left: -2px; font-family:'SUIT'; font-size: 25px; color: #ffffff; line-height:0.3; margin-top:15px } 
#sec1 .swiper>ul>li>.txt a { margin-top: 0px; transition: left 1s,opacity .8s; display: inline-block; color: #ffffff; font-family:'sofia-pro'; font-size: 14px; } 


/* sec2 */
#sec2 ul { display: flex; margin: 49px 0 74px;}
#sec2 ul li { width: 25%;}
#sec2 ul li a { display: flex; flex-flow: column; text-align: center; align-items: center;}
#sec2 ul li .img_wrap { width: 70px; height: 70px;}
#sec2 ul li a img { width: 100%;}
#sec2 ul li a span { font-size: 13px; font-weight: 400; letter-spacing: -0.5px; color: var(--black);}


/* sec3 */
#sec3 { margin-top:40px; width:100%; } 
#sec3 .sec3_top { display: flex; justify-content: space-between; align-items: center; margin-bottom:30px } 
#sec3 .sec3_top h2 { margin-bottom:0 } 
#sec3 .sec3_top .right { display:flex } 
#sec3 .prolist ul.swiper-slide { display:flex; flex-wrap:nowrap } 
#sec3 .prolist li .thumb { position:relative } 
#sec3 .items { display: flex; flex-wrap: wrap;}
#sec3 .item_list { overflow:hidden; } 
#sec3 .swiper-slide { width: 100% !important; }


/* sec4 */
#sec4 {margin: 25px 0 15px; background: var(--bg); overflow: hidden;}
#sec4 .lineBanner-wrap { display: flex; width: max-content;animation: marquee 45s linear infinite;will-change: transform; }
#sec4 .lineBanner-wrap span { margin-right: 30px; flex-shrink: 0; padding: 12px 0;}
#sec4 .lineBanner-wrap span img { display: block; }

/*
#sec4 {margin: 25px 0 15px; background: var(--bg); overflow: hidden;}
#sec4 .lineBanner-wrap { display: flex; width: max-content;animation: marquee 40s linear infinite;will-change: transform; }
#sec4 .lineBanner-wrap span { margin-right: 36px; flex-shrink: 0; padding: 12px 0;}
#sec4 .lineBanner-wrap span img { display: block;}
*/


@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}


/* sec5 */
#sec5 .item_wrap { padding: 0 15px;}
#sec5 .item:nth-child(2) { margin: 12px 0;}
#sec5 .item img { width: 100%;}


/* sec6 */
#sec6 { margin-top: 15px;}
#sec6 img { width: 100%;}


/* thankGoods */
#thankGoods { display: none;}
#thankGoods { width: 100%; position: relative; margin-top:65px } 
#thankGoods .bg { width: 100%; } 
#thankGoods .bg img { width: 100%; } 
#thankGoods .txt_cont .txt_inner { padding:35px 5% 45px } 
#thankGoods .txt_cont .txt_inner>* { font-family:'sofia-pro'; } 
#thankGoods .txt_cont .txt_inner p.tit { color: #000000; font-size: 14px; font-weight: 500; margin-bottom: 13px; } 
#thankGoods .txt_cont .txt_inner h3 { color: #000; font-size: 21px; font-weight: 700; margin-bottom: 30px; } 
#thankGoods .txt_cont .txt_inner p.cont { font-family:'SUIT'; color: #474747; font-size: 13px; line-height: 1.6; font-weight: 400; margin-bottom: 40px; } 
#thankGoods .txt_cont .txt_inner>a { color: #474747; font-size: 12px; display: block; } 
#thankGoods .swiper { padding-bottom:60px; padding-left:15px; padding-top:15px } 
#thankGoods .swiper ul.swiper-wrapper { display: flex; align-items: flex-end; } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide { padding: 0px 0px 40px; border-radius: 10px; overflow:hidden; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1); width:40% } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide .thumb { width: 100%; padding-bottom: 0px; transition: padding-bottom .3s; } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide .thumb a { display: block; width: 100%; text-align: center; } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide .info { padding-bottom:20px } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide .info p { text-align: center; justify-content:center; } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide .info p.prdname { font-family:'sofia-pro'; } 
#thankGoods .swiper ul.swiper-wrapper li.swiper-slide a.view_more { text-align: center; transition:color .2s; display: block; font-family: 'sofia-pro'; color:#474747; font-size:11px; font-weight:400 } 
#thankGoods .swiper-pagination { bottom: 20px; top: auto; background: none !important; } 
#thankGoods .swiper-pagination-progressbar { background-color:rgba(0,0,0,0.09); height:4px !important } 
#thankGoods .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#333 } 


/* StylingSec */
#StylingSec { display: none;}
#StylingSec { margin-top:75px } 
#StylingSec .sec_inner .StylingSec_cont ul li { width:70%; } 
#StylingSec .sec_inner .StylingSec_cont ul li a { display: block; width: 100%; } 
#StylingSec .sec_inner .StylingSec_cont ul li .thumb_img { width:100% } 
#StylingSec .sec_inner .StylingSec_cont ul li a .info { position: absolute; width: 100%; bottom: 0px; left: 0; padding:15px 12px; } 
#StylingSec .sec_inner .StylingSec_cont ul li a .info .inner { background-color: rgba(255,255,255,.7); transition: background-color .5s; padding: 25px 0 20px; } 
#StylingSec .sec_inner .StylingSec_cont ul li a .info .inner p { text-align: center; } 
#StylingSec .sec_inner .StylingSec_cont ul li a .info .inner p.brandname { font-family:'SUIT'; font-size: 20px; color: #000; font-weight: 700; margin-bottom: 15px; } 
#StylingSec .sec_inner .StylingSec_cont ul li a .info .inner p.txt { font-family:'SUIT'; font-size: 12px; color: #888888; font-weight: 500; } 


#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list { border:1px solid #aaaaaa; box-sizing: border-box; margin-top:-1px; display:grid; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl { padding:10px; width:100%; clear:both; display:flex; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl dt { display:inline-block; margin-right:10px; float:left; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl dt img { width:60px; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl dd { float:left; display:inline-block; valign:middle; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl dd .prd-name { padding-bottom:10px; } 
#StylingSec .sec_inner .StylingSec_cont ul .styling-item-li .styling-item-list dl dd .prd-name a { font-family:'sofia-pro'; color:#000000; font-size:14px; } 
#StylingSec .thumb-img { width:60px; display:inline-block; overflow:hidden; position:relative; } 
#StylingSec .swiper-pagination { bottom: 0px; top: auto; background: none !important; } 


/* 상품 이미지 슬라이드 공통 */
.thumb-img img { width:100%; } 
.thumb-img .swiper-pagination-bullet { width:5px; height:5px; opacity: 0.25;} 
.thumb-img .swiper-pagination-bullet-active { background:#333333; opacity: 1;} 
.thumb-img .list-type { width:60px; overflow:hidden; position:relative; } 
.people-wrap { position: relative; overflow: hidden; padding-bottom:50px; } 
.people-slide .swiper-wrapper { transition-timing-function: linear; } 
.people-slide .swiper-slide { width: 50% !important; margin: 0 1.5%; } 
.people-slide .swiper-slide img { width: 100%; } 

/* 풋터 */
#footer { margin: 0 !important;}
/* BASIC css end */