@charset "utf-8";

.html_body {min-width:1450px;min-height:950px;}
.wrap {width:100%}
.logo_left {position:absolute;top:55px;left:80px;}
.logo_right {position:absolute;top:65px;right:70px;}

.container {position:absolute;top:0;left:50%;transform:translate(-50%, 0);min-height:1152px;}
.tit_area {position:relative; height:66px;}
.tit_area img {position:absolute; top:0; left:0;}
.tit_area .tit {padding-left:188px;}
.tit_area .tit .txt1 {padding:2px 0 0 3px;; font-size:16px; color:#b0afaf; font-weight:100;}
.tit_area .tit .txt2 {padding-top:6px; font-size:40px; color:#fff; letter-spacing:-0.8px;}
.tit_area .tit .txt2 span {color:#b1ebff;}
.login_area {margin-top:270px;}
.login_box {width:968px; height:522px; box-shadow: 0px 0px 40px #dde1ef;}
.login_box .r_a {float:left;width:50%;display:block;}
.login_box .l_a {display:table;float:left; width:50%;height:522px;position:relative;}

.login_box .input_area {display:table-cell;width:460px;text-align:center;vertical-align:middle;}
.login_tit p {font-family: 'JSDongkang-Regular';font-size:26px;color:#0a7ef5;}
.login_tit h2 {padding-top:20px; font-family:'Nanum Gothic', sans-serif;font-size:38px;color:#535252;letter-spacing:-2.5px;}
.m_gap {padding-top:13px;}
.input_box {padding-top:40px;}
.login_box .btn_box {text-align:center;padding-top:55px;}
.login_box input {width:280px; height:50px;font-size:15px;color:#888;border:1px solid #d2d3d9;background:#fff;border-radius:15px;text-indent:10px;}

.login_box input:focus::-webkit-input-placeholder {color:transparent;} 
.login_box input:focus::-moz-placeholder {color:transparent;} 
.login_box input:focus:-ms-input-placeholder {color:transparent;} 
.login_box input:focus::-ms-input-placeholder {color:transparent;}
.btn_submit {display:inline-block; background:#0a7ef5; font-size:15px; font-weight:300;color:#fff; text-align:center; width:272px; height:40px; line-height:40px; border-radius:20px; cursor:pointer;}
.footer {position:absolute;left:50%;bottom:20px;transform:translate(-50%, 0);}
.footer p {color:#96999e; font-size:13px; font-weight:100; }

.hd_top {position:relative;height:45px;line-height:45px;background-color:#fff;}
.hd_top:after  {content:""; visibility:hidden; display:block; clear:both;}
.hd_top .hd_tit {position:absolute;left:15px;top:0;}
.hd_top .hd_tit span.img {position:absolute;left:0;top:-2px;}
.hd_top .hd_tit span.txt {padding-left:175px;font-family:'Nanum Gothic', sans-serif;font-size:16.5px;font-weight:700;color:#2a2a2a;letter-spacing:-0.5px;}
.gnb {float:right}
.gnb li {float:left;}
.gnb li:first-child {color:#194482;}
.gnb li:nth-child(2) {padding-left:10px;color:#888;}
.gnb li:nth-child(3) {padding:0 15px;}

.navi {background-color:#183661;height:40px;}
.navi li {position:relative;float:left;padding: 0 30px;line-height:40px;}
.navi li a {display:block;font-size:15px;font-weight:300;color:#fff;padding: 0 25px;}
.navi li.on a {background-color:#1d72c7;}

.sub_menu {background-color:#ededed;height:40px;border-bottom:1px solid #d2d2d4;}
.sub_menu li {position:relative;float:left;line-height:40px;}
.sub_menu li a {display:block;font-size:14px;font-weight:300;color:#000;padding: 0 25px;}
.sub_menu li.on > a {background-color:#1d72c7;color:#fff;}
.sub_menu li:hover {background-color:#1d72c7;color:#fff;}
.sub_menu li:hover a {color:#fff;}
.sub_menu li:hover .category {display:block!important; z-index:99;}
.sub_menu li .category {position:absolute; left:0; top:40px; width:165px; background:#545454; display:none;}
.sub_menu li .category li {position:relative; clear:both; border-bottom:1px solid #808080; background:none; width:100%; height:auto; padding:0; z-index:99;}
.sub_menu li .category li a {display:block; width:auto; height:36px; padding:0 0 0 25px; color:#fff;}
.sub_menu li .category li:hover{background-color:#2b333e;}


.location {background-color:#f7f7f7;height:50px;border-bottom:1px solid #e5e5e5;padding:12px 25px}
.left_path {float:left;line-height: 25px;}
.left_path span {color:#1d72c7;}
.right_set {float:right;}
.btn.pay {text-align:right;padding:30px 25px 30px 0;}
.btn a {display:inline-block;text-align:center;}
.btn a.btn_s {width:46px;height:28px;line-height:26px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#183661;background-color:#fff;}
.btn a.btn_s.del {background-color:#ee5b5b;color:#fff;}
.btn a.btn_s.sch {background-color:#0a7ef5;color:#fff;}
.btn a.btn_s.sch.fr {float:right;}

.s_contents {padding:20px 25px;}
.contents_box {border:1px solid #e5e5e5;border-radius:6px;padding:20px 15px;background-color:#fff;}
.top {}
.top:after {content:""; visibility:hidden; display:block; clear:both;}
.top_left {float:left;}
.top_right {float:right;}
.select input[type="radio"] {display:none;}
.select input[type="radio"] + label {display:inline-block;cursor:pointer;width:109px;height:34px;line-height:34px;text-align:center;background-color:#e1e1e1;color:#353535;border-radius:6px;}
.select input[type="radio"]:checked + label {background-color:#0a7ef5;color:#fff;}

.btn a.btn_m {width:86px;height:27px;line-height:25px;border-radius:6px;font-size:12px;font-weight:300;color:#fff;background-color:#0a7ef5;}
.btn a.btn_b {width:109px;height:34px;line-height:32px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#183661;background-color:#fff;}
.btn a.btn_b.del_list {background-color:#ee5b5b;color:#fff;border:0;}
.btn a.btn_m.t2 {width:72px;height:34px;line-height:32px;font-size:14px;}
.btn a.btn_m.t2.excel {background-color:#31aa92;}

.tbl_01 {margin-top:20px;}
.tbl_01 tbody th {font-weight:300;height:36px;text-align:right;vertical-align:middle;}
.tbl_01 tbody td {padding-left:20px;height:36px;vertical-align:middle;}
.tbl_01 tbody td input[type="text"] {width:182px;height:27px;border-radius:4px;border:1px solid #dadada;text-indent:12px;}
.tbl_01 tbody td input[type="checkbox"] {border-radius:4px;border:1px solid #dadada;}
select {width:182px;height:27px;border-radius:4px;border:1px solid #dadada;padding-left:12px;color:#595959;-webkit-appearance: none;appearance: none;background:#f3f3f3 url('../images/select_arr.png') no-repeat 97% 50%;}
.tbl_01 tbody td textarea {width:518px;height:77px;border-radius:4px;border:1px solid #dadada;padding:20px 12px;}
.tbl_01 tbody th.th, .tbl_01 tbody td.td {vertical-align:top;padding-top:5px;}
.tbl_01.fl {float:left;width:34%;margin-top:40px;}
.row {border-top:10px solid #eee;margin-top:40px;}
.row:after {content:""; visibility:hidden; display:block; clear:both;}
.row:last-child {margin-bottom:40px;}
.tbl_01 thead th {height:36px;vertical-align:middle;font-weight:300;text-align:center;}
.btn a.btn_w {width:119px;height:44px;line-height:42px;border-radius:6px;font-size:14px;color:#fff;background-color:#0a7ef5;}
.btn a.btn_w.rt {margin-left:5px;background-color:#6f6f6f;}

.top_left input[type="text"] {width:152px;height:27px;border-radius:4px;border:1px solid #dadada;text-indent:12px;}
.top_left span {padding-right:23px;}
.top_left i {font-style:normal;padding-right:7px;}
.tbl_02 {width:100%;margin-top:10px;border-top:1px solid #bfbfc2;}
.tbl_02 thead td {background:#f7f7f7;line-height:34px;vertical-align:middle;text-align:center;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:14px;font-weight:300;color:#353535;}
.tbl_02 thead td.td {border-left:0;width:5%;}
.tbl_02 tbody td {border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;line-height:37px;vertical-align:middle;text-align:right;padding-right:20px;font-size:14px;font-weight:300;color:#353535;}
.tbl_02 tbody td:nth-child(-n+4) {text-align:center;padding-right:0;}
.tbl_02 thead td:first-child,
.tbl_02 tbody td:first-child {border-left:0;}

.sch_03 {float:left;width:30%;margin-top:40px;padding: 0 40px;}
.sch_top {line-height:25px;}
.sch_top input[type="text"] {margin-left:10px;width:152px;height:26px;border-radius:4px;border:1px solid #ddd;text-indent:12px;}
.sch_top .state {display:inline-block;margin-left:3px;width:80px;height:28px;text-align:center;border:1px solid #ddd;border-radius:4px;}
.sch_top .fr {float:right;}
.sch_top:after {content:""; visibility:hidden; display:block; clear:both;}

/* 페이징 */
.paging {padding:40px 0 50px 0;text-align:center;}
.paging span a {display:inline-block;vertical-align:top;width:25px;height:25px;line-height:23px;border:1px solid #d9d9d9;border-radius:2px;font-size:12px;color:#838383;margin:0 3px;box-sizing:border-box;}
.paging a img {vertical-align:top;padding:0 2px;}
.paging span {display:inline-block; vertical-align:top; padding:0 10px;}
.paging span a.on {background:#6f6f6f; border-color:#6f6f6f; color:#fff;}

.contents_wrap {padding-bottom:100px;}
.contents_wrap:after {content:""; visibility:hidden; display:block; clear:both; }
.contents_box.fl {width:35%;float:left;}
.contents_box.fr {width:64%;float:left;margin-left:1%;padding:20px 40px 20px 20px;}
.tbl_01.t6 {margin-top:0;}
.tbl_01.t6 input[type="text"] {width:100%;}
.tbl_01.t6 tr td:nth-of-type(2) {text-align:right;}
.tbl_01.t6 select {width:182px;height:27px;border-radius:4px;border:1px solid #dadada;padding-left:12px;color:#595959;-webkit-appearance: none;appearance: none;background:url('../images/select_arr.png') no-repeat 97% 50%;}

.tbl_01.t6 input[type=radio] {display:none;}
.tbl_01.t6 input[type=radio] + label {display:inline-block;position:relative;cursor:pointer;color:#666;height:18px;line-height:18px;padding-left:25px;padding-right:20px;background:url(../images/icon_radio.png) no-repeat 0 0;vertical-align:middle;}
.tbl_01.t6 input[type=radio]:checked + label {background-position:0 -18px;}

.tbl_02 tbody tr.bg td {background-color:#dbdbff;}

.hd {margin-bottom:20px;}
.tree_select {padding:10px 0 10px 10px;}
.tree_select select{width:45px;height:22px;border-radius:4px;border:1px solid #dadada;margin-right:12px;color:#595959;-webkit-appearance: none;appearance: none;background:#fff url('../images/select_arr_2.png') no-repeat 97% 50%;}
.bt_gap {height:100px;}


/* tree view */
.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
	font-family: "돋움",'Dotum',Helvetica;
	font-size:12px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview .placeholder {
	background: url(../images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder {padding: 1px 0 1px 20px;  display: block; }
.filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }