@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:'Roboto Condensed', 
'Pretendard','Malgun Gothic', AppleGothic, sans-serif; font-size:12px; }
html { width:100%; height:100%; }
body,code {color:#535353; 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 'Roboto Condensed', 'Pretendard','Malgun Gothic', AppleGothic, sans-serif; color:#535353; 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:#535353; 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:#535353; }

.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}



.a1{display:none;}





/********************************* 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:#da6025; color:#fff;}
.btn_gray{background:#e9e9e9; color:#535353;}
.btn_gray:hover {opacity:0.8}
.btn_point{background:#da6025; 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: #da6025;}
.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 {/*background:url('/design/yerna/onedesign2/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:75%; margin:0 auto; box-sizing:border-box;/*min-height:930px;*/}
#container > #contents2{position:relative; max-width:1600px; width:85%; margin:0 auto; box-sizing:border-box;min-height:930px;}


.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{display:none; position: absolute;left: -36px;top: calc(50%);z-index:10002; 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;}
#sideBtn i {font-size: 13px;}
#sideBtn:hover {background:#fff;}

/* »çÀ̵念¿ª */
#sideArea { background: rgba(255,255,255,1);position: fixed;z-index: 999999;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: 12.3px;cursor: pointer;border-bottom: 1px solid #d8d8d8;margin-bottom: 2px;}
#sideArea .storeGuide > div {clear: both;line-height: 15px;margin-bottom: 5px;font-size: 12px;}
#sideArea .storeGuide > div.menu1{padding-top:10px;}
#sideArea .storeGuide > div > h2 { font-weight: normal;font-size: 12px;/*font-family:'¸¼Àº °íµñ','Malgun Gothic';*/color: #757575;display: block;margin-bottom: 9px;border-bottom: 1px solid #eee;padding-bottom: 9px;}
#sideArea .storeGuide > div > h2 b {float:left;display:inline-block;color:#da6025;}
#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: 11px;/*font-family:¸¼Àº °íµñ;*/border-bottom:0;}
#sideArea .storeGuide > div li a {color:#7d7d7d;}
#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: 11px;letter-spacing: 0;/*font-family: poppins,¸¼Àº °íµñ;*/}
#sideArea > ul > div span b {display: block;font-size: 12px;/*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 .btn_gray {margin-top: 19px;color: #505050;display: block;text-align: center;;}

/* »çÀÌµå ¹è³Ê */
#sideArea .bnSide {margin:0;margin-top:40px;}

/* ¿­·ÁÀÖÀ»¶§ */
#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: #000; /*background: #1d1d1d;*/ font-weight: 400;}
#footerTop > .inner {position: relative;}
#footerTop > .inner > div {/*float:left;*/ text-align:center;}

/* ¼Ò¼È */
#footerTop > .inner > div.follow {/*width:150px;*/ padding-bottom:10px;}
#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: #000;line-height: 18px;display: block;text-align: center;padding-right: 12px;}
#footerTop > .inner > div.follow li i {font-size:18px;}
#footerTop > .inner > div.follow li:before{     content: "";position: absolute;left: -5px;top: -12px;width: 32px;height: 37px;/*background: url(/design/yerna/onedesign2/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(/design/yerna/onedesign2/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: #000;line-height: 23px;font-weight: 400;}

/* »ç¾÷ÀÚ Á¤º¸ */
#footerTop > .inner .company_info {padding-top: 10px;line-height: 21px; /*color: rgba(255, 255, 255, 0.36);*/ color:#000;}
#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{display:none; position:absolute; bottom:0; right:0;}
#footerTop .escroArea a{display:inline-block; margin-left:8px;}

/* footer-bottom */
#footer #footerBottom{display:none; 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:99991; }
#mask2 {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:991; }
#mask3 {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background: rgba(0,0,0,0.4); z-index:99991; }






/* ¿ìÃø ÇȽº¾ÆÀÌÄÜ */
.icon_footTop {position: fixed;right: 0;bottom: 0px; /*background: rgba(0, 0, 0, 0.39);*/ border-radius: 100%;/*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,0.8);line-height: 45px;font-size: 20px; border-radius:100%;}
.icon_footTop a img {display:inline-block;}
.icon_footTop div {display:block;height:45px;overflow:hidden;}
.icon_footTop div.naver {background:#00c63b}
.icon_footTop div.kakao {background: rgba(183,182,179,0.5); /*background:#fae100*/ line-height:45px; border-radius:100%; margin-bottom:10px;}
.icon_footTop div.kakao img{height:30px; padding-top:9px;}
.icon_footTop div.kakao span{color:#3c1e1e;}
.icon_footTop div.btn_top{margin-bottom:5px;}
.icon_footTop div.btn_top a {display:inline-block;width:45px;text-align:center; margin-bottom:10px; background: rgba(183,182,179,0.5); border-radius:100%;}
.icon_footTop div.btn_bottom a {display:inline-block;width:45px;text-align:center; background: rgba(183,182,179,0.5); border-radius:100%;}


/*.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 {display:none; 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/yerna/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/yerna/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:#da6025; 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:#8d8a88;font-size:11px; }
.ec-base-product .description li {display:block; /*font-family:'nunito','¸¼Àº °íµñ','Malgun Gothic';*/ padding-bottom:2px;}
.ec-base-product .description a {line-height:18px; color:#8d8a88;font-size:11px; /*font-family:'nunito','¸¼Àº °íµñ','Malgun Gothic';*/}
.ec-base-product .dsc { margin-top: 5px;font-size:11px; color:#8d8a88;;}
.ec-base-product .prd-name {    display: block;padding-bottom: 8px;/*border-bottom: 1px solid #ececec;*/margin-bottom: 12px;font-weight: 400;}
.ec-base-product .prd-name a {font-size:12px; padding-bottom:8px;color:#535353 }
.ec-base-product .price {color:#535353 }
.ec-base-product .prd-price {color:#333;font-size:13px;}
.ec-base-product .prd-price.discount {color:#da6025;}
.ec-base-product .prd-consumer {color:#999;}
.ec-base-product .prd-consumer span{display:inline-block;text-decoration:line-through;}
.ec-base-product .prd-consumer b {display:inline-block;text-decoration:none;color:#da6025;font-weight:normal;}
.ec-base-product .prd-subname {color:#555;padding:0 0 12px;display:none; }
.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 {position:absolute;right:0px;bottom:0px;}
.ec-base-product .prd-icon img{display:inline-block; vertical-align:middle; margin-right:2px;padding-top:12px;}





/********** 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.now a {color:#333; font-weight:600; text-decoration:underline;}
.ec-base-paginate a.nolink { cursor:default; }

/* 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: 40px;}
/* °¡·ÎÇü */
/* ¾²±â ŸÀÔ */
.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:#da6025}



/* ¼¼·Î ½ºÅ©·Ñ */
.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:#da6025; }
.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/yerna/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/yerna/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/yerna/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/yerna/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/yerna/onedesign2/images/ico_dash.gif') no-repeat 0 7px; }


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

/* °øÅë */
.ec-base-product {  }
.ec-base-product .title { display:block; margin:30px 0 15px; }
.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:16px; 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:10px;}
.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:23.5%; margin-right:2%; }
.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 {display:none!important; 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:33.3%; 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;}

.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 .spec li.soldout {color:#ff0000; font-family: 'Allura'; font-size:20px;}


/*¾ÆÀÌÄÜ*/
.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;}
ol.paging li.now a {font-weight:bold;color:#111}
.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: #333; 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: #da6025 !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: #da6025;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:991 !important;} 


#blk_scroll_wings {display:none !important;}