/* BASIC css start */
/* 섹션 공통 */
section{margin-bottom:100px; width:100%; max-width: 850px; min-width: 320px; margin: 0 auto; margin-bottom: 60px;}
section .sec_inner{width:100%; margin: 0 auto; padding:0 3%}
section h2{font-family: 'Montserrat', serif;font-size: 26px; font-weight: 400;text-align: center;margin-bottom: 25px;}


/* sec1 */
#sec1{position: relative;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper-wrapper{width: 100%; }
#sec1 .swiper-slide{ width: 100%; }
#sec1 .swiper-slide img{width:100%;}

#sec1 .swiper-pagination-bullet{background-color:#fff !important; opacity:1 !important}
#sec1 .swiper-pagination-bullet-active{background-color:#000 !important; }

#sec1 .sec_notice {}
#sec1 .sec_notice li {background-color:#f2f2f2;  text-align:center;}


/* sec2 */
#sec2{}
#sec2 h2 {font-size:23px !important;}
#sec2 .sec2_cont{width: 100%;}
#sec2 .sec2_cont ul{width: 100%;}
#sec2 .sec2_cont ul li{ height: auto; width: 75%;}
#sec2 .sec2_cont ul li>div{width: 100%;}
#sec2 .sec2_cont ul li .img_sec{}
#sec2 .sec2_cont ul li .img_sec a{display: block; width: 100%;}
#sec2 .sec2_cont ul li .img_sec a img{width: 100%;}
#sec2 .sec2_cont ul li .info_sec{padding:25px 0px 10px; text-align: center; opacity: 0;transition:  opacity 1.3s,margin-top .5s; margin-top: 10px;}
#sec2 .sec2_cont ul li .info_sec.show{opacity: 1; margin-top: 0px;}
#sec2 .sec2_cont ul li .info_sec h3{font-family: 'Montserrat', serif; font-size: 17px; color: #000; margin-bottom: 10px;font-weight: 700;}
#sec2 .sec2_cont ul li .info_sec p{font-family: 'Noto Sans KR', sans-serif;font-weight: 400; font-size: 12px;color: #606060; line-height: 1.4; letter-spacing:-.3s}


/* sec3 */
#sec3{}
#sec3 ul{}
#sec3 ul li{}
#sec3 ul li a{display: block; width: 100%;}
#sec3 ul li a img{width: 100%;}

/* sec31 */
#sec31{}
#sec31 ul{}
#sec31 ul li{ text-align: justify; padding : 0 5%;}
#sec31 ul li img{width: 15%; display:inline-block;}
#sec31 ul li:after{content:""; display: inline-block; width: 100%; height: 0;}


/* sec4 */
#sec4 .swiper-pagination-bullet{background-color:#000 !important;}

/* sec5 */
#sec5{}
#sec5 h2{}
#sec5 .sec5_cont{width: 100%;}
#sec5 .sec5_cont .swiper{}
#sec5 .sec5_cont .swiper ul{width: 100%;}
#sec5 .sec5_cont .swiper ul li{ }
#sec5 .swiper_btn_prev{position: absolute; top: 50%; transform: translateY(-50%); left: 3%;z-index: 9;cursor: pointer;}
#sec5 .swiper_btn_prev img,#sec5 .swiper_btn_next img{transform: scale(.66)}
#sec5 .swiper_btn_next{position: absolute; top: 50%; transform: translateY(-50%); right: 3%;z-index: 9; cursor: pointer;}

/* sec6 */
#sec6 .item_list2 {margin-right: 0.05%; float: none; display: inline-block; vertical-align: top;}

/* sec7 */
#sec7{}
#sec7 h2{}
#sec7 .sec7_ban{width: 100%;}
#sec7 .sec7_ban ul{width: 100%;}
#sec7 .sec7_ban ul li{width: 100%;}
#sec7 .sec7_ban ul li a{display: block;width: 100%;}
#sec7 .sec7_ban ul li a img{width: 100%;}
#sec7 .swiper-pagination-bullet{background-color:#000 !important}


