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

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

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

.hd_pops img {
    max-width: 100%;
}

.hd_pops_footer {
    padding: 0;
    background: var(--text);
    color: #fff;
    text-align: left;
    position: relative;
}

.hd_pops_footer:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.hd_pops_footer button {
    padding: 10px;
    border: 0;
    color: #fff;
}

.hd_pops_footer .hd_pops_reject {
    background: var(--text);
    text-align: left;
}

.hd_pops_footer .hd_pops_close {
    background: #393939;
    position: absolute;
    top: 0;
    right: 0;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-5px);
    }
}
@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

#animated-example {
    width: 45px;
    height: 20px;
    line-height: 20px;
    background-color: #c1c1c1;
    opacity: 0.8;
    color: #fff;
    position: absolute;
    top: 38px;
    left: 11px;
    border-radius: 3px;
}

#animated-example:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 18px;
    width: 4px;
    height: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #c1c1c1;
}

.admin_btn {
    background: #02c3a1;
    color: #fff;
    padding: 8px 10px;
    border-radius: 3px;
    vertical-align: middle;
}

/* 메인메뉴 */

#gnb_all {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 99;
}

#gnb_all .gnb_al_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#gnb_all .gnb_al_ul {
    background: #fff;
    border: 1px solid #4158d1;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#gnb_all .gnb_al_li {
    background: #fff;
    float: left;
    min-width: 20%;
    padding: 5px;
}

#gnb_all .gnb_al_li .gnb_al_a {
    font-size: 1.083em;
    padding: 10px;
    display: block;
    position: relative;
    margin-bottom: 10px;
    background: #eff1f9;
    border-bottom: 1px solid #dee2f1;
    font-weight: bold;
    color: #243071;
}

#gnb_all .gnb_al_li li {
    padding-left: 10px;
    line-height: 2em;
}

#gnb_all .gnb_al_li li i {
    color: #9ca6cc;
}

#gnb_all .gnb_al_li li a {
    color: #555;
}

.tnb_right {
    float: right;
}

.tnb_right:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.tnb_right li {
    float: left;
    line-height: 50px;
    padding: 0 10px;
    font-size: 1.2em;
}

.tnb_right a {
    display: inline-block;
    font-weight: bold;
    color: #404040;
    text-decoration: none;
}

#menu_open {
    color: var(--primary);
}

#menu_open i {
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}

/* 중간 레이아웃 */
#wrapper {
    z-index: 5;
    margin: 0 auto;
    position: relative;
}

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

#wrapper_title {
    width: 100%;
    background: var(--bg);
}

.wrapper_title_inner {
    display: flex;
    justify-content: space-between;
    width: 1400px;
    height: 50px;
    line-height: 40px;
    margin: 0 auto;
    color: #999;
    display: none;
}

.wrapper_title_inner .breadcrumb {
    font-size: 14px;
    color: #666;
}

.lt_wr {
    width: 49%;
}

.lt_wr:nth-child(2n + 1) {
    clear: both;
}

.nav_left h6 {
    font-size: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
}

.nav_left_category ul {
    height: 320px;
    overflow-y: scroll;
}

.nav_left_category li {
    font-size: 13px;
    margin-bottom: 14px;
    color: #666;
}

.nav_left_category li a {
    color: #888;
    cursor: pointer;
}

.nav_left_category li a:hover {
    color: var(--primary);
}

.nav_left_category li:first-child {
    margin-top: 10px;
}

.nav_left_scope li,
.nav_left_price li {
    height: 30px;
}

.nav_left_scope li:first-child,
.nav_left_price li:first-child {
    margin-top: 20px;
}

.nav_left_scope input[type='checkbox'],
.nav_left_price input[type='checkbox'] {
    margin-right: 4px;
}

.nav_left_scope input[type='radio'],
.nav_left_price input[type='radio'] {
    margin-right: 4px;
}

.nav_left_category li button {
    color: #888;
    cursor: pointer;
    border: none;
    background: none;
}

.nav_left_category li button:hover,
.nav_left_category li button.selected {
    color: var(--primary);
    text-decoration: underline;
}

/*.nav_left button {*/
/*  border: none;  !* 테두리 제거 *!*/
/*  background: none;  !* 배경색 제거 *!*/
/*  padding: 5px 10px;  !* 버튼 내부 여백 *!*/
/*  cursor: pointer;  !* 클릭 가능한 요소로 변경 *!*/
/*  transition: background 0.3s ease-in-out; !* 부드러운 효과 추가 *!*/
/*}*/
/*.nav_left button:hover {*/
/*  background: #f0f0f0; !* 마우스 오버 시 배경색 변경 *!*/
/*  border-radius: 5px; !* 모서리를 둥글게 *!*/
/*}*/
.nav_left_scope li span {
    display: inline-block;
    margin-left: 20px;
    color: #666;
    font-size: 13px;
}

.nav_left_scope li i {
    color: #ffe065;
}

.nav_left_scope li i.unfilled {
    color: #ddd;
}

.nav_left_price {
    margin: 10px 0 20px;
}

.nav_left_price input[type='text'] {
    width: 98px;
    padding: 0 6px;
}

.nav_left_price input[type='text']::placeholder {
    color: var(--text-3);
}

.price_input_box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.price_input_box button {
    background: transparent;
    border: none;
    margin-left: 10px;
}

.price_input_box input[type='text'] {
    margin-bottom: 0;
}

#container_inner.idx-container .nav_left {
    display: none;
}

#idx_banner {
    position: relative;
    background: #eee;
    width: 100%;
    max-height: 500px;
    height: 0;
}

#idx_banner:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#idx_bn_link {
    width: 1150px;
    margin: 0 auto;
}

/* #bn_cnt_link {position:absolute;top:50px} */
#bn_cnt_link {
    position: fixed;
    z-index: 1;
}

#bn_cnt_link ul {
    width: 75px;
}

#bn_cnt_link li {
    display: inline-block;
    position: relative;
    background: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    width: 75px;
    height: 95px;
    margin-bottom: 2px;
    border-radius: 3px;
}

#bn_cnt_link li:hover {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

#bn_cnt_link li:hover i {
    background: #fff;
}

#bn_cnt_link li i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 10px 0;
    font-size: 2em;
    background: #f3f3f3;
    border-radius: 50%;
}

#bn_cnt_link li:nth-child(1) i {
    color: var(--primary);
}

#bn_cnt_link li:nth-child(2) i {
    color: #457bc7;
}

#bn_cnt_link li:nth-child(3) i {
    color: #ffcf11;
}

#bn_cnt_link li:nth-child(4) i {
    color: #22be89;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-3px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(3px, 0, 0);
    }
}
/* .main {width:1260px;margin:0 auto;} */
.main_banner {
    position: relative;
    width: 100%;
    height: 480px;
    margin: 0 0 80px;
    background: url(../img/banner_bg.jpg) no-repeat 0px;
    background-size: cover;
}

.main_banner::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #1f2353;
    opacity: 0.8;
}

.main_banner .main_banner_wrapper {
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: 'WOFF_3';
    letter-spacing: 1.2;
}

.main_banner_wrapper h2 {
    color: #fff;
    line-height: 1.5;
    margin: 100px 0 30px;
    font-size: 48px;
}

.main_banner_wrapper p {
    color: rgba(188, 189, 204, 0.6);
    font-size: 16px;
}

.main_banner_wrapper button {
    font-size: 18px;
    outline: none;
    width: 180px;
    height: 46px;
    margin-top: 80px;
    background: none;
    font-size: 400;
    color: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 8px;
}

.main_lg_wrapper {
    position: relative;
    margin: 0 auto;
}

.main_lg_wrapper .lg_wrapper_list {
    display: flex;
    justify-content: space-evenly;
    background-color: #f9f9f9;
    height: 120px;
    line-height: 120px;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.main_lg_wrapper .lg_wrapper_list .lg_logo {
    width: 80px;
    height: 80px;
}

.lg_list_nav {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

/* .lg_list_nav li{
width:8px;
height:8px;
border-radius: 50%;
background:#dedede;
float: left;
margin:0 3px;

}
.lg_list_nav li:nth-child(2){
background:#1f2353;
} */
.main .sct,
.main2 .sct,
.main3 .sct,
.main4 .sct {
    justify-content: center;
    padding: 0;
}

/*.main .prd_list.sct .sct_li,
.main2 .prd_list.sct .sct_li,
.main3 .prd_list.sct .sct_li,
.main4 .prd_list.sct .sct_li,
.main_goods_sec .sct_li {
    flex-basis: 18%;
}*/

.main2 {
    background: var(--bg);
    padding-bottom: 120px;
}

.main2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.main2 .sct_wrap,
.main4 .sct_wrap {
    width: 1400px;
    margin: 0 auto;
}

.main2 .sct_wrap {
    position: relative;
}

.main2 .sct_wrap .bx-controls {
    background: green;
}

.main2 .sct_wrap .bx-prev {
    position: absolute;
    top: 40%;
    left: -45px;
    width: 24px;
    height: 40px;
    background: url('../img/arrow_btn_big.png') no-repeat;
    text-indent: -9999px;
    opacity: 0.3;
}

.main2 .sct_wrap .bx-prev:hover {
    opacity: 1;
}

.main2 .sct_wrap .bx-next {
    position: absolute;
    top: 40%;
    right: -45px;
    width: 24px;
    height: 40px;
    background: url('../img/arrow_btn_big.png') 0 -40px no-repeat;
    text-indent: -9999px;
    opacity: 0.3;
}

.main2 .sct_wrap .bx-next:hover {
    opacity: 1;
}

.main2 > p {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.4em; /* color:#fff; */
}

.main2 h6 {
    text-align: center;
}

.main2 .main_tit {
    display: inline-block;
    position: relative;
    margin: 0 auto; /* color:#fff; */
    font-family: 'WOFF_3';
}

/* .main2 .main_tit:before {content:"";position:absolute;bottom:-5px;left:25px;margin:20px 0;width:50px;height:2px;background:var(--text);display:inline-block} */
.main3 {
    padding: 60px 0;
}

.main3 .event_banner {
    max-width: 1400px;
    height: 270px;
    background: #eee;
    border-radius: 16px;
    margin: 0 auto;
}

.main3 .sev_admin {
    margin: 0 0 10px;
    text-align: right;
}

.main3 .sev_admin a {
    line-height: 35px;
    padding: 0 10px;
}

.main4 {
    position: relative;
    background: var(--bg);
    padding: 0 0 65px;
}

.main4 .bx-controls {
    background: green;
}

.main4 .bx-prev {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 24px;
    height: 40px;
    background: url('../img/arrow_btn_big.png') no-repeat;
    text-indent: -9999px;
    opacity: 0.3;
}

.main4 .bx-prev:hover {
    opacity: 1;
}

.main4 .bx-next {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 24px;
    height: 40px;
    background: url('../img/arrow_btn_big.png') 0 -40px no-repeat;
    text-indent: -9999px;
    opacity: 0.3;
}

.main4 .bx-next:hover {
    opacity: 1;
}

.main4:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.sale_prd {
    width: 1400px;
    margin: 0 auto;
}

.sale_prd h2 {
    font-size: 2.4em;
    margin: 60px auto;
    line-height: 1em;
    text-align: center;
}

.sale_prd h2 a {
    text-decoration: none;
    padding: 20px 0;
    /*font-family: 'WOFF_4';*/
    font-weight: 600;
}

/* 텍스트 크기 조절 */
#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: var(--text);
    color: #fff;
    cursor: pointer;
}

/*퀵메뉴*/
#quick {
    transition: all 0.5s;
    height: 100%;
    position: fixed;
    top: 128px;
    right: 0;
    z-index: 120;
}

