@charset "utf-8";

.top-menu-wrap .py-2 {padding-bottom: 0 !important;}
.banner-wrap.bg-white {background-color: #F5EDE5 !important; max-height: 80px;}
.banner-wrap>.position-absolute.close-item {
    right: 10px;
    display: flex;
    align-items: center;
    max-height: 80px;
}
.banner-wrap>.position-absolute.close-item>button {padding: 0; width: 14px; height: 14px;}
.top-banner-wrap {
    max-height: 80px;
    display: flex;            /* 텍스트/이미지 수직 가운데 */
    align-items: center;      /* 수직 중앙정렬 */
    justify-content: center;  /* 가로 중앙정렬(원하면) */
    line-height: 1;           /* 필요시 줄간격 초기화 */
}
._shop .top-menu-wrap {border-bottom: solid 0px #e9ecef !important;}
._shop .top-menu-wrap a, ._shop .top-menu-wrap .dropdown-toggle {font-size: .9rem !important; position: relative;}
._shop .top-menu-wrap .dropdown-toggle .profile_name {font-weight: 500 !important;}
._shop .top-menu-wrap a .top-0 {top: 5px !important;}
.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {border-color: transparent !important;}
.top-banner-wrap>.bx-wrapper {width: 1200px;}

.logo.py-4 {padding-top: 0 !important; padding-bottom: 20px !important;}
.logo.py-4>img {max-width: 180px;}

.list-group.depth1 {
    z-index: 101;
    display: flex !important;
    align-self: stretch;
    align-content: stretch !important;
}
@media all and (max-width:768px) {
    .logo.py-4 {padding-bottom: 0px !important;}
}


@media (min-width: 768px) {
    ._shop .category-wrap {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    ._shop .category-wrap .header-main-nav {
        border: 0px !important;
        border-bottom: none;
    }
    ._shop .category-wrap .header-main-nav .cate_li_1_a {font-size: 16px; font-weight: 500;}
}
.btn_wr {position: absolute; display: none;}
.main-common {max-width: 100% !important; width: 100% !important; display: flex !important; justify-content: center !important;}
.main-common>.row {width: 1040px;}
.main-common .image-wrap>a {border: 1px solid #e9ecef !important;}
.image-wrap>a>img {width: 100% !important; height: 100% !important;}
.main-common .inner-wrap:hover {box-shadow: none !important;}
.main-common>.g-2 {--bs-gutter-x: 1.5rem !important; --bs-gutter-y: 1.5rem !important;}
.main-common>.g-1 {--bs-gutter-x: 0px !important; --bs-gutter-y: 0px !important;}

.mt-80 {margin-top: 80px !important;}
.mb-80 {margin-bottom: 80px !important;}

.main-common .item-title {text-align: left !important; padding-top: 5px; padding-bottom: 0px;}
.main-common .item-price,
.item-price.text-primary{
    text-align: left !important;
    font-weight: 500 !important;
    color: #222222 !important;
}
.main-common .item-basic {
    font-size: .75rem;
    color: #6c757d;
    padding: .25rem .5rem;
}
.sct_bottom {position: relative; display: flex; align-items: center; justify-content: space-between; font-weight: 700;}
.sct_bottom .sct_op_btn {
    position: absolute;
    right: 5px;
    bottom: 0;
}
.sct_bottom .sct_op_btn>button {
    border: 0;
    width: 25px;
    height: 20px;
    font-size: 1em;
    text-align: center;
    color: #949494;
    background: transparent;
}

.main-common .shop_icon,
.shop_icon {
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px !important;
    margin: 1px;
    font-size: .8rem !important;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
}
/*.main-common .shop_icon.shop_icon_4 {display: none !important;}*/

.list10-wrap .list-item:hover {box-shadow: none ;}

.container.top_bnnr {margin-top: 0px;}
.container.top_bnnr>img {width: 100% !important;}
.list10-wrap .list-item:hover {box-shadow: none !important;}

.image-wrap>a>img,
.img-wrap>a>img{border: 1px solid #e9ecef !important;}
@media (min-width: 1200px) {
    .fs-4 {
        font-size: 2rem !important;
    }
}


.sct_sortlst .list-group-item {border: var(--bs-border-width) solid var(--bs-border-color) !important;}
.footer .company-info .list-group-item {color: #a1a6ac !important; border-bottom: var(--bs-border-width) solid #444 !important;}
.tail-visit {display: none !important;}
.footer .mt-5 {margin-top: 5px !important;}

.orderform-wrap #forderform #sod_frm .tbl_frm01 td .frm_input {
    border: 1px solid rgba(0, 0, 0, .1) !important;
}
.orderform-wrap #forderform .od_prd_list #sod_list thead tr th {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
textarea {border-color: rgba(0, 0, 0, .1) !important;}
.orderform-wrap #forderform #od_pay_sl .lb_icon:hover {
    background-color: #e9f0f3 !important;
    border-color: rgba(0, 0, 0, .1) !important;
}
.label_seller {padding: 0 3px; border-radius: 3px; background-color: #0a0a0a; color: #fefefe;}
/*.container_nav {background-color: #0a4485 !important;}
.container_nav a {color: #FFFFFF !important;}*/

#sit_inf_explan {display: flex; justify-content: center;}

#sit_ov_wrap .justify-content-center {
    justify-content: left !important;
}
#sit_ov_wrap .justify-content-center {
    justify-content: left !important;
    gap: 10px !important;
}
#sit_pvi_thumb .list-group-item>a {display: flex; align-items: center; justify-content: center; padding: 10px;}
.list-group-item>a>img {width: 100%;}
.item-image-view {width: 500px; height: 500px; display: flex; align-items: center; justify-content: center;}
.item-image-view>a>img {width: auto !important; height: auto !important;}

.footer .me-auto {width: auto !important; height: 100%; display: flex; justify-content: flex-start; flex-direction: row; row-gap: 10px;}
.footer .company-info .list-group-item {
    color: #ced4da !important;
    background-color: rgba(0, 0, 0, 0) !important;
    padding: .2rem !important;
}
.footer .ft_notice {font-size: 18px;}

.footer .me-auto .site-title {display: flex; justify-content: center; word-break: keep-all; margin-right: 2rem;}
.footer .me-auto .site-title>img {width: 160px; height: 70px;}
.footer .me-auto .ft_seller {border-left: 1px solid #333; width: 100%; height: 90%;}
.footer .me-auto .ft_seller .seller_info {padding: 10px; color: #aaa; padding-left: 28px;}
.footer .me-auto .ft_seller .seller_info>span {display: inline-block; font-size: 18px; color: #eee; font-weight: 700;}
.footer .me-auto .ft_seller .seller_info>span.name {}
.footer .me-auto .ft_seller .seller_info>span.ttl {font-weight: 300; color: #aaa; font-size: 15px; min-width: 100px;}
@media all and (max-width:768px) {
    .footer .me-auto {flex-direction: column; row-gap: 20px; align-items: flex-start;margin-left: 20px;}
    .footer .me-auto .ft_seller .seller_info {padding: 10px; color: #aaa; padding-left: 0px;}
    .footer .ft_notice {margin-left: 20px !important; margin-bottom: 50px !important;}
}

.member-image-wrap .list-group {width: 100%;}

#main_bn {position: relative;}
#main_bn .main_owl_pager {position: absolute; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 1; width: 100%;}
#main_bn .main_owl_pager .owl-dots {display: none; align-items: center; justify-content: center;flex-direction: row; column-gap: 20px;}
#main_bn .main_owl_pager .owl-dots>li {display: list-item; position: relative; }
#main_bn .main_owl_pager .owl-dots>li>a {display: block; position: absolute; width: 10px; height: 10px; background-color: red;  top: 0; left: 0;}
#main_bn .owl-nav {
    position: absolute; width: 100%; height: 100%; bottom: 0; display: flex; align-items: center; justify-content: space-between;
    inset:0;                /* top:0;right:0;bottom:0;left:0 */
    pointer-events:none;    /* 컨테이너는 클릭 통과 */
}
#main_bn .owl-nav .owl-prev>span {display: inline-block; font-weight: 100; font-size: 72px; line-height: 0; margin-left: 20px; pointer-events:auto;}
#main_bn .owl-nav .owl-next>span {display: inline-block; font-weight: 100; font-size: 72px; line-height: 0; margin-right: 20px; pointer-events:auto;}

.sub-cate {display: none; position: absolute; top: 40px; width: max-content;}
.sub-cate>ul {min-width: 140px; padding-left: 8px;}
.sub-cate.on {display: flex;}

ul, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
    -webkit-transition:background-color 2s ease-out;
    -moz-transition:background-color 0.3s ease-out;
    -o-transition:background-color 0.3s ease-out;
    transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
    -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
    -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
    box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-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 h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

.depth2 li a {font-size: 14px;}
.com_info {font-size: 12px; color: #aaa; width: 70%;}
.tail-copyright {font-size: 12px; color: #777;}
.ft_notice {min-width: 300px; width: 30%;}
.latest-notice {border-left: 1px solid #333; height: 80%;}
.latest-notice .empty-item {
    min-height: 80px !important;
    color: #999; font-size: 13px;
}
.latest-notice .lists {
    padding: 0;
    margin: 0;
    max-width: 400px;
}
.tail-menu {border-bottom: 1px solid rgba(255, 255, 255, .08) !important;}
.tail-info {border-bottom: 1px solid rgba(255, 255, 255, .08); margin-bottom: 10px;}

@media all and (max-width:768px) {
    .main-common>section {width: 100% !important;}
    .main-common>.row {max-width: 470px; width: 100%;}

    .row-cols-1>* {
        flex: 0 0 auto;
        width: 50% !important;
    }
}
@media all and (min-width:768px) and (max-width:992px) {
    .main-common>.row {width: 640px;}
}
@media all and (min-width:992px) and (max-width:1399px) {
    .main-common>.row {width: 910px;}
}
@media all and (min-width:1400px) {
    .main-common > .row {width: 1040px;}
}

@media all and (max-width:1200px) {
    .container_nav {
        /*display: none !important;*/
    }
    .container_nav>.category-wrap {overflow-x: auto; overflow-y: hidden;}
    .header-main-nav .p-4 {padding: .7rem !important;}
    .main_image_area {
        min-height: auto !important;
    }
}
.accordion-item a {word-break: keep-all;}







.mobile-depth1-item {margin-bottom: 10px;}
.mobile-depth1-item .mobile-depth1-header {background: #f0f2f4; padding: 3px 0;}
.mobile-depth1-item .mobile-depth1-header.m_10 {background: #edeca3;}
.mobile-depth1-item .mobile-depth1-header.m_20 {background: #d4e6a7;}
.mobile-depth1-item .mobile-depth1-header.m_30 {background: #beeddb;}
.mobile-depth1-item .mobile-depth1-header.m_40 {background: #cde9f3;}
.mobile-depth1-item .mobile-depth1-header.m_50 {background: #dbe3ff;}
.mobile-depth1-item .mobile-depth1-header.m_60 {background: #e9d7ff;}
.mobile-depth1-item .mobile-depth1-header.m_70 {background: #f3d1ee;}
.mobile-depth1-item .mobile-depth1-header.m_80 {background: #ffd4d0;}
.mobile-depth1-item .mobile-depth1-header.m_90 {background: #ffe3d0;}

.mobile-depth1-item .mobile-depth1-header>a {font-size: 1.2rem; font-weight: 700;}

.mobile-depth2-item {}
.mobile-depth2-item .mobile-depth2-header {}
.mobile-depth2-item .mobile-depth2-header>a {padding-left: 30px !important; font-size: 1rem; line-height: 180%; font-weight: 400; }



.mobile-depth1-wrap {
    border-top: 1px solid #e9ecef !important;
    border-bottom: 1px solid #e9ecef !important;
    padding-top: 10px;
    padding-bottom: 2px;
}
.mobile-depth2 {
    padding-top: 5px;
}
.mobile-depth2-item .mobile-depth2-header>a:before { content: "\00B7"; margin: 0 .6ch; }

.mobile-depth2-item .mobile-depth2-header>a {display: inline-block;}

@media all and (max-width:768px) {
    .search-wrap.d-none {
        display: flex !important;
    }

    .search-wrap.d-none a img {
        width: 110px;
    }
}

#inicisModalDiv {
    opacity : 1 !important;
}


/* 반응형 디바이스 구분 */
.owl-carousel .owl-item img.img-pc {
    display: block;
}
.owl-carousel .owl-item img.img-mobile {
    display: none;
}


.main-common .item-star img {
    height: .9rem !important;
    width: auto;
}

.main-all-cats .subcats {font-size: 1rem; color: #777; margin-bottom: 2rem !important;}
.main-all-cats h2 a {font-size: 2.2rem;}

img.sit_star, .item-star img.img-fluid {
    margin: 10px 0 5px;
    width: 60% !important;
    height: auto !important;
}

@media (max-width: 768px) {
    .main-all-cats .subcats {font-size: .8rem; color: #777; margin-bottom: 1.5rem !important;}
    .main-all-cats h2 a {font-size: 1.6rem;}

    .owl-carousel .owl-item img.img-pc {
        display: none;
    }
    .owl-carousel .owl-item img.img-mobile {
        display: block;
    }


    img.img-fluid, .carousel-item img {
        width: 100% !important;
        height: auto !important;
    }

    img.sit_star, .item-star img.img-fluid {
        margin: 10px 0 5px;
        width: 50% !important;
        height: auto !important;
    }

    .item-title a, .list10-wrap .list-item .item-title a {
        font-size: .9rem !important;
    }

    main h2>a {font-size: 1.8rem;}
    main .main-common .item-title {padding-top: 0 !important; padding-bottom: 0 !important;}
    main .sct_bottom {font-size: 1.1rem !important;}
}


li.header-main-nav>a.cate_li_1_a {
    white-space: nowrap;
    display: inline-block;
}

.mt-lg-6 {
    margin-top: 4rem !important;
}

.sch_input {width: 200px !important;}
.input-group {width: auto !important;}
.hd_l {width: 40%; justify-content: flex-start !important;}
.hd_r {width: 40%; justify-content: flex-end !important;}
@media (max-width: 768px) {
    .sch_input {width: calc(100% - 43px) !important;}
    .hd_l {width: auto;}
    .hd_r {width: 100%; margin: 10px 0;}
}



.main_banner_owl .item a img { pointer-events:auto !important; cursor:pointer; }
/* 반드시 추가 */
.main_banner_owl .item a { display:block; position:relative; z-index:2; }
.main_banner_owl .item a img { pointer-events:auto !important; }  /* 클릭 복구 */
.main_banner_owl .item img { display:block; }