/*-----------------------------------------------------------------
	메인슬라이드
--------------------------------------------------------------------*/

#mv_slide .swiper-container {position:relative;list-style:none;padding:0;z-index:1;}

#mv_slide .swiper-slide {position:relative; width:100% ; text-align:center;vertical-align:top; background-color: #fff;  }
#mv_slide .swiper-slide img {max-width:100%;border-bottom-left-radius:30px; border-bottom-right-radius: 30px;}

/*
#mv_slide .swiper-slide .banner_text {position:absolute;top:20px;right:-110px;font-size:14px;color:#fff;letter-spacing:1px;transform:rotate(90deg);width:400px;height:36px;text-align:left;-webkit-transition:all 0.3s 0.5s;-moz-transition:all 0.3s 0.5s;-ms-transition:all 0.3s 0.5s;-o-transition:all 0.3s 0.5s;transition:all 0.3s 0.5s;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;}
#mv_slide .swiper-slide-active .banner_text {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:183px;}

#mv_slide .swiper-slide .banner_ttl {position:absolute;top:50px;left:0px;font-size:42px; line-height: 52px; font-weight: lighter; color:#fff;letter-spacing:1px; width:700px;height:600;text-align:left;-webkit-transition:all 0.6s 1.0s;-moz-transition:all 0.6s 1.0s;-ms-transition:all 0.6s 1.0s;-o-transition:all 0.6s 1.0s;transition:all 0.6s 1.0s;filter:alpha(opacity=0);opacity:0;-moz-opacity:0; z-index: 2; text-shadow: 0px 0px 2px rgba(0,0,0,0.3)}
#mv_slide .swiper-slide-active .banner_ttl {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;left:160px;}

#mv_slide .swiper-mv-bg  {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 600px;background-color:#b5aeaa}
*/

#mv_slide .swiper-pagination {width: 100%; z-index:1; bottom:38px !important; }
#mv_slide .swiper-pagination-bullet {position:relative; top:20px; width:10px; height:10px; display:inline-block; border-radius:100%; background:rgba(0,0,0,0.5); opacity:1; border:1px solid #a9a9b3; vertical-align:middle; margin:0 5px !important; }
#mv_slide .swiper-pagination-bullet-active {opacity:1; background:transparent; width:12px; height:12px; margin:0 5px !important; border:1px solid #292d49; }

#mv_slide .swiper-button-next,
#mv_slide .swiper-button-prev {position:absolute;top:50%;left:auto;right:auto;display: block;width:33px;height:60px;margin-top:-30px;z-index:10;cursor:pointer;background-repeat:no-repeat;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;background-image:url("/_img/icons.png");background-size: auto;z-index: 9999; display: none;}

#mv_slide .swiper-button-prev {background-position:0 -42px;left: 0;}
#mv_slide .swiper-button-next {background-position:-33px -42px;right: 0;}
#mv_slide .swiper-button-prev:hover,
#mv_slide .swiper-button-next:hover {background-position-y: -102px;}

#mv_slide .banner_text,
#mv_slide .banner_ttl {display:none;}



/*-------------------------------------------------------------
	메인 퀵메뉴                    
-------------------------------------------------------------*/

#main-quickmenu {padding: 30px 10px 10px;overflow: hidden;}
#main-quickmenu li {padding: 0 10px;margin-bottom: 20px;}
#main-quickmenu li a {display: inline-block; width:100%; text-align: center; color:#000000; line-height: 1; font-size:14px;letter-spacing: -1px;}
#main-quickmenu li a .icon {position: relative; display: block;width: 100%;height: 0;padding-bottom: 100%;background-color: #f3f3f3;background-size: auto;background-position: center;background-repeat: no-repeat;border-radius: 10px;margin:0 auto;margin-bottom:15px;transition: all 0.3s;}
#main-quickmenu .icon img {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#main-quickmenu li a:hover .icon {background-color:#edf5f9;}
/*

*/

