/* BASIC css start */
#wrap{overflow:hidden; width:100%;}


/** 메인 타이틀 **/
.main_title {width:100%; padding:50px 0; position:relative; float:left;}
.main_title p {text-align:center; line-height:40px; color:#000; font-size:40px; font-weight:600;font-family: 'Roboto',sans-serif;}

.main_jelly_title {width:100%; position:relative; float:left;padding-top:100px;text-align:center;}
.main_jelly_title p.jelly {font-size:20px; font-style:italic; letter-spacing:0px; font-weight:700; font-family: 'Kanit',sans-serif;}
.main_jelly_title p.jelly_desc {font-size:20px; letter-spacing:0px; font-weight:400; color:#000080; font-family: 'Roboto',sans-serif;}


/** 메인 배너 롤링 **/
.main_roll_wrap{width:100%; height:100%!important;}
.main_roll_wrap .main_roll{width:100%; height:100%; overflow:hidden!important;  position:relative;text-align:center;}
.main_roll_wrap .main_roll .main_roll_content{width:100%; position:relative;float:left;text-align:center;}
.main_roll_wrap .main_roll .main_roll_content a {width:100%; position:relative; float: left; background:#fff; padding: 0px; opacity:0;display: -webkit-box;}
.main_roll_wrap .main_roll .main_roll_content a img{width:100%!important; }

.main_roll_wrap .main_roll ul.slick-dots{width: 100%!important;  position:absolute; bottom:30px; text-align:center;}
.main_roll_wrap .main_roll ul.slick-dots li {width: 40px!important; height:4px!important; margin:5px; position:relative; display:inline-block; background:#fff;}
.main_roll_wrap .main_roll ul.slick-dots li.slick-active {background:#000;}
.main_roll_wrap .main_roll ul.slick-dots li button {display:none;}

.main_roll_wrap .main_roll .main_prev_btn{width:60px; height:60px; line-height:60px; text-align:center; font-size:60px; color:#fff; position:absolute; top:50%;  margin-top: -30px; left:50%; margin-left:-40%;  z-index:10;}
.main_roll_wrap .main_roll .main_next_btn{width:60px; height:60px; line-height:60px; text-align:center; font-size:60px; color:#fff; position:absolute; top:50%;  margin-top: -30px; right:50%; margin-right:-40%;  z-index:10;}


.mid_ban_wrap{width:100%; position:relative; margin:0 auto;}
.mid_ban_wrap .mid_ban{width:100%; padding: 100px 0; position:relative; float:left;}


/** 추천 롤링 **/
.recmd_roll_wrap{width:74%; background:#fff;margin:200px auto 0;}
.recmd_roll_wrap .recmd_roll{width:calc(100% + 10px); position:relative; margin:0;}
.recmd_roll_wrap .recmd_roll .title {width:100%; height:50px; padding-bottom:50px; line-height:50px; position:relative; text-align:center; font-size:50px; color:#000; font-weight:bold; font-family: 'Roboto',sans-serif;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content{width:100%; position:relative; text-align:center;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp {position:relative; text-align:center; opacity:0; margin-right:20px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb {width:100%!important;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .thumb{width:100%!important;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .thumb img{width:100%!important;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb {width: 100%; height:100%; position: absolute;top:0px; z-index:11; background:rgba(0,0,0,0.5); box-sizing:border-box;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap {width: 100%; position: absolute;top:50%; margin-top:-20px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_color{margin:10px 0; display:none;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_color > span.color_box{width:12px; height:12px; border:1px solid #eee; display: inline-block;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .p_name {height:20px; line-height:20px; text-align:center; font-size: 16px; color: #fff;  overflow:hidden;font-weight: bold;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .p_subname {display:none; line-height:20px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap { height:20px; line-height:20px;text-align:center; }
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 16px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .cs_price {color: #fff;font-size: 16px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .ori_price.dc_ori,
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .ori_price.pc_ori {color: #fff;font-size: 16px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .dc_price {color: #fff;font-size: 16px;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .etc {display:none; width:calc(100% - 20px); padding: 0 10px; position:absolute; bottom:0px; background:#fff; opacity:0.8; line-height:30px; color: #000;font-size: 11px;z-index:99;}
.recmd_roll_wrap .recmd_roll .recmd_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_icon span {display:none;padding-top: 0px; line-height:20px;/*border-top:1px solid #dcdcdc; margin-top:14px;*/}

.recmd_roll_wrap .recmd_roll ul.slick-dots{width: 100%!important;  position:absolute; bottom:-30px; text-align:center;}
.recmd_roll_wrap .recmd_roll ul.slick-dots li {width: 2px!important; height:10px; margin:2px; position:relative; display:inline-block; background:#000;}
.recmd_roll_wrap .recmd_roll ul.slick-dots li.slick-active {height:20px;}
.recmd_roll_wrap .recmd_roll ul.slick-dots li button {display:none;}

.recmd_roll_wrap .recmd_roll .recmd_prev_btn{width:60px; height:60px; line-height:30px; text-align:center; font-size:30px; color:#000; position:absolute; top:50%; margin-top: -30px;  left:30px;  z-index:10;}
.recmd_roll_wrap .recmd_roll .recmd_next_btn{width:60px; height:60px; line-height:30px; text-align:center; font-size:30px; color:#000; position:absolute; top:50%; margin-top: -30px;  right:30px;  z-index:10;}


/** 특별 롤링 **/
.special_roll_wrap{width:100%; position:relative; float:left;}
.special_roll_wrap .special_roll{width:110%; margin-left: -5%; padding:60px 0 150px; position:relative; text-align:center;}
.special_roll_wrap .special_roll .title {width:100%; height:30px; line-height:30px; position:relative; font-size:30px; color:#000; font-weight:bold; font-family: 'Roboto',sans-serif; text-align:center;}
.special_roll_wrap .special_roll .special_roll_content{width:100%; position:relative; text-align:center;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp {position:relative; text-align:center; opacity:0; margin:10px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb {width:100%!important;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .thumb{width:100%!important;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .thumb img{width:100%!important;}

.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb {width: 100%; height:100%; position: absolute;top:0px; z-index:11; background:rgba(0,0,0,0.5); box-sizing:border-box;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap {width: 100%; position: absolute;top:50%; margin-top:-20px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_color{margin:10px 0; display:none;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_color > span.color_box{width:12px; height:12px; border:1px solid #eee; display: inline-block;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .p_name {height:20px; line-height:20px; text-align:center; font-size: 16px; color: #fff;  overflow:hidden;font-weight: bold;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .p_subname {display:none; line-height:20px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap { height:20px; line-height:20px;text-align:center; }
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 16px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .cs_price {color: #fff;font-size: 16px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .ori_price.dc_ori,
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .ori_price.pc_ori {color: #fff;font-size: 16px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .price_wrap .dc_price {color: #fff;font-size: 16px;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .etc {display:none; width:calc(100% - 20px); padding: 0 10px; position:absolute; bottom:0px; background:#fff; opacity:0.8; line-height:30px; color: #000;font-size: 11px;z-index:99;}
.special_roll_wrap .special_roll .special_roll_content .prod_cp .prod_thumb .over_thumb .spac_wrap .prod_icon span {display:none;padding-top: 0px; line-height:20px;/*border-top:1px solid #dcdcdc; margin-top:14px;*/}

.special_roll_wrap .special_roll ul.slick-dots{width: 100%!important;  position:absolute; bottom:-30px; text-align:center;}
.special_roll_wrap .special_roll ul.slick-dots li {width: 2px!important; height:10px; margin:2px; position:relative; display:inline-block; background:#000;}
.special_roll_wrap .special_roll ul.slick-dots li.slick-active {height:20px;}
.special_roll_wrap .special_roll ul.slick-dots li button {display:none;}

.special_roll_wrap .special_roll .recmd_prev_btn{width:60px; height:60px; line-height:30px; text-align:center; font-size:30px; color:#000; position:absolute; top:50%; margin-top: -30px;  left:30px;  z-index:10;}
.special_roll_wrap .special_roll .recmd_next_btn{width:60px; height:60px; line-height:30px; text-align:center; font-size:30px; color:#000; position:absolute; top:50%; margin-top: -30px;  right:30px;  z-index:10;}


/** 서브배너 **/

.sub_ban {display:none;}
.sub_ban .banners3 {width:84%; margin:150px 8%; display: inline-block; position:relative;}
.sub_ban .banners3 .bnr_box {width:33.33%; position: relative; float:left; z-index: 10; padding:10px; border: 1px solid #fff; box-sizing: border-box;} 
.sub_ban .banners3 .bnr_box .bnr_img {}
.sub_ban .banners3 .bnr_box .bnr_img img {width: 100%; height:auto; border-radius:5%;}
.sub_ban .banners3 .bnr_box .img_mask {width:100%; height:100%; position:absolute; top:0; z-index:11;background:rgba(255,255,255,0.3);} 


.sub_ban .banners4 {width:80%; margin:100px 10% 0; display: inline-block; position:relative;}
.sub_ban .banners4 .bnr_box {width:25%; position: relative; float:left; z-index: 10;} 
.sub_ban .banners4 .bnr_box .bnr_img {}
.sub_ban .banners4 .bnr_box .bnr_img img {width: 100%; height:auto;}
.sub_ban .banners4 .bnr_box .img_bdr {width:calc(100% - 40px); height:calc(100% - 40px); position:absolute; top:0; z-index:11;background:rgba(255,255,255,0); border:20px solid #123654;} 
.sub_ban .banners4 .bnr_box .img_mask {width:100%; height:100%; position:absolute; top:0; z-index:11;background:rgba(255,255,255,0.3);} 


 /*  동영상  */
.main_movie{width:1260px; height:505px; margin:0px auto; overflow:hidden; position:relative; background:#eee;}
.main_movie .screen {width:720px; height:405px; position:relative; float:left; padding:50px 80px;}
.main_movie .comment {width:380px; height:405px; position:relative; float:left; padding:50px 0;}

    
/** PICK ME   **/
.mtab_wrap {width: 82%; position:relative; margin: 0 auto;}
.mtab_wrap .title {width:100%; height:40px; line-height:40px; position:relative;  padding-top:150px; font-size:40px; color:#000; font-weight:bold; font-family: 'Roboto',sans-serif; text-align:center;}
.mtab_wrap .tab_prod {width: 100%; position:relative; float:left; margin-top:100px; cursor:pointer; text-align:center;}
.mtab_wrap .tab_prod ul.slick-dots {width: 100%; position:absolute; top:-50px; }
.mtab_wrap .tab_prod ul.slick-dots li {width: 60px; line-height: 20px; margin: 0 30px; position:relative; display:inline-block; background:#fff; color:#696969;font-size:11px; }
.mtab_wrap .tab_prod ul.slick-dots li.slick-active {color:#000; background: #fff; font-weight:bold; border-top:1px solid #000;}
.mtab_wrap .tab_prod ul.slick-dots li:nth-child(1)::after{content:"아우터";}
.mtab_wrap .tab_prod ul.slick-dots li:nth-child(2)::after{content:"상의";}
.mtab_wrap .tab_prod ul.slick-dots li:nth-child(3)::after{content:"하의";}
.mtab_wrap .tab_prod ul.slick-dots li:nth-child(4)::after{content:"원피스";}
.mtab_wrap .tab_prod ul.slick-dots li:nth-child(5)::after{content:"원마일룩";}


.mtab_wrap .tab_prod .tab_cont {width:calc(100% + 4px); margin-left: -2px; position:relative; float:left;}
.mtab_wrap .tab_prod .tab_cont .prod_cp {width:100%; float:left;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb {width: 100%;  position: relative;z-index: 10;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .thumb {width: 100%;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .thumb img {position: relative; width: 100%; height:auto;}

.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap {width: 100%; height:100%; position: absolute;top:0px; left:0;z-index:11; background:rgba(255,255,255,0.3); display:none;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content {width:calc(100% - 20px); margin: 0 10px; padding:10px 0; height:60px; position:absolute; bottom:10px; margin-top:-20px; font-size: 11px;font-weight:normal; text-align:center; background:rgba(255,255,255,0.8);}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .prod_name {height:20px; line-height:20px; font-size:11px; color: #000;  border-bottom:1px solid #000; overflow:hidden;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .prod_subname {height:20px; line-height:20px; color: #000; overflow:hidden;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap {height:20px; line-height:20px;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap .sold_out {background:#f00; color: #000;font-size: 11px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap .cs_price {color: #000;font-size: 11px;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap .ori_price.dc_ori,
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap .ori_price.pc_ori {color: #000;font-size: 11px;}
.mtab_wrap .tab_prod .tab_cont .prod_cp .prod_thumb .spac_wrap .spac_content .price_wrap .dc_price {color: #000;font-size: 11px;}

 
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid0 {width: calc(33.33% - 4px);  margin: 0 2px; position:relative; top:0; left:0; box-sizing: border-box;}
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid1 {width: calc(33.33% - 4px);  margin: 0 2px; position:absolute; top:0; left:33.33%; box-sizing: border-box;}
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid2 {width: calc(16.66% - 4px);  margin: 0 2px; position:absolute; top:0; left:66.66%; box-sizing: border-box;}
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid3 {width: calc(16.66% - 4px);  margin: 0 2px; position:absolute; top:0; left:83.32%; box-sizing: border-box;}
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid4 {width: calc(16.66% - 4px);  margin: 0 2px; position:absolute; bottom:0; left:66.66%; box-sizing: border-box;}
.mtab_wrap .tab_prod .tab_cont .prod_cp.grid5 {width: calc(16.66% - 4px);  margin: 0 2px; position:absolute; bottom:0; left:83.32%; box-sizing: border-box;}


/** 메인 공지사항 **/
.main_notice_wrap{width:100%; position:relative; float:left;}
.main_notice_wrap .main_notice {width:100%;  position:relative; padding:50px 0; background:#eee;}
.main_notice_wrap .main_notice .main_notice_content{width:880px;  margin:0 auto; position:relative;}
.main_notice_wrap .main_notice .main_notice_content a {width:100%;}
.main_notice_wrap .main_notice .main_notice_content a > p.name {line-height:30px; text-align:center; font-size:26px; color:#555; font-weight:bold;}
.main_notice_wrap .main_notice .main_notice_content a > p.subname {line-height:30px; text-align:center; font-size:18px; color:#555;}
.main_notice_wrap .main_notice .main_notice_prev{position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-500px; z-index:99; cursor:pointer;}                                                                                                           
.main_notice_wrap .main_notice .main_notice_prev p {width:60px; height:60px; text-align:center;line-height:40px; color:#555; font-size:60px;}                                                                                                           
.main_notice_wrap .main_notice .main_notice_prev p:hover {color:#22a979;}                                                                                                              
.main_notice_wrap .main_notice .main_notice_next{position:absolute; top:50%; margin-top:-30px; right:50%; margin-right:-500px; z-index:99; cursor:pointer;}                                                                                                            
.main_notice_wrap .main_notice .main_notice_next p {width:60px; height:60px; text-align:center;line-height:40px; color:#555; font-size:60px;}                                                                                                           
.main_notice_wrap .main_notice .main_notice_next p:hover {color:#22a979;}                                                                                                           
.main_notice_wrap .main_notice .main_notice_pager{width:100%; height:46px; position:absolute; bottom:0; text-align:center; display:inline-block; z-index:99;}                                                                       
.main_notice_wrap .main_notice .main_notice_pager span{display:inline-block; width:6px; height:6px; line-height:20px; font-size:0px; overflow:hidden; margin:20px 5px; background:#fff; border-radius:2px; cursor:pointer;}
.main_notice_wrap .main_notice .main_notice_pager .cycle-pager-active{width:20px;  background:#fff;}                                                                                                                   


/** 10CM **/
.basic_wrap .high_title {width: calc(100% - 100px); margin-left: 0px; padding: 50px 50px 0; position: relative; float: left; background: #eee;}
.basic_wrap .high_title p.high_left{width:160px;float:left; position:relative; font-size:40px; line-height: 40px; font-family:'Roboto';}
.basic_wrap .high_title p.high_right{width:calc(100% - 160px); float:left; position:relative;font-size:12px;line-height: 40px;}
.basic_wrap .high_more a{width: calc(100% - 100px); margin-left: 0px; padding: 0px 50px 20px; position: relative; float: left; background: #eee; font-size:14px; text-align:right;}

.basic_wrap .basic_prod.high {width: calc(100% - 100px); margin-left:0; padding:20px 50px; position:relative; float:left; background:#eee;}
.basic_wrap .basic_prod.high .basic_cont {float:left; width:calc(25% - 2px); margin : 1px; display:inline-block; box-sizing: border-box;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp {width:100%; margin:0;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .prod_thumb {width: 100%;  position: relative;z-index: 10;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .prod_thumb .thumb {}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .prod_thumb .thumb img {position: relative; width: 100%; height:auto;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .prod_thumb .over_thumb {width: 100%; height:100%; position: absolute;top:0px; z-index:11; background:rgba(255,255,255,0.3);}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap {width:100%; height:150px; position:relative;  font-size: 11px;font-weight:normal; text-align:left; display:none;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .prod_color{height:20px; line-height:20px;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .prod_color > span.color_box{width:15px; height:3px; margin:10px 5px 5px 0; border:0px solid #ddd; display: inline-block;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .prod_name {height:30px; line-height:30px; font-size:11px; color: #000;  border-bottom:1px solid #ddd; overflow:hidden;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .prod_subname {line-height:20px; color: #969696;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap {height:20px; line-height:20px;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 11px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap .cs_price {color: #afafaf;font-size: 11px;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap .ori_price.dc_ori,
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap .ori_price.pc_ori {color: #000;font-size: 11px;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .price_wrap .dc_price {color: #000;font-size: 11px;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .etc {width:100%; text-indent:10px; position:absolute; top:-30px; background:#000; opacity:0.5; line-height:30px; color: #fff;font-size: 11px;z-index:99;}
.basic_wrap .basic_prod.high .basic_cont .prod_cp .spac_wrap .prod_icon span {padding-top: 0px; line-height:20px;/*border-top:1px solid #dcdcdc; margin-top:14px;*/}


/** 스페셜 롤링 **/
.special_title {width: calc(125% - 100px); margin-left: -12.5%; padding: 50px 50px 0; position: relative; float: left; background: #f8f8f8;}
.special_title p.title {width:100%; position:relative; float:left; text-align: center; font-size:40px; line-height: 40px; font-family:'Roboto';}
.special_title p.title_sub {width:100%; position:relative; float:left; text-align: center; font-size:12px; line-height: 20px; font-family:'Roboto';}
.special_more {width: calc(125% - 100px); margin-left: -12.5%; padding: 0px 50px 20px; position: relative; float: left; background: #f8f8f8; text-align:center;}
.special_more a{line-height:20px; font-size:14px; text-align:center; padding: 5px 20px; background:#000; color:#fff;}

.basic_prod.special {width: calc(125% - 100px); margin-left:-12.5%; padding:20px 50px; position:relative; float:left; background:#f8f8f8;}
.basic_prod.special .basic_cont {float:left; width:calc(20% - 2px); margin : 1px; display:inline-block; box-sizing: border-box;}
.basic_prod.special .basic_cont .prod_cp {width:100%; margin:0;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb {width: 100%;  position: relative;z-index: 10;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .thumb {}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .thumb img {position: relative; width: 100%; height:auto;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap {width:calc(100% - 20px); height:70px; margin: 10px; position:absolute; bottom:0px; background: rgba(0,0,0,0.5); font-size: 11px;font-weight:normal; text-align:center; display:none; z-index:12;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .prod_color{height:20px; line-height:20px; display:none;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .prod_color > span.color_box{width:15px; height:3px; margin:10px 5px 5px 0; border:0px solid #ddd; display: inline-block;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .prod_name {height:30px; line-height:30px; font-size:12px; color: #fff; text-align:center;  border-bottom:1px solid #ddd; overflow:hidden;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .prod_subname {line-height:20px; color: #fff;text-align:center;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap {height:20px; line-height:20px; color: #fff;  text-align:center;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 11px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap .cs_price {color: #fff;font-size: 11px;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap .ori_price.dc_ori,
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap .ori_price.pc_ori {color: #fff;font-size: 11px;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .price_wrap .dc_price {color: #fff;font-size: 11px;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .etc {width:100%; text-indent:10px; position:absolute; top:-30px; background:#000; opacity:0.5; line-height:30px; color: #fff;font-size: 11px;z-index:99; display:none;}
.basic_prod.special .basic_cont .prod_cp .prod_thumb .spac_wrap .prod_icon span {padding-top: 0px; line-height:20px;/*border-top:1px solid #dcdcdc; margin-top:14px;*/ display:none;}


/** 패키지상품 **/
.pk_wrap {width:100%; position:relative; float:left; background:#eee;}
.pk_wrap .pk_roll {width:calc(100% - 80px); margin: 0px 40px; overflow:hidden;}
.pk_wrap .pk_roll .pk_cont {width: 100%; float:left;}
.pk_wrap .pk_roll .pk_cont .prod_cp {width:calc(100%; - 20px); margin: 0 10px; display:block;}
.pk_wrap .pk_roll .pk_cont .prod_cp .prod_thumb {width: 100%;  position: relative;z-index: 10; }
.pk_wrap .pk_roll .pk_cont .prod_cp .prod_thumb .thumb,
.pk_wrap .pk_roll .pk_cont .prod_cp .prod_thumb .thumb img {width: 100%; height:auto;}
.pk_wrap .pk_roll .pk_cont .prod_cp .prod_thumb .over_thumb {width: 100%; height:100%; position: absolute;top:0px; z-index:12; background:rgba(255,255,255,0.3); }
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap {width:100%; height:60px; position:relative; font-size: 11px;font-weight:normal;text-align: center;z-index: 11; }
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .prod_name {height:30px; line-height:30px; font-size:11px; color: #333;  border-bottom:1px solid #ddd;}
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .prod_subname {height:30px; line-height:30px; color: #333; }
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap {height:20px; line-height:20px;}
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 11px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap .cs_price {color: #afafaf;font-size: 11px;}
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap .ori_price.dc_ori,
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap .ori_price.pc_ori {color: #333;font-size: 11px;}
.pk_wrap .pk_roll .pk_cont .prod_cp .spac_wrap .price_wrap .dc_price {color: #333;font-size: 11px;}
.pk_wrap .pk_roll .pk_prev{width:40px; height:40px;  position:absolute; left:10px; top:50%; margin-top:-60px; z-index:50;}
.pk_wrap .pk_roll .pk_prev > p{width:40px; height:40px;line-height:40px; margin:0; text-align:center; font-size:30px; color:#fff;}
.pk_wrap .pk_roll .pk_prev > p:hover{background:#000;}
.pk_wrap .pk_roll .pk_next{width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-60px; z-index:50;}
.pk_wrap .pk_roll .pk_next > p{width:40px; height:40px;line-height:40px; margin:0; text-align:center; font-size:30px; color:#fff;}
.pk_wrap .pk_roll .pk_next > p:hover{background:#000;}
.pk_wrap .moreview {width: 100%;  margin: 20px 0px 30px; text-align:center;}
.pk_wrap .moreview a {width: 200px; margin:0 auto; text-align:center; display:block; line-height:40px; font-size:11px; border:1px solid #bbb; font-weight:normal; color:#333; font-family: 'Roboto';}


/** 젤리 롤링 **/
.jelly_wrap{width:100%; float:left;  padding-bottom:150px;}
.jelly_wrap .jelly_roll {width:100%; height:100%; overflow:hidden; position:relative;}
.jelly_wrap .jelly_roll .jelly_cont {width:100%; height:100%; position:relative; display:block; float:left;}
.jelly_wrap .jelly_roll .jelly_cont .jelly_prod {width:100%; height:100%; position:relative; margin:1px }
.jelly_wrap .jelly_roll .jelly_cont .jelly_prod > a.title {width: 200px; height:30px; line-height:30px; position:absolute; top:30px; left:50%; margin-left: -100px; border: 1px solid #fff; color:#fff; font-size:14px; text-align:center; z-index:999; display:none;}
.jelly_wrap .jelly_roll .jelly_cont .jelly_prod > a.link {width:100%; position:relative; display:block;}
.jelly_wrap .jelly_roll .jelly_cont .jelly_prod > a.link img{width:100%;border-radius:30px;}
.jelly_wrap .jelly_roll .jelly_cont .jelly_prod > a.link > p.jelly_price {width: 100%; height: 30px; position: absolute; bottom: 0; margin-bottom: 0px;text-align: center; z-index: 99; line-height: 30px; font-size: 14px; color: #fff; font-weight: bold;}

.jelly_wrap .jelly_roll .jelly_cont ul.slick-dots {width: 100%; height:30px; position:relative; text-align:center; margin-top: -30px;}
.jelly_wrap .jelly_roll .jelly_cont ul.slick-dots li {width: 15px; line-height: 30px; position:relative; display:inline-block; color:#555; font-size:10px;}
.jelly_wrap .jelly_roll .jelly_cont ul.slick-dots li.slick-active {color: #fff;}
.jelly_wrap .jelly_roll .jelly_cont ul.slick-dots li::after{content:"■";}


.jelly_wrap .jelly_roll .pv_prev{width:40px; height:40px;  position:absolute; left:80px; top:50%; margin-top:-20px; z-index:50;}
.jelly_wrap .jelly_roll .pv_prev > p{width:40px; height:40px;line-height:40px; margin:0; text-align:center; font-size:30px; color:#fff;}
.jelly_wrap .jelly_roll .pv_prev > p:hover{background:#000;}
.jelly_wrap .jelly_roll .pv_next{width:40px; height:40px; position:absolute; right:80px; top:50%; margin-top:-20px; z-index:50;}
.jelly_wrap .jelly_roll .pv_next > p{width:40px; height:40px;line-height:40px; margin:0; text-align:center; font-size:30px; color:#fff;}
.jelly_wrap .jelly_roll .pv_next > p:hover{background:#000;}


/** 메인 NEW : image_s 사용 loop(48) 상품 사이즈 변환**/
.new_wrap {width: 100%; position:relative; float:left;}
.new_wrap .new_prod {width: calc(100% + 20px); margin-left: -10px; overflow:hidden;}
.new_wrap .new_prod .basic_cont {width: calc(100% - 20px); float:left;margin: 0 10px; display:inline-block; box-sizing: border-box;}
.new_wrap .new_prod .basic_cont .prod_cp {width:100%;  height: auto; margin-bottom:50px;}
.new_wrap .new_prod .basic_cont .prod_cp .prod_thumb {width: 100%;  position: relative;z-index: 10;overflow: hidden;}
.new_wrap .new_prod .basic_cont .prod_cp .prod_thumb .thumb {}
.new_wrap .new_prod .basic_cont .prod_cp .prod_thumb .thumb img {width: 100%; height:auto;}
.new_wrap .new_prod .basic_cont .prod_cp .prod_thumb .over_thumb {width: 100%; height:100%; position: absolute;top:0px; z-index:11; background:rgba(255,255,255,0.3);}
.new_wrap .new_prod .basic_cont .prod_cp .prod_thumb .etc {width:100%; text-indent:10px; position:absolute; bottom:0px; background:#000; opacity:0.5; line-height:30px; color: #fff;font-size: 11px;z-index:99;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap {width:100%; height:150px; position:relative; font-size: 11px;font-weight:normal;text-align: left;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .prod_color{height:20px; line-height:20px;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .prod_color > span.color_box{width:15px; height:3px; margin:10px 5px 5px 0; border:0px solid #ddd; display: inline-block;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .prod_name {height:30px; line-height:30px; font-size:11px; color: #000;  border-bottom:1px solid #ddd; overflow:hidden;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .prod_subname {line-height:20px; color: #969696;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap {height:20px; line-height:20px;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap .sold_out {background:#f00; color: #fff;font-size: 11px; padding:1px 2px; border-radius:2px; font-weight:bold;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap .cs_price {color: #afafaf;font-size: 11px;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap .ori_price.dc_ori,
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap .ori_price.pc_ori {color: #000;font-size: 11px;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .price_wrap .dc_price {color: #000;font-size: 11px;}
.new_wrap .new_prod .basic_cont .prod_cp .spac_wrap .prod_icon span {padding-top: 0px; line-height:20px;/*border-top:1px solid #dcdcdc; margin-top:14px;*/}

.new_wrap ul.new_prod li.basic_cont:nth-child(1)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(2)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(3)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(4)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(5)  {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(6)  {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(7)  {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(8)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(9)  {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(10) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(11) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(12) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(13) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(14) {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(15) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(16) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(17) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(18) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(19) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(20) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(21) {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(22) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(23) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(24) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(25) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(26) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(27) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(28) {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(29) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(30) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(31) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(32) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(33) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(34) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(35) {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(36) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(37) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(38) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(39) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(40) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(41) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(42) {width: calc(33.3% - 20px)!important;}

.new_wrap ul.new_prod li.basic_cont:nth-child(43) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(44) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(45) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(46) {width: calc(25.0% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(47) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(48) {width: calc(33.3% - 20px)!important;}
.new_wrap ul.new_prod li.basic_cont:nth-child(49) {width: calc(33.3% - 20px)!important;}

/* BASIC css end */