@charset "UTF-8";

.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none !important;}

#hd_sch #sch_submit{background: #fff; border: none; width: 50px; height: 45px;}
#header .head_menu{position: relative; display: flex; align-items: center; justify-content: center; padding: 15px 0;}
#header .head_menu ul{position: absolute; display: flex; right: 0; gap: 0 12px; align-items: center;}
#header .head_menu ul li a{font-size: 1.5rem; font-weight: 500; color: #767676; letter-spacing: -0.375px;}
#header .head_menu ul span{color: #E5E5EC; font-size: 1.4rem;}
#header .head_menu ul span.selected-lang{color: #767676; font-size: 1.4rem;}
#header .head_menu ul span.lang-text{color: #767676;}

#google_translate_element2{display: none;}
.lang_menu {
    position: relative;
    display: inline-block;
}

.dropbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.dropbtn img{width: 26px; margin-right: 4px;}

.dropbtn span {
    /*color: #fff;*/
    font-size: 1.8rem;
    font-weight: 500;
}

.dropbtn.active {

}

.dropbtn .arrow_b { display: none; }

#header.active .dropbtn span { color: #111; }
#header.active .dropbtn { border: 1px solid #111; }
#header.active .dropbtn.active span { color: #fff; }
#header.active .dropbtn .arrow_b { display: block; }
#header.active .dropbtn .arrow_w { display: none; }
#header.active .dropbtn.active { border: 1px solid #981B1F; border-bottom: 1px solid #FFFFFF33; }
#header.active .dropbtn.active .arrow_b { display: none; }
#header.active .dropbtn.active .arrow_w { display: block; }

/* 드롭다운 메뉴 (PC) */
.dropdown-content {
    position: absolute;
    background-color: #FFF;
    min-width: 96px;
    z-index: 100;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
    right: 0;
    left: 0;
    display: none; /* ★ 기본은 안 보이게 */
}

.dropdown-content img{width: 26px; margin-right: 5px;}

.dropdown-content a {
    padding: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    text-decoration: none;
    transition: background-color 0.3s;
    text-align: left;
    color: #888;
}

