@font-face {
 font-family: 'Noto Sans KR';
 font-weight: 400;
 src: url('/fonts/notosanskr-regular.woff2') format('woff2'),
  url('/fonts/notosanskr-regular.woff') format('woff')
}

@font-face {
 font-family: 'Noto Sans KR';
 font-weight: 500;
 src: url('/fonts/notosanskr-medium.woff2') format('woff2'),
  url('/fonts/notosanskr-medium.woff') format('woff')
}

@font-face {
 font-family: 'Noto Sans KR';
 font-weight: 700;
 src: url('/fonts/notosanskr-bold.woff2') format('woff2'),
  url('/fonts/notosanskr-bold.woff') format('woff')
}

* {margin: 0;padding: 0;position: relative;letter-spacing: -1px;box-sizing: border-box;outline: none !important;font-family: "Noto Sans KR", sans-serif;color: #666;list-style: none;font-size: 14px;text-decoration: none;}
*:focus { outline: none; }
*::selection { background-color: #000; color: #FFF; }
input::placeholder,
textarea::placeholder { color:#ccc; }

html, body { width: 100%; height: 100%; float: left; color: #000; }

img { max-width: 100%; vertical-align: middle; }
button { border:1px solid #ccc; }

input[type='checkbox'] { display:none; }

table { table-layout: fixed; border-collapse: collapse; }

iframe { width : 100%; }

/* display */
.dpn { display:none }

/* text */
.tal { text-align:left !important; }
#wrap { width: 100%; float: left; min-width:1622px; }

.verticalMiddle { top:50%; transform: translateY(-50%); }

.customCheckBox { }

.customCheckBox i { cursor:pointer; }
.customCheckBox .on { display:inline-block; color:#e0e0e0; }
.customCheckBox .off { display:none; color:#2598e8; }

.customCheckItem:checked + label .on { display:none; }
.customCheckItem:checked + label .off { display:inline-block; }



#loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; background-color:rgba(0,0,0,0.5); display:none; }
#loading * { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
#loading > #loadingItem { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border: 3px solid white; border-radius: 50%; animation: loading 1s ease-in-out infinite; -webkit-animation: loading 1s ease-in-out infinite; }

@keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


/* 필수값 */
.importantLabel:after { content:"*"; color:red; }


/* 버튼 */
.commonBtn { height: 35px; margin-left: 10px; background: transparent; font-size: 12px; font-weight: 600; padding:0 25px; }
a.commonBtn { line-height:35px; }
.commonBtn * { vertical-align: middle; }


.deleteBtn { background-color:#ccc; }
.orangeBtn { border: 1px solid #FE7B35; background-color: #FE7B35; }

.yellowBtn { background-color:#fff!important; color:#ffb400!important; border-color:#ffb400!important; }


/* 플로트 */
.fl { float: left !important; }
.fr { float: right !important; }

/* cursor */
.c_d { cursor:default !important }
.c_p { cursor:pointer !important }

/* 영문,숫자 레터스페이싱 */
.lp0 { letter-spacing: 0; }

/* 가로사이즈 Percent */
.w1 { width:1% !important; }
.w2 { width:2% !important; }
.w3 { width:3% !important; }
.w4 { width:4% !important; }
.w5 { width:5% !important; }
.w6 { width:6% !important; }
.w7 { width:7% !important; }
.w8 { width:8% !important; }
.w9 { width:9% !important; }
.w10 { width:10% !important; }
.w11 { width:11% !important; }
.w12 { width:12% !important; }
.w13 { width:13% !important; }
.w14 { width:14% !important; }
.w15 { width:15% !important; }
.w16 { width:16% !important; }
.w17 { width:17% !important; }
.w18 { width:18% !important; }
.w19 { width:19% !important; }
.w20 { width:20% !important; }
.w21 { width:21% !important; }
.w22 { width:22% !important; }
.w23 { width:23% !important; }
.w24 { width:24% !important; }
.w25 { width:25% !important; }
.w26 { width:26% !important; }
.w27 { width:27% !important; }
.w28 { width:28% !important; }
.w29 { width:29% !important; }
.w30 { width:30% !important; }
.w31 { width:31% !important; }
.w32 { width:32% !important; }
.w33 { width:33% !important; }
.w34 { width:34% !important; }
.w35 { width:35% !important; }
.w36 { width:36% !important; }
.w37 { width:37% !important; }
.w38 { width:38% !important; }
.w39 { width:39% !important; }
.w40 { width:40% !important; }
.w41 { width:41% !important; }
.w42 { width:42% !important; }
.w43 { width:43% !important; }
.w44 { width:44% !important; }
.w45 { width:45% !important; }
.w46 { width:46% !important; }
.w47 { width:47% !important; }
.w48 { width:48% !important; }
.w49 { width:49% !important; }
.w50 { width:50% !important; }
.w51 { width:51% !important; }
.w52 { width:52% !important; }
.w53 { width:53% !important; }
.w54 { width:54% !important; }
.w55 { width:55% !important; }
.w56 { width:56% !important; }
.w57 { width:57% !important; }
.w58 { width:58% !important; }
.w59 { width:59% !important; }
.w60 { width:60% !important; }
.w61 { width:61% !important; }
.w62 { width:62% !important; }
.w63 { width:63% !important; }
.w64 { width:64% !important; }
.w65 { width:65% !important; }
.w66 { width:66% !important; }
.w67 { width:67% !important; }
.w68 { width:68% !important; }
.w69 { width:69% !important; }
.w70 { width:70% !important; }
.w71 { width:71% !important; }
.w72 { width:72% !important; }
.w73 { width:73% !important; }
.w74 { width:74% !important; }
.w75 { width:75% !important; }
.w76 { width:76% !important; }
.w77 { width:77% !important; }
.w78 { width:78% !important; }
.w79 { width:79% !important; }
.w80 { width:80% !important; }
.w81 { width:81% !important; }
.w82 { width:82% !important; }
.w83 { width:83% !important; }
.w84 { width:84% !important; }
.w85 { width:85% !important; }
.w86 { width:86% !important; }
.w87 { width:87% !important; }
.w88 { width:88% !important; }
.w89 { width:89% !important; }
.w90 { width:90% !important; }
.w91 { width:91% !important; }
.w92 { width:92% !important; }
.w93 { width:93% !important; }
.w94 { width:94% !important; }
.w95 { width:95% !important; }
.w96 { width:96% !important; }
.w97 { width:97% !important; }
.w98 { width:98% !important; }
.w99 { width:99% !important; }
.w100 { width:100% !important; }
.wa {width : auto !important;}


/* 2021-12-16 도성경 추가 */
.no_bd {border: 0 !important;}
.bdt_9{ border-top: 1px solid #999999 !important; }
.bdb_9{ border-bottom: 1px solid #999999 !important; }
.bdt_9 tbody tr:last-child td{ border-bottom: 1px solid #999999; }
.bdt_9 tbody td {padding: 0; height: 75px;} 
.bdt_9 tbody td button {width: 145px; display: inline-block; margin-left: 0;} 
.bdt_9 tbody td button i{color: inherit;}
.bdt_e1{ border-top: 1px solid #e1e1e1 !important; }
.bd_e1{border : 1px solid #e1e1e1 !important;}
.bd_ed{border : 1px solid #ededed !important;}
.bd_c{border : 1px solid #cccccc !important;}
.dp_n{display: none;}
.pos_r{position: relative;}
.pos_a{position: absolute;}
.bd_c{border: 1px solid #ccc !important;}

.shadow{ box-shadow: 2px 2px 5px #dfdfdf;}


.bd_rad{border-radius: 2em;}
.bd_rad5{border-radius: 5px;}
.bd_rad10{border-radius: 10px;}
.ht15{ height: 15px !important; line-height: 15px !important;}
.ht20{ height: 20px !important; line-height: 20px !important;}
.ht25{ height: 25px !important; line-height: 25px !important;}
.ht30{ height: 30px !important; line-height: 30px !important;}
.ht35{ height: 35px !important; line-height: 35px !important;}
.ht40{ height: 40px !important; line-height: 40px !important;}
.ht45{ height: 45px !important; line-height: 45px !important;}
.ht50{ height: 50px !important; line-height: 50px !important;}
.ht60{ height: 60px !important; line-height: 60px !important;}
.ht70{ height: 70px !important; line-height: 70px !important;}
.ht80{ height: 80px !important; line-height: 80px !important;}
.ht100{height: 100px !important; line-height: 100px !important;}
.ht170{height: 170px !important; line-height: 170px !important;}
.ht310{ height: 310px !important; line-height: 310px !important;}
.ht330{ height: 330px !important; line-height: 330px !important;}
.ht420{ height: 420px !important; line-height: 420px !important;}
.ht475{ height: 475px !important; line-height: 475px !important;}

.p_w60{width: 60px !important;}
.p_w80{width: 80px !important;}
.p_w85{width: 85px !important;}
.p_w90{width: 90px !important;}
.p_w95{width: 95px !important;}
.p_w100{width: 100px !important;}
.p_w105{width: 105px !important;}
.p_w115{width: 115px !important;}
.p_w120{width: 120px !important;}
.p_w125{width: 125px !important;}
.p_w130{width: 130px !important;}
.p_w135{width: 135px !important;}
.p_w150{width: 150px !important;}
.p_w180{width: 180px !important;}
.p_w190{width: 190px !important;}
.p_w195{width: 195px !important;}
.p_w200{width: 200px !important;}
.p_w215{width: 215px !important;}
.p_w290{width: 290px !important;}
.p_w315{width: 315px !important;}
.p_w320{width: 320px !important;}
.p_w335{width: 335px !important;}
.p_w350{width: 350px !important;}
.p_w700{width: 700px !important;}


.nomal_bd{ border : 1px solid !important;}
.nomal_bd2{ border : 2px solid !important;}

.pd_8{padding : 8px;}
.pd_15{padding : 15px;}
.pd_side3{padding-left: 3px; padding-right: 3px;}
.pd_side5{padding-left: 5px; padding-right: 5px;}
.pd_side7{padding-left: 7px; padding-right: 7px;}
.pd_side10{padding-left: 10px; padding-right: 10px;}
.pd_side15{padding-left: 15px; padding-right: 15px;}
.pd_side20{padding-left: 20px; padding-right: 20px;}
.pd_side30{padding-left: 30px; padding-right: 30px;}
.pd_side40{padding-left: 40px; padding-right: 40px;}
.pdl_15{padding-left: 15px;}
.pdl_35{padding-left: 35px;}
.pdl_55{padding-left: 55px;}
.pdl_90{padding-left: 90px;}
.pdl_125{padding-left: 125px;}
.pdl_165{padding-left: 165px;}
.pdt_20{padding-top: 20px !important;}
.pdt_25{padding-top: 25px !important;}
.pdt_30{padding-top: 30px !important;}
.pdt_40{padding-top: 40px !important;}


.fw_100{font-weight: 100 !important;}
.fw_500{font-weight: 500 !important;}
.fw_900{font-weight: 900 !important;}



.white_txt{ color: #fff !important; }
.red_txt{color : #cc3333 !important;}
.gray_txt{color : #666666 !important;}
.gray_txt3{color : #333333 !important;}
.gray_txt9{color: #999999 !important;}
.gray_txtc{color: #cccccc !important;}
.gray_txtac{color: #acacac !important;}
.blue_txt{color: #368AD2 !important;}

.mgl0{margin-left: 0px !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl15{margin-left: 15px !important;}
.mgl20{margin-left: 20px !important;}
.mgl25{margin-left: 25px !important;}
.mgl30{margin-left: 30px !important;}
.mgl40{margin-left: 40px !important;}
.mgl55{margin-left: 55px !important;}

.mgt2{margin-top: 2px !important;}
.mgt5{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt25{margin-top: 25px !important;}
.mgt30{margin-top: 30px !important;}
.mgt35{margin-top: 35px !important;}
.mgt45{margin-top: 45px !important;}
.mgt60{margin-top: 60px !important;}
.mgt105{margin-top: 105px !important;}
.tal_cen{text-align: center !important;}
.tal_r{text-align: right !important;}


.fs_10{font-size: 10px !important;}
.fs_11{font-size: 11px !important;}
.fs_12{font-size: 12px !important;}
.fs_13{font-size: 13px !important;}
.fs_14{font-size: 14px !important;}
.fs_15{font-size: 15px !important;}
.fs_16{font-size: 16px !important;}
.fs_17{font-size: 17px !important;}
.fs_18{font-size: 18px !important;}
.fs_19{font-size: 19px !important;}
.fs_20{font-size: 20px !important;}
.fs_21{font-size: 21px !important;}
.fs_22{font-size: 22px !important;}
.fs_23{font-size: 23px !important;}
.fs_24{font-size: 24px !important;}

.bg_black{ background-color: #000 !important; }
.bg_red{ background-color : #cc3333 !important;}
.bg_white{ background-color : #fff !important;}
.bg_green{ background-color : #1f6f43 !important; }
.bg_gray6{ background-color: #666666 !important; }
.bg_gray9{ background-color: #999999 !important; }
.bg_grayc{ background-color: #cccccc !important; }
.bg_grayac{ background-color: #acacac !important; }
.bg_grayf8{ background-color: #f8f8f8 !important; }
.cur_p{cursor: pointer;}
/* ------------------------ */






 /* 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 6 Pro"; 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 6 Pro"; 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; }



/* 미니팝업 */
.miniPopupBtn { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; cursor:pointer; }
.miniPopupBox { position: absolute; right: 0; background-color: #333; width: 300px; border: 1px solid #EEE; top: 60px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07); padding: 20px; z-index: 5; display: none;         cursor: default; }
.miniPopupBox.active { display: block; }
.miniPopupBox .miniPopupCloseBtn { position: absolute; right: 15px; top: 10px; color: #999; z-index: 1; cursor:pointer; }
.miniPopupBox > div { float: left; width: 100%; font-size: 13px; color: #fff; text-align: left; }
.miniPopupBox > div p { float: left; width: 100%; font-size: 13px; color: #fff; text-align: left; }
.updBtn { background: #ccc; padding:10px 40px; color: #333; }

.ud_line { text-decoration: underline; }