@charset "UTF-8"; 
/* 초기화 및 초기 세팅 */
:root {
    /* 버튼 및 인풋 폼 높이 세팅 */
	--body_width:100%;
    --hd_height: 7rem;
    --hd_height_m: 5.6rem;
    --height_xs: 3.0rem;
    --height_sm: 3.6rem;
    --height_md: 4.0rem;
    --height: 4.8rem;
    --height_lg: 5.6rem;
    --ic_date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='ic_calenda' transform='translate(-0.214)'%3E%3Crect id='사각형_9174' data-name='사각형 9174' width='25' height='25' transform='translate(0.214)' fill='none'/%3E%3Cpath id='calendar_month_FILL0_wght400_GRAD0_opsz24' d='M122.193-858.068a2.112,2.112,0,0,1-1.549-.644,2.112,2.112,0,0,1-.644-1.549v-15.352a2.112,2.112,0,0,1,.644-1.549,2.112,2.112,0,0,1,1.549-.644h1.1V-880h2.193v2.193h8.773V-880h2.193v2.193h1.1a2.112,2.112,0,0,1,1.549.644,2.112,2.112,0,0,1,.644,1.549v15.352a2.112,2.112,0,0,1-.644,1.549,2.112,2.112,0,0,1-1.549.644Zm0-2.193h15.352v-10.966H122.193Zm0-13.159h15.352v-2.193H122.193Zm0,0v0Zm7.676,6.58a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,129.869-866.841Zm-4.386,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,125.483-866.841Zm8.773,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,134.256-866.841Zm-4.386,4.386a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,129.869-862.454Zm-4.386,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,125.483-862.454Zm8.773,0a1.061,1.061,0,0,1-.781-.315,1.061,1.061,0,0,1-.315-.781,1.061,1.061,0,0,1,.315-.781,1.061,1.061,0,0,1,.781-.315,1.061,1.061,0,0,1,.781.315,1.061,1.061,0,0,1,.315.781,1.061,1.061,0,0,1-.315.781A1.061,1.061,0,0,1,134.256-862.454Z' transform='translate(-116.786 882)' fill='%23585e65'/%3E%3C/g%3E%3C/svg%3E%0A");
    --ic_time:url("data:image/svg+xml,%3Csvg id='ic_clock' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Crect id='사각형_9176' data-name='사각형 9176' width='25' height='25' fill='none'/%3E%3Cpath id='schedule_FILL0_wght400_GRAD0_opsz24_1_' data-name='schedule_FILL0_wght400_GRAD0_opsz24 (1)' d='M94.319-864.173l1.507-1.507-3.984-3.984v-4.953H89.69v5.814Zm-3.553,5.706a10.484,10.484,0,0,1-4.2-.848,10.873,10.873,0,0,1-3.418-2.3,10.873,10.873,0,0,1-2.3-3.418,10.484,10.484,0,0,1-.848-4.2,10.484,10.484,0,0,1,.848-4.2,10.873,10.873,0,0,1,2.3-3.418,10.875,10.875,0,0,1,3.418-2.3,10.485,10.485,0,0,1,4.2-.848,10.485,10.485,0,0,1,4.2.848,10.875,10.875,0,0,1,3.418,2.3,10.872,10.872,0,0,1,2.3,3.418,10.484,10.484,0,0,1,.848,4.2,10.484,10.484,0,0,1-.848,4.2,10.873,10.873,0,0,1-2.3,3.418,10.873,10.873,0,0,1-3.418,2.3A10.484,10.484,0,0,1,90.766-858.467ZM90.766-869.234Zm0,8.613a8.3,8.3,0,0,0,6.1-2.517,8.3,8.3,0,0,0,2.517-6.1,8.3,8.3,0,0,0-2.517-6.1,8.3,8.3,0,0,0-6.1-2.517,8.3,8.3,0,0,0-6.1,2.517,8.3,8.3,0,0,0-2.517,6.1,8.3,8.3,0,0,0,2.517,6.1A8.3,8.3,0,0,0,90.766-860.62Z' transform='translate(-78 882)' fill='%23585e65'/%3E%3C/svg%3E%0A");
	--ic_send:  url("data:image/svg+xml,%3Csvg id='ic_send' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='사각형_426' data-name='사각형 426' width='30' height='30' fill='none'/%3E%3Cpath id='패스_103' data-name='패스 103' d='M32.923,26.309v.017l-6.5,21.422a1.772,1.772,0,0,1-1.563,1.285q-.077.007-.154.007A1.77,1.77,0,0,1,23.1,48.017L19.116,39.6A.446.446,0,0,1,19.2,39.1L25.595,32.7a.893.893,0,0,0-1.262-1.262l-6.4,6.391a.446.446,0,0,1-.507.088L9.054,33.956a1.827,1.827,0,0,1-1.065-1.73,1.773,1.773,0,0,1,1.291-1.621L30.7,24.11h.017a1.786,1.786,0,0,1,2.2,2.2Z' transform='translate(-4.988 -20.226)' fill='%23fff'/%3E%3C/svg%3E%0A");
}


div::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}
div::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 100px;
}


html { font-size:10px;min-width:1280px;} 
body { margin:0 auto; padding:0;} 

html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 

ul, dl,dt,dd { margin:0; padding:0; list-style:none } 
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
label, input, button, select, img { vertical-align:middle; } 
input, button { margin:0; padding:0;} 
input[type="submit"] {cursor:auto;} 
button {cursor: auto;word-break: keep-all;} 
select {margin:0} 
p { margin:0; padding:0;} 
hr { display:none } 
a { text-decoration:none;transition:all .1s ease-out .05s;} 
a:hover { text-decoration: none;transition:all .1s ease-out .05s;} 
.un_reboot_a { color: var(--text); text-decoration: underline; } 
*, :after, :before { 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
	word-break: normal;
	word-wrap: break-word;
 } 

img { max-width:100%; display:inline-block; height: auto; } 
.container-fluid {max-width: 100%;}
.mobile_wr {
    /*border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
	box-sizing: content-box;
	min-height: 100vh;*/
}

 /*메인*/
.idx_pg {min-height:100vh;transform: translateY(-7.0rem);}
.curs_pointer{cursor: pointer;}


/*서브*/
.sub_pg {position: relative;padding-bottom: 10.0rem;min-height: calc(100vh - 29.3rem);} 

