/*
 * Copyright © Amazon.com and Affiliates: This deliverable is considered Developed Content as defined in AWS Services Terms and the SOW between the parties dated October, 31. 2025.
 */

@charset "utf-8";
/* @import url(https://fonts.googleapis.com/css?family=Playfair+Display:700); */
/* @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */

/*상단 메뉴 폰트*/
@font-face {
    font-family: 'robotomedium';
    src: url('font/Roboto-Medium-webfont.eot');
    src: url('font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/Roboto-Medium-webfont.woff') format('woff'),
        url('font/Roboto-Medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700'); */

/* latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*tryme 폰트*/
@font-face {
    font-family: 'NanumSquareR';
    src: url(font/NanumSquareR.ttf) format('truetype');

}

@font-face {
    font-family: 'NanumSquareEB';
    src: url(font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
    font-family: 'NanumSquareL';
    src: url(font/NanumSquareL.ttf) format('truetype');
}

@font-face {
    font-family: 'Anja Eliane';
    src: url(font/AnjaEliane.ttf) format('truetype');
}

@font-face {
    font-family: 'SCoreDream';
    src: url('font/SCDream6.otf') format('woff');
}

/*tryme 폰트*/

/* main brand logo */
/* the face shop / Etudehouse / Nature Republic / BRTC / Skinfood / Sum:37 */
.main_brand_logo {
    margin: 20px 0 20px 0
}

.main_brand_logo .line_box {
    width: 315px;
    float: left;
    margin: 0 24px 0 0;
}

.main_brand_logo .line_box_end {
    width: 315px;
    float: left
}

.main_brand_logo .logo_img,
.main_brand_logo .logo_img {
    border: 1px #000 solid;
    width: 315px;
    height: 67px;
}

.main_brand_logo .brand_logo_ment,
.main_brand_logo .brand_logo_ment {
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    width: 315px;
    height: 84px;
    padding: 10px 0 0 0;
    font-size: 14px;
}

.brand_logo_ment_height {
    width: 250px;
    height: 60px;
    /* background: ; */
    margin: 0 auto
}

.brand_logo_bt {
    background: #000;
    color: #FFF;
    padding: 5px;
    width: 100px;
    margin: 0 auto 0
}


/* 초기화 */
html {
    overflow-y: scroll;
    width: 100%
}

body {
    letter-spacing: 0;
    width: 100%;
    overflow: hidden;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
    border: 0
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
ul,
li,
label,
input,
button,
select,
textarea,
p,
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active,
table,
tr,
td {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    color: #323232;
    font-size: 13px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ul,
li {
    list-style: none
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

label,
input,
button,
select,
img {
    vertical-align: middle;
    border: none;
    max-width: 100%
}

button {
    cursor: pointer
}

p,
div {
    word-break: keep-all
}

hr {
    display: none
}

pre {
    overflow-x: scroll;
    font-size: 14px
}

/* 임의 Class명추가 */
iframe.jumiso_if {
    width: 560px;
    height: 315px;
}

/* basic*/
.clear {
    clear: both;
}

.margint {
    margin-top: 0 !important
}

.marginb {
    margin-bottom: 0 !important
}

.marginr {
    margin-right: 0 !important
}

.marginl {
    margin-left: 0 !important
}

.paddingt {
    padding-top: 0 !important
}

.paddingb {
    padding-bottom: 0 !important
}

.paddingr {
    padding-right: 0 !important
}

.paddingl {
    padding-left: 0 !important
}

.bnonet {
    border-top: 0 !important
}

.bnoneb {
    border-bottom: 0 !important
}

.bnoner {
    border-right: 0 !important
}

.bnonel {
    border-left: 0 !important
}

.fcorange {
    color: #eb1c24;
}

.fcorange strike {
    color: #626262;
}

.ftgray {
    color: #7d7d7d
}

/* 링크 */
a:link,
a:visited {
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    text-decoration: underline
}

/* 팝업레이어 */
#hd_pop {
    z-index: 99999;
    position: relative;
    margin: 0 auto;
    width: 1296px;
    height: 0
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #2c2a2a;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}

/* 상단 레이아웃 */
#hd {
    width: 100%;
    position: relative;
    top: 0;
}

#hd_h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

/* 페이지명 */

.top_bg {
    background: #fff;
    height: 35px;
    border-bottom: 1px solid #ddd;
}

.event_close {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 10;
    top: 30px
}




/* 상단 헤더 */
#menu_container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9988;
    background: #fff;
}

#hd {
    z-index: 9999;
}

#hd_menu {
    position: fixed;
    top: 138px;

    width: 100%;
    height: 40px;
    margin: 0 auto;
    z-index: 10;
    clear: both;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

#hd_menu.fixed {
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.2);
}

.hd_bg_img1 {
    background: url("/images/n_hd_icon_1.png") no-repeat left center;
}

.hd_bg_img2 {
    background: url("/images/n_hd_icon_5.png") no-repeat left center;
}

.hd_bg_img3 {
    background: url("/images/n_hd_icon_3.png") no-repeat left center;
}

.hd_bg_img4 {
    background: url("/images/n_hd_icon_4.png") no-repeat left center;
}

.hd_bg_img5 {
    background: url("/images/n_hd_icon_5.png") no-repeat left center;
}

.hd_icon_li {
    float: left;
    margin-right: 20px;
    line-height: 10px;
}

.hd_icon_link {
    display: block;
    color: #252525;
    font-size: 10px;
    padding: 5px 0 5px 20px;
}

.hd_icon_li a {
    display: block;
    height: 32px;
    padding-top: 3px;
}

.hd_icon_li a:link,
.hd_icon_li a:hover,
.hd_icon_li a:active,
.hd_icon_li a:visited {
    text-decoration: none;
}

.hd_icon_li a:hover {
    color: #ff5073;
}

.hd_icon_link:hover {
    color: #ff5073;
    text-decoration: none;
}

.hd_icon_link:hover,
.hd_icon_link:active,
.hd_icon_link:visited {
    text-decoration: none;
}

.hd_icon {
    position: relative;
}

.hd_icon .fonts {
    background: #323232;
    color: #fff;
    font-size: 9.5px;
    line-height: 20px;
    padding: 5px 8px;
}

.hd_icon .ment1,
.hd_icon .ment2,
.hd_icon .ment3,
.hd_icon .ment4 {
    zoom: 1;
    float: left;
    display: none;
}

.hd_icon .ment1 li,
.hd_icon .ment2 li,
.hd_icon .ment3 li,
.hd_icon .ment4 li {
    background: #323232;
    color: #fff;
    font-size: 13px;
    /*padding: 2px 2px;*/
}

.hd_icon li:hover .ment1 {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 40px;
    left: 0px;
    /*width:600px;*/
    border-radius: 5px;
}

.hd_icon li:hover .ment2 {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 40px;
    left: 115px;
    /*width:500px;*/
    border-radius: 5px;
}

.hd_icon li:hover .ment3 {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 40px;
    left: 120px;
    width: 380px;
    border-radius: 5px;
}

.hd_icon li:hover .ment4 {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 40px;
    left: 204px;
    border-radius: 5px;
}











/* 160705 backup */
/*#tnb .language_menu_n{
    position: relative;
    border-left: 1px solid #323232;
        border-right: 1px solid #323232;
        color: #fff;
        font-size: 11px;
        padding: 12px 14px 0;
        display: block;
        height: 23px;
}
#tnb .language_menu_n > ul:hover{color:#323232;text-decoration: none;background:#fff}
#tnb .lang_menu_n{zoom:1;float:left;display:none;}
#tnb .lang_menu_n li{
        width: 120px;
        padding: 6px 0;
        border-left: 1px solid #323232;
        border-right: 1px solid #323232;
        border-bottom: 1px solid #323232;
    }
#tnb .lang_menu_n li a{display:block;text-decoration: none;}
#tnb .lang_menu_n li span{color:#323232;font-size:11px;}
#tnb li:hover .lang_menu_n{display:block;position:absolute;z-index:99999;top:35px;right:-1px;background:#fff;}
#tnb li:hover .lang_menu_n a{color:#323232}
#tnb .language_menu_n:hover{background:#fff;height:30px;color:#323232;border-left:1px solid #323232;border-right:1px solid #323232;display:block}*/

#tnb .language_menu_n {}

#tnb .language_menu_n a {
    display: inline-block;
    height: 23px;
    padding: 8px 5px 0;
}

.paddingt_is {
    height: 35px;
}




.tnb_center {
    width: 1000px;
    margin: 0 auto
}

#tnb ul {
    zoom: 1;
    float: right
}

#tnb ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tnb li {
    float: left;
    text-align: center
}

#tnb a.li_a_admin {
    font-size: 11px;
    padding: 9px 16px;
}

#tnb a.li_a_logout {
    font-size: 11px;
    padding: 9px 10px;
    color: #323232;
}

#tnb a.tnb_right_m {
    color: #323232;
    display: block;
    height: 23px;
    padding: 12px 14px 0;
    font-size: 11px;
}

#tnb .paddingt_yk {
    width: 230px;
    display: inline-block;
    height: 23px;
    padding-top: 6px;
    color: #fff;
    font-size: 11px
}

#tnb .apsfk {
    width: 210px;
    display: inline-block;
    height: 23px;
    padding-top: 6px;
    color: #fff;
    font-size: 11px
}

#tnb .apsfkk_yk {
    width: 400px;
    display: inline-block;
    height: 23px;
    padding-top: 6px;
    color: #323232;
    font-size: 11px;
    letter-spacing: 1px;
}

#tnb li.tnb_admin {
    background: #FF3061;
    height: 28px;
}

#tnb li.tnb_admin a {
    color: #fff
}

#tnb li.tnb_bg {
    background: #fff;
}

#tnb li.tnb_bg a {
    color: #323232
}

/* My Account */
#tnb .my_account_menu {
    position: relative;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

#tnb .my_account_menu a {
    color: #323232;
    text-decoration: none;
}

#tnb .my_menu {
    zoom: 1;
    float: left;
    display: none;
}

#tnb .my_menu li {
    /* list-style: ; */
    width: 107px;
    padding: 5px 47px 0 18px;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

#tnb .my_menu li a {
    color: #323232;
    font-size: 11px;
}

#tnb li:hover .my_menu {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 28px;
    left: -1px;
    width: 174px;
    background: #fff
}

#tnb li:hover .my_menu a {
    color: #323232
}

#tnb .my_account_menu:hover {
    background: #fff;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    display: block
}

/* My Account end */

/* Wholesale */
#tnb .wholesale_menu {
    position: relative;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

#tnb .wholesale_menu a {
    color: #323232;
    text-decoration: none;
}

#tnb .whole_menu {
    zoom: 1;
    float: left;
    display: none;
}

#tnb .whole_menu li {
    /* list-style: ; */
    width: 100px;
    padding: 5px 20px 0;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

#tnb .whole_menu li a {
    color: #323232;
    font-size: 11px;
}

#tnb li:hover .whole_menu {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 28px;
    right: -1px;
    background: #fff
}

#tnb li:hover .whole_menu a {
    color: #323232
}

#tnb .wholesale_menu:hover {
    background: #fff;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    display: block
}

/* Wholesale end */

/* Language */
#tnb .language_menu {
    position: relative;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

#tnb .language_menu a {
    color: #323232;
    text-decoration: none;
}

#tnb .lang_menu {
    zoom: 1;
    float: left;
    display: none;
}

#tnb .lang_menu li {
    /* list-style: ; */
    width: 90px;
    padding: 5px 20px 0;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

#tnb .lang_menu li a {
    color: #323232;
    font-size: 11px;
}

#tnb li:hover .lang_menu {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 28px;
    right: -1px;
    background: #fff
}

#tnb li:hover .lang_menu a {
    color: #323232
}

#tnb .language_menu:hover {
    background: #fff;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    display: block
}

/* Language end */

.hd_md {
    width: 995px;
    height: 103px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

#logo {
    float: left;
    position: relative;
    top: 38px;
}

.logo_ment {
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    color: #a1a1a1;
    letter-spacing: 0.06em;
    font-weight: normal;
}

a.logo_link:hover {
    text-decoration: none;
}

/* Search */
#hd_sch2 {
    float: left;
    margin: 0 0 0 317px;
    padding-top: 10px
}

#hd_sch {
    display: inline-block;
}

#hd_sch h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#hd_sch .sch_form {
    display: inline-block;
    margin-top: 38px;
}

#hd_sch .is_search_text {
    outline: none;
    color: #2c2c2c;
    border: 1px solid #323232;
    width: 320px;
    height: 32px;
    font-size: 12px;
    background: #f2f2f2
}

#hd_sch #sch_str {
    padding-left: 5px;
    width: 283px;
    height: 32px;
    border: 0;
    line-height: 1.9em !important;
    background: #f2f2f2
}

#hd_sch #sch_submit {
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: -28px;
    position: relative;
    left: 290px;
    border-left: 1px solid #e2e2e2;
    padding-left: 7px
}

#hd_sch .sch_keyword {
    padding: 0;
    margin: -10px 0 0 -5px;
    font-size: 11.5px;
}

#hd_sch .sch_keyword span {
    color: #395797;
    font-size: 11.5px
}

#hd_sch .sch_keyword .is_world {
    margin: 0 0 0 53px
}

#hd_sch .sch_keyword .is_world22 {
    margin: 0 0 0 40px
}

.sch_box {
    /*margin-right:10px;*/
}

/* Head my account icon */
.hd_myaccount {
    background: url("/images/icon_black_my.gif") no-repeat top center;
    width: 52px;
    height: 39px;
    text-align: center;
    margin-top: 35px;
    margin-right: 13px;
}

.hd_myaccount p {
    font-size: 11px;
    position: relative;
    top: 26px;
}

/* ICON My Account */
.icon_my_bt {
    position: relative;
}

.icon_my_popup {
    zoom: 1;
    display: none;
}


.icon_my_bt:hover .icon_my_popup {
    display: block;
    position: absolute;
    z-index: 99999;
    top: 35px;
    right: -43px;
    width: 343px;
}

.bg_none {
    margin: 0;
    padding: 0;
    height: 11px
}

.imp_line {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.imp_title {
    padding: 17px 0 18px;
    color: #333;
    border-bottom: 1px solid #ccc
}

.imp_list {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 10px
}

.icon_my_popup li {
    /* list-style: ; */
}

.icon_my_popup .imp_left {
    float: left;
    width: 150px;
    text-align: left
}

.imp_left li {
    padding: 5px 0 5px 40px
}

.icon_my_popup .imp_right {
    float: right;
    width: 180px;
    text-align: left
}

.imp_right li {
    padding: 5px 0 5px
}

.imp_sign {
    padding: 9px 20px;
    border: 1px solid #000;
    margin: 10px 0 15px;
    text-align: center;
    display: inline-block
}

/* My Account end */

/* Head Cart*/
.hd_cart {
    background: url(/images/icon_black_cart.gif) no-repeat top center;
    width: 30px;
    margin-top: 35px;
}

.hd_cart a {
    display: block;
    text-align: center;
}

.hd_cart a:link,
.hd_cart a:hover,
.hd_cart a:active,
.hd_cart a:visited {
    text-decoration: none
}

.hd_cart strong {
    color: #323232;
    width: 30px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 6px;
    font-size: 12px;
    font-weight: bold;
}

.hd_cart p {
    margin-top: 11px;
    font-size: 11px;
}

/* Flag */
.top_c {
    width: 115px;
    height: 60px;
    float: right
}

.top_c p {
    display: inline-block;
    height: 11px;
    margin-top: 43px
}

.top_c a span {
    font-size: 11px;
    color: #737373;
    text-decoration: underline;
}

.top_c img {
    width: 14px;
    margin-right: 3px
}

/* Menu */
/*#hd_menu {width:100%;height:36px; margin:0 auto;  z-index:10;position:relative;clear:both}
*/
#hd_menu2 {
    width: 995px;
    margin: 0 auto;
}

#hd_menu3 {
    clear: both;
    height: 40px;
    width: 1000px;
}

/*테스트 서버적용*/
#hd_menu .menu_title_is {
    /* width: ; */
    height: 20px;
    display: inline-block;
    padding: 8px 20px 8px 0;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin: 0 20px 0 0
}

/*테스트 서버적용*/



/* index.php */
.bx-wrapper .bx-pager {
    bottom: 20px;
    right: 0px;
}

.bx-wrapper {
    border: 0px;
    box-shadow: none;
}

.bx-wrapper img {
    display: inline;
}

.main_banner {
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin-top: 179px;
}

.main_banner .bx-wrapper {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -960px;
}

.main_banner_wrap {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.bx-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 440px;
}

.bxslider {
    position: relative;
    height: 500px;
}

.bxslider li {
    float: none;
    list-style: outside none;
    position: absolute;
    width: 1920px;
    z-index: 0;
    display: none;
    height: 500px;
}

.bxslider li a {
    display: block;
}

.main_banner .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 59px;
    top: 43%;
    margin-top: unset;
}

.main_banner .bx-wrapper .bx-prev {
    left: 432px;
    background: url(/images/bx_main_prev.png) no-repeat 0;
}

.main_banner .bx-wrapper .bx-next {
    right: 432px;
    background: url(/images/bx_main_next.png) no-repeat 0;
}

.four_banner {
    display: flex;
    width: 995px;
    margin: 0 auto;
    margin-top: 35px;
}

.four_part_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.four_part_banner li {
    padding: 13px;
}

.band_banner {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.band_banner.first {
    width: 1920px;
    position: relative;
    z-index: 0;
    top: 179px;
    left: 50%;
    margin-left: -960px;
    margin-top: 0;
}

.band_center_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.brand_banner {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}

.v_banner {
    display: flex;
}

.v_banner>div {
    width: 320px;
    margin-right: 16px;
    position: relative;
}

.v_banner>div:last-child {
    margin-right: 0;
}

.v_banner>div>a {
    display: block;
}

.v_banner>div>a:link,
.v_banner>div>a:visited,
.v_banner>div>a:hover,
.v_banner>div>a:active {
    text-decoration: none;
}

.v_banner>div>a img.yt_play_btn {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -30px;
}

.v_banner>div>a img.yt_play_btn2 {
    opacity: 0;
}

.v_li_sub {
    font-size: 14px;
    padding-top: 10px;
}


/*#hd_menu .menu_title {width:;height:20px;display:inline-block; padding:8px 20px;text-align:center;font-size:16px;cursor:pointer;}*/
/*//////*/
#hd_menu .menu_title_isis {
    height: 20px;
    display: inline-block;
    padding: 12px 0px 8px 17px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

#hd_menu .menu_title_isis:hover {
    color: #ee2f49;
}

.menu_title_isis_fir {
    padding-left: 0;
}

#hd_menu .the_menu_is {
    color: #323232;
    margin: 0 0 0 -16px;
    height: 40px;
    position: relative;
}

#hd_menu .the_menu_is ul {
    list-style-type: none;
}

#hd_menu .the_menu_is

/*#hd_menu .the_menu_is > div:hover{background:#FFF;color:#323232;}*/
#hd_menu .the_menu_is span {
    font-size: 16px
}

/*//////*/

#hd_menu .menu_sub,
#hd_menu .menu_sub02,
#hd_menu .menu_sub03 {
    position: absolute;
    z-index: 11;
    width: 995px;
    margin: 0 auto
}

.menu_sub02 {
    left: 0
}

.menu_sub03 {
    left: 0
}

.menu_sub .menu_sublist,
.menu_sub02 .menu_sublist,
.menu_sub03 .menu_sublist {
    width: auto;
    height: auto;
    display: inline-block;
    background: #fff;
    padding: 20px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.menu_sub03 .menu_sublist {
    width: 1000px;
    height: autop;
    padding: 25px 0 25px 0
}

.menu_sublist .sublist,
.menu_sublist .listitem02 {
    width: 130px;
    margin-right: 5px;
    display: inline-block;
    line-height: 200%;
    float: left
}

.menu_sublist .listitem03 {
    width: 200px;
    margin-right: 20px;
    display: inline-block;
    line-height: 200%;
    float: left
}

.menu_sublist .sublist02 {
    width: 100%;
    float: left;
    margin-right: 20px
}

.menu_sub03 .sublist03 {
    width: 292px;
    float: left;
    padding: 0 15px 0 25px;
    border-right: 0px solid #e2e2e2;
}

.menu_sub03 .sublist03 img {
    width: 280px;
    height: 180px
}

.sublist03 p.sub_menu {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px
}

.sublist03 p.sub_menu02 {
    font-size: 13px;
    line-height: 160%;
    padding-top: 30px
}

.sublist .sub_menu,
.sublist02 .sub_menu {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px
}

.sublist .sub_menu a,
.sublist02 .sub_menu a {
    display: block;
    font-size: 12px;
    padding: 5px 0 10px 0;
    font-weight: bold
}

.sublist .sub_menu {
    margin-top: -5px !important
}

.sublist .sub_menu a {
    height: 25px;
    padding: 2px 0 7px 0 !important
}

.sublist02 .sub_menu .brands_title {
    display: inline-block;
    float: left;
    margin-right: 35px
}

.sublist02 .alphabet {
    display: inlnie-block
}

.sublist02 .alphabet li {
    float: left;
    width: 23px;
    text-align: center
}

.sublist02 .alphabet li a {
    color: #646464 !important;
    font-size: 11px;
    font-weight: normal
}

.sublist .listitem li a,
.sublist02 .listitem02 li a {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #646464
}

.sublist .listitem li a,
.sublist02 .listitem03 li a {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #646464
}


/*Quick Link by CY*/
#hd_menu .q_menu_sub {
    position: absolute;
    z-index: 11;
    margin: 0 auto
}

#hd_menu .q_menu_sub .menu_sublist {
    width: auto;
    height: 264px;
    display: inline-block;
    background: #fff;
    padding: 16px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.menu_sublist .q_sublist {
    display: inline-block;
    line-height: 200%;
    float: left
}

.menu_sublist .q_sublist_1 {
    width: 350px;
    margin-right: 16px;
}

.menu_sublist .q_sublist .listitem li {
    font-size: 15px;
    margin-bottom: 5px;
}

.menu_sublist .q_sublist .sublist_inner_img {
    width: 192px;
    float: left;
    margin-right: 16px;
}

.menu_sublist .q_sublist .sublist_inner_img:last-child {
    margin-right: 0;
}

/* FASHION 퀵링크 마우스 오버 */
#fashion {
    position: relative;
}

#fashion .fashion_menu {
    display: none;
    position: absolute;
    width: 100px;
    padding: 8px 20px 20px 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);
}

#fashion:hover .fashion_menu {
    display: block;
}

#fashion .fashion_menu li {
    padding: 6px 0;
}

#fashion .fashion_menu a {
    font-weight: bold;
}


/* K-FOOD, K-POP 퀵링크 마우스 오버 */
#kfood,
#KPOP {
    position: relative;
}

#kfood .kfood_menu,
#KPOP .kpop_menu {
    display: none;
    position: absolute;
    width: 140px;
    padding: 8px 20px 20px 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);
}

#KPOP .kpop_menu {
    top: 40px;
}

#kfood:hover .kfood_menu,
#KPOP:hover .kpop_menu {
    display: block;
}

#kfood .kfood_menu li,
#KPOP .kpop_menu li {
    padding: 6px 0;
}

