
:root {
	--column-padd: 0rem;

    --color-white: #fff;
	--color-black: #000;
	--color-red: #f72e41;
	--color-gray: #666;
	--color-main:#02a9f6; 
	--color-brown:#67625d;
	--color-light-blue:#f4fafe;
	--color-blue:#1568f3;
    --color-darkblue:#092275;
    --radius-big: 1.85rem;
	--radius-basic: .85rem;
}

*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

/* reset */
* {box-sizing: border-box;}
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select,pre{  font-family:'Pretendard',/*'NotoSans',*/  'NotoMedium', 'Nanum Gothic', '나눔고딕', '맑은 고딕', '돋움', 'Dotum', 'xeicon', 'Material Design Icons',  '굴림', Gulim, Sans-serif; color:#5f5f5f; font-size:15px; word-break:keep-all; letter-spacing:-.04em}
body{/*font-size:0.875em;*/}
h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:600; }
input,textarea,button,select,table, i{font-size:1em; font-weight:normal;  font-family:'Pretendard'}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; border:0; background-color:#fff;}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
i, em {font-style:normal}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, li {list-style:none;}

:before,
:after {  font-family:'xeicon','Material Design Icons' }

/* 링크 기본값 */
a { border:0;transition: all 0.2s ease-in;}
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 
ul,ol,li{list-style:none;}
*/
img { border:none; max-width:100%; }


