@charset "utf-8";

/****************************** goods common class ******************************/
/* 카테고리 리스트 */
.category_list_box {}
.category_list_box h2, 
.category_list_box h3 {padding: 30px; font-size:30px; font-weight:bold; color:#111; text-align:center; }

.category_list_box .list_box {display: block; background-color:#fff; margin-bottom:30px;}
.category_list_box .list_box ul {display:flex; flex-wrap: wrap; gap: 10px;}
.category_list_box .list_box li {position:relative;width:184.5px; height:50px; flex: 1 1 0; width: 198.333px;}
.category_list_box .list_box li a {display:block;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:50px; line-height:50px; text-align:center; border:1px solid #e3e5e8; background:#fff;}
.category_list_box .list_box li a.active {border:1px solid #fa2720;color:#fa2720;font-weight:600;}
.category_list_box .list_box li a span {display:block; font-size:17px; font-weight: 400;}

.brand_list_box {overflow: hidden; margin-bottom:30px;}

.brand_list_box .list_box .grid-row {position: relative; width: 100%; height: 100%; z-index: 1; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; gap: 10px;}
.brand_list_box .list_box .grid-col {text-align: center; width:100%; height:38px;}

.brand_list_box .list_box div {position:relative; }
.brand_list_box .list_box div label {display:block; }
.brand_list_box .list_box div label input {position:absolute; top:0px; left:0px; z-index:1;}
.brand_list_box .list_box div .brand_text {display: block; overflow: hidden; width: 100%; max-width: none; height: 38px; margin: 0; background-color: #fafafa; padding: 0 8px; font-size: 13px; font-weight: 400; color: #666; line-height: 36px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:1px solid #e3e5e8;}
.brand_list_box .list_box div label.on .brand_text {border-color:#fa2720;}

.brand_list_box .list_box li a {display:block;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:50px; line-height:50px; text-align:center; border:1px solid #e3e5e8; background:#fff;}
.brand_list_box .list_box li a.active {border:1px solid #fa2720;color:#fa2720;font-weight:600;}
.brand_list_box .list_box li a span {display:block; font-size:17px; font-weight: 400;}


	
	
/* 상품 리스트 타이틀 css (공통) */
.ctg_title_line {font-size:22px; font-weight:bold; color:#000; text-align:center; background:url(../title/tit_cate_bg.png) no-repeat left center;}
.product_heading{padding-bottom:10px; font-size:22px; font-weight:bold; color:#000; border-bottom:1px solid #ededed;}
.product_heading span {font-size:16px; font-weight:normal;}


/****************************** category class ******************************/
.page_category, .page_search {padding-bottom:50px;}
.page_category .submain_banner {margin-bottom:50px;}
.page_category .category_list_box {}

/* 기획전/MD추천상품 */
.page_category .event_md {overflow:hidden; margin-bottom:50px;}
.page_category .event_md .special_event {float:left; margin-right:20px; height:410px;}
.page_category .event_md .special_event .widget {position:relative; overflow:hidden; width:790px; height:410px;}
.page_category .event_md .special_event .widget .widget-penel {height:410px;}
.page_category .event_md .special_event .widget .widget-penel img {height:410px;}
.page_category .event_md .special_event .widget button {position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; text-align:center;}
.page_category .event_md .special_event .widget button.widget-prev {left:1px; background:url(../button/btn_slide_prev.png) left top no-repeat;}
.page_category .event_md .special_event .widget button.widget-next {right:1px; background:url(../button/btn_slide_next.png) left top no-repeat;}
.page_category .event_md .special_event .widget button:hover {background-position:0 -38px;}
.page_category .event_md .md_choice {position:relative; float:left; width:250px; height:408px; padding:0 19px; border:1px solid #ededed;}
.page_category .event_md .md_choice h3 {padding:17px 6px 9px; font-size:18px; color:#000; font-weight:bold; border-bottom:1px solid #ededed;}
.page_category .event_md .md_choice .product_grid_box {border-top:0 none;}
.page_category .event_md .md_choice .product_grid_box .widget-panel {overflow:hidden; width:210px; height:360px; margin:0; padding:0 20px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list {width:210px; height:340px; margin:20px 0 0 0;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list a {display:block;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box {position:relative; text-align:center;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box img {width:210px;height:210px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box .sale {display:block;position:absolute;left:0;top:0;z-index:1;color:#fff;background:#e74c3c;font-size:11px;line-height:12px;padding:6px 10px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box .sale strong {font-size:12px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box .soldout {display:block;position:absolute;left:0;top:0;z-index:2;width:250px;height:250px;background:url(../imgs/global/bg_soldout.png) left top repeat;text-align:center;color:#fff;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .imgs_box .soldout strong {color:#fff;line-height:248px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box {margin-top:15px;height:100px;padding:0 10px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box > a > span {display:block;text-align:center;color:#333;line-height:20px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .brand {font-weight:bold;font-size:13px;height:20px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .name {max-height:20px;overflow:hidden;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .price_box {font-size:15px;color:#999;margin-top:8px;height:20px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .price_box .original {text-decoration:line-through;font-size:13px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .icons {display:block;text-align:center;margin-top:12px;height:18px;}
.page_category .event_md .md_choice .product_grid_box .widget-panel .list .cont_box .icons img {margin:0 1px;}
.page_category .event_md .md_choice .product_grid_box .control_btn {position:absolute; right:19px; top:18px;overflow:hidden;}
.page_category .event_md .md_choice .product_grid_box .widget-indicator {float:left;margin-right:5px;font-size:12px;line-height:23px;}
.page_category .event_md .md_choice .product_grid_box .widget-indicator > a {display:none;font-weight:bold;color:#000}
.page_category .event_md .md_choice .product_grid_box .widget-indicator > a.current {display:inline-block;*zoom:1;*display:inline;}
.page_category .event_md .md_choice .product_grid_box .widget-prev,
.page_category .event_md .md_choice .product_grid_box .widget-next {float:left;}

/* best seller */
.page_category .best_seller {overflow:hidden; margin-bottom:60px;}
.page_category .best_seller .ctg_title_line {margin-bottom:21px;}
.page_category .best_seller .widget {position:relative;}
.page_category .best_seller .widget .widget-panel {border:1px solid #ededed;}
.page_category .best_seller .widget .product_grid_box {border-top:0 none;}
.page_category .best_seller .widget .product_grid_box ul {height:399px; margin-left:0}
.page_category .best_seller .widget .product_grid_box ul li {margin-top:0;width:250px;height:387px;padding:12px 12px 0;margin-left:0;border-right:solid 1px #ededed;}
.page_category .best_seller .widget .product_grid_box ul li.last {border-right:0;padding-right:11px;}
.page_category .best_seller .widget .product_grid_box ul li.line {border-top:solid 1px #ededed;}
.page_category .best_seller .widget button {position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; text-align:center;}
.page_category .best_seller .widget button.widget-prev {left:1px; background:url(../button/btn_slide_prev.png) left top no-repeat;}
.page_category .best_seller .widget button.widget-next {right:1px; background:url(../button/btn_slide_next.png) left top no-repeat;}
.page_category .best_seller .widget button:hover {background-position:0 -38px;}

/* 리스트 탭 영역 */
.page_category .product_top, .page_brand .product_top {overflow:hidden; padding-bottom:9px;}
.page_category .product_top p.title, .page_brand .product_top p.title {float:left; font-size:16px; color:#000; line-height:28px;}
.page_category .product_top p.title span, .page_brand .product_top p.title span {color:#fa2720; font-weight:600;}
.page_category .product_top .product_align, .page_brand .product_top .product_align {float:right;overflow:hidden;display:flex; align-items:center;}
.page_category .product_top .product_tab, .page_brand .product_top .product_tab{overflow:hidden; display:flex;}
.page_category .product_top .product_tab li, .page_brand .product_top .product_tab li{padding:0 16px; background:url(../imgs/goods/product_tab_line.png) no-repeat left center;}
.page_category .product_top .product_tab li:first-child, .page_brand .product_top .product_tab li:first-child{background:none;}
.page_category .product_top .product_tab li .tabs, .page_brand .product_top .product_tab li .tabs{display:block; height:28px; line-height:28px;}
.page_category .product_top .product_tab li .tabs.on, .page_brand .product_top .product_tab li .tabs.on{color:#000; font-weight:bold;}
.page_category .product_top .product_tab li.cart, .page_brand .product_top .product_tab li.cart{padding:0 0 0 2px; background:none;}
.page_category .product_top .product_tab li.cart a, .page_brand .product_top .product_tab li.cart a{height:26px; line-height:26px; padding:0 7px 0 30px; border:1px solid #dedede; background:url(../imgs/icon/cart_icon.png) no-repeat 6px center;}
.page_category .product_top .product_align .btn, .page_brand .product_top .product_align .btn{ overflow:hidden; margin:0 4px 0 8px; vertical-align:middle;}
.page_category .product_top .product_align .btn a, .page_brand .product_top .product_align .btn a{float:left; border:1px solid #ddd; width:26px; height:26px; position:relative;}

.product_view_grid .icon {width: 6px; height: 6px; position: absolute; display: block; background-color: #ccc;}
.product_view_grid .icon:nth-child(1) {left: 6px; top: 6px;}
.product_view_grid .icon:nth-child(2) {left: 14px; top: 6px;}
.product_view_grid .icon:nth-child(3) {left: 6px; top: 14px;}
.product_view_grid .icon:nth-child(4) {left: 14px; top: 14px;}

.product_view_list .icon {width: 16px; height: 2px; position: absolute; display: block; background-color: #ccc; left:4px;}
.product_view_list .icon:nth-child(1) {top: 6px;}
.product_view_list .icon:nth-child(2) {top: 12px;}
.product_view_list .icon:nth-child(3) {top: 18px;}

.product_view_grid.on .icon, .product_view_list.on .icon{background-color:#111;}
.page_category .product_top .product_align .btn a:first-child {border-right:0 none;}

/* 앨범형 리스트 */
.page_category .product_grid_box {border-top:1px solid #dedede;}

/****************************** detail class ******************************/
.page_detail {padding-bottom: 50px;}
.page_detail .detail_view{width: 880px; }
.page_detail .detail_view:after {clear:both; display:block; content:'';}
.page_detail .detail_view .namebox {position:relative; padding: 0 0 10px 12px;}
.page_detail .detail_view h2{margin:15px 0 2px; font-size:24px; letter-spacing:-0.025em; color:#252525;}
.page_detail .detail_view .summary {margin-top:4px; letter-spacing:-0.025em; color:#999}
.page_detail .detail_view .sns {position:absolute;right:0;bottom:0;overflow:hidden;}
.page_detail .detail_view .sns li {float:left; margin-left:6px;}
.page_detail .detail_view .sns li .btn_copy {display:block;letter-spacing:-0.1em;color:#fff;background-color:#d0d0d0;font-size:11px;font-weight:normal;font-family:"dotum";}
.page_detail .detail_view .pro_wrap {overflow:hidden; padding-top:30px;}

/* 상품 Photo 영역 */
.page_detail .detail_view .photo{width:410px;float:left}
.page_detail .detail_view .photo .photo_viewer{position:relative;width:410px;height:410px;text-align:center;border:solid 0px #eaeaea;overflow:hidden;}
.page_detail .detail_view .photo .photo_viewer span.sale {position:absolute; left:-1px; top:-1px; width:82px; height:64px; padding-top:18px; font-size:16px; color:#fff; background:#e74c3c;}
.page_detail .detail_view .photo .photo_viewer span.sale span {display:block; font-size:22px;}
.page_detail .detail_view .photo .photo_viewer .zoom {position:absolute; right:0; bottom:0; width:54px; height:54px; border:1px solid #ebebeb; background:#fff;}
.page_detail .detail_view .photo #pro_photo_slide{position:relative;width:100%; height:92px;margin-top:9px}
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel{width:100%; height:92px; visibility:hidden}
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel ul{overflow:hidden; height:92px; display: flex; flex-wrap: nowrap; }
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel ul li{width:90px; height:90px; border:solid 0px #eaeaea; margin-left:16px;}
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel ul li:first-child{margin:0;}
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel ul li img{}
.page_detail .detail_view .photo #pro_photo_slide .pro_photo_panel ul li.active {border:solid 0px #ccc}
.page_detail .detail_view .photo #pro_photo_slide .prev{position:absolute;top:50%;margin-top:-25px;left:0}
.page_detail .detail_view .photo #pro_photo_slide .next{position:absolute;top:50%;margin-top:-25px;right:0}

/* 상세 정보 및 가격 */
.prod_wrap:after {clear:both; display:block; content:'';}
.prod_wrap .prod_detail_cont {min-height:590px; padding-bottom:60px;}
.prod_wrap .prod_img_wrap {float:left; width:500px; margin-right:50px;}
.prod_wrap .prod_img_wrap .prod_detail{text-align:center;}
.prod_wrap .prod_img_wrap .prod_detail .prod_img {width:500px; height:500px; margin-bottom:20px;}
.prod_wrap .prod_img_wrap .prod_detail .prod_swipe {position: relative; display: inline-block; width: 500px; padding: 0 10px; overflow: hidden;}
.prod_wrap .prod_img_wrap .prod_detail .prod_swipe .prod_swipe_inner {overflow:hidden; height:90px;}
.prod_wrap .prod_img_wrap .prod_detail .prod_swipe .prod_swipe_inner 
.prod_swipe .btn_prev, .prod_swipe .btn_next {position: absolute; top: 0; width: 15px; height: 47px; padding-top: 33px; background: #fff; display:block;}
.prod_swipe .btn_prev {left:0;}
.prod_swipe .btn_next {right:0;}

.prod_wrap .prod_info_wrap {float:right; width:550px;}

.prod_info_wrap .info_wrap/*ct_wrap*/ {position: relative; padding: 14px 0 14px 120px; border-bottom: 1px solid #f0f2f5;}
.prod_info_wrap .info_wrap.header {padding:0; border-bottom:1px solid #d9d9d9;}
.prod_info_wrap .header .icons {}
.prod_info_wrap .header .list_btn {position: absolute; top: 2px; right: 0; text-align: right;}

.prod_info_wrap .info_wrap .cont/*ct*/ {position: relative; font-size: 14px; line-height: 26px; color: #7d7e80;}

.prod_info_wrap .title {padding: 28px 0 12px; border-bottom: 0;}
.prod_info_wrap .title .prod_name{font-weight: 400; font-size: 30px; line-height: 1.25; letter-spacing: -.6px; word-wrap: break-word; word-break: keep-all;}
.prod_info_wrap .title .prod_sub{display: block; padding: 0 0 8px 0; font-size: 16px; line-height: 1.5; color: #7d7e80;}

.prod_info_wrap .tit_left {font-weight:400; font-size:14px; color:#16181a;}
.info_wrap .price_info .tit_left {position:absolute; left:0; line-height:26px;}

.prod_info_wrap .price_info {padding: 24px 0 24px 120px;}
.prod_info_wrap .price_info .tit_left {top: 24px; line-height:22px;}


.detail_order {position:absolute; right:0; top:0; height:100%; display:grid; width:350px; border-left:1px solid #e5e5e5;}
.detail_order .detail_order_inner{position: sticky; top:0; bottom:0; height: 100vh; padding:10px; }
.detail_order .detail_order_inner select {width: 100%;}
.detail_order .detail_order_result{position: absolute; bottom:10px; width:330px; z-index:2; background:#fff;}
/* 최종가격 */
.page_detail .detail_order_result .total_sum {padding:25px 0 0 0; font-size:17px; text-align:right; font-weight:500; color:#000;}
.page_detail .detail_order_result .total_sum strong{font-size:30px; font-weight:500;}
/* 상세 버튼 '주문관련' */
.page_detail .detail_order_result .btn_left {display:flex; justify-content: space-between; padding-top:25px}
.page_detail .detail_order_result .btn_left a {display:block; width:100%; height:64px; margin-left:10px; line-height:64px; text-align:center; font-size:18px; font-weight:bold; color:#585858; border:1px solid #999;}
.page_detail .detail_order_result .btn_left a.btn_buy {margin-left:0; color:#fff; border:1px solid #f43142; background:#f43142;}
.page_detail .detail_order_result .btn_left a.btn_sold_out {width:100%; background:#999; color:#fff; font-weight:400; cursor:default;}

.prod_wrap .prod_info_wrap .prod_content_wrap {position: relative;}
.prod_wrap .prod_info_wrap .prod_content_wrap .prod_info {position: relative;}
.prod_wrap .prod_info_wrap .prod_content_wrap .prod_info .prod_title {margin: -3px 0 0; font-size: 20px; line-height: 26px; color: #4d4d4d; font-weight: 400;}
.prod_wrap .prod_info_wrap .prod_content_wrap .prod_info .price_area {margin: 28px 0 35px; padding-bottom: 5px; border-bottom: 1px solid #efefef; font-size: 0; line-height: 0;}
.prod_wrap .prod_info_wrap .prod_content_wrap .prod_info .price_txt {display: inline-block; font-size: 22px; line-height: 48px; vertical-align: middle;}
.prod_wrap .prod_info_wrap .prod_content_wrap .prod_info .price_txt .ff_price {font-size: 34px; font-weight: 400; vertical-align: -3px;}




/* 상품 Content 영역 */
.page_detail .detail_view .detail_info{width:430px;float:left;padding-left:40px;position:relative}
.page_detail .detail_view .detail_info table{width:100%; table-layout:fixed}
.page_detail .detail_view .detail_info table tr th{width:130px;color:#000;font-weight:normal;padding:10px 0 10px 12px;text-align:left}
.page_detail .detail_view .detail_info table tr td{color:#444;padding:10px 0 10px 5px;}
.page_detail .detail_view .detail_info table tr td img{vertical-align:middle}
.page_detail .detail_view .detail_info table tr td strong {font-weight:bold; font-size: 30px; color:#000;}
.page_detail .detail_view .detail_info table tr td.x_price {font-size:20px;}
.page_detail .detail_view .detail_info table tr td.x_price .sale {margin-right:8px; color:#ff0038; font-weight: 400}
.page_detail .detail_view .detail_info table tr td.x_price .sale .value {font-size:30px; }
.page_detail .detail_view .detail_info table tr td.summary{font-size:11px}

.page_detail .detail_order .detail_order_inner table tr.amount td div.num {position:relative;}
.page_detail .detail_order .detail_order_inner table tr.amount td div.num span{display:block;float:left;}
.page_detail .detail_order .detail_order_inner table tr.amount td div.num span a{display:block;}
.page_detail .detail_order .detail_order_inner table tr.amount td div.num input{float:left; width:55px; height:30px; line-height:30px; text-align:center; border:solid 1px #e5e5e5;}
.page_detail .detail_view .detail_info table tr.top_pd th, .page_detail .detail_view .detail_info table tr.top_pd td {padding:20px 0 0 0; border-top:1px solid #e3e3e3;}
.page_detail .detail_view .detail_info table tr.bot_pd th, .page_detail .detail_view .detail_info table tr.bot_pd td {padding:0 0 20px 0; border-bottom:1px solid #e3e3e3;}

.page_detail .detail_order .detail_order_inner table tr.option th{padding:5px 5px 5px 12px;}
.page_detail .detail_order .detail_order_inner table tr.option td{padding:5px 5px 5px 5px;}
.page_detail .detail_order .detail_order_inner table tr.option_title th{padding:10px 0 10px 12px; font-weight:bold; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.page_detail .detail_order .detail_order_inner table tr.opt_top_pd th, .page_detail .detail_order .detail_order_inner table tr.opt_top_pd td {padding:15px 0 ;}
.page_detail .detail_order .detail_order_inner table tr.option_last th, .page_detail .detail_order .detail_order_inner table tr.option_last td{padding-bottom:20px}
.page_detail .detail_order .detail_order_inner table tr.option td p{font-size:14px; color:#000; padding-left:12px;}
.page_detail .detail_order .detail_order_inner table tr.option td textarea{width:100%;}
.page_detail .detail_order .detail_order_inner table .eventDiscountPrice {font-size:18px; font-weight:600; color:#fa2720;}



/* 옵션선택시 나오는 부분 */
.page_detail .detail_order .detail_order_inner table tr.option_select td{border-bottom:1px solid #e3e3e3; }
.page_detail .detail_order .detail_order_inner table tr.option_select td p{color:#000;line-height:1.3em;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div{display:none; overflow-y:auto; border-top:1px solid #e3e3e3; max-height:350px; padding:10px;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul{overflow:hidden; padding:5px 0;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li{float:left; line-height:28px;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li.title{width:280px; color:#000;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li.price{float:right; width:120px; font-weight:bold; text-align:right;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li.price a {margin-left:9px;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li input{width:45px; height:30px; padding:0; line-height:28px; text-align:center; border:solid 1px #e5e5e5;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li span{display:inline-block;}
.page_detail .detail_order .detail_order_inner table tr.option_select td div ul li span a{display:block; height: 30px;}



/* how to point */
.page_detail .detail_order .detail_order_inner table tr td.point {position:relative}
.page_detail .detail_order .detail_order_inner table tr td.point .how_to_point{display:none; position:absolute;left:0;top:40px; padding:12px 20px 12px 12px; font-size:12px; color:#666; border:1px solid #000; background:#fff; z-index:2;}
.page_detail .detail_order .detail_order_inner table tr td.point .how_to_point span {color:#ff0000; text-decoration:underline;}
.page_detail .detail_order .detail_order_inner table tr td.point .how_to_point span.arrow {position:absolute; left:35px; top:-14px; z-index:2;}

/* 쿠폰 다운받기 */
.page_detail .detail_view .detail_info table tr td.coupon {position:relative}
.page_detail .detail_view .detail_info table tr td.coupon #coupon_down {display:inline-block; width:56px; height:18px; margin-left:5px; line-height:18px; text-align:center; font-size:11px; color:#fff; background:#bbb;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box {display:none; position:absolute; left:0; top:40px; padding:13px 11px; border:1px solid #000; background:#fff;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box ul {width:205px;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box ul li {overflow:hidden; margin-top:11px; color:#222;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box ul li a {float:right; width:56px; height:16px; line-height:16px; text-align:center; font-size:11px; color:#666; border:1px solid #ccc; background:#f8f8f8;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box .all_receive {margin-top:14px; padding-top:10px; border-top:1px solid #ccc;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box .all_receive a {display:block; height:22px; line-height:22px; text-align:center; font-size:11px; color:#fff; background:#000;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box span.arrow {position:absolute; left:57px; top:-7px; z-index:2;}
.page_detail .detail_view .detail_info table tr td.coupon .coupon_down_box .close {position:absolute; right:10px; top:7px;}



/* 장바구니, 보관함 (layer_pop) */
.layer_wrap {padding:50px 0;}
.layer_wrap .layer_cart {padding:0 20px; text-align:center;}
.layer_wrap .layer_cart .close_btn {position:absolute; top:22px; right:22px;}
.layer_wrap .layer_cart .title {margin-top:20px; font-size:18px; font-weight:bold; color:#000;}
.layer_wrap .layer_cart .title span {text-decoration:underline;}
.layer_wrap .layer_cart .text {margin-top:20px; color:#666;}

/* 쿠폰있을 시 노출 */
.page_detail .detail_view .detail_info .coupon_list{margin-top:30px;overflow:hidden}
.page_detail .detail_view .detail_info .coupon_list li{float:left;margin:0 15px 15px 0}

/* 상품상세 :: 탭 */
.page_detail .detail_tab{margin-bottom:10px; *zoom:1; display: flex;}
.page_detail .detail_tab:after {content:''; display:block; clear:both;}
.page_detail .detail_tab li {position:relative; width:100%; flex-grow:1; -webkit-box-flex:1; -webkit-flex-grow:1;}
.page_detail .detail_tab li a {display:block; height:50px; line-height:50px; text-align:center; font-size:16px; color:#999; border:1px solid #dfdfdf; box-sizing: border-box; background:#fff;}
.page_detail .detail_tab li + li a {width: calc(100% + 1px); margin-left: -1px;}
.page_detail .detail_tab li a span {display:none;}
.page_detail .detail_tab li.on {border-bottom:0;}
.page_detail .detail_tab li.on a {color:#fff; font-weight:500; background:#f43142; border-color:#f43142; margin-right: -1px;}
.page_detail .detail_tab li.on a span {display:block; position:absolute; left:0; top:-1px; width:100%; height:50px; border:1px solid #000; border-bottom:0 none; z-index:9;}

/* 상품상세 :: 각각 리스트 */
#detail_detail, #detail_review,#detail_qna, #detail_delivery_change {}
.page_detail .detail_title {padding:30px 0 10px; font-size:22px; font-weight:600; color:#111;}
.adjust_image_container {margin-top:10px;}

/* 상품상세정보 :: 고시 */
.page_detail .detail_gosi{table-layout:fixed;margin-top:10px;border:solid 1px #ddd; border-top:1px solid #000; font-size:14px; text-align:left;}
.page_detail .detail_gosi th{width:350px; padding:20px; color:#666; border-bottom:1px solid #ededed; border-right:1px solid #ededed; background:#fbfbfb; font-weight:400;}
.page_detail .detail_gosi td{padding:20px; color:#666; border-bottom:1px solid #ededed;}

/* 상품평과 Q&A CSS 동일하게 수정 */
/* 상품상세 :: 상품평 */
.page_detail .write_box {overflow:hidden; height:60px; margin-bottom:25px; padding-left:20px; line-height:60px; color:#666; }
.page_detail .write_box p {float:left;}
.page_detail .write_box a {width:88px; height:28px; margin:15px 0 0 23px; line-height:28px; text-align:center; font-size:12px; font-weight:bold; border:1px solid #bbb; background:#fff; display:inline-block;}
.page_detail .review_qna_list table {}
.page_detail .review_qna_list table {table-layout:fixed; border-top:1px solid #dfdfdf;}
.page_detail .review_qna_list table thead tr th{padding:16px 0 17px; text-align:center; border-bottom:solid 1px #ddd; font-weight:400;}
.page_detail .review_qna_list table thead tr th:first-child {background:none;}
.page_detail .review_qna_list table tbody tr td{padding:22px 0;border-bottom:solid 1px #ededed;text-align:center}
.page_detail .review_qna_list table tbody tr td.title {padding-left:20px; text-align:left;}
.page_detail .review_qna_list table tbody tr td.title a {color:#000;}
.page_detail .review_qna_list table tbody tr.article {display:none;}
.page_detail .review_qna_list table tbody tr.article td {padding:22px 10px 22px 80px; text-align:left; background:#fafafa;}
.page_detail .review_qna_list table tbody tr.article td .cont_box {overflow:hidden; padding-left:20px;}
.page_detail .review_qna_list table tbody tr.article td .cont_box .btn {float:right; margin-top:60px;}
.page_detail .review_qna_list table tbody tr.article td .cont_box .btn a {display:inline-block; width:52px; height:21px; color:#666; border:1px solid #666; background:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:21px;}
.page_detail .review_qna_list table tbody tr.article td .cont_box .btn a.black {color:#000; border:1px solid #000;}
.page_detail .review_qna_list table tbody tr.article td .answer {overflow:hidden; margin-top:10px; padding:30px 0 0 20px; border-top:1px dotted #c5c5c5;}
.page_detail .review_qna_list table tbody tr.article td .answer p.title {margin-bottom:10px; padding-left:20px; color:#000; background:url(../imgs/icon/admin_arrow.png) no-repeat left center;}
.page_detail .review_qna_list table tbody tr.article td .answer p.title span {margin-left:5px; color:#767676; font-size:11px;}
.page_detail .review_qna_list table tbody tr.article td .answer .remove {float:right; margin-top:20px;}
.page_detail .review_qna_list table tbody tr.article td .answer .remove a {display:inline-block; width:52px; height:21px; color:#000; border:1px solid #000; background:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:21px;}

.page_detail .review_qna_write{padding:10px 0 30px;clear:both;display:none}
.page_detail .review_qna_write table{width:100%;border:0 none;border-top:solid 2px #bbb}
.page_detail .review_qna_write table tr td textarea{border:solid 1px #ddd}
.page_detail .review_qna_write .btn_mid{margin:10px 0 20px}


/* 리뷰와 동일하게 수정 예정이라 나중에 삭제할 부분 */
/* 상품상세 :: 상품Q&A */
.qna_list{padding-top:10px;clear:both}
.qna_list table{width:100%;border:0 none;table-layout:fixed}
.qna_list thead{background:#a1a1a1}
.qna_list thead th{text-align:center;padding:8px 0 6px;color:#fff}
.qna_list td{text-align:center;padding:10px 0 8px;border-bottom:solid 1px #ddd;color:#888}
.qna_list td.title{text-align:left;padding:10px 10px 8px}
.qna_list td.none{text-align:center;padding:10px 10px 8px}
.qna_list tr.article{background:#f4f4f4;display:none}
.qna_list tr.article td{text-align:left;padding:10px 20px;color:#666}
.qna_list tr.article td div{padding:10px 0 0}
.qna_list tr.article td div.answer{position:relative;color:#444;margin-top:10px;background:#fff;border:solid 1px #ddd;padding:10px;overflow:hidden}
.qna_list tr.article td div.answer .sign{display:block;position:absolute;left:10px;top:10px}
.qna_list tr.article td div.answer p{padding:5px 0 0 70px}
.qna_list tr.article td div.answer .remove{padding:0;margin-top:5px;text-align:right}
.qna_list tr.article td div.btn{clear:both;border-top:solid 1px #ddd;margin-top:15px;text-align:right}
.qna_list tr.article td div.space{height:10px;font-size:0;line-height:0;padding:0}

.qna_write{padding-top:10px;clear:both;display:none}
.qna_write table{width:100%;border:0 none;border-top:solid 1px #a1a1a1}
.qna_write th{background:#f4f4f4;padding:8px 0 6px;text-align:center;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
.qna_write td{text-align:left;padding:8px 10px 6px;border-bottom:solid 1px #ddd}
.qna_write input[type=text]{border:solid 1px #ddd;padding:2px;color:#777}
.qna_write textarea{border:solid 1px #ddd;padding:2px;color:#777}
.qna_write .btn_mid{margin:10px 0 20px}
/* //리뷰와 동일하게 수정 예정이라 나중에 삭제할 부분 */

/* 상품상세 :: 관련추천상품 */
.recom_product{position:relative; margin-top:85px; padding-top:30px; background:url(../title/tit_line_bg.png) no-repeat left top;}
.recom_product .widget .widget-indicator {position:absolute; right:0px; top:37px;}
.recom_product .widget .widget-indicator > a {display:inline-block;*zoom:1;*display:inline;width:0;height:0;vertical-align:top;text-indent:-999em;}
.recom_product .widget .widget-indicator > a.dot {width:11px;height:11px;margin:0 2px;background:url(../button/btn_indicator_sub.png) left top no-repeat;}
.recom_product .widget .widget-indicator > a.current {background-position:0 -11px;}


/*------------- BEST, NEW, RECOMMEND, BRAND -------------*/

/* best */
.page_best .product_grid_box {border:0 none; overflow:hidden;}
.page_best .product_grid_box ul li {}
.page_best .product_grid_box ul li .ranking {margin-bottom: 8px; position: absolute; top: 0px; left: 0; z-index: 1; background:#111;}
.page_best .product_grid_box ul li .ranking p {font-size:18px; line-height:20px; font-weight:bold; color:#fff; font-family:verdana; padding: 7px 5px;}
.page_best .product_grid_box ul li .cont_box {height:130px;}

/* new */
.page_new {}

/* recommend */
.page_recommend {}

/* 이벤트 */
.page_event {}
.page_event .title_box {overflow:hidden;position:relative;}
.page_event .title_box select {position:absolute;right:0;top:10px;}
.page_event .event_list ul {overflow:hidden;}
.page_event .event_list ul li {float:left; margin:0 19px 40px 0;}
.page_event .event_list ul li .img_box {position:relative; width:354px; height:180px;}
.page_event .event_list ul li .img_box a {display:block; height:180px;overflow:hidden;}
.page_event .event_list ul li .img_box img {width:100%; height:100%;}
.page_event .event_list ul li .cont_box {padding:20px 10px 0;}
.page_event .event_list ul li .cont_box a span.name {display:block; color:#444;font-weight:bold;}
.page_event .event_list ul li .cont_box a span.date {display:block; margin-top:10px; color:#666;}
.page_event .event_list ul li.last {margin-right:0;}
.page_event .event_list ul li .img_box span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../imgs/goods/event_deadline_bg.png); text-indent:-9999em;}
.page_event .event_list ul li.end .cont_box a span.name {color:#aaa;}
.page_event .event_list ul li.end .cont_box a span.date {color:#ccc;}
.page_event .event_list ul li.end .img_box .dim span{position:absolute;top:50%;left:50%;width:198px;height:38px;margin:-20px 0 0 -100px;text-indent:0;text-align:center;font-size:20px;color:white;line-height:37px;font-weight:bold;font-family:Arial;border:1px solid white;background:none}
.page_event .event_list ul li.none {margin:0 auto; min-height:400px; text-align: center; float: inherit; line-height: 400px;}
.page_event .event_heading {overflow:hidden; padding-bottom:5px; font-size:22px; font-weight:bold; color:#000; border-bottom:1px solid #ededed;}
.page_event .event_heading strong {float:left;}
.page_event .event_heading a {float:right; width:50px; height:26px; padding-left:30px; line-height:26px; font-size:12px; font-weight:normal; color:#444; border:1px solid #dedede; background:url(../imgs/goods/btn_classify.png) no-repeat 9px center;}
.page_event .product_grid_box {margin-bottom:50px; border-bottom:1px solid #ededed;}
.page_event .product_grid_box ul li .cont_box {padding-bottom:19px;}
.page_event .event_copuon_box ul {margin-left:-33px;overflow:hidden;}
.page_event .event_copuon_box ul li {position:relative; float:left;width:250px;margin-left:33px;margin-top:30px;}
.page_event .event_copuon_box ul li .imgs {text-align:center;border:solid 1px #dedede;padding:5px;}
.page_event .event_copuon_box ul li .imgs img {max-width:100%;max-height:140px;}
.page_event .event_copuon_box ul li .cont {border:solid 1px #dedede;border-top:0 none;text-align:left;padding:15px 100px 15px 15px;;position:relative;font-size:12px;line-height:18px;}
.page_event .event_copuon_box ul li .cont strong {color:#000;font-size:14px;}
.page_event .event_copuon_box ul li .cont .buttons_box {position:absolute;right:15px;top:50%;margin:0;margin-top:-20px;}
.page_event .event_copuon_box ul li .cont .buttons_box button {width:60px;height:40px;line-height:16px;font-size:12px;}

/* 브랜드샵 */
.page_brand {padding-bottom: 50px;}
.page_brand .pagetitle {padding: 30px 0;}
.page_brand .product_top {overflow:hidden; padding-bottom:9px;}
.page_brand p.title {font-size:16px; color:#000; line-height:28px;}
.page_brand p.title span {color:#fa2720; font-weight:600;}
.page_brand .product_heading {margin-top:20px;}
.page_brand .product_grid_box {border-top: 1px solid #dedede;}
.page_brand .brand_list {display: inline-block; background-color:#fff; vertical-align:top;}
.page_brand .brand_list ul {overflow:hidden; margin-right:-1px; padding:1px 0 0 1px;}
.page_brand .brand_list li {float:left;position:relative;width:184.5px; height:88px;margin-top:-1px; margin-left:-1px;}
.page_brand .brand_list li:nth-child(6n) {width:183.5px;}
.page_brand .brand_list li:after{display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:184.5px; height:88px; margin-top: -1px; border: 1px solid #e3e5e8; content: '';}
.page_brand .brand_list li:nth-child(6n):after {width:183.5px;}
.page_brand .brand_list li a {display:block;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:88px; line-height:88px; text-align:center; border:1px solid #e3e5e8; background:#fff;}
.page_brand .brand_list li a.active {background:#666;color:#fff;font-weight:bold;}
.page_brand .brand_list li a span {display:block;}
/*
.page_brand .brand_list {border:solid 1px #ddd;margin-top:30px;}
.page_brand .brand_list ul {overflow:hidden;margin-top:-1px;}
.page_brand .brand_list ul li {overflow:hidden;float:left;width:182px;height:100px;border-left:solid 1px #ddd;border-top:solid 1px #ddd;text-align:center;background:#f9f9f9;}
.page_brand .brand_list ul li a {display:block;height:100px;text-align:center;background:#fff;}
.page_brand .brand_list ul li a img {max-width:100%; height:auto;}
.page_brand #ud_decor {margin-bottom:20px;}
*/

/* 검색결과 */
.page_search .search_detail{padding:20px 0; text-align:center;border:1px solid #dedede;background:#fafafa}
.page_search .search_detail p{color:#000;margin-bottom:10px;}
.page_search .search_detail input{padding:7px 0; border:1px solid #e5e5e5; width:500px; text-indent:10px;}
.page_search .search_detail button {width:50px; height:34px; line-height:30px; color:#585858; border:1px solid #e5e5e5; font-weight:bold; text-align:center;}
.page_search .search_category ul{border-bottom:1px solid #dfdfdf;padding:30px 0; display:flex; flex-wrap:wrap;}
.page_search .search_category ul li{margin-right:10px;line-height:30px; padding: 5px 10px; border:1px solid #dfdfdf;}
.page_search .search_category ul li a.highlight {font-weight:bold; color:#000;}
.page_search .product_top {margin-top:10px}
.page_search .product_top {overflow:hidden; padding-bottom:9px;}
.page_search .product_top p.title {float:left; font-size:16px; color:#000; line-height:28px;}
.page_search .product_top p.title span {color:#e84b38; font-weight:600;}
.page_search .product_top .product_align {float:right;overflow:hidden;}
.page_search .product_top .product_tab {overflow:hidden; float:left;}
.page_search .product_top .product_tab li {float:left; padding:0 16px; background:url(../imgs/goods/product_tab_line.png) no-repeat left center;}
.page_search .product_top .product_tab li:first-child {background:none;}
.page_search .product_top .product_tab li a {display:block; height:28px; line-height:28px;}
.page_search .product_top .product_tab li.on a {color:#000; font-weight:bold;}
.page_search .product_grid_box {border-top:1px solid #dedede;}

.goods_detail_tab_box {height: auto;}
.detail_tab {position:sticky; top:0; background:#fff;}

.adjust_image_container div {padding-left:10px; text-indent:-10px;}