#kfood .kfood_menu a,
#KPOP .kpop_menu a {
    font-weight: bold;
}

/* top menu brand title */
.is_menu_brand_cosmetics {
    width: 550px;
    display: inline-block;
    border-bottom: 1px solid #e2e2e2;
    font-size: 12px;
    padding: 5px 0 10px 0;
    font-weight: bold;
    color: #323232
}

.is_menu_brand_foods {
    width: 250px;
    display: inline-block;
    border-bottom: 1px solid #e2e2e2;
    font-size: 12px;
    padding: 5px 0 10px 0;
    font-weight: bold;
    color: #323232;
    margin: 0 0 0 130px
}


#hd_qnb {
    border-bottom: 1px solid #e9e9e9;
    zoom: 1
}

#hd_qnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#hd_qnb h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#hd_qnb div {
    /* text-align: ; */
    letter-spacing: -4px
}

#hd_qnb a {
    letter-spacing: 0;
    color: #a8ee00;
    font-weight: bold;
    font-size: 13px;
}

#hd_wrapper {
    position: relative;
    margin: 0 auto;
    padding: 26px 0;
    width: 970px;
    zoom: 1
}

#hd_wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

/* 관리자  메인메뉴 */
#gnb {
    position: relative;
    margin: -1px 0 0;
    border-top: 1px dotted #dde4e9;
    border-bottom: 1px solid #dde4e9;
    background: #ecf0f7
}

#gnb h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#gnb_1dul {
    margin: 0 auto !important;
    padding: 0;
    width: 970px;
    zoom: 1
}

#gnb_1dul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.gnb_1dli {
    z-index: 10;
    position: relative;
    float: left
}

.gnb_1da {
    display: inline-block;
    padding: 0 40px 0 10px;
    height: 35px;
    background: url('/images/gnb_bg00.gif') center right no-repeat;
    font-weight: bold;
    line-height: 2.95em;
    text-decoration: none
}

.gnb_1da:focus,
.gnb_1da:hover {
    background: url('/images/gnb_bg00.gif') #333 center right no-repeat;
    text-decoration: none
}

.gnb_1dli_air .gnb_1da {
    background-color: #333;
    color: #fff
}

.gnb_1dli_on .gnb_1da {
    background-color: #333;
    color: #fff
}

.gnb_2dul {
    display: none;
    position: absolute;
    top: 35px;
    width: 180px
}

.gnb_2da {
    display: block;
    padding: 13px 10px;
    text-align: left;
    text-decoration: none
}

.gnb_1dli_air .gnb_2da {
    background-color: #333;
    color: #fff
}

.gnb_1dli_on .gnb_2da {
    background-color: #333;
    color: #fff
}

.gnb_2da:focus,
.gnb_2da:hover {
    background: #666;
    text-decoration: none
}

.gnb_1dli_over .gnb_2dul {
    display: block;
    left: 0;
    background: #fff
}

.gnb_1dli_over2 .gnb_2dul {
    display: block;
    right: 0;
    background: #fff
}

#gnb_empty {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    line-height: 2em
}

#gnb_empty a {
    text-decoration: underline
}

/* 중간 레이아웃 */
#wrapper {
    width: 100%;
    z-index: 5;
    margin: 0 auto;
    zoom: 1;
    margin-top: 194px;
    position: relative;
    display: inline;
}

#wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#wrapper_title {
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: bold
}

/* aside wrapper */
#aside {
    float: left;
    margin: 0 10px 0 0;
    width: 150px
}

/* Layout */
#container {
    position: relative;
    width: 100%;
    height: auto !important;
    /* background: ; */
    zoom: 1;
    clear: both;
}

#ftcontainer {
    border-top: 1px solid #ddd;
    position: relative;
    width: 100%;
    height: auto !important;
    /* background: ; */
    zoom: 1;
    clear: both;
}

#container:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.sub_container {
    width: 995px;
    margin: 187px auto 20px;
    position: relative;
}

.layout1000 {
    width: 995px;
    margin: 0 auto;
}

/*20151029add */
.layout995 {
    width: 995px;
    margin: 0 auto;
    display: inline-block;
    text-align: left
}

/*.dotted_area {width:100%;border-top:1px dotted #bbb;display:inline-block;margin:30px 0 20px 0}*/
/*20151029end */
/* main */
#maincontents {
    width: 995px;
    text-align: center;
    margin: 0 auto;
}

#maincontents .mainarea {
    width: 995px;
    display: inline-block;
    margin: 0 auto
}

#maincontents .mainb01,
#maincontents .mainb02 {
    width: 100%;
    text-align: center;
    display: inlnie-block
}

#maincontents .mainb02 {
    margin-top: 25px
}

#maincontents .mainb03 {
    width: 630px;
    display: inline-block
}

#maincontents .mainb04 {
    width: 333px;
    float: right;
    display: inline-block
}

/*2015-10-27 add start*/
#maincontents .main_banner {
    width: 995px;
    height: 439px;
    /*display:inline-block;overflow:hidden*/
}

#maincontents .mainthumb {
    width: 100%;
    float: left;
    padding: 15px 0 0;
    background: #fff;
    text-align: center;
    position: relative
}

#maincontents .mainthumb ul {
    display: inline-block
}

#maincontents .mainthumb li {
    overflow: hidden;
    width: 230px;
    float: left;
    margin: 0 15px;
    text-align: left
}

#maincontents .date {
    font-family: arial;
    font-size: 9px;
    margin-bottom: 10px
}

#maincontents a:hover .date {
    text-decoration: none !important
}

#maincontents .link_text {
    font-size: 11px;
    margin-top: 5px
}

#maincontents .sub_banner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

#maincontents .sub_banner_list {
    margin: 13px;
    width: 470px;
}

#maincontents .bx-wrapper .bx-controls-direction a {
    z-index: 9977 !important;
}



/*hotdeal_area*/
.hotdeal_area {
    margin-top: 60px;
}

.title_box {
    text-align: left;
}

.title_txt {
    font-size: 23px;
}

.hot_title_float {
    float: left;
}

#countdown {
    margin-left: 11px;
    position: relative;
    top: -2px;
}

.title_box em {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 1px 0 1px;
    background: url(/images/hot_deals_time_number.png);
    background-repeat: no-repeat;
}

.title_box em.num0 {
    background-position: 0px -1px;
}

.title_box em.num1 {
    background-position: -32px -1px;
}

.title_box em.num2 {
    background-position: -64px -1px;
}

.title_box em.num3 {
    background-position: -96px -1px;
}

.title_box em.num4 {
    background-position: -128px -1px;
}

.title_box em.num5 {
    background-position: -160px -1px;
}

.title_box em.num6 {
    background-position: -192px -1px;
}

.title_box em.num7 {
    background-position: -224px -1px;
}

.title_box em.num8 {
    background-position: -256px -1px;
}

.title_box em.num9 {
    background-position: -288px -1px;
}

.title_box em.colon {
    background-position: -325px -1px;
    width: 5px;
}

.hotdeal_area .prod_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
}

.hotdeal_area .prod_list {
    overflow: hidden;
    position: relative;
    width: 242px;
    height: 360px;
    border: 1px solid #fff;
    margin-bottom: 17px;
    box-sizing: border-box;
}

.hotdeal_area .prod_list:last-child {
    margin-right: 0;
}

.hotdeal_area .prod_list.hover {
    border: 1px solid #000;
    padding: 0;
}

.hotdeal_area .prod_list>a {
    display: block;
    width: 100%;
}

.hotdeal_area .prod_list a:link,
.hotdeal_area .prod_list a:hover,
.hotdeal_area .prod_list a:active,
.hotdeal_area .prod_list a:visited {
    text-decoration: none;
}

.hotdeal_area .prod_list .p_img>img {
    width: 100%;
}

.hotdeal_area .prod_list .p_info {
    height: 140px;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 16px;
    position: relative;
}

.hotdeal_area .prod_list .p_info p {
    font-size: 14px;
}

.hotdeal_area .prod_list .p_info p.brand {
    color: #838383;
}

.hotdeal_area .prod_list .p_info p.name {
    color: #323232;
    margin-top: 6px;
}

.hotdeal_area .prod_list .p_info .price {
    margin-top: 10px;
}

/* 상품 오버시 위시리스트,장바구니 버튼 */
.prod_list.hover .prod_list_button {
    display: block;
}

.sct_li.hover .prod_list_button {
    display: block;
    height: 54px;
    z-index: 999;
}

.recommendation_item li.hover .prod_list_button {
    display: block;
    z-index: 999;
}

.prod_list_button {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 112px;
    margin-top: -20px;
    transform: translate(-50%, -50%);
    opacity: .9;
    filter: alpha(opacity=90);
}

.prod_list_button a {
    float: left;
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
}

.prod_list_button.masksheet {
    width: 112px;
}

/* 위시리스트,장바구니 버튼 클릭시 모달창 */
.prod_list_modal {
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 300px;
    padding: 10px;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    outline: 4px solid #fff;
}

.prod_list_modal h3 {
    margin: 16px 0;
    font-size: 28px;
    font-weight: normal;
}

.prod_list_modal .choice {
    overflow: hidden;
    margin: 16px 0;
}

.prod_list_modal .choice a {
    display: inline-block;
    font-weight: normal;
    margin: 0 6px;
    width: 134px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    border-radius: 18px;
    color: #fff;
    background-color: #b1b1b1;
    text-decoration: none;
}

.prod_list_modal .choice span,
.prod_list_modal .choice button {
    display: inline-block;
    font-weight: normal;
    margin: 0 6px;
    width: 134px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    background-color: #f694a4;
    border-radius: 18px;
    color: #fff;
    cursor: pointer
}


.recommendation_item li {
    position: relative;
    float: left;
    width: 222px;
    height: 380px;
    margin: 0 13px 60px;
    border: 1px solid #fff;
    box-sizing: border-box;
    text-align: center
}

.recommendation_item.masksheet li {
    width: 150px;
    max-height: 310px;
    margin: 0 27px 8px 18px;
    box-sizing: border-box;
}

.recommendation_item li.hover {
    border: 1px solid #000;
}

.recommendation_item.masksheet li.hover {
    border: 1px solid #fff;
}

.recommendation_item li .item_righticon {
    width: 220px !important;
}

.sct_img .item_righticon {
    width: 100% !important;
}

.hotdeal_area .price .percent {
    font-size: 12px;
    color: #ee2f49;
    font-weight: bold;
    margin-right: 10px;
}

.hotdeal_area .price .cost {
    font-size: 12px;
    font-weight: bold;
}

.hotdeal_area .price .gray_cost {
    display: block;
    font-size: 15px;
    margin-bottom: 6px;
    color: #999;
}

/* event_area by TS */
.hotdeal_area.event_wrap {
    margin-top: 30px;
}

#maincontents .sub_banner2 {
    margin-top: 12px;
    overflow: hidden;
}

.event_area {
    margin-top: 20px;
    overflow: auto;
}

.ajax-load {
    display: none;
    position: relative;
    cursor: pointer;
}

.ajax-load.active {
    display: block;
    height: 50px;
    background: #f2f2f2;
    color: #1f1f1f;
    font-size: 19px;
    font-family: "Roboto";
    line-height: 50px;
}

/*.ajax-load.active img {display: none; }
.ajax-load.loading img {display: block;position: absolute;top:0px;left:50%;margin-left: -25px;width:50px;}*/
#maincontents.brands_area {
    margin-top: 24px;
}


/* new brand_area by CY 180116 */
.sub_brand {
    margin-top: 17px;
    overflow: hidden;
    background: #f2f2f2;
    padding: 25px 20px;
}

.sub_brand>p {
    margin-bottom: 25px;
    font-size: 18px;
}

.sub_brand_ul {
    width: 945px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 16px;
}

.sub_brand_ul li {
    float: left;
    background: #fff;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 150px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.sub_brand_ul+div {
    background: #fff;
    width: 150px;
    border: 1px solid #aaa;
    box-sizing: border-box;
    margin: 0 auto;
}

.sub_brand_ul li>a,
.sub_brand_ul+div>a {
    display: block;
    padding: 10px 0;
}

.sub_brand_ul li>a:link,
.sub_brand_ul li>a:hover,
.sub_brand_ul li>a:active,
.sub_brand_ul li>a:visited,
.sub_brand_ul+div>a:link,
.sub_brand_ul+div>a:hover,
.sub_brand_ul+div>a:active,
.sub_brand_ul+div>a:visited {
    text-decoration: none;
}

#hero-slider2 {
    margin-top: 74px;
}

#hero-slider2 ul.brandname2 {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 31px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

#hero-slider2 li.mid_tab_list {
    float: left;
    text-align: center;
    cursor: pointer;
    width: 20%;
    height: 32px;
    line-height: 32px;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    box-sizing: border-box;
    color: #676767;
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: none;
}

#hero-slider2 li.mid_tab_list a.go_page {
    display: block;
}

#hero-slider2 li.mid_tab_list a.go_page:link,
#hero-slider2 li.mid_tab_list a.go_page:hover,
#hero-slider2 li.mid_tab_list a.go_page:active,
#hero-slider2 li.mid_tab_list a.go_page:visited {
    text-decoration: none;
}

#hero-slider2 li.active {
    background: #FFF;
    border-top: 1px solid #e6e6e6;
    color: #323232;
    border-bottom: 1px solid #FFF;
}

#hero-slider2 div.tab_content {
    position: relative;
}

#hero-slider2 a.main_more {
    position: absolute;
    top: 0;
    right: 13px;
}


#hero-slider2 .mask {
    width: 100%;
}

#hero-slider2 .panel {
    width: 734px;
    height: 637px;
    text-align: right;
}

#hero-slider2 .panel li {
    width: 210px;
    height: 284px;
    padding: 16px 16px 16px 17px;
    float: left
}

#hero-slider2 .panel .line_right_bottom {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#hero-slider2 .panel .line_bottom {
    border-bottom: 1px solid #e2e2e2;
}

#hero-slider2 .panel .line_right {
    border-right: 1px solid #e2e2e2
}



.kb_story_area {
    width: 995px;
    height: 340px;
    margin-top: 70px;
    border-top: 2px solid #5e5e5e;
    padding-top: 28px;
    text-align: left !important;
}

.mid_banner {
    margin-top: 25px;
}

.mid_banner a {
    display: block;
}




.mostpop_area {
    width: 100%;
    background: #efefef;
    padding: 40px 0;
    overflow: hidden;
}

.brands_area {
    padding-top: 41px;
    padding-bottom: 60px;
}

.hidden {
    display: block;
    width: 0;
    text-indent: -9000px;
    overflow: hidden;
}


.brands_area table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.brands_area .t_row {
    border-bottom: 1px solid #ddd;
}

.brands_area .td_1 {
    width: 32px;
}

.brands_area .td_2 {
    width: 963px;
}

.brands_area .td_1,
.td_2 {
    padding: 9px 0;
}

.brands_area .td_2 a {
    color: #6f6f6f !important;
}

.brands_area .td_li {
    float: left;
    margin-right: 23px;
}

.brands_area .circle {
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #9c9c9c;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}


.most_pop_items {
    margin-top: 21px;
}

li.li_back {
    width: 320px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 14px;
    margin-bottom: 23px;
    text-align: left;
}

li.li_back:nth-child(3),
li.li_back:nth-child(6) {
    margin-right: 0;
}

li.li_back:nth-child(4),
li.li_back:nth-child(5),
li.li_back:nth-child(6) {
    margin-bottom: 0;
}

li.li_back a {
    display: block;
}

li.li_back a:link,
li.li_back a:hover,
li.li_back a:active,
li.li_back a:visited {
    text-decoration: none;
}

li.li_back .p_img {
    width: 320px;
    height: 160px;
}

li.li_back .p_info {
    background: #fff;
    height: 120px;
    box-sizing: border-box;
    padding: 12px 13px
}



.mostpop_area .li_back .p_info {
    position: relative;
}

.mostpop_area .li_back .p_info p {
    font-size: 16px;
}

.mostpop_area .li_back .p_info p.brand {
    color: #838383;
}

.mostpop_area .li_back .p_info p.name {
    color: #323232;
}

.mostpop_area .li_back .p_info .price {
    position: absolute;
    bottom: 12px;
}

.mostpop_area .price .percent {
    font-size: 26px;
    color: #ee2f49;
    font-weight: bold;
    margin-right: 10px;
}

.mostpop_area .price .cost {
    font-size: 26px;
    font-weight: bold;
}

.mostpop_area .price .gray_cost {
    font-size: 13px;
    margin-left: 6px;
    color: #626262;
}


#toTop {
    position: fixed;
    bottom: 30px;
    right: 60px;
    cursor: pointer;
    text-decoration: none;
    z-index: 99999;
}














.main_timesale .timesale_title {
    float: left
}

.main_timesale {
    margin: 0 0 40px 0
}

.main_timesale .timesale,
.main_timesale .saletoday {
    width: 500px;
    position: relative;
    text-align: center
}

.main_timesale .timesale {
    margin: 0 0 0 0;
    width: 270px;
    height: 294px;
    padding: 15px 15px 0 15px;
    background-color: #f7f7f7;
}

.main_timesale .timesale {
    padding-top: 20px;
}

.main_timesale .timesale h2.main_title {
    padding-left: 35px
}


.main_timesale .timesale2 {
    width: 240px;
    height: 0;
    float: right;
    text-align: left;
    position: relative;
    margin: -280px 0 0 0;
    z-index: 999
}

.main_timesale .timesale2 .timebox {
    width: 280px;
    position: absolute;
    top: 545px
        /*530px*/
    ;
    left: 16px
}

.main_timesale .timesale2 .timebox .time2 {
    width: 45px;
    height: 22px;
    display: inline-block;
    background-color: #2c2c2c;
    border-radius: 5px;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-left: 5px
}

.main_timesale .timesale2 .timebox .colons {
    float: left;
    margin-left: 5px;
    font-size: 18px;
}

.bt_pink {
    background: #323232;
    border-radius: 5px;
    margin: 5px 20px;
    padding: 5px
}

.bt_pink a {
    color: #FFF;
    text-decoration: none
}

.main_timesale .timesale .timesale_icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 25px
}

.main_timesale .timesale .timesale_icon span {
    font-size: 14px;
    color: #ff003c;
    display: inline-block;
    margin: 40px 0 0 -2px;
    font-weight: bold
}

.main_timesale .timesale_pro {
    margin: 20px auto;
    position: relative
}

.main_timesale .timesale_pro .heart_icon {
    width: 29px;
    height: 29px;
    background-position: 0 -100px;
    position: absolute;
    display: block;
    left: 243px;
    top: -5px
}

.main_timesale .timesale_pro .proimg {
    display: inline-block;
    margin-top: 0;
    border: 1px solid #e2e2e2
}

.main_timesale .timesale_pro .protext {
    text-align: center;
    margin-top: 5px;
    /*line-height:200%*/
}

.main_timesale .timesale_pro .protext2 {
    text-align: center;
}

.main_timesale .saletoday {
    width: 642px;
    padding: 15px 15px 0 15px;
    background-color: #f7f7f7;
    margin-top: 0
}

.main_timesale .saletoday_title {
    width: 100%;
    display: inline-block;
    margin: 5px 0 10px 0;
    text-align: left
}

.main_timesale .saletoday_title h2.main_title {
    background-color: #79b5f1;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    /* float: left; */
}

.main_timesale .saletoday_title .title_sub {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    padding-top: 5px
}

.main_timesale .slide_nav {
    width: 50px;
    float: right;
    padding-top: 10px
}

.main_timesale .slide_nav li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 7px;
    background-color: #b4b4b4;
    float: left;
    /*background:url("/shop/images/silde_nav.png") 0 15px  no-repeat;*/
}

.main_timesale .slide_nav li.on {
    background: #4290c2
}

.main_ranking .rankinglist {
    position: relative;
    clear: both;
}

.main_timesale .saletodaylist {
    position: relative;
    clear: both;
}

.main_timesale .saletodaylist li {
    /*line-height:140%;*/
    width: 151px;
    float: left;
    margin: 0 5px;
    padding: 3px 0 15px 0;
    position: relative;
    background: #fff;
    border: 1px solid #e2e2e2;
    text-align: center;
    height: 240px;
}

/* height:300px; */
.main_timesale .saletodaylist p {
    margin: 0px 5px
}

/*{margin:20px 5px}*/

.main_timesale .saletodaylist .protext a {
    font-size: 12px;
}

.main_timesale .saletoday .saletodaylist strong {
    font-size: 12px
}

.main_timesale .saletodaylist strong {
    margin-top: 13px
}

.main_ranking .rankinglist p,
.main_new .rankinglist p,
.rmd_cosmetics .protext,
.rmd_foods .protext {
    text-align: left;
}

.main_ranking .protext a,
.main_new .protext a {
    font-size: 12px;
    text-align: left
}

.main_timesale .saletodaylist strong,
.main_ranking .rankinglist strong,
.main_new .rankinglist strong,
.main_rmd .protext strong {
    display: block;
}

.main_ranking .protext {
    height: 95px;
    position: relative;
}

.main_ranking .protext .name {
    margin-top: 5px;
}

.main_ranking .protext a.protext_link {
    display: block;
}

.main_ranking .protext a.protext_link:link,
.main_ranking .protext a.protext_link:hover,
.main_ranking .protext a.protext_link:visited,
.main_ranking .protext a.protext_link:active {
    text-decoration: none;
}

.main_ranking .protext .pro_price {
    position: absolute;
    bottom: 0;
}

.rankinglist li {
    margin-top: 14px;
}







.main_ranking {
    width: 100%;
    clear: both;
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 34px 0 0 0;
}

.main_new {
    width: 100%;
    clear: both;
    display: inline-block;
    padding: 40px 0 0 0;
}

.main_new {
    padding-top: 40px
}

.main_ranking .ranking_title,
.main_new .ranking_title {
    text-align: left;
    width: 995px;
    display: inline-block;
    line-height: 180%
}

.main_ranking .ranking_title .main_title,
.main_new .ranking_title .main_title {
    display: inline-block;
    float: left
}

.main_ranking .ranking_title .category,
.main_new .ranking_title .category {
    float: right;
    display: inline-block;
    margin: 10px 0 0
}

.main_ranking .ranking_title .category li,
.main_new .ranking_title .category li {
    float: left;
    display: inline-block;
    border-right: 1px solid #646464;
    padding: 0;
    margin: 7px 10px 0 0;
    height: 15px;
    line-height: 120%;
    overflow: hidden;
    font-weight: bold;
}

.main_ranking .ranking_title .category li a,
.main_new .ranking_title .category li a {
    /* font-weight: ; */
    font-size: 12px
}

.main_ranking .rankinglist,
.main_new .rankinglist {
    display: inline-block;
    padding-top: 0px;
    clear: both;
    margin-left: 0px
}

/*.main_ranking .ranking_icon, .main_new .ranking_icon {width:60px;height:60px;background-position:0 -135px;position:absolute;display:inline-block;left:-13px;top:-15px}*/
/*.main_new .ranking_icon {background-position:-60px -135px;}*/

/*.main_ranking .ranking_icon2, .main_new .ranking_icon2 {width:60px;height:60px;background-position:0 -592px;position:absolute;display:inline-block;left:-13px;top:-15px}*/
/*.main_new .ranking_icon2 {background-position:-60px -592px;}*/