/*-------------------------------------------------------------
	메인페이지 공통                      
-------------------------------------------------------------*/
#mainPage {}

/* 메인페이지 타이틀 */
.m_title {position:relative;}
.m_title span {display:inline-block;background:#fff;border: 1px solid #f8c2b6;border-radius:50px;font-size:13px;line-height: 22px;color:#e8340c;padding:0 20px;margin-bottom: 10px;text-transform: uppercase;}
.m_title h1 {font-size: 24px;color:#333333;font-weight:400;letter-spacing:-0.5px;margin-bottom: 20px;}
.m_title h2 {font-size:13px;line-height: 23px;color:#999999;font-weight:300;letter-spacing:-0.5px;margin-bottom: 30px;}



/*-------------------------------------------------------------
	바로 제작하기                      
-------------------------------------------------------------*/
        
#mquick {position:relative;overflow:hidden;margin: 30px 10px;}
#mquick .m_title {text-align: center;}

#mquick .swiper-wrapper {position: relative;}
#mquick .swiper-slide img {width:100%; height:auto; border-radius: 3px;}

#mquick .banner_text {display:none;}
#mquick .banner_ttl {display:block; font-size: 15px; line-height: 25px; color: #333; text-align: center; padding: 10px 0;}

#mquick .swiper-slide img {transition: all 0.3s;}
#mquick .swiper-slide:hover img {transform: scale(1.05);}

.arrow-wrap {position:absolute;right:0;top:50%;width:100%;height: 39px;margin-top: -40px;}
.arrow-wrap a {position:absolute; left:0; display:block; width:39px; height:39px; background-image:url(/_img/arrow.png); background-position:left top; background-repeat:no-repeat; z-index:5;} 
.arrow-wrap a.arrow-right  {left:auto; right:0; background-position:right top;}
.arrow-wrap a:hover {background-position-y:-39px;}


/*-------------------------------------------------------------
	디자인소스                      
-------------------------------------------------------------*/
#mdesign {position:relative; overflow:hidden;margin: 30px 10px;}
#mdesign .m_title {text-align: center;}
#mdesign .m_title h2 {margin-bottom: 30px;}

.mdesign_tab {position: relative;text-align:center;padding-bottom: 20px;overflow: hidden;}
.mdesign_tab a {display:inline-block;width: auto; padding: 0px 10px;line-height: 28px;border: 1px solid #ddd;border-radius: 30px;color: #777777;font-size: 13px;margin: 0 5px 5px 0;}
.mdesign_tab a:hover {border: 1px solid #ccc; color: #333;}
.mdesign_tab a.on {border: 1px solid #e8340c;background: #e8340c;color: #fff;}

#mdesign .swiper-wrapper {position: relative;}
#mdesign .swiper-slide img {width:100%; height:auto; border-radius: 3px;}

#mdesign .banner_text {display:none;}
#mdesign .banner_ttl {display:block; font-size: 15px; line-height: 25px; color: #333; text-align: center; padding: 10px 0;}

#mdesign .swiper-slide img {transition: all 0.3s;}
#mdesign .swiper-slide:hover img {transform: scale(1.05);}




/*-------------------------------------------------------------
	한줄배너                     
-------------------------------------------------------------*/
#m_linebanner {position: relative; margin:40px 0px 60px 0px; }
#m_linebanner .lineBg {position: absolute;left: 0;bottom: 0;width: 100%;display: block;height: 100%;}
#m_linebanner > div {position: relative;}

#m_linebanner .lineCon {display: block;width:100%;}	
#m_linebanner .lineCon img {display: block;width:100%;}	


/*-------------------------------------------------------------
	베스트리뷰                        
-------------------------------------------------------------*/

#mreview {position:relative;  margin:50px 0px 0px 0px; overflow:hidden; padding:30px 10px 20px; background: url("/_img/mreview_bg.png") repeat;}

#mreview .m_title {display: block;text-align: left;margin-bottom: 30px;}
#mreview .m_title h1 {display:inline-block;vertical-align: middle;line-height: 22px;margin: 0;}
#mreview .m_title .more {position: absolute; right: 0; display:inline-block;vertical-align: middle;border-radius:20px;font-size:12px;line-height: 22px;color:#777777;padding:0 10px;border: 1px solid #dddddd;}
#mreview .m_title .more img {vertical-align: middle; margin-top: -3px;}


.review_list {position: relative;}

.review_list li {position:relative;padding: 10px;width: 100%;height: 142px;margin-bottom: 2%;border:none;float:left;transition:all 0.3s;background: #fff;}
.review_list li .re_img {position: absolute;left: 10px;top: 10px;width: 30%;height: 0;padding-bottom: 30%;background-color: #f9f9f9;box-sizing:border-box;display:block;overflow:hidden;background-size:cover;background-position:center;}
.review_list li .re_img.no_img {background-image:url('/_img/no_image.png'); background-repeat:  no-repeat; background-size:100%;}


.review_list li .re_txt {display:inline-block;width:100%;height: 100%;padding: 0;padding-left: 35%;box-sizing:border-box;float:left;bottom:0;background:#fff;overflow:hidden;}
.review_list li .re_txt > span {width:100%;display: block;font-size: 15px;color:#000;line-height: 24px;font-weight: 400;}
.review_list li .re_txt .re_ttl {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:bold;}
.review_list li .re_txt .re_name {font-size: 12px;color: #aaaaaa;}


.review_list li .re_txt .re_cnt {font-size: 13px;color: #777;line-height: 22px;margin-top: 5px;}


/* 메인에서만 푸터 상단 마진값 조정 */
#ft {margin-top:0px;}





/*-------------------------------------------------------------
       메인                          
-------------------------------------------------------------*-/

#mainPage {}

/* 각 섹션 타이틀 *-/
#mainPage .title {position: relative;display:inline-block;width:auto;margin: 30px auto;text-align: center;font-size: 22px;line-height: 1;padding: 10px; font-weight: 700;}
#mainPage .title:after {content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #e8340c;}


/* 대표상품 *-/
#main_goods {position: relative; padding:0;border-top: 1px solid #ddd;overflow: hidden; text-align: center;}

/* 한줄배너
#main_linebanner {display: block; margin:0px auto}
#main_linebanner a {display:block; width:100%; height:220px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
@media screen and (max-width:425px){
	#main_linebanner a {height: 120px;}	
}
@media screen and (max-width:320px){
	#main_linebanner a {height: 100px;}	
} *-/


/* 마이웹하드 *-/
#main_mywebhard {display: block; margin:0px auto; background: #fff; margin-top: 40px;}
#main_mywebhard a {display:block; width:100%; height:220px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
@media screen and (max-width:425px){
	#main_mywebhard a {height: 120px;}	
}
@media screen and (max-width:320px){
	#main_mywebhard a {height: 100px;}	
}

/* 신상품 *-/
#main_newlist {position: relative; padding:0;margin: 0; overflow: hidden; text-align: center;}

/* 인기상품 *-/
#main_bestlist {position: relative; padding:0;border-top: 1px solid #ddd;overflow: hidden; text-align: center; margin-top: 40px;}

/* 신상품, 인기상품 상품리스트 디자인 *-/
.mGoods-list ul {overflow: hidden;}
.mGoods-list ul li {width:50%;margin: 0;border:none;box-shadow: none;border: 2px solid #fff;box-sizing: border-box;}
.mGoods-list ul li .pod-img {width:100%;height:200px;box-sizing: border-box;}
.mGoods-list ul li .pod-name {font-weight: normal;padding: 10px 0;text-align: center;font-size: 15px;}

/* 메인에서만 푸터 상단 마진값 조정 *-/
#ft {margin-top:0px;}
*/