/* sec8 */
#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner h2{}
#sec8 .sec8_cont{ width: 100%;}
#sec8 .sec8_cont>div{ width: 100%;}
#sec8 .sec8_cont .sec8_L{}
#sec8 .sec8_cont .sec8_L .swiper{width: 100%;}
#sec8 .sec8_cont .sec8_L .swiper ul{width: 100%;}
#sec8 .sec8_cont .sec8_L .swiper ul li{width: 100%;}
#sec8 .sec8_cont .sec8_L .swiper ul li a{/*display: block;width: 100%;*/}
#sec8 .sec8_cont .sec8_L .swiper ul li p{display: block;width: 100%; padding:1% 10% 35px 10%;}
#sec8 .sec8_cont .sec8_L .swiper ul li p a{display: inline-block;}
#sec8 .sec8_cont .sec8_L .swiper ul li a img{width: 100%;}
#sec8 .sec8_cont .sec8_L .swiper .swiper_btn_prev{ position:absolute; top:50%; left: 3%;transform: translateY(-50%); z-index:4; cursor:pointer}
#sec8 .sec8_cont .sec8_L .swiper .swiper_btn_next{position:absolute; top:50%; right: 3%;transform: translateY(-50%); z-index:4; cursor:pointer}
#sec8 .swiper_btn_prev img,#sec8 .swiper_btn_next img{transform: scale(.66)}
#sec8 .sec8_cont .sec8_L .swiper .swiper-pagination{}
#sec8 .sec8_cont .sec8_L .swiper .swiper-pagination-bullet{background-color:#1b1b1b !important;}

#sec8 .sec8_cont .sec8_R{margin-top:50px}
#sec8 .sec8_cont .sec8_R ul{display:flex; flex-wrap:wrap; width:100%}
#sec8 .sec8_cont .sec8_R ul li{}




/* sec9 */
#sec9{}
#sec9 .sec9_ban{width: 100%;}
#sec9 .sec9_ban ul{width: 100%;}
#sec9 .sec9_ban ul li{width: 100%;}
#sec9 .sec9_ban ul li a{display: block;width: 100%;}
#sec9 .sec9_ban ul li a img{width: 100%;}
#sec9 .swiper .swiper-pagination-bullet{background-color:#fff !important;}


/* sec10 */
#sec10 .swiper-pagination-bullet{background-color:#000 !important;}


/* sec11 
#sec11{background-color: #000; padding:40px 0 50px}
#sec11 ul{width: 100%; }
#sec11 ul li{width:75%}
#sec11 ul li .photo{width:100%}
#sec11 ul li .photo a{display:block; width:100%}
#sec11 ul li .photo a img{width:100%}
#sec11 ul li .text{padding-top: 17px;opacity:0 ; transition: opacity 1s}
#sec11 ul li .text.show{padding-top: 17px;opacity:1}
#sec11 ul li .text h3{ font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700;color: #fff;}
#sec11 ul li .text p{margin: 4px 0 16px;font-family: 'Noto Sans KR', sans-serif; font-size: 9px;color: #939393;}
#sec11 ul li .text .view{ font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 500; color: #686868; text-decoration: underline;}
*/

/* sec12 */
#sec12{}
#sec12 .sec_inner{}
#sec12 .sec_inner>div{margin-bottom:30px; overflow:hidden;}
#sec12 .sec_inner>div h2{text-align: left;position: relative; margin-bottom:20px !important; vertical-align:bottom; padding-top:2px;}
#sec12 .sec_inner>div h2 a{font-size: 11px; position: absolute; right: 0; top: 50%;font-family: 'Montserrat', sans-serif; transform: translateY(-50%); font-weight:500}
#sec12 .sec_inner>div h2 a span{display:inline-block;)}
#sec12 .sec_inner>div h2 a span img{transform:scale(.7) translateY(3.6px); transform-origin:bottom; }
#sec12 .sec_inner>div ul{}