.main_ranking .ranking_icon .rankingtext,
.main_ranking .ranking_icon2 .rankingtext {
    font-size: 20px;
    color: #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    display: inline-block;
    padding-bottom: 1px;
    font-family: Arial;
    margin: 14px 0 0 10px
}

.main_ranking .ranking_num,
.main_new .ranking_num {
    position: absolute;
    font-size: 18px;
    border-bottom: 2px solid #005392;
    color: #005392;
    display: inline-block;
    padding-bottom: 2px;
    font-family: Arial;
    margin: 8px 0 0 10px
}

.main_ranking .rankinglist li,
.main_new .rankinglist li {
    width: 230px;
    float: left;
    position: relative;
    margin-right: 24px
}

.main_ranking .rankinglist .proimg {
    border: 1px solid #e2e2e2
}

.main_ranking .proimg,
.main_new .proimg,
.main_rmd .proimg {
    border: 1px solid #e2e2e2;
    display: inline-block
}

.main_ranking .protext strong,
.main_new .protext strong {
    margin-top: 6px;
    color: #eb4e52
}

.main_rmd {
    padding: 0 0 0 0;
    text-align: center !important
}

.rmd_cosmetics,
.rmd_fashion,
.rmd_foods {
    width: 100%;
    display: inline-block;
    margin-top: 0px;
}

.rmd_cosmetics .rmd_title,
.rmd_fashion .rmd_title,
.rmd_foods .rmd_title {
    display: inline-block;
    height: 80px;
    background-position: 0 -220px;
    position: relative;
    text-align: center
}

.rmd_fashion .rmd_title {
    background-position: 0 -307px;
}

.rmd_foods .rmd_title {
    background-position: 0 -307px;
}

.rmd_cosmetics .rmdtitle,
.rmd_fashion .rmdtitle,
.rmd_foods .rmdtitle {
    height: 80px;
    margin: 30px 20px 0 100px;
    display: inline-block;
    float: left
}

.rmd_cosmetics .rmdtitle {
    width: 205px;
    background-position: 0 -555px
}

.rmd_foods .rmdtitle {
    width: 175px;
    background-position: 0 -614px
}

.rmd_cosmetics .rmd_icon,
.rmd_fashion .rmd_icon,
.rmd_foods .rmd_icon {
    width: 41px;
    height: 42px;
    background-position: 0 -493px;
    display: inline-block;
    margin-top: 29px
}

.rmd_fashion .rmd_icon {
    width: 39px;
    height: 36px;
    background-position: -56px -493px;
}

.rmd_foods .rmd_icon {
    width: 39px;
    height: 40px;
    background-position: -109px -493px;
}

.rmd_cosmetics .rmd_list,
.rmd_fashion .rmd_list,
.rmd_foods .rmd_list {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.rmd_cosmetics .rmd_list li,
.rmd_fashion .rmd_list li,
.rmd_foods .rmd_list li {
    width: 190px;
    margin-right: 11px;
    float: left
}

.main_rmd .protext a {
    text-align: left;
    font-size: 12px
}

.main_rmd .protext strong {
    margin-top: 6px;
    color: #eb4e52
        /*#e31d71*/
    ;
    text-align: left;
    font-size: 12px
}

.main_rmd .cb_ranking,
.main_rmd .fb_ranking {
    width: 100%;
    float: left;
    margin: 30px 0 30px 0;
    text-align: center;
    position: relative
}

.main_rmd .cb_ranking h3,
.main_rmd .fb_ranking h3 {
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 0 5px
}

.main_rmd .fb_ranking h3 {
    border-bottom: 1px solid #2c2c2c;
    margin-bottom: 20px;
}

.main_rmd .cb_ranking ul,
.main_rmd .fb_ranking ul {
    display: inline-block
}

.main_rmd .cb_list {
    width: 995px;
}

.main_rmd .cb_list li {
    width: 134px;
    display: inline-block;
    float: left;
    margin-right: 37px;
    text-align: center
}

.main_rmd .cb_list .cb_name {
    background: #f1f1f1;
    width: 134px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 3px;
    font-weight: bold
}

.main_rmd .cb_list .proimg {
    border: 1px solid #e2e2e2
}

.main_rmd .cb_list .cb_text {
    width: 134px;
    display: inline-block;
    font-size: 9px;
    margin-top: 5px;
    text-align: left
}

.main_rmd .fb_ranking li {
    width: 482px;
    height: 236px;
    float: left;
    margin-right: 31px
}

.rmd_cosmetics .more_j {
    float: right;
    display: inline-block;
    display: inline;
    margin: 15px 0 0 60px;
    height: 12px;
    font-size: 12px;
    padding: 1px 0;
    /* font-weight: */
}

.rmd_cosmetics .more_j a {
    text-decoration: none;
}

.main_eventlist {
    width: 995px;
    margin: 40px 0 0
}

.main_eventlist .eventlist li {
    width: 152px;
    float: left;
    margin: 5px 16px 0 0;
}

.main_eventlist .eventlist .text {
    margin-top: 5px;
    font-size: 10px
}

.main_faq {
    margin: 40px 0 30px 0
}

.main_faq h2 {
    text-align: center
}

/* .main_faqarea {
    margin-top:
} */

.main_faqarea .faqarea01,
.main_faqarea .faqarea03 {
    width: 270px;
    margin-right: 17px
}

.main_faqarea .faqarea02 {
    width: 421px;
    margin-right: 17px
}

.main_faqarea .faqarea03 {
    margin-right: 0
}

.main_faqarea .faqarea01 h3,
.main_faqarea .faqarea02 h3,
.main_faqarea .faqarea03 h3 {
    width: 100%;
    border-radius: 3px;
    font-size: 15px;
    background: #ff85aa;
    padding: 1px 0 0 0;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.main_faqarea .faqarea03 h3 {
    background: #79b5f1
}

.main_faqarea .section01 {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0 10px 10px
}

.main_faqarea .section02 {
    padding: 10px 0 10px 10px;
    color: #646464;
    font-size: 15px;
    text-align: center
}

.main_faqarea .section01 .sectionlist {
    padding: 10px 0 0 15px
}

.main_faqarea .section01 .sectionlist li {
    margin: 2px 0 8px
}

.main_faqarea .faqarea02 .section01 {
    padding-bottom: 20px
}

.main_faqarea .faqfont02 {
    color: #646464
}

.main_faqarea .faqfont {
    color: #646464;
}

.main_faqarea .faqfont02 {
    margin: 10px 15px 0 18px
}

.main_faqarea .faqlist li {
    border-bottom: 1px solid #e2e2e2;
    padding: 9px 20px 9px 15px;
}

.main_faqarea .faqlist li a {
    font-size: 13px
}

.main_faqarea .faqlist li .faqlist_icon {
    width: 11px;
    height: 6px;
    display: inline-block;
    background-position: -80px -93px;
    float: right;
    margin-top: 8px
}

.main_faqarea .section03 {
    padding-left: 10px
}

.main_faqarea .section03 a,
.main_faqarea .section03 p {
    color: #646464;
    padding: 3px 0 0 30px
}

.main_faqarea .section03 .in_line_main {
    border: 1px solid #000;
    width: 100%;
    margin: 5px 0;
    padding: 2px 0 5px;
    color: #323232;
    font-weight: bold;
}

.main_faqarea .section03 .in_line_main p {
    color: #323232;
    font-weight: bold;
}

.main_faqarea .tel {
    display: inline-block;
    font-size: 23px;
    color: #ff86ab;
    background-position: -165px -487px;
    padding-left: 27px;
    margin-bottom: 5px
}

.main_faqarea .office_hour {
    margin: 15px 10px 0 10px;
    padding: 15px 22px;
    background: #f9f9f9;
    height: 50px;
}

.main_faqarea .office_hour p {
    width: 50px;
    float: left;
    display: inline-block;
    font-size: 11px
}

.main_faqarea .office_hour ul {
    display: inline-block;
    float: right
}

.main_faqarea .office_hour ul li {
    color: #646464;
    font-size: 11px;
    text-align: right
}

/*///////////////////////////////// 변경한것들 */
.main_faqarea_is .faqarea01,
.main_faqarea_is .faqarea03 {
    width: 287px;
}

.main_faqarea_is .faqarea02 {
    width: 421px;
}

.main_faqarea_is .faqarea01 h3,
.main_faqarea_is .faqarea02 h3,
.main_faqarea_is .faqarea03 h3 {
    width: 100%;
    font-size: 14px;
    background: #ff85aa;
    padding: 5px 0;
    color: #fff;
    text-align: center;
}

.main_faqarea_is .faqarea01 h3,
.main_faqarea_is .faqarea03 h3 {
    background: #eb3a5f
}

.main_faqarea_is .section01 {
    padding: 10px 0 10px
}

.main_faqarea_is .faqarea02 h3 {
    background: #000
}

.main_faqarea_is .section01 .sectionlist {
    padding: 10px 0 0 15px
}

.main_faqarea_is .section01 .sectionlist li {
    margin: 2px 0 8px
}

.main_faqarea_is .faqarea02 .section01 {
    padding-bottom: 20px
}

.main_faqarea_is .faqfont {
    color: #646464;
    width: 260px;
    font-size: 12px
}

.main_faqarea_is .faqfont span {
    color: #eb3a5f;
    font-size: 12px;
    margin: 7px 0 3px;
    display: block
}

.main_faqarea_is .faqfont02 {
    color: #646464;
    margin: 0;
    padding: 10px 15px 0 18px;
    font-size: 12px;
    line-height: 135%;
}

.main_faqarea_is .faqlist li {
    padding: 9px 20px 9px 15px;
}

.main_faqarea_is .faqlist .li_line {
    border-bottom: 1px solid #e2e2e2;
    padding: 9px 20px 9px 15px;
}

.main_faqarea_is .faqlist li a {
    font-size: 12px
}

.main_faqarea_is .faqlist li .faqlist_icon {
    width: 11px;
    height: 6px;
    display: inline-block;
    background-position: -80px -93px;
    float: right;
    margin-top: 8px
}

.main_faqarea_is .section02 {
    padding: 30px 0 10px 30px;
    color: #646464;
    font-size: 12px;
    line-height: 170%;
    letter-spacing: 1px
}

.main_faqarea_is .section03 {
    padding-left: 10px;
    font-size: 12px;
}

.main_faqarea_is .section03 .in_line_main {
    margin: 5px 10px 5px;
}

.main_faqarea_is .section03 p {
    padding: 10px 0 0 10px;
    font-size: 12px;
    letter-spacing: 1px
}

.main_faqarea_is .tel {
    display: inline-block;
    font-size: 23px;
    color: #ff86ab;
    background-position: -165px -487px;
    padding-left: 27px;
    margin-bottom: 5px
}

.main_faqarea_is .office_hour {
    margin: 15px 10px 0 10px;
    padding: 15px 22px;
    background: #f9f9f9;
    height: 50px;
}

.main_faqarea_is .office_hour p {
    width: 50px;
    float: left;
    display: inline-block;
    font-size: 11px
}

.main_faqarea_is .office_hour ul {
    display: inline-block;
    float: right
}

.main_faqarea_is .office_hour ul li {
    color: #646464;
    font-size: 11px;
    text-align: right
}

/*///////////////////////////////*/

/*2015-10-27 add end*/
/*  main item */
.mainlist_type01 {
    clear: both;
    position: relative;
    display: block;
    font-size: 20px
}

.mainlist_type02 {
    margin-top: 10px;
    clear: both;
    position: relative;
    display: block;
    padding: 60px 0 0 0
}

.mainbrand {
    margin-top: 0
}

.mainlist_type01 .mainlist_title,
.mainlist_type02 .mainlist_title {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #2c2c2c;
    padding-bottom: 9px
}

.mainlist_type01 .main_title,
.mainlist_type02 .mainlist_title {
    display: inline;
    float: left
}

.mainlist_type01 .mainlist_title .category {
    float: right;
    display: inline-block
}

.mainlist_type01 .mainlist_title .category li {
    float: left;
    display: inline-block;
    margin-top: 10px;
    line-height: 120%;
    overflow: hidden;
    font-weight: bold;
    color: #646464
}

.mainlist_type01 .mainlist_title .category li a {
    color: #646464;
    font-size: 13px
}

.mainlist_type01 .oblique {
    padding: 0 10px;
}

.mainlist_type01 .mainlist,
.mainlist_type02 .mainlist {
    display: inline-block;
    padding-top: 23px;
    clear: both
}

.mainlist_type01 .mainlist li {
    width: 190px;
    float: left;
    margin-right: 9px
}

/*yk 수정*/
.mainlist_type02 .mainlist li {
    width: 238px;
    float: left;
    margin-right: 14px;
}

.mainlist_type01 .proimg,
.mainlist_type02 .proimg {
    border: 1px solid #e2e2e2;
    display: inline-block
}

.mainlist_type01 .mainlist p,
.mainlist_type02 .mainlist p,
.mainbrand .brandlist p {
    text-align: left;
    margin-top: 5px;
    height: 100px
}

.mainlist_type01 .protext a,
.mainlist_type02 .protext a,
.mainbrand .brandlist .protext a {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 12px
}

.mainlist_type01 .protext strong,
.mainlist_type02 .protext strong,
.mainbrand .brandlist .protext strong {
    width: 100%;
    display: inline-block;
    font-size: 17px;
    margin-top: 6px;
    color: #eb4e52
}

.mainlist_type01 .protext strong {
    font-size: 15px;
    color: #eb4e52
}

.mainlist_type01 .protext span,
.mainlist_type02 .protext span,
.mainbrand .brandlist .protext span {
    color: #868686;
    text-decoration: line-through;
    font-size: 12px;
    padding-left: 18px;
    font-weight: normal
}

.mainbrand .brandarea {
    width: 100%;
    height: 630px;
    border: 1px solid #e2e2e2;
    border-left: 0;
    overflow: hidden;
    margin-top: 10px
}

.mainbrand .brand_left {
    width: 263px;
    float: left
}

.mainbrand .brand_left .brand_banner {
    height: 316px
}

.mainbrand .brandname {
    height: 280px;
    background-color: #e61c4e;
    padding: 18px
}

.mainbrand .brandname li {
    width: 220px;
    border-top: 1px solid #eb6b83;
    padding: 13px 0 10px 0px;
    text-align: left
}

.mainbrand .brandname li a {
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 20px
}

/*.mainbrand .brandname li .line {width:1px;height:11px;border-left:1px solid #eb6b83;}*/
.mainbrand .brand_right {
    width: 731px;
    height: 630px;
    float: right;
    overflow: hidden;
}

.mainbrand .brandlist li {
    width: 210px;
    height: 284px;
    padding: 16px 16px 16px 17px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    float: left
}

.mainbrand .brandlist .protext {
    width: 185px;
    margin-left: 12px
}


/*  main item */

/* main Best Seller */
.bestseller {
    clear: both;
    position: relative;
    margin: 50px 0 30px 0;
}

.bestseller_title {
    width: 100%;
    height: 30px
}

/*
.bestseller_title_yk {width:995px;height:30px;margin:40px auto 10px}
.bestseller_title_yk .best_title2 {height:30px; margin:-15px auto;width:680px;text-align:center;position:;background:#fff;font-size:20pt;font-weight:;color:#282828}
*/
/* 크리스마스 */

/*.bestseller_title_yk {padding:10px 0 0;width:995px;height:125px;margin:0 auto 0; background:url("") no-repeat}*/

/*.bestseller_title_yk {padding:10px 0 0;width:995px;height:125px;margin:0 auto 0;}*/
/*이미지있을때 글자 아래 여백*/
.bestseller_title_yk {
    padding: 10px 0 0;
    width: 400px;
    height: 100px;
    margin: 0 auto 0;
}

/*이미지를 빼고 난 뒤 글자 아래 여백*/

.bestseller_title_yk .best_title2_is {
    padding: 20px 0 0;
    margin: 0 auto 0;
    text-align: center;
    /* position: ; */
    font-size: 18pt;
    font-weight: 900;
    color: #282828;
    font-family: -webkit-pictograph, 'Playfair Display', serif;
    text-decoration: none;
    /* line-height: */
}

a.is_text {
    text-decoration: none
}

a.is_text:hover .best_title2_is {
    color: #be2022 !important
}

.bestseller_title_yk .best_title22_is {
    margin: -10px auto 0;
    text-align: center;
    /* position: ; */
    font-size: 30pt;
    font-weight: 900;
    color: #282828;
    font-family: -webkit-pictograph, 'Playfair Display', serif;
    text-decoration: none;
    /* line-height: */
}

a.is_text {
    text-decoration: none
}

a.is_text:hover .best_title22_is {
    color: #be2022 !important
}

.bestseller_title_yk2 {
    padding: 10px 0 0;
    width: 400px;
    height: 40px;
    margin: 0 auto 0;
}

/*이미지를 빼고 난 뒤 글자 아래 여백*/

.bestseller_title_yk2 .best_title2_is {
    padding: 20px 0 0;
    margin: 0 auto 0;
    text-align: center;
    /* position: ; */
    font-size: 18pt;
    font-weight: 900;
    color: #282828;
    font-family: -webkit-pictograph, 'Playfair Display', serif;
    text-decoration: none;
    /* line-height: */
}

a.is_text {
    text-decoration: none
}

a.is_text:hover .best_title2_is {
    color: #be2022 !important
}

.bestseller_title_yk2 .best_title22_is {
    margin: -10px auto 0;
    text-align: center;
    /* position: ; */
    font-size: 30pt;
    font-weight: 900;
    color: #282828;
    font-family: -webkit-pictograph, 'Playfair Display', serif;
    text-decoration: none;
    /* line-height: */
}

a.is_text {
    text-decoration: none
}

a.is_text:hover .best_title22_is {
    color: #be2022 !important
}


.best_title {
    height: 30px;
    top: -10px;
    left: 390px;
    position: absolute;
    padding: 0 10px;
    background: #fff;
    font-size: 17px;
    /* font-weight: ; */
    float: left;
    color: #282828
}

.best_title1 {
    height: 30px;
    top: -10px;
    left: 325px;
    position: absolute;
    padding: 0 10px;
    background: #fff;
    font-size: 17px;
    /* font-weight: ; */
    float: left;
    color: #282828
}




.best_title22 {
    height: 30px;
    margin: 25px 0 0 0;
    left: 390px;
    text-align: center;
    /* position: ; */
    padding: 0 10 30px 0px;
    background: #fff;
    font-size: 12pt;
    /* font-weight: ; */
    color: #282828
}

.bestseller_title_yk .best_line {
    width: 100%;
    height: 1px;
    margin: 10px 0 0 0;
    background-color: #c1c1c1
}

.btn_more img {
    margin: -2px 0 0 10px
}

.best_line {
    width: 100%;
    height: 1px;
    background-color: #c1c1c1
}

.best_category {
    float: right;
    display: inline-block;
    background: #fff;
    margin-top: -15px;
    z-index: 4
}

.best_category .category li {
    float: left;
    display: inline-block;
    border-right: 1px solid #646464;
    padding: 0 10px;
    margin-top: 7px;
    height: 13px;
    line-height: 120%;
    overflow: hidden;
    font-weight: bold;
}

.best_category .category li a:hover {
    text-decoration: underline !important
}

.best_list {
    display: inline-block;
    clear: both;
    text-align: center
}

.best_list li {
    width: 200px;
    float: left;
    margin: 0 25px
}

.best_list .proimg {
    display: inline-block
}

.best_list .protext {
    width: 180px;
    text-align: center;
    margin-top: 5px;
    font-size: 12px
}

.best_list .protext a {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px
}

.best_list .protext strong {
    width: 100%;
    display: inline-block;
    font-weight: bold;
    margin-top: 8px;
}

.best_list .protext em {
    color: #868686;
    text-decoration: line-through;
    font-size: 12px;
    padding-left: 18px;
    font-weight: normal
}

.mainlist_arrow {
    width: 100%;
    position: absolute;
    top: 120px;
    left: -7px
}

.mainlist_arrow .back,
.mainlist_arrow .next {
    width: 16px;
    height: 33px;
    display: inline-block;
    background: url("/images/icon_arrow2.png") no-repeat
}

.mainlist_arrow .back {
    background-position: 0 0;
    float: left;
}

.mainlist_arrow .next {
    background-position: -23px 0;
    float: right;
}

.main_title {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    margin: 5px 0 0
}

/*메인 항목 타이틀 밑줄 보이게 작업*/
.main_title a:hover {
    text-decoration: underline;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    margin: 5px 0 0
}

.main_title a:link,
.main_title a:visited,
.main_title a:active {
    text-decoration: none;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    margin: 5px 0 0
}


.main_title_h3 {
    font-size: 18px
}

.main_bg {
    background: url("/shop/images/main_img.png") no-repeat;
    z-index: 9999
}

/* main category */
.main_category {
    width: 100%;
    border-top: 0px solid #e2e2e2;
    display: inline-block;
    padding: 100px 0 40px 0
}

/*.main_category {width:1000px;margin:0 auto;margin-top:80px;clear:both}*/
.main_category li {
    width: 125px;
    height: 150px;
    text-align: center;
    float: left;
}

.main_category li a {
    width: 86px;
    display: inline-block;
    background: url("/images/main_category.png") no-repeat
}

.main_category li a.serum {}

.main_category li a.facemasks {
    background-position: -130px 0
}

.main_category li a.cream {
    background-position: -257px 0
}

.main_category li a.lips {
    background-position: -380px 0
}

.main_category li a.shampoo {
    background-position: -506px 0
}

.main_category li a.facewash {
    background-position: -639px 0
}

.main_category li a.foundation {
    background-position: -773px 0
}

.main_category li a.sunscreen {
    background-position: -888px 0
}

.main_category li a span {
    display: inline-block;
    margin-top: 89px;
    font-size: 12px;
}

.main_category li a:hover span {
    color: #2a94f7
}

/* main SNS */
.main_sns {
    width: 100%;
    /*margin:80px 0 0px 0; */
    display: block;
    background: #005392;
    height: 200px;
    padding: 0px;
    clear: both
}

.main_snsarea {
    width: 750px;
    margin: 0 auto
}

.main_snsarea .snsface {
    margin: 60px 0 0 0;
    float: left;
}

.main_snsarea .snsdetail {
    display: inline-block;
    margin: 20px 0 0 0;
    width: 650px;
    float: right
}

.main_snsarea .snsgrade {
    color: #ffc010;
    font-size: 1.7em
}

.main_snsarea .snstext {
    font-style: Italic;
    color: #d4d4d4;
    font-size: 14px;
    margin-bottom: 30px
}

.main_snsarea .snsuser {
    font-style: Italic;
    color: #FFF;
    font-size: 13px
}

/* main social*/
.main_social {
    width: 100%;
    border-bottom: 2px solid #113555;
}

.main_socialarea {
    width: 1000px;
    margin: 20px auto;
    text-align: center
}

.main_social ul {
    display: inline-block;
    margin: 0 auto
}

.main_social li {
    text-align: center;
    width: 85px;
    float: left;
    border-right: 1px solid #f3f3f3
}

.main_social .text01 {
    color: #646464;
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-top: 3px
}

.main_social .text02 {
    color: #a2a2a2;
    font-size: 11px
}

/* main skcontents*/
.main_skcon {
    width: 1000px;
    margin: 30px auto 0;
    /*height:320px;*/
}

.main_skcon .brtitle {
    height: 30px;
    text-align: left
}

.main_skcon .brtitle span {
    font-size: 21px;
    font-weight: bold;
}

/*.main_ourbest {width:335px;display:inline-block;float:right}*/
.main_blogreview {
    width: 610px
}

.main_blogreview .brtitle {
    height: 30px
}

.main_blogreview .brtitle img {
    width: 24px;
    height: 24px;
    margin: -7px 7px 0 0
}

.main_blogreview .brtitle .line {
    margin-left: 262px;
    border-top: 1px solid #2c2c2c;
    width: 347px;
    height: 10px;
    margin-top: 12px;
}

.main_blogreview .blogcont {
    border: 1px solid #e0dede;
    padding: 20px 0 18px 20px
}

.main_blogreview .blogcont_title {
    color: #294c9b;
    font-size: 17px
}

.main_blogreview .bgplus01 {
    font-style: italic;
    font-size: 11px;
    padding-top: 2px
}

.main_blogreview .bgplus02 {
    margin-left: 10px;
    color: #4c4c67;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    font-weight: bold;
    padding: 0 2px;
}

.main_blogreview .blogsection {
    display: inline-block;
    margin-top: 5px
}

.main_blogreview .blogimg {
    width: 260px
}

.main_blogreview .blogtext {
    width: 280px;
    margin-left: 20px;
}

.main_blogreview .blogtext p {
    font-weight: normal
}

.main_blogreview a.read_more {
    display: inline-block;
    margin-top: 28px;
}

.main_blogreview2 {
    width: 335px
}

.main_blogreview2 .brtitle {
    height: 30px
}

.main_blogreview2 .brtitle img {
    width: 24px;
    height: 24px;
    margin: -7px 7px 0 0
}

.main_blogreview2 .brtitle .line {
    margin-left: 262px;
    border-top: 1px solid #2c2c2c;
    width: 347px;
    height: 10px;
    margin-top: 12px;
}

.main_blogreview2 .blogcont {
    border: 1px solid #e0dede;
    padding: 20px 0 18px 20px
}

.main_blogreview2 .blogcont_title {
    color: #294c9b;
    font-size: 17px
}

.main_blogreview2 .bgplus01 {
    font-style: italic;
    font-size: 11px;
    padding-top: 2px
}

.main_blogreview2 .bgplus02 {
    margin-left: 10px;
    color: #4c4c67;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    font-weight: bold;
    padding: 0 2px;
}

.main_blogreview2 .blogsection {
    display: inline-block;
    margin-top: 5px
}

.main_blogreview2 .blogimg {
    width: 260px
}

.main_blogreview2 .blogtext {
    width: 280px;
    margin-left: 20px;
}

.main_blogreview2 .blogtext p {
    font-weight: normal
}

.main_blogreview2 a.read_more {
    display: inline-block;
    margin-top: 28px;
}

.main_blogreview3 {
    width: 335px
}

.main_blogreview3 .brtitle {
    height: 30px
}

.main_blogreview3 .brtitle img {
    width: 24px;
    height: 24px;
    margin: -7px 7px 0 0
}

.main_blogreview3 .brtitle .line {
    margin-left: 262px;
    border-top: 1px solid #2c2c2c;
    width: 347px;
    height: 10px;
    margin-top: 12px;
}

.main_blogreview3 .blogcont {
    border: 1px solid #e0dede;
    padding: 20px 0 18px 20px
}

.main_blogreview3 .blogcont_title {
    color: #294c9b;
    font-size: 17px
}

.main_blogreview3 .bgplus01 {
    font-style: italic;
    font-size: 11px;
    padding-top: 2px
}

.main_blogreview3 .bgplus02 {
    margin-left: 10px;
    color: #4c4c67;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    font-weight: bold;
    padding: 0 2px;
}

.main_blogreview3 .blogsection {
    display: inline-block;
    margin-top: 5px
}

.main_blogreview3 .blogimg {
    width: 260px
}

.main_blogreview3 .blogtext {
    width: 280px;
    margin-left: 20px;
}

.main_blogreview3 .blogtext p {
    font-weight: normal
}

.main_blogreview3 a.read_more {
    display: inline-block;
    margin-top: 28px;
}

.fb-page {
    margin: 0 0 0 55px
}



/*  Subpage */
.sublayout {
    width: 100%;
    margin-top: 20px
}

/* navigation */
#breadcrumbs {
    width: 100%;
    height: 15px;
    margin-top: 15px
}

#breadcrumbs span {
    padding: 0 0px
}

