@charset "UTF-8";
@import url('editor.css');

/********* reset.css **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
ul,ol,li {list-style-type:none;}
a {color: inherit; text-decoration:none;}
img {max-width:100%; border:0 none; vertical-align:top;}
video {max-width:100%}
address {font-style:normal;}
table, caption, tbody, tfoot, thead, tr, th, td {border-collapse: collapse; padding: 0;}
button {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:initial; cursor:pointer;}
input {-webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; font-family: inherit;font-size:inherit}
textarea {width:100%; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
select {cursor:pointer; -webkit-border-radius: 0; font-family: inherit; font-size: inherit; font-weight:inherit}
sup, sub {font-size:0.9rem}
table {width:100%}

/* placeholder */
::-webkit-input-placeholder {color: #777;font-weight:300}
::-moz-placeholder {color: #777;font-weight:300}
:-ms-input-placeholder {color: #777;font-weight:300}
:-moz-placeholder {color: #777;font-weight:300}


/* 스크롤바 변경
::-webkit-scrollbar {width:8px;height:8px}
::-webkit-scrollbar-track {background-color:var(--colorLightGray);border-radius:8px}
::-webkit-scrollbar-thumb {background-color:var(--colorLightBrown);border-radius:8px}
::-webkit-scrollbar-thumb:hover {background-color:var(--colorYellow)}
*/

/* 기본 스타일 정의 */
input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="email"],   
input[type="url"], 
input[type="tel"], 
input[type="search"], 
input[type="datetime"] {padding:11px 10px;border:1px solid #e1e1e1}
input[type="file"] {border:1px solid #e1e1e1}

label {display:block}
label input[type="text"], 
label input[type="password"], 
label input[type="number"], 
label input[type="email"],   
label input[type="url"], 
label input[type="tel"], 
label input[type="search"], 
label input[type="datetime"] {display:block;width:100%}

input[type="date"], 
input[type="week"], 
input[type="month"], 
input[type="datetime-local"] {min-width:190px;padding:10px;border:1px solid #e1e1e1}

input[type="submit"], 
input[type="reset"] {}

input[type="radio"] {}
input[type="checkbox"] {}
input[type="time"] {}
input[type="color"] {}
input[type="range"] {}
input[type="button"] {}
input[type="hidden"] {}

input:disabled,  
input[type="checkbox" i]:disabled, 
input[type="radio" i]:disabled {cursor:inherit}

textarea {display:block;min-height:150px;padding:10px;font-size:initial;border:1px solid #e1e1e1}
select {display:inline-block;min-width:120px;padding:11px 10px;cursor:pointer;border:1px solid #e1e1e1;background-color:#fff;background-image:url(/images/home/kor/user/board/slt_arr_icon.png);background-position:center right 10px;background-size:11px;background-repeat:no-repeat}

input[readonly] {background-color:#f5f5f5}
input[readonly]::-webkit-input-placeholder {color:#212121 !important}
input[readonly]::-moz-placeholder {color:#212121 !important}
input[readonly]:-ms-input-placeholder {color:#212121 !important}
input[readonly]:-moz-placeholder {color:#212121 !important}
input[readonly]::placeholder {color:#212121 !important}
input[readonly] {color:#212121 !important}
textarea[readonly] {background-color:#f5f5f5}
textarea[readonly]::-webkit-input-placeholder {color:#212121 !important}
textarea[readonly]::-moz-placeholder {color:#212121 !important}
textarea[readonly]:-ms-input-placeholder {color:#212121 !important}
textarea[readonly]:-moz-placeholder {color:#212121 !important}
textarea[readonly]::placeholder {color:#212121 !important}
textarea[readonly] {color:#212121 !important}
select[disabled] {background-color:#f5f5f5}
select[disabled]::-webkit-input-placeholder {color:#212121 !important}
select[disabled]::-moz-placeholder {color:#212121 !important}
select[disabled]:-ms-input-placeholder {color:#212121 !important}
select[disabled]:-moz-placeholder {color:#212121 !important}
select[disabled]::placeholder {color:#212121 !important}
select[disabled] {color:#212121 !important}


.w100 {width:100%}
.w95 {width:95%}
.w90 {width:90%}
.w85 {width:85%}
.w80 {width:80%}
.w75 {width:75%}
.w70 {width:70%}
.w65 {width:65%}
.w60 {width:60%}
.w55 {width:55%}
.w50 {width:50%}
.w45 {width:45%}
.w40 {width:40%}
.w35 {width:35%}
.w30 {width:30%}
.w25 {width:25%}
.w20 {width:20%}
.w15 {width:15%}
.w10 {width:10%}
.w5 {width:5%}

.mt0 {margin-top:0 !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}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt55 {margin-top:55px !important}
.mt60 {margin-top:60px !important}
.mt65 {margin-top:65px !important}
.mt70 {margin-top:70px !important}
.mt75 {margin-top:75px !important}
.mt80 {margin-top:80px !important}
.mt85 {margin-top:85px !important}
.mt90 {margin-top:90px !important}
.mt95 {margin-top:95px !important}
.mt100 {margin-top:100px !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb70 {margin-bottom:70px !important}
.mb75 {margin-bottom:75px !important}
.mb80 {margin-bottom:80px !important}
.mb85 {margin-bottom:85px !important}
.mb90 {margin-bottom:90px !important}
.mb95 {margin-bottom:95px !important}
.mb100 {margin-bottom:100px !important}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}
.ml45 {margin-left:45px !important}
.ml50 {margin-left:50px !important}
.ml55 {margin-left:55px !important}
.ml60 {margin-left:60px !important}
.ml65 {margin-left:65px !important}
.ml70 {margin-left:70px !important}
.ml75 {margin-left:75px !important}
.ml80 {margin-left:80px !important}
.ml85 {margin-left:85px !important}
.ml90 {margin-left:90px !important}
.ml95 {margin-left:95px !important}
.ml100 {margin-left:100px !important}

.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr45 {margin-right:45px !important}
.mr50 {margin-right:50px !important}
.mr55 {margin-right:55px !important}
.mr60 {margin-right:60px !important}
.mr65 {margin-right:65px !important}
.mr70 {margin-right:70px !important}
.mr75 {margin-right:75px !important}
.mr80 {margin-right:80px !important}
.mr85 {margin-right:85px !important}
.mr90 {margin-right:90px !important}
.mr95 {margin-right:95px !important}
.mr100 {margin-right:100px !important}

.pt0 {padding-top:0 !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt35 {padding-top:35px !important}
.pt40 {padding-top:40px !important}
.pt45 {padding-top:45px !important}
.pt50 {padding-top:50px !important}
.pt55 {padding-top:55px !important}
.pt60 {padding-top:60px !important}
.pt65 {padding-top:65px !important}
.pt70 {padding-top:70px !important}
.pt75 {padding-top:75px !important}
.pt80 {padding-top:80px !important}
.pt85 {padding-top:85px !important}
.pt90 {padding-top:90px !important}
.pt95 {padding-top:95px !important}
.pt100 {padding-top:100px !important}

.pb0 {padding-bottom:0 !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb15 {padding-bottom:15px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}
.pb35 {padding-bottom:35px !important}
.pb40 {padding-bottom:40px !important}
.pb45 {padding-bottom:45px !important}
.pb50 {padding-bottom:50px !important}
.pb55 {padding-bottom:55px !important}
.pb60 {padding-bottom:60px !important}
.pb65 {padding-bottom:65px !important}
.pb70 {padding-bottom:70px !important}
.pb75 {padding-bottom:75px !important}
.pb80 {padding-bottom:80px !important}
.pb85 {padding-bottom:85px !important}
.pb90 {padding-bottom:90px !important}
.pb95 {padding-bottom:95px !important}
.pb100 {padding-bottom:100px !important}

.pl0 {padding-left:0 !important}
.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl35 {padding-left:35px !important}
.pl40 {padding-left:40px !important}
.pl45 {padding-left:45px !important}
.pl50 {padding-left:50px !important}
.pl55 {padding-left:55px !important}
.pl60 {padding-left:60px !important}
.pl65 {padding-left:65px !important}
.pl70 {padding-left:70px !important}
.pl75 {padding-left:75px !important}
.pl80 {padding-left:80px !important}
.pl85 {padding-left:85px !important}
.pl90 {padding-left:90px !important}
.pl95 {padding-left:95px !important}
.pl100 {padding-left:100px !important}

.pr0 {padding-right:0 !important}
.pr5 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}
.pr35 {padding-right:35px !important}
.pr40 {padding-right:40px !important}
.pr45 {padding-right:45px !important}
.pr50 {padding-right:50px !important}
.pr55 {padding-right:55px !important}
.pr60 {padding-right:60px !important}
.pr65 {padding-right:65px !important}
.pr70 {padding-right:70px !important}
.pr75 {padding-right:75px !important}
.pr80 {padding-right:80px !important}
.pr85 {padding-right:85px !important}
.pr90 {padding-right:90px !important}
.pr95 {padding-right:95px !important}
.pr100 {padding-right:100px !important}

@media screen and (max-width:768px){
	input[type="date"], 
	input[type="week"], 
	input[type="month"], 
	input[type="datetime-local"] {min-width:100px;padding:10px;border:1px solid #e1e1e1}
	textarea {font-size:14px}
}