@charset "utf-8";

/* 레이아웃 크기 지정 */
#hd_wrapper,
#menu .gnb,
#category,
#wrapper,
#tnb ul,
#sbn_idx,
#hd_menu ul,
#ft .ft_wr,
#container,
.main_wrapper,
.container,
#sidx_lat,
.aside_wrap {
    width: 1050px;
    margin: 0 auto;
}

/*Color*/
#hd_cart .cart-count,
#menu .menu_all button,
#sbn_idx .flex-control-paging li .flex-active,
.btn_submit,
#sit_ov_btn #sit_btn_buy,
.btn_b02,
.sanchor li .sanchor_on .item_qa_count,
.sanchor li .sanchor_on .item_use_count,
.btn02,
.sit_qaa_done,
#side_menu .btn_side_shop span,
#ol_submit.btn_b02,
#ol_after_private a:hover strong,
#ol_after_private li,
#banner_bn .bx-pager a:hover,
#banner_bn .bx-pager a.active,
.btn_submit {
    background-color: #9e2525 !important
}

#tnb a:hover i,
#hd_cart a:hover,
#hd_cart a:hover,
#tnb li a:hover,
#hd_sch #sch_submit,
#ssch_sort li a:hover,
#sit_btn_cart,
#sit_btn_wish:hover,
#sit_siblings a:hover,
#scomm li a:hover,
.sct_wrap h2 a,
#ft .ft_cs h2,
#ft .ft_bank h2,
#category a:hover,
.sit_use_li_title:hover,
.lat_title a,
.gnb_cate_a,
#sps_sch a {}

.btn_b02,
#sit_btn_cart,
.btn02,
#sit_ov_btn #sit_btn_cart,
#sps_sch a {
    border-color: #9e2525 !important
}


/* Sub Color */
#hd_menu button,
#hd_menu li.hd_menu_right,
.sqa_con_btn button:hover {}

.sct_wrap h2 a b,
#ft .ft_cs strong,
#ft .ft_bank strong,
#sqa_sch a {
    color: #353847
}

#sqa_sch a {
    border-color: #353847;
}

#tnb .tnb_shop a {
    color: #F55C8C !important
}

#tnb .tnb_community a {
    color: inherit !important;
}

.sct_li {
    position: relative;
}

.sct_icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 61;
    margin: 0px !important;
}

.shop_icon {
    padding: 10px;
    margin: 0px;
}

.shop_icon_1 {
    background: #F55C8C
}

.shop_icon_2 {
    background: #18A5AF
}

.shop_icon_3 {
    background: #8DC039
}

.shop_icon_4 {
    background: #ff7575;
}

.shop_icon_5 {
    background: #3373cc;
}

.shop_icon_coupon {
    background: #C54EA8
}

#sit_btn_cart {
    border: 1px solid #9e2525;
    background: #fff;
    color: #9e2525;
}


.sit_use_top {
    background: transparent;
    border: 0;
    min-height: none;
    padding: 0;
    text-align: right;
}

#sit_use_wbtn {
    position: static
}

/*그누기반 ===================================================================================================================== */

/*상단메뉴*/
#tnb a:focus,
#tnb a:hover,
#hd_sch #sch_submit,
#popular h2,
#gnb_all .gnb_al_li .gnb_al_a {}

#hd_sch,
#hd_sch #sch_str,
#hd_sch #sch_submit {
    color: #9e2525;
}

#hd_menu {
    background-color: #fff;
}

#hd_menu li {
    border-color: rgba(255, 225, 255, 0.3)
}

#hd_menu li a {
    color: #333
}


#gnb {
    background: #333949
}

#gnb button {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.1)
}

#gnb #gnb_cateul {
    background-color: transparent;
    padding: 10px 0
}

#gnb .gnb_cateli:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.gnb_cateli_on .gnb_catea {
    background-color: #e82115;
    color: #fff;
    font-weight: 700
}

.gnb_s_cateul {
    background-color: transparent;
    padding: 10px 0;
}

.gnb_s_cateli:hover {
    background-color: #e82115;
}

.gnb_s_catea {
    background-color: transparent;
    color: #333
}

#sps_sch select {
    margin: 5px
}

#sps_sch .sch_input {
    height: 38px
}

/*왼쪽*/
#aside {
    background-color: transparent !important;
    margin-bottom: 20px;
}

#aside .sale_prd {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10px
}

#aside h2 {
    margin-top: 10px
}

#aside section {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10px 10px;
    margin-top: 5px;
    position: relative;
}

#aside .sct_txt {
    overflow: hidden;
    max-height: 34px
}