#breadcrumbs a {
    font-size: 12px;
    color: #7d7d7d
}

#breadcrumbs a.navion {
    color: #2c2c2c !important
}

/* left Skin */
#left {
    width: 200px;
    float: left
}

.leftbg {
    background: url("/images/leftimg.png") no-repeat
}

.left_category {
    width: 100%
}

.left_title {
    background-color: #f1f1f1;
    height: 21px;
    color: #303030;
    font-size: 15px;
    text-align: center;
    padding-top: 5px
}

.left_title2 {
    height: 21px;
    color: #303030;
    font-size: 15px;
    text-align: left;
    padding-top: 15px;
    border-top: 1px solid #000;
    font-weight: bold;
}

.left_list {
    width: 198px;
    margin: 9px 0 0;
    scrollbar-face-color: #bcbcbc;
    scrollbar-shadow-color: #f1f1f1;
    scrollbar-higlight-color: #f1f1f1;
    scrollbar-track-color: #f1f1f1;
    scrollbar-arrow-color: #505050;
}

.left_categorybox,
.left_brandbox {
    padding: 0px 0
}

.left_brandbox {
    padding: 0;
    overflow-y: scroll;
    scrollbar-face-color: #bcbcbc;
    scrollbar-shadow-color: #f1f1f1;
    scrollbar-higlight-color: #f1f1f1;
    scrollbar-track-color: #f1f1f1;
    scrollbar-arrow-color: #505050;
}

.left_categorylist,
.left_brandlist {
    padding-bottom: 20px
}

.left_categorylist .calist,
.left_brandlist .calist {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.left_categorylist .calistlink,
.left_brandlist .calistlink {
    width: 100%;
    display: inline-block;
    font-weight: bold
}

.left_categorylist li a,
.left_brandlist li a,
.left_condition li {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 12px;
    color: #646464
}

.left_condition li {
    display: block
}

.left_brandlist {
    padding: 0px 0 0;
    height: 170px
}

.left_brandlist li a,
.left_condition li {
    padding-left: 3px
}

.left_brandlist li input[type="checkbox"],
.left_condition li input[type="checkbox"] {
    width: 11px;
    height: 11px;
    margin-top: -2px
}

.left_price,
.left_condition {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    text-align: center
}

.left_pricebox,
.left_conditionbox {
    padding: 10px 0
}

.left_pricetitle,
.left_conditiontitle {
    background: #f1f1f1;
    font-size: 14px;
    color: #303030;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5px
}

.prangebox {
    margin: 20px
}

.prangebox .prangebar,
.prangebox .prangebar_move {
    width: 170px;
    height: 4px;
    background-position: 0 -13px;
    background-repeat: repeat-x;
    position: relative
}

.prangebox .prangebar_move {
    background-position: 0 -22px;
    background-repeat: repeat-x
}

.prangebox .slider_left,
.prangebox .slider_right {
    width: 9px;
    height: 15px;
    position: absolute;
    display: block;
    background-position: 0 -31px;
    z-index: 5;
    top: -5px
}

.prangebox .slider_right {
    left: 161px
}

.prangebox .prangebar_move .slider_left {
    left: 50px
}

.prangebox .prange,
.left_conditionbox ul {
    margin-top: 15px
}

.prangebox .pricemin,
.prangebox .pricemax {
    width: 85px;
    display: inline-block;
    float: left;
    color: #646464;
    font-size: 12px
}

.prangebox .pricemax {
    text-align: right
}

.icon_arrow {
    width: 7px;
    height: 8px;
    margin: -2px 5px 0 0;
    display: inline-block;
}

/* subpage right */
/*
#subright {width:780px}
*/

/* product list SKIN */
.productlist_skin {
    margin-top: 50px
}

/* 상품목록 스킨 shop/basic/style.css*/

/* foonter & navigeter */
/* cdn 확인후 삭제
.navigeter {background:#edf0f5;height:230px;padding:40px 0 70px 0;margin:0 0 0;color:#363535}
.navigeter .navigeterlist, #footer .ftarea {width:1000px;margin:0 auto;}
.navigeter .navigeterlist_area {width:230px;margin-left:20px;float:left}
.navigeter .navigeter_title {color:#294c9b; font-size:18px;font-weight:normal}
.navigeter .navigeterlist_area ul {line-height:28px;padding-top:5px}
.navigeter .navigeterlist_area li a {font-weight:normal;font-size:13px}

.navigeter .use_infor_all{display:block;height:50px;background:;margin:160px 0 0 0;padding:10px 0 0 0;}
.navigeter .use_infor{width:985px;display:block;height:50px;background:;margin:0 auto;padding:10px 0 0 0;}
.navigeter .use1{float:left;width:380px;background:;margin:0 auto;padding:47px 0 0 15px;background:}
.navigeter .use1_1{float:right;width:120px;background:;margin:0 auto;padding:10px 20px 0 0;background:}
.navigeter .use2{float:right;width:120px;background:;margin:0 auto;padding:10px 20px 0 0;background:;text-align:right;}
.navigeter .use3{float:right;width:250px;background:;margin:0 auto;padding:10px 0 0 0;background:;text-align:right;}
.navigeter .brand200{font-size:4em;}
.navigeter  .brand{}
*/

/*////////////////////////////변경*/
.navigeter_is {
    overflow: hidden;
    height: 186px;
    padding: 40px 0 0 0;
    margin: 0 0 0;
    color: #363535;
    position: relative;
}

.navigeter_is .navigeterlist,
#footer .ftarea {
    width: 995px;
    margin: 0 auto;
    position: relative;
}

.navigeter_is .navigeterlist_area {
    width: 240px;
    float: left;
    margin-right: 40px;
}

.navigeter_is .navigeterlist_area01 {
    width: 160px;
    float: left;
    margin-right: 40px;
}

/* Policies */
.navigeter_is .navigeterlist_area03 {
    width: 280px;
    float: left;
    margin-right: 40px;
}

/* Policies */
.navigeter_is .navigeterlist_area04 {
    width: 100px;
    float: left
}

/* Policies */
.navigeter_is .navigeterlist_area00 {
    width: 280px;
    position: absolute;
    right: 0
}

/* Policies */
.navigeter_is .navigeter_title {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
}

.navigeter_is .navigeter_title03 {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
}

.navigeter_is .navigeter_title00 {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 0 0 70px;
}

.is_certification_all {
    position: absolute;
    top: 180px;
    right: 0
}

.is_certification img {
    width: 54px;
    margin: 0 6px 0;
}

.navigeter_is .navigeterlist_area,
.navigeter_is .navigeterlist_area01,
.navigeter_is .navigeterlist_area03,
.navigeter_is .navigeterlist_area04,
.navigeter_is .navigeterlist_area00 {
    margin: 0 0 40px 0
}

.navigeter_is ul {
    line-height: 28px;
    padding-top: 5px
}

.navigeter_is li a {
    font-weight: normal;
    font-size: 13px
}

.navigeter_is .sns_icon_is img {
    width: 32px;
    margin: 15px 2px
}

.navigeter_is .certification img {
    width: 54px;
    margin: 35px 6px 0
}

.navigeter_is .footer_use {
    display: block;
    width: 1000px;
    margin: 0 auto 20px;
}

.navigeter_is .payment_methods {
    margin: 20px 0 0
}

.navigeter_is .payment_methods img {
    margin: -5px 0 0;
    width: 220px
}

.navigeter_is .shipping_partners {
    margin: 20px 0 0 20px
}

.navigeter_is .shipping_partners img {
    margin: -5px 0 0
}

/*//////////////////////////////*/


#footer {
    background: #2c2a2a;
    padding: 40px 0;
    color: #e0e0e0;
    font-weight: normal;
    font-size: 12px
}

#footer .footer_logo {
    float: left
}

#footer .footer_logo img {
    width: 220px;
}

#footer .footercont {
    width: 730px;
    float: right;
    line-height: 20px
}

#footer .footercont li {
    border-right: 1px solid #646464;
    float: left;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    color: #e0e0e0;
    font-size: 12px
}

#footer address {
    font-style: normal;
    clear: both
}

#footer .footer_ment {
    width: 995px;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 40px 0 0;
    color: #999;
    line-height: 1.5em;
}

#footer .footer_ment a {
    color: #999
}

#footer .sns_icon_area {
    margin-top: 10px;
}

#footer .sns_icon_area a {
    display: inline-block;
    margin-right: 7px;
}

#footer .sns_icon_area img.sns_icon {
    width: 30px;
    height: 30px;
}

/* Quick Menu */
#quick_menu {
    position: fixed;
    height: 100%;
    display: block;
    right: 0;
    top: 0;
    z-index: 999999
}

#quick_menu .quick {
    width: 35px;
    height: 100%;
    display: block;
    background: #2c2c2c;
    position: relative
}

#quick_menu .quick_img {
    background: url("/images/quick_img.png") no-repeat
}

#quick_menu .quicklist {
    position: absolute;
    top: 150px
}

#quick_menu .quick li {
    width: 35px;
    position: relative;
    text-align: center;
    z-index: 777;
    display: inline-block;
}

#quick_menu .quick li a:hover,
#quick_menu a:hover.q_top {
    background-color: #5b9147
}

#quick_menu .tab {
    position: absolute;
    left: -80px;
    top: 0;
    height: 35px;
    width: 80px;
    background-position: right -307px;
    background-color: #2c2c2c;
    text-align: center;
    display: none
}

#quick_menu .tab_text {
    color: #f5f5f5;
    display: inline-block;
    padding-top: 8px;
    font-size: 11px
}

#quick_menu .line {
    width: 100%;
    height: 2px;
    display: block;
    background-position: 7px -298px;
}

#quick_menu .q_myaccount,
#quick_menu .q_cart,
#quick_menu .q_wishlist,
#quick_menu .q_today,
#quick_menu .q_help,
#quick_menu .q_top {
    width: 100%;
    height: 35px;
    display: inline-block;
    color: #f5f5f5;
}

#quick_menu .q_myaccount {
    background-position: 7px 8px
}

#quick_menu .q_cart {
    height: 105px;
    background-position: 8px -35px
}

#quick_menu .carttext {
    font-size: 8px;
    display: block;
    margin-top: 44px;
    color: #f5f5f5
}

#quick_menu .cartnummer {
    font-size: 12px;
    font-weight: normal;
    font-family: arial;
    display: block;
    color: #f5f5f5;
    margin-top: 17px
}

#quick_menu a:hover.q_cart {
    text-decoration: none !important
}

#quick_menu .q_wishlist {
    margin-top: 13px;
    background-position: 8px -140px
}

#quick_menu .tab_wishlist {
    top: 13px
}

#quick_menu .q_today {
    background-position: 8px -171px
}

#quick_menu .q_help {
    background-position: 8px -215px;
    margin-top: 40px
}

#quick_menu .tab_help {
    top: 40px;
}

#quick_menu .top {
    z-index: 888;
    width: 50px;
    height: 50px;
    bottom: 30px;
    position: fixed;
}

#quick_menu .q_top {
    background-position: 8px -255px;
}

.quick_menu_today {
    position: fixed;
    height: 100%;
    display: none;
    right: 35px;
    top: 0;
    z-index: 9988;
    border: 1px solid #e9e9e9;
    background: #fff;
}



/* 텍스트 크기 조절 */
#text_size {
    display: none;
    position: absolute;
    top: -31px;
    left: -1px
}

#text_size button {
    padding: 0 10px;
    height: 30px;
    border: 1px solid #cfded8;
    border-bottom: 0;
    background: #000;
    color: #fff;
    cursor: pointer
}

/* 하단 레이아웃 */
#ft {
    clear: both;
    padding: 0 0 40px;
    min-width: 1296px;
    border-top: 1px solid #e9e9e9
}

#ft h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ft div {
    position: relative;
    margin: 0 auto;
    padding: 0 0 0 200px;
    width: 750px
}

#ft_logo {
    position: absolute;
    top: 20px;
    left: 0
}

#ft ul {
    margin: 0 0 15px;
    padding: 20px 0 0;
    zoom: 1
}

#ft ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#ft li {
    float: left;
    margin: 0 20px 0 0
}

#ft a {
    text-decoration: none
}

#ft p {
    margin: 0;
    padding: 10px 0;
    line-height: 1.8em
}

#ft span {
    display: inline-block;
    margin: 0 15px 0 0
}

#ft b {
    display: inline-block;
    margin: 0 5px 0 0
}

#ft_totop {
    position: absolute;
    top: 20px;
    right: 0
}

#ft_catch {
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 970px;
    text-align: center
}

#ft_company {
    text-align: center
}

#ft_copy {
    background: #414141
}

#ft_copy div {
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 970px;
    color: #fff
}

#ft_copy a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: inherit
}

#ft_copy #ft_totop {
    position: absolute;
    top: 10px;
    right: 0
}


/* 화면낭독기 사용자용 */
#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}

/* 본문 바로가기 */
#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
    width: 100%;
    height: 75px;
    background: #21272e;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.3em
}

/* 이미지 등비율 리사이징 */
.img_fix {
    width: 100%;
    height: auto
}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

#captcha #captcha_img {
    width: 100px;
    height: 41px;
    border: 1px solid #e9e9e9
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 101px;
    ;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url('../plugin/kcaptcha/img/sound.gif')
}

#captcha #captcha_reload {
    position: absolute;
    top: 21px;
    left: 101px;
    margin: 0;
    padding: 0;
    width: 23px;
    height: 22px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_reload span {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 22px;
    background: url('../plugin/kcaptcha/img/reload.gif')
}

#captcha #captcha_key {
    margin: 0 0 0 25px;
    padding: 0 5px;
    width: 70px;
    height: 41px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

/* ckeditor 단축키 */
.cke_sc {
    margin: 0 0 5px;
    text-align: right
}

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #ccc !important;
    background: #fafafa !important;
    color: #323232 !important;
    text-decoration: none !important;
    line-height: 1.9em;
    vertical-align: middle
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f2f5f9;
    text-align: center
}

.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
    zoom: 1
}

.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
    width: 20%;
    font-weight: bold
}

.cke_sc_def dd {
    width: 30%
}

/* Mobile화면으로 */
#mobile_cng {
    display: block;
    margin: 0.3em;
    padding: 0.5em 0;
    border: 1px solid #eee;
    border-radius: 2em;
    background: #fff;
    color: #323232;
    font-size: 2em;
    text-decoration: none;
    text-align: center
}

/* 목록 바로가기 */
#main_taps_is {
    border-bottom: 1px solid #e8e8e8;
}

.sanchor {
    width: 100%;
    height: 35px
}

.sanchor:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.sanchor li {
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 2px solid #ccc;
    text-decoration: none;
    /* font-weight: ; */
    padding: 10px 30px;
    width: 90px;
}

.sanchor a:focus,
.sanchor a:hover {
    text-decoration: none
}

.sanchor a.sanchor_on span {
    color: #fff !important
}


/* 콘텐츠별 스타일 */
.cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}

/* 버튼 */
a.btn01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    text-decoration: none
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

.btn_confirm {
    text-align: center
}

/* 서식단계 진행 */

.btn_submit {
    padding: 8px;
    border: 0;
    background: #ff3061;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer
}

.btn_submit_check_out {
    padding: 8px;
    border: 0;
    background: #d33438;
    color: #fff;
    letter-spacing: 0;
    cursor: pointer;
    width: 200px
}

.btn_submit_checkout {
    padding: 10px;
    border: 0;
    background: #00539e;
    color: #fff;
    font-size: 1.5em;
    /* letter-spacing: ; */
    cursor: pointer;
    width: 200px;
}

a.btn01_cancel {
    display: inline-block;
    padding: 11px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    text-decoration: none;
    vertical-align: middle;
}

button.btn01_cancel {
    display: inline-block;
    padding: 11px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    vertical-align: top;
    text-decoration: none
}


fieldset .btn_submit {
    padding: 0 7px;
    height: 24px;
    line-height: 1em
}

a.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    text-decoration: none;
    vertical-align: middle;
}

button.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #323232;
    vertical-align: top;
    text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    border: 0;
    background: #333;
    color: #fff;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: middle
}

/* 우편번호검색버튼 등 */
a.btn_frmline {
    line-height: 24px
}

button.btn_frmline {
    font-size: 1em
}

/* 게시판용 버튼 */
a.btn_b01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #323232;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
    text-decoration: none
}

a.btn_b02 {
    display: inline-block;
    padding: 7px 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
    text-decoration: none
}

a.btn_admin {
    display: inline-block;
    padding: 7px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    font-size: 0.85em;
}

/* 관리자 전용 버튼 */
a.btn_admin:focus,
a.btn_admin:hover {
    text-decoration: none
}

/* 선택수정 버튼 */
.btn_list {
    margin: 0 auto;
    width: 93%
}

.btn_list input,
.btn_list button {
    background: none repeat scroll 0 0 #617D46;
    border: 0 none;
    color: #FFFFFF;
    height: 28px;
    line-height: 2.2em;
    padding: 0 15px;
    vertical-align: middle
}

/* 기본테이블 */
.tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left
}

.tbl_head01 {
    margin: 0 0 10px
}