#quick.fix {
    top: 0;
}

#quick .qk_innr {
    position: absolute;
    top: 0;
    left: -60px;
    background: #444;
    height: 100%;
}

#quick .qk_btn li.tabsTab {
    position: relative;
}

#quick .qk_btn li:after {
    display: none;
}

#quick .qk_btn li.tab_my:after {
    content: '마이페이지';
}

#quick .qk_btn li.tab_cart:after {
    content: '장바구니';
}

#quick .qk_btn li.tab_today:after {
    content: '오늘 본 상품';
}

#quick .qk_btn li.tab_wish:after {
    content: '위시리스트';
}

#quick .qk_btn li:hover:after {
    position: absolute;
    right: 60px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 5px 0 0 5px;
    background: #333;
    height: 50px;
    line-height: 50px;
    font-size: 1em;
    padding-left: 10px;
    width: 80px;
    top: 0;
}

#quick .qk_btn button {
    width: 60px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    background: transparent;
    border: 0;
}

#quick .qk_btn a {
    display: inline-block;
    text-align: center;
    width: 60px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
}

#quick .qk_btn button:hover,
#quick .qk_btn a:hover {
    background: #333;
}

#quick .qk_btn button#top_btn {
    border: 0;
    background: #333;
    width: 60px;
    height: 50px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    font-size: 1.8em;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
}

#quick .qk_btn button#top_btn:hover {
    background: var(--primary);
    color: #fff;
}

#quick .tabs_con {
    height: 100%;
    text-align: center;
}

#quick .qk_con {
    position: relative;
    background: #fff;
    height: 100%;
    width: 230px;
    display: none;
    overflow-y: auto;
    border-left: 1px solid #ddd;
}

#quick .qk_con_wr {
    padding: 25px 20px 20px;
}

#quick .qk_con h3 {
    text-align: left;
    padding-bottom: 20px;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid #f2f2f2;
}

#quick .qk_con h3 span,
#quick .qk_con h3 a {
    display: inline-block;
}

#quick .con_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: transparent;
    border: 0;
    color: #eee;
    font-size: 2em;
}

#quick .con_close:hover {
    color: #444;
}

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

#q_cart_wr .li_empty {
    border: 0;
    text-align: center;
    font-size: 1.2em;
    line-height: 50px;
    color: #cecece;
}

.qk_prdli {
    text-align: left;
}

/* .qk_prdli li {border-bottom:1px solid #e6e6e6;padding:10px 0;position:relative} */
.qk_prdli li {
    font-size: 1.2em;
    line-height: 50px;
    color: #cecece !important;
    padding: 0 !important;
}

.qk_prdli li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.qk_prdli .qk_img {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.qk_prdli .qk_txt {
    float: left;
    width: 119px;
    text-align: left;
}

.qk_prdli li:hover .qk_name a {
    color: var(--primary);
}

.qk_prdli .qk_name a {
    color: #666;
    font-size: 1.45em;
    display: block;
}

.qk_prdli .info_date {
    color: var(--text-3);
    font-size: 13px;
    margin-top: 5px;
    display: block;
    text-align: left;
}

.qk_prdli .qk_opt {
    font-size: 0.92em;
    color: #888;
    margin: 5px 0;
    line-height: 1.3em;
}

.qk_prdli .prd_del {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: #ddd;
    color: #999;
    border: 0;
}

.qk_prdli li:hover .prd_del {
    display: block;
}

.qk_cart_btn {
    margin: 10px 0;
}

.qk_cart_btn .qk_go_cart {
    width: 100%;
    background: #242424;
    font-weight: bold;
    color: #fff;
    border: 0;
    height: 40px;
    line-height: 40px;
    margin: 0 0 5px;
    transition: all 0.3s ease;
    display: inline-block;
}

.qk_cart_btn .qk_go_cart:hover {
    background: #ae1548;
}

.qk_cart_btn .qk_go_buy {
    width: 100%;
    background: #fff;
    font-weight: bold;
    color: #444;
    border: 1px solid var(--border);
    height: 40px;
    margin: 0 0 5px;
}

#quick .cart_al {
    text-align: left;
    margin: 10px 0;
    position: relative;
    line-height: 1.5em;
}

#quick .cart_al strong {
    position: absolute;
    top: 0;
    right: 0;
}

#quick_open {
    display: none;
    background: var(--text);
    height: 43px;
    width: 43px;
    border-radius: 50%;
    color: #fff;
    border: 0;
    font-size: 15px;
    z-index: 99;
}

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

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid var(--border) !important;
    background: #fafafa !important;
    color: var(--text) !important;
    text-decoration: none !important;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 13px;
}

.cke_sc_def {
    border: 1px solid var(--border-2);
    background: var(--bg);
    text-align: center;
    margin-top: 3px;
    border-bottom: 0;
}

.cke_sc_def dl {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

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

.cke_sc_def dt,
.cke_sc_def dd {
    margin: 0;
    width: 10%;
    padding: 5px 10px;
    border-bottom: 1px solid var(--border-2);
    font-size: 13px;
}

.btn_cke_sc_close {
    display: none;
}

/* ckeditor 태그 기본값 */
#bo_v_con ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

#bo_v_con ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

#bo_v_con li {
    display: list-item;
}

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

/* 목록 바로가기 */
.sanchor {
    margin: 30px 0 20px;
    padding: 0;
    text-align: center;
}

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

.sanchor li {
    display: inline-block;
    text-align: center;
    list-style: none;
}

.sanchor li a {
    display: block;
    position: relative;
    padding: 15px 5px;
    font-size: 1em;
    color: #666;
    text-align: center;
    z-index: 1;
    border-bottom: 2px solid #fff;
}

.sanchor li .sanchor_on {
    font-weight: bold;
}

.sanchor li .sanchor_on:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    border-bottom: 2px solid var(--primary);
    color: var(--text);
    font-weight: bold;
}

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

/* 버튼 */
/*a.btn,
.btn {
  line-height: 35px;
  height: 35px;
  padding: 0 10px;
  text-align: center;
  border-radius: 6px;
  border: 0;
  overflow: hidden;
}*/

a.btn01 {
    display: inline-block;
    padding: 0 7px;
    border: 1px solid var(--bg-dark);
    border-radius: 6px;
    background: #fff;
    color: var(--text);
    text-decoration: none;
    vertical-align: middle;
}

a.btn01:focus,
a.btn01:hover,
button.btn01:hover {
    text-decoration: none;
    background: #f3f3f3;
}

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

