/* 2015.8.8/gue : arrange main style.css */
/* 
- z-index : //img.styleonme.com/resources_mobile/js/jquery.cycle
    100 ~ 
- z-index : //img.styleonme.com/resources_mobile/ko/css/style.css
    #quick-menu             : 201
    #header                 : 150
- z-index : //img.styleonme.com/resources_mobile/js/lnb/onme_mobile_lnb.css
    #lnb-dimmed-layer               : 1000
    html.expand #lnb                : 1001
    #container                      : 0
    #lnb                            : -1 
*/
@CHARSET "UTF-8";

@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* MOBILE reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] { border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff;width:100%;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Dotum', sans-serif;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#onmeIndex{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
.ir_wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1}
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.screen_hide {font-size:0;line-height:0;visibility:hidden}
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.p_r {position:relative}
.p_a {position:absolute}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0}
.f_b {font-weight:bold}
.f_n {font-weight:normal}
.img_g {display:inline-block;overflow:hidden;background:url(/design/styleonme0/mimg/btnlist_s.png) no-repeat 0 0}
.tit_service {display:block;overflow:hidden;background:url(/design/styleonme0/mimg/50AF81880170B10001) no-repeat 0 0}/* 

.dark_orange {color:#e29132}
.pink_big {color:#ee746f;font-size:20px;font-weight:bold}
.gold {color: #ff99a4;}
.light_gray {color:#b3b3b3}
.green {color: #ff99a4;}
.violet {color:#8791c3}
.price_num_color {color:#111111; font-weight:bold}
.price_won_color {color:#676767}
.blue {color:#5f6774}
.pink {color:#f7a1a1}
.lightgray{color:#a5a5a5}
.c444 {color:#444}
.c888 {color:#888}
.c89 {color:#898989}
.red {color:#ff0000}
.darkred {color:#d41010}
.left {text-align:left}
.center {text-align:center}
.em8 {font-size:0.8em}
.em2 {font-size:0.2em}
.size10 {font-size:10px}
.size11 {font-size:11px}
.size14 {font-size:14px}
.size18 {font-size:21px}
.size21 {font-size:21px}
.mt7 {margin-top:7px}
.mt10px {margin-top:10px}
.mb10 {margin-bottom:10px}
.pl2_p {padding-left:2%}
.pt15 {padding-top:15px}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .img_g {background-image:url(../images/common/btnlist_s.png);-webkit-background-size:250px 250px;background-size:250px 250px}
    .tit_service {background-image:url(http://m1.daumcdn.net/svc/image/U03/common_icon/50AF81560164040001);-webkit-background-size:250px 250px;background-size:250px 250px}
}
button, input, select, textarea { border-radius: 0; }
button, input { line-height: normal; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align:middle }
user agent stylesheetinput:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] { padding: 1px 0px; }
user agent stylesheetinput, input[type="password"], input[type="search"], isindex { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; }
user agent stylesheetinput, textarea, keygen, select, button, isindex { margin: 0em; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; }
user agent stylesheetinput, textarea, keygen, select, button, isindex, meter, progress { -webkit-writing-mode: horizontal-tb; }

.top_banner {overflow:hidden;background:url(../images/common/top_ban.png) no-repeat 50% 0;background-size:320px 35px}
#onmeWrap {width:100%;height:100%;margin:0;padding:0}
#tb_wrap { width: 100%; }
#tb_contents { width: 100%; margin: 0 auto; }


/* Header */
.o_head {position:relative;width:100%;}
.o_head .tit_onme {margin:0 auto;}
.o_head .wrap_search {margin:0 auto;width:80%; text-align:center;padding-bottom:20px;}
.o_head .link_util {display:inline-block;padding-top:0px}
.o_head .input_box {border:1px solid #ddd;border-top:none;border-right:none;border-left:none;height:14px; text-align:center;padding:3px;/*line-height:100px;*/}
.o_head .ico_search {display:inline-block;background-position:0 0;width:22px;height:22px;vertical-align:middle;text-indent:-9999px;}

/* GNB */
.gnb_comm {overflow:hidden;width:100%;border-top:2px solid #000}
.gnb_comm li {float:left;width:25%;}
.gnb_comm li p{border-right:1px solid #ddd}
.gnb_comm .fst {width:24.8%}
.gnb_comm .lst {overflow:hidden;float:none;width:auto;border-right:0px}
.gnb_comm .link_menu {display:block;height:30px;font-weight:bold;font-size:11px;line-height:30px;background-color:#f2f2f2;text-align:center;color:#000;letter-spacing:-1px}
.gnb_comm .on .link_menu {}
.lnb_comm {overflow:hidden;width:100%;/*border-bottom:2px solid #000;*/border-top:1px solid #ddd}
.lnb_comm li {float:left;width:25%;border-bottom:1px solid #ddd}
.lnb_comm li p{border-right:1px solid #ddd;}
.lnb_comm .lst {overflow:hidden;float:none;width:auto;border-right:0px}
.lnb_comm .v_lst {border-bottom:0px}
.lnb_comm .link_menu {display:block;height:30px;font-size:11px;line-height:30px;background-color:#fff;text-align:center;color:#444;/*letter-spacing:-1px*/}
.iphone .lnb_comm .link_menu {line-height:40px}
.lnb_comm .link_menu:after {float:right;height:12px;margin-top:13px;content:''}
.lnb_comm .lst .link_menu:after {display:none}
.snb_comm {overflow:hidden;width:100%;border:1px solid #ddd;border-right:0px;border-left:0px;background-color:#f2f2f2}
.snb_comm .btn_left,
.snb_comm .btn_right {width:12%;line-height:0;position:relative;left:0;float:left;top:3px;}
.snb_comm .btn_left span,
.snb_comm .btn_right span {position:absolute;display:block;margin-top:6px;width:11px;height:20px;overflow:hidden;text-indent:-9999px}
.snb_comm .btn_left .ico_back {right:0;background-position:0px -20px}
.snb_comm .btn_right .ico_next {left:0;background-position:-12px -20px}
.snb_comm span {display:inline-block;overflow:hidden;margin-right:5px;vertical-align:middle}
.snb_comm .ico_notice {background-position:-20px 0;width:9px;height:11px}
.snb_comm .ico_customer {background-position:-30px 0;width:10px;height:10px}
.snb_comm .ico_review {background-position:-41px 0;width:12px;height:10px}
.snb_comm .ico_webtoon {background-position:-53px 0;width:11px;height:11px}
.snb_comm li {float:left;width:18.99%}
.snb_comm .lst {overflow:hidden;float:none;width:auto}
.snb_comm .link_menu {display:block;height:32px;font-weight:bold;font-size:11px;line-height:32px;text-align:center;color:#4a4a4a;letter-spacing:0px}

#slideshow_j_m{width:76% !important;height:37px;overflow:hidden;margin:0 auto;float:left;}
#slideshow_j_m div{width:100% !important;display:inline-block;}
#slideshow_j_m div strong{width:25% !important;float:left;}

/* MAIN */
.slide_visual img {width:100%}
.banner:before {
    clear:both;
}
.banner {width: 100%;margin:0 auto;margin-top:15px;}
.left_ban img {float:left;width:100%;display:block}
.right_ban img {float:right;width:100%;display:block}
.banner1tier {
    margin-top:15px;
    overflow: hidden;visibility: hidden;width: 100%;float:left;box-sizing: border-box;
}
.banner1tier img {
    display:block;
}
.banner3tier {
    margin-top:15px;
    overflow: hidden;visibility: hidden;width: 33.3%;float:left;box-sizing: border-box;
}
.banner3tier img {
    display:block;
}

.product_list {clear:both;width:100%;display:inline-block}
.product_list h2 {text-align:center;font-size:15px;color:#010101;font-weight:bold;margin-bottom:20px}
.product_list .title_eg {font-family:serif}
.product_list .title_ko {font-family:'占쎈뿭占�',sans-serif}
.product_list .title {position:relative;top:13px;z-index:1;background:#fff;padding:0 5px}
.product_wrap {display: table; table-layout: fixed; width: 100%; box-sizing: border-box; padding: 0}
.product_wrap .item_box img {width:100%}
.product_wrap .item_box_three img {width:100%}
.product_wrap .item_box_new img {width:100%}
.product_wrap .item_box_three_new img {width:100%}
.product_wrap .item_box_best img {width:100%}
.product_wrap .item_box p {line-height:9px;}
.product_wrap .item_box_three p {line-height:9px;}
.product_wrap .item_box p.view_icon img {width:initial;height:11px}
.product_wrap .item_box_three p.view_icon img {width:initial;height:11px}
.product_wrap .item_box_new p.view_icon img {width:initial;height:11px}
.product_wrap .item_box_three_new p.view_icon img {width:initial;height:11px}
.product_wrap .item_box_best p.view_icon img {width:initial;height:11px}
.item_box {width: 49.6%;text-align:center;font-size:11px;margin: 0 0 32px 0;position: relative;display: inline-block;vertical-align: top;}
.item_box_three {width: 30%;text-align:center;font-size:11px;margin: 0 0 7px 0;position: relative;display: inline-block;vertical-align: top;}
.item_box_new {width: 49.6%;text-align:center;font-size:11px;margin: 0 0 7px 0;position: relative;display: inline-block;vertical-align: top;}
.item_box_three_new {width: 30%;text-align:center;font-size:11px;margin: 0 0 7px 0;position: relative;display: inline-block;vertical-align: top;}
.item_box_best {float:left;width:33.3%;text-align:center;font-size:11px;padding-right:1px;box-sizing: border-box}
.product_list_cont_li{position:relative;}
.product_list_cont_li .pro_num{position:absolute;top:10px;left:2%;}
.product_wrap .lst {float:right;margin-right:0}
.item_tit {color:#616161;font-weight:bold;letter-spacing:-1px;overflow:hidden; word-break:break-all;}
.item_price {color:#000000;font-weight:bold}
.item_price_saled {}
.item_smemo {color:#ff4b4b;font-weight:bold}
.item_icon {width:100%}
.item_icon img {width:50% !important}
.item_title {color:#000000}
.item_box_textarea {padding:8px 3px 0 3px}
.item_bestofbest {
    background: #fe5f68;
    color: #FFFFFF;
    width: 30px;
    height: 35px;
    text-align: center;
    padding-top:5px;
    line-height: 10px;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.left_align_info .item_box {width: 50%;text-align:left;font-size:11px;position: relative;display: inline-block;vertical-align: top;box-sizing:border-box}
.left_align_info .item_box.four {width:25%}
.left_align_info .item_box:nth-child(odd) {padding-right:1px}
.left_align_info .item_box:nth-child(even) {padding-right:1px}
.left_align_info .item_box_three {width: 33.3% !important ;text-align:left;font-size:11px;position: relative;display: inline-block;vertical-align: top;box-sizing:border-box}
.left_align_info .item_box_three:nth-child(3n+1) {padding:0 1px 0 0}
.left_align_info .item_box_three:nth-child(3n+2) {padding:0 1px 0 0}
.left_align_info .item_box_three:nth-child(3n) {padding:0 1px 0 0}
.left_align_info .item_box_new {width: 50%;text-align:left;font-size:11px;position: relative;display: inline-block;vertical-align: top;box-sizing:border-box}
.left_align_info .item_box_new:nth-child(odd) {padding-right:1px}
.left_align_info .item_box_new:nth-child(even) {padding-left:1px}
.left_align_info .item_box_three_new {width: 33.3% !important ;text-align:left;font-size:11px;position: relative;display: inline-block;vertical-align: top;box-sizing:border-box}
.left_align_info .item_box_three_new:nth-child(3n+1) {padding:0 1px 0 0}
.left_align_info .item_box_three_new:nth-child(3n+2) {padding:0 1px 0 0}
.left_align_info .item_box_three_new:nth-child(3n) {padding:0 1px 0 0}
.left_align_info .item_box_best {float:left;width:30%;margin:0 1% 0 2%;text-align:center;font-size:11px;}
.left_align_info .product_list_cont_li{position:relative;}
.left_align_info .product_list_cont_li .pro_num{position:absolute;top:10px;left:2%;}
.left_align_info .product_wrap .lst {float:right;margin-right:0}
.left_align_info .item_tit {color:#616161;font-weight:bold;letter-spacing:-1px;overflow:hidden; word-break:break-all;}
.left_align_info .item_price {color:#000000;font-weight:bold}
.left_align_info .item_price_saled {}
.left_align_info .item_smemo {color:#ff4b4b;font-weight:bold;font-size:10px;}
.left_align_info .item_prem {color:#b1b1b1;font-size:10px;}
.left_align_info .item_icon {width:100%}
.left_align_info .item_icon img {width:50% !important}
.left_align_info .item_title {color:#000000}

.product_wrap .item-image {
    position: relative;
    font-size: 0;
}

.product_wrap .item-image .wish-btn {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 14px;
    width: 14px;
}

.product_wrap .item-image .wish-btn img {
    width: 100%;
    opacity: 0.8;
}

.product_wrap .item-image .pre-order {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.product_wrap .item-image .pre-order > p {
    font-family: "Arial Black";
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    letter-spacing: 2px;
    padding-top: 80px;
}
.product_wrap .item_box_three .item-image .pre-order > p {
    font-size: 11px;
    line-height: 15px;
    padding-top: 48px;
}
.product_wrap .item-image .pre-order > span {
    font-family: "Arial";
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    font-style: italic;
    letter-spacing: -1px;
}
.product_wrap .item_box_three .item-image .pre-order > span {
    font-size: 20px;
    line-height: 30px;
}
.product_wrap .item-image .coming-soon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.product_wrap .item-image .coming-soon > p {
    font-family: "Arial";
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    font-style: italic;
    padding-top: 40px;
}
.product_wrap .item_box_three .item-image .coming-soon > p {
    font-size: 13px;
    padding-top: 20px;
}


.item_box_textarea li {
    margin-top:6px;
}
.item_box_textarea li:first-child {
    margin-top:0;
}
.item_box_textarea .item-title {
    margin-top: 8px;
    padding-bottom:5px;
    letter-spacing:-0.5px;
    border-bottom: 1px solid #e8e8e8;
}
.item_box_textarea .item-title > a {
    font-size: 13px;
    font-weight: bold;
    color: #222222;
    font-family: 'Dotum', sans-serif;
}
.item_box_textarea .item-option-colors {
    margin-top: 5px;
    display:block;
    height:9px;
}
.item_box_textarea .item-option-colors .op-colors {
    float:left;
}
.item_box_textarea .item-option-colors .op-colors li {
    float: left;
    width:7px;
    height:7px;
    margin:0 0 0 4px;
}
.item_box_textarea .item-option-colors .op-colors li:first-child {
    margin-left:0;
}
.item_box_textarea .item-smemo {
    color:#737373;font-size:11px !important;
    font-family: 'Dotum', sans-serif;
}
.item_box_textarea .item-smemo2 {
    color:#737373;font-size:9px;
    font-family: 'Dotum', sans-serif;
}
.item_box_textarea .item-prem {
    color:#9c9c9e;font-size:9px;
    font-family: 'Dotum', sans-serif;
}
.item_box_textarea .item-price {
    font-weight:bold;
    color: #222222;
    font-family: 'Dotum', sans-serif;
}
.item_box_textarea .item-price > del {
    color: #737373;
    font-weight:normal;
}
.item_box_textarea .item-icon {
    min-height: 10px;
    font-size: 0;
}
.item_box_textarea .item-icon span {
    font-size: 0;
}
.item_box_textarea .item-icon img {
    width:initial;
    height:16px !important;
    margin-right:1px;
}
/********** Footer **********/
.footer_comm {display:inline-block;width:100%;margin:0 auto;padding-top:10px;border-top:3px solid #f7a1a1;font-family:sans-serif;background-color:#f2f2f2;text-align:center;clear:both;letter-spacing:-1px}
.footer_comm .list_foot {display:inline-block;width:auto;height:20px;margin:0 auto;text-align:center;*zoom:1;border-bottom:1px solid #d5d5d5;width:100%}
.footer_comm .list_foot li {display:inline;padding-right:10px}
.footer_comm .lst .btn_foot {margin-right:0px;border-right:0}
.footer_comm .btn_foot {display:inline-block;height:10px;padding-right:10px;border-right:1px solid #707070;font-size:11px;font-weight:bold;line-height:11px;color:#707070;letter-spacing:-1px;vertical-align:top}
.footer_comm .copr_info {display:block;padding:0 0 6px;font-size:11px;color:#888;clear:both}
.footer_comm .info {color:#707070;text-align:center}
.footer_comm .copyright {color:#707070;text-align:center}


/********** SUB **********/
.sub_tit {padding:4px 0 4px 0;display:inline-block;width:98%}
.sub_tit .tit_ico {/*display:block;float:left;background-position:-67px 0;width:8px;height:9px;position:relative;top:5px*/}
.sub_tit h2 {text-align:center}
.sub_tit .title {background:none;padding-left:3px;margin:0;color: #363636;font-size: 14px;font-weight:bold;}
.sub_heading {text-align:center;color:#5c5c5c;font-weight:bold;border-top:1px solid #e0e0e0;border-bottom:1px dotted #bdbdbd;padding:4px 0}
.sub_heading .light_gray {font-size:11px}
.sub_tit2 {padding:7px 1% 5px;margin-left:5px;display:inline-block;width:93%}
.sub_tit2 .tit_ico {display:block;float:left;background-position:-75px 0;width:8px;height:9px;position:relative;top:6px}
.sub_tit2 .title {background:none;float:left;padding-left:3px;margin:0;color:#5f6774;font-size:13px;font-weight:bold}
.head_line {border-bottom:1px solid #e0e0e0}
.service_menu {width:32px}
.service_menu li {float:left;width:16px;height:15px}
.service_menu li a{display:block;width:16px;height:15px}
.service_menu .list1 {background-position:-83px -0px;}
.service_menu .list2 {background-position:-100px 0px;}
.sub_tit_img {width:100%;height:35px;padding-top:12px;}
.sub_tit_img .title {text-align:center;line-height:100%;padding-top:2px}
.sub_tit_img .title_main {font-family: 'Dotum';font-size: 14px;font-weight:bold;color: #363636;}
.sub_tit_img .title_sub {display:block;color: #363636;font-size: 12px;/* font-weight:bold; */}
.pro_num {text-align:left;color:#b5973f;font-size:14px;font-weight:bold;margin-bottom:2px;border-top:2px solid #b5973f;width:16px}
.top_line {clear:both;border-top:1px solid #f3f3f3;padding-top:30px}
.btn_box {background:#f7f9fa;width:98%;padding:10px 0;margin:15px auto 0;border:1px solid #ddd;font-size:11px;text-align:center}
.btn_box a {display:block;color:#666}


/* */
.paging_comm {font-weight:bold;font-size:0.7em;line-height:14px;text-align:center;vertical-align:top}
.paging_comm .link_page {display:inline-block;padding:4px 6px 3px 5px;margin-right:1%;border:1px solid #8c8c8c;text-decoration:none}
.paging_comm .link_page:hover,
.paging_comm em.link_page {background:#8c8c8c;color:#fff;font-weight:bold}
.paging_comm .link_page:hover {text-decoration:none}
.paging_comm .btn_prev,
.paging_comm .btn_next {display:inline-block;padding:4px 6px 3px 5px;border:1px solid #8c8c8c;text-decoration:none;color:#434343;background:#f4f4f4;}
.paging_comm .btn_prev {margin-right:1%}
.paging_comm a.btn_prev:hover,
.paging_comm a.btn_next:hover {color:#434343}


/* */
.item_box2 {display:inline-block;padding-bottom:12px;padding-top:10px;border-bottom:1px solid #e9e9e9;width:100%;font-size:11px}
.item_box2 img {float:left;width:30%;margin-right:10px}
.item_box2 a {display:inline-block;width:100%;padding:0;margin:0}
.item_tit {color:#616161;font-weight:bold;letter-spacing:-1px;margin-top:3%}
.item_sub {color:#a8a8a8;font-weight:bold;letter-spacing:-1px}


/* */
.sub_tit .title_center {display:block;background:none;text-align:center;color:#111111;font-size:14px;font-weight:bold}
.box_center {margin:0 auto;text-align:center}
#slider img {display:block}
.img-thumbnail-list {
    width:100%;
    margin-bottom:18px;
}
.img-thumbnail-list:before {
    clear:both;
}
.img-thumbnail-list ul {
    margin:0 auto;
}
.img-thumbnail-list li {
    display:table-cell;
    width:20% !important;
    box-sizing: border-box;
    padding-right:1px;
}
.img-thumbnail-list li img{
    display:block;
}
.view_box {width:95%;margin:0 auto;margin-top:30px;box-sizing: border-box;}
.view_box:before {
    clear:both;
}
.view_box img {width:60%;}
.view_box li {color:#8d8d8d;font-size:12px}
.view_box .img_con {margin-bottom:5px;}
.view_box .prod-name {font-size:18px;color:#111111;font-weight:bold;position:relative;display:block;line-height:18px;}
.view_box .smemo {font-size:14px;color:#ff3977;line-height: 20px;margin-bottom:10px;padding: 0 30px;}
.view_box .smemo2 {font-size:14px;color:#111111;line-height: 20px;margin-bottom:15px;padding: 0 30px;}
.view_box .price {color:#a1a1a1;font-weight:bold;font-size:16px;line-height:18px;display: block;height:18px;margin-top:15px;}
.view_box .price span {display: inline-block; height: 18px;}
.view_box .point {color:#111111;font-size:13px}
.dott_line {border-bottom:1px dotted #999;padding-bottom:10px}
.gray_box {background:#f5f5f5;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:10px 2%}
.lightblue_box {background:#f8f9fb;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:10px 2%}
.btn_pink {background: #ff99a4;color:#fff;}
.btn_pink a {color:#fff}
.btn_lightblue {background:#f8f9fb;color:#000}
.btn_pink a {color:#fff}
.inline_table:before {clear:both}
.inline_table th,
.inline_table td {font-size:11px;padding:2px 4px;color:#6d6d6d}
.inline_table th {color:#7a7a7a}
.inline_table select {font-size:11px;color:#828282;border:1px solid #ddd}
.item .i_text_ss {width:20%;border:1px solid #ddd;color:#828282 }

.rel-items {font-size:0;margin-top:40px;}

.rel-items img {width:100%;}

/* */
#popup {position:absolute;top:0;left:0;width:100%;min-height:100%;height:100%;min-height:100%;background:#fff;z-index:5}
#popup .bg {background: #000;opacity: .5;filter: alpha(opacity=50);}
#popup .btn_close {position:absolute;top:2%;left:2%;z-index:5;background:#f7a1a1;color:#fff;text-align:center;padding:5px 0;width:20%}
#popup .btn_close a {display:block;color:#fff}
#popup .btn_list {position:fixed;top:70%;right:4%}
#popup .btn_list li {width:100%;margin-bottom:4px; padding:1% 10%; background:rgba(0,0,0,.3);
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=#99000000, endColorstr=#99000000); text-align:center;border-radius:2px}
#popup .btn_list a {color:#fff;font-size:12px}


/* */
.form_box {margin:20px auto;width:320px}
.btn_login {width:65px;height:55px;font-size:12px;text-align:center;background:#c2b29d;color:#fff;font-weight:bold;border:0px}
.btn_login2 {width:65px;height:55px;font-size:12px;text-align:center;background:#cacaca;color:#fff;font-weight:bold;border:0px}
.info_box {width:98%;padding:20px 1%;border:1px solid #e0e0e0;color:#666;text-align:center}
.info_box .f_b {padding-bottom:4px}
.info_box span {display:block;line-height:150%;font-size:11px}
.btn_join {background:#f7f9fa;width:98%;padding:10px 0;border:1px solid #ddd;font-size:11px}
.btn_join a {display:block;color:#666}


/* */
.terms_box {border:1px solid #e8e8e8;margin:0 2%;height:70px}
.terms_box textarea{width:100%;border:none;color:#9d9d9d;font-size:11px;height:70px}
.input_area {padding-left:2%;margin-top:5px}
.input_area .item .i_radio {color:#5f6774;font-weight:bold}
.input_area .item span {position:relative;left:-5px;vertical-align:middle}
.th_table {width:100%;border-top:1px solid #5f6774;border-bottom:1px solid #b0b3b8}
.th_table input {font-size: 13px;}
.th_table textarea {font-size: 13px;}
.th_table th,
.th_table td {font-size:11px;padding:4px 2.5%;vertical-align:middle;border-bottom:1px solid #e6e6e6}
.th_table td .item {vertical-align:middle}
.th_table th {background:#f6f4f1;text-align:left;width:25%}
.th_table .last th,
.th_table .last td {border-bottom:0px}
.th_table .item .i_text {width:auto;border:1px solid #dfdfdf;height:20px}
.th_table .item .i_button {background:#999;border:1px solid #2e2e2e;color:#fff;vertical-align:middle;text-align:center;padding:2px 5px;font-size:11px}
.th_table .item .i_text_s {width:25%;border:1px solid #dfdfdf;height:20px}
.th_table .item .i_text_l {width:90%;border:1px solid #dfdfdf;height:20px}
.th_table .item .text {position:relative;left:-5px;vertical-align:middle;color:#828282}

.btn_bt_list {margin:20px auto 30px auto;text-align:center;background-color:#FFFFFF}
.btn_bt_list span {font-size:1em;display:inline-block;color:#000000;width:31%;padding:17px 0;margin:0;border:1px solid #000000}
.btn_bt_list span.black_btn {background-color:#000000;color:#FFFFFF}

.btn_item_list {margin:30px auto 10px auto;text-align:center;background-color:#FFFFFF;box-sizing: border-box;padding:0 10px 0 10px;}
.btn_item_list span {font-size:15px;display:inline-block;color:#000000;width:calc(50% - 2px);height:60px;margin:0;border:1px solid #000000;box-sizing: border-box; padding-top:18px;}
.btn_item_list span.btn-three {width:calc(33.3% - 4px); height:40px; padding-top:8px;}
.btn_item_list span.big_btn {width:100%;margin-bottom:4px;}
.btn_item_list span.black_btn {background-color:#000000;color:#FFFFFF}
.btn_gold {background: #ff99a4;color:#fff;}
.btn_gray {background:#969696;color:#fff}
.btn_lightgray {background:#f3f3f3;border:1px solid #e0e0e0;color:#666}


/* */
.item {font-size:11px}
.item .i_text {width:195px;border:1px solid #dfdfdf;height:20px}
.item .i_text_long {width:95%;border:1px solid #dfdfdf;height:20px}
.item .tit {display:block;width:40px;float:left;color:#7b7b7b;font-size:11px;font-weight:bold;vertical-align:top;padding-top:4px}
.item .i_radio {margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.item .i_textarea {border:1px solid #dfdfdf;height:100px;width:95%}


/* */
.border_menu {width:96%;margin:0 auto;text-align:center}
.border_menu li {position:relative;float:left;width:25%;text-align:center;margin:0;padding:0}
.border_menu li img {border:1px solid #d8d8d8;width:100%}
.floating_text {position:absolute;z-index:5;bottom:20px;width:100%}


/* */
.inline_table_th {width:100%;}
.inline_table_th td,
.inline_table_th th {text-align:center;font-size:0.8em}
.inline_table_th thead th {color:#707070;background:#f6f4f1;border-top:1px solid #5f6774;padding:3px 0;border-right:1px solid #dadbdc;border-bottom:1px solid #bfc2c7}
.inline_table_th td {color:#5f6774;font-weight:normal;padding:4px 0;border-bottom:1px solid #e0e0e0}
.inline_table_th .list_btn_pink a {display:inline-block;width:70%;background:#f7a1a1;border:1px solid #e28d8d;color:#fff;padding:1px 0;font-size:0.95em}
.inline_table_th td:first-child img { width:90%; }


/* */
.inline_table {width:100%;border-top:1px solid #e0e0d1}
.inline_table th,
.inline_table td {padding:2%}
.inline_table th {border-bottom:1px solid #e0dfdb;background: #f9f9f9;color:#707070;text-align:left;}
.inline_table td {border-bottom:1px solid #e0e0e0}
.board_ico {font-size:0.9em;padding:2px;border-radius:2px;background:#7e8593;font-weight:bold;color:#fff;margin-right:4px}
.inline_table th a,
.inline_table td a {color:#707070}
.inline_table td img {vertical-align:top}
.board_txt {color:#9c9c9c}
.board_txt_gold {color:#b59741}
.inline_table td img {width:25%;margin-right:2%}
.border_blue {border-top:1px solid #636b77}
.board_ico_red {font-size:0.6em;padding:1px;margin-left:4px;border-radius:2px;background:#db4040;font-weight:normal;color:#fff}
.w20 td img {width:20%}


/* */
.view_table {width:100%;border-top:1px solid #636b77}
.view_table thead th {font-size:0.96em;color:#666;text-align:left;padding:1% 2%;border-bottom:1px solid #e0e0e0}
.view_table tbody td {padding:2%;font-size:0.9em}
.view_table tbody td img {max-width:100%}
.view_table tfoot th,
.view_table tfoot td {border-bottom:1px solid #e6e6e6;padding:1% 2%;font-size:0.8em}
.view_table tfoot th {text-align:left;color:#707070;border-top:1px solid #e6e6e6}
.view_table tfoot td {color:#777;line-height:180%}
.view_table .ico_comment {float:left;display:block;width:3%;color:#e53b0d;font-size:1.3em}
.re_comm {float:right;width: 100%;}
.re_border {border-bottom:1px solid #e6e6e6}

/* */
.item .board_btn_gray {padding:2% 3%;font-size:0.9em;background:#707070;border:1px solid #4a4a4a;color:#fff}
.bold_blue_txt {display:block;padding-left:2%;color:#5f6774;font-weight:bold;text-align:left}
.inline_table_th2 {width:100%;border-bottom:1px solid #bfc2c7}
.inline_table_th2 td,
.inline_table_th2 th {text-align:center;font-size:0.7em}
.inline_table_th2 thead th {color:#707070;background:#f6f4f1;border-top:1px solid #5f6774;padding:3px 0;border-right:1px solid #dadbdc;border-bottom:1px solid #e6e6e6}
.inline_table_th2 td {color:#5f6774;font-weight:normal;padding:4px 0;border-bottom:1px solid #e6e6e6}
.inline_table_th2 td img {width:90%}
.img30 td img {width:30%;float:left;margin-right:2px}
.inline_table_th2 tfoot td {text-align:right;padding-right:2%;font-weight:bold;color:#5f6774;font-size:0.8em;background:#f6f4f1}
.btn_bt_list3 {margin:10px auto 0;text-align:center}
.btn_bt_list3 span {display:block;display:inline-block;width:25%;font-size:0.94em;padding:5px 0;margin:0 3px 0 3px}
.btn_bt_list4 {margin:10px auto 0;text-align:center}
.btn_bt_list4 span {display:block;display:inline-block;width:35%;font-size:0.94em;padding:5px 0;margin:0 10px 0 10px}
.naver {margin-top:10px;text-align:center}
.naver img {width:80%}
td .item .i_text_s {width:35%;text-align:center;border:1px solid #ddd;color:#828282}


/* 占쎄낱萸뱄옙占� */
.div_comment{}
.div_comment ul{width:100%;border-top:1px solid #E0E0E0;}
.div_comment li{font-size:9pt;border-bottom:1px solid #E0E0E0;line-height:14pt;padding:5px 15px 15px 15px;}
.div_comment li .li_div_title{font-weight:bold;color:#666;}
.div_comment li .li_div_title span{color:#F7A1A1;font-size:11pt;}
.div_comment li .li_div_info{color:#777;}
.div_comment li .li_div_memo{color:#777;padding-top:10px;}


/* */
.th_gray th {color:#666}
.i_help {padding-top:1px;color:#5f6774;font-size:0.88em}
.th_table2 {width:100%;border-top:1px solid #5f6774;border-bottom:1px solid #b0b3b8}
.th_table2 th,
.th_table2 td {font-size:11px;padding:4px 2.5%;color:#5f6774;vertical-align:middle;border-bottom:1px solid #e6e6e6}
.th_table2 td .item {vertical-align:middle}
.th_table2 th {background:#f6f4f1;text-align:left}
.th_table2 .last th,
.th_table2 .last td {border-bottom:0px}
.board_btn_pink {display:inline-block;width:90%;background:#f7a1a1;border:1px solid #e28d8d;color:#fff;padding:1px 0;font-size:1.0em}


/* */
.event_gray_box {font-size:0.8em;margin:0;padding:0 0 7px 0;background:#efefef;width:100%;display:inline-block}
.event_gray_box .event_img {width:100%;height:210px;position:relative;top:-1px}
.w40 {width:40%}
.event_date {font-size:1.3em;color:#454545;font-weight:bold;text-align:center;display:block}
.event_date_color {background:#f8b2b2;width:10%;height:14px;display:block;float:left;margin-right:2px}
.btn_left_list {clear:both;margin-top:4px}
.btn_left_list span {display:block;border:1px solid #dbb67e;font-size:1.2em;text-align:center;color:#fff;width:100%;padding:5px 0}
.btn_lightgold {background:#c5984e;color:#fff}
.event_gray_box .item {bottom:0}
.item .i_textarea_s {width:99%;border:1px solid #ccc}
.calendar {float:left;width:45%;margin-left:5%}
.table_calendar {width:99%;border:1px solid #afb3b9}
.table_calendar td {background:#fff;737373;font-size:1em;padding:1% 4%}
.table_calendar th {background:#f8f8f8;color:#828282;font-size:1.1em}
.event_text {float:left;width:40%;overflow:hidden;margin-left:2%;font-size:10px}
.line_table {width:100%;border-bottom:1px solid #bfc2c7}
.line_table th,
.line_table td {font-size:0.8em;padding:1% 2%}
.line_table th {border-top:3px solid #5f6774;text-align:left;color:#5f6774;border-bottom:1px solid #e6e6e6}
.line_table td {border-bottom:1px dotted #ccc;color:#828282}
.bt_notice_box {background:#f7f9fa;border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:96%;padding:2%;color:#828282;font-size:0.9em}
.bt_notice_box .point {color:#e879a4}
.dott_list {color:#828282;font-size:0.8em;width:98%;margin:0 1%}
.ico_dott {display:block;float:left;font-size:1.7em;padding-right:2px;line-height:normal;position:relative;top:-3px}
.dott_list li {padding:2px 0}
a.s_bold {background-color: pink;}
ul.item_box img.wishlist_button { width:18px; }
ul.item_box_three img.wishlist_button { width:18px; }
ul.item_box_new img.wishlist_button { width:18px; }
ul.item_box_three_new img.wishlist_button { width:18px; }
ul.item_box_best img.wishlist_button { width:18px;}
li.item_box img.wishlist_button { width:18px; }
li.item_box_three img.wishlist_button { width:18px; }
li.item_box_new img.wishlist_button { width:18px; }
li.item_box_three_new img.wishlist_button { width:18px; }
li.item_box_best img.wishlist_button { width:18px;}
img.list_wishlist_button { float:right; width:18px; }
div.wishlist_button_box { position: relative; }
div.wishlist_button_box img { position: absolute; right:5px; }
select#sort_mode { margin: 15px 2%; width:96%; height:30px;}
#view_footer td {background:rgb(256,256,256); height:30px; text-align:center; color:#333333; border-right:1px solid white; font-size:10px; }
#view_footer td:last-child {border-right:0}
.select_box{     border-radius: 2;   width: 80%;   height: 24px;   font-size: 13px;   margin-left:0px; }
.checkbox_all{   width:20px;   height:20px; }
.checkbox_one{   width:17px;   height:17px; }
select { border-radius: 2; margin-left:0px; padding-right:25px; background: #fff url(/design/styleonme0/mimg/bg_selectbox.gif) no-repeat right center; background-size: 28px 27px; -webkit-appearance: none;    }

/* 2020.03.17/popen : 由щ돱�� */
.onmeHead-block {
    display: none;
    height: 87px;
}
.onmeHead-block.no-block {
    height: 0;
}
#onmeHead {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1000;
}
#onmeHead.default-main,
#onmeHead.default-timesale {
    position: absolute;
    top: 0;
}
#onmeHead.fixed {
    position: fixed;
    height:90px;
    top: 0;
}

#onmeHead > #header {
    background-color: #ffffff;
    padding: 16px 0 15px 0;
    margin: 0;
    z-index: 1010;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px #E9E9E9 solid;
    height: 51px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
#onmeHead.default-main > #header,
#onmeHead.default-timesale > #header {
    background: transparent;
    border-bottom: 0;
}
#onmeHead.fixed > #header {
    background: rgb(256, 256, 256);
    border-bottom: 1px #E9E9E9 solid;
}

#onmeHead > #header .site-title {
    width: 158px;
    height: 20px;
    background-image: url("/design/styleonme0/mimg/m_logo_b.png");
    background-size: 158px auto;
    background-repeat: no-repeat;
    background-position: 0 4px;
}
#onmeHead.default-main > #header .site-title {
    background-image: url("/design/styleonme0/mimg/m_logo_w.png");
}
#onmeHead.default-timesale > #header .site-title {
    background-image: url("/design/styleonme0/mimg/m_logo_b.png");
}
#onmeHead.fixed > #header .site-title {
    background-image: url("/design/styleonme0/mimg/m_logo_b.png");
}

#onmeHead > #header a {
    display: block;
    position: absolute;
    width: 19px;
    height: 20px;
}

#onmeHead > #header a.btn-menu {
    background-image: url("/design/styleonme0/mimg/m_icon_menu.png");
    background-size: 19px 20px;
    left: 15px;
}
#onmeHead > #header a.btn-search {
    background-image: url("/design/styleonme0/mimg/m_icon_search.png");
    background-size: 19px 20px;
    left: 51px;
}
#onmeHead > #header a.btn-cart {
    background-image: url("/design/styleonme0/mimg/m_icon_bag.png");
    background-size: 19px 20px;
    right: 51px;
}
#onmeHead > #header a.btn-mypage {
    background-image: url("/design/styleonme0/mimg/m_icon_my.png");
    background-size: 19px 20px;
    right: 15px;
}
#onmeHead > #header a.btn-mypage-login {
    background-image: url("/design/styleonme0/mimg/m_icon_mylo_01.png");
    background-size: 19px 20px;
    right: 15px;
}
#onmeHead.default-main > #header a.btn-menu {
    background-image: url("/design/styleonme0/mimg/m_icon_menu_w.png");
}
#onmeHead.default-main > #header a.btn-search {
    background-image: url("/design/styleonme0/mimg/m_icon_search_w.png");
}
#onmeHead.default-main > #header a.btn-cart {
    background-image: url("/design/styleonme0/mimg/m_icon_bag_w.png");
}
#onmeHead.default-main > #header a.btn-mypage {
    background-image: url("/design/styleonme0/mimg/m_icon_my_w.png");
}
#onmeHead.default-main > #header a.btn-mypage-login {
    background-image: url("/design/styleonme0/mimg/m_icon_mylo_w.png");
}
#onmeHead.fixed > #header a.btn-menu,
#onmeHead.default-timesale > #header a.btn-menu {
    background-image: url("/design/styleonme0/mimg/m_icon_menu.png");
}
#onmeHead.fixed > #header a.btn-search,
#onmeHead.default-timesale > #header a.btn-search {
    background-image: url("/design/styleonme0/mimg/m_icon_search.png");
}
#onmeHead.fixed > #header a.btn-cart,
#onmeHead.default-timesale > #header a.btn-cart {
    background-image: url("/design/styleonme0/mimg/m_icon_bag.png");
}
#onmeHead.fixed > #header a.btn-mypage,
#onmeHead.default-timesale > #header a.btn-mypage {
    background-image: url("/design/styleonme0/mimg/m_icon_my.png");
}
#onmeHead.fixed > #header a.btn-mypage-login,
#onmeHead.default-timesale > #header a.btn-mypage-login {
    background-image: url("/design/styleonme0/mimg/m_icon_mylo_01.png");
}
#onmeHead > #header .badge-cart-count {
    width: 15px;
    height: 15px;
    background-color:#fe8ca5;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -7px;
    padding: 0;
    margin: 0;
    text-align: center;
}
#onmeHead > #header .badge-cart-count > span {
    font-size: 9px;
    color: #fff; 
    position: relative; 
    padding: 0; 
    margin: 0; 
    display: block;
    line-height: 15px;
}
#onmeHead.default-main > #header .badge-cart-count {
    background-color: #ffffff;
}
#onmeHead.default-main > #header .badge-cart-count > span {
    color: #000000;
}
#onmeHead.fixed > #header .badge-cart-count,
#onmeHead.timesale > #header .badge-cart-count {
    background-color: #fe8ca5;
}
#onmeHead.fixed > #header .badge-cart-count > span,
#onmeHead.timesale > #header .badge-cart-count > span {
    color: #ffffff;
}

/* 2015.08.07/gue : styleonme korea mobile | header layout */
#header.cloned{
    display: none;
}
#header.scrolling{
    display: block;
    position: fixed;
    z-index: 1000;
    opacity:0.9;
}

/* #my-header ul li { */
#header ul li {
    float: left;
    padding: 0;
    background-position: center right;
    text-align: center;
    height: 23px;
    line-height: 1.8;
}

#header ul li a {
    color: #959a93;
    font-size: 11px;
    font-weight: bold;
}

#header a .ic-search {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-bottom: 3px;
}


/* 2015.08.09/gue : styleonme korea mobile | header layout > search bar */
#search-area {
    display: none;
    width: 100%;
    overflow: hidden;
    background: #fffffd;
    padding: 5px 0;
    border-bottom: 1px #d4dbd3 solid;
    height: 26px;
    z-index: 1000;
}

#search-area .search-input {
/*     width: 77%; */
/*     margin: 0px 5px; */
/*     padding: 0px 5px; */
    width: 96%;
    margin: 0px 2%;
    padding: 0px 2%;
    height: 24px;
    border: 1px solid #ededed;
    font-size: 10px;
    color:#b2b2b2;
}

#search-area .search-bt {
    float: right;
    width: 14%;
    max-width: 60px;
    margin-right: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background: #ffb1b1;
    padding: 0px 5px;
    height: 32px;
}

#search-area a {
     position: absolute;
     top: 9px;
     right: 12px;
}

/* 2015.08.08/gue : styleonme korea mobile | overlay bt */
#quick-menu {
    position: fixed;
    right: 10px;
    z-index: 201;
}

#onmeHead.default-main > #top_menu_area,
#onmeHead.default-timesale > #top_menu_area {
    display: none;
}

#onmeHead.fixed > #top_menu_area {
    display: flex;
}

.quick-menu-item {
    background: rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    font-size:0;
    opacity: .7;filter: alpha(opacity=70)
}

.quick-menu-item a {
    color: #fff;
}

.quick-menu-item.wish {
    width: 40px;
    height: 30px;
    background: none;
    border: none;
}



/* 2015.08.08/gue : styleonme korea mobile | common button */
.a-bt-1 {
  background: #bcb8b9;
  background-image: -webkit-linear-gradient(top, #bcb8b9, #bcb8b9);
  background-image: -moz-linear-gradient(top, #bcb8b9, #bcb8b9);
  background-image: -ms-linear-gradient(top, #bcb8b9, #bcb8b9);
  background-image: -o-linear-gradient(top, #bcb8b9, #bcb8b9);
  background-image: linear-gradient(to bottom, #bcb8b9, #bcb8b9);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Dotum', sans-sarif;
  color: #ffffff;
  font-size: 15px;
  padding: 7px 40px 7px 40px;
  text-decoration: none;
  display: inline-block;
}

.a-bt-1:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.bt-w130 {
    width: 130px;
}


/* ?? */
#sun_menu01 strong {
    float: left;
    width: 16.6%;
}

#sun_menu01 div strong a {
    color: white;
}

img.txc-emo {
    width: auto !important;;
}

.madeby_icon {position: absolute; top: 0; right: 1px; z-index: 5;width:32px;height:32px;}

[mid-banner-group] {
    padding: 0 12px;
}

[m-list-controller] {
    text-align: center;
    margin-top: 56px;
    font-size: 0;
}
[m-list-controller].category {
    text-align: right;
    margin-top: 0;
}
[m-list-controller] > div {
    display: inline-block;
    width: 20px;
    height: 20px;
}
[m-list-controller] > div:first-child {
    margin-right: 10px;
}
[m-list-controller] > div > img {
    width: 100%;
    opacity: 0.2;
}
[m-list-controller] > div > img.selected {
    opacity: 1;
}

.category-title {
    padding: 32px 0 0 0;
    background-color: #EFEFEF

}
.category-title > h2 {
    text-align: center;
    font-size: 15px !important;
    font-family: 'Times New Roman';
    color: #0B0B0B !important;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 4px;
    margin: 0 !important;
}

.load-spinner {
    position: fixed;
    top: calc(50% - 46px);
    left: calc(50% - 46px);
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-bottom: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    opacity: 0.5;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

[category-bestitem-list-area] {
    background-color: #EFEFEF;
}
.best-list-area {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: scroll;
    overflow-y: initial;
    padding-top: 36px;
}
.best-list-area > .best-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: space-between;
    align-items: start;
}
.best-list-area .item-box {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 160px;
    margin-left: 2px;
    font-size: 11px;
}
    .best-list-area .item-box:first-child {
    margin-left: 0;
}
.best-list-area .item-box .item-image {
    width: 100%;
    font-size: 0;
}
.best-list-area .item-box .item-image img[item-image] {
    width: 100%;
}

.best-list-area .item-box .best-no {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-size: 15px;
    font-family: 'Times New Roman';
    display: flex;
    justify-content: center;
    align-items: center;
}

.best-list-area .item-box .item-info {
    padding: 8px 3px;
}
.best-list-area .item-box .item-info  .item-name {
    letter-spacing: -0.5px;
    font-size: 11px;
    color: #222222;
    font-family: 'Dotum', sans-serif;
}
.best-list-area .item-box .item-info  .item-price {
    font-weight:bold;
    color: #222222;
    font-family: 'Dotum', sans-serif;
}
.best-list-area .item-box .item-info .item-price > del {
    color: #737373;
    font-weight:normal;
}
.best-list-scrollbar {
    padding: 50px 50px 50px 39px;
    height: 4px;
}
.best-list-scrollbar > .scroll-gauge {
    width: 100%;
    height: 100%;
    background-color: #C1C1C1;
}
.best-list-scrollbar > .scroll-gauge > .scroll-gauge-indicator {
    width: 0;
    height: 100%;
    background-color: #000000;
}

[category-title-area] { width:100% }
[category-title-area] .bt-back { z-index:999; position:absolute; padding:7px 0 0 10px; width:25px; }
[category-banner-area] img { width:100%; }
[category-subcategory-list-area].sub_cate_list { display: flex; flex-wrap: wrap; padding: 0 8px 0 12px; margin-top: 25px;}
[category-subcategory-list-area].sub_cate_list a { width: calc(25% - 4px); height: 22px; font-size: 9px; color: #0B0B0B; white-space:nowrap; text-align: center; line-height: 22px; background-color: #EFEFEF; margin: 0 4px 4px 0;}
[category-subcategory-list-area].sub_cate_list a.selected { color: #FFFFFF; background-color: #191919; }
[category-middle-navigation-area] { box-sizing:border-box; font-size:0; margin: 25px 0 20px 0; padding: 0 12px;}
[category-middle-navigation-area] > div { box-sizing:border-box; display:inline-block; vertical-align:middle; }
[category-middle-navigation-area] > [cmna-left] { width:50%; }
[category-middle-navigation-area] > [cmna-right] { width:50%; }
[cmna-right] ul > li { display:inline; }
[cmna-left] select#sort_mode { width:81px; -webkit-appearance:none; font-size:12px; border:1px solid #E9E9E9; color:#0B0B0B;padding:0 0 0 5px; margin:0;background: #fff url(/design/styleonme0/mimg/icon_arrow_selectbox.png) no-repeat right center; background-size: 17px 21px;}

#container h2 {
    font-family: 'Times New Roman';
    color: #0B0B0B;
    font-size: 15px;
    text-align: center;
    margin: 26px 0 32px 0;
    font-weight: 600;
}
#container h2.h-24 {
    margin-top: 24px;
}
#container h2.h-52 {
    margin-top: 52px;
}

.prod-tab-menu {
    position: relative;
    list-style: none;
    display: flex;
    padding: 0;
    margin-bottom: 25px;
    width: 100%;
    height: 30px;
}
.prod-tab-menu > li {
    flex-grow: 1;
    position: relative;
    color: #8B8B8B;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    color: #959595;
    background-color: #F6F6F6;
    box-sizing: border-box;
    border-bottom: 1px solid #191919;
    display: flex;
    align-items: center;
    justify-content: center;

}
.prod-tab-menu > li.selected {
    color: #191919;
    background-color: #FFFFFF;
    border-top: 1px solid #191919;
    border-left: 1px solid #191919;
    border-right: 1px solid #191919;
    border-bottom: 1px solid #FFFFFF;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.lazy-on {
    animation: fadeIn 0.25s ease-in both;
}