body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
html {overflow-y:scroll;background:#fff}
html,body {width:100%;height:100%}
dl,ul,ol,menu,li {list-style:none;float: none;} /*18.11.12 on knh 해당 디자인 user.css 404 간섭으로 충돌 none 선언*/
img,fieldset,iframe {border:0 none}
img {vertical-align:top}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer;border-radius:0;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show}
caption,legend {position:absolute;top:-9999px;left:-9999px;font-size:0px;line-height:0}
a {color:#666;text-decoration: none;}
a:hover {text-decoration: none;}
a:active {background-color:transparent}
body,h1,h2,h3,h4,th,td,input,select,textarea,button {line-height:1.5;font-family:'Nanum Gothic';color:#666; }
hr {display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display:block}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#div_contents li {float:left;}


.list_warp { width:1200px; margin:auto; position:relative;font-family: Roboto-Regular,'나눔바른고딕',NanumBarunGothic,dotum,sans-serif; }

/*카테고리접기 펴기*/
.location_section {height: 27px; position: relative; padding: 15px 0 0 2px;margin: 0 auto; z-index:0;
    font-size: 15px;
    line-height: 25px;}
.location_section .txt_home {float: left;height: 21px;line-height: 23px;  overflow: hidden; padding-right:8px;}
.location_section em  {vertical-align: top;
 display: inline-block;
 padding: 0;
    color: #666;
    text-indent: -1000em;
    width: 15px;
    height: 25px;
	background:url(../img/ic_arr.png) 0 50% no-repeat;
    overflow: hidden; margin-top:1px; line-height:25px}
.location_section .cat_select {width: 200px;  display: inline-block; font-size:14px; margin-right:5px; padding-left:5px; cursor:pointer; line-height:23px; height:23px;border-radius: 3px;margin-top: -3px; background: #fff url(../images/common/select_arrows.png) no-repeat right center  !important; letter-spacing:-0.5px}
 



/*상단타이틀*/
.list_top_title { width:1201px; margin:auto; position:relative; padding-top:30px;}

.ctg_nav_wrap {margin-bottom: 30px; position:relative; zoom:1; margin-top:25px; border-left: 1px solid #e1e1e1; border-width:1px 1px 1px 1px;overflow:hidden}
.ctg_nav_wrap ul{ width: 1200px;   }

.ctg_nav_wrap li {float: left;  width: 238px;height: 42px; border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; line-height:40px;  }
.ctg_nav_wrap li:nth-child(1) {border-top: 1px solid #e1e1e1;}
.ctg_nav_wrap li:nth-child(2) {border-top: 1px solid #e1e1e1;}
.ctg_nav_wrap li:nth-child(3) {border-top: 1px solid #e1e1e1;}
.ctg_nav_wrap li:nth-child(4) {border-top: 1px solid #e1e1e1;}
.ctg_nav_wrap li:nth-child(5) {border-top: 1px solid #e1e1e1;}
.ctg_nav_wrap li a{padding-left:10px; height:40px; width:228px; display:block;}
.ctg_nav_wrap li a:hover { background:#2183db; border:1px solid #2183db; color:#fff; padding-left:10px; font-weight:bold}
.ctg_nav_wrap li.active { background:#2183db; color:#fff; font-weight:bold}
.ctg_nav_wrap li.active a { color:#ffffff; }


.ctg_nav_wrap li.on { background:#2183db; border:1px solid #2183db; color:#fff; padding-left:10px; font-weight:bold}

.ctg_title {width:1200px; margin:auto; position:relative;}
.ctg_title  h2 {font-weight: normal; font-size: 26px;line-height: 30px;color: #222;text-align: center;line-height: 1.5em;}
.ctg_title .ctg_more {position: absolute;top:15px;  right: 10px; cursor: pointer;}
.ctg_title .ctg_show {position: absolute;top:15px;  right: 10px; display:none; cursor: pointer;}    /* 2018.06.14 異붽� smj */
.ctg_title .ctg_show em {transform: rotate(180deg);}	/* 2018.06.28 異붽� smj */
.ctg_title  h3 { display:inline-block; font-weight:normal; padding-right:10px; font-size:14px;}
.ctg_title em {width: 15px; display: inline-block; height: 12px; background:url(../img/ic_plu.png) 0 50% no-repeat;overflow: hidden;  }

/*페이징*/
.page_area {display: inline-block;   margin-bottom: 30px;}
.page_area  a {height: 30px; width: 30px; background-color: #fff; border: 1px solid #d7d7d7; display: block;float: left; line-height: 30px;  color: #444;
    text-align: center;font-size: 12px;font-family: Malgun Gothic; margin-right: 5px;}

.page_area .on {text-decoration: none;background-color: #333333;border-color: #333333; color: #fff; font-weight: bold; width:32px; height:32px}

.page_area a:hover {text-decoration: none;background-color: #333333;border-color: #333333; color: #fff; font-weight: bold; width:32px; height:32px}


.page_area .next {background:url(../img/btn_pag01.png) 50% 50% no-repeat;font-size: 0;padding: 0;  width:32px; height:32px}}
.page_area .btn_last { width:40px;background:url(../img/btn_pag02.png) 50% 50% no-repeat;font-size: 0;padding: 0;}
.number_go { display:inline-block; margin-left:10px; cursor:pointer;}	/* cursor:pointer 異붽� : 2018.06.29 smj */
.number_go input {border: 1px solid #d7d7d7; height:30px; text-align:center; }
.number_go em { padding:0 6px;color: #fff; background: #4d4d4d;  height: 32px; width: 38px; display:inline-block; vertical-align:top; line-height:30px; }


/*해외,국내,갯수라인*/
.tmpl_sort_wrap {margin-top: 10px; position:relative;  border-top: 2px solid #333;zoom: 1; overflow:hidden; border-bottom:1px solid #e1e1e1; padding:10px 0}
.tmpl_sort_wrap .tmpl_sort {float: left;padding: 6px 0 5px;}
.tmpl_sort_wrap .tmpl_sort  li { display:inline-block}
.tmpl_sort_wrap .tmpl_viewtype { float:right}

/*해외,국내,갯수라_토탈*/
 #totalcount { color:#FF3300; font-weight:bold}
.btn_stock { display:inline-block; position:relative; zoom:1; margin-left:10px; vertical-align:middle; padding-top:4px }
.btn_stock  ul { display:block;  }
.btn_stock  li { float:left; position:relative; padding-right:20px; line-height:16px; }
.btn_stock .hide { clip: rect(0 0 0 0);height: 1px;margin: -1px; padding: 0;position: absolute;width: 1px;}

.btn_stock label { display:inline-block;vertical-align:top;position: relative; cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 2px;
  width: 30px;
  height: 15px;
  border-radius: 24px;
  background: #f3f3f3;
  -webkit-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
}

.btn_stock  label:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: background 0.4s, left 0.4s, height 0.2s, width 0.2s;
  transition: background 0.4s, left 0.4s, height 0.2s, width 0.2s;
}

.btn_stock input:checked + label {
  box-shadow: inset 0 150px 0 0 #8bb1e3;
}

.btn_stock label:active:after,
.btn_stock input:checked + label:active:after {
  height: -43.63636px;
  width: -27.6px;
}

.btn_stock input:checked + label:after {
  left: calc(100% - 15px);
  background: #1f7dd6;
}

/*카테고리내검색*/
.ctg_search { display:inline-block; margin-left:5px; margin-right:5px;}
.ctg_search .src-form {  height: 28px; }
.ctg_search .src-form input{ width: 305px; height: 30px; padding: 0 12px;border: solid 1px #c1c1c1;background-color: #fff; font-size: 12px; line-height: 28px; color: #666; margin-left:5px; border-width:1px 0 1px 1px;}
.ctg_search  .btn_search {overflow: hidden;width: 80px; height:30px;background: url(../img/bt_search_ac.gif) 0 0 no-repeat; line-height: 999px; border:0}

/*판매량,신상품*/
div#select_box {
    position: relative; display:inline-block;
    width: 120px;    height: 28px;
	background:url(../img/select_arr01.gif)  right 0  no-repeat;
    border: 1px solid #e1e1e1;
}
div#select_box label {
    position: absolute;
    font-size: 14px;
    color: #333;
    top: 4px;
    left: 12px;
    letter-spacing: 1px;
}
div#select_box select#list {
    width: 100%; cursor:pointer;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}


/* 2018.06.21 수정_갯수
 * author smj
 */
div#amt_select_box {
    position: relative; display:inline-block;
    width: 85px;    height: 28px;
	background:url(../img/select_arr01.gif)  right 0  no-repeat;
    border: 1px solid #e1e1e1; margin-left:5px;
}
div#amt_select_box label {
    position: absolute;
    font-size: 14px;
    color: #333;
    top: 4px;
    left: 12px;
    letter-spacing: 1px;
}
div#amt_select_box select#amt_list {
    width: 100%; cursor:pointer;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}







/*상품리스트전체*/
.list_v_warp { width:1200px; margin:auto; position:relative; font-family: '나눔바른고딕',NanumBarunGothic,'돋움',Dotum,sans-serif;}
.cunit_lst_v {width:1200px; margin:auto; position:relative; display:block; zoom:1}
.cunit_lst_v  .pr_list_v{ width:100%; display:block; position:relative; border-bottom:1px solid #eee; overflow:hidden;  cursor:normal; padding:10px 0}
.cunit_lst_v  .pr_list_v li { display: inline-block;position:relative;}

/*상품리스트_더보기 버튼*/
.cunit_lst_v .btn_ar_warp { width:30px;  height:27px;  overflow:hidden;  background:url(../img/btn_arr.png) no-repeat 0 -7px;text-indent:-9999em;  margin-left:5px; margin-right:5px; vertical-align:middle;padding-top: 0; cursor:pointer;}
.cunit_lst_v .btn_arv_warp {   width:30px; height:27px;  overflow:hidden;  background:url(../img/btn_arr.png) 0 -60px no-repeat;text-indent:-9999em;  margin-right:2px; margin-left:8px;vertical-align:middle;padding-top: 0;}

/*상품리스트_이미지*/
.cunit_lst_v .pr_img {width:85px; height:85px; background:#ffffff; /*border:1px solid #eee;*/}
.cunit_lst_v .pr_img img{ width:100%; height:100%; object-fit: cover; cursor:pointer;}


/**0703 리스트 장바구니*/
.list_btn_warp { position:relative; display: inline-block;}
.list_btn_warp .bom_btn_cs , .list_btn_warp .cart_btn, .list_btn_warp .option_no_cart_btn { float:left; margin-right:5px;}
.list_btn_warp .bom_btn_cs {display: inline-block;height: 38px; background:#fff;border: 1px solid #2982d6; border-radius: 3px; line-height:38px;box-shadow: 0 2px 0 #d9dee8; }
.list_btn_warp .bom_btn_cs a {background:url(../img/icon_bom_list.png) left no-repeat;display: block;width: 40px; height: 38px;padding-left:30px; color:#2982d6;font-weight: bold; }
.list_btn_warp .cart_btn {display: inline-block;height: 38px;padding: 0 18px; background:#fd5b45;border: 1px solid #fd5b45; border-radius: 3px;text-indent:-9999px;box-shadow: 0 2px 0 #d9dee8; cursor:pointer;}
.list_btn_warp .cart_btn a{ background:url(../img/icon_cart.png) center no-repeat;display: block;width: 19px; height: 38px;}

.list_btn_warp .option_no_cart_btn {display: inline-block;height: 38px;padding: 0 4px; background: #5f5f5f;border: 1px solid #808080; border-radius: 3px;box-shadow: 0 2px 0 #d9dee8;}
.list_btn_warp .option_no_cart_btn a {color : #fff; font-weight:bold; line-height:36px;}

/*리스트_품절*/
.list_btn_warp .cart_btn01{display:inline-block; height: 35px; line-height: 35px;color: #FFF; text-align: center;font-size: 12px;
 width:130px; background:#333333;border-radius: 3px;border: 1px solid #333333; font-weight: bold;   letter-spacing:1px;margin-left:10px;}

 /*author smj 2018.06.22 */
.list_btn_warp .cart_btn02{display:inline-block; height: 35px; line-height: 35px;color: #FFF; text-align: center;font-size: 12px;
 width:130px; background:#333333;border-radius: 3px;border: 1px solid #333333; font-weight: bold;   letter-spacing:0px;/*margin-left:10px;*/}

 .list_btn_warp .cart_btn03{display:inline-block; height: 35px; line-height: 35px;color: #FFF; text-align: center;font-size: 11px;
 width:130px; background:#333333;border-radius: 3px;border: 1px solid #333333; font-weight: bold;   letter-spacing:0px;margin-left:10px;}

 .list_btn_warp .cart_btn01 .cart_btn04{display:inline-block; height: 35px; line-height: 35px;color: #FFF; text-align: center;font-size: 12px;
 width:130px; background:#333333;border-radius: 3px;border: 1px solid #333333; font-weight: bold;   letter-spacing:0px;/*margin-left:10px;*/}


/*230414 임시상품보기버튼margin값조절*/
.icon_goods_view {margin-left: 125px !important;}


/*상품리스트_MOQ*/
.moq_warp {/*width:100%;*/ font-size:11px; display:inline-block; padding-top: 10px;}
.moq_bt, .prep_bt, .mpq_bt {  padding:0; margin:0; letter-spacing:0px;}
.moq_warp .moq_bt {background:url(../img/icon_list_02.gif) left no-repeat; padding-left:33px; color:#666; margin-right: 5px;}
.moq_warp .mpq_bt {background:url(../img/icon_list_03.gif) left no-repeat; padding-left:33px; color:#666; margin-right: 5px;}
.moq_warp .prep_bt {background:url(../img/icon_list_01.gif) left no-repeat; padding-left:33px; color:#666}

/*상품리스트_갯수선택*/
.cdtl_amount {  position: relative; min-width: 120px;display:inline-block; padding-top:10px; vertical-align:top}
.cdtl_amount .cdtl_b_minus{overflow: hidden;width: 28px; height: 30px; float:left;border: 1px solid #e1e1e1; background: #fff url(../img/pus_inpbx.png) no-repeat 1px 6px;line-height: 999px; cursor:pointer;}
.cdtl_amount .cdtl_b_plus{overflow: hidden;float:left; width: 28px; height: 30px;border: 1px solid #e1e1e1; background: #fff url(../img/pus_inpbx.png) no-repeat 1px -24px;line-height: 999px; cursor:pointer;}
.cdtl_amount input{float:left;width: 42px; height: 30px; border: 1px solid #e0e0e0; border-width: 1px 0;background: #fff; vertical-align: top; text-align:center;letter-spacing: -1px;}


/*상품리스트_상품제목*/
.pr_title { width:520px; margin:0 15px; text-align:left;}
.pr_title h3 a{display: block; font-weight: 600;font-size: 15px;color: #026ac1; padding-right:10px;vertical-align: middle;}
.pr_title dt {float: left; font-size:12px; color:#777; line-height:20px;} 	/* 2018.07.12 추가 smj */
.pr_title h3 a:hover {text-decoration: underline} 	/* 2018.07.12 추가 smj */
/*.pr_title .pr_v_so {text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-size:11px; color:#777;width:405px;}   */
.pr_title .pr_v_so {overflow: hidden;white-space: normal;height: 3.5em;line-height: 1.2; font-size:11px; color:#777;width:520px;}



/*상품리스트_가격*/
.blind  { width:120px; text-align:right; padding-right:25px;}
.blind .price{font-size: 21px;  color: #222 !important; vertical-align: middle;letter-spacing: -.5px;line-height: 1.5em; font-family: 'Roboto', sans-serif;}
.blind .price_c {text-decoration: line-through;letter-spacing: -.5px;color: #222;font-family: 'Roboto', sans-serif;vertical-align: middle; color:#666;}

.blind .won_text {font-size: 12px; color: #222; vertical-align: middle; display: inline-block; margin: 1px 0 -1px 2px;}
.blind .won_textc {font-size: 12px; color: #666; vertical-align: middle; display: inline-block; margin: 1px 2px -1px 1px;}


/*상품리스트_PDF*/
 .ic_pdf { width:85px !important; text-align:center;  display:block;   margin-left:10px; cursor:pointer;}



/*상품리스트_moq,장바구니버튼 20190425추가*/
.moq_warp p {display: inline-block;}





/* addClass
 * author smj 2018.07.13
 */

/*리스트장바구니 아이콘*/
.accord_date { font-size:11px;    font-family: Roboto-Regular,'나눔바른고딕',NanumBarunGothic,dotum,sans-serif; letter-spacing:0;}
.accord_mypage { position:absolute; bottom:5px; right:35px;     text-align: left;  }
.accord_mypage .acco_wish  {display: inline-block;width: 50px; height: 30px;background-image: url(../img/acco_mypage.png);background-repeat: no-repeat; position:relative}
.accord_mypage .acco_wish:hover{background-position:-48px 0px}


.accord_mypage .acco_cart  {display: inline-block;width: 50px; height: 30px;background-image: url(../img/acco_mypage.png);background-repeat: no-repeat;background-position:0 -32px;position:relative}
.accord_mypage .acco_cart:hover{background-position:-48px -32px}


.accord_mypage .acco_order  {display: inline-block;width: 50px; height: 30px;background-image: url(../img/acco_mypage.png);background-repeat: no-repeat;background-position:0 -63px;position:relative}
.accord_mypage .acco_order:hover{background-position:-48px -63px}


.accord_mypage  .blind {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    line-height: 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    clip: rect(0,0,0,0);}

 .acco_wish:after,  .acco_cart:after {
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #cbcbcb;	}

/* bom리스트*/
/* @author KNH on 2018.06.18 */
.popup {width:231px; height:185 px;position:absolute;  right:13px;background-color: #fff;border: 1px solid #24221f;display:none;   color:#333;}
.popup .arr {position: absolute;  top: -8px; left:120px; display: block;width: 13px;height: 8px;background: url(../img/bg_pop_arr.png) no-repeat center;}
.bom_popup_title { min-height: 15px; padding: 11px 30px 8px 15px; border-bottom: 1px solid #222; background: #fff; font-size: 13px; font-weight:bold;line-height: 1.3; color: #222; text-align: left;}
.popup_list { overflow-y: scroll; overflow:auto;height:120px;   color:#333; padding-left:10px; }
.popup_list .set_bom_detail{ padding-top:5px;color:#333333}

.popup_bt .pop_new_bom  { margin:10px 0 10px 10px; background:#4584ef; width:200px; color:#FFF;border-radius: 3px; height:25px;  line-height:25px; text-align:center}
.popup_bt .pop_new_bom a {color:#FFF;display: block;padding: inherit;cursor:pointer;}
.popup_bt .close{ background:#333333;border-radius: 3px; color:#FFFFFF; top:10px;}
/*

.popup_list span { display:block; padding-left:5px;}
.popup_bt { background:#538cd8; height:30px;box-shadow: 0 2px 0 0 rgba(0,0,0,.2);}
.popup_bt .pop_new_bom  { padding:2px 0 5px 0;}
.popup_bt .pop_new_bom a{ color:#333; letter-spacing:1px; background:url(../img/ic_list.png) no-repeat; padding-left:22px;}



/*기존꺼
.popup {
	width:231px;
	height:185 px;
	position:absolute;
 	right:13px;

	    background-color: #fff;
    border: 1px solid #24221f;
		display:none;   color:#333;
}
.popup_list { overflow-y: scroll; overflow:auto;height:120px;   color:#333; padding-left:10px; background:#24221f}
.popup_list span { display:block; padding-left:5px;}
.popup_bt { background:#538cd8; height:30px;box-shadow: 0 2px 0 0 rgba(0,0,0,.2);}
.popup_bt .pop_new_bom  { padding:2px 0 5px 0;}
.popup_bt .pop_new_bom a{ color:#333; letter-spacing:1px; background:url(../img/ic_list.png) no-repeat; padding-left:22px;}
.bom_popup_title { min-height: 15px;
    padding: 11px 30px 8px 15px;
    border-bottom: 1px solid #222;
    background: #f9f9f9;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3;
    color: #222;
    text-align: left;}
*/
/* �곹뭹 ui 鍮꾧탳 css泥섎━ 異붽� */
/* @author KNH on 2018.06.18 */
.popup_popup_wrap {
    width:231px;
    right:13px;
    border:2px solid #333; margin-left:10px;
    display:none;
}
.popup_list_popup_wrap { overflow-y: scroll;overflow: auto;height:120px; background:#333; color:#FFFFFF; padding-left:12px;}
.popup_list_popup_wrap span { display:block; padding-left:5px;}
.popup_bt_popup_wrap { background:#fff; height:40px; padding-top:10px;}
.popup_bt_popup_wrap .pop_new_bom_popup_wrap  { background:#4584ef; width:200px; color:#FFF;border-radius: 3px; height:25px;  line-height:25px; text-align:center; margin:auto}
.popup_bt_popup_wrap .pop_new_bom_popup_wrap a {color:#FFF;}




/* �곹뭹 ui 鍮꾧탳 css泥섎━ 異붽� */
/* @author KNH on 2018.06.18 */
.popup_list div{
	text-align: left;
	padding-left: 2px; color:#666666;
}

.popup_down_list_popup_wrap div{
	text-align: left;
	padding-left: 2px;
}

.popup_down_popup_wrap {
    width:231px;
    height:150px;
    position:absolute;
    right:13px;
    border:1px solid #CCCCCC; margin-left:10px;
    display:none;
}
.popup_down_popup_wrap div{
	text-align: left;
	padding-left: 2px;
}
.popup_down_list_popup_wrap { overflow: auto;height:120px; background:#333; color:#FFFFFF;}
.popup_down_list_popup_wrap span { display:block; padding-left:5px;}
.popup_down_bt_popup_wrap { background:#538cd8; height:30px;}
.popup_down_bt_popup_wrap .pop_down_new_bom_popup_wrap  { padding:2px 0 5px 0;}
.popup_down_bt_popup_wrap .pop_down_new_bom_popup_wrap a{ color:#FFFFFF; letter-spacing:1px; background:url(../img/ic_list.png) no-repeat; padding-left:22px;}

.close {
	width:50px;
	height:20px;
	font-size:12px;
	text-align:center; line-height:20px;
	position:absolute;
	bottom:5px;
	right:10px;
	clear:both;
	cursor:pointer; background:#FFFFFF;
}

/* �곹뭹 ui 鍮꾧탳 css泥섎━ 異붽� */
/* @author KNH on 2018.06.18 */
.close_popup_wrap {
    width:50px;
    height:20px;
    font-size:12px;
    text-align:center; line-height:20px;
    position:absolute;
    top:5px;
    right:10px;
    clear:both;
    cursor:pointer; background:#333; color:#FFF;
}
.close_down_popup_wrap {
    width:50px;
    height:20px;
    font-size:12px;
    text-align:center; line-height:20px;
    position:absolute;
    bottom:5px;
    right:10px;
    clear:both;
	cursor:pointer; background:#FFFFFF;
	text-align: center;
}


/*클릭후이미지상세*/
.ck_vie_warp { zoom:1;  display:block; position:relative; margin-bottom:10px;overflow:hidden;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:10px solid #e8e8e8;
    border-top:none; padding:20px; height:500px;
    /*-webkit-box-shadow: 3px 3px 5px 0 #ccc;
    box-shadow: 3px 3px 5px 0 #ccc;*/
    background-color:#eee;
    overflow-x: hidden;
    overflow-y:scroll;


}	/*2018.06.04 �섏젙 smj*/
.ck_vie_warp ul { display:block;}
 .ck_v_ct { width:1200px; display:inline-block;}
.ck_v_right  { position:absolute; left:1020px;display:inline-block; text-align:right; top:20px;}



.ck_v_img { width:162px; text-align:center; display:inline-block;background:#fff;border:1px solid #989898;}
.ck_v_img  img{ width:100%;   }
.ck_v_title { display:inline-block; padding-left:20px; letter-spacing:0; max-width:750px;}
.ck_v_title h3{font-size: 22px; font-weight: normal;line-height: 30px;color: #222;word-wrap: break-word;word-break: break-all;}
.ssg_tx{}

.title_en{padding: 0 15px; color:#ffffff; font-weight: bold; line-height:55px}
/*占쏙옙占쏙옙占쏙옙*/

.ck_s_price { display:block; padding-top:3px;}
.ck_s_price .ssg_tx {font-size: 12px;
    color: #222;
    vertical-align: middle;
    display: inline-block; margin-left:5px; line-height:18px;}


.ck_s_price .price_s {font-family: 'tahoma'; font-size: 24px;font-weight: 700;color: #ed1c24;   }	/* margin-left: 12px; 異붽� : 2018.06.28 smj */
.ck_c_price .price_c {text-decoration: line-through; }	/* 2018.07.03 추가 smj */
.ck_delivery { margin-top:5px;}
.ck_delivery .delivery{    padding: 0 8px;
    border: 1px solid #222;
    background:#fff;
    display: inline-block;
    min-width: 52px;
    height: 20px;
    margin-right: 6px;
    font-family: '占쏙옙占쏙옙',dotum;
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -.1em;
    text-align: center;
    vertical-align: middle;
    color: #222;}







/*
/*占싸곤옙占쏙옙占쏙옙튼*/
.check_design { float:right; margin-left:5px;}
 .check_design .price_s {    font-size: 25px;
    letter-spacing: -.5px;
    color: #222;
    font-family: Roboto-Medium,sans-serif;
    vertical-align: middle;}
.check_design input[switch] {display: none;}
.check_design input[switch] + label {
  font-size: 1em;
  line-height: 1;
    width: 47px;
  height: 17px;
  background-color: #c8cbcf;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
   font-family: inherit; letter-spacing:0;

}
.check_design input[switch] + label:before {
  /* Label */
  text-transform: uppercase;
  color: #fff;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-family: FontAwesome, inherit;
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;
  position: absolute;
  right: 0.21667rem;
  margin: 0.21667rem;
  top: 0;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;

}

.check_design input[switch] + label:after {
  /* Slider */
  content: '';
  position: absolute;
  left: 0.16667rem;
  background-color: #f7f7f7;
  box-shadow: none;
  border-radius: 2rem;
  height: 15px;
  width: 15px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.check_design input[switch]:checked + label { background:#3366FF;}
.check_design input[switch]:checked + label:before {color: #fff;content: attr(data-on-label);right: auto;left:2px;}
.check_design input[switch]:checked + label:after {left: 30px; background-color: #f7f7f7;box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);}
.check_design input[switch="bool"] + label { background-color: #ee6562;}
.check_design input[switch="bool"] + label:before {color: #fff !important;}
.check_design input[switch="bool"]:checked + label { background-color: #BCE954;}
.check_design input[switch="bool"]:checked + label:before {color: #fff !important;}
.check_design input[switch="default"]:checked + label {background-color: #a2a2a2;}
.check_design input[switch="default"]:checked + label:before {color: #fff !important;}
.check_design input[switch="success"]:checked + label { background-color: #BCE954;}
.check_design input[switch="success"]:checked + label:before {color: #fff !important;}
.check_design input[switch="warning"]:checked + label { background-color: gold;}
.check_design input[switch="warning"]:checked + label:before { color: #fff !important;}


.tab_divs {display:none} /*2018.06.05 異붽� smj*/

/*클占쏙옙 占쏙옙*/
.ck_tabs {  display:block; clear:both; width:100%; position:relative; margin-top:20px;}
.ck_tabs li {  line-height:41px; color:#FFFFFF; width:187px; text-align:left; float:left; height:41px; cursor:pointer}
.ck_tabs li a { display:block;width:187px; color:#FFFFFF; font-size:16px; font-weight:600;padding-left:20px;}
.ck_tabs_01  { background:url(../img/ck_v_tabs.png) right -12px  #3c3c3c no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_02  { background:url(../img/ck_v_tabs.png) right -60px  #3c3c3c no-repeat ; border-right:1px solid #FFFFFF  }
.ck_tabs_03  { background:url(../img/ck_v_tabs.png) right -115px  #3c3c3c no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_04  { background:url(../img/ck_v_tabs.png) right -165px  #3c3c3c no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_05  { background:url(../img/ck_v_tabs.png) right -224px  #3c3c3c no-repeat ; border-right:1px solid #FFFFFF  }
.ck_tabs_06  { background:url(../img/ck_v_tabs.png) right -280px  #3c3c3c no-repeat ; padding-right:7px; }

.ck_tabs_on_01  { background:url(../img/ck_v_tabs.png) right -12px  #1f7dd6 no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_on_02  { background:url(../img/ck_v_tabs.png) right -60px  #1f7dd6 no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_on_03  { background:url(../img/ck_v_tabs.png) right -115px  #1f7dd6 no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_on_04  { background:url(../img/ck_v_tabs.png) right -165px  #1f7dd6 no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_on_05  { background:url(../img/ck_v_tabs.png) right -224px  #1f7dd6 no-repeat ;  border-right:1px solid #FFFFFF }
.ck_tabs_on_06  { background:url(../img/ck_v_tabs.png) right -280px  #1f7dd6 no-repeat ;  border-right:7px }

/*클占쏙옙占실안울옙 占쏙옙占쏙옙*/
.ck_pr_cont_v { display:block; width:1094px; clear:both; padding:20px; background-color:#fff}



/*하단고정_전체틀 */
#bottomwrap{position: fixed; width: 100%; height: 52px;bottom: 0;left: 0; z-index: 999; background-color: #f4f6f9;border-top: 1px solid #ccd3dc;}
.bot_cont_warp {width:1200px; margin:auto; display:block; text-align:center; position:relative}

#bottomwrap .toggleBtn { position:absolute;width: 52px;height: 51px; left: 0; top: 0; background-color: #333; text-align:center; }
#bottomwrap .toggleBtn a { color:#FFFFFF; font-size:13px; background:url(../img/btn_bt.png) 50% 10px   no-repeat; padding-top: 23px; box-sizing: border-box; text-decoration: none;width: 100%;height: 100%;display: inline-block;}

#bottomwrapOpen{position: fixed; width: 100%; height: 52px;bottom: 0;left: 0; z-index: 999;}
.bot_cont_warp_open {width:1200px; margin:auto; display:block; text-align:center; position:relative}

#bottomwrapOpen .toggleBtn { position:absolute;width: 52px;height: 51px; left: 0; top: 0; background-color: #333; text-align:center; }
#bottomwrapOpen .toggleBtn a { color:#FFFFFF; font-size:13px; background:url(../img/btn_bt.png) 50% 10px   no-repeat; padding-top: 23px; box-sizing: border-box; text-decoration: none;width: 100%;height: 100%;display: inline-block;}




/*하단_고정*/
.bt_v_list { position:relative; margin-left:70px;  zoom:1; overflow:hidden}
.bt_v_list li { float:left;padding-top:15px; height:37px}
.bt_comp { border-left: 1px solid #e6e6e6;font-size:14px; color:#333; padding-left:10px;}
.btn_cance_w { margin-left:14px; margin-right:12px;}
.bt_quantity { margin-left:5px;font-size:14px; color:#333;}
.bt_comp input[type="text"], .bt_quantity input[type="text"]{width: 40px; height: 20px;padding: 0; border: 0;text-align: center;  font-size: 12px;line-height: 22px; color: #232a32; border:1px solid #b6bdc7; margin-left:10px;}

.btn_compar{display: inline-block;width: 110px; height: 37px; font-weight: bold;  font-size: 14px; color: #fff; line-height: 25px; text-align: center;  background:url(../img/icon_bom.png) 82px -85px no-repeat #232a32; margin-left:12px;}
.btn_compar a { color:#FFFFFF; clear:both;width:100px; height: 37px; display:block; }


.bt_right { float:right;font-size:14px; color:#333; line-height:16px; border-left: 1px solid #e6e6e6; padding-left:20px;}
.bt_right  .bt_Total {font-family: 'tahoma'; font-size: 24px; font-weight: 700; color: #ed1c24; margin:0 5px 0 15px;  }
.bt_right  .bt_Total_down {font-family: 'tahoma'; font-size: 20px; font-weight: 700; color: #ed1c24; margin:0 5px 0 15px;  }
.bt_right .bt_bom_btn {display: inline-block;width: 110px; height: 37px; font-weight: bold;  font-size: 14px; color: #fff; padding-right:5px;  text-align: center;  background:url(../img/bt_icon.png) 78px 17px no-repeat #232a32; margin-left:12px; letter-spacing:0px;}
.bt_right .bt_bom_btn button { width:100%;  display:block; vertical-align:top;   padding:0; margin:0; clear:both; font-size:16px; font-weight:700}


.bt_right .bt_cart_btn {display: inline-block;width: 120px; height: 37px; font-weight: bold;  font-size: 14px; color: #fff; padding-right:5px;line-height: 25px; text-align: center;  background:url(../img/bt_icon.png) 92px -25px no-repeat #ed1c24; letter-spacing:0px;}

.bt_right .bt_cart_btn button { width:100%;  display:block; vertical-align:top;   padding:0; margin:0; clear:both;font-size:16px; font-weight:700}

/*하단_홈_장바구니_마이페이지*/
.list_bt_home {  background:url(../img/bt_icon_cart.png) no-repeat 10px 12px; width:65px; height:37px; text-indent:-9999em;border-right:1px solid #e6e6e6}
.list_bt_mypage {  background:url(../img/bt_icon_cart.png) no-repeat 10px -42px; width:65px; height:37px; text-indent:-9999em;border-right:1px solid #e6e6e6}
.list_bt_cart {  background:url(../img/bt_icon_cart.png) no-repeat 10px -95px; width:65px; height:37px; text-indent:-9999em;border-right:1px solid #e6e6e6}

.list_bt_home a, .list_bt_mypage a, .list_bt_cart a{ display:block; clear:both;width:65px; height:37px; }



/* @author KNH on 2018.06.18 */
/*비교하기*/
#popup_wrap {width:1200px; height:800px;position:fixed; top:10%; left:50%; margin:-40px 0 0 -600px; z-index:9990; display:none; background: #fff; border: 1px solid #093250; color: #6a747c; z-index: 9990;
    box-shadow: 3px 3px 5px 0 #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eee')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
    filter: none\0IE8;
    word-break: break-all; /* white-space: nowrap; */}
#popup_wrap button {width:45px;height:45px;border:none;background:url(../img/btn_popup_close.gif) no-repeat; text-indent:-999em;position:absolute; top:-1px; right:-45px}

.bi_Total { display:block;width:98%; margin:auto;   background:#fff; height:60px; border-bottom:2px solid #333333; position:relative;font-family: '맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif; padding:0; vertical-align:top}

.bi_Total .title  { display:block; padding:5px 0 0 20px;}
.bi_Total .title h4 {font-size: 22px; position: relative;overflow: hidden; box-sizing: border-box; height:30px;  font-weight: 700; color: #000;}
.bi_Total .title p { font-size:13px; padding:0}
.bi_Total .bi_Price{ position:absolute; top:0; right:0; background:#2a2a2a; width:650px; height:60px; zoom:1; overflow:hidden}

/*비교하기_장바구니_합계 */
.bi_Total .bi_Price li { float:left;}
.bi_Total .bi_Price .bi_title {font-size:18px; width:150px; font-weight:700; color:#FFF;  margin:15px 0 0 30px;}
.bi_Total .bi_Price .bt_total_w {width:140px; text-align:right; margin-top:15px;}
.bi_Total .bi_Price .bt_Total{ font-family: 'tahoma'; font-size: 24px; font-weight: 700; color: #fff; margin-right:3px; }

.bi_Total .bi_Price .bt_bom_btn {width: 110px; height: 60px; font-weight: bold;  font-size:16px; color: #fff; line-height: 80px; text-align: left;  background:url(../img/bt_icon.png) 80px 20px no-repeat #218deb;   letter-spacing:0px; line-height:60px; padding-left:20px; margin-left:80px}
.bi_Total .bi_Price .bt_bom_btn a { color:#FFF;display:block}

.bi_Price .bt_cart_btn {width: 105px; height: 60px; font-weight: bold;  font-size: 16px; color: #fff;  line-height: 60px; text-align: left; letter-spacing:0px;background:url(../img/bt_icon.png) 80px -20px no-repeat #ea2b34; padding-left:15px;}
.bi_Total .bi_Price .bt_cart_btn a { color:#FFF; display:block}


/*비교하기_상품리스트 */
.popup_cont_list { width:1200px;height:723px; position:relative; overflow:auto; margin-top:5px;padding-bottom: 10px}
.popup_cont_list table {   vertical-align:top; margin:0}
.popup_cont_list th {    background: #f7f8f9;font-size: 13px;color: #232a32;font-weight: bold; text-align:center; padding:6px; width:95px; padding-left:15px;border-bottom: 1px solid #d3d3d5;border-right: 1px solid #d3d3d5;}
.popup_cont_list td { width:150px; text-align:center; padding:6px;border-bottom: 1px solid #d3d3d5;border-right: 1px solid #d3d3d5;}
.popup_cont_list .pop_pr_img img{ width:80px; height:80px;}
.popup_cont_list .pr_title {font-size: 13px; color: #000; font-weight:600;overflow: hidden; text-overflow: ellipsis; white-space: normal;   max-height: 70px;white-space: normal;

      line-height: 1.2;

      height:70px; text-align:center; width:193px;

      word-wrap: break-word;

      -webkit-line-clamp: 2;

      -webkit-box-orient: vertical;}
.popup_cont_list .total strong{    font-size: 20px; font-family: "Roboto", "Noto Sans KR"; color: #e50011; font-weight: 700;}
.popup_cont_list  .delet{border-right: 1px solid #fff;}
.popup_cont_list .title_table { margin-left:12px;}
.popup_cont_list .pop_td_h { height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}








/*占쏙옙체占쏙옙占시뱄옙튼*/
.bh_choice, .btn_cance {position: absolute; display: none; }
.bh_choice + label, .btn_cance + label {position: relative; display: block;padding-left: 30px; cursor: pointer; vertical-align: middle; }
.bh_choice + label:hover:before, .btn_cance + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both;animation-name: hover-color; }
.bh_choice + label:before, .btn_cance + label:before {position: absolute; top: 0;left: 0; display: inline-block; width: 20px; height: 20px;content: ''; border: 2px solid #333; }


.bh_choice + label:after, .btn_cance + label:after { position: absolute;display: none;content: ''; }

.bh_choice[disabled] + label, .btn_cance[disabled] + label {cursor: not-allowed;color: #e4e4e4; }

.bh_choice[disabled] + label:hover,
.bh_choice[disabled] + label:before,
.bh_choice[disabled] + label:after,
.btn_cance[disabled] + label:hover,
.btn_cance[disabled] + label:before,
.btn_cance[disabled] + label:after {cursor: not-allowed; }

.bh_choice[disabled] + label:hover:before, .btn_cance[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }

.bh_choice[disabled] + label:before, .btn_cance[disabled] + label:before {
    border-color: #e4e4e4; }

.btn_cance:checked + label:before,
.bh_choice:checked + label:before {
  animation-name: none; }

 .bh_choice:checked + label:after, .btn_cance:checked + label:after {
  display: block; }


.bh_choice + label:before, .btn_cance + label:before {
  border-radius: 3px; }

.bh_choice + label:after, .btn_cance + label:after {
  top: 2px;
  left: 8px;
  box-sizing: border-box;
  width: 10px;
  height: 15px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.bh_choice:checked + label:before , .btn_cance:checked + label:before {
  border: solid 2px #3e97eb;
  background: #3e97eb; }

.bh_choice:checked[disabled] + label:before, .btn_cance:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9; }
 .btn_chotext,  .btn_cance_text { padding-left:31px; vertical-align:middle;cursor:pointer; font-size:14px; color:#333; letter-spacing:0}

 /*bom팝업*/
 #popup_create {
	width: 450px;
    height: 250px;
    position: fixed;
    top: 30%;
    left: 40%;
    display: none; background:#FFF;
    color: #171616;
    z-index: 10000;    border: 2px solid #333;
    padding: 0px;
}

#table_popup_create{
	width:450px;
	height:250px;
}
#table_popup_create th{
	font-size: 2em;
	color: white;
}
#table_popup_create tbody tr{
	height: 30px;
}
#table_popup_create thead{
	color: white;
	background-color: #4b4b4b;
	padding: 10px;
}
#table_popup_create tbody button{
	background-color:#5a5a5a;
    color: white;
padding: 7px 17px;    text-align: center;
    text-decoration: none;
    display: inline-block;
}

#fade_out_div {
	width:500px;
	height:100px; display:none;
	position:fixed; top:15%; left:30%; background:border-box;
	color: red; z-index:15000; zoom: 2;
}
#fade_out_div_bom {
	width:300px;
	height:100px; display:none;
	position:fixed; top:15%; left:40%; background:border-box;
	color: red; z-index:15000; zoom: 2;
}
#fade_out_div_showping_suc{
	width:300px;
	height:100px; display:none;
	position:fixed; top:15%; left:40%; background:border-box;
	color: red; z-index:15000; zoom: 2;
}
#fade_out_div_showping {
	width:400px;
	height:200px;
	position:fixed; top:30%; left:35%; display:none; background: white;
	color: black; z-index:10000;
	border: 3px groove gray;
    padding: 0px;
}
#fade_out_div_showping_down {
	width:380px;
	height:180px;
	position:fixed; top:30%; left:35%; display:none; background: white;
	color: black; z-index:10000;
	border: 3px groove gray;
    padding: 1px;
}
.fade_out_table_showping{
	width:380px;
	height:180px;
	margin-top: 20px;
	color: black;
}
.fade_out_table_showping thead th{
	font-size: 1.5em;
	color: gray;
	padding: 10px;
}
.fade_out_table_showping tbody{
	height: 90px;
}
.fade_out_table_showping tbody button{
	background-color: gray;
    color: white;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.click_img{
	border-style: dashed;
	border-color: #7f7cce;
	border-width: 3px;
	box-sizing: border-box;
}
.list_checkbox{
	display: none;
}
#iframe_insert{
	width:800px; height:800px; background:#3d3d3d; color:#fff;
	position:absolute; top:150px; left:150px; text-align:center;
	border:2px solid #000; display: none;
}
.bi_p_p{
	text-align: center; font-size:12px;
}
.bt_bom_btn_color{
	color: white;
}



/*대량구매*/
.sale_line_ea dt {border-bottom: 1px solid #d3d3d5;    padding: 5px 3px 6px 3px;    margin: 0 !important;
    font-weight: bold;font-size: 12px;
    line-height: 15px;}
.sale_line_ea dd { padding: 2px 3px 1px 3px;    margin: 0 !important;}
.goods_md_warp  h4 {
    position: relative;
    height: 40px;
    padding-left: 10px;
    border-bottom: 1px solid #333;
    letter-spacing: -1px;
    font-size: 20px;
    font-weight: 600;
    color: #000; margin-bottom:20px; margin-top:20px;
}