a.btn02 {
    display: inline-block;
    padding: 0 7px;
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

a.btn02:focus,
.btn02:hover {
    text-decoration: none;
    background: var(--primary);
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 0 7px;
    border: 1px solid var(--primary);
    border-radius: 3px;
    background: var(--primary);
    color: #fff;
    text-decoration: none;
}

.btn_confirm {
    text-align: center;
} /* 서식단계 진행 */
.btn_submit {
    background: var(--primary);
    color: #fff;
    border: 0;
}

.btn_submit:hover {
    background: var(--primary);
}

.btn_address {
    background: #70aff2;
    border: 1px solid #3476be;
    height: 40px;
    color: #fff;
    padding: 0 10px;
    font-size: 1.083em;
    font-weight: bold;
}

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

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

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

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 1px solid var(--border);
    color: var(--border);
    background: #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,
.btn_b01 {
    display: inline-block;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    color: var(--text);
    text-decoration: none;
    vertical-align: middle;
}

a.btn_b02,
.btn_b02 {
    display: inline-block;
    background: var(--primary);
    border-radius: 3px;
    padding: 0 10px;
    color: #fff;
    text-decoration: none;
    border: 0;
    vertical-align: middle;
}

a.btn_b03,
.btn_b03 {
    display: inline-block;
    border: 1px solid var(--primary);
    border-radius: 3px;
    color: var(--primary);
    text-decoration: none;
    vertical-align: middle;
}

a.btn_b04,
.btn_b04 {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid var(--primary);
    color: var(--primary);
    background: #fff;
    text-decoration: none;
    vertical-align: middle;
}

/* 관리자 전용 버튼 */
/* 관리자 전용 버튼 */
a.btn_admin2,
.btn_admin2 {
    display: inline-block;
    background: #fff;
    color: var(--text);
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: middle;
} /* 관리자 전용 버튼 */
/* 선택수정 버튼 */
.btn_list {
    margin: 0 auto;
    width: 93%;
}

.btn_list input,
.btn_list button {
    background: none repeat scroll 0 0 #617d46;
    border: 0 none;
    color: #fff;
    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;
    font-size: 1.2em;
}

.tbl_head01 table {
    border-bottom: 1px solid #d3d3d3;
}

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

.tbl_head01 thead th {
    padding: 12px 0;
    border-top: 2px solid var(--text);
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
    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: 10px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.tbl_head01 td {
    padding: 15px 5px;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    line-height: 1.5em;
    word-break: break-all;
}

.tbl_head01 td:first-child {
    border-left: 0;
}

.tbl_head02 {
    margin: 0 0 10px;
}

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

.tbl_head02 thead th {
    padding: 7px;
    background: #f3f3f3;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.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-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
    word-break: break-all;
}

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

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

.tbl_frm01 th {
    width: 90px;
    padding: 5px 10px;
    background: none;
    text-align: right;
    font-weight: normal;
}

.tbl_frm01 td {
    padding: 5px 10px;
    background: transparent;
}

.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
    border: 1px solid var(--border);
    background: #fff;
    color: var(--text);
    vertical-align: middle;
    border-radius: 3px;
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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

.frm_input {
    height: 40px;
}

.full_input,
.frm_address {
    width: 100%;
}

.half_input {
    width: 49.5%;
}

.tbl_frm01 textarea {
    width: 100%;
    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;
}

/*기본 리스트*/
.list_01 li {
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 3px;
    margin: 3px 0;
    padding: 10px 15px;
    list-style: none;
    position: relative;
}

.list_01 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.list_01 li:hover {
    background: #f9f9f9;
}

.list_01 li.empty_li {
    text-align: center;
    padding: 20px 0;
    color: #666;
}

/* 쪽지 리스트 */
.list_02 ul {
    border: 1px solid #d9dee9;
}

.list_02 li {
    position: relative;
    border-bottom: 1px solid #d9dee9;
    background: #fff;
    list-style: none;
}

.list_02 li:last-child {
    border-bottom: 0;
}

.list_02 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.list_02 li:hover {
    background: #f9f9f9;
}

.list_02 li.empty_li {
    padding: 20px 0;
    text-align: center;
    color: #666;
}

.list_03 li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #d9dee9;
    background: #fff;
    list-style: none;
}

.list_03 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.list_03 li:hover {
    background: #f9f9f9;
}

.list_03 li.empty_li {
    padding: 20px 0;
    text-align: center;
    color: #666;
}

/*폼 리스트*/
.form_01 h2 {
    margin: 0 0 10px;
    font-size: 18px;
}

.form_01 li {
    margin: 10px 0;
    font-size: 14px;
}

.form_01 li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.form_01 li .right_input {
    float: right;
}

.form_01 textarea {
    height: 100px;
    width: 100%;
}

.form_01 .frm_label {
    display: inline-block;
    width: 130px;
}

.form_01 .form_left {
    float: left;
    width: 49.5%;
}

.form_01 .form_right {
    float: right;
    width: 49.5%;
}

/* 자료 없는 목록 */
.empty_list,
.empty_li {
    float: inherit;
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    padding: 20px 0 !important;
    text-align: center;
    color: #777 !important;
}
.empty_table {
    padding: 20px 0 !important;
    text-align: center;
    color: #777 !important;
}
.sct_noitem {
    color: #777;
    padding: 60px 0;
    text-align: center;
}


/* 필수입력 */
.required,
textarea.required {
    background-image: url('../img/require.png') !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

/* 테이블 그리드 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;
}

.grid_19 {
    width: 100px;
}

/* 테이블 항목별 정의 */
.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: 100px;
    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;
}

.text_left {
    text-align: left !important;
}

.text_center {
    text-align: center !important;
}

.text_right {
    text-align: right !important;
}

/* 새창 기본 스타일 */
.new_win #win_title {
    height: 50px;
    line-height: 30px;
    padding: 10px;
    font-size: 1.2em;
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em;
}

.new_win_con {
    margin: 0 10px 10px;
}

.new_win .win_ul {
    margin: 0 0 10px 1px;
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.new_win .win_ul li {
    float: left;
    width: 33.333%;
    margin-left: -1px;
    text-align: center;
    background: #fff;
}

.new_win .win_ul li a {
    display: block;
    padding: 10px 0;
    color: #667287;
    border: 1px solid #dedede;
}

.new_win .win_ul .selected {
    position: relative;
    border: 1px solid var(--primary);
    color: var(--primary);
    z-index: 5;
}

.new_win .win_ul .selected a {
    font-weight: bold;
    background: #17bb9c;
    color: #fff;
}

.new_win .win_desc {
    padding: 10px 0;
    margin: 10px 0;
    font-size: 1em;
    font-weight: bold;
    color: #364154;
    background: #dfe3ea;
    text-align: center;
}

.new_win .frm_info {
    display: block;
    margin: 3px 0 0 0;
    text-align: right;
    font-size: 0.92em;
    color: #707e8b;
}

.new_win .win_total {
    text-align: left;
    margin: 10px 0;
    background: #fbfbfb;
    border: 1px solid #f3f3f3;
    padding: 10px 15px;
}

.new_win .win_total span {
    display: inline-block;
    font-size: 1em;
    color: #707e8b;
}

.new_win .win_total span.win_total_r {
    float: right;
}

.new_win .win_btn {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn_wrap_bottom {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.new_win .win_btn a,
.new_win .win_btn button {
    min-width: 98px;
}

.new_win .memo_view_opt {
    padding: 10px;
    border: 1px solid #d9dee9;
    border-top: 0;
    text-align: left;
    background: #f7f7f9;
}

.new_win .memo_view_opt:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.new_win .memo_view_opt .btn_right {
    float: right;
    margin-left: 5px;
}

.new_win .memo_view_btn {
    margin: 25px 0;
    text-align: center;
}

/* 상품 추천하기 */
#sit_rec_new form {
    padding: 20px 0;
}

/* 자바스크립트 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;
}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {
    margin: 0 0 20px;
}

#sidx_img img {
    max-width: 100%;
    height: auto;
}

/* 마이페이지 */

/*  {position:relative}
#smb_my_ov {margin:50px 0 20px;position:relative}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .smb_me {display:block;background:#fff;border:1px solid #f2f2f2;line-height:45px;padding:0 20px;font-size:1.167em}
#smb_my_ov .my_ov_name img {width:20px;border-radius:50%}
#smb_my_act {position:absolute;top:-35px;right:0}
#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_act li a {line-height:25px;padding:0 5px}
#smb_my_act li .btn_admin {height:27px}
#smb_my_ov .cou_pt {position:absolute;top:0;right:0}
#smb_my_ov .cou_pt dt {float:left;padding:0 5px 0 0;line-height:45px}
#smb_my_ov .cou_pt dd {float:left;text-align:right;padding:0 20px 0 0;line-height:45px}
#smb_my_ov .cou_pt dd a {color:#ff2b64;font-weight:bold;font-size:1.167em}
#smb_my_ov .op_area {background:#fbfbfb;border:1px solid #f2f2f2;border-top:0;padding:10px 15px;line-height:18px;font-size:1.2em;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dt {float:left;width:10%;margin:3px 0;font-weight:bold}
#smb_my_ov .op_area dd {float:left;width:40%;margin:3px 0}

.my_ov_btn {text-align:center}
.my_ov_btn button {background:#fff;border:1px solid #f2f2f2;vertical-align:top;border-top:0;padding:0 20px;height:25px}
.my_ov_btn button:hover {background:#f3f3f3}

#smb_my_ovaddd {width:90%}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important;border-bottom:0 !important}
#smb_my_od {margin:0 0 50px;position:relative}
#smb_my_od h2 {margin:0 0 10px;font-size:1.4em}
#smb_my_od td {text-align:center}
#smb_my_od td a {font-weight:bold}
#smb_my_wish {position:relative}
#smb_my_wish h2 {margin:0 0 10px;font-size:1.2em;padding:0 0 10px;border-bottom:2px solid var(--text)}
#smb_my_wish .list_02 ul {border:0}
#smb_my_wish .list_02 ul li {display:inline-block;border:0;float:left;width:276px !important;margin-top:0;margin-bottom:45px;margin-left:32px;text-align:center}
#smb_my_wish .list_02 ul li:hover {background:#fff}
#smb_my_wish .list_02 ul li:nth-child(4n+1) {margin-left:0;clear:both}
.smb_my_img {margin:0 0 5px;width:274px;height:274px}
.smb_my_img img {width:100%;height:auto}
.smb_my_tit {margin:15px 0 10px;font-size:1.6em;font-weight:bold}
.smb_my_date {font-size:1em;color:#777}
.smb_my_more {position:absolute;top:0;right:0}
.smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:20px;line-height:20px}
#smb_private{ display:flex; justify-content: space-around; margin: 20px 0; }
#smb_private li{ width: calc( 100% / 4 ); background: #fbfbfb; text-align:center; border-right:1px solid #f2f2f2;}
#smb_private li:last-child{ border-right: 0;}
#smb_my_ov .smb_info{ border: 0; background: var(--primary); color: #fff; padding: 8px 10px; border-radius: 3px; }
#smb_my_ov .logout_btn{ border: 0; background: #444; color: #fff; padding: 8px 10px; border-radius: 3px; vertical-align: middle;}
#smb_my_ov .logout_btn{ border: 0; background: #444; color: #fff; padding: 8px 10px; border-radius: 3px; vertical-align: middle;}
#smb_my_ov .withdrawal{border: 0; background: #b3b3b3; color: #fff; padding: 8px 10px; border-radius: 3px; vertical-align: middle; }
.smb_my_btn{ position: absolute; top: 20px; right:15px; }
.smb_my_info{ margin:15px 0; }
.smb_my_info h4{ margin: 15px 0;} */
/*장바구니 주문서 공통*/
.od_prd_list .td_chk {
    border-left: 0;
}
#sod_frm .od_prd_list .td_prd {
    padding-block: 10px !important;
}
#sod_frm .od_prd_list .td_prd + .td_prd {
    border-top: 1px solid var(--border);
}

.od_prd_list .td_prd {
    display: flex;
    height: 100%;
    align-items: center;
    text-align: left;
}

.od_prd_list .td_prd .sod_img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.od_prd_list .td_prd .sod_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.od_prd_list .td_prd .sod_name {
    min-height: 80px;
}

.od_prd_list .td_prd .prd_name {
    font-size: 15px;
}

