@media (max-width:1240px) {

    #hd_wr {

        padding: 0 20px

    }

}



@media (max-width:1200px) {

    #container .idx_only {

        width: 100%;

        height: 100%

    }

    .sb_bn li {

        width: 100%;

        position: initial;

        margin-bottom: 10px

    }

    .sct_30 .sct_li {

        width: 25% !important;

        margin: 0 0 20px;

        padding: 0 5px

    }

    #scroll_top_gnb {

        width: auto

    }

}



@media all and (max-width:991px) {

    .td_mobile {

        display: none;

    }

    #bo_v_info .profile_info .pf_img {

        display: none;

    }

    #bo_v_info .profile_info .profile_info_ct p {

        display: block;

    }

    #bo_v_info .profile_info .profile_info_ct,

    #bo_v_info strong {

        line-height: 36px;

    }

}



@media (max-width:970px) {

    #sit_pvi {

        padding: 0;

        width: 100%;

        margin: 0;

        border: 0;

        float: initial;

        overflow: hidden;

        position: relative;

    }

    #sit_siblings a {

        position: relative;

        width: 48%;

        display: block;

    }

    #sit_siblings a#siblings_prev {

        float: left;

        left: 0;

    }

    #sit_siblings a#siblings_next {

        float: right;

        right: 0;

    }

    #sit_siblings a span {

        position: absolute;

        font-size: 0;

        text-indent: -9999em;

        line-height: 0;

        overflow: hidden

    }

    .sns_share {

        right: 10px;

    }

    #sit_ov {

        width: 100%;

        float: none;

        clear: both;

        padding: 10px

    }

    .sit_ov_height {

        clear: both

    }

    #ssch_frm .ssch_left {

        float: none;

        display: inline-block

    }

    #ssch_frm .ssch_right {

        float: none

    }

    #ssch_frm .ssch_right span {

        display: block;

        margin: 10px 0

    }

    .couponzone_list ul li {

        width: 25%;

        float: left;

        padding: 10px

    }

    .couponzone_list ul li:nth-child(4n+1) {

        clear: both

    }

    #smb_my_ov {

        position: relative;

        width: 100%;

    }

    #smb_my {

        padding: 0;

        position: relative;

        display: block;

    }

    .btn_my_if {

        display: none

    }

    #bo_w,

    .form_01 {

        padding: 0;

        margin: 0;

    }

    #hd_wr_inner {

        height: 60px;

        padding: 15px 0;

    }

    #hd_wr_inner #logo {

        display: inline-block;

        margin-top: -5px;

        margin-left: 50px;

    }

    #hd_wr_inner #logo img {

        width: 90%;

        max-width: 180px;

    }

    #btn_hdcate {

        margin-top: 0;

        left: 10px;

        top: 14px;

    }

    .fixed #scroll_top_gnb {

        display: none

    }

    .hd_right_btn {

        margin-top: 0;

        margin-right: 10px;

    }

    #hd_wr.fixed {}

    #hd_wr.fixed #hd_wr_inner {

        height: 60px

    }

    #hd_wr.fixed #hd_wr_inner #logo {

        margin-top: -5px

    }

    #hd_wr.fixed #btn_hdcate {

        display: inline-block;

        margin-top: 0

    }

    #hd_wr.fixed .hd_right_btn {

        margin-top: 0

    }

    #hd_wr.fixed #sidr {

        display: none

    }

    #hd_wr.fixed .tnb_con {

        top: 60px

    }

    #hd_wr {

        padding: 0;

        height: 70px;

    }

    .btn_align.hd_search {

        display: none;

    }

    .main_image_area {

        min-height: 160px;

    }

    #main_bn img {

        min-height: 160px;

    }

    #sit_pvi {

        min-height: 380px;

    }

    #sod_frm_orderer table th,

    #sod_frm_taker table th {

        width: 90px;

    }

    .sod_right,

    .sod_left {

        display: block;

        width: 100%;

        padding: 0;

        margin: 0 auto;

        overflow: hidden;

    }

    #sod_frm .frm_input {

        width: 90%;

    }

    .sod_opt,

    #th_itopt,

    .td_bdno {

        display: none;

    }

    .list_02 li {

        width: 96%;

        margin: 10px auto;

    }

    .srl_10 li,

    .sct_best .sct_li {

        width: 50% !important;

    }

    .od_prd_list .td_prd {

        padding: 100px 0 0;

        min-width: 100px;

    }

    .sct_30 li .sct_btn {

        display: none !important;

    }

}



