/* BASIC css start */
/* BASIC css start */
input:focus,textarea:focus {
outline: none;
}

input{   
    font-family: 'Noto Sans KR', sans-sarif;}

input, textarea {
  border:0;
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px !important;
  border-radius:0;
  Background:none}






hr.hr{
    height: 10px;
    display: block;
    background: #efefef;
    border: 0;
    margin: 30px 0 0;
    border: 0;}

body,html{overflow-x: hidden;}
#title_area{font-size:0; line-height: 55px; text-align: center;}
#title_area a img {height:13px !important;margin-bottom:5px;}
#title_area h2{
    padding-top: 2px;
    font-size: 15px;
    text-align: center;
    color: #000;
    font-weight: 600;}

.MK-product-icons img:nth-child(1){padding-left:0}


.goods_list {font-size:0px; *zoom:1; }
.goods_list:after {clear:both; display:block; content:"";}
.goods_list li.gl_item {_float:left;vertical-align:top;  display: inline-block;overflow:hidden;width:50%;box-sizing:border-box; font-size:12px;    position: relative;}
.goods_list li.gl_item_small {width:12.5%; box-sizing:border-box; padding:0 4px;}
.goods_list li.gl_item>a {display:block;padding-right: 4.5px !important;}
.goods_list li.gl_item_right { display: inline-block; _float:right;vertical-align:top; overflow:hidden;width:50%;box-sizing:border-box; font-size:12px;    position: relative;}
.goods_list li.gl_item_right>a {display:block;padding-left: 4.5px;min-height:290px;}
.goods_list span.gli_image {width:100%;}
.goods_list span.gli_image img {_width:100%;}
.goods_list ol.gli_contents {padding-top:8px !important; text-align:left;padding-left:2px !important;padding-bottom:8px;}
.goods_list ol.gli_contents li{}
.goods_list ol.gli_contents .goods_name {
    font-size: 12px;
    color: #444;
    line-height: 1.2;
    margin: 4px 0 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
    
.goods_list ol.gli_contents .goods_name > span{font-size:13px !important}
.goods_list ol.gli_contents .goods_summary {display:block; padding-top:2px; font-size:12px; color:gray; }
.goods_list ol.gli_contents .goods_consumer_price {color:gray}
.goods_list ol.gli_contents .goods_price {font-weight:bold; font-size:14px; font-family:tahoma; color:#ff3300}
.goods_list ol.gli_contents .gli_goodsprice {display:block; margin-top: -2px;}
.goods_list ol.gli_contents .gli_goodsprice .discount{font-weight: bold; font-size: 1.3em;}
.goods_list ol.gli_contents .gli_goodsprice .discount:after{
    content: "원";
    font-weight: bold;
    font-size: 0.9em;}
.goods_list ol.gli_contents .gli_goodsprice .origin{text-decoration: line-through;color: #aaaaaa;}

.fb-like {width:60px;}
		
.top_menu ul li.on a{
    padding: 10px 8px !important;}
            
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;

  }
  to {
    opacity: 0;
  }
}


.hidden {
  display: none;
  opacity: 0;
}

.appear {
  animation: fade-in 1s;
  animation-fill-mode: forwards;
  display: flex;
}

.disappear {
  animation: fade-out 1s;
  animation-fill-mode: forwards;
}




.top_menu_wrap{display:none}
#container{
    padding: 44px 10px 0;}
    