#aside .lat ul {
    border: 0;
    margin-bottom: 0px;
}

#aside .btn_admin {
    top: -1px;
    right: -1px;
    border-radius: 0;
    font-size: 0.9em
}

#ol_after_private a {
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0
}

#ol_after_private li:hover a {
    background-color: rgba(255, 255, 255, 0.8)
}

#ol_after_private a strong {
    border-radius: 15px;
}

#ol_submit.btn_b02 {
    color: #fff !important
}

/*버튼*/
.btn_admin {
    background-color: #222 !important
}

.btn01 {
    border-color: rgba(0, 0, 0, 0.18) !important;
}

#sit_btn_cart:hover,
a.btn01:focus,
a.btn01:hover,
button.btn01:hover {
    background-color: transparent;
}

a.btn01:focus,
a.btn01:hover,
button.btn01:hover {
    border-color: rgba(0, 0, 0, 0.35) !important;
}

.sit_qaa_yet {
    border-color: rgba(0, 0, 0, 0.1);
    color: #888
}

#side_menu .btn_side_shop span {
    opacity: .7
}


.sct .sct_sns {
    width: auto
}

#sit_pvi_big a.visible {
    position: relative;
}

#sit_pvi_big a.visible:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#sit_pvi_thumb a {
    position: relative;
    display: block;
}

#sit_pvi_thumb a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}



/* ========================================================================================================================================= */

#hd_wrapper {
    padding: 5px 0px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wrapper {
    min-width: 1050px;
    z-index: 99;
}

.main_con {
    width: 100% !important;
}

.main_wrapper {
    position: relative;
}

#hd_sch {
    top: 30px;
}

#sbn_side {
    width: 183px;
}

#sbn_side .bx-controls {
    top: 0px;
}


#aside {
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
}


/* aside:gnb */
#gnb {
    width: 215px;
    background-color: rgba(256, 256, 256, 0.7);
    position: relative;
    height: 483px;
    overflow: hidden;
    z-index: 999;
    margin: 0;
    padding: 0;
}

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

#gnb button {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #2b313f;
    background: none;
    text-align: left;
    color: #fff;
    padding: 0 20px;
    height: 40px;
    font-weight: bold;
    font-size: 1.167em
}

#gnb #gnb_cate_ul {
    padding: 4px 10px;
}

.gnb_cate_li {
    word-wrap: break-word;
}

.gnb_cate_li_on {
    color: #fff;
    text-decoration: none
}

.gnb_cate_a {
    display: block;
    padding: 0px 10px;
    line-height: 40px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.25em
}

.gnb_cate_li_on .gnb_cate_a {
    background-color: #2b313f;
    color: #fff;
    text-decoration: none
}

.gnb_cate_li_on .gnb_cate_am {
    color: #fff;
    text-decoration: none
}

.gnb_s_cate_ul {
    z-index: 1000;
    height: 100%;
    padding: 0px 12px 13px;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.gnb_s_cate_ul .gnb_s_cate_li:before {
    display: inline-block;
    width: 5px;
    height: 1px;
    content: '';
    background: #666;
    margin-right: 5px;
    position: relative;
    top: -4px;
}

.gnb_s_cate_a {
    display: inline-block;
    padding: 3px 0px;
    line-height: 21px;
    font-size: 14px
}

.gnb_s_cate_a:focus,
.gnb_s_catea:hover {
    text-decoration: none;
    color: #be334a
}

#gnb .btn span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #666;
    border-radius: 0;
    font-size: 0;
}

#gnb .btn:after {
    content: '\f107';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    font-family: 'fontawesome';
    color: #fff;
    font-size: 2em;
    font-weight: bold;
}

.Toggle .btn::after {
    content: '\f106' !important;
}

/* 메인 비주얼 */
#main_bn {
    margin-left: 0px;
    margin-bottom: 0px;
    text-align: center;

}

/* 메뉴 */

#hd_menu {
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#hd_menu ul {
    padding: 0px;
}

#hd_menu button {
    width: 160px;
    float: left;
    border: 0;
    background: none;
    text-align: center;
    color: #333;
    padding: 0 10px;
    height: 60px;
    font-weight: bold;
    font-size: 16px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#hd_menu button i {
    padding-right: 10px;
}

#hd_menu li {
    border: none;
    line-height: 30px;
}

#hd_menu li a {
    padding: 15px 10px;
    font-size: 16px;
}

#hd_menu li.hd_menu_right {
    border-right: 1px solid rgba(256, 256, 256, 0.2);
}

#hd_menu li.hd_menu_right a {
    color: #9e2525;
}

