/*
========================================================================
RESET
========================================================================
*/


/* global rest */
* {-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table,
pre, xmp, plaintext, listing,
input, textarea, select, button, a {
    font-size: 12px;
    color: #1c1c1c;
    line-height: 1.25;
    font-family:"Montserrat","Pretendard","AppleSDGothicNeo","Apple SD Gothic Neo","Apple SD 산돌고딕 Neo",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align:middle;
}
li {
    list-style: none;
}
hr, caption, legend {
    display: none;
}
a { 
    color: #000;
    text-decoration: none;
    background:none;
}
a:hover {
}
button {
    overflow: hidden;
    cursor: pointer;
}
button span {
    visibility: hidden;
}
address, em {
    font-style: normal;
}
button, input, select, textarea, a {
    vertical-align: middle;
}
select {
    line-height:36px;
    font-size: 16px;
    color: #1c1c1c;
    background: url(/design/odeshop/ode_m/select_arr.png)no-repeat center right 10px;
    cursor:pointer;
    margin:0;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    box-sizing:border-box;
    display:inline-block;
    border:1px solid #C5C5C5;
    padding:0 38px 0 10px;
}   
input[type="checkbox"] {
    width:14px;
    height:14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background:#fff url(/design/odeshop/ode_m/icon_chk.png) no-repeat 0 0;
    cursor: pointer;
    background-size:14px;
}
input[type="checkbox"]:checked {
    width:14px;
    height:14px;    
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url(/design/odeshop/ode_m/icon_chk_on_new.png) no-repeat 0 0;
    cursor: pointer;
    background-size:14px;
}
input[type="radio"] {
    width:14px;
    height:14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url(/design/odeshop/ode_m/icon_radio.png) no-repeat 0 0;
    cursor: pointer;
    background-size:14px;
}
input[type="radio"]:checked {
    width:14px;
    height:14px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background: url(/design/odeshop/ode_m/icon_radio_on.png) no-repeat 0 0;
    cursor: pointer;
    background-size:14px;
}
select::-ms-expand { display: none;}


input:focus {
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}

input::-ms-clear{
	display: none;
}


#preview_wrap { display:none !important } /* 미리보기 숨김 */

/*
========================================================================
포인트 색상 class
========================================================================
*/

.pointColor { color:#c08dff !important }
.fc-blue { color:#0e67ec; font-weight:bold }
.f_point_color {
    color: #ff6a10!important;
}
/*
========================================================================
공통 class
========================================================================
*/
.displaynone {display:none !important}
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* form */
.txt-right { text-align: right; }
.txt-input1 { padding: 2px 0 0 2px; height:31px; line-height:31px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
.txt-input2 { padding: 2px 0 0 2px; height:31px; line-height:31px; border: 1px solid #dcdcdc; }
.MS_input_txt { margin-right:5px; padding: 2px 0 0 2px; line-height:31px; height:31px }
.txt-disabled { background-color: #f6f6f6; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ccc; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }

/* font-color */
.fc-red { color: #ff6a10; }
.MS_option_price { color: #fe3333 }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* margin */
.nomg { margin:0 !important }
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
/* padding */
.nopd { padding:0 !important }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-left,
.tb-center,
.tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top:1px solid #000 }
.table-type-2 th,
.table-type-2 td { border-bottom:1px solid #e6e6e6 }
.table-type-2 th { padding:16px 0; font-size:14px; color:#000; font-weight:normal }
.table-type-2 td { padding:10px 0; font-size:14px; color:#000 }
.table-type-2 td li { padding:5px 0 }
.table-type-2 td a { vertical-align:top }
.table-type-2 td.review-tx { padding:15px 130px; color:#999 }
.table-type-2 td.nodata { padding:15px 0; text-align:center }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }
/* 상품리스트 (메인/검색/상품리스트) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }
/* 장바구니 리스트, 주문상품 리스트 */
.table-cart { border-bottom:1px solid #e6e6e6 }
.table-cart thead th { padding:15px 0; font-size:13px; color:#101010; font-weight:bold; border-bottom:1px solid #e6e6e6 }
.table-cart tbody td { padding:10px 0; border-top:1px solid #e6e6e6 }
.table-cart tbody td .thumb { width:130px; margin-left: auto; margin-right: auto }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block;}
.table-cart tbody td .tb-opt { padding-top:5px }
.table-cart tbody td .tb-opt .tb-dl .opt_dt { display:inline-block; width:34px; line-height:21px; vertical-align:top }
.table-cart tbody td .tb-opt .tb-dl .opt_dd { display:inline-block; line-height:21px; word-break:break-all }
.table-cart tbody td .txt-spin { width:31px; height:21px; border: 1px solid #e6e6e6; font-size: 11px; text-align:center }
.table-cart tbody td .btn_option { padding:5px 11px 3px; font-size:11px }
.table-cart tbody td .btn_select { width:70px; padding:5px 0 3px; font-size:11px }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tfoot td { padding:15px 0; font-weight:bold; line-height:20px; border-top:1px solid #e6e6e6 }
.table-cart tfoot strong { color: #fe3333 }

/* 일반형 주문서 작성 */
.table-order-prd { border-top:1px solid #000 }

/* 수량 컨트롤 */
.table-cart .opt-spin { position: relative; width:50px; height:21px; margin-left: auto; margin-right: auto; padding-bottom:6px }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin {width:31px; height:21px; border: 1px solid #e6e6e6; font-size: 11px; text-align:center }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top:4px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
/* 주문 - 주문정보 테이블 */
.table-order-info { margin-top: 10px; border-top:1px solid #000 }
.table-order-info tbody th,
.table-order-info tbody td { padding:12px 0 11px 0; border-bottom: 1px solid #e6e6e6 }
.table-order-info tbody th { background-color:#f8f8f8 }
.table-order-info tbody th div.tb-left { padding-left:25px }
.table-order-info tbody td { padding-left:10px }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list { margin-top:40px; font-size:18px; color:#2e2e2e; font-weight:bold }
.table-d2-list { border-top:1px solid #000 }
.table-d2-list thead th { padding:15px 0; font-size:14px; color:#000; font-weight:bold; border-bottom:1px solid #e6e6e6 }
.table-d2-list tbody td { padding:15px 0; font-size:14px; color:#000; border-bottom:1px solid #e6e6e6 }
.table-d2-list tbody td a {font-size:14px; color:#000 }
.table-d2-list tbody td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #e6e6e6; background: #e6e6e6 }
.table-d2-list tbody td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #e6e6e6; background: #fff }

/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top:10px; border-top:1px solid #000 }
.table-d2-view th, 
.table-d2-view td { padding:15px 0; border-bottom:1px solid #e6e6e6 }
.table-d2-view th { padding-left:20px; font-size:14px; color:#000; font-weight:normal; background:#f8f8f8  }
.table-d2-view td { padding:15px 0 }
.table-d2-view td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #e6e6e6; background: #e6e6e6 }
.table-d2-view td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #e6e6e6; background: #fff }
/* paging */
.paging { padding:20px 0; text-align:center }
.paging a {display:inline-block;padding:0 10px;height:16px;font-size: 15px;color: #000;line-height:16px}
.paging a:hover,
.paging a.now,
.paging .now {color: #000;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last {font-size:13px;font-family:dotum;line-height:18px;color: #AEAEAE;}
.paging a.first,
.paging a.last {letter-spacing:-4px;}

/* 현재위치 */
.loc-navi { display:none; height:46px; text-align:right; overflow:hidden }
.loc-navi, .loc-navi a {color: #878787;text-transform: capitalize;vertical-align:top;line-height:46px;margin-top: 20px;}
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page { padding-bottom:10px; position: relative; font-size:18px; color:#202020; line-height:18px; font-weight:bold; border-bottom: 1px solid #000 }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* 타입 2 */
#content .tit-page-2 { margin-top:40px; position: relative }
#content .tit-page-2 h2 { font-size:18px; color:#2e2e2e; font-weight:bold }
#content .tit-page-2 .dsc { position:absolute; top:8px; right:0 }
/* 타입 3 */
#content .page-hd { padding-bottom:5px; border-bottom:1px solid #e3e3e3 }
#content .page-hd h2 { color: #202020; font-size:18px; font-weight:bold; text-transform: uppercase }

/* 상품 total/정렬 */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }
/* 게시판 총게시글,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* 회원 등급 표시 */
/* 타입 1 */
.mem-lvl { *zoom:1; overflow: hidden; padding:25px 0 25px 350px; width:753px; margin:0 auto; border-bottom:1px dashed #e9e9e9 }
.mem-lvl:after { display:block; clear:both; content:'' }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left:-120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; font-size:12px; color:#2e2e2e; line-height:25px }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#F26622;
}

/* 타입 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color:#F26622;
}

/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding: 10px 20px; border: 5px solid #ededed; }
.t-box-msg strong { color: #0178d3; }

/*
========================================================================
공통 - 레이어
========================================================================
*/

#comment_password input { width:185px !important }

/*
========================================================================
공통 - 버튼타입
========================================================================
*/

.CSSbuttonBlack { display:inline-block; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonBlack:hover { color:#231f20; background:#fff }
.CSSbuttonBlack:active { position:relative; top:1px }

.CSSbuttonWhite { display:inline-block;  color:#231f20; text-align:center;  border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonWhite:hover { color:#fff; background:#231f20 }
.CSSbuttonWhite:active { position: relative; top: 1px }

.CSSbuttonGray { display:inline-block;  color:#231f20; text-align:center;  border:1px solid #e4e4e5; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonGray:hover { color:#fff; border:1px solid #231f20; background:#231f20 }
.CSSbuttonGray:active { position: relative; top: 1px }

.CSSbuttonMin { padding:6px 10px; font-size:13px }

/********************************* layout *********************************/

#wrap{position:relative; width:100%; min-width:1200px; margin:0;}
#contentWrapper {width:1400px; margin:0 auto;}
#container{position:relative; width:100%; }

/* 멤버 페이지용 (배경) */
#container.bg {/*background:url('//odeshop.img8.kr/onedesign/images/bg_loginpage.jpg') center bottom no-repeat ;*/background-size:cover;min-height:900px;padding-top:100px;background-attachment: fixed;}
#container > #contents{position:relative; max-width:1600px; width:85%; margin:0 auto; box-sizing:border-box;min-height:800px;}
.w_cont{width:1300px !important; margin:0 auto;}
.topBan{display:none; width:100%; height:50px; line-height:50px; color:#fefefe; text-align:center; background:#a59f9f;}


/********************************* side *********************************/

/* 버튼영역 */
#sideBtn{position: absolute;left: -36px;top: calc(50%);z-index:8000; opacity:1;background: rgba(212,212,212,0.62);box-sizing: border-box;padding: 11px 12px 11px 11px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.3);cursor:pointer;height:34px;line-height: 1;}
#sideBtn i {font-size: 13px;}
#sideBtn:hover {background:#fff;}

/* 사이드영역 */
#sideArea { background: rgba(255,255,255,1);position: fixed;z-index: 8000;width: 145px;height: 100%;padding: 36px;right: -219px;top: 0;}
#sideArea img {max-width:100%;}
#sideArea > ul > div {margin-bottom:20px;}
#sideArea > ul > div > h2 {display: block;padding: 12px 0 9px;font-weight: normal;font-size: 14.3px;cursor:pointer;}

/*스토어가이드*/
#sideArea .storeGuide {cursor:pointer;}    
#sideArea .storeGuide > h2 {display: block;padding: 12px 0 9px;font-weight: normal;font-size: 14px;cursor: pointer;border-bottom: 1px solid #d8d8d8;margin-bottom: 2px;}
#sideArea .storeGuide > div {clear: both;line-height: 15px;margin-bottom: 5px;font-size: 13px;}
#sideArea .storeGuide > div.menu1{padding-top:10px;}
#sideArea .storeGuide > div > h2 { font-weight: normal;font-size: 13px; color: #757575;display: block;margin-bottom: 9px;border-bottom: 1px solid #eee;padding-bottom: 9px;}
#sideArea .storeGuide > div > h2 b {display:inline-block;color:#da6025; vertical-align:middle;}
#sideArea .storeGuide > div > h2 b i {color:#da6025;}
#sideArea .storeGuide >    div:hover h2 {padding-left:0px;}
#sideArea .storeGuide >    div:hover b {float:left;display:inline-block;color:#da6025;}
#sideArea .storeGuide > div > h2 i {float: right;font-size: 10px;color: #969696;line-height: 13px;text-align: center;padding-right: 2px;}
#sideArea .storeGuide > div > ul {display: none;padding: 5px 0 12px 14px;box-sizing: border-box;}
#sideArea .storeGuide > div li {display: block;height: 23px;line-height: 23px;font-size: 13px; border-bottom:0;}
#sideArea .storeGuide > div li a {color:#7d7d7d;}
#sideArea .storeGuide > div li a.fbold {font-weight:bold;}
#sideArea .storeGuide > div li:last-child {padding-bottom:5px;}
#sideArea .storeGuide > div li b {float:left;display:inline-block;width:0;visibility:hidden;opacity:0;}
#sideArea .storeGuide > div li:hover {padding-left:2px;}
#sideArea .storeGuide > div li:hover b {float:left;display:inline-block;width:10px;visibility:visible;opacity:1;}

/* 고객센터 */
#sideArea .callCenter h3 {clear: both;height: 15px;font-size: 16px;font-family: poppins;font-weight: normal;padding: 13px 0 11px 0;color: #666;}
#sideArea > ul > div span {display: block;color: #5d5d5d;line-height: 19px;font-size: 13px;letter-spacing: 0;font-family: poppins,맑은 고딕;}
#sideArea > ul > div span b {display: block;font-size: 13px;font-family: poppins;font-weight: 400;padding-bottom: 2px;}

/*무통장계좌*/
#sideArea > ul > div.bankInfo { border-top: 1px solid #eee;padding-top: 16px;margin-top: -4px;}
#sideArea > ul > div.bankInfo > a { font-size: 13px; padding: 10px 0; }

/*배송조회*/
#sideArea .btn_gray {margin-top: 19px;color: #505050;display: block;text-align: center; background: #e9e9e9;}

/* 사이드 배너 */
#sideArea .bnSide {margin:0;margin-top:40px;}

/* 우측 최근본상품 */
#sideArea .todaysView { margin-top: 50px; width: 100%; height: auto; box-sizing: border-box; }

/* 열려있을때 */
#sideArea.active{right:0;}
#sideArea.active #sideBtn {background:#fff;box-shadow:none !important;}

/* 이징효과 */
#sideArea a,
#sideArea a:hover,
#sideArea h2,
#sideArea h2:hover,
#sideArea div,
#sideArea div:hover,
#sideArea i,#sideArea li,#sideArea li:hover,
#sideArea b{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
#sideArea.active,
#sideArea,
#sideBtn.active,
#sideBtn {-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s  'easeInOutExpo';-o-transition:all 0.3s 'easeInOutExpo';transition:all 0.3s ease-in-out 0.1s;}


/******* 사이드 장바구니 *********/
#side_cart { width: 400px;position: fixed;z-index: 9999;background: rgb(255, 255, 255);right: -100%;top: 127px;box-sizing: border-box;padding-top: 25px;/* border: 1px solid #eee; */box-shadow: -1px 2px 5px 2px rgba(115, 115, 115, 0.22);border-radius: 6px;}

/*장바구니타이틀*/
.titlecart {position: relative;color: #737373;text-align: left;font-size: 16px;letter-spacing: 0px;font-family: '맑은 고딕','Malgun Gothic';padding: 0;padding-left: 40px;}
.titlecart i:first-child {position:absolute;left:15px;top:21px;color:#555;}
.titlecart .subname { color: #8e8e8e;font-size: 11px;letter-spacing: 0.5px;display: block;padding-top: 15px;}
.titlecart .subname b { color: #da6025;font-size: 13px;font-family: 'nunito','맑은 고딕','Malgun Gothic';}
.cart_contents { margin: 36px auto;width: calc(80%);overflow-x: hidden;max-height: 122px;}
.cart_contents::-webkit-scrollbar-track{background-color: #f5f5f5}
.cart_contents::-webkit-scrollbar{width: 4px;background-color:#fff;}
.cart_contents::-webkit-scrollbar-thumb{background-color:#aaa;}

/*롤링 버튼 */
#side_cart .flickity-prev-next-button { display:none; }
#side_cart .cartDiv:hover .flickity-prev-next-button {display:block !important;}

/*닫기버튼 */
.btnClose {cursor:pointer;  position: absolute;right: 39px;top: 28px;font-size: 24px;color: rgb(105, 105, 105);display: block;z-index: 999;}
.btnClose:hover {color:#ddd;}
.btnGoCart { display: block;text-align: center;padding: 14px 50px;background: rgb(74, 74, 73);color: #efefef;font-size: 13px;font-weight: 300;margin: 0 auto;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

/*리스트 카테고리 */

.listcart {padding-bottom: 12px;display: block;margin-bottom: 13px;text-align: center;border-bottom: 1px solid #eee;cursor:pointer;}
.listcart:after {content:"";clear:both;display:block;}
.listcart .thumb {  float:left;width: 60px;height: auto;overflow: hidden;}
.listcart .thumb img {width:100%;}
.listcart .list_right { float: right;width: calc(100% - 70px);position: relative;}
.listcart .list_right li {color:#999;}
.listcart .list_name {    font-size: 12px;line-height: 13px;font-family: 맑은 고딕;color: #999;float: left;}
.listcart .list_right .option p{clear: both;text-align: left;font-size: 10px;color: #ccc;display: inline-block;padding-top: 5px;letter-spacing: 1px;float: left;}
.listcart .list_right .price { float: right;padding-right: 33px;}
.listcart .list_right .price strong {font-size: 12px;font-family:'nunito','맑은 고딕','Malgun Gothic';display: block;padding:0;letter-spacing: 0.4px;color:#da6025;font-weight:normal;}
.list_delete { position: absolute;right: 0;top: calc(50% - 7px);font-size: 14px;color: #999;}
#side_cart .xi-cart-o {font-size: 35px;color: #888;/* background: #dadada; */border-radius: 29px;padding: 13px;}


/********************************* footer *********************************/

#footer {position:relative;}
#footer .logo { display: block;width:84%;margin:0 auto;}
#footer .logo h1 {display: block;color: #232323;letter-spacing: 0.5px;font-weight: 600;font-size: 16px;}.inner{width:calc(84%); margin:0 auto;}
#footerTop{ /*margin-top:100px;*/ width:100%; padding:55px 0; box-sizing: border-box;color: #666;background: #1d1d1d;font-weight: 400;}
#footerTop > .inner {position: relative;}
#footerTop > .inner > div {float:left;}

/* 소셜 */
#footerTop > .inner > div.follow {width:350px;}
#footerTop > .inner > div.follow h2 {color: #a0a0a0;font-size: 16px;font-weight: 400;letter-spacing: 0.5px;display: block;padding-bottom: 30px;}
#footerTop > .inner > div.follow h2 span{font-family: Poppins;}
#footerTop > .inner > div.follow h2.one{display:none;}
#footerTop > .inner > div.follow li { cursor:pointer;position: relative;width: 28px;display: inline-block;margin-left: 4px;padding-left: 4px;}
#footerTop > .inner > div.follow li a  {color: #949494;line-height:18px;}
#footerTop > .inner > div.follow li i {font-size:12px;}
#footerTop > .inner > div.follow li:before{     content: "";position: absolute;left: -5px;top: -12px;width: 32px;height: 37px;background: url(//odeshop.img8.kr/onedesign/images/bg_hexagon.png) 0 0 no-repeat;opacity: 0.7;;}

/* 메뉴 */
#footerTop > .inner > div.right .footMenu > ul > li {display: inline-block;padding-right: 13px;background: url(//odeshop.img8.kr/onedesign/images/ico_footmenu.png) right 7px no-repeat;margin-right: 2px;}
#footerTop > .inner > div.right .footMenu > ul > li:last-child {background:none;margin-right:0;padding-right:0;}
#footerTop > .inner > div.right .footMenu > ul > li > a {font-family: 'Poppins',''맑은 고딕','Malgun Gothic'',sans-serif;font-size: 12px;letter-spacing: 0;color: #7d7d7d;line-height: 23px;font-weight: 400;}

/* 사업자 정보 */
#footerTop > .inner .company_info {padding-top: 10px;line-height: 21px;color: rgba(255, 255, 255, 0.36);}
#footerTop > .inner > .company_info span {font-family:'Poppins', sans-serif,'맑은 고딕';font-size:11px;letter-spacing:0.3px;}
#footerTop > .inner > .company_info span,#footerTop > .inner > .company_info li,#footerTop > .inner > .company_info a {color:#949494;}
#footerTop > .inner:after {content:"";clear:both;display:block;}
#footerTop > .inner > .company_info a b {    display: none;background: #c5bcb2;border-radius: 20px;padding: 0px 7px;font-size: 9px;line-height: 15px;color: #fff;font-weight: 100;letter-spacing: 1px;margin-left: 5px;}
#footerTop > .inner > .company_info  .callcenter {  position:relative;  display: block;padding: 16px 0 0;border-top: 1px solid #e0e0e0;margin-top: 16px;}
#footerTop > .inner > .company_info .social {display:none;position:absolute;height:18px;right:0;bottom:4px;}
#footerTop > .inner > .company_info .social a { float: left;line-height: 18px;background: rgb(71, 71, 71);margin-left: 9px;border-radius: 100%;width: 20px;height: 20px;text-align: center;}
#footerTop > .inner > .company_info .social i { font-size: 11px;color: #fff;line-height: 21px;}
#footerTop > .inner > div.insta {width:400px;display:none;}


/* 에스크로 */
#footerTop .escroArea{position:absolute; bottom:0; right:0;}
#footerTop .escroArea a{display:inline-block; margin-left:8px;}

/* footer-bottom */
#footer #footerBottom{padding:10px 0;color: #7b7b7b;font-size: 11px; line-height: 24px;background: #272727;text-align: left;font-weight: 400;text-transform: uppercase;font-family: 'Poppins',sans-serif;letter-spacing: 1.2px;padding-left: 8%;}
#footer #footerBottom:after{content:""; display:block; clear:both}
#footer #footerBottom span , 
#footer #footerBottom li {display:inline-block;margin-right:10px;}
#footer #footerBottom li a{letter-spacing: 1.2px;color: #7b7b7b;font-size: 12px;line-height: 24px;}

#footer .designby {color: rgba(158, 158, 158, 0.68);text-transform: uppercase;font-weight: 400;}


/* 팝업창 */
#footer .con_pop{display:none; position:fixed; top:50%; left:50%; transform:translate(-450px, -288px); background: #fff; border-radius:10px; box-shadow:3px 3px 10px rgba(0,0,0,0.06); z-index:100002; width:80%; max-width:900px; font-size:12px; text-align:left; padding:40px 50px 50px; box-sizing:border-box;}
#footer .con_pop > h3{line-height:22px; padding:0 0 15px 2px; font-weight:400; letter-spacing:1px; font-size:16px; color:#535353;}
#footer .con_pop .box{padding:30px; border:1px solid #ececec; max-height:450px; overflow:auto; box-sizing:border-box; line-height:20px;}
#footer .con_pop .close_pop{position:absolute; top:40px; right:50px; font-size:21px; color:#535353;}

/* 이용안내 */
#footer .con_pop.guide .box{padding-top:0;}
#footer .con_pop.guide .box h3{display:none;}
#footer .con_pop.guide .ec-base-tab{padding-top:30px; margin-top:0;}
#footer .con_pop.guide .ec-base-tab .menu li.selected a{}
#footer .con_pop.guide .ec-base-tab[class*="grid"] .d_menu li a{line-height:12px;}
#footer .con_pop.guide .xans-mall-faq .cont{padding:5px 15px 0px; }

/* 이용약관, 개인정보처리방침 */
#footer .con_pop .ec-base-box.typeThinBg{padding:0; border:0; background:transparent;}
#footer .con_pop .ec-base-box.typeThinBg > .agree{padding:0; border:0; background:transparent;}

/* mask */
#mask {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:1003; }
#mask2 {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:1000; }
#mask3 {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:1003; }
#mask4 {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:1000; }


/* 우측 픽스아이콘 */
.icon_footTop {position: fixed;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.39);border-radius: 0;opacity: 1;width: 45px;text-align: center;z-index: 98;}
.icon_footTop.active {visibility:visible;opacity:1;right:0px;}
.icon_footTop div a {display:inline-block; vertical-align: middle; }
.icon_footTop div a i {display:inline-block;color:rgba(255,255,255,0.8);line-height: 45px;font-size: 20px;}
.icon_footTop div a img {display:inline-block; max-height: 45px; }
.icon_footTop div {display:block;height:45px;overflow:hidden;}
.icon_footTop div.detailSize { background: #da6025; display: none;  }
.icon_footTop div.naver {background:#00c63b}
.icon_footTop div.kakao {background:#fae100}
.icon_footTop div span a { color: #fff; }
.icon_footTop div.kakao span a{color:#3c1e1e;}
.icon_footTop div.btn_top a {display:inline-block;width:45px;text-align:center;}
.icon_footTop:hover {width:150px;text-align:left;    }
.icon_footTop span a {line-height:45px;visibility:hidden;opacity:0;}
.icon_footTop:hover span a {visibility:visible;opacity:1;display:inline-block;line-height:45px;color:#fff;}
.icon_footTop:hover div:hover {opacity:0.8;cursor:pointer;}

/* 상품 미리보기 레이어 */
#detailpage { position: absolute; top: 100px; display: block; width:936px; padding:43px; border:1px solid #838897; background-color: #fff; }
#detailpage .detail { zoom: 1; overflow: hidden; padding-left:526px }
#detailpage .detail:after { display:inline-block; clear:both; content:'' }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; top:19px; right:19px; width:26px; height:26px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) 0 0 no-repeat }
/* thumb-wrap */
#detailpage .thumb-wrap { width:486px; height:auto; left:-526px; margin-right:-526px; text-align: center }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img {width: 300px;}
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .picon { padding-top:10px }
#detailpage .txt-wrap .picon img { margin-right:3px }
#detailpage .txt-wrap .ptit { font-size:18px; color:#1c1c1c }
#detailpage .txt-wrap .table-opt { margin-top:10px }
#detailpage .txt-wrap .table-opt th,
#detailpage .txt-wrap .table-opt td { padding:4px 0 }
#detailpage .txt-wrap .table-opt th { color:#969696; font-weight: normal }
#detailpage .txt-wrap .table-opt th .tb-left,
#detailpage .txt-wrap .table-opt td .tb-left { padding:0 }
#detailpage .txt-wrap .table-opt td { color:#555 }
#detailpage .txt-wrap .table-opt .sell_price { font-size:18px; color:#1c1c1c;}
#detailpage .txt-wrap .table-opt .sell_price span.dcPercent { color:#d95115; margin-left:5px;}

#detailpage .txt-wrap .f-btns { margin-top:10px }
#detailpage .txt-wrap .f-btns .soldout { margin-top:6px; width:408px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff }
#detailpage .txt-wrap .f-btns a { margin-top:6px }
#detailpage .txt-wrap .f-btns .btn_buy { display:block; width:408px; height:40px; font-size:13px; color:#fff; text-align:center; line-height:40px; border:1px solid #231f20; background:#231f20 }
#detailpage .txt-wrap .f-btns .btn_buy:hover { color:#000; background:#fff }
#detailpage .txt-wrap .f-btns .btn_buy:active { position: relative; top: 1px }
#detailpage .txt-wrap .f-btns .btn_cart { display:block; width:408; height:40px; font-size:14px; color:#231f20; text-align:center; line-height:40px; border:1px solid #231f20; background:#fff }
#detailpage .txt-wrap .f-btns .btn_cart:hover { color:#fff; background:#231f20 }
#detailpage .txt-wrap .f-btns .btn_cart:active { position: relative; top: 1px }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 상단 */
.bbs-hd {padding:65px 0 20px; display:none !important; }
.bbs-hd .link { text-align: center }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a {padding: 0 10px;color: #b7b7b7;background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left center;}
.bbs-hd .link li.last a { background-image: none; }
/* 타이틀 */
.bbs-tit { margin-bottom:44px; *zoom:1;}
.bbs-tit:after { display:block; clear:both; content:'' }
.bbs-tit h3 { font-size:30px; text-align:center; color:#000; font-weight:500; margin:50px 0;}
/* 검색 */
.bbs-sch {text-align:right;}
.bbs-sch label {margin-right:12px; color:#262626; font-size:13px; font-weight:300;}
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img {vertical-align:middle;}
.bbs-sch .key-wrap {display:inline-block; *zoom:1; *display:inline; width:223px; height:35px; border:1px solid #e6e6e6; font-size:0; line-height:0; text-align:left;}
.bbs-sch .key-wrap .MS_input_txt {width:184px; height:33px; margin:0; padding:0 10px; border:0; line-height:33px; box-sizing:border-box}
.bbs-sch .key-wrap a {display:inline-block; *zoom:1; *display:inline; width:37px; height:33px; background:url('/design/odeshop/ode_m/bbs_sch.png') no-repeat center;}
.bbs-sch .key-wrap a img {display:none;}
.bbs-sch .keyword {width:125px; height:14px; padding:2px 0 0 2px; margin-right:3px; line-height:14px; border:1px solid #ededed;}
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-btm { padding:15px 0; position:relative; *zoom:1 }
.bbs-btm:after { display:block; clear:both; content:'' }
.bbs-btm .bbs-link { float:right }
.bbs-btm .bbs-link a { margin-left:3px; width:108px; height:38px; font-size:13px; line-height:38px }
.bbs-btm .bbs-paging .paging { margin:0 130px; padding:10px 0 }
/* 게시판 한줄공지 */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #9d9d9d; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
/* 게시판 타입 - 리스트 */
.bbs-table-list {/*margin-top: 51px;*/}
.bbs-table-list thead th,
.bbs-table-list tbody td  { padding:15px 0; box-sizing:border-box;  } 
.bbs-table-list thead th {font-size: 14px;color: #000;font-weight:normal; border: solid #e6e6e6; border-width: 1px 0; background: #fff;height: 63px;}
.bbs-table-list tbody td {color:#343434;border-bottom: 1px solid #e6e6e6;height: 64px;font-size: 14px;}
.bbs-table-list tbody td b {font-weight:inherit}
.bbs-table-list tbody td a {font-size: 14px;}
/* 게시판 타입 - 보기 */
.bbs-table-view { margin-top:10px }
.bbs-table-view thead th,
.bbs-table-view tbody td  { padding:15px 0 } 
.bbs-table-view thead th {color: #000;font-size:28px;font-weight:normal;border-bottom: 1px solid #000;}
.bbs-table-view .btn-dwn { margin-top:15px;}
.bbs-table-view .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.bbs-table-view .privercy-agree label input { vertical-align:top; *vertical-align:top }
.bbs-table-view .bbs-table-list thead th {font-size:18px; }
/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding: 30px; border: 1px solid #ededed; }
.t-box-msg strong { color: #0178d3; font-size:16px; font-weight: normal; }
.t-box-msg-tit { padding:50px; border: 0px solid #ededed; font-size:16px; text-align:center; }
.t-box-msg-tit strong { color: #2366d3; font-size:16px; font-weight: normal; }
/* 마이페이지 상단 메뉴 */
.my_menu {border-bottom:1px solid #AEAEAE; width:1400px; margin:0 auto; }
.my_menu ul {font-size:0; text-align:center;}
.my_menu ul li {display:inline-block; margin:0 23px; position:relative;}
.my_menu ul li a {display:inline-block; height:58px; color:#333; font-size:16px; line-height:58px;}
.my_menu ul li.over:after {content: ''; width: 100%; height: 4px; background: #000; position: absolute; bottom: -3px; left: 0;}

/* 팝업 타이틀 (1:1고객게시판) */
.tit-pop { position:relative }
.tit-pop h1 { font-size:18px; color:#000; font-weight:bold; line-height:18px }
.tit-pop .txt { position:absolute; top:5px; right:0; font-size:12px; color:#343434 }

/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd { margin-top: 10px; border-top: 1px solid #000 }
.visit-vhd th,
.visit-vhd td { padding:15px 0; border-bottom: 1px solid #e9e9e9; font-size:15px; color:#000 } 
.visit-vhd .tb-left{ padding:0 10px }
/* 내용*/
.visit-vcont th,
.visit-vcont td { padding:15px 0; color: #000 } 
.visit-vcont .info em { font-weight:bold }
.visit-vcont .info .video-writer { display:inline-block; *display:inline }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding:15px 0; min-height:250px; color:#8d8d8d }
.visit-vcont td .tb-cont img { max-width: 100%; }
/* 코멘트 */
.visit-vcmt { border-top:1px solid #000 }
.visit-vcmt td { padding:20px 0 15px; border-bottom:1px dashed #e9e9e9; vertical-align:top }
.visit-vcmt .com-name { margin-right:20px; font-weight:bold; color:#000 }
.visit-vcmt .com-date { font-size:11px; color:#aeaeae }
.visit-vcmt .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px }
/* 작성 */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; }
/* 게시판 타입 - 쓰기 */
.bbs-table-write {margin-top:42px;border-top:2px solid #000;padding-top: 16px;}
.bbs-table-write tbody th,
.bbs-table-write tbody td { padding:13px 0; text-align:left; border-bottom:1px solid #e9e9e9 } 
.bbs-table-write tbody th { padding-left:30px; font-size:16px; font-weight:normal; background:#f8f8f8 }
.bbs-table-write tbody td { padding:13px 10px }
.bbs-table-write .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.bbs-table-write .privercy-agree label input { vertical-align:top; *vertical-align:top }

/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd { margin-top:10px; padding:60px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.bbs-table-pwd table { width:475px; margin:0 auto }
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { font-size:14px; color:#8d8d8d; font-weight:normal } 
.bbs-table-pwd tbody td input { padding:0 0 0 5px; width:355px; height:42px; line-height:42px; border:1px solid #ddd }

.pwd-link { padding:40px 0 100px; text-align:center }
.pwd-link a { margin:0 3px; width:188px; height:58px; font-size:16px; line-height:58px }

/* 공통으로 쓰는거 */
textarea { width:600px; height:47px; padding:2px; border:1px solid #EDEDED;}        
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}

.cont-sub-des { position:relative;}
.cont-sub-des div { padding-top:5px }
.cont-sub-des span { margin-right:15px; color:#343434; font-size:16px}
.cont-sub-des span em { font-size:12px; color:#343434; font-weight:bold }
.cont-sub-des span a {  }

.comment-list { border-top:1px solid #000 }
.comment-write { border-bottom:1px solid #e9e9e9 }
.bbs-table-view .comment-box td { padding-top:20px; border-bottom:1px dashed #e9e9e9;  vertical-align:top; font-size: 14px; }
.comment-box .com-name { margin-right:20px; font-weight:bold; color:#000 }
.comment-box .com-date { font-size:11px; color:#aeaeae }
.comment-box .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px }
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:12px; font-size:14px; color:#000; background: url('//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_4x4.gif') no-repeat 0 50%;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:0 0 0 5px; width:212px; height:27px; line-height:27px; border:1px solid #ddd }
.com-wrt-box .wrt { margin-top:7px }
.com-wrt-box .wrt span { margin:0 10px; font-size:14px; color:#828282 }
.com-wrt-box .wrt textarea {width: calc(100% - 120px); height: 122px; border: 1px solid #ddd; box-sizing: border-box; padding: 10px; resize: none;}
.com-wrt-box .wrt_write { padding-bottom:15px; font-size:0 }
.com-wrt-box .wrt_write .CSSbuttonBlack { width:118px; height:120px; font-size:16px; line-height:120px }
.view-link { padding:20px 0; text-align:right }
.view-link a { width:108px; height:38px; font-size:13px; line-height:38px }

/* 게시판 회원 게시글 검색 */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }

/* 개인정보보호정책 동의 */
.new-privercy-contract { text-align: left }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.new-privercy-contract .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom }
.new-privercy-contract .privercy-agree label input { vertical-align:top; *vertical-align:top }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #ccc; border-right: none; background: #F4F4F4; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; }
.privercy-contract-tap li.end { border-right: 1px solid #ccc; }
.privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px }


/* 상품진열 */
.list_array {padding:0 2.5px; margin-bottom:15px;}
.list_array .list_arrayLeft {float:left; font-size:14px;font-weight:bold; letter-spacing: 1px; }
.list_array .list_arrayLeft select {border:0; padding-left:0; background:#fff; text-align:center;}
.list_array .list_arrayRight select {height:24px; position: relative; font-size:12px;}
.list_array .list_arrayRight select option{text-align:center;}
.list_array .list_arrayRight {float:right;}
.list_array .list_arrayRight img {}
.list_array:after {content:''; display:block; clear:both;}
.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; padding-bottom:30px;}
.list_shopping1x li a {position:relative; display: block; padding:18px 4px; position:relative; overflow:hidden; zoom:1;}
.list_shopping1x li:first-child {border:0px none;}
.list_shopping1x li img.listPic {width:100%; float:left;}
.list_shopping1x .list_shoppingInfo {width:100%; font-size:12px; }
.list_shopping1x li .PHPS_pick_prdLink { padding-bottom: 125.1%!important;}

.list_shopping2x {text-align:center;}
.list_shopping2x ul {width:100%;display:table;table-layout: fixed;box-sizing: border-box; text-align:left;font-size:0;}
.list_shopping2x li {width: 50%; display:inline-block; vertical-align: top; text-align:left; position: relative; box-sizing:border-box; padding: 2.5px; padding-bottom:30px;}
.list_shopping2x li a {position:relative; display: block;/* margin: 0 2px 0px 2px; */overflow:hidden;}
.list_shopping2x li img.listPic {width:100%;}
.list_shopping2x .list_shoppingInfo {margin-top:10px; text-align:left; font-size:12px;}
.list_shopping2x li .ranking .best{position: absolute;text-align: center;line-height: 11px;bottom: 7px;left: 8px;z-index: 1;color: #fff;}
.list_shopping2x li .ranking .bglist::after {
    content: '';
    width: 2.225rem;
    height: 2.525rem;
    background-color: #aa957e;
    clip-path: polygon(0% 0%, 100% 100%, 100% 0%);
    position: absolute;
    transform: rotate(180deg);
    bottom: 0;
    left: 0;
    z-index:1;
}
.list_shopping2x li .ranking .numRanking {position: absolute;color: #fff;text-align: center;vertical-align: middle;z-index: 2;bottom: 5px;left: 4px;line-height: 12px; font-size:12px}


.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping3x li {width:32%; display:inline-block; vertical-align: top;  box-sizing:border-box; margin-right:2%; padding-bottom:60px;}
.list_shopping3x li:nth-child(3n) {margin-right:0;}
.list_shopping3x li a {position:relative; display: block;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}


.list_shopping4x {text-align:center;}
.list_shopping4x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping4x li {width:23.5%; display:inline-block; vertical-align: top;  box-sizing:border-box; margin-right:2%; padding-bottom:60px;}
.list_shopping4x li:nth-child(4n) {margin-right:0;}
.list_shopping4x li a {position:relative; display: block;}
.list_shopping4x li img.listPic {width:100%;}
.list_shopping4x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}

.list_shopping5x {text-align:center;}
.list_shopping5x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left; font-size:0;}
.list_shopping5x li {width:18.8%; display:inline-block; vertical-align: top;  box-sizing:border-box; margin-right:1.5%; padding-bottom:60px;}
.list_shopping5x li:nth-child(5n) {margin-right:0;}
.list_shopping5x li a {position:relative; display: block;}
.list_shopping5x li img.listPic {width:100%;}
.list_shopping5x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}

.listName a {overflow: hidden; height: auto; color: #000; margin: 7px 0; font-size: 16px; font-weight:400; line-height:1.4; display: -webkit-box; width: auto; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; text-align: left;}
.listDes {/*display:none; */}
.listDes a { margin:10px 0 5px; font-size:14px; color: #999;}
.listDes a span {color: #222; display: block; margin-top: 4px;}
.listDiscount {color:#999;display: inline-block;padding-left: 4px;}
.listPrice {  color: #000; margin-bottom: 8px; font-weight: bold; display: block; letter-spacing:0.5px; font-size: 14px; }
.listPrice del{color:#999;display: inline-block; font-weight:normal; font-size:14px; }
.price02 {margin-left:4px; }
.listSoldout {color: #000;  font-weight: bold;}
.listReplace {color:#1b1b1b; margin-bottom:4px;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d;}
.listPoint {color:#7d7d7d; }
.salePercent {color:#ff6a10; font-size: 14px; display:inline-block; margin-left:5px;}  /**0616 추가**/
.consumer .salePercent {display:none; }


.prd-ico img {display: inline-block; vertical-align: middle; margin-right: 2px;}
.items .list_shoppingInfo {margin-top: 6px;text-align:left;font-size:12px;box-sizing:border-box;}
.items .listInfoTop {position: relative;}
.items .listInfoTop .listWish {position:absolute;bottom: 10px;right: 10px;z-index:10;}
.items .listInfoTop .listWish img{width:26px}
.items .infoTop {position: relative; box-sizing:border-box;margin-bottom:0px }
.items .infoTop .icons {display:block; margin-bottom:2px}
.items .infoTop .optionBtn{position: absolute; right: 0; top: 3px;}
.items .infoTop .optionBtn img{width:16px}
.items .infoTop .colorchips {font-size:0; line-height:1; display: block;/* padding-bottom:4px; */min-height:11px}
.items .infoTop .colorchips span {margin-top: 2px; margin-right: 4px; display: inline-block; width:8px; height:8px; border-radius:100%}
.items .listInfoTop .best {display:none !important}
.cateTopSlide_wrap .items .listInfoTop .best {display:inline-block !important}
.bestproduct .items .listInfoTop .best {display:inline-block !important}

.items .prd-ico {display:none !important; }
.listPrice {display:flex;align-items: flex-start;justify-content: flex-start; line-height: 1; margin-top:4px; }
.listPrice .salePercent {font-weight: 600;color: #ff0000; font-size:13px}
.listPrice del {font-size:13px}
.listPrice .price02 {display:flex;align-items: flex-start;justify-content: flex-start; line-height: 1;}


/* //상품진열 */


/* 타이틀 */
.cateTit { padding-top:60px; position:relative; text-align:center }
.cateTit h3 { font-size:20px; color:#1c1c1c; font-weight:bold; line-height:20px }
.cateTit .line { margin:20px auto; width:10px; height:2px; background:#1c1c1c }

/* 타이틀 - 회원가입 등의 페이지 */
.cateTit_v2 { *zoom:1 }
.cateTit_v2:after{content:"";display:block;clear:both;}
.cateTit_v2 .right{float:right;}
.cateTit_v2 .title{font-size: 20px;line-height:1;font-weight:bold;display:inline-block;*float:left;*line-height:20px;}
.cateTit_v2 .subTxt{font-size:12px;line-height:1.5;}
.cateTit_v2.join{margin:88px 0 20px;padding:14px 0;color:#000;text-align: center;}

/* 스킨 디자인 수정 */
#loginWrap,
#findWrap {width: 1100px; margin: 0 auto;}
#findWrap #find_id { padding-left: 120px  !important; }
#terms .new-btn-area a { font-size:18px !important; background:#111 !important; border:1px solid #111 !important; }
#ftr select {font-size:12px !important; line-height: 1 !important; }