.od_prd_list .total_prc {
    color: var(--primary);
    font-family: 'WOFF_3';
    font-size: 16px;
}

/*.sod_opt ul {
    padding: 0;
    list-style: none;
    margin-top: 4px;
}*/

.sod_opt li {
    font-size: 13px;
    line-height: 20px;
    color: var(--text-3);
}

.sod_option_btn .mod_options {
    padding: 0 7px;
    border: 1px solid var(--primary);
    color: var(--primary);
    background: #fff;
    height: 24px;
    margin: 10px 0 0;
    font-size: 12px;
    border-radius: 4px;
}

.cp_btn {
    padding: 0 7px;
    border: 1px solid #38b2b9;
    color: #38b2b9;
    background: #fff;
    height: 23px;
    margin: 10px 0 0;
}

.cp_cancel {
    padding: 0 7px;
    border: 1px solid #aaa;
    color: #666;
    background: #fff;
    height: 23px;
    margin: 10px 0 0 2px;
}

/* 장바구니 오더 */
.order_tit {
    display: flex;
    flex-direction: column;
    text-align: center;
}

/*.order_tit ul {
    display: flex;
    justify-content: center;
    font-size: 14px;
    width: 600px;
    background: var(--bg);
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.order_tit ul li {
    width: 200px;
    color: #999;
}

.order_tit ul li.current_page {
    background: var(--primary);
    color: #fff;
    border-radius: 20px;
}*/

/*장바구니 선택사항수정*/
#mod_option_frm {
    z-index: 10000;
    position: fixed;
    width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid #dcdcdc;
    background: #fff;
    overflow-y: auto;
    border-radius: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#mod_option_frm h2 {
    padding: 0 20px;
    line-height: 50px;
    margin: 0;
    font-size: 16px;
}

.option_wr {
    background: var(--bg);
    margin: 0 20px 10px;
    padding: 15px;
    border-radius: 10px;
}

.option_wr h3 {
    font-size: 12px;
    color: #999;
}

.option_wr label {
    display: block;
    margin: 10px 0 5px;
}

.option_wr select {
    width: 100%;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    height: 30px;
    padding: 0 4px;
    color: #999;
}

/*옵션 */
#sit_opt_added {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 10px;
}
#sit_sel_option.scroll {
    max-height: 200px;
    overflow-y: auto;
}
#sit_opt_added li {
    padding: 15px 10px;
    border-radius: 10px;
    background-color: #fff;
    border-top: none !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 5px;
}
#sit_opt_added li .opt_name {
    font-size: 14px;
    color: var(--text);
}
#sit_opt_added li .opt_count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    gap: 5px;
}
#sit_opt_added button {
    width: 24px;
    height: 24px;
    background-color: #efefef;
    border-radius: 24px;
    color: var(--text);
    font-size: 0.92em;
    padding: 0;
}
#sit_opt_added .sit_opt_del {
    width: 24px;
    height: 24px;
    border: 0;
    font-size: 12px;
    background: none;
}
#sit_opt_added .sit_opt_del:hover {
    color: #be334a;
}
#sit_opt_added .num_input {
    width: 40px;
    height: 24px;
    text-align: center;
    background: none;
    border: none !important;
    font-size: 13px;
    margin: 0;
}
#sit_opt_added .sit_opt_prc {
    margin-left: auto;
    color: var(--text-3);
}

#mod_option_frm #sit_sel_option {
    margin: 20px;
}
#mod_option_frm #sit_tot_price {
    margin: 20px;
}
#mod_option_frm #sit_opt_added {
    font-size: 14px;
    color: #666;
}
#mod_option_frm .btn_confirm {
    margin: 20px;
}
#mod_option_frm .btn_confirm .btn_submit {
    height: 42px;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
    background: var(--primary);
}
#mod_option_frm .btn_confirm .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 0;
    background: none;
    font-size: 1.2em;
}

/* 주문서 작성 */
#sod_frm .od_prd_list {
    margin-bottom: 20px;
}

#sod_frm #sod_bsk_tot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#sod_frm #sod_bsk_tot li {
    position: relative;
    float: left;
    background: #fff;
    width: 33.333%;
    height: 70px;
    text-align: center;
    border-bottom: 1px solid #e7ebf1;
    padding: 15px 0;
}

#sod_frm #sod_bsk_tot li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#sod_frm #sod_bsk_tot li span {
    display: block;
    color: #777;
    margin-bottom: 5px;
    font-weight: bold;
}

#sod_frm #sod_bsk_tot .sod_bsk_sell,
#sod_frm #sod_bsk_tot .sod_bsk_coupon {
    border-right: 1px solid #e7ebf1;
}

#sod_frm #sod_bsk_tot .sod_bsk_point,
#sod_frm #sod_bsk_tot .sod_bsk_cnt {
    width: 100%;
    clear: both;
    padding: 0 15px;
    text-align: right;
}

#sod_frm #sod_bsk_tot .sod_bsk_point span,
#sod_frm #sod_bsk_tot .sod_bsk_cnt span {
    float: left;
    margin: 0;
}

#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {
    display: block;
    content: '-';
    position: absolute;
    top: 25px;
    left: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    color: var(--red);
    border-radius: 50%;
    border: 1px solid #e7ebf1;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    display: none;
}

#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
    display: block;
    content: '+';
    position: absolute;
    top: 25px;
    left: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    color: var(--red);
    border-radius: 50%;
    border: 1px solid #e7ebf1;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    display: none;
}

#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {
    color: var(--red);
    font-size: 1.2em;
}

.sod_left {
    width: calc(100% - 370px);
}

.sod_right {
    width: 390px;
    min-width: 390px;
    vertical-align: top;
    height: 100%;
}

.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_left > section,
.sod_right > section {
    background: #fff;
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 12px;
}

.sod_left > section:last-child {
    margin-bottom: 0;
}

.sod_left > section:last-child {
    margin-bottom: 0;
}

.sod_left .address-add {
    color: var(--primary);
    cursor: pointer;
}

.sod_left .logo-img-list {
    display: flex;
    gap: 2px;
    margin-top: 10px;
    padding: 0 16px;
}

.sod_left .logo-img-list img {
    width: 32px;
    height: 24px;
}

.sod_left .quantity-control {
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.sod_left .quantity-control button {
    background: none;
    border: none;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    padding: 0 8px;
}

.sod_right #sod_bsk_tot {
    border-radius: 12px;
    overflow: hidden;
}

.sod_right ul {
    margin-top: 0;
}

#sod_frm .section-title {
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 600;
}

#sod_frm {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border-radius: 14px;
    background: var(--bg);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#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;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid var(--text);
    background: #fff;
    overflow-y: auto;
    overflow-x: none;
    -webkit-box-shadow: 1px 2px 5px #bbb;
    -moz-box-shadow: 1px 2px 5px #bbb;
    box-shadow: 1px 2px 5px #bbb;
}

#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_taker label {
    display: inline-block;
}

#sod_frm_same {
    margin: 0 0 10px;
}

#sod_frm #od_memo {
    height: 50px;
}

#sod_frm #display_pay_process {
    text-align: center;
}

#sod_frm #display_pay_process span {
    display: block;
    margin: 5px 0 0;
}

#sod_frm .btn_submit {
    width: 100%;
    height: 40px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 6px;
}

#sod_frm .btn01 {
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    font-size: 1rem;
    margin: 5px 0;
    border-radius: 6px;
}

#sod_frm_pay {
    position: relative;
    margin: 16px 0;
}

#sod_frm #sod_frm_pay h2 {
    position: absolute;
    border: 0;
    font-size: 0;
    line-height: 0;
    content: '';
}

#sod_frm_pay .pay_tbl table {
    width: 100%;
    border-collapse: collapse;
}

#sod_frm_pay .pay_tbl th {
    text-align: left;
    padding: 10px;
    width: 80px;
    border-bottom: 1px solid #e7ebf1;
    background: #fff;
    font-weight: bold;
    color: #777;
}

#sod_frm_pay .pay_tbl td {
    text-align: right;
    padding: 10px;
    height: 30px;
    border-bottom: 1px solid #e7ebf1;
    background: #fff;
}

#sod_frm_pay .pay_tbl td .cp_cancel {
    margin: 0 0 0 2px;
}

#sod_frm_pay .pay_tbl td .btn_frmline {
    padding: 0 7px;
    background: #efefef;
    height: 23px;
    line-height: 21px;
    margin: 0;
}

#od_tot_price {
    margin: 10px 0;
    background: #fff;
    line-height: 40px;
    text-align: right;
    padding: 0;
}

#od_tot_price span {
    float: left;
    font-weight: bold;
    color: var(--text);
}

#od_tot_price span:first-child {
    color: var(--text);
}
#od_tot_price span:last-child {
    color: var(--red);
}
#od_tot_price strong {
    font-size: 1.3em;
    color: var(--red);
}

#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;
    right: 0;
    width: 500px;
    height: auto !important;
    height: 500px;
    max-height: 500px;
    border: 1px solid var(--text);
    background: #fff;
    overflow-y: auto;
}

#sod_frm_deli {
    position: relative;
    line-height: 2em;
}

.od_coupon h3 {
    border-bottom: 1px solid #cdcdcd;
    padding: 0 20px;
    line-height: 50px;
    margin: 0 0 15px;
    font-size: 1.2em;
    text-align: left;
    -webkit-box-shadow: 1px 2px 2px #eee;
    -moz-box-shadow: 1px 2px 2px #eee;
    box-shadow: 1px 2px 2px #eee;
}

.od_coupon .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 0;
    background: none;
    border-left: 1px solid #cdcdcd;
    font-size: 1.2em;
}

.od_coupon .btn_close:hover {
    background: #f3f3f3;
}

.od_coupon .tbl_head02 {
    margin: 20px;
}

.od_coupon .cp_apply {
    padding: 0 5px;
    border: 1px solid #38b2b9;
    color: #38b2b9;
    background: #fff;
    height: 23px;
    line-height: 21px;
}

.od_coupon td,
#sod_frm_pay .od_coupon td {
    text-align: left;
    border-left: 0;
    padding: 7px;
}

#sod_frm_pay .od_coupon th {
    width: auto;
    text-align: center;
    padding: 7px;
    background: #f3f3f3;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.od_coupon .td_numbig,