.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head01 thead th {
    padding: 12px 0;
    border-top: 2px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    /*background:#e5ecef;*/
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head01 thead a {
    color: #383838
}

.tbl_head01 thead th input {
    vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head01 tbody th {
    padding: 8px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
    padding: 8px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.5em;
    word-break: break-all
}

.tbl_head01 a {}

.tbl_head02 {
    margin: 0 0 10px
}

.tbl_head02 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head02 thead th {
    padding: 5px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head02 thead a {
    color: #383838
}

.tbl_head02 thead th input {
    vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head02 tbody th {
    padding: 5px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
    padding: 5px 3px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
    word-break: break-all
}

.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {
    margin: 0 0 20px
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.tbl_frm01 th {
    width: 100px;
    padding: 7px 13px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f7f7f7;
    text-align: left
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: transparent
}

.tbl_frm01 textarea,
.frm_input {
    color: #908F92;
    vertical-align: middle;
    line-height: 2em;
    height: 28px;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    border: medium none;
    background: #F2F2F1;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    padding-left: 3px;
    border-bottom: 1px solid #f2f2f2;
    margin: 4px 0 0;
    /*text-align:center;*/
    border-radius: 0.75px 0px 0px 0px;
}

.pt_td,
.ct_price_total {
    color: #817F80;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 22px
}

.tbl_frm01 textarea {
    width: 98%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_address {
    margin-top: 5px
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}

/* 자료 없는 목록 */
.empty_table {
    padding: 50px 0 !important;
    text-align: center
}

.empty_list {
    padding: 20px 0 !important;
    text-align: center
}

/* 필수입력 */
.required,
textarea.required {
    background: url('/images/wrest.gif') #f7f7f7 top right no-repeat !important
}

.frm_input.au {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 405px;
    height: 29px !important;
    background: url('https://www.stylekorean.com/mobile/shop/nav/src/components/images/top_search_icon.png') no-repeat;
    background-size: 16px;
    background-position: calc(100% - 10px) 6px;
    border: 1px solid #b7b1b5 !important;
    border-radius: 4px;
}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {
    width: 40px
}

.grid_2 {
    width: 90px
}

.grid_3 {
    width: 140px
}

.grid_4 {
    width: 190px
}

.grid_5 {
    width: 240px
}

.grid_6 {
    width: 290px
}

.grid_7 {
    width: 340px
}

.grid_8 {
    width: 390px
}

.grid_9 {
    width: 440px
}

.grid_10 {
    width: 490px
}

.grid_11 {
    width: 540px
}

.grid_12 {
    width: 590px
}

.grid_13 {
    width: 640px
}

.grid_14 {
    width: 690px
}

.grid_15 {
    width: 740px
}

.grid_16 {
    width: 790px
}

.grid_17 {
    width: 840px
}

.grid_18 {
    width: 890px
}

/* 테이블 항목별 정의 */
.td_board {
    width: 120px;
    text-align: center
}

.td_chk {
    width: 30px;
    text-align: center
}

.td_date {
    width: 60px;
    text-align: center
}

.td_datetime {
    width: 110px;
    text-align: center
}

.td_default {
    width: 60px;
    text-align: center
}

.td_dvr {
    width: 30px;
    text-align: center
}

.td_group {
    width: 100px;
    text-align: center
}

.td_imgsmall {
    width: 60px;
    text-align: center
}

.td_num {
    width: 50px;
    text-align: center
}

.td_numbig {
    width: 100px;
    text-align: center
}

.td_nick {
    width: 100px;
    text-align: center
}

.td_name {
    width: 100px;
    text-align: left
}

.td_namesmall {
    width: 50px;
    text-align: left
}

.td_mb_id {
    width: 100px;
    text-align: center
}

.td_mng {
    width: 80px;
    text-align: center
}

.td_mngsmall {
    width: 50px;
    text-align: center
}

.td_statsmall {
    width: 50px;
    text-align: center
}

/* 새창 기본 스타일 */
.new_win {}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #4e5d60;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    font-size: 1.2em
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    margin: -20px 0 20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #455255;
    background: #484848;
    list-style: none;
    zoom: 1
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    margin-left: -1px
}

.new_win .win_ul a {
    display: block;
    padding: 10px 10px 8px;
    border-right: 1px solid #455255;
    border-left: 1px solid #455255;
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none
}

.new_win .win_desc {
    margin: 0 20px
}

.new_win .win_btn {
    clear: both;
    padding: 20px;
    text-align: center
}

/* 새창용 */
.new_win .win_btn button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #4b545e;
    color: #fff;
    line-height: 2em;
    cursor: pointer
}

.new_win .win_btn input {
    padding: 0 10px;
    height: 30px;
    line-height: 2em
}

.new_win .win_btn a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background: #4b545e;
    color: #fff;
    vertical-align: middle;
    line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
    text-decoration: none
}

/* 내용관리 */
#ctt {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e9e9e9
}

.ctt_admin {
    text-align: left;
}

#ctt header h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ctt_con {
    margin-top: 187px
}

.ctt_img {
    text-align: center
}

/* 자바스크립트 alert 대안 */
#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}

/* 사이드뷰 */
.sv_wrap {
    display: inline-block;
    position: relative;
    font-weight: normal
}

.sv_wrap .sv {
    z-index: 1000;
    display: none;
    margin: 5px 0 0;
    border: 1px solid #283646;
    background: #111
}

.sv_wrap .sv a {
    display: inline-block !important;
    margin: 0 !important;
    padding: 3px !important;
    width: 94px;
    border-bottom: 1px solid #283646;
    color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
    text-decoration: none !important
}

.sv_on {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 20px;
    width: auto;
    height: auto !important
}

.sv_nojs .sv {
    display: block
}

/* 페이징 */
.pg_wrap {
    clear: both;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center
}

.pg {}

a:link.pg_page,
.pg_current,
a:link.qa_page {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    color: #323232;
    letter-spacing: 0;
    line-height: 2.2em;
    vertical-align: middle
}

.pg a:focus,
.pg a:hover {
    text-decoration: none
}

a:link.pg_page,
a:link.qa_page {
    text-decoration: none;
}

.pg_start,
.pg_prev {
    /* 이전 */
}

.pg_end,
.pg_next {
    /* 다음 */
}

.pg_current {
    display: inline-block;
    margin: 0 4px 0 0;
    background: #2c2c2c;
    color: #fff;
    font-weight: normal
}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {
    margin: 0 0 20px
}

#sidx_img img {
    max-width: 100%;
    height: auto
}

/* 마이페이지 */
#smb_my {}

#smb_my_ov {
    margin: 0 0 20px
}

#smb_my_ov h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#smb_my_act {
    margin: 0 0 10px;
    ;
    zoom: 1
}

#smb_my_act:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#smb_my_act ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

#smb_my_act li {
    float: left;
    margin: 0 0 0 4px
}

#smb_my_ov dl {
    margin: 0;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    zoom: 1
}

#smb_my_ov dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ''
}

#smb_my_ov dt {
    float: left;
    padding: 7px 10px;
    width: 100px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: bold
}

#smb_my_ov dd {
    float: left;
    margin: 0;
    padding: 7px 10px;
    width: 220px;
    border-bottom: 1px solid #e9e9e9
}

#smb_my_ovaddt {
    border-bottom: 0 !important
}

#smb_my_ovaddd {
    width: 590px !important;
    border-bottom: 0 !important
}

#smb_my_od {
    margin: 0 0 20px
}

#smb_my_od h2 {
    margin: 0 0 10px
}

#smb_my_wish h2 {
    margin: 0 0 10px
}

.smb_my_more {
    text-align: right
}

.smb_my_img {
    width: 90px;
    text-align: center
}

/* 장바구니 */
#sod_bsk {}

.sod_img {
    width: 90px;
    text-align: center
}

.sod_opt {
    margin: 5px 0;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    background: #f2f5f9
}

.sod_opt ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sod_opt li {
    padding: 3px;
    border-bottom: 1px solid #e9e9e9
}

.sod_option_btn .mod_options {
    margin: 0;
    padding: 3px 0;
    width: 100%;
    border: 0;
    background: #ff882a;
    color: #fff;
    cursor: pointer
}

#sit_opt_added {
    margin: 0;
    padding: 0;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    background: #fff;
    list-style: none
}

#sit_opt_added li {
    padding: 10px 20px;
    border-bottom: 1px solid #e9e9e9
}

#sit_opt_added li div {
    margin: 5px 0 0 -10px;
    text-align: right
}

#sit_opt_added button {
    margin: 0 0 0 1px
}

#sod_bsk_list {
    position: relative
}

#sod_bsk_list #mod_option_frm {
    z-index: 10000;
    position: absolute;
    left: 99px;
    padding: 20px;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #000;
    background: #f2f5f9;
    overflow-y: scroll;
    overflow-x: none
}

#sod_bsk_tot {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    zoom: 1
}

#sod_bsk_tot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#sod_bsk_tot dt,
#sod_bsk_tot dd {
    float: left;
    padding: 12px 0;
    border-bottom: 1px solid #e9e9e9
}

#sod_bsk_tot dt {
    padding-left: 2%;
    width: 48%;
    font-weight: bold
}

#sod_bsk_tot dd {
    margin: 0;
    padding-right: 2%;
    width: 47%;
    text-align: right
}

.sod_bsk_cnt {
    background: #ff3061;
    color: #fff
}

.sod_bsk_point {
    border-bottom: 0 !important
}

#sod_bsk_act {
    text-align: center
}

#sod_bsk_act p {
    margin: 0 0 10px
}

/* 위시리스트 */
#sod_ws {}

.sod_ws_img {
    width: 90px;
    text-align: center
}

#sod_ws_act {
    text-align: center
}

/* 주문서 작성 */
.display_setup_message {
    margin: 0 0 10px;
    padding: 15px;
    border: 1px solid #fccdff;
    background: #ffeef9
}

.display_setup_message strong {
    display: block;
    margin: 0 0 10px
}

#sod_frm {}

#sod_frm h2 {
    margin: 0 0 10px
}

#sod_frm p {
    margin: 0 0 10px
}

#sod_list {
    position: relative
}

#sod_list #cp_frm {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 99px;
    padding: 20px;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #000;
    background: #f2f5f9;
    overflow-y: scroll;
    overflow-x: none
}

#sod_frm_orderer {
    margin: 20px 0 40px
}

#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {
    display: inline-block;
    margin: 5px 0 0
}

#sod_frm_addr div {
    position: relative
}

/* FF 포지션 */
#sod_frm_addr div div {
    position: absolute;
    top: -20px;
    left: 170px
}

#sod_frm_same {
    margin: 0 0 10px
}

#sod_frm #od_memo {
    height: 50px
}

#sod_frm p#sod_frm_pt {
    margin: 10px 0 5px
}

#sod_frm #sod_frm_pt_alert {
    margin: 0 0 10px
}

#sod_frm #display_pay_process {
    text-align: center
}

#sod_frm #display_pay_process span {
    display: block;
    margin: 5px 0 0
}

#sod_frm_pay {
    position: relative
}

#sod_frm_pay h2 {
    margin: 0 0 10px
}

#sod_frm_pay .tbl_wrap th {
    width: auto !important;
    font-weight: bold;
    text-align: center !important
}

#sod_frm_pay .tbl_wrap td {
    padding: 8px 5px 6px !important;
    border-top: 1px solid #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
    line-height: 1.5em !important;
    word-break: break-all !important
}

#sod_frm_pay_info {
    margin: 0 0 10px
}

#sod_frm_pay #sc_coupon_frm,
#sod_frm_pay #od_coupon_frm {
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 99px;
    padding: 20px;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #000;
    background: #f2f5f9;
    overflow-y: scroll
}

#sod_frm_paysel {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    text-align: center
}

#sod_frm_paysel legend {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#settle_bank {
    margin: 10px 0 0
}

#sod_frm_escrow {
    margin: 30px 0 0
}

#display_pay_process {
    padding: 20px;
    text-align: center
}

/* 배송지 목록 */
#sod_addr .td_mng button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

/* 주문내역 */
#sod_v {}

#sod_v .basic_tbl {
    text-align: center
}

#sod_v_info {
    margin: 0 0 10px
}

/* 주문상세내역 */
#sod_fin {}

#sod_fin_no {
    margin: 0 0 20px
}

#sod_sts_wrap {
    margin: 0 0 10px;
    text-align: right
}

#sod_sts_explan {
    display: none
}

#sod_fin_legend {
    padding: 7px 5px 0;
    border: 1px solid #e9e9e9;
    text-align: left;
    zoom: 1
}

#sod_fin_legend:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ''
}

#sod_fin_legend dt {
    clear: both;
    float: left;
    margin: 0 0 5px;
    width: 50px;
    font-weight: bold
}

#sod_fin_legend dd {
    float: left;
    margin: 0
}

#sod_fin #sod_bsk_tot {
    border-bottom: 0 !important
}

#request_form {
    position: relative
}

#request_form div {
    display: none;
    z-index: 10000;
    position: absolute;
    top: 23px;
    left: 0;
    padding: 20px 0;
    width: 520px;
    border: 1px solid #000;
    background: #f2f5f9;
    text-align: center
}

#request_form .frm_input {
    width: 300px;
    background: #fff !important
}

#request_form .btn_frmline,
#request_form .btn_cancel {
    vertical-align: middle !important
}

#request_form .btn_frmline {
    padding: 0 10px;
    line-height: 1.6em
}

#sod_req_btn {
    margin: 0 0 10px
}

#sod_req_btn button {
    background: #626870
}

#sod_req_log {
    margin: 0 0 20px
}

#sod_req_log ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    background: #f2f5f9;
    list-style: none
}

#sod_req_log li {
    padding: 10px 10px 20px;
    border: 1px solid #e9e9e9;
    border-top: 0
}

#sod_req_log h3 {
    margin: 20px 0 10px
}

.sod_req_log_view table {
    margin: 0
}

.sod_req_log_view caption {
    padding: 10px 0;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    line-height: 1em
}

.sod_req_log_view caption span {
    color: #ff3061
}

.sod_req_log_view th {
    border-top: 1px solid #e9e9e9;
    background: #f7f7f7 !important;
    color: #323232 !important;
    text-align: center
}

.sod_req_log_view td {
    background: #fff;
    color: #323232
}

.sod_req_log_view p {
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #323232
}

.sod_req_log_view .sod_req_it {
    width: 270px
}

.sod_req_log_view button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ff3061;
    text-decoration: underline;
    vertical-align: middle;
    cursor: pointer
}

#sod_fin_list h2 {
    margin: 0 0 10px
}

#sod_fin_list td {
    height: 30px
}

#sod_fin_view {
    border: 1px solid #e9e9e9
}

#sod_fin_view h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#sod_fin_view h3 {
    margin: 0 0 10px
}

#sod_fin_view .basic_tbl th {
    padding: 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f2f5f9;
    text-align: left
}

#sod_fin_pay {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9
}

#sod_fin_orderer {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9
}

#sod_fin_receiver {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9
}

#sod_fin_dvr {
    padding: 10px
}

#sod_fin_dvr .dvr_link {
    color: #ff3061;
    text-decoration: underline
}

#sod_fin_tot {
    margin: 0 0 30px;
    padding: 10px;
    border: 1px solid #e9e9e9;
    border-top: 0;
    background: #565e60;
    color: #fff
}

#sod_fin_tot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#sod_fin_tot ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#sod_fin_tot li {
    padding: 10px;
    border-bottom: 1px solid #6f7a7d;
    zoom: 1
}

#sod_fin_tot li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#sod_fin_tot #alrdy {
    border-bottom: 0 !important
}

#sod_fin_tot strong {
    float: right
}

#sod_fin_cancel {
    text-align: center
}

#sod_fin_cancel h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#sod_fin_cancel button {
    padding: 10px;
    border: 0;
    background: #ff3600;
    color: #fff
}

#sod_fin_cancelfrm {
    display: none;
    margin: 10px 0 0
}

#sod_fin_cancelfrm .frm_input {
    background: #fff
}

#sod_fin_test {
    padding: 10px
}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}

#scash section {
    padding: 10px 0
}

#scash h2 {
    margin: 0 0 10px;
    text-align: center
}

#scash .basic_tbl th {
    padding: 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f2f5f9;
    text-align: left
}

#scash_apply {
    padding: 10px 0 20px;
    text-align: center
}

#scash_apply button {
    padding: 10px;
    border: 0;
    background: #565e60;
    color: #fff
}

#scash_copy {
    text-align: center
}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {
    padding: 15px 0 0;
    border-top: 1px solid #ddd
}

#sidx_lat h2 {
    text-align: center
}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 상품검색 */
#ssch_frm {
    padding: 20px;
    border: 1px solid #e9e9e9;
    background: #f2f5f9;
    zoom: 1
}

#ssch_frm:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#ssch_frm div {
    margin: 0 0 5px
}

#ssch_frm strong,
#ssch_frm .ssch_lbl {
    display: inline-block;
    width: 100px;
    font-weight: bold
}

#ssch_frm .frm_input {
    background: #fff
}

#ssch_frm .btn_submit {
    padding: 0 8px;
    height: 24px
}

#ssch_frm p {
    padding: 10px 0;
    border-top: 1px solid #e9e9e9;
    line-height: 1.5em
}

#ssch_frm #ssch_sort {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

#ssch_frm #ssch_sort:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#ssch_frm #ssch_sort li {
    float: left;
    margin: 0 1px 0 0
}

#ssch_frm #ssch_ov {
    float: right
}

#ssch_cate {
    height: 40px
}

#ssch_cate ul {
    margin: 10px 0;
    padding: 8px 20px 20px 25px;
    list-style: none;
    zoom: 1
}

#ssch_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#ssch_cate li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

#ssch_cate a {}

/* #ssch_cate a span {font-weight:bold} */
#ssch_cate2 {
    margin: 25px
}

/* 쇼핑몰 이벤트 */
#sev {}

.sev_admin {
    margin: 0 0 10px;
    text-align: right
}

/* 쿠폰 */
#coupon .td_numbig {
    width: 150px
}

#coupon .td_datetime {
    width: 180px
}

.sit_dvr {
    color: #fff;
}

#sit_inf_explan h5 {
    text-decoration: bold;
    font-weight: bold;
    font-size: 14px;
}

/* 브랜드 페이지 목록 위에 이미지와 디스크립션 */
.brand_description_wrap {
    position: relative;
    margin-bottom: 20px;
}

.brandimg_size {
    height: 200px;
}

.brand_description {
    position: absolute;
    top: 0;
    left: 373px;
    padding-left: 40px;
    padding-right: 15px;
}

.brand_des_name {
    font-size: 32px;
    line-height: 1em;
}

.brand_description p:not(.brand_des_name) {
    line-height: 1.5em;
    margin-top: 10px;
}

.board_top_line {
    border-bottom: 0 solid #FFF;
    margin: 0 0 20px 10px
}

/* 카테고리 페이지 목록 위에 이미지와 디스크립션 */
/*.category_description{margin:-200px 0 0 20px; width:400px;height:210px;}*/
.category_description {
    width: 400px;
    height: 210px;
    position: absolute;
    margin: 0 0 0 20px;
}

.category_description .title {
    margin: 12px 0 2px 0;
    font-size: 19pt;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px
}

.category_description .stitle {
    margin: 0 0 10px 0;
    font-weight: bold;
    display: block;
    letter-spacing: 1px
}

.category_description .contents {
    line-height: 1.5em;
    letter-spacing: 0px
}

/*.category_description2{margin:-200px 0 0 20px; width:470px;height:210px;}*/
.category_description2 {
    width: 470px;
    height: 210px;
    position: absolute;
    margin: 0 0 0 20px;
}

.category_description2 .title {
    margin: 12px 0 2px 0;
    font-size: 19pt;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px
}

.category_description2 .stitle {
    margin: 0 0 10px 0;
    font-weight: bold;
    display: block;
    letter-spacing: 1px
}

.category_description2 .contents {
    line-height: 1.5em;
    ;
    letter-spacing: 0px
}

/*.category_description3{margin:-200px 0 0 20px; width:510px;height:210px;}*/
.category_description3 {
    width: 510px;
    height: 210px;
    position: absolute;
    margin: 0 0 0 20px;
}

.category_description3 .title {
    margin: 12px 0 2px 0;
    font-size: 19pt;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px
}

.category_description3 .stitle {
    margin: 0 0 10px 0;
    font-weight: bold;
    display: block;
    letter-spacing: 1px
}

.category_description3 .contents {
    line-height: 1.5em;
    letter-spacing: 0px
}

/* Top best seller etc links */
.sch_keyword a.s2top:link,
a.s2top:focus,
a.s2top:hover,
a.s2top:visited {
    color: #395797;
    font-size: 11.5px;
}

#is_cart_page {
    width: 995px;
    margin: 0 auto;
    padding-top: 180px;
    overflow: hidden;
    padding-bottom: 180px;
}

#is_cart_page button {
    color: #797778;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background-color: #fff;
}

.page_select {
    margin: 0 0 10px;
    text-align: right;
    font-size: 15px;
    color: #747474
}

.page_select a {
    font-size: 15px;
    margin: 0 5px;
    color: #747474
}

#is_cart_page .cart_table {
    width: 995px;
}

#is_cart_page .title_tr td {
    background: #f1f1f1;
    text-align: center;
    padding: 10px 0;
    color: #6C6B6E;
    font-size: 12px;
    font-weight: 400;
}

#is_cart_page .is_title {
    color: #212121;
}

#is_cart_page .is_titel_line {
    width: 1px;
    color: #ccc
}

#is_cart_page td {
    text-align: center;
    padding: 10px 0
}

#is_cart_page td {
    font-size: 14px
}

#is_cart_page .is_product_info {
    width: 422px;
    margin: 0
}

#is_cart_page .is_product_info td {
    text-align: left;
    padding: 5px 0
}

#is_cart_page .is_cart_porduct_name {
    font-size: 13px;
    color: #818081;
    font-weight: 400;
}

#is_cart_page .is_cart_porduct_name b {
    font-size: 13px;
    color: #818081;
    font-weight: 400;
}

#is_cart_page .is_cart_code {
    font-size: 11px;
    color: #A6A7A6;
    font-weight: 400;
}

#is_cart_page .is_cart_code_name {
    text-align: left;
    padding: 0;
    margin: 0 0 0 80px;
    color: #7C7B7D;
    font-size: 12px;
    font-weight: 400;
}

#is_cart_page .ct_price {
    color: #7E7E81;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

#is_cart_page .is_cart_point {
    font-size: 13px;
    color: #7f7f7f
}

#is_cart_page .is_cart_point_qty {
    text-align: left;
    padding: 0;
    margin: 0 0 0 20px
}

#is_cart_page .is_cart_item_del {
    font-size: 11px;
    color: #606060
}

#is_cart_page .is_123 {
    border: 1px solid #707070;
    font-size: 14px;
    color: #212121;
    padding: 0 5px
}

#is_cart_page .is_save {
    background: #808080;
    border: 1px solid #808080;
    font-size: 14px;
    color: #fff;
    padding: 0 5px
}

#is_cart_page .table_bottom_line {
    background: #ccc;
    height: 1px;
    font-size: 0;
    padding: 0
}

#is_cart_page .is_cart_select {
    float: left;
    margin-top: 40px;
}

#is_cart_page .is_cart_left {
    width: 560px;
    float: left;
}

#is_cart_page .is_weight_ment {
    font-size: 16px
}

#is_cart_page .select_box1 {
    width: 260px;
    border: 1px solid #000;
    padding: 5px 12px;
    font-size: 14px;
    margin: 10px 0 0;
    display: block
}

#is_cart_page .radio_bt {
    float: left;
    margin: 30px 0 0
}

#is_cart_page .radio_img {
    float: left;
    margin: 20px 10px 0 0;
    padding-left: 20px;
}

#is_cart_page .radio_img img {
    width: 70px
}

#is_cart_page .radio_info {
    margin: 30px 0 0;
    line-height: 20px;
    display: block
}

#is_cart_page .color_red {
    color: red
}

#is_cart_page .radio_title {
    font-size: 16px
}

#is_cart_page .radio_info2 {
    display: inline-block;
    margin: 0 0 0 93px
}

#is_cart_page .is_cart_right {
    width: 430px;
    float: right;
    text-align: right;
    position: relative;
    margin-bottom: 50px;
}

#is_cart_page .select_box2 {
    width: 258px;
    background: #f2f2f2;
    padding: 7px 12px;
    font-size: 12px;
    margin: 4px 0 5px
}

#is_cart_page .select_box {
    width: 213px;
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 12px;
    margin: 4px 0 5px
}

#is_cart_page .bt_apply {
    background: #777;
    padding: 8px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    margin-right: 4px;
}

#is_cart_page .bt_cancel {
    padding: 7px 4px;
    font-size: 11px;
    cursor: pointer;
    margin-right: 8px;
    border: 1px solid #ddd;
}

#is_cart_page .cp_code_input {
    width: 234px;
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 12px;
    margin: 4px 0 5px
}




