@charset "utf-8";

.gradient_box{margin-bottom:30px;padding:18px;text-align:center;line-height:25px;border:1px solid #eee;background:#fafafa}
.gradient_box input{margin:0}
.gradient_box label{display:inline-block;padding:0 0 10px;vertical-align:top}
.gradient_box .smallbutton{width:80px}

/* 대분류 페이지 */
.ctg_main_visual{overflow:hidden;margin-bottom:14px}
.ctg_main_visual .main_visual{float:left;width:555px;overflow:hidden}
.ctg_main_visual ul{float:right}

.goodsBanner{clear:both;word-wrap:break-word;font-size:14px;line-height:22px}
.goodsBanner img{display:block;max-width:100%}

/*기획전*/
#special_event h4 {margin-top:30px;}
#special_event ul {overflow:hidden;margin:10px 0 0;}
#special_event ul li {float:left;margin-right:13px}

.ctg_title{padding:27px 0 6px;font-size:16px;color:#222121;line-height:22px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
.ctg_title.another{padding:12px 0 11px}

/* 카테고리 */
.ctg_tab{position:relative;margin:10px 0 0;border:1px solid #ddd;background:#f9f9f9}
.ctg_tab:before{content:"";position:absolute;top:0;left:20%;width:1px;height:100%;background:#ddd}
.ctg_tab:after{content:"";position:absolute;top:0;left:40%;width:1px;height:100%;background:#ddd}
.ctg_tab ul{overflow:hidden;margin:0 0 -1px}
.ctg_tab ul:before{content:"";position:absolute;top:0;left:60%;width:1px;height:100%;background:#ddd}
.ctg_tab ul:after{content:"";position:absolute;top:0;left:80%;width:1px;height:100%;background:#ddd}
.ctg_tab ul li{float:left;width:20%;border-bottom:1px solid #ddd;background:white}
.ctg_tab ul li a{display:block;text-align:center;font-size:14px;color:#666;line-height:49px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
.ctg_tab ul li.on a{position:relative;color:white;background:#444}

/* best seller */
.best_seller{width:100%;height:359px;margin:10px 0 0;background:url(../imgs/goods/main_bg.gif) 0 0 no-repeat}
.best_seller:after{content:"";display:block;clear:both}
.best_seller .no1{position:relative;float:left;width:338px;height:317px;padding:42px 0 0}
.best_seller .no1 a img{display:block;margin:0 auto}
.best_seller .no1 p{padding:6px 0 0;text-align:center}
.best_seller .no_all{float:right;width:662px}
.best_seller .no_all ul{width:100%;padding:1px 0 0}
.best_seller .no_all ul:after{content:"";display:block;clear:both}
.best_seller .no_all ul li{position:relative;float:left;width:112px;height:150px;margin:5px 1px 0 0;padding:14px 29px 15px 189px}
.best_seller .no_all ul li .img{position:absolute;top:14px;left:29px;z-index:1;width:148px;height:148px;border:1px solid #cfcfcf}

/* best review */
.best_review{overflow:hidden;border:solid 1px #ddd;border-top:solid 2px #ca1818}
.best_review li{float:left;width:198px;border-right:solid 1px #ddd;height:360px;text-align:center}
.best_review li.last{border-right:0}
.best_review li .no_img{display:block;margin:15px 0 0}
.best_review li p{width:180px;background:#f2f2f2;margin:0 auto;text-align:left;padding:8px 0 3px}
.best_review li p span{display:block;margin-bottom:5px;padding:0 10px}
.best_review li div{padding:5px 0;width:180px;border-bottom:solid 1px #ddd;margin:0 auto;text-align:left;font-size:11px}
.best_review li div img{margin-left:5px}
.best_review li p.review{background:#fff;font-size:11px;padding:8px 0 0 0}
.best_review li p.review a{display:block;background:url(../imgs/icon/bul_red_square2.gif) 6px 6px no-repeat;padding-left:12px;color:#999}

/* 검색 */
.product_search{margin:18px 0 0;padding:16px 0 18px;border-top:1px solid #ccc;background:url(../imgs/goods/bg_ctgSub_search.png) 0 bottom no-repeat;text-align:center}
.product_search strong{margin-right:9px}
.product_search button{margin-left:3px;vertical-align:middle}
.product_search input{border:solid 1px #ddd;padding:2px}

/* 리스트 정렬기준 */
.product_align{margin:15px 0;text-align:right}
.product_align:after{content:"";display:block;clear:both}
.product_align .cartView{float:left;margin:-1px 0 0}
.product_align .cartView img{float:left}
.product_align select{height:18px;margin:0 4px 0 0;font-size:11px;color:#666}

.product_tab{position:relative;margin:0 -4px 0 0;border-bottom:1px solid #000}
.product_tab:after{content:"";display:block;clear:both}
.product_tab li{float:left;width:20%;margin:0 -1px -1px 0}
.product_tab li a{display:block;height:38px;text-align:center;font-size:13px;color:#666;line-height:39px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;border:1px solid #bebbb9;border-bottom:none;background:white}
.product_tab li.on{position:relative}
.product_tab li.on a{padding:0 0 1px;color:#333;border:1px solid #000;border-bottom:none}

.product_top{clear:both;padding:10px 0}
.product_top:after{content:"";display:block;clear:both}
.product_top .total{float:left;font-size:14px;line-height:25px}
.product_top .align{float:right}
.product_top .align ul{float:left;margin:0 5px 0 0}
.product_top .align ul li{position:relative;float:left;margin:0 0 0 10px;padding:0 0 0 11px}
.product_top .align ul li:before{content:"";position:absolute;top:7px;left:0;width:1px;height:11px;background:#ccc}
.product_top .align ul li:first-child:before{display:none}
.product_top .align ul li a{float:left;font-size:14px;line-height:25px}
.product_top .align ul li.on a{color:#333;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}

.product_top .align button,
.product_top .align select{float:left;margin:0 0 0 10px}
.product_top .align .gridtype{position:relative;overflow:hidden;width:25px;height:25px;padding:0;box-sizing:border-box;text-indent:-9999px;border:1px solid #ccc;background:white}
.product_top .align .gridtype:before{content:"";position:absolute;top:4px;left:4px;width:1px;height:7px;border-left:7px solid #ccc;border-right:7px solid #ccc}
.product_top .align .gridtype:after{content:"";position:absolute;bottom:4px;left:4px;width:1px;height:7px;border-left:7px solid #ccc;border-right:7px solid #ccc}
.product_top .align .gridtype.on:before,
.product_top .align .gridtype.on:after{border-left:7px solid #444;border-right:7px solid #444}
.product_top .align .listtype{position:relative;overflow:hidden;width:25px;height:25px;margin:0 0 0 -1px;padding:0;box-sizing:border-box;text-indent:-9999px;border:1px solid #ccc;background:white}
.product_top .align .listtype:before{content:"";position:absolute;top:4px;left:4px;width:15px;height:15px;background:#ccc}
.product_top .align .listtype:after{content:"";position:absolute;top:7px;left:0;width:23px;height:3px;border-top:3px solid white;border-bottom:3px solid white}
.product_top .align .listtype.on:before{background:#444}

/* 이벤트 쿠폰 */
.coupon_event.list2 .coupon_img {width:475px;height:475px;}
.coupon_event.list3 .coupon_img {width:320px;height:320px;}
.coupon_event.list4 .coupon_img {width:229px;height:229px;}
.coupon_event.list5 .coupon_img {width:184px;height:184px;}
.coupon_event .coupon_qty {padding:15px 10px 0;text-align:center;font-size:14px;line-height:20px;}
.coupon_event .coupon_qty strong {font-family:'Nanum Gothic Bold';color:#000}

/* 리스트형 */
.product_list_ver{table-layout:fixed;border-bottom:solid 1px #e8e8e8}
.product_list_ver thead{background:#f5f4f4}
.product_list_ver thead th{padding:0;text-align:center;font-size:12px;color:#767676;line-height:26px;font-family:'Nanum Gothic Bold';border-top:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;background:#f5f4f4}
.product_list_ver thead th.first{background:url(../imgs/goods/goods_table_bg.gif) 0 0 repeat-y}
.product_list_ver thead th.last{background:url(../imgs/goods/goods_table_bg.gif) right 0 repeat-y}
.product_list_ver td{padding:10px 9px;border-bottom:solid 1px #e8e8e8;text-align:center;font-size:12px;color:#7b7b7b;line-height:18px}
.product_list_ver td.check{padding:10px 0}
.product_list_ver td.product{padding:10px 0;text-align:left}
.product_list_ver td.product .thum{display:inline-block;position:relative;width:138px;vertical-align:middle;text-align:center}
.product_list_ver td.product .thum>img{width:118px;height:118px;border:1px solid #dedede}
.product_list_ver td.product .thum .icons{position:absolute;top:1px;left:11px}
.product_list_ver td.product .cont{display:inline-block;margin:0 0 0 38px;vertical-align:middle}
.product_list_ver td.product .cont span{display:block;overflow:hidden;width:249px;height:auto;max-height:40px;word-wrap:break-word;line-height:20px}
.product_list_ver td.product .cont .zone{padding:7px 0 0;font-size:12px;color:#7a7a79;line-height:18px}
.product_list_ver td.none_pro{color:#888;padding:30px 0} /* 상품이 없을시 노출 */

/* 상품상세 */

.detail_big_title{margin:0;word-wrap:break-word;white-space:normal;border:none}
.detail_big_title .summary{display:block;padding:12px 0 0}

#detail_view{overflow:hidden;padding:23px 0 0}
#detail_view .newsButton{display:inline-block;position:absolute;top:10px;right:0;width:64px;margin:0 1px;padding:64px 0 0;vertical-align:top;text-align:center;font-size:13px;color:#4d4d4d;line-height:15px;font-family:'Nanum Gothic Bold'}
#detail_view .newsButton span{position:absolute;top:0;left:2px;overflow:hidden;width:60px;height:60px}
#detail_view .newsButton span.circle{z-index:1;border-radius:100px;opacity:0.7;background:black;/*-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)*/}
#detail_view .newsButton span.ieB{z-index:1;background:url(../imgs/main/producer_circle.png) 0 0 no-repeat}
#detail_view .newsButton span.img{z-index:2;background:url(../imgs/main/producer_button1.png) 0 0 no-repeat}
#detail_view .newsButton:hover{color:#faa419}
#detail_view .newsButton:hover span.circle{opacity:1;background:#faa419;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#detail_view .newsButton:hover span.ieB{background-position:0 -70px}
	/* 상품 Photo 영역 */
#detail_view .pro_photo{position:relative;float:left;width:450px}
#detail_view .pro_photo .icons{position:absolute;top:0;left:0}
#detail_view .pro_photo .pro_photo_viewer{overflow:hidden;width:448px;height:448px;text-align:center;border:solid 1px #ededed}
#detail_view .pro_photo .pro_photo_viewer img{width:448px;height:448px}
#detail_view div.zoom{margin:10px 0 0;text-align:center}
#detail_view .pro_photo #pro_photo_slide{position:relative;width:315px;margin:20px auto 0}
#detail_view .pro_photo #pro_photo_slide .pro_photo_panel{width:275px;height:50px;margin:0 auto;visibility:hidden}
#detail_view .pro_photo #pro_photo_slide .pro_photo_panel ul{overflow:hidden;width:280px}
#detail_view .pro_photo #pro_photo_slide .pro_photo_panel ul li{float:left;margin:0 2px 0 3px}
#detail_view .pro_photo #pro_photo_slide .pro_photo_panel ul li img{width:48px;height:48px;border:solid 1px #dadada}
#detail_view .pro_photo #pro_photo_slide .prev{position:absolute;bottom:0;left:0}
#detail_view .pro_photo #pro_photo_slide .next{position:absolute;bottom:0;right:0}

#detail_view .pro_cont{float:right;width:500px;border-top:1px solid #dbdbdb}
#detail_view .pro_cont .slice{padding:10px 0;border-bottom:1px solid #dbdbdb}
#detail_view .pro_cont .table_hor{margin:0;border-top:none}
#detail_view .pro_cont .table_hor th{padding:5px 0;font-size:14px;line-height:35px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;border-bottom:none;background:none}
#detail_view .pro_cont .table_hor td{padding:5px 0;font-size:14px;line-height:35px;border-bottom:none}
#detail_view .pro_cont .table_hor td.text{padding:10px 0;line-height:25px}
#detail_view .pro_cont .table_hor td select{width:100%;height:35px;font-size:14px;line-height:29px}
#detail_view .pro_cont .table_hor td .market{vertical-align:top}
#detail_view .pro_cont .table_hor td .price{display:inline-block;margin:-2px 0 2px;vertical-align:top;font-size:22px}
#detail_view .pro_cont .table_hor td .ea{float:left;width:60px;padding:7px 0;text-indent:0;text-align:center;border-left:none;border-right:none}
#detail_view .pro_cont .table_hor td .eaminus{position:relative;float:left;overflow:hidden;width:35px;height:35px;box-sizing:border-box;text-indent:-9999px;border:1px solid #ccc;background:white}
#detail_view .pro_cont .table_hor td .eaminus:before{content:"";position:absolute;top:16px;left:9px;width:15px;height:1px;background:#222}
#detail_view .pro_cont .table_hor td .eaplus{position:relative;float:left;overflow:hidden;width:35px;height:35px;box-sizing:border-box;text-indent:-9999px;border:1px solid #ccc;background:white}
#detail_view .pro_cont .table_hor td .eaplus:before{content:"";position:absolute;top:16px;left:9px;width:15px;height:1px;background:#222}
#detail_view .pro_cont .table_hor td .eaplus:after{content:"";position:absolute;top:9px;left:16px;width:1px;height:15px;background:#222}
#detail_view .pro_cont .table_hor .option td p{position:relative;z-index:2;margin:5px 0 -15px;padding:0 20px;color:#222;border-top:1px solid #dbdbdb;background:#f8f8f8}
#detail_view .pro_cont .table_hor .option td div{float:left;width:100%;margin:0 0 -15px}
#detail_view .pro_cont .table_hor .option td div ul{position:relative;z-index:1;padding:0 0 15px;background:#f8f8f8}
#detail_view .pro_cont .table_hor .option td div ul:after{content:"";display:block;clear:both}
#detail_view .pro_cont .table_hor .option td div ul:first-child{padding:31px 0 15px}
#detail_view .pro_cont .table_hor .option td div ul:first-child:before{content:"";position:absolute;top:15px;left:0;width:100%;height:1px;background:#dbdbdb}
#detail_view .pro_cont .table_hor .option td div ul li{float:left;color:#222;line-height:35px}
#detail_view .pro_cont .table_hor .option td div ul li.title{width:130px;padding:0 0 0 20px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
#detail_view .pro_cont .table_hor .option td div ul li.price{float:right;margin:0;padding:0 20px 0 0;font-size:14px;line-height:35px}
#detail_view .pro_cont .table_hor .option td div ul li.price span{display:inline-block;vertical-align:top;font-size:18px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
#detail_view .pro_cont .table_hor .option td div ul li.price .smallbutton{margin:5px 0 5px 10px}
#detail_view .pro_cont .total_sum{padding:20px;text-align:right;font-size:15px;color:#333;line-height:25px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;border-bottom:solid 1px #dbdbdb;background:#f8f8f8}
#detail_view .pro_cont .total_sum strong{display:inline-block;margin:-3px 0 -1px;vertical-align:top;font-size:22px;line-height:29px;font-family:'Nanum Gothic exBold',Dotum,sans-serif}
#detail_view .pro_cont .wrap_buttons{margin:40px -1% 0 24px}
#detail_view .pro_cont .wrap_buttons:after{content:"";display:block;clear:both}
#detail_view .pro_cont .wrap_buttons a,
#detail_view .pro_cont .wrap_buttons button{float:left;width:33%;margin:0 0 0 12px;box-sizing:border-box}
#detail_view .pro_cont .wrap_buttons a:first-child,
#detail_view .pro_cont .wrap_buttons button:first-child{margin-left:-24px}
#detail_view .pro_cont .coupon_list{margin:30px 0 0}
#detail_view .pro_cont .coupon_list li{padding:10px 0}
#detail_view .pro_cont .coupon_list img{max-width:100%}

.detail_tab{position:relative;border-bottom:1px solid #000}
.detail_tab:after{content:"";display:block;clear:both}
.detail_tab li{float:left;width:200px;margin:0 -1px 0 0}
.detail_tab li a{display:block;text-align:center;font-size:14px;color:#666;line-height:49px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;border:1px solid #bebbb9;border-bottom:none;background:white}
.detail_tab li.active{position:relative;width:204px;margin:0 -1px -1px 0}
.detail_tab li.active a{padding:0 0 1px;color:#333;border:1px solid #000;border-bottom:none}

#detail_detail,
#detail_delivery,
#detail_change,
#detail_review,
#detail_qna{position:relative;padding:70px 0 0}

/* 상품상세 :: 상품평 */
.review_write{clear:both;display:none}
.qna_write{clear:both;display:none}

/* 상품상세 :: 관련추천상품 */
.recom_product{margin-top:50px}

/* tab */
.best_tab{overflow:hidden}
.best_tab ul{margin:0 -1px 0 0;border-bottom:1px solid black}
.best_tab ul:after{content:"";display:block;clear:both}
.best_tab ul li{float:left;width:50%;margin:0 -1px -1px 0;box-sizing:border-box;border:1px solid #bebbb9;border-bottom:none}
.best_tab ul li a{display:block;padding:20px 0;text-align:center;font-size:20px;color:#666;line-height:24px}
.best_tab ul li.active{position:relative;border:1px solid black;border-bottom:none;background:white}
.best_tab ul li.active a{color:#222;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}

.best_seller_box {border:solid 1px #ccc;}
.best_seller_box ul {overflow:hidden;}
.best_seller_box li {float:left;width:333px;height:350px;border-left:solid 1px #ccc;margin-left:-2px;text-align:center;position:relative;padding-top:25px;}
.best_seller_box li .thumb_box {display:block;width:220px;margin:0 auto;}
.best_seller_box li .thumb_box img {width:220px;height:220px;}
.best_seller_box li > p {width:210px;margin:10px auto 0;}
.best_seller_box .ranking_first {display:block;position:absolute;left:56px;top:25px;z-index:3}

/* product list (베스트상품,신상품,추천상품,브랜드샵) */
.ctg_product_list{margin-bottom:30px;position:relative}
.ctg_product_list .common_product {margin-left:-20px;}
.ctg_product_list .common_product li {width:184px;margin-left:20px;margin-bottom:20px;position:relative;}
.ctg_product_list .common_product li a.link_box .thumb_box {width:184px;height:184px;}
.ctg_product_list .ranking_small{position:absolute;left:0;top:0;z-index:1} /*랭킹 순위 이미지 */

/* 브랜드샵 */
#goods_brand{margin-bottom:91px}
#goods_brand ul{overflow:hidden}
#goods_brand ul li{float:left;margin:0 20px 20px 0}

/* 검색결과 */
h3.search{margin-bottom:9px;font-size:12px;font-weight:normal;padding-top:1px}
.search_detail{margin:10px 0 28px;padding:13px 0 15px;text-align:center;font-size:11px;border-top:1px solid #ccc;background:url(../imgs/goods/bg_search_detail.png) 0 bottom no-repeat;color:#666}
.search_detail p{margin-bottom:5px}
.search_detail input{height:19px;margin:0}
.search_category{margin-bottom:45px}
.search_category ul{overflow:hidden;padding:17px 0 0 20px;*padding-bottom:17px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background-color:#fcfcfc}
.search_category ul li{float:left;overflow:hidden;width:220px;margin:0 15px 15px 0;font-size:12px}
.search_category ul li a.highlight{color:#ca1818;font-weight:bold}