@charset "utf-8";

/*사이트 포인트색*/
.wset {background:#541c86;border:1px solid #541c86;color:#fff !important;}
.wset:hover {background:#6b27a7;border:1px solid #6b27a7;color:#fff !important;}
.fc_eb7 {color:#541c86 !important;}
table .spr,.total_price .spr {display:inline-block;}

/* 메인 버튼 탭 */
.tab_buttons {display:flex;justify-content:center;margin-bottom:30px;}
.tab_buttons li {position:relative;margin:0 5px;}
.tab_buttons li a {display:block;padding:15px 30px;font-size:18px;color:#666;text-decoration:none;outline:none;border:none;transition: all 0.3s ease;}
.tab_buttons li a:hover {border-bottom:2px solid #8e31b9;}
.tab_buttons li.active a {color:#8e31b9;font-weight:600;border-bottom:2px solid #8e31b9;transition: all 0.3s ease;}
.tab_content {position:relative;}
.tab_panel {display:none !important;opacity:0;transition:opacity 0.3s ease;}
.tab_panel.active {display:block !important;opacity:1;}

/* 메인 MD 버튼 탭 */
.md_tab_buttons {display:flex;justify-content:center;margin-bottom:30px;}
.md_tab_buttons li {position:relative;margin:0 5px;}
.md_tab_buttons li a {
    display: block;
    padding: 13px 30px;
    border-radius: 50px;
    margin: 0px 5px 20px;
    font-size: 16px;
    line-height: 16px;
    background-color: rgb(245, 245, 245);
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
}
.md_tab_buttons li.active a {background-color: rgb(95, 0, 128); color: #fff; text-decoration: none; transition: all 0.3s ease;}

/* MD 탭 패널 */
.tab_content {position: relative;}
.tab_panel {display: none;}
.tab_panel.active {display: block;}


/*타이틀강조*/
.anc_tit {padding:0 0 7px 10px;font-size:15px;font-weight:600;position:relative;}
.anc_tit:after {width:4px;height:14px;background-color:#541c86;display:inline-block;position:absolute;left:0;top:1px;content:'';}

/* 컨테이너 제목 */
.cont_wrap .title, .cont_full_wrap .title, .display_wrap .title {margin: 0 0 30px; color:#000; text-align: center;}
.cont_wrap .title h2, .cont_full_wrap .title h2, .display_wrap .title h2{font-size: 32px; font-weight:500;}
.cont_wrap .title .sub, .cont_full_wrap .title .sub, .display_wrap .title .sub{display: block; margin-top: 5px; color: rgb(153, 153, 153); font-size: 16px; font-weight: 400; letter-spacing: -0.2px;}
#con_lf .cont_wrap {width:100%;}

/*인트로*/
#intro {width:1050px;height:570px;margin:-285px 0 0 -500px;position:absolute;top:50%;left:50%;}
#intro .int_copy {color:#888;text-align:center;margin:10px 0 0;line-height:1.6em;}
#int_wrap {padding:40px;border:5px solid #f1f1f1;overflow:hidden;}
#int_wrap .rbanner {width:410px;height:410px;padding-left:40px;border-left:1px solid #eee;float:right;}
#int_wrap .rbanner .bx-wrapper {position:relative;}
#int_wrap .lcont {width:419px;float:left;}
#int_wrap .lcont .tit {font-size:37px;font-weight:400;color:#666;margin:20px 0 3px;}
#int_wrap .lcont .tit b {font-weight:800;color:#333;}
#int_wrap .int_login {margin:20px 0 0 0;}
#int_wrap .int_login dt {width:95px;float:right;}
#int_wrap .int_login dt .btn_large {width:100%;height:80px;}
#int_wrap .int_login dd {width:318px;float:left;}
#int_wrap .int_login dd input {height:37px;width:100%;border:1px solid #ddd;padding:0 12px;margin-bottom:6px;line-height:35px;}
#int_wrap .int_btn {padding:20px 0 0;border-top:1px dotted #ddd;}
#int_wrap .int-txt {padding:10px 0 0 0;}
#int_wrap .int-txt li {font-size:11px;color:#888;padding:5px 0 0 5px;background:url('/img/ic_dot3.gif') no-repeat left 9px;}
@media (min-width: 1400px) {
    #intro {width:1400px;} 
}
/*layout*/
#wrapper {width:100%;min-width:1050px;height:100%;}
#container {width:100%;position:relative;}
.cont_wrap {width:1050px;margin:0 auto;overflow:hidden;}
.cont_bg {background-color:#f5f5f5;padding:50px 0 65px;}
.cont_bg .mtit span {background-color:#f5f5f5;}
.cont_inner {width:1050px;min-height:520px;padding:50px 0 80px;margin:0 auto;}
@media (min-width: 1400px) {
    .cont_wrap {width:1400px;} 
    .cont_inner {width:1400px;} 
}
/*header*/
#hd_banner{text-align:center;position:relative;}
#hd_banner a {height:100%;display:block;text-decoration:none !important;}
#hd_banner span {font-size: 15px;line-height: 40px;font-weight: 400;color: rgb(0, 0, 0);letter-spacing: 0;}
/* 최상단 배너 */
.top_ad {text-align: center;}
.top_ad a {font-size: 14px;line-height: 40px;font-weight: 400;color: #000;}
#hd_close{width:15px;height:15px;position:absolute;top:50%;right:17px;margin-top:-13px;cursor:pointer;}

#tnb {height:40px;position:relative;}
#tnb_inner {width:1050px;padding:7px 0 0;margin:0 auto;}
#tnb_inner li {float: left;padding: 0px 8px;line-height: 40px; font-size:15px}
#tnb_inner li:first-child:before {display:none;}
#tnb_inner li .ic_num {font-size:10px;font-weight:600;margin:0 0 2px 4px;padding:2px 5px;border-radius:50%;background-color:#333;color:#fff;letter-spacing:0;text-align:center;vertical-align:middle;display:inline-block;}

#hd {position:relative;width:1050px;margin:0 auto;}
#hd:after {display:block;clear:both;content:'';}
#hd_inner{width:100%;height:96px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}

@media (min-width: 1400px) {
    #tnb_inner {width:1400px;} 
    #hd {width:1400px;} 
}
/* 로고 영역 */
.hd_logo_area{display:flex;align-items:center;gap:15px}

#hd_inner .hd_logo{display:table;margin:0;width:175px;height:70px}
#hd_inner .hd_logo a{display:table-cell;vertical-align:middle}
#hd_inner .hd_logo a img{max-width:175px}

/* 새벽배송 */
#dawn_delivery_toggle{display:flex;align-items:center;gap:10px}
.dawn_text{font-size:20px;font-weight:500;color:#999;transition:color .3s ease;cursor:pointer}
.dawn_switch{position:relative;display:inline-block;width:40px;height:24px}
.dawn_switch input{opacity:0;width:0;height:0}
.dawn_slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}
.dawn_slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}
.dawn_switch input:checked + .dawn_slider{background-color:#4A1A7B}
.dawn_switch input:checked + .dawn_slider:before{transform:translateX(16px)}
.dawn_switch input:checked ~ .dawn_text{color:#4A1A7B;font-weight:600}
#dawn_delivery_toggle:has(input:checked) .dawn_text{color:#4A1A7B;font-weight:600}

/* 검색 영역 */
#hd_sch{position:relative;width:500px;display:flex;align-items:center;gap:25px}
#hd_sch .sch_frm{width:250px;padding:0 45px 0 20px;position:relative;border:1.5px solid #8e31b9;border-radius:8px;}
#hd_sch .sch_frm .sch_stx{width:100%;height:40px;line-height:40px;font-size:16px;background:#fff;outline:none;border:none;}
#hd_sch .sch_frm .sch_submit{width:40px;height:40px;color:#8e31b9;font-size:20px;position:absolute;border:none;top:0;right:5px;background:none;cursor:pointer}


/* 검색창 확장 */
#hd_sch .sch_box {position:absolute;top:100%;left:0;width:100%;background:#fff;border:2px solid #8e31b9;border-top:none;border-radius:0 0 10px 10px;padding:15px;z-index:1000;display:none}
#hd_sch .sch_box h3 {font-size:14px;font-weight:600;margin-bottom:10px;color:#333}
#hd_sch .sch_box .sch_list {margin-bottom:15px}
#hd_sch .sch_box .sch_list:last-child {margin-bottom:0}
#hd_sch .sch_box .sch_list li {margin-bottom:5px}
#hd_sch .sch_box .sch_list li:last-child {margin-bottom:0}
#hd_sch .sch_box .sch_list li a {display:block;color:#666;font-size:13px;padding:5px 0}
#hd_sch .sch_box .sch_list li a:hover {color:#8e31b9}
#hd_sch .sch_box .sch_list li .rank {display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#f5f5f5;border-radius:3px;margin-right:5px;font-size:12px;color:#999}
#hd_sch .sch_box .sch_list li:nth-child(1) .rank {background:#8e31b9;color:#fff}
#hd_sch .sch_box .sch_list li:nth-child(2) .rank {background:#a35cc7;color:#fff}
#hd_sch .sch_box .sch_list li:nth-child(3) .rank {background:#c18edb;color:#fff}

/* 인기검색어 롤링 (PC) */
.pc_rkw_se {position:relative;width:180px;height:40px;overflow:hidden;background:#fff}
.pc_rkw_se #ticker {height:40px;overflow:hidden}
.pc_rkw_se #ticker li {height:40px;line-height:40px;padding:0 35px 0 25px;position:relative}
.pc_rkw_se #ticker li .rank {position:absolute;left:0;top:0;font-weight:bold;color:#8e31b9;font-size:16px; }
.pc_rkw_se #ticker li a {color:#666;font-size:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc_rkw_se #ticker li.recommend a {padding-left:10px;}
.pc_rkw_se .btn_expand {position:absolute;right:0;top:0;width:30px;height:40px;cursor:pointer;text-align:center;line-height:40px}
.pc_rkw_se .btn_expand i {color:#666;font-size:12px;transition:transform 0.3s}
.pc_rkw_se .btn_expand.active i {transform:rotate(180deg)}

/* 인기검색어 전체보기 */
.pc_rkw_all {display:none;position:absolute;top:45px;right:0;width:150px;background:#fff;border:none;box-shadow: 0 1px 8px 0 rgba(132, 132, 132, 0.2);border-radius:8px;padding:15px;z-index:1000}
.pc_rkw_all h4 {font-size:14px;font-weight:600;margin-bottom:10px;color:#333}
.pc_rkw_all li {padding:8px 0;position:relative}
.pc_rkw_all li .rank {position:absolute;left:0;font-weight:bold;color:#8e31b9;font-size:16px;}
.pc_rkw_all li a {padding-left:35px;color:#666;font-size:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 검색창 클릭시 나오는 박스 제거 */
.sch_box {display:none !important}

/* 상단 우측 아이콘 영 (쇼핑정보) */
#hd_shoppinginfo{display:flex;align-items:center;justify-content:flex-end;width:200px;margin-left:20px}
#hd_shoppinginfo ul{display:flex;align-items:center;justify-content:flex-end;width:100%}
#hd_shoppinginfo li{position:relative;width:36px;height:50px;align-content:center;padding:0 8px;transition:.5s ease;cursor:pointer}
#hd_shoppinginfo li:last-child{padding-right:15px}
#hd_shoppinginfo li a{color:#555;font-size:24px;display:block;text-align:center;line-height:50px;position:relative}
#hd_shoppinginfo li a i{font-size:27px}
#hd_shoppinginfo li a:hover{color:#8e31b9}
#hd_shoppinginfo li a .count{position:absolute;top:2px;right:-6px;min-width:6px;height:18px;padding:0 6px;text-align:center;background:#000;border-radius:9px;line-height:18px;font-size:11px;color:#fff;font-weight:600;white-space:nowrap}
#hd_shoppinginfo li a .log_on,#hd_shoppinginfo li a .log_off{position:absolute;top:5px;right:-15px;text-align:center;background:#8e31b9;border-radius:30px;width:32px;height:18px;line-height:18px;font-size:12px;color:#fff;font-weight:600}
#hd_shoppinginfo li a .log_off{background:#ddd;color:#000}

#gnb {width:100%;background-color:rgba(255,255,255,1);position:relative;z-index: 999;box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 4px 0px;}
#gnb.gnd_fixed {position:fixed;top:0;left:0;right:0;z-index:999;}
#gnb_inner {width:870px;height:54px;padding-left:180px;margin:0 auto;position:relative;}
#gnb_inner a {text-decoration:none !important;}
#gnb_inner .all_cate{position:absolute;top:8px;left:0;z-index:999}
#gnb_inner .all_cate .allc_bt{width:130px;height:47px;font-size:15px;line-height:48px;padding:0 25px;color:#222;background-color:#fff;border:1px solid #222;display:inline-block;text-align:left;cursor:pointer;position:relative}
#gnb_inner .all_cate i{width:15px;font-size:18px;margin-right:15px;vertical-align:middle}
#gnb_inner .all_cate .con_bx{width:1050px;max-height:700px;overflow-x:hidden;overflow-y:auto;padding:10px 20px;border:1px solid #eee;background-color:#fff;display:none;position:absolute;top:46px;left:-20px;z-index:1000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#gnb_inner .all_cate .con_bx ul{width:100%;display:table;background:#fff}
#gnb_inner .all_cate .con_bx .c_box{width:calc(100% / 7);padding:15px 5px;display:table-cell}
#gnb_inner .all_cate .con_bx .c_box .cate_tit{font-weight:600;color:#000;text-align:left;padding:10px 15px;display:block;padding:0 0 10px;margin:0 10px;font-size:17px;line-height:22px;letter-spacing:-1px}
#gnb_inner .all_cate .con_bx .c_box ul{margin:12px 0}
#gnb_inner .all_cate .con_bx .c_box li{width:100%;height:30px;line-height:1.666;text-align:left;font-size:15px}
#gnb_inner .all_cate .con_bx .c_box li a{padding:0 15px;display:block}
#gnb_inner .all_cate .con_bx .c_box li a:hover{background-color:#f5f5f5;border-radius:5px}
#gnb_inner .all_cate:hover .con_bx{display:block}
#gnb_inner .gnb_li{width:100%}
#gnb_inner .gnb_li > ul{text-align:left;overflow:visible}
#gnb_inner .gnb_li > ul > li{display:inline-block;position:relative;overflow:visible;vertical-align:middle;line-height:54px}
#gnb_inner .gnb_li > ul > li:first-child:before{display:none}
#gnb_inner .gnb_li > ul > li > a{margin:0 24px;padding:0 0 4px;font-size:18px;letter-spacing:-.3px;color:#222;font-weight:500;background:linear-gradient(#8e31b9,#8e31b9) left bottom / 0 2px no-repeat;transition:all .5s}
#gnb_inner .gnb_li > ul li:hover > a{background:linear-gradient(#8e31b9,#8e31b9) left bottom / 100% 2px no-repeat}
#gnb_inner .gnb_li > ul > li ul{width:148px;padding:15px 0;margin-left:-50px;border-width:0 1px 1px;border-style:solid;border-color:#222;background-color:#fff;position:absolute;top:45px;left:50%;z-index:9100;display:none}
#gnb_inner .gnb_li > ul > li:first-child ul{margin-left:-70px}
#gnb_inner .gnb_li > ul > li ul a{line-height:23px;padding:0 15px;font-size:12px;display:block}
#gnb_inner .gnb_li > ul > li ul a:hover{background-color:#f8f8f8}
#gnb_inner .gnb_li > ul > li:hover ul{display:block}
@media (min-width: 1400px) {
    #gnb_inner {width: 1180px;}
    #gnb_inner .all_cate .con_bx {width:1400px}
}

/* 전체 카테고리 */
#allCate #categoryMenu .menu-dp1{display:flex;flex-wrap:wrap}
#allCate #categoryMenu .menu-dp1 > li{position:relative;width:16.66%;margin:0 0 13px}
#allCate #categoryMenu .menu-dp1 > li > a{display:block;padding:0 0 10px;margin:0 10px;font-size:15px;line-height:22px;letter-spacing:-1px;font-weight:400;color:#000;transition:all .5s}
#allCate #categoryMenu .menu-dp1 > li:hover > a{padding-left:5px}
#allCate #categoryMenu .menu-dp2{position:relative;left:0;margin:0 10px;transition:all .5s}
#allCate #categoryMenu .menu-dp1 > li:hover .menu-dp2{left:10px}
#allCate #categoryMenu .menu-dp1 > li:hover .menu-dp2 > li > a{color:#000}
#allCate #categoryMenu .menu-dp2 > li{position:relative}
#allCate #categoryMenu .menu-dp2 > li > a{display:block;font-size:13px;line-height:25px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}
#allCate #categoryMenu .menu-dp2 > li:hover > a{padding:0 0 0 5px}
#allCate #categoryMenu .menu-dp3{position:absolute;top:-6px;left:90%;width:160px;padding:5px;box-sizing:border-box;background-color:#fff;border:1px solid #e7e7e7;opacity:0;visibility:hidden;transition:all .5s}
#allCate #categoryMenu .menu-dp2 > li:hover .menu-dp3{left:calc(100% - 10px);z-index:2;opacity:1;visibility:visible}
#allCate #categoryMenu .menu-dp3 > li{position:relative}
#allCate #categoryMenu .menu-dp3 > li > a{display:block;padding:2px 8px;font-size:13px;line-height:25px;color:#787878;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}
#allCate #categoryMenu .menu-dp3 > li:hover > a{background-color:#efefef;padding:2px 8px 2px 13px}
#allCate #categoryMenu .menu-dp4{position:absolute;top:-6px;left:90%;width:160px;padding:5px;box-sizing:border-box;background-color:#fff;border:1px solid #e7e7e7;opacity:0;visibility:hidden;transition:all .5s}
#allCate #categoryMenu .menu-dp3 > li:hover .menu-dp4{left:calc(100% + 6px);z-index:2;opacity:1;visibility:visible}
#allCate #categoryMenu .menu-dp4 > li{position:relative}
#allCate #categoryMenu .menu-dp4 > li > a{display:block;padding:2px 8px;font-size:13px;line-height:25px;color:#787878;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}
#allCate #categoryMenu .menu-dp4 > li:hover > a{background-color:#efefef;padding:2px 8px 2px 13px}
#allCate #categoryMenu .bbs{display:block}
#allCate #categoryMenu .bbs:hover ul{left:10px}
#allCate #categoryMenu .bbs:hover ul li a{color:#000}
#allCate #categoryMenu .bbs ul{position:relative;left:0;margin:0 10px;transition:all .5s}
#allCate #categoryMenu .bbs li{position:relative}
#allCate #categoryMenu .bbs li a{display:block;font-size:13px;line-height:25px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}
#allCate #categoryMenu .bbs li:hover a{padding:0 0 0 5px}
.AllCategory{width:208px;height:54px;position:absolute;left:0;font-weight:300;z-index:999;box-sizing:border-box}
.AllCategory .btn-allcate{position:relative;display:block;width:100%;line-height:54px;box-sizing:border-box;cursor:pointer}
.AllCategory .btn-allcate strong{display:block;color:#000;font-size:18px;text-align:left;padding:0 0 0 36px}
.AllCategory .btn-allcate span{display:block;position:absolute;width:16px;height:2px;background:#000;margin:0;opacity:1;left:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.AllCategory .btn-allcate span:nth-child(1){top:20px}
.AllCategory .btn-allcate span:nth-child(2){top:26px}
.AllCategory .btn-allcate span:nth-child(3){top:32px}
.AllCategory .btn-allcate:hover span,.AllCategory .btn-allcate.open span{width:16px}
.AllCategory .btn-allcate.open span:nth-child(1){top:24px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.AllCategory .btn-allcate.open span:nth-child(2){opacity:0}
.AllCategory .btn-allcate.open span:nth-child(3){top:24px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

/*quick*/
#qcl {width:80px;margin-right:520px;position:absolute;top:20px;right:50%;z-index:997;}
#qcl li {margin-top:5px;}
#qcl li:first-child {margin-top:0 !important;}
#qcr {width:95px;margin-left:520px;position:absolute;top:20px;left:52%;z-index:997;}
#qcr ul {border-width:1px;border-style:solid;border-color:#ddd;background-color:#fff;border-radius:8px;text-align:center; margin-bottom:10px;}
#qcr .quick-sns {border: unset; border-radius:8px;background-color:rgba(247,247,247,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px;text-align:left; margin-bottom:10px;}
#qcr .quick-sns li {font-weight: 500; border: unset; background-color: unset; text-align: left;}
#qcr .quick-sns li a:hover {color:#5f0080; font-weight: 700; text-decoration: none;}
#qcr .quick-sns li img {height:18px;margin-right:5px;}
#qcr li {border-width:0;border-style:solid;border-color:#ddd;background-color:#fff;text-align:center;}
/* #qcr li:first-child {padding:0 !important;border:0 !important;} */
#qcr .tit {line-height:2.3;border-width: 0 0 1px 0}
#qcr .tit.q_small {padding:0 !important; font-size:12px}
#qcr li p {margin-top:9px;}
#qcr .recent_items {padding-bottom:8px;}
#qcr .recent_items img {border-radius: 6px}
#qcr .stv_wrap {border-width: 1px 0 0 0;border-style:solid;border-color:#ddd;padding:8px 0 3px;height:15px;font-size:11px;font-weight:600;position:relative;text-align:center;}
#qcr .stv_wrap #up {position:absolute;left:9px;top:8px;cursor:pointer;}
#qcr .stv_wrap #down {position:absolute;right:9px;top:8px;cursor:pointer;}
#qcr .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;}
.qbtn_bx {position:fixed;bottom:30px;right:30px;z-index:997;}
.qbtn_bx.active {position:absolute;bottom:0;}
.qbtn_bx #anc_up,
.qbtn_bx #anc_dw {width:45px;height:45px;font-size:10px;font-weight:600;color:#aaa;margin-top:-1px;background-color:#fff;border:1px solid #ddd;display:block;outline:none;}
.qbtn_bx #anc_up:before,
.qbtn_bx #anc_dw:after {font-size:17px;font-family:'FontAwesome';line-height:10px;color:#bbb;display:block;}
.qbtn_bx #anc_up:before {margin-bottom:3px;content:'\f106';}
.qbtn_bx #anc_dw:after {margin-top:3px;content:'\f107';}
@media (min-width:1400px) {
    #qcr {left:62%}
}


/*공통*/
.nwin,.zzim {width:36px;height:36px;line-height:1.9em;border-radius:50%;margin:0 2px;color:#222;background-color:rgba(255,255,255,0.9);font-family:"Ionicons";font-size:20px;text-align:center;display:inline-block !important;vertical-align:middle;cursor:pointer;text-decoration:none !important;}
.zzim:before {content:"\f387";}
.zzim.on:before {content:"\f388";color:#f33e31;}
.nwin:before {content:"\f218";}
.soldout,.memopen {line-height:1em;font-size:13px;font-weight:normal;padding:4px 10px 5px;border-radius:3px;color:#fff;display:inline-block;}
.soldout {background-color:#ed3636;}
.memopen {background-color:#1680d9;}

/*상품리스트*/
.pr_desc {overflow:hidden;}
.pr_desc li {float:left;position:relative;}
.pr_desc li a {display:block;text-decoration:none !important;}
.pr_desc li dt {position:relative;border-radius: 7px;}
.pr_desc li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc li dt img {width:100%;height:auto;}
.pr_desc li dt img.goods_img_hover {display:none !important;}
.pr_desc li.has-hover:hover dt img.goods_img {display:none !important;}
.pr_desc li.has-hover:hover dt img.goods_img_hover {display:block !important;}
.pr_desc li dt .badges {display: block; position: absolute; bottom: 8px; left: 8px; width: 307px}
.pr_desc li dt .badges span {display: inline-block; border-radius: 3px; padding: 3px 10px; margin-right: 7px; font-size: 16px; font-weight: 600; color: white; text-align: center; letter-spacing: 0px; background-color: #8e31b9}
.pr_desc li dt .badges span.bd-left {float: left;}
.pr_desc li dt .badges span.bd-right {float: right;}
.pr_desc li dd {position:relative;text-align:left;}
.pr_desc li .pname {height:38px;color:#000;line-height:1.4em;margin:12px 0 0;text-align:left;font-size: 15px;color: #555555; font-weight: bold;}
.pr_desc li .price {margin:12px 0 10px;font-size:16px;font-weight:600;color:#111;}
.pr_desc li .price .mpr {color:#000;font-weight:600;}
.pr_desc li .price .mpr span {font-weight:600;margin-left:2px;}
.pr_desc li .price .spr {display:block;margin-right:5px;font-size:13px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.pr_desc li .price .sale {display:inline-block;color:#cb1e1e;font-weight:600;margin-right:5px;}
.pr_desc li .petc {margin-bottom:10px;}
.pr_desc li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:100px;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc li.goods:hover dt:after {background-color:rgba(0,0,0,0.2);}
.pr_desc li.goods:hover .ic_bx {opacity:1;}
@media (min-width: 1400px) {
    .pr_desc li .ic_bx {top: 140px;transform: scale(1.3);}
}
.pr_desc li.goods_soldout dt:after {background-color:rgba(0,0,0,0.4);background-image: url('../img/goods_soldout.png');background-size: contain;background-position: center;background-repeat: no-repeat;}

.pr_desc.wli3 li{width:333px;margin:20px 0 0 24px;}
.pr_desc.wli3 li dl {height:480px}
.pr_desc.wli3 li dt {width:333px;height:333px;}
.pr_desc.wli3 li:nth-child(3n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli3 li .pname {font-size:18px;height:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;}
.pr_desc.wli3 li .explan {font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;margin-top:5px;}
.pr_desc.wli3 li .ic_bx {top:138px;}
@media (min-width: 1400px) {
    .pr_desc.wli3 li .ic_bx {top: 140px;transform: scale(1.3);}
}

.pr_desc.wli4 li{width:190px;margin:20px 0 0 20px;}
.pr_desc.wli4 li dl {height:350px}
.pr_desc.wli4 li dt {width:190px;height:190px;}
.pr_desc.wli4 li:nth-child(4n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli4 li .pname {font-size:18px;height:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;}
.pr_desc.wli4 li .explan {font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;margin-top:5px;}
.pr_desc.wli4 li .ic_bx {top:99px;}
.main_display_wrap .pr_desc.wli4 li{width:243px}
.main_display_wrap .pr_desc.wli4 li dt {width:243px;height:243px;}
@media (min-width: 1400px) {
    .pr_desc.wli4 li{width:265px;margin:20px 0 0 40px}
    .pr_desc.wli4 li dl {height:420px}
    .pr_desc.wli4 li dt {width:265px;height:265px;}
    .pr_desc.wli4 li .ic_bx {top:130px;transform: scale(1.3);}
    .main_display_wrap .pr_desc.wli4 li{width:315px}
    .main_display_wrap .pr_desc.wli4 li dt {width:315px;height:315px;}
}

.pr_desc.wli5 li{width:184px;margin:20px 0 0 20px;}
.pr_desc.wli5 li dl {height:280px}
.pr_desc.wli5 li dt {width:184px;height:184px;}
.pr_desc.wli5 li:nth-child(5n+1){margin-left:0 !important;clear:both;}
.pr_desc.wli5 li .pname {font-size:18px;height:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;}
.pr_desc.wli5 li .explan {font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;margin-top:5px;}
.pr_desc.wli5 li .ic_bx {top:74px;}
@media (min-width: 1400px) {
    .pr_desc.wli5 li .ic_bx {top:100px;transform: scale(1.3);}
}

/*상품리스트_롤오버*/
.pr_desc2 {width:1050px;margin:0 auto;overflow:hidden;}
.pr_desc2 ul {}
.pr_desc2 li {width:188px;height:188px;margin:15px 0 0 15px;float:left;position:relative;}
.pr_desc2 li:first-child {width:391px;height:391px;margin-left:0 !important;}
.pr_desc2 li a {display:block;text-decoration:none !important;}
.pr_desc2 li dt {width:100%;height:auto;position:relative;}
.pr_desc2 li dt img {width:100%;height:auto;}
.pr_desc2 li dd {padding:25px 10px 0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ddd;background-color:rgba(255,255,255,0.95);text-align:center;z-index:20;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li:first-child dd {padding:70px 30px 0;}
.pr_desc2 li:first-child .pname {max-height:42px;line-height:1.4em;font-size:15px;}
.pr_desc2 li:first-child .ic_bx {bottom:70px;}
.pr_desc2 li:first-child .ic_bx .nwin,
.pr_desc2 li:first-child .ic_bx .zzim {width:36px;height:36px;font-size:20px;line-height:1.95em;margin:0 1px;}
.pr_desc2 li .pname {max-height:32px;line-height:1.3em;margin:0 0 10px;font-size:13px;color:#000;overflow:hidden;}
.pr_desc2 li .petc {margin-top:10px;}
.pr_desc2 li .mpr {font-size:16px;font-weight:800;color:#000;}
.pr_desc2 li .mpr span {font-weight:normal;margin-left:2px;}
.pr_desc2 li .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#bbb;margin-bottom:3px;text-decoration:line-through;}
.pr_desc2 li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;bottom:25px;z-index:25;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc2 li .ic_bx .nwin,
.pr_desc2 li .ic_bx .zzim {width:23px;height:23px;font-size:15px;line-height:1.65em;border-radius:0;margin:0;color:#fff;background-color:rgba(150,150,150,0.4);}
.pr_desc2 li:hover dd,
.pr_desc2 li:hover .ic_bx {opacity:1;}

/*상품상세보기*/
.vi_info {width:100%;display:table;overflow:hidden;}
.vi_img_bx {padding-right:40px;overflow:hidden;display:table-cell;vertical-align:top;}
.vi_img_bx .bimg {overflow:hidden;border-radius: 7px;}
.vi_img_bx .simg_li {margin-top:15px;overflow:hidden;}
.vi_img_bx .simg_li ul {width:100%;font-size:0;font-style:normal;text-align:center;}
.vi_img_bx .simg_li li {width:calc(20% - 5.6px);padding:7px 0 0 7px;display:inline-block;white-space:nowrap;word-break: break-all ;}
.vi_img_bx .simg_li li:nth-child(5n+1) {padding-left:0;}
.vi_img_bx .simg_li li img {width:calc(100% - 2px);height:auto;border:1px solid #eee;cursor:pointer;border-radius: 5px;}

.vi_txt_bx {overflow:hidden;display:table-cell;vertical-align:top;}
.vi_txt_bx dt,
.vi_txt_bx dd,
.vi_txt_li dt,
.vi_txt_li dd {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.vi_txt_bx .tit {font-size:27px;font-weight:600;padding:10px 0 15px;border-bottom:1px solid #eee;line-height:1.3em;position:relative;}
.vi_txt_bx .tit .btn_wrap {margin:10px 0 0;line-height:1em;}
.vi_txt_bx .tit .btn_wrap .seller {display:inline-block;vertical-align:middle;position:relative;}
.vi_txt_bx .tit .btn_wrap .seller #btn_cp_open {height:21px;line-height:21px;padding:0 12px;border:1px solid #ccc;background-color:#fff;display:block;cursor:pointer;}
.vi_txt_bx .tit .btn_wrap .seller ul {width:350px;padding:5px 20px;background-color:#fff;border:1px solid #333;position:absolute;left:0;top:22px;z-index:2000;display:none;}
.vi_txt_bx .tit .btn_wrap .seller ul li {height:14px;font-size:13px;border-top:1px solid #e1e1e1;padding:10px 0 10px 80px;position:relative;}
.vi_txt_bx .tit .btn_wrap .seller ul li:first-child {border-top:0 !important;}
.vi_txt_bx .tit .btn_wrap .seller ul li span {width:80px;display:inline-block;position:absolute;top:10px;left:0;}
.vi_txt_bx .tit .btn_wrap .seller:hover #btn_cp_open {border-color:#333;background-color:#333;color:#fff;}
.vi_txt_bx .tit .btn_wrap .seller:hover ul {display:block;}
.vi_txt_bx .stxt {font-size:16px;font-weight:normal;line-height:1.3em;color:#999;padding:5px 0 0;}
.vi_txt_bx .price_bx {padding:17px 0;border-bottom:1px solid #ddd;background-color:#fafafa;}
.vi_txt_bx .price_bx dl {width:100%;padding:4px 0;display:table;}
.vi_txt_bx .price_bx dt,
.vi_txt_bx .price_bx dd {font-size:14px;text-align:left;display:table-cell;vertical-align:middle;}
.vi_txt_bx .price_bx dt {width:27%;padding:0 0 0 20px;font-weight:600;}
.vi_txt_bx .price_bx dd {width:73%;padding:0 20px 0 0;}
.vi_txt_bx .price_bx dd.price {font-size:20px !important;font-weight:bold;color:#222;}
.vi_txt_bx .price_bx dd.price .mpr span {font-size:16px;font-weight:normal;margin-left:3px;}
.vi_txt_bx .price_bx dd.pay {font-weight:bold;line-height:140% !important;}
.vi_txt_bx .price_bx2 {padding: 10px 0;align-items:center;gap:10px;}
.vi_txt_bx .price_bx2 .sale {display:inline-block;font-size:24px;font-weight:bold;color:#cb1e1e;padding-right:5px;letter-spacing: -0.1rem;}
.vi_txt_bx .price_bx2 .mpr {display:inline-block;font-size:24px;font-weight:bold;color:#222;}
.vi_txt_bx .price_bx2 .spr {display:block;font-size:16px;font-weight:normal;color:#aaa;text-decoration:line-through;line-height: 1em;}
.vi_txt_li {padding:15px 0;border-bottom:1px solid #eee;}
.vi_txt_li dl {width:100%;margin-top:10px;display:table;padding:8px 0;}
.vi_txt_li dl:first-child {margin-top:0 !important;}
.vi_txt_li dt,
.vi_txt_li dd {line-height:1.4em;display:table-cell;vertical-align:top;}
.vi_txt_li dt {width:27%;font-size:15px;padding:0 0 0 20px;color: #757575;}
.vi_txt_li dt.op_vi_tit {width:27% !important;}
.vi_txt_li dd {width:73%;font-size:15px;padding:0 20px 0 0;}
.vi_txt_li dd.op_vi_txt {width:73% !important;margin-left:0;position:relative;}
.vi_txt_li td {font-size:13px;}

.vi_tab {height:35px;border-bottom:2px solid #333;}
.vi_tab ul {overflow:visible;}
.vi_tab li {width:245px;height:34px;margin-left:4px;color:#888;font-size:14px;font-weight:600;line-height:2.5;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background-color:#f8f8f8;cursor:pointer;float:left;}
.vi_tab li:first-child, .m_event li:first-child {margin-left:0 !important;}
.vi_tab li.on {width:243px;height:35px;margin-bottom:-2px;color:#333;border-width:2px 2px 0 2px;border-color:#333;background-color:#fff;z-index:50;}

/*상품 상세보기 (관련상품)*/
.vi_rel{margin:50px 0 0;padding:0 14px;border-width:1px;border-style:solid;border-color:#999 #ddd #ddd;position:relative;}
.vi_rel h3 {text-align:center;position:relative;clear:both;margin-top:-11px;}
.vi_rel h3 span{font-size:22px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 20px;background-color:#fff;display:inline-block;}
.vi_rel dl a {display:block;text-decoration:none !important;outline:none;}
.vi_rel dl{width:194px;padding:25px 10px 15px;float:left;position:relative;}
.vi_rel dl dt {width:100%;height:auto;position:relative;}
.vi_rel dl dt img {width:100%;height:auto;}
.vi_rel dl dd {position:relative;text-align:center;}
.vi_rel dl .pname {height:38px;color:#000;line-height:1.4em;margin:12px 5px 0;font-size:13px;}
.vi_rel dl .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.vi_rel dl .price .mpr {font-size:16px;font-weight:800;color:#000;}
.vi_rel dl .price .mpr span {font-weight:normal;margin-left:2px;}
.vi_rel dl .price .spr {margin-right:5px;font-size:12px !important;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.vi_rel dl:hover dt:after {background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.vi_rel .slick-arrow {width:25px;height:50px;line-height:48px;margin-top:-25px;background-color:rgba(180,180,180,0.8);text-align:center;position:absolute;top:50%;}
.vi_rel .slick-arrow:before {font-family:'FontAwesome';font-size:30px;color:#fff;}
.vi_rel .slick-next {right:-15px;}
.vi_rel .slick-next:before {content:'\f105';}
.vi_rel .slick-prev {left:-15px;}
.vi_rel .slick-prev:before {content:'\f104';}

/*sns*/
.t_socia0 {border:none;margin-top:10px;width:100%}
.t_social {background-color:#222;color:#fff;padding:15px 0;font-size:14px;width:100%;text-align:center;}
.t_social span {font-weight:600;color:#ff9019;}

.vi_box_hd {background:url('/img/sub/tit_view_bg.gif');width:964px;height:16px;padding-right:40px;text-align:right;}
.vi_box_line {background:url('/img/sub/tit_view_line.gif');width:964px;height:390px;}
.vi_box_tail {width:964px;height:7px;background:url('/img/sub/tit_view_03.gif');}

.letter_bx {width:100%;height:76px;padding:10px;border:1px solid #ddd;background-color:#f6f6f6;}
.f_price{color:#999;font-weight:bold;line-height:140%;text-decoration:line-through !important;}

/*판매 기간상품*/
.time {padding:15px 0;background-color:#222;text-align:center;}
.time span {font-size:24px;font-weight:800;color:#fff;letter-spacing:0;display:inline-block;}
.time .tit,
.time .day {font-size:16px;font-weight:normal;letter-spacing:-0.5px;}
.time .tit {margin-left:10px;}
.time .tit:after {margin:0 7px;display:inline-block;content:':';}
.time .day {margin-right:7px;}

/*옵션*/
#option_set_added {margin:0;padding:0;background:#fff;list-style:none;}
#option_set_added li td {font-size:13px;}
#option_set_added dl {padding:0;}
#option_set_added .defbtn_plus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat -16px 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_minus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat 0 0;border:0 none;overflow:hidden;cursor:pointer;}
#option_set_added .defbtn_delete{width:13px;height:13px;font-size:0;background:url('/img/delete.gif') no-repeat 50% 50%;border:0 none;overflow:hidden;cursor:pointer;position:absolute;top:50%;right:0;margin-top:-7px;}
#option_set_added .inp_opt{font-size:9pt;font-family:tahoma;border:1px solid #cfcfcf;border-left:0;border-right:0;height:17px;padding:0 0 1px;text-align:center;overflow:hidden;margin:0;}
.op_vi_txt .sit_opt_prc {font-size:14px;font-weight:600;height:18px;line-height:1em;margin-top:-9px;position:absolute;top:50%;right:20px;}
#sit_tot_views {font-size:17px;font-weight:600;padding:25px 20px 0;line-height:1.3em;margin-top:-1px;border-top:1px solid #eee;background-color:#fff;overflow:hidden;}
#sit_tot_views .prdc_price {font-size:27px;color:#541c86;float:right;}
#sit_tot_views .prdc_price em {font-size:17px;margin:0 0 0 3px;color:#541c86;vertical-align:middle;}
.vi_btn {width:99%;display:table;margin-top:25px;}
.vi_btn span {padding-right:5px;display:table-cell;}
.vi_btn span:nth-child(1) {width:35%;}
.vi_btn span:nth-child(2) {width:35%;}
.vi_btn span:nth-child(3) {width:20%;}
.vi_btn span:nth-child(4) {width:10%;}
.vi_btn span:last-child {padding-right:0 !important;}
.vi_btn a {width:100%;}
.vi_btn a[href*="gift"] {display:block !important;visibility:visible !important;opacity:1 !important;}
.vi_btn a i.fa-gift {margin-right:5px;}
.vi_alert_msg {margin-top:25px;padding:15px;font-size:16px;line-height:1.4em;font-weight:600;color:red;text-align:center;background:#fffcea;border:1px solid #f3cc31;}

/*결제*/
.total_price {height:18px;padding:15px 10px;font-size:14px;background-color:#fafafa;border-bottom:1px solid #ddd;line-height:1.2em;}

/*쿠폰*/
.apply_cmd {position:absolute;z-index:100;width:306px;height:auto;padding:10px;border:5px solid #e5e5e5;background-color:#fff}
.cp_txt_bx {padding:12px 15px;background-color:#f8f8f8;line-height:1.6em;border-bottom:1px solid #ddd;}
.cp_txt_bx .frm_cp {background-color:#fff;}

/*tab menu*/
#tab_cate {height:36px;border-bottom:1px solid #333;margin:10px 0 !important;}
#tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#tab_cate ul {overflow:visible;zoom:1;}
#tab_cate li {margin-left:-1px;float:left;overflow:visible;}
#tab_cate li a {height:36px;color:#999;padding:0 25px;font-size:13px;line-height:37px;background-color:#f5f5f5;text-align:center;display:block;text-decoration:none !important;position:relative;}
#tab_cate li.active a {height:37px;color:#333;line-height:38px;background-color:#fff;z-index:10;}
#tab_cate li:first-child {margin-left:0 !important;}
#tab_cate li a:after {border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;cursor:pointer;display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';}
#tab_cate li.active a:after {border-color:#333;}

/*기타*/
.td_num {text-align:right !important;padding-right:5px !important;letter-spacing:0 !important;}
.td_name {position:relative;vertical-align:top !important;text-align:left !important;}
.thumimgage {cursor:pointer;z-index:1;}
.page_wrap {height:29px;margin:20px 0;text-align:center;position:relative;}
.page_wrap .lbt_box {position:absolute;top:0;left:0;}
.page_wrap .rbt_box {position:absolute;top:0;right:0;}

/*페이징 (get_paging 함수용) */
.pg_wrap {margin:0;padding:20px 0;text-align:center;}
.pg_wrap span,.pg_wrap strong,.pg_wrap a {display:inline-block;text-decoration:none;}
.pg {}
.pg a:focus,.pg a:hover {text-decoration:none;border:1px solid #333;}
.pg_page,.pg_current {padding:0 8px;min-width:9px;height:25px;color:#353e44;font-weight:normal;line-height:25px;vertical-align:middle;border:1px solid #c8c8c8;}
.pg_page {background-color:#fbfbfb;text-decoration:none;}
.pg_current {background-color:#333;color:#fff;border:1px solid #333 !important;}
.pg_start,.pg_prev,.pg_next,.pg_end {width:27px;height:27px;overflow:hidden;padding:0 !important;font-size:0 !important;text-indent:-9000px;border:none !important;background:url('/img/sprite_pg.png') no-repeat;vertical-align:top;}
.pg_prev {margin-right:4px;}
.pg_next {margin-left:4px;}
.pg a.pg_start {background-position:-116px 0;}
.pg a.pg_prev {background-position:-145px 0;}
.pg a.pg_next {background-position:-174px 0;}
.pg a.pg_end {background-position:-203px 0;}
.pg span.pg_start {background-position:0 0;}
.pg span.pg_prev {background-position:-29px 0;}
.pg span.pg_next {background-position:-58px 0;}
.pg span.pg_end {background-position:-87px 0;}
.bottom_sch {padding:7px 10px;background-color:#f8f8f8;text-align:center;}
.top_sch {height:23px;margin:0 0 7px 0;}
.bottom_sch select,
.bottom_sch input[type=text] {height:29px;}
.del_box {width:400px;font-size:13px;line-height:1.4em;padding:30px 0;margin:80px auto;border:1px solid #ddd;text-align:center;}
.txt_expired{color:#ccc !important;}

.bx-has-pager {width:100%;position:absolute;bottom:15px;}
.bx-wrapper .bx-pager {text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background:rgba(80, 80, 80, 0.3);text-indent:-9999px;display:block;width:14px;height:14px;margin:0 3px;outline:0;border-radius:50%;-moz-border-radius:20px;-webkit-border-radius:20px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(10, 10, 10, 0.8);}

/* 상단 배너 슬라이더 */
#mbn_wrap {width:100%;height:500px;overflow:hidden;display:block;position:relative; cursor: pointer;}
#mbn_wrap .mbn_img {height:500px;display:block;text-align:center;background-size: cover !important;box-shadow: inset 0px -4px 4px -2px rgba(0, 0, 0, 0.07);}
#mbn_wrap .swiper-wrapper{display:flex}
#mbn_wrap .swiper-slide{width:100%;height:auto;flex-shrink:0;position:relative;}
#mbn_wrap .swiper-slide a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;text-indent:-9999px;}
#mbn_wrap .swiper-button-next,#mbn_wrap .swiper-button-prev{margin-top:-20px;font-size:40px;width:140px;color:transparent;position:absolute;top:50%;z-index:900;outline:none;transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .5s ease;opacity:0}
#mbn_wrap .swiper-button-next{right:30px;background:url(../img/btn_circle_arrow.svg) no-repeat center;transform:rotate(0deg);background-size:contain}
#mbn_wrap .swiper-button-prev{left:30px;background:url(../img/btn_circle_arrow.svg) no-repeat center;transform:rotate(180deg);background-size:contain}
#mbn_wrap .swiper-button-prev::before,#mbn_wrap .swiper-button-next::before,#mbn_wrap .swiper-button-prev::after,#mbn_wrap .swiper-button-next::after{display:none;content:none}
#mbn_wrap .swiper-pagination{display:none}
#mbn_wrap .swiper-control-panel{position:absolute;bottom:20px;right:10%;display:flex;align-items:center;gap:10px;background:#00000026;border-radius:20px;padding:8px 15px;z-index:1000}
#mbn_wrap .swiper-play-pause{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
#mbn_wrap .swiper-play-pause:hover{opacity:.8}
#mbn_wrap .swiper-counter{color:#fff;font-size:14px;font-weight:400;line-height:1}

/* 배너 슬라이드 스타일 */
.banner_swiper {width:100%;position:relative;}
.banner_swiper .swiper-wrapper {display:flex;align-items:stretch;}
.banner_swiper .swiper-slide {width:100%;height:auto;display:flex;align-items:stretch;}
.banner_swiper .swiper-slide a,
.banner_swiper .swiper-slide div {
	width:100%;
	min-height:260px;
	display:block;
    border-radius: 5px;
	background-size:cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}

/*footer*/
#ft {overflow:hidden;clear:both;}
.fgnb {border-top:1px solid #222;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.fgnb ul {width:1050px;padding:15px 0;margin:0 auto;position:relative;}
.fgnb li {float:left;}
.fgnb li:before {width:1px;height:11px;margin:2px 17px 0;background-color:#ddd;display:inline-block;float:left;content:'';}
.fgnb li:first-child:before,
.fgnb li.sns_wrap:before {display:none;}
.fgnb li a {font-size:12px;color:#222;text-decoration:none !important;}
.fgnb li a:hover {color:#888;}
.fgnb .sns_wrap {height:28px;margin-top:-14px;position:absolute;top:50%;right:0;float:none;}
.fgnb .sns_wrap a {width:16px;height:16px;padding:6px;margin-left:2px;border-radius:50%;background-color:#ccc;text-align:center;display:inline-block;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.fgnb .sns_wrap a img {width:100%;height:auto;}
.fgnb .sns_wrap a.sns_fa:hover {background-color:#46639d;}
.fgnb .sns_wrap a.sns_tw:hover {background-color:#1da1f4;}
.fgnb .sns_wrap a.sns_in:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */
	background: #fbc066; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fgnb .sns_wrap a.sns_pi:hover {background-color:#cb2028;}
.fgnb .sns_wrap a.sns_bl:hover {background-color:#00c23a;}
.fgnb .sns_wrap a.sns_ba:hover {background-color:#00c23a;}
.fgnb .sns_wrap a.sns_kt:hover {background-color:#fff311;}
.fgnb .sns_wrap a.sns_ks:hover {background-color:#fff311;}

.ft_cs {width:1050px;padding:30px 0;margin:0 auto;display:table;}
.ft_cs dl,
.ft_cs ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ft_cs .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;}
.ft_cs .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;}
.ft_cs .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';}
.ft_cs .cswrap {width:32%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;}
.ft_cs .cswrap .tel {height:35px;font-size:35px;font-weight:800;line-height:1em;color:#222;margin:0 0 15px 0;}
.ft_cs .cswrap dd {height:14px;margin-top:4px;}
.ft_cs .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;}
.ft_cs .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;}
.ft_cs .bkwrap .etc_btn a {width:130px;}
.ft_cs .bkwrap dd {font-size:13px;margin-top:5px;}
.ft_cs .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;}
.ft_cs .notice {padding:0 0 0 30px;padding-right:0 !important;}
.ft_cs .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;}
.ft_cs .notice dd:last-child {margin-bottom:0 !important;}
.ft_cs .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ft_cs .notice dd .day {color:#bbb;position:absolute;top:0;right:0;}
.ft_cs .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;}
.ft_cs .notice .bt_more i {margin-left:3px;}

.company {padding:30px 0;background-color:#f8f8f8;border-top:1px solid #eee;overflow:hidden;}
.company ul {width:1050px;margin:0 auto;}
.company li {width:340px;font-size:11px;line-height:1.5em;letter-spacing:0;float:right;}
.company li:first-child {width:650px;font-size:12px;padding:0;line-height:1.6em;border:0;float:left;}
.company li h3 {color:#222;margin-bottom:12px;}
.company .cptxt {font-size:11px;color:#aaa;}
.company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;}
.g_hl {width:1px;height:10px;background-color:#ddd;margin:0 10px;vertical-align:middle;display:inline-block;}

/* 기존 footer 가져오기 */
#footer{position:relative;margin:0 0;border-top:1px solid #eee}
#footer .inner{overflow:hidden;position:relative;width:96%;max-width:1200px;margin:0 auto}
#footer .inner:after{content:"";display:block;clear:both}
.footer_title{font-size:20px;margin:0 0 8px}
.footer_top{width:100%;line-height:2em;padding:48px 0 0;box-sizing:border-box;border:1px solid #eee;border-width:1px 0 0}
.footer_info > .inner{display:flex}
.footer_info > .inner > div{padding:40px 10px;box-sizing:border-box}
.footer_info .ft_left{width:30%;text-align:center;border-right:1px solid #eee}
.footer_cs{font-size:15px;line-height:1.7em}
.footer_cs > ul > li{text-align:center}
.footer_cs .footer_call{font-size:32px;font-weight:600;color:#111;letter-spacing:-1px;padding-bottom:8px;line-height:40px}
.footer_cs .more_btn{margin:24px 0 0;}
.footer_info .ft_center{width:40%;padding:40px!important}
.footer_info .utilMenu{display:flex;flex-wrap:wrap;margin:0 0 20px}
.footer_info .utilMenu li{padding:0 20px 0 0}
.footer_info .utilMenu li a{color:#2e2e2e;font-size:14px}
.footer_info .utilMenu li a:hover{opacity:.5}
.footer_info .address{line-height:1.5em}
.footer_info .address span{font-size:14px;color:#777;font-weight:400;padding:0 24px 0 0}
.footer_info .address span a:hover{opacity:.5}
.footer_info .copyright{display:inline-block;margin:24px 0 0}
.footer_info .ft_right{width:30%}
.footer_bank{font-size:15px;line-height:1.7em}
.footer_cs .footer_call{font-size:32px;font-weight:600;color:#111;letter-spacing:-1px;padding-bottom:8px;line-height:40px}
.footer_bank .more_btn{margin:24px 0 0}
.escrow{font-size:14px;line-height:1.7em;margin:24px 0 0}
.escrow p span a{margin:10px 0!important}
.escrow ul{display:flex;flex-wrap:wrap;gap:16px}
.escrow ul.related_link li a{cursor:pointer}
.escrow ul.related_link li img{height:15px}
.footer_menu{line-height:3em;text-align:right}
.footer_menu li a{font-size:24px;color:#222;font-weight:600}
.footer_menu li a:hover{opacity:.5}
.footer_sns{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 0}
.footer_sns li{font-size:22px}
.footer_sns li:hover{opacity:.5}
.footer_sns li a{display:block;color:#222}
.footer_sns li i{vertical-align:middle}
.more_btn{border-radius:5px;display:inline-block;position:relative;border:1px solid #000;padding:16px 24px;font-size:16px;line-height:16px;color:#000;margin:64px 0 0;overflow:hidden;transition: All 0.3s ease;z-index:1}
.more_btn:after{content:"";width:0;height:100%;position:absolute;top:0;left:0;background:#000;transition: All 0.3s ease;}
.more_btn:hover{color:#fff;text-decoration:none;}
.more_btn:hover:after{width:100%;z-index:-1}
.more_btn i{padding:0 0 0 64px}
.more_btn.bk{color:#fff;background:#000}
.more_btn.bk:after{background:#fff}
.more_btn.bk:hover{color:#000}

/*폰트box 스타일*/
.fbx_small,.fbx_free,.fbx_lsmall {display:inline-block;vertical-align:middle;text-align:center;}
.fbx_small {padding:1px 5px;font-size:11px;line-height:1.555;font-weight:normal;letter-spacing:0;}
.fbx_lsmall {padding:3px 10px;font-size:12px;line-height:1.777;font-weight:normal !important;}
.fbx_bg1 {border:1px solid #c1dcff;background-color:#ffffff;color:#4294ff;} /*blue*/
.fbx_bg2 {border:1px solid #dddddd;background-color:#f7f7f7;color:#aaaaaa;} /*gray*/
.fbx_bg3 {border:1px solid #fdd8e2;background-color:#ffffff;color:#ff90af;} /*pink*/
.fbx_bg4 {border:1px solid #ed3636;background-color:#ffffff;color:#ed3636;} /*red*/
.fbx_bg5 {border:1px solid #cbcbcb;background-color:#ffffff;color:#909090;} /*default*/
.fbx_bg6 {border:1px solid #ff7200;background-color:#ff7200;color: #ffffff;}
.fbx_free {width:70px;height:38px;padding:16px 0;color:#fff;font-size:16px;line-height:1.222;letter-spacing:0;text-align:center;position:absolute;bottom:10px;right:10px;z-index:10;background:url('/img/ic_free_bg.png') no-repeat;background-size:100%;}

/*sub*/
.stit {font-size:27px;font-weight:600;color:#222;margin:20px 0 30px;text-align:center;position:relative;}
.s_stit {font-size:15px;font-weight:600;color:#222;text-align:left;letter-spacing:-1px;}
.tit_navi {font-size:12px;line-height:1em;color:#888;font-weight:normal;text-align:right;}
.tit_navi a {font-weight:normal;color:#888;}
.tit_navi .ionicons {margin:0 10px;color:#bbb;vertical-align:middle;}

/* 서브페이지 */
#con_lf {width:calc(100% - 220px);display:inline-block;float:right;margin-bottom:80px;}
#con_lf img {max-width:100%;height:auto;}
.pg_tit {margin:5px 0 30px 0;height:36px;position:relative;text-align: left;}
.pg_tit span {font-size:24px;font-weight:500;padding:4px 10px 7px 0;margin:0 0 -1px 0;display:inline-block;}
.pg_tit .menu_desc {font-size: 16px;color: #797979;}
.pg_tit .pg_nav {font-size:12px;font-weight:normal;position:absolute;bottom:8px;right:0;}
.pg_tit i {font-style:normal;font-size:12px;color:#aaa;margin:0 5px;}
.pg_cnt {margin:0 0 7px;}
.pg_cnt em {color:red;font-weight:600;}

.pg_title {margin-bottom:20px;text-align:center;}
.pg_title .inner {padding:8px;background-color:#f1f1f1;position:relative;}
.pg_title .inner .txt_bx {padding:17px 0;border:1px solid #ddd;background-color:#fff;}
.pg_title .inner .txt_bx dt {font-size:27px;line-height:1em;font-weight:600;color:#666;text-align:center;}
.pg_title .inner .txt_bx dd {font-size:13px;font-weight:normal;color:#999;margin-top:10px;text-align:center;}


/* 상품페이지 메뉴 리스트 */
.sub_2nd{display:grid;grid-template-columns:repeat(4,180px);gap:16px 83px;overflow:hidden;margin:30px 0;padding:30px 40px;border:1px solid #e2e2e2;line-height:20px}
.sub_2nd.wli4{grid-template-columns:repeat(4,180px);gap:16px 83px;}
.sub_2nd.wli5{grid-template-columns:repeat(5,160px);gap:16px 70px;}
.sub_2nd.wli6{grid-template-columns:repeat(6,130px);gap:16px 60px;}
.sub_2nd.wli7{grid-template-columns:repeat(7,110px);gap:16px 50px;}
.sub_2nd.wli8{grid-template-columns:repeat(8,102px);gap:16px 40px;}
.sub_2nd li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.sub_2nd a{letter-spacing:-1px;cursor:pointer;white-space:nowrap;line-height:20px;text-decoration:none}
.sub_2nd a:hover,.sub_2nd a.active{letter-spacing:-1px;cursor:pointer;font-weight:700;color:#5f0080}
.sub_3rd{display:block}
.sub_3rd li{padding:4px 10px;border-radius:3px;background-color:#f7f2fb;font-size:14px;margin:10px 5px 0 0}
.sub_tree {padding:12px;margin-bottom:20px;border-width:1px 0;border-style:solid;border-color:#e1e1e1;background-color:#fafafa;}
.sub_tree li {padding:5px 10px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_tree a {text-decoration:none !important;}
.sub_tree a:hover {color:#f33e31;}
.sub_tree li.active a {font-weight:600;color:#f33e31;}

.li_ty_tab li {float:left;margin-right:3px;}
.li_ty_tab li a {height:25px;padding:0 12px;line-height:2em;background-color:#aaa;color:#fff;display:block;text-decoration:none !important;}
.li_ty_tab li a:hover {background-color:#777;}
.li_ty_tab li a.active {background-color:#222;}

.tab_sort {height:16px;padding:13px 0;position:relative;font-size:14px; }
.tab_sort:after {display:block;clear:both;content:'';}
.tab_sort .total {height:16px;display:inline-block;float:left;}
.tab_sort .total:after {width:1px;height:12px;margin:0 12px 0 25px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';}
.tab_sort ul {height:16px;line-height:1.3em;float:left;}
.tab_sort ul li {display:inline-block;}
.tab_sort ul li a {display:block;color:#999;padding:0 10px;text-align:center;}
.tab_sort ul li a.active {color:#222;font-weight:600;}
.tab_sort ul li a:hover {color:#222;text-decoration:none;}
.tab_sort select {width:85px;height:24px;margin-top:-12px;position:absolute;top:50%;right:0;}

/*서브페이지 왼쪽메뉴*/
#aside {float:left;width:185px;}
.aside_hd{padding:5px 0 35px 1px;font-weight:500;font-size:28px;line-height:35px;color:#333;letter-spacing:-1px}
/* .aside_hd {height:120px;background:#541b86;text-align:center;} */
/* .aside_hd p {padding:0;margin:0;line-height:1em;} */
/* .aside_hd p.eng {padding-top:40px;font-size:14px;font-weight:400;color:#e1e1e1;text-transform:uppercase;} */
/* .aside_hd p.kor {padding-top:10px;font-size:22px;font-weight:600;color:#fff;} */
.aside_name {padding:10px 0 10px 15px;border-bottom:1px solid #121418;background-color:#2c313c;font-weight:600;color:#fff;}
.aside_menu{border:1px solid #f2f2f2;list-style:none;border-radius: 8px;}
.aside_menu dt a{cursor:pointer;border-bottom:1px solid #f2f2f2;padding:15px 13px 15px 20px;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:19px;letter-spacing:-.3px;font-size:16px;color:#666}
.aside_menu dt:last-child a{border-bottom:none;}
.aside_menu dt a:hover, .aside_menu dt a.active{background-color:#fafafa;color:#5f0080;font-weight:500;}
.aside_menu dt a:hover svg use, .aside_menu dt a.active:hover svg use{stroke:#5f0080}
.aside_menu ul {
    padding: 15px 20px;
    border-bottom:1px solid #f2f2f2;
}
.aside_menu ul li {
    padding: 8px 0;
    font-size:16px;
}
.aside_menu ul li a {
    text-decoration:none
}
.aside_menu ul li a:hover, .aside_menu ul li a.active {
    color:#5f0080;font-weight:600;
}
.aside_cs dl {
    padding: 15px;
    margin: 20px 0;
    align-items: center;
    background-color: #fafafa;
    line-height: 20px;
    font-size: 13px;
    border-radius: 8px;
}
.aside_cs dl dt {font-size: 17px;
    font-weight: 500;margin-bottom: 8px;}
    .aside_cs .cs_info .cs_info_tel {font-size: 18px;
        font-weight: 700;margin-bottom: 3px;
    }
.aside_cs button {    
    width: 100%;
    background: #000;
    color: #fff;
    border:#000 solid 1px;
    padding: 10px;
    margin-top: 10px;
    transition:All 0.3s ease;
    border-radius: 5px;
}
.aside_cs button:hover {
    background-color: #fff;
    color:#000;
}
.aside_bx {background-color:#495164;color:#fff;}
.aside_bx li {position:relative;padding-left:15px;height:36px;font-size:11px;line-height:36px;border-top:1px solid #525a6c;border-bottom:1px solid #444c5e;}
.aside_bx li:first-child {border-top:0;}
.aside_bx li span {position:absolute;top:0;right:10px;}
.aside_bx li span a {font-weight:600;color:#fff;}
/* .aside_cs {border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;}
.aside_cs dt {height:37px;font-size:13px;font-weight:600;line-height:2.9;border-top:1px solid #ddd;position:relative;}
.aside_cs dt:first-child {border-top:0 !important;}
.aside_cs dt a:after {font-family:FontAwesome;font-size:19px;font-weight:normal;line-height:2em;color:#ccc;position:absolute;top:0;right:15px;content:"\f105";}
.aside_cs dd {padding:8px 0;border-top:1px dotted #ddd;}
.aside_cs dt a,
.aside_cs dd li a {padding:0 15px;text-decoration:none;display:block;}
.aside_cs dt:hover a,
.aside_cs dt:hover a:after {color:#541b86;}
.aside_cs dd li a:hover {color:#454545; background-color:#f5f5f5;}
.aside_cs dd li a {padding:5px 15px 5px 22px !important;color:#999;background:url('/img/lm_dot.gif') no-repeat 15px 11px;} */
.aside_my {margin-top:10px;border:1px solid #ddd;}
.aside_my dt {margin-top:7px;padding:10px 0 7px 15px;font-weight:600;border-top:1px solid #ddd;}
.aside_my dt:first-child {margin-top:0;border-top:0;}
.aside_my dd a {line-height:1.9em;padding-left:15px;color:#666;display:block;text-decoration:none !important;}
.aside_my dd a:hover {background-color:#f5f5f5;color:#454545;}

/*로그인*/
.login_tab {width:752px;margin:0 auto 20px;z-index:1;}
.login_tab li {width:50%;height:45px;text-align:center;float:left;overflow:visible;position:relative;}
.login_tab li span {font-size:13px;line-height:45px;color:#aaa;background-color:#fff;border-width:1px;border-style:solid;border-color:#e1e1e1 #e1e1e1 #222;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;}
.login_tab li:first-child span {right:-1px;}
.login_tab li.active span {color:#222;border-color:#222 #222 transparent;z-index:2;}
.login_wrap {width:750px;margin:0 auto;border:1px solid #e1e1e1;display:none;text-align:center;overflow:hidden;}
.login_wrap.active {display:table;}
.log_inner {padding:40px 50px;display:table-cell;}
.log_inner dt {font-size:16px;font-weight:600;color:#222;margin-bottom:20px;text-align:center;}
.log_inner dd {margin-bottom:5px;text-align:center;}
.log_inner .stxt {color:#999;margin-bottom:10px;text-align:center;}
.log_inner .log_op {font-size:13px;margin:15px auto 0;max-width:500px; text-align:left;}
.log_inner .log_op input[type=checkbox] {width:15px;height:15px;}
.log_inner input[type=text],
.log_inner input[type=password] {width:100%;max-width:500px;height:40px;padding:12px 15px;line-height:1em;font-size:13px;border:1px solid #ddd;}
.log_inner dd button,
.log_inner dd a {width:100%;max-width:500px;}
.log_bt_box {width:710px;font-size:13px;padding:20px;margin:-1px auto 40px;border:1px solid #e1e1e1;background-color:#fafafa;text-align:center;}
.login_wrap .in_box p {margin:0 0 10px 0;}
.login_wrap .bt_box {padding:20px 0 10px;text-align:center;overflow:hidden;}
.login_wrap .bt_box a {font-size:13px;display:inline-block;}
.login_wrap .bt_box a:before {width:1px;height:12px;background-color:#ccc;margin:0 15px;display:inline-block;vertical-align:middle;content:"";}
.login_wrap .bt_box a:first-child:before {display:none;}

/*SNS로그인*/
.sns_btn {width:199px;padding:40px;border-left:1px solid #e1e1e1;display:table-cell;}
.sns_btn h3 {font-size:16px;font-weight:600;color:#222;margin-bottom:30px;text-align:center;}
.sns_btn a {margin-top:5px;display:block !important;}
.bt_naver,
.bt_face,
.bt_google,
.bt_kakao {height:40px;line-height:40px;font-size:14px;font-weight:600;padding:0 25px 0 60px;display:inline-block;text-decoration:none !important;position:relative;}
.bt_naver {color:#fff !important;background-color:#1ec800;}
.bt_naver:hover {background-color:#1bb300;}
.bt_naver .bt_ic {width:40px;height:40px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_naver .bt_ic:after {width:0;height:40px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_face {color:#fff !important;background-color:#3b579d;}
.bt_face:hover {background-color:#304c91;}
.bt_face .bt_ic {width:40px;height:40px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_face .bt_ic:after {width:0;height:40px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_kakao {color:#381E1E !important;background-color:#F1DC43;}
.bt_kakao:hover {background-color:#e9d334;}
.bt_kakao .bt_ic {width:40px;height:40px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_kakao .bt_ic:after {width:0;height:40px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_google {color:#000 !important;background-color:#f6f6f6;}
.bt_google:hover {background-color:#f6f6f6;}
.bt_google .bt_ic {width:40px;height:40px;background-color:#f6f6f6;text-align:center;display:inline-block;position:absolute;top:0;left:0;}
.bt_google .bt_ic:after {width:0;height:40px;border-left:1px solid #f6f6f6;border-right:1px solid #e6e6e6;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_google .bt_ic img {height:22px;}
.bt_ic img {margin-bottom:2px;}

/*회원*/
.regi_box {padding:20px;border:1px solid #ddd;background-color:#fafafa;}
.regi_box .agree_box {height:150px;font-size:13px;color:#555;padding:12px 15px;line-height:1.4em;border:1px #eee solid;background-color:#fff;overflow-y:auto;}
.agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;}
.sns_box {border:1px solid #ddd;text-align:left;}
.sns_box h3 {font-size:15px;padding:10px 20px;background-color:#fafafa;border-bottom:1px solid #ddd;}
.sns_box p {padding:20px;text-align:center;}
.sns_box a {margin-right:5px;}

/*인기검색어 순위*/
.kw_rank {width:167px;height:302px;border-right:1px solid #ddd;padding:15px;float:left;}
.kw_rank h3 {font-size:16px;margin-bottom:12px;}
.kw_rank li {line-height:26px;padding:0 25px;border-bottom:1px solid #ddd;position:relative;}
.kw_rank li .rank_num {width:25px;font-weight:13px;font-weight:800;text-align:center;display:inline-block;position:absolute;left:0;top:0;}
.kw_rank li .rank_icon {font-size:0;display:inline-block;position:absolute;top:0;right:0;}
.kw_rank li .rank_icon:before {font-size:18px;line-height:23px;margin-right:4px;color:#888;content:'-';}
.kw_rank li .rank_icon.rnew {width:14px;height:14px;font-size:12px;line-height:14px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;margin-top:-7px;}
.kw_rank li .rank_icon.rnew:before {display:none !important;}
.kw_rank li .rank_up {width:12px;}
.kw_rank li .rank_up:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#c2191f;content:'\f0d8';}
.kw_rank li .rank_down {width:12px;}
.kw_rank li .rank_down:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#22b0bd;content:'\f0d7';}
.kw_rank li:first-child a,
.kw_rank li:nth-child(2) a,
.kw_rank li:nth-child(3) a,
.kw_rank li:first-child .rank_num,
.kw_rank li:nth-child(2) .rank_num,
.kw_rank li:nth-child(3) .rank_num {color:#ee7d4d;}
.kw_rank li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;}
.kw_rank li:hover {background-color:#fafafa;}

/*브랜드샵*/
.br_search {padding:25px 12px 12px 12px;border:1px solid #ddd;text-align:center;}
.br_search #br_sch {margin-top:25px;overflow:hidden;display:inline-block;}
.br_search .sch_inner {width:430px;margin:0 auto;}
.br_search .sch_inner dt {width:73px;height:37px;line-height:2.4;font-size:15px;font-weight:600;color:#555;float:left;}
.br_search .sch_inner dd {width:355px;height:35px;border:1px solid #555;float:left;}
.br_search .sch_inner dd input[type=text] {width:320px;height:35px;font-size:13px;padding:0 10px;line-height:2.3;border:0;}
.br_search .sch_inner dd .btn_submit {width:35px;height:35px;color:#555;font-size:20px;padding-bottom:2px;border:0;cursor:pointer;}
.br_search .sch_tab {width:125px;border:1px solid #555;float:left;}
.br_search .sch_tab li {width:50%;text-align:center;float:left;cursor:pointer;}
.br_search .sch_tab li a {height:25px;color:#666;line-height:2;text-decoration:none !important;display:block;}
.br_search .sch_tab li.active a {color:#fff;background-color:#555;}
.br_search .sch_tab_con {margin-left:7px;float:left;}
.br_search .sch_tab_con li {width:24px;height:25px;color:#666;line-height:2;margin-left:3px;border:1px solid #ddd;float:left;text-align:center;cursor:pointer;}
.br_search .sch_tab_con li:hover {border:1px solid #555;}
.br_search .sch_tab_con li.active {color:#fff;font-weight:600;background-color:#555;border:1px solid #555;}
.br_list {width:100%;overflow:hidden;margin:20px 0 0;}
.br_list ul {width:1008px;margin-left:-8px;}
.br_list li {width:158px;border:1px solid #ddd;margin:0 0 8px 8px;float:left;}
.br_list li:hover {border:1px solid #222;}
.br_list li a {height:64px;padding:10px 15px;color:#666;text-align:center;text-decoration:none !important;display:block;}
.br_list li img {width:auto;max-width:128px;height:40px;}
.br_list li p {height:16px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.br_view_tit {width:100%;height:110px;margin-bottom:20px;background-color:#bbb;position:relative;}
.br_view_tit .tit_logo {width:128px;height:40px;padding:35px 183px 35px 215px;background:url('/img/br_view_bg.png') no-repeat right top;float:right;}
.br_view_tit .tit_logo img {width:auto;max-width:128px;height:40px;}
.br_view_tit .tit_txt {width:500px;height:40px;color:#fff;font-size:30px;line-height:1.3;position:absolute;top:35px;left:50px;z-index:99;}

/*비회원구매약관*/
#guest_privacy {margin:30px 0 0;}
#guest_privacy h2 {margin:0 0 10px;font-size:17px;text-align:left;}
#guest_privacy p {margin:0 0 10px;}
#guest_privacy .tbl_head02 {border:1px solid #e1e1e1;}
#guest_privacy .tbl_head02 td {width:33%;}
#guest_privacy #guest_agree {padding:12px 0;text-align:left;}
#guest_privacy #guest_agree label {display:inline-block;margin-right:5px;}

/*인스타그램*/
.insta {width:100%;padding:40px 0 50px;background-color:#f8f8f8;border-top:1px solid #eee;}
.insta h2 {font-size:19px;font-weight:800;letter-spacing:2px;text-align:center;color:#222;}
.insta h2 a {margin-left:15px;font-size:13px;font-weight:600;letter-spacing:0;text-decoration:none !important;}
.insta h2 a:hover {color:#888;}
.insta ul {width:1050px;margin:20px auto 0;}
.insta li {width:118px;height:118px;margin-left:8px;float:left;position:relative;}
.insta li:first-child {margin-left:0 !important;}
.insta li a {display:block;}
.insta li:hover a:before {background-color:rgba(255,255,255,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';}
.insta li img {width:100%;height:auto;}

/*faq - 스타일은 아래 게시판 스타일 섹션에서 통합 관리 */

/* ============================================
   게시판 스타일 (보라색 계열)
   ============================================ */

/* 게시판 카테고리 */
.bo_cate {margin-bottom:20px;text-align:center;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
.bo_cate li {display:inline-block;margin:0;}
.bo_cate li a {font-size:15px;padding:10px 20px;border:1px solid #e9ecef;border-radius:6px;display:block;text-align:center;text-decoration:none !important;background-color:#ffffff;color:#6c757d;font-weight:500;transition:all 0.2s ease;}
.bo_cate li a:hover {background-color:#f8f4fb;border-color:#8e31b9;color:#8e31b9;text-decoration:none !important;}
.bo_cate li.active a {font-weight:600;background-color:#8e31b9;border-color:#8e31b9;color:#ffffff;}

/* 게시판 테이블 스타일 */
.tbl_head01, .tbl_head02 {width:100%;border-collapse:collapse;font-size:15px;background-color:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #e9ecef;margin-bottom:24px;}
.tbl_head01 thead, .tbl_head02 thead {background-color:#f8f4fb;}
.tbl_head01 thead th, .tbl_head02 thead th {padding:16px 20px;text-align:left;font-weight:600;color:#5f0080;border-bottom:2px solid #e0d0f0;white-space:nowrap;font-size:15px;}
.tbl_head01 thead th.center, .tbl_head02 thead th.center,
.tbl_head01 thead th.tac, .tbl_head02 thead th.tac {text-align:center;}
.tbl_head01 thead th.right, .tbl_head02 thead th.right,
.tbl_head01 thead th.tar, .tbl_head02 thead th.tar {text-align:right;}
.tbl_head01 tbody td, .tbl_head01 tbody th,
.tbl_head02 tbody td, .tbl_head02 tbody th {padding:16px 20px;border-bottom:1px solid #f1f3f5;color:#212631;vertical-align:middle;font-size:15px;line-height:1.6;}
.tbl_head01 tbody th, .tbl_head02 tbody th {font-weight:600;background-color:#f8f4fb;text-align:left;}
.tbl_head01 tbody td.center, .tbl_head02 tbody td.center,
.tbl_head01 tbody td.tac, .tbl_head02 tbody td.tac {text-align:center;}
.tbl_head01 tbody td.right, .tbl_head02 tbody td.right,
.tbl_head01 tbody td.tar, .tbl_head02 tbody td.tar {text-align:right;}
.tbl_head01 tbody td.left, .tbl_head02 tbody td.left,
.tbl_head01 tbody td.tal, .tbl_head02 tbody td.tal {text-align:left;}
.tbl_head01 tbody tr:hover, .tbl_head02 tbody tr:hover {background-color:#f8f4fb;}
.tbl_head01 tbody tr.list0, .tbl_head02 tbody tr.list0 {background-color:#ffffff;}
.tbl_head01 tbody tr.list1, .tbl_head02 tbody tr.list1 {background-color:#fafafa;}
.tbl_head01 tbody tr.empty-row td, .tbl_head02 tbody tr.empty-row td,
.tbl_head01 tbody td.empty_table, .tbl_head02 tbody td.empty_table,
.tbl_head01 tbody td.empty_list, .tbl_head02 tbody td.empty_list {padding:50px 20px;text-align:center;color:#6c757d;border-bottom:none;font-size:15px;}

/* 게시판 제목 링크 */
.tbl_head01 tbody td a, .tbl_head02 tbody td a {color:#212631;text-decoration:none;transition:color 0.2s ease;}
.tbl_head01 tbody td a:hover, .tbl_head02 tbody td a:hover {color:#8e31b9;text-decoration:none;}

/* 게시판 읽기/폼 스타일 */
.tbl_frm01, .tbl_frm02 {width:100%;border-collapse:collapse;font-size:15px;background-color:#ffffff;border-radius:8px;overflow:hidden;border:1px solid #e9ecef;margin-bottom:24px;}
.tbl_frm01 table, .tbl_frm02 table {width:100%;border-collapse:collapse;}
.tbl_frm01 tbody td, .tbl_frm02 tbody td {padding:16px 20px;border-bottom:1px solid #f1f3f5;color:#212631;font-size:15px;line-height:1.6;vertical-align:top;}
.tbl_frm01 tbody tr:last-child td, .tbl_frm02 tbody tr:last-child td {border-bottom:none;}
.tbl_frm01 tbody tr.list1 td, .tbl_frm02 tbody tr.list1 td {background-color:#f8f4fb;font-weight:500;color:#5f0080;}
.tbl_frm01 .fs14, .tbl_frm02 .fs14 {font-size:15px;}

/* 게시판 댓글 영역 */
.tbl_frm02 tbody tr.sod_qa_con td {background-color:#f8f4fb;padding:20px;border-top:2px solid #e0d0f0;color:#212631;line-height:1.8;}

/* 게시판 읽기 페이지 tbody 내 이미지 */
.tbl_frm01 tbody img, .tbl_frm02 tbody img {width:1000px;max-width:100%;height:auto;}

/* 게시물 개수 표시 */
.pg_cnt {margin:0 0 20px;font-size:15px;color:#6c757d;}
.pg_cnt em {color:#8e31b9;font-weight:600;}

/* 게시판 버튼 영역 */
.page_wrap {height:auto;margin:24px 0;text-align:center;position:relative;padding:20px 0;display:flex;justify-content:space-between;align-items:center;}
.page_wrap .lbt_box {position:static;flex:1;text-align:left;}
.page_wrap .rbt_box {position:static;flex:1;text-align:right;display:flex;gap:8px;justify-content:flex-end;}

/* 게시판 버튼 스타일 */
.board_cont .btn_lsmall, .board_cont .btn_medium, .board_cont .btn_ssmall, .board_cont .btn_small {display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:15px;font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all 0.2s ease;text-decoration:none !important;white-space:nowrap;user-select:none;}
.board_cont .btn_lsmall:hover, .board_cont .btn_medium:hover, .board_cont .btn_ssmall:hover, .board_cont .btn_small:hover {text-decoration:none !important;}
.board_cont .btn_lsmall.bx-white, .board_cont .btn_medium.grey, .board_cont .btn_ssmall.bx-white {background-color:#ffffff;color:#212631;border-color:#e9ecef;}
.board_cont .btn_lsmall.bx-white:hover, .board_cont .btn_medium.grey:hover, .board_cont .btn_ssmall.bx-white:hover {background-color:#f8f4fb;border-color:#8e31b9;color:#8e31b9;}
.board_cont .btn_lsmall:not(.bx-white), .board_cont .btn_small.wset {background-color:#8e31b9;color:#ffffff;border-color:#8e31b9;}
.board_cont .btn_lsmall:not(.bx-white):hover, .board_cont .btn_small.wset:hover {background-color:#7a2a9e;border-color:#7a2a9e;color:#ffffff;}

/* 네이버톡톡문의 버튼 */
.btn_naver_talk {background-color:transparent;color:#03C75A !important;border:1px solid #03C75A;text-decoration:none !important;position:relative;font-size:15px !important;padding:10px 20px 10px 50px !important;}
.btn_naver_talk:before {content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url('/img/icon/icon_navertalktalk.png');background-size:contain;background-repeat:no-repeat;background-position:center;}
.btn_naver_talk:hover {background-color:#e9ecef;border-color:#03C75A !important;color:#03C75A !important;text-decoration:none !important;}

/* FAQ 버튼 */
.btn_faq {background-color:transparent;color:#8e31b9 !important;border:1px solid #8e31b9;text-decoration:none !important;font-size:15px !important;padding:10px 20px !important;}
.btn_faq:hover {background-color:#f5f5f5;border-color:#8e31b9 !important;color:#8e31b9 !important   ;text-decoration:none !important;}

/* 1:1문의 박스 */
.qna_naver_box {max-width:600px;margin:40px auto;padding:40px;border:2px solid #e9ecef;border-radius:8px;text-align:center;background-color:#ffffff;}
.qna_naver_message {font-size:18px;font-weight:500;color:#212631;margin-bottom:30px;line-height:1.6;}
.qna_naver_buttons {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* QNA 버튼 간격 */
.btn_naver_talk.marr8 {margin-right:8px;}
.btn_faq.marl8 {margin-left:8px;}

/* QNA 페이지 버튼 크기 조정 */
.qna_naver_buttons .btn_small,
#con_lf .tar .btn_small,
#con_lf .tar .btn_faq {font-size:15px !important;padding:10px 20px !important;}
#con_lf .tar .btn_naver_talk {font-size:15px !important;padding:10px 20px 10px 50px !important;}

/* 검색 영역 */
.bottom_sch {padding:20px;background-color:#f8f4fb;border:1px solid #e0d0f0;border-radius:8px;text-align:center;margin-bottom:24px;}
.bottom_sch select, .bottom_sch input[type="text"] {padding:10px 14px;font-size:15px;height:42px;border:1px solid #e9ecef;border-radius:6px;background-color:#ffffff;color:#212631;margin-right:8px;transition:all 0.2s ease;}
.bottom_sch select:focus, .bottom_sch input[type="text"]:focus {outline:none;border-color:#8e31b9;box-shadow:0 0 0 3px rgba(142, 49, 185, 0.1);}
.bottom_sch .frm_input {min-width:200px;}

/* FAQ 스타일 개선 */
.faq_li {margin-top:24px;}
.faq_li li {font-size:15px;line-height:1.6;border-bottom:1px solid #e9ecef;position:relative;transition:all 0.2s ease;}
.faq_li li:first-child {border-top:1px solid #e9ecef;}
.faq_li li:before {font-size:18px;font-weight:700;position:absolute;left:12px;top:12px;}
.faq_li .faq_q {padding:16px 16px 16px 48px;cursor:pointer;background-color:#ffffff;color:#212631;font-weight:500;transition:all 0.2s ease;font-size:17px !important;}
.faq_li .faq_q:before {color:#8e31b9;content:"Q";top:16px;left:16px;}
.faq_li .faq_q:hover {background-color:#f8f4fb;color:#8e31b9;}
.faq_li .faq_q.active {background-color:#f8f4fb;color:#8e31b9;border-left:3px solid #8e31b9;}
.faq_li .faq_a {padding:20px 20px 20px 48px;background-color:#f8f4fb;display:none;color:#212631;line-height:1.8;border-left:3px solid #e0d0f0;font-size:16px !important;}
.faq_li .faq_a:before {color:#6c757d;content:"A";top:20px;left:16px;font-weight:600;}

/* FAQ 탭 메뉴 */
#tab_cate {height:auto;border-bottom:2px solid #8e31b9;margin:20px 0 24px !important;background:none;}
#tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#tab_cate ul {overflow:visible;zoom:1;display:flex;gap:0;margin:0;padding:0;list-style:none;}
#tab_cate li {margin:0;float:none;overflow:visible;}
#tab_cate li a {height:auto;color:#6c757d;padding:12px 24px;font-size:15px;line-height:1.5;background-color:#f8f4fb;text-align:center;display:block;text-decoration:none !important;position:relative;border-radius:6px 6px 0 0;margin-right:4px;transition:all 0.2s ease;font-weight:500;}
#tab_cate li.active a {height:auto;color:#ffffff;line-height:1.5;background-color:#8e31b9;z-index:10;font-weight:600;}
#tab_cate li:first-child {margin-left:0 !important;}
#tab_cate li a:after {display:none;}

/* 상품후기 공지 뱃지 */
.notice_badge {font-size:13px;font-weight:600;padding:4px 10px;margin-right:10px;line-height:1.2;border-radius:4px;color:#ffffff;background-color:#8e31b9;vertical-align:middle;display:inline-block;}

/* 상품문의 답변 영역 */
.sod_qa_con {background-color:#f8f4fb !important;border-top:2px solid #e0d0f0 !important;}

/* 게시판 입력 필드 */
.tbl_frm01 .frm_input, .tbl_frm02 .frm_input,
.tbl_frm01 input[type="text"], .tbl_frm02 input[type="text"],
.tbl_frm01 input[type="password"], .tbl_frm02 input[type="password"] {padding:10px 14px;font-size:15px;height:42px;border:1px solid #e9ecef;border-radius:6px;background-color:#ffffff;color:#212631;transition:all 0.2s ease;box-sizing:border-box;width:auto;min-width:150px;}
.tbl_frm01 select, .tbl_frm02 select {padding:10px 40px 10px 14px;font-size:15px;height:42px;border:1px solid #e9ecef;border-radius:6px;background-color:#ffffff;color:#212631;transition:all 0.2s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none' stroke='%235f0080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;min-width:200px;}
.tbl_frm01 select:focus, .tbl_frm02 select:focus {outline:none;border-color:#8e31b9;box-shadow:0 0 0 3px rgba(142, 49, 185, 0.1);}
.tbl_frm01 select option:first-child, .tbl_frm02 select option:first-child {color:#9ca3af;}
.tbl_frm01 .wfull, .tbl_frm02 .wfull {width:100% !important ;}
.tbl_frm01 .frm_input:focus, .tbl_frm02 .frm_input:focus,
.tbl_frm01 input[type="text"]:focus, .tbl_frm02 input[type="text"]:focus,
.tbl_frm01 input[type="password"]:focus, .tbl_frm02 input[type="password"]:focus {outline:none;border-color:#8e31b9;box-shadow:0 0 0 3px rgba(142, 49, 185, 0.1);}
.tbl_frm01 .frm_textbox, .tbl_frm02 .frm_textbox {padding:12px 14px;font-size:15px;border:1px solid #e9ecef;border-radius:6px;background-color:#ffffff;color:#212631;transition:all 0.2s ease;box-sizing:border-box;width:100%;resize:vertical;font-family:inherit;line-height:1.6;}
.tbl_frm01 .frm_textbox:focus, .tbl_frm02 .frm_textbox:focus {outline:none;border-color:#8e31b9;box-shadow:0 0 0 3px rgba(142, 49, 185, 0.1);}
.tbl_frm01 .frm_textbox.h60, .tbl_frm02 .frm_textbox.h60 {min-height:60px;}

/* 게시판 래퍼 */
.tbl_wrap {overflow-x:auto;border-radius:8px;}

/* 반응형 */
@media screen and (max-width: 768px) {
	.tbl_head01 thead th, .tbl_head02 thead th,
	.tbl_head01 tbody td, .tbl_head02 tbody td,
	.tbl_frm01 tbody td, .tbl_frm02 tbody td {padding:12px 15px;font-size:14px;}
	.page_wrap {flex-direction:column;gap:12px;}
	.page_wrap .lbt_box, .page_wrap .rbt_box {text-align:center;justify-content:center;}
	.bo_cate {gap:6px;}
	.bo_cate li a {font-size:14px;padding:8px 16px;}
	#tab_cate ul {flex-wrap:wrap;}
	#tab_cate li a {font-size:14px;padding:10px 18px;}
}

/*갤러리 게시판*/
.gallery {padding:15px 0;border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.gallery a {display:block;text-decoration:none !important;}
.gallery dl {width:260px;margin:10px 0 10px 20px;padding-bottom:15px;border:1px solid #eee;position:relative;float:left;display:table;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border-radius: 8px;}
.gallery dl:nth-child(3n+1){margin-left:0 !important;clear:both;}
.gallery dl dt {width:unset;height:152px;border-bottom:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;}
.gallery dl dt img {width:auto;max-width:100%;height:auto;max-height:100%;}
#con_lf .gallery dl dt img {width:260px; height:100%; object-fit: cover;}
.gallery dl dd {font-size:12px;color:#999;padding:0 12px;text-align:center;}
.gallery dl dd.bo_tit {font-size:17px;font-weight:600;color:#222;margin:15px 0 7px;white-space:nowrap;text-overflow:ellipsis;}
.gallery dl dd.bo_tit .bo_notice {font-size:11px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}

/* 상품후기 게시판 공지 뱃지 */
.notice_badge {font-size:11px;font-weight:normal;padding:3px 8px;margin-right:8px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b9;vertical-align:middle;display:inline-block;}
.gallery dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.gallery dl:hover {border-color:#222;}
.gallery .bo_chk {position:absolute;left:0;top:13px;}
.gallery .bo_chk input {width:17px;height:17px;}
@media (min-width: 1400px) {
    .gallery dl {width: 350px;margin: 10px 0 30px 30px;}
    .gallery dl dt {height: 192px;}
    #con_lf .gallery dl dt img {width:350px;}
}

/*이벤트 게시판*/
.event {padding:15px;border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.event a {display:flex;text-decoration:none !important;}
.event dl {width:100%;margin:10px 0 30px;padding-bottom:15px;position:relative;float:left;display:table;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.event dl dt {width:50%;height:150px;border-radius: 8px;border-bottom:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;}
.event dl dt img {width:100%;max-width:100%;height:auto;max-height:100%;}
#con_lf .event dl dt img {width:1150px; height:100%; object-fit: cover;}
.event dl dd {padding:0 12px;}
.event dl .bo_desc_wrap {width:50%; padding-left:10px}
.event dl dd.bo_date {font-size:16px;color:#999;margin-top:10px;}
.event dl dd.bo_badge {display: inline-block;border-radius: 3px;padding: 3px 10px;margin: 10px;font-size: 14px;font-weight: 600;color: white;text-align: center;letter-spacing: 0px;background-color: #7d7d7d}
.event dl dd.bo_badge.active {background-color: #1ca507}
.event dl dd.bo_tit {font-size:20px;font-weight:600;color:#222;margin:15px 0 7px;white-space:nowrap;text-overflow:ellipsis;}
.event dl dd.bo_tit .bo_notice {font-size:11px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.event dl dd.bo_tit p {font-size:12px;color:#999;margin-top:10px;}
.event dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.event dl:hover {border-color:#222;}
.event .bo_chk {position:absolute;left:0;top:13px;}
.event .bo_chk input {width:17px;height:17px;}
@media (min-width: 1400px) {
    /* .event dl dt {height: 192px;}
    #con_lf .event dl dt img {width:350px;} */
}

/*웹진스킨 게시판*/
.webzine {border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;}
.webzine a {height:110px;display:block;text-decoration:none !important;}
.webzine dl {height:110px;padding:20px 0 20px 145px;border-top:1px solid #eee;position:relative;clear:both;}
.webzine dl:first-child {border-top:0 !important;}
.webzine dl dt {display:table;position:absolute;left:0;top:15px;}
.webzine dl dt p {width:120px;height:120px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
.webzine dl dt p img {width:auto;max-width:100%;height:auto;max-height:100%;}
.webzine dl dd {font-size:12px;color:#aaa;text-align:left;}
.webzine dl dd.bo_tit {font-size:16px;font-weight:600;color:#222;margin:0 0 8px;white-space:nowrap;text-overflow:ellipsis;}
.webzine dl dd.bo_tit .bo_notice {font-size:12px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;}
.webzine dl dd.bo_txt {height:50px;margin-top:17px;color:#666;line-height:1.4em;}
.webzine dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';}
.webzine .bo_chk {position:absolute;left:0;top:13px;}
.webzine .bo_chk input {width:17px;height:17px;}

/*기획전*/
.plan {}
.plan a {text-decoration:none !important;}
.plan li {width:318px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;}
.plan li:nth-child(3n+1) {margin-left:0 !important;clear:both;}
.plan li .plan_img {width:318px;height:180px;}
.plan li .plan_img img{width:100%;height:auto;}
.plan li .plan_tit {height:15px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;}

/*타임세일*/
.timesale {}
.timesale li {width:31.5%;margin:2.75% 0 0 2.75%;float:left;position:relative;}
.timesale li:nth-child(3n+1){margin-left:0 !important;clear:both;}
.timesale li a {display:block;text-decoration:none !important;}
.timesale li dt {width:calc(100% - 2px);height:auto;border:1px solid #e1e1e1;position:relative;}
.timesale li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li dt img {width:100%;height:auto;}
.timesale li dd {position:relative;text-align:center;}
.timesale li .pname {height:42px;font-size:15px;color:#000;line-height:1.4em;margin:12px 3px 0;}
.timesale li .ptime {height:27px;font-weight:600;padding:10px;margin-top:-1px;border:1px solid #e1e1e1;background-color:#f5f5f5;}
.timesale li .ptime span {display:inline-block;}
.timesale li .ptime .num {font-size:15px;padding:5px 7px;border-radius:3px;margin:0 0 0 4px;color:#fff;background-color:#333;letter-spacing:0;}
.timesale li .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;}
.timesale li .price .mpr {font-weight:800;color:#000;}
.timesale li .price .mpr span {font-weight:normal;margin-left:2px;}
.timesale li .price .spr {margin-right:5px;font-size:12px;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;}
.timesale li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:33%;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.timesale li:hover dt:after {background-color:rgba(0,0,0,0.2);}
.timesale li:hover .ic_bx {opacity:1;}

/*네이버페이*/
.naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;}
.cart-naverpay{margin-top:15px;}

/*회원가입 약관*/
#fregister section {padding:30px 0 0 0;}
#fregister section:first-child {padding:0 !important;}
#fregister h2 {margin:0 0 10px;font-size:17px;text-align:left;}
#fregister textarea {display:block;padding:10px;width:100%;height:200px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;}
#fregister .fregister_agree {padding:12px;text-align:left;}
#fregister .fregister_agree label {display:inline-block;margin-right:5px;}
#fregister .fregister_agree label>span {color:#999999 !important;}
#fregister_private .tbl_head02 {border:1px solid #e1e1e1;}
#fregister_private .tbl_head02 td {width:33%;}

/*회원가입 입력*/
#fregisterform {}
#fregisterform h3 {margin:20px 0 5px;}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background-color:#eaf4ff;text-align:center;}

/* 회원가입 완료 */
#reg_result {}
#reg_result #result_email {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_email span {display:inline-block;width:150px;}
#reg_result #result_coupon {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;}
#reg_result #result_coupon strong {color:#ff3061;font-weight:normal;}
#reg_result .bx-danger {margin:30px 0 0;padding:30px !important;line-height:1.8em !important;}
#reg_result .btn_confirm {margin:50px 0;}

/*회원탈퇴*/
#fleaveform {}
#fleaveform section {font-size:13px;margin:30px 0 0 0;}
#fleaveform section li {height:23px;line-height:1.7em;}
#fleaveform .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding:120px 0 150px;width:600px;}
#mb_confirm h1 {margin:0 0 12px;font-size:20px;font-weight:600;}
#mb_confirm p {padding:20px;border:1px solid #ddd;border-bottom:0;background-color:#fff;}
#mb_confirm p strong {display:block;padding-bottom:4px;}
#mb_confirm fieldset {margin:0 0 20px;padding:30px 0;border:1px solid #ddd;background-color:#f9f9f9;text-align:center;}
#mb_confirm fieldset .frm_input {background-color:#fff !important;}
#mb_confirm label {margin:0 7px 0 0;}
#mb_confirm_id {display:inline-block;margin:0 30px 0 7px;font-weight:600;}

/*아이디/비밀번호 찾기*/
#find_info {}
#find_info #info_fs {margin:0 20px 0 20px;padding:0;background-color:#fff;}
#find_info #info_fs .frm_input {width:70%;}
#find_info p {margin:0 0 10px;line-height:1.8em;}
#find_info .info_form {padding:10px 15px;background-color:#f8f8f8;}

/*입점신청*/
#fsellerform {}
#fsellerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fsellerform .frm_address {margin:5px 0 0;}
.fsellerform_term {padding:30px 0 20px;}
.fsellerform_term textarea {display:block;padding:10px;width:100%;height:150px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;}
.fsellerform_agree {padding:10px 0;text-align:left;}
.fsellerform_agree label {display:inline-block;margin-right:5px;}

/*쇼핑몰분양신청*/
#fpartnerform {}
#fpartnerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fpartnerform #reg_tot_price em {font:bold 18px tahoma;color:#ec0e03;}
.fpartnerform_term {margin:0 0 20px;}
.fpartnerform_term textarea {display:block;padding:5px;width:100%;height:100px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background:#fffcea;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fpartnerform_agree {padding:10px 0;text-align:left;}
.fpartnerform_agree label {display:inline-block;margin-right:5px;}

.fp_sign {margin:20px 0 0;overflow:hidden;}
.fp_sign .info_bx {width:393px;height:250px;padding:42px 0 0;border:1px solid #ddd;overflow:visible;position:relative;}
.fp_sign .info_bx dt {width:395px;font-size:14px;font-weight:bold;color:#fff;padding:7px 0;text-align:center;background-color:#999;position:absolute;top:-1px;left:-1px;}
.fp_sign .info_bx dd {min-height:23px;font-size:12px;padding:3px 15px;line-height:1.7em;}
.fp_sign .info_bx .m-signature-pad {height:130px;padding:12px 0 0;margin:7px 0 12px;border-top:1px dotted #ddd;position:relative;}
.fp_sign .info_bx .m-signature-pad button {position:absolute;top:15px;right:0;}
.fp_sign .info_bx .admin_seal {position:absolute;top:170px;left:110px;}
.kbw-signature {width:100%;height:100px;background-color:#f1f1f1;display:block;-ms-touch-action: none;}

/*장바구니*/
.sod_opt {margin:0;border-bottom:0;background:#fff;}
.sod_opt ul {margin:0;padding:0;list-style:none;}
.sod_opt li.ty {padding:0;color:#7d62c3;letter-spacing:0;}
.sod_opt li.ny {padding:0;color:#888888;letter-spacing:0;}
.sod_option_btn {margin:5px 0;}
#sod_bsk_btn {position:relative;margin-top:10px;height:24px;}
#sod_bsk_btn div.palt {position:absolute;left:0;top:0;}
#sod_bsk_btn div.part {position:absolute;right:0;top:0;}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:scroll;overflow-x:none}
.btn_cancel {width:60px;height:30px;background:url('/img/btn_021016.jpg') no-repeat;border:0 none;overflow:hidden;cursor:pointer;}

/*주문*/
#sod_fin_pay,#sod_fin_orderer,#sod_fin_receiver,#sod_bsk_tot,#bank_section,#tax_section {margin:30px 0 0;}
#sod_fin_cancel {margin:20px 0 0;text-align:center;}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#sod_fin_cancelfrm {display:none;padding:10px;margin:10px 0 0;background-color:#f8f8f8;}
#sod_fin_cancelfrm label {margin-right:10px;}
#sod_ws_tot{margin:20px 0 0;padding:0 10px;border:1px solid #e2e2e2;background-color:#f9f9f9;zoom:1;}
#sod_ws_tot:after{display:block;visibility:hidden;clear:both;content:"";}
#sod_ws_tot dt,
#sod_ws_tot dd{float:left;font-weight:600;padding:12px 0;border-top:1px solid #e2e2e2;}
#sod_ws_tot dt{padding-left:2%;width:48%;}
#sod_ws_tot dd{padding-right:2%;width:48%;margin:0;text-align:right;}
#sod_ws_tot .ws_price{background-color:#8f908c;color:#fff;border-top:0 !important;}
.taxbill_fld {display:none;}
.order_vbx {width:calc(100% - 2px);margin-bottom:25px;border:1px solid #ddd;overflow:hidden;display:table;}
.order_vbx dl {padding:15px 10px 10px;border-left:1px solid #ddd;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.order_vbx dl:first-child {border-left:0 !important;}
.order_vbx dt {font-size:15px;font-weight:600;margin-bottom:15px;text-align:center;}
.order_vbx dt span {font-size:11px;font-weight:normal;margin-left:5px;color:#e94c1c;}
.order_vbx dd {font-size:15px;position:relative;}
.order_vbx dd p {height:17px;color:#222;font-weight:800;padding:15px 0;}
.order_vbx dd .ddtit {height:13px;font-size:11px;font-weight:600;padding:10px 0;background-color:#eee;}
.order_vbx .od_bx1 {width:290px;}
.order_vbx .od_bx1 dd {width:calc(37% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx1 dd.total {width:calc(63% - 2px);}
.order_vbx .od_bx1 dd.total {font-size:13px;}
.order_vbx .od_bx2 {width:418px;}
.order_vbx .od_bx2 dd {width:calc(20% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}
.order_vbx .od_bx3 {width:290px;}
.order_vbx .od_bx3 dd {width:calc(25% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;}

/*마이페이지 (내쇼핑)*/
#smb_my_ov {margin:0 0 20px;}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#smb_my_act {margin:10px 0;zoom:1;}
#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_tbl {width:100%;border-top:1px solid #c0c0c0;}
#smb_my_tbl th,
#smb_my_tbl td {border-bottom:1px solid #e2e2e2;text-align:left;}
#smb_my_tbl th {width:15%;padding:10px 15px;background-color:#f8f8f8;font-weight:normal;}
#smb_my_tbl td {width:35%;padding:10px 15px;color:#666;word-break:break-all;}
#smb_my_od {margin:0 0 20px;}
#smb_my_wish {}
.smb_my_more {margin-top:10px;text-align:right;}

/*미니샵*/
.minishop_head {width:100%;border-width:0 0 7px 0;border-style:solid;}
.mini_hdinner {width:1050px;padding:15px 0;margin:0 auto;text-align:left;position:relative;}
.mini_hdinner .mini_logo img {max-height:70px;width:auto;}
.mini_hdinner .seller {margin-top:-14px;position:absolute;top:50%;right:0px;}
.mini_hdinner .seller #btn_cp_open {height:26px;line-height:26px;padding:0 12px;border:1px solid #ddd;background-color:#fff;display:block;cursor:pointer;}
.mini_hdinner .seller ul {width:350px;padding:5px 20px;background-color:#fff;border:1px solid #333;position:absolute;right:0;top:27px;z-index:2000;display:none;}
.mini_hdinner .seller ul li {font-size:13px;border-top:1px solid #e1e1e1;padding:10px 0 10px 80px;position:relative;}
.mini_hdinner .seller ul li:first-child {border-top:0 !important;}
.mini_hdinner .seller ul li span {width:80px;display:inline-block;position:absolute;top:10px;left:0;}
.mini_hdinner .seller:hover #btn_cp_open {border-color:#333;background-color:#333;color:#fff;}
.mini_hdinner .seller:hover ul {display:block;}
.mini_top {width:1050px;margin:20px auto 0;overflow:hidden;}
.mini_top .mini_cate {width:180px;float:left;}
.mini_top .mini_cate h2 {height:23px;font-size:20px;font-weight:800;color:#111;padding:17px 0;text-align:center;border-width:2px 0 1px;border-style:solid;}
.mini_top .mini_cate div {padding:12px 0;margin-top:10px;border:1px solid #ccc;}
.mini_top .mini_cate ul {height:154px;overflow-y:auto;}
.mini_top .mini_cate ul li {position:relative;}
.mini_top .mini_cate ul li a {font-size:12px;color:#111;padding:4px 15px;display:block;text-decoration:none !important;}
.mini_top .mini_cate ul li a:after {font-family:'FontAwesome';margin-top:-6px;color:#ddd;line-height:1em;position:absolute;right:15px;top:50%;content:'\f0da';}
.mini_top .mini_cate ul li a:hover {font-weight:600;background-color:#f8f8f8;}
.mini_top .mini_bn {width:800px;height:250px;overflow:hidden;float:right;}
.mini_top .mini_bn img {width:100%;height:100%;}
.mini_top .mini_bn .slick-dots li button {width:13px;height:13px;margin:0 2px;background-color:#fff;}
.mini_body {width:1050px;margin:40px auto;overflow:hidden;}
.mini_body h2 {font-size:25px;text-align:center;padding:17px 0;border-width:1px 0;border-style:solid;border-color:#000 #fff #ddd;}
.mini_body .stxt{font-size:12px;color:#333;background-color:#f1f1f1;padding:12px 20px;}

/* 기획전 */
.special_wrap {margin:30px 0 60px; padding:0 10px; text-align:center;}
.special_wrap img {width:100%; margin-bottom: 50px;}
.special_wrap .title {margin-bottom: 50px;}
.special_wrap .title h2 {font-size:25px;text-align:center;padding:17px 0;}
.special_wrap .title h2 span {font-size:12px;color:#333;background-color:#f1f1f1;padding:12px 20px;}
@media (min-width: 1024px) {
    .special_wrap {padding: 0 120px;}
}
@media (min-width: 1200px) {
    .special_wrap {padding: 0 160px;}
}
.video-container {
    position:relative;
    height:0;
    margin-top:50px;
    padding-bottom:56.25%;
  }
.video-container iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* ABOUT */
.latest_contents_wrap {margin:30px 0 60px; padding:0 10px; text-align:center;}
.latest_contents_wrap p img {width:100%}
@media (min-width: 1024px) {
    .latest_contents_wrap {padding: 0 120px;}
}
@media (min-width: 1200px) {
    .latest_contents_wrap {padding: 0 160px;}
}

.brandWrap {
    position: relative;
    margin: 100px auto;
    max-width: 1000px;
}

.brandWrap .brand_inner {
}

.brandWrap .brandBox {
    display: flex;
    align-items: center;
    margin: 50px 0;
}

.brandWrap .brandBox > div {
    padding: 0 20px;
    box-sizing: border-box;
}

.brandWrap .brandBox .imgArea {
    width: 100%;
    max-width: 450px;
}

.brandWrap .brandBox .imgArea img {
    width: 100%;
}

.brandWrap .brandBox .txtArea {
    width: 100%;
    max-width: 682px;
}

.brandWrap .brandBox .txtArea .address {
    margin: 16px 0;
}

.brandWrap .brandBox .txtArea .address i {
    font-size: 24px;
    vertical-align: middle;
    margin: 0 8px 4px 0;
}

.brandWrap .brandBox .txtArea .address p {
    padding-left: 36px;
}

.brandWrap .brandBox .txtArea h3 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 0 0 16px;
}

.brandWrap .brandBox .txtArea h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 0 0 10px;
}

.brandWrap .brandBox .txtArea p {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.brandWrap .brandBox.xans-layout-footer > .txtArea {
    max-width: 450px;
}

.brandWrap .brandBox .mapArea {
    max-width: 682px;
    width: 100%;
}

.brandWrap .manualBox {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
}

.brandWrap .manualBox .imgArea {
    width: 100%;
}

.brandWrap .manualBox .imgArea img {
    width: 100%;
    max-width: 1000px !important;
}

.brandWrap .manualBox .txtArea {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 20px;
}

.brandWrap .manualBox .txtArea h3 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
}

.brandWrap .manualBox .txtArea span {
    padding: 8px 12px;
    border-radius: 30px;
    background: #541f7e;
    transition: all .5s;
}

.brandWrap .manualBox .txtArea span a {
    display: flex;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.brandWrap .manualBox .txtArea span i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    margin: 0 4px 0 0;
}

.brandWrap .manualBox .txtArea span:hover {
    background: #9862c4;
}

.brandWrap .manualBox .txtArea span:hover a {
    text-decoration: none;
}

.brandWrap .video_area {
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.brandWrap .video_area a {
    display: block;
}

.brandWrap .video_area > div {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
}

.brandWrap .video_area > div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Together Page */
.together_wrap {
    width: 100%;
    padding: 40px 0;
}

/* 소비자와 더 가까워지다 섹션 */
.closer_section {
    text-align: center;
    margin-bottom: 80px;
    padding: 40px 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
}

.closer_section h2 {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.closer_subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 8px;
    line-height: 1.5;
}

.closer_subtitle_en {
    font-size: 14px;
    color: #999;
    font-style: italic;
    margin-bottom: 30px;
    line-height: 1.5;
}

.closer_quote {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    border-left: 4px solid #541f7e;
}

.closer_quote p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    font-weight: 500;
}

/* 파트너 섹션 */
.partner_section {
    text-align: center;
    margin-bottom: 80px;
}

.partner_section h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

.en_title {
    font-size: 16px;
    color: #999;
    font-weight: 400;
    font-style: italic;
}

.partner_list table {
    width: 100%;
    border-collapse: collapse;
    max-width: 800px;
    margin: 0 auto 30px;
}

.partner_list td {
    width: 25%;
    padding: 20px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    text-align: center;
    vertical-align: middle;
    height: 120px;
}

.partner_list td:hover {
    background-color: #fafafa;
    border-color: #ddd;
}

.partner_list img {
    max-width: 80%;
    max-height: 60px;
    height: auto;
    filter: grayscale(0%);
    transition: all 0.3s ease;
}

.partner_list td:hover img {
    filter: grayscale(1000%);
    transform: scale(1.05);
}

.partner_achievements {
    background-color: #f8f8f8;
    padding: 30px;
    border-radius: 8px;
    text-align: left;
}

.partner_achievements ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.partner_achievements li {
    font-size: 14px;
    color: #333;
    padding-left: 20px;
    position: relative;
}

.partner_achievements li:before {
    content: "•";
    color: #541f7e;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* 해외 수출 국가 섹션 */
.export_section {
    text-align: center;
    margin-bottom: 80px;
    padding: 40px 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
}

.export_section h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

.export_countries {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.en_text {
    font-size: 16px;
    color: #999;
    font-style: italic;
}

/* 직영점 섹션 */
.store_section {
    margin-bottom: 80px;
}

.store_section h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}

.store_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.store_item {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.store_item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-color: #ddd;
}

.store_item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.store_item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 8px;
}

.en_addr {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

@media (max-width: 768px) {
    .closer_section {
        padding: 30px 15px;
    }
    
    .closer_section h2 {
        font-size: 24px;
    }
    
    .partner_list td {
        padding: 15px;
        height: 100px;
    }
    
    .partner_list img {
        max-height: 50px;
    }
    
    .partner_achievements ul {
        grid-template-columns: 1fr;
    }
    
    .store_list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .store_item {
        padding: 20px;
    }
}

/* Stamp Event Page */
.stamp_event_wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: linear-gradient(135deg, #f5e6a3 0%, #e8d5a3 100%);
    border-radius: 15px;
}

/* 이벤트 헤더 */
.event_header {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.event_period {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

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

.period_date {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.d_day {
    background-color: #ff6b6b;
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
}

.progress_bar {
    width: 100%;
    height: 8px;
    background-color: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.progress_fill {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* 이벤트 설명 */
.event_description {
    margin-bottom: 30px;
}

.desc_box {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #ddd;
}

.main_text {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 8px;
}

.main_text strong {
    color: #d4691a;
    font-weight: 600;
}

.sub_text {
    font-size: 12px;
    color: #999;
    margin-top: 15px;
}

/* 스탬프 카드 */
.stamp_card {
    background: linear-gradient(135deg, #fff8e1 0%, #f5f5dc 100%);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.card_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
}

.card_header h3 {
    font-size: 24px;
    color: #2d5016;
    font-weight: 600;
    margin: 0;
}

.barcode {
    background-color: white;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.barcode img {
    width: 80px;
    height: 30px;
}

/* 미션 스탬프 */
.mission_stamps {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}

/* 일반 스탬프 */
.regular_stamps {
    margin-bottom: 30px;
}

.stamp_row {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.stamp_item {
    position: relative;
    transition: transform 0.3s ease;
}

.stamp_item:hover {
    transform: scale(1.1);
}

/* 컵 스타일 */
.cup {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.cup::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
}

.cup.red {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
    border: 2px solid #c53030;
}

.cup.red::before {
    background-color: #2d5016;
}

.cup.green {
    background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
    border: 2px solid #2f855a;
}

.cup.green::before {
    background-color: #2d5016;
}

/* 완성된 스탬프 */
.stamp_item.completed .cup {
    opacity: 1;
    transform: scale(1);
}

.stamp_item.completed .cup::after {
    content: '✓';
    position: absolute;
    color: white;
    font-size: 12px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 미완성 스탬프 */
.stamp_item:not(.completed) .cup {
    opacity: 0.3;
    filter: grayscale(100%);
}

/* 카드 하단 장식 */
.card_bottom {
    position: relative;
    height: 80px;
    background: linear-gradient(90deg, #4a90a4 0%, #5aa3b8 100%);
    margin: 0 -30px -30px -30px;
    border-radius: 0 0 15px 15px;
}

.decoration_items {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.plant, .books, .lamp, .calendar_2024 {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.plant {
    background-color: #4a7c59;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2M21 9V7L15 1H5C3.89 1 3 1.89 3 3V19C3 20.1 3.9 21 5 21H11V19H5V3H13V9H21Z"/></svg>');
}

.books {
    background-color: #8b4513;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19 2L14 6.5V17.5L19 13V2M6.5 5C4.55 5 2.45 5.4 1 6.5V21.16C1 21.41 1.25 21.66 1.5 21.66C1.6 21.66 1.65 21.59 1.75 21.59C3.1 20.94 5.05 20.59 6.5 20.59C8.45 20.59 10.55 20.99 12 22C13.35 21.15 15.8 20.59 17.5 20.59C19.15 20.59 20.85 20.93 22.25 21.59C22.35 21.59 22.4 21.66 22.5 21.66C22.75 21.66 23 21.41 23 21.16V6.5C22.4 6.05 21.75 5.75 21 5.5V7.5L21 13V2L19 2Z"/></svg>');
}

.lamp {
    background-color: #2c3e50;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z"/></svg>');
}

.calendar_2024 {
    background-color: #ffffff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #ddd;
}

.calendar_2024::after {
    content: '2024';
}

/* 진행 상황 */
.progress_info {
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.current_stamps, .remaining_stamps {
    text-align: center;
}

.progress_info .label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.progress_info .count {
    font-size: 20px;
    font-weight: 600;
    color: #2d5016;
}

/* 리워드 섹션 */
.reward_section {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.reward_section h3 {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-bottom: 25px;
}

.reward_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.reward_item {
    text-align: center;
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.reward_item:hover {
    border-color: #2d5016;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.reward_item img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.reward_item p {
    font-size: 12px;
    color: #333;
    margin: 0;
}

/* 참여 방법 */
.how_to_participate {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 10px;
}

.how_to_participate h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.how_to_participate ol {
    list-style: none;
    padding: 0;
    counter-reset: step-counter;
}

.how_to_participate li {
    counter-increment: step-counter;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.how_to_participate li::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-color: #2d5016;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .stamp_event_wrap {
        padding: 15px;
    }
    
    .stamp_card {
        padding: 20px;
    }
    
    .card_header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .mission_stamps {
        gap: 10px;
    }
    
    .stamp_row {
        gap: 10px;
    }
    
    .cup {
        width: 40px;
        height: 40px;
    }
    
    .reward_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .progress_info {
        flex-direction: column;
        gap: 15px;
    }
}

/* Experience Group Event Page */
.expgroup_event_wrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

/* 이벤트 배너 */
.event_banner {
    margin-bottom: 30px;
    text-align: center;
}

.event_banner img {
    width: 100%;
    max-width: 800px;
    height: auto;
    border-radius: 10px;
}

/* 이벤트 정보 섹션 */
.event_info_section {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.info_item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.info_item:last-child {
    margin-bottom: 0;
}

.info_label {
    font-size: 14px;
    color: #666;
    width: 100px;
    flex-shrink: 0;
}

.info_label::after {
    content: ':';
    margin-left: 5px;
}

.info_value {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

/* 신청하기 섹션 */
.application_section {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.application_section h3 {
    font-size: 16px;
    color: #333;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.application_desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.application_note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.application_note input[type="radio"] {
    margin-top: 3px;
    flex-shrink: 0;
}

.application_note label {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    cursor: pointer;
}

/* 동의 섹션들 */
.agreement_sections {
    margin-bottom: 30px;
}

.agreement_item {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.agreement_header {
    background-color: #f8f9fa;
    padding: 15px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}

.agreement_header:hover {
    background-color: #e9ecef;
}

.agreement_header h4 {
    font-size: 14px;
    color: #333;
    margin: 0;
    font-weight: 500;
}

.agreement_title_with_checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.agreement_title_with_checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

.agreement_title_with_checkbox h4 {
    margin: 0;
}

.toggle_btn {
    font-size: 12px;
    color: #666;
    user-select: none;
}

.agreement_content {
    display: none;
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #e9ecef;
}

.agreement_text {
    font-size: 13px;
    line-height: 1.6;
    color: #333;
}

.agreement_text h5 {
    font-size: 14px;
    color: #333;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.agreement_text p {
    margin-bottom: 8px;
}

.agreement_text p:last-child {
    margin-bottom: 0;
}

.agreement_text strong {
    font-weight: 600;
    color: #333;
}

/* 신청 버튼 */
.submit_section {
    text-align: center;
    margin-bottom: 30px;
}

.submit_btn {
    background-color: #8e31b9;
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit_btn:hover {
    background-color: #6b27a7;
}

/* 댓글 입력 섹션 */
.comment_section {
    margin-bottom: 30px;
}

.comment_input_area {
    position: relative;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.char_count {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    color: #999;
    z-index: 2;
}

.comment_input_area textarea {
    width: 100%;
    height: 100px;
    padding: 15px;
    border: none;
    resize: none;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    box-sizing: border-box;
}

.comment_input_area textarea::placeholder {
    color: #999;
}

/* 최근 댓글 목록 */
.recent_comments {
    margin-bottom: 20px;
}

.comment_item {
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.comment_item:last-child {
    border-bottom: none;
}

.comment_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 15px;
}

.comment_author {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    flex: 1;
}

.comment_date {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 페이지네이션 */
.pagination {
    text-align: center;
    padding: 20px 0;
}

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

/* 체험단 반응형 디자인 */
@media (max-width: 768px) {
    .expgroup_event_wrap {
        padding: 15px;
    }
    
    .event_info_section,
    .application_section {
        padding: 15px;
    }
    
    .agreement_header {
        padding: 12px 15px;
    }
    
    .agreement_content {
        padding: 15px;
    }
    
    .info_item {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .info_label {
        width: auto;
    }
    
    .comment_item {
        flex-direction: column;
        gap: 8px;
    }
    
    .comment_header {
        flex-direction: column;
        gap: 5px;
    }
    
    .comment_date {
        align-self: flex-start;
    }
}

/* Company Information Overview Table */
.company_overview {
    margin-bottom: 40px;
    padding: 30px;
    /* background-color: #f8f9fa; */
    border-radius: 10px;
    /* border: 1px solid #e9ecef; */
}

.company_overview h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    position: relative;
}

.company_overview h3::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #541f7e;
    margin: 10px auto 0;
    border-radius: 2px;
}

.company_info_table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}

.company_info_table th,
.company_info_table td {
    padding: 15px 20px;
    text-align: left;
    border-bottom: 1px solid #e9ecef;
}

.company_info_table th {
    background-color: unset;
    color: #541f7e;
    font-weight: 600;
    width: 180px;
    font-size: 14px;
}

.company_info_table td {
    background-color: white;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.company_info_table tr:last-child th,
.company_info_table tr:last-child td {
    border-bottom: none;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .company_overview {
        padding: 20px 15px;
        margin-bottom: 30px;
    }
    
    .company_info_table th,
    .company_info_table td {
        padding: 12px 15px;
        font-size: 13px;
    }
    
    .company_info_table th {
        width: 120px;
    }
    
    .company_overview h3 {
        font-size: 18px;
    }
}/* --- 포토리뷰 모아보기 리스트 --- */
.photoRw {margin:0 0 40px 0;padding:20px;background:#f9f9f9;border-radius:8px;}
.photoRw:after {display:block;visibility:hidden;clear:both;content:"";}
.photoRw a {text-decoration:none !important;}
.photoRw h3 {font-size:18px;font-weight:600;color:#111;text-align:left;position:relative;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;}
.photoRw h3 .ptrMore {font-size:15px;font-weight:500;color:#999;cursor:pointer;position:static;}
.photoRw h3 .ptrMore:hover {color:#8e31b9;}
.photoRw h3 .ptrMore i {margin:0 2px 0 7px;}
.photoRw .prwul {margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px;}
.photoRw .prwul .prwli {width:155px;cursor:pointer;overflow:hidden;position:relative;border-radius:5px;transition:transform 0.3s ease;}
.photoRw .prwul .prwli:hover {transform:scale(1.05);}
.photoRw .prwul .prwli .review_detail:hover {opacity:0.8;}
.photoRw .prwul .prwli .review_detail img {width:155px;height:155px;object-fit:cover;border-radius:5px;}
.photoRw .prwul .prwli .numBx {width:25px;height:25px;line-height:25px;color:#fff;text-align:center;background:rgba(0,0,0,0.4);position:absolute;right:0;bottom:0;z-index:1;border-radius:0 0 5px 0;}

/* --- 포토리뷰 내용팝업 --- */
.photoRw .review_detail_cnt {display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:10001;background:rgba(0,0,0,0.8);}
.photoRw .review_detail_in {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-height:80vh;background:#fff;text-align:left;overflow-y:auto;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.3);}
.photoRw .review_detail_in h3 {padding:20px 25px;border-bottom:1px solid #e8e8e8;font-size:20px;margin:0;color:#333;}
.photoRw .review_cnt {padding:25px;}
.photoRw .review_cnt .rd_op {font-size:14px;color:#666;margin:0 0 10px 0;background:#f0f0f0;padding:8px;border-radius:4px;}
.photoRw .review_cnt .rd_cntxt {font-size:16px;line-height:1.6;color:#555;margin-bottom:15px;}
.photoRw .review_cnt .rd_info {border-bottom:1px solid #eaeaea;margin:20px 0;padding:0 0 15px 0;display:flex;gap:15px;}
.photoRw .review_cnt .rd_info span {font-size:13px;font-weight:normal;color:#666;display:inline-block;vertical-align:middle;}
.photoRw .review_cnt .rd_info span i {color:#666;margin:0 5px 0 0;}
.photoRw .review_cnt .rd_summ {background:#f7f7f7;padding:15px;margin:0 0 20px 0;overflow:hidden;border-radius:5px;display:flex;align-items:center;gap:10px;}
.photoRw .review_cnt .rd_summ span {font-size:13px;margin:0 5px 0 0;vertical-align:middle;}
.photoRw .review_cnt .rd_summ .rd_summ_img {margin:0 10px 0 0;width:50px;height:50px;border-radius:5px;overflow:hidden;}
.photoRw .review_cnt .rd_summ .rd_summ_img img {width:100%;height:100%;object-fit:cover;}
.photoRw .review_cnt .rd_photo {display:flex;flex-wrap:wrap;gap:5px;}
.photoRw .review_cnt .rd_photo li {margin-top:0;list-style:none;}
.photoRw .review_cnt .rd_photo li img {width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;}
.photoRw .rd_cls {position:absolute;top:10px;right:10px;border:0;padding:0;background:none;font-size:24px;color:#999;cursor:pointer;}
.photoRw .rd_cls:hover {color:#333;}

.photoRw .rvwPop {background:rgba(0,0,0,0.5);text-align:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:none;}
.photoRw .rvwPop a {text-decoration:none !important;}
.photoRw .rvwPop:before {width:0;height:100%;display:inline-block;vertical-align:middle;content:'';}
.photoRw .rvwPop .popBx {width:1000px;height:650px;padding:30px;background-color:#fff;border-radius:7px;display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.photoRw .rvwPop .popBx h2 {font-size:22px;line-height:1em;font-weight:600;color:#111;padding:0 0 15px 0;border-bottom:1px solid #eaeaea;margin-bottom:20px;text-align:center;position:relative;}
.photoRw .rvwPop .popBx .btClose {font-size:32px;color:#666;display:block;cursor:pointer;position:absolute;right:0;top:-5px;}
.photoRw .rvwPop .popBx .phtul {height:530px;overflow:hidden;overflow-y:scroll;}
.photoRw .rvwPop .popBx .phtul .phtli {width:145px;height:145px;margin:10px 0 0 10px;position:relative;float:left;}
.photoRw .rvwPop .popBx .phtul .phtli:nth-child(6n+1) {margin-left:0 !important;clear:both;}
.photoRw .rvwPop .popBx .phtul .phtli .review_detail img {width:145px;height:145px;}
.photoRw .rvwPop .popBx .phtul .phtli .numBx {width:25px;height:25px;line-height:25px;color:#fff;text-align:center;background:rgba(0,0,0,0.4);position:absolute;right:0;bottom:0;z-index:1;}

/* --- 상품리뷰 리스트 --- */
.viRvw {margin-top:30px;}
.viRvw:after {display:block;visibility:hidden;clear:both;content:"";}
.viRvw .viRvw_top {font-weight:600;text-align:left;padding:15px 0;border-bottom:2px solid #eee;position:relative;display:flex;justify-content:space-between;align-items:center;}
.viRvw .viRvw_top h3 {font-size:18px;line-height:1em;margin:0;color:#333;}
.viRvw .viRvw_top b {color:#bb1010;}
.viRvw .viRvw_top ul {margin:0;padding:0;list-style:none;display:flex;gap:15px;}
.viRvw .viRvw_top ul li {margin:0;}
.viRvw .viRvw_top ul li a {font-size:14px;font-weight:400;color:#666;text-decoration:none;}
.viRvw .viRvw_top ul li a:hover {color:#333;}
.viRvw .viRvw_top .btnRvw {height:32px;line-height:32px;font-size:14px;font-weight:400;color:#fff;background:#8e31b9;border:none;padding:0 20px;display:inline-block;text-align:center;text-decoration:none !important;border-radius:5px;}
.viRvw .viRvw_top .btnRvw:hover {background:#7a2a9e;}
.viRvw .viRvw_top .btnRvw:before {font-size:16px;font-family:'Ionicons';color:#fff;margin:0 7px 3px 0;display:inline-block;vertical-align:middle;content:'\f12c';}
.viRvw .viRvw_bd dl {padding:20px 0;border-bottom:1px solid #eee;}
.viRvw .viRvw_bd dl dt {margin:0 0 15px 0;position:relative;}
.viRvw .viRvw_bd dl dt .star {height:22px;line-height:1em;display:flex;align-items:center;gap:10px;}
.viRvw .viRvw_bd dl dt .star img {width:80px;height:16px;}
.viRvw .viRvw_bd dl dt .star span {font-size:15px;color:#666;}
.viRvw .viRvw_bd dl dt .idday {line-height:22px;font-size:13px;color:#666;position:absolute;top:0;right:0;letter-spacing:0;}
.viRvw .viRvw_bd dl dt .idday span {}
.viRvw .viRvw_bd dl dt .idday span:before {width:1px;height:10px;background:#ddd;margin:1px 11px 0;display:inline-block;content:'';}
.viRvw .viRvw_bd dl dt .optxt {font-size:14px;color:#888;margin-top:5px;background:#f5f5f5;padding:5px 10px;border-radius:3px;display:inline-block;}
.viRvw .viRvw_bd dl dd {font-size:15px;line-height:1.6em;position:relative;color:#555;}
.viRvw .viRvw_bd dl dd.photo {margin-top:15px;}
.viRvw .viRvw_bd dl dd.photo .sit_use_li_title {cursor:pointer;margin-bottom:10px;}
.viRvw .viRvw_bd dl dd.photo .sit_use_li_title:after {display:block;visibility:hidden;clear:both;content:"";}
.viRvw .viRvw_bd dl dd.photo .sit_use_li_title img {width:100px;height:100px;margin:2px;float:left;cursor:pointer;object-fit:cover;border-radius:3px;}
.viRvw .viRvw_bd dl dd.photo .sit_use_li_title img:first-child {margin-left:0 !important;}
.viRvw .viRvw_bd dl dd.photo .sit_use_li_title img:hover {opacity:0.7;}
.viRvw .viRvw_bd dl dd.photo .sit_use_con {display:none;margin-top:10px;}
.viRvw .viRvw_bd dl dd.photo .sit_use_con img {max-width:800px;height:auto;margin:2px;border-radius:3px;}
.viRvw .viRvw_bd dl dd.photo .sit_use_con img:hover {opacity:1 !important;}
.viRvw .viRvw_bd .empty_list {border-bottom:1px solid #eaeaea;padding:50px 0 !important;text-align:center;color:#999;font-size:16px;}
.viRvw .li_more {text-align:center;margin:30px 0 10px;}
.viRvw .li_more img {width:30px;margin:5px 0;}
.viRvw .li_more p {color:#aaa;margin-top:5px;display:none;}
.viRvw .li_more button {width:205px;padding:10px 0;font-size:14px;margin-top:20px;background-color:#8e31b9;border:none;color:#fff;border-radius:5px;cursor:pointer;}
.viRvw .li_more button:hover {background-color:#7a2a9e;}
.rvw_sympathy {margin-top:20px;line-height:26px;font-size:13px;color:#888;text-align:left;}
.rvw_sympathy a {height:24px;border:1px solid #e5e5e5;display:inline-block;border-radius:50px;padding:0 15px 0 40px;margin:0 0 0 12px;position:relative;text-decoration:none !important;}
.rvw_sympathy a:before {font-family:'Ionicons';font-size:20px;display:block;color:#888;content:'\f387';position:absolute;top:0;left:15px;}

/* 포토리뷰 모달 스타일 */
.photo-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-modal-content {
    width: 90%;
    max-width: 1000px;
    height: 90%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.photo-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.photo-counter {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.photo-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.photo-modal-close:hover {
    background: #e9ecef;
    color: #333;
}

.photo-modal-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #000;
}

.photo-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.8);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.photo-nav:hover:not(:disabled) {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

.photo-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.photo-prev {
    left: 20px;
}

.photo-next {
    right: 20px;
}

.photo-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.photo-main {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 5px;
}

.photo-thumbnails {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    max-height: 120px;
}

.photo-thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.photo-thumb:hover {
    border-color: #8e31b9;
    transform: scale(1.05);
}

.photo-thumb.active {
    border-color: #8e31b9;
    box-shadow: 0 0 10px rgba(142, 49, 185, 0.3);
}

.modal-open {
    overflow: hidden;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
    .photo-modal-content {
        width: 95%;
        height: 95%;
    }
    
    .photo-modal-header {
        padding: 10px 15px;
    }
    
    .photo-counter {
        font-size: 14px;
    }
    
    .photo-nav {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .photo-prev {
        left: 10px;
    }
    
    .photo-next {
        right: 10px;
    }
    
    .photo-container {
        padding: 10px;
    }
    
    .photo-thumbnails {
        padding: 10px 15px;
        max-height: 100px;
    }
    
    .photo-thumb {
        width: 60px;
        height: 60px;
    }
}

/* 기존 포토리뷰 반응형 스타일 */
@media (max-width: 768px) {
    .photoRw {
        padding: 15px;
    }
    
    .photoRw h3 {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    
    .photoRw .prwul {
        gap: 8px;
    }
    
    .photoRw .prwul .prwli {
        flex: 0 0 calc(25% - 6px);
        min-width: 80px;
    }
    
    .photoRw .prwul .prwli .review_detail img {
        width: 100%;
        height: 80px;
    }
    
    .photoRw .review_detail_in {
        width: 95%;
        padding: 15px;
    }
    
    .photoRw .rvwPop .popBx {
        width: 95%;
        height: 80vh;
        padding: 20px;
    }
    
    .viRvw .viRvw_top {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .viRvw .viRvw_top ul {
        width: 100%;
        justify-content: space-between;
    }
    
    .viRvw .viRvw_bd dl dd.photo .sit_use_li_title img {
        width: 80px;
        height: 80px;
    }
    
    .viRvw .li_more button {
        width: 100%;
        max-width: 300px;
    }
}

/* 이벤트 목록 스타일 */
.event_container {padding:20px;}
.event_grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-bottom:40px;}
.event_item {background:white;border:1px solid #ddd;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s ease;cursor:pointer;}
.event_item:hover {box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.event_item.ended {opacity:0.7;}
.event_thumbnail {width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-image:var(--thumbnail-bg, none);border-radius:12px 12px 0 0;}
.event_thumbnail.ended {filter:grayscale(100%);}
.event_badge {display:inline-block;padding:4px 8px;font-size:11px;font-weight:bold;color:white;border-radius:3px;margin-top:5px;}
.badge_active {background:#28a745;}
.badge_ended {background:#dc3545;}
.event_content {padding:15px;}
.event_title {font-size:16px;font-weight:bold;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.event_period {color:#666;font-size:13px;margin-bottom:5px;}
.event_status {font-size:12px;font-weight:bold;}
.status_active {color:#28a745;}
.status_ended {color:#dc3545;}
.no_events {text-align:center;padding:60px 20px;color:#666;}
.no_events i {font-size:48px;margin-bottom:20px;color:#ddd;}
.no_events a, .no_plans a, .no_experiences a {color:#007bff;text-decoration:none;}
.no_events a:hover, .no_plans a:hover, .no_experiences a:hover {text-decoration:underline;}

/* 검색 폼 */
.event_search {background:#f8f9fa;padding:20px;border:1px solid #ddd;margin-top:40px;text-align:center;}
.event_search input[type="text"] {width:300px;padding:8px 12px;border:1px solid #ccc;font-size:14px;margin-right:10px;}
.event_search button {padding:8px 16px;background:#007bff;color:white;border:1px solid #007bff;cursor:pointer;font-size:14px;}
.event_search button:hover {background:#0056b3;border-color:#0056b3;}

/* 페이지네이션 */
.pagination {text-align:center;margin:30px 0;}
.pagination a, .pagination span {display:inline-block;padding:8px 12px;margin:0 2px;text-decoration:none;border:1px solid #ddd;color:#333;}
.pagination a:hover {background:#007bff;color:white;border-color:#007bff;}
.pagination .current {background:#007bff;color:white;border-color:#007bff;}

/* 이벤트 상세 스타일 */
.event_detail_container {padding:0;}
.event_header {margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.event_title {font-size:24px;font-weight:bold;color:#000000;margin:0;line-height:1.4;flex:1;}
.event_meta {display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0;}
.event_period {font-size:16px;color:#424242;}
.event_status {padding:6px 12px;font-size:13px;font-weight:bold;color:white;border-radius:4px;}
.event_status.status_active {background:#28a745;color:white;}
.event_status.status_ended {background:#dc3545;color:white;}
.event_status.status_upcoming {background:#007bff;color:white;}
.event_hit {font-size:13px;color:#666;}
.event_content_section {margin-bottom:60px;padding:20px 0;background:transparent;border-radius:8px;line-height:1.6;}
.event_content_section img {width:100%;height:auto;}
.event_images {margin-bottom:30px;}
.event_images h3 {font-size:18px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.image_gallery {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:15px;}
.gallery_item img {width:100%;height:auto;border:1px solid #ddd;cursor:pointer;transition:opacity 0.3s ease;}
.gallery_item img:hover {opacity:0.8;}
.gallery_item.ended img {filter:grayscale(100%);}
.back_button {text-align:center;margin-top:40px;}
.back_button a {display:inline-block;padding:10px 20px;background:#007bff;color:white;text-decoration:none;border:1px solid #007bff;font-size:14px;transition:background 0.3s ease;}
.back_button a:hover {background:#0056b3;border-color:#0056b3;}
.ended_notice {background:#f8d7da;color:#721c24;padding:30px;border:1px solid #f5c6cb;text-align:center;margin-bottom:30px;border-radius:8px;}
.ended_notice_content h3 {font-size:20px;color:#721c24;margin-bottom:15px;font-weight:600;}
.ended_notice_content p {font-size:14px;color:#721c24;margin-bottom:8px;line-height:1.5;}
.ended_notice_content p:last-child {margin-bottom:0;}
.before_start_notice {background:#d1ecf1;color:#0c5460;padding:30px;border:1px solid #bee5eb;text-align:center;margin-bottom:30px;border-radius:8px;}
.before_start_notice_content h3 {font-size:20px;color:#0c5460;margin-bottom:15px;font-weight:600;}
.before_start_notice_content p {font-size:14px;color:#0c5460;margin-bottom:8px;line-height:1.5;}
.before_start_notice_content p:last-child {margin-bottom:0;}

/* 반응형 */
@media (max-width: 768px) {
    .event_grid {grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:15px;}
    .event_search input[type="text"] {width:250px;margin-bottom:10px;}
    .event_detail_container {padding:0;}
    .experience_detail_container {padding:0;}
    .event_title {font-size:20px;}
    .experience_title {font-size:20px;}
    .event_header {flex-direction:column;align-items:flex-start;gap:15px;}
    .experience_header {flex-direction:column;align-items:flex-start;gap:15px;}
    .event_meta {flex-direction:row;align-items:center;gap:10px;}
    .experience_meta {flex-direction:row;align-items:center;gap:10px;}
    .image_gallery {grid-template-columns:1fr;}
}

@media (max-width: 480px) {
    .event_grid {grid-template-columns:1fr;}
    .event_search input[type="text"] {width:100%;margin-bottom:10px;}
}

/* 이미지 모달 */
.image_modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);}
.modal_content {margin:auto;display:block;max-width:90%;max-height:90%;margin-top:5%;}
.close_modal {position:absolute;top:30px;right:45px;color:white;font-size:35px;font-weight:bold;cursor:pointer;}
.close_modal:hover {opacity:0.7;}

/* 체험단 목록 스타일 */
.experience_container {padding:20px;}
.experience_grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-bottom:40px;}
.experience_item {background:white;border:1px solid #ddd;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s ease;cursor:pointer;}
.experience_item:hover {box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.experience_item.ended {opacity:0.7;}
.experience_thumbnail {width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-image:var(--thumbnail-bg, none);border-radius:12px 12px 0 0;}
.experience_thumbnail.ended {filter:grayscale(100%);}
.experience_badge {display:inline-block;padding:4px 8px;font-size:11px;font-weight:bold;color:white;border-radius:3px;margin-top:5px;}
.experience_content {padding:15px;}
.experience_title {font-size:18px;font-weight:bold;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.experience_period {color:#666;font-size:13px;margin-bottom:5px;}
.experience_info {color:#666;font-size:12px;margin-bottom:8px;}
.experience_status {font-size:12px;font-weight:bold;padding:4px 8px;border-radius:4px;margin-left:8px;display:inline-block;}
.experience_status.status_active {background:#28a745;color:white;}
.experience_status.status_ended {background:#dc3545;color:white;}
.experience_status.status_upcoming {background:#007bff;color:white;}
.no_experiences {text-align:center;padding:60px 20px;color:#666;}
.no_experiences i {font-size:48px;margin-bottom:20px;color:#ddd;}

/* 체험단 검색 폼 */
.experience_search {background:#f8f9fa;padding:20px;border:1px solid #ddd;margin-top:40px;text-align:center;}
.experience_search input[type="text"] {width:300px;padding:8px 12px;border:1px solid #ccc;font-size:14px;margin-right:10px;}
.experience_search button {padding:8px 16px;background:#007bff;color:white;border:1px solid #007bff;cursor:pointer;font-size:14px;}
.experience_search button:hover {background:#0056b3;border-color:#0056b3;}

/* 체험단 상세 스타일 */
.experience_content_section {margin-bottom:30px;padding:20px;border:1px solid #ddd;background:#fafafa;}
.applicant_list_section {margin-bottom:30px;}
.applicant_list_section h3 {font-size:18px;color:#333;margin-bottom:20px;text-align:center;}
.applicant_list {margin-bottom:20px;}
.applicant_item {background:white;padding:15px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;}
.applicant_reason {font-size:14px;color:#333;margin-bottom:8px;line-height:1.4;}
.applicant_info {display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.applicant_name {color:#666;opacity:0.7;}
.applicant_date {color:#999;}

/* 반응형 체험단 */
@media (max-width: 768px) {
    .experience_grid {grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:15px;}
    .experience_search input[type="text"] {width:250px;margin-bottom:10px;}
    .experience_container {padding:15px;}
    .applicant_info {flex-direction:column;align-items:flex-start;gap:5px;}
}

@media (max-width: 480px) {
    .experience_grid {grid-template-columns:1fr;}
    .experience_search input[type="text"] {width:100%;margin-bottom:10px;}
}

/* 체험단 뷰 페이지 이미지 및 콘텐츠 스타일 */
.experience_images {margin-bottom:30px;}
.experience_images .image_item {margin-bottom:15px;}
.experience_images .image_item img {width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.experience_detail_container {padding:0;}
.experience_header {margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.experience_title {font-size:24px;font-weight:bold;color:#000000;margin:0;line-height:1.4;flex:1;}
.experience_meta {display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0;}
.experience_period {font-size:16px;color:#424242;}
.experience_status {padding:6px 12px;font-size:13px;font-weight:bold;color:white;border-radius:4px;margin-left:0;}
.experience_status.status_active {background:#28a745;color:white;}
.experience_status.status_ended {background:#dc3545;color:white;}
.experience_status.status_upcoming {background:#007bff;color:white;}
.experience_content_section {margin-bottom:60px;padding:20px 0;background:transparent;border-radius:8px;line-height:1.6;}
.experience_content_section img {width:100%;height:auto;}

/* 깔끔한 신청자 목록 스타일 */
.simple_applicant_list {margin-top:20px;}
.simple_applicant_item {border-bottom:1px solid #e0e0e0;padding:15px 0;display:flex;justify-content:space-between;align-items:center;}
.simple_applicant_item:last-child {border-bottom:none;}
.applicant_content {font-size:14px;line-height:1.4;color:#333;flex:1;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.applicant_meta {display:flex;align-items:center;gap:15px;font-size:12px;color:#666;flex-shrink:0;}
.applicant_name {font-weight:500;}
.applicant_date {color:#999;}

/* 체험단 목록으로 버튼 */
.back_button a {
    display: inline-block;
    padding: 12px 40px;
    background: #000;
    color: white;
    text-decoration: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    transition: none;
}

.back_button a:hover {
    background: #000;
    text-decoration: none;
}

/* 기획전 목록 스타일 */
.plan_container {padding:20px;}
.plan_grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;margin-bottom:40px;}
.plan_item {background:white;border:1px solid #ddd;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s ease;cursor:pointer;}
.plan_item:hover {box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.plan_item.ended {opacity:0.7;}
.plan_thumbnail {width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-image:var(--thumbnail-bg, none);border-radius:12px 12px 0 0;}
.plan_thumbnail.ended {filter:grayscale(100%);}
.plan_badge {display:inline-block;padding:4px 8px;font-size:11px;font-weight:bold;color:white;border-radius:3px;margin-top:5px;}
.badge_active {background:#28a745;}
.badge_ended {background:#dc3545;}
.badge_upcoming {background:#007bff;}
.plan_content {padding:15px;}
.plan_title {font-size:16px;font-weight:bold;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.plan_period {color:#666;font-size:13px;margin-bottom:5px;}
.plan_status {font-size:12px;font-weight:bold;}
.status_active {color:#28a745;}
.status_ended {color:#dc3545;}
.status_upcoming {color:#007bff;}
.no_plans {text-align:center;padding:60px 20px;color:#666;}
.no_plans i {font-size:48px;margin-bottom:20px;color:#ddd;}

/* 기획전 검색 폼 */
.plan_search {background:#f8f9fa;padding:20px;border:1px solid #ddd;margin-top:40px;text-align:center;}
.plan_search select {padding:8px 12px;border:1px solid #ccc;font-size:14px;margin-right:10px;}
.plan_search input[type="text"] {width:300px;padding:8px 12px;border:1px solid #ccc;font-size:14px;margin-right:10px;}
.plan_search button {padding:8px 16px;background:#007bff;color:white;border:1px solid #007bff;cursor:pointer;font-size:14px;}
.plan_search button:hover {background:#0056b3;border-color:#0056b3;}

/* 기획전 상세 스타일 */
.plan_detail_container {padding:0;}
.plan_header {margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.plan_title {font-size:24px;font-weight:bold;color:#000000;margin:0;line-height:1.4;flex:1;}
.plan_meta {display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0;}
.plan_period {font-size:16px;color:#424242;}
.plan_status {padding:6px 12px;font-size:13px;font-weight:bold;color:white;border-radius:4px;}
.plan_status.status_active {background:#28a745;color:white;}
.plan_status.status_ended {background:#dc3545;color:white;}
.plan_status.status_upcoming {background:#007bff;color:white;}
.plan_hit {font-size:13px;color:#666;}
.plan_images {margin-bottom:30px;}
.plan_images .image_item {margin-bottom:15px;}
.plan_images .image_item img {width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;}
.plan_content_section {margin-bottom:60px;padding:20px 0;background:transparent;border-radius:8px;line-height:1.6;}
.plan_content_section img {width:100%;height:auto;}

/* 기획전 상품 섹션 스타일 */
.plan_sections {margin-bottom:30px;}
.plan_section {margin-bottom:40px;padding:0;border:none;background:transparent;}
.section_header {margin-bottom:25px;text-align:center;}
.section_header h2 {font-size:32px;color:#333;margin-bottom:10px;font-weight:600;}
.section_header h3 {font-size:20px;color:#333;margin-bottom:10px;font-weight:600;}
.section_header p {font-size:14px;color:#666;line-height:1.5;}
.section_products {margin-top:20px;}
.products_placeholder {text-align:center;padding:40px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;}
.products_placeholder p {font-size:14px;color:#666;margin-bottom:10px;}
.products_placeholder .note {font-size:12px;color:#999;font-style:italic;}

/* 샘플 상품 레이아웃 */
.sample_products {display:flex;justify-content:center;gap:20px;margin-top:20px;}
.sample_product {width:120px;text-align:center;}
.sample_image {width:120px;height:120px;background:#e0e0e0;border-radius:8px;margin-bottom:8px;}
.sample_name {font-size:12px;color:#666;margin-bottom:5px;}
.sample_price {font-size:13px;color:#333;font-weight:600;}

/* 반응형 기획전 */
@media (max-width: 768px) {
    .plan_grid {grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:15px;}
    .plan_search select, .plan_search input[type="text"] {width:250px;margin-bottom:10px;}
    .plan_detail_container {padding:0;}
    .plan_title {font-size:20px;}
    .plan_header {flex-direction:column;align-items:flex-start;gap:15px;}
    .plan_meta {flex-direction:row;align-items:center;gap:10px;}
    .sample_products {flex-direction:column;align-items:center;}
}

@media (max-width: 480px) {
    .plan_grid {grid-template-columns:1fr;}
    .plan_search select, .plan_search input[type="text"] {width:100%;margin-bottom:10px;}
}

/* 멤버십 스타일 */
.membership_container {padding:20px 0;}
.membership_benefits {margin-bottom:60px;}
.membership_benefits h2 {text-align:center;font-size:2em;margin-bottom:40px;color:#333;}
.benefits_grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;}
.benefit_item {text-align:center;padding:30px 20px;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.benefit_icon {font-size:3em;margin-bottom:20px;}
.benefit_item h3 {font-size:1.3em;margin-bottom:15px;color:#333;}
.benefit_item p {color:#666;line-height:1.6;}
.membership_plan {margin-bottom:60px;}
.membership_plan h2 {text-align:center;font-size:2em;margin-bottom:40px;color:#333;}
.plan_container {display:flex;justify-content:center;}
.plan_item {background:#fff;border:2px solid #e0e0e0;border-radius:15px;padding:40px 30px;text-align:center;position:relative;transition:transform 0.3s ease;max-width:400px;width:100%;}
.plan_item:hover {transform:translateY(-5px);}
.plan_item h3 {font-size:1.5em;margin-bottom:20px;color:#333;}
.price {font-size:2em;font-weight:bold;color:#5f0080;margin-bottom:30px;}
.plan_features {list-style:none;padding:0;text-align:left;}
.plan_features li {padding:10px 0;border-bottom:1px solid #f0f0f0;position:relative;padding-left:25px;}
.plan_features li:before {content:"✓";position:absolute;left:0;color:#5f0080;font-weight:bold;}
.membership_cta {text-align:center;background:linear-gradient(135deg, #5f0080, #8e31b9);color:white;padding:60px 40px;border-radius:15px;margin-bottom:60px;}
.membership_cta h2 {font-size:2.2em;margin-bottom:20px;}
.membership_cta p {font-size:1.2em;margin-bottom:30px;}
.subscribe_btn {background:white;color:#5f0080;border:none;padding:15px 40px;font-size:1.2em;font-weight:bold;border-radius:30px;cursor:pointer;transition:all 0.3s ease;}
.subscribe_btn:hover {background:#f0f0f0;transform:translateY(-2px);}
.membership_faq {margin-bottom:40px;}
.membership_faq h2 {text-align:center;font-size:2em;margin-bottom:40px;color:#333;}
.faq_list {max-width:800px;margin:0 auto;}
.faq_item {background:#f9f9f9;margin-bottom:20px;border-radius:10px;overflow:hidden;}
.faq_item h4 {background:#e0e0e0;padding:20px;margin:0;cursor:pointer;transition:background 0.3s ease;}
.faq_item h4:hover {background:#d0d0d0;}
.faq_item p {padding:20px;margin:0;color:#666;line-height:1.6;}
.payment_container {padding:20px 0;max-width:800px;margin:0 auto;}
.selected_plan {background:#f9f9f9;padding:30px;border-radius:10px;margin-bottom:40px;}
.selected_plan h2 {font-size:1.5em;margin-bottom:20px;color:#333;}
.plan_info h3 {font-size:1.3em;color:#5f0080;margin-bottom:10px;}
.plan_info .price {font-size:1.5em;font-weight:bold;color:#5f0080;margin-bottom:10px;}
.plan_info .description {color:#666;line-height:1.6;}
.payment_section {margin-bottom:40px;padding:30px;border:1px solid #e0e0e0;border-radius:10px;}
.payment_section h2 {font-size:1.4em;margin-bottom:25px;color:#333;border-bottom:2px solid #5f0080;padding-bottom:10px;}
.form_group {margin-bottom:25px;}
.form_group label {display:block;margin-bottom:8px;font-weight:600;color:#333;}
.form_group input {width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px;background:#fff;}
.form_group select {width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;color:#333;cursor:pointer;}
.form_group select option {color:#333;background:#fff;padding:8px;}
.form_group select option:first-child {color:#999;}
.form_group input:focus, .form_group select:focus {outline:none;border-color:#5f0080;box-shadow:0 0 5px rgba(95,0,128,0.3);}
.payment_summary {background:#f8f9fa;padding:30px;border-radius:10px;margin-bottom:30px;}
.payment_summary h3 {font-size:1.3em;margin-bottom:20px;color:#333;}
.summary_item {display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0;}
.summary_item.total {font-weight:bold;font-size:1.2em;color:#5f0080;border-top:2px solid #5f0080;margin-top:10px;padding-top:15px;}
.payment_buttons {text-align:center;margin-top:30px;}
.btn_secondary {background:#6c757d;color:white;border:none;padding:12px 30px;margin-right:10px;border-radius:5px;cursor:pointer;font-size:16px;}
.btn_payment {background:#5f0080;color:white;border:none;padding:12px 30px;border-radius:5px;cursor:pointer;font-size:16px;}
.btn_secondary:hover {background:#5a6268;}
.btn_payment:hover {background:#4a0066;}
.success_container {padding:20px 0;}
.membership_info {background:#f9f9f9;padding:30px;border-radius:10px;margin-bottom:30px;}
.membership_info h2 {font-size:1.5em;margin-bottom:20px;color:#333;}
.membership_info .info_table {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.membership_info .info_row {display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0;}
.membership_info .info_row .label {font-weight:600;color:#333;}
.membership_info .info_row .value {color:#666;}
.action_buttons {text-align:center;margin-top:30px;}
.btn_primary {background:#5f0080;color:white;padding:12px 30px;margin:0 10px;text-decoration:none;border-radius:5px;display:inline-block;}
.btn_secondary {background:#6c757d;color:white;padding:12px 30px;margin:0 10px;text-decoration:none;border-radius:5px;display:inline-block;}
.btn_primary:hover {background:#4a0066;color:white;}
.btn_secondary:hover {background:#5a6268;color:white;}
.failed_container {padding:20px 0;}
.error_info {background:#fdf2f2;border:1px solid #fecaca;padding:30px;border-radius:10px;margin-bottom:30px;}
.error_info h2 {font-size:1.5em;margin-bottom:20px;color:#dc3545;}
.error_details p {margin-bottom:10px;color:#721c24;}
.contact_info {background:#f8f9fa;padding:30px;border-radius:10px;text-align:center;}
.contact_info h3 {font-size:1.3em;margin-bottom:15px;color:#333;}
.contact_info p {margin-bottom:5px;color:#666;}
.membership_manage_container {padding:20px 0;}
.current_membership {margin-bottom:40px;background:#f9f9f9;padding:30px;border-radius:10px;}
.current_membership h2 {font-size:1.5em;margin-bottom:20px;color:#333;}
.membership_details {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.detail_item {display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0;}
.detail_item .label {font-weight:600;color:#333;}
.detail_item .value {color:#666;}
.membership_actions {text-align:center;margin-top:20px;}
.btn_primary {background:#5f0080;color:white;padding:10px 20px;margin:0 5px;text-decoration:none;border-radius:5px;display:inline-block;}
.btn_danger {background:#dc3545;color:white;padding:10px 20px;margin:0 5px;border:none;border-radius:5px;cursor:pointer;}
.btn_primary:hover {background:#4a0066;color:white;}
.btn_danger:hover {background:#c82333;}
.benefits_section {margin-bottom:40px;}
.benefits_section h2 {font-size:1.5em;margin-bottom:20px;color:#333;}
.benefits_grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;}
.benefit_card {background:white;padding:20px;border:1px solid #e0e0e0;border-radius:10px;text-align:center;}
.benefit_card .benefit_icon {font-size:2em;margin-bottom:10px;}
.benefit_card h3 {font-size:1.1em;margin-bottom:10px;color:#333;}
.benefit_card p {color:#666;font-size:0.9em;}
.payment_history {margin-bottom:40px;}
.payment_history h2 {font-size:1.5em;margin-bottom:20px;color:#333;}
.payment_table {width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.payment_table th {background:#5f0080;color:white;padding:15px;text-align:left;font-weight:600;}
.payment_table td {padding:15px;border-bottom:1px solid #e0e0e0;}
.payment_table tr:hover {background:#f8f9fa;}
.no_membership {text-align:center;padding:60px 20px;color:#666;}
.no_membership_icon {font-size:4em;margin-bottom:20px;color:#ddd;}
.agreement_sections {margin:30px 0;}
.agreement_item {margin-bottom:20px;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;}
.agreement_header {background:#f8f9fa;padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 0.3s ease;}
.agreement_header:hover {background:#e9ecef;}
.agreement_title_with_checkbox {display:flex;align-items:center;gap:10px;}
.agreement_title_with_checkbox input[type="checkbox"] {width:auto;margin:0;}
.agreement_title_with_checkbox h4 {margin:0;font-size:1.1em;color:#333;}
.toggle_btn {color:#5f0080;font-weight:bold;font-size:0.9em;}
.agreement_content {display:none;padding:20px;background:#fff;}
.agreement_text h5 {color:#5f0080;margin-bottom:15px;font-size:1em;}
.agreement_text p {margin-bottom:10px;line-height:1.6;color:#666;}
.agreement_text strong {color:#333;font-weight:600;}
.agree_all_section {background:#f8f9fa;padding:20px;border-radius:10px;margin:20px 0;text-align:center;}
.agree_all_checkbox {display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;}
.agree_all_checkbox input[type="checkbox"] {width:20px;height:20px;}
.agree_all_checkbox label {font-size:1.2em;font-weight:bold;color:#333;margin:0;}
.no_membership h2 {font-size:1.5em;margin-bottom:15px;color:#333;}
.no_membership p {margin-bottom:30px;line-height:1.6;}
@media (max-width: 768px) {
    .benefits_grid {grid-template-columns:1fr;}
    .plan_container {flex-direction:column;align-items:center;}
    .info_table {grid-template-columns:1fr;}
    .membership_details {grid-template-columns:1fr;}
    .payment_table {font-size:0.9em;}
    .payment_table th, .payment_table td {padding:10px;}
}

/* 선물하기 스타일 */
.gift_items_section, .gift_card_section, .gift_message_section, 
.recipient_section, .delivery_section, .orderer_section, .payment_section {
    margin-bottom: 40px;
}

.gift_items_section h3, .gift_card_section h3, .gift_message_section h3,
.recipient_section h3, .delivery_section h3, .orderer_section h3, .payment_section h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px solid #541c86;
    padding-bottom: 10px;
}

.gift_items_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}

.gift_item {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #f9f9f9;
}

.gift_item .item_image {
    margin-right: 15px;
}

.gift_item .item_image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.gift_item .item_info {
    flex: 1;
}

.gift_item .item_info h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.gift_item .item_info p {
    margin: 3px 0;
    font-size: 14px;
    color: #666;
}

.gift_item .item_info .item_price {
    font-weight: 600;
    color: #541c86;
    font-size: 16px;
}

.price_summary {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.price_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.price_row:last-child {
    border-bottom: none;
}

.price_row.total {
    font-weight: 600;
    font-size: 18px;
    color: #541c86;
    border-top: 2px solid #541c86;
    margin-top: 10px;
    padding-top: 15px;
}

.gift_card_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.gift_card_item {
    display: block;
    cursor: pointer;
}

.gift_card_item input[type="radio"] {
    display: none;
}

.card_preview {
    padding: 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s ease;
    background: #fff;
}

.gift_card_item input[type="radio"]:checked + .card_preview {
    border-color: #541c86;
    background: #f8f5ff;
}

.card_preview img {
    width: 200px;
    height: 120px;
    object-fit: contain;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #f8f9fa;
}

.card_name {
    font-weight: 600;
    color: #333;
}

.gift_message_section textarea {
    width: 100%;
    height: 120px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    resize: vertical;
    font-family: inherit;
}

.char_count {
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.form_group {
    margin-bottom: 20px;
}

.form_group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.form_group input[type="text"], 
.form_group input[type="tel"], 
.form_group input[type="email"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
}

.delivery_type_radio, .payment_methods {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.delivery_type_radio label, .payment_methods label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.delivery_type_radio input[type="radio"], .payment_methods input[type="radio"] {
    margin-right: 8px;
}

.zip_input_wrap {
    display: flex;
    gap: 10px;
}

.zip_input_wrap input {
    flex: 1;
}

.btn_zip {
    padding: 12px 20px;
    background: #541c86;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.btn_zip:hover {
    background: #6b27a7;
}

.order_actions {
    text-align: center;
    margin-top: 40px;
}

.btn_large {
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn_large.wset {
    background: #541c86;
    color: #fff;
}

.btn_large.wset:hover {
    background: #6b27a7;
}

/* ============================================
   대량 주문 상담 관련 스타일
   ============================================ */

/* 대량 주문 상세보기 (bulk_order_view.php) */
.bulk_order_view_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

.view_section {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 30px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.view_section h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #8e31b9;
}

/* 대량 주문 상담 전용 info_table (멤버십과 구분) */
.bulk_order_view_wrap .info_table {
	width: 100%;
	overflow-x: auto;
}

.detail_table {
	width: 100%;
	border-collapse: collapse;
}

.detail_table th,
.detail_table td {
	padding: 15px;
	border: 1px solid #eee;
	text-align: left;
	vertical-align: top;
	word-wrap: break-word;
	box-sizing: border-box;
	font-size: 15px;
}

.detail_table th {
	background-color: #f8f9fa;
	font-weight: 600;
	color: #333;
	width: 180px;
}

.detail_table td {
	background-color: #fff;
}

.status_badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}

.status_waiting {
	background-color: #fff3cd;
	color: #856404;
}

.status_consulting {
	background-color: #cce5ff;
	color: #004085;
}

.status_complete {
	background-color: #d4edda;
	color: #155724;
}

.status_cancel {
	background-color: #f8d7da;
	color: #721c24;
}

.message_content {
	white-space: pre-wrap;
	line-height: 1.6;
	font-size: 15px;
}

.admin_section {
	border-color: #dc3545;
	background-color: #fff5f5;
}

.admin_section h3 {
	color: #dc3545;
	border-bottom-color: #dc3545;
}

.admin_memo {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
	line-height: 1.6;
	font-size: 15px;
}

.receipt_info_box {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 15px;
}

.receipt_info_box h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
}

.receipt_info_box p {
	margin: 0;
	color: #666;
	font-size: 15px;
}

.file_download_link {
	color: #8e31b9;
	text-decoration: none;
	font-weight: 500;
}

.file_download_link:hover {
	text-decoration: underline;
	color: #7a2a9d;
}

.button_section {
	text-align: center;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	display: flex;
	gap: 10px;
	justify-content: center;
}

.btn_list,
.btn_write {
	display: inline-block;
	padding: 14px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s;
	border: 1px solid #ddd;
	min-width: 140px;
}

a.btn_list {
	background-color: #8e31b9;
	color: white;
	border-color: #8e31b9;
}

a.btn_list:hover {
	background-color: #7a2a9d;
	color: white;
	text-decoration: none;
}

a.btn_write {
	background-color: white;
	color: #333;
	border-color: #ddd;
}

a.btn_write:hover {
	background-color: #f8f9fa;
	text-decoration: none;
}

/* 대량 주문 리스트 (bulk_order_list.php) */
.bulk_order_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.bulk_order_list {
	background: white;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
}

.list_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 15px 20px;
	border-bottom: 1px solid #eee;
}

.list_title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.bulk_order_table {
	width: 100%;
	border-collapse: collapse;
}

.bulk_order_table thead {
	background-color: #f8f9fa;
}

.bulk_order_table th,
.bulk_order_table td {
	padding: 15px 12px;
	text-align: center;
	border-bottom: 1px solid #eee;
	font-size: 15px;
}

.bulk_order_table th {
	font-weight: 600;
	color: #333;
}

.bulk_order_table tbody tr {
	transition: background-color 0.3s ease;
}

.bulk_order_table tbody tr:hover {
	background-color: #fafafa;
}

.bulk_order_table tbody tr:last-child td {
	border-bottom: none;
}

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

.order_title {
	color: #333;
	text-decoration: none;
	font-weight: 500;
	display: block;
	padding: 5px 0;
	font-size: 15px;
}

.order_title:hover {
	color: #8e31b9;
}

.filter_form {
	display: flex;
	align-items: center;
}

.my_orders_checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 15px;
	color: #666;
	transition: color 0.3s;
}

.my_orders_checkbox:hover {
	color: #333;
}

.my_orders_checkbox input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	cursor: pointer;
}

.pagination {
	text-align: center;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.paging {
	display: flex;
	gap: 5px;
	align-items: center;
}

.page_btn {
	padding: 8px 12px;
	border: 1px solid #ddd;
	background-color: white;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	font-size: 15px;
	transition: all 0.3s ease;
}

.page_btn:hover {
	background-color: #f8f9fa;
	text-decoration: none;
	color: #333;
}

.page_btn.active {
	background-color: #8e31b9;
	color: white;
	border-color: #8e31b9;
}

.page_info {
	font-size: 15px;
	color: #666;
}

.no_data {
	text-align: center;
	padding: 60px 20px;
	color: #999;
	font-size: 16px;
}

.submit_section {
	text-align: center;
	margin-bottom: 30px;
}

.submit_btn {
	background-color: #8e31b9;
	color: white !important;
	border: none;
	padding: 16px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
	text-decoration: none;
	display: inline-block;
	transition: background 0.3s;
	width: auto;
	min-width: 200px;
}

.submit_btn:hover {
	background-color: #7a2a9d;
	color: white;
	text-decoration: none;
}

/* 대량 주문 신청 완료 (bulk_order_done.php) */
.bulk_order_done_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

.completion_section {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 60px 40px;
	text-align: center;
}

.check_icon {
	margin-bottom: 30px;
	animation: checkAppear 0.6s ease-out;
}

@keyframes checkAppear {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.completion_message h3 {
	font-size: 28px;
	color: #28a745;
	margin-bottom: 20px;
	font-weight: 700;
}

.main_message {
	font-size: 18px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 15px;
}

/* 대량 주문 상담 전용 contact_info (멤버십과 구분) */
.bulk_order_done_wrap .contact_info {
	background-color: #f8f9fa;
	border-radius: 8px;
	padding: 20px;
	margin: 30px 0;
	border: 1px solid #ddd;
}

.contact_time {
	font-size: 16px;
	color: #666;
	margin: 0;
	font-weight: 600;
}

.order_info {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	margin: 20px 0;
	text-align: left;
}

.order_info p {
	margin: 8px 0;
	font-size: 15px;
	color: #333;
}

.order_info strong {
	color: #8e31b9;
	font-weight: 600;
}

.additional_info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin: 40px 0;
	text-align: left;
}

.info_box,
.contact_box {
	background-color: #f8f9fa;
	border-radius: 8px;
	padding: 25px;
	border: 1px solid #ddd;
}

.info_box h4,
.contact_box h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	font-weight: 600;
}

.info_box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.info_box li {
	font-size: 15px;
	color: #666;
	margin-bottom: 8px;
	padding-left: 15px;
	position: relative;
}

.info_box li:before {
	content: "•";
	color: #8e31b9;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.phone_number,
.email {
	font-size: 16px;
	color: #333;
	margin: 10px 0;
	font-weight: 600;
}

.phone_number {
	color: #8e31b9;
	font-size: 18px;
}

/* 대량 주문 상담 전용 action_buttons (멤버십과 구분) */
.bulk_order_done_wrap .action_buttons {
	margin-top: 40px;
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

.btn_view {
	display: inline-block;
	padding: 14px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s;
	border: 1px solid #ddd;
	background: white;
	color: #333;
	min-width: 140px;
}

.btn_view:hover {
	background-color: #f8f9fa;
	text-decoration: none;
}

/* 대량 주문 신청 폼 (bulk_order_write.php) */
.bulk_order_form_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	background: white;
}

.section-card {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 32px 0;
	margin-bottom: 20px;
}

.section-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #000000;
}

.form_row {
	margin-bottom: 20px;
}

.form_label {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.form_label.required::after {
	content: ' *';
	color: #e74c3c;
}

.form_input {
	position: relative;
}

.form_input input,
.form_input textarea {
	width: 100%;
    height: 45px;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	transition: border-color 0.3s ease;
	box-sizing: border-box;
}

.form_input input[type="date"] {
	padding-left: 40px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form_input input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 16px !important;
	height: 16px !important;
	background: transparent !important;
	cursor: pointer !important;
	right: auto !important;
}

#needed_date {
	background-position: 12px center !important;
	background-repeat: no-repeat !important;
}

#product_name {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 12px 0 !important;
}

.form_input input:focus,
.form_input textarea:focus {
	outline: none;
	border-color: #8e31b9;
	box-shadow: 0 0 0 2px rgba(142, 49, 185, 0.1);
}

.form_input_with_btn {
	display: flex;
	gap: 10px;
	align-items: center;
}

.form_input_with_btn input {
	flex: 1;
	font-size: 16px;
}

.select_product_btn {
	background-color: #8e31b9;
	color: white;
	border: none;
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s ease;
	white-space: nowrap;
}

.select_product_btn:hover {
	background-color: #6b27a7;
}

.form_help {
	font-size: 15px;
	color: #666;
	margin-top: 5px;
	display: block;
}

.radio_group {
	display: flex;
	gap: 20px;
	align-items: center;
}

.radio_label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 15px;
}

.radio_label input[type="radio"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 0;
	accent-color: #8e31b9;
}

.radio_label span {
	color: #333;
}

.phone_input_group {
	display: flex;
	align-items: center;
	gap: 8px;
}

.phone_select {
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	background-color: white;
	cursor: pointer;
	min-width: 80px;
}

.phone_input {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
}

.phone_separator {
	color: #666;
	font-size: 16px;
}

.address_input_group {
	display: flex;
	gap: 10px;
	align-items: center;
}

.postcode_input {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
}

.address_search_btn {
	background-color: #8e31b9;
	color: white;
	border: none;
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	white-space: nowrap;
}

.address_search_btn:hover {
	background-color: #6b27a7;
}

.email_input_group {
	display: flex;
	align-items: center;
	gap: 8px;
}

.email_input {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
}

.email_separator {
	color: #666;
	font-size: 16px;
}

.email_select {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	background-color: white;
	cursor: pointer;
}

.email_input_custom {
	flex: 1;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
}

.number_only_input {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	transition: border-color 0.3s ease;
	box-sizing: border-box;
}

.number_only_input:focus {
	outline: none;
	border-color: #8e31b9;
	box-shadow: 0 0 0 2px rgba(142, 49, 185, 0.1);
}

.privacy-notice-box {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 16px 20px;
}

.privacy-check-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	cursor: pointer;
}

.privacy-checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0;
	margin-top: 2px;
}

.privacy-checkbox {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.privacy-checkbox-custom {
	width: 24px;
	height: 24px;
	border: 2px solid #8e31b9;
	border-radius: 50%;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	position: relative;
	flex-shrink: 0;
}

.privacy-checkbox:checked + .privacy-checkbox-custom {
	background-color: #8e31b9;
	border-color: #8e31b9;
}

.privacy-checkbox:checked + .privacy-checkbox-custom::after {
	content: '';
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	left: 8px;
}

.privacy-checkbox-custom:hover {
	border-color: #6b27a7;
}

.privacy-checkbox:checked + .privacy-checkbox-custom:hover {
	background-color: #6b27a7;
	border-color: #6b27a7;
}

.privacy-notice-text {
	font-size: 15px;
	color: #333;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}

.btn-privacy-detail {
	background-color: white;
	border: 1px solid #ddd;
	padding: 6px 12px;
	font-size: 15px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
	margin-left: 10px;
}

.btn-privacy-detail:hover {
	background-color: #f8f9fa;
}

.privacy-modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.privacy-modal-content {
	background-color: #fff;
	margin: 5% auto;
	border-radius: 8px;
	width: 90%;
	max-width: 600px;
	max-height: 80vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.privacy-modal-header {
	padding: 20px 30px;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.privacy-modal-header h3 {
	margin: 0;
	font-size: 18px;
	color: #333;
}

.privacy-close {
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	color: #999;
}

.privacy-close:hover {
	color: #333;
}

.privacy-modal-body {
	padding: 30px;
	overflow-y: auto;
	flex: 1;
}

.privacy-text {
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

.privacy-text h4 {
	font-size: 15px;
	color: #333;
	margin: 20px 0 10px 0;
	font-weight: 600;
}

.privacy-text h4:first-child {
	margin-top: 0;
}

.privacy-text p {
	margin-bottom: 8px;
	color: #666;
	font-size: 15px;
}

.privacy-modal-footer {
	padding: 15px 30px;
	border-top: 1px solid #ddd;
	text-align: center;
}

.btn-privacy-close {
	background-color: #8e31b9;
	color: white;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.3s;
}

.btn-privacy-close:hover {
	background-color: #7a2a9d;
}

.cancel_btn {
	background-color: white;
	color: #333 !important;
	border: 1px solid #ddd;
	padding: 16px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 8px;
	text-decoration: none;
	display: inline-block;
	transition: background 0.3s;
	min-width: 160px;
}

.cancel_btn:hover {
	background-color: #f8f9fa;
	color: #333;
	text-decoration: none;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.modal_content {
	background-color: #fff;
	margin: 5% auto;
	border-radius: 8px;
	width: 80%;
	max-width: 1000px;
	max-height: 80vh;
	overflow-y: auto;
}

.modal_header {
	padding: 20px 30px;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal_header h3 {
	margin: 0;
	font-size: 18px;
	color: #333;
}

.close {
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	color: #999;
}

.close:hover {
	color: #333;
}

.modal_body {
	padding: 30px;
}

.product_search {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	align-items: center;
}

.product_search .search_input {
	flex: 1;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
}

.product_search .search_btn,
.product_search .reset_btn {
	padding: 10px 15px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.product_search .search_btn {
	background-color: #8e31b9;
	color: white;
}

.product_search .search_btn:hover {
	background-color: #6b27a7;
}

.product_search .reset_btn {
	background-color: #6c757d;
	color: white;
}

.product_search .reset_btn:hover {
	background-color: #5a6268;
}

.product_modal_content {
	display: flex;
	gap: 20px;
	min-height: 400px;
}

.category_sidebar {
	width: 250px;
	flex-shrink: 0;
	border-right: 1px solid #ddd;
	padding-right: 20px;
	max-height: 500px;
	overflow-y: auto;
}

.category_section {
	margin-bottom: 30px;
}

.delivery_section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.category_sidebar h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid #8e31b9;
}

.category_list {
	/* 스크롤 제거 - 부모인 .category_sidebar에서 처리 */
}

.category_item {
	padding: 10px 12px;
	margin-bottom: 5px;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 16px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 8px;
}

.category_item:hover {
	background-color: #f8f9fa;
}

.category_arrow {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.category_arrow.expanded {
	transform: rotate(90deg);
}

.category_arrow svg {
	width: 12px;
	height: 12px;
	color: #666;
	stroke: currentColor;
}

.category_check {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ddd;
	border-radius: 50%;
	transition: all 0.3s ease;
	position: relative;
}

.category_item.active .category_check {
	border-color: #8e31b9;
	background-color: #8e31b9;
}

.category_check svg {
	width: 12px;
	height: 12px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.category_item.active .category_check svg {
	opacity: 1;
}

.category_name {
	flex: 1;
}

.delivery_list {
	/* 스크롤 제거 - 부모인 .category_sidebar에서 처리 */
}

.delivery_item {
	padding: 10px 12px;
	margin-bottom: 5px;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 16px;
	color: #333;
	display: flex;
	align-items: center;
	gap: 8px;
}

.delivery_item:hover {
	background-color: #f8f9fa;
}

.delivery_check {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ddd;
	border-radius: 50%;
	transition: all 0.3s ease;
	position: relative;
}

.delivery_item.active .delivery_check {
	border-color: #8e31b9;
	background-color: #8e31b9;
}

.delivery_check svg {
	width: 12px;
	height: 12px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.delivery_item.active .delivery_check svg {
	opacity: 1;
}

.delivery_name {
	flex: 1;
}

.product_count_wrap {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.product_count_text {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.product_content {
	flex: 1;
	min-height: 400px;
}

.product_list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 15px;
	min-height: 200px;
}

.loading {
	grid-column: 1 / -1;
	text-align: center;
	padding: 40px;
	color: #666;
	font-style: italic;
}

.product_pagination {
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.product_pagination .page_btn {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 2px;
	border: 1px solid #ddd;
	background-color: white;
	color: #333;
	text-decoration: none;
	border-radius: 5px;
	font-size: 16px;
	transition: all 0.3s ease;
}

.product_pagination .page_btn:hover {
	background-color: #f8f9fa;
	text-decoration: none;
	color: #333;
}

.product_pagination .page_btn.active {
	background-color: #8e31b9;
	color: white;
	border-color: #8e31b9;
}

.product_item {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	transition: all 0.3s ease;
}

.product_item:hover {
	border-color: #8e31b9;
	background-color: #fafafa;
}

.product_image {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 5px;
	flex-shrink: 0;
}

.product_info {
	flex: 1;
}

.product_info h4 {
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #333;
}

.product_price {
	margin: 0;
	font-size: 15px;
	color: #8e31b9;
	font-weight: 600;
}

.select_btn {
	background-color: #8e31b9;
	color: white;
	border: none;
	padding: 8px 16px;
	border-radius: 5px;
	font-size: 15px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	flex-shrink: 0;
}

.select_btn:hover {
	background-color: #6b27a7;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
	.bulk_order_view_wrap {
		padding: 15px;
	}
	
	.view_section {
		padding: 20px;
	}
	
	.detail_table {
		display: block;
		width: 100%;
	}
	
	.detail_table thead,
	.detail_table tbody,
	.detail_table tr {
		display: block;
		width: 100%;
	}
	
	.detail_table th,
	.detail_table td {
		display: block;
		width: 100%;
		padding: 10px;
		font-size: 15px;
		box-sizing: border-box;
	}
	
	.detail_table th {
		background-color: #f8f9fa;
		border-bottom: none;
	}
	
	.detail_table td {
		border-top: none;
		padding-left: 20px;
	}
	
	.detail_table tr {
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
	}
	
	.button_section {
		flex-direction: column;
		align-items: stretch;
	}
	
	.btn_list,
	.btn_write {
		width: 100%;
		text-align: center;
	}
	
	.bulk_order_wrap {
		padding: 15px;
	}
	
	.list_header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 15px;
	}
	
	.bulk_order_table {
		font-size: 14px;
	}
	
	.bulk_order_table th,
	.bulk_order_table td {
		padding: 10px 8px;
	}
	
	.order_title {
		font-size: 14px;
	}
	
	.status_badge {
		font-size: 14px;
		padding: 3px 8px;
	}
	
	.bulk_order_done_wrap {
		padding: 20px 15px;
	}
	
	.completion_section {
		padding: 40px 25px;
	}
	
	.completion_message h3 {
		font-size: 24px;
	}
	
	.main_message {
		font-size: 16px;
	}
	
	.additional_info {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.info_box,
	.contact_box {
		padding: 20px;
	}
	
	/* 대량 주문 상담 전용 action_buttons 반응형 (멤버십과 구분) */
	.bulk_order_done_wrap .action_buttons {
		flex-direction: column;
		align-items: stretch;
	}
	
	.btn_list,
	.btn_view {
		width: 100%;
		text-align: center;
	}
	
	.bulk_order_form_wrap {
		padding: 20px 15px;
	}
	
	.section-card {
		padding: 24px 0;
	}
	
	.privacy-check-wrapper {
		flex-direction: column;
		gap: 10px;
	}
	
	.privacy-notice-text {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	
	.btn-privacy-detail {
		margin-left: 0;
		width: 100%;
	}
	
	.form_input_with_btn {
		flex-direction: column;
		align-items: stretch;
	}
	
	.modal_content {
		width: 95%;
		margin: 10% auto;
	}
	
	.product_modal_content {
		flex-direction: column;
	}
	
	.category_sidebar {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-right: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
		max-height: 300px;
		overflow-y: auto;
	}
	
	.category_list {
		/* 스크롤 제거 - 부모인 .category_sidebar에서 처리 */
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	
	.category_item {
		margin-bottom: 5px;
	}
	
	.category_children {
		margin-left: 10px !important;
	}
	
	.delivery_list {
		/* 스크롤 제거 - 부모인 .category_sidebar에서 처리 */
	}
	
	.delivery_item {
		margin-bottom: 5px;
	}
	
	.product_list {
		grid-template-columns: 1fr;
	}
	
	.product_item {
		flex-direction: column;
		text-align: center;
	}
	
	.radio_group {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	
	.phone_input_group {
		flex-wrap: wrap;
	}
	
	.phone_select {
		min-width: 70px;
	}
	
	.address_input_group {
		flex-direction: column;
		align-items: stretch;
	}
	
	.address_search_btn {
		width: 100%;
		margin-top: 10px;
	}
	
	.email_input_group {
		flex-wrap: wrap;
	}
	
	.email_input,
	.email_select,
	.email_input_custom {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.email_separator {
		display: none;
	}
}

/* 주문완료 페이지 스타일 */
.order_complete_page {
	width: 100%;
	max-width: none;
	float: none;
	display: flex;
	justify-content: center;
}
.order_complete_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
	width: 100%;
}
.complete_icon {
	text-align: center;
	font-size: 80px;
	color: #4CAF50;
	margin-bottom: 30px;
}
.complete_title {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
	color: #333;
}
.order_complete_container {
	display: flex;
	gap: 60px;
	margin-top: 40px;
	border: none;
	border-radius: 0;
	padding: 0;
}
.order_complete_left {
	flex: 6;
	background: #f8f9fa;
	border-radius: 12px;
	padding: 40px;
}
.order_complete_right {
	flex: 4;
	background: transparent;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 40px 20px;
}
.complete_message {
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	margin-bottom: 30px;
}
.complete_message p {
	margin: 0;
	padding: 0;
}
.complete_message strong {
	font-weight: 600;
}
.bank_info {
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	line-height: 1.8;
}
.bank_info_title {
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 700;
	color: #333;
}
.bank_info br {
	margin-bottom: 8px;
}
.order_info_row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.order_info_row_price {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.order_info_item {
	flex: 1;
}
.order_info_item_full {
	flex: 1;
	width: 100%;
}
.order_info_label {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.order_info_value {
	font-size: 16px;
	color: #333;
	font-weight: 500;
}
.order_info_value_highlight {
	color: #4CAF50;
	font-weight: bold;
	font-size: 18px;
}
.order_info_value_price {
	color: #e74c3c;
	font-weight: bold;
	font-size: 20px;
}
.order_items_table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.order_items_table th {
	background: #f8f9fa;
	padding: 12px;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	border-bottom: 2px solid #ddd;
}
.order_items_table th.text-right {
	text-align: right;
}
.order_items_table th.text-center {
	text-align: center;
}
.order_items_table td {
	padding: 12px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #666;
}
.order_items_table td.text-right {
	text-align: right;
}
.order_items_table td.text-center {
	text-align: center;
}
.order_items_table tr:last-child td {
	border-bottom: none;
}
.order_items_table td:first-child {
	display: flex;
	align-items: center;
	gap: 12px;
}
.order_item_image {
	flex-shrink: 0;
}
.order_item_info {
	flex: 1;
}
.complete_btn_wrap {
	margin-top: 40px;
}
.btn_purple {
	display: inline-block;
	padding: 15px 40px;
	background: #8e31b9;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
	transition: background 0.3s;
}
.btn_purple:hover {
	background: #7a2a9d;
	color: #fff !important;
	text-decoration: none !important;
}
.btn_purple_disabled {
	background: #999;
	cursor: not-allowed;
}
.btn_purple_disabled:hover {
	background: #999;
}