.over_hidden{overflow:hidden;}
.text_dynamic{ white-space: pre-line;}
.text-red{color:var(--red);}
.text-gray{color:var(--gray);}
.text-gray-200{color:var(--gray-200);}
.text-gray-600{color:var(--gray-600);}
.text-black{color:#000;}


.bg-light-200{background:var(--light-200) !important;}

.border-100{border-color:var(--border-100) !important;}
.border-300{border-color:var(--border-300) !important;}

.num_list ul {
    list-style: decimal-leading-zero;
    padding-left: 2.5rem;
}
.num_list li {
    line-height: 1.4em;
    margin-bottom: 0.5rem;
    word-break: keep-all;
    white-space: pre-line;
}
.dot_list li {
    list-style: none;
    margin-bottom:0.4rem;
	display: flex;
	word-break: keep-all;
}
.dot_list li *{word-break: keep-all;}
.dot_list li:before {
    content:"·";
    vertical-align:middle;
	margin-right:0.5rem;
}
.dot_list li:last-child{margin-bottom:0;}


.line_h1 { line-height:1.0em; } 
.line_h1_1 { line-height:1.1em; } 
.line_h1_2 { line-height:1.2em; } 
.line_h1_3 { line-height:1.3em; } 
.line_h1_4 { line-height:1.4em !important; } 
.line_h1_5 { line-height:1.5em !important; } 
.line_h1_6 { line-height:1.6em; } 
.line_h1_7 { line-height:1.7em; } 
.line_h1_8 { line-height:1.8em; } 
.line_h1_9 { line-height:1.9em; } 
.line_h2 { line-height:2.0em; } 


/*폰트커스텀 기본사이즈 10px*/

.tit_h1 {font-size: 4.0rem; font-weight: 700; color: #000;line-height: 130%;}
.tit_h2 {font-size: 3.6rem; font-weight: 700; color:#000;line-height: 130%;} 
.tit_h3 {font-size: 2.4rem; font-weight: 600; color:#000;line-height: 130%;}
.tit_h4 {font-size: 2.2rem; font-weight: 600; color:#000;line-height: 130%;} 
.tit_h5 {font-size: 2.0rem; font-weight: 700; color:#000;line-height: 130%;} 
.tit_h6 {font-size: 1.8rem; font-weight: 600; color:#000;line-height: 130%;}
.tit_h7 {font-size: 1.6rem; font-weight: 600; color:#000;line-height: 130%;}


.fs_8 { font-size: 0.8rem; } 
.fs_9 { font-size: 0.9rem; } 
.fs_10 { font-size: 1.0rem; } 
.fs_11 { font-size: 1.1rem !important; } 
.fs_12 { font-size: 1.2rem !important; } 
.fs_13 { font-size: 1.3rem !important; } 
.fs_14 { font-size: 1.4rem !important; } 
.fs_15 { font-size: 1.5rem !important; } 
.fs_16 { font-size: 1.6rem !important; } 
.fs_17 { font-size: 1.7rem !important; } 
.fs_18 { font-size: 1.8rem !important; } 
.fs_19 { font-size: 1.9rem !important; } 
.fs_20 { font-size: 2.0rem !important; } 
.fs_21 { font-size: 2.1rem !important; } 
.fs_22 { font-size: 2.2rem; } 
.fs_23 { font-size: 2.3rem; } 
.fs_24 { font-size: 2.4rem; } 
.fs_25 { font-size: 2.5rem; } 
.fs_26 { font-size: 2.6rem; } 
.fs_27 { font-size: 2.7rem; } 
.fs_28 { font-size: 2.8rem; } 
.fs_29 { font-size: 2.9rem; } 
.fs_30 { font-size: 3.0rem; } 
.fs_31 { font-size: 3.1rem; } 
.fs_32 { font-size: 3.2rem; } 
.fs_33 { font-size: 3.3rem; } 
.fs_34 { font-size: 3.4rem; } 
.fs_35 { font-size: 3.5rem; } 
.fs_36 { font-size: 3.6rem; } 
.fs_37 { font-size: 3.7rem; } 
.fs_38 { font-size: 3.8rem; } 
.fs_39 { font-size: 3.9rem; } 
.fs_40 { font-size: 4.0rem; } 
.fs_41 { font-size: 4.1rem; } 
.fs_42 { font-size: 4.2rem; } 
.fs_43 { font-size: 4.3rem; } 
.fs_44 { font-size: 4.4rem; } 
.fs_45 { font-size: 4.5rem; } 
.fs_46 { font-size: 4.6rem; } 
.fs_47 { font-size: 4.7rem; } 
.fs_48 { font-size: 4.8rem; } 
.fs_49 { font-size: 4.9rem; } 
.fs_50 { font-size: 5.0rem; } 
.fs_51 { font-size: 5.1rem; } 
.fs_52 { font-size: 5.2rem; } 


.fw_100 { font-weight: 100; } 
.fw_200 { font-weight: 200; } 
.fw_300 { font-weight: 300; } 
.fw_400 { font-weight: 400; } 
.fw_500 { font-weight: 500; } 
.fw_600 { font-weight: 600; } 
.fw_700 { font-weight: 700; } 
.fw_800 { font-weight: 800; } 
.fw_900 { font-weight: 900; }


.wh_pre { white-space: pre-line; } 
.wh_nowrap { white-space: nowrap; }

.break_all{word-break: break-all;}
.keep_all{word-break: keep-all;}

/*글자 줄임말/자르기*/
.line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;word-break: break-all;} 
.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;} 
.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;} 
.line3_text { white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;} 


/* 폼 사각형 */
.sq_guide { display:flex; flex-wrap: wrap; } 
.sq_guide li { 
	width: 80px; 
	height: 40px; 
	border-radius: 0.5rem; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	font-size: 1.4rem; 
	margin: 0.5rem; 
 }

/* 스크롤바 none */
.scroll_bar_none { -ms-overflow-style: none; } 
.scroll_bar_none::-webkit-scrollbar { display: none; }


/*테이블 반응형때*/
.touch_scroll { overflow-x: auto; overflow-y: hidden; }



/* 버튼 */
.btn { height: var(--height);display: inline-flex;justify-content: center; align-items: center;border-radius: 0.6rem;font-size: 1.6rem;font-weight:500;word-break: keep-all;padding-left:4.0rem;padding-right:4.0rem;}

.btn-xs {height: var(--height_xs);border-radius: 0.4rem;font-size: 1.2rem;padding-left:1rem;padding-right:1rem;}
.btn-sm {height: var(--height_sm);font-size: 1.4rem;padding-left:1.6rem;padding-right:1.6rem;}
.btn-md { height: var(--height_md);}
.btn-lg { height: var(--height_lg);font-size: 1.8rem;} 
.btn-link{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;border: 0;}
.btn-icon{height:auto;padding:0;cursor: pointer;display: flex;align-items: center;border-radius: 0;background: transparent;flex-shrink: 0;border: 0;}
.btn-icon img{flex-shrink: 0;}
.btn-xs.rounded-pill {padding-left:1.5rem !important;padding-right:1.5rem !important;}
.btn-sm.rounded-pill {padding-left:2.0rem !important;padding-right:2.0rem !important;}
.btn-md.rounded-pill {padding-left:2.0rem !important;padding-right:2.0rem !important;}
.btn-lg.rounded-pill {padding-left:2.8rem !important;padding-right:2.8rem !important;}
.rounded-pill.btn-block {width:auto !important}
.rounded-pill.btn {min-width: unset !important;}
.logo a {display:flex;}
header .logo img{height:26px;min-height:20px;}
.flexCenter {display:flex;align-items: center;justify-content: center;}
.mt0{margin-top:0 !important;}

.btn-naver{background:#1CC800;border-color:#1CC800;color:#fff;}
.btn-naver:hover, .btn-naver:focus{background:#1ABB00;border-color:#1ABB00;}

.btn-kakao{background:#FFDD00;border-color:#FFDD00;color:#333;}
.btn-kakao:hover, .btn-kakao:focus{background:#FFCC00;border-color:#FFCC00;}

.btn-apple{background:#000;border-color:#000;color:#fff;}
.btn-apple:hover, .btn-apple:focus{background:#222;border-color:#222;}

.btn-excel{background:#1F7245;border-color:#1F7245;color:#fff;}
.btn-excel:hover, .btn-excel:focus{background:#165d37;border-color:#165d37;color:#fff;}



.btn.disabled, .btn:disabled {
    opacity: 1;
    color: #B1B1B1 !important;
    background: #ddd;
    border-color: #DDDDDD;
}


.btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active, .btn-group-toggle .show > .btn-outline-light.dropdown-toggle, .btn-group-toggle .btn-light:not(:disabled):not(.disabled).active, .btn-group-toggle .show > .btn-light.dropdown-toggle{color: #fff;background-color: #7936f3;border-color:#7936f3;border-width: 2px;font-weight: 600;box-shadow: 0 2px 5px rgba(121, 54, 243, 0.3);}
.btn-group-toggle .btn-sm, .btn-group-toggle .btn-md{border-width: 1px !important;}
.btn-group-toggle .btn input[type=radio], .btn-group-toggle .btn input[type=checkbox], .btn-group-toggle .btn-group .btn input[type=radio], .btn-group-toggle .btn-group .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}


.btn-group-full{display:flex;}
.btn-group-full .btn{display:flex;padding-left:0.4rem;padding-right:0.4rem;}

.btn_toggle_primary .btn-outline-light{border-color:#D6DAE5;}
.btn_toggle_primary .btn-outline-light:not(:disabled):not(.disabled).active{color: var(--primary);background-color: #fff;border-color: var(--primary);font-weight:600;}

.btn-group-wrap{display:flex;flex-wrap: wrap;}
.btn-group-wrap .btn{margin-bottom:0.8rem !important;margin-right:0.6rem;flex-shrink: 0;}
.btn-group-wrap .btn:last-child{margin-right:0;}

.keyword_badge{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-shrink: 0;
   margin-bottom: 0.8rem;
   margin-right: 0.8rem;
   padding:0;
}
.keyword_badge .btn{ height: 100%;}
.keyword_badge .btn-link{padding-left:2.0rem;margin-right: 0.5rem;}
.keyword_badge .btn-icon{padding-right:2.0rem;}


/* 인풋 자동완성 초기화 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: var(--text);
    -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
    box-shadow: 0 0 0px 1000px var(--bg) inset;
    transition: background-color 5000s ease-in-out 0s;
}

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

/* 입력 인풋 */
.form-control {height: var(--height);} 
.form-control-sm {height: var(--height_sm);} 
.form-control-md {height: var(--height_md);} 
.form-control-lg {height: var(--height_lg);}
.form-control-auto {height: auto;}
.form-control-line{display:flex;flex-wrap:nowrap;border:0;border-bottom:1px solid #bbb;height:var(--height);background: transparent;align-items: center;width:100%;}
.form-control-line input{border:0;background:transparent;flex:1 1 auto;}
.form-control-line .col input{width:100%;}
.form-control-line input.form-control[type="date"]::before, .form-control-line input.form-control[type="time"]::before{right: 0;}
.form-control-line input::-ms-expand {background-color: transparent;border: 0;}
.form-control-line input:focus {color: var(--text);outline: 0;box-shadow: 0 0 0 0 var(--border);}
.form-control-line input::placeholder {color: var(--input_placeholder);opacity: 1;}
.form-control-line input:disabled, .form-control-line input[readonly]{background-color: var(--light);opacity: 1;}

.form-control-line.disabled, .form-control-line.disabled input{background-color:#ddd;opacity: 1;}
.form-wrap input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

input.form-control{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

.ip_wr{display:flex;}
.ip_wr.flex-column .form-wrap{margin-top:-1.4rem;}
.ip_wr .ip_tit {width: 200px;height: var(--height);display: flex;align-items: center;flex-shrink: 0;}
.ip_wr .form-wrap{flex:1 1 auto;align-self: center;}
.ip_tit h5 {font-size: 1.6rem;font-weight: 600; display: inline-block;position: relative;color: #000;}
.ip_tit.required h5::after{ content: "*"; position: absolute;color: var(--primary);top: 0; right: -1.0rem;}
.ip_wr .form-row .col-3{min-width: 9.5rem;}

.form-password{position:relative;}
.form-password .form-control{padding-right:5.0rem;}
.form-password .pw_icon {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    background: transparent;
    padding: 0;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}


/* form-text */
.form-text {
    display: none;
    margin-top: 0.8rem;
	font-size:1.5rem;
}
.ip_valid .ip_valid{display: flex; color: var(--primary);}
.ip_invalid .ip_invalid{display: flex; color: var(--danger);}
.form-info{display:flex;}


/*.form-row*/
.form-row{margin-left:-0.4rem;margin-right:-0.4rem;}
.form-row > .col, .form-row > [class*=col-]{padding-left:0.4rem;padding-right:0.4rem;}
.form-row > .col-3 .btn, .form-row > .col-4 .btn{padding-left:0.5rem;padding-right:0.5rem;}


/*.form-row*/
.form-wrap.form-row{margin-left:-1.0rem;margin-right:-1.0rem;}
.form-wrap.form-row > .col, .form-wrap.form-row > [class*=col-]{padding-left:1.0rem;padding-right:1.0rem;}

/* textarea 높이 */
textarea.form-control {
    min-height: 15rem;
    padding: 1.5rem 2.0rem;
    line-height: 140%;
    word-break: keep-all;
    border-color: #bbb;
}
.form-control textarea{min-height: 14rem; padding: 0; line-height: 130%;border:0;width:100%;}
.form-control textarea:focus {
  color: var(--text);
  background-color: var(--bg);
  border-color: var(--gray);
  outline: 0;
  box-shadow: 0 0 0 0 var(--border);
}
.form-control textarea::placeholder {
  color: var(--input_placeholder);
  opacity: 1;
}
.form-control textarea:disabled, .form-control textarea[readonly] {
  background-color: var(--input_disabled);
  opacity: 1;
}

/* 셀렉트 박스 */
.custom-select, .custom-select2 {
    padding-right: 3.5rem;
    background-size: 2.0rem;
	background-repeat:no-repeat;
	background-position:center right 1.5rem;
	background-size:1.5rem;
    padding-left: 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
	text-align: left;
	position:relative;
}
.custom-select{background-image: url(../image/ic_select.png);}
.custom-select:focus {border-color: #aaa;}
.custom-select2:after{content:'';display:block;width:2.0rem;height:2.0rem;background: url(../image/ic_select.png)no-repeat center center;background-size:1.5rem;position:absolute;right:1.5rem;top:50%;transform: translateY(-50%);}


.custom-select2[aria-expanded="true"]{border-color: var(--border);background: #fff;}
.custom-select2[aria-expanded="true"]:after{transform: translateY(-50%) rotate(180deg);}
.custom-select2 + .dropdown-menu{min-width: 100%;border-color:var(--border);font-size: 1.5rem;border-radius:0.6rem;max-width: 100%;max-height:50rem;overflow-y: auto;}
.custom-select2 + .dropdown-menu a{padding:0.6rem 1.5rem;white-space: break-spaces;word-break: break-all;}
.custom-select2 + .dropdown-menu a:hover{color:#000;font-weight:600;background:#e9ecef;}

/*라인 input 추가*/
.form-control-line.custom-select, .form-control-line.custom-select2{padding-left:0;background: transparent;}
.form-control-line.custom-select2 + .dropdown-menu{border-radius: 0.6rem;top: 10px !important;}
.form-control-line.custom-select2:after{right:0;}
.form-control-line.custom-select{background-position:center right;}


/* 날짜 선택 */
input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="week"], input.form-control[type="month"]{position: relative;padding-right: 3rem !important;}
input.form-control[type="date"]::-webkit-calendar-picker-indicator, input.form-control[type="time"]::-webkit-calendar-picker-indicator, input.form-control[type="week"]::-webkit-calendar-picker-indicator, input.form-control[type="month"]::-webkit-calendar-picker-indicator{
    -webkit-appearance: none;
    background: none;
    width: 100%; height: 100%; cursor: pointer;
    position: absolute; left: 0; top: 0; 
}
input.form-control[type="date"]::before, input.form-control[type="time"]::before, input.form-control[type="week"]::before, input.form-control[type="month"]::before{
    content: ''; display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 50%;
    transform: translateY(-50%); right: 1.6rem; background: var(--gray); cursor: pointer; 
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;
}
input.form-control[type="time"]::before{
    -webkit-mask: var(--ic_time); mask: var(--ic_time);       
}
input.form-control[type="date"]::before{
    -webkit-mask: var(--ic_date); mask: var(--ic_date);
}
input.form-control[type="week"]::before{
    -webkit-mask: var(--ic_date); mask: var(--ic_date);
}
input.form-control[type="month"]::before{
    -webkit-mask: var(--ic_date); mask: var(--ic_date);
}


input.form-control.no-icon[type="date"]::before, input.form-control.no-icon[type="time"]::before, input.form-control.no-icon[type="week"]::before, input.form-control.no-icon[type="month"]::before{ display: none;}





/* 체크박스*/
.checks_wr{display: flex; flex-wrap: wrap; margin-bottom: -1rem;}
.checks_wr .checks{margin-right: 3rem; margin-bottom: 1rem;}

.checks{display: inline-flex;color:var(--gray-600);}
.checks label{display: flex; align-items: center; cursor: pointer;}
.checks label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.checks input{display: none;}
.checks .ic_box {
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    border: 0.2rem solid var(--gray);
    border-radius: 50%;
    background-image: url(../image/check01_off.png);
    background-position: center;
    background-size: 1.2rem auto;
    background-repeat: no-repeat;
    background-color: #ffffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
    flex-shrink: 0;
}
.checks input:checked + .ic_box{background-image:url(../image/check01_on.png);background-color:var(--primary);border-color:var(--primary);}
.chk_right .ic_box{margin-right: 0; margin-left: 0.5rem;}
.checks input:checked ~ .chk_p{}
.chk_p{padding-top:0.1rem;}



.checks.primary_checks .ic_box{background-color: #eae9f0;border-radius: 50%;background-image:none;}
.checks.primary_checks input:checked + .ic_box{background-image: url(../image/check01_on.png);}


.radios_wr{display: flex; flex-wrap: wrap;margin-bottom: -1rem;}
.radios_wr .radios{margin-right: 3rem;margin-bottom: 1rem;}

.radios{display: inline-flex;color:var(--gray-600);}
.radios label{display: flex; align-items: center; cursor: pointer;}
.radios label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.radios input{display: none;}
.radios .ic_box{display: inline-flex;flex-shrink: 0;position:relative; width: 2.2rem; height: 2.2rem; text-align: center; background-color: #fff;display: flex; align-items: center; justify-content: center; margin-right: 0.5rem;border-radius:2.0rem;border:2px solid var(--gray);}
.radios input:checked + .ic_box{background-color: var(--primary);border-color: var(--primary);border-width:2px;}
.radios input:checked + .ic_box:after {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: var(--primary);
    border: 3px solid #fff;
    flex-shrink: 0;
}
.radios input + .ic_box:after {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
}

/*.form-wrap*/
.form-wrap .radios_wr, .form-wrap .checks_wr{min-height:4.8rem;margin-bottom:0;} 
.form-wrap .radios_wr .radios, .form-wrap .checks_wr .checks{margin-bottom:0;} 



/*툴팁*/
.tooltip_wrap{position:relative;}
.tooltip_wrap .btn{padding-left: 0.5rem !important;padding-right: 0.5rem !important;}

.custom-tooltip {
    position: absolute;
    z-index: 1000;
    display: none;
    background-color: #fff;
    padding: 1.5rem;
    font-size: 14px;
    left: calc(100% - 0.6rem);
    top: 50%;
    width: 30rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    border: 1px solid var(--border);
    transform: translateY(-50%);
}
.custom-tooltip div.fw_600{margin-bottom: 0.5rem;line-height: 140%;}
.custom-tooltip p{
    margin-bottom: 0.5rem;
    line-height: 140%;
}
.tooltip_wrap:hover .custom-tooltip{display: block;}
.wAuto {width:auto !important}
.wAuto p {word-break: keep-all;white-space: nowrap;}

/* 이미지 업로드 */
.image_upload{display: inline-block;position: relative;margin-right:1.0rem;}
.rprs_img {
    position: absolute;
    top: 1px;
    left: 1px;
    font-sizE: 1.4rem;
    color: #fff;
    color: #fff;
    background: var(--primary);
    padding: 0.2rem 0.5rem;
    border-radius: 1.0rem 0 1.0rem 0;
    z-index: 1;
}
.upload_box{
    width: 11rem;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/btn_add_img2.png) no-repeat center top 35% / 4.0rem;
	background-color: var(--light);
	border-radius: 1.0rem;
	position: relative;
}
.upload_box .max_img {
    position: absolute;
    bottom: 20%;
    width: 100%;
    left: 0;
    font-size: 1.5rem;
    text-align: center;
    color: var(--gray);
	font-weight:500;
}
.image_upload.on .upload_box{background: none;border: 1px solid var(--border);}
.upload_del {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: transparent;
    padding: 0 !important;
    display: none;
}
.upload_del img{width:100%;}
.image_upload.on .upload_del{display: flex;}


/* 페이지네이션 */
.pagination {display: flex; justify-content: center; align-items: center; } 
.pagination li { height: 100%; } 
.pagination a {
    color: var(--gray-200);
    font-weight: 500;
    margin: 0 0.4rem;
    width: 3.0rem;
    height: 3.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.6rem;
}
.pagination a.on {
    background-color: var(--border-100);
    font-weight: 600;
    color: #000;
}
.pagination a.arrow{background-color: transparent;color: #626C79;}
.pagination a.arrow{margin:0;}
.pagination a.arrow.disabled img{opacity:0.6;} 

/* 페이저 */
.pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem auto 0;
}
.pager .btn{padding:0;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid #000;}
.pager .btn.disabled {
    border-color: var(--border-200);
    background: transparent;
}
.pager .btn.disabled img{opacity:0.3;}

.data_laboratory li .item .line2_text{height:4.8rem;}

/* 테이블 */
.table_01 {width:100%; border-collapse: collapse;border-top: 1px solid #000;}
.table_01 thead{box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);}
.table_01 thead th {
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    padding: 1.6rem 0.5rem;
    background: #FFFFFF;
}
.table_01 tbody th {
    border-bottom: 1px solid var(--border);
    padding: 1.6rem 0.5rem;
}
.table_01 td {border-bottom:1px solid var(--border); padding: 1.6rem 0.5rem;word-break: break-all;}
.table_01 td a{word-break: break-all;}
.table_01 td a:hover{text-decoration: underline;}


/* 테이블 */
.table_02 {width:100%; border-collapse: collapse; border-bottom:1px solid #e3e3e3;border-top: 1px #eee solid;}
.table_02 thead th {
    border-bottom: 1px solid var(--border-100);
    color: var(--gray);
    font-weight: 500;
    padding: 1.0rem 0.5rem;
	text-align:center;
	word-break: keep-all;
	line-height: 120%;
}
.table_02 tbody th {
    border-bottom: 1px solid var(--border-100);
    font-weight: 600;
    padding: 1.0rem 0.5rem;
	text-align:center;
}
.table_02 td {border-bottom:1px solid var(--border-100);  padding: 1.0rem 0.5rem;text-align:center;}
.panel_content .table_02 td .badge-md{min-width: 7rem;justify-content: center;}


/* 테이블 */
.table_03 {width:100%; border-collapse: collapse;border-left: 1px solid var(--border);}
.table_03 thead{border-top: 1px solid #000;}
.table_03 thead th {
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    padding: 1.5rem 0.2rem;
	background:var(--light);
	border-right: 1px solid var(--border);
}
.table_03 tbody th {
    border-bottom: 1px solid var(--border);
    padding: 1.5rem 0.2rem;
	font-weight: 600;
	background:var(--light);
	border-right: 1px solid var(--border);
}
.table_03 td {border-bottom:1px solid var(--border); padding: 1.5rem 0.5rem;word-break: break-all;border-right: 1px solid var(--border);}
.table_03 td a{word-break: break-all;}
.table_03 td a:hover{text-decoration: underline;}

/* 테이블 슬래쉬 */
.table_01 th.slash {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="rgb(77,77,77)" /></svg>'); background-repeat: no-repeat;}
.table_01 th.backslash {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="rgb(77,77,77)" /></svg>'); background-repeat: no-repeat;}
.table_01 th.slash, .table_01 th.backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

/*테이블 반응형때*/
.table_scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }






/* 이미지 크롭 */
.rect{width: 100%;position: relative;overflow: hidden; } 
.rect:after{content: "";display: block;padding-bottom: 100%; } 
.rect img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.rect2{width: 100%;position: relative;overflow: hidden; } 
.rect2:after{content: "";display: block;padding-bottom: calc(0.58 / 1 * 100%); } 
.rect2 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.rect3{width: 100%;position: relative;overflow: hidden; } 
.rect3:after{content: "";display: block;padding-bottom: calc(248 / 380 * 100%); } 
.rect3 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.rect4{width: 100%;position: relative;overflow: hidden; } 
.rect4:after{content: "";display: block;padding-bottom: calc(248 / 412 * 100%); } 
.rect4 img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*.main_banner{width: 100%;position: relative;overflow: hidden; } 
.main_banner:after{content: "";display: block;padding-bottom: calc(361 / 380 * 100%); } 
.main_banner img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/



/*기본모달*/
body{padding-right: 0px !important;}
body.modal-open[style]{overflow-y: scroll;
	position: fixed;
    top: 0px;
    width: 100%;
}
.modal{padding-right: 0px !important;}
.modal-dialog {max-height: 100%;height: 100%;}
.modal-sm{max-width:36.0rem;margin: 0 auto;padding: 1.5rem;padding: 0rem 1.6rem;}
.modal-md{max-width:51.2rem;margin: 0 auto;padding: 1.5rem;padding: 0rem 1.6rem;max-height: calc(100% - 3.5rem);min-height: calc(100% - 3.5rem);}
.modal-default{max-width:75.2rem;margin: 0 auto;padding-left:0;padding-right:0;padding: 2.0rem 1.6rem;}
.modal-lg{max-width:123.2rem;margin: 0 auto;padding-left:0;padding-right:0;padding: 2.0rem 1.6rem;}
.modal{overflow-y: auto;}
.modal .modal-header{align-items: center;padding: 2.7rem 2.4rem 1.7rem;justify-content: space-between;border-bottom:0;}
.modal .modal-header .modal-title {font-weight: 700;font-size: 2.0rem;flex: 1 1 auto;}
.modal .modal-header .close{text-shadow: none;opacity: 1;width:2.2rem;padding: 0;margin: 0;}
.modal .modal-content {border: 0;border-radius: 1.2rem;}
.modal .modal-body { position: relative; flex: 1 1 auto;padding:0 6.4rem 2.4rem;}
.modal .modal-body .close_bar{width:4.4rem;height:0.4rem;background:#E3E3E3;border-radius:1.0rem;margin:0 auto 1.0rem;border: 0;display: block;}
.modal .modal-footer > *{margin:0;}
.modal .modal-footer {padding: 0 2.0rem 3.2rem;border:0;display: block;}
.modal .modal-footer .form-row{margin-right: -0.4rem; margin-left: -0.4rem;}
.modal .modal-footer .btn{padding-left:1.0rem;padding-right:1.0rem;min-width: 14rem;}

.modal.fade.show .modal-content{max-height:90%}

.modal .modal-sm .modal-header{padding: 1.5rem 2rem;}
.modal .modal-sm .modal-body{border:0;padding: 4rem 2.0rem 3.0rem;}
.modal .modal-md .modal-header{}
.modal .modal-md .modal-body{padding: 0 3.2rem 2.4rem;}
#analyzeConfirmModalRadioGroup label.btn {padding:0 !important}

/*전체사이즈*/
.modal_full.modal{overflow-y: auto;}
.modal_full.modal .modal-header {
	width: 100%;
	background: #fff;
	padding: 0rem 1.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--hd_height_m);
	border-bottom:0;
}
.modal_full.modal .modal-header button{border:0;background:transparent;width:3.0rem;}
.modal_full.modal .modal-content {border-radius: 0;max-height: 100vh;height: 100vh;}
.modal_full.modal .modal-dialog{margin:0 auto;max-width:var(--body_width);transform: translate(0%, 0);max-height: 100%;}
.modal_full.modal .modal-body{border:0;padding-left:1.6rem;padding-right:1.6rem;}
.modal_full.modal .modal-footer{padding: 0 1.6rem 0.8rem;display: block;}


/*하단 팝업*/
.modal_bottom.modal{padding-right:0 !important;overflow-y: hidden;}
.modal_bottom.modal.fade{}
.modal_bottom.modal.show .modal-dialog{padding-right:0 !important;transform: translate(-50%, 0);}
.modal_bottom.modal .modal-dialog {transform: translate(0, 5rem);position: fixed;
	bottom: 0;
	width: 100%;
	max-width:100%;
	transform: translate(-50%, 5rem);
	left: 50%;
}
.modal_bottom.modal .modal-header{padding: 2.0rem 1.6rem 0;border-bottom:0;}
.modal_bottom.modal .modal-title button{border:0;background:transparent;width:3.2rem;position:absolute;right:2.0rem;top:1.6rem;}
.modal_bottom.modal .modal-dialog{justify-content: flex-end;margin: 0 auto;min-height: 100%;max-width:var(--body_width);}
.modal_bottom.modal .modal-content{border-radius: 2.0rem 2.0rem 0 0;margin-top: 3.0rem;}
.modal_bottom.modal .modal-body{border-bottom:0;padding: 2rem 1.6rem 2.0rem;}
.modal_bottom.modal .modal-footer {padding: 0 1.6rem 0.8rem;}
.modal-backdrop {left: 50%; width: 100%;transform: translateX(-50%);max-width:var(--body_width);}


/* 토스트팝업 */
.toast{
    color: #fff;
    border-radius: 0.6rem;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}
/* toast */
.toast{
    position: fixed;
    top: 7.2rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 1.4rem;
    box-shadow: none;
    font-weight: 300;
    z-index: 9999;
    border: 0;
    background: transparent;
}
.toast-body {
    padding: 1.0rem 1.6rem;
    background-color: #666666e0;
    color: var(--white);
    font-weight: 400;
    border-radius: 2.5rem;
    text-align: center;
}
.toast-body p{
    display: flex;
    align-items: center;
    line-height: 1.3;
	justify-content:center;
}
.toast-body p i{
    margin-right: 0.6rem;
}



/* 뱃지 */
.badge {
    padding: 0.4rem 0.8rem;
    border-radius: 0.4rem;
    font-weight: 400;
    font-size: 1.4rem;
}
.badge-light{background:var(--border-100);color:var(--gray);}
.badge-primary-line{border:1px solid rgba(235, 0, 139, 0.5);color:var(--primary);background:#fff;}
.badge-primary-light{background:#FFE1F1;color:var(--primary);}
.badge-blue{color:var(--primary);background:#D6E8FF;}

.badge-md {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: 0 1.2rem;
    border-radius: 0.6rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
	font-weight: 500;
	word-break: keep-all;
}



/*탭*/
.tab_sticky{
    position: sticky;
    top: var(--hd_height_m);
    z-index: 15;
}
.top_156{top:15.6rem;}

/*nav-tabs*/
.nav-tabs{border:0;}
.nav-tabs .nav-link {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #000;
    border: 0;
    font-weight: 500;
    word-break: keep-all;
    padding: 0 2.0rem 0 0;
    margin-right: 2.0rem;
    border-right: 1px solid var(--border-100);
    border-radius: 0;
}
.nav-tabs .nav-link:last-child{border-right:0;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--primary);
	font-weight:600;
	border-color: var(--border-100);
}

/*nav-pills*/
.nav-pills{
	margin-left:-0.4rem;
	margin-right:-0.4rem;
	flex-wrap: nowrap;
}
.nav-pills .col{
	padding-left:0.4rem;
	padding-right:0.4rem;
}
.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 1rem;
    background: #AAB1B7;
    color: #fff;
}



/*tab_line*/
.tab_line{width: 100%;margin: 0;background-color: #fff;}
.tab_line { border: unset;border-bottom:1px solid var(--border);}
.tab_line .col, .tab_line [class*=col-]{padding-left:0;padding-right:0;}
.tab_line .nav-item{background-color: #fff;}
.tab_line .nav-link {
    border:0;
    border-bottom:3px solid white;
    color: var(--gray);
    height: 6.1rem;
    padding: 1.4rem 0 1.0rem;
    font-size: 1.8rem;
    font-weight: 600;
    background: transparent;
	display: flex;
    align-items: center;
    justify-content: center;
	width:100%;
}
.tab_line .col-auto.nav-item{margin-right:3.0rem;}
.tab_line .col-auto .nav-link{width:auto;}
.tab_line .nav-link.active, .tab_line .nav-item.show .nav-link { border-bottom: 3px solid var(--primary); color: var(--primary) !important;}


.tab_line.cate_auto{width: fit-content;}
.tab_line.cate_auto .nav-item{flex-grow: 0;}
.tab_line.cate_auto .nav-link{white-space: nowrap;}


.tab_line_lg.tab_line .col-auto.nav-item{margin-right:8.0rem;}
.tab_line_lg.tab_line .nav-link {height: 7.1rem;font-size: 2.4rem;font-weight: 400;color:var(--gray-600);padding: 1.0rem 0;}
.tab_line_lg.tab_line .nav-link.active, .tab_line .nav-item.show .nav-link {font-weight: 600;}



/*드롭다운*/
.dropdown-menu {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-width: 15rem;
    box-shadow: 0 0.6rem 0.6rem rgba(0, 0, 0, 0.16);
    border-color: var(--border);
}
.dropdown-menu .dropdown-item{padding-top:0.7rem;padding-bottom:0.7rem;}
.dropdown-menu .dropdown-item:hover{background:#F5F6F8;}


/*커스텀 스위치*/
.switch_flex{display:flex;}
.custom-switch {
    padding: 0;
    width: 3.9rem;
}
.custom-switch .custom-control-label::after {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #fff;
    border-radius: 3rem;
    top: -0.3rem;
    left: 0rem;
    border: 1px solid var(--border);
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.05);
}
.custom-control-label::after {
    position: absolute;
    top: 0.3rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
	cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    left: 0.8rem;
    border-color: var(--primary);
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}
.custom-control-label::before {
    background-color: #E3E3E3;
    border: 0;
	top: 0.15rem;
	cursor: pointer;
}
.custom-switch .custom-control-label::before {
    left: 0;
    width: 3.9rem;
    height: 1.6rem;
    border-radius: 2rem;
}



/*마진*/
.mt_8{margin-top:0.8rem;}
.mt_12{margin-top:1.2rem;}
.mt_16{margin-top:1.6rem;}
.mt_20{margin-top:2.0rem;}
.mt_24{margin-top:2.4rem;}
.mt_25{margin-top:2.5rem;}
.mt_26{margin-top:2.6rem;}
.mt_28{margin-top:2.8rem;}
.mt_35{margin-top:3.5rem;}
.mt_36{margin-top:3.6rem;}
.mt_40{margin-top:4.0rem;}
.mt_50{margin-top:5.0rem;}
.mt_60{margin-top:6.0rem;}
.mt_70{margin-top:7.0rem;}
.mt_80{margin-top:8.0rem;}


.mb_4{margin-bottom:0.4rem;}
.mb_6{margin-bottom:0.6rem;}
.mb_8{margin-bottom:0.8rem;}
.mb_10{margin-bottom:1.0rem;}
.mb_12{margin-bottom:1.2rem;}
.mb_14{margin-bottom:1.4rem;}
.mb_15{margin-bottom:1.5rem;}
.mb_16{margin-bottom:1.6rem;}
.mb_18{margin-bottom:1.8rem;}
.mb_20{margin-bottom:2.0rem;}
.mb_24{margin-bottom:2.4rem;}
.mb_25{margin-bottom:2.5rem;}
.mb_26{margin-bottom:2.6rem;}
.mb_30{margin-bottom:3rem;}
.mb_40{margin-bottom:4.0rem;}
.mb_50{margin-bottom:5.0rem;}
.mb_60{margin-bottom:6.0rem;}
.mb_70{margin-bottom:7.0rem;}
.mb_90{margin-bottom:9.0rem;}

.mr_4{margin-right:0.4rem;}
.mr_6{margin-right:0.6rem;}
.mr_8{margin-right:0.8rem;}
.mr_12{margin-right:1.2rem;}
.mr_16{margin-right:1.6rem;}
.mr_20{margin-right:2.0rem;}

.ml_6{margin-left:0.6rem;}
.ml_8{margin-left:0.8rem;}
.ml_16{margin-left:1.6rem;}
.ml_20{margin-left:2.0rem;}



.mx_n16{margin-left:-1.6rem;margin-right:-1.6rem;}
.mx_n20{margin-left:-2.0rem;margin-right:-2.0rem;}



/*패딩*/
.pt_6{padding-top:0.6rem;}
.pt_14{ padding-top: 1.4rem;}
.pt_20{ padding-top: 2.0rem;}
.pt_24{padding-top:2.4rem;}
.pt_25{padding-top:2.5rem;}
.pt_28{padding-top:2.8rem;}
.pt_38{padding-top:3.8rem;}
.pt_40{ padding-top: 4.0rem;}
.pt_50{ padding-top: 5.0rem;}
.pt_60{ padding-top: 6.0rem;}
.pt_80{padding-top:8.0rem;}
.pt_120{padding-top:12.0rem;}
.pb_8 { padding-bottom: 0.8rem;}
.pb_14 { padding-bottom: 1.4rem;}
.pb_16 { padding-bottom: 1.6rem;}
.pb_18{padding-bottom:1.8rem;}
.pb_20{padding-bottom:2.0rem;}
.pb_22{ padding-bottom: 2.2rem;}
.pb_24{ padding-bottom: 2.4rem;}
.pb_25{padding-bottom:2.5rem;}
.pb_40{padding-bottom:4.0rem;}
.pb_50{padding-bottom:5.0rem;}
.pb_60{padding-bottom:6.0rem;}
.pb_70{padding-bottom:7.0rem;}
.pb_80{padding-bottom:8.0rem;}
.pb_90{padding-bottom:9.0rem;}
.pb_100{padding-bottom:10.0rem;}
.pl_20 { padding-left: 2.0rem;}
.pr_20{padding-right:2.0rem;}
.py_8{ padding-top: 0.8rem; padding-bottom: 0.8rem;}
.py_20{padding-top:2.0rem;padding-bottom:2.0rem;}
.py_35{padding-top:3.5rem;padding-bottom:3.5rem;}
.py_40{padding-top:4.0rem;padding-bottom:4.0rem;}
.py_60{padding-top:6.0rem;padding-bottom:6.0rem;}
.py_100{padding-top:10.0rem;padding-bottom:10.0rem;}
.py_150{padding-top:15.0rem;padding-bottom:15.0rem;}
.px_20{padding-left:2.0rem !important;padding-right:2.0rem !important;}
.px_40{padding-left:4.0rem !important;padding-right:4.0rem !important;}
.p_20{ padding: 2rem;}

.vh_min100{min-height:100vh;}
.vh_100_vh{height:100vh;}
.w-auto{width:auto;}
.wrap{background:#fff;}
.w4Box > div:nth-child(odd){width:15% !important}
.w4Box > div:nth-child(even){width:35% !important}
.w4Box > div input{width:100%;flex:unset;}

#TBODY_TB_dataplus_FINANCE_ADMI_SEX_AGLV_INCM_DIST td:nth-child(3).text-left {white-space: nowrap;}
#CHART_TB_dataplus_FINANCE_ADMI_EMP_INCM {pointer-events: none;}

.oneLineCheckBox {position:relative;}
.oneLineCheckBox > p{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#666;font-size:12px;}
.modal-header > .d-flex {justify-content: start; align-items: center;}
.mb0 {margin-bottom:0 !important}
.mapClusterInfo {position:absolute;transform:translate(-30%, -100%);background:#fff;border-radius:8px;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.06);z-index:99;padding:1rem;white-space:nowrap;z-index: 99999;top:-30px}
.mapClusterInfo p {font-size:1.4rem;font-weight:600;color:#666}

.homebizContWrap > div:first-child{width:20%;}
.homebizContWrap > div:last-child{width:80%;}
.homebizContWrap{align-items:center;}
.areaListWrap {border-bottom:1px solid #EBEBEB;}
.areaListWrap .areaListBox{width:50%;height:286px;overflow:hidden;}
.areaListWrap .areaListBox:first-child{border-right:1px solid #EBEBEB}
.areaListWrap .areaListBox .areaTit {color:#929292;font-weight: 500;font-size:13px;background:#F9F9F9;height:36px;display:flex;justify-content: start;align-items: center;padding:0 8px;border-bottom:1px solid #EBEBEB}
.areaListWrap .areaListBox .areaList {height:calc(100% - 36px);overflow-y:scroll}
.areaListWrap .areaListBox .areaList::-webkit-scrollbar{width: 3px;}
.areaListWrap .areaListBox .areaList::-webkit-scrollbar-thumb{width: 3px;background:rgba(50, 53, 56, .2);border-radius:8px;}
.areaListWrap .areaListBox .areaList li {font-size:14px;font-weight:400;padding:10px 8px;color:#666;cursor:pointer}
.areaListWrap .areaListBox .areaList li:hover {color:#7235FD;}
.areaListWrap .areaListBox .areaList li.active {position:relative;color:#7235FD;}
.areaListWrap .areaListBox .areaList li.active:after {content:'';display:inline-block;width:16px;height: 16px;background:url('../image/check_pk.svg') no-repeat center center / 16px 16px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}
.choiceAreaWrap {margin:20px 0;display:flex;justify-content: start; align-items: center;overflow-x: scroll;padding-bottom:6px;}
.choiceAreaWrap::-webkit-scrollbar{height: 5px;}
.choiceAreaWrap::-webkit-scrollbar-thumb{height: 5px;background:rgba(50, 53, 56, .2);border-radius:8px;}
.choiceAreaWrap .choiceArea {padding:5px 8px;border-radius: 4px;border:1px solid #7235FD;margin-right:8px;cursor:pointer;display:flex;justify-content: center;align-items: center;white-space: nowrap}
.choiceAreaWrap .choiceArea p {font-size:13px;font-weight: 500;color:#7235FD;padding-right:4px;}
.choiceAreaWrap .choiceArea .removeBtn {width: 16px;height: 16px;background:url('../image/remove_pk.svg') no-repeat center center / 16px 16px;}
.areaBtnWrap {text-align: right;}
.areaBtnWrap button{font-size:14px !important;padding:6px 12px !important;width: auto !important;height:auto !important}
.areaBtnWrap .areaReset {color:#71717B}
.areaBtnWrap .areaReset:hover{color:#222;background:rgba(39, 39, 42, 0.04)}
.hidden {overflow: hidden;}
.hidden-x {overflow-x:hidden;}
#homeBizRadioBtn{width:386px;max-width: 386px;}
.adminToggle {height:28px;width: 50px;border-radius:999px;background:#ebebeb;position:relative;cursor:pointer;}
.adminToggle.active{background:#302D38;}
.adminToggle:after {content:'';display:inline-block;width:22px;height:22px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 11px), -50%);border-radius:999px;transition:.4s}
.adminToggle.active:after{content:'';transform:translate(calc(-50% + 11px), -50%);transition:.4s}
.userChoiceWrap {display:none;}
.userChoiceWrap.active {display:block;}
.usersSubTit {padding: 10px 0 15px 0;display: block;font-size: 18px;color: #666;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;font-weight: 600;}
.modal-body .toggleCheck.hide{display:none !important}
.relative {position:relative}
#contentForm #charCount {position:absolute;top:16px;right:12px;font-size:12px;color:#666}
.replyFormWrap {padding:3.2rem 3.0rem;}
.replyFormWrap .form-wrap textarea{border:1px solid var(--border-100)}
#fileList li {display:inline-flex;justify-content: center;align-items: center;background:#7235FD url('../image/link_download_icon.svg') no-repeat center left 6px / 16px 16px;padding:6px 12px 6px 26px;border-radius:4px;margin-right:8px;}
#fileList li a{color:#fff;}
.px_24 {padding:0 2.4rem !important}
.data_laboratory .item .item_prev, .data_laboratory .item_next, .bo_gall .item_prev, .bo_gall .item_next {display: block;position: absolute;top: 12px;right: 45px;background:url('../image/move_icon_gray.svg') no-repeat center center / 16px 16px;width: 28px;height: 28px;border-radius: 6px;z-index:9;transform:rotate(0);cursor:pointer;border:1px solid rgba(39, 39, 42, 0.15);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);}
.data_laboratory .item_next, .bo_gall .item_next{content: '';right: 12px;background:url('../image/move_icon_gray.svg') no-repeat center center / 16px 16px; transform:rotate(180deg);}
.data_laboratory .item .item_prev:hover, .data_laboratory .item_next:hover, .bo_gall .item_prev:hover, .bo_gall .item_next:hover{background:url('../image/move_icon_pink.svg') no-repeat center center / 16px 16px}
.bo_gall .item {position:relative;}
.upBtn, .downBtn{display: inline-block;background:url('../image/move_icon_gray.svg') no-repeat center center / 16px 16px;width: 28px;height: 28px;border-radius: 6px;z-index:9;transform:rotate(-90deg);cursor:pointer;border:1px solid rgba(39, 39, 42, 0.15);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);}
.downBtn {background:url('../image/move_icon_gray.svg') no-repeat center center / 16px 16px; transform:rotate(90deg);}
.upBtn:hover, .downBtn:hover{background:url('../image/move_icon_pink.svg') no-repeat center center / 16px 16px}
.flexCenter {display:flex;justify-content: center;align-items: center;}
.upBtn {margin-right: 4px;}
.faq_hd .downBtn {margin-right:16px;}
.fileViewBox {display:flex;justify-content: start;align-items: center;margin-top:24px;border-top:1px solid var(--border-300);padding-top:24px;}
.fileViewBox img {margin-right:6px;}
.form-control-line.relative input {padding-right:40px;}
.linkPlusBtn {position:absolute;top:50%;right:8px;transform:translateY(-50%);width:24px;height:24px;border:1px solid rgba(39, 39, 42, 0.15);border-radius:4px;cursor:pointer}
.linkPlusBtn:after, .linkPlusBtn:before{content:'';display: block;width:12px;height: 1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--dark-hover)}
.linkPlusBtn:before {content:'';transform:translate(-50%,-50%) rotate(90deg)}
.linkPlusBtn:hover {border:1px solid #7235FD}
.linkPlusBtn:hover:after, .linkPlusBtn:hover:before {background:#7235FD}
.add_link_input {padding-left:36px;}
.addLinkNum {position: absolute;top: 50%;left: 2px;transform: translateY(-50%);width: 24px;border: 1px solid var(--gray-200);height: 24px;text-align: center;line-height: 24px;border-radius: 4px;color: var(--gray-600);font-weight: 500;font-size: 14px;}
.modalInfoBox .custom-tooltip{left:24px !important}
.modal-dialog-scrollable .modal-content{overflow:unset !important}
/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) { 


} 

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {

	 /*메인*/
	/*서브*/



 } 


/*반응형 max 767px md*/
@media (max-width: 767.98px) { 


} 

/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 


    
} 

/*반응형 max 375px*/
@media (max-width: 375px) {
}