@media (max-width:969px) {

    #container {

        padding: 10px;

    }

    #container.idx-container {

        padding: 0

    }

    #container_title {

        margin: 20px 0

    }

    .ft_con {

        width: 100%;

        padding: 20px 10px;

        min-height: auto;

        border-left: 0;

        text-align: center;

    }

    .ft_wr {

        padding: 10px

    }

    #ft_cs {

        border-top: 0

    }

    #ft_cs a {

        width: 100%;

        text-align: center

    }

    #ft_link {

        padding: 15px

    }

    #ft_link li {

        padding: 0 5px

    }

    .sanchor {

        border: none;

        border-bottom: 0;

        margin-bottom: 15px

    }

    .sanchor li {

        width: 33.333%;

        margin-left: -1px

    }

    .sanchor a {

        padding: 0 5px;

        border-color: #ddd

    }

    .sanchor a.sanchor_on {

        background: #fff;

        border-color: #111;

        color: #111

    }

    .my_info {

        display: none

    }

    #quick {

        display: none;

    }

    #ft_to_top {

        display: none;

    }

    #ft_to_top.fix {

        display: block;

    }

    .sct_wrap h2 {

        text-align: center;

        font-size: 24px;

        margin: 40px 0 20px

    }

    .sct_wrap h2 a {

        font-size: 24px;

    }

    #sev h2 {

        text-align: center;

        font-size: 1.4em;

        margin: 40px 0 20px

    }

    .couponzone_list ul li {

        width: 50%;

        float: left;

        padding: 10px

    }

    .couponzone_list ul li:nth-child(2n+1) {

        clear: both

    }

}



@media (max-width:890px) {

    .sct_30 {

        padding: 0 10px

    }

    .sct_30 .sct_li {

        width: 50% !important

    }

    .sct_30 .sct_li:nth-child(4n+1) {

        clear: inherit

    }

    .sct_30 .sct_li:nth-child(2n+1) {

        clear: both

    }

    .sct_icon .shop_icon_4 {

        line-height: 35px;

        height: 35px

    }

}



@media (max-width: 641px) {

    #sps_sch .sch_wr {

        width: 300px;

        display: inline-block

    }

    #sps_sch a {

        display: inline-block;

        margin: 0

    }

    #sqa_sch .sch_wr {

        width: 300px;

        display: inline-block

    }

    #sqa_sch a {

        display: inline-block;

        margin: 0

    }

    #sit_inf_open th {

        text-align: center

    }

    #sit_inf_open th,

    #sit_inf_open td {

        width: 100%;

        display: block;

    }

    #sit_inf {

        padding: 10px 0;

    }

}



@media (max-width:640px) {

    .sit_use_dl,

    .sit_qa_dl {

        position: relative;

        line-height: 20px;

        padding-bottom: 5px

    }

    .sit_qa_li_title,

    .sit_use_li_title {

        line-height: 20px;

        padding-top: 5px

    }

    #ssch_frm .ssch_left .ssch_input {

        width: 100%

    }

    #ssch_frm h2 span {

        font-size: 1.083em

    }

    #smb_my_wish li {

        width: 50%

    }

}



@media (max-width: 640px) {

    .m_no {

        display: none

    }

}