.btn_important_large,.btn_normal_large{color:#fff !important; text-align:center}

.brandname{ 
    text-transform: lowercase;
    margin-bottom: 4px;
    font-size: 13px !important;
    color: #888;
    font-weight: 100;}


@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;vertical-align:middle;}
img {vertical-align:middle;}
form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
body,select,button,table{font-size:12px;color:#515151;}


input,textarea{font-size:14px;color:#515151;}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select,input[type=text],
input[type=number],
input[type=tel],
input[type=date],
input[type=password]{font-size: 0.9em; border:1px solid #e4e4e4 !important;height:45px;line-height:45px ;
_text-indent: 7px; border:1px solid #ddd;outline: none;    box-shadow: none;border-radius:0;-webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
input[type=button],
input[type=image],
input[type=submit],
button {border-radius:0; -webkit-appearance:none;outline: none;    box-shadow: none;}
textarea {padding:5px 1%;    font-size: 12px;border-radius: 0px; /* iOS 둥근모서리 제거 */    border: 1px solid #ddd;-webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;}
select {
    background: #fff;
    border-radius: 0px; /* iOS 둥근모서리 제거 */    border: 1px solid #ddd;height: 30px;
    line-height: 30px;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
    background: url(/design/ksm1024/images/ico_arw_select_off.png) no-repeat;
    background-position: 96%;
    background-size: 9px 6px;
    text-indent: 5px;}
    
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
label{cursor:pointer}
.hand,.pointer {cursor:pointer}
.underline{text-decoration:underline}
.relative{position:relative}
.absolute{position:absolute}
.small {font-size:11px; letter-spacing:-1px;}
.desc {font-size:11px; color:#848484; letter-spacing:-1px;}
.totalprice {color:#bb0000; font-size:18px; }
.hide {display:none;}
.unvisibility {visibility:hidden;}
.bold {font-weight:bold;}
.notbold {font-weight:normal;}
.txt_spacing {letter-spacing:-1px}
.input-box-default-text {color:#aaa !important; letter-spacing:-1px;}

/* 하이퍼링크 */
a:link,
a:visited,
a:active	{color:#000000}


/* 폰트 색상 */
.red {color:red !important;}
.blue {color:blue !important;}
.orange {color:orange !important;}
.green {color:green !important;}
.black {color:#000 !important;}
.white {color:#fff !important;}
.gray {color:gray !important;}
.tahoma {font-family:tahoma;}

.fb-like {width:100px;}
/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px 10px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}


.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}

.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}

.wx300{width:300px}
.wx500{width:500px}
.wx150{width:150px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx80{width:80px}
.wx70{width:70px}
.wx50{width:50px}
.wx30{width:30px}
.wx20{width:20px}

.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}

/* 정렬 */
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.hide{display:none}

/* 클리어부스 */
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}

/* 모바일 스타일 */
.box_style {border:1px solid #bebebe; background-color:#f7f7f7;}
.button_style {border:1px solid #bebebe; background-color:#eeeeee; font-size:12px; height:40px; line-height:40px;}
.gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:bold; font-size:12px; height:40px; line-height:40px;}
.bbs_button_style {border:1px solid #ccc; background-color:#fff; color:#333; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
.bbs_gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:normal; font-size:12px; height:30px; line-height:30px;}

span.input_round_style input {height:38px; width:100%; line-height:38px; border:1px solid #e1e1e1; text-indent:5px;}

.btn_graybox {width:33px; height:33px; border:0px; background-color:#222; text-align:center; color:#fff; border-radius:0 !important}

.inputbox_large {display:inline-block; height:28px !important; line-height:30px !important; border:1px solid #ddd !important;}
.inputbox_medium {display:inline-block; height:20px !important; line-height:22px !important; border:1px solid #ddd !important; padding-left:5px !important; padding-right:5px; !important}

/* 모바일 레이아웃 */
#wrap {position:relative;height: auto;width: 100%;overflow: hidden;}
.open #wrap{height:100%;}

#layout_side {position:fixed;top:0;left:-100%;width:100%;z-index:1000;background-color:#fff;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.2s ease-in-out;}
.open  #layout_side {left:0;-webkit-transition: all 0.2s ease-in-out;}

#layout_side .aside_bnr{
    padding: 5px 15px 25px;
    display: block;}
    
#layout_side .left_body h3{
    padding: 25px 0 0;
    text-align: center;
    font-size: 1.3em;
    color: #000;}
#layout_side ul.top_navigation {background-color:#25292b; text-align:center;}
#layout_side ul.top_navigation li {display:inline-block; width:80px; height:50px; text-align:center; }
#layout_side ul.top_navigation li a {position:relative; width:100%; font-size:11px; color:#949a9c; letter-spacing:-1px;}

#layout_side div.top_userinformation {*zoom:1; height:42px; padding:0 12px 0 12px; line-height:42px; background-color:#ebebe4;}
#layout_side div.top_userinformation:after {content:""; display:block; clear:both;}
#layout_side div.top_userinformation .welcome {float:left;}
#layout_side div.top_userinformation .joinbtn,
#layout_side div.top_userinformation .logoutbtn,
#layout_side div.top_userinformation .loginbtn{float:right; margin-left:2px}
#layout_side div.top_userinformation .joinbtn input,
#layout_side div.top_userinformation .logoutbtn input,
#layout_side div.top_userinformation .loginbtn input {padding:5px; border:1px solid #9ca3ab; border-radius:3px; color:#676767; background-color:#ebeeef}

#layout_side div.menu_navigation_wrap {background-color:#f5f5f1;}
#layout_side div.menu_navigation_wrap ul.menu {border-top:1px solid #ddddd9; background:url('/design/ksm1024/images/l_bg_shadow.png') repeat-y right top; background-size:7px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem {position:relative; border-top:1px solid #fff; border-bottom:1px solid #ddddd9;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a {padding-left:12px; display:block; height:44px; line-height:44px; font-size:14px; color:#888; font-weight:bold; letter-spacing:-1px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitem a img {margin-right:15px;}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('/design/ksm1024/images/btn_arw_dn.png') no-repeat 96% 15px; background-size:15px 15px}
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('/design/ksm1024/images/btn_arw_r.png') no-repeat 96% center; background-size:15px 15px}
#layout_side div.menu_navigation_wrap ul.submenu {display:none; background-color:#e5e5e1}
#layout_side div.menu_navigation_wrap ul.submenu li.submitem {border-top:1px solid #ddddd9;}
#layout_side div.menu_navigation_wrap ul.submenu li.submitem a {height:30px; line-height:30px; font-size:13px; color:#666; font-weight:normal; padding-left:56px; letter-spacing:normal}

#layout_wrap {position:relative;top:0;left:0;padding-top:44px;    width: 100%;background: #fff;-webkit-transition: all 0.2s ease-in-out;}
.open #layout_wrap{left:80%;width: 100%;top:0;-webkit-transition: all 0.2s ease-in-out;}

#layout_header ul {position:absolute; top:5px; right:5px; height:23px; white-space:nowrap}
#layout_header ul li {text-align: center; float:left; background:url('/design/ksm1024/images/header_gnb_bar.gif') no-repeat right 5px;}
#layout_header ul li a {_display:block; padding:10px 8px;}
#layout_header form.search_form {padding:0px 7px 7px 7px;}
#layout_header form.search_form .search_text {width:99%; height:30px; line-height:30px; border:0px; text-indent:5px; background:none; background-color:#fff;}
#layout_header form.search_form .search_text_bg {background:url('/design/ksm1024/images/input_i_search.png') no-repeat 10px 7px; background-size:16px 16px;}
#layout_header form.search_form .search_btn {width:100%; background-color:#505557; border:1px solid #1f2426; border-radius:3px; color:#fff; height:30px;}

#layout_body {    position: relative; /*padding-top:64px;*/}

#quick_layer {position:fixed; z-index:100; bottom:0px; left:0px; width:100%;}
#quick_layer table.common_quick {width:100%; border-collapse:collapse; border-top:2px solid #c5c6c7;}
#quick_layer table.common_quick td {border:1px solid #d2d3d4; background-color:#e1e2e3; height:50px;}
#quick_layer table.common_quick td a {display:block; width:100%; vertical-align:middle; color:#7a8285; text-align:center; font-size:13px; letter-spacing:-1px}
#quick_layer table.goods_quick {width:100%; border-collapse:collapse;}
#quick_layer table.goods_quick td {border-left:1px solid #333; height:44px; }
#quick_layer table.goods_quick td:first-child {border-left:none}
#quick_layer table.goods_quick td a {display:block; width:100%; vertical-align:middle; color:#8e9699; text-align:center;}

/* 모바일 상품디스플레이 타이틀 */
.goods_display_title {border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5; *zoom:1; margin-bottom:5px;}
.goods_display_title:after {content:""; display:block; clear:both;}
.goods_display_title .gdt_title {float:left; padding-left:10px; height:35px; line-height:35px; font-size:14px; color:#000;}
.goods_display_title .gdt_more {float:right; padding-right:7px; height:35px; line-height:38px; color:#666;}

/* 모바일 서브페이지 버튼바 */ /*  border:1px solid red; */
.sub_title_button_bar {position:relative; height:48px; background-color:#848c8f; border-top:2px solid #6a7275; border-bottom:2px solid #d6dadd; margin:0; cursor:pointer; }
.sub_title_button_tb {height:100%; width:100%; text-align:center; }
.sub_title_button_tb th,
.sub_title_button_tb td {line-height:16px; color:#c3d0d9; font-size:11px;  font-weight:normal; letter-spacing:-1px; border-right:1px solid #71797c; border-left:1px solid #8d9598;}
.sub_title_button_tb td:first-child {border-left:none;}
.sub_title_button_tb td:last-child {border-right:none;}

.sub_title_button_tb span{color:#fff; font-size:22px; font-weight:bold;}
.sub_title_button_tb .sel{color:#fff; background-color:#6c757a; font-size:11px;  font-weight:bold;}

/* 모바일 일반리스트 스타일 */
.normal_list {}
.normal_list > li {position:relative;background-color:#fff;}
/*
.normal_list li.even {background-color:#f5f5f5;}
.normal_list li {background-color:#e5e5e5;}
*/
.normal_list > li > a:first-child {display:block; padding:14px; font-size:12px; border-bottom:1px solid #ddd; background:url('/design/ksm1024/images/list_arrow.gif') no-repeat right 20px center;}
.normal_list > li.arrow-up > a:first-child {background:url('/design/ksm1024/images/icon_arrow_up.gif') no-repeat right 20px center;}
.normal_list > li.arrow-down > a:first-child {background:url('/design/ksm1024/images/icon_arrow_down.gif') no-repeat right 20px center;}
.normal_list > li > a.option_btn {position:absolute; width:40px; height:100%; margin-left:-40px; left:100%; top:0px;}
.normal_list > li > .nl_contents {display:none; border-top:1px solid #ccc; border-bottom:2px solid #ccc;}

/* 모바일 카테고리 리스트 스타일 */
.category_list {}
.category_list li {position:relative; background-color:#ffffff;}
.category_list li.even {background-color:#ebebeb;}
.category_list li > a:first-child {display:block; height:40px; line-height:40px; padding-left:12px; font-size:12px; border-bottom:1px solid #d9d9d9;}
.category_list li > a.option_btn {position:absolute; width:34px; margin-left:-37px; left:100%; top:3px;}

.category_list_depth {*zoom:1; padding:5px; background-color:#818181;}
.category_list_depth:after {content:""; display:block; clear:both;}
.category_list_depth li {float:left; background:url('/design/ksm1024/images/bullet_category.gif') no-repeat left center; padding:0 12px 0 20px;}
.category_list_depth li:first-child {background:none; padding-left:5px;}
.category_list_depth li a {font-size:14px; display:block; min-height:28px; line-height:28px; font-weight:bold; color:#fff;}

/* 모바일 장바구니 상품리스트 스타일 */
.cart_list { line-height:17px; }
.cart_list .goods_name { display:inline-block; width:90%; font-size:12px; color:#222; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:middle}
.cart_list .cart_goods { border-top:1px solid #e1e1e1;  background-color:#fff;}

.cart_list .cart_price { color:#000; }
.cart_list .cart_price_num { color:#e75829; letter-spacing:-1px; }
.cart_list .cart_option	{ color:#646464; }
.cart_list .cart_goods_suboption { padding:10px 5px; border-top:1px dashed #d9d9d9;}
.cart_list .cart_goods_detail {display:grid; padding:20px 0px; position:relative;}
.cart_list .cart_goods_detail .btn_select_del {position:absolute; right:5px; top:5px; background:url('http://dstortion.img15.kr/m/images/common/icon_del.gif') no-repeat; background-color:transparent; width:14px; height:14px; border:0px; text-indent:-1000px; overflow:hidden;}
.cart_list .cart_goods_sum {display:none; _border-top:1px solid #d9d9d9; padding:5px; }
.cart_list .cart_goods_num { color:#000; font-weight:bold; font-size:16px; }
.cart_list .sum_price { font-size:15px; font-weight:bold;letter-spacing:-0px; }
.cart_list .goods_delivery_info {display:none; border-bottom:1px solid #d9d9d9;_border-top:1px solid #d9d9d9; background-color:#fff; padding:8px; margin-top:33px;}
.cart_list .goods_delivery_info:first-child{margin-top:7px;}
.cart_list .cart_sale_detail_table {border:1px solid #ddd; background-color:#f6f6f6; padding:7px;}
.cart_list .cart_sale_detail_table table td {font-size:12px}

.total_sum_price {
    font-weight: bold;
    padding: 10px 0px;
    border-top: 33px;}
    
.total_sum_price table{ font-size:11px; color:#666666; }
.total_sum_price .sum_price{ font-size:12px; color:#666666; }


/* 모바일 결제화면 상품리스트 스타일 */
.settle_cart_list {}
.settle_cart_list li{padding:22px 0;border-bottom:1px solid #e1e1e1;}
.settle_cart_list .mtmini{font-size:46px;color:#777;}
.settle_cart_list .goods_name{display:block; width:90%; font-size:12px; color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:middle}
.settle_cart_list .goods-option{font-size:11px;color:#959595}
.settle_cart_list .goods-price{font-size:12px;color:#222;}
.settle_cart_list .cart_goods { border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; border-top-width:0px; background-color:#fff;}
.settle_cart_list .cart_goods_detail { padding:20px 0; position:relative;}
.settle_cart_list .cart_goods_detail .btn_select_del {position:absolute; right:5px; top:5px; background:url('http://dstortion.img15.kr/m/images/common/icon_del.gif') no-repeat; background-color:transparent; width:14px; height:14px; border:0px; text-indent:-1000px; overflow:hidden;}
.settle_cart_list .cart_goods_sum { border-top:1px solid #d9d9d9; padding:5px; }
.settle_cart_list .cart_goods_num { color:#000; font-weight:bold; font-size:16px; }
.settle_cart_list .cart_price_num { color:#e75829; letter-spacing:-1px; }
.settle_cart_list .sum_price	{font-size:50px;color:#222; font-weight:normal;  letter-spacing:0px;}
.settle_cart_list .sum_price span {color:#e75829}
.settle_cart_list .item_suboption {padding:10px 5px; border-top:1px dashed #d9d9d9;}
.settle_cart_list .item_suboption .sum_price,
.settle_cart_list .item_suboption .sum_price span {color:#000; font-size:12px;}
.settle_cart_list .item_sum {color:#222; font-size:13px;text-align:right; height:16px; line-height:16px;}
.settle_cart_list .item_sum span {color:#e75829; letter-spacing:0px;font-size:15px;}
.settle_cart_list .item_shipping {padding:0px 10px; background-color:#ddd; line-height:30px; height:30px;}
.settle_cart_list .goods_delivery_info {border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9; background-color:#fff; padding:8px 0; margin-top:33px;}
.settle_cart_list .goods_delivery_info:first-child{margin-top: 0;}
.settle_cart_list .cart_sale_detail_table {border:1px solid #ddd; background-color:#f6f6f6; padding:7px;}
.settle_cart_list .cart_sale_detail_table table td {font-size:12px}

/* 모바일 결제화면 쿠폰 테이블*/
.settle_coupon_table {border-collapse:collapse; margin-bottom:5px;}
.settle_coupon_table tr:first-child {border-top:1px solid #ddd; border-right:none;}

/* 모바일 서브페이지 항목 제목*/
.sub_division_title {position:relative; height:40px; line-height:40px; text-indent:5px; color:#333; border-top:1px solid #c2c6c9; background-color:#d3d7d8; font-weight:bold}
.sub_division_title .sub_division_arw {position:absolute; right:8px; top:13px; background:url('/design/ksm1024/images/btn_arw_dn_w.png') no-repeat; background-size:15px 15px; width:15px; height:15px;}
.sub_division_title .sub_division_arw.closed {background:url('/design/ksm1024/images/btn_arw_up_w.png') no-repeat; background-size:15px 15px;}
.sub_division_contents {}
.sub_division_contents .sub_division_item {padding:0; min-height:50px; line-height:50px; border-bottom:1px dotted #d6d8d7;}
.sub_division_contents .sub_division_item_sum {padding:0;height:40px; line-height:40px; border-top:1px dotted #e1e1e1;color:#222;}
.sub_division_contents .sub_division_item_sum.line {border-top:1px solid #e1e1e1;color:#222;}
.sub_division_contents .sub_division_item_lastsum {height:45px; line-height:45px; color:#222; font-size:13px; border-top:1px dotted #e1e1e1;font-weight: bold;border-bottom:1px solid #e1e1e1;}
.sub_division_contents .sub_division_item_lastsum.line{border-top:1px solid #e1e1e1;color:#222;height:40px; line-height:40px;font-size:12px;    font-weight: normal; }
.sub_division_contents .sub_division_item_lastsum b{font-size:15px;}
.sub_division_contents .sub_division_item_lastsum span.settle_price {color:#fc7500; font-weight:bold;}
.sub_division_contents .sub_division_item_lastsum:first-child {border-top:0px;}
.sub_division_contents ul .sub_division_item:first-child {border-top:none;}
.sub_division_contents ul .sub_division_item_sum:first-child {border-top:none;}

/* 모바일 결제화면 결제수단 테이블 */
.payment_method_select:after {content:""; display:block; clear:both;}
.payment_method_select li {float:left; width:50%;font-size:14px; font-weight:bold; color:#4a4a4a}
.payment_method_select li.selected {background:url('/design/ksm1024/images/i_check.png') no-repeat 5px center; background-size:17px 12px; background-color:#c1c6ca; color:#fff}
.payment_method_select li label {display:block; width:100%; height:50px; line-height:50px; margin:-2px;text-indent:30px;}
.payment_method_select li label input {display:none;}

.payment_detail_table {width:100%; border-collapse:collapse;border-top:1px solid #ddd;}
.payment_detail_table td { height:30px; padding-top:5px; padding-bottom:5px;}
.payment_detail_table th { text-align:center; font-weight:normal;}
.payment_detail_table td {padding-left:5px;}

/* 모바일 마이페이지 인덱스 */
.mypage_userinfo {position:relative; height:44px; line-height:50px; padding-left:38px; font-size:12px; color:4a4a4a;}
.mypage_userinfo .icon {position:absolute; left:7px; top:10px; line-height:24px;}
.mypage_userinfo .username {font-size:14px; font-weight:bold; color:#4a4a4a}
.mypage_userinfo .usergroup {font-size:14px; font-weight:bold; color:#007cd2}

.mypage_list_table1 {position:relative;}
.mypage_list_table1 td {height:68px; border:2px solid #ddd; background-color:#fff; cursor:pointer}
.mypage_list_table1 td>div {position:relative; width:100%; height:100%;}
.mypage_list_table1 td .icon {position:absolute; top:6px; left:6px;}
.mypage_list_table1 td .count {position:absolute; top:5px; right:7px; font-size:25px;  color:#f05f30; font-weight:bold;}
.mypage_list_table1 td .title {position:absolute; bottom:7px; right:7px; font-size:12px; color:#4a4a4a; font-weight:bold;}
.mypage_list_table2 {margin-top:2px; border:1px solid #e1e1e1; border-collapse:collapse; table-layout:fixed}
.mypage_list_table2 td {border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; height:60px; text-align:center; background-color:#fff; cursor:pointer}
.mypage_list_table2 td,
.mypage_list_table2 td a {font-size:12px; font-weight:Bold; color:#4a4a4a;}
.mypage_list_table2 tr td:first-child {border-left:none}
.mypage_list_table2 tr:first-child td {border-top:none}

.cs_list_table {margin-top:2px; border:1px solid #e1e1e1; border-collapse:collapse; table-layout:fixed}
.cs_list_table td {border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; height:90px; text-align:center; background-color:#fff; cursor:pointer}
.cs_list_table td,
.cs_list_table td a {font-size:13px; font-weight:Bold; color:#4a4a4a;}
.cs_list_table tr td:first-child {border-left:none}
.cs_list_table tr:first-child td {border-top:none}

.cs_info {font-weight:bold;}
.cs_info th,
.cs_info td {text-align:left; padding:10px 0; border-top:1px solid #e0e2e1}
.cs_info tr:first-child th,
.cs_info tr:first-child td {border-top:none;}
.cs_info th {text-align:right; width:60px; font-size:14px; color:#c0c4c5; letter-spacing:-1px}
.cs_info td {text-align:left; padding-left:16px; font-size:16px;}

/* 모바일 마이페이지 주문리스트 */
.order_list_table {border-collapse:collapse; margin-bottom:2px;}
.order_list_table th.cell,
.order_list_table td.cell {border:2px solid #d7d7d7}
.order_list_table th.cell {background:url('/design/ksm1024/images/btn_arw_r_w.png') no-repeat right; background-size:15px 15px; background-position:99%; background-color:#d7d7d7; height:32px; line-height:17px; padding:0 4px; font-weight:normal; text-align:left; font-size:12px; color:#4b4b4b;}
.order_list_table th.cell b {font-weight:bold; font-size:14px; }
.order_list_table td.cell {background-color:#fff; height:36px; padding:15px 10px; font-size:12px; color:#000}
.order_list_table td.cell b {font-weight:bold; font-sizE:14px;}

/* 모바일 회원약관동의 */
.agreement_division {margin-bottom:30px;}
.agreement_division:first-child {margin-top:0px;}
.agreement_header {position:relative; *zoom:1;}
.agreement_header:after {content:""; display:block; clear:both;}
.agreement_header .agreement_title {float:left; line-height:40px; height:40px; padding-left:10px; font-weight:Bold;}
.agreement_header .agreement_title .fold_icon {margin-left:7px; display:inline-block; width:15px; height:20px; background:url('/design/ksm1024/images/btn_arw_dn.png') no-repeat; background-size:15px 15px; background-position:0 8px;}
.agreement_header .btn_style {line-height:16px;height: 16px;padding-top:6px;margin-top:3px;margin-bottom:3px; font-size:11px;}
.agreement_header .btn_style .cken{display:inline-block;vertical-align: middle;position:relative;top:-1px;cursor: pointer;width: 16px;height: 16px;border:2px solid #888;margin-right:7px;background:none;}
.agreement_header .btn_style .cken:after {opacity: 0;content: '';position: absolute;width: 8px;height: 8px;background: #222;top: 4px;left: 4px;}
.agreement_header .btn_style .cken.on:after {opacity: 1;}

.agreement_contents { border:1px solid #e1e1e1; background-color:#fff; padding:5px;height:150px;overflow-y: auto;-webkit-overflow-scrolling: touch;font-size:11px;}
.agreement_division_opened {}
.agreement_division_opened .agreement_contents {display:block;}
.agreement_division_opened .agreement_title .fold_icon {background:url('/design/ksm1024/images/btn_arw_up.png') no-repeat; background-size:15px 15px; background-position:0 8px;}

.titleagr .fold_icon {    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('/design/ksm1024/images/btn_arw_dn.png') no-repeat;
    background-size: 50px 50px;
    background-position: 0 8px;
    vertical-align: middle;
    position: relative;
    top: -7px;
    left: 17px;}
.agreement_division_opened .titleagr .fold_icon {    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('/design/ksm1024/images/btn_arw_up.png') no-repeat;
    background-size: 50px 50px;
    background-position: 0 8px;
    vertical-align: middle;
    position: relative;
    top: -7px;
    left: 17px;}

.sub_page_tab {border-collapse:collapse; table-layout:fixed}
.sub_page_tab td {background-color:#efefef; color:#858585; font-size:14px; height:40px; text-align:center; border-top:2px solid #d6d6d6;  border-bottom:2px solid #313642; 2px solid #d6d6d6; cursor:default; letter-spacing:-1px}
.sub_page_tab td.current {background-color:#fff; color:#333; font-weight:bold; border-left:2px solid #313642; border-top:2px solid #313642; border-right:2px solid #313642; border-bottom:none}
.sub_page_tab_contents {padding:20px 15px; letter-spacing:-1px; line-height:1.2em}

/* 페이지네이션 */
.pagination {display:block; margin:5px auto 0 auto; width: 100px; text-align:center;}
.pagination li {list-style: none; margin: 0px 1px; display:inline-block;}
.pagination li a {width: 12px; height: 0px; overflow: hidden; padding-top: 12px; display: block; background-image: url("/design/ksm1024/images/slide-pagination.png");}
.pagination li.current a {background-position: 0px -12px;}

/* 상품목록 상단 */
.goods_list_top {padding:0 5px 5px 5px; border-bottom:1px solid #e1e1e1}
.goods_list_top .list_summary {font-size:11px; color:#9b9b9b}
.goods_list_top .list_summary b {color:#000;}
.goods_list_top .sort_item {font-size:11px; letter-spacing:-1px; }
.goods_list_top .sort_item a {color:#606060}
.goods_list_top .sort_item a b {font-weight:bold; color:#d43c00}

/* 목록 테이블 */
table.list_table_style {border-top:1px solid #989898;}
table.list_table_style thead th {height:34px; font-size:11px; color:#777777;font-weight: normal;border-bottom:1px solid #eeeeee;}
table.list_table_style thead th:first-child {border-left:0px;} 
table.list_table_style tbody td {padding:13px 0; text-align:center; border-bottom:1px solid #f3f3f3}

/* 기본 정보 테이블 스타일 */
table.info_table_style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info_table_style .its_section {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 5px 8px 5px; text-align:center; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info_table_style .its_th_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info_table_style textarea {background-color:#f0f0f0;}
table.info_table_style textarea.input_box_default_text {color:#a5a5a5 !important}

/* 모바일 기본 테이블 스타일 */
table.default_table_style {border:1px solid #d0d0d0;}
table.default_table_style th,
table.default_table_style td {padding:7px 10px; font-weight:normal; text-align:left; border-top:1px solid #e0e0e0}
table.default_table_style tr:first-child th,
table.default_table_style tr:first-child td {border-top:0px;}
table.default_table_style th {background-color:#f5f5f5;}
table.default_table_style td {border-left:1px solid #e0e0e0}

/* 페이징 네비게이션 */
.paging_navigation-bg {    height: 31px; font-weight: 600; display: inline-block; padding: 0px 13px; color: #222222 !important;  /*border: 2px solid #222222 !important;*/ font-size: 13px;  line-height: 31px;}
.page_only_one{border: 2px solid #222222 !important; color: #222222 !important;}
.paging_navigation {text-align:center;}
.paging_navigation a {
    vertical-align: middle;
    border: 1px solid #d8d8d8 !important;
    color: #666666 !important;
    height: 35px;
    line-height: 37px;
    width: 35px;
    margin-top: 30px;
    font-size: 13px;
    display: inline-block;}
    
.paging_navigation a.on{border:1px solid #222 !important; color: #222222 !important; }
.paging_navigation a:first-child {border-left:0px;}

.paging_navigation a.prev,
.paging_navigation a.next {color:#888; font-weight:normal; border:1px solid #c8c8c8;font-size:13px;position:relative;}

.paging_navigation a.prev{}
.paging_navigation a.next{}

.paging_navigation a.first,
.paging_navigation a.last,
.paging_navigation a.end {vertical-align: middle;
    border: 2px solid #eff2f7 !important;
    color: #666666 !important;
    line-height: 27px;
    font-size: 13px;
    position: relative;
    padding:5px; font-weight:normal; border:1px solid #c8c8c8; height:27px !important;}

.paging_navigation input.prev{background:url('http://dstortion.img15.kr/m/images/board/icon/icon_paging_prev.gif') repeat-x; height:22px; width:22px;}
.paging_navigation input.next{background:url('http://dstortion.img15.kr/m/images/board/icon/icon_paging_next.gif') repeat-x; height:22px; width:22px;} 

.paging_navigation input.first{background:url('http://dstortion.img15.kr/m/images/board/icon/icon_paging_first.gif') repeat-x; height:22px;width:22px;}
.paging_navigation input.end{background:url('http://dstortion.img15.kr/m/images/board/icon/icon_paging_end.gif') repeat-x; height:22px;width:22px;} 


/* 팝업 */
.designPopup		{position:absolute; z-index:100;}
.designPopup .designPopupBody	{}
.designPopup .designPopupBar	{background-color:#000; color:#fff; font-weight:bold; *zoom:1}
.designPopup .designPopupBar:after {content:""; display:block; clear:both;}
.designPopup .designPopupBar .designPopupTodaymsg	{float:left; text-align:center; line-height:40px; width:70%; font-size:12px; color:#b2b2b2; letter-spacing:-1px;}
.designPopup .designPopupBar .designPopupTodaymsg input {display:none;}
.designPopup .designPopupBar .designPopupTodaymsg * {vertical-align:middle}
.designPopup .designPopupBar .designPopupClose		{float:right; text-align:center; line-height:40px; width:30%; cursor:pointer; font-size:12px; color:#fff; letter-spacing:-1px;}

/* 상단 카테고리 뎁스 */
.category_depth {letter-spacing:-1px;}
.category_depth ul.list {}
.category_depth ul.list li.item {position:relative; color:#9f9f9f; float:left; padding-left:3px;}
.category_depth ul.list li.item > a {color:#9f9f9f}
.category_depth ul.list li.selected > a {color:#333333; font-weight:bold; padding-right:10px; background:url("/design/ksm1024/images/right_quick_arrowdown.gif") no-repeat right center;}
.category_depth ul.sub_menu_list {display:none; position:absolute; white-space:nowrap; z-index:10; border:1px solid #a0a5b8; background-color:#f2f2f2; padding:7px;}
.category_depth ul.sub_menu_list li.sub_item a {display:block; color:#858585; padding:1px 0;  font-weight:normal;}
.category_depth ul.sub_menu_list li.sub_item a:hover {color:#202020}
.category_depth ul.list li.selected ul.sub_menu_list {display:block;}

.join_required{display:inline-block; width:7px; height:6px; background:url('http://dstortion.img15.kr/m/images/common/icon_check_join.gif') no-repeat; vertical-align:middle;}
.couponbtn {border:0px; background-color:#000; color:#fff; font-size:11px; height:20px; letter-spacing:-1px; padding:0 7px; cursor:pointer}

table.noborder-table,
table.noborder-table th,
table.noborder-table td {border:0px !important}

.thumbnailvideo {position:absolute;z-index:5;background-position:center;background:url('http://dstortion.img15.kr/m/images/common/thumb_play.png') no-repeat center center;vertical-align:middle;}
.mobilethumbnailvideo {position:absolute;z-index:5;background-position: center;background:url('http://dstortion.img15.kr/m/images/common/thumb_play.png') no-repeat;vertical-align:middle;}

table.company_information {}
table.company_information th,
table.company_information td {padding:10px 0; border-top:1px solid #efefef; color:#000}
table.company_information tr:first-child th,
table.company_information tr:first-child td {border-top:none}
table.company_information th {text-align:right; font-size:13px; font-weight:normal; color:#676d82; letter-spacing:-1px;}
table.company_information td {padding-left:14px; padding-right:10px; font-size:13px; font-weight:bold;}

ul.gallery_menu {width:70%; margin:auto; *zoom:1}
ul.gallery_menu:after {content:""; display:block; clear:both;}
ul.gallery_menu li {float:left; width:50%;}

ul.mobile_menu {border-top:1px solid #e1e1e1;}
ul.mobile_menu li.mitem {border-bottom:1px solid #e1e1e1;}
ul.mobile_menu li.mitem.mitemicon2{background: #fff url('/design/ksm1024/images/mysicon1.png') 95.5% center no-repeat;background-size: 6px auto;}
ul.mobile_menu li.mitem a {padding-left:12px; display:block; height:46px; line-height:46px; font-size:13px; color:#444444; font-weight:bold; letter-spacing:-1px;}
ul.mobile_menu li.mitem a img {margin-right:15px;}
ul.mobile_menu li.mitemicon1 {background:url('/design/ksm1024/images/btn_arw_dn.png') no-repeat 96% center; background-size:11px 6px}
ul.mobile_menu li.mitemicon1.on {background:url('/design/ksm1024/images/btn_arw_r.png') no-repeat 96% center; background-size:11px 6px}
ul.mobile_submenu {display:none; background-color:#e5e5e1}
ul.mobile_submenu li.submitem {border-top:1px solid #fff; border-bottom:1px solid #ddddd9;}
ul.mobile_submenu li.submitem a {height:30px; line-height:30px; font-size:11px; color:#666; font-weight:normal; padding-left:56px;}
.shararea{border-bottom:1px solid #e1e1e1;padding: 20px 10px;}
.shararea h3{margin-bottom:15px;margin-top:30px;font-size:13px;}
.shararea h3:first-child{margin-top:0;}
.shararea ul{color:#777777;line-height:18px;}

table.coupon_slide_item {}
table.coupon_slide_item .coupon_slide_item_btn {position:relative; background:url('/design/ksm1024/images/cpn_bg.gif') no-repeat; width:228px; height:120px; cursor:pointer}
table.coupon_slide_item .coupon_slide_item_btn_text {width:150px; padding:15px; font-weight:bold; color:#000; font-size:12px; letter-spacing:-1px; word-break:break-all;}
table.coupon_slide_item .coupon_slide_item_btn_text_content {padding-top:8px; font-size:16px; color:#c00900;}
table.coupon_slide_item .coupon_slide_item_desc {font-size:11px; color:#aaa; line-height:20px;}

div.radio_tab_wrapper {border:1px solid #888; border-radius:4px; overflow:hidden;}
table.radio_tab_table {width:100%; border-collapse:collapse; table-layout:fixed}
table.radio_tab_table td {height:30px; text-align:center; border-left:1px solid #888; color:#333; font-size:14px; background-color:#f8f8f8;}
table.radio_tab_table td:first-child {border-left:none}
table.radio_tab_table td.checked {background-color:#7e8190; color:#fff; font-weight:bold;}
table.radio_tab_table td label {display:block; width:100%; height:100%; line-height:30px;}
table.radio_tab_table input[type='radio'] {display:none;}
table.radio_tab_table input[type='checkbox'] {display:none;}

/*select 디자인*/
select.common-select {
    color: #7C7E80 !important;
    font-size: 14px;
    height: 40px !important;
    line-height: 26px;
    text-align: left;
    width: 100% !important;
}
.styled select.common-select, .styled span.common-select {
    background: url("/design/ksm1024/images/select_arrow.png") no-repeat scroll right bottom / 26px 90px #F7F9FA;
    border: 0px solid #D2D7D9;
    color: #7C7E80 !important;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    padding-right: 36px;
    text-align: left;
    width: 100%;
}
.styled span.common-select {
    line-height: 40px;
    padding-right: 0;
    text-indent: 10px;
}
.styled.select.disabled span.common-select {
    background-color: #E7E9EA;
    background-position: right top;
    color: #ACAEB0 !important;
}

table.radio_tab_table input[type='checkbox'] {display:none;}


/***** 마이페이지 주문상세 *****/

span.goods-price {font-size:16px;color:#fa7600;font-weight:bold;}

/* 수량 */
.ea-title {font-size:11px;color:#000;}
.ea-val {margin-top:5px;font-size:14px;}
.remain-val {margin-bottom:3px;font-size:14px;color:#0085f5;font-weight:bold;}

/* 상단 date 및 주문번호 */
div.order-date-info {width:100%;text-align:center;padding:10px 0;}
div.order-date-info span.order-date	{font-size:12px;}
div.order-date-info span.order-seq	{font-size:14px;font-weight:bold;}

/* 소제목 */

div.title-line-lay table.title-line-table td {height:30px;}
div.title-line-lay table.title-line-table td.line-title {text-align:left;padding-left:10px;font-weight:bold;}
div.title-line-lay table.title-line-table td.line-btn {text-align:right;padding-right:10px;}
div.title-line-lay table.title-line-table td.line-btn span.arrow-btn {margin-left:8px;}

/* 일반 라인 */
div.line-lay {background-color:#f5f7f7;border-bottom:1px dashed #d7d7d7;}
div.line-lay.bd-line {border-bottom:1px solid #d7d7d7;}
div.line-lay.no-bd {border:none;}
div.line-lay.white {background-color:#fff;}
div.line-lay.gray {background-color:#d6d6d6;border-color:#c4c4c4;}
div.line-lay.light-gray {background-color:#e2e4e4;}
div.line-lay table.line-table td {font-size:12px;height:30px;}
div.line-lay table.line-table.hgt36 td {height:36px;}
div.line-lay table.line-table.hgt55 td {height:55px;}
div.line-lay table.line-table td.line-title {padding-left:0;color:#646464;}
div.line-lay table.line-table td.line-title.black {color:#000;}

div.line-lay table.line-table td.line-val {text-align:center;color:#000;font-weight:bold;}
div.line-lay table.line-table td.line-val.left {text-align:left;padding-left:8px;font-weight:normal;}

/* 상태 라인 */
div.status-line-lay {border-bottom:1px solid #a9abac;}
div.status-line-lay table.status-line-table td {height:43px;color:#000;font-size:14px;font-weight:bold;}
div.status-line-lay table.status-line-table td.status {padding-left:8px;}
div.status-line-lay table.status-line-table td.status-btn {text-align:right;padding-right:8px;}

/* 소계 라인 */
div.sub-total-line-lay {background-color:#a6b0b9;border-bottom:1px dashed #d7d7d7;}
div.sub-total-line-lay.no-bd {border:none;}
div.sub-total-line-lay table.sub-total-line-table td {font-size:12px;height:36px;}
div.sub-total-line-lay table.sub-total-line-table td.sub-total-title {padding-left:8px;color:#4a4a4a;}
div.sub-total-line-lay table.sub-total-line-table td.sub-total-val {text-align:center;color:#000;}
div.sub-total-line-lay table.sub-total-line-table td.sub-total-val.red {color:#cf0000;}

/* 합계 라인 */
div.total-line-lay {background-color:#5d657a;}
div.total-line-lay.dark-navy {background-color:#4e5567;}
div.total-line-lay table.total-line-table td {font-size:16px;height:48px;font-weight:bold;}
div.total-line-lay table.total-line-table.hgt36 td {font-size:12px;height:36px;}
div.total-line-lay table.total-line-table td.total-line-title {padding-left:8px;color:#fff;}
div.total-line-lay table.total-line-table td.total-line-val {text-align:center;color:#ff602c;}

/* 상품 상세 */
div.goods-info-lay {background-color:#fff;padding:8px 5px;}
div.goods-info-lay div.goods-name {font-size:14px;color:#000;padding-bottom:8px;}
div.goods-info-lay table.goods-info-table {}
div.goods-info-lay table.goods-info-table td.goods-info {text-align:left;padding-left:5px;padding-top:0;}
div.goods-info-lay table.goods-info-table td.goods-info div { margin-left:5px;margin:3px 0;}
div.goods-info-lay table.goods-info-table td.goods-info div.goods-price { font-size:14px;color:#000;margin-top:-3px;}
div.goods-info-lay table.goods-info-table td.goods-info div.goods-option { font-size:12px;color:#646464;}
div.goods-info-lay table.goods-info-table td.goods-info div.goods-etc { font-size:12px;color:#000;}

/* 상품 소계금액 */
div.sum-price-lay {height:53px;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
div.sum-price-lay table.sum-price-table td {height:53px;font-size:14px;color:#000;font-weight:bold;}
div.sum-price-lay table.sum-price-table td.price-info {padding-left:7px;background-color:#fff;}
div.sum-price-lay table.sum-price-table td.step-info {text-align:right;}

/* 주문자 정보 */
div.order-info-lay table.order-info-table td {font-weight:bold;background-color:#f5f7f7;color:#4a4a4a;border-bottom:1px solid #d7d7d7;text-align:left;padding-left:10px;font-size:12px;height:30px;}
div.order-info-lay table.order-info-table td.order-name {text-align:center;font-size:14px;border-right:1px solid #d7d7d7;}

/*	추가옵션 상세 */
div.suboption-lay {background-color:#fff;}
div.suboption-lay table.suboption-table td {font-size:12px;color:#646464;height:57px;}
div.suboption-lay table.suboption-table td.suboption-name {padding-left:8px;}
div.suboption-lay table.suboption-table td.suboption-name div.suboption-etc {margin:3px 15px;}
div.suboption-lay table.suboption-table td.suboption-price {text-align:center;font-weight:bold;}

/* 환불신청화면 상품목록 */
div.refund-lay {}
div.refund-lay div.shipping-info-lay {padding:8px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff}
div.refund-lay div.refund-list-lay div.goods-info-lay {padding:10px 0;border-top:1px solid #ddd}
div.refund-lay div.refund-list-lay div.goods-info-lay:first-child {border-top:none}
div.refund-lay div.refund-list-lay div.goods-info-lay.sub { margin:5px auto 8px;border-top:1px dashed #ddd}
div.refund-lay div.refund-list-lay div.goods-info-lay div.goods-name {padding-bottom:1px;margin:0px !important; }
div.refund-lay div.refund-list-lay div.goods-info-lay div.goods-name a{font-size:13px;color:#222;}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table {}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table td.goods-info {text-align:left;padding-left:5px;padding-top:0;}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table td.goods-info div { margin-left:5px;margin:3px 0;}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table td.goods-info div.goods-price { font-size:14px;color:#000;margin-top:-3px;}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table td.goods-info div.goods-option { font-size:12px;color:#646464;}
div.refund-lay div.refund-list-lay div.goods-info-lay table.goods-info-table td.goods-info div.goods-etc { font-size:12px;color:#888;}
div.refund-lay div.refund-list-lay div.sum-price-lay {height:53px;border-top:1px dashed #d7d7d7;}
div.refund-lay div.refund-list-lay div.sum-price-lay table.sum-price-table td {height:53px;font-size:14px;color:#000;font-weight:bold;}
div.refund-lay div.refund-list-lay div.sum-price-lay table.sum-price-table td.price-info {padding-left:7px;background-color:#fff;}
div.refund-lay div.refund-list-lay div.sum-price-lay table.sum-price-table td.step-info {text-align:center;background-color:#efefef;}

div.refund-lay div.refund-status-lay { padding:8px 0px 0 8px; height:30px; }
div.refund-lay div.refund-status-lay .title { line-height:24px; font-size:14px; color:#FF602C; }

div.refund-lay div.refund-list-lay table.ea-info-table {background-color:#fff; border-collapse:collapse; }
div.refund-lay div.refund-list-lay table.ea-info-table td {padding:8px 5px; border-left:1px solid #ddd;}
div.refund-lay div.refund-list-lay table.ea-info-table span.red {font-size:12px;color:#bc0700;font-weight:bold;}
div.refund-lay div.refund-list-lay table.ea-info-table td:first-child {border-left:none;}
div.refund-lay div.refund-list-lay table.ea-info-table span.red {font-size:12px;color:#bc0700;font-weight:bold;}
div.refund-lay div.refund-list-lay table.ea-input-table {background-color:#f4f4f4; border-collapse:collapse; }
div.refund-lay div.refund-list-lay table.ea-input-table td {padding:8px 5px;}

div.refund-lay div.refund-list-lay div.suboption-lay {border-top:1px solid #ddd;background-color:#fff;}
div.refund-lay div.refund-list-lay div.suboption-lay div.goods-name {padding:8px 5px; font-size:14px;color:#000;font-weight:bold;padding-bottom:8px;}
div.refund-lay div.refund-list-lay div.suboption-lay table.suboption-table td{font-size:12px;color:#646464;height:57px;}
div.refund-lay div.refund-list-lay div.suboption-lay table.suboption-table td.suboption-name {padding-left:8px;}
div.refund-lay div.refund-list-lay div.suboption-lay table.suboption-table td.suboption-name div.suboption-etc {margin:3px 15px;}
div.refund-lay div.refund-list-lay div.suboption-lay table.suboption-table td.suboption-price {text-align:center;font-weight:bold;}
div.refund-lay div.total-price-lay {background-color:#a6b0b9;}
div.refund-lay div.total-price-lay table.total-price-table td {height:48px;font-size:16px;color:#000;font-weight:bold;}
div.refund-lay div.total-price-lay table.total-price-table td.total-price-title {padding-left:8px;}
div.refund-lay div.total-price-lay table.total-price-table td.total-price {text-align:center;}


/* 쿠폰상세정보 */
div.coupon_title { padding:30px; border:3px solid #d7d7d7; background-color:#fff; font-size:16px; text-align:center; font-weight:bold; color:#000; letter-spacing:-1px; }
div.coupon_body { padding:20px 15px; background-color:#f5f7f6; font-size:11px;color:#000; }
div.coupon_body table{ font-size:11px;color:#000; }
div.coupon_body .btn_use{ padding-top:20px; }

/* 푸쉬알림 */
.pushCount {display:inline-block; min-width:15px; padding:0 3px; min-height:20px; line-height:20px; background-color:red; color:#fff; font-weight:bold; font-size:15px; border-radius:10px; text-align:center;}

/* checkbox/radio image ezmark */
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox{display:inline-block;vertical-align: middle;position:relative;top:-1px;cursor: pointer;width: 16px;height: 16px;border:2px solid #ebebeb;background:none;}
.ez-checkbox:after {opacity: 0;content: '';position: absolute;width: 8px;height: 8px;background: #222;top: 4px;left: 4px;}
.ez-checkbox.ez-checkbox-on:after {opacity: 1;}

.ez-radio {background: transparent url('http://dstortion.img15.kr/m/images/icon/i_radio_off.png') 0 1px no-repeat;display:inline-block;vertical-align:middle;}
.ez-radio-on {background: transparent url('http://dstortion.img15.kr/m/images/icon/i_radio_on.png') 0 1px no-repeat;}
.ez-radio { zoom: 1; *display:inline; width:24px;height:24px;_height:24px; vertical-align:middle;}


/* 상품디스플레이 탭 박스 */
.displayTabContentsContainer {}
.displayTabContentsContainerBox {}

/* 상품디스플레이 탭 스타일 */
ul.displayTabType1 {*zoom:1; border-bottom:none;}
ul.displayTabType1:after {content:""; display:block; clear:both;}
ul.displayTabType1 li {float:left; background-color:#efefef; color:#858585; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #d6d6d6; cursor:default;}
ul.displayTabType1 li.current {background-color:#313642; color:#fff; border-top:1px solid #313642;}

ul.displayTabType3 {*zoom:1; border-bottom:none;}
ul.displayTabType3:after {content:""; display:block; clear:both;}
ul.displayTabType3 li {float:left; background-color:#efefef; color:#858585; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #d6d6d6; cursor:default;}
ul.displayTabType3 li.current {background-color:#727c8a; color:#fff; border-top:1px solid #727c8a;}

ul.displayTabType4 {*zoom:1; border-bottom:none;}
ul.displayTabType4:after {content:""; display:block; clear:both;}
ul.displayTabType4 li {float:left; background-color:#e0e6f7; color:#8190b5; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #c9d0e7; cursor:default;}
ul.displayTabType4 li.current {background-color:#4b69b1; color:#fff; border-top:1px solid #4b69b1;}

ul.displayTabType5 {*zoom:1; border-bottom:none;}
ul.displayTabType5:after {content:""; display:block; clear:both;}
ul.displayTabType5 li {float:left; background-color:#fce8f5; color:#d783bb; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #eccbde; cursor:default;}
ul.displayTabType5 li.current {background-color:#e08ac3; color:#fff; border-top:1px solid #e08ac3;}

ul.displayTabType6 {*zoom:1; border-bottom:none;}
ul.displayTabType6:after {content:""; display:block; clear:both;}
ul.displayTabType6 li {float:left; background-color:#f9f0d7; color:#ba9857; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #decfa4; cursor:default;}
ul.displayTabType6 li.current {background-color:#c99a32; color:#fff; border-top:1px solid #c99a32;}

ul.displayTabType7 {*zoom:1; border-bottom:none;}
ul.displayTabType7:after {content:""; display:block; clear:both;}
ul.displayTabType7 li {float:left; background-color:#eef5e2; color:#88a845; font-size:11px; height:40px; line-height:40px; text-align:center; border-top:1px solid #cddab7; cursor:default;}
ul.displayTabType7 li.current {background-color:#85a849; color:#fff; border-top:1px solid #85a849;}

ul.displayTabType2 {*zoom:1; border-bottom:2px solid #393e40}
ul.displayTabType2:after {content:""; display:block; clear:both;}
ul.displayTabType2 li {float:left; height:40px; line-height:40px; font-weight:bold; font-size:14px; text-align:center; color:#959595; cursor:default;}
ul.displayTabType2 li:first-child {}
ul.displayTabType2 li.current {color:#000;}

ul.displayTabTypeImage {*zoom:1;}
ul.displayTabTypeImage:after {content:""; display:block; clear:both;}
ul.displayTabTypeImage li {float:left;}
ul.displayTabTypeImage li.current {color:#000;}

/* 빅데이터 상품 목록 layout css */
div.bigdata-title-bar { border-top:1px solid #828282;border-bottom:1px solid #e3e3e3;line-height:38px;font-size:12px;color:#000; text-align:left;background-color:#fff;}
div.bigdata-title-bar table td {color:#000;line-height:18px;}
div.bigdata-title-bar img {width:25px;height:25px;margin:10px;margin-left:12px;}
div.bigdata-goods-list { text-align:left; background-color:#fff;}


#layout_header.hread_wa{height:55px !important;background:#fff;position:fixed;width:100%;left:0;top:0px; border-bottom:1px solid #e1e1e1;    z-index: 10;-webkit-transition: all 0.2s ease-in-out;}
#layout_header.hread_wa .full-search-btn{
    top: 18px;
    left: 20px;}
#layout_header.hread_wa > div > a.home{
    right: 63px;
    top: 17px;
    position: absolute;}
    
#layout_header.hread_wa > div a.home img{
    height: auto;
    width: 18px;}

.open #layout_header.hread_wa{left:80%;-webkit-transition: all 0.2s ease-in-out;}
#layout_header.hread_wa > div{position:relative;}
#layout_header.hread_wa h1{text-align:center;padding-top:4px;}
#layout_header.hread_wa .head_mbtn{position:absolute;left:0;top:4px;}
#layout_header.hread_wa .head_lbtn{position:absolute;right:65px;top:4px;}
#layout_header.hread_wa .head_cbtn{position:absolute;right:36px;top:4px;}

#layout_header.hread_wa .head_cart{position: absolute; right: 20px; top: 18px;}
    
#layout_header.hread_wa .head_cart img{width: 21px; height: auto;}

#layout_header.hread_wa .head_cart span#user_basket_quantity{
    position: absolute;
    background: red;
    color: #fff;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    line-height: 17px;
    text-align: center;
    font-size: 0.9em;
    right: -10px;
    top: -8px;}


#layout_header.hread_wa img{height:44px;}


.left_head{border-bottom:1px solid #e1e1e1;position:relative;}
.left_head .searchl_btn{position:absolute;right:0;top:0;}
.left_head .searchl_box{position:absolute;left:0;top:0;z-index:12;display:none;overflow: hidden;background: #fff;    width: 100%;}
.left_head .searchl_box input[type=text] {background: #fff url('http://dstortion.img15.kr/m/images/common/searchl_icon.png') 0 top no-repeat;background-size:auto 46px;padding: 14px 0;height:18px;line-height:18px;border:0;    text-indent: 36px;font-size:12px;width:100%}
.left_head .searchl_box .searchl_cle{position:absolute;right:0;top:0;font-size:12px;color:#222222;height:46px;line-height:46px;width:46px;display:inline-block;text-align:center;}
.left_head img{height:46px;}

.leftm{padding:0 0 19px 0;}
.leftm a{display:block;line-height:40px;height:40px;text-align:center;font-size:12px;color:#888888;}
.liconm{padding: 0 15px 55px 15px;
    background: #fff;
    height: 58px;
    overflow: hidden;}
.liconm li{float:left;width:33.33%;height:85px;border-right:1px solid #000;box-sizing: border-box;}
.liconm.liconm-borde-bottom{border-bottom:1px solid #e8e8e8;} 
.liconm li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 122px;}
.liconm li.liconm1 a{background: #000 url('/design/ksm1024/images/aside_ico01.png') center 20px no-repeat;background-size:22px;}
.liconm li.liconm2 a{background: #000 url('/design/ksm1024/images/aside_ico02.png') center 20px no-repeat;background-size:22px;}
.liconm li.liconm3 a{background: #000 url('/design/ksm1024/images/aside_ico03.png') center 20px no-repeat;background-size:22px;}
.lMagazine a{display:block;height:46px;line-height:46px;border-top:1px solid #e1e1e1;background-size:18px;color:#f5b249;font-size:11px;text-align:Center;background:#222;}
.lMagazine a img{width:100px;} 

.optional_area{background:none !important;}
.sucont{padding:22px 15px 0; border-top: 1px solid #dadada;}
.sucont h2{display:none; font-size:13px;text-align:center;color:#222222;padding-bottom:16px;}
.sucont h3{font-size:13px;font-weight:normal;color:#222222;padding-bottom:9px;}
.sucont h3.line{border-bottom:1px solid #555;}
.conimg{margin-bottom:25px;}
.conimg img{width:100%;}
.conimg .bx-controls{    right: 0px;
    bottom: 11px;
    background: none;
    width: 100%;
    height: 11px;
    padding: 0;}
.conimg .bx-controls-direction{display:none}
.conimg .bx-controls-auto{display:none}
.conimg .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:center;width:100%}
.conimg .bx-pager .bx-pager-item{display:inline-block;}
.conimg .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:11px;height:11px;border:2px solid #fff;margin:0 2px;border-radius: 100%;}
.conimg .bx-wrapper .bx-pager.bx-default-pager a.active{border:2px solid #222;background:#222}

.conselect{position:relative;margin-bottom:15px;}
.conselect select{
    border: 0 !important;
    width: max-content;
    font-size: 12px;
    color: #222222;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    background: #fff url(/design/ksm1024/images/select_img.png) 98% center no-repeat;
    background-position: right 6px;
    background-size: 7px !important;
    padding-right: 10px !important;}

.conselect .goods_list_summary{position:absolute;right:0;top:0;font-size:12px;color:#888888;height:22px;line-height:22px;}

.nodata{font-size:11px;padding:90px 0;color:#888888;text-align:center;}
.glistpo{padding:0 15px;}

.login_form_box {}
.login_fbox{margin:6px 0;}
.login_form_box .findtx div{color:#777;text-align:center;font-size:11px;line-height:16px;padding:40px 0;}
.login_form_box .findtx div span{color:#222;}
.login_form_box .findbtn button{width:49%;}
.login_form_box .findbtn button:first-child{margin-right:2%;}
.login_fbox dl{margin-bottom:60px;}
.login_fbox dl dt{display:inline-block;width:344px;padding-left:21px;line-height:140px;font-size:48px;color:#888888;}
.login_fbox dl dd{display:inline-block;width:834px;font-size:48px; color:#444;line-height:134px;}
.login_form_box dl dd input{display:inline-block; width:100%; border:2px solid #c5c5c5; height:130px; line-height:130px; text-indent:42px; font-size:48px; color:#444;vertical-align: top;}
.loginsv{padding-left:70px;margin-bottom:20px;}
.loginsv{position:relative;font-size:11px;color:#888;line-height:20px;}
.loginsv a{color:#888;font-size:11px;line-height:20px;vertical-align: middle;}
.loginsv > span{margin:0 8px;color:#999;}
.loginsv .ez-checkbox{display:inline-block;vertical-align: middle;position:relative;top:-1px;cursor: pointer;width: 16px;height: 16px;border:2px solid #ebebeb;margin-right:7px;background:none;}
.loginsv .ez-checkbox:after {opacity: 0;content: '';position: absolute;width: 8px;height: 8px;background: #222;top: 4px;left: 4px;}
.loginsv .ez-checkbox.ez-checkbox-on:after {opacity: 1;}
.loginsv .idpw{display:inline-block;}

.sns_login_ul {width:100%;text-align:center; margin: 25px 0 20px; padding:0px;}
.sns_login_ul li{
    display: inline-block;
    width: 25%;
    padding: 0 10px;
    text-align: center;}
.sns_login_ul li img{width:55px;}
.sns_login_ul li:first-child{ border:0px; }
.sns_login_ul li span{display:inline-block;line-height:16px;font-size:11px;color:#000;margin-top:5px;}

.loginjoin{margin-top:35px;}
.loginjoin div{float:left;width:69%;color:#777777;font-size:11px;line-height:16px;}
.loginjoin .btn_normal_large{float:right;width: 27%;font-size: 11px;margin-top:-9px;}
.find_sns{text-align:center;color:#777777;font-size:11px;line-height:16px;padding-top:15px;}

.witable_stylebox{padding:13px 5px;}
.witable_style{}
.witable_style .join_re{font-size:48px;color:red;margin-right:20px;}
.witable_style th{font-size:11px;color:#888888;text-align:left;padding:13px 0;font-weight: normal;vertical-align: top;}
.witable_style td{padding:6px 0;font-size:12px;color:#444444;}
.witable_style td input[type=text],
.witable_style td input[type=number],
.witable_style td input[type=tel],
.witable_style td input[type=date],
.witable_style td input[type=password]{ font-family: 'Noto Sans KR'; font-size: 1.1em;border:1px solid #e1e1e1;height:45px !important;line-height:44px !important;text-indent: 8px;width:100%}
.witable_style td .btex{color:#888888;margin-top:3px;font-size: 11px;}

.witable_style td label {position: relative;margin-right:40px;}

label .ez-radio{position: relative;display: inline-block;width:16px;height:16px;vertical-align: middle;border:2px solid #ebebeb;    border-radius: 100%;    background: none;    top: -1px;margin-right:3px;}
label .ez-radio:after {content:""; display:block;position:absolute;width:8px;height:8px;background:#222;border-radius: 100%;    top: 4px;    left: 4px;opacity:0;}
label .ez-radio.ez-radio-on:after{opacity: 1;}

.joniok p{font-size:44px;margin:100px 0 19px;position: relative;padding-bottom:15px;text-align:center;color:#222222;line-height: 0.9em;}
.joniok p:after {content:""; display:block;position:absolute;width:20px;height:1px;background:#222;bottom:0;left:50%;margin-left:-10px;}
.joniok  .tx{text-align:center;font-size:12px;color:#666666;line-height:1.5em;margin-bottom:100px;}
.joniok  .tx span{color:#222;}

.twobtns a{width:49% !important;}
.looutbtn{margin-top:30px;}
.looutbtn a{display:block;height:40px;line-height:40px;padding-left:12px;font-size:12px;color:#444;background: #eeeeee url('/design/ksm1024/images/mysicon2.png') 94% center no-repeat;background-size:5px auto;}

.myorder_list li{border-top:1px solid #555222;border-bottom:1px solid #e1e1e1;margin-bottom:22px;}
.myorder_list li .odata{display:block;color:#999999;font-size:11px;padding:14px 0;border-bottom:1px solid #e1e1e1;}
.myorder_list li .odata span{color:#222;}
.myorder_list li .odbox{display:block;position: relative;padding:22px 0 22px 50px;;min-height:44px;font-size:13px;color:#222;}
.myorder_list li .odbox .order-item-image{position:absolute;left:0;top:22px;}
.myorder_list li .odbox .order-item-image img{width:44px;}
.myorder_list li .odbox .mtmini{display:block;color:#777777;font-size:11px;margin-bottom:0px;}
.myorder_list li .odbox .odwon{display:block;color:#999999;font-size:12px;margin-top:0px;}
.myorder_list li .odbox .tkdxo{display:block;position:absolute;right:0;top:50%;font-size:12px;color:#f5b249;width:60px;text-align:center;    margin-top: -10px;}

.viewtable{border-top:2px solid #222222;border-bottom:2px solid #e1e1e1;padding:45px 20px}
.viewtable.clay{background:#f1f1f1;border:2px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.viewtable table th{color:#888888;font-size:48px;height:120px;text-align:left;font-weight:normal;}
.viewtable table td{color:#222;font-size:48px;height:120px;text-align:right;}
.viewtable.clay table td{color:#888888;font-size:48px;height:120px;text-align:right;font-weight:normal;}
.viewtable.clay table tfoot th{border-top:2px solid #e1e1e1;height:175px;font-size:66px;color:#222;    font-weight: bold;}
.viewtable.clay table tfoot td{border-top:2px solid #e1e1e1;font-size:66px;color:#222;    font-weight: bold;}

.artist_list li{margin-top:18px;}
.artist_list li:first-child{margin-top:0px;}
.artist_list li a{display: block;border:1px solid #e1e1e1;position: relative;padding:0 0 0 122px;height: 109px;}
.artist_list li a:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.artist_list li a .img{position:absolute;left:-1px;top:-1px;}
.artist_list li a .img img{width:110px;}
.artist_list li a .txs{float:left;padding:12px 0 0 0;}
.artist_list li a .txs > span{display: block;position: relative;margin-bottom:12px;height:20px;font-size:9px;color:#777777;}
.artist_list li a .txs > span:after {content:""; display:block;position:absolute;width:12px;height:1px;background:#c9c9c9;left:0;bottom:0;}
.artist_list li a .txs > strong{display: block;font-size:14px;color:#222;margin-bottom:15px;font-weight:600;}
.artist_list li a .txs img{width:26px;}

.return_list li{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom:50px;}
.return_list li div{border-bottom:1px solid #e1e1e1;padding:10px 0 10px 5px;color:#999999;}
.return_list li div span{color:#444;}
.return_list li td{padding:30px 0;}

.return_list th{
    color: #777777;
    font-size: 1.2em;
    text-align: left;
    font-weight: normal;
    padding-top: 8px;}
.return_list td{padding:8px 0; font-size: 1.1em;}

.disnone{display:none;}

#goods_view .vartist_ti{padding:5px 0 4px 45px;}
.vartist_ti{display:block;position:relative;padding:5px 0 4px 0;margin-bottom:15px;}
.vartist_ti img{width:38px;position:absolute;left:0;top:0;}
.vartist_ti strong{display:block;color:#222;font-size:13px;}
.vartist_ti span{color:#888888;font-size:9px;}
.vartist_ti span span{font-size:10px;}

.vgname .consumer{color:#888888;font-size:13px;}
.vgname .consumers{color:#888888;font-size:13px;}
.vgname{margin:20px 0 20px;}
.vgname p{color:#222;font-size:18px;}
.vgname div{/*color:#f5b249;font-size:19px;font-weight: bold;*/}
.vglist{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:7px 7px 10px;}

.onlynumber_box {position:relative;}
.goods_quantity_table_container  .out_option_price{color:#f5b249;}
.onlynumber_box  .eaMinus{position:absolute;left:0;top:0;}
.onlynumber_box  .eaPlus{position:absolute;top:0;right:0;}
.onlynumber_box .btn_graybox {width: 48px;height: 42px;border: 1px solid #e1e1e1;background-color: #fff;text-align: center;color: #b4b4b4;border-radius: 0;}
.onlynumber_box input.onlynumber{height: 40px;line-height:40px;width:100%;border:0;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;}
.onlynumber_btn{width:19px;margin-left:8px;}
.vdidel{padding-top:44px;border-top: 1px solid #e1e1e1;}
.vdidel h3{font-size:14px;color:#222;margin-bottom:15px;font-weight: bold;}
.vdidel img{width:100%;}
.vdidel p{color:#777777;}

.visns{position:relative;padding:33px 0;}
.visns .vihide{position:absolute;left:-5000px;}
.visns ul{text-align:center;}
.visns ul li{display:inline-block;margin:0 16px;}
.visns ul li a{display:inline-block;width:40px;height:40px;border-radius: 100%;overflow: hidden;border:1px solid #d7d7d7;-webkit-transform: translateZ(0);-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);}
.visns ul li a img{width:39px;height:39px;border-radius: 100%;}

.artist_ban{position:relative;min-width:100%;    background: #000;margin:45px 0 24px;}
.artist_ban .bg{position:absolute;left:0;top:0;width:100%;}
.artist_ban .img{overflow: hidden;margin-left:-1px;}
.artist_ban .img img{width:100%;position: relative;left: -50000px;}
.artist_ban .box{/*text-align:center;width:100%;position:absolute;left:0;top:50%;margin-top: -54px;*/}
.artist_ban .box .artist_btn{margin-top:14px;}
.artist_ban .box .artist_btn a{    display: inline-block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 11px;
    border: 1px solid #fff;
    letter-spacing: 2px;}
.artist_ban .box .artist_btn a:hover{color:#222222;background:#fff;}
.artist_ban .box .artist_btn2{margin-top:14px;}
.artist_ban .box .artist_btn2 a{    display: inline-block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    color: #222222;
    font-size: 11px;
    border: 1px solid #fff;
	background:#fff;
    letter-spacing: 2px;}
.artist_ban .box .artist_btn2 a:hover{background:none; color:#fff;border:1px solid #fff;}



.artist_ban .box h3{font-size:18px;color:#fff;padding-bottom:18px;position: relative;}
.artist_ban .box h3:after {content: ""; display: block; height: 1px;background:#fff;width:20px;position:absolute;bottom:0;left:50%;margin-left:-10px;}
.artist_ban .box .ti{font-size:11px;color:#bababa;background:url('http://dstortion.img15.kr/m/images/artist/artist_line.png') no-repeat center bottom;padding-bottom:18px;}
.artist_ban .box h2{font-size:40px;color:#fff;padding:12px 0 20px;}
.artist_ban .box p{margin:19px auto;color:#fff;/*overflow: hidden;*/
 /*text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;*/ /* 라인수 */
 /*-webkit-box-orient: vertical;
 word-wrap:break-word;*/ font-size: 10px;
 line-height: 1.5em;
 /*height: 4.5em;*/ width:80%;}
.artist_ban .line1{position:absolute;width:1px;height:21px;left:50%;bottom:0px;background:#fff;}
.artist_ban .line2{position:absolute;width:1px;height:35px;left:50%;bottom:-35px;background:#3c3c3c}


.mtab_list li{float:left;width:49%;margin-left:2%;}
.mtab_list li:first-child{margin-left:0;}
.mtab_list li a{border:1px solid #e1e1e1;display: block;height:34px;line-height:37px;font-size:11px;color:#999999;text-align:center;}
.mtab_list li a.on{border:1px solid #555;background:#222;color:#fff;}
.agbox{margin-top:25px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:15px 5px;color:#888888;    font-size: 10px;}

.myshop_list								{margin-top:40px;width:100%;}
.myshop_list .myshop_list_title				{margin-bottom:10px;}
.myshop_list .myshop_list_tb td				{border:none;}
.myshop_list .myshop_list_tb td.home_icon	{padding:0 5px;}
.myshop_list .myshop_list_tb td.shop_name	{font-size:12px;color:#000;font-weight:bold;padding:3px 5px 0 0;}
.myshop_list .myshop_list_tb td.shop_regist	{padding-top:5px;}
.minishop_memo_save							{margin-top:10px;text-align:right;}
.delMinishop								{cursor:pointer;}
.goMinishop									{cursor:pointer;}

.best_bos{border-top:1px solid #e1e1e1;margin-bottom:37px;}
.best_bos li{border-bottom:1px solid #e1e1e1;position:relative;text-align:center;}
.best_bos li a > img{width:100%;}
.best_bos li a .bicon{display: inline-block;position:absolute;left:3%;top:5%;width:52px;height:52px;}
.best_bos li a .bicon.bicon1{background:url('/design/ksm1024/images/best_icon1.png') no-repeat center bottom;background-size:52px;}
.best_bos li a .bicon.bicon2{background:url('/design/ksm1024/images/best_icon2.png') no-repeat center bottom;background-size:52px;}
.best_bos li a .bicon.bicon3{background:url('/design/ksm1024/images/best_icon3.png') no-repeat center bottom;background-size:52px;}
.best_bos li a .bicon.bicon4{background:url('/design/ksm1024/images/best_icon4.png') no-repeat center bottom;background-size:52px;}
.best_bos li a .bicon.bicon5{background:url('/design/ksm1024/images/best_icon5.png') no-repeat center bottom;background-size:52px;}
.best_bos li .tx{position:absolute;width:100%;color: #777777;left:0;bottom:8%;font-size:12px;}
.best_bos li .tx strong{display:block;font-size: 13px;color: #444444;font-weight: normal;}

.best_tx{color:#222;font-size:12px;margin-bottom:15px;}
.best_tx span{color:#888;}

.sale_cont{margin-top:22px;}
.sale_cont li{margin-bottom:20px;}
.sale_cont .img{display:block;margin-bottom:8px;}
.sale_cont .img img{width:100%;}
.sale_cont .tx strong{display:block;color:#222;font-size:12px;font-weight: normal;}
.sale_cont .tx span{color:#888;font-size:11px;letter-spacing: -0.05em;}
.sale_cont ul li .tx strong span{display:inline-block;padding:0 10px;height:17px;line-height:17px;background-color:#222;color:#fff;font-size:12px;margin-right:10px;}
.sale_cont ul li .tx strong span.end{background-color:#999999;}
.sale_cont .ev_ti{border-top:1px solid #555222;padding-top:10px;margin-bottom:10px;}
.sale_cont .ev_ti .ti{color:#222222;font-size:14px;font-weight: normal;}
.sale_cont .ev_ti .ti span{display:inline-block;padding:0 10px;height:17px;line-height:17px;background-color:#222;color:#fff;font-size:12px;margin-left:10px;}
.sale_cont .ev_ti .ti span.end{background-color:#999999;}
.sale_cont .vimg{margin-bottom:20px;}
.sale_cont .vimg img{width:100%;}
.sale_cont .ev_ti .data{float:right;width:40%;text-align:right;font-size:11px;color:#888888;}
.sale_cont .ev_ti .data span{vertical-align: middle;    position: relative;    top: -1px;}
.listcatal{margin-top:25px;}

.faqti{color:#888;    font-size: 12px;}
.notfaq{background:#f6f6f6;padding:15px 14px;color:#777777;position:relative;margin-top:20px;}
.notfaq a{position:absolute;top:50%;right:14px;margin-top:-13px;padding:0 10px;}

.mainvi{padding-bottom:45px;}
.mainvi .bx-controls {
    position: absolute;
    right: 0px;
    bottom: -30px;
    background: none;
    width: 100%;
}

#avPopbg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;background: #000; opacity: 0.5;}
#avPop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;display:none}
#avPop .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
#avPop .av_wrap{position:relative;display:table;width:100%;height:100%;vertical-align:middle;z-index:10}
#avPop .av_wrap .av_con{display:table-cell;vertical-align:middle;width:100%;padding: 50px 20px;}
#avPop .av_wrap .av_con > div{position:relative;max-width:1500px;margin:0 auto}
#m_p_player{position:relative;padding-top:70%;z-index:1000}
#m_p_player .v_i{position:absolute;top:0;left:0;width:100%;height:100%;    overflow-y: scroll;}
#m_p_player .btn_close{position:absolute;top:-42px;right:0}
#m_p_player .btn_close img{width:16px;}
#m_p_player iframe{position:absolute;width:100%;height:100%}

.company div img{width:100%;}
.pcimg{display:none;}
.mobileimg{margin-bottom:15px;}
.mobileimg img{width:100%;}

.mb-video-div{width:100%; text-align:center;}
.mb-video-margin-div{margin: 80px 0;}

@charset "UTF-8";

/*
	Document	: buttons.css
	Created on	: 10. 12. 18 오후 3:35
	Author		: Nexist
	Description	: 버튼 스타일을 잡습니다.
*/
#buttons{padding:50px;text-align:center}

/* 버튼 설정 */

.btn input ,
.btn a ,
.btn button {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:#fff;font-size:12px;color:#222 !important;border: 1px solid #c1c1c1;text-decoration:none !important;vertical-align:middle;white-space:nowrap;cursor:pointer}
.btn-plus button {display:inline-block;width:12px;height:12px;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('http://dstortion.img15.kr/m/images/common/icon_plus.gif') no-repeat;cursor:pointer}
.btn-minus button {display:inline-block;width:12px;height:12px;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('http://dstortion.img15.kr/m/images/common/icon_minus.gif') no-repeat;cursor:pointer}
.btn-plus.gray button {width:14px;height:14px;background:url('http://dstortion.img15.kr/m/images/common/icon_plus_gray.png') no-repeat;}
.btn-minus.gray button {width:14px;height:14px;background:url('http://dstortion.img15.kr/m/images/common/icon_minus_gray.png') no-repeat;}
/* //버튼 설정 */

/* 사이즈 설정 */
.small{padding-right:1px; background-position:right 0;}
.medium{padding-right:1px; background-position:right -100px;}
.large{padding-right:1px; background-position:right -200px;height:30px;line-height:30px;}
/* //사이즈 설정 */

/* 디테일 */
.small a,.small input,.small button{height:17px;padding:3px 7px 0;background-position:0 0;font-size:11px;line-height:15px;letter-spacing:-1px}
.medium a,.medium input,.medium button{height:20px;padding:5px 10px 0;background-position:0 -100px;font-size:12px;line-height:18px;font-weight:bold;letter-spacing:-1px}
.large a,.large input,.large button{height:25px;padding:7px 10px 0;font-size:12px;line-height:20px;font-weight:bold;letter-spacing:-1px}
.small input,.small button {height:20px;padding:0 7px;font-size:11px;line-height:20px}
.medium input,.medium button {height:25px;padding:0 10px 0 13px;line-height:25px}
.large input,.large button{height:31px;padding:0 13px;line-height:31px}

.wibtn{border:1px solid #c1c1c1;height:45px;line-height:45px;text-align:center;font-size:13px;font-weight:bold;display:block;    width: 100%;background:#fff;}
.wibtns{border:1px solid #c1c1c1;height:30px;line-height:30px;text-align:center;font-size:13px;font-weight:bold;display:block;    width: 100%;background:#fff;}

/* //디테일 */

/* 페이지 버튼 */
.btn .page{padding:4px 9px 0;font-size:12px !important;font-weight:700;color:#666;letter-spacing:-2px}
/* //페이지 버튼 */

/* 오버시 */
.small:hover{background-position:right -50px}
.medium:hover{background-position:right -150px}
.large:hover{background-position:right -250px}
.small:hover a,.small:hover input,.small:hover button{background-position:0 -50px;color:#ff3232}
.medium:hover a,.medium:hover input,.medium:hover button{background-position:0 -150px;color:#ff3232}
.large:hover a,.large:hover input,.large:hover button{background-position:0 -250px;color:#ff3232}



/* //오버시 */

/* 컬러 설정 */
.small.black{background-position:right -350px}
.medium.black{background-position:right -450px}
.large.black{background-position:right -550px}


.small.black:hover{background-position:right -400px}
.medium.black:hover{background-position:right -500px}
.large.black:hover{background-position:right -600px}
.small.black:hover a,.small.black:hover input,.small.black:hover button{background-position:0 -400px;color:#DDD !important}
.medium.black:hover a,.medium.black:hover input,.medium.black:hover button{background-position:0 -500px;color:#DDD !important}
.large.black:hover a,.large.black:hover input,.large.black:hover button{background-position:0 -600px;color:#DDD !important}

.small.cyanblue{background-position:right -650px}
.medium.cyanblue{background-position:right -750px}
.large.cyanblue{background-position:right -850px}

.small.cyanblue a,.small.cyanblue input,.small.cyanblue button{background-position:0 -650px;color:#FFF !important}
.medium.cyanblue a,.medium.cyanblue input,.medium.cyanblue button{background-position:0 -750px;color:#FFF !important}
.large.cyanblue a,.large.cyanblue input,.large.cyanblue button{background-position:0 -850px;color:#FFF !important}
.small.cyanblue input,.small.cyanblue button{color:#FFF !important}
.medium.cyanblue input,.medium.cyanblue button{color:#FFF !important}
.large.cyanblue input,.large.cyanblue button{color:#FFF !important}

.small.cyanblue:hover{background-position:right -700px}
.medium.cyanblue:hover{background-position:right -800px}
.large.cyanblue:hover{background-position:right -900px}
.small.cyanblue:hover a,.small.cyanblue:hover input{background-position:0 -700px;color:#EEE}
.medium.cyanblue:hover a,.medium.cyanblue:hover input{background-position:0 -800px;color:#EEE}
.large.cyanblue:hover a,.large.cyanblue:hover input{background-position:0 -900px;color:#EEE}

.small.red{background-position:right -950px}
.medium.red{background-position:right -1050px}
.large.red{background-position:right -1150px}

.small.red a,.small.red input,.small.red button{background-position:0 -950px;color:#FFF !important}
.medium.red a,.medium.red input,.medium.red button{background-position:0 -1050px;color:#FFF !important}
.large.red a,.large.red input,.large.red button{background-position:0 -1150px;color:#FFF !important}
.small.red input,.small.red button{color:#FFF !important}
.medium.red input,.small.red button{color:#FFF !important}
.large.red input,.small.red button{color:#FFF !important}

.small.red:hover{background-position:right -1000px}
.medium.red:hover{background-position:right -1100px}
.large.red:hover{background-position:right -1200px}
.small.red:hover a,.small.red:hover input,.small.red:hover button{background-position:0 -1000px;color:#EEE}
.medium.red:hover a,.medium.red:hover input,.medium.red:hover button{background-position:0 -1100px;color:#EEE}
.large.red:hover a,.large.red:hover input,.large.red:hover button{background-position:0 -1200px;color:#EEE}

.btn.grayarrow {padding:0 15px; background-position:right -1240px}
.btn.grayarrow a,.btn.grayarrow input,.btn.grayarrow button{background-position:0 -1240px;letter-spacing:-1px;height:20px;padding:2px 7px 0;font-size:11px;line-height:20px; color:#333;}
.btn.grayarrow:hover {background-position:right -1240px}
.btn.grayarrow:hover a,.btn.grayarrow:hover input,.btn.grayarrow:hover button{background-position:0 -1240px;}

.btn.bluearrow {padding:0 15px; background-position:right -1270px}
.btn.bluearrow a,.btn.bluearrow input,.btn.bluearrow button{background-position:0 -1270px;letter-spacing:-1px;height:20px;padding:2px 7px 0;font-size:11px;line-height:20px; color:#fff !important}
.btn.bluearrow:hover {background-position:right -1270px}
.btn.bluearrow:hover a,.btn.bluearrow:hover input,.btn.bluearrow:hover button{background-position:0 -1270px; color:#eee !important}

.btn.bluegray {padding-right:2px; background-position:right -1300px}
.btn.bluegray a,.btn.bluegray input,.btn.bluegray button{background-position:0 -1300px;letter-spacing:-1px;height:27px;padding:2px 7px 0;font-size:11px;line-height:25px; color:#fff !important}
.btn.bluegray:hover {background-position:right -1300px}
.btn.bluegray:hover a,.btn.bluegray:hover input,.btn.bluegray:hover button{background-position:0 -1300px; color:#eee !important}

/* //컬러 설정 */

/* 아이콘설정(A태그에만 적용) */
.icon a{vertical-align:middle;}
.icon-right a {padding-right:5px;}
.medium .plus{width:20px;height:14px;background-position:0px -300px; vertical-align:middle; margin-top:-3px;}
.large  .plus{width:20px;height:14px;background-position:0px -300px; vertical-align:middle;}
.medium .pencle{width:20px;height:14px;background-position:-30px -300px; vertical-align:middle; margin-top:-3px;}
.large  .pencle{width:20px;height:14px;background-position:-30px -300px; vertical-align:middle;}
.medium .minus{width:20px;height:14px;background-position:-60px -300px; vertical-align:middle; margin-top:-3px;}
.large  .minus{width:20px;height:14px;background-position:-60px -300px; vertical-align:middle;}
.medium .check{width:20px;height:14px;background-position:-90px -300px; vertical-align:middle; margin-top:-3px;}
.large  .check{width:20px;height:14px;background-position:-90px -300px; vertical-align:middle;}
.medium .people{width:20px;height:14px;background-position:-120px -300px; vertical-align:middle; margin-top:-3px;}
.large  .people{width:20px;height:14px;background-position:-120px -300px; vertical-align:middle;}
.medium .config{width:20px;height:14px;background-position:-150px -300px; vertical-align:middle; margin-top:-3px;}
.large  .config{width:20px;height:14px;background-position:-150px -300px; vertical-align:middle;}
.medium .search{width:20px;height:14px;background-position:-180px -300px; vertical-align:middle; margin-top:-3px;}
.large  .search{width:20px;height:14px;background-position:-180px -300px; vertical-align:middle;}
.large  .arrowleft{background:url('/design/ksm1024/images/btn_arrow_l.gif') no-repeat;width:15px;height:12px;vertical-align:middle; background-position:0px 1px;}
.large  .arrowright{background:url('/design/ksm1024/images/btn_arrow_r.gif') no-repeat;width:15px;height:12px;vertical-align:middle; background-position:10px 1px;}
.small  .checkleft{margin-left:-3px;background:url('/design/ksm1024/images/icon_check.gif') no-repeat;width:13px;height:7px;vertical-align:middle;}
/* //아이콘설정 */


/* Drop */

.drop {background-position:0 -1240px}
.drop.hover,
.drop:hover{background-position:0 -1271px}
.drop.hover a,.drop.hover input,
.drop:hover a,.drop:hover input {background-position:right -1271px;color:#fff !important;}
.drop a,.drop input{height:20px;padding:3px 20px 2px 10px;background-position:right -1240px;font-size:11px;line-height:15px;letter-spacing:-1px; font-weight:normal;}
.drop a {padding:0px 20px 0px 10px; line-height:20px;}

/* Drop 확장형(a태그만 사용가능) */
.drop_multi_main {background-position:0 -1240px}
.drop_multi_main:hover{background-position:0 -1271px}
.drop_multi_main:hover a{background-position:right -1271px;color:#fff !important;}
.drop_multi_main a {height:20px;padding:0px 5px 0px 10px; line-height:20px;background:none;font-size:11px;letter-spacing:-1px; font-weight:normal;}
.drop_multi_sub {background:url('/design/ksm1024/images/select_bg_back.gif') no-repeat; background-position:right 0px}
.drop_multi_sub:hover{background-position:right -20px}
.drop_multi_sub:hover a{background-position:right -1271px;color:#fff !important;}
.drop_multi_sub a {height:20px;padding:0px 20px 0px 0px; line-height:20px;background-position:right -1240px;font-size:11px;line-height:15px;letter-spacing:-1px; font-weight:normal;}



table.mqs-menu {border:0px;border-collapse:collapse;}
table.mqs-menu td {background-color:#fbfbfb; border:1px solid #dfdfe4; border-bottom:1px solid #c5c7ce;}
table.mqs-menu td.selected {background-color:#fff; border-bottom:0px;}
table.mqs-menu td a {display:inline-block; padding:4px 0px; width:135px; text-align:center; color:#9194a1}
table.mqs-menu td.selected a {font-weight:bold; color:#333}


.black_btn {border:0px; background-color:#222; color:#fff;font-size:12px; height:24px; line-height:24px; padding:0px 10px; cursor:pointer; vertical-align:middle;}
.gray_btn {display:inline-block; border:0px; background-color:#888888; color:#fff;font-size:12px; height:24px; line-height:24px; padding:0 10px; cursor:pointer}

.round_btn {display:inline-block; background-color:#fff; height:25px; line-height:25px; padding:0px 10px; border:1px solid #bbb; border-radius:3px; font-size:12px; color:#000}
.round_gray_btn {display:inline-block; background-color:#777; height:25px; line-height:25px; padding:0px 10px; border:1px solid #bbb; border-radius:3px; font-size:12px; color:#fff}


.MK-product-icons img {padding:0 2px; 
    width: auto;
    height: 12px;}
    

    body { overflow-anchor: none;font-family:'Campton', 'Noto Sans KR',sans-serif; }




    input[type="radio"]:checked{
        background-image: url(/design/ksm1024/images/radioinput.gif) !important;
        background-repeat:no-repeat;
        background-position:left bottom !important;
    }
    
    
    input[type="radio"]{
        cursor:pointer;
        -webkit-appearance: inherit;
        display: inline-block;
        width: 22px;
        height: 15px !important;
        vertical-align: middle;
        background-image: url(/design/ksm1024/images/radioinput.gif) !important;
        background-repeat:no-repeat;
        background-position:left top !important;
        position: relative;
        top: -1px;
    }
    
    
    
    input[type="checkbox"]{
        width: 18px !important;
        background-size: contain !important;
        height: 18px !important;
        background-color: #fff;
        background-image:url(/design/ksm1024/images/check_off.png) !important;
        background-repeat:no-repeat;
        background-position:left top !important;
        cursor:pointer !important;
        -webkit-appearance: inherit;}
    
    
    input[type="checkbox"]:checked{
        background-size: contain !important;
        background-color: #fff;
        background-image:url(/design/ksm1024/images/check_on.png) !important;
        background-repeat:no-repeat;
        background-position:left top !important; cursor:pointer !important }
    
    
    
    
    
    @charset "euc-kr";
    #m_preview_wrap {display:none;} /* 미리보기 숨기기 */
    
    /* base */
    * {-webkit-text-size-adjust:none;}
    body {position:relative;/*font-size:0.75em;line-height:1.417em;color:#3b3b3b;*/-webkit-text-size-adjust:none;}
    body,input,textarea,select,button,table{/*font-family:"Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif*/}
    body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
    h1, h2, h3, h4, h5, h6 {_font-weight:normal; font-size:100%; word-break: break-all;}
    ul, ol, li {list-style:none;}
    fieldset, img {border:none;}
    img {vertical-align:top;}
    hr, button img {display:none;}
    form, fieldset, legend, label {margin:0; padding:0;}
    fieldset{border:0 none;}
    fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
    em,address{font-style:normal;}
    input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#3b3b3b;}
    label { cursor:pointer; }
    table {border-collapse: collapse; border-spacing: 0;}
    /* //base */
    #join .join{background:#fff !important;
        padding: 0 10px 20px 10px !important;}
        
    #join .sequence li.now .fa-circle,#join .sequence li.now{color:#000 !important;}
    /* cross */
    * html input { margin:-1px 0; } 
    *:first-child+html input { margin:-1px 0; }
    input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}
    /* //cross */
    
    /* a-style */
    a {color:#3b3b3b; text-decoration:none;}
    a:hover, a:active {text-decoration:none;}
    /* //a-style */    
    
    
/* 공통 */
caption {font-size:0; height:0;}
input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {text-indent: 8px; height:45px; border:1px solid #ddd; vertical-align: middle; _padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0;}
input[type="radio"], input[type="checkbox"] {vertical-align: middle;}
textarea {border:1px solid #bbb; vertical-align: middle; box-sizing:border-box; background-color:#fff; padding:10px; -webkit-border-radius:0; border-radius:0;}
.clearFix {position:relative; overflow:hidden; zoom:1;}
.bold {font-weight:bold;}
.response100 {width:100%;}
.location {padding:0 10px; margin-bottom:8px;}
.h_title {
    font-size: 13px;
    text-align: center;
    color: #222222;
    padding-bottom: 16px;}
.h_title h3 {font-weight:bold;}
#mask {width:100%; height:100%; position:fixed; top:36px; left:0; right:0; bottom:0; background-color:#3c3c3c; z-index:1000; display:none; opacity:0.8;}
.none-data {text-align: center; margin: 20px 0;}
.none-data img {margin-bottom:10px;}
.pd10 {padding:0 10px;}
.fr {float:right !important;}
.fl {float:left !important;}
.txt-input1 {width:100% !important;}
.txt-input2 {width:46% !important;}
.txt-input3 {width:30% !important;}
.txt-input4 {width:20% !important;}
.txt-area1 {width:100% !important;}
.mt5 {margin-top:5px;}
.page_location {padding:5px 5px;}
.page_location li {float:left;}
.page_location li::after {content: ">"; margin: 0 7px;}
.page_location li:last-child::after {content: ""; margin:0;}
.h_layerTitle {height:35px; line-height:35px; background-color:#f2f2f2; padding:0 10px; margin-bottom:10px;}
.h_layerTitle h3 {font-weight:bold;}
.h_layerTitle .fa-times {float:right; margin-top: 5px;}
.MK-product-icons img {padding:0 2px; 
    width: auto;
    height: 12px;}
/* //공통 */

/* 페이징 */
.paging {text-align:center; margin:26px 0;}
.paging a {width:30px; height:30px; line-height:32px; background-color:#fff; border:1px solid #ddd; display:inline-block; margin:0 2px;}
.paging a.now {background-color:#3b3b3b; color:#fff; border:1px solid #3b3b3b;}
/* //페이징 */

/* 폰트 관련 */
.color_1984f1 {color:#1984f1 !important;} /* Blue */
.color_f1191f {color:#f1191f !important;} /* Red */
.color_a63f42 {color:#a63f42 !important;} /* DarkRed */
.bgc077fe2 {background-color:#077fe2; color:#fff; padding:2px 5px; margin-right: 5px;}
.bgc464644 {background-color:#464644; color:#fff; padding:2px 5px; margin-right: 5px;}
.caution {color:#f1191f; text-align:center; font-size:0.917em;}
.ico_new {color: #ffffff; background-color: #ff8400; font-weight:bold; padding:1px 5px;}
.ico_hit {color: #ffffff; background-color: #f1191f; font-weight:bold; padding:1px 5px;}
/* //폰트 관련 */

/* 버튼 관련 */
.btn_White {width:100%; height:45px; line-height:45px; background-color:#fff; text-align:center; display:block; border:1px solid #c6c6c6; box-sizing: border-box; vertical-align: middle;font-size: 1.2em;}
.btn_Black {width:100%; height:45px; line-height:45px; background-color:#111; color:#fff !important; text-align:center; display:block; border:1px solid #393939; box-sizing: border-box; vertical-align: middle;font-size: 1.2em;}
.btn_Red {width:100%; height:45px; line-height:45px; background-color:#393939 !important; color:#fff !important; text-align:center; display:block; border:1px solid #393939 !important; box-sizing: border-box; vertical-align: middle;font-size: 1.2em;
/*width:100%; height:40px; line-height:40px; background-color:#ab3e41; color:#fff; text-align:center; display:block; border:1px solid #ab3e41; box-sizing: border-box; vertical-align: middle;*/}
.btn_Grey {width:100%; height:45px; line-height:45px; background-color:#858585; color:#fff !important; text-align:center; display:block; border:1px solid #858585; box-sizing: border-box; vertical-align: middle;}
.fixButtonR {position:relative; padding-right:120px;}
.fixButton {width:115px; position:absolute; top:0; right:0;}
.more {text-align:center; width:100%; margin-top:30px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
/* 버튼 관련 */

/* 상품진열 */
.list_array {height:52px; border-bottom:1px solid #4a4a4a; border-top:1px solid #c7c7c7; padding:0 8px; margin-bottom: 20px;}
.list_array .list_arrayLeft {float:left; margin-top:12px;}
.list_array .list_arrayLeft select {height:28px;}
.list_array .list_arrayRight {float:right; margin-top:12px;}
.list_array .list_arrayRight img {margin-left:10px;}
.list_shopping1x {text-align:center;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9;}
.list_shopping1x li a {display: block; padding:18px 4px; position:relative; overflow:hidden; zoom:1;}
.list_shopping1x li:first-child {border:0px none;}
.list_shopping1x li:first-child a {padding:0 4px 18px 4px;}
.list_shopping1x li img.listPic {width:50%; float:left;}
.list_shopping1x .list_shoppingInfo {width:46%; float:left; padding-left:4%; font-size:12px;}
.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px;  text-align:left; font-size:0;}
.list_shopping2x li {width:50%; display:inline-block; vertical-align: top; text-align:left;}
.list_shopping2x li a {display: block; padding:0 2px 18px 2px;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.listName {color:#3b3b3b; word-break: break-all;}
.listDiscount {color:#b5b5b5;}
.listPrice {color:#1b1b1b; margin-bottom:4px;}
.listSoldout {color:#D22525; margin-bottom:4px;}
.listReplace {color:#1b1b1b; margin-bottom:4px;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
/* //상품진열 */

/* 로그인 */
.login .caution {margin-bottom:10px;}
.member {padding:0 15px; margin-top: 20px;}
.login #keyboard {text-align:center; margin:0 auto;}
.login #keyboard p {text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput {margin-top:18px;}
.login .loginInput input {width:100%; display:block; margin-bottom:10px;}
.login .loginCheck {margin-top:10px;}
.login .loginCheck label {margin-right:12px;}
.login .loginCheck label input {vertical-align: middle;}
.login .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
.login .loginMiddle .btn_White {font-size:1.167em;}
.login .loginBottom {background-color:#eaeaea; padding:18px 15px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}
.sns-login { position: relative; margin: 20px 10px 0; }
.sns-login .sns-title img { width: 100%; max-width: 300px; }
.sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
.sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
.sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
.sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
.sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }
/* //로그인 */

#check_auth {padding:15px 0;}
#check_auth .head {text-align:center; color:#f46b00; margin-bottom:10px;}
#check_auth .contents table {margin:0 auto;}
#check_auth .contents table td {padding:5px 0;}
#check_auth .contents table td input {width:100% !important; height:35px !important; margin-bottom:0 !important;}

/* 레이어팝업 */
.layer {width: 100%; min-height: 100%; z-index: 9999 !important;  position: fixed !important; left: 0; top: 0; background:rgba(60,60,60,0.8);}
.layer .layer-pop {width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto;}
.layer .layer-pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.layer .layer-pop .txt {max-height: 300px; overflow-y: auto; padding:10px;}
.layer .layer-pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
body #comment_password {border-radius:0 !important; font-size:1em;}
body #comment_password .head {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; text-align:left !important; padding: 0 10px;}
body #comment_password .head h5 {border-bottom:0px none !important; font-size:1em !important; padding:0 !important;}
body #comment_password .head a.close {width:45px; height:36px; color:#fff; line-height: 42px; top:0 !important; right:0 !important; text-align: center;}
body #comment_password .contents p {font-size:1em !important; font-weight:normal;}
body #comment_password .contents .form-wrap2 input {height: 35px;}
body #comment_password .contents .form-wrap2 p:last-child a {display:block; background-color: #393939; color:#fff; position:initial !important; padding:10px 0; margin-top: 10px;}
/* //레이어팝업 */

/* 팝업 */
.popup .pop h3  {background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; }
.popup .pop .txt {padding:10px;}
.popup .pop .close {width:45px; height:36px; color:#fff; line-height: 42px; position:absolute; top:0; right:0;  background-color: #4f4f4f; text-align: center;}
#passimg {width: 90%; background-color: #fff; top:50%; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 20px 0; box-shadow: 0 1px 10px #717171;}
#passimg .head {color:#f26c09;}
#passimg .btns {padding:0 10px; margin-top: 10px;}
#passimg .btns a {display:block; background-color: #393939; color:#fff; padding:10px 0;}
/* //팝업 */

@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:4px;}
    .list_shopping1x li:first-child a {padding:4px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping3x li {width:25%;}
    /* //상품진열 */
    
    /* 더보기 버튼 */
    .btn_moreGray {width:335px;}
    /* //더보기 버튼 */
    /* .layer .layer-pop .txt {max-height: 150px;} G패드에서 사이즈가 작게 나와서 제거함 */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping1x li {width:50%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33.3%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}
    /* //상품진열 */
    
    /* 더보기 버튼 */
    .btn_moreGray {width:335px;}
    /* //더보기 버튼 */
}
/* BASIC css end */