#hd_menu li:last-child .hd_menu_right {
    border-right: none;
}

/* 카테고리 */
#category {
    top: -60px;
    border: none;
    background: none;
    z-index: 999;
}

#category .close_btn {
    width: 215px;
    height: 60px;
    text-align: center;
    font-size: 16px;
}

#category button i {
    padding-right: 10px;
}

#category .ct_wr {
    background: #fff;
    border: 1px solid #3082da;
    padding: 15px 0px;
}

#category .cate_li_1 {
    width: 190px;
    min-height: 50px;
}

#category .cate_li_1_a {
    text-align: left;
    padding: 7px 10px;
    border-bottom: 1px solid #e3e3e1;
}

#category .sub_cate {
    margin-top: 10px;
}

#category .cate_li_2 {
    line-height: 22px;
}

#category .cate_li_2 a {
    background: none;
}


/* 이벤트 배너 */
#sev {
    margin: 30px 0px;
}

#sev .ev_li {
    margin-left: 15px;
}


#banner_bn {
    border: 0;
    text-align: center;
    position: relative;
}

/* PAGER */
#banner_bn .bx-pager,
.bx-controls-auto {
    position: absolute;
    bottom: 15px;
    z-index: 1;
    line-height: 8px;
}

#banner_bn .bx-pager {
    left: 50%;
    z-index: 59;
}

#banner_bn .bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

#banner_bn .bx-pager a {
    background-color: #ddd;
    text-indent: -9999px;
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 7px 0 0;
    border-radius: 50%;
    font-size: 0;
    line-height: 0
}

    {
    background-color: #333;
}


.footer_banner {
    text-align: center;
}

.sub_mg {
    margin-top: 60px;
}

/* 메인 상품 리스트 */



/* 하단 게시판 */
#sidx_lat {
    margin: 0 auto !important;
    overflow: visible
}

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

#sidx_lat * {
    font-family: Nanum Gothic;
    text-decoration: none;
}

#sidx_lat h2 {
    display: none;
    text-align: center;
    font-size: 1.1em;
    font-weight: 900;
}

#sidx_lat .lat {
    float: left;
    width: 350px;
    position: relative;
    border-right: 1px solid #e5e5e5;
    height: 189px;
    margin: 16px 0px;
}

#sidx_lat .lat_title {
    padding-top: 0;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1.2em;
}

#sidx_lat .lat_more {
    top: 7px;
    right: 15px;
}

#sidx_lat .lat_more a {
    font-size: 11px;
    opacity: .7;
    filter: alpha(opacity=70);
    font-family: Tahoma;
    text-decoration: none;
}

#sidx_lat .lat ul {
    margin: 8px 0 -3px;
    min-height: 113px;
    border: none;
}

#sidx_lat .lat ul li {
    overflow: hidden;
    font-size: 1em;
    border: none;
    padding: 3px 0px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 23px;
}

#sidx_lat .lat ul li:last-child {
    border-bottom: none;
}

#sidx_lat .lat ul li a {
    float: left;
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .8;
    filter: alpha(opacity=80);
}

#sidx_lat .lat ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sidx_lat .lat ul li a b {
    font-size: 1.2em;
    opacity: .5;
    filter: alpha(opacity=50);
    float: left;
}

#sidx_lat .lat .cnt_cmt {
    display: none;
}

#sidx_lat .lat ul li span {
    float: right;
    font-size: 0.92em;
    opacity: .6;
    filter: alpha(opacity=60);
    letter-spacing: -0.05em
}

#sidx_lat .qna {
    padding: 7px 25px;
}

#sidx_lat .review {
    border: none;
    padding: 7px 0px 7px 25px;
}



/* footer */
#ft {
    background: #fff;
    border-top: none;
    padding: 0px;
}

#ft .ft_ul {
    background: #f2f2f2;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0px;
}

#ft .ft_ul li {
    border-right: 1px solid #c4c4c4;
    padding: 0px 15px;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

#ft .ft_ul li:last-child {
    border-right: none;
}


#ft .ft_wr li {
    padding: 17px 34px;
    height: 260px;
    border-left: 1px solid #ddd;
}

#ft .ft_wr li:first-child {
    padding-left: 0px;
    border-left: 0px !important;
}

#ft_text {
    float: left;
    width: 540px;
}

#ft_text #ft_logo {
    float: none;
    width: auto;
}

#ft_text #ft_logo img {
    margin-bottom: 10px;
    margin-top: 5px;
}

#ft_text .ft_info {
    float: none;
    border: none !important;
    width: auto;
}

#ft .ft_cs {
    text-align: left;
    width: 262px;
}