/* 활성화된 상태 */
.dropdown-content.show {
    display: block; /* ★ 이 줄이 제일 중요 */
    max-height: 200px;
    opacity: 1;
    box-shadow:
            0px 12px 16px -4px rgba(0, 0, 0, 0.08),
            0px 4px 6px -2px rgba(0, 0, 0, 0.03);
}
.menu-toggle{display: flex; align-items: center; gap: 0px 10px; color: #4E2C13; font-size: 1.8rem; font-weight: 500; position: relative; white-space: nowrap;}
.cate_wrap{}
.hid_menu {position: absolute;top: 100%;       /* a 태그 바로 아래 */left: 0;width: 100%;    /* 메뉴 폭 */background: #fff;border-bottom: 1px solid #e1e1e1;display: none;   /* 처음에는 숨김 */z-index: 999;padding: 20px; }
.hid_wrap{display: flex; gap: 0px 1%; max-width: 1240px; margin: 0 auto;}
.hid_menu.active {display: block;  /* 활성화 시 표시 */}
.hid_menu button.menu-close {display: block;margin-left: auto;font-size: 2.0rem;background: none;border: none;cursor: pointer;position: absolute;right: 20px; top: 0px;}
.hid_menu .cate_wrap{width:100%; display: flex; gap: 40px 1%; flex-wrap: wrap;}
.hid_menu .cate_wrap .cate_menu{width: 100%; display: flex; gap: 0px 2%;}
.hid_menu .cate_wrap .cate_menu h3{padding: 5px 10px 16px 10px;  font-size: 1.8rem; font-weight: 500; border-bottom: 1px solid #E5E5EC; color: #4E2C13;}
.hid_menu .cate_wrap .cate_menu .cwrap{width: 140px;}
.hid_menu .cate_wrap .cate_menu h4{padding: 5px 10px 16px 10px;  font-size: 1.8rem; font-weight: 500;color: #4E2C13; width: 140px;}
.hid_menu .cate_wrap .cate_menu ul{padding: 6px 10px 10px 10px;}
.hid_menu .cate_wrap .cate_menu ul li{padding: 10px 0;}
.hid_menu .cate_wrap .cate_menu ul li a{font-size: 1.6rem; color: #505050;}
.hid_menu .community{width: 20%; background: #f6f6f6; border-radius: 5px; padding: 10px; display: none;}
.hid_menu .community h3{background: #fff; border-radius: 5px; padding: 8px 10px; font-size: 1.5rem; font-weight: 500;}
.hid_menu .community ul{padding: 10px 0;}
.hid_menu .community ul li{margin-top: 4px;}
.hid_menu .community ul li a{font-size: 1.4rem; color: #444;}

.hd_bot{display: flex; align-items: center;}
.hd_bot .hd_sch_wr form{display: flex; border-radius: 100px;border: 1px solid #E5E5EC;background: #FFF; overflow: hidden;}
.hd_bot .hd_sch_wr form input{padding-left: 15px;}
.hd_sch_wr{width: 285px;}
#hd_sch #sch_str{width: initial; }
.hd_icon{display: flex; gap: 0px 20px; margin-left: 20px;}
.hd_icon a{position: relative;}
.hd_icon a span{position: absolute; border-radius: 50%;border: 1px solid #FFF;background: #4E2C13; font-size: 11px; font-weight: 500; color: #fff; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; top: -3px; right: -6px;}

/* 공통 레이아웃 */
.visual{
    margin-top: 230px;
    position: relative;
}

.visual-inner {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    /* 데코가 밖으로 조금 튀어나오면 필요에 따라 */
    /* overflow: visible; */
}

/* 슬라이더 박스 */
.visual .swiper_visual{
    position: relative;
    max-width: 1540px;
    margin: 0 auto;
    z-index: 2;          /* 데코 위에 올라오게 */
    overflow: hidden;    /* 마스크 적용 영역만 보이게 */
}

.visual .swiper-slide{position: relative;}

.visual .main_text{
    position: absolute;
    top: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;

    display: none;;
}
.visual .main_text h2{
    font-size: 2.0rem;
    color: #fff;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.visual .main_text h3{
    font-size: 6.0rem;
    color: #fff;
    font-weight: 800;
}
.visual .main_text p{
    font-size: 1.8rem;
    color: #fff;
    font-weight: 300;
    line-height: 145%;
    letter-spacing: -0.45px;
    margin-top: 20px;
}
.visual .main_text a{
    width: 160px;
    height: 48px;
    margin: 20px auto 0 auto;
    border: 1px solid #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    transition: 0.3s all;
}
.visual .main_text a:hover{
    background: #fff;
    color: #4E2C13;
}

/* 좌우 화살표 */
.visual .swiper-visual-prev{
    position: absolute;
    left: 15%;
    top: 45%;
    cursor: pointer;
    z-index: 9;
}
.visual .swiper-visual-next{
    position: absolute;
    right: 15%;
    top: 45%;
    cursor: pointer;
    z-index: 9;
}

/* 데코 레이어 */
.visual-deco {
    position: absolute;
    left: 0%;
    top: 1px;              /* 약간 위에서 시작해서 */
    width: 100%;             /* 슬라이드보다 조금 넓게 */
    height: 102%;            /* 세로도 더 크게 */
    /*transform: translateX(-50%);*/
    background: url('../img/slide-deco.png') no-repeat center bottom / contain;
    z-index: 1;
    pointer-events: none;
}

/* 슬라이더 박스 */
.visual .swiper_visual{
    position: relative;
    max-width: 1540px;
    margin: 0 auto;
    z-index: 2;          /* deco 위로 */
    overflow: hidden;    /* 마스크 영역만 보이게 */
}

/* PC에서만 마스크 */
@media (min-width: 769px) {
    .visual .swiper_visual {
        -webkit-mask-image: url('../img/slide-mask.png');
        mask-image: url('../img/slide-mask.png');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

.swiper-pagination2{position: absolute; bottom: 10% !important; text-align: center; z-index: 9; border-radius: 20px;background: rgba(0, 0, 0, 0.60); width: 65px !important; padding: 3px 10px; left: 0; right: 0; margin: 0 auto; white-space: nowrap; font-size: 1.5rem; color: rgba(255, 255, 255, 0.60);}
.swiper-pagination2 .swiper-pagination-current{color: #fff;}

.visual .swiper-slide img{width: 100%;}

.sct_wrap header{display: flex; align-items: center; justify-content: space-between;}
.sct_wrap header:after{display: none;}
.sct_wrap header h2 a{font-size: 4.0rem; color: #111; font-weight: 800; letter-spacing: -1px; font-family: 'TMoneyDungunbaram';}
.sct_wrap header h2 a b{font-weight: 600;}
.sct_wrap header .all_btn{border: 1px solid #999; width: 140px; height: 52px; display: flex; align-items: center; justify-content: center; gap: 0px 8px; font-size: 1.5rem; font-weight: 500; color: #111; border-radius: 50px;}
.smt_40{border: none; padding: 0px;}
.smt_40 .sct_li{margin: 0px 0px !important;}
.smt_40 .sct_li img{width: 100%; height: fit-content; background: #f7f7f7;}
#idx_hit .hit-progress-bar {
    width: 70%;
    margin: 0  auto;
    height: 4px;              /* 바 두께 */
    background: #E5E5EC;; /* 바 바탕색 */
    margin-top: 65px;
    position: relative;
    overflow: hidden;
}

/* 실제 채워지는 부분 */
#idx_hit .hit-progress-bar span {
    display: block;
    width: 0;
    height: 100%;
    background: var(--color);      /* 진행 색상 */
    transition: width 0.3s ease; /* 부드럽게 채워지게 */
}
#idx_hit{position: relative; overflow: initial;}
.smt_40 .sct_img{position: relative;}
.list-10-btn .btn_wish{display: none;}
.smt_40 .sct_txt{margin-top: 20px;}
.smt_40 .sct_txt a{color: #111; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.45px; line-height: 145%;}
.smt_40 .sct_basic{color: #999; font-size: 1.5rem; font-weight: 500; line-height: 145%; letter-spacing: -0.375px;}
.smt_40 .sct_cost{display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px 8px; flex-wrap: wrap;}
.smt_40 .sct_cost .sct_dict2{width: 100%; }
.smt_40 .sct_disc{font-size: 1.7rem; color: #ff1113; font-weight: bold;}
.smt_40 .sct_disc .percent{font-size: 1.0rem;}
.smt_40 .sct_cost{margin-top: 8px; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.45px;}
.sct_dict2{color: #999; font-size: 1.4rem; text-decoration-line: line-through;letter-spacing: -0.35px; }
#idx_hit .owl_prev{position: absolute; top: 45%; left: -10%; cursor: pointer;}
#idx_hit .owl_next{position: absolute; top: 45%; right: -10%; cursor: pointer;}

.smt_10{display: flex; gap: 10px 2%;}
.smt_10 .sct_li{width: 33%;}

#idx_hit2 .hit-progress-bar {
    width: 70%;
    margin: 0  auto;
    height: 4px;              /* 바 두께 */
    background: #E5E5EC;; /* 바 바탕색 */
    margin-top: 65px;
    position: relative;
    overflow: hidden;
}

/* 실제 채워지는 부분 */
#idx_hit2 .hit-progress-bar span {
    display: block;
    width: 0;
    height: 100%;
    background: var(--color);      /* 진행 색상 */
    transition: width 0.3s ease; /* 부드럽게 채워지게 */
}
#idx_hit2{position: relative; overflow: initial;}
#idx_hit2 .owl_prev{position: absolute; top: 45%; left: -10%; cursor: pointer;}
#idx_hit2 .owl_next{position: absolute; top: 45%; right: -10%; cursor: pointer;}
.smt_40 .sct_img{position: relative; border-radius: 10px; overflow: hidden;}
.smt_40 .sct_btn{}
.smt_40 .sct_btn .sct_cart{ position: absolute; bottom: 20px; right: 20px; border-radius: 50%; width: 40px; height: 40px; background: var(--color);  display: flex; align-items: center; justify-content: center;}
.smt_40 .sct_btn .sct_cart img{width: 28px; background: none;}
.smt_40 .sct_img .sct_btn{opacity: 0; transition: 0.3s all;}
.smt_40 .sct_img:hover .sct_btn{opacity: 1;}
#idx_hit2 header h2 a{font-weight: 300; line-height: 130%;}
#idx_hit2 header h2{margin-bottom: 0px;}

.smt_10 .sct_op_btn{display: none;}
.sit_icon_li{display: none;}
.smt_10 .sct_li{position: relative; overflow: hidden; background: #f7f7f7;}
.smt_10 .sct_ct_wrap{position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%); opacity: 0; transition: 0.3s all;}
.smt_10 .sct_ct_wrap .smt10_h6{display: inline-block; padding: 2px 8px; background: #fff; color: #505050; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.35px; line-height: 142%; margin-bottom: 8px;}
.smt_10 .sct_txt{margin-bottom: 2px;}
.smt_10 .sct_txt a{font-size: 2.0rem; color: #fff; font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.smt_10 .sct_basic{color: rgba(255, 255, 255, 0.90); font-size: 1.5rem; font-weight: 500; line-height: 145%; letter-spacing: -0.375px; margin-bottom: 8px;}
.smt_10 .sct_cost{font-size: 1.8rem; font-weight: 500; color: #fff; letter-spacing: -0.45px; line-height: 145%; margin-bottom: 20px;}
.smt_10 .sct_cart{border: none; background: none;}
.smt_10 .sct_li:hover .sct_ct_wrap{opacity: 1;}

.m1{padding: 120px 0 45px 0; background-image: url("../img/m1-bg.png"); background-repeat: no-repeat; margin-top: 160px; background-size: cover;}
.m1 .txt{font-size: 4.0rem; color: #111; font-weight: 400; margin-bottom: 60px; line-height: 130%; font-family: 'TMoneyDungunbaram';}
.m1 .txt b{font-weight: 800;}
.m1 .tabnav{display: flex; flex-direction: column; gap: 12px 1%; min-width: 300px;}
.m1 .tabnav li a{border-radius: 100px;border: 1px solid #E5E5EC;background: #FFF; padding: 5px 20px 5px 5px; width: 200px; min-width: 200px; max-width: 200px; display: flex; align-items: center; font-size: 1.8rem; font-weight: 600; position: relative; color: #999;}
.m1 .tabnav li a img{margin-right: 12px;}
.m1 .tabnav li a i{font-weight: 300; position: absolute; right: 20px; color: #999;}
.m1 .tabnav li a.active{color: #fff; background: #4E2C13;}
.m1 .tabnav li a.active i{color: #fff;}
.m1 .tabnav .m1_btn{margin-top: 165px;}
.m1 .tabnav .m1_btn span{cursor: pointer;}
.m1 .tab{display: flex; align-items: center; gap: 30px 5%;}
.m1 .tab .tabcontent{width: 100%;}
.m1 .tab_item .swiper-slide{text-align: center;}
.m1 .tab_item .swiper-slide .timg{position: relative; display: block; overflow: hidden; border-radius: 10px;}
.m1 .tab_item .swiper-slide .timg img{width: 100%; height: initial !important; background: #f7f7f7;}
.m1 .tab_item .swiper-slide h3 a{margin-top: 20px; font-size: 1.8rem; color: #111; font-weight: 500; letter-spacing: -0.45px; line-height: 145%; display: block;}
.m1 .tab_item .swiper-slide h4{font-size: 1.5rem; color: #999; font-weight: 500; line-height: 145%; letter-spacing: -0.375px; margin-top: 2px;}
.m1 .tab_item .swiper-slide h5{margin-top: 8px; color: #111; font-size: 1.8rem; font-weight: 500;}
.m1 .tab_item .swiper-slide .timg span{position: absolute; width: 40px; height: 40px; border-radius: 50%; background: var(--color); bottom: 20px; right: 20px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s all;}
.m1 .tab_item .swiper-slide .timg span button{border: none; background: none;}
.m1 .tab_item .swiper-slide .timg span button img{width: 28px;background: none;}
.m1 .tab_item .swiper-slide:hover .timg span{opacity: 1;}
.m1 .swiper-pagination-progressbar{position: initial; margin-top: 60px;}
.m1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--color);}
.list_img_wrap{position: relative;}
.m1 .tab_item .swiper-slide:hover .timg span{opacity: 1;}

.banner{height: 240px; position: relative;}
.banner .img{width: 100%; height: 100%;}
.banner .img img{width: 100%; height: 100%; object-fit: cover;}
.banner .text{text-align: center; position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
.banner .text h2{font-size: 3.2rem; font-weight: 400; letter-spacing: -0.8px; line-height: 130%; margin-bottom: 8px;}
.banner .text h3{font-weight: 300; letter-spacing: -0.4px; line-height: 150%;}
.banner .text h3 b{font-weight: 500;}

.m2{  background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 58%,
        #faf7ef 58%,
        #faf7ef 100%
); position: relative;}
.m2 .txt, .m3 .txt{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.m2 .txt h2, .m3 .txt h2{font-size: 4.0rem; font-weight: 400; font-family: 'TMoneyDungunbaram';}
.m2 .txt h2 b, .m3 .txt h2 b{font-weight: 600;}
.m2 .txt a, .m3 .txt a{border: 1px solid #999; width: 140px; height: 52px; display: flex; align-items: center; justify-content: center; gap: 0px 8px; font-size: 1.5rem; color: #111; font-weight: 500; letter-spacing: -0.375px; border-radius: 50px;}
.m2 .swiper-slide .re_img{display: block; overflow: hidden; border-radius: 10px; width: initial; height: initial;}
.m2 .swiper-slide .re_img img{width: 100%;}
.m2 .swiper-slide h2 a{margin-top: 20px; display: block; font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px;}
.m2 .swiper-slide .star{margin-top: 6px; display: flex; gap: 0px 2px; color: #FFE100; margin-bottom: 8px;}
.m2 .swiper-slide p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical; color: #767676; font-size: 1.8rem; line-height: 145%; letter-spacing: -0.45px;}
.m2 .re-prev{position: absolute; top: 45%; left: -10%; cursor: pointer;}
.m2 .re-next{position: absolute; top: 45%; right: -10%; cursor: pointer;}

.m3{position: relative;}
.m3 .ev-prev{position: absolute; top: 45%; left: -10%; cursor: pointer;}
.m3 .ev-next{position: absolute; top: 45%; right: -10%; cursor: pointer;}

#ft{background: #333; padding: 48px 0 70px 0;}
#ft .footer{display: flex; align-items: flex-start; gap: 0px 5%;}
#ft .ft_inwrap{width: 100%;}
#ft .ft_ser{display: flex; gap: 0px 3%; margin-bottom: 24px;}
#ft .ft_ser li a{color: rgba(255, 255, 255, 0.30); font-weight: 600;}
#ft .ft_ser li a b{color: #fff; font-weight: 600;}
#ft .ft_info{display: flex; align-items: center; gap: 0px 1%;}
#ft .ft_info li{font-size: 1.4rem; color: #999;letter-spacing: -0.35px; line-height: 150%;}
#ft .ft_info span{font-size: 1.4rem; color: #999;letter-spacing: -0.35px; line-height: 150%;}
#ft .copy{font-size: 1.4rem; color: #999; margin-top: 28px; font-weight: 500; line-height: 142%; text-align: left;}

.smt_10 .sct_img{overflow: hidden; border-radius: 10px;}
.lists-row .list-10-btn .sct_cart{position: absolute; bottom: 20px; right: 20px; border-radius: 50%; background: var(--color); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; opacity: 0; transition: 0.3s all;}
.lists-row .list-10-btn .sct_cart img{width: 28px;}
.lists-row .sct_img .list-10-btn .sct_cart{opacity: 1;}
.smt_10 .sct_img a img{height: fit-content; width: 100%;}

#bo_w .btn_confirm .btn_submit{color: #fff;}
.tbl_head01 td{border-bottom: 1px solid #f3f3f3}

/*#sct .select_wrap{display: none;}*/

/*.sct_10.lists-row{padding-top: 230px;}*/

#sct_location{position: relative; float: initial !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0px !important;}
#sct_location .go_home{font-size: 1.3rem; font-weight: 500; color: #999; padding: 0px;}
.shop_select_to_html .category_title{padding: 0px 0;font-size: 1.3rem; color: #333; font-weight: 500; margin-bottom: 3px;}
#sct_location .slash{font-size: 1.3rem; font-weight: 500; color: #999; padding: 0px 4px;}
.shop_select_to_html .category_title i{display: none;}
.shop_select_to_html:hover .category_title, .shop_select_to_html:hover .category_title i{color: #f48479}
.shop_select_to_html .option a{font-size: 1.3rem; padding: 0px 50px 0 20px;}
.shop_select_to_html .option.selected, .shop_select_to_html .option.selected a{color: #f48479}
#sct_sortlst{/*display: none;*/}
.shop_ca_name{text-align: left; margin-top: 24px; margin-bottom: 48px; font-size: 4.8rem; font-weight: bold; color: #111;}

#sct_lst{display: none;}

.shop_list_nav{display: flex; gap: 9px 0.8%; flex-wrap: wrap; margin-bottom: 40px;}
.shop_list_nav li{width: initial; }
.shop_list_nav li a{font-size: 1.6rem;  color: #767676; height: 46px; display: flex; align-items: center; display: flex; align-items: center; justify-content: center;  padding: 8px 40px; border-radius: 50px;}
.shop_item{margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center;}
.shop_list_nav li.on a{background: var(--color); color: #fff;}
.shop_item h6{font-size: 1.3rem; color: #999; font-weight: 500; }
.shop_item h6 b{color: #333; font-weight: 500; }
.select_wrap{position: relative;}
.select_wrap select{border:none;  color: #333; background: #fff; width: 90px;  appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative; font-size: 1.3rem; font-weight: 500; }
.select_wrap::after { content:''; position: absolute;top:55%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow_down.png"); width: 16px; height: 16px; background-repeat: no-repeat;}

#sct .select_wrap {position: relative;width: 90px;}
#sct .select_wrap button {width: 100%;padding: 10px;text-align: left;background: #fff;cursor: pointer;font-size: 14px; border: none;}
#sct .select_wrap ul {position: absolute;top: 100%;left: 0;right: 0;border: 1px solid #ccc;background: #fff;display: none;z-index: 100;}
#sct .select_wrap ul li {padding: 10px;cursor: pointer;}
#sct .select_wrap ul li:hover {background: #f2f2f2;}
#sct .select_wrap ul li a{font-size: 1.4rem; color: #444;}
#sct .select_wrap ul.show {display: block;}
#sct .select_wrap ul.hidden{display: block;}

.sct_10 .sct_txt{margin-top:15px; margin-bottom: 8px; border-bottom: 0px; padding-bottom: 0px;}
.sct_10 .sct_txt a{font-size: 1.7rem; font-weight: 600; color: #121212;}
.sct_10 .sct_basic{color: #999; font-size: 1.4rem; font-weight: 500;}
.sct_10 .sct_disc{font-size: 1.7rem; color: #ff1113; font-weight: bold;}
.sct_10 .sct_disc .percent{font-size: 1.0rem;}
.sct_10 .sct_cost{font-size: 1.7rem; font-weight: bold;}
.sct_10 .sct_dict{margin-top: 10px; font-size: 1.4rem; font-weight: 500; color: #999;}
.sit_icon_li{display: none;}
/*.list-10-btn{position: absolute; display: flex; flex-direction: column; gap: 4px 0; bottom: 4%; opacity: 0; left: 0; right: 0; margin: 0 auto;}*/
.list-10-btn img{width: initial;}
.list-10-btn button{background: none; border: none;}
.sct_10 .sct_img:hover .list-10-btn{opacity: 1;}
.sct_10 .sct_op_btn{display: none;}
.lists-row .sct_img img{width: initial;}

.common_nav{text-align: right; font-size: 1.3rem; font-weight: 500; color: #333; margin-bottom: 40px;}
.common_nav b{font-weight: 500; color: #999;}

.item_wrap{padding: 40px 0 110px 0;}
.item_wrap .item_top{display: flex; gap: 30px 4%; justify-content: space-between; margin-bottom: 120px;}
.item_wrap .item_slide{width: 50%;}
.item_wrap .item_slide .swiper-slide img{width: 100%;height:auto;}
.item_wrap .itemSwiper .swiper-slide{border-radius: 10px; overflow: hidden;}
.item_wrap .itemSwiper .swiper-slide-thumb-active{border: 1px solid #696969;}
.item_wrap .itemSwiper2{position: relative; margin-bottom: 10px;}
.item_wrap .itemSwiper2 .item-pagination{position: absolute; bottom: 17px; left: 0; right: 0; margin: 0 auto; z-index: 9; width: 55px; background: rgba(0,0,0,0.3); border-radius: 30px; padding: 3px 0; text-align: center;  color: #fff; font-size: 1.4rem;}
.item_wrap .itemSwiper2 .item-pagination span{ font-size: 1.4rem; font-weight: 300;}
.item_wrap .item_info{width: 42%;}
.item_wrap .item_title{position: relative; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; margin-bottom: 40px;}
.item_wrap .item_title h2{font-size: 3.0rem; font-weight: bold; color: #333; margin-bottom: 17px;}
.item_wrap .item_title h3{font-size: 1.6rem; color: #666; font-weight: 500; line-height: 140%;}
.item_wrap .item_title .item_icon{position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 0px 15px;}
.item_wrap .item_title .item_icon button{background: none; border: none;}
.item_wrap .item_info dl{display: flex; margin-bottom: 20px;}
.item_wrap .item_info dl.item_center{align-items: center;}
.item_wrap .item_info dl dt{color: #888; font-weight: 500; min-width: 120px;}
.item_wrap .item_info dl.item_first dd{display: flex; align-items: center;}
.item_wrap .item_info dl.item_first dd .t1{font-size: 2.0rem; font-weight: 500; color: #999; text-decoration: line-through; margin-right: 14px;}
.item_wrap .item_info dl.item_first dd .t2{font-size: 2.4rem; font-weight: bold; color: #ff1113; margin-right: 8px;}
.item_wrap .item_info dl.item_first dd .t2 span{font-size: 1.5rem;}
.item_wrap .item_info dl.item_first dd .t3{font-size: 3.0rem; font-weight: bold; color: #333;}
.item_wrap .item_info dl dd{font-size: 1.5rem; color: #333; font-weight: 500; width: 100%;}
.item_wrap .item_info dl dd select{width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #e8e8e8;}
.item_wrap .count_wrap{padding: 28px 10px 28px 20px; background: #fafafa; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: space-between;}
.item_wrap .count_wrap h4{font-size: 1.5rem; font-weight: 500; color: #333;}
.item_wrap .count_wrap .count_box{display: flex; align-items: center;}
.item_wrap .count_wrap .opt_count{display: flex; border: 1px solid #e8e8e8; background: #fff; margin-right: 30px;}
.item_wrap .count_wrap .opt_count button{width: 27px; height: 27px; color: #333; background: none; border: none; font-size: 2.0rem;}
.item_wrap .count_wrap .opt_count input{width: 27px; border: none; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; text-align: center; font-size: 1.5rem; color: #333;}
.item_wrap .count_box h6{font-size: 2.0rem; font-weight: bold; color: #333; margin-right: 10px;}
.item_wrap .count_box .opt_cancel{border: none; background: none; font-weight: 600; font-size: 2.0rem; margin-bottom: 3px; color: #333;}
.item_wrap .opt_result{margin-top: 50px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px;}
.item_wrap .opt_result h4{font-size: 2.0rem; font-weight: 500; color: #333;}
.item_wrap .opt_result h5{font-size: 3.0rem; font-weight: bold; color: #333;}
.item_wrap .opt_result h5 b{font-weight: bold; color: #f7c913;}
.item_wrap .item_btn{display: flex; align-items: center; gap: 0px 1%;}
.item_wrap .item_btn button{height: 65px; border: none; background: none;}
.item_wrap .item_btn .item_cart{min-width: 65px; border: 1px solid #e2e2e2;}
.item_wrap .item_btn .item_buy{width: 100%; background: #1d1d1f; font-size: 1.8rem; font-weight: 500; color: #fff;}

.pro_menu.fixed {
    position: fixed;
    top: 165px;
    left: 0;
    right: 0;
    background: #fff; /* 필요 시 배경 추가 */
    z-index: 99;
}


.pro_menu{display: flex; max-width: 1360px; margin: 0 auto; }
.pro_menu li{width: 33%;}
.pro_menu li a{font-size: 1.8rem; font-weight: 600; color: #888; display: flex; align-items: center; justify-content: center; height: 60px; border-bottom: 1px solid #d8d8d8;}
.pro_menu li.on a {border-bottom: 1px solid #121212;}
.pro_wrap .pro_box1{max-width: 980px; margin: 115px auto 80px auto;}
.pro_wrap .pro_box1 img{width: 100%;}
.pro_wrap .pro_box2{padding: 80px 0;}
.pro_wrap .pro_box2 h2{text-align: center; font-size: 2.8rem; margin-bottom: 42px; color: #121212; font-weight: bold;}
/*.pro_menu li:nth-of-type(3){display: none;}*/

.acco{border-top: 1px solid #d5d5d5;}
.acco .collapsible { cursor: pointer; padding: 25px 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 1.8rem; background: none; font-weight: 500; color: #333; position: relative;}
/*.acco .collapsible span{font-weight: 800; display: inline-block; min-width: 45px;}*/
.acco .active,
.acco .collapsible:hover {  }
.acco .content { padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #d5d5d5; background: rgba(255,255,255,0.15);}
.acco .collapsible:after { content:''; position: absolute;top:55%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow_down.png"); width: 16px; height: 16px; background-repeat: no-repeat;}
.acco .active:after { content:''; position: absolute;top:55%;right: 0px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow_up.png"); width: 16px; height: 16px; background-repeat: no-repeat; }
.acco .content .tbox{padding: 10px 0px 30px 0px;}
.acco .content .tbox p{ font-size: 1.7rem; line-height: 145%; color: #666;}

.re_all{padding-top: 70px;}
.re_all .txt{text-align: center; margin-bottom: 60px;}
.re_all .txt h2{font-size: 2.8rem; font-weight: bold; color: #121212; margin-bottom: 15px;}
.re_all .txt p{font-weight: 500; font-size: 1.6rem; color: #999;}
.re_all .re_top{position:relative;display: flex; align-items: center; justify-content: space-between;}
.re_all .re_top .re_all_num{font-size: 2.0rem; font-weight: 600; color: #666;}
.re_all .re_top ul{display: flex; gap: 0px 20px; align-items: center; margin-bottom: 20px;}
.re_all .re_top ul li{white-space: nowrap; }
.re_all .re_top ul li a{font-size: 1.5rem; color: #c8c8c8; font-weight: 600;}
.re_all .re_top ul li a.on{color: #333;}
.re_all .re_select{border: 1px solid #cbcdd2; border-radius: 5px; width: 180px; overflow: hidden; margin-bottom: 17px;}
.re_all .re_select select{width: 100%; height: 35px; padding-left: 10px; font-size: 1.3rem;}
.re_all .select_wrap::after{top: 58%;}
.re_all .treview_wrap{display: flex; justify-content: space-between; padding: 35px 0; border-top: 1px solid #e9e9e9;}
.re_all .treview_wrap .name{min-width: 125px;}
.re_all .treview_wrap .name .star{display: flex; gap: 0px 1px; color: #f7c913; margin-bottom: 12px;}
.re_all .treview_wrap .name .star i{font-size: 2.0rem;}
.re_all .treview_wrap .name h2{font-size: 1.4rem; color:#91949c; }
.re_all .treview_wrap .tre_text{width: 100%;}
.re_all .treview_wrap .tre_text .text_content {line-height: 155%; font-size: 1.5rem; color: #333;}
.re_all .treview_wrap .tre_text .text_box {position: relative;height:42px;overflow:hidden;}
.re_all .treview_wrap .tre_text.on .text_box{height:auto;}
.re_all .treview_wrap .tre_text.on .toggle_btn img{transform: rotate(180deg);}
.re_all .treview_wrap .text_content {height: 80px;overflow: hidden;transition: height 0.3s ease;}
.re_all .treview_wrap .text_content.open {height: auto;}
.re_all .treview_wrap .toggle_btn {display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; color: #999; border: none; background: none; margin-top: 10px;}
.re_all .treview_wrap .toggle_btn img {margin-left: 5px;transition: transform 0.2s; filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);}
.re_all .treview_wrap .tre_photo{margin-top: 25px; display: flex; gap: 0px 1%;}
.re_all .treview_wrap .tre_photo button{border: none; background: none; max-width: 65px;}
.re_all .treview_wrap .tre_photo button img{width: 100%;}
.re_all .treview_wrap .tre_date{font-size: 1.4rem; color: #c8c8c8; display: block; margin-top: 30px; margin-bottom: 20px;}
.admin_re{width: fit-content;position: relative; border-radius: 0 15px 15px 15px; padding: 25px 55px 25px 25px; background: #f6f7f8;}
.admin_re::before {content: "";position: absolute;top: 0;left: -12px;width: 0;height: 0;border-top: 12px solid #f6f7f8;;  /* 빨간색 */border-left: 12px solid transparent; }
.admin_re p{font-size: 1.4rem; line-height: 150%; margin-bottom: 15px;}
.admin_re h6{font-size: 1.4rem; font-weight: 500; color: #999;}
.re_search{padding-top: 70px; border-top: 1px solid #e9e9e9; display: flex; align-items: center; justify-content: center; gap: 0px 8px;}
.re_search .re_input{display: flex; align-items: center; gap: 0px 8px;}
.re_search select{width: 100px; height: 40px; border: 1px solid #dfdfe2; padding-left: 8px;}
.re_search input{border: 1px solid #dfdfe2; padding-left: 8px; width: 175px; height: 40px;}
.re_search button{width: 100px; height: 40px; color: #fff; font-size: 1.4rem; background: #121212; border: none;}
.pro_box4{padding-top: 120px;}
.pro_box4 .txt{text-align: center; margin-bottom: 40px;}
.pro_box4 .txt h2{font-size: 2.8rem; font-weight: bold; color: #121212; margin-bottom: 15px;}
.pro_box4 .txt p{font-weight: 500; font-size: 1.6rem; color: #999;}
.pro_box4 .no_txt{padding: 80px 0; text-align: center; font-size: 1.4rem; font-weight: 500; color: #999; border: 1px solid #d5d5d5;}
.pro_box4 .apply{width: 150px; height: 65px; margin: 35px 0 0 auto; background: #121212; color: #fff;  text-align:center; font-size: 1.8rem; font-weight: 500; border: none; display: flex; align-items: center; justify-content: center;}
#qna_box{color: #999;border: 1px solid #d5d5d5;}



/* 슬라이더 위계 확실히 */
.popSwiper{ position:relative; z-index:2; }
.popSwiper .swiper-slide{ position:relative; }

/* fraction */
.pop-pagination{
    position:absolute; right:12px; bottom:12px;
    padding:4px 8px; font-size:13px; line-height:1;
    background:rgba(0,0,0,.55); color:#fff; border-radius:8px;
    z-index:5; pointer-events:none;
}

/* Swiper 기본 네비 버튼을 맨 위로 */
.popSwiper .swiper-button-prev,
.popSwiper .swiper-button-next{
    position:absolute; top:50%; transform:translateY(-50%);
    width:36px; height:36px; border-radius:50%;
    background:rgba(0,0,0,.45); color:#fff;
    z-index:9999; pointer-events:auto;  /* ← 클릭 허용 */
}
.popSwiper .swiper-button-prev{ left:8px; }
.popSwiper .swiper-button-next{ right:8px; }
.popSwiper .swiper-button-prev:hover,
.popSwiper .swiper-button-next:hover{ background:rgba(0,0,0,.65); }
.popSwiper .swiper-button-prev::after,
.popSwiper .swiper-button-next::after{ font-size:18px; }

/* 혹시 전체를 덮는 닫기/오버레이 같은 게 있다면 클릭 막힘 방지 */
.pop-close{ pointer-events:none; }         /* 아이콘만 클릭되게 */
.pop-close i{ pointer-events:auto; }

@media (max-width:768px){
    .popSwiper .swiper-button-prev,
    .popSwiper .swiper-button-next{ width:40px; height:40px; }
    .pop-pagination{ right:10px; bottom:10px; font-size:12px; }
}
#popup1{ display:none; position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.55); padding:24px; }
#popup1.is-open{ display:flex; align-items:center; justify-content:center; }
#popup1 .pop-inner{ position:relative; max-width:980px; width:100%; max-height:90vh; overflow:auto; background:#fff; border-radius:12px; }


.best_photo_wrap, .order, #bo_list, #bo_gall, #bo_w, .mypage, #bo_v , #sod_ws{padding: 240px 0 110px 0;}
.best_photo_wrap .txt{text-align: center; margin-bottom: 40px; margin-top: 75px;}
.best_photo_wrap .txt h2{font-size: 2.8rem; font-weight: bold; color: #121212; margin-bottom: 15px;}
.best_photo_wrap .txt p{font-weight: 500; font-size: 1.6rem; color: #999;}
.board_title h2{font-size: 2.8rem; font-weight: bold; color: #121212; margin-bottom: 15px;}
.board_title p{font-weight: 500; font-size: 1.6rem; color: #999;}

.photoSwiper .swiper-slide{border: 1px solid #c8c8c8;}
.photoSwiper .swiper-slide a{cursor: pointer;}
.photoSwiper .gall_img{position: relative; display: block;}
.photoSwiper .gall_img .gall_big{width: 100%;}
.photoSwiper .gall_img .gall_mini{position: absolute; left: 8px; bottom: 8px; z-index: 3; display: flex; gap: 0px 5px;}
.photoSwiper .gall_img .gall_mini span{border: 1px solid #ddd; border-radius: 4px; overflow: hidden; width: 30%;}
.photoSwiper .gall_img .gall_mini span img{width: 100%; height: 100%; object-fit: cover;}
.photoSwiper .gall_img .best{position: absolute; top: 3px;left: 8px; background: #333; border-radius: 5px; padding: 6px 13px; color: #fff; font-size: 1.4rem; font-weight: 600;}
.photoSwiper .text{border-bottom: 1px solid #c8c8c8; padding: 20px;}
.photoSwiper .text h2{margin-bottom: 15px;}
.photoSwiper .text h2 a{font-size: 1.6rem; font-weight: 600; color: #121212; }
.photoSwiper .text h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical; font-size: 1.4rem; line-height: 135%; color: #666; margin-bottom: 15px;}
.photoSwiper .text .star{display: flex; gap: 0px 2px; margin-bottom: 15px;}
.photoSwiper .text .star i{color: #e8c505;}
.photoSwiper .text dl{display: flex; align-items: center; justify-content: space-between;}
.photoSwiper .text dl dt{font-size: 1.2rem; color: #666;}
.photoSwiper .text dl dd{font-size: 1.2rem; color: #666; display: flex; align-items: center; gap: 0px 5px;}
.photoSwiper .photo_pro{padding: 10px 20px; display: flex; align-items: center; gap: 0px 7px;}
.photoSwiper .photo_pro img{width: 45px;}
.photoSwiper .photo_pro h6{font-size: 1.4rem; color: #666;}
.photoSwiper .photo-pagination{margin-top: 55px; text-align: center;}
.photoSwiper .photo-pagination .swiper-pagination-bullet{width: 7px; height: 7px;}
.photoSwiper .photo-pagination .swiper-pagination-bullet-active{width: 24px; border-radius: 3px; background: #1d1d1f;}

.order .txt{text-align: center; margin-bottom: 40px;}
.order .txt h2{font-size: 3.2rem; font-weight: bold; color: #121212;}
.reg_ul{display: flex; align-items: center; justify-content: center; gap: 0px 3%; margin-bottom: 90px;}
.reg_ul li{color: #999; font-weight: 500; font-size: 1.6rem;}
.reg_ul li b{color: #121212; font-weight: 600;}
.reg_ul span{color: #999; font-size: 1.6rem; font-family: 'SUIT-Regular';}
.or1_wrap h2{display: flex; align-items: center; justify-content: space-between; font-size: 2.0rem; font-weight: 600; color: #121212; margin-bottom: 20px;}
.or1_wrap h2 button{border: none; background: none;}
.or_table{margin-bottom: 55px;}
.or_table table{width: 100%; border-top: 1px solid #c6c6c6;}
.or_table table th{background: #f8f8f8; padding: 20px 0; font-weight: 500; color: #121212;}
.or_table table td{text-align: center; color: #121212; padding: 20px 10px; border-bottom: 1px solid #c6c6c6; font-weight: 500;}
.or_table table .ta_photo{display: flex; align-items: center; text-align: left; gap: 0px 15px;}
.or_table table .ta_photo h3{font-size: 1.8rem; font-weight: 600; color: #121212; margin-bottom: 5px;}
.or_table table .ta_photo h4{font-size: 1.4rem; color: #333; margin-bottom: 9px;}
.or_table table .ta_photo h5{font-size: 1.3rem; color: #999; margin-bottom: 10px;}
.or_table table .ta_photo h6{font-size: 1.5rem; color: #999;}
.or1_wrap2{display: flex; gap: 35px 4%; }
.or1_wrap2 h2{display: flex; align-items: center; justify-content: space-between; font-size: 2.0rem; font-weight: 600; color: #121212; margin-bottom: 20px;}
.or1_wrap2 .left{width: 73%;}
.or1_wrap2 .left dl:last-child{border-bottom: 1px solid #e8e8e8;}
.or1_wrap2 .left dl{display: flex; border-top: 1px solid #e8e8e8;}
.or1_wrap2 .left dt{background: #f9f9f9; font-size: 1.7rem; font-weight: 500; color: #666; min-width: 190px; padding: 22px;}
.or1_wrap2 .left dt span{color: #931215;}
.or1_wrap2 .left dd{padding: 15px; width: 100%;}
.or1_wrap2 .left dd > div{width: 80%;}
.or1_wrap2 .left dd input[type=text]{border: 1px solid #e8e8e8; width: 100%; height:40px; padding-left: 10px; font-size: 1.5rem; color: #666;}
.or1_wrap2 .left dd .in_type2{display: flex; align-items: center; gap: 0px 2%;}
.or1_wrap2 .left dd .in_type2 select{width: 100%; height: 40px; border: 1px solid #e8e8e8;}
.or1_wrap2 .left dd .in_type2 span{color: #8b8b8b; font-size: 2.0rem;}
.or1_wrap2 .left dd .in_type3 .address{ display: flex; gap: 0px 2%; margin-bottom: 14px;}
.or1_wrap2 .left dd .in_type3 .address button{white-space: nowrap; height: 40px; background: #333; color: #fff; font-size: 1.3rem; width: 80px; border: none;}
.or1_wrap2 .or_input_wrap2{margin-top: 65px;}
.or1_wrap2 .or_input_wrap2 label{color: #666; font-weight: 500; padding: 20px; display: block;}
.or1_wrap2 .or_input_wrap2 label input{margin-right: 7px;}
.or1_wrap2 .or_input_wrap3{margin-top: 80px;}
.or1_wrap2 .in_type4{display: flex; flex-wrap: wrap; gap: 10px 2%;}
.or1_wrap2 .in_type4 input{display: none}
.or1_wrap2 .in_type4 label{width: 49%; border: 1px solid #c6c6c6; height: 64px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #666; cursor: pointer;}
.or1_wrap2 .in_type4 input:checked + label{background: #121212; color: #fff;}
.or1_wrap2 .or_input_wrap4{margin-top: 80px;}
.or1_wrap2 .left .submit{width: 360px; height: 65px; background: #1d1d1f; font-size: 1.8rem; font-weight: 500; color: #fff; border: none; margin: 70px auto 0 auto; display: block;}
.or1_wrap2 .right{width: 27%;}
.or1_wrap2 .right .price_wrap{border: 1px solid #e8e8e8; padding: 30px 20px; margin-bottom: 20px;}
.or1_wrap2 .right .price_wrap dl:first-child{margin-bottom: 15px;}
.or1_wrap2 .right .price_wrap dl{display: flex; justify-content: space-between; align-items: center;}
.or1_wrap2 .right .price_wrap dt{font-weight: 500; color: #121212;}
.or1_wrap2 .right .price_wrap dd{font-weight: 500; color: #121212;}
.or1_wrap2 .right .price_wrap dd span{font-size: 1.4rem; font-weight: 500; color: #121212;}
.or1_wrap2 .right .price_wrap .result{padding-top: 30px; border-top: 1px solid #e8e8e8; margin-top: 30px;}
.or1_wrap2 .right button{display: block; width: 100%; margin-top: 10px; height: 55px; font-weight: 500;}
.or1_wrap2 .right .choose{border: 1px solid #e8e8e8; background: none;}
.or1_wrap2 .right .all{background: #1d1d1f; color: #fff; border: none;}

.or2_wrap{text-align: center;}
.or2_wrap h2{font-size: 2.8rem; font-weight: bold; color: #121212; margin: 25px 0 15px 0;}
.or2_wrap p{font-size: 1.8rem; color: #666;}

a.btn_admin, .btn_admin{padding: 0px 10px 6px 10px !important;}

#bo_cate #bo_cate_on{background: #fff; border: 1px solid #666; color: #888; font-weight: 500;}
#bo_cate a{border: 1px solid #e1e1e1; color: #888; font-size: 1.4rem; font-weight: 400; border-radius: 5px;}
#bo_cate li{width: 18%;}

.or1_wrap2 .or_input_wrap5 .or_top{display: flex; justify-content: space-between; align-items: center; background: #f8f8f8; padding: 20px 15px;}
.or1_wrap2 .or_input_wrap5 .or_top h2{margin-bottom: 0px; color: #333; font-weight: 600; font-size: 1.6rem;}
.or1_wrap2 .or_input_wrap5 .or_top button{border: none; background: none;}
.or1_wrap2 .or_input_wrap5 .or_pro{padding: 30px 0 0 0; gap: 0px 10px; display: flex; align-items: flex-start;}
.or1_wrap2 .or_input_wrap5 .or_pro label{width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info .img{width: 120px;}
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info .img img{width: 100%;}
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info{display: flex; align-items: flex-start; gap: 0px 2%; margin-bottom: 25px;}
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info .text h2{font-size: 1.8rem; margin-bottom: 5px;}
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info .text h3{font-size: 1.4rem; color: #333; margin-bottom: 8px;}
.or1_wrap2 .or_input_wrap5 .or_pro .opro_info .text h4{font-size: 1.3rem; color: #999;}
.or1_wrap2 .or_input_wrap5 .or_pro .or_option{border-radius: 9px; border: 1px solid #e8e8e8; padding: 20px; margin-bottom: 25px;}
.or1_wrap2 .or_input_wrap5 .or_pro .or_option span{font-size: 1.5rem; color: #999;}
.or1_wrap2 .or_input_wrap5 .or_num_wrap{display: flex; justify-content: space-between; align-items: center;}
.or1_wrap2 .or_input_wrap5 .or_num_wrap h6{font-size: 1.3rem; color: #999;}
.or1_wrap2 .or_input_wrap5 .or_num{display: flex; gap: 0px 8px;}
.or1_wrap2 .or_input_wrap5 .or_num .number{display: flex; width: 120px; border: 1px solid #e8e8e8; border-right: 0px;}
.or1_wrap2 .or_input_wrap5 .or_num .number button{width: 40px; height: 40px; border: none; border-right: 1px solid #e8e8e8; background: none;}
.or1_wrap2 .or_input_wrap5 .or_num .number input{width: 40px; height: 40px; text-align: center; border: none; border-right: 1px solid #e8e8e8; padding-left: 10px;}
.or1_wrap2 .or_input_wrap5 .or_num .change{width: 65px; height: 40px; border: 1px solid #e8e8e8; background: none; font-size: 1.4rem; font-weight: 500; color: #121212;}
.or1_wrap2 .or_input_wrap5 .or_price{display: flex; justify-content: space-between; align-items: center; padding: 22px 0 25px 22px;}
.or1_wrap2 .or_input_wrap5 .or_price h6{font-size: 1.4rem; color: #333;}
.or1_wrap2 .or_input_wrap5 .or_price h5{font-size: 2.0rem; color: #121212; font-weight: bold;}
.or1_wrap2 .or_input_wrap5 .or_price h5 span{font-size: 1.5rem; font-weight: 500;}
.or1_wrap2 .or_input_wrap5 .or_btn{display: flex; align-items: center; gap: 0px 1%; padding-left: 22px;}
.or1_wrap2 .or_input_wrap5 .or_btn button{width: 50%; height: 54px; font-size: 1.8rem; font-weight: 500; border: none; background: none;}
.or1_wrap2 .or_input_wrap5 .or_btn button:first-child{border: 1px solid #e2e2e2; color: #333;}
.or1_wrap2 .or_input_wrap5 .or_btn button:last-child{ color: #fff; background: #1d1d1f; }
.or1_wrap2 .or_input_wrap5 .or_choose{display: flex; margin-top: 45px; gap: 0px 10px;}
.or1_wrap2 .or_input_wrap5 .or_choose button{width: 88px; height: 40px; font-size: 1.4rem; font-weight: 500; color: #121212; border: 1px solid #dfdfe2; background: none;}

.mypage .my_top{background: #f9f9f9; border-radius: 6px; border: 1px solid #e5e5e5; padding: 35px 0; display: flex; justify-content: center; margin-bottom: 38px;}
.mypage .my_top dl{display: flex; gap: 20px; padding-left: 5%; align-items: center; padding-right: 5%;}
.mypage .my_top dl dt{position: relative;}
.mypage .my_top dl dt .img-circle{width: 90px; border: 1px solid #e8e8e8; border-radius: 50%; overflow: hidden;}
.mypage .my_top dl dt a{position: absolute; bottom: -3px; right: 0;}
.mypage .my_top dl dd h2{font-size: 2.2rem; font-weight: bold; color: #333; margin-bottom: 10px;}
.mypage .my_top dl dd p{font-size: 1.8rem; color: #666; font-weight: 500;}
.mypage .my_top dl dd p b{font-weight: 600; color: #333;}
.mypage .my_top .box_wrap{width: 60%; display: flex;}
.mypage .my_top .box_wrap .box{width: 33.3333%; text-align: center; position: relative;}
.mypage .my_top .box_wrap .box:before{content: ''; width: 1px; height: 60px; background:#eee; position: absolute; left: 0; top: 24%;}
.mypage .my_top .box_wrap .box h3{margin-top: 15px; font-size: 2.0rem; font-weight: bold; color: #333;}
.mypage .my_top .box_wrap .box h4{margin-top: 5px; font-size: 1.5rem; color: #999;}
.mypage .my_wrap{display: flex; gap: 25px 4%;}
.mypage .my_wrap .left{width: 30%; max-width: 250px;}
.mypage .my_wrap .left ul{border: 1px solid #e8e8e8; padding: 0px 25px;}
.mypage .my_wrap .left ul li a{ border-bottom: 1px solid #e8e8e8; padding: 22px 0; color: #333; font-weight: 600; display: block;}
.mypage .my_wrap .left ul li:last-child a{border-bottom: 0px;}
.mypage .right{width: 100%;}
.mypage .box_area{width: 100%;}
.mypage .right .box_area h2{font-size: 1.8rem; font-weight: bold; color: #333; margin-bottom: 15px;}
.mypage .right .box_area h2 span{font-size: 1.4rem; font-weight: 500; color: #999;}
.mypage .box_area1 .box_wrap{display: flex; gap: 20px 2%; width: 100%;}
.mypage .box_area1{margin-bottom: 45px;}
.mypage .box_area .box_wrap{ width: 100%;}
.mypage .box_area1 .delivery{display: flex; gap: 20px 2%; width: 67%; border-radius: 6px; border: 1px solid #e5e5e5; padding: 60px 0; justify-content: center; align-items: center;}
.mypage .box_area1 .delivery .box{text-align: center; width: 20%;}
.mypage .box_area1 .delivery span{color: #e7e7e7; font-size: 2.4rem; font-family: 'SUIT-Medium';}
.mypage .box_area1 .delivery .box h4{font-size: 2.2rem; font-weight: bold; color: #333; margin-bottom: 6px;}
.mypage .box_area1 .delivery .box h3{font-size: 1.5rem; color: #999;}
.mypage .box_area1 .return{width: 33%; display: flex; flex-direction: column; gap: 13px 0;}
.mypage .box_area1 .return li{width: 100%; height: 50px; border-radius: 6px; border: 1px solid #e5e5e5;background: #f9f9f9; display: flex; align-items: center; justify-content: center; gap: 0px 5px; font-size: 1.5rem; color: #666;}
.mypage .box_area1 .return li b{font-weight: 600; color: #333;}
.mypage .box_area2{margin-bottom: 85px;}
.mypage .box_area2 .history_area{border-top: 2px solid #333; border-bottom: 2px solid #333;}
.mypage .box_area2 .delivery_txt{padding-top: 20px; padding-bottom: 2px;}
.mypage .box_area2 .delivery_txt h3{font-size: 2.0rem; font-weight: 600; color: #333; margin-bottom: 6px;}
.mypage .box_area2 .delivery_txt h4{font-size: 1.4rem; font-weight: 500; color: #989898;}
.mypage .box_area2 .box_wrap{display: flex; padding: 18px 0; border-bottom: 1px solid #efefef; justify-content: space-between; align-items: center;}
.mypage .box_area2 .box_wrap .info{display: flex; align-items: center; gap: 0px 3%; width: 70%;}
.mypage .box_area2 .box_wrap .info .img{width: 90px; border-radius: 7px; overflow: hidden;}
.mypage .box_area2 .box_wrap .info .img img{width: 100%;}
.mypage .box_area2 .box_wrap .info h3{font-size: 1.8rem; color: #333; font-weight: 500; margin-bottom: 5px;}
.mypage .box_area2 .box_wrap .info h4{font-size: 1.6rem; color: #989898; font-weight: 500; }
.mypage .box_area3 h2{display: flex; align-items: center; justify-content: space-between;}
.mypage .box_area3 h2 a{font-size: 1.5rem; color: #333; }
.mypage .box_area3 h2 a span{margin-left: 8px; font-family: 'SUIT-SemiBold'; color: #333;}
.mypage .box_area3 .box_wrap{border-top: 2px solid #333; display: flex; gap: 45px 3%; padding-top: 35px;}
.mypage .box_area3 .box_wrap .box{width: 25%;}
.mypage .box_area3 .box_wrap .box .pro_img{width: 100%; border-radius: 10px; overflow: hidden; display: block;}
.mypage .box_area3 .box_wrap .box a img{width: 100%; height: initial !important;}
.mypage .box_area3 .box_wrap .box h3{margin: 12px 0px 7px 0;}
.mypage .box_area3 .box_wrap .box h3 a{font-size: 1.7rem; font-weight: 600; color: #121212;}
.mypage .box_area3 .box_wrap .box h4{font-size: 1.4rem; color: #999; margin-bottom: 10px;}
.mypage .box_area3 .box_wrap .box h5{font-size: 1.4rem; font-weight: 500; color: #999; text-decoration: line-through; margin-bottom: 3px;}
.mypage .box_area3 .box_wrap .box dl{display: flex; gap: 0px 6px;}
.mypage .box_area3 .box_wrap .box dt{font-size: 1.7rem; font-weight: bold; color: #ff1113;}
.mypage .box_area3 .box_wrap .box dt span{font-size: 1.0rem;}
.mypage .box_area3 .box_wrap .box dd{font-size: 1.7rem; font-weight: bold; color: #121212;}

#sod_ws .box_area3 h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sod_ws .box_area3 h2 a {
    font-size: 1.5rem;
    color: #333;
}

#sod_ws .box_area3 h2 a span {
    margin-left: 8px;
    font-family: 'SUIT-SemiBold';
    color: #333;
}

#sod_ws .box_area3 .box_wrap {
    display: flex;
    flex-wrap: wrap;       /* ✅ 줄바꿈 허용 */
    gap: 45px 2%;
    padding-top: 35px;
}

#sod_ws .box_area3 .box_wrap .box {
    position: relative;
    box-sizing: border-box;
    width: 23%;
}

#sod_ws .box_area3 .box_wrap .box .pro_img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

#sod_ws .box_area3 .box_wrap .box .pro_img img {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    height: initial;
}

#sod_ws .box_area3 .box_wrap .box h3 {
    position: relative;
    margin: 12px 0px 7px 0;
}

#sod_ws .box_area3 .box_wrap .box h3 a {
    font-size: 1.7rem;
    font-weight: 600;
    color: #121212;
}

#sod_ws .box_area3 .box_wrap .box h4 {
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 10px;
}

#sod_ws .box_area3 .box_wrap .box h5 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 3px;
}

#sod_ws .box_area3 .box_wrap .box dl {
    display: flex;
    gap: 0px 6px;
}

#sod_ws .box_area3 .box_wrap .box dt {
    font-size: 1.7rem;
    font-weight: bold;
    color: #ff1113;
}

#sod_ws .box_area3 .box_wrap .box dt span {
    font-size: 1.0rem;
}

#sod_ws .box_area3 .box_wrap .box dd {
    font-size: 1.7rem;
    font-weight: bold;
    color: #121212;
}

#sod_ws_act .btn02{border: 1px solid #121212; background: #121212;}

/* ✅ 반응형 처리 */
@media (max-width: 640px) {
    #sod_ws .box_area3 .box_wrap .box {
        width: 49%;   /* 모바일 1열 */
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    #sod_ws .box_area3 .box_wrap .box {
        width: 48%;    /* 태블릿 2열 */
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    #sod_ws .box_area3 .box_wrap .box {
        width: 31%;    /* 노트북 3열 */
    }
}



.bo_vc_w .btn_submit{color: #fff;}
#ssch_cate{display: none;}
#ssch_frm .ssch_option{display: none;}
#ssch_sort_all{display: none}
#ssch h2{font-size: 2.2rem; padding: 0px 2%;}
#sod_fin{max-width: 1220px; margin: 0 auto; padding-top: 220px;}
.sod_left, .sod_right{float: initial; width: 100% !important;}

.p1{padding-top: 165px;}

.p1_wrap{background: url("../img/p1-bg.png") no-repeat; background-size: cover; padding: 330px 0 285px;}
.p1_wrap .ptxt{max-width: 1030px; margin: 0 auto 60px auto;}
.p1_wrap .ptxt img{width: 100%;}
.p1_wrap .p1_btn{display: flex; align-items: center; gap: 0px 20px; justify-content: center;}
.p1_wrap .p1_btn a{ font-family: 'Abril Fatface', sans-serif; border-radius: 100px;border: 2px solid rgba(78, 44, 19, 0.40); color: #4E2C13; font-size: 2.4rem; font-weight: 400; line-height: 100%; width: 260px; height: 56px; display: flex; align-items: center; justify-content: center;}

.point1,
.point2,
.point3,
.point4,
.point5,
.point6 {
    display: inline-block;          /* transform 먹게 */
    animation: floatY 2.8s ease-in-out infinite;
    position: absolute;;
}

.point1 { animation-delay: 0s; }
.point2 { animation-delay: 0.4s; }
.point3 { animation-delay: 0.8s; }
.point4 { animation-delay: 1.2s; }
.point5 { animation-delay: 0.4s; }
.point6 { animation-delay: 0.4s; }
@keyframes floatY {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* 위로 10px */
    }
}

.p1_wrap{position: relative;}
.p1_wrap .point1{top: 12%; left: 5%;}
.p1_wrap .point2{top: 12%; right: 6%;}

.p1_wrap .point3{bottom: 10%; left: 7%;}
.p1_wrap .point4{bottom: 10%; right: 3%;}

.p2_wrap{padding-top: 20px;}
.p2_wrap .txt, .p3_wrap .txt{text-align: center; margin-bottom: 60px;}
.p2_wrap .txt h3, .p3_wrap .txt h3, .p4_wrap .txt h3, .p5_wrap .txt h3, .p6_wrap .txt h3{font-family: 'Abril Fatface', sans-serif; color: var(--color); font-size: 2.0rem; font-weight: 400; line-height: 140%; margin-bottom: 20px;}
.p2_wrap .txt h2, .p3_wrap .txt h2, .p4_wrap .txt h2, .p5_wrap .txt h2, .p6_wrap .txt h2{color: #333; font-size: 4.8rem; font-weight: 700; letter-spacing: -2.88px;  font-family: 'BitgoeulGwangju'; line-height: 125%;}
.p2_wrap .box_wrap{display: flex; gap: 20px 6%;}
.p2_wrap .box{width: 48%; border-top: 2px solid #4E2C13; border-bottom: 2px solid #4E2C13; padding: 60px 0; text-align: center;}
.p2_wrap .box h3{color: var(--color); font-size: 3.2rem; font-family: 'Abril Fatface', sans-serif; margin-bottom: 24px;}
.p2_wrap .box p{color: #505050; font-size: 2.2rem; font-weight: 500; line-height: 145%; letter-spacing: -0.55px; margin-bottom: 60px;}
.p2_wrap .box img{width: 100%;}

.p3_wrap{background: url("../img/p3-bg.png") no-repeat; background-size: cover; position: relative;}
.p3_wrap .txt{}
.p3_wrap .txt h2{line-height: 125%;}
.p3_wrap .box_wrap{padding: 60px 0; border-radius: 28px; background: #fff;}
.p3_wrap .box_width{max-width: 1040px; margin: 0 auto;}
.p3_wrap dl{padding: 30px 0; border-bottom:  1px solid #E5E5EC; display: flex; justify-content: space-between; align-items: center;}
.p3_wrap dl dt{margin-right: 20px;}
.p3_wrap dl dd{width: 100%; display: flex; align-items: center; gap: 10px 2%; color: #333; font-size: 2.2rem; font-weight: 500; line-height: 145%; letter-spacing: -0.55px;}
.p3_wrap dl dd h4{ font-family: 'BitgoeulGwangju'; color: var(--color); font-size: 3.4rem; font-weight: bold; line-height: 130%; letter-spacing: -2.04px; min-width: 350px;}
.p3_wrap p{margin-top: 20px; color: #505050; font-size: 2.0rem; font-weight: 500; line-height: 140%; letter-spacing: -0.5px; margin-bottom: 40px; text-align: center;}
.p3_wrap a{width: 180px; height: 52px; border: 1px solid #999; transition: 0.3s all; border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 0px 8px; margin: 0 auto; color: #333; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.375px;}
.p3_wrap a:hover{background: #f9f9f9;}
.point5{bottom: -9%; right: 0; z-index: 9;}

.p4_wrap{padding-top: 168px;}
.p4_wrap .txt_wrap{display: flex; align-items: center; justify-content: space-between; margin-bottom: 96px;}
.p4_wrap .tabnav{padding: 6px; background: #f5f5f5; border-radius: 50px; display: flex; flex-wrap: wrap;   margin-bottom: 48px;}
.p4_wrap .tabnav li a{padding: 10px 32px; border-radius: 50px; background: #f5f5f5; color: #767676; font-size: 1.8rem; font-weight: 500; line-height: 145%; letter-spacing: -0.45px; display: inline-block;}
.p4_wrap .tabnav li a.active{background: var(--color); color: #fff;}
.p4_wrap .tab_box{display: flex; align-items: flex-start; gap: 20px 5%; justify-content: space-between;}
.p4_wrap .tab_box .img{width: 50%;}
.p4_wrap .tab_box .img img{width: 100%;}
.p4_wrap .tab_box .text_wrap{width: 48%; }
.p4_wrap .tab_box .text_wrap h2{font-family: 'BitgoeulGwangju'; color: #111; font-size: 4.0rem; font-weight: 700; line-height: 130%; letter-spacing: -0.8px; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 32px;}
.p4_wrap .tab_box .text_wrap dl{margin-top: 24px;}
.p4_wrap .tab_box .text_wrap dt{font-size: 2.8rem; font-weight: bold; line-height: 135%; margin-bottom: 12px; color: var(--color);}
.p4_wrap .tab_box .text_wrap dd{color: #505050; font-size: 1.8rem; line-height: 145%;}
.p4_wrap .tab_box .text_wrap span{margin-top: 56px; display: inline-block;}


.p5_wrap{background: url("../img/p5-bg.png") no-repeat; background-size: cover; background-position: center; position: relative;}
.p5_wrap .txt{text-align: center; margin-bottom: 60px;}
.p5_wrap .txt h3{color: #fff;}
.p5_wrap .txt h2{color: #fff;}
.p5_wrap .box_wrap{display: flex;}
.p5_wrap .box_wrap .box{width: 25%; text-align: center; border-right: 2px solid rgba(255, 255, 255, 0.20);}
.p5_wrap .box_wrap .box:last-child{border-right: 0px;}
.p5_wrap .box_wrap .box h2{ margin-top: 20px; font-size: 2.6rem; font-weight: 600; line-height: 138%; letter-spacing: -0.65px; margin-bottom: 12px; color: #fff;}
.p5_wrap .box_wrap .box p{font-size: 1.8rem; font-weight: 500; line-height: 144%; letter-spacing: -0.45px; color: #fff;}
.p5_wrap .point6{left: 0; bottom: -50%; z-index: 9;}

.p6_wrap .txt{text-align: center; margin-bottom: 60px;}
.p6_wrap .txt h2{font-size: 4.0rem;}
.p6_wrap .img img{width: 100%;}

.p7_wrap{background: url("../img/p7-bg.png") no-repeat; background-size: cover; background-position: center; position: relative; padding: 220px 0;}
.p7_wrap .img{max-width: 740px; margin: 0 auto;}
.p7_wrap .img img{width: 100%;}


@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){
    .m1{background-size: cover;}
    .p4_wrap .tabnav li a{padding: 8px 20px;}
    .p4_wrap .tab_box .text_wrap span{margin-top: 28px;}
    .p4_wrap .tab_box .text_wrap h2{margin-bottom: 20px; padding-bottom: 15px;}
}
@media all and (max-width: 1024px){
    .mainSwiper{margin-top: 60px;}
    .mainSwiper .main_text{width: 80%;}
    .mainSwiper .main_btn_wrap .main_btn{width: 32px; height: 46px;}
    .mainSwiper .main_text h3{font-size: 1.7rem; margin-bottom: 10px;}
    .mainSwiper .main_text h2{font-size: 3.4rem;}
    .mainSwiper .main_text p{font-size: 1.6rem;}
    .mainSwiper .main_text a{width: 125px; height: 45px; font-size: 1.6rem; margin-top: 25px;}
    .sct_wrap header h2 a{font-size: 2.5rem;}
    .owl-dots{margin-top: 25px;}
    .m2{margin-top: 80px;  background-attachment: initial;}
    .m2 h2{font-size: 3.4rem; margin-bottom: 12px;}
    .m2 p{font-size: 1.6rem; margin-bottom: 30px;}
    .m2 a{font-size: 1.6rem; width: 120px; height: 45px;}
    .m3{padding: 120px 0;}
    .mbskin{margin-top: 100px;}
    .register{margin-top: 100px;}
    .half_input h3{padding: 20px 0 20px 18px; min-width: 120px;}
    .half_input .h3{min-width: 120px; padding-left: 18px;}
    #sct{padding: 100px 0 80px 0;}
    .shop_ca_name{margin-bottom: 50px;}
    .best_photo_wrap, .order, #bo_list, #bo_gall, #bo_w, .mypage, #bo_v, .item_wrap, #sod_bsk{padding: 100px 0 80px 0;}
    .item_wrap .item_title h2{font-size: 2.5rem; margin-bottom: 10px;}
    .item_wrap .item_title{padding-bottom: 20px; margin-bottom: 25px;}
    .pro_menu li a{height: 45px; font-size: 1.6rem;}
    .pro_menu_fixed{top: 60px;}
    .pro_box4 .apply{width: 120px; height: 45px;}
    .or1_wrap2 .left dt{min-width: 120px; padding: 22px 0 22px 16px;}
    .mypage .my_top{flex-direction: column; gap: 35px 0; padding: 20px 0;}
    .mypage .my_top .box_wrap{width: 100%;}
    .pro_menu.fixed{top: 60px;}
    #ssch{padding-top: 80px;}
    .best_photo_wrap, .order, #bo_list, #bo_gall, #bo_w, .mypage, #bo_v, #sod_ws, #sod_v, #sod_fin{padding-top: 80px;}
    .search-full{top: 60px;}
    .search-field form{width: 92%;}
    .m1 .txt{font-size: 3.0rem; margin-bottom: 10px;}
    .visual .main_text h3{font-size: 4.5rem;text-align: center;}
    #idx_hit .owl_next, #idx_hit .owl_prev, #idx_hit2 .owl_next, #idx_hit2 .owl_prev, .m3 .ev-prev, .m3 .ev-next{display: none;}
    .sct_wrap header .all_btn{height: 40px; width: 100px;}
    #idx_hit .hit-progress-bar{margin-top: 30px;}
    #idx_hit2 .hit-progress-bar{margin-top: 30px;}
    .m2 .txt h2, .m3 .txt h2{font-size: 2.5rem;}
    .banner .text h2{font-size: 2.5rem;}

    .p1{padding-top: 60px;}
    .p1_wrap{padding: 200px 0 180px;}
    .p1_wrap .point1 img{width: 170px;}
    .p1_wrap .point2 img{width: 160px;}
    .p1_wrap .point3 img{width: 160px;}
    .p1_wrap .point4 img{width: 190px;}
    .point5 img{width: 190px;}
    .point6 img{width: 190px;}
    .p1_wrap .point1{top: 7%; }
    .p1_wrap .point3{bottom: 7%; left: 0%;}
    .p1_wrap .point4{bottom: 4%; right: 0%;}
    .point5{bottom: -5%;}
    .p5_wrap .point6{bottom: -30%;}

    .p2_wrap .box p br{display: none;}
    .p2_wrap .box p{font-size: 1.8rem;}
    .p2_wrap .box{padding: 30px 0;}

    .p3_wrap .box_wrap{padding: 30px 2%;}
    .p3_wrap dl dd h4{font-size: 2.8rem; min-width: 170px;}
    .p3_wrap dl{padding: 15px 0;}
    .p3_wrap dl dt img{width: 100px;}
    .p3_wrap dl dd{font-size: 1.8rem;}
    .p2_wrap .txt h2, .p3_wrap .txt h2, .p4_wrap .txt h2, .p5_wrap .txt h2, .p6_wrap .txt h2{font-size: 4.2rem;}
    .p3_wrap p{font-size: 1.7rem; margin-bottom: 25px; margin-top: 5px;}
    .p4_wrap .tabnav li a{padding: 6px 17px;}
    .p4_wrap .tab_box .text_wrap{padding-top: 0px;}
    .p1_wrap .p1_btn{gap: 0px 1%;}
}
@media all and (max-width: 900px){
    .mainSwiper{height: 355px;}
    .item_wrap .item_top{flex-direction: column;}
    .item_wrap .item_slide{width: 100%;}
    .item_wrap .item_info{width: 100%;}
    .mypage .my_wrap{flex-direction: column;}
    .mypage .my_wrap .left{width: 100%; max-width: initial;}
    .mypage .my_wrap .left ul li a{padding: 15px 0;}
    .m1 .tabnav .m1_btn span{display: none;}

    .p1_wrap .p1_btn a{height: 42px; font-size: 2.0rem;}
    .p4_wrap .tab_box .text_wrap h2{padding-bottom: 12px; margin-bottom: 15px; font-size: 3.2rem;}
    .p4_wrap .tab_box .text_wrap dt{font-size: 2.2rem;}
    .p4_wrap .tab_box .text_wrap dl{margin-top: 15px;}
    .p4_wrap .tab_box .text_wrap span img{width: 60px;}
    .p4_wrap .tabnav{border-radius: 10px;}
    .p4_wrap .tabnav li a{border-radius: 8px;}
}
@media all and (max-width: 850px){
    .or1_wrap2{flex-direction: column;}
    .or1_wrap2 .left{width: 100%;}
    .or1_wrap2 .right{width: 100%;}
    .acco .collapsible{font-size: 1.6rem;}
    .banner30 .bn-bg{background-attachment: initial !important;}
    .m1{padding: 60px 0; margin-top: 100px;}
    .p4_wrap .txt_wrap span img{width: 300px;}

    .p5_wrap .box_wrap{flex-wrap: wrap;}
    .p5_wrap .box_wrap .box{width: 50%; padding: 20px 0;}
    .p5_wrap .box_wrap .box:nth-of-type(2){border-right: 0px; border-bottom: 2px solid rgba(255, 255, 255, 0.20)}
    .p5_wrap .box_wrap .box:nth-of-type(1){border-bottom: 2px solid rgba(255, 255, 255, 0.20)}
}
@media all and (max-width: 800px){
    .shop_list_nav li{width: 24%;}
    .m1{position: relative;}
    .m1 .tab{flex-direction: column;}
    .m1 .tabnav{flex-direction: row; flex-wrap: wrap; min-width: initial; width: 100%;}
    .m1 .txt{width: 100%;}
    .m1 .tabnav .m1_btn{margin-top: 0px; position: absolute; top: 0; right: 0;}
    .m1 .swiper-pagination-progressbar{width: 70% !important; margin: 35px auto 0 auto;}
}
@media all and (max-width: 768px){
    .mainSwiper .main_text{width: 90%;}
    .mainSwiper .main_btn_wrap .main_btn{display: none;}
    .sct_wrap .more_btn{width: 200px; height: 42px; margin: 45px auto 0 auto}
    .m3 .box_wrap a{width: 32%;}
    .m2{padding: 0px 0;}
    .m2 h2{font-size: 2.6rem;}
    #ft .footer{flex-direction: column; gap: 40px 0;}
    #ft .ft_info_wrap ul{flex-direction: column; align-items: flex-start;}
    #ft .ft_info_wrap ul span{display: none;}
    #ft .ft_center h2{font-size: 2.4rem; margin-bottom: 10px;}
    #ft .ft_center h3{margin-bottom: 7px;}
    .foot_logo img{width: 50px;}
    .re_all .treview_wrap{flex-direction: column; gap: 25px 0;}
    .re_all .treview_wrap .tre_photo button{max-width: 50px;}
    .re_search select{width: 65px;}
    .re_search button{width: 65px;}
    .re_search input{width: 100px;}
    .pro_menu li a{font-size: 1.4rem;}
    .or1_wrap .scroll{overflow-x: scroll;}
    .or1_wrap .scroll table{width: 690px;}
    .or1_wrap2 .left dd > div{width: 100%;}
    .mypage .box_area1 .box_wrap{flex-direction: column;}
    .mypage .box_area1 .delivery{width: 100%;}
    .mypage .box_area1 .return{width: 100%;}
    .mypage .box_area3 .box_wrap{flex-wrap: wrap;}
    .mypage .box_area3 .box_wrap .box{width: 48%;}
    #sod_ws_act button{width: 40%;}
    .section-head{flex-direction: column; gap: 6px 0; align-items: flex-start !important;}
    #sit_opt_added .num_input{width: 40px;}
    .visual .swiper-slide .simg picture{width: 100%; height: 100%; display: inline-block;}
    .visual-inner{height: 100%;}

    .p1_wrap .point1 img{width: 120px;}
    .p1_wrap .point2 img{width: 110px;}
    .p1_wrap .point3 img{width: 110px;}
    .p1_wrap .point4 img{width: 130px;}

    .p2_wrap .txt h3, .p3_wrap .txt h3, .p4_wrap .txt h3, .p5_wrap .txt h3, .p6_wrap .txt h3{font-size: 1.7rem;}
    .p2_wrap .box p{font-size: 1.6rem;}
    .p2_wrap .txt h2, .p3_wrap .txt h2, .p4_wrap .txt h2, .p5_wrap .txt h2, .p6_wrap .txt h2{font-size: 3.45rem; letter-spacing: -0.1em}

    .p4_wrap .txt_wrap{margin-bottom: 40px;}
    .p4_wrap .tabnav li a{font-size: 1.6rem; background: #fff; border-radius: 3px; padding: 4px 13px;}
    .p4_wrap .tabnav li a.active{background: var(--color); color: #fff; font-weight: bold;}
    .p4_wrap .tabnav{width: 100%; padding: 15px; gap: 5px 1%; border-radius: 5px; margin-bottom: 25px; justify-content: center;}

    .p5_wrap .box_wrap .box h2{font-size: 2.1rem;}
    .p5_wrap .box_wrap .box img{width: 70px;}

    .point5 img{width: 140px;}
    .p4_wrap{padding-top: 70px;}
    .point6 img{width: 140px;}
    .p5_wrap .point6{bottom: -17%;}
    .p7_wrap{padding: 160px 0;}
    .p3_wrap .txt h3{color: #fff;}
    .p3_wrap .txt h2{color: #fff;}
    .p3_wrap dl dd{flex-direction: column; align-items: flex-start; font-size: 1.4rem;}
    .p3_wrap dl dd h4{font-size: 2.2rem;}
    .p3_wrap dl dt img{width: 80px;}
    .p3_wrap dl dt{margin-right: 10px;}
    .p3_wrap p{font-size: 1.4rem; text-align: center;}
    .p2_wrap .box h3{font-size: 2.0rem;}
    .p2_wrap .box img{width: 86%; margin: 0 auto;}
    .p3_wrap{background: url("../img/mp3-bg.png") no-repeat; background-position: top; background-size: cover;}


}
@media all and (max-width: 650px){
    .mypage .my_top dl dt .img-circle{width: 70px;}
    .mypage .my_top dl dd h2{font-size: 1.8rem;}
    .mypage .my_top dl dd p{font-size: 1.5rem;}
    .mypage .my_top .box_wrap .box img{width: 35px;}
    .mypage .my_top .box_wrap .box h3{font-size: 1.8rem;}
    .item_wrap .item_title .item_icon{        position: initial;         margin-top: 10px; top: initial; bottom: 5px; gap: 0px 0px;}
    .m2 .re-prev{right: 9%; z-index: 9; top: 6%; left: initial;}
    .m2 .re-next{right: -2%; z-index: 9; top: 6%;}
    #ft .ft_info{flex-direction: column; align-items: flex-start;}
    #ft .ft_info span{display: none;}
    .m2 .txt{margin-bottom: 10px;}
    .p4_wrap .txt_wrap span img{width: 240px;}
    .p4_wrap .txt_wrap{flex-direction: column; gap: 15px 0;}
    .p4_wrap .txt_wrap .txt{text-align: center;}

    .p2_wrap .box_wrap{flex-direction: column; gap: 0;}
    .p2_wrap .box{width: 100%;}
    .p2_wrap .box:last-child{border-top: 0px;}
    .p7_wrap .img img{width: 80%; margin: 0 auto;}
    .p7_wrap .img{text-align: center;}

    .p4_wrap .tab_box{flex-direction: column;}
    .p4_wrap .tab_box .img{width: 100%;}
    .p4_wrap .tab_box .text_wrap{width: 100%;}
}


@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){
    .smt_40 .sct_li{width: 100% !important;}

    .visual .swiper_visual{height: 100%;}
    .visual .swiper-slide .simg{height: 100%;}
    .visual .swiper-slide .simg img{height: 100%; object-fit: cover;}
}
@media all and (max-width: 1024px){
    .visual{margin-top: 80px;}
    .sct_wrap header h2 a{font-size: 2.5rem;}
    .owl-dots{margin-top: 25px;}

    .mbskin{margin-top: 100px;}
    .register{margin-top: 100px;}
    .half_input h3{padding: 20px 0 20px 18px; min-width: 120px;}
    .half_input .h3{min-width: 120px; padding-left: 18px;}
    #sct{padding: 70px 0 80px 0;}
    .shop_ca_name{margin-bottom: 50px; display: none;}
    .best_photo_wrap, .order, #bo_list, #bo_gall, #bo_w, .mypage, #bo_v, .item_wrap{padding: 20px 0 80px 0;}
    .item_wrap .item_title h2{font-size: 2.5rem; margin-bottom: 10px;}
    .item_wrap .item_title{padding-bottom: 20px; margin-bottom: 25px;}
    .pro_menu li a{height: 45px; font-size: 1.6rem;}
    .pro_menu_fixed{top: 60px;}
    .pro_box4 .apply{width: 120px; height: 45px;}
    .or1_wrap2 .left dt{min-width: 120px; padding: 22px 0 22px 16px;}
    .mypage .my_top{flex-direction: column; gap: 35px 0; padding: 20px 0;}
    .mypage .my_top .box_wrap{width: 100%;}
    .pro_menu.fixed{top: 60px;}
    #ssch{padding-top: 80px;}
    .best_photo_wrap, .order, #bo_list, #bo_gall, #bo_w, .mypage, #bo_v, #sod_ws, #sod_v, #sod_fin{padding-top: 100px;}
    .search-full{top: 60px;}
    .search-field form{width: 92%;}
    #sod_frm{margin: 120px auto 10px auto !important}
    #sod_frm .tbl_frm01 th{min-width: 80px; padding: 15px 10px;}
    #sod_frm_taker .tbl_frm01 .btn_frmline{display: none;}

    .mobile_btn{display: flex; align-items: center; gap: 0px 10px;}
    .top_icon .hdcart{position: relative;}
    .top_icon .hdcart span{position: absolute; top: -4px; right: -4px; border-radius: 50%; font-size: 11px; color: #fff; width: 18px; height: 18px; background: var(--color); display: none;}
    .lang_menu{margin: 0px 8px;}
    .dropbtn span{color: #999;}
    .shop_list_nav{margin-bottom: 15px;}
    #sct_location{top: 0px; margin-bottom: 10px;}
    .visual .swiper-visual-prev{display: none;}
    .visual .swiper-visual-next{display: none;}

    .m3 .txt a{width: 100px; height: 40px;}
}
@media all and (max-width: 900px){
    .item_wrap .item_top{flex-direction: column;}
    .item_wrap .item_slide{width: 100%;}
    .item_wrap .item_info{width: 100%;}
    .mypage .my_wrap{flex-direction: column;}
    .mypage .my_wrap .left{width: 100%; max-width: initial;}
    .mypage .my_wrap .left ul li a{padding: 15px 0;}
    .visual{margin-top: 60px;}
    .pro_wrap .pro_box2{padding: 60px 0;}
    .pro_wrap .pro_box1{margin: 60px auto;}
}
@media all and (max-width: 850px){
    .or1_wrap2{flex-direction: column;}
    .or1_wrap2 .left{width: 100%;}
    .or1_wrap2 .right{width: 100%;}
    .acco .collapsible{font-size: 1.6rem;}
    .banner30 .bn-bg{background-attachment: initial !important;}
    .smt_10{overflow-x: scroll;}
    .smt_10 .sct_li{width: 280px; min-width: 280px;}
    .smt_10 .sct_li{margin: 0px;}
    .item_wrap .item_info dl.item_first dd .t3{font-size: 2.5rem;}
    .item_wrap .item_info dl dt{min-width: 100px;}
    .m1 .tabnav .m1_btn span img{width: 28px;}
    .m2 .re-prev svg{width: 28px;}
    .m2 .re-next svg{width: 28px;}
}
@media all and (max-width: 800px){
    .shop_list_nav li{width: initial; margin-right: 2%;}
    .shop_list_nav li a{height: initial; padding: 0;}
    .shop_list_nav li.on a{background: none; color: var(--color); font-weight: 700;}
    .m1 .tab_item .swiper-slide h4{color: #666;}
    .visual{width: 96%; margin: 70px auto 0 auto; border-radius: 30px; overflow: hidden; height: 584px;}
}
@media all and (max-width: 768px){
    .sct_wrap .more_btn{width: 200px; height: 42px; margin: 45px auto 0 auto}

    .re_all .treview_wrap{flex-direction: column; gap: 25px 0;}
    .re_all .treview_wrap .tre_photo button{max-width: 50px;}
    .re_search select{width: 65px;}
    .re_search button{width: 65px;}
    .re_search input{width: 100px;}
    .pro_menu li a{font-size: 1.4rem;}
    .or1_wrap .scroll{overflow-x: scroll;}
    .or1_wrap .scroll table{width: 690px;}
    .or1_wrap2 .left dd > div{width: 100%;}
    #popup1 .mob_box .mo_top .re_more{font-size: 2.4rem; margin-bottom: 18px;}
    #popup1 .mob_box .mo_pro_title span{width: 35px;}
    #popup1 .mob_box .mo_pro_title h2{font-size: 1.8rem;}
    #popup1 .mob_box .mo_pro_title a{font-size: 2.6rem;}
    #popup1 .mob_box dl dt{font-size: 1.8rem;}
    #popup1 .mob_box dl dd{font-size: 1.8rem;}
    #popup1 .mob_box .star i{font-size: 2.6rem;}
    #popup1 .mob_box .mo_text1 p{font-size: 1.6rem;}
    #popup1 .mob_box .mo_text2 h2{font-size: 1.8rem;}
    #popup1 .mob_box .mo_text2 p{font-size: 1.6rem;}
    .mypage .box_area1 .box_wrap{flex-direction: column;}
    .mypage .box_area1 .delivery{width: 100%;}
    .mypage .box_area1 .return{width: 100%;}
    .mypage .box_area3 .box_wrap{flex-wrap: wrap;}
    .mypage .box_area3 .box_wrap .box{width: 48%;}
    #sod_ws_act button{width: 40%;}
    .section-head{flex-direction: column; gap: 6px 0; align-items: flex-start !important;}
    #sit_opt_added .num_input{width: 40px;}

    .m1 .tabnav li a img{display: none;}
    .m1 .tabnav li a{background: none; color: #999; border: none; width: initial; min-width: initial; max-width: initial;}
    .m1 .tabnav li a i{display: none;}
    .m1 .tabnav li a.active{background: none; color: var(--color);}
    .sct_wrap header{ align-items: center;}

    #bo_list_total{display: none;}
    #bo_btn_top{justify-content: center;}
    #bo_btn_top .btn_bo_user{width: initial;}
}
@media all and (max-width: 650px){
    .mypage .my_top dl dt .img-circle{width: 70px;}
    .mypage .my_top dl dd h2{font-size: 1.8rem;}
    .mypage .my_top dl dd p{font-size: 1.5rem;}
    .mypage .my_top .box_wrap .box img{width: 35px;}
    .mypage .my_top .box_wrap .box h3{font-size: 1.8rem;}
    .item_wrap .item_title .item_icon{        position: initial;         margin-top: 10px; top: initial; bottom: 5px; gap: 0px 0px;}
}

.smt_40 .sct_li{width: 100% !important;}