#sod_frm_pay .od_coupon .td_numbig {
    text-align: center;
}

.od_coupon .td_mngsmall {
    width: 60px;
}

#sod_frm #sod_frm_pt_alert {
    margin: 10px 0;
    color: var(--text-3);
    font-size: 13px;
}

#od_pay_sl h3 {
    font-size: 1.167em;
    margin: 20px 0 5px;
}

#od_pay_sl input[type='radio'] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    text-indent: -999px;
    left: 0;
    z-index: -1px;
}

#od_pay_sl .lb_icon {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 6px;
    cursor: pointer;
    height: 70px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
    background-position: center 10px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    text-align: center;
    flex: 1;
    z-index: 1;
}

#od_pay_sl input[type='radio']:checked + .lb_icon {
    border: 1px solid var(--primary);
    z-index: 3;
}

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

#sod_frm_paysel .KPAY {
    background: url('../../../img/kpay.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#sod_frm_paysel .PAYNOW {
    background: url('../../../img/paynow.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#sod_frm_paysel .PAYCO {
    background: url('../../../img/payco.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#sod_frm_paysel .inicis_lpay {
    background: url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#sod_frm_paysel .kakaopay_icon {
    background: url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;
    overflow: hidden;
    text-indent: -999px;
}

#sod_frm_paysel .bank_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-landmark-icon lucide-landmark' viewBox='0 0 24 24'%3E%3Cpath d='M10 18v-7M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949zM14 18v-7M18 18v-7M3 22h18M6 18v-7'/%3E%3C/svg%3E");
}

#sod_frm_paysel .vbank_icon {
    background-image: url('../../../img/pay_icon2.png');
    padding-top: 13px;
}

#sod_frm_paysel .iche_icon {
    background-image: url('../../../img/pay_icon2.png');

    padding-top: 13px;
}

#sod_frm_paysel .hp_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-smartphone-icon lucide-smartphone' viewBox='0 0 24 24'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}

#sod_frm_paysel .card_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-credit-card-icon lucide-credit-card' viewBox='0 0 24 24'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}

.sod_frm_point {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 10px;
}
.input_unit {
    position: relative;
    gap: 5px;
}
.input_unit [type='text'] {
    padding-right: 26px;
    text-align: right;
    line-height: 40px;
}
.input_unit .unit {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    line-height: 1;
    color: var(--text-2);
}

#sod_frm_pt {
    margin-top: 0;
}

#sod_frm_pt span {
    display: flex;
    justify-content: space-between;
}

.sod_frm_point label {
    color: var(--text);
}

.sod_frm_point div strong {
    color: #666;
    font-weight: normal;
}

.sod_frm_point .max_point_box em {
    font-style: normal !important;
}

#sod_frm_escrow {
    margin: 30px 0 0;
}

#sod_frm #sod_frm_escrow h2 {
    margin: 0;
    border: 0;
}

#sod_frm #sod_frm_escrow p {
    margin: 5px 0;
}

#display_pay_process {
    padding: 20px;
    text-align: center;
}

/* 위시리스트 */

/* 배송지 목록 */
#sod_addr .td_mng .sel_address {
    color: #fff;
    background: #fff;
    border: 1px solid #333;
    color: #333;
    padding: 0 5px;
    height: 26px;
    border-radius: 3px;
}

#sod_addr .td_mng .del_address {
    display: inline-block;
    font-weight: normal;
    color: #fff;
    padding: 0 5px;
    height: 26px;
    line-height: 24px;
    vertical-align: middle;
}

#sod_addr input[type='radio'] {
    position: absolute;
    left: 0;
    z-index: -1;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999px;
}

#sod_addr .default_lb {
    display: inline-block;
    background: #fff;
    border: 1px solid #3476be;
    border-radius: 3px;
    color: #3476be;
    cursor: pointer;
    position: relative;
    padding: 0 5px;
    height: 26px;
    line-height: 24px;
}

#sod_addr input[type='radio']:checked + .default_lb {
    background: #3476be;
    color: #fff;
}

#sod_addr td {
    height: 40px;
}

#sod_addr .td_name {
    width: 100px;
}

#sod_addr .frm_input {
    height: 30px;
}

#sod_addr .td_sbj {
    width: 120px;
    text-align: left;
}

#sod_addr .ad_tel {
    display: block;
    color: #666;
}

#sod_addr .td_mng {
    width: 100px;
    padding: 10px;
}

#sod_addr .td_mng .mng_btn {
    width: 100%;
    margin: 2px 0;
}

/* 주문내역 */
#sod_v td {
    text-align: center;
}

#sod_v td a {
    font-weight: bold;
}

#sod_v .basic_tbl {
    text-align: center;
}

#sod_v_info {
    margin: 0 0 10px;
}

.status_01 {
    display: inline-block;
    background: #fe528f;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

.status_02 {
    display: inline-block;
    background: #68d0a7;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

.status_03 {
    display: inline-block;
    background: #b668d0;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

.status_04 {
    display: inline-block;
    background: #ffa700;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

.status_05 {
    display: inline-block;
    background: #688fef;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

.status_06 {
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    padding: 0 5px;
    line-height: 20px;
    font-size: 0.92em;
}

/* 주문상세내역 */
#sod_fin th {
    padding: 8px;
}

#sod_fin .th_line th {
    border-top: 1px solid #ddd;
}

#sod_fin_no {
    margin: 0 0 20px;
    padding: 15px;
    border: 4px solid #f3f3f3;
    font-size: 1.2em;
}

#sod_sts_wrap {
    margin: 0 0 10px;
    text-align: right;
}

#sod_sts_explan {
    display: none;
}

#sod_fin_legend {
    padding: 10px;
    background: #f3f3f3;
    margin: 10px 0;
    border: 1px solid #e9e9e9;
    text-align: left;
}

#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 li {
    background: #fff;
    border-bottom: 1px solid #e7ebf1;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    text-align: right;
}

#sod_fin #sod_bsk_tot li span {
    float: left;
    clear: both;
    color: #777;
}

#sod_fin #sod_bsk_tot .sod_bsk_cnt strong {
    color: var(--red);
    font-size: 1.2em;
}

#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 var(--text);
    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: var(--text) !important;
    text-align: center;
}

.sod_req_log_view td {
    background: #fff;
    color: var(--text);
}

.sod_req_log_view p {
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: var(--text);
}

.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_bdno {
    border-left: 0;
}

#sod_fin_list .td_bdno a {
    font-weight: bold;
}

#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 {
    margin: 0 0 30px;
}

#sod_fin_orderer {
    margin: 0 0 30px;
}

#sod_fin_receiver {
    margin: 0 0 30px;
}

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

#sod_fin .sod_left h3 {
    font-size: 1.167em;
    margin: 0 0 10px;
}

#sod_fin .sod_left th {
    padding: 10px;
    border: 0;
    border-top: 1px solid #f3f3f3;
    text-align: left;
    width: 100px;
    color: #666;
    background: #fff;
}

#sod_fin .sod_left td {
    padding: 10px;
    border: 0;
    border-top: 1px solid #f3f3f3;
    background: #fff;
}

#sod_fin_dvr .dvr_link {
    color: #ff3061;
    text-decoration: underline;
}

#sod_fin_tot {
    margin: 10px 0;
}

#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;
    background: #38b2b9;
    border-bottom: 1px solid #5ec2c7;
    color: #fff;
}

#sod_fin_tot li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#sod_fin_tot #alrdy {
    border-bottom: 0 !important;
}

#sod_fin_tot #alrdy .right {
    margin-top: 10px;
    text-align: right;
    color: #f3f3f3;
    font-size: 0.9em;
}

#sod_fin_tot #alrdy .right p {
    position: relative;
}

#sod_fin_tot #alrdy .right .title {
    position: absolute;
    left: 0;
    padding-left: 8px;
}

#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 {
    height: 40px;
    border: 1px solid #5e6b6f;
    font-weight: bold;
    width: 100%;
    background: none;
    color: #5e6b6f;
}

#sod_fin_cancel button:hover {
    background: #fff;
}

#sod_fin_cancelfrm {
    display: none;
    margin: 10px 0 0;
    text-align: center;
    background: #fff;
    padding: 15px;
}

#sod_fin_cancelfrm .frm_input {
    background: #fff;
    margin: 0 0 5px;
    width: 100%;
}

#sod_fin_cancelfrm .btn_frmline {
    background: #5e6b6f;
    color: #fff;
    border: 0;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

#sod_fin_exchangefrm {
    display: none;
    margin: 10px 0 0;
    text-align: center;
    background: #fff;
    padding: 15px;
}

#sod_fin_exchangefrm .frm_input {
    background: #fff;
    margin: 0 0 5px;
    width: 100%;
}

#sod_fin_exchangefrm .btn_frmline {
    background: #5e6b6f;
    color: #fff;
    border: 0;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}

#sod_fin_test {
    padding: 10px;
}

/* 주문상세내역 중 현금영수증 발급 */
#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;
}

/* 배너 인덱스 출력 */

/* 모바일일때 피시버전 주문폼*/
.sod_list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sod_list .sod_li {
    position: relative;
    padding: 0;
    border: 1px solid #e9e9e9;
    margin: 10px 0;
}

.sod_list .sod_li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.sod_list .li_chk {
    position: absolute;
    top: 10px;
    left: 10px;
}

.sod_list .li_name {
    min-height: 130px;
}

.sod_list .li_name a,
.sod_list .li_name strong {
    display: block;
    padding: 0 10px 0 25px;
    border-bottom: 1px solid #e9e9e9;
    height: 35px;
    line-height: 35px;
}

.sod_list .li_name strong {
    padding-left: 10px;
}

.sod_list .total_img {
    position: absolute;
    top: 45px;
    left: 10px;
}

.sod_list .sod_opt {
    padding: 10px 10px 5px;
    margin-left: 90px;
    color: #9e9e9e;
    font-size: 0.93em;
    background: none;
    border: none;
}

.sod_list .sod_opt li {
    margin-bottom: 3px;
    border: none;
}

.sod_list .li_cp {
    position: relative;
}