input[placeholder] { color:#a9a9a9;}
input:-ms-input-placeholder {color:#a9a9a9; font-size:14px; }
input::-webkit-input-placeholder {color:#a9a9a9 !important;font-size:14px; }
input::-moz-placeholder {color:#a9a9a9;font-size:14px; }
textarea:-ms-input-placeholder {color:#a9a9a9;font-size:14px; }
textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:14px; }
textarea::-moz-placeholder {color:#a9a9a9;font-size:14px; }


input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.35rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:14px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:3px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:7px;height:11px;margin:-7.5px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid #32b2ed;background-color:#32b2ed;transform:translateY(-50%);box-shadow:0 3px 8px -3px #32b2ed;}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid #32b2ed;box-shadow:0 3px 8px -3px #32b2ed;}


button,
input[type="text"] {  outline: none;  outline-width: 0; border:0;outline-width: 0;  }

textarea {  resize: none;  overflow-x: hidden; padding:10px;}

input, select, textarea, button {   display: inline-block;   outline: 0;   vertical-align: middle;    appearance: none; outline-width: 0; vertical-align: middle;transition: all 0.2s ease-in;
   -webkit-appearance: none;   
   -moz-appearance: none;
}
select {  word-wrap: normal; appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;} 


select{ padding-right:25px; position:relative;
    border:1px solid #d0d3da; border-radius:4px; color: #333;font-size: 13px; height:28px; line-height: 28px; padding-left:10px; letter-spacing: 0;appearance: none;box-sizing: border-box;
	 background-size:auto 13px; background-repeat:no-repeat; background-position:calc(100% - 8px)  ; 
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0016 6.33652C16.4588 5.88783 17.1999 5.88783 17.6571 6.33652C18.1143 6.78522 18.1143 7.51253 17.6571 7.96122L10.8278 14.6635C10.3705 15.1122 9.62945 15.1122 9.17225 14.6635L2.3429 7.96122C1.8857 7.51252 1.8857 6.78522 2.3429 6.33652C2.80011 5.88783 3.54121 5.88783 3.99841 6.33652L10 12.2264L16.0016 6.33652Z' fill='%23AEB6C3'/%3E%3C/svg%3E%0A");
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* font color */
.color-red { color:#f72e41;}
.color-main { color:#02a9f6;}
.color-blue { color:#1568f3;}


/* unit */
.unit {position:relative;z-index:1;}
.unit.emoji:before {content:''; position:absolute; left:0.75rem; top:50%;right:auto; margin:0; width:1rem; height:1rem; margin-top:-0.5rem;background-repeat:no-repeat;z-index:1; background-position:center ; background-size:auto 100%; }
.unit.emoji.car:before  { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5775 6.86999L14.55 3.79499C14.4013 3.34607 14.1145 2.95564 13.7306 2.67951C13.3468 2.40337 12.8854 2.25566 12.4125 2.25749H5.57999C5.10737 2.2568 4.64654 2.40495 4.26286 2.68093C3.87918 2.95691 3.59216 3.3467 3.44249 3.79499L2.41499 6.86999C1.87499 7.09499 1.49249 7.63499 1.49249 8.24999V12C1.49407 12.2618 1.56413 12.5186 1.6957 12.7449C1.82728 12.9712 2.01579 13.1591 2.24249 13.29V15C2.24249 15.4125 2.57999 15.75 2.99249 15.75H3.74249C4.15499 15.75 4.49249 15.4125 4.49249 15V13.5H13.4925V15C13.4925 15.4125 13.83 15.75 14.2425 15.75H14.9925C15.405 15.75 15.7425 15.4125 15.7425 15V13.29C15.9692 13.1591 16.1577 12.9712 16.2893 12.7449C16.4209 12.5186 16.4909 12.2618 16.4925 12V8.24999C16.4925 7.62749 16.11 7.09499 15.57 6.86999H15.5775ZM14.25 10.125C14.25 10.7475 13.7475 11.25 13.125 11.25C12.5025 11.25 12 10.7475 12 10.125C12 9.50249 12.5025 8.99999 13.125 8.99999C13.7475 8.99999 14.25 9.50249 14.25 10.125ZM5.99999 10.125C5.99999 10.7475 5.49749 11.25 4.87499 11.25C4.25249 11.25 3.74999 10.7475 3.74999 10.125C3.74999 9.50249 4.25249 8.99999 4.87499 8.99999C5.49749 8.99999 5.99999 9.50249 5.99999 10.125ZM5.57999 3.74999H12.42C12.5772 3.74959 12.7306 3.79861 12.8585 3.89013C12.9863 3.98164 13.0822 4.11103 13.1325 4.25999L13.965 6.74999H4.04249L4.87499 4.25999C4.92531 4.11103 5.02117 3.98164 5.14902 3.89013C5.27688 3.79861 5.43026 3.74959 5.58749 3.74999H5.57999Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
.unit.emoji.area:before {background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.125C7.35957 1.12694 5.78688 1.77945 4.62692 2.93941C3.46696 4.09938 2.81444 5.67207 2.8125 7.3125C2.811 8.65299 3.24884 9.95704 4.059 11.025C4.059 11.025 4.22775 11.2472 4.25532 11.2793L9 16.875L13.7469 11.2764C13.7717 11.2466 13.941 11.025 13.941 11.025L13.9416 11.0233C14.7512 9.95574 15.1888 8.65235 15.1875 7.3125C15.1856 5.67207 14.5331 4.09938 13.3731 2.93941C12.2131 1.77945 10.6404 1.12694 9 1.125ZM9 9.5625C8.555 9.5625 8.11998 9.43054 7.74997 9.18331C7.37996 8.93607 7.09157 8.58467 6.92127 8.17354C6.75098 7.7624 6.70642 7.31 6.79324 6.87355C6.88005 6.43709 7.09435 6.03618 7.40901 5.72151C7.72368 5.40684 8.12459 5.19255 8.56105 5.10573C8.99751 5.01892 9.44991 5.06347 9.86104 5.23377C10.2722 5.40407 10.6236 5.69246 10.8708 6.06247C11.118 6.43248 11.25 6.86749 11.25 7.3125C11.2493 7.90901 11.012 8.48087 10.5902 8.90267C10.1684 9.32446 9.59651 9.56176 9 9.5625Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
.unit.emoji select {width:100% !important; border:0 !important; padding-left:2rem !important; margin:0 !important;}
.unit.emoji select option {padding-left:0.5rem;}


.unit input {padding-right:1rem !important; text-align:right !important;}
.unit::after {content:'';position:absolute;right:0rem;top:50%;margin-top:-0.8rem; line-height:1.6rem;font-size:.875rem;font-weight:400; text-align:right; color:#666; z-index:2;}
.unit.won::after {content:'원';}
.unit.person::after {content:'명';}
.unit.dae::after {content:'대';}
.unit.manwon::after {content:'만원';}
.unit.manwon input {padding-right:1.875rem !important;}
.unit.km:after {content:'Km';}
.unit.nm:after {content:'μm';}
.unit.percent::after {content:'%';}
.unit.rpm:after {content:'Ps/rpm';}
.unit.m3:after {content:'㎥';}
.unit.time_h:after {content:'Hour';}
.unit.km input {text-align:right;}
.unit.mm:after {content:'mm';}
.unit.cc:after {content:'cc';}
.unit.kml:after {content:'km/ℓ';}
.unit.kg:after {content:'kg';}
.unit.ton:after {content:'톤';}
.unit.year::after {content:'년';}
.unit.count::after {content:'회';}

/*  button */
.button-group {display:flex;flex:auto; gap:0.25rem;  align-items: center;}
.button-group .btn {display:inline-flex; align-items: center; justify-content: center; font-size:1rem; font-weight:500; background-color:#9199A3; color:#fff; height:3.25rem; border-radius:0.5rem; border:0;}
.button-group .btn.cancel {flex:1 0;}
.button-group .btn.ok {background-color:var(--color-blue); flex:3 0}


/* guide */
.guide {position:relative; padding-left:1.25rem; line-height:1.5em; font-size:0.8125rem; color:#777; font-weight:400; }
.guide:before {content:''; position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; background-repeat:no-repeat; background-position:left ; background-size:auto 1rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99999 18.3333C5.39749 18.3333 1.66666 14.6025 1.66666 9.99999C1.66666 5.39749 5.39749 1.66666 9.99999 1.66666C14.6025 1.66666 18.3333 5.39749 18.3333 9.99999C18.3333 14.6025 14.6025 18.3333 9.99999 18.3333ZM9.99999 16.6667C11.7681 16.6667 13.4638 15.9643 14.714 14.714C15.9643 13.4638 16.6667 11.7681 16.6667 9.99999C16.6667 8.23188 15.9643 6.53619 14.714 5.28594C13.4638 4.0357 11.7681 3.33332 9.99999 3.33332C8.23188 3.33332 6.53619 4.0357 5.28594 5.28594C4.0357 6.53619 3.33332 8.23188 3.33332 9.99999C3.33332 11.7681 4.0357 13.4638 5.28594 14.714C6.53619 15.9643 8.23188 16.6667 9.99999 16.6667ZM9.99999 5.83332C10.221 5.83332 10.433 5.92112 10.5892 6.0774C10.7455 6.23368 10.8333 6.44564 10.8333 6.66666V10.8333C10.8333 11.0543 10.7455 11.2663 10.5892 11.4226C10.433 11.5789 10.221 11.6667 9.99999 11.6667C9.77898 11.6667 9.56701 11.5789 9.41073 11.4226C9.25445 11.2663 9.16666 11.0543 9.16666 10.8333V6.66666C9.16666 6.44564 9.25445 6.23368 9.41073 6.0774C9.56701 5.92112 9.77898 5.83332 9.99999 5.83332ZM9.99999 14.1667C9.77898 14.1667 9.56701 14.0789 9.41073 13.9226C9.25445 13.7663 9.16666 13.5543 9.16666 13.3333C9.16666 13.1123 9.25445 12.9003 9.41073 12.7441C9.56701 12.5878 9.77898 12.5 9.99999 12.5C10.221 12.5 10.433 12.5878 10.5892 12.7441C10.7455 12.9003 10.8333 13.1123 10.8333 13.3333C10.8333 13.5543 10.7455 13.7663 10.5892 13.9226C10.433 14.0789 10.221 14.1667 9.99999 14.1667Z' fill='%23666666'/%3E%3C/svg%3E%0A");}

input, select, textarea, button {   display: inline-block;   outline: 0;   vertical-align: middle; appearance: none; outline-width: 0; vertical-align: middle;
   -webkit-appearance: none;   
   -moz-appearance: none;
}

input[type="text"],
input[type="password"],
select,
textarea {border:1px solid #ddd; transition: all 0.2s ease-in;}

input[type="text"]:focus,
select:focus,
textarea:focus,
button:focus {   background-color:#fff; border:1px solid #02a9f6 }

input[type="text"],
input[type="password"] {padding-left:10px; padding-right:10px;}

/* readonly */
input[readonly][type=text] {background-color:#f0f0f0 !important; }
input[readonly][type=text]:focus {border-color:#ddd; background-color:#f0f0f0 !important; }

.inline {display:inline-block; }


/* 테이블 공통 */
table .col_xmin { width:7%;}
table .col_min { width:10%;}
table .col_11 { width:11%;}
table .col_17 { width:17%;}
table .col_xxs { width:15%;}
table .col_xs { width:20%;}
table .col_s { width:25%;}
table .col_m { width:30%;}
table .col_l { width:35%;}
table .col_xl { width:40%;}
table .col_xxl { width:45%;}
table .col_half { width:53%;}
table .col_10 { width:10%;}
table .col_20 { width:20%;}
table .col_15 { width:15%;}
table .col_60 { width:60%;}
table .col_65 { width:65%;}
table .col_70 { width:70%;}
table .col_75 { width:75%;}
table .col_80 { width:80%;}

/* font-color */
.f_size0 {font-size:0; }
.fc_skyblue {color:#12b8ee !important;}
.fc_blue {color:#0b68f4 !important;}
.fc_orange {color:#fe6000 !important;}
.fc_brown {color:#78583e !important;}
.fc_green {color:#12a803 !important; }
.fc_w {color:#fff !important;}
.fc_red {color:#ff203a !important;}
.fc_yellow { color:#ffec11 !important; }
.fc_black { color:#000 !important; }
.fc_ltgreen { color:#80ea05 !important;  }

.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }

/* 스크롤바 */
::-webkit-scrollbar { width: 12px;height:12px;}
::-webkit-scrollbar-track { background-color: #f9f9f9; }
::-webkit-scrollbar-thumb { background:#aaa !important; opacity:1 !important;  border-radius:12px; }
::-webkit-scrollbar-button { display: none; }


.wd50 {width:50px !important;}
.wd60 {width:60px !important;}
.wd80 {width:80px !important;}
.wd100 {width:100px !important;}
.wd110 {width:110px !important;}
.wd120 {width:120px !important;}
.wd130 {width:130px !important;}
.wd140 {width:140px !important;}
.wd150 {width:150px !important;}
.wd160 {width:160px !important;}
.wd170 {width:170px !important;}
.wd180 {width:180px !important;}
.wd200 {width:200px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd350 {width:350px !important;}
.wd400 {width:400px !important;}
.wd450 {width:450px !important;}
.wd500 {width:500px !important;}

.wd20pc {width:20% !important;}
.wd25pc {width:25% !important;}
.wd30pc {width:30% !important;}
.wd35pc {width:35% !important;}
.wd36pc {width:36% !important;}
.wd37pc {width:37% !important;}
.wd38pc {width:38% !important;}
.wd39pc {width:39% !important;}
.wd40pc {width:40% !important;}
.wd43pc {width:43% !important;}
.wd44pc {width:44% !important;}
.wd45pc {width:45% !important;}
.wd47pc {width:47% !important;}
.wd48pc {width:48% !important;}
.wd49pc {width:49% !important;}
.wd50pc {width:50% !important;}
.wd60pc {width:60% !important;}
.wd70pc {width:70% !important;}
.wd75pc {width:75% !important;}
.wd80pc {width:80% !important;}
.wd90pc {width:90% !important;}
.wd95pc {width:95% !important;}
.wd100pc {width:100% !important;}

.ht50 {height:50px !important;}
.ht70 {height:70px !important;}
.ht80 {height:80px !important;}
.ht90 {height:90px !important;}
.ht100 {height:100px !important;}
.ht110 {height:110px !important;}
.ht120 {height:120px !important;}
.ht150 {height:150px !important;}
.ht180 {height:180px !important;}
.ht200 {height:200px !important;}
.ht250 {height:250px !important;}
.ht280 {height:280px !important;}
.ht300 {height:300px !important;}

/* margin */
.ml1 {margin-left:1px !important; }
.ml2 {margin-left:2px !important; }
.ml3 {margin-left:3px !important; }
.ml4 {margin-left:4px !important; }
.ml5 {margin-left:5px !important; }
.ml7 {margin-left:7px !important; }
.ml10 {margin-left:10px !important; }
.ml12 {margin-left:12px !important; }
.ml15 {margin-left:15px !important; }
.ml17 {margin-left:17px !important; }
.ml20 {margin-left:20px !important; }

.mr1 {margin-right:1px !important; }
.mr2 {margin-right:2px !important; }
.mr3 {margin-right:3px !important; }
.mr4 {margin-right:4px !important; }
.mr5 {margin-right:5px !important; }
.mr7 {margin-right:7px !important; }
.mr10 {margin-right:10px !important; }
.mr12 {margin-right:12px !important; }
.mr15 {margin-right:15px !important; }
.mr17 {margin-right:17px !important; }
.mr20 {margin-right:20px !important; }

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:10px !important; }
.mt15 {margin-top:15px !important; }
.mt20 {margin-top:20px !important; }
.mt25 {margin-top:25px !important; }
.mt30 {margin-top:30px !important; }
.mt35 {margin-top:35px !important; }
.mt40 {margin-top:40px !important; }
.mt50 {margin-top:50px !important; }

/* padding */
.pt20 {padding-top:20px !important; }
.pt30 {padding-top:30px !important; }
.pt40 {padding-top:40px !important; }
.pt50 {padding-top:50px !important; }

.pl3 {padding-left:3px !important; }
.pl5 {padding-left:5px !important; }
.pl7 {padding-left:7px !important; }
.pl8 {padding-left:8px !important; }
.pl10 {padding-left:10px !important; }


.file-list .img-list {
    display: inline-block;
    width: 160px;
    vertical-align: top;
    position: relative;
    padding: 10px;
    margin-right: 0;
    margin-bottom: 0;
}