body,div,dl, dt, dd, ol, ul, li,button,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu,a,nav, output, ruby, section, summary,time, mark, audio, video{font-family:"Noto Sans KR",Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif ;font-size:14px; color:#000} 
/*공통*/
.basic_btn{ border: 1px solid #ddd; padding: 5px 3px;}
button.gray{height:40px; font-size:13px; vertical-align: middle; border: 1px solid #e0e0e0; border-radius:5px; background: #fff;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}


/*
button.gray.address_bt{height: 28px}
*/
.sub_title._pcAll{display:none}
.d-flex{display:flex!important;}
.full_con_wp{width:1200px; margin:0 auto}
.centerWrap{width:100%; max-width:1200px; margin:0 auto;}
#sidebar{display:none;}
.overlay{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:998; opacity:0; transition:all 0.5s ease-in-out;}
.overlay.active{display:block; opacity:1;}
.overlay.active2{display:block; opacity:1; z-index:1000;}


/* COMMON */
.wrap{position:relative; padding-top:67px;}
.grey-bg{background:#f3f3f3; padding:0 0 130px; margin:100px 0 0;}
.grey-bg .main_tab{}
.grey-bg .main_tab li{background:#fff!important;}
.grey-bg .main_tab li.on{background:#0b0b0a!important;}

.pc-block{display:block!important;}
.m-block{display:none!important;}

/* 상품 hover 장바구니, 좋아요
li.swiper-slide:hover .proImg span.main_img:before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.45); position:absolute; top:0; left:0;}
li.swiper-slide:hover .proImg ul{display:flex;}

.main_tab_con .tab_con_in .main_product_wp > ul > li:hover .proImg span.main_img:before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.45); position:absolute; top:0; left:0;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:hover .proImg ul{display:flex;}

.proImg{}
.proImg ul{display:none; justify-content:center; align-items:center; z-index:10;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.proImg ul li{width:95px; height:95px; border-radius:50%; margin:0 26px 0 0;}
.proImg ul li:nth-of-type(1){background:rgba(146,217,23,0.75);}
.proImg ul li:nth-of-type(2){background:rgba(217,23,23,0.75);}
.proImg ul li:last-of-type{margin:0;}
.proImg ul li a{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.proImg ul li a img{height:42px; display:block;}
.proImg ul li a p{font-size:14px; font-weight:500; line-height:1; color:#fff; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.3); margin:2px 0 0;}
*/


/* 해더 */
.header-wrap{width:100%; position:fixed; left:0; top:0; font-family:inherit; z-index:100;}

.top_wp{width:1200px; height:; display:flex; flex-direction:column; align-items:center; margin:0 auto; padding:0; box-sizing:border-box;}
.top_wp .top_logo{}
.top_wp .top_logo a{display:block;}
.top_wp .top_logo a img{width:176px; height:; display:block;}

header.header-pc{display:block; background:#fff;}
header.header-m{display:none;}

.top_wp .top-gnb{width:100%; display:flex; justify-content:flex-end; align-items:flex-end; padding:16px 0 0;}
.top_wp .top-gnb > li{margin:0 18px 0 0;}
.top_wp .top-gnb > li:last-of-type{margin:0;}
.top_wp .top-gnb > li a{font-size:12px; color:#9b9897; display:block;}
.top_wp .top-gnb > li a:hover{color:#d31e1e;}
.top_wp .top-gnb > li select{font-size:12px; color:#9b9897; border:none;}
.top_wp .top-gnb > li .language-sel{height:auto; background:none;}
.top_wp .top-gnb > li .language-sel:hover{color:#d31e1e;}
.top_wp .top-gnb > li .language-sel:hover:after{border-color:#d31e1e;}

.global-body .top_wp .top-gnb-wrap{width:100%; display:flex; align-items:; padding:16px 0;}
.global-body .top_wp .top-gnb-wrap .top-ship{flex-grow:1;}
.global-body .top_wp .top-gnb-wrap .top-ship li{display:flex; align-items:center; font-size:12px; color:#676767;}
.global-body .top_wp .top-gnb-wrap .top-ship li i{font-size:14px; color:#d31e1e; margin:0 6px 0 8px;}
.global-body .top_wp .top-gnb-wrap .top-gnb{width:auto; justify-content:inherit; align-items:center; padding:0;}

.top_nav{background: #f3f3f3;}
.top_nav .top_nav_in{width:1200px; margin: 0 auto; overflow:hidden;}
.top_nav .top_nav_in .top_nav_in_rg{float: right;} 
.top_nav .top_nav_in .top_nav_in_lf{float: left;} 
.top_nav .top_nav_in a{padding:10px; display: inline-block; color: #444;}


.main_full_wp{width:100%; padding:10px 0;}
.main_full_wp.sub{}
.main_full_in{width:1200px;margin:0 auto;position:relative;}
.main_full_wp .full_menu_wp{box-sizing: border-box; position:relative}
.main_full_wp .full_con_wp{float: left; width:calc(100% - 700px); max-width:1820px; padding: 20px 20px 0 20px; box-sizing: border-box; border-left :1px solid #eee; min-height: 700px; }
.main_full_wp .full_con_wp.on{ max-width:2100px;  width:calc(100% - 440px); }

.top-menu-warp{display:flex; justify-content:space-between;}
.top_menu_wp{display:flex; align-items:center;}
.top_menu_wp > li{position:relative; display:inline-block; margin:0 0 0 28px;}
.top_menu_wp > li:first-of-type{margin:0;}
.top_menu_wp > li > a{display:block; font-size:14px; font-weight:500; line-height:56px; color:#0b0e13; word-break:keep-all; white-space:nowrap;}
.top_menu_wp > li > ul{display:none; position:absolute; top:; left:50%; transform:translate(-50%, 0); padding:8px; background:#f9f9f9; min-width:160px; box-shadow:0px 0px 12px 0px rgba(0,0,0,0.2); box-sizing:border-box; z-index:2;}
.top_menu_wp > li > ul:before{content:""; display:block; position:absolute; top:-8px; left:50%; transform:translate(-50%, 0); z-index:1;
width:0; 
height:0;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:8px solid #f9f9f9;}
.top_menu_wp > li > ul li{}
.top_menu_wp > li > ul li a{font-size:12px; color:#222; padding:8px 8px; display:block;}
.top_menu_wp > li > ul li a:hover{background:#f1f1f1; color:#d31e1e;}
.top_menu_wp > li:hover > a{color:#d31e1e;}
.top_menu_wp > li:hover > ul{display:block;}

.top_menu_wp2{}
.top_menu_wp2:before{content:""; width:1px; height:20px; background:#ddd; display:inline-block; margin:0 24px;}

.top-menu-l{display:flex;}

.top-menu-r{display:flex; align-items:center;}
.top-menu-r .top_search{}
.top-menu-r .top_search fieldset{}
.top-menu-r .top_search fieldset span{width:173px; height:32px; display:flex; background:#f1f1f1; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
.top-menu-r .top_search fieldset a{width:40px; display:flex; justify-content:center; align-items:center; padding:4px;}
.top-menu-r .top_search fieldset a img{height:22px; display:block;}
.top-menu-r .top_search fieldset span input{height:32px; width:100%; background:none; border:none; outline:none; padding:6px; box-sizing:border-box;}
.top-menu-r .top_search fieldset a input{border: none; padding: 0; }
.top-menu-r .top_search fieldset legend label{font-size:0px; }

.top-menu-r ul.top_rg_icon{display:flex; justify-content:flex-end; margin:0 0 0 18px;}
.top-menu-r ul.top_rg_icon li{margin:0 18px 0 0;}
.top-menu-r ul.top_rg_icon li:last-of-type{margin:0;}
.top-menu-r ul.top_rg_icon li a{display:block; position:relative;}
.top-menu-r ul.top_rg_icon li a img{display:block; height:24px;}
.top-menu-r ul.top_rg_icon li a span.cart-qty{width:17px; height:17px; font-size:10px; line-height:17px; font-family:'Noto Serif KR', serif; background:#980d0d; border-radius:50px; color:#fff; text-align:center; position:absolute; bottom:-6px; right:-6px;}


.sort_btn{margin:20px 0; overflow:hidden; width:100%; display: flex;  justify-content: space-between;}
.sort_btn .memo2{padding:5px; display:block; box-sizing:border-box;}
.sort_btn .memo2 b{color:red}
.sort_btn .sort_btn_list{float:right}


.fixed_Menu .sort_btn button{border:none; background:none; color:#999;}
.fixed_Menu .sort_btn button.on{color:#555}




/* top 배너 */
.top-banner-wrap{position:relative;}
.top-banner{width:100%; height:67px;}
.top-banner .swiper-wrapper{}
.top-banner .swiper-slide{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.top-banner .swiper-slide a{display:block;}
.top-banner .swiper-slide a img{display:block; width:100%; height:67px; object-fit:cover;}

.top-banner .swiper-button-next:after, .top-banner .swiper-button-prev:after{display:none;}
.top-banner .swiper-button-next{width:16px; height:16px; left:20px; top:10px; margin-top:auto;}
.top-banner .swiper-button-prev{width:16px; height:16px; left:20px; top: auto; bottom:10px; margin-top:auto;}
.top-banner .swiper-button-next i, .top-banner .swiper-button-prev i{font-size:16px; color:#333;}
.top-banner .swiper-button-next i:before, .top-banner .swiper-button-prev i:before{display:block;}

.top-banner .top-close{display:flex; align-items:center; position:absolute; top:50%; right:20px; transform:translate(0, -50%); cursor:pointer; z-index:200;}
.top-banner .top-close .top-close-l{display:flex; align-items:center; margin:0 10px 0 0;}
.top-banner .top-close .top-close-l label{font-size:13px; color:#555;}
.top-banner .top-close i{font-size:32px; color:#333;}






/* 메인 배너 */
.swiper-container{}
.main_full_wp .full_con_wp.on .main_visual ul li a img{width:100%;}
.main_full_wp .full_con_wp.on .swiper-wrapper{}
.main_visual{width:100%; height:;}
.main_visual ul{width:100%;}
.main_visual ul li{width:100%; overflow:hidden;}
.main_visual ul li a{height:100%; display:block; position:relative;}
.main_visual ul li a img{width:100%; display:block;}

.main_visual.main_visual3 .swiper-slide{height:728px;}
.parallax-bg {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.swiper-text{width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%, calc(-50% + 76px)); z-index:10;}
.swiper-slide .title {
	font-size: 60px;
	font-weight: 600;
	line-height:1;
	font-family: 'IBM Plex Sans KR', sans-serif;
	margin:0 0 10px;
}

.swiper-slide .subtitle {
	font-size: 45px;
	font-weight: 400;
	font-family: 'IBM Plex Sans KR', sans-serif;
}

.swiper-slide .text {
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	font-family: 'IBM Plex Sans KR', sans-serif;
	margin:0 0 48px;
}

.main_visual .swiper-button-wrap{width:100%; max-width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%, calc(-50% + 76px)); z-index:100;}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next{width:auto; height:auto; color:#555;}
.main_visual .swiper-button-prev{left:-65px;}
.main_visual .swiper-button-next{right:-65px;}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after{font-size:39px;}




/* 메인 새로운 상품 배너 */
.main_new_wp{background:#f0ece3; width:100%; height:auto;}
.main_new_in{width:1200px; margin:0 auto; position:relative; top:50%; left:; transform:translate(0, calc(-50% + 75px));}
.main_new_box{display:flex; align-items:center;}
.main_new_in .txt{width:50%; font-family:'IBM Plex Sans KR', sans-serif; color:#a39f96;}
.main_new_in .txt b{font-size:40px; font-weight:600; line-height:1; display:block; text-align:center;}
.main_new_in .txt b:after{content:""; width:54px; height:1px; background:#d7c69d; display:block; margin: 20px auto;}
.main_new_in .txt span{display:block; font-size:20px; line-height:1; text-align:center;}
.main_new_in .img{width:50%;}
.main_new_in .img img{max-width:460px; margin:0 auto;}
.main_new_in .img span{display:block; font-size:15px; line-height:1; color:#a39f96; text-align:center; margin:8px 0 0;}


/* 버튼 디자인 공통 */
.swiper_control{width:1200px; margin:0 auto; position: relative; top: -50%; z-index: 500;;}
.swiper_control .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -25px; background-image:url(/pnshop/img/swiper-button-prev.png); background-color: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 50px; box-shadow: 8px 8px 15px 0px rgba(0,0,0,.2);}
.swiper_control .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -25px; background-image:url(/pnshop/img/swiper-button-next.png); background-color: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 50px; box-shadow: 8px 8px 15px 0px rgba(0,0,0,.2);}



/* 오늘의 특가 타임 세일 */
.time_pro_wp{overflow:hidden; margin:20px 0 0;}
.timeline_wp{ }
.time_list{float:left; width:30%; position: relative;text-align: center; font-size: 18px; margin-bottom: 20px; }
.time_list .img{border-radius: 50%; overflow: hidden;}
.time_list .sale{background: #ff3131; width: 70px; height: 70px; line-height: 70px; display: block; position: absolute; left: 20px; top: 20px;border-radius: 50%; text-align: center; color: #fff;font-family:'Play-Regular';font-weight: bold; font-size: 20px; }
.time_list .img img{width:100%;}

.timeline_wp .timeline {width:100%; height:2px; background-color:#ddd;}
.timeline_wp .timeline span {display:inline-block; height:2px; vertical-align:top; transition:width .5s .5s;}
.timeline_wp .timeline span em {display:inline-block; position:relative; width:100%; min-width:8px; height:2px; background-color:#ff3131; vertical-align:top; animation:timline-animation 3s .5s ease-in forwards;}
.timeline_wp .timeline span em:after {content:''; position:absolute; right:0; top:-3px; width:4px; height:4px; border:2px solid #ff3131; border-radius:50%; background-color:#fff;}
.timeline_wp .time {padding-bottom:20px; font-size:14px; line-height:15px; font-weight:normal; text-align: right;}
.timeline_wp .time span {font-size:20px; font-family:'Play-Regular';}


.hotdeal-wrap{position:relative; margin:110px auto 0;}
.hotdeal-wrap .time-slide{}
.hotdeal-wrap .time-slide .swiper-slide{}
.hotdeal-wrap .time-slide .swiper-slide > a{display:flex; justify-content:space-around; align-items:center; border:1px solid #cfcfcf; padding:40px 60px; box-sizing:border-box;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l{}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l h2{font-size:32px; font-weight:700; line-height:1; color:#0b0b0a; margin:0 0 40px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l ul{}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l strong{font-size:26px; color:#0b0e13; margin:24px 0 4px; display:block;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price{font-size:32px; color:#0b0e13; display:flex; align-items:baseline;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price b{font-size:29px; font-weight:500;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price del{font-size:20px; font-weight:400; color:#a4a4a4; text-decoration-thickness:1px; margin:0 0 0 8px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price .time-discount{font-size:32px; font-weight:500; line-height:1; color:#d31e1e;  margin:0 0 0 8px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price .time-discount span{font-size:22px; font-weight:300;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .swiper-pagination{width:auto; position:inherit; font-size:16px; font-weight:400; line-height:1; color:#888; text-align:left; letter-spacing:-0.01em; margin:34px 0 0;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .swiper-pagination .swiper-pagination-current{font-size:16px; font-weight:500; color:#222;}
.hotdeal-wrap .swiper-button-prev, .hotdeal-wrap .swiper-button-next{width:auto; height:auto; color:#555;}
.hotdeal-wrap .swiper-button-prev:after, .hotdeal-wrap .swiper-button-next:after{font-size:39px;}
.hotdeal-wrap .swiper-button-prev{left:-65px;}
.hotdeal-wrap .swiper-button-next{right:-65px;}

.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-r{position:relative;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-r:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.04);}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-r img{width:100%; max-width:500px; display:block;}

/* 오늘의 특가 타임 세일2  */
.main_time4_wp{ padding: 10px 36px 20px 30px;}
.main_time4_wp ul li.swiper-slide{ box-shadow: 3px 2px 10px rgba(0, 0, 0, .2); border-radius: 10px;}
.main_time4_wp .top_time{ display: flex; justify-content: space-between; padding: 10px; color: #555; font-size:18px; }
.main_time4_wp .top_time .d_day_box{ background: #999; padding: 3px 10px; display: flex; align-items: center; font-size:13px;color: #fff; ; border-radius: 5px;}
.main_time4_wp .top_time .d_day_box span{font-weight: bold;font-size:15px; padding-left:5px}
.main_time4_wp .top_time p b{ color: #000; padding:0 5px;}
.main_time4_wp .main_img img{ width:100%}
.bott_time_bt{border:1px solid #b2bd00; padding: 10px;display: flex;margin: 25px 10px 10px;align-items: center;justify-content: center;color: #b2bd00;font-weight: bold;border-radius: 7px;}
.bott_time_bt:hover{background:#b2bd00; color:#fff; }
.main_time4_wp .swiper-button-next, .swiper-rtl .swiper-button-prev{right:0}
.main_time4_wp .swiper-button-prev, .swiper-rtl .swiper-button-next{left:0}

/* 상단 미니 카테 */
.main_top_cate{width:100%; padding:30px 0}
.main_top_cate ul{width:1200px; margin:0 auto; overflow:hidden}
.main_top_cate ul li{width:11.14444%; margin-right:1.5%; float:left; text-align:center;}
.main_top_cate ul li:last-child{margin-right:0}
.main_top_cate ul li a:hover span{border: 1px solid #0096df;}
.main_top_cate ul li a:hover{color:#0096df;}
.main_top_cate ul li a span{display:block; background: #fff; padding: 10px 0; border: 1px solid #eee; border-radius: 10px;}
.main_top_cate ul li a span img{ ;}

/* 메인 타이틀 */
.main_product_tit{font-size:15px; padding:145px 0 56px; text-align: center;}
.main_product_tit a{padding:5px 30px; border:2px solid #ccc; display: inline-block; margin: 10px 0; border-radius: 50px; color: #777;}
.main_product_tit strong{font-size:30px; line-height:1; display: block;}
.main_product_tit .color01{color:#c0cb34}

/* 상품 진열 디자인 NEW*/
.main_product_tab{width:1200px; margin:0 auto;}
.main_product_tab .main_tab_con{width:100%; }
.main_tab_wp{overflow:hidden;}
.main_tab_wp .main_tab{display:flex; justify-content:center; flex-wrap:wrap; margin:0 0 60px;}
.main_tab_wp .main_tab li{height:42px; display:inline-flex; align-items:center; font-size:14px; font-weight:500; cursor:pointer; padding:4px 22px; border-radius:50px; background:#f3f3f3; color:#9c9fa2; margin:0 10px 10px 0; box-sizing:border-box;}
.main_tab_wp .main_tab li:last-child{margin:0 0 10px;}
.main_tab_wp .main_tab li.on{background:#0b0b0a; color:#fff}

/* 카테고리 베스트 */
.main_product_tab3{}

.main_tab_wp .main_tab_con3{ overflow: hidden;}
.main_tab_wp .main_tab_con3 .tab_con_in{display:none; width:100%;position: relative; }

.main_tab_wp .main_tab_con3 .pr_icon_wp{left:auto; right:0px;}

.main_tab_con3 .main_product_wp{position:relative; width:100%;}
.main_tab_con3 .main_product_wp > ul{}
.main_tab_con3 .main_product_wp > ul > li{width:22%; float:left; margin:0 1% 0 0; cursor:pointer;}
.main_tab_con3 .main_product_wp > ul > li:nth-of-type(odd){margin:0 0 0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type{width:54%; margin:0 1% 0 0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text{width:100%; padding:12px 10px; box-sizing:border-box;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .proName{font-size:25px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .proPrice{font-size:18px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .pro-text del{font-size:23px;}
.main_tab_con .main_product_wp > ul > li .proName{}
.main_tab_con3 .main_product_wp > ul > li .proName{}
.main_tab_con3 .main_product_wp > ul > li .pro-text{height:108px;}

.main_tab_con3_rank{width:42px; height:42px; display:flex; justify-content:center; align-items:center;
position:absolute; top:0px; left:0px; background:#5e5e5e; z-index:20;
font-size:28px; font-weight:400; font-family:'Gulim', Noto Sans KR; line-height:1; color:#fff; }
.main_tab_con3 .main_product_wp > ul > li:first-of-type .main_tab_con3_rank{width:63px; height:63px; font-size:41px;}


/* 컬러별 추천상품 */
.color-recommend{}
.color-recommend .main_tab{}
.color-recommend .main_tab li{width:auto; height:auto; padding:0; margin:0 14px 0 0; background:none; border:none; outline: none; display:flex; justify-content:center; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.color-recommend .main_tab li:last-child{margin:0;}
.color-recommend .main_tab li:focus{border: none !important;outline:none !important;}
.color-recommend .main_tab li.on{background:none; color:inherit;}
.color-recommend .main_tab li div{width:20px; height:20px; border:1px solid #ccc;
box-sizing:border-box; border-radius:50%; margin:2px;}
.color-recommend .main_tab li div:hover,
.color-recommend .main_tab li.on div{width:24px; height:24px; margin:0px;}
.proImgColor > .pro-text *{ opacity:0; }
.proImgColor:hover > .main_img:after{ content:''; background:rgba(0,0,0,0.35); position:absolute; left:0;top:0;right:0;bottom:0;}
.proImgColor:hover > .pro-text *{ opacity:1; color:#fff; }


/* 고객맞춤상품 */
.customization-wrap{}
.customization-wrap.grey-bg{padding:0;}
.customization-wrap .customization-box{position:relative;}
.customization-wrap .customization-box .customization-bg{position:relative;}
.customization-wrap .customization-box .customization-bg.customization-bg-pc{display:block;}
.customization-wrap .customization-box .customization-bg.customization-bg-pc img{width:100%; display:block;}
.customization-wrap .customization-box .customization-bg.customization-bg-m{display:none;}
.customization-wrap .customization-input{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;}
.customization-wrap .customization-input .main_product_tit{padding-top:0;}
.customization-wrap .customization-input strong{color:#fff;}
.customization-wrap .customization-input p{}
.customization-wrap .customization-input p span{font-size:26px; font-weight:500; color:#fff;}
.customization-wrap .customization-input p span+span{margin:0 0 0 80px;}
/*
.customization-wrap .customization-input p select{background:none; border:0; border-bottom:2px solid #fff; outline:0; font-size:26px; font-weight:500; color:#fff; padding:8px 4px; margin:0 10px; box-sizing:content-box;}
.customization-wrap .customization-input p select option{background:#333; font-size:16px;}
*/
.customization-wrap .customization-input p .nice-Sel{min-width:180px; display:inline-block; float:none; background:none; border-width:0 0 2px; border-radius:0;}
.customization-wrap .customization-input p .nice-Sel:after,
.customization-wrap .customization-input p .nice-Sel:focus{border-color:#fff;}
.customization-wrap .customization-input p .nice-Sel .list{width:100%; background:rgba(255,255,255,0.5); border:none; outline:none;}
.customization-wrap .customization-input button{font-size:15px; line-height:1; color:#fff; display:block; background:#333; border:none; border-radius:50px; padding:14px 28px; margin:140px auto 0;}
.customization-wrap .customization-input button i{margin:0 0 0 18px;}
.customization-wrap .customization-input button.listOn i:before{content:"\f106";}

.customization-wrap .main_product_tab{margin:80px auto 0;}
.customization-wrap .main_tab_con .tab_con_in{display:block;}



/* 메인 리뷰 */
.main_review_wp{margin:auto;}

.review-slide-wrap{width:1200px; margin:auto; position:relative;}
.review-slide{width:1200px;}
.review-slide .swiper-wrapper{}
.review-slide .swiper-slide{display:flex; flex-direction:column; background:#fff;}
.review-slide .swiper-slide a{}
.review-slide .review-top{position:relative; display:block; padding-top:100%; overflow:hidden;}
.review-slide .review-top img{width:100%; display:block;}
.review-slide .review-top span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.review-slide .review-bot{}
.review-slide .review-bot .review-bot-t{padding:36px 22px 0; box-sizing:border-box;}
.review-slide .review-bot .review-bot-t h3{height:48px; font-size:20px; font-weight:500; color:#0b0e13; line-height:1.2; margin:0;
overflow:hidden; text-overflow:ellipsis;
white-space:normal;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.review-slide .review-bot .review-bot-t p{font-size:14px; color:#828383; line-height:1; margin:15px 0 0;}

.review-slide .review-bot .review-bot-b{margin:30px 0 0; padding:0 22px 26px; box-sizing:border-box;}
.review-slide .review-bot .review-bot-b a{display:flex; align-items:center;}
.review-slide .review-bot .review-thumb{flex-grow:1; flex-shrink:0; width:60px; max-width:60px; height:60px; border:1px solid #f7f7f7;
margin:0 16px 0 0; box-sizing:border-box; position:relative; display:block; overflow:hidden;}
.review-slide .review-bot .review-thumb img{width:100%; display:block;}
.review-slide .review-bot .review-thumb span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.review-slide .review-bot .review-product{flex-grow:1; flex-shrink:0; width:calc(100% - 76px);}
.review-slide .review-bot .review-product h2{width:100%; font-size:16px; font-weight:500; color:#0b0e13; line-height:1;
display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.review-slide .review-bot .review-product .review-point{display:flex; margin:8px 0 0;}
.review-slide .review-bot .review-product .review-point p{font-size:14px; font-weight:400; color:#828383; margin:0 10px 0 0;}
.review-slide .review-bot .review-product .review-point span{width:75px; height:revert; display:block;}
.review-slide .review-bot .review-product .review-point span.star_05{background:url(/img/review-star05.jpg)no-repeat center/contain;}
.review-slide .review-bot .review-product .review-point span.star_04{background:url(/img/review-star04.jpg)no-repeat center/contain;}
.review-slide .review-bot .review-product .review-point span.star_03{background:url(/img/review-star03.jpg)no-repeat center/contain;}
.review-slide .review-bot .review-product .review-point span.star_02{background:url(/img/review-star02.jpg)no-repeat center/contain;}
.review-slide .review-bot .review-product .review-point span.star_01{background:url(/img/review-star01.jpg)no-repeat center/contain;}

.review-slide-wrap .swiper-horizontal > .swiper-pagination-bullets,
.review-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.review-slide-wrap .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-60px;}

.review-slide-wrap .swiper-button-prev,
.review-slide-wrap .swiper-button-next{width:auto; height:auto; color:#555; transition:all 0.5s ease-out; opacity:0;}
.review-slide-wrap:hover .swiper-button-prev,
.review-slide-wrap:hover .swiper-button-next{opacity:1;}
.review-slide-wrap .swiper-button-prev:after, .review-slide-wrap .swiper-button-next:after{font-size:39px;}
.review-slide-wrap .swiper-button-prev{left:-65px; transform:translate(0, 0);}
.review-slide-wrap .swiper-button-next{right:-65px; transform:translate(0, 0);}




#review-layer{z-index:300;}
#review-layer .modal-dialog{width:1024px;}
#review-layer .modal-content{border-radius:0;}

.review-layer-slide{}
.review-layer-slide.swiper{overflow:visible;}
.review-layer-slide .swiper-slide{}

.review-layer-slide .swiper-button-prev, .review-layer-slide .swiper-button-next{width:auto; height:auto; color:#fff;}
.review-layer-slide .swiper-button-prev:after, .review-layer-slide .swiper-button-next:after{font-size:39px; text-shadow:0 5px 5px rgb(0 0 0 / 50%);}
.review-layer-slide .swiper-button-prev{left:-65px; transform:translate(0, -50%);}
.review-layer-slide .swiper-button-next{right:-65px; transform:translate(0, -50%);}

.review-box{position:relative;}

.review-box .review-layer{display:flex; justify-content:center;}
.review-box .review-layer .review-layer-l{flex-grow:1; min-height:450px;}

.review-box .item-slick.slick-slide.slick-current.slick-active{outline:none!important;}

.review-box .slider-for{height:100%;}
.review-box .slider-for a{height:100%; position:relative; display:block; overflow:hidden;}
.review-box .slider-for a .review-layer-img{height:100%;}
.review-box .slider-for a img{width:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}


.review-layer .review-layer-r{max-width:400px; min-width:320px; overflow-y:auto;}
.review-layer-r .review-layer-r-t{display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #eee; padding:26px; box-sizing:border-box;}
.review-layer-r .review-layer-r-t a{width:calc(100% - 24px); display:flex; flex-grow:1;}
.review-layer-r .review-layer-r-t a .review-pro-img{width:46px; height:46px; position:relative; display:block; border:1px solid #ddd; border-radius:50%; margin:0 8px 0 0; box-sizing:border-box; overflow:hidden;}
.review-layer-r .review-layer-r-t a img{height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.review-layer-r .review-layer-r-t a .review-pro-name{width:calc(100% - 54px); display:flex; flex-direction:column; justify-content:center;}
.review-layer-r .review-layer-r-t a .review-pro-name h3{font-size:14px; font-weight:500; color:#222; line-height:1; display:block;
width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.review-layer-r .review-layer-r-t a .review-pro-name span{font-size:14px; font-weight:400; color:#9eabbc; line-height:1; display:block; margin:6px 0 0;}
.review-layer-r .review-layer-r-t button{font-size:24px; color:#222;}

.review-layer-r .review-layer-r-m{display:flex; flex-direction:column; border-bottom:1px solid #eee; padding:26px; box-sizing:border-box;}
.review-layer-r .review-layer-r-m span.star{width:102px; height:16px; display:block;}
.review-layer-r .review-layer-r-m span.star_05{background:url(/img/review-star05.jpg)no-repeat center/contain;}
.review-layer-r .review-layer-r-m span.star_04{background:url(/img/review-star04.jpg)no-repeat center/contain;}
.review-layer-r .review-layer-r-m span.star_03{background:url(/img/review-star03.jpg)no-repeat center/contain;}
.review-layer-r .review-layer-r-m span.star_02{background:url(/img/review-star02.jpg)no-repeat center/contain;}
.review-layer-r .review-layer-r-m span.star_01{background:url(/img/review-star01.jpg)no-repeat center/contain;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box{padding:12px 14px; margin:20px 0 6px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box h2{font-size:14px; font-weight:700; line-height:1; color:#121318; margin:0 0 6px;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box h2 span{font-size:14px; font-weight:400; color:#777;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box p{font-size:13px; font-weight:400; line-height:1.2; color:#777;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box p strong{font-weight:700; color:#555;}
.review-layer-r .review-layer-r-m h3{font-size:16px; font-weight:400; color:#808183; margin:6px 0 0;}
.review-layer-r .review-layer-r-m h4{font-size:12px; font-weight:300; color:#777;}

.review-layer-r .review-layer-r-b{padding:26px; box-sizing:border-box;}
.review-layer-r .review-layer-r-b .other-review-title{display:flex; justify-content:space-between; align-items:center; margin:0 0 10px;}
.review-layer-r .review-layer-r-b .other-review-title h2{font-size:16px; font-weight:700; color:#111;}
.review-layer-r .review-layer-r-b .other-review-title div{display:flex; align-items:center;}
.review-layer-r .review-layer-r-b .other-review-title div p{font-size:14px; font-weight:400; font-family:'Lato'; color:#777; margin:0 6px 0 0;}
.review-layer-r .review-layer-r-b .other-review-title div p span{}
.review-layer-r .review-layer-r-b .other-review-title div .other-review-arrow{border:1px solid #ddd; padding:6px; box-sizing:border-box; cursor:pointer;}
.review-layer-r .review-layer-r-b .other-review-title div .other-review-arrow:hover{background:#f3f3f3;}
.review-layer-r .review-layer-r-b .other-review-title div .other-review-arrow.other-review-prev{position:relative; right:-1px;}
.review-layer-r .review-layer-r-b .other-review-title div .other-review-arrow.other-review-next{}
.review-layer-r .review-layer-r-b .other-review{display:flex; flex-wrap:wrap;}
.review-layer-r .review-layer-r-b .other-review li{width:23.5%; margin:0 2% 2% 0;}
.review-layer-r .review-layer-r-b .other-review li:nth-of-type(4n+0){margin:0 0 2% 0;}
.review-layer-r .review-layer-r-b .other-review li a{width:100%; position:relative; display:block; padding-top:100%; overflow:hidden;}
.review-layer-r .review-layer-r-b .other-review li a .other-review-img{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.review-box .slider-nav{display:flex; position:absolute; left:50%; bottom:-75px; transform:translate(-50%, 10px);}
.review-box .slider-nav .item-slick{width:75px; height:75px; border:1px solid #dcdcdc; border-radius:8px; margin-right:10px; outline:none!important; position:relative; overflow:hidden; cursor:pointer; box-sizing:border-box;}
.review-box .slider-nav .item-slick:last-of-type{margin-right:0;}
.review-box .slider-nav .item-slick img{width:100%; display:block; background-size:cover; background-position:center;}
.review-box .slider-nav .item-slick span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}





/* .main_product_wp ul li:nth-child(8n){margin:0} */
.proImg{position:relative; border:1px solid #eee;}
.proImg.on{border:1px solid #dcdcdc;}
/*
.proImg_wish_img{ position: absolute; left: 5px; top: 5px; background:url(/steel/img/proImg_wish.png);border: 0; width: 30px; height: 30px;}
.proImg_wish_img:hover{background:url(/steel/img/proImg_wish_on.png)}
.proImg_wish_img.on{background:url(/steel/img/proImg_wish_on.png)}
*/
.proImg span.main_img{overflow:hidden; display:block; position:relative;}
.proImg span.main_img img{width:100%; display:block;}
.pro-text{padding:12px 10px 0;}
.proPrice{display:block; color:#0b0e13; font-weight:700; font-size:18px;}
.proPrice span{color:#dc4b4b;}
/*.proPrice span{font-size:16px; font-weight:400;}*/
.proName{width:100%; font-size:16px; font-weight:400; line-height:1.2; height:auto; color:#0b0e13; padding:0; margin:0 0 5px;}
.pro-text del{font-size:14px; font-weight:400; color:#a4a4a4; text-decoration-thickness:1px;}
.sale_price{color:#dc4b4b; font-weight:bold;}
.account_price{font-weight:bold;}
.pr_icon_wp{ position: absolute; top:0px; left:0px; z-index: 10;}
.pr_icon_wp img{ display: block; margin-bottom:4px; width:62px;}
.pr_icon_wp p{display:flex; justify-content:center; align-items:center; margin-bottom:4px; width:62px; height:30px; background:#ff0080; font-size:13px; font-weight:500; color:#fff;}
p.pre_launch{display:flex; justify-content:center; align-items:center; margin-bottom:4px; width:62px; height:30px; background:#ff0080; font-size:13px; font-weight:500; color:#fff;}

.pro_in_icon{position: absolute; bottom: 10px; width: 100%; text-align: center; display:none}
.pro_in_icon span{ background: rgba(0,0,0,.5); border-radius: 50px; padding: 10px 9px; box-sizing: border-box;}
.pro_in_icon span:hover{background:rgba(195,204,53,.8);}
.proImg_wish_img.on{background:rgba(244,67,54,.8)}




/*메인 탭*/
.main_tab_con .tab_con_in{display:none}
.main_tab_con .tab_con_in .main_product_wp{}
.main_tab_con .tab_con_in .main_product_wp > ul{display:flex; flex-wrap:wrap;}
.main_tab_con .tab_con_in .main_product_wp > ul > li{flex-basis:24.25%; margin:0 1% 5% 0; cursor:pointer;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(4n+0){margin:0 0 5%;}

.main_tab_con .main_tab_more{display:flex; justify-content:center; margin:20px 0 0;}
.main_tab_con .main_tab_more a{display:block;}
.main_tab_con .main_tab_more a .cross{height:63px; position:relative; margin:0 0 18px;}
.main_tab_con .main_tab_more a .cross:before{content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2px; height:63px; background:#8c8c8c;}
.main_tab_con .main_tab_more a .cross:after{content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:63px; height:2px; background:#8c8c8c;}
.main_tab_con .main_tab_more a p{font-size:20px; font-weight:500; line-height:1; color:#0b0b0a; text-align:center;}


/* 공통 하단 버튼 > 바로구매, 장바구니 */
.proBut{ width: 100%; overflow: hidden; margin: 10px 0;}
.proBut button{float:left; text-align:center; width:48%; display:inline-block; border:1px solid #dcdcdc; box-sizing: border-box; padding:5px 0; font-size:13px; transition:all .5s; background:#fff; margin-right:4%;}
.proBut button:last-child{margin:0}
.proBut button.cart{color:#0097e0; border:1px solid #0097e0;}
.proBut button.order{color:#b73e3e; border:1px solid #b73e3e;}
.proBut button.cart:hover{background:#0097e0; color:#fff ; border:1px solid #0097e0;}
.proBut button.order:hover{background:#b73e3e; color:#fff ; border:1px solid #b73e3e;}

/* 공통 수량 박스 >메인,상세, 장바구니 */
.main_product_wp .quantity{max-width: 100%;}/* 메인만 */
/*
.quantity{ box-sizing: border-box;text-align: center;border: 1px solid #dcdcdc; width: 100%; overflow:hidden;max-width: 200px;}
.quantity button{width: 25%; border: none; background: #fff; color: #555; float: left; box-sizing: border-box; height: 30px;;}
.quantity button img{width:16px;padding: 6px 0;}
.quantity button:last-child{float: right;border-left:1px solid #dcdcdc;}
.quantity input{width: 50%; height: 30px; border:0;text-align: center; vertical-align: top; border-left:1px solid #dcdcdc; padding: 0; float: left; box-sizing: border-box}

.out_b{ background: #555;  color: #fff; font-size: 11px; padding: 2px 4px; vertical-align: middle; border-radius: 3px; height: 16px; display: inline-block; line-height: 18px;}
*/

.main_event_wp{width:1200px; margin:0 auto 100px; position:relative;}
.main_event_wp .main_event{width:100%; height:100%;}

a.main_event_wp_more{display:inline-block; border:none; margin:20px 0 0; padding:5px; font-size:20px; font-weight:500; line-height:1; color:#0b0b0a;}

.main_event_wp ul{}
.main_event_wp ul li{}
.main_event_wp ul li a{display:block;}
.main_event_wp ul li img{width:100%; display:block; border:1px solid #ddd; box-sizing:border-box;}
.main_event_wp ul li .event-text{padding:12px 10px 0;}
.main_event_wp ul li .event-text h3{height:auto; font-size:18px; line-height:1.2; overflow:hidden;
text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.main_event_wp ul li .event-text p{font-size:14px; color:#747474; margin:10px 0 0;}

.main_event_wp .swiper-button-prev, .main_event_wp .swiper-button-next{width:auto; height:auto; color:#555;}
.main_event_wp .swiper-button-prev:after, .main_event_wp .swiper-button-next:after{font-size:39px;}
.main_event_wp .swiper-button-prev{left:-65px; transform:translate(0, -50%);}
.main_event_wp .swiper-button-next{right:-65px; transform:translate(0, -50%);}


/* 왼쪽 퀵 메뉴 */
.infoQuick_width{width:1200px; margin:0 auto;}
.infoQuick_wp{ position: fixed; z-index: 100; width: 200px;left: 50%; margin-left: -810px; top: 215px;}
.infoQuick_wp.fixed{ top: 40px;}
.infoQuick_wp .infoQuick_list{}
.infoQuick_wp .infoQuick_list li{ border: 1px solid #888; background: #fff; margin-bottom: 10px; text-align: center;}
.infoQuick_wp .infoQuick_list li:nth-child(2){padding-bottom: 10px;}
.infoQuick_wp .infoQuick_list li.msg{border:1px solid #0096e2; background:#0096e2; color: #fff; padding: 15px 0; }
.infoQuick_wp .infoQuick_list li.msg b{ display: block; font-size: 20px; padding: 5px 0;}
.infoQuick_wp .infoQuick_list li .tit{background: #888; color: #fff; width: 100%; display: block; padding: 5px 0;}
.infoQuick_wp .infoQuick_list li .call{ display: block; color: #000; font-size: 16px; font-weight: bold;}
.infoQuick_wp .infoQuick_list li p{padding: 15px 0 10px;}
.infoQuick_wp .infoQuick_list li p span{color:#d11010}
.infoQuick_wp .infoQuick_sns{overflow:hidden}
.infoQuick_wp .infoQuick_sns a{background: #555; float: left; width: 64px; color:#fff;font-size: 12px; text-align: center;margin-right: 4px;padding: 5px 0 10px;}
.infoQuick_wp .infoQuick_sns a:last-child{margin:0; background: #333;}
.infoQuick_wp .infoQuick_sns a:last-child:hover{background:#000}
.infoQuick_wp .infoQuick_sns a:hover{}
.infoQuick_wp .infoQuick_sns a span{display:block}
.infoQuick_wp .infoQuick_ban{margin-top:15px;width:200px}
.infoQuick_wp .infoQuick_ban ul li img{width:100%;}
/* 메인 메뉴 */
.all_menu_tit a{width:58px; height:52px; background:#991111; display:flex; justify-content:center; align-items:center;}
.all_menu_tit a img{display:block; margin:auto;}
.all_menu_tit.sub.active a:before{background:url(/steel/img/top_menu_close.png) no-repeat center;}
.all_menu_list{ border-bottom: 1px solid #ddd; overflow:hidden}
.all_menu_list ul{width:1200px; margin:0 auto;}
.all_menu_list ul li{float:left;}

.all_menu { position: absolute; top:53px; left: 0; min-width:140px; width: 100%; box-sizing: border-box;  background: #fff; z-index: 100; height:auto; border: 1px solid #ddd;border-top:0;border-bottom: 0; }
.all_menu.sub{border-bottom:1px solid #ddd}
.all_menu.sub .list_wrap{border-bottom:1px solid #ddd;}
.all_menu > .list:hover{background:#fff;transition:0s}
.all_menu .box{max-width:100%;padding:0;position: relative;}
.list_wrap{ position: absolute; left: 198px; width: 200px; background: #fff; top: 0; height: 500px; border-right: 1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}
.list_wrap li a{padding:10px; display:block}
.list_wrap li a:hover{color:#0096e2}
.all_menu .list_tit a{padding: 10px; border-bottom: 1px solid #eee;display:block}
/*.all_menu ul > li.on .list_wrap_depth1 a{background:#0096e2; color:#fff; }*/
.all_menu ul li.on .list_tit_depth1 a{background:#0096e2; color:#fff;}
.all_menu ul li.on .list_wrap_depth2 li.on .list_tit_depth2 a{background:#0096e2; color:#fff;}
.list_wrap.list_wrap_depth3{ height: auto; min-height:500px}

/* 장바구니 퀵*/
.quick_cart_box{ background-color: #fff; width: 500px; max-height: 740px; right: -380px; top:140px; z-index: 500; position: fixed; box-shadow: -11px 11px 20px 6px rgba(0,0,0,0.3);}
.quick_cart_box.fixed{top:40px;position: fixed}
.quick_cart_box .quick_top_icon{ position: absolute; left: -55px;}
.quick_cart_box .quick_top_icon li a,.quick_cart_box .quick_top_icon li .quick_cart_bt{ display: block; color: #fff; background: rgba(0,0,0,0.6); border: 0; border-radius: 60px; padding:7px; text-align: center; width: 50px; box-sizing: border-box; font-size: 12px; margin-bottom: 5px;}
.quick_cart_box .quick_top_icon li a img{display:block; margin: 0 auto;}

.quick_cart_box .cartlist_wp{height: 500px; overflow-y: scroll; border-bottom:1px solid #ddd}
.quick_cart_box .cartlist tr th{border-bottom: 1px solid #ddd;border-top:0}
.quick_cart_box .cartlist tr th,.quick_cart_box .cartlist tr th label { padding: 10px 0;}
.quick_cart_box .cartlist tr td.cart_img{border-right: 1px solid #ddd; width: 80px; position: relative; padding: 0;}
.quick_cart_box .cartlist tr td.cart_img input{position: absolute;}
.quick_cart_box .cartlist tr td.cart_img img{width:80px; border: 0; }
.quick_cart_box .cartlist tr td{border-bottom: 1px solid #ddd;font-size:13px}
.quick_cart_box .cartlist tr.txt_center td{text-align:center;}
.quick_cart_box .cartlist tr.txt_center td.pricem b{color:#d31a1a}
.quick_cart_box .cartlist tr td.m_product{ padding: 5px; border-bottom: 1px solid #ddd;}
.quick_cart_box .quantity{width: 50px;margin: 0 auto;}
.quick_cart_box .quantity input{ width:100%;height: 30px;line-height: 25px;border-left:0}
.quick_cart_box .quantity button{ height: 30px;line-height: 25px; font-size: 20px;}
.quick_cart_box .quick_cart_top a{ background: #0096e2; padding: 15px 20px; color: #fff;display: block;}
.quick_cart_box .quick_cart_top img{padding-right: 5px;}
.quick_cart_box .cartlist{margin: 0 0 50px; width: 100%;}

.quick_cart_box .chek-box-btn{margin: 5px;}

.quick_cart_box .centerBtn.cart_bt{ width: 100%; overflow: hidden;margin:0}
.quick_cart_box .centerBtn button{ width: 50%; padding: 20px; float: left; box-sizing:border-box; margin: 0 auto;}




/*.quick_cart_box.on{width: 300px; }*/
.quick_cart_box.on .cartlist_wp{overflow-x: hidden; width:500px}


.quick_cart_box .cart_total_wp{overflow:hidden; width: 98%; margin: 20px auto 30px}
.quick_cart_box .cart_total_wp p{float:left; text-align: center; width:29%}
.quick_cart_box .cart_total_wp p.min{width:6%; font-size:30px; color: #aaa;}
.quick_cart_box .cart_total_wp p span{color: #aaa;}
.quick_cart_box .cart_total_wp p b{font-size:16px; display:block;}
.quick_cart_box .cart_total_wp p b.cart_total_color{color: #d31a1a;}
.quick_cart_box .cartlist_wp .noData.noCart{text-align: center;}

.product_name{ font-weight: normal; color: #555;}


/* 중간 배너 */
.mini_visual{margin:145px auto 0;}
.mini_visual li{}
.mini_visual li a{display:block;}
.mini_visual li a img{display:block; margin:auto;}

/* 하단 배너 */
.main_bottom_wp{ width: 100%; background:#fbfbfb; margin:0 auto; display: block; clear: both; margin-top: 60px;}
.main_bottom_wp ul{overflow:hidden; padding:50px 0; margin:0 auto; width:1200px;}
.main_bottom_wp ul li{ width: 33.3333%; float: left; padding: 0 20px; box-sizing: border-box;}
.main_bottom_wp ul li .main_bottom_list .tit{font-size:20px; color:#0296de; display: block; margin-bottom: 20px;}
.main_bottom_wp ul li .main_bottom_list .tit img{ margin-right: 10px;}
.main_bottom_wp ul li .main_bottom_list .call{ font-size:30px; color:#c9233b; letter-spacing: -1px;}
.main_bottom_wp ul li .main_bottom_list p{ margin-top: 10px; line-height: 25px; font-size: 15px;}
.main_bottom_wp ul li .main_bottom_list p b{}
.main_bottom_wp ul li .main_bottom_list p span{color: #555;}
.main_bottom_wp ul li .main_bottom_list .main_bottom_bt{overflow:hidden}
.main_bottom_wp ul li .main_bottom_list .main_bottom_bt a{float:left; width:45%; margin-right: 5%; margin-bottom: 15px; padding: 15px 0; background: #fbfbfb; border: 2px solid #ddd;text-align: center; box-sizing: border-box;}
.main_bottom_wp ul li .main_bottom_list .main_bottom_bt a:hover{border: 2px solid #0296de;}
.main_bottom_wp ul li .main_bottom_list .main_bottom_con{ padding: 0 40px; }



/* 푸터 footer */
footer{width:100%; display:block;}
footer .footer_con_wp{padding:145px 0 100px; box-sizing:border-box;}

footer .footer_con{width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content:space-between;}
footer .footer_con .footer-con-l{display:flex; flex-direction:column;}

footer .footer_con .footer-con-l-t{display:flex;}
footer .footer_con .footer-con-l-t .CScenter-l{}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t{display:flex; align-items:center;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h3{font-size:20px; font-weight:700; line-height:1; color:#0b0e13; margin:0 42px 0 0;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h2{font-size:28px; font-weight:700; font-family:'Lato', sans-serif; line-height:1; color:#0b0e13;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b{margin:22px 0 0;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h2{font-size:15px; font-weight:500; line-height:1; color:#0b0e13; margin:0 0 10px;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h3{font-size:14px; font-weight:500; line-height:1; color:#727272;}

footer .footer_con .footer-con-l-t .CScenter-r{display:flex; align-items:flex-end; margin:0 0 0 56px;}
footer .footer_con .footer-con-l-t .CScenter-r ul{display:flex;}
footer .footer_con .footer-con-l-t .CScenter-r ul li{border:1px solid #b7b7b7; box-sizing:border-box; margin:0 8px 0 0;}
footer .footer_con .footer-con-l-t .CScenter-r ul li:last-of-type{margin:0;}
footer .footer_con .footer-con-l-t .CScenter-r ul li a{display:block; padding:14px 24px; box-sizing:border-box; font-size:14px; font-weight:500; line-height:1; color:#0b0e13;}

footer .footer_con .footer-con-l-b{margin:44px 0 0;}
footer .footer_con .footer-con-l-b address{font-size:13px; font-weight:400; font-style:normal; color:#7a7a7a; display:flex; flex-wrap:wrap; margin:0 0 6px;}
footer .footer_con .footer-con-l-b address span{display:inline-flex; align-items:center;}
footer .footer_con .footer-con-l-b address span:after{content:""; width:1px; height:13px; background:#bfbfbf; display:inline-block; margin:0 6px;}
footer .footer_con .footer-con-l-b address span:last-of-type:after{display:none;}
footer .footer_con .footer-con-l-b .copyright-name{font-size:13px; font-weight:400; color:#7a7a7a;}

footer .footer_con .footer-con-r{display:flex; align-items:flex-end;}
footer .footer_con .footer-con-r ul{display:flex; margin:0;}
footer .footer_con .footer-con-r ul li{width:52px; height:52px; background:#222; border-radius:50%; margin:0 16px 0 0;}
footer .footer_con .footer-con-r ul li:last-of-type{margin:0;}
footer .footer_con .footer-con-r ul li a{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
footer .footer_con .footer-con-r ul li a img{display:block;}

footer .footer_bot{width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;
padding:18px 0 18px; box-sizing:border-box;}
footer .footer_bot .footer_bot-l{}
footer .footer_bot .footer_bot-l a{display:inline-block; font-size:14px; font-weight:700; color:#333;}
footer .footer_bot .footer_bot-l a:after{content:""; display:inline-block; width:2px; height:12px; background:#dfdfdf; margin:0 14px;}
footer .footer_bot .footer_bot-l a:last-of-type:after{display:none;}
footer .footer_bot .footer_bot-r{}
footer .footer_bot .footer_bot-r a{display:block;}
footer .footer_bot .footer_bot-r a img{height:30px; display:block;}



/* 팝업 */
.popup{ position:absolute; background: #fff; z-index:9992; box-shadow:3px 3px 3px rgba(0,0,0,0.3);  }
.popup img{width:100%;}
.popup_footer{ background: #fff; position: absolute; width: 100%; bottom: 0; overflow: hidden; border-top:1px solid #ddd}
.popup_footer a.popclose{ float: right; padding: 3px 10px; background: #666; color: #fff; margin: 5px; cursor: pointer;}



/* 채팅 */
html, body{height:100%;}

.chat-bt{position:fixed; left:20px; bottom:20px; background:#0296de; box-sizing:border-box; border-radius:50%; box-shadow:0 4px 10px 0 rgb(0 0 0 / 30%); z-index:70;}
.chat-bt a{width:80px; height:80px; display:flex; justify-content:center; align-items:center;}
.chat-bt a img{width:56px; display:block;}

#curChat{height:100%;}
#curChat .chat-title{display:flex; background:#0296de; display:none;}
#curChat .chat-title .chat-title-name{width:calc(100% - 45px); display:flex; align-items:center; padding:8px 10px; font-size:18px; font-weight:500; color:#fff; box-sizing:border-box;}
#curChat .chat-title span{width:45px; height:45px; background:#333; display:flex; justify-content:center; align-items:center; font-size:24px; color:#fff; cursor:pointer;}

#curChat .chat-search-area{width:100%; display:none; align-items:center; position:fixed; top:0; background:#ddd; padding:8px 10px; z-index:20; box-sizing:border-box;}
#curChat .chat-search-area input{width: calc(100% - 25px); height:30px; padding:10px 15px; margin:0 5px 0 0; font-size:13px; line-height:1; border-radius:6px; background:#fff; box-sizing:border-box; overflow-wrap:break-word;}
#curChat .chat-search-area a{width:20px; height:20px; background:#333; display:flex; justify-content:center; align-items:center; font-size:14px; color:#fff; border-radius:6px;}

#curChat .chat-area-wrap{height:calc(100% - 111px); background:#f4f4f4; padding:10px; overflow-y:auto; box-sizing:border-box;}
#curChat .chat-area{display:flex; flex-direction:column;}
#curChat .chat-area.admin-area{align-items:flex-start;}
#curChat .chat-area.user-area{align-items:flex-end;}

#curChat .chat-date{display:flex; justify-content:center; position:relative; margin:6px auto 16px;}
#curChat .chat-date:after{content:""; display:block; width:100%; height:1px; background:#bbb; position:absolute; top:50%; left:0;}
#curChat .chat-date p{font-size:12px; font-weight:500; background:#f4f4f4; color:#666; z-index:10; padding:0 6px;}

#curChat .chat-name{font-size:13px; line-height:1; font-weight:400; margin:0 0 6px; color:#222;}
#curChat .chat-name.admin-name{}
#curChat .chat-name.user-name{}

#curChat .chat-speech{width:100%; height:100%; display:flex; align-items:flex-end;}
#curChat .chat-speech.admin-speech{justify-content:flex-start;}
#curChat .chat-speech.user-speech{justify-content:flex-end;}
#curChat .chat-speech-con{max-width:65%; font-size:14px; line-height:1.2; word-break:break-all; padding:8px; position:relative; box-sizing:border-box;}
#curChat .chat-speech.admin-speech .chat-speech-con{border-radius:0 8px 8px 8px; margin:0 6px 10px 6px; background:#d3d3d3;}
#curChat .chat-speech.admin-speech .chat-speech-con:before{content:""; display:inline-block; position:absolute; top:0; left:-6px;
border-top:4px solid #d3d3d3; border-left:6px solid transparent;}
#curChat .chat-speech.user-speech .chat-speech-con{border-radius:8px 0 8px 8px; margin:0 6px 10px 6px; background:#00acff; color:#fff; order:2;}
#curChat .chat-speech.user-speech .chat-speech-con:before{content:""; display:inline-block; position:absolute; top:0; right:-6px;
border-top:4px solid #00acff; border-right:6px solid transparent;}
#curChat .chat-speech .chat-speech-con.chat-speech-img{background:none; padding:0; border-radius:8px; overflow:hidden;}
#curChat .chat-speech .chat-speech-con.chat-speech-img:before{display:none;}
#curChat .chat-speech .chat-speech-con.chat-speech-img img{width:auto; max-width:100%;}
#curChat .chat-speech.admin-speech .chat-speech-con.chat-speech-img img{float:left;}
#curChat .chat-speech.user-speech .chat-speech-con.chat-speech-img img{float:right;}
#curChat .chat-speech .speech-time{font-size:10px; color:#555; padding:0 0 10px; order:1;}

#curChat .chat-send-wrap{width:100%; display:flex; flex-direction:column; position:fixed; left:0; bottom:0; background:#ddd; padding:8px 10px; box-sizing:border-box;}
#curChat .chat-send-wrap .chat-send-area{display:flex; flex-direction:column; background:#fff; padding:10px; border-radius:6px;}
#curChat .chat-send-wrap .chat-typing{display:flex;}
#curChat .chat-send-wrap .chat-typing textarea{width:calc(100% - 61px); height:51px; padding:10px 15px; margin:0 5px 0 0; font-size:13px; line-height:1; box-sizing:border-box; overflow-wrap:break-word;}
#curChat .chat-send-wrap .chat-typing textarea:focus{border:1px solid #eee;}
#curChat .chat-send-wrap .chat-typing input{width:56px; height:31px; line-height:1; background:#0296de; border:none; border-radius:6px; font-size:12px; color:#fff;}
#curChat .chat-send-wrap .chat-send-bt{display:flex; }
#curChat .chat-send-wrap .chat-send-bt .chat-upload{width:24px; height:24px; display:flex; justify-content:center; align-items:center; margin:0 10px 0 0; cursor:pointer;}
#curChat .chat-send-wrap .chat-send-bt .chat-search-bt{width:24px; height:24px; display:flex; justify-content:center; align-items:center; margin:0 10px 0 0; cursor:pointer;}


#curChat.admin-chat{}
#curChat.admin-chat .chat-area.user-area{align-items:flex-start;}
#curChat.admin-chat .chat-speech.admin-speech{justify-content:flex-end;}
#curChat.admin-chat .chat-speech.user-speech{justify-content:flex-start;}
#curChat.admin-chat .chat-speech.admin-speech .chat-speech-con:before{content:""; display:inline-block;
position:absolute; top:0; right:-6px; left:0; border-top:4px solid #d3d3d3; border-right:6px solid transparent; border-left:none;}
#curChat.admin-chat .chat-speech.user-speech .chat-speech-con:before{content:""; display:inline-block;
position:absolute; top:0; left:-6px; right:0; border-top:4px solid #00acff; border-left:6px solid transparent; border-right:none;}
#curChat.admin-chat .chat-speech .chat-speech-con.chat-speech-img:before{display:none;}
#curChat.admin-chat .chat-speech.admin-speech .chat-speech-con{order:3;}
#curChat.admin-chat .chat-speech.user-speech .chat-speech-con{order:1;}
#curChat.admin-chat .chat-speech .speech-time{order:2;}

/* 체크박스 라디오버튼 스타일 */
.form_element{display:inline-block; overflow:hidden; position:relative;vertical-align:middle;}
span.form_element{display:inline-block;}
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;background:url('/img/check_off.png') no-repeat 1px top;}
.form_element label:hover{background:url('/img/check_over.png') no-repeat 1px top;}
.form_element label.on{background:url('/img/check_on.png') no-repeat 1px top;}
.form_element label.choice{background:url('/img/radio_off.png') no-repeat 1px 50%;}
.form_element label.choice:hover{background:url('/img/radio_over.png') no-repeat 1px 50%;}
.form_element label.choice.on{background:url('img/radio_on.png') no-repeat 1px 50%;}
.form_element label.check_s{min-width:13px;padding:0 0 0 22px;background:url('/img/check_off_small.png') no-repeat 1px 2px;}
.form_element label.check_s:hover{background:url('/img/check_over_small.png') no-repeat 1px 2px;}
.form_element label.check_s.on{background:url('/img/check_on_small.png') no-repeat 1px 2px;}
.form_element label.choice_s{min-width:13px;padding:0 0 0 22px;background:url('/img/radio_off_small.png') no-repeat 1px 50%;}
.form_element label.choice_s:hover{background:url('/img/radio_over_small.png') no-repeat 1px 50%;}
.form_element label.choice_s.on{background:url('/img/radio_on_small.png') no-repeat 1px 50%;}
.form_element label.single{width:21px; height:21px; padding:1px 0 0; background-color:transparent; text-indent가산디지털단지역 1호선:-9999px;}
.form_element label.single:hover{background-color:transparent;}
.form_element label span{color:#979797;}
.form_element label img{vertical-align:middle;}
.form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;}
/** 체크박스용 비활성화 **/
.form_element label.check_dis_s { background-image: url('/img/check_dis_s.png'); }


/* 트렌드키워드 */
.trend-wrap{position:relative;}

.main_tab.trend-tab{ text-align: center; margin:0 0 70px;}
.main_tab.trend-tab li{height:42px; display:inline-flex; align-items:center; font-size:14px; font-weight:500; cursor:pointer; padding:4px 22px; border-radius:50px; background:#f3f3f3; color:#9c9fa2; margin-right:10px; box-sizing:border-box;}
.main_tab.trend-tab li:last-child{ margin-right:0}
.main_tab.trend-tab li.on{background:#0b0b0a; color:#fff}

.trend-slide-wrap.tab_con_in{position:relative; display:none;}

.trend-slide{width:1200px; overflow:hidden;}
.trend-slide .swiper-wrapper{}
.trend-slide li.swiper-slide{cursor:pointer;}

.trend-slide .proImg{border-radius:50%; overflow:hidden;}
.trend-slide .pro-text{height:82px; text-align:center; box-sizing:border-box;}
.trend-slide .proName{text-align:center;}
.trend-slide .proPrice{text-align:center;}

.trend-slide-wrap .swiper-button-prev, .trend-wrap .swiper-button-next{width:auto; height:auto; color:#555;}
.trend-slide-wrap .swiper-button-prev:after, .trend-wrap .swiper-button-next:after{font-size:39px;}
.trend-slide-wrap .swiper-button-prev{left:-65px; transform:translate(0, -40px);}
.trend-slide-wrap .swiper-button-next{right:-65px; transform:translate(0, -40px);}




.top100{overflow:hidden; margin:0 0 100px;}
.top100 #tab-menu{width:1200px; margin:0 auto;}
.top100 .tab_wrap{position:relative;}
.top100 ul.tabList{width:1200px; display:flex; justify-content:space-between; border:1px solid #ddd; border-bottom:1px solid #d91717; box-sizing:border-box;}
.top100 ul.tabList li{flex-grow:1; position:relative; border-right:1px solid #ddd; box-sizing:border-box;}
.top100 ul.tabList li:last-child{border-right:none;}
.top100 ul.tabList li.on{}
.top100 ul.tabList li.on:after{content:""; display:block; width:100%; height:100%; border:1px solid #d91717; border-bottom:1px solid #fff; position:absolute; top:-1px; left:-1px;}
.top100 ul.tabList li a{text-align:center; padding:22px 0; color:#555; font-size:17px; font-weight:400; line-height:1; display:block;}
.top100 ul.tabList li.on a{font-weight:400; color:#d91717;}
.top100 #tab-img{width:; height:; overflow:hidden;}

.top100 .tabCon{position:relative; margin:20px 0 0;}
.top100 .tabCon > ul > li{width:100%; box-sizing:border-box; display:none;}
.top100 .tabCon > ul > li:nth-of-type(1){display:block;}
.top100 .tabCon .tab-cont{}
.top100 .tabCon .tab-cont dl{width:310px; margin:0 20px 60px 0; position:relative; display:inline-block; float:left; cursor:pointer;}
.top100 .tabCon .tab-cont dl:nth-of-type(4){margin:0 0 20px}
.top100 .tabCon .tab-cont dl:nth-of-type(5),
.top100 .tabCon .tab-cont dl:nth-of-type(6),
.top100 .tabCon .tab-cont dl:nth-of-type(7){margin:0 20px 0 0}
.top100 .tabCon .tab-cont dl:nth-of-type(8){margin:0}
.top100 .tabCon .tab-cont dl:after{content:""; display:block; clear:both;}


.top100 .tabCon .tab-cont dl:hover dt div:before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.45); position:absolute; top:0; left:0; z-index:10;}
.top100 .tabCon .tab-cont dl:hover dt ul{display:flex;}
.top100 .tabCon .tab-cont dl ul{display:none; justify-content:center; align-items:center; z-index:20;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.top100 .tabCon .tab-cont dl dt ul li{width:95px; height:95px; border-radius:50%; margin:0 26px 0 0;}
.top100 .tabCon .tab-cont dl dt ul li:nth-of-type(1){background:rgba(146,217,23,0.75);}
.top100 .tabCon .tab-cont dl dt ul li:nth-of-type(2){background:rgba(217,23,23,0.75);}
.top100 .tabCon .tab-cont dl dt ul li:last-of-type{margin:0;}
.top100 .tabCon .tab-cont dl dt ul li a{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.top100 .tabCon .tab-cont dl dt ul li a img{height:42px; display:block;}
.top100 .tabCon .tab-cont dl dt ul li a p{font-size:14px; font-weight:500; color:#fff; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}


.top100 .tabCon .tab-cont dl a{}
.top100 .tabCon .tab-cont dt{position:relative; padding:0; margin:auto; cursor:pointer; overflow:hidden;
border:1px solid #ddd; border-radius:6px; box-sizing:border-box;}
.top100 .tabCon .tab-cont dt span{position:absolute; top:15px; left:15px; z-index:100;}
.top100 .tabCon .tab-cont dt div{width:100%; padding-top:100%; position:relative;}
.top100 .tabCon .tab-cont dt div img.top100_mainImg{width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.top100 .tabCon .tab-cont dd{padding:0 10px; cursor:pointer; margin:auto;}
.top100 .tabCon .tab-cont dd h2{font-size:18px; font-weight:400; line-height:1; color:#333; padding:20px 0 10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top100 .tabCon .tab-cont dd b{font-size:20px; line-height:20px; font-weight:700; color:#f80000;}
.top100 .tabCon .tab-cont dd b span{font-size:16px; font-weight:400;}
.top100 .tabCon .tab-cont dd p{font-size:11px; color:#518ddd;}

.top100 .tabCon .tab-cont .point_box b{width:12px; font:normal 11px/14px Dotum; background:#ec407a; color:#fff; padding:3px 2px 1px; letter-spacing:-1px;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin:2px 2px; }
.top100 .tabCon .tab-cont .point_box{font-size:12px; color:#333; }





.brandstory-wrap{}
.brandstory-bg{}
.brandstory-front{width:1200px; height:600px; margin:auto; display:flex; flex-direction:column; justify-content:center; text-align:center;}
.brandstory-front .brandstory-top{}
.brandstory-front .brandstory-top p{font-size:16px; font-weight:500; line-height:1; color:#fff;}
.brandstory-front .brandstory-mid{margin:50px 0 60px;}
.brandstory-front .brandstory-mid p{font-size:32px; font-weight:200; line-height:1; color:#fff; letter-spacing:0.25em;}
.brandstory-front .brandstory-bot{}
.brandstory-front .brandstory-bot p{font-size:22px; font-weight:500; line-height:1.4; color:#fff;}







/* SIDE */
#side-quick{position:absolute; right:22px; z-index:100; width:42px; text-align:center; cursor:pointer;
background:#fff; border-radius:50px; box-sizing:border-box; box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);
display:flex; justify-content:center; align-items:center; flex-direction:column;}
#side-quick h2{font-size:13px; font-weight:400; line-height:1; color:#000; margin:15px 0 0;}
#side-quick span{width:22px; height:22px; background:#353535; border-radius:50px; margin:10px 0; display:flex; justify-content:center; align-items:center;}
#side-quick span img{display:block;}


#side-detail{width:240px; height:100%; position:fixed; top:0; right:-240px;
background:#fff; border-left:1px solid #333; box-sizing:border-box; z-index:101;}
#side-detail .quick-close{width:35px; height:35px; background:#222; cursor:pointer; position:absolute; top:18px; left:0;}
#side-detail .quick-close:after{content:''; border-left:2px solid #fff; transform:rotate(45deg); box-sizing:border-box;}
#side-detail .quick-close:before{content:''; border-left:2px solid #fff; transform:rotate(-45deg); box-sizing:border-box;}
#side-detail .quick-close:after,
#side-detail .quick-close:before{height:25px; position:absolute; top:4px; left:17px;}

#side-detail .side-scroll{height:100%; overflow-y:auto; -ms-overflow-style:none;}
#side-detail .side-scroll::-webkit-scrollbar{display:none;}


#side-detail .side-detail-top{width:100%; height:140px; background:#f3f3f3;
display:flex; justify-content:center; align-items:center;}
#side-detail .side-detail-top h2{font-size:18px; font-weight:; color:#222;}

#side-detail .side-detail-box-wrap{padding:32px;}
#side-detail .side-detail-box{border-bottom:1px solid #e8e8e8; padding:0 0 24px; margin:0 0 24px;}
#side-detail .side-detail-box:last-of-type{border-bottom:none; padding:0; margin:0;}
#side-detail .side-detail-box .latest-view-wrap{position:relative;}
#side-detail .side-detail-box h2{font-size:14px; font-weight:500; color:#333; line-height:1;}
#side-detail .side-detail-box .latest-view{width:100%; overflow:hidden; margin:8px 0 0;}
#side-detail .side-detail-box .latest-view .swiper-wrapper{}
#side-detail .side-detail-box .latest-view .swiper-wrapper li{}
#side-detail .side-detail-box .latest-view .swiper-wrapper li img{width:100%; display:block;}
#side-detail .side-detail-box .swiper-button-prev,
#side-detail .side-detail-box .swiper-button-next{width:auto; height:auto; padding:4px; color:#555;}
#side-detail .side-detail-box .swiper-button-prev:after,
#side-detail .side-detail-box .swiper-button-next:after{font-size:11px;}
#side-detail .side-detail-box .swiper-button-prev{top:21px; left:146px;}
#side-detail .side-detail-box .swiper-button-next{top:21px; right:0px;}
#side-detail .side-detail-box .side-list{}
#side-detail .side-detail-box .side-list li{}
#side-detail .side-detail-box .side-list li a{font-size:13px; line-height:2em; color:#333; display:block;}
#side-detail .side-detail-box .side-bt{display:flex; flex-direction:column;}
#side-detail .side-detail-box .side-bt li{width:100%; border:1px solid #ccc; box-sizing:border-box; margin:0 0 4px;}
#side-detail .side-detail-box .side-bt li a{font-size:13px; display:block; padding:6px; text-align:center; box-sizing:border-box;}


#side-bt{position:fixed; right:22px; bottom:60px; z-index:100;}
#side-bt li{width:42px; height:42px; display:block; background:#fff; border-radius:50px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);
margin:0 0 6px; position:relative; cursor:pointer;}
#side-bt li:last-of-type{margin:0;}
#side-bt li a{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#side-bt li a img{display:block;}





/* 서브 리스트 */
.full_con_wp .main_product_wp .product_list .basic_goods{width:32.6666%; margin:0 1% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(3n+0){margin:0 0 4% 0;}
.full_con_wp .main_product_wp .product_list .list-text-box{padding:20px 10px 10px; box-sizing:border-box;}
.full_con_wp .main_product_wp .product_list .list-text-box .proName{
height:2.4em;
line-height:1.2;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
}















@media (max-width:1200px) {
.wrap{padding-top:;}

.centerWrap{width:100%;}

.header-wrap{}
.top_wp{width:96%!important; padding:0 0 10px;}
.top_wp .top-gnb{padding:6px 0 6px;}
.top_wp .top-gnb > li a{font-size:11px;}
.top_wp .top-gnb > li .language-sel{font-size:11px;}
.top_wp .top-gnb .top-gnb-l{display:none;}
.top_wp .top_logo{width:auto!important;}
.top_wp .top_logo a img{height:38px;}
.top_wp .top_search{width:auto!important;}


/* MENU */
.main_full_wp{display:; padding:6px 0;}
.top-menu-warp{justify-content:center;}
.top_menu_wp1{display:none;}
.top_menu_wp2:before{display:none;}
.top_menu_wp > li{margin:0 0 0 24px;}
.top_menu_wp > li > a{font-size:13px; line-height:34px; }

.top-menu-l{margin:0 40px 0 0;}

.top-menu-r .top_search fieldset a img{height:18px;}


/* SIDE */
#side-quick{display:none;}
#side-detail{display:none;}
#side-bt{display:none;}


/* FOOTER */
footer .footer_con{width:100%;}


footer .footer_bot{width:100%;}


/* MAIN */
/* COMMON */
.main_full_in{width:100%;}
.grey-bg{padding:0 0 80px;}


.main_product_tab{width:96%!important;}
.main_product_tab .main_product_tit{font-size:0; margin:0!important;}
.main_product_tit{padding:80px 0 30px;}
.main_product_tit strong{font-size:26px;}


/* VISUAL */
.main_visual ul li{width:100%;}
.main_visual ul li{border-radius:0!important;}
.main_visual.main_visual3 .swiper-slide{height:520px;}

.main_new_in{width:96%; transform:translate(0, calc(-50% + 61px));}
.main_new_in .txt{width:50%!important;}
.main_new_in .img{width:50%!important;  padding-top:0!important;}
.main_new_in .img img{width:100%!important; max-width:260px;}
.main_new_in .img span{font-size:14px; margin:8px 0 0;}

.swiper-text{width:96%; transform:translate(-50%, calc(-50% + 61px));}
.swiper-slide .title{font-size:45px; margin:0 0 8px;}
.swiper-slide .subtitle{font-size:30px;}
.swiper-slide .text{font-size:18px;	margin:0 0 30px;}


/* 오늘의 HOT DEAL */
.hotdeal-wrap{margin:80px auto 0; text-align:center;}
.hotdeal-wrap .time-slide .swiper-slide > a{display:inline-flex; flex-direction:column; justify-content:center; align-items:center; padding:2% 2% 4%;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l{order:2;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l h2{font-size:28px; margin:20px 0 40px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l ul{}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l strong{font-size:22px; margin:10px 0 0;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price{font-size:28px; justify-content:center;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price b{font-size:27px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price del{font-size:18px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price .time-discount{font-size:28px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price .time-discount span{font-size:18px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .swiper-pagination{text-align:center;}
.hotdeal-wrap .swiper-button-prev{left:2%;}
.hotdeal-wrap .swiper-button-next{right:2%;}

.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-r{order:1;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-r img{max-width:420px;}


/*메인 탭*/
.main_tab_con .tab_con_in{display:none}
.main_tab_con .tab_con_in .main_product_wp{}
.main_tab_con .tab_con_in .main_product_wp > ul{}
.main_tab_con .tab_con_in .main_product_wp > ul > li{flex-basis:32%; margin:0 2% 5% 0; cursor:pointer;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(4n+0){margin:0 2% 5% 0;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(3n+0){margin:0 0 5%;}


/* 카테고리 베스트 */
.main_tab_wp .main_tab{margin:0 0 15px;}

.main_product_tab3{}

.main_tab_con3 .main_product_wp{position:relative; width:100%;}
.main_tab_con3 .main_product_wp > ul{}
.main_tab_con3 .main_product_wp > ul > li{width:49%; margin:0 2% 0 0;}
.main_tab_con3 .main_product_wp > ul > li:nth-of-type(odd){margin:0 0 0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type{width:100%; display:flex; margin:0 0 2% 0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .proImg{width:50%; flex-shrink:0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text{width:50%; height:auto; padding:2%;
display:flex; flex-direction:column; justify-content:center; border:1px solid #eee; border-width:1px 1px 1px 0;}
.main_tab_con .main_product_wp > ul > li .proName{}
.main_tab_con3 .main_product_wp > ul > li .proName{}

.main_tab_con3_rank{width:42px; height:42px; font-size:28px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .main_tab_con3_rank{width:63px; height:63px; font-size:41px;}


/* 고객맞춤상품 */
.customization-wrap .customization-input .main_product_tit{padding-top:inherit;}


/* 중간 배너 */
.mini_visual{margin:80px auto 0;}
.mini_visual li{}
.mini_visual li a{}
.mini_visual li a img{}


/* 트랜드키워드 */
.main_tab.trend-tab{margin:0 0 2%;}
.trend-slide-wrap{width:96%; margin:0 auto 50px;}
.trend-slide-wrap > ul{display:flex; flex-wrap:wrap;}
.trend-slide-wrap > ul .swiper-slide{width:32%; margin:0 2% 5% 0;}
.trend-slide-wrap > ul .swiper-slide:nth-of-type(3n+0){margin:0 0 5% 0;}


/* 이벤트 */
a.main_event_wp_more{margin:12px 0 0; font-size:14px;}

.main_event_wp{width:100%; margin:0 auto 80px;}
.main_event_wp ul{width:100%!important;}
.main_event_wp ul li{width:;}
.main_event_wp ul li .event-text{padding:2% 2%;}
.main_event_wp ul li .event-text h3{height:2.4em; font-size:20px;}
.main_event_wp ul li .event-text p{font-size:16px;}

.main_event_wp .swiper-button-prev,
.main_event_wp .swiper-button-next{display:none;}
.main_event_wp .swiper-button-prev:after,
.main_event_wp .swiper-button-next:after{}
.main_event_wp .swiper-button-prev{}
.main_event_wp .swiper-button-next{}


/* 메인 리뷰 */
.main_review_wp{}

.review-slide-wrap{width:96%;}
.review-slide{width:100%;}
.review-slide .swiper-slide a{}

.review-slide .review-bot{}
.review-slide .review-bot .review-bot-t{padding:4% 4% 0;}
.review-slide .review-bot .review-bot-t h3{height:2.4em; font-size:16px;}
.review-slide .review-bot .review-bot-t p{font-size:13px; margin:10px 0 0;}

.review-slide .review-bot .review-bot-b{margin:20px 0 0; padding:0 4% 4%;}
.review-slide .review-bot .review-thumb{width:50px; max-width:50px; height:50px; margin:0 6px 0 0;}
.review-slide .review-bot .review-product{width:calc(100% - 56px);}
.review-slide .review-bot .review-product h2{width:100%; max-width:160px; font-size:14px;}

.review-slide .review-bot .review-product .review-point{margin:6px 0 0;}
.review-slide .review-bot .review-product .review-point p{font-size:12px; margin:0 4px 0 0;}
.review-slide .review-bot .review-product .review-point span{width:65px; height:revert;}

.review-slide-wrap .swiper-horizontal > .swiper-pagination-bullets,
.review-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.review-slide-wrap .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-40px;}
.review-slide-wrap .swiper-button-prev,
.review-slide-wrap .swiper-button-next{display:none;}

#review-layer{}
#review-layer .modal-dialog{width:480px;}
#review-layer .modal-content{}

.review-layer-slide{}
.review-layer-slide.swiper{overflow:visible;}
.review-layer-slide .swiper-slide{}

.review-layer-slide .swiper-button-prev,
.review-layer-slide .swiper-button-next{width:auto; height:auto; color:#fff; background:rgba(0,0,0,0.4);}
.review-layer-slide .swiper-button-prev:after,
.review-layer-slide .swiper-button-next:after{font-size:22px; padding:10px 8px; text-shadow:none;}
.review-layer-slide .swiper-button-prev{left:8px; transform:translate(0, calc(-35px + -2%));}
.review-layer-slide .swiper-button-next{right:8px; transform:translate(0, calc(-35px + -2%));}

.review-box .review-layer{flex-direction:column;}
.review-box .review-layer .review-layer-l{min-height:auto; position:relative;}


.review-layer .review-layer-r{max-width:none;}
.review-layer-r .review-layer-r-t{border-top:1px solid #eee; border-bottom:none; padding:2% 2% 4%;}
.review-layer-r .review-layer-r-t a .review-pro-img{width:46px; height:46px;}
.review-layer-r .review-layer-r-t a .review-pro-name h3{font-size:13px;}
.review-layer-r .review-layer-r-t a .review-pro-name span{font-size:13px; margin:1% 0 0;}
.review-layer-r .review-layer-r-t button{position:fixed; top:10px; right:10px;}

.review-layer-r .review-layer-r-m{padding:2%;}
.review-layer-r .review-layer-r-m span.star{width:76px; height:12px;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box{padding:2%; margin:6% 0 1%;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box h2{font-size:13px; margin:0 0 1%;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box h2 span{font-size:12px;}
.review-layer-r .review-layer-r-m .review-layer-r-m-box p{font-size:12px;}
.review-layer-r .review-layer-r-m h3{font-size:14px; margin:1% 0 0;}
.review-layer-r .review-layer-r-m h4{font-size:11px;}

.review-layer-r .review-layer-r-b{padding:2%;}
.review-layer-r .review-layer-r-b .other-review-title{margin:0 0 2%;}
.review-layer-r .review-layer-r-b .other-review-title h2{font-size:15px;}
.review-layer-r .review-layer-r-b .other-review-title div{}
.review-layer-r .review-layer-r-b .other-review-title div p{font-size:12px; margin:0 6px 0 0;}
.review-layer-r .review-layer-r-b .other-review-title div p span{}
.review-layer-r .review-layer-r-b .other-review-title div .other-review-arrow{padding:4px;}
.review-layer-r .review-layer-r-b .other-review li{width:15%; margin:0 2% 2% 0;}
.review-layer-r .review-layer-r-b .other-review li:nth-of-type(4n+0){margin:0 2% 2% 0;}
.review-layer-r .review-layer-r-b .other-review li:nth-of-type(6n+0){margin:0 0 2% 0;}

.review-box .slider-nav{justify-content:center; position: relative; left:auto; right:auto; bottom:auto; top:auto; transform:none; margin:2% 0;}
.review-box .slider-nav .item-slick{width:70px; height:70px; margin-right:2%;}
.review-box .slider-nav .item-slick img{width:100%; display:block; background-size:cover; background-position:center;}
.review-box .slider-nav .item-slick span{width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}


/* 브랜드스토리 */
.brandstory-wrap{}
.brandstory-bg{}
.brandstory-front{width:100%; height:520px;}


/* 서브 리스트 */
.full_con_wp .main_product_wp .product_list .basic_goods{width:32%; margin:0 2% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(4n+0){margin:0 2% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(3n+0){margin:0 0 4% 0;}


/* 푸터 footer */
footer{}
footer .footer_con_wp{padding:80px 0 60px;}

footer .footer_con{flex-direction:column;}
footer .footer_con .footer-con-l{}

footer .footer_con .footer-con-l-t{flex-direction:column; align-items:center;}
footer .footer_con .footer-con-l-t .CScenter-l{width:100%;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t{display:flex; justify-content:center; align-items:center;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h3{font-size:22px; margin:0 2% 0 0;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h2{font-size:32px;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b{margin:2% 0; text-align:center;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h2{font-size:16px; margin:0 0 6px;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h3{font-size:15px;}

footer .footer_con .footer-con-l-t .CScenter-r{margin:0;}
footer .footer_con .footer-con-l-t .CScenter-r ul{}
footer .footer_con .footer-con-l-t .CScenter-r ul li{margin:0 6px 0 0;}
footer .footer_con .footer-con-l-t .CScenter-r ul li a{padding:10px 14px; font-size:13px;}

footer .footer_con .footer-con-l-b{text-align:center; margin:2% 0 0;}
footer .footer_con .footer-con-l-b address{justify-content:center; margin:0 0 2px;}
footer .footer_con .footer-con-l-b address span{}

footer .footer_con .footer-con-r{justify-content:center;}
footer .footer_con .footer-con-r ul{margin:2% 0 0;}
footer .footer_con .footer-con-r ul li{width:56px; height:56px; margin:0 10px 0 0;}

footer .footer_bot{flex-direction:column; justify-content:center; padding:4% 0 0;}
footer .footer_bot .footer_bot-l{display:flex; flex-wrap:wrap; justify-content:center;}
footer .footer_bot .footer_bot-l a{font-size:14px; margin:0 14px 0 0;}
footer .footer_bot .footer_bot-l a:last-of-type{margin:0;}
footer .footer_bot .footer_bot-l a:after{display:none;}
footer .footer_bot .footer_bot-r{margin:2% 0 0;}
footer .footer_bot .footer_bot-r a{display:block;}
footer .footer_bot .footer_bot-r a img{display:block;}

}



@media (max-width:768px) {
.main_product_tit{padding:50px 0 15px;}
.main_product_tit strong{font-size:24px!important;}
.proPrice span{font-size:14px; font-weight:500;}
.header-wrap{position:inherit; left:inherit; top:inherit;}


.grey-bg{padding:0 0 50px; margin:40px 0 0;}

/* HEADER */
header.header-pc{display:none;}
header.header-m{display:block;}


/* VISUAL */
.main_visual.main_visual3 .swiper-slide{height:auto;}

.main_new_in{width:96%; transform:translate(0, -50%);}
.main_new_box{flex-direction:column;}
.main_new_in .txt{width:100%!important; order:2; margin:10px 0 0;}
.main_new_in .txt b{font-size:18px;}
.main_new_in .txt b:after{width:34px; margin:2% auto;}
.main_new_in .txt span{font-size:12px;}
.main_new_in .img{width:100%!important; order:1;}
.main_new_in .img img{max-width:300px;}

.swiper-text{width:92%; top:25%; transform:translate(-50%, 0);}
.swiper-text02{top:20% !important;}
.swiper-slide .title{font-size:26px; margin:0 0 4px;}
.swiper-slide .subtitle{font-size:20px;}
.swiper-slide .text{font-size:17px; margin:0 0 20px;}


/* 오늘의 HOT DEAL */
.hotdeal-wrap{width:96%; max-width:380px;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l{}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l h2{}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price{justify-content:center;}
.hotdeal-wrap .time-slide .swiper-slide > a .hotdeal-l .time-price .time-discount{}
.hotdeal-wrap .swiper-button-prev,
.hotdeal-wrap .swiper-button-next{display:none;}


/*메인 탭*/
.main_tab_con .tab_con_in{display:none}
.main_tab_con .tab_con_in .main_product_wp{}
.main_tab_con .tab_con_in .main_product_wp > ul{}
.main_tab_con .tab_con_in .main_product_wp > ul > li{width:auto!important; flex-basis:49%; margin:0 2% 5% 0; cursor:pointer;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(4n+0){margin:0 2% 5% 0;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(3n+0){margin:0 2% 5% 0;}
.main_tab_con .tab_con_in .main_product_wp > ul > li:nth-of-type(even){margin:0 0 5%;}

.main_tab_con .main_product_wp > ul > li .proName{}
.main_tab_con3 .main_product_wp > ul > li .proName{}

.main_tab_wp .main_tab li{height:auto; font-size:13px!important; line-height:1; padding:8px 18px; margin:0 3% 2% 0;}
/*메인 카테고리별 베스트 탭 모바일에서 한줄에 3개씩*/
.main_tab_wp #tab3.main_tab{
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 세 개의 열을 가진 그리드 생성 */
	gap: 3%; /* 아이템 간격 설정 */
	list-style: none;
	padding: 0;
}
.main_tab_wp #tab3.main_tab > li{ display:list-item; text-align:center; height: auto; font-size: 13px!important; line-height: 1; padding: 8px 18px; margin: 0 3% 2% 0;}

.pro-text{padding:8px 2% 0;}

.main_tab_con .main_tab_more{margin:20px 0 0;}
.main_tab_con .main_tab_more a .cross{height:40px; margin:0 0 4px;}
.main_tab_con .main_tab_more a .cross:before{width:1px; height:40px;}
.main_tab_con .main_tab_more a .cross:after{width:40px; height:1px;}
.main_tab_con .main_tab_more a p{font-size:14px;}


/* 카테고리별 베스트 */
.main_tab_con3_rank{width:34px; height:34px; font-size:16px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .main_tab_con3_rank{width:38px; height:38px; font-size:20px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .proImg{}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text{}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .proName{font-size:18px; padding:0;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .proPrice{font-size:18px;}
.main_tab_con3 .main_product_wp > ul > li:first-of-type .pro-text .pro-text del{font-size:14px;}


/* 컬러별 추천상품 */
.color-recommend{}
.color-recommend .main_tab{justify-content:flex-start;}
.color-recommend .main_tab li{flex-basis:10%; padding:0; margin:0 0 1%;}
.color-recommend .main_tab li:nth-of-type(10n+0){margin:0 0 1%;}
/*.color-recommend .main_tab li div{width:23px; height:23px; margin:auto;}*/


/* 고객맞춤상품 */
.customization-wrap .customization-box .customization-bg.customization-bg-pc{display:none;}
.customization-wrap .customization-box .customization-bg.customization-bg-m{height:320px; display:block;}
.customization-wrap .customization-box .customization-bg.customization-bg-m img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.customization-wrap .customization-input{width:96%;}
.customization-wrap .customization-input .main_product_tit{padding-top:inherit;}
.customization-wrap .customization-input p{text-align:center;}
.customization-wrap .customization-input p span{font-size:20px; display:block;}
.customization-wrap .customization-input p span+span{margin:6px 0 0;}
.customization-wrap .customization-input p .nice-Sel{min-width:136px;}
.customization-wrap .customization-input p .nice-Sel .list{}
.customization-wrap .customization-input p .nice-Sel .list li{line-height:36px; min-height:36px;}
.customization-wrap .customization-input button{font-size:14px; padding:12px 20px; margin:40px auto 0;}
.customization-wrap .customization-input button i{margin:0 0 0 8px;}

.customization-wrap .main_product_tab{margin:40px auto 0;}


/* 중간 배너 */
.mini_visual{margin:50px auto 0;}


/* 트랜드 키워드 */
.main_tab.trend-tab li{height:auto; font-size:13px!important; line-height:1; padding:8px 18px; margin:0 2% 2% 0;}
.trend-slide-wrap > ul .swiper-slide{width:49%;}
.trend-slide-wrap > ul .swiper-slide:nth-of-type(3n+0){margin:0 2% 4% 0;}
.trend-slide-wrap > ul .swiper-slide:nth-of-type(even){margin:0 0 4% 0;}


/* 이벤트 */
.main_event_wp{margin:0 auto 50px;}
.main_event_wp ul li{}
.main_event_wp ul li .event-text h3{height:2.4em; font-size:16px;}
.main_event_wp ul li .event-text p{font-size:13px;}


/* 베스트 리뷰 */
.review-slide .swiper-slide{width:65%;}

.review-slide-wrap .swiper-horizontal > .swiper-pagination-bullets,
.review-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.review-slide-wrap .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-26px;}

.review-box .slider-nav .item-slick{width:55px; height:55px;}
.review-slide .review-bot .review-bot-t h3{font-size:14px;}
.review-slide .review-bot .review-bot-t p{font-size:11px;}
.review-slide .review-bot .review-bot-b{margin:10px 0 0;}
.review-slide .review-bot .review-thumb{width:40px; max-width:40px; height:40px;}

#review-layer .modal-dialog{width:96%;}


/* 브랜드스토리 */
.brandstory-wrap{}
.brandstory-bg{}
.brandstory-front{height:420px;}
.brandstory-front .brandstory-top{}
.brandstory-front .brandstory-top p{font-size:14px;}
.brandstory-front .brandstory-mid{margin:38px 0 38px;}
.brandstory-front .brandstory-mid p{font-size:28px;}
.brandstory-front .brandstory-bot{}
.brandstory-front .brandstory-bot p{font-size:16px; font-weight:400;}


/* 푸터 footer */
footer{}
footer .footer_con_wp{}

footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h3{font-size:16px; margin:0 2% 0 0;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-t h2{font-size:28px;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b{margin:3% 0;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h2{font-size:15px; margin:0 0 6px;}
footer .footer_con .footer-con-l-t .CScenter-l .CScenter-l-b h3{font-size:14px;}

footer .footer_con .footer-con-l-b{margin:6% 0 0;}
footer .footer_con .footer-con-l-b address{font-size:12px;}
footer .footer_con .footer-con-l-b .copyright-name{font-size:12px;}

footer .footer_con .footer-con-r ul{margin:6% 0 0;}
footer .footer_con .footer-con-r ul li{width:46px; height:46px; margin:0 8px 0 0;}

footer .footer_bot{padding:6% 0 0 ;}
footer .footer_bot .footer_bot-l a{font-size:12px; margin:0 4% 0 0;}
footer .footer_bot .footer_bot-r{margin:6% 0 0;}
footer .footer_bot .footer_bot-r a img{height:32px; display:block;}


/* 모바일 사이드메뉴 */
#sidebar{
	width:350px; min-width:350px; max-width:350px; height:100vh; display:block;
	position:fixed; top:0; left:-350px;	z-index:999;
	background:#fff; transition:all 0.3s; overflow-y:scroll;
	box-sizing:border-box;
}
#sidebar.active{left:0; }
#sidebar .sidebar-top-box{padding:10px 20px 0;box-sizing:border-box;}

#dismiss{box-sizing:border-box; padding:0;}
#dismiss i{font-size:26px; color:#000;}

#sidebar .mobile_menu_top{display:flex; justify-content:space-between; align-items:center; padding:15px 3%;}
#sidebar .member{display:flex; align-items:center;}
#sidebar .member > li{margin:0; box-sizing:border-box;}
#sidebar .member > li:last-of-type{margin:0;}
#sidebar .member > li a{display:flex; align-items:center; font-size:16px; box-sizing:border-box; word-break:keep-all; color:#000; font-weight:600;}
#sidebar .member > li a:after{content:""; width:1px; height:12px; background:#888; display:inline-block; margin:0 10px;}
#sidebar .member > li a i{font-size:16px;}
#sidebar .member > li:last-of-type a:after{display:none;}
#sidebar .member > li.language-sel-wrap{}
#sidebar .member > li.language-sel-wrap .language-sel{padding-left:5px; height: 30px; border: 0; line-height: 30px;}
#sidebar .member.member_join1 a:nth-child(2){margin:0.6% 0 0;}
#sidebar .member.member_join2{overflow:hidden; padding:0.6% 0 0;}
#sidebar .member.member_join2 a{width:49.7%;}
#sidebar .member.member_join2 a:nth-child(1){float:left;}
#sidebar .member.member_join2 a:nth-child(2){float:right;}

#sidebar .mobile_menu_bot_bt{width:100%; margin:18px 0 0; display:flex; flex-wrap:wrap; padding:0 20px;box-sizing:border-box;}
#sidebar .mobile_menu_bot_bt li{width:100%; margin:0 0 2%;}
#sidebar .mobile_menu_bot_bt li:last-of-type{margin:0;}
#sidebar .mobile_menu_bot_bt li a{font-size:15px; line-height:33px; background:#505050; color:#fff; display:block; text-align:center; padding:8px 0; box-sizing:border-box; border-radius:10px;font-weight: 600;}
#sidebar .mobile_menu_bot_bt li a.app-close-bt{background:#222;}


/* 서브 리스트 */
.full_con_wp .main_product_wp .product_list .basic_goods{width:49%; margin:0 2% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(4n+0){margin:0 2% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(3n+0){margin:0 2% 4% 0;}
.full_con_wp .main_product_wp .product_list .basic_goods:nth-of-type(even){margin:0 0 4% 0;}
.full_con_wp .main_product_wp .product_list .list-text-box{padding:2% 2% 1%;}



}


@media (max-width:500px) {
.main_new_in .img img{max-width:160px;}
}