#ft .ft_cs strong {
    font-size: 2.4em;
}

#ft .ft_cs button {
    background: #fff;
    border: 1px solid #b0b0b0;
    width: 100%;
    padding: 10px 0px;
    margin-top: 10px;
}

#ft .ft_bank {
    float: left;
    width: 247px;
    text-align: left;
    padding-right: 0px !important;
}

#ft .ft_bank h2 {
    margin-bottom: 12px;
}

#ft .ft_bank strong {
    font-size: 17px;
    margin: 0px;
    display: block
}

#ft .ft_bank strong img {
    width: 60px;
    margin-right: 8px;
}

#ft .ft_bank p {
    font-size: 0.92em;
    color: #877;
    margin-top: 5px;
}


#ft .ft_cs h2,
#ft .ft_bank h2 {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 550 !important;
}



#container {
    float: none;
    border-bottom: 1px solid #ddd;
}

#wrapper_title {
    font-size: 1.8em;
    font-weight: 500;
}

.hit,
.rec,
.new,
.best,
.sale {
    text-align: center;
    margin: 10px 0px;
}


/* ============================================================== 상품 상세보기 ============================================================== */

/* 상품 정보 */

#sit_title {
    font-size: 1.8em;
}

.sit_ov_tbl td {
    padding: 7px 0px;
}

.sit_ov_tbl td strong {
    color: #9e2525;
}

#sit_inf_basic {
    margin: 0 0 10px
}

#sit_inf_explan {
    margin: 0 0 10px;
    width: auto !important;
    overflow: hidden;
    text-align: center
}

/* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

#sit_inf_open {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

#sit_inf_open th {
    padding: 7px 10px;
    border: 1px solid #e5e5e5;
    background: #f6f6f6;
    vertical-align: top;
    text-align: left;
    font-size: 1em;
    color: #666;
    width: 150px;
    font-weight: 500;
}

#sit_inf_open td {
    padding: 7px 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    vertical-align: top;
    font-size: 1em;
    color: #7c7c7c
}

#item_tab li {
    width: 25%;
    border-top: 1px solid #ddd;
}

#item_tab ul {
    border-right: 1px solid #ddd
}


/* 상세 탭 */
.sanchor {
    border-bottom: 1px solid #999;
    text-align: center;
    margin: 40px 0 25px;
}

.sanchor li {
    display: inline-block;
    float: none;
    text-align: center;
    margin-left: -3px;
}

.sanchor li a {
    top: 1px;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-bottom: 1px solid #999;
    background: #fbfbfb;
    padding: 0 30px;
    color: #999;
    margin-right: -4px;
    z-index: 1
}

.sanchor li:hover a {
    background: #fbfbfb;
    color: #111
}

.sanchor li a .item_use_count {
    line-height: 15px;
    border-radius: 10px;
    min-width: 15px;
}

.sanchor li a.sanchor_on {
    background: #fff;
    border-color: #999;
    border-bottom-color: #fff;
    color: #111 !important;
    z-index: 2
}

.sanchor li a.sanchor_on:after {
    content: '\f107';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    font-family: 'fontawesome';
    color: #111;
    font-size: 1.4em;
    font-weight: bold;
}


/* 버튼 */
#sit_use_wbtn a,
#sit_qa_wbtn a {
    line-height: 35px;
}

/* 사용 후기 */
.sit_use_li {
    min-height: auto;
    padding: 0px;
}

.sit_use_li_title {
    border: none;
    margin: 0px;
    padding: 15px 18px;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: left;
}

.sit_use_li_title:hover {
    background: none;
}

.sit_use_dl {
    top: 15px;
    right: 10px;
    left: auto;
}

.sit_use_dl dd {
    float: left;
    margin: 0px 0px 0px 12px;
}

.sit_use_dl:hover dd {
    color: #fff;
}

.sit_use_dl .sit_use_star {
    height: 15px;
    margin: -2px 0px 0px 12px;
}

.sit_use_dl .sit_use_star img {
    height: 100%;
}

.sit_use_con {
    padding: 15px 18px;
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
}

#sit_use_wbtn {
    text-align: right;
}


/* 상품 문의 */
.sit_qa_li {
    padding: 15px 18px;
}

.sit_qa_li_title {
    font-size: 12px;
    font-weight: 500;
}

.sit_qa_p {
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
}

.sit_qa_con {
    margin: 40px 0px 0px;
}


/* ============================================================== 상품 상세보기 ============================================================== */


/* 상뭄문의 */
#sqa_sch select {
    margin: 5.5px 5px;
}

.sqa_section .sqa_con {
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
}