@charset "utf-8";
@import url(font_ns.css);

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul {margin:0;padding:0;list-style:none;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-size:1em;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {cursor:pointer;}
em {font-style:normal;}
table {border-collapse:collapse;}

html, body {padding:0px;margin:0px;}
.sound_only, .screen_out{ visibility:hidden; overflow:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
#wrap {position:relative;width:100%;height:100%;}

.pointer {cursor:pointer }
/* 정렬 */
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

.border_r4 {border-radius:4px !important}
 .border_r8 {border-radius:8px !important}

.ab_top_left {top:0;left:0;}
.ab_top_left25 {top:0px;left:25px;}
.ab_top5_left5 {top:5px;left:5px;}
.ab_top_right {top:0px;right:0px;}
.ab_top4_right {top:4px;right:0px;}
.ab_top5_right55 {top:5px;right:55px;}
.ab_top5_right45 {top:5px;right:45px;}
.ab_top5_right30 {top:5px;right:30px;}
.ab_top5_right5 {top:5px;right:5px;}
.ab_top7_right10 {top:7px;right:10px;}
.ab_top10_right10 {top:10px;right:10px;}
.ab_btm_right {bottom:0px;right:0;}
.ab_btm10_right10 {bottom:10px;right:10px;}
.ab_btm10_left85 {bottom:10px;left:85px;}
.ab_btm5 { bottom:5px; }
.ab_btm10 { bottom:10px; }

.ab_bot_right {right:0;bottom:0px;}
.ab_bot_left {left:0;bottom:0;}
.ab_bot5_right {right:0;bottom:5px;}
.ab_bot5_left {bottom:5px;left:0px;}

.float_c {margin:0 auto;}
.float_l {float:left;}
.float_r {float:right;}

.block {display:block;}
.in_block {display:inline-block;}
.flex{display: flex;}
.none{display:none;}

.over_h {overflow:hidden;}

/*배경색 */
.none_bg {background:none;}

.bg_white {background-color:#FFF;}
.bg_black {background-color:#121212}
.bg_gray {background-color:#f0f0f0;}
.bg_gray2 {background-color:#eee;}
.bg_gray3 {background-color:#999;}
.bg_gray4 {background-color:#656565;}
.bg_gray5 {background-color:#454545;}
.bg_red {background-color:#ff3d24;}
.bg_dark_gray {background:#333;}
.bg_dark_red {background-color:#821113}

.bg_gray_hp {background-color:#F4F5F7}
.bg_gray_hp2 {background-color:#DDE1E6}
.bg_gray_hp3 {background-color:#CCD2D9}

.bg_mint {background-color:#0EBACC}
.bg_red_hp {background-color:#ED1F23}
.bg_red_hp2 {background-color:#F14C4F; color:#fff}
.bg_pink{background-color:#F14C4F}
.bg_bpink {background-color:#FDE9E9}

.bg_custom1 {background-color:#60b23b;}
.bg_custom2 {background-color:#00bbb6;}
.bg_custom3 {background-color:#656565;}
.bg_custom4 {background-color:#689b15;}
.bg_custom5 {background-color:#f5612a;}

/* 선 */
.none_line {border:0px none;}
.separate_line {border-top:8px solid #f4f5f7;}

.gray_line {border:1px solid #ccc;}
.gray_line2 {border:1px solid #eee;}
.gray_line3 {border:3px solid #ccc;}
.gray_line4 {border:1px solid #888;}
.gray_line_t {border-top:1px solid #ddd;}
.gray_line_t2 {border-top:1px solid #eee;}
.gray_line_r {border-right:1px solid #ccc;}
.gray2_line_r {border-right:2px solid #ccc;}
.gray_line_r2 {border-right:1px solid #eee;}
.gray_line_r3 {border-right:1px solid #D8D8D8;}
.gray_line_b {border-bottom:1px solid #ccc;}
.gray_line_b2 {border-bottom:1px solid #eee;}
.gray_line_l {border-left:1px solid #ccc;}
.gray_line_dash {border-bottom:1px dashed #ccc;}

.white_line {border:1px solid #FFF;}

.black_line_t {border-top:1px solid #000;}
.black_line_t2 {border-top:2px solid #000;}
.black_line_r {border-right:1px solid #000;}
.black_line_b {border-bottom:1px solid #000;}
.black_line_b3 {border-bottom:3px solid #000;}

.custom_line1 {border:1px solid #60b23b;}
.custom_line11 {border:1px solid #3d9c12;}
.custom_line12 {border-bottom:2px solid #60b23b;}
.custom_line13{border-bottom:3px solid #86bb30;}
.custom_line2 {border:1px solid #00bbb6;}
.custom_line21{border-bottom:1px solid #c8c3b9;}
.custom_line22{border-bottom:1px solid #39404a;}
.custom_line25 {border:5px solid #00bbb6;}
.custom_line3{border-bottom:5px solid #f5612a;}

.gray_line_hp {border:1px solid #DDE1E6}
.gray_line_hp2 {border:1px solid #CFD4DB !important}

.gray_hp_t1b1 {border-top:1px solid #DDE1E6; border-bottom:1px solid #DDE1E6}
.gray_hp_t2b2 {border-top:1px solid #f4f5f7; border-bottom:1px solid #f4f5f7}


.gray_line_none {
    border: none; /* 초기엔 선 없애기! */
}
.gray_line_none.open {
    border: 1px solid #CFD4DB; /* 열릴 때만 선 표시 */
}

/*안쪽선*/
.box_sizing{box-sizing: border-box;}

.flex_1{flex:1;}
/* 텍스트 */
.custom1 {color:#60b23b;}
.custom11 {color:#bdeaa9;}
.custom2 {color:#00bbb6;}
.custom3 {color:#000;}
.custom4 {color:#39404a;}
.custom5 {color:#474747}
.custom6 {color:#373737}
.gray {color:#777;}
.gray2 {color:#999;}
.gray3 {color:#555;}
.gray4 {color:#ddd;}
.red {color:#fe5a59;}
.red2 {color:#e12400;}
.white {color:#fff}
.black {color:#000}
.dark_red {color:#821113}
.mint {color:#0EBACC}


.gray_hd6 {color:#C5C5C5}
.gray_hd7 {color:#9A9A9A}
.gray_hd8 {color:#757575}
.gray_hd9 {color:#9A9A9A}
.grayblue {color:#4F565F}
.red_hp {color:#ED1F23}
.gray_hp1 {color:#70767C}
.gray_hp2 {color:#D8D8D8}

.grd_red {background: linear-gradient(to right, #F03F43, #F3696C); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.align_c {text-align:center;}
.align_r {text-align:right;}
.align_l {text-align:left;}
.align_j {text-align:justify;}
.valign_m {vertical-align:middle;}
.valign_t {vertical-align:top;}
.valign_b {vertical-align:bottom;}

.txt8 {font-size:8px;}
.txt9 {font-size:9px;}
.txt10 {font-size:10px;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;;}
.txt14 {font-size:14px !important;}
.txt15 {font-size:15px;}
.txt16 {font-size:16px;}
.txt17 {font-size:17px;}
.txt20 {font-size:20px;}
.txt24 {font-size:24px;}

.space_1 {letter-spacing:-1px;}

.bold {font-weight:600;}
.bold500 {font-weight:500;}
.normal {font-weight:400;}
/* .ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} */
.ellipsis {display: -webkit-box;        /* 블록을 flex처럼 만들어 줌 */
  -webkit-box-orient: vertical; /* 세로 방향 설정 */
  -webkit-line-clamp: 2;       /* 2줄까지만 보여줌 */
  overflow: hidden;            /* 넘치는 텍스트 숨김 */
  text-overflow: ellipsis;     /* 말줄임 표시 */
  line-height: 1.4em;          /* 줄 높이 설정 (필요 시 조절) */
  max-height: calc(1.4em * 2); /* 2줄 높이 제한 */}

/* 간격 */
.mr_1 {margin-right:-1px;}
.mt_1 {margin-top:-1px;}

.mr1 {margin-right:1px;}
.mb1 {margin-bottom:1px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom:20px}

.m10 {margin:10px;}
.m15 {margin:15px;}
.mt0 {margin-top:0px;}
.mt3 {margin-top:3px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px;}
.mt95 {margin-top:95px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr30 {margin-right:30px}
.mr_2 {margin-right:2%;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.m3_0 {margin-top:3px;margin-bottom:3px;}
.m10_0 {margin-top:10px;margin-bottom:10px;}
.m20_0 {margin-top:20px; margin-bottom:20px}
.m30_0 {margin-top:30px;margin-bottom:30px;}
.m0_5 {margin-right:5px;margin-left:5px;}
.m0_10 {margin-right:10px;margin-left:10px;}
.m0_15 {margin-right:15px; margin-left:15px;}
.m0_20 {margin-right:20px;margin-left:20px;}

.p3 {padding:3px;}
.p5 {padding:5px;}
.p8 {padding:8px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt30 {padding-top:30px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr12 {padding-right:12px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl_4 {padding-left:4%;}

.p5_0 {padding-top:5px;padding-bottom:5px;}
.p7_0 {padding-top:7px;padding-bottom:7px;}
.p10_0 {padding-top:10px;padding-bottom:10px;}
.p15_0 {padding-top:15px;padding-bottom:15px;}
.p20_0 {padding:20px 0}
.p30_0 {padding-top:30px;padding-bottom:30px;}
.p40_0 {padding:40px 0}
.p40_10 {padding:40px 10px}
.p_0_5 {padding-right:5%;padding-left:5%;}
.p0_5 {padding-right:5px;padding-left:5px;}
.p0_10 {padding-right:10px;padding-left:10px;}
.p0_15 {padding-right:15px;padding-left:15px;}

.p5_10 {padding:5px 10px}
.p20_15 {padding:20px 15px}

/* 박스넓이 */
.width_full {width:100%;}
.width_half {width:45.8%;}
.width_half2 {width:48.5%;}
.width_triple {width:32.3%;}
.width_quarter {width:24.5%;}
.width_24 {width:23.9%;}
.width_25 {width:24.75%;}
.width_26 {width:25%;}
.width_30 {width:30%;}
.width_32 {width:32%;}
.width_49 {width:49%;}
.width_50 {width:50%;}
.width_60 {width:60%;}
.width_66 {width:66%;}
.width_70 {width:70%;}
.width_80 {width:80%;}
.width_90 {width:90%;}
.width_94 {width:94%;}
.width_96 {width:96%;}

.height_full {height:100%;}

.width30 {width:30px;}
.width40 {width:40px;}
.width50 {width:50px;}
.width80 {width:80px;}
.width100 {width:100px;}
.width110 {width:110px;}

.height12 {height:12px;}
.height24 {height:24px;}
.height26 {height:26px;}
.height30 {height:30px;}
.height32 {height:32px;}
.height35 {height:35px;}
.height37 {height:37px;}
.height40 {height:40px;}
.height50 {height:50px;}
.height60 {height:60px;}
.height80 {height:80px;}
.height90 {height:90px;}

.s_height250 {min-height:250px;}

.l_height10 {line-height:10px;}
.l_height15 {line-height:15px;}
.l_height19 {line-height:19px;}
.l_height24 {line-height:24px;}
.l_height26 {line-height:26px;}
.l_height28 {line-height:28px;}
.l_height30 {line-height:30px;}
.l_height32 {line-height:32px;}
.l_height35 {line-height:35px;}
.l_height37 {line-height:37px;}
.l_height40 {line-height:40px;}
.l_height50 {line-height:50px;}
.l_height250 {line-height:250px;}

.box_full {width:100%;height:100%;}
.box14 {width:14px;height:14px;}
.box17 {width:17px;height:17px;}
.box20 {width:20px;height:20px;}
.box24 {width:24px;height:24px;}
.box30 {width:30px;height:30px;}
.box32 {width:32px;height:32px;}
.box40 {width:40px;height:40px;}
.box100_40 {display:inline-block;width:100px;height:40px;}

.circle {border-radius:999px}
.circle5 {border-radius:5px;}

/* 레이어순서 */
.z100 {z-index:100;}
.z200 {z-index:200;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;width:32px;height:32px;line-height:32px;color:#000;font-size:13px;text-align:center;letter-spacing:0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#f7f7f7;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:600}

.input_readonly {background:#E9E9E9;}
.help_info { font-size:0.85em;color:#999; }

.item_img_class {max-width:640px;}
.img_li_class { width:100%;text-align:center; }
.mobile_explain_class { width:100%;text-align:center; }

.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.item_bx_section {max-width:640px;margin:0 auto; }

.sct_li { position:relative; }

.ab_center { left:50%; transform:translateX(-50%); }

/* #sit_sel_option{text-align:center;} */
.sct_num{ position: relative; display:flex;}
.sct_num input{font-size: 13px;text-align: center;/*text-indent: 0;vertical-align: top;height: 100%;*/border: 0;width: 80%; max-width:117px;height:32px;font-weight:600; }
.sct_minus, .sct_plus{width:10%; border: none;top: 0;bottom: 0;width: 32px;height: 32px;position: relative;background-color:#fff;  cursor:pointer;}
.sct_num .sct_minus{left:0; background:url('../imgm/sct_minus.png')#fff center no-repeat;}
.sct_num .sct_plus{right:0; background:url('../imgm/sct_plus.png')#fff center no-repeat;}

.sct_btn{position:absolute;bottom:0;left:0;width:100%;}
.sct_btn a{float: left; width: 50%;height: 25px;box-sizing: border-box;font-size: 12px;font-weight: 600;color: #fff;text-align: center;line-height:25px;}
.sct_like{position:absolute; right:5px; bottom:5px}
.sct_like:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../imgm/favorite_off.png') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}

/* 클릭 후 활성 상태 */
.sct_like.on:before {
  background-image: url('../imgm/favorite_on.png');
}

.list_cart_div {position:absolute; bottom:0; right:0}


.sct_cart{position:absolute; right:0; bottom:0}
.sct_cart:before {content: "";display: block;width: 16px;height: 16px;padding:8px; border-radius:4px; background: url('../imgm/cart_ico.png') no-repeat center center;background-size: 16px 16px;vertical-align: middle; border:1px solid #DDE1E6}

.sct_icon_basic { /*padding:2px;*/ text-align:center; height:30px;}
.sct_icon_basic img {display:inline-block !important; /*padding:1px;*/ }
.class_skin_idx_101 .sct_icon_basic { height:15px; }

.member_only_btn {color: #fff;padding: 3px 8px 5px 8px;/*border: 1px solid #00bbb6;*/background:#00bbb6;border-radius: 5px;position: relative;cursor: pointer;box-sizing: border-box;font-family: 'ng',sans-serif,'Malgun Gothic';display: inline-block;font-weight: 600;font-size: 14px;}

.itemform-naverpay {margin:10px 0;clear:both}

/* 검정 말풍선 메시지 */
.msg_box, .toast_msg {
  position: fixed;
  width:230px;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  z-index: 9999;
  display: none;
  line-height: 1.4;
 
}

/* 취소 확인 팝업창 */
.popup_error { position:fixed; left:0; top:0; width:100%; height:100%; z-index:2000; display:flex; align-items:center; justify-content:center; }
.popup_error_bg { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); }
.popup_error_box { position:relative; background:#fff; border-radius:12px; padding:20px; width:280px; z-index:2001; box-shadow:0 4px 10px rgba(0,0,0,0.2); overflow:hidden;}
.popup_error_box p { font-size:14px; color:#121212; margin-bottom:20px; line-height:1.4; }
.popup_error_btn, .popup_cancel_btn { padding:8px 0; width:60px; float:right; border:none; border-radius:6px; cursor:pointer; font-size:14px; }

.popup_bar {display:block; width:40px; height:5px; background-color:#E6E8EA; border-radius:5px; margin:0 auto 20px;}
 
input[type="radio"] {accent-color: #ff4d4f; /* 체크 색상 */width: 18px;height: 18px;margin-right: 8px;	vertical-align: middle;}
 

 .sct_num2 {display:flex; align-items:center; justify-content:space-around; width:90px}