
a:link {text-decoration:none;color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none;color:#1d7cd4;}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#000; font-family:'Roboto', 'Noto Sans KR', sans-serif;}

*{font-family:'Roboto', 'Noto Sans KR', sans-serif; }
form { margin:0; }
p {margin-top:0px;margin-bottom:0px;}
td {font-size:12px;font-family:'Roboto', 'Noto Sans KR', sans-serif;color:#000000; line-height:105%;}
th{font-size:13px;font-family:'Roboto', 'Noto Sans KR', sans-serif; line-height:105%}
h1,h2,h3,h4,h5{margin:0; padding:0}
ol, ul, li, dt, dl, dd {list-style:none; margin:0; padding:0}

/* 관리자 상단디자인 */

.topmenu{position:relative; background-color:#353944;}
#quick_area {width:100%; height:0px; margin:0 auto; z-index:250;}
.quick_cont {position:absolute; width:100%; height:0px; z-index:250; top:63px; }

.zzim_area {position:relative; width:100%; z-index:320; }
.zzim_area.flow {position:fixed; z-index:250; top:0;}
.home .zzim_area.flow{ top:0; z-index:250;}

.menu_int{position:fixed; top:0; width:100%; background-color:#004b9b; text-align:center;}

.admin_header{position:relative; overflow:hidden; width:100%;   border-top:3px solid #3d82f0}
.admin_header .top_01{position:relative; overflow:hidden; width:100%; height:62px; }
	.top_01 h1{position:relative; overflow:hidden; float:left; padding:0 0 0 15px; width:700px;}
	.top_01 h1 a:link, .top_01 h1 a:visited{color:#3d82f0; font-family:PT Sans; font-size:25px; line-height:26px;}
	.top_01 h1 span{ font-family:PT Sans; font-size:25px; line-height:26px; color:#222222}
	.top_01 ul{position:relative; overflow:hidden; float:right; padding:12px 15px 0 0;}
	.top_01 li{float: left; padding:9px 0 0 10px}
	.top_01 li.logout{padding:3px 0 0 12px}
	.top_01 li a:link, .top_01 li a:visited{color:#aeb0b4;}
	.top_01 li a:hover{color:#002266; font-weight:600; text-decoration:underline;}
	.top_01 li.logout a:link, .top_01 li.logout a:visited{display:block; color:#aeb0b4; letter-spacing:-0.7pt; background-color:#222222; padding:6px 8px;}
	.top_01 a.admin_text { position:relative; top:-21px; left:5px; }

	.top_02{position:relative; overflow:hidden; width:100%; height:42px;}
	.top_02 li{float:left;}
	.top_02 li.first{padding:0 15px 0 0;}
	.top_02 li a:link, .top_02 li a:visited{display:block; padding:0 50px; line-height:42px; height:42px; color:#d6d7d9; font-weight:500; font-size:14px; letter-spacing:-0.3pt}
	.top_02 li a:hover{color:#fff}
	.top_02 li.first a:link, .top_02 li.first a:visited{padding:0 0; width:110px; background-color:#1d7cd4; text-align:center; color:#fff;}

.lnb {display:none;}

/* 레프트메뉴 */
.left_tit{font-size:23px; letter-spacing:-1pt; line-height:24px; font-weight:300; color:#333; padding:48px 20px 30px 20px; border-bottom:1px solid #ddd; background-color:#fff}

.left_table th.non{font-size:14px; font-weight:600; padding:12px 0 12px 20px; color:#064e91; text-align:left; border-bottom:1px dashed #ddd; background-color:#fafafa; line-height:105%;}
.left_table th a:link, .left_table th a:visited{display:block; font-size:14px; padding:12px 0 12px 20px; color:#064e91; text-align:left; border-bottom:1px dashed #ddd; background-color:#fafafa; line-height:105%;}
.left_table td a:link, .left_table td a:visited{display:block; font-size:12px; padding:6px 0 6px 20px; color:#555; line-height:105%;}
.left_table td a:hover{color:#064e91;}
.left_table td strong{color:#333}
.left_table td{line-height:105%;}
.left_table td.line{border-bottom:1px solid #ddd; padding:10px 0 0 0;}
.left_table td.pad{padding:8px 0 0 0;}
.left_table td.pad2{padding:20px 0 0 0;}
.left_table td.bbs_left_tit{color:#333; padding: 0 0 6px 19px; font-size:13px; font-weight:bold;}

.left_table2 td a:link, .left_table2 td a:visited{display:block; font-size:13px; padding:12px 0 12px 20px; color:#666; border-bottom:1px dashed #ddd; background-color:#fafafa; line-height:105%;}
.left_table2 td a:hover{color:#064e91;}
.left_table2 td.line{border-bottom:1px solid #ddd; padding:10px 0 0 0; line-height:105%;}
.left_table2 td.pad{padding:8px 0 0 0; line-height:105%;}


/* 레프트메뉴 롤오버 */
.leftMenu td:hover .menu {background:#86888F; color:#fff !important;}
.leftMenu td.clickover .menu {background:#002266; color:#fff !important;}

.leftMenu_th th:hover .menu {background:#86888F; color:#fff !important;}
.leftMenu_th th.clickover .menu {background:#064e91; color:#fff !important;}

.leftMenu li:hover .menu {background:#4b5567; color:#fff !important;}
.leftMenu li.clickover .menu {background:#3d82f0; color:#fff !important;}

/*본문 최소 높이 */
.min_con {min-height:718px;}

/* 타이틀 */
.tit {font-size: 17px; color: #222; letter-spacing: -1px; line-height: 25px; font-weight: 400; padding:0 5px 0 7px}
.tit_sub {font-size: 15px; color: #333; letter-spacing: -1px; line-height: 26px; height:26px; font-weight: 600; padding-bottom:5px}
.tit_sub img{margin:0 3px 2px 0; vertical-align:middle}
.tit_alt {font-size: 12px; color: #6d6d6d;  letter-spacing: -0.5px; line-height: 22px;}
.sub_tit_alt {font-size: 11px; color: #4e6cc7; }
.sub_tit_alt2 {font-size: 12px; color: #4e6cc7; }

/* 테이블 */

.t_rd {background-color:#7c7e85 !important; height:1px;}
.t_th{font-size: 13px; color: #ffffff; text-align: center; height:35px; background-color:#86888f;}
.t_th th{font-weight:600; border-right:1px solid rgba(255,255,255,0.3); min-width:50px !imporatant;}
.t_th th:last-child {border-right:0;}
.t_th a {color: #ffffff;}
.t_line {border-bottom:1px solid #dcd8d6;}
.t_line2 {padding:1px}
.t_td td{padding:5px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.th_paper { background:#eee; border-left: 1px solid #ddd;}
.th_paper strong {font-size:14px; line-height:20px; color:#000;white-space:normal;}
.th_paper span { color:#002266; font-weight:600; }
.td_gray td {background:#ecf1fc; font-weight:600; color:#002266; }


.t_style {font-size:12px; background-color: #e1e1e1;}
.t_style td {background:#fff;}
.t_name {font-size:13px;color: #333; font-weight:600; letter-spacing:-0.3pt; background: #f5f5f5 !important; line-height: 18px; padding-left:10px; height:42px}
.t_name2 {font-size:13px;color: #333; letter-spacing:-0.3pt; background: #f5f5f5 !important; line-height: 18px; padding-left:10px; height:42px}
.t_name3 {font-size:13px;color: #333; font-weight:600; letter-spacing:-0.3pt; line-height: 18px; padding-left:10px; height:42px}

.t_bname {font-size:12px;font-weight: bold; color: #000000; background: #f6f6f6 !important; line-height: 10px; padding-left:10px}
.t_value {font-size:12px;color: #555555; background: #ffffff !important; line-height: 20px; padding-left:10px}
.t_value2 {font-size:13px;color: #555555; background: #ffffff !important; line-height: 20px; padding-left:10px}
.t_name a {color: #11809f;}
.t_name a:hover {text-decoration: underline;}
.t_name_main {font-size:12px;color: #11809f; background: #e8f3f7 !important; line-height: 26px; text-align:center; font-weight: bold;}
.t_value_main {font-size:12px;color: #555555; background: #BCBCBC !important; line-height: 22px; text-align:center}
.t_value_main_L {font-size:12px;color: #555555; background: #FFFFFF !important; line-height: 22px; text-align:center}
.t_value_main_L2 {font-size:12px;color: #555555; background: #E4F4FE !important; line-height: 22px; text-align:center}
.t_value_main2 {font-size:12px;color: #555555; background: #ffffff !important; line-height: 25px; text-align:center}
.t_value_main3 {font-size:12px;color: #555555; background: #f4f4f4 !important; line-height: 25px; text-align:center}

.t_value_main_ord {font-size:12px;color: #555555; background: #BCBCBC !important; line-height: 22px; text-align:center; font-weight: bold;}
.t_value_main_pay {font-size:12px;color: #555555; background: #BCBCBC !important; line-height: 22px; text-align:center; font-weight: bold;}
.t_value_main_can {font-size:12px;color: #555555; background: #BCBCBC !important; line-height: 22px; text-align:center; font-weight: bold;}
.t_value_main_can2 {font-size:12px;color: #555555; background: #284a87 !important; line-height: 22px; text-align:center; color:#fff;}
.t_style_main {font-size:12px; background: #dedede;}
.t_name_analy {font-size:12px; font-weight:600;color: #333; background: #f5f5f5 !important; line-height: 15px; height:33px; text-align:center;}
.t_value_analy {font-size:12px;color: #999999; background: #ffffff !important; line-height: 20px; text-align:right; padding-right:5px}
.t_value_analy2 {font-size:12px;color: #999999; background: #1f83ff !important; line-height: 20px; text-align:right; padding-right:5px}
.t_value_analy_total {font-size:12px;color: #000000; background: #f0f7ff !important; line-height: 20px; text-align:right; padding-right:5px}
.t_value_analy_strong {font-size:12px;color: #999999; background: #ffffff !important; line-height: 20px; text-align:right; padding-right:5px; font-weight: bold;}


.btnListchk {
	border:0px;
	font-size:13px;
	color:#fff;
	border:1px solid #3d82f0;
	padding:6px 12px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #3d82f0;
	cursor:pointer;
	height:33px;
	font-weight: 600;
	vertical-align: middle;
}

.btnListchk3 {
	border:0px;
	font-size:13px;
	color:#fff;
	border:1px solid #464c51;
	padding:6px 12px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #464c51;
	cursor:pointer;
	height:33px;
	font-weight: 600;
	vertical-align: middle;

}
.btnListchk3:hover {background-color:#545454;}

.btnExcel {
	border:0px;
	font-size:13px;
	color:#1f6e43;
	border:1px solid #1f6e43;
	padding:6px 10px 8px 30px;
	background:url('./img/excel_icon.gif') 8px 8px no-repeat;
	cursor:pointer;
	height:33px;
	font-weight: 600;
	vertical-align: middle;
}
.btnExcel:hover {background-color:#eee;}

/* 검색 */
.searchform { width:100%; box-sizing:border-box; padding:10px; text-align:center; background:#eee; border:1px solid #ddd; margin:15px 0 30px 0;}
.searchform .searchtitle { display:inline-block;  letter-spacing:-0.6pt; padding-right:15px;}
.search_btn {
	border:0px;
	font-size:13px;
	color:#fff;
	border:1px solid #002266;
	padding:5px;
	background-color: #002266;
	cursor:pointer;
	width:80px;
	height:33px;
	font-weight: 600;
	position:relative; 
	top:2px;
}
.select {
	border:0px;
	font-size:13px;
	color:#545454;
	border:1px solid #ccc;
	padding:3px;
	vertical-align: middle;
	height:33px;
}
.input {
	border:0px;
	font-size:13px;
	color:#545454;
	border:1px solid #ccc;
	padding:5px;
	vertical-align: middle;
	height:23px;
}

/* 네비 */
.admin_navi{overflow:hidden; position:absolute; right:25px;}
.admin_navi li {float:left;}
.admin_navi li.bold {font-weight:600; margin-left:3px;}


/* 로그인페이지 */
.admin_login{position:relative; margin:0 auto; display:flex; height:100vh; width:100%; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction: row; /*수평 정렬*/}
.admin_login_in{ width:500px; padding:45px 56px 81px 56px; border:1px solid #e1e1e1; background-color:#fff; height:610px; box-sizing:border-box; text-align:center; }
.admin_login h1{font-size:35px; line-height:35px; font-family:PT Sans; color:#3d82f0; padding:10px 0 13px 0; margin:0; text-align:center;}
.admin_login h1 span.po_b{font-size:35px; line-height:35px; font-family:PT Sans; color:#002266;}
.admin_login p.stit{color:#777; font-size:15px; letter-spacing:-0.75pt; text-align:center; padding:0 0 30px 0; line-height:100%;}
.admin_login dl{padding:0;}
.admin_login dt{padding-top:7px}
.admin_login dd.secure{font-size:12px; color:#666; text-align:center; padding-top:10px;}
.admin_login dd.secure input{vertical-align:middle;}

.admin_login_input{width:91%;border:1px solid #ddd; padding:16px; font-size:15px; letter-spacing:-0.5pt; color:#666; margin-bottom:3px}
.admin_login_input::-webkit-input-placeholder {color:#aeaeae;} /*WebKit browsers */
.admin_login_input::-moz-placeholder {color:#aeaeae;} /*Mozila Firefox 4 to 18 */
.admin_login_input:-moz-placeholder {color:#aeaeae;} /*Mozila Firefox 4 to 19+ */
.admin_login_input:-ms-input-placeholder {color:#aeaeae;} /*Internet Explorer 10+ */
.login_button{cursor:pointer; border:none; background:#3d82f0; color:#fff; letter-spacing:-1pt; width:100%; font-size:16px; font-weight:600; height:57px; line-height:57px;}






/* footer */
.admin_footer{background-color:#353944; color:#d6d7d9; height:40px; line-height:40px}


/*******************************************************************************
	@media 1200~501 px
*******************************************************************************/

@media all and (max-width:1200px){
#quick_area { display:none; }
.pc_menu {display:none;}

.admin_header .top_01 { height:52px; }
.top_01 h1 { width:auto; padding-right:10px; padding-left:10px; }
.top_01 a.admin_text {top:-15px;}
.top_01 h1 a:link, .top_01 h1 a:visited {font-size:15px;}
.top_01 h1 span {font-size:15px;}
.top_01 h1 img {width:150px; margin-top:5px;}

.top_01 ul { padding:7px 10px 0 0; }

.header_height { height:96px; }


/** Lnb **/
	.lnb {display: block; width:100%;  margin:0 auto; height:42px; position:absolute; top:54px; background:#353944; z-index:999999;}

	.lnb .box {width:50%; float:left; height:42px; box-sizing:border-box;}
	.lnb .box.dep1 {}
	.lnb .dropLst .txt,
	.lnb .dropLst li span,
	.lnb .dropLst > a {display:block; padding-left:5%; width:100%; height:42px; line-height:42px; border:none; z-index: 1000; box-sizing:border-box; color:#d6d7d9; font-size:14px; font-weight:500;     white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lnb .box .dropLst .txt {padding-right:40px; }
	.lnb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width: 10px; height: 7px; margin-top:-4px; background: url("./img/menu_arrow_down.png") no-repeat right top; background-size:100%; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
	.lnb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.lnb .box .dropLst ul {padding:0;}
	.lnb .box.dep1 .dropLst ul,
	.lnb .box.dep1 .dropLst ul li {background-color: #f5f5f5; border-bottom:1px solid #ddd;}
	.lnb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
	.lnb .box.dep1 .dropLst li .value {display:block; padding-left:5%; width:100%; height: 40px; line-height: 40px; border:none; z-index: 1000; box-sizing:border-box; letter-spacing:-0.5pt;  font-size:12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.lnb .box.dep1 .dropLst li .value.on {color:#fff;  background:#3d82f0 ; display:block; font-weight:500;}
	.lnb .box.dep1 .dropLst .txt { }
	.lnb .box.dep1 .dropLst .txt:before {background-position:bottom left;} /* ì²«ë²ˆì§¸ ì„œë¸Œë©”ë‰´ í™”ì‚´í‘œ ìœ„ì¹˜ */
	.lnb .box.dep1 .dropLst > a{ /*background:#3d82f0; color:#fff;*/ border-right:1px solid rgba(255,255,255,0.3); }
	.lnb .box.dep2 .dropLst ul li  {background-color: #f5f5f5; border-bottom:1px solid #ddd;}
	.lnb .box.dep2 .dropLst li .value {display:block; padding-left:5%; width:100%; height: 40px; line-height: 40px; border:none; z-index: 1000; box-sizing:border-box; letter-spacing:-0.5pt;  font-size:12px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*color:#003591;*/
	.lnb .box.dep2 .dropLst li .value.on {color:#fff;  background:#3d82f0 ; display:block;  font-weight:500;}
	.lnb .dropLst {width:100%; box-sizing: border-box; position:relative;}
	.lnb .dropLst .dlst {width:100%; display:none; position:absolute; top:42px;}
	.lnb .dropLst .dlst ul {border:none;}



	.min_con {min-height:auto;}


	.mobile_padding { padding:25px 15px 35px 15px !important; }
	.tit { font-size:15px; }
	.tit_alt {display:block; position:absolute; left:43px; top:45px;}
	.admin_navi { display:none;}
	.searchform {margin:15px 0 20px 0;}
	.searchform form { width:100%; }
	.input { width:50% !important; }
	.select {width:20% !important; min-width:70px;}
	.search_btn { box-sizing:border-box; width:10% !important; min-width:50px;}
	.searchform .searchtitle {display:block; padding-right:0; padding-bottom:3px;}
	.searchform .searchtitle .select {width:50px;}

	.button_left { display:block; width:100%; margin-bottom:23px; text-align:center;}
	.button_left .btnListchk, .button_left .btnListchk3 { margin-bottom:2px; } 
	.button_right {position:absolute; bottom:0; left:50%; margin-left:-59px;}
	.btnListchk,  .btnListchk3{padding:4px 10px; font-size:12px;}
	.btnExcel { font-size:12px; padding:4px 8px 6px 28px; }

	.table_con {margin-top:20px;}
	.table_con th, .table_con td {font-size:12px;}
	.t_th { height:30px; }
	.t_td td { padding:3px 7px; }


}


/*******************************************************************************
	@media 500 px ~
*******************************************************************************/


@media all and (max-width:500px){

.top_01 h1 {height:100%;}
h1 a:first-child { display:none; }
.top_01 a.admin_text {top:13px; left:0;}
.top_01 li.logout a:link, .top_01 li.logout a:visited {font-size:12px;}
.top_01 li.logout {padding-left:7px;}
.lnb .dropLst .txt, .lnb .dropLst li span, .lnb .dropLst > a {font-size:13px;}


.admin_login p.stit {font-size:14px;}
.admin_login_in {border:none; padding:20px;}
.admin_login_input {box-sizing:border-box; width:100%;}


}