@media (min-width: 970px) {

    #hd_ct {

        border-right: 1px solid #ddd;

        height: 38px;

        padding-left: 35px;

        background-size: 16px;

    }

    #hd_ct:hover {

        background-color: #f3f3f3

    }

    #hd_tnb ul {

        text-align: right;

        float: right

    }

    #hd_tnb ul li {

        width: auto;

        padding: 0;

        display: inline-block;

        float: none

    }

    #hd_sch {

        display: block;

        float: left;

        background-color: #fff;

    }

    #hd_sch_open {

        display: none;

    }

    #hd_sch .pop_close {

        display: none;

    }

    #hd_sch .sch_inner {

        border-right: 1px solid #ddd;

        position: relative;

    }

    #hd_sch .frm_input {

        background: none;

        border: 0;

        height: 38px;

        padding: 0 15px;

        padding-right: 40px;

        width: 280px;

    }

    #hd_sch .frm_input:focus {

        background: #f3f3f3

    }

    #hd_sch .btn_submit {

        background: url('../img/icon-sch-pc.png') no-repeat 50% 50%;

        width: 40px;

        height: 38px;

        position: absolute;

        top: 0;

        right: 0

    }

}



@media (max-width: 969px) {

    #hd_sch {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.9);

        z-index: 999

    }

    #hd_sch .sch_inner {

        position: absolute;

        top: 50%;

        left: 0;

        width: 100%;

        padding: 0 10%;

        margin-top: -40px;

    }

    #hd_sch .frm_input {

        background: none;

        border: 0;

        border-bottom: 2px solid #fff;

        height: 40px;

        padding: 0 5px;

        width: 100%;

        color: #fff;

        font-size: 1.25em

    }

    #hd_sch .btn_submit {

        background: #000 url('../img/icon-sch.png') no-repeat 50% 50%;

        height: 40px;

        position: absolute;

        top: 0;

        right: 10%;

        background-size: 20px;

        padding: 0 25px;

        border: solid 1px #fff;

    }

    #hd_sch .pop_close {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        background: url('../img/icon-close.png') no-repeat 50% 50%;

        background-size: 40px;

        border: 0;

        height: 70px;

        text-indent: -999px;

        overflow: hidden

    }

    #ppl_word {

        text-align: center

    }

    #ppl_word a {

        color: #fff;

        font-size: 1.25em;

        padding: 0 10px;

        line-height: 30px;

    }

    #logo {

        padding: 20px 0;

        margin-top: 10px;

    }

    #logo img {

        max-height: 40px;

        width: 180px;

    }

    #hd_ct {

        position: absolute;

        top: 70px;

        left: 10px;

        width: 30px;

        height: 30px;

        font-size: 0;

        line-height: 0;

        z-index: 9;

    }

    .hd-admin a {

        padding: 13px 10px

    }

    #hd_tnb li {

        margin: 0 2px;

    }

}



@media (max-width: 969px) {

    #container_title {

        margin: 30px 0 0;

        font-size: 1.25em

    }

}



@media (max-width: 969px) {

    .ft_con {

        width: 100%;

        padding: 20px 10px;

        min-height: auto;

        border-left: 0;

        border-top: 1px solid #eee

    }

    .ft_wr {

        padding: 10px

    }

    #ft_cs {

        border-top: 0

    }

    #ft_cs a {

        width: 100%;

        text-align: center

    }

    #ft_link {

        padding: 15px

    }

    #ft_link li {

        padding: 0 5px

    }

}



@media (max-width: 969px) {

    .sanchor {

        border: none;

        border-bottom: 0;

        margin-bottom: 15px

    }

    .sanchor li {

        width: 33.333%;

        margin-left: -1px

    }

    .sanchor a {

        padding: 0 5px;

        border-color: #ddd

    }

    .sanchor a.sanchor_on {

        background: #fff;

        border-color: #000;

        color: #333

    }

}



@media (max-width: 640px) {

    .icon_sale img {

        width: 20px;

        height: auto

    }

}



@media (min-width: 970px) {

    .sod_list .li_op_wr {

        width: 70%;

        float: left;

        margin: 10px 0;

        padding-left: 100px;

    }

    .sod_list .li_prqty {

        width: 30%;

        float: right;

        margin: 0;

        border: 0;

        padding: 15px;

    }

    .sod_list .li_prqty_sp {

        width: 100%;

        border: 0

    }

    .sod_list .total_img {

        left: 10px

    }

}