.sod_list .li_cp .cp_btn,
.sod_list .li_cp .cp_cancel,
.sod_list .li_mod .mod_btn {
    margin: 0;
    padding: 5px 8px;
    border: 0;
    background: var(--text);
    color: #fff;
    font-size: 0.93em;
}

.sod_list .li_cp .cp_cancel,
.odf_tbl #od_coupon_cancel,
.odf_tbl #sc_coupon_cancel {
    border: 1px solid #999;
    color: #777;
    background: #fafafa;
    margin-left: 3px;
    padding: 4px 5px;
}

.sod_list .li_prqty {
    margin: 10px;
}

.sod_list .li_prqty:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

.sod_list .li_prqty .li_prqty_sp {
    width: 33%;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 2.2em;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #e9e9e9;
    color: #9e9e9e;
    font-size: 0.93em;
    margin-left: -1px;
}

.sod_list .li_prqty .prqty_price {
    border-left: 1px solid #d3d3d3;
}

.sod_list .li_prqty .prqty_sc {
    border-right: 1px solid #d3d3d3;
}

.sod_list .li_prqty .li_prqty_sp span {
    display: block;
    background: #f2f2f2;
}

.sod_list .li_total {
    position: relative;
    border-top: 1px solid #e9e9e9;
    margin: 10px 10px 0;
}

.sod_list .total_span {
    display: block;
    position: relative;
    padding: 5px 0;
    text-align: right;
    color: #343434;
}

.sod_list .total_span span {
    position: absolute;
    top: 5px;
    left: 0;
}

.sod_list .total_span strong {
    font-size: 1.2em;
}

#sod_frm section h2 {
    border-bottom: 1px solid #e2e4e7;
    font-size: 1.167em;
    padding-bottom: 10px;
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl {
    background: #ededed;
    margin-top: 5px;
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl th,
#sod_bsk_list #mod_option_frm .sit_ov_tbl td {
    border: none;
    padding-left: 5px;
    font-weight: normal;
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl th {
    width: 90px;
}

#sod_frm_deli #order_address {
    display: block;
    width: 100px;
    background: #333;
    color: #fff;
    text-align: center;
}

#sod_frm_orderer {
    margin: 0 0 30px;
}

#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {
    display: inline-block;
    margin: 5px 0 0;
}

#sod_frm .odf_tbl table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-collapse: collapse;
}

#sod_frm .odf_tbl table tbody td,
#sod_frm .odf_tbl table tbody th {
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 0px 5px 10px;
    text-align: left;
    line-height: 26px;
    position: relative;
}

#sod_frm .odf_tbl table th {
    width: 90px;
    color: #343434;
    font-weight: normal;
    letter-spacing: -0.1em;
}

#sod_frm .odf_tbl table .frm_input {
    background-color: #fff !important;
    height: 24px;
    line-height: 24px;
    text-indent: 5px;
}

#sod_frm .odf_tbl table .frm_address {
    margin-top: 5px;
}

#sod_frm .odf_tbl button.btn_frmline {
    font-size: 0.92em;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
}

#sod_frm .odf_tbl textarea {
    width: 99%;
    border: 1px solid #e4eaec;
}

#sod_frm_same {
    margin: 0 0 10px;
}

#sod_frm_pay {
    position: relative;
}

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

#sod_frm_pay .tbl_head01 th {
    width: auto !important;
    font-weight: bold;
    text-align: center !important;
}

#sod_frm_pay .tbl_head01 td {
    border-top: 1px solid #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
    line-height: 1.5em !important;
    word-break: break-all !important;
}

html.no-overflowscrolling #sc_coupon_frm,
html.no-overflowscrolling #od_coupon_frm {
    height: auto;
    max-height: 10000px !important;
} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {
    margin: 0 0 10px;
}

#sod_frm_paysel ul {
    margin: 0;
    padding: 0;
}

#sod_frm_paysel ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: '';
}

#sod_frm_paysel li {
    float: left;
    padding: 5px 2%;
    width: 46%;
    height: 21px;
    text-align: left;
    list-style: none;
}

/* 주문서 작성 팝업 */
.popup-btn {
    padding: 10px 20px;
    margin: 10px;
    background: var(--primary);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-overlay .popup {
    background: white;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    position: relative;
    display: block;
}

.popup .popup-content {
    margin-bottom: 20px;
}

.close-btn {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 20px;
    font-size: 24px;
    color: #666;
}

.popup-template {
    display: none;
}

.popup-container {
    max-width: 600px;
    margin: 50px auto;
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 12px;
    position: relative;
}

.popup-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
}

.popup-content.order {
    margin-bottom: 20px;
}

.popup-content.order .add-address {
    width: 680px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.add-address label {
    font-weight: bold;
    display: block;
}
.add-address .flex-row {
    margin-top: 10px;
}
.add-address select,
input[type='text'],
input[type='tel'] {
    width: 100%;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid var(--border);
}

.add-address .row {
    display: flex;
    gap: 10px;
}

.add-address .row > div {
    flex: 1;
}

.add-address .checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
}

.add-address .checkbox input[type='checkbox'] {
    margin-left: 0;
}

.add-address .btn-row {
    display: flex;
    justify-content: center;
}

.add-address .address-input-box {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.add-address .address-input-box input {
    flex: 1;
}

.add-address .address-input-box a {
    font-size: 14px;
    color: #0073e9;
    text-decoration: none;
    margin-left: 10px;
}

.address-card-wrapper {
    min-height: 600px;
}

.address-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    background: #fff;
    max-width: 800px;
    position: relative;
}

.address-card .radio-circle {
    width: 20px;
    height: 20px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    position: relative;
    margin-top: 5px;
}

.address-card .radio-circle::after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--primary);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.address-card .info-area {
    flex: 1;
}

.address-card .info-area .name {
    font-weight: bold;
    font-size: 14px;
}

.address-card .info-area .phone {
    color: #777;
    margin-left: 5px;
}

.address-card .info-area .addr-line {
    margin-top: 6px;
    color: #444;
}

.address-card .edit-link {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #2874f0;
    font-size: 12px;
    text-decoration: none;
}

.address-card .edit-link:hover {
    text-decoration: underline;
}

.address-card .default-label {
    display: inline-block;
    margin-top: 10px;
    background: var(--primary) 1f;
    color: var(--primary);
    padding: 2px 10px;
    border-radius: 8px;
    font-size: 12px;
}

.customs-clearance {
    width: 480px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.customs-clearance .row {
    margin: 0;
}

.popup-content.order .confirm-btn {
    width: 320px;
    background-color: var(--primary);
    color: white;
    border: none;
    border-radius: 8px;
    margin: 0 auto;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
}

.sod_left .section-title.payment-title {
    display: flex;
    justify-content: space-between;
}

.payment-title .more {
    color: var(--primary);
    font-size: 12px;
    cursor: pointer;
}

/*결제내역*/
.sod_right .order-btn {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: none;
    color: #fff;
    margin: 14px 0 10px;
    background: var(--primary);
    font-size: 14px;
}

/*통관 정보 팝업*/
.customs-clearance input {
    font-size: 12px;
}

.customs-clearance-desc {
    font-size: 12px;
    color: #777;
}

.customs-clearance .ph-input-box {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.customs-clearance .ph-input-box select {
    width: 100px;
    height: 35px;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0 10px;
}

.customs-clearance .ph-input-box input {
    width: calc(100% - 100px);
    height: 35px;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0 10px;
    margin-bottom: 0;
}

.customs-clearance ul {
    font-size: 11px;
    color: #999;
    margin-bottom: 40px;
}

.customs-clearance ul li {
    margin-bottom: 5px;
    line-height: 1.5;
}

.sod_right .summary-box > div {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.sod_right .summary-box > div span:first-child {
    color: var(--text-3);
}
.sod_right .summary-box .sod_bsk_point {
    padding-inline: 0 !important;
}

#sod_frm_paysel {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#settle_bank {
    background: #fff;
    margin-top: 10px;
    width: 100%;
}

#settle_bank select {
    height: 30px;
    margin: 0 0 5px;
    width: 100%;
    border: 1px solid var(--border);
}

#settle_bank #od_deposit_name {
    height: 30px;
    border: 1px solid var(--border);
    text-align: center;
    width: 150px;
    margin-left: 10px;
}

.sod_right .summary-box #od_pay_sl {
    display: block;
}

.sod_right .summary-box .promotion-code {
    flex-direction: column;
}

.sod_right .promotion-code .input-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.sod_right .summary-box .promotion-code input[type='text'] {
    width: calc(100% - 75px);
    padding: 6px 10px;
    border: 1px solid #dcdcdc;
    height: 30px;
    font-size: 12px;
    margin-bottom: 0;
}

.sod_right .summary-box .promotion-code .apply-btn {
    width: 70px;
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    background: none;
    height: 30px;
}

.sod_right .summary-box .total {
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    line-height: 20px;
}

.sod_right .summary-box .total {
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    line-height: 20px;
}

.sod_right .summary-box .total > span:last-child {
    color: var(--primary);
    font-family: 'WOFF_3';
    font-size: 16px;
}

.sod_right .summary-box .agreements {
    display: block;
    margin-top: 20px;
    font-size: 12px;
}

.agreements .input-wrapper {
    background: #f7f7f7;
    padding: 6px 10px;
}

.agreements label {
    display: block;
    margin: 8px 0;
}

.agreements label input[type='checkbox'] {
    margin-right: 6px;
}

/*네이버페이*/
.itemform-naverpay {
    margin: 15px 0;
    clear: both;
}

.cart-naverpay {
    margin-top: 15px;
}

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td,
#fqalist table td {
    border-left: 0;
    border-right: 0;
}

#bo_v_top .btn_admin,
#bo_list .btn_admin {
    padding-top: 0;
}

/*개인결제*/
.pesonal {
    background: #f3f3f3;
    padding: 20px;
}

.pesonal td {
    font-weight: bold;
}

#sod_frm_pay h2 {
    font-size: 1.167em;
    margin: 0px 0 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px;
}

#personal_pay h2 {
    font-size: 1.167em;
    margin: 0px 0 10px;
}

#personal_pay input[type='radio'] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -999px;
    left: 0;
    z-index: -1px;
    visibility: hidden;
}

