@charset "UTF-8";
/* noto-sans-kr-300 - latin_korean */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
    url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.woff') format('woff'), /* Modern Browsers */
    url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/asset/fonts/noto-sans-kr-v8-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

:root {
    --main-bg-color: #cc3333;
}

* {
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    word-break: break-all;
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -1px;
}

.lp0{ letter-spacing: 0; }

html, body { width: 100%; height: 100%; }
ul { list-style:none; }
li { float: left; }
a { text-decoration: none; color: #000000; }
table { width:100%; table-layout: fixed; }
table,tr, td ,th { border-collapse: collapse; }
input[type='text']
,input[type='password']
,input[type='number']
,input[type='email']
,textarea
,select
{ border:none; outline:none; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type='file'] { cursor: pointer; }
input[type='file']:focus { outline: none; }
input[type="file"]::file-selector-button { border: 1px solid #ccc; padding: 10px; width: 120px; background-color: #fff; font-weight: 900; cursor: pointer; }

/* se2 */
.se2Plugin { height: 350px; vertical-align: top; }
.se2Plugin > textarea { opacity: 0; }
.se2Plugin > iframe { /*height: 349px !important;*/ }

/* 아이콘 */
.fa-asterisk { color: #DC3333; position: relative; top: -2px; margin-right: 3px; font-size: 13px; }

/* 텍스트 정렬 */
.tl { text-align:left !important; }

button { border:none; outline:none; cursor:pointer; }

input.txt_box { width: 100%; float: left; border: 1px solid #D9D9D9 !important; height: 40px; padding: 0 10px; letter-spacing: 0; }
select.selBox { float: left; padding: 0 10px; border: 1px solid #ccc; max-width: 100%; min-width: 125px; height: 35px; }
select.txt_box { width: 100%; float: left; border: 1px solid #D9D9D9 !important; height: 40px; padding: 0 10px; }
select.txt_box2 { width: 50%; float: left; border: 1px solid #D9D9D9 !important; height: 40px; padding: 0 10px; border-right: 0 !important; }
select.txt_box2:last-of-type { border-right: 1px solid #D9D9D9 !important; }
select.list_set_box { border: 1px solid #D9D9D9 !important; height: 35px; padding: 0 10px; }
textarea.txt_box { width: 100%; float: left; border: 1px solid #D9D9D9 !important; height: 250px; padding: 10px; }
.etc_list_del { cursor: pointer; }

.row_move { cursor:pointer; }
.row_move:hover { background-color: #f2fafe; }

/* 버튼 스타일 */
.type_btn { padding: 6px 14px; font-weight: bold; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; }
.main_btn { min-width: 120px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); color: #fff; background-color: var(--main-bg-color); font-weight: 900; font-size: 16px; }
.white_btn { min-width: 120px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); color: #333; background-color: #fff; font-weight: 900; font-size: 16px; }
.sm_main_btn { width: 80px; height: 40px; margin-left: 10px; color: #fff; background-color: var(--main-bg-color); font-weight: 900; }
.sm_white_btn { width: 80px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); margin-left: 10px; color: #333; background-color: #fff; font-weight: 900; }
.black_del_btn { width: 60px; height: 35px; background-color: #2f2f30; color: #fff; font-weight: 900; }
.black_up_btn { width: 60px; height: 35px; background-color: #2f2f30; color: #fff; font-weight: 900; }
.excelBtn { width:auto; height:35px; line-height:35px; padding:0 15px; float:left; background-color: #207244; color: #fff; font-weight: 900; }

.btn_black_00 { background-color: #000; color: #FFF; }
.btn_white_FF { background-color: #FFF; color: #666; }
.btn_main_color { background-color: var(--main-bg-color) !important; color: #FFF !important; }
.main_color { color: var(--main-bg-color); }

.common_box { width: 100%; float: left; }
.common_box > div { width: 1200px; margin: 0 auto; }
.common_box > div > div { width: 100%; float: left; }

.left { float: left; }
.right { float: right; }
.txt_l { text-align: left; }
.txt_r { text-align: right; }
.txt_c { text-align: center; }

/* datepicker */
.ui-datepicker { z-index:100 !important; }
.ui-widget.ui-widget-content { border: 0 !important; border-radius: 5px !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important; padding: 0 !important; overflow: hidden; margin-top: 5px; width: 220px !important; }
.ui-datepicker .ui-datepicker-header { border: 0 !important; border-radius: 0 !important; background-color: #333 !important; padding: 8px 50px !important; margin: 0 !important; }
.ui-datepicker .ui-datepicker-title { margin: 0 !important; color: #FFF; font-size: 14px; }
.ui-datepicker .ui-datepicker-title > span { font-size: 14px; }
.ui-datepicker table { margin: 5px 0 !important; }
.ui-datepicker td a { text-align: center !important; font-weight: 500 !important; border: 0 !important; background: none !important; font-size: 12px !important; color: #333 !important; border-radius: 3px; transition: background-color 0.2s; }
.ui-datepicker td a:hover { background-color: #F2F2F2 !important; }
.ui-datepicker td span { text-align: center !important; font-weight: 500 !important; border: 0 !important; background: none !important; font-size: 12px !important; color: #CCC !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #F2F2F2 !important; }
.ui-state-active, .ui-widget-content .ui-state-active { color: #333 !important; font-weight: bold !important; background-color: #FFCC33 !important; }
.ui-state-active:hover, .ui-widget-content .ui-state-active:hover { color: #333 !important; font-weight: bold !important; background-color: #FFCC33 !important; }
.ui-datepicker th { font-size: 12px !important; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { cursor: pointer; width: 35px !important; height: 35px !important; line-height: 35px !important; text-align: center !important; top: -1px !important; }
.ui-datepicker .ui-datepicker-next { right: 0 !important; }
.ui-datepicker .ui-datepicker-next::after { content: "\f0a9"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFF; opacity: 0.2; transition: opacity 0.5s; }
.ui-datepicker .ui-datepicker-next:hover::after { opacity: 1; }
.ui-datepicker .ui-datepicker-next > span { display: none !important; }

.ui-datepicker .ui-datepicker-prev { left: 0 !important; }
.ui-datepicker .ui-datepicker-prev::after { content: "\f0a8"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #FFF; opacity: 0.2; transition: opacity 0.5s; }
.ui-datepicker .ui-datepicker-prev:hover::after { opacity: 1; }
.ui-datepicker .ui-datepicker-prev > span { display: none !important; }

.ui-datepicker .ui-datepicker-next-hover { background-color: #333 !important; border: 0 !important; top: 0 !important; right: 0 !important; }
.ui-datepicker .ui-datepicker-prev-hover { background-color: #333 !important; border: 0 !important; top: 0 !important; left: 0 !important; }

.ui-datepicker select > option{color: #fff;}
.ui-datepicker select { border: none !important; background-color: #333 !important; font-weight: bold; color: #FFF !important; font-size: 15px !important; cursor: pointer !important; letter-spacing: -0.5px !important; margin: 0 !important; float: left; width: 50% !important; }