@charset "utf-8";
/* CSS Document */
@import url("./font.css");


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/* 모션 모음 */
.line_graph .box .bar,
.estimate_swiper .swiper-slide,
.study_swiper1 .swiper-slide,
.posting_swiper1 .swiper-slide,
.p_top_box.page,
.p_top_box.page > .center_box .subject,
.p_top_box.page > .right_box .detail_icon li a,
.btm_bar,
.tab_swiper5
{ -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.tab_box0 ul li a 
{ -webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
/*-----------------------------------------------------------------*/
/* layout
/*-----------------------------------------------------------------*/
body { /* overflow-y:scroll; */ /* background:#f1f1f1;  overscroll-behavior-y: none; word-break:keep-all; */  -webkit-text-size-adjust:none;}
html::-webkit-scrollbar ,body::-webkit-scrollbar {display:none;}
/* body a {-webkit-user-select:none; -webkit-touch-callout:none;} */
#layout { min-width:320px; margin:0 auto; min-height:calc(var(--vh, 1vh) * 100 - 0.5px); background:#fff;}
#container {}
#fullSizeLayer #container {padding-top:0; min-height:auto; padding-bottom:0;}
#fullSizeLayer .header .header_content{position:static;}
#daum_map div {-webkit-overflow-scrolling:touch;}
.grays { filter:gray; filter:grayscale(1); -webkit-filter: grayscale(1); }
.horizontalLayerPop {position: fixed;top: 0px; left: 0px;overflow: auto; width: 100vw; background: rgb(255, 255, 255); min-width:320px; isolation: isolate; height:calc(var(--vh, 1vh) * 100 - 0.5px); box-sizing:border-box; -webkit-overflow-scrolling:touch;}
.horizontalLayerPop.no_scrollbar::-webkit-scrollbar {display:none;}

.myProvider #container,
.providerIndex #container,
.mainBeauty #container,
.mainTattooist #container,
.categoryIndex #container,
.estimateIndex #container,
.studyIndex #container,
.adIndex #container,
.myTattooist #container,
.myCustomer #container,
.myBeauty #container,
.myIndex #container {overflow-y:auto; height:calc(var(--vh, 1vh) * 100 - 1px); }

.studyIndex .horizontalLayerPop {}
.ad_index,
.estimate_review,
.my_accountSetting,
.study,
.study_review,
.study_detail {padding-bottom:50px;}

#self_tattoo_qna_list {padding-bottom:100px;}

.mypage_qna,
.mypage_free,
.mypage_beauty_reivew,
.mypage_tattoo_reivew {min-height:calc(100dvh - 88px);}

.mypage_qna,
.mypage_free{min-height:calc(100dvh - 44px);}


.myCustomer header,
.myTattooist header,
.myBeauty header,
.estimateIndex header
{position:sticky; top:0; z-index:10; background:#fff;}

/* ui-datepicker */
.ui-datepicker {width: 25em;display: none;padding:10px 10px 10px 10px;background:#fff; border:1px solid #dfdfdf; } 
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0; } 
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 30px;height: 30px;border:1px solid #dfdfdf; } 
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 1px; } 
.ui-datepicker .ui-datepicker-prev {left: 2px;background:url('/_image/front/mobile/icon/icon_arrow_right.png') no-repeat center; background-size:5px auto;transform: rotate(180deg); } 
.ui-datepicker .ui-datepicker-next {right: 2px;background:url('/_image/front/mobile/icon/icon_arrow_right.png') no-repeat center; background-size:5px auto; } 
.ui-datepicker .ui-datepicker-prev-hover {left: 1px; } 
.ui-datepicker .ui-datepicker-next-hover {right: 1px; } 
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px; } 
.ui-datepicker .ui-datepicker-title {padding:8px 0;margin: 0 2.3em;line-height: 1.8em;text-align: center; } 
.ui-datepicker .ui-datepicker-title span {font-size:1.4rem; font-weight:bold; } 
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0; } 
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 45%; } 
.ui-datepicker table {width: 100%;font-size: .9em;padding: 2px;border-collapse: collapse;margin: 0 0 .4em; } 
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;background:#7d51ff; } 
.ui-datepicker th span {font-weight:bold;font-size:1.4rem;color:#fff; } 
.ui-datepicker td {border: 0;padding: 1px;text-align:center; } 
.ui-datepicker td span,
.ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;font-size:1.6rem;border:1px solid #dfdfdf;font-weight:bold; } 
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0; } 
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible; } 
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left; } 

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {width: auto; } 
.ui-datepicker-multi .ui-datepicker-group {float: left; } 
.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em; } 
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%; } 
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%; } 
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%; } 
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0; } 
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left; } 
.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0; } 

/* RTL support */
.ui-datepicker-rtl {direction: rtl; } 
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto; } 
.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto; } 
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto; } 
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto; } 
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right; } 
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left; } 
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {float: right; } 
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px; } 