#personal_pay .lb_icon {
    display: inline-block;
    float: left;
    width: 50%;
    background: #fff;
    border: 1px solid #eceff4;
    margin: -1px 0 0 -1px;
    cursor: pointer;
    height: 60px;
    position: relative;
    padding-left: 65px;
    padding-top: 20px;
    z-index: 1;
}

#personal_pay input[type='radio']:checked + .lb_icon {
    border: 1px solidvar(--red);
    z-index: 3;
}

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

#personal_pay .KPAY {
    background: url('../../../img/kpay.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#personal_pay .PAYNOW {
    background: url('../../../img/paynow.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#personal_pay .PAYCO {
    background: url('../../../img/payco.png') no-repeat 50% 50% #fff;
    overflow: hidden;
    text-indent: -999px;
}

#personal_pay .kakaopay_icon {
    background: url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;
    overflow: hidden;
    text-indent: -999px;
}

#personal_pay .bank_icon {
    background: url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff;
}

#personal_pay .vbank_icon {
    background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
    padding-top: 13px;
}

#personal_pay .iche_icon {
    background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
    padding-top: 13px;
}

#personal_pay .hp_icon {
    background: url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff;
}

#personal_pay .card_icon {
    background: url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff;
}

#personal_pay .btn_submit {
    width: 100%;
    height: 40px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0 5px;
}

#personal_pay .btn01 {
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-weight: bold;
    font-size: 1.2em;
}

/* 로그인 */
.form-box {
    position: relative;
    width: 415px;
    float: left;
    display: flex;
    flex-direction: column;
}

.form-box .form-header h2 {
    font-size: 24px;
    padding-bottom: 15px;
    font-weight: 700;
}

.form-box .form-header h2 b {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}
.form-box .form-header > p {
    margin: 10px 0 20px;
    font-size: 16px;
    color: var(--text-3);
}
.form-box .form-header > p strong {
    color: var(--text-2);
}
#login_id,
#login_pw {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 44px;
    font-size: 15px;
}

.form-box .btn {
    height: 48px;
    border-radius: 48px;
    font-size: 15px;
    font-weight: 600;
}

#login_pw {
    margin-bottom: 10px;
}

.form-box #ol_auto {
    margin-bottom: 10px;
    line-height: 14px;
    margin-left: 0;
}

#ol_submit {
    width: 100%;
    height: 48px;
    margin-top: 5px;
    background: var(--primary);
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.nonmember_text{
	color:var(--text-2);
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.nonmember_form  .btn-block {
    width: 100%;
    height: 48px;
    margin-top: 5px;
    border:1px solid  var(--primary);
    color:  var(--primary);
	background-color: #fff;
    font-weight: bold;
    font-size: 1.1em;
	border-radius: 48px;
}
.form-box #ol_svc {
    position: relative;
    text-align: center;
    margin: 20px 0;
}

.row.member_row {
    width: 100%;
    flex: 1;
}

.row.member_row .form-header h2 {
    font-weight: 700;
}

.row.member_row .form-header h2 i {
    color: var(--text-3);
    font-size: 22px;
}
.row.member_row .form-group {
    position: relative;
    margin-top: 20px;
}
.row.member_row .form-group label {
    position: absolute;
    top: -25px;
    left: 0;
}
.has-feedback label ~ .form-control-feedback {
    top: 9px;
}
.form-box #ol_svc b {
    color: #0060ff;
}

.form-box #ol_svc #login_password_lost {
    border-left: 1px solid #e4e4e4;
}

.login-form-box .main-btn {
    display: flex;
    justify-content: center;
}

.btn-color {
    background: var(--primary);
    color: #fff;
}

.btn-black {
    background: #5d5d5d;
    color: #fff;
}

/* Join popup step2 style */
.terms-container {
    background: white;
    width: 400px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.terms-header {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.terms-description {
    font-size: 14px;
    color: var(--text-3);
    margin-bottom: 20px;
}

.terms-list {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.terms-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.terms-item input {
    margin-right: 10px;
}

.terms-item label {
    flex-grow: 1;
}

.terms-item .required {
    display: inline !important;
    color: var(--primary);
    font-size: 12px;
    background-image: none !important;
}

.terms-footer {
    margin-top: 20px;
    text-align: center;
}

.agree-btn {
    background-color: #ff6f61;
    color: white;
    border: none;
    padding: 12px;
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.agree-btn:hover {
    background-color: var(--primary);
}

.cancel-btn {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: white;
    font-size: 14px;
    cursor: pointer;
}

.cancel-btn:hover {
    background: var(--bg);
}

#fregister {
    display: block;
    margin: 0 auto;
}

.alert.alert-info {
    font-size: 1.2em;
    margin: 30px 0;
    color: var(--primary);
    text-align: center;
}

.panel-heading strong {
    font-size: 1.3em;
    font-weight: bold;
}
.panel {
    border: none;
    background-color: #fff;
    border-radius: 14px;
}
.panel .panel-heading strong {
    font-size: 1.1em;
}

.register-term {
    border: 1px solid var(--border);
    border-radius: 10px;
    background-color: #fff;
    color: var(--text-2);
    font-size: 0.9em;
	height: 150px;
    overflow-y: auto;
}

.register-term > .page-content {
    padding: 20px;
}


.page-content ol {
    padding: 0 10px;
}
.form-group + .form-group {
    margin-top: 10px;
}
/* 인증번호 */
.form-horizontal .form-group{
	margin-inline: 0 !important;
}
#div_hrequies{
  padding-inline: 20px;
}

.confirm-code-title {
    text-align: center;
    font-size: 18px;
	font-weight: 700;
    margin-bottom: 20px;
}

#fregister .panel-default{
	background-color:#f7f8fa;
}
 #fregister  .panel-default:has(.confirm-code-wrapper) {
	background-color: #fff;
 }

.confirm-code-wrapper .panel-default {
	border-bottom: 0;
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: none;
 }

 .panel:last-child {
 margin-bottom: 0;    
 }
 .confirm-code-wrapper .resend {
   color: var(--text-2);
 }
 
 .confirm-code-wrapper .resend + .btn {
	text-decoration: underline;
	font-size: 14px !important;
	margin-left: 10px;
 }

.confirm-code input[type=password],.confirm-code input[type=text]{
	height: 44px;
	line-height: 44px;
}

.panel{
	box-shadow: none !important;
}

/* 회원가입 비밀번호 설정 */
.pw-wrap{
	padding-inline: 20px;
}
.pw-wrap .password-guide{
	text-align: left;
	color:var(--text-2) !important;
}
.pw-wrap .form_item{
	position: relative;
}
.pw-wrap .form_item + .form_item{
	margin-top: 10px;
}
#join_menu .form_item input[type=text]{
	margin-top: 10px;

}
.pw-wrap  .btn_eye {
	position: absolute;
	bottom: 10px;
	right: 15px;
	height: 16px;
}

.form_item .i_eye{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23999ba0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M.667 8S3.333 2.667 8 2.667 15.333 8 15.333 8 12.667 13.333 8 13.333.667 8 .667 8Z'/%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form_item .off .i_eye{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23999ba0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M11.96 11.96A6.7 6.7 0 0 1 8 13.333C3.333 13.333.667 8 .667 8A12.3 12.3 0 0 1 4.04 4.04M6.6 2.827a6 6 0 0 1 1.4-.16C12.667 2.667 15.333 8 15.333 8c-.404.757-.887 1.47-1.44 2.127m-4.48-.714a2 2 0 1 1-2.826-2.826M.667.667l14.666 14.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


.required_txt,
.option_txt {
    display: inline !important;
}

.required_txt {
    color: var(--primary);
}

.option_txt {
    color: #999;
}

.terms-btn-wrapper {
    display: flex;
    flex-direction: column;
}

.terms-btn-wrapper button {
    height: 40px;
    font-size: 14px;
    border-radius: 6px;
}

.terms-btn-wrapper #nextjoin {
    background: var(--primary);
    color: #fff;
    border: none;
}

.terms-btn-wrapper #backbtn {
    background: #fff;
    color: #333;
    border: 1px solid #999;
    margin-top: 8px;
}
.panel-footer {
    border: none;
    background: none;
    padding-bottom: 15px;
    padding-top: 0;
}
.panel-footer .pull-right {
    display: none;
}

.panel-default:nth-child(3) {
    margin-top: 50px;
}

.panel-default .table {
    margin-inline: 15px;
    margin-bottom: 15px;
    width: calc(100% - 30px);
    border-spacing: 0px;
    border-collapse: collapse;
    border-top: none !important;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    font-size: 0.9em;
}
.table{
	position: relative;
}
.table::after {
    content: '';
    display: block;
    border: 1px solid var(--border);
    position: absolute;
    top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border-radius: 10px;
	pointer-events: none;
}
.table > thead > tr > th{
	border-bottom: none;
}
.nonmember_form .table{
  margin-inline: 0;
  width: 100%;
}
.nonmember_form .form-body{
	color:#666;
}
.panel-default .table th,
.panel-default .table td {
    text-align: center;
	padding:8px 5px;
}

.panel-default .table td {
	font-size: 13px;
}
.panel-default .table th {
    font-weight: 600;
    background: var(--bg-blue);
    border-top: none;
	font-size: 14px;
}

#fregister .btn.btn-color {
    padding: 0 30px;
    max-width: 415px;
    width: 100%;
    display: block;
    background: var(--primary);
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin: 20px auto 0;
}

#fregister .checkbox-inline {
    line-height: 14px;
    flex-wrap: wrap;
}


.has-feedback {
    margin-top: 10px;
}

#fregisterform .panel-heading {
    margin-bottom: 30px;
}

#fregisterform b {
    line-height: 14px;
}

.reg_notice {
    font-size: 0.9em;
    color: var(--primary);
}

.register-etc .form-group {
    display: flex;
    align-items: center;
}

.register-etc .form-group .control-label {
    width: 130px;
}

.register-etc .help-block {
    font-size: 0.9em;
}

.captcha {
    display: flex !important;
}

#captcha #captcha_key {
    margin-right: 3px;
}

#captcha #captcha_mp3 {
    margin-right: 3px;
}

#captcha #captcha_reload {
    margin-right: 3px;
}