#is_cart_page .is_cart_result {
    float: right;
    font-size: 14px;
    width: 370px;
    display: block;
    margin: 20px 23px 0 0
}

#is_cart_page .is_cart_result div {
    margin: 0 0 5px
}

#is_cart_page .is_price_mag {
    float: left;
    padding: 8px 0 7px;
}

#is_cart_page .is_price {
    float: right;
    background: #f2f2f2;
    padding: 8px 26px 7px;
    text-align: right;
    width: 180px;
    display: inline-block;
    box-sizing: border-box;
}

#is_cart_page .del {
    float: right;
    margin-left: 10px;
}

#is_cart_page .bottom {
    font-size: 13px;
    background: #323232;
    color: #fff;
    padding: 9px 5px 10px;
    display: inline-block;
}

#is_cart_page .is_cart_bt1 {
    display: inline-block;
    background: #777;
    padding: 8px 15px;
    font-size: 15px;
    color: #fff;
    margin: 10px 0 0
}

#is_cart_page .is_cart_bt2 {
    margin: 5px 0 0;
    cursor: pointer;
    background-color: #e75280;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.03em;
    text-align: center;
}

#is_cart_page .is_cart_bt2:hover {
    margin: 5px 0 0;
    cursor: pointer;
    background: #000;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.03em;
    text-align: center;
}

#is_cart_page .free_shipping_bar {
    background: #eee;
    padding: 10px 22px;
}

#is_cart_page .free_shipping_bar p {
    text-align: center;
    font-size: 0.8125rem;
}

#is_cart_page .free_shipping_bar progress:not(value) {}

#is_cart_page .free_shipping_bar progress[value] {
    appearance: none;
    border: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    position: relative;
    background-color: #eee;
    border: 1px solid #DCDCDC;
}

#is_cart_page .free_shipping_bar progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 5px;
}

#is_cart_page .free_shipping_bar progress[value]::-webkit-progress-value {
    position: relative;
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius: 5px;
    background-color: #5CABF7;
    animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes {
    100% {
        background-position: -100px 0;
    }
}

#is_cart_page .free_shipping_bar progress[value]::-webkit-progress-value:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    right: 7px;
    background-color: white;
    border-radius: 100%;
}

#is_cart_page .free_shipping_bar progress[value]::-moz-progress-bar {
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius: 5px;
}



#is_cart_page .is_cart_bt {
    display: block;
    height: 30px
}

/* 20160524 main title*/
.is_bn_left_right_mom img {
    width: 780px;
    height: 300px;
    margin: 0 0 5px
}

.is_bn_left_right img {
    width: 780px;
    margin: 0 0 5px
}

.is_bn_left {
    float: left;
    display: inline
}

.is_bn_right {
    float: right;
    display: inline
}

.is_bn_left img,
.is_bn_right img {
    width: 390px;
    height: 139px;
    margin: 0 0 6px
}

.is_title_main {
    margin: 0 auto 0;
    text-align: center;
}

/* Innisfree title 4qty line */
.is_line_main {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 9px 0 0
}

.is_line_main1 {
    width: 264px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    -webkit-max-logical-width: 243px;
}

.is_line_main2 {
    width: 210px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    -webkit-max-logical-width: 192px;
}

.is_line_main3 {
    width: 224px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    -webkit-max-logical-width: 205px;
}

.is_line_main4 {
    width: 252px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    -webkit-max-logical-width: 233px;
}

.is_item_category_main {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}



.is_item_category_main_more {
    position: absolute;
    top: 0;
    right: -10px;
    width: 70px;
    line-height: 1.5em;
}


/* Innisfree brand page */
.is_bn_left_right_mom img {
    width: 780px;
    height: 300px;
    margin: 0 0 5px
}

.is_bn_left_right img {
    width: 780px;
    margin: 0 0 5px
}

.is_bn_left {
    float: left;
    display: inline
}

.is_bn_right {
    float: right;
    display: inline
}

.is_bn_left img,
.is_bn_right img {
    width: 390px;
    height: 139px;
    margin: 0 0 6px
}

.is_title_bestseller {
    margin: 40px auto 0;
    text-align: center;
}

.is_title_bestseller2 {
    margin: 60px auto 0;
    text-align: center;
}

.is_title_bestseller3 {
    margin: 60px auto 0;
    text-align: center;
}

/* Innisfree title 4qty line */
.is_line {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 9px 0 0
}

.is_line2 {
    width: 200px;
    height: 1px;
    background: #000;
    margin: 0 auto
}

/* BRAND HISTORY line */
.is_line3 {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 9px 0 0
}

.is_line4 {
    width: 200px;
    height: 2px;
    background: #000;
    margin: 0 auto 0;
}

.is_item_category {
    position: relative;
    text-align: center;
}


.is_item_category_more {
    position: absolute;
    top: 0;
    right: -10px;
    width: 70px;
    line-height: 1.5em;
}


/* 로그인 */
.mem_box {
    width: 995px;
    padding: 180px 0 40px 0;
    margin: 33px auto 0;
}

.order_title {
    font-size: 28px;
    color: #e75280;
    margin-bottom: 17px;
    color: #e75280;
    border-bottom: 1px solid #9a918d;
}




#is_cart_checkout_page2 {
    width: 995px;
    margin: 0 auto;
}

#is_cart_checkout_page2 .box_shadow {
    width: 472px;
    height: auto;
    padding-bottom: 30px;
    border: 1px solid #c0c0c0;
    box-shadow: 5px 5px 0px 0px #e1e1e1;
    margin: 0 0 60px
}

#is_cart_checkout_page2 .left {
    float: left;
}

#is_cart_checkout_page2 .right {
    float: right;
}

#is_cart_checkout_page2 .margin_lr {
    margin: 0 19px
}

#is_cart_checkout_page2 .c_title {
    font-size: 17px;
    color: #212121;
    border-bottom: 2px solid #323232;
    margin: 23px 0 11px;
    padding: 0 0 16px
}

#is_cart_checkout_page2 .fname {
    font-size: 13px;
    color: #212121
}

#is_cart_checkout_page2 .input_ment {
    font-size: 13px;
    color: #585858
}

#is_cart_checkout_page2 input[type=text],
#is_cart_checkout_page2 input[type=password] {
    border: 1px solid #b7b1b5;
    width: 400px;
    height: 27px;
    margin: 5px 0
}

#is_cart_checkout_page2 input[type=submit] {
    border: 1px solid #b7b1b5;
    display: block
}

#is_cart_checkout_page2 .pwd {
    margin: 25px 0 0
}

#is_cart_checkout_page2 .bottom1 {
    font-size: 13px;
    background: #333;
    color: #fff;
    padding: 10px 19px;
    display: inline-block;
}

#is_cart_checkout_page2 .bt11 {
    margin: 10px 0 0;
}

/* 카트 */
.is1 {
    position: relative;
}

.coupon_is_ment {
    display: none;
}

.coupon_is_q:hover+.coupon_is_ment {
    display: block;
    position: absolute;
    z-index: 99999988;
    top: 0;
    right: 20px;
    background: #FFF;
    border: 1px solid #000;
    padding: 5px;
    text-align: left
}

.is2 {
    position: relative;
}

.point_is_ment {
    display: none;
}

.point_is_q:hover+.point_is_ment {
    display: block;
    position: absolute;
    z-index: 9999999;
    top: 0;
    right: 20px;
    background: #FFF;
    border: 1px solid #000;
    padding: 5px;
    text-align: left
}

.quantity_yk2 {
    /* background: ; */
    display: table-cell;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.is3 {
    padding-right: 20px;
}

#food-popup-wrap {
    display: none;
    position: fixed;
    top: 180px;
    left: 50%;
    margin-left: -309px;
    z-index: 999999;
}

#food-popup-wrap .food-popup {
    position: relative;
}

#food-popup-wrap .food-popup .PopUp-Close {
    position: absolute;
    top: -24px;
    right: -24px;
    cursor: pointer;
    margin: auto 0;
    width: 48px;
    height: 48px;
    background: url('/images/popup_close_btn.png') no-repeat;
    background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    z-index: 999;
}

#food-popup-wrap #check {
    position: absolute;
    top: 22px;
    right: 36px;
    font-size: 13px;
    color: #fff;
}

#food-popup-wrap .PopUp-Hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: PopUpHide;
    animation-name: PopUpHide;
}

@-webkit-keyframes PopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes PopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* orderform login */
#is_cart_checkout_page2 {
    width: 995px;
    margin: 0 auto;
}

#is_cart_checkout_page2 .box_shadow {
    width: 472px;
    height: 360px;
    border: 1px solid #c0c0c0;
    box-shadow: 5px 5px 0px 0px #e1e1e1;
    margin: 0 0 60px
}

#is_cart_checkout_page2 .bt11 {
    margin: 80px 0 0
}

#is_cart_checkout_page2 .bt22 {
    margin: 15px 0 0
}

.freegift_box {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    height: 389px;
    background-image: url("../images/free_gift_bg.png");
    text-align: center;
    overflow: hidden;
}

.freegift_prod {
    width: 711px;
    height: 248px;
    margin: 0 auto;
}

.freegift_prod>div {
    float: left;
    margin-right: 30px;
}

.freegift_prod>div:last-child {
    margin-right: 0;
}

.freegift_prod>div>input {
    width: 19px;
    height: 19px;
    margin-top: 12px;
}

.freegift_title {
    margin: 20px auto 17px;
}

.fg_prod {
    width: 217px;
}

.fg_prod_box {
    width: 217px;
    height: 217px;
    background-color: #fff;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}

.fg_img {
    margin: 11px auto 10px;
}

/*.fg_img > img{border:1px solid #ddd;}*/
.freegift_info {
    margin-top: 16px;
    font-size: 25px;
}








/* orderform login next */

#frm_checkout input[type="text"] {
    border: 1px solid #b7b1b5;
    width: 400px;
    height: 27px;
    margin: 5px 0;
    border-radius: 4px;
}

#frm_checkout {
    width: 995px;
    margin: 0 auto;
}

.cart_page_title {
    font-size: 25px;
    color: #222222;
    margin-bottom: 5px;
}

#frm_checkout .box_shadow2 {
    width: 472px;
    padding-bottom: 40px;
    border: 1px solid #c0c0c0;
    box-shadow: 3px 3px 0px 0px #e1e1e1;
    float: left;
}

#frm_checkout .left_login {
    float: left;
}

#frm_checkout .right_login {
    float: right;
}

/*#frm_checkout .left{float:left;height:1198px;}*/
#frm_checkout .right {
    float: right;
}

#frm_checkout .right2 {
    margin: 50px 0 0;
    padding-bottom: 20px;
}

#frm_checkout .margin_lr {
    margin: 0 19px
}

#frm_checkout .c_title {
    font-size: 17px;
    color: #212121;
    border-bottom: 2px solid #323232;
    margin: 23px 0 11px;
    padding: 0 0 10px
}

#frm_checkout .rf {
    font-size: 11px;
    float: right;
    padding: 3px 0 0
}

#frm_checkout .fname {
    font-size: 13px;
    color: #212121;
    margin: 11px 0 0
}

#frm_checkout .fname2 {
    background: #323232;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0 0
}

/* 배송지 선택 스타일 */
input[id="ad_sel_addr_def"]+label,
input[id="ad_sel_addr_1"]+label,
input[id="od_sel_addr_new"]+label {
    cursor: pointer;
    display: block;
    width: 268px;
    padding: 10px 0 10px 30px;
    border: 1px solid #9c9c9c
}

input[id="ad_sel_addr_def"]:checked+label,
input[id="ad_sel_addr_1"]:checked+label,
input[id="od_sel_addr_new"]:checked+label {
    background: #333333;
    color: #fff
}

.radio_bt {
    position: absolute;
    margin: 15px 0 0 10px
}

a.btn_list_is {
    display: block;
    margin: 5px 0 20px;
    width: 300px;
    padding: 10px 0;
    height: 18px;
    border: 0;
    background: #333;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center
}

#frm_checkout .grey {
    background: #eee
}

#frm_checkout .font {
    font-size: 11px
}

#frm_checkout .font2 {
    font-size: 13px
}

#frm_checkout .input_red {
    /* border: ; */
    width: 300px;
    height: 27px
}

#frm_checkout .red_box {
    background: #d72245;
    color: #fff;
    padding: 9px;
    border-radius: 7px;
    margin: 6px 0 0;
    width: 250px;
    display: block
}

#frm_checkout textarea {
    width: 400px;
    height: 83px
}

#frm_checkout .bottom {
    font-size: 13px;
    background: #323232;
    color: #fff;
    padding: 9px 50px 10px;
    display: inline-block;
}

#frm_checkout .bt11 {
    margin: 70px 0 0
}

#frm_checkout .bt22 {
    margin: 15px 0 0;
    cursor: pointer;
    background-color: #e75280;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.03em;
}

#frm_checkout .bt22:hover {
    margin: 15px 0 0;
    cursor: pointer;
    background: #000;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.03em;
}





/* ORDER SUMMARY */
#frm_checkout .order_summary_name {
    padding: 10px 0;
    width: 220px;
    display: inline-block;
}

#frm_checkout .order_summary_price {
    background: #f2f2f2;
    padding: 7px 0 8px 50px;
    width: 120px;
    display: inline-block;
}

#frm_checkout .red {
    color: #f04f6e
}

#frm_checkout .red2 {
    color: red
}

/* 하단 테이블 */
#frm_checkout .itemlist_title_is {
    margin: 38px 0 5px;
}

#frm_checkout .cart_table {
    width: 995px;
}

#frm_checkout .title_tr td {
    text-align: center;
    padding: 5px 0
}

#frm_checkout .is_title {
    color: #212121;
}

#frm_checkout .is_titel_line {
    width: 1px;
    color: #ccc
}

#frm_checkout td {
    text-align: center;
}

#frm_checkout td {
    font-size: 14px;
    border: 1px #c0c0c0 solid;
}

#frm_checkout .is_product_info {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-color: #fff;
}

#frm_checkout .is_product_info td {
    text-align: left;
    padding: 5px 0
}

#frm_checkout .is_product_info img {
    width: 60px;
    height: 60px;
    margin: 5px
}


#frm_checkout .is_cart_porduct_name {
    font-size: 14px;
    color: #212121;
    margin: 7px 0 0 10px;
    display: block;
    width: 500px;
    text-align: left;
}

#frm_checkout .is_cart_code {
    font-size: 13px;
    color: #7f7f7f
}

#frm_checkout .is_cart_code_name {
    text-align: left;
    padding: 0;
    margin: 0 0 0 80px
}

#frm_checkout .bt33 {
    margin: 10px 0 30px;
    float: right
}


/* floatMenu 우측 스크롤 배너 */
#floatMenu {
    position: absolute;
    top: 74px;
    z-index: 9999;
    text-align: center;
    margin: 0;
    margin-left: 1040px;
}

#floatMenu a:hover {
    text-decoration: none;
}

.howto {
    background: #323232;
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    width: 90px;
    opacity: 1;
    transition: opacity .1s 0s ease-in-out;
    -webkit-transition: opacity .1s 0s ease-in-out;
    -moz-transition: opacity .1s 0s ease-in-out;
    -o-transition: opacity .1s 0s ease-in-out;
}

.howto:hover {
    opacity: 0.9;
}

.help_qna {
    background: #ff8b8c;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    width: 90px;
    padding-top: 9px;
    padding-bottom: 8px;
    opacity: 1;
    transition: opacity .1s 0s ease-in-out;
    -webkit-transition: opacity .1s 0s ease-in-out;
    -moz-transition: opacity .1s 0s ease-in-out;
    -o-transition: opacity .1s 0s ease-in-out;
}

.help_qna:hover {
    opacity: 0.9;
}

.wholesale_float {
    background: #fff;
    border: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #323232;
    line-height: 19px;
    width: 90px;
    box-sizing: border-box;
    opacity: 1;
    transition: opacity .1s 0s ease-in-out;
    -webkit-transition: opacity .1s 0s ease-in-out;
    -moz-transition: opacity .1s 0s ease-in-out;
    -o-transition: opacity .1s 0s ease-in-out;
}

.wts_title {
    background: #ddd;
    border: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #323232;
    line-height: 18px;
    width: 90px;
    box-sizing: border-box;
    margin-top: 8px;
}

.proimg2 {
    display: inline-block;
    border: 1px solid #ddd;
    margin-top: -1px !important;
}

/*ul.wts_part li:first-child .proimg2 {margin-top:-1px !important;}*/

/* google_translate_element */
.lan_google {
    display: inline-block;
    position: relative;
    left: 600px;
    height: 30px;
    padding-top: 5px;
}


#coupon_menu {
    position: relative;
}

.coupon_menu {
    position: absolute;
    top: -7px;
    right: -8px;
}



.mb_menu_li {
    position: relative;
}

.tnb_inner {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    top: 33px;
    right: -7px;
    width: 150px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.5);
}

.tnb_inner>p {
    text-align: left;
    margin-bottom: 9px;
}

.tnb_inner>p:last-child {
    margin-bottom: 0;
    margin-top: 18px;
}

.tnb_inner>p.last_li {
    margin-top: 0;
}

.tnb_inner>p>a {
    color: #323232 !important;
    font-size: 13px;
}

.tnb_right_m>img {
    position: relative;
    top: -2.5px;
    margin-right: 4px;
}

#tnb a.tnb_right_m:link,
#tnb a.tnb_right_m:hover,
#tnb a.tnb_right_m:active,
#tnb a.tnb_right_m:visited {
    text-decoration: none;
}


/* My Account page by CY*/
.my_sub_container {
    width: 995px;
    margin: 179px auto 0;
    padding-top: 42px;
    padding-bottom: 50px;
    position: relative;
}

.my_left_side,
.my_right_side {
    float: left;
}

.my_left_side {
    width: 225px;
}

.my_left_side>p {
    margin-bottom: 22px;
    font-size: 28px;
}

.my_left_menu li {
    margin-bottom: 28px;
}

.my_left_menu li a:link,
.my_left_menu li a:active,
.my_left_menu li a:hover,
.my_left_menu li a:visited {
    text-decoration: none;
}

.my_left_menu span {
    text-transform: uppercase;
    font-size: 14px;
    color: #262626;
    margin-left: 9px;
    position: relative;
    top: 2px;
}

.my_left_menu span:hover,
.my_left_menu span.mn_active {
    border-bottom: 1px solid #262626;
    padding-bottom: 1px;
}

.my_right_side {
    border-left: 1px solid #ccc;
    padding-left: 52px;
    padding-bottom: 50px;
    width: 717px;
    min-height: 500px;
}

.my_right_side>h1 {
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    font-family: 'OpenSans Regular', sans-serif;
    font-weight: normal;
    font-size: 27px;
    color: #262626;
    margin-bottom: 30px;
}


.acc_info {
    padding-bottom: 26px;
}

.acc_tone,
.acc_type,
.acc_concern {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 26px;
    padding-top: 26px;
}

.acc_info>h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 35px;
}

.acc_tone>h2,
.acc_type>h2,
.acc_concern>h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.acc_info .prof_left,
.prof_right {
    float: left;
}

.acc_info .prof_left {
    padding-left: 15px;
    text-align: center;
}

.acc_info .prof_left p.pf_mb_id {
    margin-top: 14px;
    font-size: 18px;
}

.acc_info .prof_right {
    margin-left: 50px;
}

.prof_sub_title {
    font-size: 15px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 6px;
    margin-top: 18px;
}

.prof_sub_title:first-child {
    margin-top: 0;
}

.acc_settings .prof_sub_title+p {
    font-size: 12px;
    margin-bottom: 6px;
    color: #808080;
}

.prof_input_wrap {
    width: 322px;
    height: 33px;
    position: relative;
}

.prof_input {
    width: 322px;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    padding: 0 30px 0 10px;
}

.prof_input:focus {
    border: 1px solid #ee2f49;
}





.del_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
}

/*.prof_input:focus ~ .del_icon{
    display:block!important;
    }*/
.del_icon:hover::before,
.del_icon:hover::after {
    background: #999;
}

.del_icon::before,
.del_icon::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}

.del_icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.del_icon::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* 마이페이지 트라이미 테이블 레이아웃 */
.tryme_table {
    border-bottom: 1px solid #e9e9e9;
}

.tryme_table thead tr {
    background-color: #f7f7f7;
}

.tryme_table thead tr th {
    padding: 20.5px 0;
    font-size: 13px;
    color: #333;
}

.tryme_table tbody tr {
    font-size: 13px;
    color: #333;
}

.tryme_table tbody tr td {
    padding: 29px 0;
    font-size: 13px;
    text-align: center;
    word-break: break-all;
}

.tryme_table tbody tr .round {
    width: 55px;
}

.tryme_table tbody tr .brand {
    width: 88px;
}

.tryme_table tbody tr .kit {
    width: 117px;
}

.tryme_table tbody tr .date {
    width: 118px;
    color: #666666;
}

.tryme_table tbody tr .seleyn {
    width: 67px;
    color: #ee2f49;
}

.tryme_table tbody tr .deliv {
    width: 70px;
}

.tryme_table tbody tr .trnumber {
    width: 136px;
}

.tryme_table tbody tr .submit_btn {
    width: 66px;
}

.tryme_table tbody tr .submit_btn button {
    width: 60px;
    color: #fff;
    background-color: #ee2f49;
    padding: 7px 0;
    border-radius: 18px;
}


.prof_mb_unchangable {
    width: 322px;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    text-align: center;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    background: #f1f1f1;
}


.prof_save_btn {
    width: 190px;
    height: 40px;
    border-radius: 4px;
    background: #262626;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 40px auto 0;
}

