/*-------------------------------------------------------------*/
/*                               메인                          */
/*-------------------------------------------------------------*/
#mainPage {padding:0; margin:0;}

/*-------------------------메인비주얼-------------------------*/
.device {position:relative; width:100%; height:480px; padding:0; margin:0; overflow:hidden;}
.device .arrow-wrap a {position:absolute; z-index:997; left:50%; top:0; width:80px; height:100%; text-align:center; margin-left:-800px; background:transparent url(/_img/main/slide-arrow-left.png) center no-repeat;}  
.device .arrow-wrap a.arrow-right {left:auto;right:50%; margin-left:0; margin-right:-800px; background-image:url(/_img/main/slide-arrow-right.png);}
.device .arrow-wrap a i {font-size:30px; color:#004376; margin-top:210px;}
.device .arrow-wrap a:hover i {color:#fff;}

.device .bn_pg {position:absolute; z-index:997; left:0; text-align:center; bottom:40px; width:100%; border:none; line-height:13px; }
.device .bn_pg:hover {border:none; }    
.device .swiper-pagination-switch {display:inline-block;width:10px;height:10px;border-radius:50%;background:#444444;opacity:0.5;margin:0 4px;cursor:pointer;transition:all 0.3s;}    
.device .swiper-active-switch {width:25px;opacity:1.0;border-radius:25px;}
    
.device .swiper-container {position:relative; width:100%; height:480px; padding:0; margin:0;}
.device .swiper-slide {position:relative; width:100%; display:block; overflow:hidden;}
.device .swiper-slide img {position:relative; margin:0; padding:0; left:50%; transform:translateX(-50%);}	

.sw01 .swiper-slide {background:#e4e4e4;}
.sw01 .text {position:absolute;left:50%;top:50%;transform:translate(-550px,-50%);display:block;}
.sw01 .text h1 {position:relative;display:block; font-size:47px; line-height:1.5; color:#000; letter-spacing:-0.5px; margin-bottom:10px;}
.sw01 .text h1:before {content:"";position:absolute;top:22px;right:-77px;width:97px;height:43px;background:url("../_img/main/mv_poster.png") no-repeat;} 
.sw01 .text h2 {display:block;font-size:16px;line-height:1.5;color:#7b787d;margin-bottom:40px;}
.sw01 .text a {display:inline-block;color:#756e7b;font-size:13px;line-height:1.5;border:1px solid #afa0b5;border-radius:3px;padding:8px 20px;}

.sw02 .swiper-slide {background:#e4e4e4;}
.sw02 .text {position:absolute; left:50%; top:50%; transform:translate(-550px,-50%);display:block;}
.sw02 .text h1 {position:relative;display:block; font-size:47px; line-height:1.5; color:#000; letter-spacing:-0.5px; margin-bottom:10px;}
.sw02 .text h1:before {content:"";position:absolute;top:22px;right:-77px;width:97px;height:43px;background:url("../_img/main/mv_poster.png") no-repeat;} 
.sw02 .text h2 {display:block;font-size:16px;line-height:1.5;color:#7b787d;margin-bottom:40px;}
.sw02 .text a {display:inline-block;color:#756e7b;font-size:13px;line-height:1.5;border:1px solid #afa0b5;border-radius:3px;padding:8px 20px;}

/*------------------------대표카테고리-------------------------*/

#mainPage .mCate {position:relative; padding:70px 0;}
#mainPage .mCate .mcate-title {display:block;font-size:30px;line-height:1;color:#333;font-weight:normal; letter-spacing: -0.01em; text-align: center;}
#mainPage .mCate .mcate-title span {color:var(--major-color); }

/*상품리스트*/
.mCate-list {position:relative; width:100%;}
.mCate-list ul {display: flex; width:100%; margin-top:70px; justify-content: space-between}
.mCate-list ul li {width:23%;}
.mCate-list ul li a {display: inline-block;}
.mCate-list ul li .img {display:inline-block;width:100%;overflow:hidden;border-radius:3px; float:left; transition: 0.1152s;}
.mCate-list ul li:hover .img {box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
.mCate-list ul li .img img {width:100%; height:auto;}
.mCate-list ul li .cont {display:inline-block; width:100%; padding:20px 10px;text-align:left;}
.mCate-list ul li .cont .title {display:block;font-size:18px; font-weight:normal;color:#333;line-height:1;margin-bottom: 16px;}
.mCate-list ul li .cont p {margin-bottom:26px; font-size:13px;line-height:21px;color:#888;font-weight:300;}


/*------------------------신상품 베스트상품-------------------------*/

#mainPage .mGoods {padding:70px 0; background:#f6f7fb;}
#mainPage .mGoods + .mGoods {background:transparent;}

#mainPage .mGoods .mgoods-title {display:block;font-size:30px;line-height:1;color:#333;font-weight:400; margin-bottom:70px; text-align: center;}
#mainPage .mGoods .mgoods-title span {color:var(--major-color);}

/*상품리스트*/
.mGoods-list ul {display: inline-flex; width:100%; flex-wrap: wrap; padding:0 30px;}
.mGoods-list ul li {position:relative; float:left; background:#fff; border-radius:3px; overflow: hidden; transition: 0.3s; width:calc((100% - 90px) / 4); margin-right:30px;}
.mGoods-list ul li:last-child {margin-right:0;}
.mGoods-list ul li:hover {box-shadow:2px 2px 3px rgba(0,0,0,0.1);}

.mGoods-list ul li .pod-img {display:block; width:100%; padding-bottom:70%; background-size:cover; background-position: center;}
.mGoods-list ul li .pod-name {display:block; padding:30px 15px;}
.mGoods-list ul li .pod-name .ttl {display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1;color:#333;margin-bottom:20px; font-weight: 300;}
.mGoods-list ul li .pod-name small {display:block;font-size:12px;line-height:1;color:var(--major-color);font-weight: 300; text-decoration: underline;}

/*-------------------------------------------------------------
	메인 LineBanner          
-------------------------------------------------------------*/
.mLineBanner {position:relative; height:auto; background-position:left bottom; background-repeat:repeat-x;}


/*------------------------고객센터-------------------------*/

#mainPage .mCs {margin-top:30px; border:1px solid #ddd; overflow:hidden;}
.mCs > div {float:left; height:290px; border-right:1px solid #e0e0e0; padding:20px;}
.mCs > div:last-child {border-right:none;}
.mCs .cs-title {font-size:15px; line-height:20px; color:#333; font-weight:bold; padding-bottom:7px; margin-bottom:10px; border-bottom:1px solid #eeeeee;}

.mCs .cs01 {width:330px;}
.mCs .cs02 {width:384px; background:#555;}
.mCs .cs04 {width:384px;}

.mCs .cs-table {}
.mCs .cs-table li {font-size:12px; color:#777; line-height:24px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*.mCs .cs-table li:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f105"; font-size:11px; color:#feb300; margin-right:5px;}*/
.mCs .cs-table li a {font-size:12px; color:#777; line-height:24px;  white-space:nowrap; }
.mCs .cs-table li a:hover {color:#5a3e26;}

.cs02 .cs-title { color:#fff;border-bottom:1px solid #666;}
.cs02 .tel {font-size:34px; font-weight:bold; font-family:OpenSans; letter-spacing:-0.5px; margin-bottom:5px;}
.cs02 .time {font-size:12px; font-family:OpenSans; color:#fff; line-height:18px; margin-bottom:20px; font-weight:normal;}
.cs02 .bank {font-size:12px; color:#fff; line-height:18px; margin-bottom:15px;font-weight:normal; min-height:36px;}
.cs02 .bank span:nth-child(1) {font-size:14px; color:#feb300; line-height:20px; font-weight:bold;padding-right:5px;}
.cs02 .bank span:nth-child(2){font-size:12px; color:#777; line-height:20px; font-weight:bold; padding-left:5px;}

.cs02 .cs-btn {text-align:center;}
.cs02 .cs-btn span {display:inline-block; border:1px solid #403d3d; background:#fff; line-height:40px; padding:0 10px; margin-left:-1px; font-size:13px;}
.cs02 .cs-btn span:nth-child(1) {border-top-left-radius:5px;border-bottom-left-radius:5px;} 
.cs02 .cs-btn span:nth-child(3) {border-top-right-radius:5px;border-bottom-right-radius:5px;} 


.cs04 li {text-align:center; padding:20px;}
.cs04 li.introduce {font-size:12px; min-height:66px; padding:0px; color:#333; line-height:22px; margin-bottom:12px;}
.cs04 .cs-btn {text-align:center;}
.cs04 .cs-btn span {display:inline-block; border:1px solid #e82e2e; line-height:40px; color:#403d3d; padding:0 14px; margin-left:-1px; font-size:13px;}
.cs04 .cs-btn span:nth-child(1) {border-top-left-radius:5px;border-bottom-left-radius:5px;} 
.cs04 .cs-btn span:nth-child(3) {border-top-right-radius:5px;border-bottom-right-radius:5px;} 
.cs04 .cs-btn span a {line-height:38px;}


/*-------------------------------------------------------------
	메인 Review          
-------------------------------------------------------------*/
.mReview {position:relative; padding:70px 0; text-align: center;}

.review_title {text-align: center; margin-bottom:40px;}
.review_title h1{font-size:22px; line-height: 1; font-weight: normal; color:#333;}
.review_title a {font-size:1em; line-height: 1; font-weight: inherit; color:inherit;}

.mReview ul {display: inline-block; width:100%; padding:0; margin:0; border-top:1px solid #333;}
.mReview ul li {display: inline-block; width:100%; border-bottom:1px solid #eee; padding:20px 160px; min-height: 160px; position: relative;}
.mReview ul li:hover {background-color:#f9f9f9;}
.mReview ul li .best_img {display: inline-block; width:120px; height: 120px; position: absolute; left:20px; top:50%; margin-top:-60px; background-color:#f2f4f7; background-position: center; background-size:contain; background-repeat: no-repeat;}
.mReview ul li .best_img.no_img {background-image:url(/_img/noimg_100.png)}
.mReview ul li .best_txt {font-size:12px; color:#555; font-weight: 100;}
.mReview ul li .best_txt .re_ttl {font-size:16px; color:inherit; display: block; color:#333; font-weight: normal; padding:10px 0;}
.mReview ul li .best_txt .con {display: block; margin-bottom:15px;}
.mReview ul li .best_txt .date {font-size:1em; line-height: 1; float:left;}
.mReview ul li .best_txt .date:after {content: ''; display: inline-block; width:1px; height:12px; background-color:#cecece; margin:0 10px; position: relative; top:2px;}
.mReview ul li .best_txt .user {font-size:1em; line-height: 1; float:left;}
.mReview ul li .best_star {display: inline-block; width:120px; height: 120px; position: absolute; right:20px; top:50%; margin-top:-60px; text-align: left; line-height: 120px; color:var(--main-color);}
.mReview ul li .best_star i + i {margin-left:2px;}
.mReview ul li .best_star > span {margin-left:2px;}

.mReview ul li.no_review {text-align: center; color:#999; line-height: 160px;}
.mReview ul li.no_review:hover {}

.mReview a.btn-more {display: inline-block; width:146px; height:40px; line-height: 38px; border:1px solid #eee; text-align: center; font-size:12px; color:#aaa; margin-top:40px; transition: 0.1152s ease-out;}
.mReview a.btn-more:hover {border-color:#ccc; color:#999; background-color:#fafafa;}