@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* default */
body{width:100%;height:100%;background:#fff;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:12px;color:#454545;line-height: 1.4;font-weight: 400;padding:0px;margin:0px;}
html, body {width:100%;height:100%;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;}
form, fieldset, p {margin:0;padding:0;border:0;}

td{text-align:left;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;_border-collapse:collapse;border:0;}
table, tbody, tfoot, thead, tr, th, td {\able-layout:fixed;}/*border:none; separate*/

legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
label {cursor:pointer;} 
input.radio {width:12px;height:12px;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
select {border:1px solid #ccc; height:22px; width:80px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;; background:#fff; color:#454545; font-size:12px; margin-right:3px;vertical-align:top;}
input {border:1px solid #ccc; height:22px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;; background:#fff; color:#454545; font-size:12px;vertical-align:middle;}
textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;}
address{font-style:normal;}
/*h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}*/
/* skip */
label.none,.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/* 커서 */
.cursor {cursor:pointer;}

/* 링크 */
a {text-decoration:none;color:#333;}
a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:focus, a:active {text-decoration:underline;}

/*input*/
.intxt01 {height:22px;padding:2px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#454545; vertical-align:top; *margin-top:-1px;}
.intxt02 {height:14px;padding:2px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#454545; vertical-align:top; *margin-top:-1px;}
.intxt03 {height:20px;padding:4px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#454545; vertical-align:top; *margin-top:-1px; width:80%;}
.infile01 {height:26px;padding:4px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#454545; vertical-align:top; *margin-top:-1px; width:490px;}
.check01 {width:13px;height:13px;vertical-align:middle;border:none;}
.radio01 {width:12px;height:12px;border:none;}

/*폰트칼라*/
.fc_01{color:#333;}
.fc_02{color:#ff4e00;}

.blue {color:blue !important;}
.red {color:red !important;}

.bold{font-weight:bold;}

/*폰트 사이즈*/
.fs_10{font-size:10px;}
.fs_11{font-size:11px;}
.fs_13{font-size:13px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}

/* 마진 */
.mgt05 {margin-top:5px !important;}
.mgt07 {margin-top:7px !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;}
.mgt40 {margin-top:40px !important;}

.mgb0 {margin-bottom:0px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

/*bg color*/
.gray01{background:#f4f4f4;}
.green01{background:#def7f1;}

/* Button Object */
.btn_pack,
.btn_pack *{font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothhic,'돋움',dotum,AppleGothic,sans-serif;display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/images/btn/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack code {cursor:default !important;}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{}
 /* 흰색 */
.btn_pack.white,.btn_pack.white *{height:26px;line-height:26px}
.btn_pack.white{background-position:left -49px;}
.btn_pack.white *{padding:0 11px 0 4px;background-position:right -49px;font-size:12px}

.btn_pack.white02,.btn_pack.white02 *{height:36px;line-height:36px}
.btn_pack.white02{background-position:left -292px;}
.btn_pack.white02 *{padding:0 12px 0 6px;background-position:right -292px;font-size:12px}
 /* 오렌지 */
.btn_pack.orange,.btn_pack.orange *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange{background-position:left -81px;}
.btn_pack.orange *{padding:0 10px 0 6px;background-position:right -81px;font-size:12px}

.btn_pack.orange02,.btn_pack.orange02 *{height:25px;line-height:22px;color:#fff !important;} 
.btn_pack.orange02{background-position:left -334px;}
.btn_pack.orange02 *{padding:0 12px 0 6px;background-position:right -334px;font-size:12px}

.btn_pack.orange03,.btn_pack.orange03 *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange03{background-position:left -81px;}
.btn_pack.orange03 *{padding:0 60px 0 56px;background-position:right -81px;font-size:12px}
 /* 회색 */
.btn_pack.gray,.btn_pack.gray *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray{background-position:left -149px;}
.btn_pack.gray *{padding:0 12px 0 6px;background-position:right -149px;font-size:12px}

.btn_pack.gray02,.btn_pack.gray02 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray02{background-position:left -149px;}
.btn_pack.gray02 *{padding:0 60px 0 56px;background-position:right -149px;font-size:14px}

.btn_pack.gray03,.btn_pack.gray03 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray03{background-position:left -149px;}
.btn_pack.gray03 *{padding:0 20px 0 16px;background-position:right -149px;font-size:14px}

.btn_pack.gray04,.btn_pack.gray04 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.gray04{background-position:left -227px;}
.btn_pack.gray04 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}
 /* 녹색 */
.btn_pack.green,.btn_pack.green *{height:36px;line-height:34px; color:#fff; !important;}
.btn_pack.green{background-position:left -189px;}
.btn_pack.green *{padding:0 10px 0 6px;background-position:right -189px;font-size:12px;}
 /* 노랑 */
.btn_pack.yellow,.btn_pack.yellow *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.yellow{background-position:left -121px;}
.btn_pack.yellow *{padding:0 5px 0 2px;background-position:right -121px;font-size:12px;*padding:0 6px 0 1px;}
 
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}

 /* Dodum 폰트 */
.btn_dotum * {font-family:'돋움',dotum,AppleGothic,sans-serif !important; padding-top:3px !important;}
.btn_nanum * {font-family:"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif !important; padding-top:1px !important;}

.btn_pack.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important} 
.btn_pack .check{background-position:-3px -5px;}
.btn_pack.blue .check{background-position:-3px -1px;}
.btn_pack.green .check{background-position:-3px -2px;} 
.btn_pack .add{background-position:-22px -5px}
.btn_pack.blue .add{background-position:-22px -1px;}
.btn_pack.green .add{background-position:-22px -3px;} 
.btn_pack .delete{background-position:-42px -5px}
.btn_pack.blue .delete{background-position:-42px -1px;}
.btn_pack.green .delete{background-position:-42px -3px;} 
.btn_pack .calendar{background-position:-63px -5px}
.btn_pack.blue .calendar{background-position:-63px -1px;}
.btn_pack.green .calendar{background-position:-63px -3px;} 
.btn_pack .refresh{background-position:-83px -5px}
.btn_pack.blue .refresh{background-position:-83px -1px;}
.btn_pack.green .refresh{background-position:-83px -3px;} 
.btn_pack .download{background-position:-103px -5px}
.btn_pack.blue .download{background-position:-103px -1px;}
.btn_pack.green .download{background-position:-103px -3px;} 
.btn_pack .search{background-position:-120px -4px}
.btn_pack.blue .search{background-position:-120px 0;}
.btn_pack.green .search{background-position:-120px -2px;} 
/* //Button Object */