/*my account radio input CSS*/
/* The container */
.rdo_con {
    display: inline-block;
    width: 185px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.rdo_con input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.rdo_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rdo_con:hover input~.rdo_checkmark {
    background-color: #eee;
}

/* When the radio button is checked, add a blue background */
.rdo_con input:checked~.rdo_checkmark {
    /*     background-color: #2196F3; */
    border: 1px solid #262626;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rdo_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.rdo_con input:checked~.rdo_checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.rdo_con .rdo_checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #262626;
}


/*my account checkbox input CSS*/
/* The container */
.chk_con {
    display: inline-block;
    width: 185px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.chk_con input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.chk_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.chk_con:hover input~.chk_checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.chk_con input:checked~.chk_checkmark {
    background-color: #262626;
    border: 1px solid #262626;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chk_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chk_con input:checked~.chk_checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chk_con .chk_checkmark:after {
    left: 4px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3.5px 3.5px 0;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*my account gender choice radio input CSS*/
/* The container */
.gen_rdo_con {
    display: inline-block;
    width: 153px;
    position: relative;
    padding-top: 9px;
    padding-bottom: 8px;
    margin-right: 16px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.gen_rdo_con input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.gen_rdo_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 152px;
    height: 32px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.gen_rdo_con:hover input~.gen_rdo_checkmark {
    /*background-color: #eee;*/
}

/* When the radio button is checked, add a blue background */
.gen_rdo_con input:checked~.gen_rdo_checkmark {
    border: 1px solid #262626;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.gen_rdo_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.gen_rdo_con input:checked~.gen_rdo_checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.gen_rdo_con .gen_rdo_checkmark:after {
    top: 0;
    left: 0;
    width: 152px;
    height: 32px;
    border-radius: 4px;
    background: #f1f1f1;
}

.gen_rdo_con .gen_rdo_chk_1:after {
    visibility: visible;
    content: 'Female';
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
    font-size: 14px;
}

.gen_rdo_con .gen_rdo_chk_2:after {
    visibility: visible;
    content: 'Male';
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
    font-size: 14px;
}


/****** 생년월일 입력 ********/
.combodate .month,
.combodate .day {
    width: 88px !important;
    height: 33px;
    margin-right: 7px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 6px;
}

.combodate .year {
    width: 127px !important;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 6px;
}



.pf_img_area {
    width: 164px;
    height: 164px;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.img-circle {
    border-radius: 50%;
}

.pf_chage_btn {
    width: 164px;
    height: 37px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 8px;
    box-sizing: border-box;
}

.pf_chage_btn>p {
    color: #fff;
    font-size: 15px;
}






.acc_settings {
    padding-bottom: 26px;
}

.acc_settings>h2 {
    font-size: 16px;
    margin-bottom: 35px;
}

.acc_settings>h2>a {
    font-size: 16px;
    margin-bottom: 26px;
    font-weight: bold;
    text-decoration: underline;
}

.prof_left,
.prof_right {
    float: left;
}

.prof_left p.pf_mb_id {
    margin-top: 14px;
    font-size: 18px;
}

.prof_left #loading_img {
    position: absolute;
    z-index: 2;
    width: 164px;
    height: 164px;
    display: none;
}

.prof_right {
    margin-left: 50px;
}

.my_membership {
    width: 190px;
}

.membership_img {
    text-align: center;
}

.membership_img img {
    display: inline-block;
    max-width: 119px;
}

.membership_img span {
    display: block;
    margin-top: 11px;
    font-size: 26px;
}

.next_membership {
    margin-top: 10px;
}

.next_membership div {
    font-size: 14px;
}

.next_membership span {
    display: inline-block;
    padding: 4px 0;
    font-size: 14px;
}

.membership_detail {
    margin-top: 6px;
}

.membership_detail a {
    display: inline-block;
    padding: 8px 30px;
    font-size: 16px;
    color: #fff;
    background-color: #666;
    border-radius: 16px;
}

#smb_my .select_box {
    width: 322px;
    height: 33px;
    margin-right: 7px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 6px;
}

.pw_msg {
    color: #FF3061;
    margin-top: 2px;
}

.find_option {
    margin-bottom: 24px;
}

.find_option span.ftxt {
    font-size: 16px;
    margin-bottom: 35px;
}

.find_option select {
    width: 130px;
    height: 26px;
    margin-right: 26px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    font-size: 12px;
    text-transform: capitalize;
    padding-left: 6px;
    position: relative;
    top: -2px;
}

.find_option .chk_con {
    margin-bottom: 0;
    font-weight: normal;
}

#smb_my table {
    border-collapse: collapse;
    width: 100%;
}

table.table_th tr {
    height: 30px;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

table.table_th th {
    font-size: 14px;
}




#accordion table.outer_list {
    position: relative;
    cursor: pointer;
}

#accordion table.outer_list:focus {
    outline: none;
}

#accordion table.outer_list tr {
    height: 100px;
    border-bottom: 1px solid #ccc;
}

#accordion table.outer_list td {
    /*background:#f0f0f0;*/
    line-height: 1.8em;
    font-size: 14px;
    padding: 20px 0;
}

table.outer_list .td_1,
table.table_th .td_1 {
    width: 15%;
}

table.outer_list .td_2,
table.table_th .td_2 {
    width: 20%;
}

table.outer_list .td_3,
table.table_th .td_3 {
    width: 44%;
}

table.outer_list .td_4,
table.table_th .td_4 {
    /*width:82px;*/
}


/*table.outer_list .td_5,
table.table_th .td_5{
    width:88px;
}
table.outer_list .td_6,
table.table_th .td_6{
    width:147px;
}
*/
table.outer_list .td_2 p,
table.outer_list .td_3 p {
    height: 25px;
}

table.outer_list .td_3 a {
    /*text-decoration: underline;*/
}

table.outer_list .td_3 a:hover {
    /*color:#fb1d3f;*/
}

table.outer_list .td_3 button {
    font-size: 11px;
    color: #fff;
    padding: 3px 5px;
    margin-top: -2px;
}

table.outer_list .td_3 button.btn_inactive {
    background: #b3b3b3;
    opacity: 0.7;
}

table.outer_list .td_3 button.btn_active {
    background: #fb1d3f;
}

table.outer_list .td_3 button.btn_active:hover {
    background: #dc1130;
}


/*table.outer_list .td_7,
table.table_th .td_7{
    width:137px;
    }*/

table.outer_list .td_4 div {
    width: 123px;

    background: #fff;
    border: 1px solid #999;
    margin-bottom: 4px;
    font-size: 12px;
}

table.outer_list .td_4 div:hover {
    background: #f4f4f4;
}

table.outer_list .td_4 div a:active,
table.outer_list .td_4 div a:link,
table.outer_list .td_4 div a:hover,
table.outer_list .td_4 div a:visited {
    text-decoration: none;
    display: block;
    height: 24px;
    /*padding-top:4px;
    box-sizing:border-box;*/
    text-align: center;
}

table.outer_list .td_4 div:last-child {
    margin-bottom: 0;
}

table.outer_list .td_4 div:last-child span {
    display: block;
    height: 24px;
    box-sizing: border-box;
    text-align: center;
}






#accordion .ui-icon {
    background-image: url("../images/ob_q3.png");
    width: 15px;
    height: 15px;
    position: absolute;
    top: 44px;
    left: 10px;
}

.ui-icon-triangle-1-s {
    background-position: 0 -15px;
}


.acc_orders #accordion {
    border-top: 1px solid #ccc;
}

.acc_orders #accordion .ui-icon {
    background-image: url("../images/ob_q3_2.png");
    top: calc(100%/2.3);
    left: 48px;
}



table.inner_list th {
    font-weight: normal;
    background: #f7f7f7;
}

table.inner_list tr {
    height: 100px;
    border-bottom: 1px solid #ddd;
}

table.inner_list td {
    text-align: center;
    background: #f7f7f7;
}

table.inner_list .inner_td_1 {
    width: 124px;

}

table.inner_list .inner_td_2 {
    width: 309px;
    text-align: left !important;
    padding: 0 16px;
}

table.inner_list .inner_td_3 {
    width: 81px;
}

table.inner_list .inner_td_4 {
    width: 66px;
}

table.inner_list .inner_td_5 {
    width: 137px;
}

table.inner_list .inner_td_5 div.btn_de {
    width: 123px;
    height: 26px;
    background: #fff;
    border: 1px solid #000;
    margin-bottom: 4px;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 5px;
    cursor: pointer;

}

table.inner_list .inner_td_5 div.btn_de a:link,
table.inner_list .inner_td_5 div.btn_de a:hover,
table.inner_list .inner_td_5 div.btn_de a:visited,
table.inner_list .inner_td_5 div.btn_de a:active {
    text-decoration: none;
}

table.inner_list .inner_td_5 div.btn_de:hover {
    background: #f4f4f4;
}

table.inner_list .inner_td_5 div.btn_de:last-child {
    margin-bottom: 0;
}

table.inner_list .inner_td_5 div.btn_sold_out:hover {
    background: #fff;
    cursor: unset;
}

table.inner_list .inner_td_5 div.btn_sold_out {
    border: 1px solid #a6a6a6;
    opacity: 0.5;
}

table.inner_list .inner_th {
    height: 40px;
}



#accordion.acc_question table.inner_list {
    border-bottom: 1px solid #ddd;
}

#accordion.acc_question table.inner_list tr {
    height: unset;
    border: 0;
}

#accordion.acc_question table.inner_list td {
    width: 100%;
    padding: 25px;
    text-align: left;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td {
    padding-top: 0;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box {
    display: none;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_btn,
#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box .answer_box_btn {
    display: flex;
    justify-content: flex-end;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_btn button,
#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box .answer_box_btn button {
    width: 110px;
    padding: 8px 0;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_btn button:first-child,
#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box .answer_box_btn button:first-child {
    background: #ee2f49;
    border: 1px solid #ee2f49;
    color: #fff;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_btn button:nth-child(2) {
    background: #f9b6a8;
    border: 1px solid #f9b6a8;
    color: #fff;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box textarea {
    width: 100%;
    height: 130px;
    resize: none;
    padding: 15px;
    box-sizing: border-box;
    border-color: #ddd;
    display: block;
    margin-bottom: 10px;
}

#accordion.acc_question table.inner_list tr.inner_tr_re td .answer_box textarea:focus {
    border-color: #ee2f49;
}

#accordion.acc_question table.inner_list td.inner_td_1>div {
    margin-top: 20px;
}

#accordion.acc_question table.inner_list td.inner_td_1>div:first-child {
    margin-top: 0;
}

#accordion.acc_question table.inner_list .msg_box {
    position: relative;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    padding: 20px 80px 20px 20px;
    text-align: left;
    background: #fff;
    display: inline-block;
}

#accordion.acc_question table.inner_list .msg_box.my_box {
    /*border-color:red;*/
}

#accordion.acc_question table.inner_list .msg_box button.del_btn {
    opacity: 0.8;
    right: 20px;
    bottom: 20px;
    position: absolute;
    display: inline-block;
    padding: 2.5px 14px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #000;
    transition: all 0.1s ease
}

#accordion.acc_question table.inner_list .msg_box button.del_btn:hover {
    opacity: 1;
    transition: all 0.1s ease;
    color: #fff;
    background-color: #ee2f49;
    border-color: #ee2f49;
}

#accordion.acc_question table.inner_list .msg_box p {
    line-height: 1.75em;
    font-size: 14px;
}

#accordion.acc_question table.inner_list .msg_box p:first-child {
    margin-bottom: 10px;
}

#accordion.acc_question table.inner_list .msg_box p:first-child span.msg_id {
    font-size: 16px;
    margin-right: 10px;
}

#accordion.acc_question table.inner_list .msg_box p:first-child span.msg_date {
    color: #999;
    font-size: 11px;
}

.msg_box_top .msg_box_img {
    max-height: 57px;
    margin-right: 10px;
    border: 1px solid #dadada;
    float: left;
}

.msg_box_img_wrap {
    margin: 13px 0 30px;
    overflow: auto;
}

.msg_box_clear {
    clear: both;
    margin-top: 30px;
}



.no_order {
    text-align: center;
    padding-top: 90px;
    background: url("/images/no_RecentOrders.png") no-repeat center 90px;
    height: 200px;
}

.no_order p {
    font-size: 16px;
    margin-top: 140px;
}



.acc_od_issue {
    margin-bottom: 40px;
}

.acc_od_issue_wrap>h2 {
    font-size: 20px;
    color: #999;
    margin-bottom: 30px;
}

.acc_od_issue .sub_title {
    font-size: 15px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 6px;
    margin-top: 10px;
}

.acc_od_issue .sub_title+p {
    font-size: 12px;
    margin-bottom: 6px;
    color: #808080;
}

.acc_od_issue .sub_title span {
    font-size: 12px;
    color: red;
}


table.inner_list .inner_td_2_1 {
    width: 472px;
    text-align: left !important;
    padding: 0 16px;
}

table.inner_list .inner_td_3_1,
table.inner_list .inner_td_4_1 {
    width: 67px;
    vertical-align: top;
    padding-top: 24px;
}

.issue_table_wrap {
    margin-top: 10px;
}

.issue_table tr {
    border: 1px solid #ddd;
}

.issue_table_wrap .more_btn {
    height: 25px;
    background: #dedede;
    font-size: 12px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}

.sub_title.mar_top {
    margin-top: 50px;
}

.acc_od_issue textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    padding: 10px;
}


.inner_td_3_1 input {
    width: 37px;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #fb1d3f;
    box-sizing: border-box;
    text-align: center;
    margin-top: 5px;
}

.inner_td_4_1 .chk_con {
    width: 16px;
}

.inner_td_4_1 .chk_con input {
    position: absolute;
    cursor: pointer;
    visibility: hidden;
}

.inner_td_4_1 .chk_checkmark {
    position: absolute;
    top: 8px;
    left: 12px;
    height: 16px;
    width: 16px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}



.odis_img_div1,
.odis_img_div2,
.odis_img_div3 {
    width: 227px;
    height: 227px;
    background: #fafafa;
    border: 3px dashed #c2c2c2;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    float: left;
    margin-right: 18px;
    border-radius: 8px;
}

.odis_img_div3 {
    margin-right: 0;
}

.add_input_wrap {
    width: 227px;
    height: 227px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    float: left;
    background: none;
    border: 3px dashed #e2e2e2;
}

.add_input {
    text-align: center;
    font-size: 25px;
    color: #cccccc;
    padding-top: 84px;
    line-height: 1em;
}

#odis_img1,
#odis_img2,
#odis_img3,
.odis_img {
    position: relative;
    z-index: 9;
}

#odis_loading_img1,
#odis_loading_img2,
#odis_loading_img3 {
    position: relative;
}

#odis_loading_img1 img,
#odis_loading_img2 img,
#odis_loading_img3 img {
    position: absolute;
    left: 50%;
    margin-left: -82px;
    top: 30px;
    display: none;
}

.odis_inner {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    padding-top: 37px;
    box-sizing: border-box;
}

.odis_inner .file_msg {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
}

.odis_sel_btn {
    width: 126px;
    height: 32px;
    border-radius: 4px;
    background: #999;
    cursor: pointer;
    display: block;
    margin: 18px auto 0;
    padding-top: 6px;
    box-sizing: border-box;
}

.odis_sel_btn>p {
    color: #fff;
    font-size: 16px;
}

.odis_img_area .pre_img_del {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url('../images/preimg_del_btn.png');
}


.odis_done {
    padding-top: 30px;
    width: 450px;
    margin: 0 auto;
    text-align: center;
}

.odis_done img {
    margin-bottom: 20px;
}

.odis_done p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.odis_done_btn {
    display: inline-block;
}

.odis_done_btn .odis_btn {
    width: 190px;
    height: 40px;
    border-radius: 4px;
    background: #262626;
    cursor: pointer;
    display: block;
    float: left;
}

.odis_done_btn .odis_btn a {
    color: #fff;
    font-size: 15px;
    display: block;
    padding: 10px 0;
}

.odis_done_btn .odis_con {
    background: #fff;
    border: 1px solid #000;
    margin-right: 20px;
}

.odis_done_btn .odis_con a {
    color: #000;
    font-size: 15px;
    display: block;
    padding: 10px 0;
}

.odis_done_btn a:link,
.odis_done_btn a:visited,
.odis_done_btn a:hover,
.odis_done_btn a:active {
    text-decoration: none;
}





#my_wallet_wrap h1 {
    margin-bottom: 0px;
}

#my_wallet_wrap .profile_area {
    height: 480px;
    background-color: #eaeaea;
    overflow: auto;
}

#my_wallet_wrap .profile_area .profile_center {
    width: 350px;
    margin: 30px auto 58px;
    overflow: auto;
}

#my_wallet_wrap .profile_area .profile_center .prof_center {
    width: 164px;
    margin: 0 auto;
    text-align: center;
    float: none;
}

#my_wallet_wrap .profile_area .profile_center .profile_hello {
    clear: both;
    margin: 20px 0 18px;
    text-align: center;
    font-size: 36px;
}

#my_wallet_wrap .profile_area .profile_center .member_level {
    width: 164px;
    height: 33px;
    line-height: 33px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background-color: #f76178;
    cursor: default;
}

#my_wallet_wrap .profile_area hr {
    display: block;
    width: 48px;
    margin-top: 10px;
    border: 1px dashed #ccc;
}

#my_wallet_wrap .left {
    margin-right: 10px;
    float: left;
}

#my_wallet_wrap .right {
    margin-left: 10px;
    float: right;
}

#my_wallet_wrap .usable_coupons {
    margin-left: 60px;
    margin-right: 70px;
    float: left;
}

#my_wallet_wrap .usable_points {
    float: left;
}

#my_wallet_wrap .usable_coupons_title span {
    font-size: 18px;
    font-weight: bold;
}

#my_wallet_wrap .usable_points_title span {
    font-size: 18px;
    font-weight: bold;
}

#my_wallet_wrap .usbale_cont {
    padding-top: 10px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

#my_wallet_wrap .coupon_point_wrap {
    margin-top: 36px;
    overflow: auto;
}

#my_wallet_wrap .coupon_point_wrap .coupon_point_title {
    width: 245px;
    height: 56px;
    margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
}

#my_wallet_wrap .coupon_point_wrap .coupon_point_title>div {
    position: relative;
    margin-right: 60px;
    float: left;
    cursor: pointer;
}

#my_wallet_wrap .coupon_point_wrap .coupon_point_title>div:last-child {
    margin: 0;
}

#my_wallet_wrap .coupon_point_wrap .coupon_point_title>div>img {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
}

#my_wallet_wrap .coupon_point_wrap .coupon_point_title>div>img.active {
    display: block;
}

#my_wallet_wrap .table_cont {
    display: none;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
}

#my_wallet_wrap .table_cont.active {
    display: table;
}

#my_wallet_wrap .table_cont tr {
    border-top: 1px solid #cbcbcb;
}

#my_wallet_wrap .table_cont th {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #f0f0f0;
}

#my_wallet_wrap .table_cont td {
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
}

#my_wallet_wrap #point_table.table_cont td {
    height: 56px;
    line-height: 56px;
}

#my_wallet_wrap .table_cont .td_coupon {
    width: 241px;
}

#my_wallet_wrap .table_cont .td_use {
    width: 147px;
}

#my_wallet_wrap .table_cont .td_discount {
    width: 150px;
}

#my_wallet_wrap .table_cont .td_expiration {
    width: 175px;
}

#my_wallet_wrap .table_cont .td_date {
    width: 166px;
}

#my_wallet_wrap .table_cont .td_history {
    width: 280px;
}

#my_wallet_wrap .table_cont .td_expir {
    width: 120px;
}

#my_wallet_wrap .table_cont .td_earned,
#my_wallet_wrap .table_cont .td_used {
    width: 75px;
}

#my_wallet_wrap #point_table.table_cont td.td_history,
#my_wallet_wrap #point_table.table_cont td.td_expir {
    line-height: 22px;
}

#my_wallet_wrap .td_coupon {
    position: relative;
}

#my_wallet_wrap .td_coupon img {
    margin-left: 5px;
    cursor: pointer;
}

#my_wallet_wrap .tooltiptext {
    display: none;
    width: 60px;
    line-height: 16px;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    z-index: 1;
}



#rv_wrap .rv_notice {
    height: 120px;
    border: 2px dashed #acacac;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-top: 18px;
}

#rv_wrap .rv_notice p {
    font-size: 16px;
    line-height: 1.5em;
}

#rv_wrap .find_option {
    background-color: #f0f0f0;
    padding: 10px 10px 7px;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 0;
}

#rv_wrap .rdo_con {
    margin-bottom: 4px;
    width: auto;
    margin-right: 30px;
}

#rv_wrap .ftxt {
    margin-right: 30px;
}

#rv_wrap .rdo_checkmark {
    background: #fff;
}

#rv_wrap .rv_write_frm {
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#rv_wrap .rv_write_frm p {
    font-size: 14px;
}

#rv_wrap .rv_write_frm input[type="text"] {
    width: 100%;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 10px;
}

#rv_wrap .rv_write_frm textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 5px;
}

#rv_wrap .rv_write_frm .last_p {
    margin-top: 15px;
    margin-bottom: 5px;
}

#rv_wrap .rv_write_frm .targetText {
    margin-top: 5px;
    margin-bottom: 15px;
}

#rv_wrap table.inner_list tr {
    min-height: 100px;
}

#rv_wrap table.inner_list .inner_td_2 {
    padding: 12px 16px;
}

#rv_wrap .inner_list .is_cont_subject {
    margin-top: 14px;
    font-size: 15px;
    font-weight: bold;
}

#rv_wrap .inner_list .is_cont_content {
    margin-top: 2px;
    width: 309px;
    word-break: break-all;
}

#rv_wrap .inner_list .is_cont_img {
    margin-top: 5px;
}

#rv_wrap .inner_list .is_cont_img img {
    margin-right: 10px;
}

#rv_wrap .ui-accordion-header-active table.inner_list tr {
    border-bottom: 0;
}

#rv_wrap #accordion table.inner_list {
    cursor: pointer;
}

#rv_wrap .btn_box {
    /*width:310px;*/
    width: 150px;
    margin: 30px auto 10px;
}

#rv_wrap .rv_cancel_btn,
#rv_wrap .rv_submit_btn {
    width: 150px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

#rv_wrap .rv_cancel_btn {
    border: 1px solid #262626;
    background: #fff;
    color: #262626;
    margin-right: 10px;
}

#rv_wrap .rv_submit_btn {
    background: #262626;
    color: #fff;
}

#rv_wrap .inner_list .prod_info .it_brand_name {
    font-size: 13px;
    margin-bottom: 6px;
    line-height: 1.5em;
}

#rv_wrap .inner_list .prod_info .it_prod_name {}

#rv_wrap .inner_list .targetText_ro {
    margin-top: 2px;
}


#rv_wrap #accordion .ui-icon {
    display: none !important;
}


#loading_paypal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
    z-index: 9999999;
}

/* 상품썸네일의 우측상단 아이콘 영역 */
.item_righticon {
    position: absolute;
    z-index: 2;
}

.review_table img {
    margin-right: 10px;
    vertical-align: top !important;
    cursor: pointer;
}

/* 상품리뷰 필터 */
#sit_use_list .review_more ul {
    overflow: hidden;
}

#sit_use_list .review_more ul li {
    float: left;
    margin-right: 14px;
    text-align: center;
    width: 82px;
    height: 82px;
    background-color: gray;
    cursor: pointer;
}

#sit_use_list .review_more ul li:last-child {
    position: relative;
    background-color: #333;
    color: #fff;
    margin-right: 0;
    cursor: pointer;
}

#sit_use_list .review_more ul li:nth-child(10):before {
    z-index: 1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

#sit_use_list .review_more ul li span {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 100%;
}

#sit_use_list .review_more ul li span img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#sit_use_list .review_more ul li span span.more {
    z-index: 2;
    display: block;
    position: absolute;
    top: 41%;
    width: 100%;
    color: #fff;
    text-align: center;
}