/* sec13 */
#sec13{}
#sec13 h2{}
#sec13 .sec13_cate{}
#sec13 .sec13_cate ul{text-align: center;display:flex; justify-content:space-between; padding:0 3%}
#sec13 .sec13_cate ul li{display: inline-block;}
#sec13 .sec13_cate ul li a{border-bottom: 2px solid #fff;  font-family: 'Montserrat', sans-serif; color:#bfbfbf; font-size: 11.6px; font-weight: 700; letter-spacing: -.3px; transition: color .5s, border-color .3s}
#sec13 .sec13_cate ul li.on>a{border-color:#000 !important; color: #000 !important;}
#sec13 .sec13_prd{margin-top:25px;}
#sec13 .sec13_prd>div{display: none;}
#sec13 .sec13_prd>div.show{display: block;}
#sec13 .sec13_prd>div .swiper{}
#sec13 .sec13_prd>div .swiper ul{}
#sec13 .sec13_prd>div .swiper ul li{}
#sec13 .sec13_prd>div .swiper ul li a{display: block;width: 100%;height:100%; overflow:hidden}
#sec13 .sec13_prd>div .swiper ul li a img{width: 100%; }
#sec13 .swiper_btn_prev img,#sec13 .swiper_btn_next img{transform: scale(.66)}
#sec13 .swiper_btn_prev{position: absolute; top: 50%; transform: translateY(-50%); left: 3%;z-index: 10;cursor: pointer;}
#sec13 .swiper_btn_next{position: absolute; top: 50%; transform: translateY(-50%); right: 3%;z-index: 10; cursor: pointer;}

#sec13 .sec13_sns{}
#sec13 .sec13_sns ul{text-align: center;}
#sec13 .sec13_sns ul li{display: inline-block; margin: 0 15px;}
#sec13 .sec13_sns ul li a{  border-bottom: 2px solid #fff;  font-family: 'Montserrat', sans-serif; color:#bfbfbf; font-size: 11.6px; font-weight: 700; letter-spacing: -.3px; transition: color .5s, border-color .3s}
#sec13 .sec13_sns ul li a:hover{border-color:#000 !important; color: #000 !important;}
#sec13 .sec13_sns ul li a img {width:1.5em; vertical-align: middle;}


/* sec14 */
#sec14{margin-bottom:100px}
#sec14 .sec_inner{}
#sec14 .sec14_L{}
#sec14 .sec14_L h2{text-align: left !important;line-height:1.1; margin-bottom:0 !important}
#sec14 .sec14_L p{font-family: 'Montserrat', sans-serif; font-size: 12px;color: #000; font-weight: 400; margin-top: 10px;}
#sec14 .sec14_R{margin-top:30px}



.tumb {position:relative; overflow:hidden;}
.tumb img {width:100%;}
.soldout_prd {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#e1e1e1; padding:5px 0; z-index:1; line-height:25px; width:100%;}
.soldout_prd p {text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:900; font-size:16px; color:#cc0205;}


.prod_icons img {width:15%;}
.blend_darken  { mix-blend-mode: darken; }

.eng_grey {color:#ccc;}





.tbl_cate_short td {padding:5% font-size:1em;}
.tbl_cate_short td h2 a {font-size:1em; }

.td_grey {background-color:#f6f6f6;}

.button {
  background-color: #1b1b1b;
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  
  margin: 4px 2px; vertical-align:20%;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 40%;}
.button6 {font-weight: bold; border-radius: 20px;}
.button7 {background-color: #eee; border-radius: 20px; margin-right: 6px; color:#1b1b1b; font-size: 14px;}
.button71 {background-color: #ccc; border-radius: 20px; margin-right: 6px; color:#000; font-size: 14px;}



.button8 {background-color: #ccc; border-radius: 20px; color:#1b1b1b; font-size: 1em;}
.button0 {background-color: #f2f2f2; border:none; color:#1b1b1b; font-size: 1em;}

/* 페북 동영상 */
.fbv {width:100%; margin:0 auto;}


.fbv-wrapper, .fbv-wrapper-sq, .fbv-wrapper-v {
    overflow: hidden;
    position: relative;
    height: 0;
    background-color:#000;
    margin-bottom:25px;
}
 
.fbv-wrapper {
    padding-bottom: 56.25%;
}

.fbv-wrapper-sq {
    padding-bottom: 100%;
}

.fbv-wrapper-v {
    padding-bottom: 177.77%;
}


.fbv-wrapper iframe, .fbv-wrapper-sq iframe, .fbv-wrapper-v iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}





/* BASIC css end */