@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; font-family:'Hind Madurai', 
'맑은 고딕','Malgun Gothic', AppleGothic, sans-serif; font-size:12px; }
html { width:100%; height:100%; }
body,code {color:#8a8a8a; line-height:18px;}
body {/* min-width:200px;*/ }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; margin:0;padding:0;}
strong, b {font-weight:600;}
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font:12px 'Hind Madurai', '맑은 고딕','Malgun Gothic', AppleGothic, sans-serif; color:#8a8a8a; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #ececec; color:#8a8a8a; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; border:1px solid #ececec; }
textarea { padding:5px 6px; border:1px solid #ececec; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#8a8a8a; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */







/** 원디자인 **/

/*공통기본설정 */
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}
.t_left {text-align:left !important;}
.f_fff,.f_fff a {color:#fff !important}
.f_000,.f_000 a {color:#000 !important;}
.f_555,.f_555 a {color:#555 !important}





/********************************* common *********************************/
#wrap {min-width:1300px;}
input:focus,button:focus { outline: none;} /* 크롬 파란테두리 빼기 */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } /* 크롬 노란테두리 빼기*/
.transition1s{-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition2s{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition3s{-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;}
.transition4s{-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition5s{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition6s{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.transition5s{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.trandelay1s {transition-delay:0.1s;}
.trandelay2s {transition-delay:0.2s;}
.trandelay3s {transition-delay:0.3s;}
.trandelay4s {transition-delay:0.4s;}
.trandelay5s {transition-delay:0.5s;}
.trandelay6s {transition-delay:0.6s;}
.trandelay7s {transition-delay:0.7s;}
.trandelay8s {transition-delay:0.8s;}

/* 
#popup_1,#popup_2,#popup_3,#popup_4,#popup_5,#popup_6,#popup_7,#popup_8,#popup_9,#popup_10 {}

*/

/********************************* 버튼 *********************************/

.btn_dark{background:#9c9a9a; color:#fff;}
.btn_dark:hover {background:#8a8a8a; color:#fff;}
.btn_dark2{background:#555; color:#fff;}
.btn_dark2:hover {background:#222; color:#fff;}
.btn_gray{background:#e9e9e9; color:#535353;}
.btn_gray:hover {opacity:0.8}
.btn_point{background:#8a8a8a; color:#fff;}
.btn_white{background:#fff; color:#959595; border:1px solid #d5d5d5;}
.btn_white:hover {background: #a8a8a8; color: #fff !important; border: 1px solid #a8a8a8;}

.btn_01{display:inline-block; padding:7px 17px 5px; font-weight:300; font-size:12px; box-sizing:border-box;} /* 상세 게시판 버튼 */
.btn_02{display:inline-block; padding:0 7px; height:24px; line-height:25px; font-size:11px; font-weight:normal; vertical-align:top; box-sizing:border-box;} /* 우편번호 등 */
.btn_03{display:inline-block; padding:0 9px; height:20px; line-height:21px; font-size:11px; font-weight:normal; vertical-align:middle; box-sizing:border-box; border-radius:20px;}/* 내역보기 */
.btn_04{display:block; width:100%; padding:11px 0; font-family: '맑은 고딕','Malgun Gothic'; font-size:16px; font-weight:400; letter-spacing: 0.2px; text-align:center; box-sizing:border-box;}/* 결제하기 */
.btn_05 {display:inline-block; font-size:10px; padding:2px 11px; border-radius:3px;}/* 주문내역 선택 */
.btn_06 {display:inline-block;background:#f1f1f1;color:#666;border:1px solid #f1f1f1;padding:10px 20px;border-radius: 23px;}
.btn_06:hover {border:1px solid #f1f1f1;box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
.selected .btn_06 {background:#fff;border:1px solid #ddd;}
.btn_07 {display:inline-block;box-sizing: border-box;padding: 14px 98px;background: #d2d2d2;font-family: 'nunito','맑은 고딕','Malgun Gothic';letter-spacing: 1px;font-weight: 500;font-size: 13px;COLOR: #fff;}
.btn_07.hvr-sweep-to-right:before {background: #8a8a8a;}
.btn_08{display:inline-block; padding:2px 9px; line-height:21px; font-size:11px; font-weight:normal; vertical-align:middle; box-sizing:border-box; border-radius:20px;} /* 게시판 버튼 */
.btn_09{display:inline-block;font-size:10px;padding:5px 11px;border-radius:3px;margin-right:3px;} /* 장바구니, 게시판 왼쪽 */
.btn_10{display:inline-block;font-size:12px; width:80px; height:50px; line-height:50px; text-align:center;}



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

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

/* 멤버 페이지용 (배경) */
#container.bg {min-height:500px;padding-top:100px;}
#container > #contents{position:relative; max-width:1280px; 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_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: #8a8a8a;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:#8a8a8a;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;}




/* 우측 픽스아이콘 */
.icon_footTop {position: fixed;right: -45px;bottom: 0px;background:#ceb49b;border-radius: 0;visibility: hidden;opacity: 0;width: 45px;text-align: center;z-index: 98;}
.icon_footTop.active {visibility:visible;opacity:1;right:0px;}
.icon_footTop a {display:inline-block;}
.icon_footTop a i {display:inline-block;color:rgba(255,255,255,1);line-height: 45px;font-size: 20px;}
.icon_footTop a img {display:inline-block;}
.icon_footTop div {display:block;height:44px;overflow:hidden;}
.icon_footTop div.naver {background:#00c63b}
.icon_footTop div.kakao {background:#fae100}
.icon_footTop div.kakao span{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 {line-height:45px;visibility:hidden;opacity:0;}
.icon_footTop:hover span {visibility:visible;opacity:1;display:inline-block;line-height:45px;color:#fff;}
.icon_footTop:hover div:hover {opacity:0.8;cursor:pointer;}





/********************************* 이외 기본 *********************************/

/* 탐색경로바 */
.path {float:right; overflow:hidden; height:30px; line-height:30px;}
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("/design/leelin/onedesign2/images/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li:first-child i{vertical-align:middle; margin:-1px 5px 0 0;font-size:14px;}
.path li a {display:inline-block; vertical-align:middle; font-size:13px; color:#757575; }
.path li strong,
.path li strong a {font-size: 14px; color: #757575; font-weight:normal;}


/* 타이틀 */
.titleArea { margin: 45px 0 30px;}
.titleArea h2 {font-family: '맑은 고딕','Malgun Gothic';font-weight: 300;font-size: 24px;line-height: 32px; }
.titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("/design/leelin/onedesign2/images/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_square2.gif") no-repeat 4px 7px; }


/* 타이틀2 */
.titleArea_2 { margin: 45px 0}
.titleArea_2 h2 b{font-family:'맑은 고딕','Malgun Gothic'; font-size:18px; font-weight:300; line-height: 32px; position:relative;}
.titleArea_2 h2 span {display:block; font-size:11px; color:#666; padding-top:24px; line-height:13px;}
.titleArea_2 h2 i {color:#8a8a8a; font-size:13px; vertical-align:-1px;}
.titleArea_2 h2 em {font-style:normal;font-size:12px;color:#888;display:inline-block;padding-left:5px;line-height:13px;}

.ec-base-tab.rightTab {position:absolute; width:100%; right:0; top:-13px; text-align:right; z-index:2;}
.ec-base-tab.rightTab .menu{text-align:right;height:39px;border-bottom: 1px solid #ececec;}
.ec-base-tab.rightTab .menu li { border-bottom:1px solid #ececec;}





/* 상품명 가격등 */


.ec-base-product .description {padding:10px 0 40px 5px;line-height:18px; color:#8a8a8a;font-size:11px; }
.ec-base-product .description li {display:block;font-family:'poppins','맑은 고딕','Malgun Gothic';padding-bottom:2px;}
.ec-base-product .description a {line-height:18px; color:#8a8a8a;font-size:11px;font-family:'nunito','맑은 고딕','Malgun Gothic';}
..ec-base-product .dsc { margin-top: 5px;font-size:11px; color:#8a8a8a;}
.ec-base-product .prd-name {    display: block;padding-bottom: 1px;border-bottom: 1px solid #ececec;margin-bottom: 12px;font-weight: 400;}
.ec-base-product .prd-name a {font-size:12px; padding-bottom:8px;color:#8a8a8a }
.ec-base-product .price {color:#8a8a8a }
.ec-base-product .prd-price {color:#8a8a8a;font-size:13px;}
.ec-base-product .prd-price.discount {color:#8a8a8a;}
.ec-base-product .prd-consumer {color:#999;}
.ec-base-product .prd-consumer span{display:inline-block;text-decoration:line-through;color:#999;}
.ec-base-product .prd-consumer b {display:inline-block;text-decoration:none;color:#999;font-weight:normal;padding-left:5px; }
.ec-base-product .prd-subname {color:#999;padding:0 0 12px; }
.ec-base-product .prd-color a {float:left;;width:15px;height:6px;border:0;margin-right:3px;}
.ec-base-product .prd-color a.white {box-sizing:border-box;border:1px solid #aaa;} 
.ec-base-product .prd-icon img{display:inline-block; vertical-align:middle; margin-right:2px;}





/********** PAGINATE ************/
.ec-base-paginate { margin:40px 0; text-align:center ; font-size:0; line-height:0; }
.ec-base-paginate > a{margin:0 1px;}
.ec-base-paginate > a > img { display:inline-block; vertical-align:middle; padding:0 6px;}

.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; vertical-align:middle; *display:inline; *zoom:1; *margin:0; margin:0 6px;}
.ec-base-paginate li { display:inline-block; font-size:15px; color:#666; vertical-align:middle; *display:inline; *zoom:1; }
.ec-base-paginate li a {position:relative; display:block; width:13px; line-height:13px; padding:0 12px; font-size:12px; font-weight:300; color:#999; text-decoration:italic; position:relative; bottom:0; transition:0.15s ease-in-out; text-align:center;font-family:'nunito','맑은 고딕','Malgun Gothic';}
.ec-base-paginate li a.this:before {background:#cac4c4;border:0}
.ec-base-paginate li a.this {color:#333}
.ec-base-paginate a.nolink { cursor:default; }
.ec-base-paginate li.now a {font-weight:bold; color:#1f1f1f; }



/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#353535; background:none; }
.ec-base-paginate.typeSub li a.this { color:#535353; text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }





/********************** ec-base-table ************************/

/* 공통 css */
.ec-base-table table { position:relative; /*border-bottom:1px solid #ececec; */border-top:0; line-height:18px; font-size:12px;}
.ec-base-table td {vertical-align:middle;}
.ec-base-table.gLayoutFixed table { table-layout:fixed; }
.ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#ececec; }
.ec-base-table thead th { padding:8px 0; color:#535353; vertical-align:middle; font-weight:normal; background:#f7f7f7; }
.ec-base-table tbody th { padding: 11px 0 11px 15px;color: #535353;text-align: left;font-weight: normal;background-color: #f7f7f7; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; box-sizing:border-box; font-family:Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif;}
.ec-base-table td {padding: 11px 0 11px 0; color: #535353; font-weight: normal;font-family:Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif; border-bottom:1px solid #ececec;}
.ec-base-table td.clear { padding:0 !important; border:0 !important; } /* 여백, 테두리 상쇄 */
.ec-base-table strong{font-weight:500; font-family:Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif;}
.ec-base-table .thumb img {height: 20px;}
/* 가로형 */
/* 쓰기 타입 */
.ec-base-table.typeWrite td { padding: 11px 0 11px 11px;}
.ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* 세로형 */
/* 목록 타입 */
.ec-base-table.typeList table {border-top:1px solid #ececec;}
.ec-base-table.typeList table:before { display:none; }
.ec-base-table.typeList td { padding:10px 0; vertical-align:middle;}
.ec-base-table.typeList tfoot td { padding:15px 0px 12px; }
/* 내역 없음 */
.ec-base-table .message { padding:25px 0; text-align:center; color:#757575; font-weight:400; border-bottom:1px solid #ececec;}
.ec-base-table table + .message { margin:0 0 0; }
.ec-base-table table td.message { padding:50px 0; }
.ec-base-table .scroll .message { border:0; }

/*장바구니 & 관심상품 내역없음 */
.ec-base-table .message2 {padding: 50px 0;text-align: center;height: 200px;margin-bottom: 20px !important;background: #f8f8f8;}
.ec-base-table .message2 h3 {opacity:0;padding-top:110px;color:#383838;font-weight: 400;font-size: 20px;font-family: 맑은 고딕;}
.ec-base-table .message2 h4 {display:block;padding-top:50px;opacity:0;font-size:12px;font-weight:normal;color:#888;    }
.ec-base-table .message2 h4 i {color:#8a8a8a}



/* 세로 스크롤 */
.ec-base-table.typeList .head td { padding:8px 0; border-left:1px solid #ececec; border-bottom:1px solid #ececec; color:#535353; vertical-align:middle; text-align:center; background:#fafafa; }
.ec-base-table.typeList .head td:first-child { border-left:0; }
.ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #ececec; border-top-width:0; margin-top:-1px; }
.ec-base-table.typeList .scroll table { border:0; margin:0; }
.ec-base-table.typeList .scroll table:before { display:none; }
.ec-base-table.typeList .scroll .message { border: 0; }
/* thead - blind */
.ec-base-table thead.blind,
.ec-base-table thead.blind th { display:none; }
.ec-base-table thead.blind + tbody tr:first-child th,
.ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
/* 라인형 */
.ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }

/* 공통 */
/* 테두리, 배경 없는 타입 */
.ec-base-table.typeClear table:before { display:none; }
.ec-base-table.typeClear table,
.ec-base-table.typeClear th,
.ec-base-table.typeClear td { border:0 none; background:none; }
.ec-base-table.typeClear th { font-weight:600; }
/* 셀 테두리 */
.ec-base-table.gBorder td {  }
.ec-base-table.gBorder td:first-child { border-left:0; }
.ec-base-table.gBorder td.gClearLine { border-left:0; }
.ec-base-table.typeList.gBorder tbody td { border-color:#ececec; }
/* 정렬 */
.ec-base-table .left { text-align:left; padding-left:10px;}
.ec-base-table .center { text-align:center; }
.ec-base-table .right { text-align:right; }
.ec-base-table.typeList .center td,
.ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
.ec-base-table.typeList .center td.left { padding-left:10px; }
.ec-base-table.typeList .center td.right { padding-right:10px; }
.ec-base-table .top th, .ec-base-table th.top,
.ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
.ec-base-table .middle th, .ec-base-table th.middle,
.ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
/* 폼태그 */
.ec-base-table img { vertical-align:middle; }

@media print {
.ec-base-table table:before { display:none; }
}



/*************************** ec-base-button *************************/

/* 공통 */
.ec-base-button { padding:15px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
/* type */
.ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #ececec; }
.ec-base-button.typeBG { padding:10px 20px; border:1px solid #ececec; background:#f8f8f8; }


/*************************** ec-base-ui ******************************/

/* Font */
.txtInfo { color:#757575; }
.txtWarn { color:#8a8a8a; }
.txtEm { color:#535353; }
.txtDel, .strike/*, .discount*/ { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 { font-size:12px; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent5{ display:inline-block; vertical-align:middle; margin-left:5px;}
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace5{margin-right:5px;}
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; text-align:center; }
.ec-base-qty input[type="text"] { display:inline-block; text-align:center; width:18px;padding:2px; border:0; box-sizing:border-box; }
.ec-base-qty a{display:inline-block; vertical-align:middle; width:17px; height:17px; text-align:center; background:#efefef; border-radius:17px;}
.ec-base-qty a i{font-size:11px; line-height:17px; color:#9a9a9a;}
.ec-base-qty .up {}
.ec-base-qty .down {}

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("/design/leelin/onedesign2/images/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-34px 0; }



/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; color:#535353; }
.ec-base-box.gHalf {    position: relative;padding: 28px 25px;background: #f5f5f5;margin-bottom: 41px; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#ececec; }
.ec-base-box.typeBg { background-color:#f7f7f7; }
.ec-base-box.typeThin { border-width:1px; border-color:#ececec; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#ececec; background-color:#f7f7f7; }
.ec-base-box.center { text-align:center; }
/* 약관 */
.ec-base-box.typeThinBg > .agree { padding:20px; border:1px solid #ececec; background:#fff; }
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }

/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display: table;table-layout: fixed;padding: 10px 0;width: 100%;box-sizing: border-box;background: #f5f5f5;padding: 36px 36px;}
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description {    display: table-cell;padding: 0 30px;width: auto;line-height: 1.5em;border-left: 1px solid #ececec;vertical-align: middle;}
.ec-base-box.typeMember.gMessage { border-width:1px; border-color:#ececec; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #ececec; background:#fbfbfb url("/design/leelin/onedesign2/images/ico_info.gif") no-repeat 10px center; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding-right:20px; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:110px; }
.ec-base-box.typeProduct .thumbnail img { max-width:110px; }
.ec-base-box.typeProduct .information { padding-left:0; }


/* 빨간느낌표 */
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:10px 1px; padding:1px 0 0 18px; line-height:1.3; background:url('/design/leelin/onedesign2/images/ico_info.gif') no-repeat 0 0px; }

/* 블록 공통 */
div.ec-base-help { margin:50px 0; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { display:none; font-family: '맑은 고딕','Malgun Gothic'; font-weight:400; font-size: 14px; line-height: 32px; margin-bottom:10px; padding-left:6px;}
div.ec-base-help .inner {    padding: 40px 52px;width: 100%;font-size: 12px;box-sizing: border-box;background: #f5f5f5;}
div.ec-base-help h4 {    margin: 30px 0 10px;color: #535353;font-size: 15px;font-weight: 400; }
div.ec-base-help h4:first-child { margin-top:5px; }
div.ec-base-help p { margin:15px 0 0 0px; color:#757575; }
div.ec-base-help ul,
div.ec-base-help ol { margin:5px 0 0 0px; }
div.ec-base-help li { color:#757575; }
div.ec-base-help li a{background:#dfdfdf;}

/* 숫자형 */
div.ec-base-help ol li {padding: 0px 0 0px 26px;background: url(/design/leelin/onedesign2/images/ico_number.png) no-repeat;margin-bottom: 3px;}
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }

/* 대쉬형 */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('/design/leelin/onedesign2/images/ico_dash.gif') no-repeat 0 7px; }


/*************************** ec-base-product ******************************/

/* 공통 */
.ec-base-product { max-width:1280px; width:100%; margin:0 auto;}
.ec-base-product .title { display:block; margin:30px 0; }
.ec-base-product .title h2 { font-family:"맑은 고딕","Malgun Gothic"; font-weight:100; font-size:26px; color:#535353; text-align:left; }
.ec-base-product .title h3 { font-family:"맑은 고딕","Malgun Gothic"; font-weight:100; font-size:20px; color:#535353; text-align:left; }
.ec-base-product .prdList .title { display:none;}


.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }
.ec-base-product .prdList { display:table; width:100%; font-size:0; line-height:0; letter-spacing:0; margin-top:30px;}
.ec-base-product .prdList > li { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-bottom:60px;cursor:pointer;}


/* 진열방식 */
.ec-base-product ul.grid2 > li { width:49%; margin-right:2%; }
.ec-base-product ul.grid3 > li { width:32%; margin-right:2%; }
.ec-base-product ul.grid4 > li { width:calc(25% - 18.75px); max-width: 356px; margin-right: 25px; }
.ec-base-product ul.grid5 > li { width:18.8%; margin-right:1.5%; }
.ec-base-product ul.grid6 > li { width:15%; margin-right:2%;}

.ec-base-product ul.grid2 > li:nth-child(2n){margin-right:0;}
.ec-base-product ul.grid3 > li:nth-child(3n){margin-right:0;}
.ec-base-product ul.grid4 > li:nth-child(4n){margin-right:0;}
.ec-base-product ul.grid5 > li:nth-child(5n){margin-right:0;}
.ec-base-product ul.grid6 > li:nth-child(6n){margin-right:0;}



/* 썸네일 */
.ec-base-product .prdList .thumbnail { position:relative; margin:0 auto 15px; text-align:center;}
.ec-base-product .prdList .thumbnail .prdImg{overflow:hidden;}
.ec-base-product .prdList .thumbnail .prdImg > a > img { width:100%; margin:0 auto; }
.ec-base-product .prdList .thumbnail .chk { display:inline-block; position:absolute; left:6%; top:9%;}
.ec-base-product .prdList .thumbnail .chk input{width:16px; height:16px;}
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }

/* 썸네일 내 아이콘 */
.ec-base-product .prdList .thumbnail .button {position:absolute; bottom:5%; left:6%; width:88%; height:60px; border-radius:4px; line-height:0; font-size:0; background:rgba(20,20,20,0.4); opacity:0; transition: 0.2s ease-in-out;}
.ec-base-product .prdList .thumbnail .btn_thumb{position:relative; display:inline-block; vertical-align:top; width:50%; height:100%; text-align:center; box-sizing:border-box; z-index:1; cursor:pointer; opacity:0.7; transition: 0.2s ease-in-out; border-right:1px solid rgba(255,255,255,0.15);}
.ec-base-product .prdList .thumbnail .btn_thumb.wid3{width:33.33%;}
.ec-base-product .prdList .thumbnail .btn_thumb.wid2{width:50%;}
.ec-base-product .prdList .thumbnail .btn_thumb img{padding:15px 30px 31px;}
.ec-base-product .prdList .thumbnail .btn_thumb span{position:absolute; top:28px; left:0; width:100%; display:block; font-size:12px; color:#efefef; line-height:28px; font-weight:300; letter-spacing:0.6px; z-index:-1;}
.ec-base-product .prdList .thumbnail .btn_thumb:last-child{border-right:none;}

.ec-base-product .prdList .thumbnail .button .basket{}
.ec-base-product .prdList .thumbnail .button .wish{}
.ec-base-product .prdList .thumbnail .button .zoom{}
.ec-base-product .prdList .thumbnail .button .option{position:relative;}


/* 그리드갯수, 브라우저크기에따른 아이콘영역변경 */
.ec-base-product .prdList.grid5 .thumbnail .btn_thumb img{padding:13px 18px;}

.ec-base-product .prdList.grid6 .thumbnail .button{height:40px;}
.ec-base-product .prdList.grid6 .thumbnail .btn_thumb img{padding:13px 18px;}
.ec-base-product .prdList.grid6 .thumbnail .btn_thumb span{display:none;}	

@media screen and (max-width:1650px){
	.ec-base-product .prdList.grid4 .thumbnail .btn_thumb img{padding:13px 18px;}
	.ec-base-product .prdList.grid6 .thumbnail .btn_thumb img{padding:13px 7px;}

	.ec-base-product .prdList.grid5 .thumbnail .button{height:40px;}
	.ec-base-product .prdList.grid5 .thumbnail .btn_thumb img{padding:13px;}
	.ec-base-product .prdList.grid5 .thumbnail .btn_thumb span{display:none;}	
}
@media screen and (max-width:1300px){
	.ec-base-product .prdList .thumbnail .button{height:40px;}
	.ec-base-product .prdList .thumbnail .btn_thumb img{padding:13px 18px;}
	.ec-base-product .prdList .thumbnail .btn_thumb span{display:none;}	
}


/* 좋아요버튼 */
.ec-base-product .prdList .thumbnail .likeButton{position:absolute; top:5%; right:6%; opacity:0; transition: 0.2s ease-in-out; background: rgba(20,20,20,0.4); border-radius:4px; padding:6px 10px 9px 10px;}
.ec-base-product .prdList .thumbnail .likeButton button{display:block; background:transparent; opacity:0.7; transition: 0.2s ease-in-out;}
.ec-base-product .prdList .thumbnail .likeButton button img{display:inline-block; vertical-align:text-bottom;}
.ec-base-product .prdList .thumbnail .likeButton strong{display:inline-block; vertical-align:text-bottom; font-size:12px; line-height:12px; font-weight:400; color:#efefef; margin:0 0 0 2px; font-family:AppleGothic;}

/* 호버 */
.ec-base-product .prdList > li:hover .button,
.ec-base-product .prdList > li:hover .likeButton{opacity:1;}

.ec-base-product .prdList > li:hover .button{bottom:6%;}
.ec-base-product .prdList > li:hover .likeButton{top:7%}

.ec-base-product .prdList .thumbnail .btn_thumb:hover{opacity:1;}
.ec-base-product .prdList .thumbnail .likeButton:hover button{opacity:1;}



/*상품정보*/
.ec-base-product .prdList .description {text-align:left; padding:0; line-height:20px; position:relative;}
.ec-base-product .prdList .description .name{display:block; padding-bottom:8px; border-bottom:1px solid #ececec; margin-bottom:12px; font-weight:400;}
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { display:block !important; text-align:left; font-weight:400;color:#8a8a8a;}
.ec-base-product .spec li.prd-subname { padding-bottom: 1px;color:#999;}
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }

.ec-base-product .spec li.colorchip{position:absolute; top:-4px; right:0;}
.ec-base-product .spec li .color { overflow:hidden; display:inline-block;}
.ec-base-product .spec li .chips { float: left;width: 7px;height: 7px;border-radius: 100%;margin: 0 0 0 5px;border: 0px solid #ccc;box-sizing: border-box;}
.ec-base-product .spec li .chips.white{border-width:1px;}

/*아이콘*/
.ec-base-product .prdList .description .icon { vertical-align:middle; margin:8px 0 0; }
.ec-base-product .prdList .description .icon img{ margin-right:1px; display:inline-block;}
.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .description .promotion { text-align:left; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

/* 할인기간 레이어 */
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:600; color:#535353; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#535353; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

/* 배송비레이어 */
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

/* 배송비 차등부과 레이어 */
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#535353; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* 썸네일 아이콘 위치 */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }





/*************************** ec-base-tab ******************************/
/* 공통 css */
.ec-base-tab { position:relative; }
.ec-base-tab .menu { margin:15px 0; font-size:0; line-height:0; letter-spacing:0; text-align:left; border-bottom:1px solid #ececec;}
.ec-base-tab .menu li { display:inline-block; vertical-align:middle; position:relative;}
.ec-base-tab .menu li:first-child { margin-left:0; }
.ec-base-tab .menu li a {cursor:pointer;display:block; padding:10px 15px 9px; background:#f7f7f7; color:#c2c2c2; text-align:center; font-size:13px; line-height:20px; font-weight:300; letter-spacing:0.4px;color:#999;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.ec-base-tab .menu li.selected a{background:#fff; color:#7a7a7a; border-bottom:0; font-weight:500;border:1px solid #ececec; border-bottom:0;}
.ec-base-tab .menu li.selected a:after{content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px;}
.ec-base-tab .menu li a:hover{background:#f9f9f9; color:#8c8c8c;}
.ec-base-tab .menu li.selected a:hover{background:#fff;}
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
.ec-base-tab .menu li:hover{}

/* 밝은형 타입 */
.ec-base-tab.typeLight .menu li.selected a { color:#535353; background:#fff; }


/* 넓이 가변형 grid(2~7) : 메뉴갯수만큼 grid 뒤의 숫자를 바꿔주세요
.ec-base-tab[class*="grid"] .menu { }
.ec-base-tab[class*="grid"] .menu li { }
.ec-base-tab[class*="grid"] .menu li a { }
.ec-base-tab[class*="grid"] .menu li.selected {  }
.ec-base-tab[class*="grid"] .menu li.selected a {  }

.ec-base-tab.grid2 .menu li { width:50%; }
.ec-base-tab.grid3 .menu li { width:33.33%; }
.ec-base-tab.grid4 .menu li { width:25%; }
.ec-base-tab.grid5 .menu li { width:20%; }
.ec-base-tab.grid6 .menu li { width:16.66%; }
.ec-base-tab.grid7 .menu li { width:14.28%; width:15% \0/; }
.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
*/

.ec-base-tab2 { position:relative; margin-bottom:20px;}
.ec-base-tab2 li {display:inline-block;margin-right:5px;}



/*************************** ec-base-tab ******************************/


/* 마이페이지 작업시 추가된 내용 */
.tb-center {text-align:Center;}
.tb-left {text-align:left;}
.tb-right {text-align:right;}
ol.paging {padding:30px 0 ;text-align:center;clear:both;}
ol.paging li {display:inline-block;padding:0 3px;}
.btn-foot {clear:Both;padding:15px 0 ;}
div.ec-base-help .inner {padding: 40px 52px;width: 100%;font-size: 12px;box-sizing: border-box;background: #f5f5f5;}


/* 게시판 작업시 추가된 내용 */
.bbs-sch{clear:Both;float:left;padding: 20px 0;color: #535353;font-size: 12px;}
.bbs-sch label {padding-right:5px;}
.ec-base-button.typeBG {float: right;padding: 15px 0;border: 0;background: transparent;}
.ec-base-table.boardRead td{    padding: 11px 0 11px 15px;color: #535353;font-weight: normal;font-family: Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif;border-bottom: 1px solid #ececec;}
.ec-base-table.boardRead table::before {display:none;} 
.ec-base-table tbody th {padding: 11px 0 11px 15px;color: #535353;text-align: left;font-weight: normal;background-color: #f7f7f7;border-bottom: 1px solid #ececec;}





/******************** 상품 미리보기 레이어 ************************/


/* 상품 미리보기 레이어 */
#detailpage { position: absolute; top: 100px;width: 700px;height: 700px;background: #fff;border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.06);z-index:99999 !important; padding: 13px 13px 0 31px !important;}
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/
#detailpage .hd {
margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; display:block; }
#detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px;display:none; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 100%; 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:100%; }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #8a8a8a; border-bottom:2px solid #ccc; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #a00000; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }
/* 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; }


/* 옵션 레이어 */
.mk_option_preview {   background-color: rgba(255, 255, 255, 0.94) !important;border-radius: 0;border: 1px solid rgba(101, 101, 101, 0.39)}
.mk_option_preview .mk_prd_option_list {     padding: 15px 21px !important;border: 0 !important;width: 191px !important;background: transparent !important;}
.mk_option_preview .mk_prd_option_list LI:first-child {display: none;}
.mk_option_preview .mk_prd_option_list LI {line-height: 1.4;margin: 6px 0;display: block;padding-left: 10px;font-size: 11px;}
.mk_option_preview .mk_prd_option_list .option-name {padding: 5px 11px 5px 0 !important;background-color: transparent !important;color: #8a8a8a !important;border-left: 0 !important;font-weight: normal !important;border-bottom: 1px solid #cecece !important;margin: 0 0 11px !important;font-size: 11px !important;}
.mk_option_preview .mk_prd_option_list LI {line-height: 1.4;margin: 6px 0;display: block;padding-left:0;font-size: 11px;}
.mk_option_preview .mk_prd_option_list .option-required {color: #8a8a8a;display: inline-block;padding-left: 5px;font-size: 15px;vertical-align: middle;line-height: 9px;}


#preview_wrap,.dgg-w { display:none !important;} // 미리보기 화면에서 팝업,기타 안보이게


/* 팝업 zindex 수정 */

#MAKESHOPLY0,
#MAKESHOPLY1,
#MAKESHOPLY2,
#MAKESHOPLY3,
#MAKESHOPLY4,
#MAKESHOPLY5,
#MAKESHOPLY6,
#MAKESHOPLY7,
#MAKESHOPLY8,
#MAKESHOPLY9 {z-index:999 !important;} 










/**************** 로그인페이지 ******************/

#loginWrap {font-size: 0;line-height: 0;letter-spacing: 0;text-align: center;font-family:NanumBarunGothic;letter-spacing:-1px;}

/* 혜택 */
#loginWrap .left { margin-right:0px;opacity:0; display: inline-block;width: 605px;padding: 43px 35px 49px 40px;background: #f5f5f5;box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.17);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;line-height: 1;border-radius: 5px;vertical-align: top;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; }
#loginWrap .left > ul {}
#loginWrap .left > ul > h2 {display: block;border-bottom: 1px solid #cbcbcb;}
#loginWrap .left > ul > div {}

/* 로그인폼 */
#loginWrap .right {opacity: 0;margin-left: 0;display: inline-block;width:460px;height:390px;font-size: 12px;line-height: 1;	border-radius:5px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;vertical-align: top;box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.17);letter-spacing: -1px;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#loginWrap .right > h2 {position: relative;padding:0 33px;display: block;text-align: center;border-radius:5px 5px 0 0 ;background:#dab799;line-height: 82px;color:#fff;font-size: 13px;letter-spacing: 2px;font-family:NanumBarunGothic;font-weight:600;}
#loginWrap .right > h2 i {position: absolute;left:33px;top:0px;font-size: 14px;color:#fff;}

#loginWrap .right .loginBox {padding:32px 18px 23px;text-align:left;}
#loginWrap .right .loginBox > p:nth-child(1) {padding-bottom: 10px;}
#loginWrap .right .loginBox > p:nth-child(2) {padding-bottom: 28px;}
#loginWrap .right .loginBox > p:nth-child(2) span {display: inline-block;padding-right: 6px;color:#111;}
#loginWrap .right .loginBox > p:nth-child(2) span input {display:inline-block;vertical-algin:middle;}
#loginWrap .right .loginBox > p:nth-child(2) .searchidpw {position:relative;padding-left:15px;}
#loginWrap .right .loginBox > p:nth-child(2) .searchidpw a {color:#111;}
#loginWrap .right .loginBox > p:nth-child(2) .searchidpw:before {    position: absolute;left: 8px;top: -6px;content: ".";font-size: 14px;}
#loginWrap .right .loginBox .input {position: relative;padding-bottom: 10px;}
#loginWrap .right .loginBox .input label {width:280px;display: block;}
#loginWrap .right .loginBox .input label:first-child {;padding-bottom: 6px}
#loginWrap .right .loginBox .input label input {width:100%;border:1px solid #dadada;height:40px;line-height: 37px;padding-left: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#333;}
#loginWrap .right .loginBox .input input::-webkit-input-placeholder {color: #333;font-size:12px;letter-spacing:-1px;line-height:37px;}

#loginWrap .right .loginBox > .join {position: relative;display:table;width:100%;}
#loginWrap .right .loginBox > .join > * {display: table-cell;vertical-align: middle;color: #333;line-height: 1.5;letter-spacing: -1.5px;}
#loginWrap .btnLogin {position: absolute;right: 0;top: 0;display: block;width:138px;height:86px;background:#dab799;color:#fff;font-weight: bold;line-height:86px;font-size: 15px;text-align: center;font-family: NanumBarunGothic;}
#loginWrap .btnJoin {display: block;width:138px;height:44px;background:#e8e8e8;color:#000;font-weight: normal;line-height: 44px;font-size: 13px;text-align: center;vertical-align: top;font-family: NanumBarunGothic;font-weight:600;letter-spacing:0;}

#loginWrap #snsArea {font-size: 0;line-height: 0;letter-spacing: 0;padding-top:33px;}
#loginWrap #snsArea > a {display: inline-block;margin-right:8px;font-size: 12px;line-height: 1;width:135px;height:40px;box-sizing:border-box;padding-left:46px;line-height:40px;font-size:12px;font-weight:600;font-family: NanumBarunGothic;font-weight:400;color:#111;letter-spacing:-1px;}
#loginWrap #snsArea > a:last-child {margin-right: 0;}

#loginWrap #snsArea > a.naver {background:url('/design/leelin/onedesign2/images/btnSns_01.png') 0 0 no-repeat;}
#loginWrap #snsArea > a.kakao  {background:url('/design/leelin/onedesign2/images/btnSns_02.png') 0 0 no-repeat;}
#loginWrap #snsArea > a.facebook {background:url('/design/leelin/onedesign2/images/btnSns_03.png') 0 0 no-repeat;}

/* 애니메이션 */
#loginWrap.active .left {margin-right: 23px;opacity:1; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#loginWrap.active .right {margin-left: 23px;opacity:1; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}


/* 폰트 */

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}