/* 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:'Noto Sans KR', sans-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; }


/* sec2 */
#sec2{}
#sec2 h2{font-size:26px !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: 'Noto Sans KR', sans-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%;}




/* timesale */
#timesale {width:100%;margin:0 0 50px;}
#timesale .timesale {margin:0 2.5%;width:100%;display:inline-block;vertical-align:top;}
#timesale .timesale h3 {text-align:center;font-size:1.1rem;margin-bottom:10px;font-weight:bold;}
#timesale .timesale p {text-align:center;font-size:0.975rem;color:#999999;}
#timesale .timesale .time-icon {display:inline-block;vertical-align:middle;margin:0 10px 10px 0;line-height:50px;}
#timesale .timesale .time-icon img {width:20px;vertical-align:middle;}
.countdown-timer-wrapper {display:inline-block;margin:10px auto;width:100%;text-align:center;}
.countdown-timer-wrapper .timer {display:inline-block;text-align: center;line-height:50px;}
.countdown-timer-wrapper .timer .timer-wrapper {display: inline-block;width:35px; }
.countdown-timer-wrapper .timer .timer-wrapper .time {font-size:1.5em;font-weight: bold;color: #000;display: inline-block;text-align:center;}
.countdown-timer-wrapper .timer .timer-wrapper .text {font-size:1.5em;display: inline-block;color: #000;text-align:center;width:10px;}




/* 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;}


/* 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 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:#fff !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}
#sec12 .sec_inner>div h2{text-align: left;position: relative;margin-bottom:20px !important}
#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{display:none;}
#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{height:350px}
#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;}



/* 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}




.timesale h2 {
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -3px;
	color: #6b3590;
}
.timesale h2 img {
	padding-right: 15px;
}
.timesale p {
	color: #000;
}
.timesale p.subtit {
	font-size: 17px;
	padding-top: 20px;
	line-height: 1.7;
	color: #727272;
}
.timesale p.subtit font {
	font-size: 22px;
	color: #aaa;
	display: block;
	margin-bottom: -15px;
}
.timesale ul.prd-list {
	font-size: 16px;
	line-height: 1.8;
	padding-top: 80px;
	display: table;
    text-align: left;
}
.timesale ul.prd-list li {
	display: block;
	margin-bottom: 20px;
}
.timesale ul.prd-list li a {
	color: #000;
	width: 100% !important;
	background: #e7e7e7;
	text-align: center;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 300;
	border-radius: 30px;
}
.timesale ul.prd-list li.swiper-slide-thumb-active {
}
.timesale ul.prd-list li.swiper-slide-thumb-active a {
	background: #6b3590;
	color: #fff !important;
}
.timesale .info {

	text-align: left;

}
.timesale .info .pct {
    color: #6b3590!important;
    font-size: 20px;
    font-weight: bold;
    bottom: 14px;
    font-family: 'Lato';
    display: inline-block;
}
.timesale .info p.prd-name {
	color: #000;
    font-size: 18px;
    font-weight: normal;
}
.timesale .info p.prd-subname {
    color: #939393;
    padding-top: 8px;
    font-size: 14px;
    padding-bottom: 9px;
    font-weight: normal;
}

.timesale .info p.soldout{
    font-size: 20px;
    font-weight: 100;
    color: #ff0000;}

.timesale .l-side {
	display: inline-block;
	vertical-align: top;
}
.timesale .r-side {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
    padding-bottom: 13px;
}
.timesale .left {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.timesale .right {

	vertical-align: top;
	display: inline-block;
}

.timesale .right .prod {
}
.timesale .right .prod .thumb {

}

.timesale .right .prod #timer {
font-size: 35px;font-weight: bold;color: #000;display: inline-block;letter-spacing : -1px;text-align:left;

	height: 40px;
	line-height: 40px;
margin-left:10px;

}
.timesale em {
	font-size: 20px;
	font-weight: normal;
	color: #000
}
#timer em {
	color: #fff !important;
	font-weight: 500;
	font-size: 17px;
}
#displayTimeSale {
	display: inline-block;
}
#displayTimeSale .time {

}
.timesale p.prd-price {
	font-size: 21px;
	display: inline-block;
	font-weight: 100;
}
.timesale p.prd-price em {
	font-weight: normal;
	padding: 0 2px;
}
.timesale p.prd-consumer {
    padding-right: 6px;
    display: inline-block;
    color: #919191;
    font-size: 24px;
    margin-left: 5px;
    margin-top: 0;
}
.timesale p.dc {
    color: #6b3590;
    display: inline-block;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 800;
    float: right;
}















/* BASIC css end */