@charset "UTF-8";
/* Swiper CSS */
.swiper-pagination > .swiper-pagination-bullet-active2 { color: #fff !important; text-decoration:underline; text-underline-position:under;}
.swiper-pagination > .swiper-pagination-bullet-active4 { color: #fff !important; text-decoration:underline; text-underline-position:under;}
.swiper-pagination { display:flex; align-items: center; justify-content: center; color:#fff; bottom:30px !important; }
.swiper-container-horizontal>.swiper-scrollbar { bottom:0 !important; height:3px !important; width:100% !important; left:0 !important; }
.swiper-scrollbar-drag { background:#333 !important; border-radius:0 !important; }
.swiper-pagination-bullet-active3 { background:#67a785 !important; opacity:1 !important; }
.swiper-pagination_gallery { margin-top:15px; }
.swiper-pagination > .swiper-pagination-bullet { width: 20px !important; height: 20px !important; text-align: center; line-height: 20px; font-size: 12px; color: #bbb ; opacity: 1 !important; background: none !important; font-size:13px; font-weight:600;}
.swiper-container-autoheight { overflow:hidden; position:relative; }
.swiper-slide > img { width:auto; max-width:100%; }
.swiper-pagination-custom { font-size:14px; background:rgba(0,0,0, 0.4); display:flex; width:120px !important; left:calc(50% - 60px) !important; border-radius:30px; padding:4px; font-weight:500; }
.swiper-button-next { right:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; }
.swiper-button-prev { left:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; }

/* 메인 */
#idx_banner {position:relative;background:#eee;width:100%; overflow:hidden;}
#idx_banner:after {display:block;visibility:hidden;clear:both;content:""}
#idx_banner_m {position:relative;background:#eee;width:100%; overflow:hidden;}
#idx_banner_m:after {display:block;visibility:hidden;clear:both;content:""}
.sit_admin_top {display:inline-block;}


/* 서브페이지 */
.mobile_sub_title { width:100%;background:#145c43; color:#fff; white-space:nowrap; letter-spacing:-1px; font-size:12px; }
#sub_menu {list-style:none; }
#sub_menu .wrap ul { width:100%; display:flex; overflow-x:scroll; }
#sub_menu .wrap ul li { color:#fff; padding:10px; }
#sub_menu .wrap ul::-webkit-scrollbar{ display: none; }

/* 마이페이지 */
#smb_my {position:relative;max-width:1200px;margin:0 auto;padding:0 20px;margin-top:20px;}
#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:Absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover{background:#d25959;color:#fff}
#smb_my_ov .my_name{margin:10px 0}
#smb_my_ov .btn_out{position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}
#smb_my_wr {min-height:560px}

.my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a{color:#145c43}
.my_cou_wr span{display:block;line-height:20px;color:#000}

.my_info{padding:0 10px;line-height:18px}
.my_info dt{border-top:1px solid #e6e6e6;color:#145c43;padding:10px 0 0;font-size:0.92em}
.my_info dd{padding:0 0 10px;}
.my_info dt:first-child{border:0}

.btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3}

.smb_title { display: flex; align-items: center; justify-content: space-between;margin-bottom:10px; }
.wish_border { border-bottom:2px solid #000; }
#smb_my_dev h2{margin:0 0 10px;}
#smb_my_dev .delivery { display:flex; border:1px solid #dcdcdc; border-top:3px solid #000; width:100%; padding:30px; background:#f8f8f8; margin-bottom:50px; }
#smb_my_dev .delivery li { position:relative; width:20%;}
#smb_my_dev .delivery li p { margin-top:10px; }
#smb_my_dev .delivery li .icon_l { position: absolute; right: 0; top: calc(50% - 12px); line-height: 24px; font-size: 24px; font-weight: 100; color:#ccc;}
#smb_my_od{margin:0 0 50px;padding: 0}
#smb_my_od h2{margin:0 0 10px;}
#smb_my_wish{margin:0 0 35px}
#smb_my_wish h2{margin:0 0 10px;}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li{float:left;width:25%;padding:5px}
#smb_my_wish li img{width:100%;height:auto;}
#smb_my_wish li  a{display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list{width:100%;padding:100px 0}




/* 주문내역 include  */
.inq_wr { width:100%; display:flex; justify-content: space-between; align-items: center; margin:10px 0;}
#sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''}
#sod_inquiry li {background:#fff;border:1px solid #dcdcdc;padding:15px;margin-bottom:10px;position:relative;}
#sod_inquiry li .idtime_link{font-weight:500}
#sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#999}
#sod_inquiry li .inquiry_name{margin:10px 0;color:#666;font-weight:300}
#sod_inquiry li .inquiry_price{font-weight: bold;margin: 0px 0 0;color:#145c43;display:inline-block;bottom:16px;left:16px}
#sod_inquiry li .inv_status{font-size:12px;}
#sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}
#sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px}


/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

@media (min-width: 970px){
#smb_my_ov{position:absolute;top:0;left:0;width:280px}
#smb_my {padding:0 10px;padding-left:300px}
.btn_my_if{display:none;}
}
@media (max-width: 969px){
.my_info{display:none}
}
@media (max-width:  640px){
#smb_my_wish li {width:50%}

}

/* 띠배너 */
/* 띠배너 */
#line-banner {
    display:none;
    width:100%;
    height:60px;
    color:#fff;

    /* 기존 이미지 제거하고 싶으면 이 줄 삭제 */
    background: linear-gradient(90deg, #0f3d2e, #145c43, #0f3d2e);
    background-size:cover;

    font-size:16px;

    /* 👇 추가 */
    position: sticky;
    top: 0;
    z-index: 9999;
}

#line-banner .wrap {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    text-align:center;
    position:relative;
    line-height:60px;
    align-items: center;
    justify-content: center;
}

#line-banner img { vertical-align:middle; }

#line-banner p {
    margin-left:7px;
    margin-top:-1px;
}

#line-banner .wrap .bt_x {
    max-height:40px;
    position:absolute;
    right:0px;
    top:10px;
    cursor:pointer;
}

#line-banner.on {
    display:block;
}
/* top line */
#top-line { width:100%; background:#fff; height:30px; line-height:30px; border-bottom:1px solid #e1e1e1;}
#top-line .wrap { width:100%; max-width:1200px; margin:0 auto; }
#top-line .wrap .lt-area { display:flex; float:left; }
#top-line .wrap .rt-area { display:flex; float:right; }
#top-line .wrap .lt-area a { position:relative; letter-spacing:-1px; padding:0 20px; }
#top-line .wrap .lt-area a::before { content:''; position:absolute; right:0; top:8px; background:#e1e1e1; width:1px; height:14px; transition:0.1s ease all;}
#top-line .wrap .lt-area a:hover { transition:0.1s ease all; color:#145c43; font-weight:600; }
#top-line .wrap .lt-area a:nth-last-child(1)::before { display:none; }
#top-line .wrap .lt-area a:nth-last-child(1) { margin-right:0; }
#top-line .wrap .rt-area > a { margin-right:30px; position:relative; }
#top-line .wrap .rt-area > a:nth-last-child(1) { margin-right:0; }

#top-line .wrap .rt-area > a span.mb-type {background-color: #b66bff;color: #fff;border-radius: 20px;margin-left: 10px;padding: 0px 10px;font-size: 11px;line-height: 21px;display: inline-block;}
.mobile_menu { display:none; }

/* top-line 우측 */
#hd_qnb li a { width:90px; border:none; background:#fff; color:#666; border-right:1px solid #dcdcdc; padding:0 15px;}
#hd_qnb li a button { border:none; background:#fff; transition:0.3s ease all;}
#hd_qnb li a button:hover i{ color:#145c43 }
#hd_qnb li a button:hover h1 { font-weight:600; color:#145c43 }
#hd_qnb li a:nth-last-child(1) { padding-right:0; border-right:0; }
#hd_qnb li a:nth-child(1) { padding-left:0; }
#hd_qnb> li button { position:relative; }
.ht_num { position:absolute; background:#145c43; color:#fff; width:16px; height:16px; border-radius:50%; font-weight:500; letter-spacing:0; line-height:14px;font-size:10px; text-align:center;}

/* 상단 키워드 */
#ppl_word {position:relative;display:inline-block;float:left;margin-left:40px;width:150px;margin-top:15px;height:25px;overflow:hidden}
#ppl_word h4 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ppl_word li {width:70%;line-height:25px;font-size:1em;padding-right:15px;white-space:nowrap}
#ppl_word li .word-rank {display:inline-block;font-size:24px; text-align:center; font-style:italic; color:#1b7f5e;margin-right:5px; font-family:'YeolrinGothic-Bold'; font-weight:900;}
#ppl_word li a { font-size:16px; color:#222; margin-left:10px; }
.verical-btn a{background:url(../img/pv_btn_2.gif) no-repeat;text-indent:-999px;overflow:hidden;width:17px;height:12px;display:inline-block;z-index:1}
.verical-btn .flex-prev{background-position:0 0;position:absolute;top:0;right:0;}
.verical-btn .flex-next{background-position:0 -12px;position:absolute;top:12px;right:0;height:13px}

/* 슬라이드 */
.main_banners { width:100% !important; min-height:400px;}
/* 메인 섹션 01 */
.main_bg_01 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; }
.main_bg_01 .mbg_wrap { width:100%; background-image: url('../img/main_bg_01_1.png'), url('../img/main_bg_01.png'); background-size:auto, 100% 100%; background-position:50% -40%, 0px 0px; background-repeat:no-repeat; height:100vh; max-height:200px; display: flex; border-radius: 5px; align-items: center; transition:0.3s ease all;}
.main_bg_01 .mbg_wrap > p { padding-left:200px }
.main_bg_01 .mbg_wrap > p > img { margin-left:5px; vertical-align:bottom; }
.main_bg_01 .mbg_wrap:hover { transform:scale(1.02); cursor:pointer; transition:0.3s ease all; }

/* 메인 섹션 02 */
.main_bg_02 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:30px; }
.main_bg_02 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_02 ul li.service_box_01 { width:calc(50% - 20px); background:url('../img/main_bg_02.png') no-repeat center center; height:100vh; max-height:300px; margin-right:40px; padding:60px; transition:0.3s ease all; background-size:cover; }
.main_bg_02 ul li.service_box_02 { width:calc(50% - 20px); background:#90d5f2; height:100vh; max-height:300px; margin-right:0px; padding:60px; transition:0.3s ease all; background-size:cover;}

.main_bg_02 ul li.service_box_01:hover, .main_bg_02 ul li.service_box_02:hover { transform:scale(1.02); cursor:pointer; transition:0.3s ease all; }

/* 메인 섹션 03 */
.main_bg_03 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; }


/* 메인 섹션 04 */
.main_bg_04 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; }
.main_bg_04 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_04 ul li.service_box_01 { width:calc(50% - 20px); background:url('../img/main_bg_03.png') no-repeat center center; height:100vh; max-height:200px; margin-right:40px; padding:30px; }
.main_bg_04 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_04 ul li.service_box_02 { width:calc(50% - 20px); background:url('../img/main_bg_04.png') no-repeat center center; height:100vh; max-height:200px; margin-right:0px; display: flex; padding: 30px; align-items: flex-end; transition:0.3s ease all;}
.main_bg_04 ul li.service_box_01 .mbg_bg_text_color { display:inline-block; border-radius:3px; padding:3px 10px; color:#f4f1ea; background:#8e601e; }
.main_bg_04 ul li.service_box_01 .mbg_text_color {color:#8e601e; }

.main_bg_04 ul li.service_box_01:hover, .main_bg_04 ul li.service_box_02:hover { transform:scale(1.02); cursor:pointer; transition:0.3s ease all; }

/* 메인 섹션 05 */
.main_bg_05 { width:100%; margin-bottom:100px; background: url('../img/main_bg_05.png') no-repeat center center; background-size:cover;}
.main_bg_05 .mbg_wrap { width:100%; max-width:1200px; margin:0 auto; background: url('../img/main_bg_05_1.png') no-repeat center left; height:100vh; max-height:200px; display: flex; border-radius: 5px; align-items: center; }
.main_bg_05 .mbg_wrap span.text_position { padding-left:240px; }


/* 장바구니 */
#cart_info { width:100%; padding:10px 20px; background:#f2f3f8; }
#cart_info i { margin-right:7px; }
#cart_info b { color:#ff003b; }


.select_category {
display:inline-flex;
flex-direction: column;
position:relative;
width:240px;
height:30px;
border-top:1px solid #dcdcdc;
white-space:nowrap;
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
z-index:999;
}

.option {
padding:0 30px 0 10px;
min-height:30px;
display:flex;
align-items:center;
background:#fff;
position:absolute;
top:0;
width: 100%;
pointer-events:none;
order:2;
z-index:1;
transition:.2s ease-in-out;
box-sizing:border-box;
border-right:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
overflow:hidden;
white-space:nowrap;
}

.option:hover {
background:#145c43;
color:#fff;
cursor:pointer;
transition:.2s ease-in-out;

}

.select_category:focus .option {
position:relative;
pointer-events:all;
}

input.selectopt {
opacity:0;
position:absolute;
left:-99999px;
white-space:nowrap;
}

input.selectopt:checked + label {
order: 1;
z-index:2;
background:#fff;
border-top:none;
position:relative;

}

input.selectopt:checked + label:after {
content:'';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222;
position:absolute;
right:10px;
top:calc(50% - 2.5px);
pointer-events:none;
z-index:3;
}

input.selectopt:checked + label:before {
position:absolute;
right:0;
height: 30px;
width: 30px;
content: '';
background:#fff;
}
.active_opt:hover { color:#145c43; }
.active_opt {color:#145c43;}


/* footer */
footer#pd_footer { width: 100%;display: inline-block;background: linear-gradient(90deg, #0f3d2e, #145c43, #0f3d2e);border-top: 1px solid #dcdcdc;position: relative;bottom: 0;font-family: 'Noto Sans KR'; }
footer#pd_footer .wrapper { width:100%; max-width:1200px; border-bottom:1px solid #dcdcdc; margin:40px auto; font-size:0; padding-bottom:10px;}
footer#pd_footer .wrapper .ft_left { width:50%; font-size:14px; color:#ddd; display:inline-block; }
footer#pd_footer .wrapper .ft_left p { display:block; font-weight:400; color:#666; letter-spacing:0px; line-height:24px; margin-bottom:10px; }
footer#pd_footer .wrapper .ft_left p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;}
footer#pd_footer .wrapper .ft_right { width:50%; display:inline-block; text-align:right;vertical-align:top;}
footer#pd_footer .wrapper .ft_right .ft_box { display:inline-block; text-align:left; position:relative; background:#fff; color:#222; font-weight:600; letter-spacing:-1px; font-size:15px; padding:12px 20px; min-width:205px; border:1px solid #dcdcdc; }
footer#pd_footer .wrapper .ft_right .ft_box img { vertical-align:middle; position:absolute; right:20px; top:20px; }
footer#pd_footer .wrapper .ft_right .ft_tbox { display:inline-block; text-align:left; position:relative; color:#303030; background:#e9e9e9; font-weight:600; letter-spacing:-1px; margin-top:10px; min-width:205px; font-size:15px; padding:12px 20px; border:1px solid #dcdcdc; }
footer#pd_footer .wrapper .ft_right .ft_tbox img { vertical-align: middle; position: absolute; right: 12px; width: 24px; top: 12px; }
footer#pd_footer .ft_copyright {width:100%; max-width:1200px; margin:40px auto; font-weight:600; color:#fff; padding:0px}
footer#pd_footer .ft_copyright .left_copy {display:inline-block; text-align:left; letter-spacing:0px;  font-size:12px;}
footer#pd_footer .ft_copyright .right_copy {float:right; font-size:11px; font-weight:500; letter-spacing:-0.5px;}
footer#pd_footer .wrapper .ft_left .ft_top { font-size:16px; font-weight:400; letter-spacing:-1px;}
footer#pd_footer .wrapper .ft_left .ft_top strong { margin:0px 12px; font-size:1px;}


footer#pd_footer .wrapper .ft_right p { display:block; font-weight:350; color:#666; letter-spacing:0px; line-height:24px; margin-bottom:30px; }
footer#pd_footer .wrapper .ft_right p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;}
footer#pd_footer .wrapper .ft_right .ft_top { font-size:16px; font-weight:400; letter-spacing:-1px;}
footer#pd_footer .wrapper .ft_right .ft_top strong { margin:0px 12px; font-size:1px;}

footer#pd_footer .wrapper .ft_left p a strong { font-size:0.8em; vertical-align:middle; }


/* 쿠폰함 */
#coupon #win_title { width:100%; background:#145c43; color:#fff; }
#coupon > ul { display:flex; flex-wrap: wrap; flex-direction: row; }
#coupon > ul > li { width:100%;padding: 10px; border-bottom: 1px solid #dcdcdc; background: #f9f9f9; }

/* modal */

/*.modal-content {padding: 0px;position:relative;width: 100%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}*/
.modal-content .subject { width:100%; text-align:left; border-bottom:2px solid #000; font-size:18px; letter-spacing:-1px; color:#222; font-weight:600; padding:15px 0px; }
.modal-content .content { position:relative; width:100%; font-size:14px; letter-spacing:-0.5px;}
.modal-content .content .service_content { border:none; resize:none; overflow-y:auto; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both;margin-bottom: 20px; }
.modal-content .content .privacy_content { border:none; resize:none; overflow-y:auto; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both;margin-bottom: 20px; }
.modal-content .pop_bt { position:absolute; top:35px; right:40px; font-weight:100; font-size:24px; }
.modal-content .pop_bt i:hover { cursor:pointer;}

.provision, .privacy { cursor:pointer; }

/* 퀵메뉴 */
#quick_menu .qm_wrap { width:100px; text-align:center; border:1px solid #dcdcdc; }
#quick_menu .qm_wrap h1 { width:100%; padding:5px 10px; background:#145c43; color:#fff; }

#quick_menu .qm_wrap .qm_box { width:100%; border-top:1px solid #dcdcdc; padding:15px 0; background:#f9f9f9; display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; justify-content: center;}
#quick_menu .qm_wrap .qm_box p { width:100%; text-align:center; }

#quick_menu .qm_wrap .top_btn { background:#fff; display:block; padding:3px 2px; border-top:1px solid #dcdcdc;}
#quick_menu .qm_wrap .top_btn:hover { cursor:pointer; background:#145c43; color:#fff; transition:0.3s ease all; }
/* main new border gradient */
.gradient-border {
--borderWidth: 1px;
background: #1D1F20;
position: relative;
border-radius: var(--borderWidth);
}
.gradient-border:after {
content: '';
position: absolute;
top: calc(-1 * var(--borderWidth));
left: calc(-1 * var(--borderWidth));
height: calc(100% + var(--borderWidth) * 2);
width: calc(100% + var(--borderWidth) * 2);
/* background: linear-gradient(60deg, red, blue, orange, purple, white, lightpink, green, yellow); */
border-radius: 6px;
z-index: -1;
/* animation: animatedgradient 3s ease alternate infinite; */
background-size: 300% 300%;
}


@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}



/* 모바일 메뉴시작 */
.menu-button {
}

.menu-button:hover {
cursor: pointer;
}

.menu-wrap {
background-color: #fafafa;
padding: 0px 0;
overflow: scroll;
transition: all 0.3s;
position: fixed;
width: 100%;
top: 0;
left: -100%;
bottom: 0;
z-index: 999999;
text-align:left;
}

.menu-wrap ul.cate { background:#fff; margin-top:7px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }

.menu-overlay {
background: rgba(0, 0, 0, 0.4);
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 900000;
}

.menu-close {
/* background: url(https://i.imgur.com/iHYRssG.png) no-repeat scroll center center transparent; */
opacity: 1;
/* background-color:black; */
position: absolute;
width: 50px;
height: 50px;
right: 0;
top: 0;
margin-bottom:0;
text-indent: -9999px;
transition: all 0.3s;
}

.menu-close::before,
.menu-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #333; /* 색상 여기서 조절 */
}

.menu-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.menu-toggle {
display: none;
}
.menu-toggle:checked+.menu-wrap {
left: 0;
}
.menu-toggle:checked ~ .menu-overlay {
display: block;
}
.menu-title {
color: #222;
background:#fff;
font-weight: 500;
letter-spacing:-1px;
margin:0;
line-height:0;
padding:10px;
display:inline-block;
text-align:left;
}
.menu_top_title { display:flex; background:#fff; align-items: center; justify-content: space-between;}
.menu_top_title > .mtt_right h2 { padding:5px 10px; background:#145c43; border:1px solid #145c43; color:#fff; border-radius:3px; display:inline-block; }
.menu_top_title > .mtt_right h3 { padding:5px 10px; background:#fff; color:#145c43; border:1px solid #145c43; border-radius:3px; display:inline-block; margin-left:5px; }
.menu_top_title > .mtt_right { display:flex; margin-right:60px;  line-height:1em;}
.menu-title > img { max-height:30px; }
.menu_top_box { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; background:#2a8c6a; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.menu_top_box > a { width:25%; text-align:center; line-height:1em; color:#fff; }
.menu_top_box > a ion-icon { font-size:24px; }
.menu_top_box > a > p { font-size:13px; letter-spacing:-1px; font-weight:500; }


.menu-list {
position: relative;
top: 0px;
left: 0;
bottom: 0px;
width: 100%;
height: inherit;
padding:0px 0px;
display: block;
overflow: scroll;
}
.four_box { width:50%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_box:nth-child(2n) { border-left:1px solid white}
.four_box a { color:#fff; }
.four_boxs { width:100%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_boxs a { color:#fff; }

.menu-wrap:hover .menu-list {
overflow-y: auto;
}
.scrollLock { overflow: hidden; }
.menu-list ul {
list-style-type: none;
}
.menu-list ul > li > ul{
list-style-type: none;
padding:10px 0;
background:#f9f9f9;
border-top:1px solid #dcdcdc;
}
.menu-list ul > li:nth-last-child(2) > ul { border-bottom:1px solid #dcdcdc; }


.menu-list li {
display: block;
}

.menu-list li:first-child {
border-top: medium none;
}

.menu-list li a {
display: block;
padding: 10px 15px;
font-size: 16px;
letter-spacing:-1px;
color: #444;
text-decoration: none;
border-top:1px solid #dcdcdc;
position:relative;
}

.menu-list ul li .mb_arrow { vertical-align:baseline; top:18px; right:15px; position:absolute; }

.menu-list li:nth-last-child(1) a { padding:10px; width:100%; position:relative; bottom:0; left:0; color:#fff; font-weight:600; font-size:14px; text-align:center; background: #3d8861; background: -webkit-linear-gradient(to right, #3d8861, #2dc97a); background: linear-gradient(to right, #3d8861, #2dc97a); }
.menu-list li:nth-last-child(1) a i { margin-right:5px; }
.menu-list li a.sub {
display: block;
padding: 5px 20px;
font-size: 14px;
letter-spacing:-1px;
color: #777;
text-decoration: none;
border-top:0;
border-bottom:0;
position:relative;
}
.menu-list li a.adver {
display: block;
padding: 7px 0px;
font-size: 16px;
background: #fbe058;
background: -webkit-linear-gradient(to right, #fbe058, #fae986);
background: linear-gradient(to right, #fbe058, #fae986);
margin:20px 0px;
text-align:center;
letter-spacing:-1px;
font-weight:600;
border:1px solid #ffda00;
color: #222;
border-radius:5px;
text-decoration: none;
border-bottom:0;
position:relative;
}




phone { display:none; position:absolute; right:20px; top:27px; color:#fff; font-size:24px; }


label.phantom_burger_menu{
position:absolute;
flex-direction:column;
width:20px;
cursor:pointer;
}

label.phantom_burger_menu span{
transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);

}


.phantom_burger_menu span:nth-of-type(1){
width:50%;

}

.phantom_burger_menu span:nth-of-type(2){
width:100%;
}


.phantom_burger_menu span:nth-of-type(3){
width:75%;

}


.phantom_burger_menu input[type="checkbox"]{
display:none;
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(1){
transform-origin:bottom;
transform:rotatez(45deg) translate(2px,1px)
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(2){

transform-origin:top;
transform:rotatez(-45deg)
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(3){

transform-origin:bottom;
width:50%;
transform: translate(9px,-4px) rotatez(45deg);

}

.todayview { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); margin-top:7px; }



/*--------------------------------------------- 아래부분은 수정하지마세요. ---------------------------------------------*/


/*---------------------------------------------------- 공용함수 -----------------------------------------------------*/


.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.empty_table {border-left:none !important; border-right:none !important;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.display-flex {display:flex;}
.flex-wrap {flex-wrap:wrap}
.flex-between {justify-content: space-between;}
.flex-start {justify-content: flex-start;}
.flex-center {justify-content: center;}
.flex-end {justify-content: flex-end;}
.flex-align-center {align-items: center;}
.direction-column {flex-direction:column}


/* 에러로그 박스 */
.error-log h3 {margin: 20px 0 10px;}
.error-log .error-cont {padding: 10px;height: auto !important;height: 200px;max-height: 200px;border: 1px solid #e9e9e9;background: #f5f6fa;line-height: 1.8em;overflow-y: auto;}

/* 배경색상 */
.color_01{background:#fe528f}
.color_02{background:#68d0a7}
.color_03{background:#b668d0}
.color_04{background:#ffa700}
.color_05{background:#688fef}
.color_06{border:#f7d9d9}
.ctransparent {background:transparent !important;}

/* 폰트사이즈 */
.f11 {font-size:11px !important}
.f12 {font-size:12px !important}
.f13 {font-size:13px !important}
.f14 {font-size:14px !important}
.f15 {font-size:15px !important}
.f16 {font-size:16px !important}
.f17 {font-size:17px !important}
.f18 {font-size:18px !important}
.f32 {font-size:32px !important}
.f20 {font-size:20px !important}
.f21 {font-size:20px !important}
.f22 {font-size:22px !important}
.f24 {font-size:24px !important}

/* flex 갭 */
.gap05 {gap:5px !important;}
.gap10 {gap:10px !important;}
.gap15 {gap:15px !important;}
.gap20 {gap:20px !important;}

/* 폰트색상 */
.c0  {color:#000 !important;}
.c2  {color:#222 !important;}
.c3  {color:#333 !important;}
.c5  {color:#555 !important;}
.c6  {color:#666 !important;}
.c8  {color:#888 !important;}
.c9  {color:#999 !important;}
.cf  {color:#fff !important;}
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}
.cgray  {color:#ccc !important;}
.cred {color:#DF2519 !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important;}
.cgold {color:#b8883c !important;}
.cyellow {color:#ffff00 !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9F2C00 !important;}


/* 넓이 */
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w33p {width:33.33%;}
.w25p {width:25%;}


/* 패딩 */
.pad0a {padding:0px !important;}
.pad0t {padding-top:0px !important;}
.pad0f {padding-bottom:0px !important;}
.pad0l {padding-left:0px !important;}
.pad0r {padding-right:0px !important;}
.pad0lr {padding-right:0px !important; padding-left:0px !important;}
.pad0tf {padding-top:0px !important; padding-bottom:0px !important;}
.pad5a {padding:5px !important}
.pad5tf {padding-top:5px !important;padding-bottom:5px !important}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px !important;}
.pad5l {padding-left:5px !important}
.pad5t {padding-top:5px !important}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px !important}
.pad10tf {padding-top:10px !important;padding-bottom:10px !important}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px !important}
.pad10l {padding-left:10px !important}
.pad10t {padding-top:10px !important}
.pad10f {padding-bottom:10px !important}
.pad15a {padding:15px !important}
.pad15tf {padding-top:15px !important;padding-bottom:15px !important}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px !important}
.pad15l {padding-left:15px !important}
.pad15t {padding-top:15px !important}
.pad15f {padding-bottom:15px !important}
.pad18l {padding-left:18px !important}
.pad20a {padding:20px !important}
.pad20tf {padding-top:20px !important;padding-bottom:20px !important}
.pad20lr {padding-left:20px !important;padding-right:20px !important;}
.pad20r {padding-right:20px !important}
.pad20l {padding-left:20px !important}
.pad20t {padding-top:20px !important}
.pad20f {padding-bottom:20px !important}
.pad25a {padding:25px !important}
.pad25tf {padding-top:25px !important;padding-bottom:25px !important}
.pad25lr {padding-left:25px !important;padding-right:25px !important;}
.pad25r {padding-right:25px !important}
.pad25l {padding-left:25px !important}
.pad25t {padding-top:25px !important}
.pad25f {padding-bottom:25px !important}
.pad30a {padding:30px}
.pad30tf {padding-top:30px !important;padding-bottom:30px !important}
.pad30lr {padding-left:30px !important;padding-right:30px !important;}
.pad30r {padding-right:30px !important}
.pad30l {padding-left:30px !important}
.pad30t {padding-top:30px !important}
.pad30f {padding-bottom:30px !important}
.pad40a {padding:40px !important}
.pad40tf {padding-top:40px !important;padding-bottom:40px !important}
.pad40lr {padding-left:40px !important;padding-right:40px !important;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad48l {padding-left:48px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}


/*마진*/
.no_mgf {margin-bottom:0px !important;}
.mg0t {margin-top:0px !important;}
.mg0f {margin-bottom:0px !important;}
.mg0tf {margin-top:0px !important;margin-bottom:0px !important;}
.mg0lr {margin-left:0px !important; margin-right:0px !important}
.mg2t {margin-top:2px !important;}
.mg3t {margin-top:2px !important;}
.mg5f {margin-bottom:5px !important;}
.mg10f {margin-bottom:10px !important;}
.mg15f {margin-bottom:15px !important;}
.mg15tf {margin-top:15px !important; margin-bottom:15px !important;}
.mg20f {margin-bottom:20px !important;}
.mg25f {margin-bottom:25px !important;}
.mg30f {margin-bottom:30px !important;}
.mg40f {margin-bottom:40px !important;}
.mg50f {margin-bottom:50px !important;}
.mg5t {margin-top:5px !important;;}
.mg10t {margin-top:10px !important;}
.mg15t {margin-top:15px !important;}
.mg20t {margin-top:20px !important;}
.mg25t {margin-top:25px !important;}
.mg30tf {margin-top:30px !important;;margin-bottom:30px !important;;}
.mg40t {margin-top:40px !important;}
.mg5 {margin-left:5px !important;;}
.mg5l {margin-left:5px !important;}
.mg10 {margin-left:10px !important;}
.mg10l {margin-left:10px !important}
.mg15 {margin-left:15px !important;}
.mg20 {margin-left:20px !important;}
.mg25 {margin-left:25px !important;}
.mg30 {margin-left:30px !important;}
.mg40 {margin-left:40px !important;}
.mg50 {margin-left:50px !important;}
.mg5r {margin-right:5px !important;}
.mg10r {margin-right:10px !important;}
.mg15r {margin-right:15px !important;}
.mg20r {margin-right:20px !important;}
.mg25r {margin-right:25px !important;}
.mg30r {margin-right:30px !important;}
.mg30t {margin-top:30px !important;}
.mg30f {margin-bottom:30px !important;}
.mg40r {margin-right:40px !important;}
.mg50r {margin-right:50px !important;}
.mg50t {margin-top:50px !important;}
.mg50f {margin-bottom:50px !important;}
.mg5a {margin:5px; !important;}
.mg10a {margin:10px !important;}
.mg15a {margin:15px !important;}
.mg20a {margin:20px !important;}
.mg25a {margin:25px !important;}
.mg30a {margin:30px !important;}
.mg20r {margin-right:20px !important;}
.mg60f {margin-bottom:60px !important;}
.mg70f {margin-bottom:70px !important;}
.mg80f {margin-bottom:80px !important;}
.mg90f {margin-bottom:90px !important;}
.mg100f {margin-bottom:100px !important;}


.btn_confirm {margin-top: 20px;}
.btn-group {display:flex; gap:3px;}

/* 테이블 */
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
table td{line-height: 22px;font-size:12px}
tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}

/* 폼 테이블 */
.tbl_frm01 th{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#f6f6f6;padding: 10px;width:200px;text-align:left; font-size:14px}
.tbl_frm01 td {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding: 10px;text-align:left;font-size:12px;position:relative;font-size:14px;}
.tbl_frm01 textarea {height:150px;width: 100%;border: 1px solid #d5d5d5;}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}
.h2_frm{text-align:left;color:#3f51b5;font-size:16px;font-weight:bold;margin:20px 0 10px}

/* 새창 기본 스타일 */
.new_win {background-color:#fff}
.new_win h1 {font-size: 1.17em;padding: 15px 20px;background: #3aa87c;border-bottom: 1px solid #ddd;color: #fff;}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win_desc {margin:0 }
.new_win .anchor {margin:0 0 5px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {margin:10px}
.new_win_con{margin: 10px; background:#fff;padding:0px}
.new_win_con .table_form table th{width:120px}


/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 .sodr_nonpay {margin: 20px 0 10px 0;display: inline-flex;justify-content: flex-start;line-height: 38px;font-size: 13px;}
.tbl_head01 .sodr_nonpay span:first-child {padding: 0 15px 0 20px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background-color: #000; color:#fff;}
.tbl_head01 .sodr_nonpay span:last-child {padding: 0 20px 0 15px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background-color: #fff;font-weight: 600;}

.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#6f809a;color:#fff;border:1px solid #60718b;font-weight:normal;text-align:center;padding:8px 5px;font-size:0.92em}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody td{padding:5px;text-align:center;border-bottom:1px solid #dbdbdb;font-size:13px;}
.tbl_head01 tbody tr:nth-child(even){background:#eff3f9}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

/*form*/
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.frm_input{height:35px;line-height:32px;border:1px solid #d5d5d5;font-size:14px;}
.frm_input_full{width:100%}
.required{background:url('../img/wrest.gif') top right no-repeat #fff !important}
select{height:35px;line-height:32px;border:1px solid #d5d5d5;}
textarea{width:100%;border:1px solid #d5d5d5;min-height:80px}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}
.code_input{font:bold 15px Consolas}


.td_mng a.btn,.td_mng a{display:inline-block;height:26px;line-height:26px;border:0;border-radius:3px;padding:0 8px;margin:1px;font-weight:normal;font-size:12px;}
.td_mng button,.td_mng button.btn{height:26px;border:0;border-radius:3px;padding:0 8px;margin:1px;font-weight:normal}


.btn,.sbtn{display:inline-block;height:35px;line-height:30px;border:0;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.09em;vertical-align:middle}
a.btn, .btn {font-weight:normal;line-height: 34px; height: 34px;}
a.sbtn, .sbtn {font-weight:normal;line-height: 28px; height: 28px;font-size:12px;}

.btn_submit{background:#17664d;color:#fff}
a.btn_submit{background:#ff4081;color:#fff}
.btn_submit:hover{background:#0f3d2e}
.btn_01,a.btn_01{background:#ff4081;color:#fff;}
.btn_01:hover,a.btn_01:hover{background:#ff1464}
.btn_02,a.btn_02{background:#9eacc6;color:#fff;}
.btn_03,a.btn_03{background:#3f51b5;color:#fff;}
.btn_04,a.btn_04 {background:#fff;color:#666;border:1px solid #ddd}

.btn_05,a.btn_05 {background:#ddd;color:#6a6a6a;}
.btn_06,a.btn_06 {background:#145c43;color:#fff}



.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:35px;border:0;border-radius:5px;padding:0 10px}
a.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:28;line-height:26px;border-radius:5px;padding:0 10px;text-decoration:none !important}
.btn_ov01{display:inline-block;line-height:30px;height:30px;font-size:0.92em;vertical-align:top}
.btn_ov01:after{display:block;visibility:hidden;clear :both;content:""}
.btn_ov01 .ov_txt{float:left;background:#9eacc6;color:#fff;border-radius:5px 0 0 5px;padding:0 5px}
.btn_ov01 .ov_num{float:left;background:#ededed;color:#666;border-radius:0 5px 5px 0;padding:0 5px}
a.btn_ov02,a.ov_listall{display:inline-block;line-height:30px;height:30px;font-size:0.92em;background:#565e8c;color:#fff;vertical-align:top;border-radius:5px;padding:0 7px }
a.btn_ov02:hover,a.ov_listall:hover{background:#3f51b5}


/* 페이지 내 검색 */
.local_sch{}
.local_sch:after ,.local_sch div:after{display:block;visibility:hidden;clear:both;content:""}
.local_sch .btn_sch{width:30px;height:30px;padding:0;float:left;border:1px solid #dcdcdc;border-left:0;background:url(/adm/img/sch_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden}
.local_sch .btn_sch2{width:35px;height:35px;padding:0;border:1px solid #dcdcdc;background:url(/adm/img/sch_btn.png) no-repeat 50% 50% #eee;text-indent:-999px;overflow:hidden}
.local_sch .sch_input{height:30px;border:1px solid #dcdcdc;border-right:0;padding:0 5px;float:left;}
.local_sch select{height:30px;margin-right:3px;border:1px solid #dcdcdc}
.local_sch01{margin: 10px 0;}
.local_sch02{}
.local_sch01 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}
.local_sch01 .btn_submit{width:30px;height:30px;border:1px solid #dcdcdc;padding:0;background:url(/adm/img/sch_btn.png) no-repeat 50% 50% #eee;text-indent:-999px;overflow:hidden}
.local_sch03{padding:5px 15px;background:#e9ebf9;margin:10px 0}
.local_sch div{margin: 5px 0;display: flex;gap: 3px;align-items: center;}
.local_sch03 strong{display:inline-block;width:70px;font-size:14px}
.local_sch03 label{margin-right:5px;display:inline-block}
.local_sch03 button{height:30px;padding:0 5px;border:0;background:#9eacc6;color:#fff;}
.local_sch03 .btn_submit{height:30px;padding:0 5px;border:0;color:#fff;}
.local_sch03 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}

/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 }
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle}

/* 페이지 내 안내문 */
.local_desc {background:#eaeaea;padding:10px 20px;margin:10px 0;line-height:1.5em }
.local_desc ol, .local_desc ul {margin:0;padding:0 0 0 10px}
.local_desc strong{color:red}
.local_desc li{margin:10px 0}
.local_wr{margin:0 0 10px }
.local_wr:after{display:block;visibility:hidden;clear:both;content:""}

.local_desc01 {margin:10px 0 10px ;padding:10px 20px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:10px 0 ;min-width:960px} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em}

/* 페이지 내 카운트 */
.local_ov {position: relative; margin: 10px 0;}

.contents {margin:50px 0}

/*------------------------------------------------- 판매자 메뉴 관리 ----------------------------------------------------*/
.seller-menu {position: relative;overflow-x: auto;white-space: nowrap;}
.seller-menu ul{display: flex;width: 100%;padding: 10px 0;gap: 10px;}
.seller-menu ul li {width: auto;justify-content: start;display: flex;align-items: center;line-height: 40px;cursor:pointer;}
.seller-menu ul li a {display: block;padding: 8px 12px;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.4px;border: 1px solid rgba(0, 0, 0, 0.05);background: rgb(255, 255, 255);border-radius: 30px;}
.seller-menu ul li a:hover {background-color:#f3f5f7}
.seller-menu ul li a.active {background-color:#000; color:#fff}
/*------------------------------------------------- 상품등록 관리 ----------------------------------------------------*/

.sit_wimg {display: none;}
.banner_or_img { margin: 10px 0 0;}
.banner_or_img button {display: block;margin: 5px 0 0;background-color: #000;color: #fff;border: none;padding: 0px 10px;line-height: 32px;border-radius: 5px;}

.frm_ca_id {font-weight:600; margin-right:10px;}

.product-list-top {display: flex;width: 100%;justify-content: space-between;align-items: center;}
.product-summary {display: flex;align-items: center;justify-content: flex-start;gap: 10px;}

.table-list > ul{display:flex; width:100%;flex-wrap:wrap;flex-direction: column;}
.table-list > ul > li{width:100%; display:flex; align-items: center; border-bottom:1px solid #ddd;}
.table-list > ul > li > div:nth-child(1) {width:10%;}
.table-list > ul > li > div:nth-child(2) {width:10%;}
.table-list > ul > li > div:nth-child(3) {width:45%;}
.table-list > ul > li > div:nth-child(4) {width:10%;}
.table-list > ul > li > div:nth-child(5) {width:10%;}
.table-list > ul > li > div:nth-child(6) {width:15%;}
.table-list > ul > li.title { background-color:#000; border-bottom:1px solid #000;line-height: 28px; color:#fff}
.table-list > ul > li.title > div {text-align:center; font-weight:600}

.item-info > ul {padding: 10px 0;display: flex;flex-direction: column;width: 100%;}
.item-info > ul > li {display: flex;min-height:24px;align-items: center;}
.item-info > ul > li > span {background-color: #fff;border: 1px solid #ddd;margin-right: 5px;padding: 0px 10px;line-height: 24px;border-radius: 5px;}
.item-info > div {overflow:hidden}
.item-info > div:first-child {width:20%;text-align: center;}
.item-info > div:last-child {width:80%;padding: 5px 0px;}
/*------------------------------------------------- 상품문의 관리 ----------------------------------------------------*/
#product-list > ul > li > div:nth-child(1) {width:5%;}
#product-list > ul > li > div:nth-child(2) {width:10%;}
#product-list > ul > li > div:nth-child(3) {width:10%;}
#product-list > ul > li > div:nth-child(4) {width:45%;}
#product-list > ul > li > div:nth-child(5) {width:10%;}
#product-list > ul > li > div:nth-child(6) {width:10%;}
#product-list > ul > li > div:nth-child(7) {width:10%;}


/*------------------------------------------------- 상품문의 관리 ----------------------------------------------------*/
#member-list > ul > li > div:nth-child(1) {width:5%;}
#member-list > ul > li > div:nth-child(2) {width:30%;}
#member-list > ul > li > div:nth-child(3) {width:15;}
#member-list > ul > li > div:nth-child(4) {width:10%;}
#member-list > ul > li > div:nth-child(5) {width:10%;}
#member-list > ul > li > div:nth-child(6) {width:10%;}
#member-list > ul > li > div:nth-child(7) {width:10%;}
#member-list > ul > li > div:nth-child(8) {width:15%;}
#member-list > ul > li > div:nth-child(9) {width:10%;}



/*------------------------------------------------- 상품문의 관리 ----------------------------------------------------*/
#qa-list > ul > li {align-items: baseline;padding: 0px 0 5px 0;}
#qa-list > ul > li > div:nth-child(1) {width:5%;}
#qa-list > ul > li > div:nth-child(2) {width:10%;}
#qa-list > ul > li > div:nth-child(3) {width:85%;}

.qa_done {background:#ff0000; border:1px solid #ff0000; color:#fff;line-height:26px;display:inline-block;padding:0px 10px;font-weight:normal;border-radius: 5px;}
.qa_yet {background:#fff;border:1px solid #145c43;color:#145c43;line-height:26px;display:inline-block;padding:0px 10px;font-weight:normal;border-radius: 5px;}
.qa-cont {display: flex;width: 100%;flex-direction: column;text-align: left;}
.qa-cont-button button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}


/*------------------------------------------------- 상품후기 관리 ----------------------------------------------------*/
#review-list > ul > li {align-items: baseline;padding: 0px 0 5px 0;}
#review-list > ul > li > div:nth-child(1) {width:5%;}
#review-list > ul > li > div:nth-child(2) {width:10%;}
#review-list > ul > li > div:nth-child(3) {width:85%;}

.review-cont {display: flex;width: 100%;flex-direction: column;text-align: left;}
.review-cont select{height:28px;}
.review-cont .output-check {background-color: #fff;border:1px solid #3aa87c; color: #fff;line-height: 26px;display: flex;border-radius: 5px;}
.review-cont .output-check > label {background-color: #3aa87c;padding: 0px 10px;}
.review-cont .output-check > input {margin:0px 10px}
.review-cont .use_div {background-color: #f1f1f1;border-radius: 5px;padding: 15px 20px;display: block;position: relative;margin: 10px 0px 0px 0px;}

.review-cont-button button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}

/*------------------------------------------------- 상품 일괄 등록 관리 ----------------------------------------------------*/
#excelfile_upload {margin:10px ;padding:20px;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

/*------------------------------------------------- 주문리스트 관리 ----------------------------------------------------*/
#order-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#order-list > ul > li > div:nth-child(1) {width:15%;}
#order-list > ul > li > div:nth-child(2) {width:30%;}
#order-list > ul > li > div:nth-child(3) {width:10%;}
#order-list > ul > li > div:nth-child(4) {width:10%;}
#order-list > ul > li > div:nth-child(5) {width:20%;}
#order-list > ul > li > div:nth-child(6) {width:5%;}
#order-list > ul > li > div:nth-child(7) {width:10%;}

/*-------------------------------------------------마일리지 신청리스트 관리 ----------------------------------------------------*/
#mileage-request-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#mileage-request-list > ul > li > div{font-size: 13px;}
#mileage-request-list > ul > li > div:nth-child(1) {width:15%;}
#mileage-request-list > ul > li > div:nth-child(2) {width:25%;}
#mileage-request-list > ul > li > div:nth-child(3) {width:10%;}
#mileage-request-list > ul > li > div:nth-child(4) {width:40%;}
#mileage-request-list > ul > li > div:nth-child(5) {width:10%;}
#mileage-request-list > ul > li > div > span.wd_status_00 {background-color:#ddd;color:#000; border-radius:20px; line-height:28px; padding:0px 15px; display:inline-block;font-weight:600}
#mileage-request-list > ul > li > div > span.wd_status_01 {background-color:#8cc152;color:#000; border-radius:20px; line-height:28px; padding:0px 15px; display:inline-block;font-weight:600}
#mileage-request-list > ul > li > div > span.wd_status_02 {background-color:#84c93a;color:#000; border-radius:20px; line-height:28px; padding:0px 15px; display:inline-block;font-weight:600}


@media (min-width:240px) and (max-width:768px) {

	.table-list > ul {display: flex; width: 100% !important; flex-wrap: wrap !important; flex-direction: column !important;}
	.table-list > ul > li {flex-direction: column;}
	#mileage-request-list > ul > li > div:nth-child(1),
	#mileage-request-list > ul > li > div:nth-child(2),
	#mileage-request-list > ul > li > div:nth-child(3),
	#mileage-request-list > ul > li > div:nth-child(4),
	#mileage-request-list > ul > li > div:nth-child(5) {margin-top: 10px; width:100% !important;}

	.left {width: 100%; text-align: center !important;}
	.right {width: 100%; text-align: center !important;}

	.mileage-wr .mileage-summary {width:100% !important; flex-direction: column;}
	.mileage-wr {flex-direction: column;}
	.mileage-wr .mileage-info {width:100% !important;}
	.local_sch div {gap:10px !important; align-items: center !important; flex-wrap: wrap !important;}
	.mileage-summary-wr {flex-direction: column !important;}


	#mileage-list > ul > li > div:nth-child(1),
	#mileage-list > ul > li > div:nth-child(2),
	#mileage-list > ul > li > div:nth-child(3) {width:100% !important; margin-top:10px; }
}

/*-------------------------------------------------마일리지 신청리스트 관리 ----------------------------------------------------*/
#mileage-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#mileage-list > ul > li:not(:first-child) {padding:10px 0}
#mileage-list > ul > li > div{font-size: 13px}
#mileage-list > ul > li > div:nth-child(1) {width:15%;}
#mileage-list > ul > li > div:nth-child(2) {width:65%;}
#mileage-list > ul > li > div:nth-child(3) {width:20%;}


.item-info {display: flex; gap: 5px;align-items: center; }
.order-id strong {background-color: #fffee7;padding: 3px 10px;border-radius: 10px;color: #666;}

.order-proc {height: 28px;padding: 0 10px;border: 0;color: #fff;box-sizing: border-box;display: block;line-height: 28px;width: 50px;margin: 0px auto;border-radius: 15px;}
.order-proc.주문 {background: #fe528f;}
.order-proc.입금 {background: #68d0a7;}
.order-proc.준비 {background: #b668d0;}
.order-proc.배송 {background: #ffa700;}
.order-proc.완료 {background: #688fef;}
.order-proc.취소 {background: #f7d9d9;}
.order-proc.삭제 {background: red;}
.order-proc.품절 {background: #f7d9d9;}

.buyer-info > ul > li {padding-top:5px;}
.unit-won:after {content:'원';padding-left: 3px;}
.unit-won strong {font-size:14px;}
.unit-count:before {content:'(';padding-left: 0px;}
.unit-count:after {content:' 건)';padding-left: 0px;}

/*------------------------------------------------- 바코드 관리 ----------------------------------------------------*/
#barcode-list > ul > li > div:nth-child(1) {width:10%;}
#barcode-list > ul > li > div:nth-child(2) {width:10%;}
#barcode-list > ul > li > div:nth-child(3) {width:60%;}
#barcode-list > ul > li > div:nth-child(4) {width:10%;}
#barcode-list > ul > li > div:nth-child(5) {width:10%;}

/*------------------------------------------------- 바코드 뷰 ----------------------------------------------------*/
#pin_wrapper {width:100%; height:100%; background-color:#222; }
#pin_wrapper .wrap_bcd {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#pin_wrapper h1 {margin-bottom:20px; text-align:center; }
#pin_wrapper figure {text-align:center;}
#pin_wrapper .set_bcd {width:360px; padding:20px; padding-bottom:30px; border-radius:15px; background-color:#eaeaea;}
#pin_wrapper .img_pd {margin-bottom:15px; text-align: center;}
#pin_wrapper .img_pd img {width:80%; height:auto;}

#pin_wrapper .info_bcd {width:100%; margin-top:30px;}
#pin_wrapper .info_bcd th,
#pin_wrapper .info_bcd td {vertical-align: top; text-align: left; line-height:1.3; font-size: 14px;}
#pin_wrapper .info_bcd p {line-height:inherit; font-size: inherit; font-weight:inherit}
#pin_wrapper .info_bcd th {width:65px; font-weight: bold;}
#pin_wrapper .info_bcd td {text-align: left;}
#pin_wrapper .info_bcd th.cont {padding-top:18px; padding-bottom: 8px;}
#pin_wrapper .info_bcd td.cont {padding-bottom: 18px;}
#pin_wrapper .info_bcd td.cont p {text-align: left;}

/*------------------------------------------------- 핀코드 SMS 전송 관리 ----------------------------------------------------*/
#send-sms-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#send-sms-list > ul > li > div:nth-child(1) {width:5%;}
#send-sms-list > ul > li > div:nth-child(2) {width:15%;}
#send-sms-list > ul > li > div:nth-child(3) {width:10%;}
#send-sms-list > ul > li > div:nth-child(4) {width:15%;}
#send-sms-list > ul > li > div:nth-child(5) {width:8%;}
#send-sms-list > ul > li > div:nth-child(6) {width:20%;}
#send-sms-list > ul > li > div:nth-child(7) {width:5%;}
#send-sms-list > ul > li > div:nth-child(8) {width:15%;}
#send-sms-list > ul > li > div:nth-child(9) {width:7%;}


#send-pin-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#send-pin-list > ul > li > div:nth-child(1) {width:5%;}
#send-pin-list > ul > li > div:nth-child(2) {width:12%;}
#send-pin-list > ul > li > div:nth-child(3) {width:17%;}
#send-pin-list > ul > li > div:nth-child(4) {width:7%;}
#send-pin-list > ul > li > div:nth-child(5) {width:8%;}
#send-pin-list > ul > li > div:nth-child(6) {width:12%;}
#send-pin-list > ul > li > div:nth-child(7) {width:12%;}
#send-pin-list > ul > li > div:nth-child(8) {width:17%;}
#send-pin-list > ul > li > div:nth-child(9) {width:10%;}


/*------------------------------------------------- 정산신청 관리 ----------------------------------------------------*/
#calc-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#calc-list > ul > li > div:nth-child(1) {width:5%;}
#calc-list > ul > li > div:nth-child(2) {width:10%;}
#calc-list > ul > li > div:nth-child(3) {width:30%;}
#calc-list > ul > li > div:nth-child(4) {width:15%;}
#calc-list > ul > li > div:nth-child(4) span {background-color:#d5d5d5;color: #666;font-weight: 600;border-radius: 20px;margin-left: 5px;padding: 0px 10px;font-size: 11px;line-height: 21px;display: inline-block;}
#calc-list > ul > li > div:nth-child(5) {width:10%;}
#calc-list > ul > li > div:nth-child(6) {width:15%;}
#calc-list > ul > li > div:nth-child(7) {width:5%;}
#calc-list > ul > li > div:nth-child(8) {width:10%;}

#calc-request-list > ul > li {align-items: center;padding: 5px 0 5px 0;}
#calc-request-list > ul > li > div:nth-child(1) {width:5%;}
#calc-request-list > ul > li > div:nth-child(2) {width:13%;}
#calc-request-list > ul > li > div:nth-child(3) {width:27%;}
#calc-request-list > ul > li > div:nth-child(4) {width:11%;}
#calc-request-list > ul > li > div:nth-child(5) {width:13%;}
#calc-request-list > ul > li > div:nth-child(6) {width:11%;}
#calc-request-list > ul > li > div:nth-child(7) {width:13%;}
#calc-request-list > ul > li > div:nth-child(8) {width:7%;}



#calc-result-list > ul > li > div:nth-child(1) {width:15%;}
#calc-result-list > ul > li > div:nth-child(2) {width:30%;}
#calc-result-list > ul > li > div:nth-child(3) {width:20%;}
#calc-result-list > ul > li > div:nth-child(4) {width:15%;}
#calc-result-list > ul > li > div:nth-child(5) {width:10%;}
#calc-result-list > ul > li > div:nth-child(6) {width:10%;}


/*------------------------------------------------- 정산신청 결과 ----------------------------------------------------*/


#calc-finished-list > ul > li > div:nth-child(1) {width:35%;}
#calc-finished-list > ul > li > div:nth-child(2) {width:15%;}
#calc-finished-list > ul > li > div:nth-child(3) {width:10%;}
#calc-finished-list > ul > li > div:nth-child(4) {width:14%;}
#calc-finished-list > ul > li > div:nth-child(5) {width:10%;}
#calc-finished-list > ul > li > div:nth-child(6) {width:8%;}
#calc-finished-list > ul > li > div:nth-child(7) {width:8%;}


.header-menu {display: flex;width: 100%;justify-content: space-between;align-items: center;padding-bottom: 10px;border-bottom: 1px solid #ddd;nmargin-top:20px;}
.header-menu h3 {font-size:18px;}

.tab-menu {margin: 20px 0 30px 0;}
.tab-menu ul {display:flex; width:100%;}
.tab-menu ul > li {background-color: #fff;border-right: 1px solid #ccc;width: 33.33%;display: flex;align-items: center;justify-content: center;height: 42px;font-size: 14px;font-weight: 500;cursor:pointer;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab-menu ul > li:hover {background-color:#f3f5f7}
.tab-menu ul > li.active {background-color:#ff0000; color:#fff}
.tab-menu ul > li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;border: 1px solid #ddd;}
.tab-menu ul > li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: 1px solid #ddd;border-left: none;}


/*-------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------- 주문서 뷰 관리 ----------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
#sit_ov_wrap {display:flex;}
#sit_ov_wrap .it-view-gr{width:60%}
#sit_ov_wrap .it-view-gr .it-info{display: flex;flex-direction: column;border: 5px solid #d9d9d9;;border-radius: 15px;padding: 20px;background-color: #fff;position: relative;}
#sit_ov_wrap .it-view-gr .it-info > ul {}
#sit_ov_wrap .it-view-gr .it-info > ul > li {display:block; color:#666}
#sit_ov_wrap .it-view-gr .it-info .category {font-size: 16px;padding:10px 30px 0 0px;}
#sit_ov_wrap .it-view-gr .it-info .title h3 {font-size: 30px;font-weight: 500;letter-spacing: -2px;margin-top: 10px;color:#000}
#sit_ov_wrap .it-view-gr .it-info .title .it-desc {font-size: 14px;margin-top: 20px;color:#aaa;font-weight: 300;}

#sit_ov_wrap .it-view-gr .it-info .period {font-size: 15px; margin-top:25px;}
#sit_ov_wrap .it-view-gr .it-info .reg-date {font-size: 15px;color: #aaa; margin-top:10px;}
#sit_ov_wrap .it-view-gr .it-info .item-no {font-size: 15px; margin-top:10px; margin-bottom:10px;}

#sit_ov_wrap .it-view-gr .it-info .it-detail-view {position: absolute;right: 25px;display: flex;top: 25px;align-items: center;}

#sit_ov_wrap .it-view-gr .it-notice {padding: 30px 10px 10px 20px;}
#sit_ov_wrap .it-view-gr .it-notice h3 {font-size: 15px;margin: 0 0 10px 0;color: #5a7aa2;}
#sit_ov_wrap .it-view-gr .it-notice li {padding: 0 0 8px 12px;font-size: 13px;}
#sit_ov_wrap .it-view-gr .it-notice li::before { content: "";width: 5px;height: 5px;background: #c1c1c1;border-radius: 100%;position: absolute;margin: 7px 0 0 -11px;}


#sit_ov_wrap .item-view-form{width:40%;padding: 0px 0px 0px 25px;}
#sit_ov_wrap .item-view-form > ul {width:100%;display:flex; flex-direction:column;}
#sit_ov_wrap .item-view-form > ul > li {display:flex;justify-content: space-between;border-bottom:1px solid #ddd;padding: 10px 0 10px 0;align-items: center;}
#sit_ov_wrap .item-view-form > ul > li:first-child {padding-top:0px;}
#sit_ov_wrap .item-view-form > ul > li > label {font-size: 16px;color:#666;font-weight: 600;}
#sit_ov_wrap .item-view-form > ul > li > div {font-size:14px;}

#sit_ov_wrap .item-view-form .sit_option {padding: 10px 0 10px 0;border-bottom: 1px solid #ddd;}
#sit_ov_wrap .item-view-form .sit_option .get_item_options{display: flex;width: 100%;align-items: center;justify-content: space-between;}
#sit_ov_wrap .item-view-form .sit_option .get_item_options select {margin:0px;width:100%;}
#sit_ov_wrap .item-view-form .sit_option .get_item_options > label {width: 30%;font-size: 16px;color: #666;font-weight: 600;}
#sit_ov_wrap .item-view-form .sit_option .get_item_options > span {width: 70%;}

#sit_ov_wrap .item-view-form .sit_option .get_item_supply{display: flex;width: 100%;align-items: center;justify-content: space-between;}
#sit_ov_wrap .item-view-form .sit_option .get_item_supply select {margin:0px;width:100%;}
#sit_ov_wrap .item-view-form .sit_option .get_item_supply > label {width: 30%;font-size: 16px;color: #666;font-weight: 600;}
#sit_ov_wrap .item-view-form .sit_option .get_item_supply > span {width: 70%;}

#sit_ov_wrap .item-view-form .sit_delivery {margin: 20px 0;}
#sit_ov_wrap .item-view-form .sit_delivery > h3 {display: block;margin: 10px 0 10px;font-size: 16px;color: #666;font-weight: 600;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li{width: 100%;display: flex;margin-bottom: 10px;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li:last-child {margin-bottom:0px;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > input[type=radio],#sit_ov_wrap .item-view-form .sit_delivery > ul > li > input[type=checkbox] {display: none;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > label {width: 100%;padding: 15px 15px 15px 55px;border-radius: 5px;border: 1px solid #ddd;position: relative;cursor: pointer;background-color: #fff;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > label > h3 {font-size:15px; font-weight:500; margin:0px;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > label > span {font-size:14px; color:#aaa; display:block}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > input:checked + label {border-color: #3694fa;background-color: #f3f8fe;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > label:before {content: "";position: absolute;left: 30px;top: 50%;transform: translate(-50%, -50%);display: block;float: left;width: 25px;height: 25px;border: 2px solid #999;border-radius: 50px;background-image: url(/img/check.png);background-repeat: no-repeat;background-position: 4px 4px;background-size: 13px;box-sizing: border-box;}
#sit_ov_wrap .item-view-form .sit_delivery > ul > li > input:checked + label:before {border: 2px solid #0025eb;background-image: url(/img/check_on.png);background-color: #0025eb;}

#sit_ov_wrap .seller-info-box {overflow:hidden; margin-top: 10px;}
#sit_ov_wrap .seller-info-box a.seller-info {display: flex; align-items: center; justify-content: start;color: #212121;font-size: 14px;font-weight: 600; font-size:14px;}
#sit_ov_wrap .seller-info-box a.seller-info img {margin-right: 7px;border-radius: 50%;border: 1px solid #ccc;background-color: #fff;width: 40px;height: 40px;}


/*------------------------------------------------- 주문서 폼 관리 ----------------------------------------------------*/
#sod_frm {display: flex;flex-wrap: wrap;}
#sod_frm [class~=sod_left] {width: 65%;margin-right: 0;margin-top: 25px;padding: 0px 20px 0px 0px;background-color: transparent;}
#sod_frm [class~=sod_right] {float: right;width: 35%;margin-top: 25px;}
#sod_frm .od_prd_list {width:100%;}
#sod_frm section {width:100%;}
#od_tot_price, .pay_tbl {width:100%;}
#od_tot_price span {font-size: 14px;}
#sod_frm_pay {background-color:transparent}
#sod_frm_pay .pay_tbl th {font-size:14px;width: 135px;}

#sod_frm_pay .lb_icon {width:100%;font-size: 14px;}
#sod_frm section {margin-bottom: 10px;}
#settle_bank {background: #fff;}
#settle_bank #od_deposit_name {font-size:14px;}

.agreement .set_agree input {position: absolute;left: -100%;top: 0;width: 0;height: 0;border: 0;}
.agreement .set_agree {position: relative;margin-bottom: 10px;padding: 10px 15px;border: 1px solid #ddd;background-color: #fff;}
.agreement .set_agree label {position: relative;padding-left: 25px;font-size: 14px;}
.agreement .set_agree input:checked + label::after {border: 1px solid #3d2a74;background-image: url('/images/check.png');background-color: #3d2a74;}
.agreement .set_agree label::after {content: "";position: absolute;left: 0;top: 0;width: 18px;height: 18px;border-radius: 4px;display: block;border: 1px solid #aaa;background-image: url('/images/check_on.png');background-repeat: no-repeat;background-position: center;background-size: 10px;box-sizing: border-box;}
.agreement .set_agree a {margin-left: 5px;background-color: #000;font-size: 12px;color: #fff;}
.cuation_li {margin-top: 10px;}
.cuation_li li {position: relative;padding-left: 17px;margin-bottom: 5px;line-height: 22px;font-size: 13px;color: #3d2a74;}
.cuation_li li::before {position: absolute;left: 0;top: 0;line-height: 22px;font-size: 13px;content: "※";}
.sod_left {display: table-cell;width: 760px;background: #fafafa;padding: 20px;vertical-align: top;}


.sod_cont {display: flex;justify-content: center;align-items: flex-start;width: 100%;gap: 20px;}
.sod_cont .sod_left {border: 1px solid #ddd;width: 65%;margin-right: 0;padding: 20px 20px 10px 20px;background-color: #fff;margin-top: 0px;}
.sod_cont .sod_left h3 {font-size:16px;}


.sod_cont .sod_left td {text-align:left;}
.sod_cont .sod_left td.empty_table {text-align:center;}

#sod_fin #sod_fin_orderer {width:100%;}
#sod_fin #sod_fin_receiver {
width: 100%;
}

.sod_cont .sod_right {float: right;width: 35%;margin-top: 20px;}



#sod_fin_pay li, #sod_fin #sod_bsk_tot li {background: transparent;}

#display_pay_button {background-color:transparent}
#display_pay_button .btn_submit {height:50px;font-size:14px;}
#display_pay_button .btn01 {height:50px; font-size:14px;}


.mbskin-wrap {position: relative;display: flex;width: 100%;height: 100vh;align-items: center;justify-content: center;}
.mbskin-wrap .mbskin {display: flex; flex-direction: column;max-width: 460px;border: 1px solid #ddd;}
.mbskin .btn_submit {width: 100%;margin: 0px 0 0;height: 45px;font-weight: bold;font-size: 1.25em;}

.order-summary-wp ul {display:flex;border:1px solid #ddd;margin: 10px 0 30px;}
.order-summary-wp ul li {width:25%; display:flex;line-height:38px; font-size:14px;}
.order-summary-wp ul li span:first-child {background-color:#000; color:#fff; width:25%;text-align: center;}
.order-summary-wp ul li span:last-child { width:75%;text-align: right;padding-right: 10px;background-color: #fff;}

@media (max-width: 767px){
#order-list > ul > li.title {display:none;}
#order-list > ul > li {flex-direction: column;}
#order-list > ul > li > div {width:100% !important; text-align: center;}
#order-list > ul > li > div.item-info, #order-list > ul > li > div.buyer-info {flex-direction: column;}

#order-list > ul > li > div.item-info {margin-top:20px}
#order-list li.unit-won {margin-bottom:20px}

.order-id ul li {margin-top:10px;}
.pad5l {margin-bottom:10px}

.order-summary-wp ul li {width:100% !important;}
.order-summary-wp ul  {flex-direction: column;}


#product-list > ul > li > div:nth-child(1),
#product-list > ul > li > div:nth-child(2),
#product-list > ul > li > div:nth-child(3),
#product-list > ul > li > div:nth-child(4),
#product-list > ul > li > div:nth-child(5),
#product-list > ul > li > div:nth-child(6),
#product-list > ul > li > div:nth-child(7) {width: 100% !important;}

#product-list > ul > li > div:nth-child(7) {margin:20px}
.item-info > ul > li {    justify-content: center;}

/*------------------------------------------------- 주문서 뷰 관리 ----------------------------------------------------*/

#sit_ov_wrap .it-view-gr .it-info .it-detail-view {position: relative;right: unset;top: unset;}

#sit_ov_wrap {flex-direction:column}
#sit_ov_wrap .it-view-gr {width:100%;}
#sit_ov_wrap .item-view-form {width: 100%;padding: 15px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}

/*------------------------------------------------- 장바구니 관리 ----------------------------------------------------*/
#cart_info {text-align:center;}
#sod_bsk_act {display: flex;justify-content: space-between;width: 100%;gap: 5px;}
#sod_bsk_act .btn01, #sod_bsk_act .btn_submit {width: 100%;}

.basket_item_list {margin-top:10px}
/*------------------------------------------------- 주문서 폼 관리 ----------------------------------------------------*/
#sit_ov_wrap .it-view-gr .it-info .title h3 {font-size: 21px;}


/*------------------------------------------------- 주문서 폼 관리 ----------------------------------------------------*/
#sod_frm [class~=sod_left] {width:100%; padding:0px;}
#sod_frm [class~=sod_right] {width:100%; }
button.btn_frmline {position:relative !important;}
#od_tot_price {background-color: #0b81ff;line-height: 50px;padding: 0px 10px ;color:#fff }
#od_tot_price span {color:#000}
#display_pay_button .btn_submit {height:50px;font-size:14px;}
#display_pay_button .btn01 {width:100%; margin-top:10px;height:50px; font-size:14px;}
.tbl_frm01 th {width:auto}

#sod_fin_no {margin-bottom:10px;}
.sod_cont {flex-direction: column;}
.sod_cont .sod_left {width:100%;margin-top: 0px;}
.sod_cont .sod_right {width:100%;}
}
.smb_my_tab {display: flex;width: 100%;margin-bottom: 30px;}
.smb_my_tab span{width: 50%;background-color: #fff;border-left: 1px solid #ddd;text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 45px;font-size: 14px;font-weight: 600; cursor:pointer;}
.smb_my_tab span:last-child {border-right:1px solid #ddd}
.smb_my_tab span.on {background-color:#3aa87c; color:#fff}
.dealer-info {display:none;}
.dealer-info section {margin-bottom:30px;}

#calc-summary-list.gallery-list {position: relative;overflow-x: auto;white-space: nowrap;}
#calc-summary-list.gallery-list ul {display:flex;gap: 5px;}
#calc-summary-list.gallery-list ul li {display: flex;width: 25%;padding: 9px;flex-direction: column;border: 1px solid #ddd;background-color: #fff;border-radius: 10px;cursor:pointer}
#calc-summary-list.gallery-list ul li:not(.empty_li):hover {border-color:#3aa87c}
#calc-summary-list.gallery-list ul li.empty_li {background-color: transparent;border-radius: 0px;border-left: inherit;border-right: inherit;font-weight: 600;font-size: 14px;}
#calc-summary-list.gallery-list ul li .request-count > div{background-color: #edfbde;padding: 5px 10px;border-radius: 10px;margin-bottom: 10px;display: inline-block;color:#8cc152}
#calc-summary-list.gallery-list ul li .request-result {font-size: 14px;margin: 20px 0 10px 0;text-align: right;color: #666;}
#calc-summary-list.gallery-list ul li .calct-result {font-size: 14px;text-align: right;}
#calc-summary-list.gallery-list ul li .calct-result strong {font-size:18px !important;letter-spacing: -0.05rem;}
#calc-summary-list.gallery-list ul li .request-date {margin:10px 0}
#calc-summary-list.gallery-list ul li .process {text-align:right}

#request-summary-list.row-list {border-top: 1px solid #ddd;}
#request-summary-list.row-list > ul {display:flex;flex-direction: column;}
#request-summary-list.row-list > ul > li {display: flex;width: 100%;border-bottom: 1px solid #ddd;padding: 10px 0px 5px 0px;}
#request-summary-list.row-list > ul > li > div.thumbnail {width: 15%;display: flex;align-items: baseline;justify-content: center;}
#request-summary-list.row-list > ul > li > div.cont {width:85%;}
#request-summary-list.row-list > ul > li > div.cont > section {margin-bottom:0px;}
#request-summary-list.row-list > ul > li > div.thumbnail img{width:80%;}
#request-summary-list.row-list > ul > li.empty_li {background-color: transparent;border-radius: 0px;border-left: inherit;border-right: inherit;font-weight: 600;font-size: 14px;justify-content: center;}

#review-summary-list.row-list {border-top: 1px solid #ddd;}
#review-summary-list.row-list > ul {display:flex;flex-direction: column;}
#review-summary-list.row-list > ul > li {display: flex;width: 100%;border-bottom: 1px solid #ddd;padding: 10px 0px 5px 0px;}
#review-summary-list.row-list > ul > li > div.thumbnail {width: 15%;display: flex;align-items: baseline;justify-content: center;}
#review-summary-list.row-list > ul > li > div.cont {width:85%;}
#review-summary-list.row-list > ul > li > div.cont > section {margin-bottom:0px;}
#review-summary-list.row-list > ul > li > div.thumbnail img{width:80%;}
#review-summary-list.row-list > ul > li.empty_li {background-color: transparent;border-radius: 0px;border-left: inherit;border-right: inherit;font-weight: 600;font-size: 14px;justify-content: center;}

#dealer-summary ul {display: flex;width: 100%;gap: 50px;border: 1px solid #ddd;background-color: #fff;padding: 20px 30px;border-radius: 10px;}
#dealer-summary ul li {display: flex;width: 50%;align-items: center;flex-direction: column;position: relative;padding-left: 10%;}
#dealer-summary ul li:before {content: "";font-family: FontAwesome;font-size: 18px;font-weight: 500;background-color: #9099a9;color: #fff;padding: 10px;border-radius: 50%;position: absolute;left: 0;top: 50%;width: 50px;transform: translate(-0%, -50%);height: 50px;text-align: center;display: flex;align-items: center;justify-content: center;}
#dealer-summary ul li:first-child:before {content: "\f1ec";}
#dealer-summary ul li:last-child:before {content: "\f51e";}
#dealer-summary ul li > div {width:100%;}
#dealer-summary ul li > div.title {font-size:14px;}
#dealer-summary ul li > div.summary-cont {font-size:14px;}
#dealer-summary ul li > div.summary-cont > div.cont > span:first-child {font-size:14px; color:#666}
#dealer-summary ul li > div.summary-cont > div.cont{display: flex;justify-content: space-between;align-items: center;line-height: 32px;margin: 10px 0px 5px 0px;}
#dealer-summary ul li > div.summary-cont > div.cont .unit-count strong{font-weight:600; color:#000; font-size:18px;}
#dealer-summary ul li > div.summary-cont > div.cont .unit-count:after,#dealer-summary ul li > div.summary-cont > div.cont .unit-count:before{font-size:14px; color: #383838}
#dealer-summary ul li > div.summary-cont > div.cont .unit-won {font-weight:600; font-size:18px; color:#000;letter-spacing: -0.05rem;}
#dealer-summary ul li > div.summary-cont > div.cont .unit-won:after {font-weight: 400;font-size: 14px;color: #383838}

.mobile-fee-sect {display:none;}

.pin-inifo-wr {display:flex;width:100%;}
.pin-inifo-wr .pin-inifo {display:flex; flex-direction:column;padding-left: 10px;}
.pin-inifo-wr .pin-inifo ul li {margin-top:5px;}
.pin-inifo-wr .pin-inifo ul li:first-child {margin-top:0px;}
.pin-inifo-wr .pin-inifo ul li strong {background-color: #27e300;color: #fff;border-radius: 5px;padding: 1px 10px;margin-left: 5px;}

/* 주문상세내역 */
#sod_list_inq {}
#sod_list_inq .li_op_wr {padding-left:85px}
#sod_list_inq .li_op_wr.no_pad {padding:0px}
#sod_list_inq .total_img {left:10px}
#sod_list_inq .sod_opt {padding-left:10px}

.sod_fin_list {width:100%;}
.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat {display:inline-block;background: #edfbde; color: #8cc152;line-height: 24px;border-radius: 5px; border-radius: 5px;padding: 0 5px; font-weight: normal;font-size: 0.85em;margin:5px 0}
.sod_fin_list .li_opt {color:#777;margin:3px 0;line-height:1.3em;padding-right:50px}

.sod_fin_list .pay_stat {position:absolute;right:10px;top:0px;background: #edfbde; color: #8cc152;line-height: 24px;border-radius: 5px; border-radius: 5px;padding: 0 5px; font-weight: normal;font-size: 0.85em;margin:5px 0}

.mileage-wr {display:flex;gap:10px;margin-bottom: 30px;width:100%;}
.mileage-wr .mileage-summary {width: 45%;border: 1px solid #ddd;display: flex;flex-direction: column;border-radius: 10px;padding: 20px; gap:5px;background-color: #fff;}
.mileage-wr .mileage-summary h3 {text-align:center; font-size:16px;}
.mileage-wr .mileage-summary .mileage-number {text-align:center; font-size:18px;font-weight:600;color: #666;}
.mileage-wr .mileage-summary .mileage-price {display: flex;font-size: 18px;align-items: baseline;font-weight: 600;justify-content: center;}

.mileage-wr .mileage-summary .mileage-price strong{font-size:28px;text-align:center;padding-top:10px;}
.mileage-wr .mileage-summary .mileage-txt {display: flex;justify-content: center;align-items: center;width: 100%; margin: 20px 0 10px 0;}
.mileage-wr .mileage-summary .mileage-txt span{background-color: #ddd;color: #666;border-radius: 20px;line-height: 30px;font-weight: 600;display: block;padding: 0px 20px;}

.mileage-wr .mileage-info {width:55%; display:flex; flex-direction:column; gap:10px;}
.mileage-wr .mileage-info > div {font-size:15px;}
.mileage-wr .mileage-info input {border: 1px solid #ddd;width: 100%;text-align: right;line-height: 40px;padding: 0px 35px 0px 0px;color: #ff0000;font-weight: 600;font-size: 21px;}
.mileage-wr .mileage-info button{width: 100%;line-height: 42px;margin-top: 10px;color: #fff;background-color: #4472c4;border: 1px solid #0049cb;}

.mileage-wr .mileage-info .bank-info {display: flex;background-color: #fff;line-height: 38px;align-items: center; border: 1px solid #ddd;font-size: 14px;}
.mileage-wr .mileage-info .bank-info span {padding-left: 10px;}
.mileage-wr .mileage-info .bank-info span:first-child {width:15%;background-color:#eee;text-align:center;border-right:1px solid #ddd;padding-left:0px;}
.mileage-wr .mileage-info .apply-form .won-input {position:relative;}
.mileage-wr .mileage-info .apply-form .won-input span{position: absolute;right: 10px;top: 50%;transform: translate(0%, -50%);}


.com-info-wr {display: flex;flex-direction: column;gap: 5px;}
.com-info-wr h3 {font-size:18px; color:#3aa87c}
.com-info-wr .com-navi {margin-top: 5px; margin-bottom: 20px;font-size:14px;}
.com-info-wr .com-navi span:last-child {font-weight:600;color:#3aa87c}

.company-percent-info {margin: 20px 0px 0px 0px;}
.company-percent-info ul{display: flex;width: 100%;text-align: center;align-items: center; border-bottom:1px solid #ddd}
.company-percent-info li{display:flex; width:33.33%;flex-direction:column; border-left:1px solid #ddd;}
.company-percent-info li:last-child {border-right:1px solid #ddd;}
.company-percent-info li div {line-height:38px;font-size:14px;background-color:#fff;}
.company-percent-info li div:first-child {background-color:#e3e3e3; color:#000;line-height: 38px;}
.company-percent-info li div > span {background-color: #ff0000;color: #fff;border-radius: 20px;margin-left: 10px;padding: 0px 10px;font-size: 11px;line-height: 21px;display: inline-block;}

.mileage-summary-wr {display:flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.mileage-summary-wr h3 {font-size:16px;}
.mileage-summary-wr .mileage-summary{display: flex;}
.mileage-summary-wr .mileage-summary span:first-child{background-color: #009aff;color:#fff; line-height: 38px;display: inline-block;padding: 0px 10px 0px 15px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.mileage-summary-wr .mileage-summary span:last-child{background-color: #fff;line-height: 38px;display: inline-block;border: 1px solid #ddd;padding: 0px 20px 0px 20px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size: 16px; font-weight: 600;}

.mb-status {background-color: #c1c1c1;color: #fff;border-radius: 20px;margin-left: 5px;padding: 0px 10px;font-size: 11px;line-height: 21px;display: inline-block;}
.com-type {background-color: #3f51b5;color: #fff;border-radius: 20px;padding: 0px 10px;font-size: 11px;line-height: 21px;display: inline-block;}

.info-li {display:flex; flex-direction:column;gap:5px;padding:5px 0px}
@media ( max-width: 768px ) {
#dealer-summary ul {background-color: transparent;flex-wrap: wrap;padding: 0px;border: none;}
#dealer-summary ul li {width:100%;padding-left: 0px;background-color: #000;}
#dealer-summary ul li:before {position: relative;left: unset;top: unset;transform: unset;width: 100%;border-bottom: 1px solid #000;border-radius: unset;}
#dealer-summary ul li > div.summary-cont {background-color:#fff;padding: 10px 20px;}
#calc-summary-list.gallery-list ul li {width:50%}

}
@media (min-width: 1200px) {
// 데스크탑 일반
}

@media (min-width: 768px) and (max-width: 991px) {
// 테블릿 세로
}

@media (min-width: 992px) and (max-width: 1199px) {
// 테블릿 가로
}


#top-line .wrap .lt-area {
display: flex !important;
width: 100% !important;
justify-content: center !important;
}

@media (max-width:500px) {
.menu_top_title > .mtt_right h2 {padding: 5px 5px !important;}
#top-line .wrap .lt-area {display: flex !important; flex-wrap: wrap !important; justify-content: center !important;}
}

.main-banner {
    /* max-width: 1200px; */
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.main-banner .banner-item {
  height: 480px;
}

.main-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-banner .slick-dots{
position:absolute;
bottom:20px;
width:100%;
display:flex !important;
justify-content:center;
gap:10px;
}

.main-banner .slick-dots li{
  width:50px;
  height:4px;
  margin:0;
  overflow:hidden;
  background:rgba(0,0,0,0.25); /* 기존 흰색 → 어두운 배경 */
  border-radius:4px;
}

.main-banner .slick-dots li button{
display:none;
}


/* ========================= */
/* PROGRESS */
/* ========================= */

.main-banner .slick-dots li::after{
  content:'';
  display:block;
  height:4px;
  width:0%;
  background:#145c43;
}


.main-banner .slick-dots li.slick-active::after{
  animation:bannerProgress 5s linear forwards;
}

@keyframes bannerProgress{
0%{width:0%;}
100%{width:100%;}
}

@media (max-width: 768px) {
  .main-banner .banner-item {
    height: 250px;
  }
}


@media (min-width: 1024px) {

  #line-banner {
    position: sticky;
    top: 0;
    z-index: 10000;
  }

  #top-line {
    position: sticky;
    top: 60px;
    z-index: 9999;
    background: #fff;
  }

  #hd {
    position: sticky;
    top: 90px;
    z-index: 9998;
    background: #fff;
  }

  #top-line.has-banner {
    top: 0px;
  }

  #hd.has-banner {
    top: 30px;
  }
}

.more_view {
    position: relative;
display: inline-block;
overflow: hidden;
padding: 8px 20px;
letter-spacing: 2px;
font-size: 13px;
color: #293844;
border: 1px solid #293844;
border-radius: 4px;
transition: all .25s ease;
margin-bottom:10px;
}