/*-------------------------------------------------------------
	메인 이미지                     
-------------------------------------------------------------*/

.device {position:relative; width:100%; height:451px; 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:7px; 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:451px; 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;}


/*-------------------------------------------------------------
	메인 바로가기배너                    
-------------------------------------------------------------*/
.mBanner {margin:40px 0 70px;}
.mBanner a,
.mBanner ul {position:relative;float:left;width:32.6%;margin-right:1.1%;box-sizing:border-box;display:block;border:1px solid transparent;background:transparent;padding:20px 40px;padding-left:140px;}
.mBanner ul:last-child {margin-right:0;} 
.mBanner .ban_ttl {display:block;font-size:18px;color:#000;}
.mBanner .ban_eng {display:block; font-size:10px; color:#cac0d0; text-transform:uppercase; letter-spacing:8px;margin-bottom:5px;}
.mBanner .ban_desc {display:block; font-size:12px; color:#999;}

.mBanner a:before,
.mBanner ul:before {content:"";position:absolute;left:40px;top:25px;display:block;width:60px;height:60px;margin:0 auto;background-image:url("../_img/main/icon_mbanner.png");background-repeat:no-repeat;background-position:0 center;}
.mBanner ul:nth-child(2):before {background-position-x:-60px}
.mBanner ul:nth-child(3):before {background-position-x:-120px}



/*-------------------------------------------------------------
	메인 시선집중 바로제작              
-------------------------------------------------------------*/
.mQuick {margin-bottom:40px; }
.mQuick .m_title {display:block;font-size:30px;line-height:1;color:#333;font-weight:normal; letter-spacing: -0.01em; text-align: center;}

.swiper-quick {position:relative; width:1245px; z-index:3; margin:0 10px; padding:70px 0 0; overflow:hidden; text-align: center;}
.swiper-quick .swiper-wrapper, 
.swiper-quick .swiper-slide {width:415px !important; height:460px !important;}
.swiper-quick .swiper-slide {padding-right:45px;}
.swiper-quick .swiper-slide > a {display:block;transition:all 0.3s; float:left;}
.swiper-quick .swiper-slide > a:hover {transform: scale(0.98);}

.swiper-quick .img {display:inline-block;width:100%;overflow:hidden;border-radius:3px; float:left;}
.swiper-quick .img img {width:100%; height:auto;}
.swiper-quick .txt_wr {display:inline-block; width:100%; padding:30px 15px;text-align:left;}
.swiper-quick .txt_wr .name {display:block;font-size:18px; font-weight:normal;color:#333;line-height:1;margin-bottom: 16px;}
.swiper-quick .txt_wr .cont {}
.swiper-quick .txt_wr .cont p {margin-bottom:26px; font-size:13px;line-height:21px;color:#888;font-weight:300;}
.swiper-quick .txt_wr .cont small {font-size:12px; line-height: 1; color:var(--major-color); font-weight: 100;}

.quick-arrow-wrap {position:absolute;left:-50px;top:200px;width:1320px;}
.quick-arrow-wrap a {position:absolute;left:0;display:block;width:60px;height:60px;background-image:url(/_img/main/mq_left.png);background-position:center;background-repeat:no-repeat;z-index:5; opacity: 0.4;} 
.quick-arrow-wrap a.arrow-right  {background-image:url(/_img/main/mq_right.png); left:auto; right:0; }
.quick-arrow-wrap a:hover {opacity: 1;}

/*-------------------------------------------------------------
	메인 LineBanner          
-------------------------------------------------------------*/
.mLineBanner {position:relative; height:235px; background-position:left bottom; background-repeat:repeat-x;}



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

/*-------------------------------------------------------------
	바로 제작하기                      
-------------------------------------------------------------
.swiper_wr {position:relative; margin-top:70px; overflow:hidden; }
.swiper_wr .m_title {float:left; margin-top:30px;}
.swiper_wr .swiper-quick {float:right; position:relative; width:859px; z-index:3; margin:0 10px; padding:30px 0; overflow:hidden;}

.swiper-quick .swiper-wrapper, 
.swiper-quick .swiper-slide {width:250px !important; height:300px !important;}
.swiper-quick .swiper-slide {text-align:center; margin-right:37px;}
.swiper-quick .swiper-slide > a {display:block; transition:all 0.3s; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15);}
.swiper-quick .swiper-slide > a:hover {box-shadow:0 5px 10px 0 rgba(0,0,0,0.15);}

.swiper-quick .img {display:inline-block; width:100%; overflow:hidden; border-radius:3px;}
.swiper-quick .img img {width:100%; height:auto;}
.swiper-quick .txt_wr {padding:20px 20px; text-align:left; width:auto !important; height:140px !important;}
.swiper-quick .txt_wr .name {display:block; font-size:16px; font-weight:700; letter-spacing:-0.5px; color:#231f20; line-height:1; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #231f20;}
.swiper-quick .txt_wr .cont {font-size:11px; line-height:16px; color:#58595b; font-weight:300;}

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

/*-------------------------------------------------------------
	초보작 제작 가이드                        
-------------------------------------------------------------*/
.beginner_wr {position:relative; margin-top:70px; overflow:hidden; }
.beginner_wr .m_title {float:right;padding-right:50px;text-align:right;}


.beginner_wr .m_title h1:after {left:auto; right:0;}

.beginner_wr .contents {float:left;position:relative;width:940px;height:370px;z-index:3;margin:0;overflow:hidden;}
.beginner_wr .contents a {display:block;}
.beginner_wr .contents a img {display:block; width:100%; height:auto;} 


/*-------------------------------------------------------------
	인기상품                        
-------------------------------------------------------------*-/

.best_wr {position:relative; margin-top:70px; overflow:hidden; }
.best_wr .m_title {float:left; margin-top:10px;}

.best_list {position:relative; float:right; width:860px; z-index:3; margin:0; padding:0; padding:10px; overflow:hidden;}

.best_list li {position:relative;width:250px; margin-right:30px; float:left; border:0; }
.best_list li .best_label {position:absolute; right:5px; top:5px; display:block; background:#ff0000;padding:0 2px;color:white; font-size:10px; z-index:5}
.best_list li .best_img {display:block; width:100%; height:250px; border:1px solid #e0e0e0; box-sizing:border-box; transition:all 0.3s;}
.best_list li .best_img img {width:auto; height:auto; max-width:100%;max-height:100%;}
.best_list li .best_name {display:block;width:100%; text-align:center; padding:10px 0; font-size:15px; line-height:1; font-weight:normal; color:#000; white-space:normal; text-overflow:ellipsis; overflow:hidden;}

.best_list li:hover .best_img {box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);-webkit-transform:scale(1.01);transform:scale(1.01);}

*/

/*-------------------------------------------------------------
	인기상품                        
-------------------------------------------------------------*/
.m_banner {position:relative;display:block; background-position:bottom left; background-repeat:repeat-x;width:100%;height:315px;margin-top:100px;}
.m_banner ul {width:1200px;margin:0 auto;position:absolute;left:50%;margin-left:-600px;bottom:0;}
.m_banner .mb01 {position:absolute;display:block;left:0;bottom:0; background-position:bottom left; background-repeat:repeat-x; width:324px;height:389px;background-size:100%;}
.m_banner .mb02 {position:absolute; display:block;right:30px; bottom:0;}

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

.review_wr {position:relative; margin-top:70px; overflow:hidden; }

.review_wr .m_title {display:block;text-align:center; margin-bottom:40px}
.review_wr .m_title h1 {position:relative; font-size:21px; color:#000; font-weight:700; letter-spacing:-0.5px;}
.review_wr .m_title h1:after {left:50%; margin-left:-20px;}
.review_wr .m_title a {display:inline-block; background:#92d0f7; border-radius:3px; font-size:11px; color:#fff; padding:0 10px; margin-top:23px;}
.review_wr .m_title .more img {vertical-align:middle; margin-top:-3px;}

.review_list {position:relative;}

.review_list li {width:230px; margin:20px 29px 40px; border:none; float:left; position:relative; transition:all 0.3s;}
.review_list li:nth-child(4n) {margin-right:0;}
.review_list li .re_img {float:left; width:100%; height:200px; border:1px solid #e0e0e0; 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/main/review_noimage.png'); background-repeat:no-repeat; background-size:auto;}


.review_list li .re_txt {display:inline-block;width:100%;height:145px;border:1px solid #e0e0e0;border-top:none;padding:15px;box-sizing:border-box;float:left;bottom:0;background:#fff;overflow:hidden;}
.review_list li .re_txt > span {width:100%; display:block; overflow:hidden; font-size:14px; color:#000;line-height:20px;}
.review_list li .re_txt .re_ttl {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:bold; padding-bottom:3px;}
.review_list li .re_txt .re_name {font-size:13px; color:#ababab; border-bottom:1px solid #ababab; padding-bottom:5px; margin-bottom:10px;}


.review_list li .re_txt .re_cnt {font-size:12px;color:#ababab;line-height:18px;height:39px;overflow-y:hidden;margin-top:10px;}
.review_list li .re_txt .re_cnt:after {content:".......";display:block;position:absolute;bottom:15px;}


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



/*

.review_list li .re_img:hover + .re_txt {
    display:block; -webkit-animation:slide-up .3s ease-out; -moz-animation:slide-up .3s ease-out; }
.review_list li:hover {box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
*/
/*@-webkit-keyframes slide-up {
      0% {opacity:0; -webkit-transform:translateY(50%);}   
    100% {opacity:1; -webkit-transform:translateY(0);}

}
@-moz-keyframes slide-up {
      0% {opacity:0; -moz-transform:translateY(50%);}   
    100% {opacity:1; -moz-transform:translateY(0);}
}
*/






/*
.best_list li:nth-child(4n) {margin-right:50px;}
.best_list li:nth-child(5n) {margin-right:0;}
.best_list li .best_img {width:100%; height:250px; border:1px solid #e0e0e0; box-sizing:border-box;}
.best_list li .best_name {text-align:left; font-weight:normal; padding:15px 0;}


.best_list li:hover {box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.best_list li:nth-child(5n) {margin-right:0;}

.best_list li .best_img {width:100%; height:auto; display:block; overflow:hidden; border:1px solid #e0e0e0;}

.best_list li .mygoods-del {width:20px; height:20px; padding:0; text-align:center; line-height:16px;}

*/

/* 한줄배너 NEW
#main_linebanner {display:block; margin:30px auto}
#main_linebanner a {display:inline-block; width:100%; height:100px; background-size:auto; background-position:center; float:left;}
 */

/* 한줄배너 NEW  
.img-container { background-size:auto 100%; background-position:center; width:100%; height:400px;}
.img-container img {width:100%;}
 

.space {margin-top:150px;}

.left {width:300px; float:left; position:absolute;}
.left .left-cont {width:250px; margin:0 auto; padding:70px 0px 50px 50px;}
.left .left-cont h5 {font-size:10px; padding-bottom:15px;}
.left .left-cont h4 {font-size:20px; padding-bottom:15px;}
.left .left-cont span {border-top:1px solid #333; color:white;}
.section-quick .right {width:900px; float:left; display:flex;}
.section-quick .right a {text-decoration:none; color:black; width:33%; float:left}
.section-quick .right .item {width:33%; float:left;}
.section-quick .right .item  img {box-shadow:3px 0px 3px #c7c7c7;}
.section-quick .right .item  .item-text {background:#fff; width:200px; padding:10px; margin-top:-6px; box-shadow:3px 3px 3px #c7c7c7;}
.section-quick .right .item span {font-size:16px;}
.section-quick .right .item p {font-size:12px; font-weight:lighter;}

    .steps {margin-top:100px;}
.steps .left {width:300px; float:right; position:absolute; top:550px; right:0;}
.steps .left-cont {width:250px; margin:0 auto; padding:70px 0px 50px 50px; text-align:right;}
.steps .left-cont h5 {font-size:10px; padding-bottom:15px;}
.steps .left-cont h4 {font-size:20px; padding-bottom:15px;}
.steps .left-cont span {border-top:1px solid #333; color:white;}

.steps .right {width:900px; float:left; display:flex; padding-left:50px;}
.steps .right a {text-decoration:none; color:black; float:right}
.steps .right img {width:100%;}

*/
/* 각 섹션 타이틀 
#mainPage .title {position:relative; display:inline-block; width:100%; margin-bottom:30px; text-align:left; font-size:17px; letter-spacing:-0.05em; line-height:1; border-bottom:1px solid #e3e3e3}
#mainPage .title > div {display:inline-block; width:auto; border-bottom:3px solid #00a1e4; margin-bottom:-1px; padding-bottom:10px;}
#mainPage .title > div > a {color:#333;}
#mainPage .title .more {float:right; font-size:14px; line-height:17px; padding-bottom:13px; color:#aaa; font-weight:400;}
#mainPage .title .more:hover {color:#888;}
#mainPage .title .more i {margin-left:5px; font-size:12px;}
*/
/* 대표상품 
#main_goods {padding-top:100px;}*/
/*#main_goods ul {display:inline-block; width:100%;}
#main_goods li {float:left; width:370px; height:auto; margin-right:45px; margin-bottom:40px; overflow:hidden; border-radius:3px; background:#fff; transition:all 0.3s;}
#main_goods li:hover {box-shadow:0 5px 10px 0 rgba(0,0,0,0.15);}
#main_goods li:nth-child(3n) {margin-right:0;}
#main_goods li .img {display:inline-block; width:100%; overflow:hidden; border-radius:3px;}
#main_goods li .img img {width:100%; height:auto;}
#main_goods li .txt_wr {padding:20px;}
#main_goods li .txt_wr .name {font-size:20px; color:#333; line-height:1; margin-bottom:14px;}
#main_goods li .txt_wr .cont {font-size:15px; color:#999; line-height:22px; font-weight:300;}*/