.product_rating {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

.product_rating .rating_total {
    overflow: hidden;
    float: left;
    margin-top: 8px;
}

.product_rating .rating_total img {
    float: left;
    width: 70px;
}

.product_rating .rating_total span {
    float: left;
    margin-left: 6px;
    color: #666;
}

.product_rating .rating_filter {
    float: right;
    padding: 8px 20px;
    border-radius: 8px;
    background-color: #ececec;
}

.product_rating .rating_filter ul li {
    overflow: hidden;
    display: inline-block;
    margin-right: 28px;
    cursor: pointer;
}

.product_rating .rating_filter ul li:last-child {
    margin-right: 0;
}

.product_rating .rating_filter ul li span {
    float: left;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

.product_rating .rating_filter ul li span.filter_title {
    overflow: hidden;
}

.product_rating .rating_filter ul li span.filter_title img {
    display: inline-block;
    float: left;
    width: 12px;
    margin-right: 3px;
}

.product_rating .rating_filter ul li span.filter_title img.first_img {
    margin-top: 2px;
}

.product_rating .rating_filter ul li span.filter_title span {}

.product_rating .rating_filter ul li:first-child span.filter_title {
    color: #8864fd;
}

.product_rating .rating_filter ul li span.filter_figure {
    color: #999;
    font-size: 12px;
}

/* 상품리뷰 더보기클릭 시 모달 */
.plus_modal {
    display: none;
    z-index: 10000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    background-color: #fff;
}

.plus_modal h3 {
    text-align: center;
    font-size: 18px;
    padding: 16px 0;
    padding-right: 4px;
    border-bottom: 1px solid #ececec;
}

.plus_modal button {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 56px;
    font-size: 27px;
    background: none;
    color: #000;
}

.plus_modal .modal_content ul {
    overflow: hidden;
    padding: 22px 22px 8px 22px;
    background-color: #fff;
}

.plus_modal .modal_content ul li {
    float: left;
    width: 79.2px;
    height: 79.2px;
    margin: 8px;
    cursor: pointer;
}

.plus_modal .modal_content ul li img {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.plus_modal .modal_count {
    position: relative;
    padding-bottom: 16px;
}

.plus_modal .modal_count ul {
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
    padding: 10px 0;
}

.plus_modal .modal_count ul li {
    float: left;
    margin: 0 1px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ececec;
    text-align: center;
    color: #999;
    background-color: #fff;
    cursor: pointer;
}

.plus_modal .modal_count ul li.moreview_check {
    border-color: #fe619b;
    color: #fe619b;
}


.plus_modal .modal_count ul span {
    display: block;
    float: left;
    margin: 0 1px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ececec;
    text-align: center;
    color: #999;
    background-color: #fff;
    cursor: pointer;
}

.modal_bg {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

/* 상품 리뷰 상세 */
.detail_review {
    display: none;
    z-index: 10001;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    background-color: #fff;
}

.detail_review h3 {
    text-align: center;
    font-size: 18px;
    padding: 16px 0;
    padding-right: 4px;
    border-bottom: 1px solid #ececec;
}

.detail_review>button {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 56px;
    font-size: 27px;
    background: none;
    color: #000;
    outline: none;
}

.detail_review .product_photo {
    background-color: #000;
    position: relative;
    overflow: hidden;
    max-height: 500px;
}

.detail_review .product_photo button {
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    top: 50%;
    transform: translate(-50%, -50%);
    outline: none;
    background-color: #000;
}

.detail_review .product_photo .left_arrow_btn {
    left: 22px;
    background-image: url(../images/slider_left_btn1.png);
    background-size: cover;
}

.detail_review .product_photo .right_arrow_btn {
    right: -11px;
    background-image: url(../images/slider_right_btn1.png);
    background-size: cover;
}

.detail_review .product_photo .photo_wrap {
    width: 400px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.detail_review .product_photo .photo_wrap img {
    height: auto;
}

.detail_content {
    padding: 20px 0;
}

.detail_content_container {
    width: 530px;
    margin: 0 auto;
}

.detail_content .img_line {
    margin-bottom: 26px;
}

.detail_content .img_line ul {
    overflow: hidden;
}

.detail_content .img_line ul li {
    opacity: 0.4;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 6px;
    border: 1px solid #ececec;
    cursor: pointer;
}

.detail_content .img_line ul li.check_imgline {
    opacity: 1;
    border-color: #ee2f49;
}

.detail_content .img_line ul li.check_imgline img {
    width: 100%;
    height: 100%;
}

.detail_content .rating_line {
    overflow: hidden;
    margin-bottom: 26px;
}

.detail_content .rating_line img {
    float: left;
    width: 90px;
}

.detail_content .rating_line span {
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-left: 10px;
    color: #999;
    font-weight: bold;
}

.detail_content .text_line {
    height: 95px;
    overflow: auto;
    background-color: #fff;
}

.detail_content .text_line textarea {
    width: 100%;
    height: 92px;
    font-size: 16px;
    text-align: left;
    border: 0;
    resize: none;
}

/* 로그인페이지 cs메일보내기 */
.cs_mail_close_btn {
    width: 93%;
    margin: 0 auto;
    margin-top: 17px;
    text-align: right;
}

.cs_mail_close_btn img {
    cursor: pointer;
}

.cs_mail_content {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 404px;
    height: 428px;
    background-color: #f7f7f7;
    border: 1px solid #555555;
}

.cs_mail_content_row {
    width: 334px;
    margin: 0 auto;
    text-align: center;
}

.cs_mail_content h1 {
    text-align: center;
    font-weight: normal;
    margin: 10px 0;
    font-size: 14px;
    line-height: 30px;
}

.cs_mail_content input {
    border: 1px solid #b7b1b5;
    width: 320px;
    height: 44px;
    margin: 5px 0;
    padding: 0 7px;
    font-size: 12px;
    color: #000;
    outline: none;
}

.cs_mail_content input::placeholder {
    color: #b2b2b2;
}

.cs_mail_content textarea {
    border: 1px solid #b7b1b5;
    width: 320px;
    height: 70px;
    margin: 5px 0;
    padding: 4px 7px;
    font-size: 12px;
    color: #000;
    resize: none;
    outline: none;
}

.cs_mail_content textarea::placeholder {
    color: #b2b2b2;
}

.cs_mail_content button {
    width: 200px;
    height: 38px;
    margin-top: 24px;
    background-color: #333333;
    font-size: 14px;
    color: #fff;
}

.cs_mail {
    margin-top: 16px;
}

.cs_mail button {
    width: 201px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #555555;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    transition: all 0.12s ease;
}

.cs_mail button:hover {
    background-color: #e8e8e8;
    transition: all 0.12s ease;
}

.payment_container {
    width: 995px;
    margin: 0 auto;
}

.payment_img {
    overflow: hidden;
    padding-bottom: 30px;
}

.payment_img div {
    overflow: hidden;
    float: left;
    display: inline-block;
}

.payment_img span {
    float: left;
    display: block;
    margin-top: 7px;
    margin-right: 15px;
    font-size: 16px;
}

.payment_img img {
    float: left;
    display: block;
}

.payment_right {
    margin-left: 50px;
}

/* 기획전 select css */
.title_select_wrap {
    position: relative;
    height: 42px;
    margin-bottom: 30px;
}

.title_select {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 310px;
    display: inline-block;
}

.title_select>div {
    position: relative;
    min-width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0 27px 0 9px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}

.title_select>div:before,
.title_select>div:after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 1px;
    height: 1px;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}

.title_select>div:before {
    display: none;
    border-bottom: solid 7px #3c4041;
}

.title_select>div:after {
    display: block;
    border-top: solid 7px #3c4041;
}

.title_select:hover div:before {
    display: block;
}

.title_select:hover div:after {
    display: none;
}

.title_select:hover ul {
    display: block;
}

.title_select ul {
    overflow: hidden;
    display: none;
    width: 100%;
    margin-top: 4px;
    border: 1px solid #dadada;
    border-radius: 6px;
    box-shadow: 4px 4px 8px #d4d4d4;
    box-sizing: border-box;
    background-color: #fff;
}

.title_select a {
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 13px;
    background-color: #fff;
    color: #323232;
    transition: 0.12s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.title_select a:hover {
    background-color: #f9b6a8;
    color: #fff;
    text-decoration: none;
    transition: 0.12s ease;
}

.top_one>a {
    height: 70px;
    width: 100%;
    display: block;
}

/* 중간 이벤트 배너 */
.s_center_b {
    margin-top: 50px;
}

.s_center_b a {
    display: block
}

.s_center_b a img {
    width: 100%;
}

/* new 장바구니 */

.shipping_step_title {
    border-bottom: 1px solid #949494;
}

.shipping_step_title h2 {
    padding-bottom: 10px;
    font-weight: 400;
    color: #474749;
    font-size: 23px;
    font-style: normal;
    line-height: normal;
}

.bag_total_price {
    overflow: hidden;
    margin-bottom: 37px;
    padding: 18.5px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
}

.bag_total_price>div {
    display: flex;
    float: right;
}

.bag_total_price p {
    margin-right: 26px;
    font-size: 16px;
    color: #777678;
    font-style: normal;
    font-weight: 400;
}

.bag_total_price span {
    color: #707072;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.payment {
    position: relative;
}

.payment_information {
    float: left;
    width: 560px;
}

.payment_information_right {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 375px;
    height: 100%;
}

.payment_information.payer {
    padding-top: 40px;
}

.payment_information_right .form_phone {
    width: 50px;
    font-size: 15px;
}


.payment_input_form {
    padding: 14.5px 0;
}

.payment_input_form .payment_notice_text {
    margin-top: 10px;
    padding: 8px 17px;
    color: #ED2F4A;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: rgba(237, 47, 74, 0.10);
}

.payment_input_form .payment_affiliate_notice {
    margin-top: 10px;
    padding-left: 16px;
    color: #111;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.4px;
}

.payment_input_form p {
    font-weight: 600;
    font-size: 16px;
}

.payment_input_form input[type=text] {
    display: inline-block;
    width: 443px;
    padding: 7.5px;
    padding-left: 0;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    text-align: left;
    transition: all 0.3s ease;
    outline: none;
}

.payment_input_form input[type=text]::placeholder {
    color: #c0c0c0 !important;
}

.payment_input_form input[type=text]:-webkit-autofill,
.payment_input_form input[type=text]:-webkit-autofill:hover,
.payment_input_form input[type=text]:-webkit-autofill:focus,
.payment_input_form input[type=text]:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.payment_input_form input[type=text]:focus {
    border-color: #000;
    transition: all 0.3s ease;
}

.payment_input_form button {
    display: inline-block;
    width: 76px;
    margin-left: 10px !important;
    margin-right: 0 !important;
    padding: 8px 0 !important;
    border: 1px solid #c0c0c0 !important;
    text-align: center;
    color: #c0c0c0 !important;
    background-color: #fff !important;
    transition: all 0.2s ease;
    font-size: 13px !important;
}

.payment_input_form button:hover {
    border-color: #666 !important;
    background-color: #666 !important;
    color: #fff !important;
    transition: all 0.2s ease;
}

.payment_input_form span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #939393;
}

.payment_input_form select {
    display: block;
    width: 588px;
    margin-top: 10px;
    padding: 8px;
    font-size: 13px;
    color: #939393;
    border: 1px solid #e2e2e2;
    transition: all 0.3s ease;
    cursor: pointer;
}

.payment_input_form select:focus {
    color: #323232;
    border-color: #000;
    transition: all 0.3s ease;
}

.message_form {
    display: flex;
    justify-content: space-between;
    height: 33px;
    line-height: 31px;
    text-align: right;
}

.message_form div,
.message_form input,
.message_form button {
    display: inline-block;
}

.message_form div {
    padding: 0 4px;
    font-size: 13px;
    color: #333;
}

.message_form label {
    display: block;
    cursor: pointer;
}

.message_form input[type=text] {
    width: 220px;
    padding: 0 6.5px 0 7.5px;
    font-size: 13px;
    text-align: right;
    outline: none;
}

.message_form input[type=text]::placeholder,
.message_form input[type=text]:-ms-input-placeholder,
.message_form input[type=text]::-webkit-input-placeholder {
    color: #c0c0c0 !important;
}

.message_form input[type=checkbox] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.payment_detail {
    float: right;
    position: relative;
    width: 319px;
    padding: 23px 27px 27px 27px;
    border: 1px solid #dadada;
    background-color: #fff;
}

.payment_detail.orderform {
    margin-top: 58px;
    position: absolute;
}

.payment_detail.fixed {
    position: fixed;
    top: 105px;
}

.payment_detail.hold {
    position: absolute;
    top: auto;
    bottom: 0;
}

.payment_detail.orderform .amount_final {
    padding-bottom: 40px;
}

.payment_detail h3 {
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 50px;
}

.amount_description {
    border-bottom: 1px solid #e2e2e2;
}

.amount_description div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.amount_description div {
    padding-bottom: 16px;
}


#msg_extra_coupon p {
    color: #0073F2;
    font-size: 14px;
}

#msg_extra_coupon .message_extra_coupon {
    color: #0073F2;
    font-size: 14px;
}

.free_shipping_txt {
    margin-top: 4px;
}

.free_shipping_txt p {
    color: #ee2f49;
}

.amount_description div:first-child span {
    color: #333;
}

.amount_description p {
    font-size: 15px;
}

.amount_description span.total_sale_price {
    color: #ee2f49;
}

.amount_description span {
    font-size: 15px;
    color: #666;
}

.amount_description span.free {
    color: #ee2f49;
}

.currency {
    display: flex;
    margin-bottom: 27px;
    padding: 10px 0;
    justify-content: space-between;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.currency p {
    font-size: 15px;
    float: unset !important;
    padding: 0 !important;
}

.currency span {
    font-size: 15px;
    color: #666;
}

.currency span strong {
    width: auto !important;
    padding: 0 !important;
    float: unset !important;
    background: none !important;
    font-weight: 400 !important;
}

.amount_final {
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: right;
}

.amount_final p {
    padding-bottom: 17px;
}

.amount_final span {
    font-size: 13px;
}

.amount_final span#ct_tot_price {
    font-size: 35px;
    color: #ee2f49;
}

.free_gift_wrap {
    margin: 20px 0;
    padding: 20px 0;
    background-color: #f7f7f7;
}

.free_gift_wrap h1 {
    padding-bottom: 36px;
    font-size: 20px;
    color: #111111;
    text-align: center;
}

.gift_img_wrap {
    overflow: hidden;
    display: flex;
    justify-content: center;
    text-align: center;
}

.gift_img_wrap label {
    cursor: auto;
}

.gift_item_on {
    position: relative;
    margin: 0 7px;
}

.gift_item_on:last-child {
    margin-right: 0;
}

.gift_box {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ee2f49;
    background-color: #fff;
    text-align: center;
}

.no_gift_bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 152px;
    height: 152px;
    background-color: rgba(0, 0, 0, 0.6);
}

.no_gift_img {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 142px;
    height: 66px;
}

.gift_box img {
    width: 100%;
}

.gift_img {
    width: 115px;
    height: 115px;
    margin: 0 auto;
}

.gift_box p {
    overflow: hidden;
    height: 29px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
}

.gift_check {
    position: relative;
    padding: 12px 0;
    cursor: pointer;
}

.gift_check label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.gift_check input[type=checkbox] {
    display: none;
}

.gift_check i {
    position: absolute;
    display: inline-block;
    display: none;
    left: 15%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 21px;
    height: 21px;
    background: url(https://ru.stylekorean.com/images/gift_check.png) left center no-repeat;
    background-size: cover;
    vertical-align: middle;
    transition-duration: 0.3s;
}

.gift_check span {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    color: #000;
}

.gift_ps {
    margin-top: 4px;
    padding-left: 10px;
    font-size: 10px;
    color: #ee2f49;
    text-align: left;
}

.order_number_go button {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    background-color: #ee2f49 !important;
    border: 1px solid #ee2f49;
    transition: all 0.2s ease;
}

.order_number_go.step2_btn {
    padding-bottom: 60px;
}

.order_number_go.step2_btn button {
    width: 320px;
}

.order_number_go button:hover {
    color: #ee2f49 !important;
    background-color: #fff !important;
    transition: all 0.2s ease;
}

.shipp_price_box {
    position: absolute;
    right: 0;
    display: none;
    line-height: 20px;
}

.shipp_price_box_m {
    position: absolute;
    right: 0;
    top: -20px;
    display: none;
    line-height: 20px;
}

.shipp_price_total {
    display: block;
    text-align: right;
    font-size: 16px;
    color: red;
    font-weight: bold;
}

.shipp_price_box>p,
.shipp_price_box_m>p {
    font-weight: bold;
}

.cart_table tbody {
    position: relative;
}

#sod_bsk_list .title_position td.cart_title {
    font-size: 20px;
    font-weight: 400;
    color: #49474A;
    text-align: left;
}

.timedeal_info {
    position: absolute;
    bottom: -362px;
    width: 319px;
    right: -1px;
    border: 1px solid #dadada;
    background-color: #fff;
    font-size: 14px;
    color: #CA8A95;
    padding: 27px;
}

.timedeal_info>div>span {
    color: #757577;
}

.k-pop_title p {
    margin-left: 10px;
    padding: 0 10px;
    color: #fff;
    font-size: 22px;
    background-color: #ed2f49;
}

.k-pop_title p span {
    color: #fff;
    font-size: 22px;
}

.shipping_date_txt {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    background-color: #ee2f49;
    color: #fff;
    font-size: 17px;
}

.shipping_date_txt span {
    color: #fff;
    font-size: 17px;
}

.K-pop-popup {
    display: none;
    z-index: 999999999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.K-pop-popup>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
    background-color: #fff;
}

.K-pop-popup p {
    font-size: 17px;
    margin-bottom: 30px;
    line-height: 33px;
    text-align: center;
}

.K-pop-popup p strong {
    font-size: 20px;
    color: #ee2f49;
}

.K-pop-popup button {
    display: block;
    padding: 8px 30px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: #494949;
}

.pc_preorder_dday_text {
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    border: 1px solid #a3a3a3;
    padding: 3px 0px;
}

.pc_preorder_dday_text span {
    color: #707070;
    font-size: 12px;
}

.preorder_dday {
    position: absolute;
    z-index: 1;
    padding: 5px 15px;
    background-color: #ee2f49;
}

.preorder_dday span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
}

/* KPOP 블로그 CSS */
.blog_items {
    margin: 30px 0;
}

.blog_item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.blog_item {
    width: 220px;
    margin: 14px;
    text-align: center;
}

.blog_item img {
    width: 100%;
}

.item_price_area {}

.blog_item_name {
    padding: 6px 14px;
}

.blog_item_sale {
    display: block;
    margin-bottom: 5px;
    color: #999;
    font-weight: normal;
    font-size: 15px;
    text-decoration: line-through;
}

.blog_item_percent {
    font-size: 15px;
    color: #d33438;
    font-weight: bold;
}

.blog_item_price {
    font-weight: bold;
    color: #323232;
    font-size: 15px;
    margin: 5px 0;


    /* 국가가 타이완 일 때 안내문구 */
    #tw_text {
        display: none;
        margin-bottom: 18px;
    }

    .tw_text {
        padding: 8px;
        margin-bottom: 7px;
        border: 1px solid #e9e9e9;
    }

    .tw_text h4,
    .tw_text p {
        font-weight: bold;
        color: #323232;
        font-size: 13px;
    }

    .tw_text h4 {
        padding-bottom: 8px;
    }

    .tw_text p {
        padding-bottom: 6px;
    }

    .tw_text p:last-child {
        padding-bottom: 0;
    }

    .chk_input {
        overflow: hidden;
    }

    .chk_input input[type="checkbox"]+label {
        float: right;
        display: block;
        width: 20px;
        height: 20px;
        background: url('/images/check_n_pc.png') no-repeat top center / cover;
    }

    .chk_input p {
        float: right;
        margin-left: 6px;
        font-size: 13px;
        color: #7a7979;
    }

    .chk_input input[name="tw_chk"]:checked+label {
        background: url('/images/check_y_pc.png') no-repeat top center / cover;
    }

    .chk_input input[name="tw_chk"] {
        display: none;
    }

    /* 케이팝 상품상세 응모 스타일시트 */
    .enter_event input[type="number"]::-webkit-outer-spin-button,
    .enter_event input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .enter_event input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px #fff inset;
        -webkit-text-fill-color: #000;
    }

    .enter_event input:-webkit-autofill,
    .enter_event input:-webkit-autofill:hover,
    .enter_event input:-webkit-autofill:focus,
    .enter_event input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
    }


    .enter_event input::placeholder {
        color: #999;
    }


    .enter_chkbox:first-child {
        margin-bottom: 6px;
    }

    .enter_text {
        margin-top: 20px;
    }

    .enter_chkbox span {
        font-size: 15px;
        font-weight: bold;
    }

    .enter_text input[type="text"],
    .enter_text input[type="number"],
    .enter_text input[type="email"] {
        display: block;
        width: calc(100% - 22px);
        color: #323232;
        padding: 12px 10px;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 0px;
        margin-bottom: 6px;
    }

    .enter_text select {
        display: block;
        width: 100%;
        color: #323232;
        padding: 12px 6px;
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 0px;
        margin-bottom: 6px;
        cursor: pointer;
    }

    input[name="glow_agree"]:focus {
        outline: #0078a5 solid 2px;
    }

    /* 블로그 별점 CSS */


    .ration_wrap {
        width: 300px;
        margin: 0 auto;
        margin-bottom: 24px;
        text-align: center;
    }

    .rating {
        position: relative;
        display: inline-block;
    }

    .rating:before {
        display: none;
        z-index: 1;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .rating.active:before {
        display: block;
    }

    .rt_text {
        font-size: 17px;
        margin-bottom: 12px;
    }

    .rt_number {
        display: inline-block;
        border: 1px dashed #868686;
        background-color: #ffffff;
        height: 62px;
        line-height: 62px;
        width: 62px;
        text-align: center;
        border-radius: 50%;
        font-size: 35px;
        margin-bottom: 17px;
    }

    .rating>input {
        display: none;
    }

    .rating>label:before {
        margin: 5px;
        font-size: 26px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating>.half:before {
        content: "\f089";
        position: absolute;
    }

    .rating>label {
        color: #ddd;
        float: right;
    }

    .rating>input:checked~label,
    .rating:not(:checked)>label:hover,
    .rating:not(:checked)>label:hover~label {
        color: #FFD700;
    }

    .rating>input:checked+label:hover,
    .rating>input:checked~label:hover,
    .rating>label:hover~input:checked~label,
    .rating>input:checked~label:hover~label {
        color: #FFED85;
    }

    .star_average {
        text-align: center;
    }

    .star_average span {
        display: inline-block;
        width: 62px;
        height: 62px;
        line-height: 62px;
        margin-bottom: 17px;
        border: 1px dashed #868686;
        border-radius: 50%;
        font-size: 35px;
        text-align: center;
    }

    .rt_text {
        position: relative;
    }

    .rt_text:before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        width: 24%;
        height: 1px;
        border-bottom: 1px dashed #868686;
    }

    .rt_text:after {
        content: '';
        position: absolute;
        right: 0;
        top: 8px;
        width: 24%;
        height: 1px;
        border-bottom: 1px dashed #868686;
    }


    .tooltip_text {
        display: none;
        font-style: normal;
        position: absolute;
        max-width: 260px;
        border: 1px solid;
        border-radius: 5px;
        padding: 7px;
        font-size: 13px;
        background: #817d7f;
        color: #fff;
    }

    .tooltip:hover .tooltip_text {
        display: block;
    }

    .promotion_list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
        padding: 11px 4px;
        background-color: #eeeeee;
        border: 1px solid #fff;
        cursor: pointer;
    }

    .promotion_list.active {
        border-color: #000;
    }

    .promotion_list:hover {
        background-color: #dbdbdb;
    }

    .promotion_list li {
        font-size: 13px;
        color: #323232;
    }

    .promotion_list li.promotion_title {
        width: 180px;
    }

    .promotion_list li.promotion_code {
        width: 70px;
    }

    .promotion_list li.promotion_time {
        width: 147px;
    }

    .promotion_list li.promotion_discounts {
        color: #ee2f49;
    }
}