@charset "UTF-8";
@import url("../font/nanumsquareround.css");
body { background:#f1f1f1; padding:0px; margin:0px; font-family:NanumSquareRound; }
li { list-style:none; }
/*
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:tahoma,gulim;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
*/
textarea { border-radius:3px; border:1px solid #999; font-family:tahoma,gulim; font-size:9pt; padding:10px; } 
button { border:1px solid #999; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; display:inline; height:32px; vertical-align:middle; padding:0px 15px 0px 15px; border-radius:3px; cursor:pointer;}
select { border-radius:3px; border:1px solid #999; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; display:inline; height:32px; vertical-align:middle; padding:0px 0px 0px 5px;}
input { border-radius:3px; border:1px solid #999; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; display:inline; height:30px; vertical-align:middle; padding:0px 0px 0px 8px;}
input[type=radio] { height:15px; padding:0px; margin:0px; } 
a:link, a:visited {color:#2a4b9c; text-decoration:none; font-weight:bold;}
a:hover, a:focus, a:active {color:#2a4b9c;text-decoration:none; font-weight:bold;}
#top { width:100%;  background:#ffffff; }
#top_div { width:1700px; margin:0px auto; }
#top_logo { width:200px; text-align:center; padding-top:5px;}
.top_logo_img { width:138px; }
#top_logo2 { width:100%; text-align:center; padding-top:5px;}
.top_logo_img2 { width:220px; }
#top_div { height:60px; }
#top_logo { float:left; }
#top_user { float:right; margin-top:20px; }
#top_menu { float:left;  padding-top:5px;}
#top_menu ul { width:auto; }
#top_menu li { float:left; }
#top_menu li a { padding:20px 40px;font-size:1em; font-weight:bold; }
#top_menu .on { background:#2a4b9c; color:#fff; }
#body_img{ min-width:1700px; background-size: cover; height: 300px; background-image: url("../img/Background.png"); }
#middle { width:1700px; display:block; margin:0px auto;  margin-top:-129px; }
#middle_div { width:100%; float:left; display:block; margin:0px auto; background:#ffffff; min-height: 57.7rem; border-radius: 10px; }
#search_btn { margin-top: -1px; height:32px; width: 100px; }
#left { width:220px; float:left; }
#left h3 { width:220px; background:#2a4b9c; color:#fff; padding:50px 0px; margin:0px; text-align:center; font-size:1.6em; border-radius: 10px 0px 0px 0px; }
#left_menu { width:220px; background:#ffffff; }
#left_menu .on { border-left:5px solid #2a4b9c; }
#left_menu ul { width:100%; padding:0px; margin:0px;}
#left_menu li { width:100%; padding:0px; border-bottom:1px solid #f1f1f1; margin:0px;}
#left_menu a { width:100%; display:inline-block;  padding:10px 0px; }
#left_menu a span { margin-left:20px;  font-size:0.92em; }
#center { width:1379px; display:block; border-left:1px solid #efefef; float:left; background:#ffffff; min-height:57.7rem;}
#center_div { float:left; width:100%; margin:50px; }
#center_div h3 { font-size:13pt; padding-left:10px; color:#2a4b9c; float:left; border-left:3px solid #2a4b9c;  }
h4 { font-size:12pt; padding-left:0px; color:#2a4b9c; float:left; }
#main { width:1700px; background:#ffffff; min-height:670px; }
#bottom { clear:both; width:100%;   }
#bottom_div { width:1700px; margin:0px auto; padding:40px 0px;  text-align:center;}
#modal { width:1379px;  float:left; position:absolute; min-width:200px; z-index:10000; display:none; top:calc(50% - 150px); }
#modal_div { width:50%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#modal_div1 { width:70%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#modal_div1 td { text-align:left; }
#modal_div2 { width:30%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#center_div h2 { font-size:1.35em; font-weight:500; border-bottom:1px solid #333; padding-bottom:5px; margin-bottom:40px; margin-top:0px; }
#progress li {  font-family:tahoma,gulim; font-size:9pt;}
#progress i { position:relative; z-index:100; font-size:13pt; padding:10px; background:#ddd; color:#fff; border-radius:30px; margin-top:0px;}
#progress li > .on { background:#ff889b; }
#progress ul { padding:0px;  }
#progress ul li { float:left; position:relative; width:20%; /* 5개 진행바를 5등분 */ padding-top:0px; /* 진행바 영역 확보 */ font-weight:bold; text-align:center; line-height:12px; color:#666; z-index:0; }
#progress span { font-weight:normal;}
/* 회색 진행바 생성 */
#progress ul li:before { position:absolute; top:17px; left:0; right:0; height:3px; background:#ddd; content:'' }
/* 회색 진행바 생성 */
#progress ul > .on:before { position:absolute; top:17px; left:0; right:0; height:3px; background:#ff889b; content:'' }
/* 첫 번째 진행바 반만 생성*/
#progress ul li:nth-child(1):before { left:50% }
/* 마지막 진행바 반만 생성*/
#progress ul li:nth-child(5):before { right:50% }
@media all and (max-width:1024px) {
body {  }
#top { width:100%;  background:#ffffff; }
#top_div { width:100%; margin:0px auto; }
#top_logo { width:100%; text-align:center; padding-top:3px; background: #fff; }
#top_div { height:60px; }
#top_user{ margin-top: 7px !important; top: 0px; position: absolute; right: 10px; }
#top_logo { float:left; }
#top_logo a{ float: left; margin-left: 10px; padding-top: 5px; }
#top_menu { width:100%; clear:both; float:left;  padding-top:0px; background:#fff;  text-align:center;}
#top_menu ul { width:auto; padding:0px; margin:0px auto; display:inline-block;}
#top_menu li {  display:inline-block; }
#top_menu li a { padding:20px 20px;font-size:1em; font-weight:bold; display:inline-block;  }
#body_img{ background-size: cover; height: 145px; background-image: url("../img/Background.png"); min-width: 100vw; margin:60px 0 120px 0; }
#middle { width:100%; display:block; margin:0px auto;  margin-top:-122px; }
#middle_div { width:100%; float:left; display:block; margin:0px auto; background:#ffffff; border-radius: 0px; }
#left { width:100%; float:left; }
#left h3 { width:100%; background:#2a4b9c; color:#fff; padding:20px 0px; margin:0px; text-align:center; font-size:1.6em; border-radius: 0px; }
#left_menu .on { border-left:0px solid #fff; border-bottom:3px solid #2a4b9c; padding:10px; float:left;}
#left_menu .off { border-left:0px solid #fff; border-bottom:3px solid #ffffff; padding:10px; float:left; }
#left_menu { width:100%; background:#ffffff; text-align:center; }
#left_menu ul { width:100%; padding:0px; margin:0px auto; display:inline-block; border-bottom:1px solid #ccc; line-height:0px;}
#left_menu li { width:auto; padding:0px 10px;  display:inline-block; margin:0px; border-bottom:0px solid #f1f1f1;}
#left_menu a { width:auto; display:inline-block; border-bottom:0px solid #f1f1f1; padding:10px; float: left; line-height:160%;}
#left_menu a span { margin:0px 10px;  font-size:0.92em; }
#center { width:100%; padding:0px; display:block; border-left:1px solid #efefef; clear:both; background:#ffffff; min-height:670px; margin-top:30px;}
#center_div { margin:0px; }
#center_box { margin:20px; }
#center_div div>h4 { color:red; font-size:13pt; padding-left:10px; color:#2a4b9c; margin:0px; border-left:3px solid #2a4b9c;  }
#bottom { clear:both; width:100%; }
#bottom_div { width:100%; margin:0px auto; padding:40px 0px;  text-align:center;}
.btn_plus span { display:none; }
.btn_minus span { display:none; }
#modal { width:calc(100% - 105px);  display:block; float:none; position:absolute; min-width:200px; z-index:10000; display:none; left: calc(100vw - 93%);   }
#modal_div { width:100%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#modal_div1 { width:100%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#modal_div2 { width:100%; margin:0px auto; border:3px solid #2a4b9c; background:#fff; border-radius:5px; padding:30px; text-align:center; }
#siteId{ margin-top: 10px; }
.m-ml0{ margin-left: 0px !important; }
.m-mr24{ margin-right: 24px !important; }
.m-mr27{ margin-right: 27px !important; }
.m-mr42{ margin-right: 42px !important; }
.m-mb10{ margin-bottom: 10px !important; }
.m-mtb0{ margin-top: 10px !important; margin-bottom: 10px !important; }
.m-display-column{ display: flex; flex-direction: column; flex-wrap: wrap; }
.m-display-row{ display: flex; flex-direction: row; flex-wrap: wrap; }
}
#page_div .tp { background:#2a4b9c; color:#fff; border:1px solid #2a4b9c; }
#page_div { clear:both; width:100%; float:left; margin-top:30px; text-align:center; }
#page_div a { border:1px solid #ccc; border-right:0px solid #ccc; float:left; padding:5px 10px; font-size:9pt; font-family:tahoma,gulim; font-weight:normal; }
#page_div a:first-child { border-radius:3px 0px 0px 3px;  }
#page_div a:last-child { border-right:1px solid #ccc; border-radius:0px 3px 3px 0px;  }
#page_div .page_list { display:inline-block; margin:0px auto; }
.tbl { width:100%; border:1px solid #ccc; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; }
.tbl th { border:1px solid #ccc; padding:10px; /*border-bottom:2px solid #333;*/ background:#EAEDF6; }
.tbl td { border:1px solid #ccc; padding:10px; text-align:center; }
.tbl .td_tal {text-align:left; }
.th_l { border:1px solid #ccc; padding:10px 5px; border-right:1px solid #ccc; background:#EAEDF6; }
.tbl2 { width:100%; border:0px solid #ccc; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; }
.tbl2 th { border:0px solid #ccc; padding:10px 5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#EAEDF6; }
.tbl2 .th_r { border:0px solid #ccc; border-bottom:1px solid #ccc; border-right:0px solid #ccc; background:#EAEDF6; }
.tbl2 td { border:0px solid #ccc; padding:10px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; }
.tbl2 .td_b { border:0px solid #ccc; padding:10px 10px; border-bottom:0px solid #ccc; border-right:1px solid #ccc; text-align:center; }
.tbl2 .td_r { border:0px solid #ccc; padding:10px 10px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; text-align:center; }
.tbl2 .td_br { border:0px solid #ccc; padding:10px 10px; border-bottom:0px solid #ccc; border-right:0px solid #ccc; text-align:center; }
.tbl2 .th_bl { padding:10px 5px; border-right:1px solid #ccc; border-bottom:0px; background:#ECF2F8; }
.tbl2 .td_tal {text-align:left; }
.tbl3 { width:auto; border:0px solid #ccc; font-family:tahoma,gulim; font-size:9pt; border-collapse:collapse; }
.tbl3 td { border:1px; padding:2px; }
.lbl_nc { cursor:pointer; }
.dpn { display:none; }
.dpb { display:block; }
.dpi { display:inline; }
.dpib { display:inline-block; }
.sound_only { display:none; }
.m0a { margin:0px auto; }
.vam { vertical-align:middle; }
.btn_div { margin-top:20px; }
.btn_close { display:none; float:right; margin-right:-45px; margin-top:-45px; border:0px; background:#2a4b9c; color:#fff; border-radius:20px; width:30px; height:30px; padding:6px; text-align:center; overflow:hidden; cursor:pointer; }
.btn_close:before { content:"\e616";  font-family:"xeicon"; font-size:14pt;}
.btn_cancel {  }
.btn_cancel:before { content:"\e616   ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_list {  }
.btn_list:before { content:"\e7b4   ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_submit {}
.btn_plus { background:#666; border:1px solid #666; color:#fff; padding:5px; }
.btn_plus:before { content:"\e603   ";  font-family:"xeicon"; font-size:10pt; vertical-align:top; color:#fff;}
.btn_minus { background:#666; border:1px solid #666; color:#fff; padding:5px; }
.btn_minus:before {  content:"\e613   ";  font-family:"xeicon"; font-size:10pt; vertical-align:top; color:#fff; }
.btn_write { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_write:before {  content:"\e7b2     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top;  background:#2a4b9c; color:#fff; }
.btn_confirm { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_confirm:before { content:"\e6e0     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_view { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_view:before { content:"\e7b4     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_process { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_process:before { content:"\e714     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_download { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_download:before { content:"\e651     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_print { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_print:before { content:"\e785     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_next { font-size:9pt; font-family:tahoma,gulim; border:1px solid #ccc; padding:8px 15px; font-family:tahoma,gulim; border-collapse:collapse; display:inline; vertical-align:top; border-radius:3px; cursor:pointer; }
.btn_next:after { content:"     \e60d"; font-family:"xeicon"; font-size:14pt; vertical-align:middle; }
.btn_prev { font-size:9pt; font-family:tahoma,gulim; border:1px solid #ccc; padding:8px 15px; font-family:tahoma,gulim; border-collapse:collapse; display:inline; vertical-align:top; border-radius:3px; cursor:pointer; }
.btn_prev:before { content:"\e60b     "; font-family:"xeicon"; font-size:14pt;  vertical-align:middle;}
.btn_modify {}
.btn_minus {}
.btn_list {}
.btn_search { background:#2a4b9c; border:1px solid #2a4b9c; color:#fff; }
.btn_search:before { content:"\e63b     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_login { font-size:9pt; font-family:tahoma,gulim; background:#2a4b9c; color:#fff; border:1px solid #2a4b9c; padding:8px 15px; border-collapse:collapse; display:inline; vertical-align:top; border-radius:3px; cursor:pointer; }
.btn_login:before { content:"\e66c     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_logout { font-size:9pt; font-family:tahoma,gulim; background:#2a4b9c; color:#fff; border:1px solid #2a4b9c; padding:8px 15px; border-collapse:collapse; display:inline; vertical-align:top; border-radius:3px; cursor:pointer; }
.btn_logout:before { content:"\e66b     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.lnk_login { font-size:9pt; font-family:tahoma,gulim; background:#333; display:inline-block; color:#fff; border:1px solid #333; padding:8px 15px; border-collapse:collapse; vertical-align:top; border-radius:20px; cursor:pointer; }
.lnk_login:before { content:"\e66c     "; font-weight:normal; color:#ffffff; font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.lnk_logout { font-size:9pt; font-family:tahoma,gulim; background:#333; display:inline-block; color:#fff; border:1px solid #333; padding:8px 15px; border-collapse:collapse; vertical-align:top; border-radius:20px; cursor:pointer; }
.lnk_logout:before { content:"\e66b     "; font-weight:normal; color:#ffffff; font-family:"xeicon"; font-size:11pt; vertical-align:top; }

.lnk_login span { color:#ffffff; font-weight:normal; }
.lnk_logout span { color:#ffffff; font-weight:normal; }
.lnk_product { padding:5px; border:1px solid #f1f1f1; display:block; border-radius:2px; background:#f1f1f1; } 
.lnk_customer { padding:5px; border:1px solid #f1f1f1; display:block; border-radius:2px; background:#f1f1f1; } 
.lnk_partner { padding:5px; border:1px solid #f1f1f1; display:block; border-radius:2px; background:#f1f1f1; } 
.lnk_manager { padding:5px; border:1px solid #f1f1f1; display:block; border-radius:2px; background:#f1f1f1; } 
.txt_calendar:before { content:"\e7a9     ";  font-family:"xeicon"; font-size:11pt; vertical-align:top; }
.btn_div input { background:red;  border:1px solid #ccc; background:#ffffff; }
.box_div { width:calc(100% - 2px); float:left; border:1px solid #ccc; border-radius:5px;}
.login_div { min-height:300px; }
.tab_div { border-bottom:2px solid #2a4b9c; }
.tab_on { border:1px solid #2a4b9c; color:#ffffff;float:left; padding:10px 30px 6px; font-size:10.5pt; margin-right:2px; background:#2a4b9c; color:#ffffff; border-bottom:0px solid #fff; border-radius:3px 3px 0px 0px; }
.tab_on span { color:#ffffff; }
.tab_off { border:1px solid #666; color:#2a4b9c; float:left; padding:10px 30px 6px; font-size:10.5pt; margin-right:2px; border-bottom:0px solid #fff; border-radius:3px 3px 0px 0px; background:#f1f1f1; }
.tab_off span { color:#2a4b9c; }
.inner_div { width:100%; margin:20px; }
.box { width:calc(100% - 2px); font-size:9pt; font-family:tahoma,gulim; float:left; border:1px solid #ccc; }
/* 가로크기 */
.w100p { width:100%; }
.w100p_b1 { width:calc(100% - 2px); }
.w100p_ta { width:calc(100% - 12px); }
.w100p_ta2 { width:calc(100% - 22px); }
.w100p_ts { width:calc(100% - 10px); }
.w100p_tx { width:calc(100% - 10px); }
.w90p { width:90%; }
.w50p { width:50%; }
.w48p { width:48%; }
.w43p { width:43%; }
.w40p { width:40%; }
.w30p { width:30%; }
.w31p { width:31.3333333%; }
.w33p { width:33%; }
.w66p { width:66%; }
.w24p { width:24%; }
.w25p { width:25%; }
.w20p { width:20%; }
.w15p { width:15%; }
.w13p { width:13%; }
.w10p { width:10%; }
.w7p { width:7%; }
.w5p { width:5%; }
.w70 { width:70px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w200 { width:200px; }
/* 세로크기 */
.h120 { height:120px; }
.h200 { height:200px; }
.h60 { height:60px; }
.posab { position:absolute; }
.bgffffff { background:#ffffff; }
.b0 { border:0px; }
.readonly { border:0px; }
.b1s666666 { border:1px solid #666666; }
.c666666 { color:#666666; }
.fmg { font-family:tahoma,gulim; }
.fs9pt { font-size:9pt; }
.fs20pt { font-size:20pt; }
.fs17pt { font-size:17pt; }
.fs12pt { font-size:12pt; }
.fs14pt { font-size:14pt; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.m50 { margin:50px; }
.m20 { margin:20px; }
.mt70 { margin-top:70px; }
.mt50 { margin-top:50px; }
.mt30 { margin-top:30px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mt7 { margin-top:7px; }
.mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt-5 { margin-top:-5px; }
.mt-15 { margin-top:-15px; }
.mr5 { margin-right:5px; }
.ml5 { margin-left:5px; }
.mb50 { margin-bottom:50px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.ml-25 { margin-left:-25px; }
.m2 { margin:2px; }
.p0 { padding:0px; }
.tac { text-align:center; }
.tar { text-align:right; }
.tal { text-align:left; }
.pt150 { padding-top:150px; }
.pt80 { padding-top:80px; }
.pt50 { padding-top:50px; }
.pb80 { padding-bottom:80px; }
.pb40 { padding-bottom:40px; }
.p50 { padding:50px; }
.p20 { padding:20px; }
.p10 { padding:10px; }
.mr2p { margin-right:2%; }
.m0 { margin:0px 0px; }
.mr0 { margin-right:0px; }
.day { width:14.284%; min-height:100px; vertical-align:top; }
.ofa { overflow:auto; }
.day span { float:left; border:1px solid #ccc; padding:5px; border-radius:4px;  }
.day ul { clear:both; width:100%; margin:0px; padding:0px; float:left; margin-top:10px; }
.day li { width:100%; padding:5px 0px;}
.day .nc { color:#cc0000; }
.day .cp { color:#2a4b9c; }
.count { margin:0px; padding:0px; }
.count li { float:left; }
.cnt1 { color:#ff5500; font-size:14pt; }
.cnt2 { color:#2a4b9c; font-size:14pt; }
.cnt3 { color:#2a4b9c; font-size:12pt; }