#captcha #captcha_info {
    line-height: 35px;
}

.register-form .btn.btn-color {
    width: 100%;
    height: 40px;
    display: block;
    background: var(--primary);
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

.register-form .btn.btn-black {
    padding: 0 30px;
    max-width: 205px;
    width: 100%;
    height: 60px;
    display: block;
    margin: 50px 5px;
    background: #ddd;
    border-radius: 3px;
    color: var(--text);
    font-weight: bold;
    font-size: 1.2em;
}

.register-form .reg-submit {
    display: flex;
    justify-content: center;
}

#register-result {
    display: block;
    margin: 0 auto;
}

/* #register-result .panel-heading{ margin:30px 0;} */
.register-result-inner {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 3px;
    background: var(--bg);
}

.panel-default > .panel-heading {
    background: none;
    padding-bottom: 0;
    border: none;
}
.register-result-inner p {
    margin-bottom: 15px;
}

.register-result-main {
    text-align: center;
}

.register-result-main .btn-color {
    border: 1px solid var(--border);
    background: #fff;
    display: inline-block;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    width: 160px;
    font-weight: bold;
    font-size: 1.2em;
    border-radius: 3px;
}

.register-result-main .btn-color:hover {
    text-decoration: none;
    background: #f3f3f3;
}

.faq-category .div-tab {
    margin-bottom: 15px;
}

.faq-category .dropdown {
    margin-bottom: 15px;
}

.faq-category .active a,
.list-category .selected a {
    color: crimson;
    font-weight: bold !important;
    font-size: 1.1em;
}

.qsearch-box {
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.faq-img img,
.faq-html img,
.faq-content img {
    width: auto;
    max-width: 100%;
    border: 0;
}

.faq-content .panel-body p {
    padding: 0;
    margin: 0;
}

.list-none {
    padding: 100px 0;
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px solid #d3d3d3;
}

.sch_input {
    height: 38px;
    border: 0;
    padding: 0;
    background: none;
    padding-left: 15px;
}

.qsearch-box .row {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.sch_btn {
    height: 38px;
    background: none;
    border: 0;
    width: 40px;
    font-size: 15px;
}

.qsearch-group {
    border: 1px solid #6d7892;
    border-radius: 3px;
    display: inline-block;
}

.div-head.border-black {
    width: 100%;
    display: flex;
}

.div-head.border-black span {
    display: block;
    padding: 12px 0;
    border-top: 2px solid var(--text);
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
    color: #383838;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: -0.1em;
    width: 20%;
}

#smb_my_wish #smb_ws_act {
    text-align: center;
    margin-bottom: 40px;
}

.my_ov_name2 {
    margin-left: 10px;
}

/* 마이샵 */
.view-author .img-photo {
    margin-bottom: 45px;
}
.notice_box {
    border-radius: 8px;
    background-color: var(--bg);
    padding: 15px;
    color: var(--text);
}
.notice_box .tit {
    margin-bottom: 5px;
    display: block;
}

.bullet {
    position: relative;
    padding-left: 10px;
	text-align: left;
}
.bullet:before {
    content: '·';
    position: absolute;
    top: 0;
    left: 0;
}

/*카테고리 리스트*/
#sct_sort.sort_select_wrap,
#sct_sort {
    position: relative;
    width: auto !important;
}
#sct_sort.sort_select_wrap::after,
#sct_sort::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 50%;
    width: 25px;
    height: 16px;
    border-radius: 0 6px 6px 0;
    background-color: var(--bg);
    background-image: url('../img/icons/i_down.svg') !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 16px auto;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    visibility: visible;
}
#sct_sort.sort_select_wrap select,
#sct_sort select {
    position: relative;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background-image: none !important;
    border-radius: 35px;
    background-color: var(--bg);
}

.sit_admin {
    text-align: right;
    margin-left: auto;
}
.sit_admin a {
    color: var(--text-3);
    margin-bottom: 0;
}

.sit_empty {
    padding: 60px 0;
    text-align: center;
}

#container_inner.container.itemuselist,
#container_inner.container.itemqalist {
    flex-direction: column;
}

#container_inner.container.point {
    flex-direction: column;
}
/*#container_inner.container .related_wrapper .sct.sct_20 {
  width: 1400px;
}*/
#container_inner.container .related_wrapper .sct.sct_20 li {
    height: auto;
}
#container_inner.container .related_wrapper .sct li {
    flex-basis: auto;
}

.related_wrapper {
    margin: 0;
    display: flex;
    justify-content: center;
}
.related_wrapper .sct.sct_20 {
    padding-bottom: 0;
    padding: 0;
}
.related_wrapper .sct.sct_20 li .sct_txt {
    padding-bottom: 0;
}
/*.related_wrapper .sct_20 .sct_img {
  height: 180px;
}*/
.related_wrapper .sct_20 .sct_img a {
    display: flex;
    position: relative;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.related_wrapper .sct_20 .sct_cnt {
    min-height: auto;
}
/*.related_wrapper .sct_20 .sct_cost {
    margin-top: 10px;
}*/

@media (max-width: 640px) {
    #sit_dvr {
        width: 100%;
        margin-bottom: 10px;
    }
    #sit_ex {
        width: 100%;
        margin-bottom: 10px;
    }
}
#sit_inf_open {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 10px;
    border: none;
}
#sit_inf_open th,
#sit_inf_open td {
    border-bottom: 1px solid var(--border);
    font-weight: 400;
    font-size: 14px;
    padding: 12px 15px;
}
#sit_inf_open th {
    background-color: var(--bg);
    font-weight: 500;
    word-break: keep-all;
}
#sit_inf_open td {
    text-align: left;
}

.info_table_wrap {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--border);
    height: 135px;
    overflow: hidden;
}

.btn_wrap {
    margin-top: 20px;
}
.btn_wrap .btn_more {
    width: 120px;
}
.btn_wrap .btn_more.active i {
    transform: rotate(180deg);
}

/*라이팅 박스*/
.lb-data .lb-close {
    position: absolute;
    top: -20px;
    right: 20px;
}





/*로그인 팝업*/
#join_menu,
#member_menu {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

#join_menu .ol,
#member_menu .ol{
	width: 100%;
	float: none;
}
#join_menu .member_div,
#member_menu .member_div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 24px;
  width: 500px;
  text-align: left;
  z-index: 9999;
  border-radius: 12px;
  max-height: 600px;
  overflow-y: auto;
}
#join_menu .bg,
#member_menu .bg {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
#join_menu h2,
#member_menu h2 {
  font-size: 1.4666666667rem;
  font-weight: 700;
  text-align: center;
}
#join_menu h2 + p,
#member_menu h2 + p {
  text-align: center;
  font-size: 1rem;
  color: var(--text-3);
  margin-top: 10px;
  margin-bottom: 20px;
}
#join_menu .join_cls_btn,
#join_menu .login_cls_btn,
#member_menu .join_cls_btn,
#member_menu .login_cls_btn {
  position: absolute;
  right: 15px;
  top: 10px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 0.0666666667rem m;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  -ms-transition: -ms-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  font-size: 1.3333333333rem;
  color: var(--text);
}
#join_menu .join_cls_btn:hover,
#join_menu .login_cls_btn:hover,
#member_menu .join_cls_btn:hover,
#member_menu .login_cls_btn:hover {
  color: var(--primary);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#join_menu input[type=password],
#member_menu input[type=password] {
  margin-top: 10px;
}
#join_menu #ol_auto,
#member_menu #ol_auto {
  margin-top: 10px;
}
#join_menu .login-sns,
#member_menu .login-sns {
  margin-top: 20px;
}
#join_menu .sns_tit,
#member_menu .sns_tit {
  margin-block: 10px 15px;
}
#join_menu .next_btn1,
#join_menu #ol_submit,
#member_menu .next_btn1,
#member_menu #ol_submit {
  margin: 10px 0 0;
}
#join_menu #ol_id,
#join_menu #ol_pw,
#member_menu #ol_id,
#member_menu #ol_pw {
  height: 44px;
}
#join_menu #ol_auto input,
#member_menu #ol_auto input {
  width: 18px;
  height: 18px;
}
#join_menu .ol_wr #mb_field,
#member_menu .ol_wr #mb_field {
  border-right: 0;
  border-radius: 5px 0 0 5px;
}
#join_menu .ol_wr .ddTitleText,
#member_menu .ol_wr .ddTitleText {
  border-radius: 0 5px 5px 0;
}
#join_menu #ol_svc b,
#member_menu #ol_svc b {
  color: #111;
}
#join_menu .sns-wrap,
#member_menu .sns-wrap {
  margin: 10px 0 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}
#join_menu .sns-wrap .sns-icon,
#member_menu .sns-wrap .sns-icon {
  display: block;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  width: 30px;
}
#join_menu .sns-wrap .sns-icon .ico,
#member_menu .sns-wrap .sns-icon .ico {
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px !important;
  display: block;
}
#join_menu .sns-wrap .sns-naver .ico,
#member_menu .sns-wrap .sns-naver .ico {
  background-image: url(../img/sns_naver.png) !important;
}
#join_menu .sns-wrap .sns-kakao .ico,
#member_menu .sns-wrap .sns-kakao .ico {
  background-image: url(../img/sns_kakao.png) !important;
}
#join_menu .sns-wrap .sns-google .ico,
#member_menu .sns-wrap .sns-google .ico {
  background-image: url(../img/sns_google.png) !important;
}
#join_menu .sns-wrap .sns-facebook .ico,
#member_menu .sns-wrap .sns-facebook .ico {
  background-image: url(../img/sns_facebook.png) !important;
}
#join_menu .sns-icon .txt,
#member_menu .sns-icon .txt {
  display: none;
}

.sns-wrap-over .sns-google {
  background: none;
}

.notice_text{
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.notice_text p{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;

}
.notice_text p:after{
	content: "";
    position: absolute;
    left: -2%;
    bottom: -3px;
    width: 0;
    height: 6px;
    background:var(--primary); 
	opacity: 0.15;
    z-index: -1;
    border-radius: 4px;
    animation: 0.5s highlight 0.2s ease forwards;

}
@keyframes highlight {
  to {
    width: 104%;
  }
}