@charset "utf-8";

/* 초기화 */
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%;}

/* 정렬 */
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.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_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_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:7px solid #f8f8f8;}

.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_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;}


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


/* 텍스트 */
.custom1 {color:#60b23b;}
.custom11 {color:#bdeaa9;}
.custom2 {color:#00bbb6;}
.custom3 {color:#000;}
.custom4 {color:#39404a;}
.gray {color:#777;}
.gray2 {color:#999;}
.gray3 {color:#555;}
.gray4 {color:#ddd;}
.red {color:#fe5a59;}
.red2 {color:#e12400;}
.white {color:#fff}
.black {color:#000}

.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;}
.txt13 {font-size:13px;}
.txt14 {font-size:14px; !important}
.txt15 {font-size:15px;}
.txt16 {font-size:16px;}
.txt17 {font-size:17px;}
.txt24 {font-size:24px;}

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

.bold {font-weight:600;}
.normal {font-weight:400;}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


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

.m10 {margin:10px;}
.m15 {margin:15px;}
.mt0 {margin-top:0px;}
.mt3 {margin-top:3px;}
.mt7 {margin-top:7px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.mt95 {margin-top:95px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr_2 {margin-right:2%;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}
.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;}
.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_20 {margin-right:20px;margin-left:20px;}

.p3 {padding:3px;}
.p5 {padding:5px;}
.p8 {padding:8px;}
.p10 {padding:10px;}
.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;}
.p30_0 {padding-top:30px;padding-bottom:30px;}
.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;}

/* 박스넓이 */
.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;}

.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_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;}

.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%); }

.sct_num{height: 25px;width:100px; left:50%; transform:translateX(-50%);vertical-align: top;position: absolute;display: inline-block;border: 1px solid #c1c1c1;bottom:30px; }
.sct_num input{font-size: 13px;text-align: center;text-indent: 0;vertical-align: top;height: 100%;border: 0;width: 100%;font-weight:600;}
.sct_num button{border: none;top: 0;bottom: 0;width: 25px;position: absolute;background-color:#efefef;}
.sct_num .sct_minus{left:0;border-right: 1px solid #e2e2e2;background:url('../imgm/sct_minus.png')#efefef no-repeat;}
.sct_num .sct_plus{right:0;border-left: 1px solid #e2e2e2;background:url('../imgm/sct_plus.png')#efefef 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{background:#979797;}
.sct_like:before {content: "";display: inline-block;width: 13px;height: 11px; margin-right: 2px;margin-top: 7px;background: url('../imgm/sct_like.png') no-repeat center center;background-size: 100% 100%;vertical-align: top;}
.sct_cart{background:#fd5b45;}
.sct_cart:before {content: "";display: inline-block;width: 15px;height: 11px; margin-right: 2px;margin-top: 7px;background: url('../imgm/sct_cart.png') no-repeat center center;background-size: 100% 100%;vertical-align: top;}

.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; }