input[type="text"], input[type='number'] { font-size:14px; font-weight:400; }
input[type="text"]::placeholder, input[type='number']::placeholder, input[type='password']::placeholder, input[type='email']::placeholder { font-size:12px; }
input[type='button'] { font-size:14px; }
textarea { resize:none; }

/* SLICK SLIDE*/
.slick-dots { display:flex; gap:20px; }
.slick-dots li { flex:1; cursor:pointer; }
.slick-dots li div { width:100%; height:5px; margin:0 auto; background:#D5D5D5; border:0.5px solid #000000; }
.slick-dots li.slick-active div { background:#000000; }

/* HEAD. */
.msg_wrap { z-index: 7; position: absolute; width: 100vw; height: 100vh; backdrop-filter: blur(5px); display: none; }
.msg_wrap .msg_box { border: 1px solid; border-radius: 16px; background: #e9e9e9; width: 400px; padding: 1.5%; display: grid; position: absolute; top: calc((100% / 2) - 100px); left: calc((100% / 2) - 200px); align-content: space-between; gap:20px; }
.msg_wrap .msg_box .button_wrap { display: flex; justify-content: space-between; }
.msg_wrap .msg_box .button_wrap .msg_button { width: 49%; border: 1px solid; border-radius: 16px; background: #fff; text-align: center; padding: 1% 3%; font-size: 11px; }
.hidden_scroll { overflow-y:scroll; height:253px; }
.nodata { display:grid; gap: 10px; padding: 30px; align-content: center; justify-content: center; }
.head_tos_box { position: fixed; display: none; width: 760px; height: 760px; left: calc((100% / 2) - 380px); top: calc((100% / 2) - 380px); border-radius: 14.803px; border: 0.5px solid #000000; z-index: 100; background: #ffffffb3; padding: 40px 15px 30px 40px; }
/*.head_tos_box::-webkit-scrollbar { width:0; }*/
.head_tos_box .btns { flex: 1; width: 100%; height: 30px; border-radius: 14.803px; background: #fff; border: 0.5px solid #000; cursor: pointer; display: flex; align-items: center; gap: 5px; justify-content: center; }
.head_tos_box .head_tos_detail {}
.head_tos_box .head_tos_wrap { overflow-y: scroll; height: 100%; padding: 0px 27px 0px 0px; }

.div_flex .date_select { display: none; grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr; background: #fff; border: 0.5px solid black; border-radius: 14.8px; align-items: center; padding:0 15px; }
.div_flex .date_select.open_date { position: relative; z-index: 3; display:grid; align-items: baseline; }
.div_flex .date_select .date_detail { width: 100%; border: none; height: 30px; padding: unset; font-size: 11px; text-align: center; background: unset; }
.div_flex .input.birth_toggle { position: relative; height: 32px; }
.div_flex .date_option_wrap { display:none; grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr; background: #fff; border: 0.5px solid; border-radius: 14.8px; top: -1%; height: 130px; padding: 31px 15px 0 15px; position: absolute; width: 100%; z-index:2; }
.div_flex .date_option_wrap .date_option { text-align:center; overflow-y:scroll; overflow-x:hidden; }

/* EMOTICON. */
.emo_bg_wrap { display:flex; justify-content:center; text-align:center; align-items:center; width:100%; min-height:400px; }
.emo_bg_wrap .emo_bg { position: absolute; font-family: 'hotpods'; color: #00000017; width: 30%; opacity: 40%; }
.emo_bg_wrap .emo_bg_txt { font-family:'hotpods'; font-size:80px; color:#00000026; }
.btn_right_box_msg .emo_img { width: calc(100% / 2); margin: 3% auto; opacity: 0.3; }
 
.maker_input_file { position:absolute; top:-1000000px; }

.maker_wrap { position:relative; display:flex; margin:0px 90px 10px 90px; }
/*.maker_wrap { display:flex; position:relative; height: calc((100vh - 360px));}*/
.maker_wrap .maker_left { display:grid; align-content:space-between; width:calc(100% * 0.667); padding-right:20px; grid-template-rows:1fr; }
.maker_wrap .maker_left .side { padding-left:10px; padding-top:10px; position: absolute; top: 0; }
.maker_wrap .maker_right { display:grid; align-content:space-between; width:calc(100% * 0.333); padding-left:20px; }

/* 상품커스텀페이지 이미지 크기 조절*/
.maker_wrap .canvas_item { position:relative; margin:0 auto; width:600px; }
.maker_wrap .canvas_wrapper { position:relative; width:600px; height:600px; }
.maker_wrap .canvas_wrapper canvas { width:600px; height:600px; }
.maker_wrap .maker_file .maker_file_rect { position:relative; margin:100px auto; width:225px; height:282px; border:1px dashed #707070; cursor:pointer; }
.size_txt { position: absolute; left: calc(100% / 2 - 70px); bottom: 22%; width:140px; font-size:10px; text-align:center; }
/*
.maker_wrap .maker_file .maker_file_rect { position:relative; margin:100px auto; width:180px; height:226px; border:1px dashed #707070; cursor:pointer; }
*/

.maker_wrap .center_wrap { position:relative; display: flex; justify-content: center; gap: 10px;  margin-top:10px; }
.maker_wrap .circle { display:inline-block; width:15px; height:15px; background:#ffffff; border:0.5px solid #000000; border-radius:50%; cursor:pointer; }
.maker_wrap .circle.on { background:#C1C5C7; }
.maker_wrap .maker_file { position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; width:100%; height:100%; z-index:1; }
.maker_wrap .maker_file.on { pointer-events:none; }
.maker_wrap .maker_file .maker_file_rect .rect_top { position:absolute; top:0; width: 100%; display: flex; justify-content: center; } 
.maker_wrap .maker_file .maker_file_rect .rect_bottom { position:absolute; bottom:20px; width:100%; }
.maker_wrap .maker_file .maker_file_rect .rect_center .hor { border: 2.5px solid #C1C5C7;width: 30%;position: relative;left: 3%; }
.maker_wrap .maker_file .maker_file_rect .rect_center .ver { border: 2.5px solid #C1C5C7;height: 24%;position: relative;right: 13%; } 
.maker_wrap .maker_file .maker_file_rect .rect_center { position:absolute; left:0; display:flex; justify-content:center; text-align:center; align-items:center; width:100%; height:100%; }
.maker_wrap .maker_file .maker_file_rect .rect_center img { width:180px; }
.maker_wrap .maker_file .maker_file_rect .maker_title { font-size:12px; text-align:center; width: 85%; justify-self: center; padding-top: 5%; }
.maker_wrap .maker_file .maker_file_rect .maker_subtitle { font-size:10px; text-align:center; }
.maker_wrap .maker_file .maker_file_rect .maker_txt { font-size:12px; text-align:center; position:relative; top:35%; }

.maker_right_menu { position:fixed; top:0; right: -100%; width: calc(((100% - 320px) * 0.334) + 160px); height:100%; background:#C1C5C780; z-index:7; backdrop-filter: blur(4px); transition: all 0.5s linear; padding: 40px 0 0 40px; line-height:20px; }
.maker_right_menu.on { right:0; }

.maker_chk .item_name { font-size:18px; margin-bottom:20px; margin-top:10px; }
.maker_chk .item_desc { font-size:11px; }

.maker_right .item_color { position:relative; display:inline-block; margin-right:4px; width:24px; height:24px; border:0.5px solid #000; border-radius:50%; cursor:pointer; }
.maker_right .item_color:last-child { margin-right:0; }
/*.maker_wrap .item_color.on { box-shadow:0 0 0 3px #000 inset; }*/
.maker_wrap .item_color.on::after { content:''; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:10px; height:10px; border-radius:50%; background:#000; }
.maker_wrap .item_color.on.ww::after { background:#fff; }
.maker_wrap .maker_vert3 .item_color { display:inline-block; width: 25px; height: 25px; border: 0.5px solid #000; border-radius: 50%; }
.maker_wrap .maker_vert3 .item_color_kor_name { font-size:12px; }
.maker_wrap .maker_vert3 .item_color.gray { background:gray; }
.maker_wrap .maker_vert3 .item_color_name { position: relative; left: 10px; bottom: 5px; }
.maker_wrap .maker_vert3 .flex_wrap { padding: 0 5%; } 
.maker_wrap .maker_vert3 .flex_wrap .flex{ margin-top:1%; } 
.maker_wrap .maker_vert3 .flex { display: flex; } 
.maker_wrap .maker_vert3 .flex input[type="checkbox"] { width: 20px; height: 20px; background: #fff; appearance: auto; }
.maker_wrap .maker_vert3.addition { width: calc(((100% - 180px) * 0.333) + 160px); padding: unset; display: grid; margin-top: 0 !important; overflow-y: scroll; padding-right: 32px; align-content: space-between; }
.mini_t { z-index: 2; position: absolute; top: 50px; left: 50px; display: flex !important; align-items: center; }

.desc_wrap { display:flex; }
.desc_wrap > div:nth-child(1) { flex-shrink:0; width: 20px; }
.desc_wrap > div:nth-child(2) { flex-grow:1; }

.stepbox { display:inline-block; width:260px; height:30px; line-height:30px; border: 0.5px solid #000000FF; border-radius:15px; text-align: center; }
.stepbox_wrap { position:fixed; bottom:25px; display:flex; gap: 10px; justify-content: center; width:calc((100% - 320px) * 0.666); margin-left:80px; text-align:center; }
.stepbox_wrap.only_main { position: absolute; bottom: 25px; display: flex; gap: 10px; width: calc((100% - 160px) * 0.666); margin-left: 80px; justify-content: center; }
.btn_wrap { position: absolute; left: calc(100% / 2 - 75px); bottom: 17%; display: flex; gap:10px; }
.btn_wrap .btns { border: 0.5px solid black; border-radius:14.803px; padding: 2px 10px; line-height: 20px; cursor:pointer; width:70px; height:25px; text-align:center; }
.img_notice { bottom: 15%; z-index: 1; width: 100%; font-size: 12px; position: absolute; text-align: center; bottom:10%; }
.img_notice_hidden { text-align: center; margin-top: 10px; display:none; }
.front { position: absolute; left: 5%; }
.next_step { width: 100%; height: 30px; text-align: center; border: 0.5px solid #000000B3; border-radius:14.803px; background: #ffffffFF; line-height: 30px; cursor:pointer; z-index:1; }
.next_step.step_abs { position: absolute; bottom: 0px; width: calc((100% / 3) * 2 - 35px); right: 20px;}
.center_wrap .box { border:0.5px solid #000000; width:200px; height:30px; background:#FFFFFF; display: flex; justify-content: center; }
.center_wrap .box.width100 { width:100%; }
.center_wrap.flex_box { display:flex; justify-content:center; gap: 10px; }
.center_wrap.flex_box.btns_hidden { display:none; }

#total_price::before { content:"\20A9"; margin-right: 5px; }

.fa-solid.fa-circle:before { font-size:10px; }
.item_color { display: inline-block; margin-right: 4px; width: 20px; height: 20px; border: 0.5px solid #000; border-radius: 50%; cursor: pointer; background: #bbb; }
.position1 { float: right; position:relative; top: -20px; }
.margin_bottom0p { margin-bottom: 0 !important; }
.margin_bottom1p { margin-bottom: 1% !important; }
.margin_bottom2p { margin-bottom: 2% !important; }
.margin_bottom3p { margin-bottom: 3% !important; }
.margin_bottom10p { margin-bottom: 10% !important; }
.margin_top0p { margin-top: 0% !important; }
.margin_top1p { margin-top: 1% !important; }
.margin_top2p { margin-top: 2% !important; }
.margin_top3p { margin-top: 3% !important; }
.margin_top4p { margin-top: 4% !important; }
.margin_top5p { margin-top: 5% !important; }
.margin_top8p { margin-top: 8% !important; }
.margin_top10p { margin-top: 10% !important; }
.margin_top20p { margin-top: 20% !important; }
.margin_updown10 { margin-top:10px !important; margin-bottom:10px !important; }
.margin_updown1058 { margin-top:10px !important; margin-bottom:58px !important; }
.margin_left1 { margin-left: 1px !important; }
.padding_left5p { padding-left: 5% !important; }
.padding_right2p { padding-right: 2% !important; }
.padding_right5p { padding-right: 5% !important; }
.padding_right15p { padding-right: 15% !important; }
.padding_bottom3p { padding-bottom: 3% !important; }
.padding_bottom20 { padding-bottom: 20px !important; }
.padding_bottom30 { padding-bottom: 30px; }
.padding_bottom40 { padding-bottom: 40px !important; }
.padding_0_10 { padding: 0 10px; }
.padding_0_20 { padding: 0 20px; }
.padding8p { padding:8% !important; }
.padding2p { padding:2% !important; }
.margin_bottom5 { margin-bottom: 5px !important; }
.margin_bottom7_5 { margin-bottom: 7.5px !important; }
.margin_bottom10 { margin-bottom: 10px !important; }
.margin_bottom20 { margin-bottom: 20px !important; }
.margin_bottom30 { margin-bottom: 30px !important; }
.margin_bottom35 { margin-bottom: 35px !important; }
.margin_bottom40 { margin-bottom: 40px !important; }
.margin_bottom50 { margin-bottom: 50px !important; }
.margin_bottom60 { margin-bottom: 60px !important; }
.margin_bottom100 { margin-bottom: 100px !important; }
.margin_top3 { margin-top: 3px !important; }
.margin_top4 { margin-top: 4px !important; }
.margin_top5 { margin-top: 5px !important; }
.margin_top9 { margin-top: 9px !important; }
.margin_top8 { margin-top: 8px !important; }
.margin_top10 { margin-top: 10px !important; }
.margin_top14 { margin-top: 14px !important; }
.margin_top20 { margin-top: 20px !important; }
.margin_top30 { margin-top:30px; }
.margin_top40 { margin-top:40px; }
.margin_top50 { margin-top:50px; }
.padding_right5 { padding-right: 5px !important; }
.padding_right10 { padding-right: 10px !important; }
.padding_right25 { padding-right: 25px !important; }
.padding_right40 { padding-right: 40px !important; }
.padding_left20 { padding-left: 20px; }
.padding_left25 { padding-left: 25px; }
.padding_left40 { padding-left: 40px; }
.padding10 { padding: 10px; }
.padding40 { padding: 40px; }

/* LOGOUT. */
.container .sad_emo_msg_wrap { height: 65%; display: flex; align-items: center; justify-content: center; }
.container .sad_emo_msg_front { font-family: 'hotpods';font-size: 140px;color: #00000026; text-align:center; }
.container .sad_emo_msg_behind { font-family: 'hotpods';font-size: 600px;color: #00000017; position: absolute; transform: scaleX(1.5); }

/* GUIDE_SLIDE. */
.maker_r_layer { padding-right:32px; font-size:14px; overflow-y: scroll; height: 100%; padding-right: 32px; padding-bottom:40px; }
.maker_r_layer .g_title { margin:5%; }
/*.maker_r_layer .g_title { margin-top:20px; margin-left:20px; }*/
.maker_r_layer .g_title > p { font-size:18px; }
.maker_r_layer .g_content { margin:5%; } 
/*.maker_r_layer .g_content { margin-top:15px; margin-left:20px; }*/
.maker_r_layer .g_content> p { font-size:14px; }
.maker_r_layer .g_title_sub { margin-top:20px; font-size:14px; }
.maker_r_layer .g_content_sub { margin-top:10px; font-size:12px;}
.maker_r_layer .g_title_tail { margin-top:10px; font-size:12px;}
.maker_r_layer .g_content_tail { font-size:12px; }
.maker_r_layer img { max-width:100%; }

.g_container { display:grid; margin:20px 0px; }
.g_container .png { width:100%;}
.g_container_2 { display:grid; grid-template-columns: 1fr 1fr; margin:20px 0px; }
.g_container_2 .svg { padding-right:10%; }
.g_container_2 .png { width:100%; }
.g_container_2_1 { display:grid; grid-template-columns: 1fr 0.9fr; margin:20px 0px; }
.g_container_2_1 .png_1 { width:100%; padding-right:10%; }
.g_container_2_1 .png { width:100%; }

.g_container_3 { display:grid; grid-template-columns: 1fr 1fr 1fr; margin:20px 0px; }
.g_container_3 .svg { padding-right:10%; }
.g_container_3 .png { width:91.1%; }
/* guide_slide 끝*/

.vert_img { overflow: hidden scroll; height: calc(100%); width: 100%; position:relative; text-align:center; }
.vert_img > img { width:65% !important; }
.scroll_hint { position: relative; padding: 0 8px; border: 0.5px solid #222; border-radius:14.803px; width: 110px; height:30px; line-height:2; margin: 0 auto; line-height:30px; }
.scroll_hint.add { position: absolute; left: 50%; top: 92.5%; transform: translate(-50%, 0px); }

.maker_wrap .maker_vert1 { position:relative; width:calc(100% * 0.331); padding:0 20px 0 0px; }
.maker_wrap .maker_vert2 { position:relative; width:calc(100% + 35px); padding:0 20px; }
.maker_wrap .maker_vert3 { position:relative; width:calc(100%); padding:0 0px 0 20px; }
/*
.maker_wrap .maker_vert2 { position:relative; width:calc(100% * 0.337); padding:0 20px; }
.maker_wrap .maker_vert3 { position:relative; width:calc(100% * 0.332); padding:0 0px 0 20px; }
*/
/*.maker_wrap .maker_vert1 { width: calc((100% / 3) + 5.7%); }*/
/*.maker_wrap .maker_vert2 { width: calc((100% / 3)); padding: 0 20px; }*/
/*.maker_wrap .maker_vert3 { width: calc((100% / 3) - 6% ); padding: 0 90px 0 20px; }*/
/*.maker_wrap .maker_vert1 > div { padding-right:10px; }*/

.maker_wrap .maker_vert2 .vert2 { position:relative; }
.maker_wrap .maker_vert2 .vert2 .prd_select_img { position:absolute; z-index: 2; right: 20px; bottom: 5px; pointer-events: none; }
.maker_wrap .maker_vert2 .vert2 .prd_select { margin: unset; position: absolute; top: 67px; z-index: 1; justify-self: center; padding: 0 1px; height:30px; }
/*maker_wrap .maker_vert2 .vert2 > div { margin-bottom: 2%; }*/
.maker_wrap .maker_vert2 .vert2 .price { width:100%; border-radius:14.803px; height:30px; padding:0 20px; border:0.5px solid #000; }
.maker_wrap .maker_vert2 .vert2 .color_red::placeholder { color: #D63022; } 

.maker_wrap .maker_vert2 .vert2 .position2 { position: absolute; left: 90%; top: 0px; line-height:30px; }
.maker_wrap .maker_vert2 .vert2 .position3 { position: absolute; left: 20%; top: 5px; color: #D63022; pointer-events: none; font-family: 'hotpods_regular', 'Noto Sans CJK KR_bold'; }
.maker_wrap .maker_vert2 .vert2 .period_chk > span{ padding-left:14%;}
.maker_wrap .maker_vert2 .vert2 .period_chk span:nth-child(1) { padding-left:0px;}
.maker_wrap .maker_vert2 .vert2 .number_chk > span{ padding-left:12.5%;}
.maker_wrap .maker_vert2 .vert2 .number_chk span:nth-child(1) { padding-left:5px;}
.maker_wrap .maker_vert2 .vert2 .line { width: 15%; display: inline-block; border: 1px solid gray; }
.maker_wrap .maker_vert2 .vert2.between > div { margin-top:10px; }
.maker_wrap .tip_plus { width: 15px; height:15px; border: 0.5px solid black; border-radius: 16px; background: #C1C5C7; cursor: pointer; line-height:15px; position:relative; left:15px; }
.maker_wrap .tip_box { display: none; width: 340px; font-size: 12px; border: 0.5px solid black; border-radius: 10px; background: #C1C5C780; padding: 10px 15px; position: absolute; word-break: break-all; font-family: 'Hotpods_light', 'Noto Sans CJK KR'; backdrop-filter: blur(3px); }
.maker_wrap .tip_plus:hover + .tip_box { display:block; }
.maker_wrap .tip_box:hover { display: block; }
.hide_tip_box { display: none; width: 310px; padding: 5px 10px; font-weight: 400; background: #ffffff90; backdrop-filter: blur(4px); border: 1px solid black; border-radius: 10px; position: absolute; right:50%; top: -15px; font-size:12px; white-space:normal !important; z-index:1; }

.maker_wrap .maker_vert3 .cost { border: 1px solid black; height: 25px; border-radius:14.803px; text-align: center; padding: 5px; width:23%; }
.maker_wrap .maker_vert3 .total { border: 1px solid black; border-radius:14.803px; height: 25px; display:flex; justify-content: space-between; padding: 5px 0 0 20px; margin-bottom: 3px; }
/*.maker_wrap .maker_vert3 .total span::before { content:"\20A9"; float: right; }*/
.maker_wrap .maker_vert3 .total span { width: 100%; }
.maker_wrap .maker_vert3 .total input { padding-bottom: 8px; }
/*.maker_wrap .maker_vert3 .won { border: 1px solid black; border-radius:14.803px; height: 30px; display: grid; grid-template-columns: 3fr 1fr; padding-top:2px; width:75%; }*/
.maker_wrap .maker_vert3 .won { border: 1px solid black; border-radius: 14.803px; height: 25px; width: 75%; text-align: right; padding:5px; } 
.maker_wrap .maker_vert3 .won span::before { content:"\20A9"; float: right; padding:2px; }
/*.maker_wrap .maker_vert3 .krw { background: #ffffff00; border: none; width: 80px; height: 23px; margin-right:20px; text-align:right; }*/
/*.maker_wrap .maker_vert3 .expend_box .krw { background: #ffffff00; border: none; width: 80px; height: 23px; margin-right:20px; }*/

.toggleSwitch { width: 70px; height: 26px; display: block; position: relative; border-radius: 30px; background-color: #fff; cursor: pointer; border:0.5px solid black; }
.toggleSwitch .toggleButton { width: 20px; height: 20px; position: absolute; top: 2px; left: 4px; border-radius: 50%; background:#C1C5C7; transition: all 0.2s ease-in; }
/*토글 시 애니메이션*/
.ts:checked ~ .toggleSwitch { background: #C1C5C7; transition: all 0.2s ease-in; }
.ts:checked ~ .toggleSwitch .toggleButton { left: calc(100% - 25px); background: #fff; }
/*토글 해제 시 애니메이션*/
.toggleSwitch, .toggleButton { transition: all 0.2s ease-in; }

.maker_wrap .maker_vert1 .dropbox { height: 20%; border:1px solid lightgray; border-radius:14.803px; background: #ffffff80; color: #b0acac; font-size: 10px; display: flex; padding: 5% 12%; margin: 6% 10% 1%; }
.maker_wrap .maker_vert1 .dropbox .camera { font-size: 20px; padding-right: 10px; }
.maker_wrap .maker_vert1 .maker_top { display: none; }
.maker_wrap .maker_vert1 .vert1.pos_abs { position: absolute; z-index:1; }
.maker_wrap .maker_vert2 .vert2_desc { display:flex; align-items: center; gap:30px; }
.maker_wrap .maker_vert2 .artist { border: 0.5px solid black; border-radius:14.803px; background: #ffffff; height: fit-content; padding: 2px 15px; font-size:14px; }
.maker_wrap .maker_vert2 .link { display:flex; gap:15px; }
.maker_wrap .maker_vert2 .link li:first-child { margin-left: 0; }
.maker_wrap .maker_vert2 .link li { display: inline-block; }
.maker_wrap .maker_vert2 .link img { width: 35px !important; margin:0; }
.maker_wrap .maker_vert2 .round_input { width:100%; border-radius: 13.804px; border: 0.5px solid gray; padding:8px; font-size:14px; }
.maker_wrap .maker_vert2 .round_input.add { padding:unset; color: gray; background: #fff; cursor: pointer; height:30px; line-height:30px; }
.maker_wrap .maker_vert2 .item_info { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; }
.maker_wrap .maker_vert2 .edit { height:30px; padding: 2px 15px; }
.maker_wrap .maker_vert2 .margin10{ margin-top:5px; }

.filter_layer .filter_content .filter_list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100% !important; gap:8px; }
.filter_layer .color_list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 10px 4%; }
.filter_layer .color_list .color_size { width:40px; height:20px; position:relative; }
.filter_layer .filter_content.display_none { display:unset; padding-top:0; padding-left:0px; }
.filter_result_wrap { display: flex; margin: 0 6%; position: absolute; top: 90px; gap: 3%; font-size:12px; }
.filter_result { position: relative; display: flex; border: 1px solid black; border-radius: 16px; white-space: nowrap; padding:0 16px 0 32px; }
.btn_close.filter_edit { position: absolute; top: 3px; left: 10px; } 

.mob_top { top: 60px; height: calc(100% - 60px); }
.padding_border { padding: 30px 5px 80px 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.maker_wrap .maker_vert1 img,
.maker_wrap .maker_vert2 img { display:block; margin:0 auto; width:100% !important; max-width:600px; }
.maker_wrap .maker_vert1 .img_1 img,
.maker_wrap .maker_vert1 .img_2 img { width:92% !important; }
.maker_wrap .maker_vert1 .item_img_wrap img,
.maker_wrap .maker_vert2 .item_img_wrap img { width:90% !important; }
.maker_layer.maker_wrap.height img { display:block; margin:0 auto; width:95%; }
.maker_layer.maker_wrap { display:flex; margin:0; align-items:center; }
.maker_layer.maker_wrap.height { overflow-y:scroll; background: #ffffff90; padding:5%; }
/*.maker_layer.maker_wrap.grid_1_1_0_8 { display: grid; grid-template-columns: 1fr 1fr 1fr; padding:50px; gap:40px; }*/
.maker_layer.maker_wrap.grid_1_1_0_8 .for_scroll { display: flex; gap:40px; width:100%; height: 100%; }
.maker_wrap .vert_common { display: flex; justify-content: center; align-items: center; }
.maker_wrap .maker_vert3 .info_list .list { border: 1px solid black; border-radius:14.803px; background: lightgray; height:25px; padding:1% 5%; line-height:1; }
.maker_wrap .maker_vert3 .info_list .list .l_margin { float:left; }
.maker_wrap .maker_vert3 .info_list .list .r_margin { float:right; }
.maker_wrap .maker_vert3 .info_list > div { margin-top:10px; }
.maker_wrap .maker_vert3 .special_won::before { content: "\20A9"; padding-right: 2%; }

.maker_wrap .maker_vert3 .expend_box { display: flex; text-align: center; margin-bottom: 3px; justify-content: space-between; gap:5px; } 
.maker_wrap .maker_vert3 .expend_box .cost2 { width: 25%; height: 25px; border: 0.5px solid #000000FF; border-radius: 14.803px; display: grid; align-items: center; }
.maker_wrap .maker_vert3 .expend_box .won2 { width: 25%; height: 25px; border: 0.5px solid #000000FF; border-radius: 14.803px; display: flex; justify-content: space-around; align-items: center; }
.maker_wrap .maker_vert3 .expend_box .won1 { width: 70%; height: 25px; border: 0.5px solid #000000FF; border-radius: 14.803px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5%; }
.maker_wrap .maker_vert3 .expend_box .prc { border: 1px solid; border-radius: 14.803px; width: 45%; text-align: right; padding-right: 5%; line-height: 2; }
.maker_wrap .maker_vert3 .grid_1_3 .price::before { content:"\20A9"; padding-right:2%; }
.maker_wrap .maker_vert3 .white_round .price::before { content:"\20A9"; padding-right:10%; }
.maker_wrap .maker_vert3 .text { font-size: 12px; padding: 0 5%; }
.detail_layer2 { position:fixed; top:100%; left:70px; width:calc(100% - 160px); height:calc(100vh - 160px); border:0; transition:all 0.5s ease; z-index:8; overflow:hidden; }
.detail_layer2.width { width:66%; height:calc(100vh - 100px); }
/*
.detail_layer2.on { top:calc((100% / 2) - 266px); }
*/
.detail_layer2.on { top:60px; }

.item_img_wrap { display:flex; justify-content:center; align-items:center; width:100%; height:358px; }
/*
.item_img_wrap img { width:auto !important; height:80%; }
*/

.maker_wrap .scroll_area { height:calc(100vh - 380px); overflow-y:auto; overflow-x:hidden; }
.maker_wrap .scroll_area.btm2 { height:calc(100vh - 400px); min-height:400px; align-content: center; height:unset; }
.maker_wrap .scroll_area.btm3 { height:calc(100vh - 380px); }

.maker_wrap .drop_left { float:left; width: 50%; height:100%; }
.maker_wrap .drop_right { float:right; width:50%; }
.maker_wrap .drop_left .img { display: grid; justify-items: center; height: 100%; overflow: hidden scroll; }

.drop_right .maker_size_box { position: relative; margin-left: 20px; } 
.drop_right .maker_size_box .etc { width:35px; background: #ffffff00; border: none; text-align: center; }
.drop_right .r_margin::before { content: "\20A9"; margin-right: 5px; }
.plus_minus { font-size:20px; font-weight:400; color:#707070; }
.icon_plus, .icon_minus { position: relative; display: inline-block; width: 10px; height: 10px;}
.icon_plus::before,
.icon_plus::after,
.icon_minus::before { content: ""; position: absolute; background-color: #000; }
.icon_plus::before, 
.icon_minus::before { top: 50%; left: 0; width: 100%; height: 1px; transform: translateY(-50%); } 
.icon_plus::after { left: 50%; top: 0; width: 1px; height: 100%; transform: translateX(-50%); }
.countQTY { padding-right: 4px; }
.top_menu_hide { display:none; }

/* MAKER. SIZEBOX */
.maker_size_box .sizebox_wrap { display:flex; margin-bottom:10px; justify-content: space-between; gap:10px; }
.sizebox_wrap .sizebox { width: 50%; height: 30px; border: 0.5px solid #000000; border-radius:14.803px; display: grid; align-items: center; padding-left:10%; white-space:nowrap; }
.sizebox_wrap .sizebox_select { width: 50%; height: 30px; border: 0.5px solid #000000; border-radius:14.803px; background: #ffffffB3; display: flex; justify-content: space-evenly; align-items: center; }
.maker_right .sizebox_select.qty { background: none; }
.maker_size_box .sizebox_wrap .etc { width:45px; background: #ffffff00; border: none; text-align: center; }
.sizebox_wrap .sizebox_price { border:0.5px solid #000000;border-radius:14.803px;width: 50%; text-align: right; padding-right: 5%; height:30px; line-height: 30px; }
.sizebox_wrap .sizebox_price::before { content: "\20A9"; margin-right: 5px; }
.maker_right .r_margin::before { content: "\20A9"; margin-right: 5px; }

.total_price_cart_checkbox { height: 30px; line-height: 30px; border: 0.5px solid #000000B3; border-radius: 15px; background: #ffffffFF; display: flex; justify-content: center; gap:10px; }
.total_price_cart_checkbox .under { width:100%; text-align:center; }
.maker_size_box .l_margin { width: 50%; height: 30px; border-radius: 14.803px; display: grid; align-items: center; padding-left: 10%; white-space: nowrap; }
.total_price_cart_checkbox .total_cnt { width: 50%; border-radius: 14.803px; background: #ffffffB3; display: flex; justify-content: space-evenly; align-items: center; }
.maker_size_box .r_margin { border-radius: 14.803px; width: 50%; text-align: right; padding-right: 5%; line-height: 2; }
.drop_right .l_margin { float:left; margin-left:12%; }
.drop_right .r_margin { float:right; margin-right:9%; }
.maker_total_p { padding: 0 20px; display: flex; justify-content: flex-end; align-items: center; white-space:nowrap; }

/*input number 화살표제거*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* DROP_SHOP. PRODUCT. */
.container_product { width: calc(100% - 160px); margin: 0 auto; }
.product_overlay { position: relative; top: 0; left: 0; }
.product_detail { display:flex; width:100%; margin:0 auto; }
.product_detail .item_img { width:50%; height: calc(100vh - 320px); text-align:center; overflow: hidden scroll; }
.product_detail .item_img img { width:80%; }
.product_detail .item_img .scroll_hint { position: absolute; padding: 4px 8px; border: 1px solid #222; border-radius:15px; left:calc(50% - 55px); bottom:20px; }
.product_detail .item_img .img_wrap { height:100%; position:relative; scale:0.8; }
/*.product_detail .item_img .img_wrap:nth-child(1) { margin-bottom:60px; }*/
.product_detail .item_desc { width:50%; padding:0 1%; }
.product_detail .item_desc > div { margin:10px auto; }
.product_detail .item_desc .item_path { position: absolute; top: -4%; right: 0.4%; }
.product_detail .item_desc .item_maker {}
.product_detail .item_desc .item_maker_desc {}
.product_detail .item_desc .link { width: 100%; margin:5px 0 20px; }
.product_detail .item_desc .link li { display:inline-block; }
.product_detail .item_desc .link li:first-child { margin-left:0; }
.product_detail .item_desc .link img { width:30px; }
.product_detail .item_desc .item_info { display: flex; justify-content: space-between; }
.product_detail .item_desc .item_info .item_remain { border: 1px solid black; padding: 0 2%; height: fit-content; background: #fff; }
.product_detail .item_desc .item_maker { font-size: 14px; line-height: 3; padding-left: 3%; }


.size_option_wrap { background: #fff; border-radius: 16px; border: 1px solid #b4b4b4; }
/*.size_option_wrap { padding: 0 14px; margin-top: -1px; margin-left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 14.803px; border: 1px solid; background: #fff; }*/
.size_option_wrap .sel_txt { width: 100%; height: 28px; line-height: 28px; padding: 0; border: 0; font-size: 10px; cursor:pointer; text-align:center; font-size:14px; border-radius:16px; }
.size_option_wrap .option { display: none; width: 100%;height: 24px; line-height: 24px; font-size: 14px; text-align:left; padding-left: 20px; }
.size_option_wrap > input { font-size:14px; }
.size_option_wrap > input::placeholder { font-size:10px; text-align:left; color:#EAE9E5; }
/* DROP_PROFILE 활동유형 */
.type_class { z-index: 1; width: 100%; height: 30px; display: grid; }
.size_option_wrap .act_type { border: hidden; height: 30px; border-radius: 16px; }
.size_option_wrap .option.option_break { font-weight: 400; padding: 2px 4px 2px 15px; }

.item_desc .product_size_box > div { margin-bottom:10px; cursor:pointer; }
.item_desc .sizebox_wrap { display: flex; text-align: center; margin-bottom:1%; position: relative;}
.item_desc .size_box { width: 50%; height: 30px; background: #ffffffB3; border-radius:14.803px; margin-right: 20px; display: grid; align-items: center; font-size: 14px; }
.item_desc .size_box.edit { margin: 10px 0; padding:3px 20px; width:fit-content; height: fit-content; background: unset; font-size: 12px; text-align: center; cursor:pointer; border:1px solid; }
.item_desc .more_info { position:absolute; top:-40px; left:calc(50% + 20px); width:calc(50vw - 143px); height:calc(100vh - 240px); border: 1px solid; border-radius: 16px; background: #ffffff80; backdrop-filter: blur(4px); display:none; overflow-y: scroll; }
.item_desc .more_info.on { display:block; z-index:1; }
.item_desc .sizebox_select { width: 50%; height: 30px; border: 0.5px solid #000000FF; border-radius:14.803px; background: #fff; display: flex; ;justify-content: center; align-items: center; }

.item_desc .plus_minus { font-size: 25px; font-weight: 100; }
.item_desc .etc { width: 25%; background: #ffffff00; border: none; text-align: center; margin: 0 50px; font-size: 15px; }
.item_desc .total_price { width: 100%; height: 30px; border: 0.5px solid #000000FF; border-radius:14.803px; font-size: 15px; align-content: center; }
.item_desc .total_price .total { float: left; margin-left: 22%; } 
.item_desc .total_price .price { float: right; margin-right: 20%; }
.item_desc .total_price .price:after { content:" KRW"; }
.item_desc .add_cart { width: 100%; height: 30px; border: 0.5px solid #000000FF; border-radius:14.803px; font-size: 15px; align-content: center; text-align: center; background: #ffffff ;}

.product_desc { padding: 10% 1% 0% 1%; word-break: keep-all; } 
.product_images { padding: 0% 1% 0 1%; }

.product_grid4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap: 4%; margin-bottom: 90px; }
.product_grid4 .product_item { position: relative; }
.product_grid4 .img_info { position: absolute; top: 0px; left: 0px; text-align: left; font-size: 10px; }
.product_grid4 .img_info .height { line-height: 8px; font-size: 10px; }
.product_grid4 .item_img { aspect-ratio: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 8px; }

.product_images .title { margin: 20px auto; font-size: 15px; }
.item_img .title { font-size: 18px; color: #fff; }
.item_img .desc { font-size: 12px; color: #fff; display: none; }
.item_img .btn { margin-top: 16px; padding: 0 20px; width: fit-content; background: #ffffffb2; color: #000; font-size: 12px; border: 1px solid #000; border-radius:14.803px; cursor: pointer; }
.item_img .button { margin-top: 2%; padding: 1% 3%; width: fit-content; background: #fff !important; color: #000; font-size: 11px; border: 1px solid #000; border-radius:14.803px; cursor: pointer; text-align: center; }

.item_img .info { position: sticky; margin-left: 5%; }
/*.item_img .info { position: sticky; top: 100%; margin-left: 5%; margin-bottom: 10px; }*/
.item_img:hover .info .desc { display:block; transition-duration: .2s; color:#fff; }
.item_img_mo { width:100%; }
.item_img_mo img { width:80%; margin:0 auto; }

/* over_flow */
.over_flow { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 34px); overflow-y: scroll; }
.over_flow_shop { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 210px); overflow-y: scroll; }
.over_flow_contact { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 36px); overflow-y: scroll; }
.over_flow_policy { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 4px); overflow-y: scroll; }
.over_flow_faq { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 85px); overflow-y: scroll; }
.over_flow_drop { height: calc(100vh - 390px); overflow:hidden scroll; width: calc(100% * 0.669); min-height:400px; }
.over_flow_drop2 { height: calc(100vh - 440px); overflow:hidden scroll; width: calc(100% * 0.669); min-height:400px; }
.over_flow_drop_inner { display:flex; padding-right:12px; }
.over_flow_drop_profile { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 + 20px) - 65px); overflow-y: scroll; overflow-x: hidden; }
.over_flow_sale { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 280px); overflow-y: scroll; }
.over_flow_point { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 85px); overflow-y: scroll; }
.over_flow_item { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 40px); overflow-y: scroll; }
.over_flow_withoutbtn { height: calc(((((100vw - 320px) / 4) - 20px) * 0.95 * 2 + 20px) - 5px); overflow-y: scroll; padding: 0 20px; }
.over_flow_cart { height:715px; overflow-y:scroll; margin-top:0 !important; }
.over_flow_cart > * { margin-top:10px; }
.over_flow_cart .adjust > * { margin-top:10px; }

/* OVERFLOW. SCROLLBAR. HIDDEN */
.chkout_wrap .agree_box_wrap .agree_box::-webkit-scrollbar,
.chkout_wrap::-webkit-scrollbar,
.product_detail .item_img::-webkit-scrollbar,
/*.head_tos_detail::-webkit-scrollbar,*/
.vert_img::-webkit-scrollbar,
.maker_wrap .scroll_area::-webkit-scrollbar,
.maker_wrap .vert_common::-webkit-scrollbar,
.page_right.overflow::-webkit-scrollbar,
.hidden_scroll::-webkit-scrollbar,
.invoice_box::-webkit-scrollbar,
.over_flow::-webkit-scrollbar,
.over_flow_contact::-webkit-scrollbar,
.over_flow_drop_profile::-webkit-scrollbar,
/*.over_flow_drop::-webkit-scrollbar,*/
.over_flow_policy::-webkit-scrollbar,
/*.over_flow_faq::-webkit-scrollbar,*/
.over_flow_sale::-webkit-scrollbar,
.over_flow_point::-webkit-scrollbar,
.over_flow_item::-webkit-scrollbar,
/*.over_flow_cart::-webkit-scrollbar,*/
.over_flow_withoutbtn::-webkit-scrollbar,
.maker_layer.maker_wrap.height::-webkit-scrollbar,
.maker_wrap .drop_left .img::-webkit-scrollbar,
.flex_only.dis_none.mob_show_main::-webkit-scrollbar,
/*.maker_layer.maker_wrap.grid_1_1_0_8::-webkit-scrollbar,*/
.div_flex .date_option_wrap .date_option::-webkit-scrollbar, 
.maker_wrap .maker_vert2 .artist::-webkit-scrollbar, 
.setting_box::-webkit-scrollbar { width:0; }

/* MY / ORDER. */
.item_title_wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.item_box_order_list { display: grid; gap: 5px; grid-template-columns: 1.3fr 1fr 3fr; }
.setting_box.on .setting_box_scroll .maker_top { display:none; width:100%; }
.setting_box.on .setting_box_scroll .maker_top img { width:60%; margin:0 auto; }
.setting_box_scroll input[type="radio"], .over_flow_contact input[type="radio"] { width:20px; height:20px; }
.order_desc_l > div { margin-bottom:5px; }
.order_desc_r > div { margin-bottom:5px; }
.order_desc_r { text-align: end; }
.order_desc { padding: 0 20px 0 10px; }

/* POLICY. */
.policy_text_wrap { background:#fff; border: 2px solid #999; border-radius: 14.803px; }
.flex_area br { display:none; }
.flex_area .f_num { width:40px; }
.flex_area .f_content { width:fit-content; }
.flex_area li { list-style: auto; list-style-position: inside; }

/* CART. */
.empty_box { width:49%; margin:0 auto; display:grid; gap:30px; height:650px; opacity:0.4; }
.checkout_check > div { margin-bottom:5px; }

.cart_board { width: calc(100% - 160px); margin: auto; padding: 10px; }
.cart_board * { min-width:0; white-space:nowrap; }
.page_left .info > * { margin-bottom:10px; }
.cart_price_info > * { margin-bottom:10px; }
.page_right.unset { float: unset; width: auto; padding: 0 20px; }
.flex_center { display:flex; justify-content: center; align-items: center; }
.flex_end { display:flex; justify-content: end; align-items: center; }
.flex_between { display:flex; justify-content: space-between; align-items: center; }
.grid_between { display: grid; align-content: space-between; }
.flex_align { display: flex; align-items: center; }

.empty_msg_box { width: 100%; height: 450px; text-align: center; align-content: center; font-size: 11px; }
.page_left .round.round_edit { height: 30px; width: 100%; margin-bottom: 0; text-align: center; background: #fff; }
.page_left.overflow, .page_right.overflow { overflow-y: scroll; height: 100%; }
.flex_only .div_input_1 { border: 1px solid #b4b4b4; border-radius: 14.803px; padding: 1% 3%; font-size: 14px; width: 25%; background: #fff; height: 30px; line-height: 1; }
.flex_only .div_input_2 { border: 1px solid #b4b4b4; border-radius: 14.803px; padding: 1% 3%; display: flex; justify-content: space-between; width: 73%; background: #fff; font-size: 14px; height: 30px; line-height: 1; }

.page_left { float:left; width:50%; padding: 0% 1% 1% 5%; }
.page_right { float:right; width:50%; padding: 0% 5% 1% 1%; }
.page_left > div { margin-top:10px; }
.page_left > div:first-child { margin-top:0%; }
.page_left .info { display:grid; }
.page_left .input_long { border-radius:14.803px; height: 30px; border: 1px solid #b4b4b4; margin-top: 1%; padding: 4px 4px 4px 15px; line-height: unset; font-size: 12px; background:#ffffff80; }
.page_left .input_long.op { background: #fff; width: calc(90% / 5); text-align: center; padding: 4px; cursor:pointer; }
.page_left .input_short { border-radius:14.803px; height: 30px; border: 1px solid #b4b4b4; margin-top: 1%; padding: 4px 4px 4px 15px; line-height: unset; font-size: 12px; width:49%; background:#ffffff80; }
.page_left .mail_msg { font-size:12px; color:gray; padding:1% 2%; white-space:normal; }
.page_left .info input[type="checkbox"] { width:20px; height:20px; background:#fff; appearance:auto; }
.page_left .info input[type="checkbox"]:checked { background:#000; appearance:none; }
.page_left .info .flex p { padding-left:1%; }
.page_left .div_input { border: 1px solid #b4b4b4; border-radius:14.803px; padding: 2% 5%; font-size: 12px; display: flex; justify-content: space-between; margin-top:1%; height:30px; background:#ffffff80; }
.page_left .div_input.edit { background: #fff; justify-content: center; padding: 3% 5%; }
.page_left .grid_gap { display: grid; grid-template-columns: 1fr 1fr; gap: 1%; }
.page_left .dis_flex .width_49p { width:49%; }
.page_left .dis_flex .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2%; text-align:center;}

.page_right .low:before { content: " > "; }
.page_right .cart_view { border-radius:14.803px; background: #fff; border: 1px solid #b4b4b4; }
.page_right > div { margin-top:10px; }
.page_right .grid2 { display:grid; grid-template-columns:1fr 1fr; margin: 0px 10px; }
.page_right .grid2.align { align-items: center; justify-items: center; }
.page_right .grid2 .odr_info { display:grid; align-content: space-between; padding:1%; }
.page_right .count_QTY { padding-left: 30%; }
.page_right .item_price:before { content:"W"; }
.page_right .each_part { width:100%; padding:5%; }
.page_right .item_list { height:90px; }

.btn_close { position: sticky; top: 10px; left: 10px; width: 15px; height: 15px; background: #000; border: 0.5px solid #000; border-radius: 50%; box-shadow: 0 0 0 4px #C1C5C7 inset; cursor: pointer; }
.btn_close { position:absolute; top:15px; left:15px; width:15px; height:15px; background:#000; border:0.5px solid #000; border-radius:50%; box-shadow: 0 0 0 4px #C1C5C7 inset; cursor:pointer; z-index:1; }
.btn_close_right { position: sticky; top: 10px; left: 10px; width: 12px; height: 12px; background: #000; border: 1px solid #000; border-radius: 50%; box-shadow: 0 0 0 4px #bbb inset; cursor: pointer; }
.btn_close.edit { position:relative; top: 10px; left: 10px; }
.btn_close.pc_btn_close { position:absolute; top:15px; left:15px; }

.page_right .total_sum:before { content:'KRW '; }
.page_right .div_input { border: 1px solid #b4b4b4; border-radius:14.803px; padding: 1% 3%; display: flex; justify-content: space-between; margin-top:1%; }
.page_right .discount { padding-right: 40px; }
.page_right .discount:after {content:'%';}
.page_right .won:before {content:'\20A9 '; margin-right: 5px; }
.page_right .m_won:before {content:'- \20A9 '; margin-right: 5px; }
.page_right .p_won:before {content:'+ \20A9 '; margin-right: 5px; }
.page_right .btns { border: 1px solid #b4b4b4; border-radius:14.803px; text-align: center; background: #ffffff80; margin-top: 1%; padding: 1% 10%; font-size: 11px; cursor: pointer; }

.page_right .bg_white80 { background:#ffffff80; }
.page_right .grid_gap { display: grid; grid-template-columns: 1fr 1fr; gap: 1%; }
.page_right .options { justify-content: center; background:#fff; }
.page_right .div_input.edit2 { background: #fff; justify-content: center; padding: 1% 5%; }
.page_right .div_input.edit3 { height: 30px; line-height: 1; }

.invoice_box { display:none; width: calc((100% / 2) - 120px); height: calc(100% - 240px); border: 1px solid #b4b4b4; border-radius:14.803px; position: fixed; top: 120px; right: 120px; overflow-y: auto; z-index:1; font-size:12px; background: #cccccc99; }
.invoice_box > * { min-width:0; }
.invoice_box .inv_wrap { margin:80px; white-space: nowrap; }
.invoice_box .inv_wrap .flex_space_btw { display: flex; justify-content: space-between; }
.invoice_box .inv_wrap .inv_title { text-align:center; font-size:15px; }
.invoice_box .inv_wrap .inv_img { margin-top: 20px; }
.invoice_box .inv_wrap .inv_logo { width:45px; height:35px; }
.invoice_box .inv_wrap .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; margin-top: 1%; }
.invoice_box .inv_wrap .grid2 .user_info { display:grid; }
.invoice_box .hr { margin: 3% 0%; border: 1px solid #b4b4b4; }
.invoice_box .invoice_grid { display: grid; grid-template-columns: 1fr 1.5fr; }

.invoice_box table { table-layout: fixed; }
.invoice_box .item_img { width:45%; }
.invoice_box .tb_item_name { text-align:center; margin-top:2%; }
.invoice_box .tb_item_from { text-align:center; margin-bottom:2%; color:#b4b4b4; }
.invoice_box .prt_btn { font-size: 12px; padding: 0.5%; width: 100%; border-radius:14.803px; background: #ffffff; cursor:pointer; }
.btn_pdf_wrap { position: sticky; bottom: 40px; }
.gray { color:#c8c8c8; }

.chkout_wrap { width: calc(100% - 80px); margin: auto; border: 2px solid #b4b4b4; border-radius:14.803px; background: #cccc; }
.chkout_wrap .page_left { float: left; padding: 50px; position:relative; }
.chkout_wrap .page_right { float: right; padding: 50px; }
.chkout_wrap .info_box { border:1px solid #b4b4b4; border-radius:14.803px; padding:1%; margin: 1% 0; display:flex; font-size:11px; }
.chkout_wrap .info_box > div { padding:2%; }
.chkout_wrap .page_right .chkout_view { border-radius:14.803px; border: 1px solid #b4b4b4; }
.chkout_wrap .btn_close { position: absolute; top: 10px; left: 10px; width: 12px; height: 12px; background: #000; border: 1px solid #000; border-radius: 50%; box-shadow: 0 0 0 2.8px #bbb inset; cursor: pointer; }

.chkout_wrap .agree_box_wrap { margin-top: 0; width: calc((100% / 2) - 80px); height: calc((100% - 80px)); position: fixed; top: 40px; left: 40px; display:none; border: 1px solid #949494ff; background: #ffffff99; backdrop-filter: blur(5px); border-radius:14.803px; z-index:2; }
.chkout_wrap .agree_box_wrap .agree_box { height: 100%; overflow-y: scroll; }
.chkout_wrap .agree_box_wrap .agree_box .agree_text { word-break: keep-all; padding: 3% 5%; }
.chkout_wrap .agree_box_wrap .agree_box .agree_text .agree_btn { text-align: center; border: 1px solid #000000ff; border-radius:14.803px; background: #ccc; cursor: pointer; width: 25%; margin: 5% auto 0; padding: 0.5%; height:30px; }

/* DASHBOARD. */
.noname { aspect-ratio:1/0.95; }
.dashboard { width: calc(100% - 160px); margin: auto; padding: 10px; }
.dashboard .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dashboard .grid2 > div { min-width:0; }

.dashboard .box_large { display: grid; align-content: space-between; background: #fff; color: #000; border:2px solid #999; border-radius:14.803px; aspect-ratio: 1 / 0.5; position:relative; }
.dashboard .box_small { background: #fff; color: #000; border:2px solid #999; border-radius:14.803px; aspect-ratio:1/0.95; position:relative; }
.a_ratio { aspect-ratio:unset !important; }
.dashboard .align { text-align:center; height:100%; width: 100%; /*padding-top: calc((100% / 2) - 46px);*/ padding-top: calc((100% / 2) - 66px); }
.dashboard .info { position:absolute; bottom:20px; margin-left: 20px;}
/*.dashboard .info { position: sticky; top: 100%; margin-left: 20px; margin-bottom: 20px; }*/
.dashboard .title { font-size: 18px; margin-bottom: 5px;}
.dashboard .info .desc { color: #000; height: 0; opacity: 0; word-break: keep-all; font-size:12px; line-height:1; }
.dashboard .hovering:hover .desc { height: auto; opacity: 1; transition-duration: .2s; }
.dashboard .hovering.item_img { aspect-ratio: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 8px; position:relative; }
.dashboard .info .button { margin-top: 10px; padding: 5px 20px; width: fit-content; background: #ccc; color: #000; border: 1px solid #000; border-radius:14.803px; cursor: pointer; text-align: center; white-space:nowrap; font-size:12px; }
.dashboard .grid4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; margin-bottom: 40px; }

/* DROP_DASH_BOARD. SALE. */
.dashboard .per_week .week_chk span:nth-child(1) { padding-left: 15%; }
.dashboard .per_month .week_chk span:nth-child(1) { padding-left: 5%; }
.dashboard .per_week .week_chk span { padding-left: 21%; }
.dashboard .per_month .week_chk span { padding-left: 5.6%; }
.dashboard .per_week .line { width: 18%; display: inline-block; border: 1px solid gray; }
.dashboard .per_week input[type="radio"]:nth-child(1) { margin-left:13%; }
.dashboard .per_month input[type="radio"]:nth-child(1) { margin-left:3%; }
.dashboard .per_month .line { width: 3%; display: inline-block; border: 1px solid gray; }
.dashboard .graph { display: flex; align-items: flex-end; justify-content: space-evenly; height:100%; }
.dashboard .graph_ { border: 1px solid; width: 15%; background: #000; }
.dashboard .graph_12 { border: 1px solid; width: 5%; background: #000; }
.dashboard .graph_msg { display:none; position: absolute; width: 45%; border: 1px solid black; border-radius:14.803px; background: lightgray; padding: 10px; top: 0%; left: 5%; font-size: 9px; }
.dashboard .box_height { height: 75%; padding-top: 5%; }
.dashboard .tb_round div { border: 1px solid; border-radius:14.803px; padding: 5px; text-align: center; background:#fff; }
/*.dashboard .order_list { height:43%; overflow-y: scroll; }*/
.dashboard .menu_view { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 1%; }
.sale_list { width: calc((100vw / 2) - 225px); height:100%; }
.sale_nolist_img { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; opacity: 0.5; gap: 20px; }

/* DROP_DASH_BOARD. FAQ. */
.dashboard .div_input_origin { height:30px; border: 1px solid; border-radius:14.803px; padding: 0% 2%; background:#fff; overflow:hidden; transition:all 0.5s; }
.dashboard .div_input_origin.div_input_text_val { display: flex; justify-content: space-between; padding: 0 6%; line-height: 2; }
.dashboard .div_input_origin.on { padding:16px; }
.dashboard .div_input_origin.faq_intro { padding:16px !important; height:auto !important; }
.dashboard .div_input_origin .faq_wrap { display:flex; align-items:center; }
.dashboard .div_input_origin .faq_wrap .faq_type { border: 1px solid; border-radius: 16px; margin-right: 1%; width: 100px; height:20px; display: flex; justify-content: center; line-height:20px; }
.dashboard .div_input_origin .faq_wrap .faq_title { line-height:2; }
.dashboard .div_input_origin .faq_answer { margin-top:10px; }
.dashboard .faq_msg { font-size: 14px; }
.dashboard .faq_top { display:flex;}
.dashboard .faq_top.edit { display:flex; width: 100%; justify-content: space-between;}
/*.dashboard .dashboard_wrap .right > div { margin-bottom:15px; }*/
.dashboard .box_small.on { background: #ccc;}
.dashboard .box_small.on .button { background: #fff !important;}
.faq_list > div { margin-top:10px; }
.faq_html > div > div { margin-top:10px; }
.faq_html > div > div:first-child { margin-top:0px; }

/* DROP_DASH_BOARD. _drop_calc. */
.dashboard .div_input { border: 1px solid; border-radius:14.803px; padding: 0% 5%; display: flex; justify-content: space-between; }
.dashboard .div_input.edit { height:30px; line-height:1; }
.dashboard .div_input.add { display: block; text-align: center; background: #fff; }
.dashboard .div_input.add2 { background: rgb(255 255 255 / 50%); height: 25px; }
.dashboard .div_input_front { border: 1px solid black; border-radius:14.803px; width: 25%; text-align: center; line-height: 2; }
.dashboard .div_input_front.edit { width: 40%; text-align: unset; padding: 0 5%; background: #fff; }
.dashboard .div_input_follow { border: 1px solid black; border-radius:14.803px; width: 70%; height: 28px; line-height: 2; text-align: end; padding-right: 5%; }
.dashboard .div_input_follow.edit { text-align: unset; width: 60%; padding: 0 5%; background: #fff; height:30px; } 
.dashboard .k_unit { position: absolute; top: 5px; right: 20px; }
.dashboard .exchange_op > div { margin-bottom: 10px; }
.dashboard .chk { width: 15px; height: 15px; background: none; border: 1px solid #000; cursor: pointer; outline: 0; vertical-align: sub; appearance: none; margin-right: 1%; }
.dashboard .exchange_explain { word-break: keep-all; }
.dashboard .input_long { border-radius:14.803px; height: 1%; width: 100%; background: rgb(255 255 255 / 50%); }
.dashboard .business { display:none; }
.dashboard .individual { display:none; }
.dashboard .standard div { margin-bottom:1%; }
.dashboard .standard input { margin-bottom:1%; }
.dashboard .input_long.label_file { height: 25px; border: 1px solid black; padding: 2px 4px 2px 15px; color:gray; }
.dashboard .input_long.label_file.on { color:#000; }
.dashboard .input_long.email { border: 1px solid black; padding: 2px 4px 2px 15px; }
.dashboard .input_file { display: none; }

/* DROP_DASH_BOARD. _drop_item. */
.dashboard .board_view { position:relative; border-radius:14.803px; background: #ffffff; border: 1px solid #b4b4b4; margin-bottom:10px; overflow:hidden; padding: 20px 10px; }
.dashboard .board_bundle { position:relative; padding: 20px 0; } 
.dashboard .aligns { align-items: center; justify-items: center; grid-gap: unset; padding : 3% 0% 3% 10%; margin-bottom: unset; }
.dashboard .each_part { width:100%; }
.dashboard .head_num { position: absolute; top: calc((100% / 2) - 8.5px); left: 2%; font-size: 12px; }
.dashboard .board_info { padding: 5% 10% 5% 0%; display: grid; align-content: space-between; }
.dashboard .info_list > div { margin-bottom:10px; }
.dashboard .fortogglebtn { padding: 0 5%; line-height: 2; }
.white_round.on { background:#ccc; }
/* dashboard toggleswitch */
.dashboard .dash_TS { width: 50px; height: 23px; display: block; position: relative; border-radius: 30px; background-color: #fff; border: 1px solid black; cursor: pointer; left: 6%; bottom: 0px; }
.dashboard .dash_TS .TSbtn { width: 20px; height: 20px; position: absolute; top: 3%; left: 4px; border-radius: 50%; background: #d4dfdb; transition: all 0.2s ease-in; }
#toggle:checked ~ .dash_TS { background: #becec8; transition: all 0.2s ease-in; }
#toggle:checked ~ .dash_TS .TSbtn { left: calc(100% - 25px); background: #d4dfdb; }
.dash_TS, .TSbtn { transition: all 0.2s ease-in; }

/* DROP_DASH_BOARD. _drop_item. */
.dashboard .profile_img { aspect-ratio: 2 / 0.9; }
.dashboard .profile_wrap { margin-top: 10px; }
.dashboard .main_img { display:flex; align-items:center; justify-content:center; width: 26%; height: 72%; border: 1px solid; border-radius: 50%; background: #fff; position: absolute; overflow:hidden; }
.dashboard .main_img .profile { width:60%; }

.dashboard .cover_img { display:block; height: 100%; background: #fff; margin-left:15%; border: 1px solid gray; border-radius: 16px; overflow:hidden; width:100%; }
.dashboard .cover_img .cover { width:100%; height:100%; object-fit:cover; object-position:center center; }
/*.dashboard .img_plus { position: relative; color: #000; }*/
.dashboard .img_wrap { position: relative; height:80%; }
.dashboard .border_box { border:1px solid black; border-radius:14.803px; padding: 1% 3%;}
.flex_only { display:flex; gap: 7px; }
.grid_1_3 .white_round > img { width:30px; }
.dashboard .grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.dashboard input[type="checkbox"].filter:checked { box-shadow:unset; }

/* DROP_DASH_BOARD. PROFILE. */
.profile_img_not { color: gray; width: 60px; height: 60px; border: 1px solid; border-radius: 50%; display: flex; font-size: 50px; align-items: center; justify-content: center; position:relative; }
.profile_img_not::after { content:''; height: 30px; border-left: 3px solid #C1C5C7; position: absolute; left: 50%; transform: translate(-50%, 0); }
.profile_img_not::before { content:''; width: 30px; border-top: 3px solid #C1C5C7; position: absolute; top: 50%; transform: translate(0, -50%); }
.vert2_desc .cursor .profile { margin:0; width: 60px !important; height:60px; }
.trans { background:transparent; border:0 !important; width:100%; resize:none; flex:1; padding-left: 5px !important; }
.trans.no_space { height:unset !important; line-height:unset !important; }
.trans:focus { border:0 !important; outline:none !important; box-shadow:none !important; }
.modify_wrap { position: fixed; top: 0; left: 0; height: 100%; width: 100%; backdrop-filter: blur(3px); z-index:99; display:none; transition: all .5s ease; }
.iframe_modify_wrap { position: fixed; top: 0; left: 0; height: 100%; width: calc((100% - 240px)); justify-self: anchor-center; border-radius: 20px; backdrop-filter: blur(3px); z-index:7; display:none; transition: all .5s ease; }
.setting_box { display:none; width: calc((100% / 2) - 120px); height: calc(100% - 240px); border: 1px solid #000; border-radius: 14.803px; position: fixed; top: 120px; background: #C1C5C780; overflow-y: auto; left:120px; z-index:99; }
.setting_box.on { left: calc(50%); }
/*.setting_box * { min-width:0; white-space:nowrap; }*/
/*.setting_box { display:none; position:fixed; top:120px; left:120px; width:calc(50% - 120px); height:calc(85% - 120px); border: 1px solid black; border-radius: 16px; background:#D3D3D399; z-index:1; }*/
.setting_box .flex_only > input::placeholder { font-weight:400 !important; }
.setting_box .textarea_memo { width: 100%; border-radius: 16px; font-size: 11px; padding: 5px 20px; }
.setting_box .term > * { margin-bottom:10px; }
.not_function .margin_top8p ol { list-style:unset; list-style-type: decimal;}
.not_function .margin_top8p li { list-style:unset; list-style-type: decimal;}
.profile_wrap .second_step input::placeholder { font-size:12px; text-align:left; color:aaa }
.profile_wrap .second_step .grid2 textarea { font-size:12px; }
.profile_wrap .second_step .grid2 textarea::placeholder { font-size:12px; text-align:left; color:#aaa; }
.fixed_btn_wrap { position: sticky; bottom: 50px; z-index:1; font-size:14px; }
.fixed_btn_wrap.pc_pos { gap:8px; bottom:0px; }
.drop_desc { width: 100%; border-radius: 16px; padding: 12px; margin-top:10px; white-space:normal; border: 1px solid #b4b4b4; }
/*.box_btn { position: absolute; bottom: 50px; z-index: 1; font-size: 14px; width: calc(100% - 100px); }*/
.box_btn { position: sticky; left: 50px; bottom: 50px; z-index: 1; font-size: 14px; width: calc(100% - 100px);}

.dashboard .grid_2_3 { margin-top:10px; }
.dashboard .grid_2_9 { margin-top:10px; }
.dashboard .grid2 .card_wrap { border: 1px solid black; border-radius: 16px; background: #fff; display: grid; padding: 16px; }
.dashboard .grid2 .card_wrap .card_name { margin-bottom: 30px; }
.dashboard .grid2 .card_wrap .card_num { display: flex; justify-content: center; word-spacing: 20px; margin-bottom: 46px; }
.dashboard .div_input_follow.edit_short { text-align: unset; width: 60%; padding: 0 20px; background: #fff; height: 30px; }
.dashboard .div_input_follow.edit_long { width: 80%; text-align: unset; padding: 0 20px; background: #fff; height: 30px; }
.dashboard .div_input_front.edit_long { width: 19%; padding: 0 20px; text-align: unset; background: #fff; }
.dashboard .div_input_front.edit_long.width30p { width: 30%; }
.dashboard .div_input_front.edit_long.width27p { width: 27%; }
.dashboard .div_input_front.on { background: #ccc !important;}

/* SELECT. */
.cus_select { width:100%; position:relative; }
.cus_select .option_wrap { position:relative; padding:0 20px; height:100%; border-radius:14.803px; border:0.5px solid black; background:#fff; overflow:hidden; z-index:1; }
.cus_select .option_wrap .sel_txt { width:100%; height:30px; line-height:30px; padding:0; border:0; font-size:14px; cursor:pointer; }
.cus_select .option_wrap .option { display:none; width:100%; height:24px; line-height:24px; font-size:; font-weight:400; cursor:pointer; }
.cus_select .option_wrap .sel_txt:hover, .cus_select .option_wrap .option:hover { color:#999999; } 
.size_select { width: 100%; height: 30px; border-radius: 14.803px; display: grid; position: relative; z-index: 1;}
/* SELECT */

/* LOGIN. */
.sns_login_wrap { display:inline-block; text-align:center; }
.sns_login_wrap.sns_login_icon { width:16px; vertical-align:middle; display: flex; align-items: center; }
.sns_login_wrap.sns_login_text { vertical-align:top; font-size:11px; }
.btn_right_box { position: fixed; top: 90px; right: 4.5%; width: 24%; min-width:360px; border-radius:14.803px; border: 0.5px solid gray; z-index:8; background: #C1C5C780; backdrop-filter:blur(3px); display:none; transition: all 0.5s ease; }
.btn_right_box.box_down { top:-600px; display:block; }
.btn_right_box.width_ctl { width: 27%; }
.btn_right_box.box_on { top:90px; }
.btn_right_box.no_moving { display:block; transition:unset; top:90px; }
.btn_right_box .btn { flex: 1; width:100%; height: 30px; border-radius:14.803px; background: #fff; border:0.5px solid #000; cursor: pointer; display: flex; align-items: center; gap: 5px; justify-content: center; }
.btn_right_box .btn_close { position: absolute; top: 8px; left: 8px; width: 15px; height: 15px; background: #000; border: 0.5px solid #000; border-radius: 50%; box-shadow: 0 0 0 4px #C1C5C7 inset; cursor: pointer; }
.btn_right_box .btn_close_small { position: relative; width: 8px; height: 8px; background: rgb(0 0 0); border: 1px solid black; border-radius: 14.803px; top: 10px; left: 10px; cursor: pointer; box-shadow: 0 0 0 1.5px #bbb inset; }
/*.btn_right_box .btn_close_small { position: relative; width: 6px; height: 6px; background: rgba(189, 189, 189, 0.5); border: 1px solid; border-radius:14.803px; top: 10px; left: 10px; cursor:pointer; }*/
.btn_right_box .btn_txt { margin: 40px 40px 30px 40px; }
.dis_flex { display: flex; justify-content: space-between; flex-wrap: wrap; gap:8px;}
.btn_right_box .btn_txt .dis_flex_event { display: flex; justify-content: center; cursor:unset; border:2px solid black; }
.btn_right_box .btn_txt .title { font-size: 14px; }
.btn_right_box .btn_txt > div > div { margin-top:8px; }
.btn_right_box .btn_txt .input { position:relative; padding:0 14px; width:100%; height:30px; line-height:30px; border-radius: 14.803px; background:#fff; border:0.5px solid black; font-size:11px; color:#000000; }
.btn_right_box .btn_txt .cus_select.input { padding:0; border:0; width:50%; }
.btn_right_box .btn_txt .password_msg { display:none; position: absolute; width: fit-content; border: 0.5px solid black; border-radius:14.803px; background: #C1C5C7cc; padding: 10px; top: 0%; left: 40px; z-index:2; font-size:10px; line-height:13px; }
.btn_right_box .btn_txt .msg_gray { color: #807e7e; margin:1%; }
.btn_right_box .cart_btn { width: 100%; height: 30px; line-height:14px; border-radius:14.803px; font-size: 14px; background: #fff; padding: 5px; cursor: pointer; margin: 5px 0; }
.btn_right_box .btn_txt .msg_normal { color: black; }
.btn_right_box .btn_txt .msg_normal .chk_box { width: 15px; height: 15px; border: 0.5px solid black; margin-right: 5px; cursor:pointer; background:#fff; }
.btn_right_box .btn_txt .msg_normal div input[type="checkbox"]:checked { background: linear-gradient(to top right, transparent 48%, #000000 49%, #000000 55%, transparent 52%), linear-gradient(to bottom right, transparent 48%, #000000 49%, #000000 55%, transparent 52%); background-color: #ffffff; } 
.btn_right_box .btn_txt .cart_view { border-radius:14.803px; background: #fff; border:1px solid black; }
.btn_right_box .parts { display: flex; margin: 0px 10px; cursor:pointer; gap:10px; }
.btn_right_box .parts .each_part { margin: 5px 10px; }
.btn_right_box .parts .each_part.info { display:grid; }
.btn_right_box .cart_btn .total_sum:before { content:' KRW '; }
.btn_right_box .parts .each_part.detail { display:grid; text-align: right; }
.btn_right_box .div_flex { display:flex; gap:8px; }
/*.btn_right_box .flex_wrap { flex-wrap: wrap;}*/

/* head. ALERT_MSG_BOX. */
.btn_right_box_msg { display: none; position: fixed; width: 502px; height: 190px; right: 5.5%; top: 14%; background: #ffffffb3; border-radius: 14.803px; border: 0.5px solid #000000; z-index: 100; }
.btn_right_box_msg.login { right:5.5%; top:12%; }
.btn_right_box_msg.left { right:60%; top:calc((100% / 2) - 90px); }
.btn_right_box_msg.right { right:18%; top:calc((100% / 2) - 90px); }
.btn_right_box_msg.center { right:calc((100% / 2) - 250px); top:calc((100% / 2) - 95px); }
.btn_right_box_msg.center.btn1 { right:calc((100% / 2) - 200px); width:402px; }
.btn_right_box_msg .msg_pop_wrap { display: grid; height: 100%; justify-items: center; padding: 40px 40px 30px 40px; position: absolute; top: 0; width: 100%; align-items: center; align-content: space-between; }
.btn_right_box_msg .msg_pop_wrap .msg_title { font-family:'hotpods_regular', 'Noto Sans CJK KR_bold'; text-align:center; line-height:16px; }
.btn_right_box_msg .msg_pop_wrap .msg_height{ height:5px; }
.btn_right_box_msg .msg_pop_wrap .msg_content { text-align: center; line-height: 13px; font-family:'hotpods_light', 'Noto Sans CJK KR';} 
.btn_right_box_msg .msg_pop_wrap .msg_btn { border: 0.5px solid black; border-radius: 16px; width: 200px; background: #C1C5C7; display: none; justify-content: center; align-items: center; cursor:pointer; height:30px; }
.btn_right_box_msg .msg_pop_wrap .msg_btn_each { border: 0.5px solid black; border-radius: 16px; width: 200px; height:30px; background: #C1C5C7; display: flex; justify-content: center; line-height:30px; cursor:pointer; font-family: 'Hotpods_regular', 'Noto Sans CJK KR_bold'; }
.btn_right_box_msg .msg_pop_wrap .msg_btns { width: 100%; gap: 20px; display:none; font-size:14px; }
.btn_right_box_msg .msg_pop_wrap .emt_area { height:25px; }
.alert_wrap { position: fixed; top: 0; left: 0; height: 100%; width: 100%; backdrop-filter: blur(3px); z-index: 8; display: none; }

/* l/item_preview/_main */
.maker_wrap .maker_vert3 .grid_1_085 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.maker_wrap .maker_vert3 .grid_1_085 .left1 { border: 1px solid black; border-radius: 16px; display: flex; padding: 0 10% 0 10%; align-content: center; flex-wrap: wrap; justify-content: space-between; height:25px; }
.maker_wrap .maker_vert3 .grid_1_085 .right085 { border: 1px solid black; border-radius: 16px; display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-end; padding-right: 10%; height:25px; }
.maker_wrap .maker_vert3 .grid_2_1 { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }

/* MY POINT. */
.div_table_th_round { border:0.5px solid black; border-radius:16px; background:#fff; padding:5px; display: flex; align-items: center; justify-content: center; font-family: 'Hotpods_regular', 'Noto Sans CJK KR_bold'; }
.div_table_th_round textarea::placeholder { font-size:12px; }
.div_table_th_round textarea { font-size:14px; width: 100%; border: none; padding: 0 1%; }
.input_file_btn { border: 1px solid black; border-radius: 16px; width: 100%; height: 30px; text-align: center; line-height: 2; background: #fff; cursor: pointer; }
.div_input .input_in_div { border-style: none; height: unset; text-align: end; padding-right: 0px; }
.dashboard .white_round.off { opacity: 50%; }
.dashboard .div_input.add.btn { width:50%; height:30px; line-height:1; }
.dashboard .input_long.edit { font-size: 11px; background: #fff; height:30px; }
.dashboard .div_input.add2.edit { font-size: 11px; background: #fff; height:30px; }
.acc_notice { margin:10px; line-height:1; font-weight:400; }
.acc_notice div { white-space:normal; }
.setting_box.in_box { background: #ffffff99; left: calc((100% / 2) + 40px); top: 160px; width: calc(50% - 200px); height:calc(100% - 240px); }
.setting_box.in_box.left { left:160px; }
.setting_box_scroll { margin:50px; }
.setting_box_scroll .item_box_img { white-space:normal; }
.detail_wrap { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index:1; backdrop-filter: blur(3px); display:none; }
.paging { display: flex; justify-content: center; gap: 5%; margin: 5% 0; }
.paging .active { color:#C6CACC; }
.div_select_mark { background: #fff url(/images/ico_select.png) no-repeat right 10px center; background-size: 14px 8px; }
.bundle { background: #fff; margin-bottom: 1.5%; border-radius: 16px; border:1px solid #b4b4b4; }
.show_1550.dis_none, .setting_box .dis_none, .center_wrap.dis_none, .flex_only.dis_none { display:none; }
.white_mini_round { border: 1px solid; border-radius: 50%; height: 8px; width: 14px; background: #fff; position: relative; top: 5px; }
.select_ctr { line-height: 1; height: 30px; }

/* ITEM. _how.php*/
.how_title { font-size: 130px; display: flex; flex-wrap: wrap; justify-content: center; height: 100%; align-content: center; text-align: center; }
.how_page_wrap { margin-top: calc(100vh - 100px); padding-bottom: 100px; }
.how_page_wrap .how_page { background:#fff; border:1px solid #b4b4b4; border-radius:16px; width: calc((100% - 80px)); margin: 0 auto; padding:100px 60px; }
.how_page .how_page_top { margin: 0 auto; text-align: center; width: calc(((100% / 2) + 20px)); }
.text_align_center { text-align:center; }
.padding_left60 { padding-left:60px; }
.width100p { width:100%; }
.width50p { width:50%; }
.hr_margin_top50 { margin: 50px 0; }
.how_page_bottom .page_bottom_grid4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px; }
.how_page_bottom .page_bottom_grid2 { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.page_bottom_grid2 .page_desc_title { font-size:19px; }
.page_bottom_grid2 .page_desc_content { font-size:19px; }
.how_page_bottom .how_page_box { border: 1px solid #b4b4b4; border-radius: 16px; padding: 20px; }
.how_page_box .page_box_title { font-size: 30px; margin: 40px 0; }
.how_page_top.wider { width: calc(((100% / 2) + 100px)); }
.how_page_top .page_switch { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin: 0 auto; }
.page_switch .page_btn { font-size: 50px; border: 1px solid #b4b4b4; border-radius: 30px; padding: 10px 0; cursor:pointer; }
.page_btn.on { background:#ccc; }
.desc_line { margin:30px 0; }

.bold { font-weight:bold; }
.nobold { font-weight:400; }
.font130 { font-size:130px; }
.font100 { font-size:100px; }
.font59 { font-size:59px; }
.font50 { font-size:50px; }
.font48 { font-size:48px; }
.font42 { font-size:42px; }
.font40 { font-size:40px; }
.font38 { font-size:38px; }
.font36 { font-size:36px; }
.font32 { font-size:32px; }
.font30 { font-size:30px; }
.font28 { font-size:28px; }
.font24 { font-size:24px; }
.font23 { font-size:23px; }
.font20 { font-size:20px; }
.font19 { font-size:19px; }
.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px !important; }
.font13 { font-size:13px; }
.font12 { font-size:12px; }
.font11 { font-size:11px; }
.font10 { font-size:10px; }
.font9 { font-size:9px; }
.font9_5 { font-size:9.5px; }
.font8 { font-size:8px; }
.font7 { font-size:7px; }
.margin1p { margin:1%; }
.margin5p { margin:5%; }
.margin3p0p { margin:3% 0; }
.margintb5p { margin:5% 0; }
.margin_left5 { margin-left:5px; }
.margin_left10 { margin-left:10px; }
.margin_left20 { margin-left:20px; }
.margin_left30 { margin-left:30px; }
.color_black { color: black !important; }
.color_gray { color: #666666; }
.maker_r_layer .color_gray { color :#707070; }
.color_lightgray { color: lightgray; }
.padding_top1p { padding-top:1% }
.padding_top5p { padding-top:5% }
.padding_top15p { padding-top:15% }
.padding_top30p { padding-top:30% }
.padding_top35p { padding-top:35% }
.padding_top40p { padding-top:40% }
.bg_none { background: unset !important; }
.bg_lightgray { background: lightgray !important; }
.bg_gray { background: #C1C5C7 !important; }
.bg_gray50p { background: #C1C5C7 !important; }
.bg_white { background: #fff !important; }
.bg_opa5 { opacity:0.5; }
.bg_unset { background:unset; }
.flex { display:flex; }
.grid { display:grid; }
.grid3_1 { display: grid; grid-template-columns: 3fr 1fr; gap: 10px; }
.grid1_3 { display: grid; grid-template-columns: 1fr 4fr; gap: 2%; }
.item_path { position: absolute; top: 9%; right: 10%; }
.item_path2 { text-align: right; position: absolute; top: 90px; right: 170px; font-size: 10px; line-height: 1; } 
.item_path2 *{ font-family: 'hotpods_light', 'Noto Sans CJK KR'; }
.item_path2 *:last-child { font-family: 'hotpods_regular', 'Noto Sans CJK KR_bold'; }
.round.long { width: 100%; text-align: center; height: 30px; background: lightgray; font-size:14px; }
.step1_btn { margin-bottom:0; width: 100%; background: #fff; line-height: 30px; }
.grid_2_1 { display:grid; grid-template-columns: 2fr 1fr; }
.grid_2_3 { display:grid; grid-template-columns: 2fr 3fr; gap:10px; }
.grid_2_9 { display:grid; grid-template-columns: 2fr 9fr; gap:10px; }
.grid_9_2 { display:grid; grid-template-columns:6fr 3fr; gap:10px; }
.grid_1_2 { display:grid; grid-template-columns:1fr 2fr; gap:10px; }
.grid_1_3 { display:grid; grid-template-columns:1fr 3fr; gap:10px; }
.grid_1_4_1 { display:grid; grid-template-columns:1fr 4.1fr; gap:10px; }
.grid_5_5 { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items: center; }
.grid_5_5.gap20 { gap:20px; }
.grid_grade_only { display: grid; grid-template-columns: 1fr 2.5fr 2fr; gap: 10px; }
.white_round { border:0.5px solid #000 !important; border-radius:16px; background:#fff; padding:0 20px !important; height: 30px !important; line-height: 30px !important; min-width:100px; white-space:nowrap; }
.white_round.grade { height: 90px !important; background: none; }
.white_round.input { width:100%; }
.white_round_lines { border:1px solid #b4b4b4 !important; border-radius:16px; background:#fff; padding:0 10px !important; line-height: 30px !important; white-space:nowrap; }
.nowhite.white_round { background:unset; }
.text_end { text-align: end; }
.text_center { text-align: center; }
.ws_normal { white-space:normal; }
.ws_nowrap { white-space:nowrap; }
.min_width0 { min-width:0; }
.min_width50 { min-width:50px; }
.btn_box { font-size: 14px; }
.leave_box { width: 20%; height: 690px; opacity: 0.5; gap: 0; margin: 0 auto; display: grid; }
.setting_box_scroll .grade > * { margin-bottom: 10px; }
.color_white::after { background:#ffffff !important; }
.border_radius { border: 0.5px solid #000; border-radius: 16px; height: 30px; line-height: 30px; }
.white_space_nowrap { white-space:nowrap; }
.p_left15 { padding-left:20px; }
.calc_h_mid { height: calc(100% - 168px); }
.calc_h_bottom { margin-top: 170px; position:relative; z-index:1; }
.for_setup { height: 30px; margin-bottom: 40px; }
.for_pc_tipbox { position:relative; display:inline; }
.w1280_over_hide { display:none !important; }
.w1280_over_hide_flex { display:none !important; }
.fixed_btm { position: absolute !important; bottom: 0px; width: calc(100% - 20px); }
.fixed_over_btm { position: relative; bottom: 70px; display: flex; gap: 40px; }
input::placeholder.ph_font11 { font-size:11px; }
input::placeholder.ph_font12 { font-size:12px; }
input::placeholder.ph_font14 { font-size:14px; }
input::placeholder.ph_font10 { font-size:10px; }

/* SNS 입력란*/
.link_add { width: 100%; border: 1px solid gray; border-radius: 16px; height: 30px; padding: 0 10px; position:absolute; background: #fff; z-index: 1; display:none; align-items: center; }

/* LOADING. IMG */
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px); z-index: 7; transition: 0.5s ease; }
.loadingImg { position: relative; display: block; top: calc(100% / 2 - 50px); left: calc(100% / 2 - 40px); transform: translateY(-50%); animation:rotate-axis 4s linear infinite; width:80px; }