@media (min-width: 970px) {

    #sod_bsk_act .btn_submit {

        width: 300px

    }

}



@media (max-width: 640px) {

    .sod_frm_point div {

        background: #f3f3f3;

    }

}



@media (min-width: 970px) {

    #smb_my_ov {

        position: absolute;

        top: 0;

        left: 0;

        width: 280px

    }

    #smb_my {

        padding: 10px;

        padding-left: 300px

    }

    .btn_my_if {

        display: none;

    }

}



@media (max-width: 969px) {

    .my_info {

        display: none

    }

}



@media (max-width: 640px) {

    #smb_my_wish li {

        width: 50%

    }

    #smb_my_od table {

        width: 100%;

        border-bottom: 0px;

    }

    #smb_my_od table thead {

        display: none

    }

    #smb_my_od table tbody tr {

        display: block;

        border-top: 0px solid #333;

        border-bottom: 1px solid #CCD2D9;

        overflow: hidden;

        margin-bottom: 15px;

    }

    #smb_my_od table tbody th {}

    #smb_my_od table tbody td {

        position: relative;

        display: block;

        float: right;

        width: 100%;

        text-align: left !important;

        padding: 10px 10px;

        padding-left: 35%;

    }

    #smb_my_od table tbody th:before {}

    #smb_my_od table tbody td:before {

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        float: left;

        width: 25%;

        height: 100%;

        padding: 10px 10px;

        font-size: 1em;

        text-align: left;

        vertical-align: middle;

        background: #f8f8f8;

        white-space: nowrap;

        overflow: hidden;

    }

    #smb_my_od table tbody td:nth-child(1):before {

        content: "주문서번호";

    }

    #smb_my_od table tbody td:nth-child(2):before {

        content: "주문일시";

    }

    #smb_my_od table tbody td:nth-child(3):before {

        content: "상품수";

    }

    #smb_my_od table tbody td:nth-child(4):before {

        content: "주문금액";

    }

    #smb_my_od table tbody td:nth-child(5):before {

        content: "입금액";

    }

    #smb_my_od table tbody td:nth-child(6):before {

        content: "상태";

    }

    #smb_my_od table tbody th .bt-content,

    #smb_my_od table tbody td .bt-content {

        display: inline-block;

        width: 75%;

        padding: 5px 10px;

        text-align: left;

        background: #fff;

    }

    #smb_my_od table tbody th .bt-content a,

    #smb_my_od table tbody td .bt-content a {

        color: #000

    }

    #smb_my_od table tbody td.bt-hide {

        display: none

    }

    #smb_my_od table tbody td.empty_table:before {

        display: none;

    }

    #smb_my_od table tbody td.empty_table {

        text-align: center !important;

        width: 100%;

    }

}



@media (min-width: 970px) {

    #sod_ws_act {

        max-width: 400px;

        margin: 20px auto 0

    }

}



@media (min-width: 970px) {

    #sod_inquiry .inquiry_inv {

        position: absolute;

        bottom: 10px;

        right: 10px;

        max-width: 30%;

        text-align: right

    }

    #sod_inquiry li .inquiry_name {

        padding-right: 30%

    }

    #sod_inquiry li .inv_status {

        display: inline-block

    }

    #sod_inquiry li .inv_status span {

        line-height: 25px;

        padding: 0 10px;

        display: inline-block;

        font-size: 0.92em;

        border-radius: 5px

    }

}



@media (max-width: 969px) {

    #sod_inquiry li .inv_inv {

        width: 100%;

        margin-top: 10px

    }

}



@media (max-width: 970px) {

    .sod_right,

    .sod_left {

        display: block;

        width: 100%;

        padding: 10px

    }

    #sod_frm .frm_input {

        width: 100%

    }

    #sit_inf_explan img {

        width: 94%;

    }

}