/* BASIC css start */
/* sec_inner */
.sec_inner {}
.sec_inner .sec_title {display:flex; align-items:center; padding-right:20px; margin-bottom:20px;}
.sec_inner .sec_title h2 {font-size:24px; font-weight:600; flex:1; }
.sec_inner .sec_title a {text-align:right; font-size:14px; font-weight:500; color:#666;}
.sec_inner .sec_title a img {width:14px; margin-top:-2px;}

/* sec1 */
#sec1{margin-bottom: 40px}
#sec1 .swiper{}
#sec1 .swiper>ul{}
#sec1 .swiper>ul>li{}
#sec1 .swiper>ul>li>a{display:block; width:100%}
#sec1 .swiper>ul>li>a>img{width: 100%;}
#sec1 .swiper .btn_wrap{position: absolute; z-index: 4; bottom: 21px;right:40px; display: flex; width:86px;}
#sec1 .swiper .btn_wrap .swiper-pagination {background-color: rgba(0,0,0,.5); border-radius: 25px; width:50px; color: #fff; line-height: 26px; position:static; margin-right:10px;}
#sec1 .swiper .btn_wrap .control_btn {position:relative;}
#sec1 .swiper .btn_wrap .control{position:absolute; left:0; top:0; display:none;}
#sec1 .swiper .btn_wrap .control.on {display:block;}
#sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%;background-color: rgba(0,0,0,.4);}
#sec1 .swiper .btn_wrap .control a img{width:10px;}
#sec1 .swiper .btn_wrap .pause_btn.control a img{width:8px;}
#sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(0px); opacity: 1;}
#sec1 .swiper ul li.swiper-slide-active .txt_area a.more{transform: translateY(0px); opacity: 1;}
#sec1 .swiper ul li .txt_area{overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left:0; padding-left:6%; max-width:95%}
#sec1 .swiper ul li .txt_area>*{transform: translateY(-25px);}
#sec1 .swiper ul li .txt_area p{opacity: 0; line-height: 1.3;}
#sec1 .swiper ul li .txt_area p.big{transition: all .6s;transition-delay: .1s;margin-bottom: 8px;}
#sec1 .swiper ul li .txt_area p.sub{  font-weight: 500; transition: all .6s; margin-bottom: 17px; transition-delay: .37s;}
#sec1 .swiper ul li .txt_area a.more{opacity: 0; transition-delay: .6s;}

/* sec2 */
#sec2 {padding: 0 30px; margin-bottom:40px;}
#sec2 ul {font-size: 0;}
#sec2 ul li {display: inline-block; text-align:center; vertical-align: top; width: 20.25%; margin: 0 6.3% 6.3% 0;}
#sec2 ul li.list_coupon {position:relative;}
#sec2 ul li.list_coupon:after {content:''; display:inline-block; background:url(//skin.makeshop.co.kr/skin/potato/img/new_icon.png)no-repeat center; width:34px; height:21px; background-size:cover; position:absolute; left:50%; top:-10px; margin-left:-17px; animation: up-down 1.4s infinite ease-in-out alternate;}
#sec2 ul li:nth-child(4n) {margin-right:0;}
#sec2 ul li a img {width: 100%;}
#sec2 ul li a p {margin-top:10px; font-size:12px;}

/* sec3 */
#sec3 {padding-left:20px;}

/* sec4 */
#sec4 .sec_inner .sec_title {padding-left:20px;}
#sec4 .sec4_bg {padding:55% 0 0 30px; background: #E8DFD6 url(//skin.makeshop.co.kr/skin/potato/img/bg_img.png)no-repeat 95% 40%; background-size: 40% auto; position:relative;}
#sec4 .sec4_bg .txt_box {position:absolute; left:30px; top:40px;}
#sec4 .sec4_bg .txt_box .txt1 {font-size:20px; font-weight:100; line-height:24px;}
#sec4 .sec4_bg .txt_box .txt2 {font-size:32px; font-weight:300; line-height:38px;}
#sec4 .sec4_bg .txt_box .txt3 {font-size:16px; font-weight:100; padding-top:15%;}
#sec4 .sec4_cont {margin:-20% 0 0 20px;}

/* sec5 */
#sec5 {padding:0 20px; overflow: hidden;}
#sec5 .sec_inner .sec_title {padding-right:0;}

/* sec6 */
#sec6 {}
#sec6 img {width:100%;}

/* sec7 */
#sec7 {padding-left:20px;}
#sec7 .sec_inner .sec_title {margin-bottom:30px;}
#sec7 .item_tab {margin-bottom:12px;}
#sec7 .item_tab li {display: inline-block; font-size:14px; border: 1px solid #000; padding: 12px 18px; margin-right: 8px; margin-bottom:8px; text-align: center; border-radius:30px; cursor:pointer;}
#sec7 .item_tab li.on {background:#000; color:#fff;}

/* sec8 */
#sec8 {padding:0 20px;}
#sec8 .title h2 {font-size: 24px; font-weight: 600; line-height:1;}
#sec8 .title p {font-size: 14px; font-weight: 400; padding:13px 0 18px; line-height:1.4;}
#sec8 .sec8_cont > div {overflow:hidden;}
#sec8 .sec8_cont .prd1 {margin-bottom:60px;}

/* sec9 */
#sec9 {padding-left:20px;}
#sec9 .video {}
#sec9 .video img {width:100%;}
#sec9 .video .tit {font-size:16px; font-weight:600; padding:15px 0;}
#sec9 .list_box {display:flex;}
#sec9 .list_box .thumb {width:33.5%;}
#sec9 .list_box .info {flex:1; padding-left:12px; padding-top:0;}
#sec9 .item_list .info .prdname {color:#666; font-size:13px; font-weight:400; }
#sec9 .item_list .info .prdprice {margin-bottom:12px;}
#sec9 .item_list .info .prdprice b {display:none;} 
#sec9 .item_list .info .prdprice .price {font-weight:600;}



@media (max-width:450px){
    #sec4 .sec4_bg .txt_box {top:10%;}
    #sec4 .sec4_bg .txt_box .txt1 {font-size:16px;}
    #sec4 .sec4_bg .txt_box .txt2 {font-size:26px; line-height:1.2;}
    #sec4 .sec4_bg .txt_box .txt3 {padding-top:10%;}
    
}






.main_banner {
	font-size: 0;
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 5px;
}
.main_banner .main_banner_inner {
	font-size: 0;
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
.main_banner .main_banner_inner img {
	width: 100%;
}
.main_banner .main_banner_inner:last-child {
	margin-bottom: 0;
}
.product-wrap {
	margin: 0 auto;
	position: relative;
	width: 95%;
}
.cateTit {
	padding-top: 30px;
	padding-bottom: 15px;
	line-height: 1;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 22px;
	position: relative;
	text-align: center;
	color: #121212;
}
ul.grid2 {
	/*display: table;*/
	width: 100%;
	margin: 0;
	font-size: 0;
	line-height: 0;
}
ul.grid2 li {
	width: 50%;
	display: inline-block;
	margin: 0 0 0 0;
	color: #747474;
	vertical-align: top;
}
ul.grid2 li .box {
	margin: 5px 5px 12px 5px;
	border: 1px solid #ededef;
}
ul.grid2 li:nth-child(2n+1) .box {
	margin-left: 0;
}
ul.grid2 li:nth-child(2n) .box {
	margin-right: 0;
}
ul.grid2 li .box .thumbnail {
	position: relative;
	text-align: center;
	/* width: 100%; */
	/* height: 100%; */
	margin: 0 auto;
}
ul.grid2 li .box .thumbnail img {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
ul.grid2 li .box .description {
	margin: 0 auto;
	position: relative;
	padding: 13px 10px;
	font-size: 12px;
	line-height: 1.2em;
	background: #fff;
	text-align: left;
	letter-spacing: -0.25px;
	text-align: center;
	border-top: 1px solid #ededef;
}
ul.grid2 li .box .description .name a {
	color: #747474;
	font-size: 12px;
	line-height: 1.6em;
	padding-bottom: 2px;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 100;
}
ul.grid2 li .box .description .price {
	font-size: 12px;
	color: #747474;
	margin-top: 5px;
	position: relative;
	letter-spacing: -0.25px;
	font-family: 'lato', sans-serif;
	font-weight: 400;
}
ul.grid2 li .box .description .price span {
	color: #151515;
	font-weight: 700;
	margin-right: -1px;
	font-size: 14px; 
}
ul.grid2 li .box .description .price strike {
	padding-bottom: 5px;
	display: block;
}
ul.grid2 li .box .description ul li {
	width: 100%;
	color: #747474;
}
.more {
	margin-top: 0;
}
button.btn_more {
	width: 95%;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	display: block;
	margin: 0 auto;
	border: 1px solid #e1e1e4;
	color: #575555;
	letter-spacing: -0.25px;
}
.fixedBnnr {
	position: relative;
	width: 100%;
	width: 100%;
	margin: 30px 0 0;
}
.fixedBnnr .inner img {
	width: 100%;
}






.youtube {
    width: 100%;
    margin: 0 auto;
   
} 

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
   /* padding-top: 25px;*/
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 




/*메인 공통 레이아웃*/
.main_ban_wrap {
	margin-top: 50px;
	text-align: center;
}
.main_ban_wrap.best {
	border-bottom: 1px solid #eee;
	padding-bottom: 45px;
}
.main_ban_wrap h2 {
	font-family: 'NanumSquare', sans-serif;
	font-size: 18px;
	padding-bottom: 0;
	font-weight: 800;
	letter-spacing: -1px;
	color: #000;
}
.main_ban_wrap > div {
	margin-left: 10px;
	letter-spacing: 0px;
	word-spacing: 0px;  /*width:105%;*/
	margin-bottom: 5px;
}
.main_ban_wrap > div a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}





.plan {
	margin-top: 25px;
}
.plan .planner li {
	margin: 30px 49px;
	vertical-align: top;
}
.plan .planner li a {
	display: block;
}
.plan .planner a img {
	width: 100%
}
.plan .planner .info {
	text-align: left;
	padding-top: 15px
}
.plan .planner .info h4 {
	font-size: 16px;
	color: #222222;
	letter-spacing: -1px;
}
.plan .planner .info h4 em {
	color: #5e605f;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
	font-family: 'Spoqa Han Sans';
	padding-left: 7px;
}
.plan .planner .info p {
	font-size: 14px;
	padding-top: 13px;
	line-height: 1.4;
	color: #b3b3b3;
}
.plan ul {
	margin: -40px 0;
	display: table;
}
.plan h2 {
	text-align: center;
	margin: 0;
	color: #51b378;
	font-weight: 900;
	letter-spacing: 1px;
	font-size: 19px;
}


/* BASIC css end */