/* Icons */
.ui-datepicker .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;left: .5em;top: .3em; } 
.ui-state-disabled span { background:#efefef; color:#ddd; } 
.ui-state-active { background-color:#7d51ff; color:#fff; } 


/* type basic */
.header {height:54px; }

/* 좌측메뉴 스크롤 */
.left_scroll_box {overflow:hidden; position:static; top:113px; bottom:0; left:0; width:100%;}
.left_scroll_box .left_scroll {position:static; z-index:110; -webkit-tap-highlight-color: rgba(0,0,0,0); width:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none;}
/* 좌측메뉴 */
.nav {position:fixed; top:0; left:-100%; width:100%; /*min-width:320px;*/ height:100%; background:#fff;  opacity:0;  z-index:1000;}
.nav {outline: none; text-decoration: none; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.nav.is_show {left:0;  opacity:1; }


/*-----------------------------------------------------------------*/
/* 공통
/*-----------------------------------------------------------------*/
.hidden {display:none !important;}
/* 닫기 X */
.top_btn_x {}
.top_btn_x a {position:relative; display:inline-block; width:28px; height:28px; font-size:0; vertical-align:top;}
.top_btn_x a:after {position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background:#000; border-radius:2px; content:''; transform:rotate(45deg);}
.top_btn_x a:before {position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px;  background:#000; border-radius:2px; content:''; transform:rotate(-45deg);}


/* input */
/* input[placeholder], [placeholder], *[placeholder], */
input::-webkit-input-placeholder {color:#A5A5A5 !important;font-size:12px !important; font-family:'NanumSquareRound';}
input::-moz-placeholder {color:#A5A5A5 !important;font-size:12px !important; font-family:'NanumSquareRound';}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="number"],
input[type="text"],
input[type="file"],
input[type="email"],
input[type="password"],
input[type="search"]{display:block; width:100%; height:38px; margin:0; padding:0 16px; text-align:left; border:1px solid #EBEBEB; background:none; border-radius:4px; font-size:12px; line-height:38px; color:#000 !important;  font-family:'NanumSquareRound'; }
input[type="date"] {position:relative; display:block; width:100%; margin:0; min-height:44px; padding:0 15px; text-align:left; text-align: -webkit-left; border:1px solid #ccc; background:none; border-radius:12px; font-size:1.5rem; color:#000 !important; line-height:42px;  font-family:'NanumSquareRound'; -webkit-appearance:none; outline:none;}
input::-webkit-date-and-time-value {text-align:left;}
input[type='date']::-webkit-calendar-picker-indicator {position:Absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1;}
input[type="text"]:focus,
input[type="text"]:active,
input[type="search"]:focus,
input[type="search"]:active{/* border-color:#0064d5;caret-color:#0064d5; */}
input[type="text"]:read-only,
input[type="text"]:disabled,
input[type="search"]:read-only,
input[type="search"]:disabled{border-color:#dfdfdf !important;color:#dfdfdf !important;caret-color:#dfdfdf !important;}
input[type="number"]:read-only,
input[type="number"]:disabled,
input[type="text"]:read-only,
input[type="text"]:disabled{color:#000 !important;opacity:1;}
input[type="text"]:read-only::-webkit-input-placeholder {color:#a5a5a5;}
input[type="text"].input_type0 {height:43px; padding:7px 16px; border:1px solid #cdced3;}
input[type="text"].no_input {color:#bbb !important;}
textarea::-webkit-input-placeholder {color:#A5A5A5 !important; font-size:12px !important; line-height:14px; font-family:'NanumSquareRound';}
textarea{font-family:'NanumSquareRound';}

.input_div1 input[type="text"] {background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat; background-position:calc(100% - 12px) center; background-size:18px auto; }

/* checkbox */
input[type="checkbox"]{position:relative; height:18px; width:18px; margin:0 8px 0 0; vertical-align:top;background:#fff; border:0; -webkit-appearance:none; outline:none;/*  border-radius:0;  background:url('/_image/front/icon/icon_checkbox_off.png') no-repeat center;  */background-size:18px auto;}
input[type="checkbox"] + label{font-size:12px;}
input[type="checkbox"]:checked {/* background:url('/_image/front/icon/icon_checkbox_on.png') no-repeat center; */ background-size:18px auto;} 
/* radio */
.radio1 input[type="radio"] {height:16px;width:16px;margin:0 8px 0 0;vertical-align:middle;background:#fff; border:1px solid #BEBEBE;-webkit-appearance:none; outline:none; border-radius:100%;}
.radio1 label{display:block; width:100%;}
.radio1 input[type="radio"]:checked {position:relative; background:#fff;}
.radio1 input[type="radio"]:checked:after{position:absolute; content:'';width:8px;height:8px;top:50%;left:50%;margin:-4px 0 0 -4px;border-radius:8px;background:#F0B820;}


.select_box {}
.select_box select {display:block; width:100%; padding:0 12px 0 15px;  background:url('/_image/front/icon/icon_arrow_down.png') no-repeat; background-position:calc(100% - 10px) center; background-size:9px auto; border-radius:12px; border:1px solid #ccc; font-size:1.5rem; line-height:40px; color:#000; text-align:left; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select_box select option {display:inline-block; text-align:left;}

/* textarea */
.textarea_box {display:block; padding:16px;  border:1px solid #EBEBEB;  border-radius:8px;}
.textarea_box textarea {display:block; width:100%; height:110px; font-size:12px; line-height:14px; color:#000; background:#fff; border:none;}
.textarea_box.type0 {padding:12px; border:1px dashed #E6E6E6}
.textarea_box.type0 textarea {height:230px; font-size:14px; line-height:16px;} 
.textarea_box.type0 textarea::-webkit-input-placeholder {color:#BFBFBF !important; font-size:14px !important; line-height:16px; font-family:'NanumSquareRound'; letter-spacing:-0.5px;}

.textarea_box.type1 {padding:12px; border:1px solid #E6E6E6}
.textarea_box.type1 textarea {height:230px; font-size:14px; line-height:16px;} 
.textarea_box.type1 textarea::-webkit-input-placeholder {color:#BFBFBF !important; font-size:14px !important; line-height:16px; font-family:'NanumSquareRound'; letter-spacing:-0.5px;}
.textarea_box.type1.he textarea {height:34px;}


.textarea_box.type2 {padding:0; border:0;}
.textarea_box.type2 textarea {height:36px; font-size:12px; line-height:16px;} 
.textarea_box.type2 textarea::-webkit-input-placeholder {color:#BFBFBF !important; font-size:12px !important; line-height:16px; font-family:'NanumSquareRound'; letter-spacing:-0.5px;}

.textarea_box.type3 {padding:12px; border:1px dashed #E6E6E6}
.textarea_box.type3 textarea {height:110px; font-size:12px; line-height:16px;} 



/* 체크 btn */
.check_box_btn {display:block; width:100%;}
.check_box_btn label {display:block; padding:10px 0; background:#fff; box-sizing:border-box; border-radius:5px; text-align:center;}
.check_box_btn label em {display:inline-block; padding-left:21px; font-size:1.4rem; line-height:1.4rem; color:#7a7a7f; font-style:normal; background:url('/_image/front/mobile/icon/icon_chk.png') no-repeat left center;  background-size:16px 12px;}
.check_box_btn label input {display:none;}
.check_box_btn label.active {background:#7d51ff;}
.check_box_btn label.active em {color:#fff; background-image:url('/_image/front/mobile/icon/icon_chk_on.png');}

/* on/off Button */
.btn_onoff{position:relative;display:block;width:40px;height:24px;}
.btn_onoff input,
.btn_onoff input:disabled{position:absolute;top:2px;left:2px;width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms; box-shadow: 3px 0px 6px 0px #00000026;}
.btn_onoff input:checked{width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none; -webkit-transform:translateX(16px);transform:translateX(16px); border:0;}
.btn_onoff input:checked:after {display:none;}
.btn_onoff label,
.btn_onoff input:disabled + label{display:block;width:40px;height:24px;border-radius:28px;background:#999;-webkit-transition:background 300ms;transition:background 300ms;}
.btn_onoff label > span,
.btn_onoff input:disabled + label > span{display:block;font-size:8px;color:#fff;line-height:2.4rem;padding-left:17px;}
.btn_onoff label > i{display:none;}
.btn_onoff input:checked + label{background:#05558F !important;}
.btn_onoff input:checked + label > span{display:none;}
.btn_onoff input:checked + label > i{display:block;font-size:8px;color:#fff;line-height:2.4rem;padding-right:17px;font-style:normal;}
.btn_onoff input::-ms-check,
.btn_onoff input:disabled::-ms-check{position:absolute;top:3px;left:3px;width:18px;height:18px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;}
.btn_onoff input:checked::-ms-check{-webkit-transform:translateX(20px);transform:translateX(20px);}

.btn_onoff1{position:relative;display:block;width:40px;height:24px;}
.btn_onoff1 input,
.btn_onoff1 input:disabled{position:absolute;top:2px;left:2px;width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms; box-shadow: 3px 0px 6px 0px #00000026;}
.btn_onoff1 input:checked{width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none; -webkit-transform:translateX(16px);transform:translateX(16px); border:0;}
.btn_onoff1 input:checked:after {display:none;}
.btn_onoff1 label,
.btn_onoff1 input:disabled + label{display:block;width:40px;height:24px;border-radius:28px;background:#666;-webkit-transition:background 300ms;transition:background 300ms; color:transparent;}
.btn_onoff1 label > span,
.btn_onoff1 input:disabled + label > span{display:block;font-size:8px;color:#fff;line-height:2.4rem;padding-left:17px;}
.btn_onoff1 label > i{display:none;}
.btn_onoff1 input:checked + label{background:#0F73EA;}
.btn_onoff1 input:checked + label > span{display:none;}
.btn_onoff1 input:checked + label > i{display:block;font-size:8px;color:#fff;line-height: 2.4rem;padding-right:17px;font-style:normal;}
.btn_onoff1 input::-ms-check,
.btn_onoff1 input:disabled::-ms-check{position:absolute;top:3px;left:3px;width:18px;height:18px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;}
.btn_onoff1 input:checked::-ms-check{-webkit-transform:translateX(20px);transform:translateX(20px);}

.btn_onoff2{position:relative;display:block;width:60px;height:24px;}
.btn_onoff2 input,
.btn_onoff2 input:disabled{position:absolute;top:2px;left:2px;width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms; box-shadow: 3px 0px 6px 0px #00000026;}
.btn_onoff2 input:checked{width:20px;height:20px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none; -webkit-transform:translateX(36px);transform:translateX(36px); border:0;}
.btn_onoff2 input:checked:after {display:none;}
.btn_onoff2 label,
.btn_onoff2 input:disabled + label{display:block;width:60px;height:24px; line-height:24px; border-radius:28px; color:#fff; background:#666;-webkit-transition:background 300ms;transition:background 300ms; text-align:right; padding-right:8px;}
.btn_onoff2 input:checked + label{padding-left:8px; text-align:left; background:#0F73EA !important; }
.btn_onoff2 input::-ms-check,
.btn_onoff2 input:disabled::-ms-check{position:absolute;top:3px;left:3px;width:18px;height:18px;margin-right:0;border:0 none;border-radius:50%;background-color:#fff;background-image:none;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 300ms;transition:transform 300ms;}
.btn_onoff2 input:checked::-ms-check{-webkit-transform:translateX(20px);transform:translateX(20px);}

/* radio */
.rd_box { display: block; }
.rd_box:nth-child(1) { margin-left: 0px; }
.rd_box > span { position: relative; display: block; overflow: hidden; }
.rd_box > span input[type="radio"] { position: Absolute; top: 0; left: 0; width: 0px; height: 0px; z-index: -1; opacity: 0; }
.rd_box > span input[type="radio"] + label { display: block; }
.rd_box > span input[type="radio"] + label span { display: block; padding: 13px 0; font-size:1.3rem; line-height:1.3rem; letter-spacing: -0.31px; color: #a5a5a5; background-color:#FAFBFD; border: 1px solid #EFEFF4; border-radius: 4px; text-align: center; }
.rd_box > span input[type="radio"]:checked + label span {border:1px solid #FFDF58; background-color:#FFDF58; color: #000; }

/* on/ off box */
.on_off_box {}
.on_off_box ul {}
.on_off_box ul li {padding:9px 0;}
.on_off_box ul li dl {display:table; width:100%;}
.on_off_box ul li dl dt {display:table-cell; width:70%; text-align:left; font-size:1.4rem; line-height:1.4rem; color:#49494e; vertical-align:middle;}
.on_off_box ul li dl dt label {font-size:1.4rem; line-height:1.4rem; color:#49494e;}
.on_off_box ul li dl dt label span {font-size:1.4rem; line-height:1.4rem; color:#49494e;}
.on_off_box ul li dl dd {display:table-cell; width:30%; text-align:right;}


.rd_box1 label {display:inline-block; padding:7px 12px 6px 12px; font-size:1.3rem; line-height:1.3rem; color:#111111; background:#F2F2F2; border:1px solid #F2F2F2; border-radius:50px; font-family:'NanumSquareRound'; letter-spacing:-0.31px;}
.rd_box1 input[type="radio"]{position:absolute; top:0; left:0; opacity:0;}
.rd_box1 input[type="radio"]:checked + label {color:#000; background:#FFEB95; border-color:#FFEB95;}

.ck_box1 label {display:inline-block; padding:7px 12px 6px 12px; font-size:1.3rem; line-height:1.3rem; color:#111111; background:#F2F2F2; border:1px solid #F2F2F2; border-radius:50px; font-family:'NanumSquareRound'; letter-spacing:-0.31px;}
.ck_box1 input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.ck_box1 input[type="checkbox"]:checked + label {color:#000; background:#FFEB95; border-color:#FFEB95;}

.wish label {display:inline-block; vertical-align:top;}
.wish input {width:22px; height:20px; margin:0; display:inline-block; background:url('/_image/front/icon/icon_heart.png') no-repeat center; background-size:22px auto; font-size:0; vertical-align:top;}
.wish input:checked {background:url('/_image/front/icon/icon_heart_on.png') no-repeat center; background-size:22px auto;}
.wish input:checked + label {}

.wish1 label {display:inline-block; vertical-align:top;}
.wish1 input {width:44px; height:44px; margin:0; display:inline-block; background:url('/_image/front/icon/icon_like.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.wish1 input:checked {background:url('/_image/front/icon/icon_heart_on.png') no-repeat center; background-size:22px auto;}
.wish1 input:checked + label {}



/* tab style list : 주소검색 */
.tab_box_type0 {border-bottom:1px solid #e5e5e5; }
.tab_box_type0 > ul {display:table; width:100%; }
.tab_box_type0 > ul > li {display:table-cell; width:50%; height:51px; vertical-align:middle;}
.tab_box_type0 > ul > li > a {display:block; padding:5px 0; font-size:1.6rem; color:#7a7a7f; text-align:center;}
.tab_box_type0 > ul > li.active > a {font-family:'NanumSquareEB'; color:#7d51ff;}

/* 컨텐츠창 사이즈 */
.content_box1 {padding:48px 16px 0 16px;}
.content_box2 {padding:40px 16px 0 16px;}
.content_box3 {padding:16px 16px 0 16px;}
.content_box4 {padding:48px 16px 12px 16px;}
.content_box5 {padding:0 16px 0 16px;}
.content_box6 {padding:4px 16px 4px 16px;}
.content_box7 {padding:24px 16px 24px 16px;}
.content_box8 {padding:16px 16px 16px 16px;}


/* 페이징 */
/*.paging_box {padding:6px 0;}
.paging_box .paging {}
.paging_box .paging ul {display:table; width:100%; text-align:center;}
.paging_box .paging ul li {display:inline-block;vertical-align:top}
.paging_box .paging ul li a {display:block; padding:15px 10px; font-size:1.4rem; line-height:1.4rem; font-family: 'Montserrat'; vertical-align:top;}
.paging_box .paging ul li a.current, .paging_box .paging ul li a.active {color:#7d51ff; font-weight:700;}
.paging_box .paging ul li.paging_first a {width:10px; height:12px; padding:22px 13px; font-size:0; line-height:0; background:url('/_image/front/mobile/icon/icon_paging_first.png') no-repeat center; background-size:10px auto;}
.paging_box .paging ul li.paging_prev a {width:10px; height:12px; margin-right:10px; padding:22px 14px; font-size:0; line-height:0; background:url('/_image/front/mobile/icon/icon_paging_prev.png') no-repeat center; background-size:6px auto;}
.paging_box .paging ul li.paging_last a {width:10px; height:12px; padding:22px 13px; font-size:0; line-height:0; background:url('/_image/front/mobile/icon/icon_paging_last.png') no-repeat center; background-size:10px auto;}
.paging_box .paging ul li.paging_next a {width:10px; height:12px; margin-left:10px; padding:22px 14px; font-size:0; line-height:0; background:url('/_image/front/mobile/icon/icon_paging_next.png') no-repeat center; background-size:6px auto;}
.paging_box .paging ul li.paging_first, .paging_box .paging ul li.paging_prev, .paging_box .paging ul li.paging_last, .paging_box .paging ul li.paging_next  {min-width:28px;}
*/

.paging_box {clear:both; position:relative; margin:20px 0 20px 0; padding:0; }
.paging_box ul.paging {text-align:center; font-size:0;}
.paging_box ul.paging li {display:inline-block; vertical-align:top; width:20px; height:32px; margin:0 9px;}
.paging_box ul.paging li.paging_prev {margin-right:5px;}
.paging_box ul.paging li.paging_prev a {background:url('/_image/front/icon/arrow_prev.png') no-repeat center; font-size:0; vertical-align:top; background-size:5px;}
.paging_box ul.paging li.paging_first {margin:0;}
.paging_box ul.paging li.paging_first a {background:url('/_image/front/icon/arrow_prev_double.png') no-repeat center; font-size:0; vertical-align:top; background-size:9px;}
.paging_box ul.paging li.paging_next {margin-left:5px;}
.paging_box ul.paging li.paging_next a {background:url('/_image/front/icon/arrow_next.png') no-repeat center; font-size:0; vertical-align:top; background-size:5px;}
.paging_box ul.paging li.paging_last {margin:0;}
.paging_box ul.paging li.paging_last a {background:url('/_image/front/icon/arrow_next_double.png') no-repeat center; font-size:0; vertical-align:top; background-size:9px;}
.paging_box ul.paging li a {display:inline-block; width:20px; height:32px; vertical-align:top; font-weight:600; color:#666; font-size:1.4rem; line-height:32px;}
.paging_box ul.paging li.over a {font-weight:700; color:#F6BC66;}

/* bar */
.bar_line {width:100%; height:6px; background:#F1F1F1; border-top:1px solid #E6E6E6;}

/* 배너 스와이프 */
.banner_swiper {}
.banner_swiper .swiper-slide {}
.banner_swiper .swiper-slide img {width:100%;}



/*-----------------------------------------------------------------*/
/* 리스트 
/*-----------------------------------------------------------------*/

/* 내정보 */
.list0 {}
.list0 ul {}
.list0 ul li {position:relative; border-bottom:1px solid #e6e6e6;}
.list0 ul li a {display:block;padding:21px 0; font-size:12px; line-height:14px; background:url('/_image/front/icon/icon_right_arrow1.png') no-repeat right center; background-size:18px auto;}
.list0 ul li.no_aw a {background:none;} 
.list0 ul li.no_line {border-bottom:0;}
.list0 ul li a span {margin-left:8px; font-size:12px; line-height:14px; color:#0F73EA; font-weight:600;}
.list0 ul li > div.app_ver {position:relative; padding:21px 0; font-size:12px; line-height:14px;}
.list0 ul li > div.app_ver span {position:Absolute; top:calc(50% - 7px); right:0; font-size:12px; line-height:14px; color:#7b7b7b;}
.list0 ul li .i_cert {position:Absolute; top:18px; left:60px; vertical-align:top;}
.list0 ul li .i_cert a {display:inline-block; width:18px; height:18px; padding:0; color:transparent; background:url('/_image/front/icon/icon_info.png') no-repeat center; background-size:18px auto; vertical-align:top;}
.list0 ul li .right_num {position:Absolute; top:18px; right:20px;}
.list0 ul li .right_num p {padding:0 8px; font-size:10px; font-weight:400; line-height:18px; color:#0F73EA; background:#D8E9FF; border-radius:8px;}
.list0 ul li .right_num p > span {font-size:10px; font-weight:400; line-height:18px; color:#0F73EA;}
/* 타투 상세 */
.list2 {}
.list2 ul {}
.list2 ul li {border-bottom:1px solid #E6E6E6;}
.list2 ul li a {display:block; padding:20px 0; font-size:14px; line-height:16px; background:url('/_image/front/icon/icon_right_arrow2.png') no-repeat right center; background-size:18px auto;}
.list2 ul li a span {font-size:14px; line-height:16px; }

/* 타투 */
.list1 {padding-bottom:40px;}
.list1 ul {display:flex; flex-wrap:wrap;}
.list1 ul li {width:50%;}
.list1 ul li:nth-child(odd) {padding-right:4px;}
.list1 ul li:nth-child(even) {padding-left:4px;}
.list1 ul li a {display:block;padding:21px 0; font-size:14px; line-height:14px; background:url('/_image/front/icon/icon_right_arrow2.png') no-repeat right center; background-size:18px auto; border-bottom:1px solid #e6e6e6;}
.list1 ul li.btm_arrow a {background:url('/_image/front/icon/icon_btm_arrow.png') no-repeat right center; background-size:18px auto;}
.list1 ul li a span {margin-left:8px; font-size:12px; line-height:14px; color:#0F73EA; font-weight:600;}

/* 랭킹 */
.list3 {text-align:center; background:#F8F8F8;}
.list3 ul {display:inline-block; font-size:0;}
.list3 ul li {display:inline-block; padding:0 4px;}
.list3 ul li a {display:inline-block; padding:14px 8px; font-size:14px; line-height:16px; color:#a5a5a5;}
.list3 ul li.on a {color:#000; font-weight:600;}

/* 기획전 */
.list4 {}
.list4 ul {padding-top:16px;}
.list4 ul li {padding:0 16px 16px 16px;}
.list4 ul li .img {}
.list4 ul li .img img {width:100%; border-radius:16px;}

/* 커뮤니티 매거진 */
.list5 {padding-bottom:40px;}
.list5 ul {display:flex; flex-wrap:wrap;}
.list5 ul li {width:50%;}
.list5 ul li:nth-child(odd) {padding-right:4px;}
.list5 ul li:nth-child(even) {padding-left:4px;}
.list5 ul li a {display:block;padding:0 0 32px 0; font-size:14px; line-height:14px;}

/* 질문과 답변 */
.list6 {}
.list6 ul {}
.list6 ul li {padding:20px 16px; border-bottom:1px solid #E6E6E6;}
.list6 ul li.li_no_data {width:100%;}
.list6 ul li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}

/* 받은 요청 */
.list7 {padding-top:16px;}
.list7 ul {}
.list7 ul li {padding:20px 16px; border-bottom:1px solid #E6E6E6;}
.list7 ul li.li_no_data {width:100%;}
.list7 ul li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}


/* 상품리스트 */
.list_box0 {padding:0 12px 0 12px;}
.list_box0 ul {display:flex; flex-wrap:wrap;}
.list_box0 ul li {width:33.3%; padding:16px 4px; box-sizing:border-box;}
.list_box0.grid1 ul li {width:100%; padding:16px 4px; box-sizing:border-box;}
.list_box0.grid2 ul li {width:50%; padding:16px 4px; box-sizing:border-box;}
.list_box0.loading ul li {width:50%; padding:40px 4px; box-sizing:border-box;}
.list_box0 ul li.li_no_data {width:100%;}
.list_box0 ul li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}

.list_style0 {position:relative;}
.list_style0 .img {position:relative; }
.list_style0 .img img {width:100%; border-radius:8px;}
.list_style0 dl {padding:12px 0 6px 0;}
.list_style0 dl dt {margin-bottom:6px; font-size:12px; line-height:14px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style0 dl dd {font-size:12px; line-height:14px; color:#A5A5A5; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style0 .price_box {}
.list_style0 .price_box .rate {display:inline-block; padding-right:4px; font-size:15px; line-height:20px; color:#068CEE; font-weight:800;}
.list_style0 .price_box .price {display:inline-block; font-size:15px; line-height:20px; font-weight:800;}
.list_style0 .price_box .n_price {display:inline-block; padding-left:4px; font-size:10px; line-height:20px; text-decoration:line-through; color:#a5a5a5;}
.list_style0 .wish {position:Absolute; top:12px; right:11px; z-index:10;}
.list_style0 .dday {position:absolute; bottom:0; left:0;padding:6px 8px 2px 8px; background:#0F73EA; color:#fff; font-size:12px; font-weight:700; border-radius:0 8px 0 8px;}
.list_style0 .rank {position:absolute; top:0; left:0; min-width:32px; padding:8px 3px 8px 3px; text-align:center; background:#000; color:#fff; font-size:14px; line-height:16px; border-radius:8px 0 8px 0px;}

/* 홈 - 수강리스트 */
.list_box1 {padding:0 12px 0 12px;}
.list_box1 ul {}
.list_box1 ul li {padding:16px 4px; box-sizing:border-box; border-bottom:1px solid #E6E6E6;}
.list_box1 ul li:last-child {border-bottom:0;}
.list_box1 ul li.li_no_data {width:100%;}
.list_box1 ul li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
 
/* 알림 */ 
.list_box2 {}
.list_box2 ul {}
.list_box2 ul li {width:100%; box-sizing:border-box;}
.list_box2 ul li.li_no_data {width:100%;}
.list_box2 ul li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}

/* 견적서 리스트 */
.list_box3 {padding:16px;}
.list_box3 ul {}
.list_box3 ul li {padding-bottom:16px;}

/* 견적서 상세 리스트 */
.list_box4 {background:#fff;}
.list_box4 ul {}
.list_box4 ul li {padding:16px 0; border-bottom:1px solid #E6E6E6;}


.list_style1 {position:relative;}
.list_style1 .c_box {display:table; width:100%;}
.list_style1 .c_box .left_box {display:table-cell; width:128px; vertical-align:middle;}
.list_style1 .c_box .right_box {position:relative; display:table-cell; width:calc(100% - 128px); padding-left:16px; vertical-align:middle;}
.list_style1 .img {position:relative; overflow:hidden; width:128px; height:96px; border-radius:8px;}
.list_style1 .img img {position:Absolute; top:50%; left:50%; width:100%; border-radius:8px; object-fit:cover; transform:translate(-50%, -50%);}
.list_style1 dl {padding:6px 0 6px 0;}
.list_style1 dl dt {margin-bottom:6px; font-size:14px; line-height:20px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_style1 dl dd {font-size:12px; line-height:14px; color:#A5A5A5;}
.list_style1 dl dd span {position:relative;display:inline-block; padding-left:10px; font-size:12px; line-height:14px; color:#A5A5A5; }
.list_style1 dl dd span:after {position:absolute; top:1px; left:5px; width:1px; height:11px; background:#a5a5a5; content:'';}
.list_style1 .price_box {}
.list_style1 .price_box .rate {display:inline-block; padding-right:4px; font-size:15px; line-height:20px; color:#068CEE; font-weight:800;}
.list_style1 .price_box .price {display:inline-block; font-size:15px; line-height:20px; font-weight:800;}
.list_style1 .price_box .n_price {display:inline-block; padding-left:4px; font-size:10px; line-height:20px; text-decoration:line-through; color:#a5a5a5;}
.list_style1 .date_num {padding-top:7px;}
.list_style1 .date_num div {font-size:12px; line-height:14px; color:#2c2c2c;}
.list_style1 .date_num div span {font-size:12px; line-height:14px; color:#2c2c2c;}
.list_style1 .right_btn {position:Absolute; top:0; right:0;}


.list_style2 {position:relative;}
.list_style2 .img {position:relative;}
.list_style2 .img img {width:100%; border-radius:8px;}
.list_style2 dl {padding:12px 0 6px 0;}
.list_style2 dl dt {margin-bottom:6px; font-size:14px; line-height:20px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_style2 dl dd {font-size:12px; line-height:14px; color:#A5A5A5; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style2 .price_box {}
.list_style2 .price_box .rate {display:inline-block; padding-right:4px; font-size:15px; line-height:20px; color:#068CEE; font-weight:800;}
.list_style2 .price_box .price {display:inline-block; font-size:15px; line-height:20px; font-weight:800;}
.list_style2 .price_box .n_price {display:inline-block; padding-left:4px; font-size:10px; line-height:20px; text-decoration:line-through; color:#a5a5a5;}
.list_style2 .wish {position:Absolute; top:12px; right:11px; z-index:10;}
.list_style2 .dday {position:absolute; bottom:0; left:0;padding:6px 8px 2px 8px; background:#0F73EA; color:#fff; font-size:12px; font-weight:700; border-radius:0 8px 0 8px;}
.list_style2 .rank {position:absolute; top:0; left:0; min-width:32px; padding:8px 3px 8px 3px; text-align:center; background:#000; color:#fff; font-size:14px; line-height:16px; border-radius:8px 0 8px 0px;}
.list_style2 dl dd span {position:relative;display:inline-block; padding-left:10px; font-size:12px; line-height:14px; color:#A5A5A5; }
.list_style2 dl dd span:after {position:absolute; top:1px; left:5px; width:1px; height:11px; background:#a5a5a5; content:'';}

/* 커뮤니티 매거진 */
.list_style3 {}
.list_style3 .img_box {position:relative;}
.list_style3 .img_box .img {position:relative; width:100%; padding-bottom:60.2%; overflow:hidden; border-radius:8px;}
.list_style3 .img_box .img img {position:Absolute; top:50%; left:0; width:100%; border-radius:8px; transform:translateY(-50%);}
.list_style3 .img_box .n_icon {position:absolute; top:0; left:0; }
.list_style3 .img_box .n_icon span {display:inline-block; padding:3px 6px; color:#fff; background:#76ABFF; font-size:10px; line-height:12px; font-weight:800; border-radius:8px 0 8px 0;}
.list_style3 .txt_box {}
.list_style3 .txt_box .title {overflow: hidden; margin:8px 0; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px; line-height:18px; font-weight:700;}
.list_style3 .txt_box .b_info {font-size:12px; line-height:14px; color:#93A2B1;}
.list_style3 .txt_box .b_info span {font-size:12px; line-height:14px; color:#93A2B1;}

/* 질문과 답변 */
.list_style4 {display:table; width:100%;}
.list_style4 .left_box {display:table-cell; vertical-align:middle;}
.list_style4 .left_box .icon_box {}
.list_style4 .left_box .icon_box span {display:inline-block;padding:3px 4px; font-size:10px; line-height:10px; border-radius:2px;}
/* 다른곳 깨져보이는게 싫어서 일단 임시로 기존 소스 넣어둠..*/
.list_style4 .left_box .icon_box span.i_tattoo {background:#CBE9FF; color:#2C2C2C;}
.list_style4 .left_box .icon_box span.i_beauty {background:#DCD8FF; color:#2C2C2C;}
.list_style4 .left_box .icon_box span.i_etc {background:#E2E2E2; color:#2C2C2C;}
/* 신규 */
.list_style4 .left_box .icon_box span.i_icon1 {background:#CBE9FF; color:#2C2C2C;}
.list_style4 .left_box .icon_box span.i_icon2 {background:#DCD8FF; color:#2C2C2C;}
.list_style4 .left_box .icon_box span.i_icon3 {background:#E2E2E2; color:#2C2C2C;}
.list_style4 .left_box .icon_box span.i_new {padding:2px 0 0 0; font-size:12px; line-height:14px; color:#0F73EA; vertical-align:middle; font-weight:700;}
.list_style4 .left_box .txt_box {}
.list_style4 .left_box .txt_box dl {}
.list_style4 .left_box .txt_box dl dt {margin:8px 0 4px 0; font-size:14px; line-height:16px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style4 .left_box .txt_box dl dd {padding-top:4px; font-size:12px; line-height:14px; font-weight:400; color:#93A2B1;}
.list_style4 .left_box .txt_box dl dd span {font-size:12px; line-height:14px; font-weight:400; color:#93A2B1;}
.list_style4 .right_box {display:table-cell; width:100px; vertical-align:middle;}
.list_style4 .right_box .img_box {width:100px; text-align:right;}
.list_style4 .right_box .img {margin-left:16px;width:84px; height:84px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:8px;}

/* 내관심 팔로우 */
.list_style6 {}
.list_style6 .img {}
.list_style6 .img img {width:100%;}
.list_style6 .info_box {display:table; width:100%;}
.list_style6 .info_box .left_box {display:table-cell; width:calc(100% - 78px); vertical-align:middle;}
.list_style6 .info_box .left_box dl {}
.list_style6 .info_box .left_box dl dt {margin:16px 0 4px 0; font-size:15px; line-height:18px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style6 .info_box .left_box dl dd {color:#93A2B1; font-size:12px; font-weight:400; line-height:18px;}
.list_style6 .info_box .left_box dl dd span {color:#93A2B1; font-size:12px; font-weight:400; line-height:18px;}
.list_style6 .info_box .left_box dl dd span em {color:#93A2B1; font-size:12px; font-weight:400; font-style:normal; line-height:18px;}
.list_style6 .info_box .left_box dl dd span.grade {padding-left:18px; background:url('/_image/front/icon/icon_star1_on.png') no-repeat left -3px; background-size:16px auto;}
.list_style6 .info_box .left_box dl dd span.price {padding-left:18px; background:url('/_image/front/icon/icon_won_small.png') no-repeat left -1px; background-size:16px auto;}
.list_style6 .info_box .right_box {display:table-cell; width:78px; vertical-align:middle; text-align:right;}

.list_style6 .info_box .right_box .r_img {position:relative; display:inline-block; width:64px; height:64px;}
.list_style6 .info_box .right_box .r_img > .user_img  {position:relative; display:inline-block; width:64px; height:64px;  background-position:center; background-size:cover; background-image:url('/_image/front/icon/icon_profile_2.png'); border-radius:50%;}
.list_style6 .info_box .right_box .r_img .i_follow {position:absolute; top:-5px; right:-8px;}

/* 알람 */
.list_style7 {}
.list_style7 .box {position:relative; padding:16px 0 16px 16px; background-repeat:no-repeat; background-size:46px auto; background-position:16px 16px;}
.list_style7 .box.img0 {background-image:url('/_image/front/icon/alarm_img0.png');}
.list_style7 .box.img1 {background-image:url('/_image/front/icon/alarm_img1.png');}
.list_style7 .box.img2 {background-image:url('/_image/front/icon/alarm_img2.png');}
.list_style7 .box.img3 {background-image:url('/_image/front/icon/alarm_img3.png');}
.list_style7 .box.img4 {background-image:url('/_image/front/icon/alarm_img4.png');}
.list_style7 .box.img5 {background-image:url('/_image/front/icon/alarm_img5.png');}
.list_style7 .box.img6 {background-image:url('/_image/front/icon/alarm_img6.png');}
.list_style7 .box.img7 {background-image:url('/_image/front/icon/alarm_img7.png');}
.list_style7 .box.img8 {background-image:url('/_image/front/icon/alarm_img8.png');}
.list_style7 .box .cont {position:relative; padding-left:62px;}
.list_style7 .box .cont dl {}
.list_style7 .box .cont dl dt {padding-bottom:12px; font-size:14px; line-height:16px; font-weight:700; color:#2c2c2c;}
.list_style7 .box .cont dl dt .i_new {display:inline-block; width:16px; height:16px; border-radius:50%; font-size:10px; line-height:16px; font-weight:800; background:#EA0F0F; color:#fff; text-align:center; vertical-align:top;}
.list_style7 .box .cont dl dd {margin-bottom:11px; padding-right:16px; font-size:12px; line-height:18px; color:#8A8A8A; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_style7 .box .cont dl dd span {font-weight:700; font-size:12px; line-height:18px; color:#8A8A8A;}
.list_style7 .box .list_time {position:absolute; top:16px; right:16px; font-size:12px; line-height:14px; text-align:right; color:#8A8A8A;}
.list_style7 .box .list_btn {padding-right:16px;}
.list_style7 .box .list_swiper {padding-bottom:12px;}

/* 견적서 리스트*/
.list_style8 {}
.list_style8 .box {position:relative; overflow:hidden; padding-top:28px; background:#fff; border-radius:8px;}
.list_style8 .box .img {width:100%; height:136px; background-size:cover; background-position:center;}
.list_style8 .box .btm_info {padding:16px;}
.list_style8 .box .btm_info dl {}
.list_style8 .box .btm_info dl dt {padding-bottom:8px; font-size:15px; line-height:16px; font-weight:700;}
.list_style8 .box .btm_info dl dd {font-size:12px; line-height:14px; color:#0F73EA;}
.list_style8 .box .btm_info dl dd span {font-size:12px; line-height:14px; color:#0F73EA; font-weight:700;}
.list_style8 .box .btm_info .date {padding-top:8px; font-size:12px; line-height:14px; color:#999;}
.list_style8 .box .right_btn {position:Absolute; top:0; right:0;}
.list_style8 .box .right_btn a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_more.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top; }
.list_style8 .box .list_step {position:Absolute; top:13.5px; left:16px;}
.list_style8 .box .list_step span {display:inline-block; padding:0 4px 0 14px; font-size:8px; color:#0F73EA; line-height:17px; background:url('/_image/front/icon/icon_play.png') no-repeat 6px center; background-size:5px auto; background-color:#E3F0FF; border-radius:4px;}
.list_style8 .box .list_step span.stop {color:#A0A0A0; background:url('/_image/front/icon/icon_stop.png') no-repeat 6px center; background-size:5px auto; background-color:#EAEAEA; border-radius:4px;}
.list_style8 .box.a_img {padding-top:0;}
.list_style8 .box.a_img .right_btn a {background:url('/_image/front/icon/icon_more2.png') no-repeat center; background-size:44px auto;}


/* 견적서 상세 리스트 */
.list_style9 {}
.list_style9 .box {display:flex; align-items:center;}
.list_style9 .box .left_box {width:103px; padding-left:15px;}
.list_style9 .box .left_box .img {width:73px; height:73px; background-repeat:no-repeat; background-position:center; border-radius:50%; background-size:cover;}
.list_style9 .box .center_box {width:calc(100% - 243px);}
.list_style9 .box .center_box dl {}
.list_style9 .box .center_box dl dt {margin-bottom:3px; font-size:15px; line-height:18px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style9 .box .center_box dl dd {padding-top:3px; font-size:12px; line-height:14px; font-weight:400;}
.list_style9 .box .center_box dl dd.region {color:#bababa;}
.list_style9 .box .center_box dl dd span {font-size:12px; line-height:14px; font-weight:400;}
.list_style9 .box .center_box dl dd span.grade {padding-left:16px; background:url('/_image/front/icon/icon_star1_on.png') no-repeat left -3px; background-size:16px auto;}
.list_style9 .box .right_box {width:140px; padding-right:15px; text-align:right; font-size:17px; line-height:18px; font-weight:700; color:#000;}
.list_style9 .box .right_box span.price {padding-left:18px; background:url('/_image/front/icon/icon_won_small.png') no-repeat left center; background-size:16px auto; font-size:17px; line-height:18px; font-weight:700; color:#000;}

/* 받은 요청 /보낸견적서 */
.list_style11 {display:table; width:100%;}
.list_style11 .left_box {display:table-cell; vertical-align:middle;}
.list_style11 .left_box .icon_box {}
.list_style11 .left_box .txt_box {}
.list_style11 .left_box .txt_box dl {}
.list_style11 .left_box .txt_box dl dt {margin:8px 0 4px 0; font-size:15px; line-height:16px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style11 .left_box .txt_box dl dd {padding-top:4px; font-size:12px; line-height:14px; font-weight:400; color:#000;}
.list_style11 .left_box .txt_box dl dd span {font-size:12px; line-height:14px; font-weight:400; color:#000;}
.list_style11 .left_box .txt_box dl dd span.region {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style11 .left_box .txt_box dl dd.price_dd {padding-top:8px; font-size:17px; line-height:18px; font-weight:700;}
.list_style11 .left_box .txt_box dl dd.price_dd span.price {padding-left:16px; background:url('/_image/front/icon/icon_won_small.png') no-repeat left center; background-size:16px auto; font-size:17px; line-height:18px; font-weight:700;}
.list_style11 .right_box {display:table-cell; width:100px; vertical-align:middle;}
.list_style11 .right_box .img_box {width:100px; min-height:84px; text-align:right;}
.list_style11 .right_box .img {margin-left:16px;width:84px; height:84px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:8px;}
.list_style11.end .left_box .txt_box dl dt {color:#a5a5a5;}
.list_style11.end .left_box .txt_box dl dd {color:#a5a5a5;}
.list_style11.end .left_box .txt_box dl dd span {color:#a5a5a5;}
.list_style11.end .left_box .txt_box dl dd.price_dd span.price {background:url('/_image/front/icon/icon_won_small_gray.png') no-repeat left center; background-size:16px auto;}
.list_style11.end .right_box .img_box .img {position:relative;}
.list_style11.end .right_box .img_box .img:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:'마감'; color:#fff; font-size:12px; line-height:14px;}
.list_style11.end .right_box .img_box .img:before {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; background:rgba(189,189,189,0.7); content:'';}

.list_style12 {position:relative;}
.list_style12 .c_box {display:table; width:100%;}
.list_style12 .c_box .left_box {display:table-cell; width:120px; vertical-align:middle;}
.list_style12 .c_box .right_box {position:relative; display:table-cell; width:calc(100% - 120px); padding-left:16px; vertical-align:middle;}
.list_style12 .img {position:relative; overflow:hidden; width:120px; height:96px; border-radius:8px;}
.list_style12 .img img {position:Absolute; top:50%; left:50%; width:100%; border-radius:8px; object-fit:cover; transform:translate(-50%, -50%);}
.list_style12 .img .number {position:absolute; top:0; left:0; z-index:2; background:#000; min-width:24px; line-height:22px; text-align:center; border-radius:8px 0 8px 0; font-size:12px; color:#fff;}
.list_style12 dl {padding:0px 0 4px 0;}
.list_style12 dl dt {margin-bottom:4px; font-size:12px; line-height:14px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_style12 dl dd {font-size:12px; line-height:14px; color:#A5A5A5;}
.list_style12 dl dd span {position:relative;display:inline-block; padding-left:10px; font-size:12px; line-height:14px; color:#A5A5A5; }
.list_style12 dl dd span:after {position:absolute; top:1px; left:5px; width:1px; height:11px; background:#a5a5a5; content:'';}
.list_style12 .price_box {padding-bottom:2px;}
.list_style12 .price_box .rate {display:inline-block; padding-right:4px; font-size:15px; line-height:20px; color:#068CEE; font-weight:800;}
.list_style12 .price_box .price {display:inline-block; font-size:15px; line-height:20px; font-weight:800;}
.list_style12 .price_box .n_price {display:inline-block; padding-left:4px; font-size:10px; line-height:20px; text-decoration:line-through; color:#a5a5a5;}
.list_style12 .date_info {padding-bottom:4px;}
.list_style12 .date_info.type0 {padding-bottom:0;}
.list_style12 .date_info div {font-size:10px; line-height:12px; color:#a5a5a5;}
.list_style12 .date_info div span {font-size:10px; line-height:12px; color:#a5a5a5;}
.list_style12 .right_btn {position:Absolute; top:0; right:0;}
.list_style12 .list_btn {padding-top:12px;}
.list_style12 .list_btn ul {display:flex; gap:12px}
.list_style12 .list_btn ul li {width:50%;}

/* no data */
.no_data { text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.no_data1 {padding:88px 0 186px 0;}
.no_data1 p {padding-bottom:16px; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.no_data1 .btn_wh {max-width:217px; margin:0 auto; padding-top:8px;}

.no_data_center {display:flex; width:100%; min-height:calc(100dvh - 188px); align-items:center;}
.no_data_center .no_data_img {width:100%;}
 
.no_data2 {padding:88px 0 186px 0;}
.no_data2 p {padding-bottom:16px; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.no_data2 p strong {display:block; padding-bottom:8px; font-size:17px; line-height:22px; font-weight:700;}
 
    
.no_data_img {padding:16px 0 48px 0;}
.no_data_img.pd0 {padding-top:60px;}
.no_data_img .text {padding: 200px 0 24px 0; background:url('/_image/front/icon/no_data_img.png') no-repeat top center; background-size:192px;}
.no_data_img.type0 .text {background:url('/_image/front/icon/no_data_img1.png') no-repeat top center; background-size:192px;}
.no_data_img.type1 .text {background:url('/_image/front/icon/no_data_img2.png') no-repeat top center; background-size:192px;}
.no_data_img.type2 .text {background:url('/_image/front/icon/no_data_img3.png') no-repeat top center; background-size:192px;}
.no_data_img.type3 .text {background:url('/_image/front/icon/no_data_img4.png') no-repeat top center; background-size:192px;}
.no_data_img.type4 .text {background:url('/_image/front/icon/no_data_img5.png') no-repeat top center; background-size:192px;}
.no_data_img.type5 .text {background:url('/_image/front/icon/no_data_img6.png') no-repeat top center; background-size:192px;}
.no_data_img .text p {padding:0 !important; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.no_data_img .text p.tit {padding-bottom:8px !important; font-size:17px; line-height:22px; font-weight:700; color:#000;}
.no_data_img .wh0 {width:247px; margin:0 auto;}
.no_data_img .wh1 {width:247px; margin:16px auto 0 auto;}

/* 타투 부위 */
.list_type_box0 {display:flex; min-height:calc(80dvh - 44px); height:calc(80dvh - 44px);}
.list_type_box0 .left_box {overflow-y:auto; width:120px; height:calc(80dvh - 44px); background: #F2F2F2;}
.list_type_box0 .left_box .left_list ul {}
.list_type_box0 .left_box .left_list ul li {}
.list_type_box0 .left_box .left_list ul li a {display:block; padding:16px 0; color:#A0A0A0; font-size:14px; line-height:18px; text-align:Center;}
.list_type_box0 .left_box .left_list ul li.on a {box-shadow: 0px 4px 4px 0px #00000026; background:#fff;}
.list_type_box0 .right_box {overflow-y:auto; width:calc(100% - 120px); height:calc(80dvh - 44px);}
.list_type_box0 .right_box .right_list {display:none; padding:0 16px;}
.list_type_box0 .right_box .right_list ul {}
.list_type_box0 .right_box .right_list ul li {border-bottom:1px solid #e6e6e6;}
.list_type_box0 .right_box .right_list ul li a {display:block; padding:16px 0; font-size:14px; line-height:18px;}

/*-----------------------------------------------------------------*/
/* 버튼
/*-----------------------------------------------------------------*/
.abtn0 {display:block; width:100%; background:#fff; font-size:17px; border-radius:8px; line-height:52px; font-weight:700; text-align:center; color:#a5a5a5; border:1px solid #D7D7D7;}
.abtn1 {display:block; width:100%; background:#0F73EA; font-size:17px; border-radius:8px; line-height:52px; font-weight:700; text-align:center; color:#fff; border:1px solid #0F73EA;}
.abtn1 span {font-size:17px; line-height:52px; color:#fff;}
.abtn2 {display:block; width:100%; background:#0F73EA; font-size:17px; line-height:49px; font-weight:700; text-align:center; color:#fff; border:1px solid #0F73EA;}
.abtn3 {display:block; width:100%; background:#5697DF; font-size:15px; line-height:40px; text-align:center; color:#fff; border:1px solid #5697DF; border-radius:4px;}
.abtn4 {display:block; width:100%; background:#fff; font-size:20px; border-radius:8px; line-height:52px; font-weight:700; text-align:center; color:#0F73EA; border:1px solid #fff;}
.abtn5 {display:block; width:100%; background:#fff url('/_image/front/icon/icon_arrow_right.png') no-repeat; background-size:18px auto; background-position:calc(50% + 45px) 15px; font-size:15px; line-height:50px; text-align:center; color:#000; border:1px solid #fff;}
.abtn6 {display:block; width:100%; background:#5697DF; font-size:17px; line-height:49px; font-weight:700; text-align:center; color:#fff; border:1px solid #5697DF;}
.abtn7 {display:block; width:100%; background:#fff url('/_image/front/icon/icon_arrow_right.png') no-repeat; background-size:18px auto; background-position:calc(100% - 8px) center; margin-top:8px; font-size:12px; padding-left:10px; line-height:34px; text-align:left; color:#6F7071; border:1px solid #E6E6E6; border-radius:4px;}
.abtn7 span {font-size:12px; color:#6F7071; }
.abtn8 {display:block; width:100%; background:#0F73EA; font-size:14px; border-radius:8px; line-height:44px; text-align:center; color:#fff; border:1px solid #0F73EA;}
.abtn8.no_rad {border-radius:0;}
.abtn9 {display:block; width:100%; background:#fff; font-size:14px; border-radius:8px; line-height:44px; text-align:center; color:#BEBEBE; border:1px solid #fff;}

.abtn10 {display:block; width:100%; background:#EAEAEA; font-size:17px; line-height:49px; text-align:center; color:#B5B5B5; border:1px solid #EAEAEA;}
.abtn10.on {background:#0F73EA; border:1px solid #0F73EA; color:#fff;}

.abtn11 {display:inline-block; padding:0 24px; background:#0F73EA; box-shadow: 0px 4px 4px 0px #00000026; font-size:16px; line-height:44px; text-align:center; color:#fff; border:1px solid #0F73EA; border-radius:22px; text-wrap:nowrap;}
.abtn12 {display:block; padding:0 0px; background:#E3F0FF; font-size:14px; line-height:40px; text-align:center; color:#0F73EA; border:1px solid #D8EAFF; border-radius:8px;}
.abtn13 {display:block; font-size:17px; text-align:center; font-weight:400; line-height:49px; backdrop-filter: blur(20px); box-shadow: 0px -0.5px 4px 0px #0000001A; background:#fff;}

.abtn14 {display:block; width:100%; background:#0F73EA; font-size:12px; border-radius:8px; line-height:34px; text-align:center; color:#fff; border:1px solid #0F73EA;}
.abtn15 {display:block; width:100%; background:#5697DF; font-size:13px; line-height:32px; text-align:center; color:#fff; border:1px solid #5697DF; border-radius:4px;}
.abtn16 {display:block; width:100%; background:#0F73EA; font-size:13px; line-height:32px; text-align:center; color:#fff; border:1px solid #0F73EA; border-radius:4px;}
.abtn17 {display:block; width:100%; background:#D0E5FF; font-size:13px; line-height:32px; text-align:center; color:#0F73EA; border:1px solid #D0E5FF; border-radius:4px;}
.abtn18 {position:relative; display:block; width:100%; background: rgba(255, 255, 255, 0.8); padding:0 16px; font-size:13px; line-height:42px; text-align:left; color:#000; border:1px solid #D0E5FF; border-radius:8px;}
.abtn18:after {position:Absolute; top:12px; right:16px; width:18px; height:18px; content:''; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat center; background-size:18px auto;}

.abtn19 {display:block; padding:0 24px; background:#EAEAEA; font-size:14px; line-height:44px; text-align:center; color:#B5B5B5; border:1px solid #E3E3E3; border-radius:8px;}
.abtn19.on {background:#E3F0FF; color:#0F73EA; border:1px solid #D8EAFF;}
.abtn20 {display:inline-block; padding:0 24px; font-size:13px; line-height:30px; color:#0F73EA; border:1px solid #E0E0E0; border-radius:8px; background:#EFEFEF;}

.abtn21 {position:relative; display:block; width:100%; background: rgba(255, 255, 255, 0.8); padding:0 0px; font-size:14px; line-height:34px; text-align:left; color:#000; border-bottom:1px solid #e6e6e6;}
.abtn21:after {position:Absolute; top:8px; right:0px; width:18px; height:18px; content:''; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat center; background-size:18px auto;}
.abtn21 .img {display:inline-block; width:24px; height:24px; background-image:url('/_image/front/icon/icon_profile_3.png'); background-repeat:no-repeat; background-position:center; background-size:cover; vertical-align:middle;}

.abtn22 {display:block; padding:0 24px; background:#0F73EA; font-size:14px; line-height:44px; text-align:center; color:#fff; border:1px solid #0F73EA; border-radius:8px;}
.abtn23 {display:block; padding:0 24px; background:#0F73EA; font-size:15px; line-height:61px; text-align:center; color:#fff; border:1px solid #0F73EA; }
.abtn24 {display:block; width:100%; max-width:247px; margin:0 auto; background:#EAEAEA; font-size:13px; line-height:32px; text-align:center; color:#B5B5B5; border:1px solid #EAEAEA; border-radius:4px;}
.abtn25 {display:block; width:100%;  background:#fff; font-size:13px; line-height:42px; text-align:center; color:#0F73EA; border:1px solid #0F73EA; border-radius:4px;}

.abtn26 {display:block; padding:0 0px; background:#fff; font-size:14px; line-height:40px; text-align:center; color:#0F73EA; border:1px solid #0F73EA; border-radius:8px;}
.abtn27 {display:block; padding:0 0px; background:#0F73EA; font-size:14px; line-height:40px; text-align:center; color:#fff; border:1px solid #0F73EA; border-radius:8px;}
.abtn28 {display:block; padding:0 16px 0 0; background:#fff url('/_image/front/icon/icon_arrow_right3.png') no-repeat; background-size:18px auto; background-position:calc(50% + 110px) 11px; font-size:15px; line-height:42px; text-align:center; color:#707070;  border-radius:8px; border:1px solid #D0D0D0;}
.abtn29 {display:block; padding:0 0px; background:#0F73EA; font-size:14px; line-height:40px; text-align:center; color:#fff; border:1px solid #0F73EA; border-radius:20px;}
.abtn30 {position:relative; display:inline-block; padding:0 12px 0 40px; background:#223D67; box-shadow: 0px 4px 4px 0px #00000026; font-size:16px; line-height:44px; text-align:center; color:#fff; border:1px solid #223D67; border-radius:22px;}
.abtn30:after {position:Absolute; top:10px; left:12px; width:24px; height:24px; background:url('/_image/front/icon/icon_kakao_talk1.png') no-repeat center; background-size:24px auto; content:'';}
.abtn31 {display:block; width:100%; background:#fff; font-size:14px; border-radius:8px; line-height:42px; font-weight:400; text-align:center; color:#2c2c2c; border:1px solid #e6e6e6;}
.abtn32 {display:block; width:100%; background:#fff; font-size:14px; border-radius:8px; line-height:42px; font-weight:400; text-align:center; color:#0F73EA; border:0;}

.abtn33 {display:block; padding:0 24px; background:#EAEAEA; font-size:14px; line-height:44px; text-align:center; color:#B5B5B5; border:1px solid #E3E3E3; border-radius:8px;}
.abtn33.on { background:#0F73EA; color:#fff; border-color:#0F73EA;}

.abtn34 {position:relative; display:block; width:100%; background: rgba(255, 255, 255, 0.8); padding:8px 0px; font-size:14px; line-height:34px; text-align:left; color:#000; border-bottom:1px solid #e6e6e6;}
.abtn34 .page_title {font-size:14px; line-height:34px; text-align:left; color:#000;}
.abtn34:after {position:Absolute; top:16px; right:0px; width:18px; height:18px; content:''; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat center; background-size:18px auto;}
.abtn34 .img {display:inline-block; width:24px; height:24px; margin-right:14px; background-image:url('/_image/front/icon/icon_profile_3.png'); background-repeat:no-repeat; background-position:center; background-size:cover; vertical-align:middle;}
.abtn35 {display:inline-block; padding:0 20px 0 8px; line-height:20px; border:1px solid #68A8F5; background-color:#75B3FD; color:#fff; border-radius:8px; background-image:url('/_image/front/icon/icon_arrow_right4.png'); background-repeat:no-repeat; background-size:8px auto; background-position:calc(100% - 8px) center;}
.abtn36 {display:block; width:100%; background:#fff url('/_image/front/icon/icon_arrow_right.png') no-repeat; background-size:18px auto; background-position:calc(100% - 16px) center; font-size:14px; padding-left:10px; line-height:46px; text-align:left; color:#6F7071; border-bottom:1px solid #E6E6E6;}
.abtn37 {display:block; padding:0 16px 0 0; margin-top:8px; background:#F4F4F4 url('/_image/front/icon/icon_arrow_right3.png') no-repeat; background-size:18px auto; background-position:calc(50% + 100px) 11px; font-size:15px; line-height:42px; text-align:center; color:#707070;  border-radius:8px; border:1px solid #D0D0D0;}
.abtn38 {display:block; padding:0px; font-size:13px; line-height:40px; text-align:center;}
.abtn38:after {display:inline-block; width:18px; height:18px; margin-left:5px; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat center; background-size:18px auto; content:''; vertical-align:middle;}
.abtn38.on:after {transform:rotate(-180deg);}
.abtn39 {display:inline-block; min-width:124px; padding:0 12px; background:#fff; font-size:14px; line-height:40px; text-align:center; color:#0F73EA; border:1px solid #0F73EA; border-radius:8px;}

.abtn_more {display:inline-block; width:183px; line-height:36px; border-radius:18px; border:1px solid #d5ddea; color:#94A3BC; font-size:14px; text-align:Center;}
.abtn_more1 {display:inline-block; width:44px; height:44px; color:transparent; background:url('/_image/front/icon/icon_more.png') no-repeat center; background-size:44px auto;}
.abtn_search {display:block; padding:10px 36px; font-size:13px; line-height:16px; background:#FAFBFD url('/_image/front/icon/icon_search1.png') no-repeat 8px center; background-size:20px auto; color:#a5a5a5; border:1px solid #EFEFF4; border-radius:18px;}
.abtn_comment {display:block; width:100%; height:44px; padding-left:20px; line-height:44px; background:url('/_image/front/icon/icon_comment.png') no-repeat center; background-position:calc(50% - 30px) center; background-size:28px auto; text-align:center; font-size:12px; line-height:44px; color:#6F7071;}
.abtn_write {display:inline-block; width:48px; height:48px; color:transparent; background:#0F73EA url('/_image/front/icon/icon_community_write.png') no-repeat center; background-size:28px auto; border-radius:50%; box-shadow: 0px 4px 4px 0px #00000026;}
.abtn_write1 {display:inline-block; width:137px; height:44px; text-align:center; padding-left:32px; font-size:15px; line-height:44px; color:#fff; background:#0F73EA url('/_image/front/icon/icon_community_write.png') no-repeat; background-position:calc(50% - 30px) center; background-size:28px auto; border-radius:24px; box-shadow: 0px 4px 4px 0px #00000026;}

.user_review_btn {position:sticky; bottom:0; left:0; z-index:10; text-align:center;}
.btm_write {position:sticky; bottom:60px; left:0;  z-index:10; text-align:center;}
.btm_write.type0 {bottom:107px;}
.btm_write.type0.on {bottom:16px;}

.btm_write.type1 {bottom:107px;} 
.btm_write.type1.on {bottom:60px;} 

.btm_btn1 {padding:0 16px; margin-top:16px;}
.btm_btn1 ul {display:flex;gap:4px;}
.btm_btn1 ul li {width:50%;}


.btm_btn2 {position:fixed; bottom:16px; left:0; width:100%; z-index:10;}
.btm_btn2 ul {display:flex;gap:16px; justify-content: center;}
.btm_btn2 ul li {}

.btm_btn3 {position:fixed; bottom:66px; left:0; width:100%; z-index:10;}
.btm_btn3 ul {display:flex;gap:16px; justify-content: center;}
.btm_btn3 ul li {}


/* 탭 모음 */

/* 타투 상세 */
.tab_box0 { background:#fff;}
.tab_box0 ul {display:flex;}
.tab_box0 ul li {width:33.3%; text-align:center}
.tab_box0.grid2 ul li {width:50%;}
.tab_box0 ul li a {display:block; height:44px; font-size:15px; line-height:44px; border-bottom:4px transparent;}
.tab_box0 ul li.on a {border-bottom:4px solid #000;}

.tab_box0.type0 {box-shadow: 0px 1px 1px 0px #00000033;}
.tab_box0.type0 ul li a {font-size:14px; border-bottom:2px transparent;}
.tab_box0.type0 ul li.on a {border-bottom:2px solid #000;}

/* 사진 선택 팝업 */
.tab_box1 {padding:0 16px;}
.tab_box1 ul {display:flex; gap:8px;}
.tab_box1 ul li {width:50%;}
.tab_box1 ul li a {display:block; width:100%; line-height:44px; color:#7B7B7B; border-bottom:4px solid transparent; text-align:center; font-size:15px;}
.tab_box1 ul li.on a {font-weight:700; color:#0F73EA; border-color:#0F73EA;}

/*-----------------------------------------------------------------*/
/* 상단
/*-----------------------------------------------------------------*/

header .header_box {display:flex; justify-content:space-between;align-items:center; box-shadow: 0px 1px 1px 0px #00000033;}
header .header_box .top_alarm {padding-left:8px; width:44px;}
header .header_box .top_alarm a {position:relative; display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_alarm.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
header .header_box .top_alarm a .alarm_num {position:absolute; top:5px; left:23px; min-width:17px; padding:0 5px; line-height:16px; font-size:10px; font-weight:700; text-align:center; background:#EA0F0F; color:#fff; border-radius:8px; text-wrap:nowrap;}
header .header_box h1 a {text-align:center; font-size:17px; line-height:22px; font-weight:700; }
header .header_box .top_search {padding-right:8px; width:44px;}
header .header_box .top_search a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_search.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}

header .header_box .top_estimate {padding-right:8px; width:44px;}
header .header_box .top_estimate a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_plus.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}

header .header_box .top_estimate_guide {position:relative; padding-right:8px; width:44px; height:44px;}
header .header_box .top_estimate_guide a {position:Absolute; top:0; right:16px; display:inline-block; font-size:13px; line-height:44px; text-wrap:nowrap;}


header.type0 {position:sticky; top:0; background:#fff; z-index:10;}
header.type0 .header_box .top_search a {display:none;}
header.hide .header_box {display:none;}
header.type2 {position:sticky; top:0; background:#fff; z-index:10;}


.mainIndex header .header_box h1 a {font-family:'yg-jalnan'; font-weight:500;}

/*-----------------------------------------------------------------*/
/* 우측 메뉴
/*-----------------------------------------------------------------*/
nav.left_nav {position:fixed; top:0; right:0; transform:translateX(100%); background:#fff; width:100%; height:calc(var(--vh, 1vh) * 100); opacity:0; z-index:151;}
nav.left_nav.is_show {transform:translateX(0%); opacity:1;}

.left_nav {outline: none; text-decoration: none; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.left_nav.is_show {left:0;  opacity:1; }

/*-----------------------------------------------------------------*/
/* 하단
/*-----------------------------------------------------------------*/

footer {}
.ft_menu {position:fixed; bottom:0; left:0; width:100%; z-index:30; background:#fff; border-radius:8px 8px 0 0; backdrop-filter: blur(20px);box-shadow: 0px -0.5px 4px 0px #0000001A;}
.ft_menu ul {display:flex;justify-content:space-around;}
.ft_menu ul li {width:16.6%;}
.ft_menu ul li a {display:block; width:100%; height:49px; padding:16px 0; font-size:0;  background-position:center; background-repeat:no-repeat; background-size:28px auto; text-align:center; color:transparent;}
/* 고객모드 */
.ft_menu ul li.i_menu0 a {background-image:url('/_image/front/icon/icon_tab_home.png');}
.ft_menu ul li.i_menu1 a {background-image:url('/_image/front/icon/icon_tab_category.png');}
.ft_menu ul li.i_menu2 a {background-image:url('/_image/front/icon/icon_tab_estimate.png');}
.ft_menu ul li.i_menu3 a {background-image:url('/_image/front/icon/icon_tab_study.png');}
.ft_menu ul li.i_menu4 a {background-image:url('/_image/front/icon/icon_tab_community.png');}
.ft_menu ul li.i_menu5 a {background-image:url('/_image/front/icon/icon_tab_myinfo.png');}

.ft_menu ul li.i_menu0.on a {background-image:url('/_image/front/icon/icon_tab_home_on.png');}
.ft_menu ul li.i_menu1.on a {background-image:url('/_image/front/icon/icon_tab_category_on.png');}
.ft_menu ul li.i_menu2.on a {background-image:url('/_image/front/icon/icon_tab_estimate_on.png');}
.ft_menu ul li.i_menu3.on a {background-image:url('/_image/front/icon/icon_tab_study_on.png');}
.ft_menu ul li.i_menu4.on a {background-image:url('/_image/front/icon/icon_tab_community_on.png');}
.ft_menu ul li.i_menu5.on a {background-image:url('/_image/front/icon/icon_tab_myinfo_on.png');}

/* 타투 이스트 모드 */
.ft_menu ul li.i_menu6 a {background-image:url('/_image/front/icon/icon_tab_home.png');}
.ft_menu ul li.i_menu7 a {background-image:url('/_image/front/icon/icon_tab_estimate.png');}
.ft_menu ul li.i_menu8 a {background-image:url('/_image/front/icon/icon_tab_ad.png');}
.ft_menu ul li.i_menu9 a {background-image:url('/_image/front/icon/icon_tab_upload.png');}
.ft_menu ul li.i_menu10 a {background-image:url('/_image/front/icon/icon_tab_providerpage.png');}
.ft_menu ul li.i_menu11 a {background-image:url('/_image/front/icon/icon_tab_myinfo.png');}

.ft_menu ul li.i_menu6.on a {background-image:url('/_image/front/icon/icon_tab_home_blue.png');}
.ft_menu ul li.i_menu7.on a {background-image:url('/_image/front/icon/icon_tab_estimate_blue.png');}
.ft_menu ul li.i_menu8.on a {background-image:url('/_image/front/icon/icon_tab_ad_blue.png');}
.ft_menu ul li.i_menu9.on a {background-image:url('/_image/front/icon/icon_tab_upload_blue.png');}
.ft_menu ul li.i_menu10.on a {background-image:url('/_image/front/icon/icon_tab_providerpage_blue.png');}
.ft_menu ul li.i_menu11.on a {background-image:url('/_image/front/icon/icon_tab_myinfo_blue.png');}

/* 뷰티 모드 */
.ft_menu ul li.i_menu12 a {background-image:url('/_image/front/icon/icon_tab_home.png');}
.ft_menu ul li.i_menu13 a {background-image:url('/_image/front/icon/icon_tab_ad.png');}
.ft_menu ul li.i_menu14 a {background-image:url('/_image/front/icon/icon_tab_upload.png');}
.ft_menu ul li.i_menu15 a {background-image:url('/_image/front/icon/icon_tab_providerpage.png');}
.ft_menu ul li.i_menu16 a {background-image:url('/_image/front/icon/icon_tab_myinfo.png');}

.ft_menu ul li.i_menu12.on a {background-image:url('/_image/front/icon/icon_tab_home_bora.png');}
.ft_menu ul li.i_menu13.on a {background-image:url('/_image/front/icon/icon_tab_ad_bora.png');}
.ft_menu ul li.i_menu14.on a {background-image:url('/_image/front/icon/icon_tab_upload_bora.png');}
.ft_menu ul li.i_menu15.on a {background-image:url('/_image/front/icon/icon_tab_providerpage_bora.png');}
.ft_menu ul li.i_menu16.on a {background-image:url('/_image/front/icon/icon_tab_myinfo_bora.png');}



.btn_top {position:fixed; bottom:60px; right:16px; z-index:30;}
.btn_top a {display:inline-block; width:34px; height:34px; border-radius:50%; border:1px solid #e6e6e6; background:#fff url('/_image/front/icon/icon_up_arrow.png') no-repeat center; background-size:18px auto; box-shadow: 0px 4px 4px 0px #00000026; color:transparent;}

.btn_top1 {position:fixed; bottom:35px; right:16px; z-index:30;}
.btn_top1 a {display:inline-block; width:34px; height:34px; border-radius:50%; border:1px solid #e6e6e6; background:#fff url('/_image/front/icon/icon_up_arrow.png') no-repeat center; background-size:18px auto; box-shadow: 0px 4px 4px 0px #00000026; color:transparent;}

.search_index .btn_top{bottom:14px;} 

/*-----------------------------------------------------------------*/
/* 메인
/*-----------------------------------------------------------------*/
.main {padding:0;}
.main_content_box {position:relative;}
.main_content_box .write_box {position:fixed; bottom:120px; right:16px; z-index:15;}
.main_content_box .write_box.on {bottom:55px; right:50%; transform:translateX(50%);}
/* tab swiper */
.tab_swiper {position:sticky; top:0; background:#fff; z-index:10;  backdrop-filter: blur(20px);box-shadow: 0px 1px 3px 0px #0000001A;}
.tab_swiper > div {}
.tab_swiper > div > .swiper-slide {display:inline-block; width:18%; min-width:71px;}
.tab_swiper.type00 > div > .swiper-slide {display:inline-block; width:25%; min-width:71px;} /* destiny /provider#s/provider/posting */
.tab_swiper.type0 > div > .swiper-slide {display:inline-block; width:25%; min-width:71px;}
.tab_swiper.type1 > div > .swiper-slide {display:inline-block; width:24%; min-width:71px;}
.tab_swiper.type2 > div > .swiper-slide {display:inline-block; width:32%; min-width:71px;}
.tab_swiper.type3 > div > .swiper-slide {display:inline-block; width:auto; min-width:71px;}
.tab_swiper.type3 > div {justify-content:center;}
.tab_swiper.type5 > div > .swiper-slide {display:inline-block; width:auto; min-width:71px;}
.tab_swiper > div > .swiper-slide:first-child {padding-left:16px;}
/* .tab_swiper > div > .swiper-slide:last-child {padding-right:16px;} */
.tab_swiper > div > div:nth-last-child(-n+2)  {padding-right:16px;}
.tab_swiper > div > .swiper-slide a {display:block; padding:14px 8px; font-size:14px; line-height:16px; text-align:Center;}
/* .tab_swiper > div .swiper-slide.on a {border-bottom:2px solid #000;} */
.tab_swiper .btm_bar {position:absolute;bottom:0; left:0; width:1px; height:2px; background:#000; z-index:11;}

.tab_swiper.type4 > div > .swiper-slide {display:inline-block; width:50%; min-width:71px; max-width:187px;}
.tab_swiper.type4 > div {justify-content:center;}
.tab_swiper.type4 > div > .swiper-slide a {font-size:15px; line-height:18px;}
.tab_swiper.type4 > div > .swiper-slide.on a {color:#0F73EA;}
.tab_swiper.type4 .btm_bar {background:#0F73EA; height:4px;}

/* tab swiper */
.search_tab_swiper {position:sticky; top:0; background:#fff; z-index:10;  backdrop-filter: blur(20px);box-shadow: 0px 1px 3px 0px #0000001A;}
.search_tab_swiper > div {}
.search_tab_swiper > div > .swiper-slide {display:inline-block; width:18%; min-width:71px;}
.search_tab_swiper.type0 > div > .swiper-slide {display:inline-block; width:25%; min-width:71px;}
.search_tab_swiper > div > .swiper-slide:first-child {padding-left:16px;}
/* .search_tab_swiper > div > .swiper-slide:last-child {padding-right:16px;} */
.search_tab_swiper > div > div:nth-last-child(-n+2)  {padding-right:16px;}
.search_tab_swiper > div > .swiper-slide a {display:block; padding:14px 8px; font-size:14px; line-height:16px; text-align:Center;}
.search_tab_swiper.type3 > div > .swiper-slide {display:inline-block; width:auto; min-width:71px;}
.search_tab_swiper.type3 > div {justify-content:center;}
/* .search_tab_swiper > div .swiper-slide.on a {border-bottom:2px solid #000;} */
.search_tab_swiper .btm_bar {position:absolute;bottom:0; left:0; width:1px; height:2px; background:#000; z-index:11;}
.search_tab_swiper.type4 > div > .swiper-slide {width:auto; min-width:auto;}


/* tab swiper */
.filter_tab_swiper {position:sticky; top:0; background:#fff; z-index:10; border-bottom:1px solid #e6e6e6;}
.filter_tab_swiper > div {padding-right:16px;}
.filter_tab_swiper > div > .swiper-slide {position:relative; display:inline-block; width:auto;}
.filter_tab_swiper > div > .swiper-slide.chk:after {position:absolute; top:7px; right:6px; width:4px; height:4px; background:#0F73EA; border-radius:2px; content:'';}
.filter_tab_swiper > div > .swiper-slide:first-child {padding-left:16px;}
.filter_tab_swiper > div > .swiper-slide:last-child {padding-right:16px;}
.filter_tab_swiper > div > div:nth-last-child(-n+2)  {padding-right:16px;}
.filter_tab_swiper > div > .swiper-slide a {display:inline-block; padding:13px 8px; font-size:15px; line-height:18px; color:#A5A5A5; font-weight:600;}
.filter_tab_swiper > div > .swiper-slide.on a {color:#000;}
.filter_tab_swiper .btm_bar {position:absolute;bottom:0; left:0; width:1px; height:4px; background:#000; z-index:11;}

/* tab swiper1 */
.tab_swiper1 {padding-top:8px; background:#fff;}
.tab_swiper1 > div {}
.tab_swiper1 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper1 > div > .swiper-slide:first-child {padding-left:16px;}
.tab_swiper1 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper1 > div > .swiper-slide a {display:inline-block; padding:8px 16px; font-size:14px; line-height:16px; background:#f8f8f8; color:#7B7B7B; border-radius:16px;}
.tab_swiper1 > div > .swiper-slide.on a {background:#2c2c2c; color:#fff;}

/* 타투 최상단 swiper */
.tab_swiper2 {padding-top:8px; background:#fff;}
.tab_swiper2 > div {}
.tab_swiper2 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper2 > div > .swiper-slide:first-child {padding-left:16px;}
.tab_swiper2 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper2 > div > .swiper-slide a {display:inline-block; padding:16px 8px; text-align:Center;}
.tab_swiper2 > div > .swiper-slide a .img {position:relative; width:56px; height:56px; border-radius:50%; margin:0 auto;}
.tab_swiper2 > div > .swiper-slide a .img img {width:100%; border-radius:50%;}
.tab_swiper2 > div > .swiper-slide a span {display:block; padding-top:12px; text-align:Center; font-size:14px; line-height:16px;}
.tab_swiper2 > div > .swiper-slide.on a {}
.tab_swiper2 > div > .swiper-slide.on a .img {}
.tab_swiper2 > div > .swiper-slide.on a .img:after {position:absolute; top:-4px; left:-3.5px; content:''; width:55px; height:55px; border:4px solid #0F73EA; box-sizing:content-box; border-radius:50%;}
.tab_swiper2 > div > .swiper-slide.on a span {color:#0F73EA; font-weight:600;}
.tab_swiper2.type0 > div > .swiper-slide a {padding:16px 8px;} 
.tab_swiper2.type1 > div > .swiper-slide {margin-right:8px;}
.tab_swiper2.type1 > div > .swiper-slide a {padding:16px 8px;} 

/* 수강 중앙정렬 */
#study_index .tab_swiper2 > div > .swiper-slide{width:calc(25% - 16px); text-align:Center;}
#study_index .tab_swiper2 > div > .swiper-slide a .img {margin:0 auto;}
#study_index .tab_swiper2.type0 > div > .swiper-slide a { margin:0 auto;}
#study_index .tab_swiper2.tab_swiper2 > div > .swiper-slide:first-child {padding-left:0;}
#study_index .tab_swiper2.tab_swiper2 > div > .swiper-slide:last-child {padding-right:0;}
#study_index .tab_swiper2 > div > .swiper-slide a span {text-wrap:nowrap;}

/* 타투 swiper3 */
.tab_swiper3 { background:#fff;}
.tab_swiper3 > div {}
.tab_swiper3 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper3 > div > .swiper-slide:first-child {padding-left:16px;}
.tab_swiper3 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper3 > div > .swiper-slide a {display:inline-block; padding:0 0; text-align:Center;}
.tab_swiper3 > div > .swiper-slide a .img {position:relative; width:108px; height:108px; border-radius:8px;}
.tab_swiper3 > div > .swiper-slide a .img img {width:100%; border-radius:8px;}
.tab_swiper3 > div > .swiper-slide a .img span {position:Absolute; top:calc(50% - 10px); left:0; display:block; width:100%; text-align:Center; font-size:14px; line-height:20px; font-family:'yg-jalnan'; color:#fff;}

/* tab swiper4 필터 */
.tab_swiper4 {position:sticky; top:0; padding:8px 0 8px 0; background:#fff; z-index:12;}
.tab_swiper4 > div {}
.tab_swiper4 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper4 > div > .swiper-slide:first-child {padding:2px 0 0 16px;}
.tab_swiper4 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper4 > div > .swiper-slide a {display:inline-block; padding:8px 28px 8px 8px; font-size:14px; line-height:14px; background:#fff url('/_image/front/icon/icon_filter_arrow_down.png') no-repeat; background-position:calc(100% - 8px) center; background-size:16px auto; color:#A5A5A5; border-radius:4px; border:1px solid #F4F5F6; font-weight:600;}
.tab_swiper4 > div > .swiper-slide.on a {background:#F5FBFF url('/_image/front/icon/icon_filter_arrow_down_on.png') no-repeat; background-position:calc(100% - 8px) center; background-size:16px auto; border:1px solid #D6ECFF; color:#55A8F0;}
.tab_swiper4 > div > .swiper-slide.i_filter div {width:28px; height:28px;}
.tab_swiper4 > div > .swiper-slide.i_filter div img {width:100%;}
/* tab swiper5 필터 */
.tab_swiper5 {position:sticky; top:44px; padding:8px 0 8px 0; background:#fff; z-index:11;}
.tab_swiper5.on {top:0;}
.tab_swiper5 > div {}
.tab_swiper5 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper5 > div > .swiper-slide:first-child {padding-left:16px;}
.tab_swiper5 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper5 > div > .swiper-slide > div {position:relative; padding:6px 36px 6px 12px; background:#F5FBFF; border:1px solid #D6ECFF; border-radius:14px; box-sizing:border-box;}
.tab_swiper5 > div > .swiper-slide > div span {display:inline-block; font-size:12px; line-height:14px; color:#55A8F0;  }
.tab_swiper5 > div > .swiper-slide > div a {position:Absolute; top:calc(50% - 10px); right:12px; font-size:0; display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x.png') no-repeat; background-position:center; background-size:20px auto; vertical-align:top;}
/* 알림 기획전 swiper */
.tab_swiper6 { background:#fff;}
.tab_swiper6 > div {}
.tab_swiper6 > div > .swiper-slide {display:inline-block; width:auto;}
.tab_swiper6 > div > .swiper-slide:first-child {}
.tab_swiper6 > div > .swiper-slide:last-child {padding-right:16px;}
.tab_swiper6 > div > .swiper-slide .img {width:60px;}
.tab_swiper6 > div > .swiper-slide .img img {width:100%; border-radius:8px;}

/* 뷰티 카테고리 */
.cate_box0 {}
.cate_box0 ul {display:flex; flex-wrap:wrap; border-top:1px solid #e6e6e6;}
.cate_box0 ul li {border-right:1px solid #E6E6E6; border-bottom:1px solid #e6e6e6;}
.cate_box0 ul li a {display:block; padding:16px; font-size:14px; color:#7B7B7B;}
.cate_box0 ul li a.on {color:#000;}
.cate_box0.num2 ul li {width:50%;}
.cate_box0.num3 ul li {width:33.3%;}

/* banner box */
.banner_box {padding-bottom:40px;}
.banner_box a {}
.banner_box a img {width:100%;}

/* main swiper */
.main_swiper {width:100%; height:auto; background:#fff;}
.main_swiper > .swiper-wrapper > .swiper-slide{overflow-y:scroll; min-height:calc(100dvh - 88px); height:calc(100dvh - 44px); overscroll-behavior-y: contain;}

.provider_layer .main_swiper > .swiper-wrapper > .swiper-slide {overflow-y:hidden; overscroll-behavior-y: auto; min-height:calc(100dvh - 138px); height:calc(100dvh - 138px); -webkit-overflow-scrolling: touch;}
.provider_layer_scroll {overscroll-behavior-y: none;}
.provider_index .main_swiper > .swiper-wrapper > .swiper-slide {overflow-y:hidden; overscroll-behavior-y: auto; min-height:calc(100dvh - 138px); height:calc(100dvh - 138px); -webkit-overflow-scrolling: touch;}
/*mypage */
.main_swiper.type0 > .swiper-wrapper > .swiper-slide {overflow-y:scroll; min-height:calc(100dvh - 88px); height:calc(100dvh - 88px); overscroll-behavior-y: contain;}

/* search swiper */
.search_main_swiper {width:100%; height:auto; background:#fff;}
.search_main_swiper > .swiper-wrapper > .swiper-slide{overflow-y:scroll; min-height:calc(100dvh - 88px); height:calc(100dvh - 88px); overscroll-behavior-y: contain;}



/* filter swiper */
.filter_swiper {width:100%; height:auto; background:#fff;}
.filter_swiper > .swiper-wrapper > .swiper-slide{overflow-y:scroll; min-height:calc(80dvh - 88px); height:calc(80dvh - 44px); padding-bottom:84px; overscroll-behavior-y: contain; }


/* main_slide_swiper */
.main_slide_swiper {}
.main_slide_swiper .swiper-slide {}
.main_slide_swiper .swiper-slide img {width:100%;}
.main_slide_swiper .swiper-pagination {display:inline-block; width:auto; left:auto; right:16px; padding:4px 8px 2px 8px; font-size:12px; line-height:12px; color:#fff;  border-radius:11px; background:#7b7b7b;}
.main_slide_swiper .swiper-pagination span {font-size:12px; line-height:14px; color:#fff;}

/* 메인 카테고리 */
.h_cate_box {padding:16px 0 0 0;}
.h_cate_box ul {display:flex; flex-wrap:wrap;}
.h_cate_box ul li {width:20%; padding-bottom:16px; text-align:center;}
.h_cate_box ul li a {display:inline-block; width:48px; padding-top:56px; text-align:center; font-size:12px; line-height:14px; background-size:48px auto; background-repeat:no-repeat; background-size:48px;}
.h_cate_box ul li a.cate_img0 {background-image:url('/_image/front/icon/Image_row1_column1.png'); }
.h_cate_box ul li a.cate_img1 {background-image:url('/_image/front/icon/Image_row1_column2.png'); }
.h_cate_box ul li a.cate_img2 {background-image:url('/_image/front/icon/Image_row1_column3.png'); }
.h_cate_box ul li a.cate_img3 {background-image:url('/_image/front/icon/Image_row1_column4.png'); }
.h_cate_box ul li a.cate_img4 {background-image:url('/_image/front/icon/Image_row1_column5.png'); }
.h_cate_box ul li a.cate_img5 {background-image:url('/_image/front/icon/Image_row2_column1.png'); }
.h_cate_box ul li a.cate_img6 {background-image:url('/_image/front/icon/Image_row2_column2.png'); }
.h_cate_box ul li a.cate_img7 {background-image:url('/_image/front/icon/Image_row2_column3.png'); }
.h_cate_box ul li a.cate_img8 {background-image:url('/_image/front/icon/Image_row2_column4.png'); }
.h_cate_box ul li a.cate_img9 {background-image:url('/_image/front/icon/Image_row2_column5.png'); }


.tit0 {font-size:18px; line-height:22px; font-weight:700;}
.tit1 {font-size:15px; line-height:17px; font-weight:600;}
.tit2 {position:relative;display:inline-block; font-size:14px; line-height:20px; font-weight:600;}
.tit2:after {position:Absolute; bottom:0; left:0; width:100%; height:12px; background:#D5EFFF; content:''; z-index:-1;}
.tit2.type0:after {background:#DBDBDB;}
.tit3 {font-size:17px; line-height:24px; font-weight:700;}
.tit4 {padding:40px 16px 24px 16px; font-size:18px; line-height:22px; font-weight:700;}
.sb_tit0 {padding-top:4px; font-size:12px; line-height:14px; font-weight:400;}


/* 홈 */
.home_section {}
.home_section .main_home_banner {padding:8px;}
.home_section .main_home_banner ul {display:flex; gap:8px;}
.home_section .main_home_banner ul li {}
.home_section .main_home_banner ul li a {display:block;}
.home_section .main_home_banner ul li img {width:100%;}
.home_section .section2 {padding:40px 0 44px 0;}
.home_section .section2 .tit0 {padding:0 16px;}
.home_section .section2 .btn_more {text-align:center; padding-top:28px;}
.home_section .section5 .btn_more {text-align:center; padding-top:28px;}
.home_section .section6 .btn_more {text-align:center; padding-top:28px;}
.home_section .section7 .prd_list .tab_swiper1 {padding-bottom:24px;}
.home_section .section7 .btn_more {text-align:center; padding:28px 0 40px 0;}
/* .home_section .section7 .prd_list {padding:28px 0 40px 0;} */
.home_section .section8 .btn_search {padding:0 16px 24px 16px;}

.sns_share {padding:24px 16px 0 16px; margin:0 auto;}
.sns_share ul {display:table; width:100%; padding:16px 0;}
.sns_share ul li {display:table-cell; width:33.3%;}
.sns_share ul li a {display:inline-block; padding:5px 0 5px 32px; font-size:12px; line-height:14px; background-repeat:no-repeat; background-position:left center; background-size:auto 24px;}
.sns_share ul li.i_youtube a {background-image:url('/_image/front/icon/icon_menu_youtube.png');}
.sns_share ul li.i_facebook a {background-image:url('/_image/front/icon/icon_menu_facebook.png');}
.sns_share ul li.i_instagram a {background-image:url('/_image/front/icon/icon_menu_instagram.png');}
.customer {padding:0 16px 80px 16px; background:#F8F8F8;}
.customer dl {padding:46px 0 24px 0; text-align:center;}
.customer dl dt {font-size:17px; line-height:22px; font-weight:600;}
.customer dl dd {padding-top:8px; font-size:12px; line-height:20px; color:#6F6F6F;}
.kakao_talk {padding-bottom:24px; max-width:343px; margin:0 auto;}
.kakao_talk a {display:block; padding:18px 0 18px 32px; background:#FEE500 url('/_image/front/icon/icon_kakao_talk.png') no-repeat; background-size:auto 24px; background-position:calc(50% - 44px) center; color:#191919; font-size:14px; line-height:16px; text-align:center; border-radius:8px; font-weight:600;}

.customer .ft_link {max-width:343px; margin:0 auto;}
.customer .ft_link ul {display:flex; justify-content:space-around; align-items:center;}
.customer .ft_link ul li {position:relative;width:33.3%;}
.customer .ft_link ul li:after {position:Absolute; top:calc(50% - 12px); left:0; width:1px; height:24px; background:#d9d9d9; content:'';}
.customer .ft_link ul li:first-child:after {display:none;}
.customer .ft_link ul li a {display:block; padding:9px 0; font-size:12px; line-height:14px; color:#a5a5a5; text-align:center;}
.customer .ft_info {padding-top:24px;}
.customer .ft_info p {font-size:12px; line-height:18px; color:#a5a5a5;}

.cate_swiper {padding:16px 0;}
.cate_swiper > div {}
.cate_swiper > div > .swiper-slide {display:inline-block; width:104px; padding-top:16px;}
.cate_swiper > div > .swiper-slide:first-child {margin-left:16px;}
.cate_swiper > div > .swiper-slide:last-child {margin-right:16px;}
.cate_swiper > div > .swiper-slide button {width:100%;}
.cate_swiper > div > .swiper-slide .img {position:relative; width:56px; margin:0 auto;}
.cate_swiper > div > .swiper-slide .img img {width:100%; border-radius:50%;}
.cate_swiper > div > .swiper-slide span {display:block; padding-top:12px; text-align:center; font-size:14px; line-height:16px;}
.cate_swiper > div > .swiper-slide.on span {color:#0F73EA;}
.cate_swiper > div > .swiper-slide.on .img:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:4px solid #0F73EA; border-radius:50%;}

.prd_list {position:relative; padding-bottom:40px;}
.prd_list .tit {padding:0 80px 0 16px; font-size:18px; line-height:22px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.prd_list .sub_tit {padding:8px 16px 0 16px; font-size:14px; line-height:20px; font-weight:500; color:#7B7B7B;}
.prd_list .timer {padding:8px 0 0 22px; margin-left:16px; background:url('/_image/front/icon/icon_watch.png') no-repeat left 8px; background-size:20px;}
.prd_list .timer span {font-size:18px; line-height:22px; font-weight:800;}
.prd_list .more_btn {position:absolute; top:4px; right:16px;}
.prd_list .more_btn a {font-size:14px; line-height:16px; color:#0F73EA; padding-right:12px; background:url('/_image/front/icon/icon_arrow.png') no-repeat right -2px; background-size:8px auto;}

.prd_list .prd_tit0 {display:flex; margin-top:24px; padding:0 16px 0 16px;}
.prd_list .prd_tit0 div {font-size:17px; line-height:24px; font-weight:700;}
.prd_list .prd_tit0 div.p_name {max-width:calc(100% - 188px); overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.prd_list .prd_tit0 div.p_txt {width:155px;}
.prd_list .prd_tit0 div.p_txt1 {}

.prd_list .more_btn1 {position:absolute; top:4px; right:16px;}
.prd_list .more_btn1 a {font-size:12px; line-height:14px; color:#7B7B7B; text-decoration:underline;}

.prd_list .prd_swiper {padding-top:16px;}
.prd_list .prd_swiper .swiper-slide {width:109px;}
.prd_list .prd_swiper .swiper-slide:first-child {margin-left:16px;}
.prd_list .prd_swiper .swiper-slide:last-child {width:80px; margin-right:16px;}


.prd_list.type0 {padding-bottom:24px;} 
.prd_list.type0 .prd_swiper .swiper-slide:last-child {width:109px; margin-right:16px;}

.prd_list.type1 .prd_swiper .swiper-slide {width:160px;}
.prd_list.type1 .prd_swiper .swiper-slide:last-child {width:80px; margin-right:16px;}
.prd_list.type1 .list_style0 dl dt {font-size:14px; -webkit-line-clamp:2; line-height:20px;}


.total_view_btn {position:relative;}
.total_view_btn a {position:absolute; top:33px; left:calc(50% - 20px); display:inline-block; padding:50px 0 0 0; font-size:14px; line-height:16px; background:url('/_image/front/icon/icon_total_view.png') no-repeat top center; background-size:34px auto;}

/* 타투 */
.tattoo_section {position:relative; padding-bottom:80px;}
.total_box {position:relative; padding:24px 16px 0 16px;}
.total_box.type0 {padding:24px 16px 16px 16px;}
.total_box p {font-size:12px; line-height:14px; color:#2C2C2C;}
.total_box.type1 {position:sticky; top:0; padding:16px 16px 16px 16px; background:#fff; z-index:10;}


/* 타투 상세 */
.posting_detail {padding-bottom:48px;}
.beauty_detail {padding-bottom:48px;}
.sticky_box {position:sticky; top:0; z-index:11; }
.p_top_box {display:table; width:100%; padding:0 8px; background:#fff; border-bottom:1px solid #d9d9d9;}
.p_top_box > .left_box {display:table-cell; width:44px; vertical-align:middle;}
.p_top_box > .left_box .close_btn {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_back.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.p_top_box > .left_box .top_alarm a {position:relative; display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_alarm.png') no-repeat center; background-size:44px auto;font-size:0; vertical-align:top;}
.p_top_box > .left_box .top_alarm a .alarm_num {position:absolute; top:5px; right:5px; min-width:17px; line-height:16px; font-size:10px; font-weight:700; text-align:center; background:#EA0F0F; color:#fff; border-radius:50%;}
.p_top_box > .center_box{display:table-cell; vertical-align:middle;}
.p_top_box > .center_box .subject {font-size:17px; line-height:22px; font-weight:600; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_top_box > .right_box{display:table-cell; vertical-align:middle; text-align:right;}
.p_top_box > .right_box .detail_icon {display:inline-block; text-wrap:nowrap; font-size:0;}
.p_top_box > .right_box .detail_icon li {display:inline-block; width:44px; text-align:center;}
.p_top_box > .right_box .detail_icon li a {display:inline-block; width:44px; height:44px; color:transparent; background-repeat:no-repeat; background-size:44px auto; background-position:center; }
.p_top_box > .right_box .detail_icon li.i_report a {background-image:url('/_image/front/icon/icon_report.png');}
.p_top_box > .right_box .detail_icon li.i_share a {background-image:url('/_image/front/icon/icon_share.png');}
.p_top_box > .right_box .detail_icon li.i_setting a {background-image:url('/_image/front/icon/icon_setting.png');}
.p_top_box > .right_box .detail_icon li.i_instagram a {background-image:url('/_image/front/icon/icon_instagram_bk.png');}
.p_top_box > .right_box .detail_icon li.i_expurgate a {background-image:url('/_image/front/icon/icon_more1.png');}
.p_top_box > .right_box .detail_icon li.i_close a {background-image:url('/_image/front/icon/icon_close.png');}
.p_top_box > .right_box .detail_icon li.i_search a {background-image:url('/_image/front/icon/icon_search.png');}
.p_top_box > .right_box .detail_icon .wish {}

.p_top_box.page {background:none; border:0;}
.p_top_box.page > .center_box .subject {opacity:0;}
.p_top_box.page > .left_box .close_btn {background:url('/_image/front/icon/icon_back_wh.png') no-repeat center; background-size:44px auto;}
.p_top_box.page > .right_box .detail_icon li.i_share a {background-image:url('/_image/front/icon/icon_share_wh.png');}
.p_top_box.page > .right_box .detail_icon li.i_instagram a {background-image:url('/_image/front/icon/icon_instagram_wh.png');}

.p_top_box.page.on {background:#fff;}
.p_top_box.page.on > .center_box .subject {opacity:1;}
.p_top_box.page.on > .left_box .close_btn {background:url('/_image/front/icon/icon_back.png') no-repeat center; background-size:44px auto;}
.p_top_box.page.on > .right_box .detail_icon li.i_share a {background-image:url('/_image/front/icon/icon_share.png');}
.p_top_box.page.on > .right_box .detail_icon li.i_instagram a {background-image:url('/_image/front/icon/icon_instagram_bk.png');}


.p_top_box.type0 {background:none; border:0;}
.p_top_box.type0 > .center_box .subject {opacity:0;}
.p_top_box.type0 > .left_box .close_btn {background:url('/_image/front/icon/icon_back_wh.png') no-repeat center; background-size:44px auto;}
.p_top_box.type0 > .right_box .detail_icon li.i_expurgate a {background-image:url('/_image/front/icon/icon_more2.png');}


.p_top_box.page2 {position:relative;}
.p_top_box.page2 > .center_box {text-align:center;}
.p_top_box.page2 > .center_box .subject {display:inline-block; text-align:center; padding-right:20px; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:18px;}
.p_top_box.page2 > .center_box .subject.on {background:url('/_image/front/icon/icon_arrow_top.png') no-repeat right center; background-size:18px;}
.p_top_box.page2 > .center_box .subject a {width:100%; font-size:17px; line-height:22px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_top_box.page2 > .right_box {width:44px;}

.select_page_ul1 {display:none; position:Absolute; top:44px; left:0; width:100%; background:#fff;  border-top:1px solid #E6E6E6;}
.select_page_ul1 ul {max-height:50dvh; overflow-y:auto;}
.select_page_radio1 {}
.select_page_radio1 label {position:relative; display:block;}
.select_page_radio1 label .img {position:Absolute; top:50%; left:10px; width:54px; height:54px; margin-top:-27px; background-position:center; background-size:cover; border-radius:50%;}
.select_page_radio1 label input[type='radio'] {width:100%; display:block; height:70px; font-size:0; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;}
.select_page_radio1 label input[type='radio']:before {width:100%; margin-left:-5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  padding:0 52px 0 78px; font-size:17px; line-height:70px; content:attr(data-text); font-weight:700; font-family:'NanumSquareRound', sans-serif;}
.select_page_radio1 label input[type='radio']:checked:before {}
.select_page_radio1 label input[type='radio']:checked:after {position:absolute; top:20px; right:8px; width:28px; height:28px; background:url('/_image/front/icon/icon_check_circle.png') no-repeat center; background-size:28px auto; content:'';}




.detail_swiper {}
.detail_swiper .swiper-slide {}
.detail_swiper .swiper-slide img {width:100%; object-fit:cover;}
.detail_swiper .swiper-pagination {display:inline-block; width:auto; left:auto; right:16px; padding:4px 8px 2px 8px; font-size:12px; line-height:12px; color:#fff;  border-radius:11px; background:#2c2c2c;}
.detail_swiper .swiper-pagination span {font-size:12px; line-height:14px; color:#fff;}

.time_sale {}
.time_sale p {padding:10px 0; font-size:14px; line-height:14px; color:#fff; background:#647A95; text-align:center;}
.time_sale p span {font-size:14px; line-height:14px; color:#fff; font-weight:600;}

.detail_info {padding:24px 16px;}
.detail_info.type0 {padding:24px 16px 44px 16px;}
.detail_info > dl {}
.detail_info > dl > dt {font-size:17px; line-height:24px; font-weight:600;}
.detail_info > dl > dd {padding:8px 0; font-size:15px; line-height:18px; color:#a5a5a5;}

.price_box1 {display:flex; align-items:end;}
.price_box1 .per {padding-right:4px; font-size:24px; line-height:26px; font-weight:900; color:#068CEE;}
.price_box1 .price {padding-right:4px; font-size:24px; line-height:26px; font-weight:900;}
.price_box1 .n_price {padding-right:4px; font-size:12px; line-height:14px; font-weight:900; text-decoration:line-through; color:#A5A5A5;}

.tab_list0 {padding:8px 0 24px 0;}
.tab_list0 ul {font-size:0;}
.tab_list0 ul li {display:inline-block; padding:2px 4px 2px 0;}
.tab_list0 ul li span {display:inline-block; padding:6px 8px; background:#F8F8F8; color:#a5a5a5; font-size:10px; line-height:12px; border-radius:8px;}

.d_box {padding:0 0 0 0;}
.d_box .info_btn {padding:0 16px 24px 16px;}
.d_box .info_btn a {position:relative; display:block; padding:0 0; background:#C1C1C1 url('/_image/front/icon/icon_btm_arrow1.png') no-repeat; background-position:calc(100% - 8px) center; background-size:24px auto; font-size:14px; line-height:48px; text-align:Center; color:#fff; border-radius:4px;}
.d_box .info_btn a:after {position:absolute; top:calc(50% - 12px); left:calc(50% - 78px); content:''; width:24px; height:24px; background:url('/_image/front/icon/icon_plus_small.png') no-repeat; background-size:24px auto;}

.d_box .d_view_box {margin:0px 0 24px 0;}
.d_box .d_view_box {}
.d_box .d_view_box ul {display:flex; flex-wrap:wrap; padding-top:16px;}
.d_box .d_view_box ul li {width:50%; padding:12px 0; border-bottom:1px solid #E6E6E6;}
.d_box .d_view_box dl {display:flex;}
.d_box .d_view_box dl dt {width:56px; font-size:14px; line-height:16px; font-weight:600; color:#2C2C2C;}
.d_box .d_view_box dl dd {padding-left:8px; font-size:14px; line-height:16px; color:#2C2C2C;}
.d_box .d_view_box .cont_info {padding:16px 0 8px 0; font-size:10px; line-height:15px; color:#A5A5A5;}
.d_box .tattoo_txt {padding:24px 0 24px 0;}
.d_box .tattoo_txt .txt {padding-top:16px; font-size:15px; line-height:20px; color:#2C2C2C;}

.tattooist_box {}
.tattooist_box .tit3 {padding-top:16px;}
.tattooist_info {display:flex; align-items:center; padding:12px 0; border-bottom:1px solid #E6E6E6;}
.tattooist_info.no_border {border-bottom:0;}
.tattooist_info .left_box {width:64px;}
.tattooist_info .left_box .img {position:relative; display:inline-block; width:64px; height:64px;}
.tattooist_info .left_box .img a {position:relative; display:inline-block; width:64px; height:64px;  background-position:center; background-size:cover; background-image:url('/_image/front/icon/icon_profile_2.png'); border-radius:50%;}
.tattooist_info .left_box .img span.profile_img {position:relative; display:inline-block; width:64px; height:64px;  background-position:center; background-size:cover; background-image:url('/_image/front/icon/icon_profile_2.png'); border-radius:50%;}
.tattooist_info .left_box .img .i_follow {position:absolute; top:-5px; right:-8px;}
.follow_chk label {display:inline-block; vertical-align:top;}
.follow_chk input {width:36px; height:36px; margin:0; display:inline-block; background:url('/_image/front/icon/icon_follow.png') no-repeat center; background-size:36px auto; font-size:0; vertical-align:top;}
.follow_chk input:checked {background:url('/_image/front/icon/icon_follow_on.png') no-repeat center; background-size:36px auto;}
.follow_chk input:checked + label {}
.tattooist_info .center_box {width:calc(100% - 112px); height:100%;}
.tattooist_info .center_box dl {padding-left:12px;}
.tattooist_info .center_box dl dt {margin-bottom:6px; font-size:15px; line-height:18px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:700;}
.tattooist_info .center_box dl dd {padding-bottom:2px; font-size:12px; line-height:14px; color:#7B7B7B;}
.tattooist_info .center_box dl dd span {font-size:12px; line-height:14px; color:#7B7B7B;}
.tattooist_info .center_box dl dd .grade {position:relative; padding-left:16px; font-size:12px; line-height:14px; color:#000; font-weight:700;}
.tattooist_info .center_box dl dd .grade:after {position:Absolute; top:-3px; left:0; width:16px; height:16px; background:url('/_image/front/icon/icon_star.png') no-repeat center; background-size:16px auto; content:'';}
.tattooist_info .center_box dl dd.bk {color:#000;}
.tattooist_info .center_box dl dd.bk span {color:#000;}
.tattooist_info .right_box {width:48px; height:100%; text-align:right;}
.tattooist_info .right_box a {display:inline-block; width:32px; height:32px; background:url('/_image/front/icon/icon_instagram.png') no-repeat center; background-size:32px; color:transparent;}
.ft_btn {position:fixed; bottom:0; left:0; width:100%; z-index:11;}
.ft_btn2 {width:100%; z-index:11;}

/* 검색 타투이스트 추천 */
.tattooist_info.type0 {width:100%; border-bottom:0;} 
.tattooist_info.type0 .left_box {width:46px;}
.tattooist_info.type0 .left_box .img {width:46px; height:46px;}
.tattooist_info.type0 .left_box .img a {width:46px; height:46px;}
.tattooist_info.type0 .center_box {width:calc(100% - 132px); height:100%;}
.tattooist_info.type0 .right_box {width:86px;}
.tattooist_info.type0 .center_box dl dd {color:#93A2B1;}
.tattooist_info.type0 .center_box dl dd .grade {color:#93A2B1;}



/* 수강 상세 */
.sticky_box2 {position:sticky; top:45px; z-index:11;}

/* 상세 소개 아이콘 */
.detail_icon_box {}
.detail_icon_box ul {display:flex; justify-content: space-around;}
.detail_icon_box ul li {padding:24px 0;}
.detail_icon_box ul li .img {width:56px;}
.detail_icon_box ul li .img img {width:100%;}
.detail_icon_box ul li p {padding-top:8px; text-align:center; font-size:12px; line-height:14px;}
/* 특장점 */
.introduce {margin-bottom:24px;}
.introduce .img {}
.introduce .img img {width:100%;}
.introduce .box {padding:16px;}
.introduce .box .intro_step {display:inline-block; margin:0 0 12px 0; padding:0 12px; font-size:10px; line-height:20px; color:#fff; background:#000; border-radius:16px;}
.introduce .box dl {}
.introduce .box dl dt {padding-bottom:8px; font-size:17px; line-height:24px; font-weight:600;}
.introduce .box dl dd {font-size:14px; line-height:20px;}

.study_detail .tit3 {padding-top:24px;}
/* 챕터 */
.chapter {}
.chapter ul {padding-top:8px;}
.chapter ul li {}
.chapter ul li .box {}
.chapter ul li .box dl {padding-left:25px;}
.chapter ul li .box dl dt {position:relative; padding-top:8px; font-size:14px; line-height:16px; font-weight:900;}
.chapter ul li .box dl dt:after {position:absolute; top:5px; left:-25px; width:20px; height:20px; content:''; background:url('/_image/front/icon/icon_watch_line.png') no-repeat left center; background-size:20px auto;}
.chapter ul li .box dl dd {position:relative;margin:8px 0; padding:8px 0; font-size:14px; line-height:20px;}
.chapter ul li .box dl dd:after {position:Absolute; top:0; left:-16px; width:1px; height:100%;; background:#a5a5a5; content:'';}

/* 타투 이미지 */
.tattoo_img {padding:3px;}
.tattoo_img ul {display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px;}
.tattoo_img ul li {}
.tattoo_img ul li img {width:100%; border-radius:8px;}
.radio_img label {position:relative;}
.radio_img label input[type='radio'] {position:Absolute; top:0; right:0; width:28px; height:28px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radio_img label input[type='radio']:checked {background:url('/_image/front/icon/icon_check_circle.png') no-repeat center; background-size:28px auto;}

.tattoo_img.type0 ul li {}
.tattoo_img.type0 ul li a .img {position:relative; width:100%; height:100%; border-radius:8px;}
.tattoo_img.type0 ul li a .img img {width:100%; border-radius:8px;}
.tattoo_img.type0 ul li a .img span {position:Absolute; top:calc(50% - 10px); left:0; display:block; width:100%; text-align:Center; font-size:14px; line-height:20px; font-family:'yg-jalnan'; color:#fff;}

.tattoo_img.type1 ul li {}
.tattoo_img.type1 ul li .img {position:relative; width:100%; height:100%; border-radius:8px;}
.tattoo_img.type1 ul li .img img {width:100%; border-radius:8px;}
.tattoo_img.type1 ul li .img span {position:Absolute; bottom:11px; left:50%; transform:translateX(-50%); display:inline-block; padding:0 8px; font-size:14px; font-weight:700; line-height:22px; background:#fff; border-radius:11px;}


.review_top_box {padding:16px 16px 0 16px;}
.review_top_box .review_btn {padding-bottom:16px;}
.review_top_box .review_box {display:table; width:100%; padding:16px 0; background:#f8f8f8; border-radius:4px;}
.review_top_box .review_box .left_box {position:relative; display:table-cell; width:42%; text-align:center;}
.review_top_box .review_box .left_box:after {position:absolute; top:0; right:0; width:1px; height:100%; background:#e6e6e6; content:'';}
.review_top_box .review_box .left_box .grade_total {font-size:30px; font-weight:700; line-height:30px;}
.review_top_box .review_box .right_box {display:table-cell; width:68%;}

.review_top_box.type0 {padding:16px;}
.review_top_box.type0 .review_box {background:none;}

.star_grade {}
.star_grade ul {font-size:0; vertical-align:top;}
.star_grade ul li {display:inline-block;}
.star_grade ul li span {display:inline-block; width:16px; height:16px; background:url('/_image/front/icon/icon_star1.png') no-repeat center; background-size:16px auto; font-size:0; vertical-align:top;}

.star_grade .star_wh {position:relative; width:80px; height:16px; margin:0 auto; background:url('/_image/front/icon/icon_star1.png') repeat-x left center; background-size:16px auto;}
.star_grade .star_wh .star_on {position:absolute; top:0; left:0; height:16px; background:url('/_image/front/icon/icon_star1_on.png') repeat-x left center; background-size:16px auto;}

.star_grade p.txt {padding-top:2px; text-align:Center; font-size:10px; line-height:12px; color:#7B7B7B;}

.star_box {display:table; width:100%; max-width:140px; margin:2px auto;}
.star_box > div {display:table-cell; vertical-align:middle;}
.star_box > div.star_txt {padding-top:2px; font-size:13px; color:#444A48; font-weight:700;}
.star_box > div.star_num {padding-top:2px; font-size:13px;}

.star_box.type0 > div.star_txt {color:#666;}
.star_box.type0 > div.star_num {color:#666;}

.review_list {}
.review_list ul {}
.review_list > ul > li {padding:16px;border-bottom:1px solid #e6e6e6;}
.review_list > ul > li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.review_list > ul > li .box {}
.review_list > ul > li .box .top_box {display:table; width:100%;}
.review_list > ul > li .box .top_box .left_box {display:table-cell; width:46px; vertical-align:middle;}
.review_list > ul > li .box .top_box .left_box .img_box {width:46px; height:46px; border-radius:50%; background-image:url('/_image/front/icon/icon_profile_2.png'); background-position:center; background-repeat:no-repeat; background-size:cover;}
.review_list > ul > li .box .top_box .right_box {position:relative; display:table-cell; padding-left:10px; vertical-align:middle;}
.review_list > ul > li .box .top_box .right_box dl {}
.review_list > ul > li .box .top_box .right_box dl dt {font-size:14px; line-height:16px; font-weight:700;}
.review_list > ul > li .box .top_box .right_box dl dt span {margin-left:5px; font-size:12px; color:#93A2B1;}
.review_list > ul > li .box .top_box .right_box dl dd {padding-top:2px;}
.review_list > ul > li .box .top_box .right_box dl dd .star_grade {display:inline-block;}
.review_list > ul > li .box .top_box .right_box dl dd > span {display:inline-block; padding-top:3px; font-size:12px; line-height:12px; color:#93A2B1; vertical-align:top;}
.review_list > ul > li .box .top_box .right_box .btn_more {position:absolute; top:0; right:0;}
.review_list > ul > li .box .mid_box {}
.review_list > ul > li .box .mid_box .text_content_box {width:100%;}

.review_list > ul > li .box .mid_box .text_content_box > p {width: 100%; margin:16px 0; font-size:14px; line-height:20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 3;}
.review_list > ul > li .box .mid_box .text_content_box > .text_he_chk {display:none; font-size:14px; line-height:20px;}
.review_list > ul > li .box .mid_box .text_content_box .btn_more {display:none; position:relative; margin:-16px 0 16px 0; font-size:14px; line-height:20px; color:#7B7B7B}
.review_list > ul > li .box .mid_box.on .text_content_box .btn_more {display:list-item;}
.review_list > ul > li .box .mid_box span.re_info {display:block; font-size:12px; color:#93A2B1;}
.review_list > ul > li .box .mid_box span.re_info span {font-size:12px; color:#93A2B1;}
.review_list > ul > li .box .mid_box.on span.re_info {padding-top:16px;}
.review_list > ul > li.no_data {padding:60px 0 90px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.review_list .swiper-slide .img_box {position:relative; overflow:hidden; padding-bottom:52.5%; border-radius:8px;}
.review_list .swiper-slide .img_box img {position:Absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.swiper_js > .swiper {margin-top:10px;}
.review_slider { border-radius:8px; overflow:hidden;}
.review_slider .swiper-pagination-fraction {display:inline-block; width:auto; left:auto; right:10px; background:#2C2C2C; padding:4px 4px 2px 4px; font-size:12px; line-height:12px; border-radius:9px; color:#fff;}
.review_slider .swiper-pagination-fraction span {display:inline-block; color:#fff; font-size:12px; line-height:12px;}

.review_slider_1 { border-radius:8px; overflow:hidden;}
.review_slider_1 .swiper-pagination-fraction {display:inline-block; width:auto; left:auto; right:10px; background:#2C2C2C; padding:4px 4px 2px 4px; font-size:12px; line-height:12px; border-radius:9px; color:#fff;}
.review_slider_1 .swiper-pagination-fraction span {display:inline-block; color:#fff; font-size:12px; line-height:12px;}

.detail_reg_box  {padding-top:24px;}
.reg_slider {padding:16px 16px 48px 16px;}
.reg_slider .swiper-slide {width:161px;}

.review_list.type0 > ul > li:first-child {border-top:0;}
.review_list.type0 > ul > li {border-bottom:6px solid #f1f1f1; border-top:1px solid #E6E6E6;}
.review_list.type0 > ul > li .box .mid_box .text_content_box > p {display:block;}
.review_list .grade_type0 {color:#93A2B1; font-size:12px; line-height:14px; font-weight:400;}
.review_list .grade_type0 span {padding-left:20px; margin-right:8px; color:#000; font-size:12px; line-height:14px; font-weight:400; background:url('/_image/front/icon/icon_star1_on.png') no-repeat left -2px; background-size:16px auto;}


.r_sort {padding:0 16px;}
.r_sort .r_sort_box {display:flex; justify-content:space-between; padding:30px 0 14px 0; border-bottom:1px solid #e6e6e6;}
.r_sort .r_sort_box .left_box {}
.r_sort .r_sort_box .left_box p {position:relative;font-size:12px; line-height:14px; color:#a5a5a5;}
.r_sort .r_sort_box .left_box p span {font-size:12px; line-height:14px; color:#a5a5a5;}
.r_sort .r_sort_box .left_box p a.i_help {position:Absolute; top:-3px; right:-20px; display:inline-block; width:18px; height:18px; font-size:0; background:url('/_image/front/icon/icon_info.png') no-repeat center; background-size:18px auto; vertical-align:top;}
.r_sort .r_sort_box .right_box {}
.r_sort .r_sort_box .right_box ul {font-size:0;}
.r_sort .r_sort_box .right_box ul li {display:inline-block; padding-left:16px;}
.r_sort .r_sort_box .right_box ul li a {font-size:12px; line-height:14px; color:#666;}
.r_sort .r_sort_box .right_box ul li.on a {color:#0F73EA;}

.r_sort.type0 {padding:0;}
.r_sort.type0 .r_sort_box {padding:14px 16px 14px 16px;}

/* 뷰티 */
.beauty_section {position:relative; padding-bottom:80px;}


/* 랭킹 */
.rank_section {position:relative; padding-bottom:80px;}

/* 기획전 */
.exhibition_section {position:relative; padding-bottom:80px;}


/* 리스트 필터 */
.prd_tab {top:44px;}
.prd_tab1 {top:88px;}
.prd_tab1.on {top:44px;}


/* 중앙정렬 제목 */
.p_top_box1 {display:table; width:100%; padding:0 8px; background:#fff; box-shadow: 0px 1px 1px 0px #00000033;}
.p_top_box1.no_border {box-shadow:none;}
.p_top_box1 > .left_box {display:table-cell; min-width:44px; vertical-align:middle;}
.p_top_box1 > .left_box .close_btn {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_back.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.p_top_box1 > .left_box .btm_close {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_back.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.p_top_box1 > .left_box .close_btn1 {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_close.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.p_top_box1 > .center_box{display:table-cell; width:100%; /* padding-left:5%; */ vertical-align:middle;}
.p_top_box1 > .center_box .subject {font-size:17px; line-height:22px; font-weight:600; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align:center;}
.p_top_box1 > .right_box{display:table-cell; min-width:44px; vertical-align:middle;}
.p_top_box1 > .right_box .detail_icon {display:flex;}
.p_top_box1 > .right_box .detail_icon li {position:relative; width:44px; text-align:center;}
.p_top_box1 > .right_box .detail_icon li a {display:inline-block; width:44px; height:44px; color:transparent; background-repeat:no-repeat; background-size:44px auto; background-position:center; }
.p_top_box1 > .right_box .detail_icon li.i_share a {background-image:url('/_image/front/icon/icon_share.png');}
.p_top_box1 > .right_box .detail_icon li.i_report a {background-image:url('/_image/front/icon/icon_report.png');}
.p_top_box1 > .right_box .detail_icon li.i_setting a {background-image:url('/_image/front/icon/icon_setting.png');}
.p_top_box1 > .right_box .detail_icon li.i_expurgate a {background-image:url('/_image/front/icon/icon_more1.png');}
.p_top_box1 > .right_box .detail_icon li.i_close a {background-image:url('/_image/front/icon/icon_close.png');}
.p_top_box1 > .right_box .detail_icon li.i_search a {background-image:url('/_image/front/icon/icon_search.png');}
.p_top_box1 > .right_box .detail_icon li.a_txt a {position:Absolute; top:-22px; right:28px; display:inline-block; font-size:13px; line-height:44px; color:#000; text-wrap:nowrap; vertical-align:top;}
.p_top_box1 > .right_box .detail_icon li.a_txt1 a {position:Absolute; top:-22px; right:14px; display:inline-block; font-size:13px; line-height:44px; color:#0F73EA; text-wrap:nowrap; vertical-align:top;}
.p_top_box1 > .right_box .detail_icon li.a_txt2 a {position:Absolute; top:-22px; right:14px; display:inline-block; font-size:13px; line-height:44px; color:#000; text-wrap:nowrap; vertical-align:top;}
.p_top_box1 > .right_box .detail_icon li.a_txt3 a {display:inline-block; font-size:13px; line-height:44px; color:#0F73EA; text-wrap:nowrap; vertical-align:top;}

/* 뒤로가기 버튼 X 버튼 */
.p_top_box1.type0 > .left_box .close_btn {background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto;}
.p_top_box1.type1 > .center_box {padding-left:7%;}



.top_banner {}
.top_banner .img img {width:100%;}

/*-----------------------------------------------------------------*/
/* 내정보
/*-----------------------------------------------------------------*/


.myinfo .sns_share{padding-top:0;}
.mode_change {}
.mode_change ul {}
.mode_change ul li{position:relative; padding:14px 16px;font-size:14px; color:#fff; line-height:16px; }
.mode_change ul li p{font-size:14px; color:#fff; }
.mode_change ul li span {position:Absolute; top:10px; right:16px;}
.mode_change ul li.type0 {background: linear-gradient(90deg, #2C2C2C 0%, #505050 100%);}
.mode_change ul li.type1 {background: linear-gradient(90deg, #7C7C7C 0%, #B0B0B0 100%);}
.mode_change ul li.type3 {background: linear-gradient(90deg, #0F73EA 0%, #3384E5 100%);}
.mode_change ul li .btn_onoff label, .mode_change ul li .btn_onoff input:disabled + label {background:rgba(255,255,255,0.4);}


.mode_change ul li.type2 {background:#C96A6A;}
.mode_change ul li.type2 .btn_onoff label, .mode_change ul li.type2 .btn_onoff input:disabled + label {background:#A04040;}
.mode_change ul li.type2 .btn_onoff input, .mode_change ul li.type2 .btn_onoff input:disabled {box-shadow: 3px 0px 6px 0px #491C1CB2;}


.my_info_box {padding:12px 16px; border-bottom:1px solid #e6e6e6;}
.my_info_box {display:flex; align-items:center;}
.my_info_box .left_box {width:64px;}
.my_info_box .left_box .img {display:inline-block; width:64px; height:64px; background-position:center; background-size:cover; background-image:url('/_image/front/icon/icon_profile_2.png');border-radius:50%;}
.my_info_box .left_box .img a {position:relative; display:inline-block; width:64px; height:64px; }
.my_info_box .left_box .img a:after {position:Absolute; bottom:-5px; right:-5px; content:''; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;}

.my_info_box .left_box .img_label label {position:relative; display:inline-block; width:64px; height:64px; background-position:center; background-size:cover; background-image:url('/_image/front/icon/icon_profile_2.png');border-radius:50%;}
.my_info_box .left_box .img_label label:after {position:Absolute; bottom:-5px; right:-5px; content:''; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;}

.my_info_box .right_box {width:calc(100% - 64px); height:100%;}
.my_info_box .right_box p {padding-left:16px; font-size:17px; line-height:22px; font-weight:600;}
.my_info_box .right_box .nick a {padding-left:16px; font-size:17px; line-height:22px; font-weight:600;}
.my_info_box .right_box .my_modify a {display:inline-block; margin-top:6px; padding:0 18px 0 16px; font-size:12px; line-height:18px; color:#7b7b7b; background:url('/_image/front/icon/icon_right_arrow.png') no-repeat right center; background-size:18px auto;}

.my_info_box.type0 .right_box {padding-left:12px;}
.my_info_box.type0 .right_box .nick {padding-bottom:8px; font-size:15px; line-height:16px;}
.my_info_box.type0 .right_box .nick span {font-size:15px; line-height:16px; font-weight:700;}
.my_info_box.type0 .right_box .info {font-size:12px; line-height:14px;}
.my_info_box.type0 .right_box .info span {font-size:12px; line-height:14px;}

.myinfo {}
.box_list0 {margin-top:16px;}
.box_list0 ul {display:flex; justify-content:space-around; padding:17px 0; background:#F8F8F8;  border-radius:8px;}
.box_list0 ul li {position:relative; width:33.3%;}
.box_list0 ul li:after {position:Absolute; top:calc(50% - 12px); left:0; width:1px; height:24px; content:''; background:#d9d9d9;}
.box_list0 ul li:first-child:after {display:none;}
.box_list0 ul li dl {text-align:center;}
.box_list0 ul li dl dt {font-size:16px; line-height:18px; font-weight:600; color:#0F73EA;}
.box_list0 ul li dl dd {padding-top:8px;font-size:12px; line-height:14px; color:#2C2C2C;}

/*-----------------------------------------------------------------*/
/* 검색
/*-----------------------------------------------------------------*/

.sticky_box1 {position:sticky; top:0; width:100%; background:#fff; z-index:10;}
.search_box {position:relative; padding:4px 16px;}
.search_box.type0 {padding:4px 56px 4px 16px;}
.search_box input[type="text"] {height:36px; padding:0 36px; font-size:13px; line-height:16px; border:1px solid #efeff4; background:#FAFBFD url('/_image/front/icon/icon_search2.png') no-repeat 8px center; border-radius:18px; background-size:20px; color:#000;}
.search_box input[type="text"]::-webkit-input-placeholder {font-size:13px !important; line-height:16px !important; color:#a5a5a5;}
.search_box .right_btn {display:none; position:absolute; right:24px; top:12px; }
.search_box .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}
.search_box .right_cencel {position:absolute; top:4px; right:16px;}
.search_box .right_cencel a {display:inline-block; width:24px; height:36px; font-size:13px; line-height:36px; color:#0F73EA;}
.search_box.type0 .right_btn {right:66px;}

.search_box .search_list {position:absolute; top:44px; left:0; width:100%; height:calc(100dvh - 44px); background:#fff; z-index:10;overflow-y:auto;}
.search_box .search_list ul {padding:0 16px;}
.search_box .search_list ul li {padding:10px 0;}
.search_box .search_list ul li a {font-size:14px; line-height:16px;}
.search_box .search_list ul li a span {font-size:14px; line-height:16px; color:#0F73EA;}

.search_box .search_autocomplete {position:absolute; top:44px; left:0; width:100%; height:calc(100dvh - 44px); background:#fff; z-index:10;overflow-y:auto;}
.search_box .search_autocomplete ul {padding:0 16px;}
.search_box .search_autocomplete ul li {padding:10px 0;}
.search_box .search_autocomplete ul li a {font-size:14px; line-height:16px;}
.search_box .search_autocomplete ul li a span {font-size:14px; line-height:16px; color:#0F73EA;}

.search_banner0 {padding:16px;}
.search_banner0 img {width:100%;}
.search_banner1 {padding:16px 0;}
.search_banner1 img {width:100%;}

 /* 추천 타투 이스트 */
.btn_recom_view {position:fixed; bottom:60px; left:50%; transform:translateX(-50%); z-index:99;}
.btn_recom_view1 {position:fixed; bottom:30px; left:50%; transform:translateX(-50%); z-index:99;}
.btn_recom_view2 {position:fixed; bottom:30px; left:50%; transform:translateX(-50%); z-index:99;}
.recommend_list ul li {padding-bottom:16px;}
.recommend_list .btn_more {padding:12px 0 32px 0; text-align:center;}
#popup_recommend_tattooist_box .btn_more {margin-bottom:100px;}
#popup_timesale_recommend_tattooist_frm_list .btn_more {margin-bottom:100px;}
#popup_exhibition_recommend_tattooist_box .btn_more {margin-bottom:100px;}
.recommend_list .btn_add_more {padding-bottom:30px; text-align:center;}
.recommend_swiper {padding:0 16px;}
.recommend_swiper .swiper-slide {width:144px;}
.list_style5 {position:relative; }
.list_style5 .img {width:144px; /* height:160px; */ }
.list_style5 .img img {width:100%; border-radius:8px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.26%, rgba(0, 0, 0, 0.4) 76.64%);}
.list_style5 dl {position:Absolute; bottom:0; left:0; width:100%; padding:8px 12px;}
.list_style5 dl dt {color:#fff;font-size:12px; line-height:14px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 1;}
.list_style5 dl dd {padding-top:2px; font-size:15px; line-height:20px; font-weight:800; color:#fff;}
.list_style5_btm {padding:0 16px;}

.provider_recommend .tit2 {margin-bottom:20px;}
.provider_recommend .section5 {padding-bottom:20px;}
.provider_recommend .list_style5 .img {width:144px; height:auto;}

.button_chk label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:7px 16px 11px 16px; height:32px; color:#fff; border:1px solid #5A5A5A; background:#5A5A5A; border-radius:4px;}
.button_chk label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:14px; color:#fff; font-family:'NanumSquareRound', sans-serif;}
.button_chk label input[type="checkbox"]:checked {border:1px solid #D7D7D7; background:#fff;}
.button_chk label input[type="checkbox"]:checked:before {color:#A5A5A5; content:'팔로잉';}
.button_chk label input[type="checkbox"]:checked:after {color:#fff;}

.button_chk1 label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:0 0 0 32px; height:28px; background:url('/_image/front/icon/icon_check_circle1.png') no-repeat left center; background-size:28px auto;}
.button_chk1 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:12px; line-height:28px; color:#A5A5A5; font-family:'NanumSquareRound', sans-serif; font-weight:700;}
.button_chk1 label input[type="checkbox"]:checked {background:url('/_image/front/icon/icon_check_circle1_on.png') no-repeat left center; background-size:28px auto;}
.button_chk1 label input[type="checkbox"]:checked:before {color:#0F73EA; content:attr(data-text1);}
.button_chk1 label input[type="checkbox"]:checked:after {color:#fff;}

.button_chk3 label input[type="checkbox"] {position:unset; width:100%; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:38px; text-align:center; color:#747474; border:1px solid #ebebeb; background:#FCFCFC; border-radius:4px;}
.button_chk3 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:38px; color:#747474; font-family:'NanumSquareRound', sans-serif;}
.button_chk3 label input[type="checkbox"]:checked {border:1px solid #0F73EA; background:#0F73EA;}
.button_chk3 label input[type="checkbox"]:checked:before {color:#fff;}

.button_chk3 label input[type="radio"] {position:unset; width:100%; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:38px; text-align:center; color:#747474; border:1px solid #ebebeb; background:#FCFCFC; border-radius:4px;}
.button_chk3 label input[type="radio"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:38px; color:#747474; font-family:'NanumSquareRound', sans-serif;}
.button_chk3 label input[type="radio"]:checked {border:1px solid #0F73EA; background:#0F73EA;}
.button_chk3 label input[type="radio"]:checked:before {color:#fff;}

.button_chk4 label input[type="checkbox"] {position:relative; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:0 0 0 32px; height:28px; background:url('/_image/front/icon/icon_check_circle1.png') no-repeat left center; background-size:28px auto;}
.button_chk4 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:12px; line-height:28px; color:#A5A5A5; font-family:'NanumSquareRound', sans-serif; font-weight:700;}
.button_chk4 label input[type="checkbox"]:after {position:absolute; top:0; right:0; display:inline-block; content:attr(data-text1); font-size:12px; line-height:28px; color:#0F73EA; font-family:'NanumSquareRound', sans-serif; font-weight:700;}
.button_chk4 label input[type="checkbox"]:checked {background:url('/_image/front/icon/icon_check_circle1_on.png') no-repeat left center; background-size:28px auto;}
.button_chk4 label input[type="checkbox"]:checked:before {color:#0F73EA;}
.button_chk4 label input[type="checkbox"]:checked:after {}

.button_chk5 label input[type="radio"] {position:unset; width:100%; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:38px; text-align:center; color:#747474; border:1px solid #ebebeb; background:#FCFCFC; border-radius:4px;}
.button_chk5 label input[type="radio"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:38px; color:#747474; font-family:'NanumSquareRound', sans-serif;}
.button_chk5 label input[type="radio"]:checked {border:1px solid #0F73EA; background:#0F73EA;}
.button_chk5 label input[type="radio"]:checked:before {color:#fff;}

.button_chk6 label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:0 0 0 25px; height:24px; background:url('/_image/front/icon/controls_buttons_radio_button2.png') no-repeat left center; background-size:24px auto;}
.button_chk6 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:12px; line-height:28px; color:#A5A5A5; font-family:'NanumSquareRound', sans-serif; font-weight:700;}
.button_chk6 label input[type="checkbox"]:checked {background:url('/_image/front/icon/controls_buttons_radio_button2_on.png') no-repeat left center; background-size:24px auto;}
.button_chk6 label input[type="checkbox"]:checked:before {color:#0F73EA; content:attr(data-text1);}
.button_chk6 label input[type="checkbox"]:checked:after {color:#fff;}

    
/*-----------------------------------------------------------------*/
/* 카테고리
/*-----------------------------------------------------------------*/
    
.cate_list_box {display:flex; width:100%; min-height:calc(100dvh - 88px); }
.cate_list_box .left_box {width:80px; background:#f2f2f2;}
.cate_list_box .right_box {width:calc(100% - 80px); padding:0 8px 78dvh 8px;}
.cate_list_box .right_box .sub_tit1 {padding:32px 8px 0 8px; font-size:17px; line-height:22px; color:#000; font-weight:700;}
.cate_list_box .right_box .sub_tit1.type0 {padding:32px 8px 24px 8px;}
.cate_list1 {padding-bottom:24px;}
.cate_list1 .sub_tit2 {padding:24px 8px 0 8px; font-size:14px; line-height:16px; font-weight:700;}
.cate_list1 ul {display:flex; flex-wrap:wrap;}
.cate_list1 ul li {width:33.3%; padding:16px 0;}
.cate_list1 ul li .img {padding:0 16px;}
.cate_list1 ul li .img img {width:100%;border-radius:50%;}
.cate_list1 ul li .cate_name {padding-top:12px; font-size:14px; line-height:16px; text-align:center;}
.cate_list2 {position:sticky; top:44px;}
.cate_list2 ul {}
.cate_list2 ul li {}
.cate_list2 ul li a {display:block; height:50px; font-size:14px; line-height:50px; color:#A0A0A0; text-align:center;}
.cate_list2 ul li.on a {background:#fff; box-shadow: 0px 4px 4px 0px #00000026; color:#000;}

.search_latest {position:relative; padding:32px 16px 16px 16px;}
.search_latest p {font-size:17px; line-height:22px; font-weight:700;}
.search_latest ul {display:flex; flex-wrap:wrap; gap:8px; padding-top:16px;}
.search_latest ul li {}
.search_latest ul li a {display:inline-block; padding:8px 15px; font-size:14px; line-height:16px; border:1px solid #F4F5F6; border-radius:16px;}
.search_latest .right_btn {position:Absolute; top:24px; right:16px;}
.search_latest .right_btn a {display: inline-block; width: 48px; height: 36px; font-size: 13px; line-height: 36px; color: #0F73EA; }

/*-----------------------------------------------------------------*/
/* 커뮤니티
/*-----------------------------------------------------------------*/
.tattoo_reivew {padding-bottom:44px;}


/* 커뮤니티 매거진 */
.magazine {}
.magazine_tab_box {position:sticky; top:0; padding-bottom:8px; z-index:12; background:#fff;}
.sticky_tab_box {position:sticky; top:0; padding-bottom:8px; z-index:12; background:#fff;}
.sticky_tab_box1 {position:sticky; top:44px; padding-bottom:8px; z-index:12; background:#fff;}


.tattoo_free {padding-bottom:44px;}

.board_list {}
.board_list ul {}
.board_list > ul > li {padding:16px;border-bottom:1px solid #e6e6e6;}
.board_list > ul > li .box {}
.board_list > ul > li .box .top_box {display:table; width:100%;}
.board_list > ul > li .box .top_box .left_box {display:table-cell; width:46px; vertical-align:middle;}
.board_list > ul > li .box .top_box .left_box .img_box {width:46px; height:46px; border-radius:50%; background-image:url('/_image/front/icon/icon_profile_2.png'); background-position:center; background-repeat:no-repeat; background-size:cover;}
.board_list > ul > li .box .top_box .right_box {position:relative; display:table-cell; padding-left:10px; vertical-align:middle;}
.board_list > ul > li .box .top_box .right_box dl {}
.board_list > ul > li .box .top_box .right_box dl dt {font-size:14px; line-height:16px; font-weight:700;}
.board_list > ul > li .box .top_box .right_box dl dt span {margin-left:5px; font-size:12px; color:#93A2B1;}
.board_list > ul > li .box .top_box .right_box dl dt em {display:block;}
.board_list > ul > li .box .top_box .right_box dl dt em span {display:inline-block; padding:3px 4px; margin:0px 0 4px 0; font-size:9px; line-height:10px; color:#888888; background:#EFEFEF; border-radius:2px; text-wrap:nowrap; font-style:normal;}
.board_list > ul > li .box .top_box .right_box dl dd {padding-top:2px;}
.board_list > ul > li .box .top_box .right_box dl dd .star_grade {display:inline-block;}
.board_list > ul > li .box .top_box .right_box dl dd > span {display:inline-block; padding-top:3px; font-size:12px; line-height:12px; color:#93A2B1; vertical-align:top;}
.board_list > ul > li .box .top_box .right_box .btn_more {position:absolute; top:0; right:0;}
.board_list > ul > li .box .mid_box {}
.board_list > ul > li .box .mid_box .subject {width: 100%; margin:16px 0 0 0; font-size:15px; line-height:18px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 1; font-weight:700;}
.board_list > ul > li .box .mid_box .text_content_box {width:100%; max-height:100px; overflow:hidden;}
.board_list > ul > li .box .mid_box .text_content_box > p {width: 100%; margin:8px 0 16px 0; font-size:14px; line-height:20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 3;}
.board_list > ul > li .box .mid_box .text_content_box.type0 > p {width: 100%; margin:8px 0 0px 0; font-size:14px; line-height:20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 3;}
.board_list > ul > li .box .mid_box .text_content_box > .text_he_chk {display:none; font-size:14px; line-height:20px;}
.board_list > ul > li .box .mid_box .text_content_box .btn_more {display:none; position:relative; margin:0 0 16px 0; font-size:14px; line-height:20px; color:#7B7B7B}
.board_list > ul > li .box .mid_box.on .text_content_box .btn_more {display:list-item;}
.board_list > ul > li .box .mid_box span.re_info {display:block; padding-top:16px; font-size:12px; color:#93A2B1;}
.board_list > ul > li .box .mid_box span.re_info span {font-size:12px; color:#93A2B1;}
.board_list > ul > li .box .mid_box.on span.re_info {padding-top:16px;}
.board_list > ul > li.no_data {padding:60px 0 90px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}
.board_list > ul > li.li_no_data {width:100%;}
.board_list > ul > li.li_no_data p {padding:60px 0; text-align:center; font-size:13px; line-height:18px; color:#7B7B7B;}

.right_sort {position:absolute; top:8px; right:16px; font-size:0;}
.right_sort li {display:inline-block; vertical-align:top;}
.right_sort li.i_filter {margin-right:8px;}
.right_sort li.i_filter div {width:28px; height:28px;}
.right_sort li.i_filter img {width:100%;}
.right_sort li a {display:inline-block; padding:8px 28px 8px 8px; font-size:14px; line-height:14px; background:#fff url('/_image/front/icon/icon_filter_arrow_down.png') no-repeat; background-position:calc(100% - 8px) center; background-size:16px auto; color:#A5A5A5; border-radius:4px; border:1px solid #F4F5F6; font-weight:600;}

.board_list .img_box {/* padding-bottom:16px; */}
.board_list .img_box ul {display:flex; gap:8px;}
.board_list .img_box ul li {}
.board_list .img_box ul li div {width:84px; height:84px; border-radius:8px; background-repeat:no-repeat; background-position:center; background-size:cover;}

.board_list .review_slider {}
.board_list .review_slider .swiper-slide {}
.board_list .review_slider .swiper-slide .img_box {padding:0;}
.board_list .swiper-slide img {width:100%;}



/*-----------------------------------------------------------------*/
/* 인기검색어
/*-----------------------------------------------------------------*/
.popular {padding:32px 16px;}
.popular_tit {}
.popular_tit dt {padding-bottom:4px; font-size:17px; line-height:22px; color:#000; font-weight:700;}
.popular_tit dd {font-size:12px; line-height:14px; color:#7b7b7b;}
.popular_list {padding-top:16px;}
.popular_list ul {}
.popular_list ul li {padding:12.5px 0; border-bottom:1px solid #E6E6E6;}

.popular_list .box {display:flex;}
.popular_list .box .left_box {width:20px; font-size:14px; line-height:16px; color:#000; font-weight:900; text-align:center;}
.popular_list .box .right_box {position:relative; width:calc(100% - 20px); padding-left:24px; font-size:14px; line-height:16px;}
.popular_list .box .right_box:after {position:Absolute; top:7px; left:6px; width:8px; height:2px; background:#ccc; content:'';}

.popular_list ul li:nth-child(1) .box .left_box,
.popular_list ul li:nth-child(2) .box .left_box,
.popular_list ul li:nth-child(3) .box .left_box { color:#CC4160;}
.popular_list ul li.up .box .right_box:after {position:Absolute; top:1px; left:6px; width:0; height:0; border:4px solid #C82C30; border-color:transparent transparent #C82C30 transparent; background:none; content:'';}
.popular_list ul li.down .box .right_box:after {position:Absolute; top:5px; left:6px; width:0; height:0; border:4px solid #204FC3; border-color:#204FC3 transparent transparent transparent; background:none; content:'';}


/* 리뷰 상세  & qna 상세 */
.user_info {padding:16px;}
.user_info_box {}
.user_info_box .left_box {}
.user_info_box .right_box {}
.user_info_box {display:table; width:100%;}
.user_info_box .left_box {display:table-cell; width:46px; vertical-align:middle;}
.user_info_box .left_box .img_box {width:46px; height:46px; border-radius:50%; background-image:url('/_image/front/icon/icon_profile_2.png'); background-position:center; background-repeat:no-repeat; background-size:cover;}
.user_info_box .right_box {position:relative; display:table-cell; padding-left:10px; vertical-align:middle;}
.user_info_box .right_box dl {}
.user_info_box .right_box dl dt {font-size:14px; line-height:16px; font-weight:700;}
.user_info_box .right_box dl dt em {display:block;}
.user_info_box .right_box dl dt em span {display:inline-block; padding:3px 4px; margin:0px 0 4px 0; font-size:9px; line-height:10px; color:#888888; background:#EFEFEF; border-radius:2px; text-wrap:nowrap; font-style:normal;}
.user_info_box .right_box dl dt span {margin-left:5px; font-size:12px; color:#93A2B1;}
.user_info_box .right_box dl dd {padding-top:4px; color:#93A2B1;}
.user_info_box .right_box dl dd.grade_box {padding:4px 0 0 0;}
.user_info_box .right_box dl dd > span {display:inline-block; padding:1px 8px 0 24px; font-size:12px; color:#2c2c2c; vertical-align:middle; background:url('/_image/front/icon/icon_star1_on.png') no-repeat 3px -1px; background-size:16px auto;}

.detail_img_slider img {width:100%;}
.detail_img_slider .img_box {position:relative; overflow:hidden; border-radius:8px;}
.detail_img_slider { border-radius:8px; overflow:hidden;}
.detail_img_slider .swiper-pagination-fraction {display:inline-block; width:auto; left:auto; right:10px; background:#2C2C2C; padding:4px 4px 2px 4px; font-size:12px; line-height:12px; border-radius:9px; color:#fff;}
.detail_img_slider .swiper-pagination-fraction span {display:inline-block; color:#fff; font-size:12px; line-height:12px;}



.user_info_box.type0 .right_box dl dd > span {background:none; padding:1px 8px 0 0; font-size:12px; line-height:14px; color:#93A2B1;}

.review_detail_content {padding:0 16px;}
.review_detail_content .subject {padding-bottom:16px; font-size:14px; line-height:16px; font-weight:700;}
.review_detail_content .review_slider {margin-top:0 !important; margin-bottom:16px;}
.review_detail_content .review_slider .swiper-slide {}
.review_detail_content .review_slider .swiper-slide img {width:100%;}
.review_detail_content .review_slider .swiper-slide .img_box {position:relative; overflow:hidden; padding-bottom:52.5%; border-radius:8px;}
.review_detail_content .review_slider .swiper-slide .img_box img {position:Absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.review_detail_content .text_content_box {padding:0 0 16px 0;}
.review_detail_content .text_content_box p {font-size:14px; line-height:20px;}
.review_detail_content span.re_info {display:block; font-size:12px; color:#93A2B1;}
.review_detail_content span.re_info span {font-size:12px; color:#93A2B1;}
.tattooist_info1 {position:relative;}
.tattooist_info1 .tattooist_tit {position:absolute; top:-20px; left:0;}
.tattooist_info1 .tattooist_tit p {padding:0 16px; line-height:20px; color:#7B7B7B; background:#f2f2f2;}
.tattooist_info1 .tattooist_tit p span {color:#7B7B7B; }
.tattooist_box1 {display:table; width:100%; padding:16px; margin:52px 0 32px 0; border:1px solid #F2F2F2; border-radius:0 8px 8px 8px;}
.tattooist_box1 .left_box {display:table-cell; width:46px; vertical-align:middle;}
.tattooist_box1 .left_box .img_box {width:46px; height:46px; border-radius:50%; background-image:url('/_image/front/icon/icon_profile_2.png'); background-position:center; background-repeat:no-repeat; background-size:cover;}
.tattooist_box1 .right_box {position:relative; display:table-cell; padding-left:10px; vertical-align:middle;}
.tattooist_box1 .right_box dl {}
.tattooist_box1 .right_box dl dt {padding-bottom:4px; font-size:14px; line-height:16px; font-weight:700;}
.tattooist_box1 .right_box dl dd {padding-bottom:2px; font-size:12px; line-height:14px; color:#2c2c2c;}
.tattooist_box1 .right_box dl dd.hit {font-size:12px; line-height:14px; color:#93A2B1;}
.tattooist_box1 .right_box dl dd.hit span {font-size:12px; line-height:14px; color:#93A2B1;}
.tattooist_box1 .right_box dl dd.n_review {font-size:12px; line-height:16px; color:#93A2B1;}
.tattooist_box1 .right_box dl dd.n_review .r_grade {padding:1px 0 0 18px; line-height:14px; background:url('/_image/front/icon/icon_star1_on.png') no-repeat -2px -2px; background-size:16px auto; font-size:12px; color:#000;}
.tattooist_box1 .right_box dl dd.n_review .r_hit {font-size:12px; line-height:16px; color:#93A2B1;}

.wish2 label {display:block; font-size:12px; line-height:44px; color:#6F7071; vertical-align:top; text-align:center;}
.wish2 input {width:28px; height:28px; margin:7px 2px 0 0; display:inline-block; background:url('/_image/front/icon/icon_heart1.png') no-repeat center; background-size:28px auto; font-size:0; vertical-align:top;}
.wish2 input:checked {background:url('/_image/front/icon/icon_heart1_on.png') no-repeat center; background-size:28px auto;}
.wish2 input:checked:after {position:Absolute; top:-7px; left:calc(50% - -16px); display:block; font-size:12px; line-height:44px; content:'좋아요'; color:#0F73EA; text-wrap:nowrap; vertical-align:-1px; background:#fff;  font-family:'NanumSquareRound';}

.wish3 label {display:block; font-size:12px; line-height:44px; color:#6F7071; vertical-align:top; text-align:center;}
.wish3 input {width:28px; height:28px; margin:0; display:inline-block; background:url('/_image/front/icon/icon_heart1.png') no-repeat center; background-size:28px auto; font-size:0; vertical-align:top;}
.wish3 input:checked {background:url('/_image/front/icon/icon_heart1_on.png') no-repeat center; background-size:28px auto;}

.btm_btn {border-top:1px solid #E6E6E6; margin-top:16px;}
.btm_btn ul {display:flex;}
.btm_btn ul li {width:50%;border-right:1px solid #e6e6e6;}
.btm_btn ul li:last-child {border-right:0;}

.over_scroll_content {overflow-y:scroll; padding-bottom:60px; height:calc(var(--vh, 1vh) * 100 - 0px); overscroll-behavior-y: contain; -webkit-overflow-scrolling:touch; }
.over_scroll_content.on {height:calc(100vh - 0px)}

.ft_comment {position:relative;}
.ft_comment .ft_comment_write_box {position:absolute; bottom:-60px; left:0; width:100%; z-index:11;}
.textarea_type {padding:12px 16px; min-height:60px; background:#fff; backdrop-filter: blur(20px); box-shadow: 0px -0.5px 4px 0px #0000001A; }
.textarea_type .textarea_box {position:relative; min-height:36px; padding:9px 44px 0 16px; background:#FAFBFD; border:1px solid #EFEFF4; border-radius:18px; }
.textarea_type .textarea_box textarea {width:100%; height:18px; padding:0; line-height:16px; box-sizing:border-box; font-size:13px; color:#000; border:0; resize:none; background:transparent; border-radius:0; font-family:'NanumSquareRound';}
.textarea_type .textarea_box textarea::-webkit-input-placeholder {font-size:13px !important; line-height:16px !important; color:#a5a5a5;}
.textarea_type .textarea_box .right_btn {display:none; position:Absolute; bottom:-1px; right:0;}
.textarea_type .textarea_box .right_btn.on {display:inline-block;}
.textarea_type .textarea_box .right_btn a {display:inline-block; width:36px; height:36px; background:url('/_image/front/icon/icon_button_send.png') no-repeat center; background-size:36px auto; border:0; font-size:0; vertical-align:top;}
.textarea_type .textarea_box .right_btn input[type="submit"] {display:inline-block; width:36px; height:36px; background:url('/_image/front/icon/icon_button_send.png') no-repeat center; background-size:36px auto; border:0; font-size:0; vertical-align:top;}

/* 댓글 */
.comment_list {}
.comment_list ul {}
.comment_list ul li {border-bottom: 1px solid #E6E6E6;}
.comment_list ul li.reply .comment_slide {padding-left:44px;}
.comment_box {display:flex; padding:16px;}
.comment_box .left_box {width:44px; padding:0 18px 0 2px;}
.comment_box .left_box .img_box {width:24px; height:24px; border-radius:50%; background-repeat:no-repeat; background-size:24px auto;}
.comment_box .right_box {width:calc(100% - 44px);}
.comment_box .right_box dl {}
.comment_box .right_box dl dt {display:flex; align-items:center;  padding-bottom:4px;}
.comment_box .right_box dl dt > div {vertical-align:top;}
.comment_box .right_box dl dt .c_cate span {display:inline-block; padding:3px 4px; margin:0px 4px 0 0; font-size:9px; line-height:10px; color:#888888; background:#EFEFEF; border-radius:2px; text-wrap:nowrap;}
.comment_box .right_box dl dt .c_name span {overflow:hidden; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word; line-height:16px; text-overflow:ellipsis; font-size:14px; font-weight:700;}
.comment_box .right_box dl dd {}
.comment_box .right_box dl dd p {font-size:14px; line-height:20px; color:#000;}
.comment_box .comment_info {position:relative; margin-top:16px; color:#93A2B1; font-size:12px; line-height:14px;}
.comment_box .comment_info span {color:#93A2B1; font-size:12px; line-height:14px; vertical-align:middle;}
.comment_box .comment_info a {color:#93A2B1; font-size:12px; line-height:14px;}
.comment_box .comment_info .right_btn {position:absolute; top:-8px; right:0;}
/* 코멘트 수정 삭제 */
.comment_slide {width:100%; height:100%;}
.comment_slide .swiper-slide {height:auto;}
.comment_slide .swiper-slide:nth-child(2) {width:auto; }
.comment_slide .modify_del {width:100%; height:100%;}
.comment_slide .modify_del ul {display:table; width:100%; height:100%;}
.comment_slide .modify_del ul li {display:table-cell; width:66px;}
.comment_slide .modify_del ul li a {display:flex; width:100%; height:100%; justify-content: center; align-items: center; font-size:14px; line-height:16px; color:#fff; background:#5D5D5D;}
.comment_slide .modify_del ul li.b_modify a {width:66px; background:#5D5D5D;}
.comment_slide .modify_del ul li.b_del a {width:66px; background:#C35050;}
.comment_slide .modify_del ul li.b_block a {width:66px; background:#C35050;}
/* 코멘트 작성 */
.comment_reply_target {position:relative; width:100%; padding:0 54px 0 16px; background:#2E333C; z-index:10;}
.comment_reply_target .comment_write_txt {display:table;}
.comment_reply_target .comment_write_txt div {display:table-cell; padding:10px 0; vertical-align:top;}
.comment_reply_target .comment_write_txt div:nth-child(1) {}
.comment_reply_target .comment_write_txt div:nth-child(2) {width:132px;}
.comment_reply_target .comment_write_txt div span {position:relative;padding-left:3px;}
.comment_reply_target .comment_write_txt div span:after {position:Absolute; top:0; left:0px; color:#fff; content:'‘'; z-index:10; font-size:12px; }
.comment_reply_target .comment_write_txt div span.c_name {overflow: hidden; width:100%; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#fff; font-size:12px; line-height:14px;}
.comment_reply_target .comment_write_txt div span.c_txt {font-size:12px; line-height:14px; color:#fff;}
.comment_reply_target .right_btn {position:absolute; top:0; right:0; z-index:10;}
.comment_reply_target .right_btn a {display:inline-block; padding:10px 16px; font-size:12px; line-height:14px; color:#7CE6FF;}

.comment_reply_target.type0 {background:#F4F5F6;}
.comment_reply_target.type0 .comment_write_txt div span:after {display:none;}
.comment_reply_target.type0 .comment_write_txt div span.c_name {color:#898989; font-weight:700;}
.comment_reply_target.type0 .comment_write_txt div span.c_txt {color:#898989;}
.comment_reply_target.type0 .right_btn a {color:#a5a5a5; font-weight:700;}

/* 글쓰기 */
.study_reviewWriteStep1 {padding-bottom:49px;}
.write_grade {padding-bottom:16px;}
.write_grade ul {}
.write_grade ul li {display:inline-block;}
.write_grade ul li label {display:inline-block; width:36px; height:36px; background:url('/_image/front/icon/icon_star2.png') no-repeat center; background-size:36px auto;}
.write_grade ul li label input[type="radio"] {opacity:0;}

.write_grade ul.g_star1 li:nth-child(1) label {background:url('/_image/front/icon/icon_star2_on.png') no-repeat center; background-size:36px auto;}

.write_grade ul.g_star2 li:nth-child(1) label,
.write_grade ul.g_star2 li:nth-child(2) label
{background:url('/_image/front/icon/icon_star2_on.png') no-repeat center; background-size:36px auto;}

.write_grade ul.g_star3 li:nth-child(1) label,
.write_grade ul.g_star3 li:nth-child(2) label,
.write_grade ul.g_star3 li:nth-child(3) label
{background:url('/_image/front/icon/icon_star2_on.png') no-repeat center; background-size:36px auto;}

.write_grade ul.g_star4 li:nth-child(1) label,
.write_grade ul.g_star4 li:nth-child(2) label,
.write_grade ul.g_star4 li:nth-child(3) label,
.write_grade ul.g_star4 li:nth-child(4) label
{background:url('/_image/front/icon/icon_star2_on.png') no-repeat center; background-size:36px auto;}

.write_grade ul.g_star5 li label {background:url('/_image/front/icon/icon_star2_on.png') no-repeat center; background-size:36px auto;}

.write_step1 {padding-bottom:44px;}
.write_step2 {padding-bottom:44px;}

.write_box {}
.write_box dl {padding-bottom:48px;}
.write_box.type0 dl {padding-bottom:0;}
.write_box dl dt {position:relative; padding-bottom:12px; font-size:14px; line-height:16px; color:#50647C; font-weight:900;}
.write_box dl dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box dl dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box dl dd {font-size:12px; line-height:14px; color:#2c2c2c; font-weight:400;}
.write_box dl dd p.sub_tit {padding-bottom:4px; font-size:12px; line-height:14px; color:#A5A5A5;}

.write_box1 {}
.write_box1 dl {padding-bottom:48px;}
.write_box1 dl dt {position:relative; padding-bottom:12px; font-size:14px; line-height:16px; color:#50647C; font-weight:900;}
.write_box1 dl dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box1 dl dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;  font-weight:400;}
.write_box1 dl dd {position:relative; padding:21px 0;font-size:12px; line-height:14px; color:#2c2c2c; font-weight:400; border-bottom:1px solid #e6e6e6;}
.write_box1 dl dd:last-child {border-bottom:0;}
.write_box1 dl dd .right_btn {position:Absolute; top:17px; right:0; font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box1.type0 dl dd {padding:0;}

.write_box2 {}
.write_box2 dl {padding-bottom:48px;}
.write_box2 dl dt {position:relative; padding-bottom:12px; font-size:15px; line-height:16px; color:#000; font-weight:700;}
.write_box2 dl dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box2 dl dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;  font-weight:400;}
.write_box2 dl dd {position:relative; padding:21px 0;font-size:12px; line-height:14px; color:#2c2c2c; font-weight:400; border-bottom:1px solid #e6e6e6;}
.write_box2 dl dd:last-child {border-bottom:0;}
.write_box2 dl dd .right_btn {position:Absolute; top:17px; right:0; font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box2.type0 dl dd {padding:0;}


.write_cate1 {}
.write_cate1 ul {}
.write_cate1 ul li {border-bottom:1px solid #E6E6E6;}
.write_cate1 ul li:last-child {border-bottom:0;}
/* 신고하기 카테 */
.radio_box2 {}
.radio_box2 label {position:relative; display:block; padding:16px 0 16px 28px; font-size:12px; line-height:14px;}
.radio_box2 label input[type="radio"] {position:absolute; top:14px; left:0; width:16px; height:16px; margin:0; background:url('/_image/front/icon/icon_radio.png') no-repeat; background-size:16px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.radio_box2 label input[type="radio"]:checked{background:url('/_image/front/icon/icon_radio_on.png') no-repeat; background-size:16px auto;}


.photo_upload {}
.photo_upload ul {display:flex; flex-wrap:wrap; gap:8px;}
.photo_upload.type0 ul {display:flex; gap:4px; grid-template-columns: 1fr 1fr 1fr;}
.photo_upload ul li {}
.photo_addbox {}
.photo_addbox > div {}
.photo_addbox label {display:flex; align-items:center; justify-content: center; width:84px; height:84px; text-align:center; background:#fff; border-radius:8px; border:1px solid #EBEBEB; background-size:cover;}
.photo_addbox label p {font-size:13px; line-height:16px; color:#A5A5A5;}
.photo_addbox label p span {font-size:13px; line-height:16px; color:#A5A5A5;}

.photo_addimg {position:relative; width:84px; height:84px; border:1px solid #EBEBEB; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:8px;}
.photo_addimg .photo_del {position:Absolute; top:4px; right:4px;}
.photo_addimg .photo_del a {display:inline-block; width:18px; height:18px; background:url('/_image/front/icon/icon_x3.png') no-repeat center; background-size:18px auto; vertical-align:top; font-size:0; vertical-align:top;}


.write_cate {}
.write_cate ul {display:flex; flex-wrap:wrap; gap:8px;}
.write_cate ul li {}
/* 글쓰기 카테고리 */
.radio_box {}
.radio_box label {position:relative; }
.radio_box label input[type="radio"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.radio_box label input[type="radio"]:before {display:inline-block; padding:0 16px; color:#A5A5A5; font-size:12px; line-height:36px; border-radius:8px; border: 1px solid #EBEBEB; content:attr(data-text); font-family:'NanumSquareRound', sans-serif;}
.radio_box label input[type="radio"]:checked:before {color:#0F73EA; border:1px solid #0F73EA;}


.input_div {padding:0 16px; border-radius:4px; border:1px solid #ebebeb; line-height:38px;}
.input_div .basic_txt {color:#A5A5A5; font-size:12px;  line-height:38px; }
.input_div .s_tattooist {display:flex; flex-wrap:wrap; align-items:center; min-height:38px;}
.input_div .s_tattooist .img {width:24px; height:24px; margin-right:8px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50%}
.input_div .s_tattooist .text {font-size:12px; line-height:14px;}


.input_box1 input[type="text"]{padding:0 8px; border:0;}
.tattooist_sel_box .search_list {position:absolute; top:45px; left:0; width:100%; height:calc(100dvh - 45px); background:#fff;}
.tattooist_sel_box .search_list ul {padding:0;}
.tattooist_sel_box .search_list ul li {padding:12px 16px; border-bottom:1px solid #E6E6E6;}
.tattooist_sel_box .search_list ul li a {font-size:14px; line-height:16px;}
.s_tattooist1 {display:flex; flex-wrap:wrap; align-items:center; min-height:38px;}
.s_tattooist1 .img {width:32px; height:32px; margin-right:10px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50%}
.s_tattooist1 .text {width:calc(100% - 42px); overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:14px; line-height:16px;}



/*-----------------------------------------------------------------*/
/* 타투이스트/뷰티샵 회원정보
/*-----------------------------------------------------------------*/
.provider_index {padding-bottom:51px;}
.provider_layer {padding-bottom:51px;}
.provider_layer .tab_swiper > div > .swiper-slide {width:25%; margin-right:0 !important;}
.page_img {height:196px;}
.page_img .page_img_swiper {position:fixed; top:0px; left:0; width:100%; }
.page_img .page_img_swiper .swiper-slide .shop_img {width:100%; height:240px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.page_img.type0 {height:240px;}
.page_img.type0 .page_img_swiper {top:44px;}
.page_img .page_img_swiper .swiper-pagination-fraction {display:inline-block; width:auto; left:auto; right:10px; background:#2C2C2C; padding:4px 4px 2px 4px; font-size:12px; line-height:12px; border-radius:9px; color:#fff;}
.page_img .page_img_swiper .swiper-pagination-fraction span {display:inline-block; color:#fff; font-size:12px; line-height:12px;}

.page_top {position:relative; padding-bottom:48px;}
.page_top .user_img {position:absolute; top:-50px; left:23px; width:73px; height:73px; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:50%;}
.page_top .info_box {display:flex; padding:32px 16px 16px 16px; align-items:center; background:#fff;}
.page_top .info_box .left_box {width:calc(100% - 88px); }
.page_top .info_box .left_box dl {}
.page_top .info_box .left_box dl dt {font-size:17px; line-height:24px; font-weight:700; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 2;}
.page_top .info_box .left_box dl dd {padding-top:9px; font-size:12px; line-height:14px; color:#a5a5a5;}
.page_top .info_box .left_box dl dd span {font-size:12px; line-height:14px; color:#a5a5a5;}
.page_top .info_box .left_box dl dd span.grade {padding:1px 0 0 18px; line-height:14px; background:url('/_image/front/icon/icon_star1_on.png') no-repeat -2px -2px; background-size:16px auto; font-size:12px; color:#a5a5a5;}
.page_top .info_box .right_box {width:88px; text-align:right;}
.page_top .info_txt {padding:16px; margin:16px; background:#F8F8F8; border-radius:8px;}
.page_top .info_txt p {font-size:12px; line-height:18px; font-weight:400;}
.page_top .info_txt p span.cont {font-size:12px; line-height:18px; font-weight:400; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 2;}
.page_top .info_txt p span.open {display:inline-block; font-size:12px; color:#7b7b7b;}

.page_top .info_txt.on p span.cont {display:block;}
.page_top .info_txt.on p span.open {display:none;}

.btm_cont_box {position:relative; background:#fff; z-index:1;}
.page_sticky {position:sticky; top:44px; z-index:10;}

.sort_change {position:relative; padding:0 16px;}
.sort_change p {padding:15px 0; font-size:12px; line-height:14px; color:#a5a5a5;}
.sort_change p span {font-size:12px; line-height:14px; color:#a5a5a5;}
.sort_change .right_btn {position:absolute; top:0; right:16px;}
.sort_change .right_btn ul {display:flex; gap:6px;}
.sort_change .right_btn ul li {width:28px; height:28px;}
.sort_change .right_btn ul li a {display:inline-block; width:28px; height:28px; font-size:0;}
.sort_change .right_btn ul li.mode1 a {background:url('/_image/front/icon/icon_thumbnail.png') no-repeat center; background-size:28px auto;}
.sort_change .right_btn ul li.mode1.on a {background:url('/_image/front/icon/icon_thumbnail_bk.png') no-repeat center; background-size:28px auto;}
.sort_change .right_btn ul li.mode2 a {background:url('/_image/front/icon/icon_list.png') no-repeat center; background-size:28px auto;}
.sort_change .right_btn ul li.mode2.on a {background:url('/_image/front/icon/icon_list_bk.png') no-repeat center; background-size:28px auto;}

.design_list .list_box0.grid2 ul li {padding-top:0;}
.design_list.mode1 {}
.design_list.mode1 .grid2 {padding:0 3px 3px 3px;}
.design_list.mode1 .grid2 ul {display:grid;  grid-template-columns: 1fr 1fr 1fr; gap:3px;}
.design_list.mode1 .grid2 ul li {width:100%; padding:0;}
.design_list.mode1 .list_style0 {}
.design_list.mode1 .list_style0 .dday {display:none;}
.design_list.mode1 .list_style0 dl {display:none;}
.design_list.mode1 .list_style0 .price_box {display:none;}

.o_list {padding:0 16px 32px 16px;}
.o_list dl {display:flex; justify-content:space-between; min-height:50px; align-items:center; border-bottom:1px solid #E6E6E6;}
.o_list dl dt {font-size:14px; line-height:16px; color:#000;}
.o_list dl dd {font-size:13px; line-height:15px; color:#666; text-align:right;}
.o_list dl dd .t_total {color:#666; font-size:15px; line-height:18px; font-weight:700;}
.o_list dl dd .t_plus {color:#a3a3a3; font-size:12px; line-height:14px; font-weight:700;}
.o_list dl dd .t_plus.on {color:#0F73EA;}

.select_list {}
.select_list .list_tit {padding:0 16px;}
.select_list .list_tit a {display:block; padding:16px 0; font-size:15px; line-height:18px; font-weight:700; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:18px auto;}
.select_list .list_tit a.on {background:url('/_image/front/icon/icon_arrow_top.png') no-repeat right center; background-size:18px auto;}
.select_list .list_tit a.no_arrow {background:none;}
.select_list ul {background:#F7F7F7;}
.select_list ul li {margin:0 16px; padding:16px 0; border-bottom:1px solid #e6e6e6;}
.radio_box1 {}
.radio_box1 label {position:relative; display:block; font-size:14px; line-height:16px;}
.radio_box1 label span {position:relative; display:block; font-size:14px; line-height:16px;}
.radio_box1 label input[type="radio"] {position:absolute; top:0; right:0; width:16px; height:16px; margin:0; background:url('/_image/front/icon/icon_radio.png') no-repeat; background-size:16px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.radio_box1 label input[type="radio"]:checked{background:url('/_image/front/icon/icon_radio_on.png') no-repeat; background-size:16px auto;}

/*-----------------------------------------------------------------*/
/* 맞춤 견적
/*-----------------------------------------------------------------*/

.estimate_list {min-height:calc(100dvh - 0px); background:#f2f2f2;}
.estimate_list0 {min-height:calc(100dvh - 88px); background:#f2f2f2; padding-bottom:32px;}

.estimate_top_box {margin-top:-44px; z-index:10;}
.estimate_top_box .top_img {width:100%; height:240px; background-repeat:repeat; background-position:center; background-size:cover;}
.estimate_top_box .estimate_info {position:absolute; bottom:0; left:0; width:100%; padding:16px;}
.estimate_top_box .estimate_info dl {}
.estimate_top_box .estimate_info dl dt {padding-bottom:8px; font-size:15px; line-height:16px; color:#fff; font-weight:700;}
.estimate_top_box .estimate_info dl dd {padding-bottom:16px; font-size:12px; line-height:14px; color:#fff;}

/* 요청서 */
.list_cont1 {transform:translate3d(0,0,0);}
.list_cont1.type0 {padding-bottom:80px;}
.list_cont1.type1 {padding-top:16px;}
.list_cont1 dl {padding-bottom:48px;}
.list_cont1 dl dt {font-size:12px; line-height:14px; color:#747474;}
.list_cont1 dl dd {padding-top:8px; font-size:14px; line-height:16px;}
.list_cont1 dl dd .img_box {}
.list_cont1 dl dd .img_box img {width:100%; border-radius:8px;}
.list_cont1.type1 dl:last-child {}

/* 맞춤견적 상세 */
.estimate_detail {padding-bottom:54px;}
.estimate_providerDetail {padding-bottom:54px;}
.price_box2 {display:flex; justify-content:space-between; padding:16px;}
.price_box2 .left_box {font-size:17px; line-height:18px; font-weight:700;}
.price_box2 .right_box {font-size:17px; line-height:18px; font-weight:700; text-align:right;}
.price_box2 .right_box span {display:inline-block; padding-left:16px; background:url('/_image/front/icon/icon_won_small.png') no-repeat left center; background-size:16px auto; font-size:17px; line-height:18px; font-weight:700; text-align:right;}
.recommend_design {padding-bottom:16px; background:#fff;}
.recommend_design > div {}
.recommend_design > div > .swiper-slide {display:inline-block; width:auto;}
.recommend_design > div > .swiper-slide:first-child {padding-left:16px;}
.recommend_design > div > .swiper-slide:last-child {padding-right:16px;}
.recommend_design > div > .swiper-slide a {display:inline-block; padding:0 0; text-align:Center;}
.recommend_design > div > .swiper-slide a .img {position:relative; width:121px; height:121px; border-radius:8px;}
.recommend_design > div > .swiper-slide a .img img {width:100%; border-radius:8px;}

.list_style10 {padding:12px 16px; min-height:134px; border-radius:8px; border: 1px solid #E6E6E6;}
.list_style10 .top_box {display:flex; align-items:center;}
.list_style10 .top_box .left_box {}
.list_style10 .top_box .left_box .img {width:46px; height:46px; border-radius:50%; background-size:cover;}
.list_style10 .top_box .right_box {padding-left:10px;}
.list_style10 .top_box .right_box dl {}
.list_style10 .top_box .right_box dl dt {font-size:12px; line-height:14px; color:#939393; font-weight:700;}
.list_style10 .top_box .right_box dl dd {position:relative;}
.list_style10 .top_box .right_box dl dd .date {position:absolute; top:2px; left:82px; font-size:12px; line-height:14px; color:#93A2B1; text-wrap:nowrap;}
.list_style10 .btm_box {padding-top:8px;}
.list_style10 .btm_box p {font-size:12px; line-height:18px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word; text-overflow:ellipsis;}
.tattooist_review_swiper {padding-top:8px;}
.tattooist_review_swiper .swiper-slide:first-child {padding-left:16px;}
.tattooist_review_swiper .swiper-slide:last-child {padding-right:16px;}
.tattooist_review_swiper .swiper-slide {width:288px;}
.tattooist_review_swiper .swiper-slide.mode1 {width:134px; margin-right:16px;}
.review_more {display:inline-block; width:134px; height:134px; text-align:center; box-sizing:border-box;}
.review_more a {display:inline-block; width:100%; height:100%; border:1px solid #D8EAFF; border-radius:8px; font-size:12px; line-height:132px; text-align:center; color:#0F73EA;}
.btm_noti {padding:8px 16px 16px 16px;font-size:10px; line-height:14px; color:#a5a5a5;}
.btm_noti span {font-size:10px; line-height:14px; color:#a5a5a5;}

.user_request {}
.user_request a {display:block; padding:20px 16px; font-size:17px; font-weight:700; background-image:url('/_image/front/icon/icon_arrow_btm.png'); background-position:calc(100% - 15px) center; background-repeat:no-repeat; background-size:18px auto;}
.user_request a span strong.nick {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:17px; font-weight:700; }
.user_request a span.nick_box {max-width:calc(100% - 150px); }
.user_request a span {display:inline-block;font-size:17px; font-weight:700; vertical-align:top;}
.user_request a.on {background-image:url('/_image/front/icon/icon_arrow_top.png');}

/* 견적 요청서 작성 */
.estimate_register {min-height:100dvh; background:#f2f2f2;}
.posting_register {min-height:100dvh; background:#f2f2f2;}
.top_line {width:100%; height:8px; background:#E0E0E0;}
.top_line .line_bar {height:8px; background:#0F73EA; border-radius:0 4px 4px 0; }

.estimate_swiper_box {display:flex; align-items:center; height:calc(100dvh - 52px);}
.estimate_swiper {width:100%;}
.estimate_swiper > .swiper-wrapper {padding-bottom:50px;}
.estimate_swiper > .swiper-wrapper > .swiper-slide {position:relative; width:75%; min-width:311px; height:480px; transform:scale(0.9); background:#fff; box-shadow: 0px 20px 20px 0px #0000001A; border-radius:8px;}
.estimate_swiper > .swiper-wrapper > .swiper-slide-active {transform:scale(1);}
.estimate_swiper > .swiper-wrapper > .swiper-slide.step3 .swiper_btm_btn{transform:translate3d(0,0,0);}
/*
.swiper_cont {overflow-y:auto; height:calc(480px - 70px);}
.swiper_cont .box {padding:24px 24px 12px 24px;}
.swiper_cont .box p.title {padding-bottom:24px; font-size:24px; line-height:700; color:#000; line-height:30px; font-family:'yg-jalnan';}
.swiper_cont .box p.sub_txt {padding-top:4px; font-size:12px; line-height:18px; color:#939393;}
.swiper_cont .box p.sub_txt1 {padding-top:8px; font-size:12px; line-height:14px; color:#0F73EA;}
.swiper_cont .s_gradient {position:absolute; bottom:70px; left:0; width:100%;height:56px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 64.58%);}
.swiper_cont .swiper_btm_btn {position:Absolute; bottom:0; left:0; width:100%; padding:0 24px 24px 24px; background:#fff; border-radius:0 0 8px 8px;}
*/

.swiper_cont {}
.swiper_cont > .box {overflow-y:auto; height:410px; }
.swiper_cont .box {padding:24px 24px 12px 24px; }
.swiper_cont .box p.title {padding-bottom:24px; font-size:24px; line-height:700; color:#000; line-height:30px; font-family:'yg-jalnan';}
.swiper_cont .box p.sub_txt {padding-top:4px; font-size:12px; line-height:18px; color:#939393;}
.swiper_cont .box p.sub_txt1 {padding-top:8px; font-size:12px; line-height:14px; color:#0F73EA;}
.swiper_cont .s_gradient {position:absolute; bottom:70px; left:0; width:100%;height:56px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 64.58%);}
.swiper_cont .swiper_btm_btn {width:100%; padding:0 24px 24px 24px; background:#fff; border-radius:0 0 8px 8px; }

.write_box3 {}
.write_box3.type0 {padding-top:48px;}
.write_box3 > dl {}
.write_box3 > dl > dt {position:relative; padding-bottom:12px; font-size:14px; line-height:16px; color:#747474;}
.write_box3 > dl > dt > span {font-size:12px; line-height:16px; vertical-align:middle; color:#0F73EA;}
.write_box3 > dl > dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box3 > dl > dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;  font-weight:400;}
.write_box3 > dl > dt .right_btn {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box3 > dl > dt .right_btn a {font-size:14px; line-height:16px; color:#0F73EA;}
.write_box3 > dl > dt .dt_txt {padding:18px 0; font-size:14px; line-height:20px; color:#000;}
.write_box3 > dl > dd {}
.write_box3 > dl > dd p.dd_txt {font-size:14px; line-height:16px; color:#000;}

.write_box4 {}
.write_box4.type0 {padding-top:48px;}
.write_box4 dl {}
.write_box4 dl dt {position:relative; padding-bottom:12px; font-size:14px; line-height:16px; color:#50647C; font-weight:700;}
.write_box4 dl dt > span {font-size:12px; line-height:16px; vertical-align:middle; color:#0F73EA;}
.write_box4 dl dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box4 dl dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;  font-weight:400;}
.write_box4 dl dt .right_btn {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box4 dl dt .right_btn a {font-size:14px; line-height:16px; color:#0F73EA;}
.write_box4 dl dt .dt_txt {padding:18px 0; font-size:14px; line-height:20px; color:#000;}
.write_box4 dl dd {}

.write_cate3 {}
.write_cate3 ul {}
.write_cate3 ul li {padding-bottom:8px;}
.write_cate3.type0 {}
.write_cate3.type0 ul {display:flex; gap:8px}
.write_cate3.type0 ul li {width:50%; padding-bottom:0;}


.radio_box3 {}
.radio_box3 label {position:relative; }
.radio_box3 label input[type="radio"] {position:static; display:inline-block; width:100%; height:46px; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; }
.radio_box3 label input[type="radio"]:before {display:block; padding:0 16px; color:#2c2c2c; font-size:14px; line-height:46px; border-radius:8px; border: 1px solid #EBEBEB; content:attr(data-text); font-family:'NanumSquareRound', sans-serif;}
.radio_box3 label input[type="radio"]:checked:before {color:#0F73EA; box-shadow: 0px 4px 4px 0px #00000026;}
.radio_box3 label input[type="radio"]:checked:after {position:Absolute; top:15px; right:16px; width:18px; height:18px; content:''; background:url('/_image/front/icon/icon_check.png') no-repeat; background-size:18px auto;}

/* 사진 */
.swiper_photo {width:100%;}
.swiper_photo label {display:flex; align-items:center; width:100%; min-height:196px; text-align:center; border-radius:8px; border:1px solid #EBEBEB; background-position:center; background-size:cover;}
.swiper_photo label p {width:100%; text-align:center;}
.swiper_photo label p span {display:block; padding:84px 0 40px 0; width:100%; font-size:13px; line-height:16px; color:#a5a5a5; background:url('/_image/front/icon/icon_camera.png') no-repeat top center; background-size:84px auto; }
.swiper_photo.on label p span {display:none;}

.swiper_photo1 {width:100%;}
.swiper_photo1 label {display:flex; align-items:center; width:100%; min-height:196px; text-align:center; border-radius:8px; border:1px solid #EBEBEB; background-position:center; background-size:cover;}
.swiper_photo1 label p {width:100%; text-align:center;}
.swiper_photo1 label p span {display:block; padding:84px 0 40px 0; width:100%; font-size:13px; line-height:16px; color:#a5a5a5;}
.swiper_photo1.on label p span {display:none;}

.input_box2 {position:relative;}
.input_box2 input[type="text"]{border:0; padding:0 20px 0 0; border-bottom:2px solid #E6E6E6; border-radius:0;}
.input_box2 input[type="text"]:focus {border-color:#0F73EA;}
.input_box2 .right_btn {display:none; position:Absolute; top:9px; right:0;}
.input_box2 .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}

.keyword_swiper .swiper-slide {width:260px;}
.keyword_swiper .swiper-slide:first-child {padding-left:24px;}
.keyword_swiper .swiper-slide:last-child {padding-right:24px;}
.kw_box {padding:12px; border: 1px solid #EDF2FF; background:#F5F8FF;}
.kw_box p {padding-bottom:16px;font-size:14px; line-height:16px; }
.kw_box ul {display:flex; flex-wrap:wrap; gap:8px;}
.kw_box ul li {}
.kw_box ul li a {display:inline-block; padding:0 8px; line-height:30px; border-radius:15px; background:#fff; color:#B6C2E2; font-size:12px; font-weight:400;}
.kw_box.type0 {border:1px solid #F0F0F0; background:#F5F5F5;}
.kw_box.type0 ul li a {color:#989898;}

/* 견적완료 */
.finish_box {padding:64px 0 44px 0;}
.finish_box.type0 {padding:104px 0 44px 0;}
.finish_box .top_box dl {padding-top:192px; text-align:center; background:url('/_image/front/icon/finish_img0.png') no-repeat top center; background-size:192px auto;}
.finish_box .top_box dl dt {font-size:17px; line-height:22px; color:#0F73EA; font-weight:700;}
.finish_box .top_box dl dd {padding-top:8px; font-size:13px; line-height:18px; color:#7B7B7B;}
.finish_box .fin_btn {width:247px; margin:24px auto 0 auto;}
.fin_btm {padding-top:83px;}
.fin_btm p {padding:16px 0; font-size:14px; line-height:16px; color:#000; border-top:1px solid #E6E6E6;}
.onoff_list {}
.onoff_list ul {}
.onoff_list ul li {position:relative; padding:21px 0; font-size:12px; line-height:14px; color:#838383;}
.onoff_list ul li .right_btn {position:Absolute; top:16px; right:0;}


/* 플랜더 */
.providerIndex header{display:none;}
.page_active {position:fixed; top:44px; left:0; width:100%; background:#fff; box-shadow: 0px 4px 4px 0px #00000026;}
.page_active .box {padding:32px 16px;}
.page_active .box dl {}
.page_active .box dl dt {font-size:17px; line-height:22px; font-weight:700;}
.page_active .box dl dd {padding:16px 0; font-size:13px; line-height:18px; color:#7b7b7b;}
.page_active .box dl dd span {font-size:13px; line-height:18px; color:#7b7b7b;}


/* 이용안내 */
.guide_img_box {padding-bottom:60px;}
.guide_img_box ul {}
.guide_img_box ul li {}
.guide_img_box ul li img {width:100%;}

/* 포인트 충전 / 사용내역 */
.point_top_box {}
.point_top_box .tab_box0 {padding:0 16px;}
.point_info {padding:16px 20px; background: linear-gradient(90deg, #5FA8FF 0%, #8CBCFD 100%);}
.point_info dl {display:flex; justify-content:space-between; padding:8px 0;}
.point_info dl dt {font-size:13px; line-height:15px; color:#fff;}
.point_info dl dd {font-size:13px; line-height:15px; color:#fff;}
.point_info dl dd span {font-size:13px; line-height:15px; color:#fff;}
.point_info dl.total {}
.point_info dl.total dt {font-size:15px; line-height:18px; font-weight:800;}
.point_info dl.total dd {font-size:15px; line-height:18px; font-weight:800;}
.point_info dl.total dd span {font-size:15px; line-height:18px; font-weight:800;}

.p_section {padding:48px 16px 0 16px;}
.p_section .p_tit {font-size:12px; line-height:14px; font-weight:700;}
.p_section .img_box {padding-top:16px;}
.p_section .img_box img {width:100%; border-radius:8px;}
.charge_box {padding-top:16px;}
.charge_box ul {}
.charge_box ul li {border-bottom:1px solid #E6E6E6;}
.charge_box ul li .box {position:relative; padding:22px 0; font-size:14px; line-height:16px;}
.charge_box ul li .box span {font-size:14px; line-height:16px; font-weight:700;}
.charge_box ul li .box .w_price {position:absolute; top:16px; right:0; min-width:105px; border:1px solid #0F73EA; border-radius:4px; color:#0F73EA; text-align:center; font-size:14px; line-height:26px; font-weight:700;}

.agree_box {padding:48px 0;}
.agree_box ul {}
.agree_box ul li {}
.agree_box ul li a {display:block; padding:24px 0; font-size:12px; line-height:14px; font-weight:700;}


.point_guide1 {padding:16px;}
.point_guide1.type0 {padding:0px 16px 0 16px;}
.point_guide1 a {display:block; width:100%; padding-left:48px; font-size:12px; color:#0F73EA; line-height:40px; border-radius:8px; background:#EFF6FF url('/_image/front/icon/icon_missing_message.png') no-repeat 8px center; background-size:40px auto;}

.date_box {padding:0 16px;}
.date_box > ul {display:flex; gap:8px;}
.date_box > ul > li {width:25%;}
.date_box > ul > li > a {display:block; font-size:12px; line-height:34px; color:#747474; text-align:Center; border:1px solid #E6E6E6; border-radius:8px;}
.date_box > ul > li.on > a {color:#fff; background-color:#0F73EA; border-color:#0F73EA;}

.detail_date_box {padding-top:16px;}
.detail_date_box .detail_date {display:flex; gap:40px;}
.detail_date_box .detail_date > div {position:relative; width:50%;}
.detail_date_box .detail_date > div:last-child:after {position:Absolute; top:-5px; left:-24px; content:'~'; font-size:12px; line-height:40px;}
.input_date input[type='date']{position:relative; min-height:26px; padding:0; border:0; border-radius:0; line-height:26px; border-bottom:1px solid #E6E6E6; background:url('/_image/front/icon/icon_filter_arrow_down.png') no-repeat right center; background-size:16px;}
.input_date input[type='date']:focus {border-color:#000;}
.detail_date_box .date_btn {padding-top:16px;}
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field { -webkit-appearance: none; color:transparent;}

input[type="date"]:valid::-webkit-datetime-edit-text,
input[type="date"]:valid::-webkit-datetime-edit-month-field,
input[type="date"]:valid::-webkit-datetime-edit-day-field,
input[type="date"]:valid::-webkit-datetime-edit-year-field { color:#000;}

.date_sort_box {padding:16px;}
.date_sort_box .date_sort {padding:4px 0;}
.date_sort_box .date_sort .box {position:relative;}
.date_sort_box .date_sort .box ul {display:flex; align-items:center; gap:8px;}
.date_sort_box .date_sort .box ul li {font-size:12px; line-height:14px;}
.date_sort_box .date_sort .box ul li span {font-size:12px; line-height:14px;}
.date_sort_box .date_sort .box .right_chk {position:Absolute; top:2px; right:0;}

.button_chk2 label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:0 16px; height:26px; border:1px solid #E6E6E6; background:#fff; border-radius:11px;}
.button_chk2 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:25px; color:#0F73EA; font-family:'NanumSquareRound', sans-serif;}
.button_chk2 label input[type="checkbox"]:checked {}
.button_chk2 label input[type="checkbox"]:checked:before {content:attr(data-text1);}
.abtn_select a {display:inline-block; padding-right:24px; font-size:12px; line-height:26px; border-bottom:1px solid #e6e6e6; color:#EA0F0F; 
background:url('/_image/front/icon/icon_filter_arrow_down.png') no-repeat right center; background-size:16px;}
.abtn_select a span {font-size:12px; line-height:26px; color:#0F73EA;}
.point_history {}
.point_history ul {}
.point_history ul li {}
.point_history ul li .no_data {padding:48px 0;}
.point_history .box {}
.point_history .box .reg_date {padding:4px 16px; background:#F2F2F2; color:#939393; font-size:10px; line-height:12px;}
.point_history .box .mid_box {display:flex; gap:8px; justify-content:space-between; padding:16px;}
.point_history .box .mid_box .left_box {}
.point_history .box .mid_box .left_box .p_time {padding-bottom:4px; color:#999999; font-size:10px; line-height:12px;}
.point_history .box .mid_box .left_box .p_cont {font-size:12px;line-height:18px; color:#000;}
.point_history .box .mid_box .right_box {text-align:right;}
.point_history .box .mid_box .right_box .point_list {}
.point_history .box .mid_box .right_box .point_list .p_step {font-size:10px; line-height:12px; color:#EA0F0F;}
.point_history .box .mid_box .right_box .point_list .p_point {padding-top:4px; font-size:14px; line-height:16px; color:#EA0F0F; font-weight:700;}
.point_history .box .mid_box .right_box .point_list .p_remain {padding:4px 0 0 23px; font-size:12px; line-height:20px; color:#000; background:url('/_image/front/icon/icon_cash_small2.png') no-repeat left 4px; background-size:20px auto; }
.point_history .box .mid_box .right_box .point_list .p_remain span {font-size:12px; line-height:14px; color:#000; }
.point_history .box .mid_box .right_box .point_list.add .p_step {color:#0F73EA;}
.point_history .box .mid_box .right_box .point_list.add .p_point {color:#0F73EA;}

/*-----------------------------------------------------------------*/
/* Popup
/*-----------------------------------------------------------------*/

/* layer_pop 기본 구조 */
.layer_pop_box {display:none ;position:fixed; top:0; left:0; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:99999; box-sizing:border-box;}
.layer_pop_box .layer_bg {width:100%; height:calc(var(--vh, 1vh) * 100); background:rgba(0,0,0,0.7); box-sizing:border-box;}
.layer_pop_box .layer_container_box {position:absolute; top:0; left:50%; width:100%; height:calc(var(--vh, 1vh) * 100); box-sizing:border-box;}
.layer_pop_box .layer_container_box .layer_content_box {height: calc(var(--vh, 1vh) * 100);}
.layer_pop_box .layer_container_box .layer_content_box .layer_content {position:relative;top:0; left:0; height:calc(var(--vh, 1vh) * 100); line-height:0; font-size:0;}
.layer_box {overflow:hidden; position:relative; /* height:100%; */}
.layer_box .layer_btm {text-align:center; padding-bottom:15px;}
.layer_box .btn_close {position:absolute; top:3px; right:10px; display:inline-block; width:40px; height:40px; font-size:0; z-index:1000;}
.layer_box .btn_close:before,
.layer_box .btn_close:after {content:''; position:absolute; top:50%; left:50%; margin:-2px 0 0 -9px; width:18px; height:1px; background:#000; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.layer_box .btn_close:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2);}
.layer_box .btn_close:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2);}
.layer_box .pop_content .laypop_box1 {position:relative; height:100%; background:#fff; border-radius:16px 16px 0 0;}
.layer_box .btm_btn {padding:0 15px;}
.scroll_box {position:relative; height:100%; padding-bottom:40px;}
.scroll_box > .swiper-container {width:100%; height:100%; box-sizing:border-box;}
.scroll_box > .swiper-container > .swiper-wrapper > .swiper-slide {height:auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.scroll_box .btm_btn {padding-bottom:30px;}
.layer_tit {padding:25px 16px 25px 16px;}
.layer_tit h2 {font-size:1.7rem; color:#242222;}
.layer_tit h2 span {margin-left:10px; font-size:1.2rem; color:#ff4342;}

/* 2023-09-27 destiny*/
.layer_type1 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius: 16px 16px 0px 0px;}
.layer_type1 .layer_cont_box {min-height:124px; padding-top:0px; overflow-y:auto;}

@supports (-webkit-touch-callout: none) { height: -webkit-fill-available; }

/* type1 */
.layer_type1 {padding:40px 0 0 0; max-height:90vh;}


/* type2 */
.layer_type2 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius: 8px 8px 0px 0px;}
.layer_type2 .layer_cont_box {}

/* 로그인 */
.layer_type1 .layer_cont_box1 {}
.layer_type1 .layer_cont_box1 .layer_cont {}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul {}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li {padding:0 32px 8px 32px;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a {display:block; height:44px; text-align:center; font-size:14px; line-height:44px; color:#fff; border-radius:12px;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a.btn_kakao {color:#000; background-color:rgba(254, 229, 0, 0.8); background-image:url('/_image/front/icon/kakao_login_symbol.png'); background-repeat:no-repeat; background-position:16px center; background-size:24px auto;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a.btn_naver {background-color:rgba(3, 199, 90, 0.8); background-image:url('/_image/front/icon/naver_login_symbol.png'); background-repeat:no-repeat; background-position:16px center; background-size:24px auto;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a.btn_facebook {background-color:rgba(24, 119, 242, 0.8); background-image:url('/_image/front/icon/facebook_login_symbol.png'); background-repeat:no-repeat; background-position:16px center; background-size:24px auto;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a.btn_apple {background-color:rgba(0, 0, 0, 0.8); background-image:url('/_image/front/icon/apple_login_symbol.png'); background-repeat:no-repeat; background-position:16px center; background-size:24px auto;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li a.btn_etc {background-color:rgba(72, 72, 72, 0.8); background-image:url('/_image/front/icon/icon_etc.png'); background-repeat:no-repeat; background-position:16px center; background-size:24px auto;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li .latest_login {padding:15px 0 1px 0; text-align:center;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li .latest_login p {position:relative; display:inline-block; padding:4px 8px; font-size:12px; line-height:12px; font-weight:700; background:#DEDEDE; border-radius:10px;}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box ul li .latest_login p:after {position:absolute; top:-9px; left:calc(50% - 2.5px); border-bottom: 5px solid #D9D9D9; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; content:'';}
.layer_type1 .layer_cont_box1 .layer_cont .login_btn_box .etc_login {display:none;}
.layer_type1 .layer_cont_box1 .layer_cont .btn_box1 {text-align:center; padding:0 32px 30px 32px;}
.layer_type1 .layer_cont_box1 .layer_cont .btn_box1 a {display:block; height:44px; line-height:44px; font-size:14px; color:#656565; color:#A8A8A8;}

/* 필터 */
.layer_type2 .layer_cont_box {}
.layer_type2 .layer_cont_box h2 {padding:20px 16px; font-size:20px; line-height:24px;}
.layer_type2 .area_box {overflow-y:scroll; min-height:calc(80dvh - 88px); height:calc(80dvh - 44px); padding-bottom:84px; overscroll-behavior-y: contain;}

.filter_list0 {}
.filter_list0 > ul {padding:0 0;}
.filter_list0 > ul > li {}
.filter_list0 > ul > li > a {display:block; padding:18px 0 14px 0 !important; margin:0 16px; font-size:14px !important; line-height:14px !important; font-weight:400 !important; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:18px auto; border-bottom:1px solid #E6E6E6;}
.filter_list0 > ul > li > a.on {background:url('/_image/front/icon/icon_arrow_top.png') no-repeat right center; background-size:18px auto;}
.filter_chk {padding:0 16px;}
.filter_chk label {position:relative; display:block; padding:18px 0 14px 0; font-size:14px; line-height:14px; border-bottom:1px solid #E6E6E6;}
.filter_chk label span { font-size:12px; line-height:14px; color:#a5a5a5; vertical-align:0px;}
.filter_chk label input[type="radio"],
.filter_chk label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; }
.filter_chk label input[type="radio"]:before,
.filter_chk label input[type="checkbox"]:before {display:block; content:attr(data-text); font-size:14px; line-height:14px; color:#000; font-weight:normal; font-family:'NanumSquareRound', sans-serif;}
.filter_chk label input[type="radio"]:checked:before, 
.filter_chk label input[type="checkbox"]:checked:before {color:#0F73EA; font-weight:700;}
.filter_chk label input[type="radio"]:checked:after,
.filter_chk label input[type="checkbox"]:checked:after{position:absolute; top:calc(50% - 11px); right:0; width:18px; height:18px; background:url('/_image/front/icon/icon_check.png') no-repeat center; background-size:18px auto; content:'';}

.filter_chk1 {position:relative; margin:0 16px;}
.filter_chk1 label {display:block; padding:18px 0 14px 0; font-size:14px; line-height:14px; border-bottom:1px solid #E6E6E6;}
.filter_chk1.on label {color:#0F73EA; font-weight:700;}
.filter_chk1.chk label {color:#0F73EA; font-weight:700;}
.filter_chk1 label span { font-size:12px; line-height:14px; color:#a5a5a5; vertical-align:0px;}
.filter_chk1 input[type="text"] {position:absolute; top:calc(50% - 8px); right:0; width:50%; height:18px; padding:0; border:0; font-size:14px; line-height:18px; text-align:right; color:#000;}
.filter_chk1 input[type="text"]::-webkit-input-placeholder {color:#A5A5A5 !important; font-size:14px !important; line-height:18px; font-family:'NanumSquareRound';}
.filter_chk1 input[type="text"]:focus + label {color:#0F73EA; font-weight:700;}
/* .filter_chk1 input[type="text"]:valid + label {color:#0F73EA; font-weight:700;} */

.filter_list1 {padding:32px 16px 0 16px;}
.filter_list1 .filter_tit {padding-bottom:8px;font-size:14px; line-height:16px; color:#747474;}
.filter_list1 ul {display:flex; flex-wrap:wrap; gap:8px;}
.filter_list1 ul li {}
.filter_chk2 {}
.filter_chk2 label {}
.filter_chk2 label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:9px 16px 11px 16px; height:36px; color:#A5A5A5; border:2px solid #F2F3F7; border-radius:17px;}
.filter_chk2 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:14px; line-height:14px; color:#a5a5a5; font-weight:700; font-family:'NanumSquareRound', sans-serif;}
.filter_chk2 label input[type="checkbox"]:after {display:inline-block; padding-left:2px; content:attr(data-num); font-size:14px; line-height:14px; color:#a5a5a5; font-weight:normal; font-family:'NanumSquareRound', sans-serif;}
.filter_chk2 label input[type="checkbox"]:checked {border:2px solid #000;}
.filter_chk2 label input[type="checkbox"]:checked:before {color:#000;}
.filter_chk2 label input[type="checkbox"]:checked:after {color:#000;}

.filter_chk2 {}
.filter_chk2 label {}
.filter_chk2 label input[type="radio"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; padding:9px 16px 11px 16px; height:36px; color:#A5A5A5; border:2px solid #F2F3F7; border-radius:17px;}
.filter_chk2 label input[type="radio"]:before {display:inline-block; content:attr(data-text); font-size:14px; line-height:14px; color:#a5a5a5; font-weight:700; font-family:'NanumSquareRound', sans-serif;}
.filter_chk2 label input[type="radio"]:after {display:inline-block; padding-left:2px; content:attr(data-num); font-size:14px; line-height:14px; color:#a5a5a5; font-weight:normal; font-family:'NanumSquareRound', sans-serif;}
.filter_chk2 label input[type="radio"]:checked {border:2px solid #000;}
.filter_chk2 label input[type="radio"]:checked:before {color:#000;}
.filter_chk2 label input[type="radio"]:checked:after {color:#000;}

.filter_range_box {padding:32px 16px 0 16px;}
.filter_range_box p label {display:block;  font-size:14px; line-height:16px; color:#747474;}
.filter_range_box p input {height:auto; margin:8px 0 27px 0; font-size:15px; line-height:18px; border:0; line-height:0;}
.filter_range_box p input:read-only {font-size:15px; line-height:18px; color:#2c2c2c; font-weight:700; padding:0; border:0 !important; line-height:0;}
.filter_range_box .range_box {padding:0 5px 0 5px;}
.filter_range_box .ui-widget {}
.filter_range_box .ui-slider-range {}
.filter_range_box .ui-widget-content {background:#e7e7e7; border:0; border-radius:4px;}
.filter_range_box .ui-widget-header {background:#0F73EA;}
.filter_range_box .ui-state-default {width:30px; height:30px; border:1px solid #F4F5F6; background-color:#fff; background-image:url('/_image/front/icon/icon_arrow_left.png'); background-size:18px; background-position:center; background-repeat:no-repeat; box-shadow: 0px 1px 1px 0px #00000033; border-radius:50%;}
.filter_range_box .ui-slider-horizontal .ui-slider-handle {top:-11px;}
#filter_range span:last-child {margin-left:-20px; background-image:url('/_image/front/icon/icon_arrow_right.png');}
.filter_range_box .ui-state-default.ui-state-active {border:1px solid #F4F5F6;}
.filter_range_box .btm_txt {padding-top:27px; font-size:10px; line-height:12px; color:#2c2c2c;}

.sub_cate {background:#F4F5F6;}
.sub_cate ul {}
.sub_cate ul li {text-align:left;}

.layer_ft_btn {position:fixed; bottom:0; left:0; padding:8px; width:100%; z-index:100; background:#fff;}
.layer_ft_btn ul {display:flex; gap:8px;}
.layer_ft_btn ul li:nth-child(1) {width:25%;}
.layer_ft_btn ul li:nth-child(2) {width:75%;}

.layer_ft_btn1 {position:fixed; bottom:0; left:0; padding:0px; width:100%; z-index:100; background:#fff;}


/* 신고 차단 */
.layer_type3 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px;}
.report_btn {}
.report_btn .r_btn_box {padding:0 16px;}
.report_btn .r_btn_box ul {}
.report_btn .r_btn_box ul li {border-bottom:1px solid #AEAEAE;}
.report_btn .r_btn_box ul li a {display:block; text-align:center; font-size:20px; font-weight:700; line-height:56px; background:#E0E0E0; color:#0F73EA;}
.report_btn .r_btn_box ul li:first-child a {border-radius:8px 8px 0 0;}
.report_btn .r_btn_box ul li:last-child {border-bottom:0;}
.report_btn .r_btn_box ul li:last-child a {border-radius:0 0 8px 8px; color:#FF0000;}
.report_btn.type0 .r_btn_box ul li:last-child a {border-radius:0 0 8px 8px; color:#0F73EA;}
.report_btn.type1 .r_btn_box ul li:first-child a {border-radius:8px; color:#0F73EA;}
.report_btn.type1 .r_btn_box ul li:last-child a {border-radius:8px; color:#0F73EA;}
.report_btn .r_btn_box1 {padding:8px 16px 8px 16px;}


/* 리뷰 수 표기 안내*/
.layer_type4 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius: 8px 8px 0px 0px;}
.layer_type4 .layer_cont_box {min-height:124px; padding-top:0px; overflow-y:auto; /* max-height:80dvh; */}
#posting_genre .layer_cont_box {max-height:80dvh;}
.review_guide {padding:16px 16px 37px 16px;}
.review_guide dl {}
.review_guide dl dt {padding:0 0 16px 22px; font-size:14px; line-height:18px; color:#25B7D3; font-weight:700; background:url('/_image/front/icon/icon_info.png') no-repeat left -1px; background-size:18px auto;}
.review_guide dl dd {font-size:12px; line-height:20px; color:#999;}
.review_guide dl dd span {font-size:12px; line-height:20px; color:#999;}

/* 무슨의미 인가요? */
.estimate_guide1 {padding:16px 16px 37px 16px;}
.estimate_guide1 dl {}
.estimate_guide1 dl dt {padding:0 0 16px 22px; font-size:14px; line-height:18px; color:#7C7C7C; font-weight:700; background:url('/_image/front/icon/icon_info1.png') no-repeat left -1px; background-size:18px auto;}
.estimate_guide1 dl dd {font-size:12px; line-height:20px; color:#999;}
.estimate_guide1 dl dd span {font-size:12px; line-height:20px; color:#999;}


/* 포인트 차감 메시지 안옴 안내 */
.point_guide {padding:16px 16px 37px 16px;}
.point_guide dl {}
.point_guide dl dt {padding:0 0 16px 40px; font-size:14px; line-height:40px; color:#0F73EA; font-weight:700; background:url('/_image/front/icon/icon_missing_message.png') no-repeat left -1px; background-size:40px auto;}
.point_guide dl dd {font-size:12px; line-height:20px; color:#999;}


/* 차단 숨기기 */
.layer_type5 {position:fixed; top:50%; left:0; width:100%; min-width:320px; transform:translate(0, -50%);}
.layer_type5 .layer_cont_box1 {min-height:124px; padding-top:0px; overflow-y:auto;}
.layer_type5 .layer_cont_box1 .layer_cont {position:relative; width:258px; margin:0 auto; padding:56px 16px 10px 16px; background:#fff; border-radius:8px;}
.layer_type5 .layer_cont_box1 .layer_cont .right_btn {position:absolute; top:0; right:0;}
.layer_type5 .layer_cont_box1 .layer_cont .right_btn a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto; vertical-align:top; font-size:0;}
.write_txt {padding:0px 0px 32px 0px;}
.write_txt > dl {}
.write_txt > dl > dt {padding:0 0 0 0; font-size:17px; line-height:22px; font-weight:700; text-align:center;}
.write_txt > dl > dd {padding-top:8px; font-size:13px; line-height:18px; color:#7B7B7B; text-align:center;}
.write_txt > dl > dd > span {font-size:13px; line-height:18px; color:#7B7B7B; }

/* 포인트 부족 */
.point_num1 {margin:8px 0 16px 0; text-align:Center; background:#F5F5F5; text-align:center; border-radius:8px;}
.point_num1 dl {display:flex; padding:12px 0; justify-content: center;}
.point_num1 dl dt {padding-right:8px; font-size:12px; line-height:14px; color:#7B7B7B;}
.point_num1 dl dd {font-size:12px; line-height:14px; font-weight:700;}
.point_num1 dl dd span {font-size:12px; line-height:14px; font-weight:700; color:#000;}

/* 견적 문의 1:1 대화 시작  */
.layer_type7 {position:fixed; top:50%; left:0; width:100%; min-width:320px; transform:translate(0, -50%);}
.layer_type7 .layer_cont_box1 {min-height:124px; padding-top:0px; overflow-y:auto;}
.layer_type7 .layer_cont_box1 .layer_cont {position:relative; width:275px; margin:0 auto; padding:56px 16px 20px 16px; background:#fff; border-radius:8px;}
.layer_type7 .layer_cont_box1 .layer_cont .right_btn {position:absolute; top:0; right:0;}
.layer_type7 .layer_cont_box1 .layer_cont .right_btn a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto; vertical-align:top; font-size:0;}
.layer_type7 .layer_cont_box1 .layer_cont .copy_txt {padding:16px; margin-bottom:8px; font-size:12px; line-height:16px; border-radius:8px; border:1px solid #EBEBEB; color:#7B7B7B; background:#F5F5F5;}
.write_txt1 {padding:0px 0px 24px 0px;}
.write_txt1 dl {}
.write_txt1 dl dt {padding:0 0 0 0; font-size:17px; line-height:22px; font-weight:700; text-align:center;}
.write_txt1 dl dd {padding-top:8px; font-size:13px; line-height:18px; color:#7B7B7B; text-align:center;}
.btm_cert_box {width:275px; margin:4px auto 0 auto; background:#E3F0FF; border-radius:8px;}
.btm_cert_box .box {position:relative; display:flex; padding:16px;}
.btm_cert_box .box:after {position:Absolute; top:-8px; left:calc(50% - 9px); width:18px; height:12px; background:url('/_image/front/icon/icon_arrow1.png') no-repeat center; background-size:18px auto; content:'';}
.btm_cert_box .box .left_box {padding-right:8px; }
.btm_cert_box .box .left_box .img {width:56px;}
.btm_cert_box .box .left_box .img img {width:100%;}
.btm_cert_box .box .right_box {font-size:12px; line-height:18px; font-weight:700; color:#0F73EA;}

/* 장르 */
.genre_list {padding:0 16px 32px 16px;}
.genre_list ul {display:grid; gap:8px; grid-template-columns:1fr 1fr 1fr;}
.genre_list ul li {}
.genre_list ul li a {display:inline-block; padding:0 0; text-align:Center;}
.genre_list ul li a .img {position:relative; width:108px; height:108px; border-radius:8px;}
.genre_list ul li a .img img {width:100%; border-radius:8px;}
.genre_list ul li a .img span {position:Absolute; top:calc(50% - 10px); left:0; display:block; width:100%; text-align:Center; font-size:14px; line-height:20px; font-family:'yg-jalnan'; color:#fff;}


.layer_type6 {position:fixed; top:50%; left:0; width:100%; min-width:320px; transform:translate(0, -50%);}
.layer_type6 .layer_cont_box1 {min-height:124px; padding-top:0px; overflow-y:auto;}
.layer_type6 .layer_cont_box1 .layer_cont {position:relative; width:258px; margin:0 auto; padding:56px 0 0 0; background:#fff; border-radius:0px;}
.layer_type6 .layer_cont_box1 .layer_cont .right_btn {position:absolute; top:0; right:0;}
.layer_type6 .layer_cont_box1 .layer_cont .right_btn a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto; vertical-align:top; font-size:0;}


/* 페이지선택 */
.page_select {padding-bottom:44px;}
.page_select.type0 {padding-bottom:0;}
.page_select .sub_txt {padding-bottom:16px; font-size:14px; line-height:16px; color:#A5A5A5;}
.page_select .sub_txt.type0 {padding-top:48px;}
.page_select .sub_txt.type1 {padding-bottom:24px}
.page_select .select_page_ul {position:relative;}
.page_select .select_page_ul ul {overflow-y:auto; overflow-x:hidden; max-height:34dvh; padding:2px 0 46px 0;}
.page_select .select_page_ul.type0 ul {overflow-y:auto; overflow-x:hidden; max-height:70dvh; padding:2px 0 46px 0;}
.page_select .select_page_ul.type1 ul {overflow-y:auto; overflow-x:hidden; max-height:34dvh; padding:2px 0 8px 0;}
.page_select .select_page_ul ul li {padding-bottom:8px;}
.page_select .s_gradient {position:absolute; bottom:-1px; left:0; width:100%;height:56px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 64.58%);}
.page_select.type0 .select_page_ul ul {padding-bottom:0;}
.page_select.type0 .select_page_ul ul li {padding-bottom:20px;}

.select_page_radio {}
.select_page_radio label {position:relative; display:block; margin-left:4px;}
.select_page_radio label .img {position:Absolute; top:50%; left:10px; width:32px; height:32px; margin-top:-16px; background-position:center; background-size:cover; border-radius:50%;}
.select_page_radio label input[type='radio'] {width:100%; height:56px; font-size:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius:0;}
.select_page_radio label input[type='radio']:before {width:100%; margin-left:-5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  padding:0 52px 0 52px; font-size:14px; line-height:56px; border-radius:8px; border: 1px solid #EBEBEB; content:attr(data-text); font-family:'NanumSquareRound', sans-serif;}
.select_page_radio label input[type='radio']:checked:before {padding:0 51px 0 51px;  border:2px solid #0F73EA;}
.select_page_radio label input[type='radio']:checked:after {position:absolute; top:14px; right:8px; width:28px; height:28px; background:url('/_image/front/icon/icon_check_circle.png') no-repeat center; background-size:28px auto; content:'';}

.select_page_radio.type0 label input[type='radio']:before {padding:0 51px 0 16px;}


.a_link_page {}
.a_link_page a {position:relative; display:block; width:100%; line-height:32px; padding-left:42px;}
.a_link_page a .img {position:Absolute; top:0; left:0; width:32px; height:32px; background-size:cover; border-radius:50%; background-position:center;}
.a_link_page a span {display:inline-block; width: 100%; margin-left: 0px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; line-height: 32px; border-radius: 8px; border: 1px soli}

/* 사진 선택 */
.layer_type4 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius: 8px 8px 0 0;}
.layer_type4 .layer_cont_box {min-height:124px;}
.layer_type4 .layer_cont_box .layer_cont {position:relative;}
.layer_type4 .layer_cont_box .layer_cont .title {padding:20px 16px; font-size:20px; line-height:24px; font-weight:700;}
.layer_type4 .layer_cont_box .layer_cont .right_btn {position:Absolute; top:16px; right:16px;}
.layer_type4 .layer_cont_box .layer_cont .mid_box {padding:16px;}
.layer_type4 .layer_cont_box .layer_cont .tattoo_img_box {max-height:80dvh; overflow-y:auto;}
.layer_type4 .layer_cont_box .layer_cont .tattoo_img_box.type0 {max-height:65dvh;}
.img_file {}
.img_file label {display:block; width:100%; line-height:44px; color:#0F73EA; font-size:15px; border:1px solid #0F73EA; text-align:center; border-radius:8px; background:url('/_image/front/icon/icon_gallery.png') no-repeat left center; background-size:44px; auto;}

/* 타투 부위 도안 */
.pop_cate {display:flex; min-height:80dvh; max-height:80dvh;}
.pop_cate .left_box {width:120px; background:#F2F2F2;  max-height:calc(80dvh - 0px); overflow-y:auto;}
.pop_cate .left_box .l_list ul {}
.pop_cate .left_box .l_list ul li a {display:block; font-size:14px; line-height:50px; color:#A0A0A0; text-align:center;}
.pop_cate .left_box .l_list ul li.on a {background:#fff; box-shadow: 0px 4px 4px 0px #00000026;}
.pop_cate .right_box {width:calc(100% - 120px); max-height:calc(80dvh - 0px); overflow-y:auto;}
.pop_cate .right_box .r_list {}
.pop_cate .right_box .r_list ul {padding:0 16px;}
.pop_cate .right_box .r_list ul li {border-bottom: 1px solid #E6E6E6;}
.pop_cate .right_box .r_list ul li a {display:block; line-height:50px; font-size:14px; font-weight:400;}
.pop_cate .right_box .r_list ul li.on a {display:block; color:#0F73EA; font-weight:700; background:url('/_image/front/icon/icon_check.png') no-repeat right center; background-size:18px; }

/* 타투 사이즈 */
.pop_cate1 {width:100%; padding-bottom:49px; min-height:clac(80dvh - 44px); max-height:calc(80dvh - 44px); overflow-y:auto;}
.pop_cate1.type0 {padding-bottom:150px;}
.pop_cate1.type1 {height:80dvh;}
.pop_cate1 .r_list {width:100%;}
.pop_cate1 .r_list ul {padding:0 0;}
.pop_cate1 .r_list ul li {}
.direct_input {position:relative; padding:0 16px;}
.direct_input p {font-size:14px; line-height:48px; border-bottom:1px solid #E6E6E6;}
.direct_input > div {position:Absolute; top:12px; right:16px;}
.direct_input > div ul {display:flex; gap:26px;}
.direct_input > div ul li {position:relative;}
.direct_input > div ul li:last-child:after {position:Absolute; top:3px; left:-22px; width:18px; height:18px; background:url('/_image/front/icon/icon_popup_close.png') no-repeat center; background-size:18px auto; content:'';}
.input_box3 input[type="text"] {width:84px; height:26px; padding:0; line-height:26px; background:#f4f4f4; text-align:center;}

.input_chk {padding:0 16px;}
.input_chk label {position:relative; display:block; padding:19px 0 15px 0; font-size:14px; line-height:14px; border-bottom:1px solid #E6E6E6;}
.input_chk label span {margin-left:5px; font-size:12px; line-height:14px; color:#a5a5a5; vertical-align:0px;}
.input_chk label input[type="radio"],
.input_chk label input[type="checkbox"] {position:unset; width:auto; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; }
.input_chk label input[type="radio"]:before,
.input_chk label input[type="checkbox"]:before {display:block; content:attr(data-text); font-size:14px; line-height:14px; color:#000; font-weight:normal; font-family:'NanumSquareRound', sans-serif;}
.input_chk label input[type="radio"]:checked:before, 
.input_chk label input[type="checkbox"]:checked:before {color:#0F73EA; font-weight:700;}
.input_chk label input[type="radio"]:checked + span {color:#0F73EA;}
.input_chk label input[type="radio"]:checked:after,
.input_chk label input[type="checkbox"]:checked:after{position:absolute; top:calc(50% - 11px); right:0; width:18px; height:18px; background:url('/_image/front/icon/icon_check.png') no-repeat center; background-size:18px auto; content:'';}

/* 포인트 가이드 */
.layer_box .layer_type8 .btn_close a {font-size:0;}
.layer_type8 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius: 0;}
.layer_type8 .layer_cont_box {min-height:124px;}
.layer_type8 .layer_cont_box .layer_cont {position:relative;}
.layer_type8 .layer_cont_box .layer_cont .title {padding:10px 16px 12px 16px; font-size:17px; line-height:22px; font-weight:700; text-align:center;}
.layer_type8 .layer_cont_box .layer_cont .right_btn {position:Absolute; top:16px; right:16px;}
.layer_type8 .layer_cont_box .layer_cont .guide_box {height:calc(100dvh - 44px); overflow-y:auto; padding-bottom:44px;}
.guide_txt {}
.guide_txt dl {}
.guide_txt dl dt {padding:48px 0 12px 0; font-size:17px; line-height:22px; font-weight:700; color:#0F73EA;}
.guide_txt dl dd {padding-bottom:16px; font-size:12px; color:#2C2C2C; line-height:20px;}
.guide_txt dl dd:last-child {padding-bottom:0;}

/* 필터 사용내역 */
.point_filter_list {}
.point_filter_list ul {padding:0 16px;}
.point_filter_list ul li a {display:block; padding:16px 0; font-size:15px; color:#000;}

/* 견적 및 부가 정보*/
.posting_price_box {padding:0 16px 90px 16px; min-height:80dvh; max-height:80dvh; overflow-y:auto;}
.posting_price_box .title1 {position:relative;}
.posting_price_box .title1 > p {font-size:14px; line-height:16px; color:#50647C; font-weight:700;}
.posting_price_box .title1 .right_btn1 {position:absolute; top:-8px; right:0;}
.posting_price_box .title1 .right_btn1 > div {display:inline-block; padding-left:8px;}
.posting_price_box .title1 .right_txt1 {position:absolute; top:2px; right:0;}
.posting_price_box .title1 .right_txt1 p {font-size:12px; line-height:14px; color:#a5a5a5;;}
.write_box6 {padding-bottom:48px;}

.posting_price_box .posting_txt {padding-top:12px;}
.posting_price_box .posting_txt ul {}
.posting_price_box .posting_txt ul li {font-size:12px; line-height:18px; font-weight:400; color:#7B7B7B;}
.price_input2 {position:relative; padding-top:16px; text-align:right;}
.price_input2 .box {display:flex; border:1px solid #EBEBEB; border-radius:4px; }
.price_input2 label {position:relative; overflow:hidden; display:block; width:100%; height:40px; line-height:40px; color:#a5a5a5; font-size:12px; text-align:right;}
.price_input2 label {width:20%;}
.price_input2 label:after {position:Absolute; top:0px; right:12px; content:'분'; font-size:12px; color:#a5a5a5; vertical-align:top;}
.price_input2 label.type0 {width:80%;}
.price_input2 label.type0:after {position:Absolute; top:0px; right:0px; content:'시간'; font-size:12px; color:#a5a5a5; vertical-align:top;}
.price_input2 label input[type="text"] {float:right; padding:3px 0 0 0; margin-right:23px; width:20px; text-align:right; border:0; font-size:12px; line-height:14px;}

.price_input.date label {width:100%; border: 1px solid #EBEBEB; border-radius: 4px;}
.price_input.date label:after {display:none;}
.price_input.date label input[type="date"] {width:100%; min-height:38px; padding:0 16px 0 0; text-align:right; border:0; font-size:12px; line-height:38px; padding-left:10px;}
.price_input.date label input[type="date"]:before {width: 100%; line-height:38px; color:#a5a5a5; content: attr(data-placeholder);}
.price_input.date label input[type="date"]:valid:before {display:none;}
.etc_list {padding-top:12px;}
.etc_list ul {display:flex; gap:8px;}
.etc_list ul li { width:50%;}


/*-----------------------------------------------------------------*/
/* 타투이스트 모드 / 뷰티샵 모드 메인 
/*-----------------------------------------------------------------*/
.alarm_on_pop {position:relative; padding:8px 8px 0 8px;}
.alarm_on_pop p {padding:16px; font-size:14px; line-height:18px; color:#93A2B1; background:#F5FBFF; border-radius:8px;}
.alarm_on_pop a {position:Absolute; top:24px; right:18px; display:inline-block; padding-right:18px; font-size:14px; line-height:18px; font-weight:700; background:url('/_image/front/icon/icon_arrow_right.png') no-repeat right center; background-size:18px auto;}

.mainTattooist #layout{background:#f2f2f2;}
.mainBeauty #layout{background:#f2f2f2;}
.main_tattooist {padding-bottom:57px;}
.main_beauty {padding-bottom:57px;}
.banner_slide_box {padding:8px 8px 0 8px;}
.banner_slide_swiper {}
.banner_slide_swiper .swiper-slide img {width:100%; border-radius:8px;}
.wh_cont_box {padding:8px 8px 0 8px;} 
.wh_cont_box .wh_box_pd {padding:16px;}
.wh_cont_box .wh_box {border-radius:8px; background:#fff;}
.wh_cont_box .wh_tit {padding-bottom:8px; font-size:17px; line-height:22px; font-weight:700;}
.wh_cont_box .wh_tit a {display:inline-block; padding-right:22px; font-size:17px; line-height:22px; font-weight:700; background:url('/_image/front/icon/icon_arrow_right1.png') no-repeat right center; background-size:22px;}
.wh_cont_box .wh_tit.type0 a {display:block; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:18px;}
.wh_cont_box .wh_btm_btn {padding-top:16px;}
.wh_cont_box .wh_btm_btn.no_pd {padding-top:0px;}
.wh_cont_box .wh_btm_btn ul {display:flex; gap:8px;}
.wh_cont_box .wh_btm_btn ul li {width:50%;}
.wh_cont_box .wh_stxt {font-size:12px; line-height:20px;}
.wh_cont_box .wh_stxt span {font-size:12px; line-height:20px;}
.ul_txt {}
.ul_txt li {position:relative; padding-left:10px; font-size:12px; line-height:20px; font-weight:400;}
.ul_txt li:after {position:Absolute; top:0; left:2px; content:'·'; font-size:12px;}

.box_list1 {margin-top:16px;}
.box_list1 ul {display:flex; justify-content:space-around; padding:17px 0; background:#F8F8F8;  border-radius:8px;}
.box_list1 ul li {position:relative; width:33.3%;}
.box_list1 ul li:after {position:Absolute; top:calc(50% - 12px); left:0; width:1px; height:24px; content:''; background:#d9d9d9;}
.box_list1 ul li:first-child:after {display:none;}
.box_list1 ul li dl {text-align:center;}
.box_list1 ul li dl dt {font-size:16px; line-height:18px; font-weight:800; color:#000;}
.box_list1 ul li dl dd {padding-top:8px;font-size:12px; line-height:14px; color:#2C2C2C;}
.box_list1 ul li.t_blue {}
.box_list1 ul li.t_blue dl {}
.box_list1 ul li.t_blue dl dt {color:#0F73EA;}
.box_list1 ul li.t_blue dl dd {color:#0F73EA;}

/* 안내 */
.blue_txt_box {margin-top:16px; padding:12px; background:#E3F0FF; border:1px solid #D8EAFF; border-radius:8px;}
.blue_txt_box.no_mg {margin-top:0;}
.blue_txt_box dl {}
.blue_txt_box dl dt {font-size:12px; line-height:18px; font-weight:700;}
.blue_txt_box dl dd {padding-top:4px; font-size:12px; line-height:18px;}
.blue_txt_box dl dd a {font-size:12px; line-height:18px; font-weight:700; color:#0F73EA;}

/* 상단 노출 광고 swiper */
.ad_swiper { background:#fff;}
.ad_swiper > div {}
.ad_swiper > div > .swiper-slide {display:inline-block; width:auto;}
.ad_swiper > div > .swiper-slide:first-child {padding-left:16px;}
.ad_swiper > div > .swiper-slide:last-child {padding-right:16px;}
.ad_swiper > div > .swiper-slide a {display:inline-block; padding:0 0; text-align:Center;}
.ad_swiper > div > .swiper-slide a .img {position:relative; width:121px; height:121px; border-radius:8px;}
.ad_swiper > div > .swiper-slide a .img img {width:100%; border-radius:8px;}

.study_swiper {padding:0 16px 0px 16px;}
.study_swiper .swiper-slide {width:160px;}

.line_graph {width:100%; padding-top:16px;}
.line_graph .box {width:100%; height:8px; margin:16px 0 6px 0; border-radius:4px; background:#EFEFEF;}
.line_graph .box .bar {height:8px; border-radius:4px; background:#4192EE;}
.line_graph .graph_txt {display:flex; padding-bottom:16px; justify-content:space-between;}
.line_graph .graph_txt .left_box {color:#4192EE; font-size:12px; line-height:14px; font-weight:700;}
.line_graph .graph_txt .left_box span {color:#4192EE; font-size:12px; line-height:14px; font-weight:700;}
.line_graph .graph_txt .right_box {color:#666666; font-size:12px; line-height:14px;}
.line_graph .graph_txt .right_box span {color:#666666; font-size:12px; line-height:14px;}
.set_swiper .swiper-slide{width:168px;}
.page_set_box {position:relative; width:168px; height:90px; padding:62px 12px 12px 12px; background:#f8f8f8; border-radius:8px;}
.page_set_box p {display:inline-block; padding-right:18px; font-size:12px; line-height:14px; font-weight:700; background:url('/_image/front/icon/icon_arrow_right.png') no-repeat right -3px; background-size:18px;}
.page_set_box:after {position:absolute; top:12px; left:12px; width:40px; height:40px; background-position:center; background-repeat:no-repeat; content:''; background-size:40px auto;}
.page_set_box.img0:after {background-image:url('/_image/front/icon/icon_page_setting_1.png');}
.page_set_box.img1:after {background-image:url('/_image/front/icon/icon_page_setting_2.png');}
.page_set_box.img2:after {background-image:url('/_image/front/icon/icon_page_setting_3.png');}
.page_set_box.img3:after {background-image:url('/_image/front/icon/icon_page_setting_4.png');}
.page_set_box.img4:after {background-image:url('/_image/front/icon/icon_page_setting_5.png');}

.tip_swiper {padding:0 16px 16px 16px}
.tip_swiper .swiper-slide {width:240px;}
.tip_swiper .swiper-slide img {width:100%;}
.section5 .list0 {padding-top:16px;}

/* 수강 / 광고 관리 */
.wh_cont_box1 {transform:translate3d(0,0,0);}
.wh_cont_box1 .wh_box {padding:32px 0;}
.wh_cont_box1 .wh_box.type0 {padding:32px 0 16px 0;}
.wh_cont_box1 .wh_box .wh_box_pd {padding:0 16px;}
.wh_cont_box1 .wh_box.type0 .wh_box_pd .btn_box {padding-bottom:16px;}
.wh_cont_box1 .wh_box .wh_tit {position:relative; padding-bottom:12px; font-size:17px; line-height:22px; font-weight:700;}
.wh_cont_box1 .wh_box .wh_tit.type0 {padding:0;}
.wh_cont_box1 .wh_box .wh_stxt {font-size:15px; line-height:18px;}
.wh_cont_box1 .wh_box .wh_stxt span {font-size:15px; line-height:18px;}
.wh_cont_box1 .wh_box .wh_tit .right_btn {position:Absolute; top:5px; right:0;}
.wh_cont_box1 .wh_box .wh_tit .right_btn a {display:inline-block; font-size:13px; line-height:15px; color:#0F73EA;}
.ad_order_list {}
.ad_order_list ul {padding-top:4px;}
.ad_order_list ul li {padding:0 16px 16px 16px;}
.ad_order_list ul li .box {padding:16px; border:1px solid #E3F0FF; border-radius:8px; background:#F5FAFD;}
.ad_order_list ul li .box .title {padding-bottom:16px; font-size:15px; line-height:18px; font-weight:700;}
.ad_order_list ul li .box .title span {font-size:15px; line-height:18px; color:#0F73EA;}
.ad_order_list ul li .box dl {display:flex; padding-bottom:8px; align-items:flex-start;}
.ad_order_list ul li .box dl:last-child {padding-bottom:0;}
.ad_order_list ul li .box dl dt {width:74px; font-size:12px; line-height:16px; color:#A5A5A5;}
.ad_order_list ul li .box dl dd {font-size:12px; line-height:16px; font-weight:700;}
.ad_order_list ul li .box.type0 .title span {color:#EA0F0F;}
.ad_order_list ul li .box.type1 {border:1px solid #AFD4FF; background:#E3F0FF;}
.ad_order_list ul li .box.type1 .title span {color:#EA0F0F;}
.ad_order_list ul li .box.type1 dl {}
.ad_order_list ul li .box.type1 dl dt {}
.ad_order_list ul li .box.type1 dl dd span {display:block; font-size:12px; line-height:16px; font-weight:700;}

.ad_order_list ul li .box.type2 {position:relative; border:1px solid #F0F0F0; background:#FAFAFA;}
.ad_order_list ul li .box .right_btn {position:absolute; top:12px; right:16px;}
.ad_order_list ul li .box .right_btn a {display:inline-block; padding:0 12px; line-height:22px; font-size:10px; color:#8B8B8B; border-radius:11px; background:#F0F0F0;}
.ad_order_list ul li .box .btm_txt {font-size:10px; line-height:14px; color:#a5a5a5; }
.ad_order_list ul li .box .btm_txt span {font-size:10px; line-height:14px; color:#a5a5a5; }

.bar_graph {padding:0 16px;}
.list_type0 {display:flex; padding-top:16px;}
.list_type0 dl {width:33.3%;}
.list_type0 dl dt {padding:14px 0; text-align:center; font-size:14px; line-height:16px; color:#999;}
.list_type0 dl dd {padding:20px 0; text-align:center; border-top: 1px dashed #999999;  font-size:14px; line-height:16px; color:#999;}
.list_type0 dl.type1 dt {color:#000;}
.list_type0 dl.type1 dd {color:#000;}
.study_prd_list {padding:16px 0 0 0;}
.study_prd_list ul {}
.study_prd_list ul li {padding:16px 0; border-bottom:1px solid #e6e6e6;}

.ad_prd_list {padding:16px 0 0 0;}
.ad_prd_list ul {}
.ad_prd_list ul li {padding:16px 0; border-bottom:1px solid #e6e6e6;}


.ad_prd_list1 {padding:0px 16px 0 16px;}
.ad_prd_list1 > ul {}
.ad_prd_list1 > ul > li {padding:16px 0; border-bottom:1px solid #e6e6e6;}


/* 광고 관리 */
.ad_index .section1 {padding-bottom:32px;}
.ad_index .tab_box2 {position:sticky; top:44px; background:#fff; z-index:10; border-top:1px solid #e6e6e6;}
.tab_box2 {padding:0 16px; border-bottom:1px solid #E6E6E6;}
.tab_box2 ul {display:flex; gap:8px;}
.tab_box2 ul li {width:50%;}
.tab_box2 ul li a {display:block; width:100%; line-height:44px; color:#7B7B7B; border-bottom:4px solid transparent; text-align:center; font-size:15px;}
.tab_box2 ul li.on a {font-weight:700; color:#0F73EA; border-color:#0F73EA;}

/* 수강 - 카테고리 기간 선택 / 장르 스타일 */
.layer_type4 .sub_title {padding:0 16px; font-size:14px; line-height:22px; color:#747474;}
.layer_type4 .cate_select {padding-bottom:48px; }
.layer_type4 .cate_select.last {padding-bottom:120px;} 
.layer_type4 .cate_select .cate_list {padding:16px;}
.layer_type4 .cate_select .cate_list ul {display:grid; gap:8px; grid-template-columns:1fr 1fr 1fr;}
.layer_type4 .cate_select .cate_list ul li .filter_chk2 label input[type="radio"]{width:100%; text-align:Center;}

.layer_type4 .cate_select.type0 .cate_list ul {display:flex; gap:8px; flex-wrap:wrap; grid-template-columns:none;}
.layer_type4 .cate_select.type0 .cate_list {padding:0 16px;}

/* 수강료 */
.study_price_box {min-height:80dvh;}
.study_price_box .title1 {position:relative;}
.study_price_box .title1 p {font-size:14px; line-height:16px; color:#50647C;}
.study_price_box .title1 .right_btn1 {position:absolute; top:-8px; right:0;}
.price_select {padding-top:12px;}
.price_select.type0 {padding-top:0;}
.price_select ul {display:grid; gap:8px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.price_select ul li {}
.price_select ul li a {display:block; text-align:Center; line-height:38px; background:#FCFCFC; font-size:12px; color:#747474; border:1px solid #e6e6e6; border-radius:4px;}
.price_input {position:relative; padding-top:16px; text-align:right;}
.price_input.type2 {margin-top:-8px;}
.price_input .place_txt {position:Absolute; top:30px; left:16px; font-size:12px; line-height:14px; color:#A5A5A5;}
.price_input label {position:relative; overflow:hidden; display:block; width:100%; height:40px; line-height:40px; color:#a5a5a5; font-size:12px; border:1px solid #EBEBEB; border-radius:4px; text-align:right;}
.price_input label:after {position:Absolute; top:0px; right:12px; content:'원'; font-size:12px; color:#a5a5a5; vertical-align:top;}
.price_input.type0 label:after {content:'회';}
.price_input.type1 label:after {content:'분';}
.price_input label input[type="text"] {float:right; padding:3px 0 0 0; margin-right:23px; width:15px; text-align:right; border:0; font-size:12px; line-height:14px;}
.price_input label.auto input[type="text"] {width:auto;}

/* 특장점 */
.layer_type4 .layer_cont {}
.layer_type4 .layer_cont .advantage_pop_box {overflow-y:auto; height:80dvh; padding-bottom:120px; }
.layer_type4 .layer_cont .title2 {display:inline-block; margin:17px 0; padding:0 16px; font-size:14px; line-height:30px; color:#fff; border-radius:16px; background:#000; }
.layer_type4 .layer_cont .title2 span {font-size:14px; line-height:30px; color:#fff; border-radius:16px; background:#000; }

/* 수강 업로드 */
.study_register {min-height:100dvh; background:#f2f2f2;}
.top_line {width:100%; height:8px; background:#E0E0E0;}
.top_line .line_bar {height:8px; background:#0F73EA; border-radius:0 4px 4px 0; }

.study_swiper_box {display:flex; align-items:center; height:calc(100dvh - 52px);}
.study_swiper1 {width:100%;}
.study_swiper1 > .swiper-wrapper {padding-bottom:50px;}
.study_swiper1 > .swiper-wrapper > .swiper-slide {position:relative; width:75%; min-width:311px; height:480px; transform:scale(0.9); background:#fff; box-shadow: 0px 20px 20px 0px #0000001A; border-radius:8px;}
.study_swiper1 > .swiper-wrapper > .swiper-slide-active {transform:scale(1);}

.input_box4 {position:relative;}
.input_box4 input[type="text"]{border:0; padding:0 20px 0 0; border-bottom:1px solid #E6E6E6; border-radius:0;}
.input_box4 .right_btn {display:none; position:Absolute; top:9px; right:0;}
.input_box4 .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}
.sutdy_advantage_box {padding-bottom:30px;}
.sutdy_advantage_box ul {}
.sutdy_advantage_box ul li {padding:0 0 12px 0;}
.advantage_write_btn {position:relative;}
.advantage_write_btn .right_del {position:Absolute; top:12px; right:10px;}
.advantage_write_btn .right_del a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat center; background-size:20px auto; font-size:0; vertical-align:top;}
.sutdy_advantage {}
.sutdy_advantage .box {position:relative; padding:8px 0; border:1px solid #E6E6E6; border-radius:8px;}
.sutdy_advantage .box .p_title {display:inline-block; padding:0 12px; background:#000; color:#fff; font-weight:800; font-size:10px; line-height:20px; border-radius:0 16px 16px 0;}
.sutdy_advantage .box .p_title span {color:#fff; font-weight:800; font-size:10px;}
.sutdy_advantage .box .right_btn {position:absolute; top:11px; right:0;}
.sutdy_advantage .box .right_btn a {display:inline-block; padding:0 12px; font-size: 14px; line-height: 16px; color: #0F73EA;}
.sutdy_advantage .box .cont_box {display:flex; gap:12px; align-items:center; padding-top:8px;}
.sutdy_advantage .box .cont_box .left_box {padding-left:12px;}
.sutdy_advantage .box .cont_box .left_box .img {width:48px; height:48px; border-radius:4px; background-repeat:no-repeat; background-size:cover;}
.sutdy_advantage .box .cont_box .right_box {padding-right:12px;}
.sutdy_advantage .box .cont_box .right_box p.cont_text {font-size:12px; line-height:16px; font-weight:700; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 커리 큘럼 */
.curriculum_box {padding-top:12px;}
.curriculum_box dl {padding-left:25px;}
.curriculum_box dl dt {position:relative; padding-bottom:8px; font-size:14px; line-height:16px; font-weight:800; }
.curriculum_box dl dt span {font-size:14px; line-height:16px; font-weight:800;}
.curriculum_box dl dt:after {position:absolute; top:-2px; left:-26px; width:20px; height:20px; content:''; background:url('/_image/front/icon/icon_watch_line.png') no-repeat left center; background-size:20px auto;}
.curriculum_box dl dd {position:relative; padding:8px 0; }
.curriculum_box dl dd p {font-size:14px; line-height:20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: unset; -webkit-line-clamp: 3;}
.curriculum_box dl dd:after {position:Absolute; top:0; left:-17px; width:1px; height:100%; background:#a5a5a5; content:'';}

.curriculum_box1 {padding-top:12px;}
.curriculum_box1 dl {padding:16px 0 0 25px;}
.curriculum_box1 dl dt {position:relative; padding-bottom:8px; font-size:14px; line-height:16px; font-weight:800; }
.curriculum_box1 dl dt span {font-size:14px; line-height:16px; font-weight:800;}
.curriculum_box1 dl dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.curriculum_box1 dl dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;  font-weight:400;}
.curriculum_box1 dl dt .right_num span.right_del a {display:inline-block; width:20px; height:20px; margin:-4px 0 0 5px; background:url('/_image/front/icon/icon_x2.png') no-repeat center; background-size:20px; font-size:0; vertical-align:top;}
.curriculum_box1 dl dt:after {position:absolute; top:-2px; left:-26px; width:20px; height:20px; content:''; background:url('/_image/front/icon/icon_watch_line.png') no-repeat left center; background-size:20px auto;}
.curriculum_box1 dl dd {position:relative; padding:8px 0; }
.curriculum_box1 dl dd:after {position:Absolute; top:0; left:-17px; width:1px; height:100%; background:#a5a5a5; content:'';}

.layer_type4 .layer_cont .curriculum_pop_box {overflow-y:auto; height:90dvh; padding-bottom:80px;}
.layer_type4 .layer_cont .curriculum_pop_box .btm_add_btn {padding:16px 0 0 0;}

/* 견적서 작성 */
.write_box5 {}
.write_box5 > dl {padding-top:32px;}
.write_box5 > dl > dt {position:relative; padding-bottom:12px; font-size:15px; line-height:17px; font-weight:700;}
.write_box5 > dl > dd {}
.price_input1 {padding-top:8px;}
.price_input1 label {position:relative;display:block; width:100%; text-align:right;}
.price_input1 label input[type="text"] {height:46px; line-height:46px; padding:0 40px 0 0px; text-align:right; border:0; border-radius:0; border-bottom:1px solid #E6E6E6;}
.price_input1 label input[type="text"]:focus {border-color:#0F73EA;}
.price_input1 label input[type="text"]::-webkit-input-placeholder {text-align:left;}
.price_input1 label:after {position:absolute; top:14px; right:0; content:attr(data-text); font-size:13px; line-height:16px; font-weight:700;}
.price_input1 label .right_btn {display:none; position:Absolute; top:12px; right:16px;}
.price_input1 label .right_btn .input_clear {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}
/* 안내 */
.blue_txt_box1 {margin-top:32px; padding:16px; background:#F5FAFF; border:1px solid #DEEEFF; border-radius:8px;}
.blue_txt_box1.no_mg {margin-top:0;}
.blue_txt_box1 dl {}
.blue_txt_box1 dl dt {font-size:14px; line-height:16px; color:#0F73EA; font-weight:700;}
.blue_txt_box1 dl dd {padding-top:4px; font-size:12px; line-height:18px; color:#7B7B7B;}

/* 견적서 제안 */
.proposal_box {padding-bottom:72px;}
.proposal_box .sub_txt {font-size:13px; line-height:18px; color:#2C2C2C;}
.order_point_list {padding:16px 0;}
.order_point_list .box {padding:16px; background:#F5FAFF; border:1px solid #DEEEFF; border-radius:8px;}
.order_point_list .box > p {padding-bottom:8px; font-size:14px; line-height:16px; font-weight:700; color:#6F8EB4;}
.order_point_list .box dl {display:flex; justify-content:space-between;}
.order_point_list .box dl dt {font-size:12px; line-height:18px; color:#6F8EB4;}
.order_point_list .box dl dd {font-size:12px; line-height:18px; color:#000;}
.order_point_list .box dl dd span {font-size:12px; line-height:18px; color:#000;}
.order_point_list .box dl dd span.order_price {color:#0F73EA;}
.add_point {position:relative;}
.add_point p {padding-left:20px; font-size:13px; line-height:18px; color:#2c2c2c; font-weight:700; background:url('/_image/front/icon/icon_cash_small2.png') no-repeat left center; background-size:20px auto;}
.add_point p span {font-size:13px; line-height:18px; color:#2c2c2c;}
.add_point .right_btn1 {position:absolute; top:-3px; right:0;}

.first_guide {padding-top:44px;}
.first_guide .button_chk1 {}
.first_guide .button_chk1 label {position:relative; display:block;  font-size:13px; line-height:28px;}
.first_guide .button_chk1 label input[type="checkbox"] {position:absolute; top:0; right:-5px;}

/* 안내 */
.gray_txt_box {margin-top:8px; padding:16px; background:#F4F5F6;}
.gray_txt_box.no_mg {margin-top:0;}
.gray_txt_box ul {}
.gray_txt_box ul li {position:relative; margin:30px 0 0 16px; font-size:12px; line-height:20px; color:#646464;}
.gray_txt_box ul li:after {position:absolute; top:7px; left:-12px; width:3px; height:3px; border-radius:50%; background:#646464; content:'';}
.gray_txt_box ul li:first-child {margin-top:0;}

/* 등급별 혜택 안내 */
.ad_gradeGuide {background:#F2F3F4; min-height:100dvh}
.grade_box {padding:48px 16px 56px 16px; background:#fff;}
.grade_box dl {padding-bottom:16px; text-align:Center;}
.grade_box dl dt {font-size:48px; line-height:52px; color:#000; font-weight:800;}
.grade_box dl dd {padding-top:16px; font-size:14px; line-height:20px; font-weight:700;}
.grade_box dl dd span {font-size:14px; line-height:20px; font-weight:700;}
.gray_box {padding:16px; border:1px solid #F0F0F0; background:#fafafa; border-radius:8px; text-align:center;}
.gray_box p {font-size:12px; line-height:20px;}
.gray_box p span {font-size:12px; line-height:20px; color:#0F73EA;}
.grade_benefit {padding:32px 16px;}
.grade_benefit .tit {padding-bottom:16px; font-size:17px; line-height:22px; color:#000; font-weight:700;}
.grade_benefit dl {display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid #E3E3E3;}
.grade_benefit dl dt {font-size:12px; line-height:14px;}
.grade_benefit dl dd {font-size:12px; line-height:14px; color:#A3A3A3;}
.ft_cert_box {padding:32px 16px;}
.ft_cert_box .tit {padding-bottom:16px; font-size:17px; line-height:22px; color:#000; font-weight:700;}
.ft_cert_box ul {}
.ft_cert_box ul li {padding-bottom:16px; font-size:12px; line-height:20px; color:#000;}

/* 인사이트 모두보기 */
.sight_box {padding:48px 16px 48px 16px;}
.sight_box.type0 {padding:48px 16px 16px 16px;}
.sight_box .tit { font-size:17px; line-height:22px;  text-align:center; font-weight:700;}
.sight_box .sub_tit {padding-top:16px; font-size:14px; line-height:20px; font-weight:700; text-align:center;}
.sight_box .sub_tit1 {padding-top:16px; font-size:14px; line-height:20px; color:#7B7B7B; text-align:center;}
.data_box {padding:24px 0 8px 0;}
.data_box dl {display:flex; align-items:center; justify-content:space-between; padding:11px 0; border-bottom:1px solid #E6E6E6;}
.data_box dl:last-child {border-bottom:0;}
.data_box dl dt {font-size:14px; line-height:16px;}
.data_box dl dd .number {font-size:14px; line-height:16px; color:#A5A5A5; text-align:right;}
.data_box dl dd .per {padding-top:2px; font-size:14px; line-height:16px; color:#0F73EA; text-align:right;}
.data_box dl dd .per.f_gray {color:#A5A5A5;}
.ad_inSight{transform:translate3d(0,0,0);}
.ad_inSight .section2 {padding-bottom:16px;}
.sight_tit1 {position:relative; padding:0px 16px 16px 16px; margin-top:32px;}
.sight_tit1 p {font-size:17px; line-height:22px; font-weight:700;}
.sight_tit1 span {display:block; padding-top:4px; font-size:12px; line-height:14px; color:#7b7b7b;}
.sight_tit1 .right_btn {position:absolute; top:26px; right:16px;}
.sight_tit1 .right_btn a {font-size:12px; line-height:14px; color:#0F73EA; text-decoration:underline;}
.data_box1 {padding-bottom:16px;}
.data_box1 ul {}
.data_box1 ul li {padding:16px 0 0 0;}
.data_box1 ul li:first-child {padding-top:0;}
.bar_graph1 {padding:0 16px;}
.bar_graph1 .graph_tit {font-size:12px; line-height:14px;}
.bar_graph1 .box {display:flex; align-items:center; padding-top:4px;}
.bar_graph1 .box .left_box {width:calc(100% - 50px);}
.bar_graph1 .box .left_box .bar_box {width:100%; height:8px; background:#EFEFEF; border-radius:0 4px 4px 0;}
.bar_graph1 .box .left_box .bar_box .bar {height:8px; background:#4192EE; border-radius:0 4px 4px 0;}
.bar_graph1 .box .right_box {width:50px; text-align:right;}
.bar_graph1 .box .right_box span {font-size:13px; line-height:14px; font-weight:800;}

.popular1 {display:flex; gap:16px; padding:0 16px 56px 16px;}
.popular_tit1 {}
.popular_tit1 dt {padding-bottom:4px; font-size:17px; line-height:22px; color:#000; font-weight:700;}
.popular_tit1 dd {font-size:12px; line-height:14px; color:#7b7b7b;}
.popular_list1 {width:50%; padding-top:0;}
.popular_list1 ul {}
.popular_list1 ul li {padding:12.5px 0;}

.popular_list1 .box {display:flex;}
.popular_list1 .box .left_box {width:20px; font-size:14px; line-height:16px; color:#000; font-weight:900; text-align:center;}
.popular_list1 .box .right_box {position:relative; width:calc(100% - 20px); padding-left:24px; font-size:14px; line-height:16px; overflow:hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.popular_list1 .box .right_box:after {position:Absolute; top:7px; left:6px; width:8px; height:2px; background:#ccc; content:'';}

.popular_list1.first ul li:nth-child(1) .box .left_box,
.popular_list1.first ul li:nth-child(2) .box .left_box,
.popular_list1.first ul li:nth-child(3) .box .left_box { color:#CC4160;}

.popular_list1 ul li.up .box .right_box:after {position:Absolute; top:1px; left:6px; width:0; height:0; border:4px solid #C82C30; border-color:transparent transparent #C82C30 transparent; background:none; content:'';}
.popular_list1 ul li.down .box .right_box:after {position:Absolute; top:5px; left:6px; width:0; height:0; border:4px solid #204FC3; border-color:#204FC3 transparent transparent transparent; background:none; content:'';}

/* 노출위치 안내 */
.prd_guide {}
.prd_guide .box {}
.prd_guide .box .img {}
.prd_guide .box .img img {width:100%;}
.prd_guide .guide_txt {padding:16px 16px 48px 16px; font-size:14px; line-height:20px; color:#2C2C2C;}

/* 디자인 업로드 /소식 업로드 */
.posting_tattooRegister {min-height:100dvh; background:#f2f2f2;}
.posting_beautyRegister {min-height:100dvh; background:#f2f2f2;}
.posting_swiper_box {display:flex; align-items:center; height:calc(100dvh - 52px);}
.posting_swiper1 {width:100%;}
.posting_swiper1 > .swiper-wrapper {padding-bottom:50px;}
.posting_swiper1 > .swiper-wrapper > .swiper-slide {position:relative; width:75%; min-width:311px; height:480px; transform:scale(0.9); background:#fff; box-shadow: 0px 20px 20px 0px #0000001A; border-radius:8px;}
.posting_swiper1 > .swiper-wrapper > .swiper-slide-active {transform:scale(1);}

.input_box5 {position:relative;}
.input_box5 input[type="text"]{border:0; padding:0 20px 0 0; border-bottom:1px solid #E6E6E6; border-radius:0;}
.input_box5 .right_btn {display:none; position:Absolute; top:9px; right:0;}
.input_box5 .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}


/* 페이지 정보 수정 */
.provider_modify {padding-bottom:51px;}
.provider_img {position:fixed; top:44px; left:0; width:100%;}
.provider_img a {position:relative; display:block;}
.provider_img a .img {width:100%; height:240px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.provider_img a .camera_img {position:absolute; bottom:16px; right:16px; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;;} 

.provider_img label {position:relative; display:block;}
.provider_img label .img {width:100%; height:240px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.provider_img label .camera_img {position:absolute; bottom:16px; right:16px; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;;} 


.provider_info {position:relative; margin-top:240px; background:#fff;}
.provider_info .top_profile_img {position:Absolute; top:-37px; left:calc(50% - 37px);}
.provider_info .top_profile_img a {position:relative; display:inline-block; width:74px; height:74px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50%;}
.provider_info .top_profile_img a .camera_img {position:absolute; bottom:0; right:-8px; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;}

.provider_info .top_profile_img {position:Absolute; top:-37px; left:calc(50% - 37px);}
.provider_info .top_profile_img label {position:relative; display:inline-block; width:74px; height:74px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50%;}
.provider_info .top_profile_img label .camera_img {position:absolute; bottom:0; right:-8px; width:30px; height:30px; background:url('/_image/front/icon/icon_photo_select_option.png') no-repeat center; background-size:30px auto;}


.write_box7 {}
.write_box7 > dl {padding-bottom:48px;}
.write_box7 > dl > dt {position:relative; padding-bottom:12px; font-size:14px; line-height:16px; color:#50647C; font-weight:900;}
.write_box7 > dl > dt .right_txt {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5; font-weight:400;}
.write_box7 > dl > dt .right_txt span {font-size:12px; line-height:14px; color:#0F73EA;  font-weight:400;}
.write_box7 > dl > dt .right_txt span.red {color:#D02D2D;}
.write_box7 > dl > dt .right_txt span.normal {color:#a5a5a5;}
.write_box7 > dl > dt .right_num {position:Absolute; top:2px; right:0; font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box7 > dl > dt .right_num span {font-size:12px; line-height:14px; color:#A5A5A5;}
.write_box7 > dl > dd {position:relative; padding:0;font-size:12px; line-height:14px; color:#2c2c2c; font-weight:400; border-bottom:1px solid #e6e6e6;}
.write_box7 > dl > dd:last-child {border-bottom:0;}
.write_box7 > dl > dd .m_input_box {}
.write_box7 > dl > dd .m_input_box1 {padding-top:12px;}
.write_box7 > dl > dd .m_input_box.left_txt {position:relative;}
.write_box7 > dl > dd .m_input_box.left_txt:after {position:Absolute; top:12px; left:16px; content:attr(data-text); font-size:12px; line-height:14px; color:#a5a5a5;}
.write_box7 > dl > dd .m_input_box.left_txt input[type='text']{padding-left:177px;}

.flex_box {}
.flex_box ul {display:flex; gap:8px; flex-wrap:wrap;}
.flex_box ul li {width:calc(50% - 4px);}
.page_del a {display:block; padding:18px 16px; font-size:14px; line-height:16px; color:#C96A6A; font-weight:700;}

.terms_box {}
.terms_box dl {display:flex; justify-content:space-between; align-items:center;}
.terms_box dl dt {width:calc(100% - 56px); }
.terms_box dl dt a {display:inline-block; padding:22px 0; font-size:14px; line-height:16px; color:#747474; font-weight:400;}
.terms_box dl dd {width:56px; text-align:right;}

/*주소 검색 */
.input_box6 {position:relative;}
.input_box6 dl {}
.input_box6 dl dt {padding:16px 0 16px 0; font-size:15px; font-weight:700;}
.input_box6 dl dd {padding-bottom:16px; font-size:14px; line-height:20px;}
.input_box6 .input_text.type0 {border:0; border-bottom:1px solid #DBDBDB; border-radius:0; padding-left:8px;}
.input_box6 .right_btn {display:none; position:Absolute; top:9px; right:8px;}
.input_box6 .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}

/* 안내 */
.red_txt_box {margin-top:16px; padding:12px; background:#FCF4EF; border:1px solid #FFC7C7; border-radius:4px;}
.red_txt_box.no_mg {margin-top:0;}
.red_txt_box ul {}
.red_txt_box ul li {position:relative; margin:0; font-size:12px; line-height:20px; color:#ED6060;}

/* 페이지 개설 */
.chat_box {height:calc(100dvh - 104px); padding:24px 16px 80px 16px; overflow-y:auto;}
.chat_box.add_on {padding-bottom:300px;}
.chat_box .chat_list ul {}
.chat_box .chat_list ul li {}
.user_box {position:relative; display:inline-block; max-width:73%;}
.user_box .img_box {position:absolute; top:0; left:0; width:32px; vertical-align:top;}
.user_box .img_box .img {display:inline-block; width:32px; height:32px; background:url('/_image/front/icon/icon_profile_3.png') no-repeat center; background-size:cover;}
.user_box .txt_box { vertical-align:top;}
.user_box .txt_box dl {padding-left:42px}
.user_box .txt_box dl dt {margin-bottom:8px; font-size:12px; line-height:14px; color:#6F6F6F;}
.user_box .txt_box dl dd {padding:12px; margin-bottom:8px; font-size:14px; line-height:20px; background:#F4F5F6; border-radius:8px;}
.user_box .txt_box dl dd strong {font-size:14px; line-height:20px; font-weight:800;}
.chat_box .chat_list ul li.chat_my {margin-top:16px; text-align:right;}
.chat_box .chat_list ul li.chat_my .user_box {max-width:85%; text-align:left;}
.chat_box .chat_list ul li.chat_my .user_box .txt_box dl dd {color:#fff; background:#0F73EA;}
.chat_btm_box {position:relative;}
.chat_btm_box .chat_write_box {position:absolute; bottom:-60px; left:0; width:100%; z-index:11;}
.chat_btm_box .chat_write_box .cert_box {padding:10px 16px;background:#C96A6A;}
.chat_btm_box .chat_write_box .cert_box.on {background:#6A87C9;}
.chat_btm_box .chat_write_box .cert_box p {color:#fff; font-size:14px; line-height:16px;}
.chk_list {}
.chk_list ul {}
.chk_list ul li {padding-bottom:8px;}
.chk_fin .button_chk7 label input[type="radio"] {background:#FCFCFC; color:#fcfcfc; border:1px solid #EBEBEB;}
.chk_fin .button_chk7 label input[type="radio"]:before {color:#D9D9D9;}

.button_chk7 label input[type="radio"] {position:unset; width:100%; min-width:124px; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:40px; text-align:center; color:#0F73EA; border:1px solid #0F73EA; background:#fff; border-radius:8px;}
.button_chk7 label input[type="radio"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:40px; color:#0F73EA; font-family:'NanumSquareRound', sans-serif;}
.button_chk7 label input[type="radio"]:checked {border:1px solid #0F73EA; background:#0F73EA;}
.button_chk7 label input[type="radio"]:checked:before {color:#fff;}

.button_chk7 label input[type="checkbox"] {position:unset; width:100%; min-width:124px; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:40px; text-align:center; color:#0F73EA; border:1px solid #0F73EA; background:#fff; border-radius:8px;}
.button_chk7 label input[type="checkbox"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:40px; color:#0F73EA; font-family:'NanumSquareRound', sans-serif;}
.button_chk7 label input[type="checkbox"]:checked {border:1px solid #0F73EA; background:#0F73EA;}
.button_chk7 label input[type="checkbox"]:checked:before {color:#fff;}
.add_info_box {position:fixed; bottom:51px; left:0; width:100%; padding:16px 16px 48px 16px;  background:#fff; backdrop-filter: blur(20px);box-shadow: 0px -0.5px 4px 0px #0000001A;}
.add_info_box ul {display:flex; gap:8px; flex-wrap:wrap;}
.add_info_box ul li {width:calc(50% - 4px);}

/* 페이지 개설 서비스 동의 안내 */
.finish_box1 {padding-bottom:100px;}
.finish_box1 .top_box {padding:32px;}
.finish_box1 .top_box dl {}
.finish_box1 .top_box dl dt {font-size:26px; line-height:34px; font-weight:700; color:#2c2c2c;}
.finish_box1 .top_box dl dd {padding-top:16px; font-size:14px; line-height:20px; color:#747474;}

.terms_box1 {padding:0 32px;}
.terms_box1 dl {display:flex; justify-content:space-between; align-items:center;}
.terms_box1 dl dt {width:calc(100% - 56px); font-size:14px; line-height:16px; color:#2c2c2c; font-weight:400;}
.terms_box1 dl dt.no_link {padding:22px 0;}
.terms_box1 dl dt a {display:inline-block; padding:22px 0; font-size:14px; line-height:16px; color:#747474; font-weight:400;}
.terms_box1 dl dd {width:56px; text-align:right;}

/* 타투 매거진 상세 */
.fixed_box {position:fixed; top:0; left:0; width:100%; z-index:11; }
.p_top_box2 {display:table; width:100%; padding:0 16px;}
.p_top_box2 > .left_box {display:table-cell; width:44px; vertical-align:middle;}
.p_top_box2 > .left_box .close_btn {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_back_wh.png') no-repeat center; background-size:44px auto; font-size:0; vertical-align:top;}
.p_top_box2 > .center_box{position:relative; display:table-cell; width:calc(100dvw - 76px);  vertical-align:middle;}
.p_top_box2 > .center_box .subject {padding-right:100px; opacity:0; font-size:17px; line-height:22px; font-weight:600; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_top_box2 > .center_box .detail_icon {position:absolute; top:0; right:0; display:inline-block; text-wrap:nowrap; font-size:0;}
.p_top_box2 > .center_box .detail_icon li {display:inline-block; min-width:44px; text-align:center;}
.p_top_box2 > .center_box .detail_icon li a {position:relative; display:inline-block; width:44px; height:44px; color:transparent; background-repeat:no-repeat; background-size:44px auto; background-position:center; vertical-align:Top; }
.p_top_box2 > .center_box .detail_icon li.i_report a {background-image:url('/_image/front/icon/icon_report.png');}
.p_top_box2 > .center_box .detail_icon li.magazine_info > a {background-image:url('/_image/front/icon/icon_magazine_info.png');}
.p_top_box2 > .center_box .detail_icon li.magazine_info .img_info {position:relative; display:inline-block; vertical-align:-23px; padding:0 4px; background:rgba(255,255,255,0.2); border-radius:4px; }
.p_top_box2 > .center_box .detail_icon li.magazine_info .img_info span {max-width:calc(100dvw - 182px); padding:0 20px 0 0; color:#fff; font-size:12px; line-height:20px;  overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.p_top_box2 > .center_box .detail_icon li.magazine_info .close {position:Absolute; top:0; right:4px;}
.p_top_box2 > .center_box .detail_icon li.magazine_info .close a {width:20px; height:20px; background:url('/_image/front/icon/icon_clear_graph.png') no-repeat center; background-size:20px auto;}
.p_top_box2 > .center_box .detail_icon li.magazine_slide1 a {background-image:url('/_image/front/icon/icon_slide.png');}


.p_top_box2 > .center_box .best_item {display:none; position:Absolute; top:0; right:0;}
.p_top_box2 > .center_box .best_item a {display:inline-block; font-size:12px; line-height:44px; color:#fff; padding-right:16px; background:url('/_image/front/icon/icon_right_arrow3.png') no-repeat right center; background-size:8px auto;}
.magazine_cont_box.slide_last .p_top_box2 > .center_box .detail_icon {display:none;}
.magazine_cont_box.slide_last .p_top_box2 > .center_box .best_item {display:inline-block;}
.magazine_cont_box.on .p_top_box2 {background:#fff;}
.magazine_cont_box.on .p_top_box2 > .left_box .close_btn {background:url('/_image/front/icon/icon_back.png') no-repeat center; background-size:44px;}
.magazine_cont_box.on .p_top_box2 > .center_box .best_item a {color:#000; background:url('/_image/front/icon/icon_arrow_right4_bk.png') no-repeat right center; background-size:8px auto;}
.magazine_cont_box.on .p_top_box2 > .center_box .subject {opacity:1;}

.magazine_slide { width: 100%; height: 100%; }
.magazine_slide .swiper-slide {height:100dvh; overflow-y:auto;}

.magazine_box {position:relative; min-height:100dvh; padding-bottom:51px;}
.magazine_box > .img > img {width:100%;}
.magazine_box.last > .img {position:sticky; top:0; left:0; width:100%; height:240px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.magazine_box.last > .img > img {}
.magazine_box .title_box {}
.magazine_box .title_box dl {padding:16px;}
.magazine_box .title_box dl dt {padding-bottom:8px; font-size:14px; line-height:18px; font-weight:700;}
.magazine_box .title_box dl dd {font-size:12px; line-height:14px; color:#93A2B1;}
.magazine_box .title_box dl dd span {font-size:12px; line-height:14px; color:#93A2B1;}
.magazine_box .m_slide_txt {padding:16px;}
.magazine_box .m_slide_txt p {font-size:14px; line-height:18px;}
.magazine_box .m_btm_box {position:absolute; bottom:0; left:0; width:100%; padding:3px 0; box-shadow: 0px -2px 4px 0px #0000001A;}
.magazine_box .m_btm_box ul {display:flex; width:100%; gap:16px;}
.magazine_box .m_btm_box ul li {width:calc(33.3% - 8px); padding:0; }
.magazine_box .m_btm_box ul li a {display:block;line-height:36px; font-size:12px; color:#999; text-align:center;}
.magazine_box .m_btm_box ul li a:before {display:inline-block; width:28px; height:28px; margin-right:4px; content:''; vertical-align:middle;}
.magazine_box .m_btm_box ul li.wish a:before {display:none}
.magazine_box .m_btm_box ul li.wish .wish3 input {vertical-align:-10px; margin-right:3px;}
.magazine_box .m_btm_box ul li.wish .wish3 label {line-height:36px;}
.magazine_box .m_btm_box ul li.comment a:before { background:url('/_image/front/icon/icon_comment.png') no-repeat; background-size:28px;}
.magazine_box .m_btm_box ul li.share a:before { background:url('/_image/front/icon/icon_share_magazine.png') no-repeat; background-size:28px;}
.magazine_box .m_btm_box1 {position:absolute; bottom:0; left:0; width:100%; z-index:11;}
.magazine_box .magazine_video {position:relative; width:100%; padding-bottom:90.2%;}
.magazine_box .magazine_video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.magazine_box .m_btm_box.no_ab {position:static; border-bottom:1px solid #e6e6e6;} 
.magazine_box .m_btm_box.no_ab ul li a {line-height:52px;}
.magazine_box .m_btm_box.no_ab ul li.wish .wish3 label {line-height:52px;}
.magazine_box .tattoo_moa {position:relative; background:#fff; z-index:1;}
.magazine_tattoo_list .title {padding:16px 0 16px 0;  text-align:center; }
.magazine_tattoo_list .title span {display:inline-block; padding-right:26px; font-size:14px; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right -2px; background-size:18px auto; font-weight:700;}

/* 매거진 모아보기 */
.layer_type9 {display:none; position:fixed; bottom:0; left:0; width:100%; min-width:320px; background:#fff;border-radius:0px;}
.layer_type9 .layer_cont_box {min-height:124px; padding-top:0px; overflow-y:auto; /* max-height:80dvh; */}
.layer_type9 .layer_cont_box .layer_cont {height:100dvh;}
.magazine_img {}
.magazine_img ul {display:grid; grid-template-columns: 1fr 1fr 1fr;}
.magazine_img ul li {}
.magazine_img ul li .img {position:relative; padding-bottom:91.2%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.magazine_img ul li .img span {position:absolute; top:0; left:0; display:inline-block; padding:10px; color:#fff; font-size:14px; color:#fff; font-weight:700;}


/* 견적 보내기 */
.select_page_p {}
.select_page_p a {display:inline-block; padding-right:26px; background:url('/_image/front/icon/icon_arrow_btm.png') no-repeat right center; background-size:18px auto; font-size:13px; line-height:28px; vertical-align:top;}
.select_page_p a span {position:relative; display:inline-block; width:24px; height:24px; background-image:url('/_image/front/icon/icon_profile_3.png'); background-position:center; background-size:cover; vertical-align:middle;}
.select_page_p a span:nth-child(2) {margin-left:-7px;}
.select_page_p a span:nth-child(3) {margin-left:-7px;}
.select_page_p a span:last-child {margin-right:8px;}
.box_list2 {position:relative; margin-top:16px;}
.box_list2 ul {display:flex; justify-content:space-around; padding:22px 0; background:#F8F8F8;  border-radius:8px;}
.box_list2 ul li {position:relative; width:33.3%;}
.box_list2 ul li:after {position:Absolute; top:calc(50% - 12px); left:0; width:1px; height:24px; content:''; background:#d9d9d9;}
.box_list2 ul li:first-child:after {display:none;}
.box_list2 ul li dl {text-align:center;}
.box_list2 ul li dl dt {font-size:12px; line-height:14px;}
.box_list2 ul li dl dd {padding-top:8px;font-size:16px; line-height:18px; font-weight:800;}
.box_list2 ul li.on dl {}
.box_list2 ul li.on dl dt {color:#0F73EA;}
.box_list2 ul li.on dl dd {color:#0F73EA;}
.box_list2 .right_info {position:Absolute; top:0; right:0;}
.box_list2 .right_info a {display:inline-block; width:18px; height:18px; background:url('/_image/front/icon/icon_info1.png') no-repeat center; background-size:cover; font-size:0; vertical-align:top;}
.box_list2 .right_txt {position:Absolute; top:-20px; right:0;}
.box_list2 .right_txt p {font-size:10px; line-height:12px; color:#7B7B7B;}

/* 하단 팝업 */
.fixed_bottom_pop {position:fixed; bottom:62px; left:0; width:100%; padding:16px 16px 0 16px; z-index:100;}
.fixed_bottom_pop .bottom_pop_box {position:relative; }
.fixed_bottom_pop .bottom_pop_box > a {display:block; padding-left:52px; font-size:14px; color:#fff; line-height:44px; background-color:#2C2C2C; border-radius:8px; vertical-align:top; background-image:url('/_image/front/icon/icon_popup_estimate_blue.png'); background-position:5px center; background-repeat:no-repeat; background-size:44px auto;}
.fixed_bottom_pop .bottom_pop_box .close {position:Absolute; top:0; right:0;}
.fixed_bottom_pop .bottom_pop_box .close > a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_popup_close.png') no-repeat center; background-size:18px auto; font-size:0; vertical-align:top;}

/* 앱 다운 팝업 */
.fixed_bottom_app {position:fixed; bottom:0; left:0; width:100%; padding:64px 0 48px 0; z-index:100; background:#fff; border-radius:24px 24px 0 0;}
.fixed_bottom_app .img_logo {width:80px; margin:0 auto; text-align:center;}
.fixed_bottom_app .img_logo img {width:100%;}
.fixed_bottom_app .text {padding-top:16px;}
.fixed_bottom_app .text p {text-align:center; font-size:16px; line-height:24px;}
.fixed_bottom_app .app_btn {padding:16px 0 40px 0; text-align:center;}
.fixed_bottom_app .app_btn0 {text-align:center;}
.fixed_bottom_app .app_btn0 a {display:inline-block; color:#7B7B7B; font-size:12px; line-height:14px; border-bottom:1px solid #7b7b7b;}


/*-----------------------------------------------------------------*/
/* 팝업 스타일
/*-----------------------------------------------------------------*/

/* 상품상세 - 이미지 팝업 */
.pop_container {display:block; overflow:hidden; position:static; top:-50px; left:0; width:100%; height::calc(var(--vh, 1vh) * 100); z-index:100; background:#000;}
.pop_container.pop_active {display:block; /* top:-1000px; */}
.pop_container .pop_wrap {position:Absolute; top:0; left:0; width:100%; height:100%;}
.pop_container .pop_wrap .img_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
.pop_container .pop_wrap .pop_img_box {} 
.pop_container .pop_wrap .pop_img_box ul {}
.pop_container .pop_wrap .pop_img_box ul li {display:flex; width:100%; height:100dvh; justify-content:center; align-items:center;}
.pop_container .pop_wrap .pop_img_box ul li > img {max-width:100%; max-height:100%;}
.pop_container .pop_wrap .pop_paging {text-align:right; right:15px; left:unset; bottom:20px; font-size:14px; color:#818487;}
.pop_container .pop_wrap .pop_paging > img {display:inline-block; width:100%; max-width:20px; margin-right:10px;}
.pop_container .pop_wrap .pop_paging > span {font-size:14px; color:#818487;}
.pop_container .pop_wrap .close_btn {position:absolute; top:16px; left:5px; width:38px; height:38px; z-index:110;}
.pop_container .pop_wrap .close_btn a {position:relative; display:block; width:100%; height:100%;}
.pop_container .pop_wrap .close_btn a:before, .pop_container .pop_wrap .close_btn a:after {position: absolute; right:17px; top:3px; content:''; height: 30px; width:1px; background-color: #fff;} 
.pop_container .pop_wrap .close_btn a:before {transform: rotate(45deg);} 
.pop_container .pop_wrap .close_btn a:after {transform: rotate(-45deg);}
.pop_container .pop_wrap .swiper-pagination {display:block; text-align:center; width:100%; left:0; padding:4px 8px 2px 8px; font-size:12px; line-height:12px; color:#fff; }
.pop_container .pop_wrap .swiper-pagination span {font-size:12px; line-height:14px; color:#fff;}

/* 디자인 이미지 팝업 */
.pop_container1 {display:block; overflow:hidden; position:static; top:-50px; left:0; width:100%; height::calc(var(--vh, 1vh) * 100); z-index:100; background:#000;}
.pop_container1.pop_active {display:block; /* top:-1000px; */}
.pop_container1 .pop_wrap {position:Absolute; top:0; left:0; width:100%; height:100%;}
.pop_container1 .pop_wrap .img_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.pop_container1 .pop_wrap .swiper_view {} 
.pop_container1 .pop_wrap .swiper_view ul {}
.pop_container1 .pop_wrap .swiper_view ul li {display:flex; width:100%; height:100dvh; justify-content:center; align-items:center;}
.pop_container1 .pop_wrap .swiper_view ul li > img {max-width:100%; max-height:100%;}
.pop_container1 .pop_wrap .pop_paging {text-align:right; right:15px; left:unset; bottom:20px; font-size:14px; color:#818487;}
.pop_container1 .pop_wrap .pop_paging > img {display:inline-block; width:100%; max-width:20px; margin-right:10px;}
.pop_container1 .pop_wrap .pop_paging > span {font-size:14px; color:#818487;}
.pop_container1 .pop_wrap .close_btn {position:absolute; top:10px; right:10px; width:44px; height:44px; z-index:110;}
.pop_container1 .pop_wrap .close_btn a {position:relative; display:block; width:44px; height:44px;  background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto;}

.pop_container1 .swiper_thumbs {position:fixed; bottom:72px; left:0; width:100%; text-align:Center; padding:0 30px;}
.pop_container1 .swiper_thumbs .swiper-wrapper {padding:20px 0;}
.pop_container1 .swiper_thumbs .swiper-slide {width:44px; height:44px; text-align:center;}
.pop_container1 .swiper_thumbs .swiper-slide img {width:44px; height:44px; border-radius:4px;}
.pop_container1 .swiper_thumbs .swiper-slide-thumb-active img {transform:scale(1.2);}

#img_layer_pop { margin:0; width:100%; height:100%;}

/* 기본에서 수정 */
.modal-dialog {}
.modal-dialog .modal-content {border-radius:10px; border:none;}
.modal-dialog .modal-content {}


/* ad/designSelect 에서 #붙여서 옮겨 놓음 */
#ad_designSelect .a_select_box {position:relative; padding:0px 0 8px 0;}
#ad_designSelect .a_select_box > ul {display:flex;}
#ad_designSelect .a_select_box > ul > li {position:relative;width:50%;}
#ad_designSelect .a_select_box > ul > li:after {position:Absolute; top:calc(50% - 9px); left:-1px; width:1px; height:18px; background:#ccc; content:'';}
#ad_designSelect .a_select_box > ul > li:first-child:after {display:none;}
#ad_designSelect .search_box1 {position:relative; padding:16px;}
#ad_designSelect .search_box1 input[type="text"] {height:36px; padding:0 36px; font-size:13px; line-height:16px; border:1px solid #efeff4; background:#F4F4F4 url('/_image/front/icon/icon_search2.png') no-repeat 8px center; border-radius:8px; background-size:20px; color:#000;}
#ad_designSelect .search_box1 input[type="text"]::-webkit-input-placeholder {font-size:13px !important; line-height:16px !important; color:#a5a5a5;}
#ad_designSelect .search_box1 .right_btn {display:none; position:absolute; right:24px; top:24px; }
#ad_designSelect .search_box1 .right_btn a {display:inline-block; width:20px; height:20px; background:url('/_image/front/icon/icon_x2.png') no-repeat; background-size:20px auto; color:transparent;}

#ad_designSelect .button_rad1 label input[type="radio"] {position:unset; width:100%; margin:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; padding:0; height:38px; text-align:center; color:#747474; border:1px solid #ebebeb; border-right:0; background:#FCFCFC; border-radius:0;}
#ad_designSelect .button_rad1 label input[type="radio"]:before {display:inline-block; content:attr(data-text); font-size:13px; line-height:38px; color:#747474; font-family:'NanumSquareRound', sans-serif; text-wrap:nowrap;}
#ad_designSelect .button_rad1 label input[type="radio"]:checked {border-color:#0F73EA; background:#0F73EA;}
#ad_designSelect .button_rad1 label input[type="radio"]:checked:before {color:#fff;}
#ad_designSelect .abs_box { position:absolute; top:40px; left:0; background:#fff; width:100%; z-index:10;}
#ad_designSelect .abs_box .box {padding:32px 16px;}
#ad_designSelect .abs_box .box p.tit {padding-bottom:16px; font-size:17px; line-height:22px; font-weight:700;}
#ad_designSelect .abs_box .box ul {display:table; width:100%; table-layout:fixed;}
#ad_designSelect .abs_box .box ul li {display:table-cell;}
#ad_designSelect .abs_box .box ul li:first-child .button_rad1 label input[type="radio"] {border-radius:8px 0 0 8px;}
#ad_designSelect .abs_box .box ul li:last-child .button_rad1 label input[type="radio"] {border-right:1px solid #ebebeb; border-radius:0 8px 8px 0;}

#ad_designSelect .abs_box .abs_btm_btn ul {display:flex;}
#ad_designSelect .abs_box .abs_btm_btn ul li {width:50%;}

/* 커버사진 */
.modifyImg {width:100%; height:100dvh; background:#fff;}
.modify_img_list {overflow-y:auto; height:calc(100dvh - 44px);}
.modify_img_list ul {}
.modify_img_list ul li {position:relative; padding:8px 16px;}
.modify_img_list ul li label {display:inline-block; overflow:hidden; border-radius:16px;}
.modify_img_list ul li label {position:relative; display:block;}
.modify_img_list ul li label .img {width:100%; height:240px; background-repeat:no-repeat; background-position:center; background-size:cover; }

.modify_photo {width:100%;}
.modify_photo label {display:flex; align-items:center; width:100%; min-height:240px; text-align:center; border-radius:8px; border:1px solid #EBEBEB; background-position:center; background-size:cover;}
.modify_photo label p {width:100%; margin-top:60px; text-align:center;}
.modify_photo label p span {display:block; padding:84px 0 40px 0; width:100%; font-size:13px; line-height:16px; color:#a5a5a5; background:url('/_image/front/icon/icon_camera.png') no-repeat top center; background-size:84px auto; }
.modify_photo label p span em {font-style:normal; font-size:13px; color:#a5a5a5;}
.modify_photo.on label p span {display:none;}

.modify_img_list .img_del{position:absolute; top:18px; right:25px; display:inline-block; width:20px; height:20px; font-size:0; z-index:1000; background:#fff; border-radius:50%;}
.modify_img_list .img_del:before,
.modify_img_list .img_del:after {content:''; position:absolute; top:50%; left:50%; margin:-1px 0 0 -6px; width:12px; height:2px; background:#000; -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.modify_img_list .img_del:before {-webkit-transform:rotateZ(135deg) scaleX(1.2);transform:rotateZ(135deg) scaleX(1.2);}
.modify_img_list .img_del:after {-webkit-transform:rotateZ(45deg) scaleX(1.2);transform:rotateZ(45deg) scaleX(1.2);}


#--notifly-web-message-background-layer {z-index:99999999 !important;}


/* 서비스 이용을 위한 동의 안내 2025-07-14 */
.layer_type10 {position:fixed; top:50%; left:0; width:100%; min-width:320px; transform:translate(0, -50%);}
.layer_type10 .layer_cont_box1 {min-height:124px; padding-top:0px; overflow-y:auto;}
.layer_type10 .layer_cont_box1 .layer_cont {position:relative; width:296px; margin:0 auto; padding:0; background:#fff; border-radius:8px;}
.layer_type10 .layer_cont_box1 .layer_cont .right_btn {position:absolute; top:0; right:0;}
.layer_type10 .layer_cont_box1 .layer_cont .right_btn a {display:inline-block; width:44px; height:44px; background:url('/_image/front/icon/icon_x1.png') no-repeat center; background-size:44px auto; vertical-align:top; font-size:0;}

.write_txt2 {padding:24px 16px 24px 16px;}
.write_txt2 dl {}
.write_txt2 dl dt {padding:0 0 0 0; font-size:17px; line-height:22px; font-weight:700; text-align:left;}
.write_txt2 dl dd {padding-top:16px; font-size:13px; line-height:18px; color:#7B7B7B; text-align:left;}

.layer_type10 .terms_box {}
.layer_type10 .terms_box dl {padding:0 16px; border-top:1px solid #E6E6E6;}
.layer_type10 .terms_box label {display:inline-block; padding:18px 0; font-size:14px; line-height:16px; font-weight:400;}
.layer_type10 .terms_box a {padding:18px 0;}

.abtn40 {display:block; padding:0 24px; background:#EAEAEA; font-size:14px; line-height:56px; text-align:center; color:#B5B5B5; border:1px solid #E3E3E3; border-radius:0 0 8px 8px;}
.abtn40.on { background:#0F73EA; color:#fff; border-color:#0F73EA;}