@charset "utf-8";
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; }

@font-face { 
	font-family: 'NotoKrR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url('../fonts/notokr-regular.eot'); 
	src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/notokr-regular.woff2') format('woff2'), 
	url('../fonts/notokr-regular.woff') format('woff'); 
}  

/* Common Style */
* { margin: 0; padding: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, q, s, samp, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0 none; }
body { position: relative; margin: 0 auto; font-size: 12px; line-height: 140%; letter-spacing:-0.5px; font-family:'NotoKrR',sans-serif; overflow:x-hidden; min-width: 1920px; }
input { font-family: 'NotoKrR',sans-serif}
header, h1 { font-size: 100%; }
html, body {height: 100%; font-size:18px; }
div, p, span, li, table td {word-break:break-all}
caption,legend { position: absolute; width:0; height: 0; font-size: 0; overflow: hidden; visibility: hidden }
img { border: none; vertical-align: top; /*width: 100%;*/ }
select, input { vertical-align: middle}
hr { display: none; border: 0 none; }
ol, ul, ul li{ list-style: none; }
em { font-style: normal; }
label{cursor:pointer}
a {color: #4d4d4d;}




.input[type=text] { 
-webkit-ime-mode:active !important;
-moz-ime-mode:active !important; 
-ms-ime-mode:active !important; 
ime-mode:active !important; 
}

/* link Style */

/* clear */
.clear{clear:both}

.t_c { text-align:center; }
.t_l { text-align:left; }
.t_r { text-align:right; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mb10 { margin-bottom:10px; }
.mb30 { margin-bottom:30px; }
.ml6 { margin-left:6px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.w8 { width:8%; }
.w10 { width:10%; }
.w20 { width:20%; }
.w25 { width:24.6%; }
.w28 { width:27.6%; }
.w30 { width:30%; }
.w35 { width:38.5%; }
.w40 { width:41%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w95 { width:95%; }
.w97 { width:97%; }
.w99 { width:99%; }
.fl { float:left; }
.fr { float:right; }

.wid100 {width: 100px;}
	
body { background-color: transparent; /*min-width:1800px;*/ }



#header { position:relative; background:#fff; width:100%; height:70px; z-index:200; border-bottom:2px solid #cccccc;}
#header h1 { position:absolute; top:20px; left: 100px;  }
#header .admin {  position:absolute; top:20px; right: 100px; background:url("../img/icon_admin.jpg") no-repeat left;padding-left:26px; }
#header .admin span { font-size:12px; display:block; line-height:110%; color:#111111; letter-spacing:-1px; }
/*=========================================================
  메뉴    #top_div ul li ul li .depth_02{margin:5px 0 0 5px; line-height:22px;}
=========================================================*/

.gnb_wrap{ width:100%; height:72px; overflow:hidden; }
#top_div{ position:relative; z-index:200; margin:0 auto; letter-spacing:-2px; }
#top_div > ul{}
#top_div > ul > li{float:left; height:70px; text-align:center;}
#top_div > ul > li:last-child { background:none}
#top_div > ul > li a{display:block;color:#111111; text-decoration:none;}
#top_div > ul > li > a { line-height:70px;padding:0 30px;font-weight:600; }
#top_div > ul > li > a.on { border-bottom:2px solid #0053b7; color: #0053b7;}
#top_div > ul > li > a:hover { border-bottom:2px solid #0053b7; }
#top_div > ul > li.on > a { border-bottom:2px solid #0053b7; }
#top_div > ul > li > div { /*position:absolute;*/top:72px;padding-top:10px;left:0;z-index:200;line-height:26px;min-height:186px; }
#top_div > ul > li > div:hover { background:#f1f7f9; }
#top_div > ul > li > div > ul > li{ padding-bottom:10px; text-align:center; font-size:15px;font-weight:600; }
/* #top_div > ul > li:nth-child(1) > div{left:100px; width:124px; }
#top_div > ul > li:nth-child(2) > div{left:224px; width:124px; }
#top_div > ul > li:nth-child(3) > div{left:348px; width:124px; } 
#top_div > ul > li:nth-child(4) > div{left:472px; width:124px; }
#top_div > ul > li:nth-child(5) > div{left:596px; width:144px; }
#top_div > ul > li:nth-child(6) > div{left:740px; width:161px; }
#top_div > ul > li:nth-child(7) > div{left:901px; width:124px;}
#top_div > ul > li:nth-child(8) > div{left:1025px; width:161px;} 
#top_div > ul > li:nth-child(9) > div{left:1186px; width:161px;} */

#top_div > ul > li > div > ul > li a{ overflow:hidden;display:block;color:#6c6c6c; }
#top_div > ul > li > div > ul > li a:hover,
#top_div > ul > li > div > ul > li a.on{ color:#0158b9;}

#wrap { background:#ededed;min-height:100%; }

.gnb_bg { width:100%; margin-top:72px; height:196px; background-color:#fff; z-index:0; }


section { width:90%; margin:20px auto; }

#dashboard { width:100%; padding:0; background:none;}
#dashboard ul li { float:left; width:32%; }
#dashboard ul li:nth-child(2) { margin:0 2%; }
#dashboard ul li > div { position:relative;height:235px; border-radius:20px; color:#fff; }
#dashboard ul li > div h2 { position:absolute; font-size:32px; color:#fff; top:40px; left:25px; opacity:0.9; -webkit-opacity:0.9; }
#dashboard ul li > div h2 .line { display:block; margin-bottom:10px; width:92px; height:1px; background:#fff; letter-spacing:-1px; }
#dashboard ul li > div .text_wrap1 { width:50%; float:right; margin-top:70px; text-align:center; }
#dashboard ul li > div .text_wrap2 { width:76%;  float:right; margin-top:140px; text-align:center; }
#dashboard ul li > div p.percent { font-size:70px; }
#dashboard ul li > div p.percent strong { font-size:90px;margin-right:15px; }
#dashboard ul li > div p.s_text { font-size:40px; letter-spacing:-1px; margin-top:70px; opacity:0.9; -webkit-opacity:0.9; }

#dashboard ul li > div.type1 {  background:url("../img/bg_dashboard1.png") no-repeat center; background-size: cover; }
#dashboard ul li > div.type2 {  background:url("../img/bg_dashboard2.png") no-repeat center; background-size: cover;  }
#dashboard ul li > div.type3 {  background:url("../img/bg_dashboard3.png") no-repeat center; background-size: cover;  }

article { position:relative; background:#fff; padding:30px 25px; border-radius:20px; }
article h2 { font-size:23px; color:#111;font-weight:600;margin-bottom:20px; }
article h2 span { margin-left:10px; font-size:16px; color:#585858; }
article h3 { font-size:21px; color:#111;font-weight:600;margin-bottom:20px; background:url("../img/icon_h3.png") no-repeat left; text-indent:15px; }
article .status_wrap { position:relative; width:100% ;background:#ededed; border-radius:20px; height:67px; }
article .status_wrap h3 { font-size:20px;line-height:67px; color:#7272e8; text-indent:20px; background:none; }
article .status_wrap span { position:absolute; top:7px; display:block; right:10px; background:#033fab; border-radius:20px; width:140px; height:51px; line-height:51px; color:#fff; text-align:center; }

article .select_wrap { position:relative; width:100% ;background:#ededed; border-radius:20px; height:67px; line-height:67px; font-size:16px; text-align:right;vertical-align:middle; }
article .select_wrap2 { position:relative; width:100% ;background:#ededed; border-radius:20px; height:67px; line-height:67px; font-size:16px; text-align:left;vertical-align:middle; }
article .select_wrap2 em { color:#d00808; }
article .select_wrap2 .btn {  position:absolute;right:30px; }
article .select_wrap2 .no{ background:url("../img/icon_no.png") no-repeat left; margin-left:20px; padding-left:20px; color:#cf5c5f;}
article .select_wrap3 { position:relative; width:100% ;background:#ededed; border-radius:20px; font-size:16px; vertical-align:middle;padding:20px 0; }
article .select_wrap3 ul { width:66%; margin-left:20px; }
article .select_wrap3 ul li { width:50%; float:left; }
article .select_wrap3 span { display:inline-block; float:left; line-height:41px; width:110px; color:#4d4d4d; }
article .select_wrap3 button { display:inline-block; float:left; }

article .select_wrap4 { position:relative; width:100% ;background:#ededed; border-radius:20px; font-size:16px; vertical-align:middle;padding:20px 0; }
article .select_wrap4 ul { width:90%; margin-left:20px; }
article .select_wrap4 ul li { width:50%; float:left; }
article .select_wrap4 span { display:inline-block; float:left; line-height:41px; width:110px; color:#4d4d4d; }
article .select_wrap4 button { display:inline-block; float:left; }


article .region { width:100%; background:#f7f7f7; border-radius:10px;overflow:hidden; }
article .region ul { margin:10px; }
article .region ul li { float:left; width:11.1%; text-align:center; }
article .region ul li p { width:100%; border-left:1px solid #efefef; margin:8px 0; color:#4d4d4d; line-height:220%; }
article .region ul li p strong { color:#b90101; }
article .region ul li p.num { background:#fff; padding:8px 0; border-left:1px solid #dbdbdb; }
article .region ul li p.rounded1 { border-radius:10px 0 0 10px; } 
article .region ul li p.rounded2 { border-radius:0 10px 10px 0; }
article .region ul li p.n_l { border-left:0px; }

.table_type1 { width: 100%; border-top:2px solid #858585; border-collapse:collapse; color:#4d4d4d; margin-top:10px; }
.table_type1 thead th { border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-weight:600; background:#d7d7d7; height:30px; }
.table_type1 td {color:#666666; vertical-align:middle;height:30px; }
.table_type1 td, .table_type1 th { border: 1px solid #e6e6e6; padding: 7px 0;text-align:center; }
.table_type1 th.dead { color:#b90101; }
.table_type1 td.dead { color:#b90101;background:#feb6b6; }
.table_type1 .b_l { border-left:0px; }
.table_type1 .b_r { border-right:0px; }

.table_type2 { width: 100%; border-top:2px solid #858585; border-collapse:collapse; color:#4d4d4d; margin-top:10px; font-size:16px; }
.table_type2 th { border-bottom:1px solid #e1e1e1; font-weight:600; text-align:left; text-indent: 30px; background:#ccd5dd; height:50px; color:#005bac; }
.table_type2 th em { color:#d00808; }
.table_type2 th strong { color:#d00808; }
.table_type2 td { color:#222222; border-bottom:1px solid #e1e1e1; vertical-align:middle; height:50px; padding-left:30px; }
.table_type2 td.br_1 { border-right:1px solid #e1e1e1; }
.table_type2 td.btn { padding-left:0;text-align:center; }
.table_type2 td span { display:inline-block; }
.table_type2 td span.ok { background:url("../img/icon_ok.png") no-repeat left; margin-left:20px; padding-left:20px; color:#306e02;}
.table_type2 td span.no { background:url("../img/icon_no.png") no-repeat left; margin-left:20px; padding-left:20px; color:#cf5c5f;}
.table_type2 td span.w60 { width:60px; }
.table_type2 td span.w80 { width:80px; }
.table_type2 td.td_h { background:#e9f0f5; color:#005bac; }
.table_type2 td.td_h2 { background:#e9f0f5; color:#005bac; padding-left:0; }
.table_type2 th.tc { text-align:center; text-indent:0; } 

.table_type3 { width: 100%; border-top:2px solid #858585; border-collapse:collapse; color:#4d4d4d; margin-top:10px; font-size:16px; }
.table_type3 th { border-bottom:1px solid #e1e1e1; font-weight:600; text-align:left; text-indent: 20px; background:#ccd5dd; height:50px; color:#005bac; }
.table_type3 th em { color:#d00808; }
.table_type3 th strong { color:#d00808; }
.table_type3 th.gray { color:#4d4d4d; }
.table_type3 td { color:#222222; border-bottom:1px solid #e1e1e1; vertical-align:middle; height:50px; padding-left:10px; }

.table_type4 { table-layout: fixed;width: 1612px; border-top:2px solid #005bac; border-collapse:collapse; color:#4d4d4d; font-size:16px; text-align:center; }
.table_type4 thead th { text-align: -webkit-center; border-bottom:1px solid #e6e6e6; font-weight:600; background:#ccd5dd; height:40px; color:#005bac; }
.table_type4 thead th a { text-align: -webkit-center; font-weight:600; background:#ccd5dd; height:40px; color:#005bac; }
.table_type4 td { text-align: -webkit-center; border-bottom:1px solid #e6e6e6; color:#4d4d4d; vertical-align:middle; height:44px; background:#fff;  }
.table_type4 td, .table_type4 th { border: 1px solid #e6e6e6; padding: 7px 0; }

#table { width:97%; border-top:2px solid #005bac; border-collapse:collapse; color:#4d4d4d; margin:0 auto; font-size:16px;  text-align:center;display:table; }	
.header_row { border-bottom:1px solid #e6e6e6; font-weight:600; vertical-align:middle; background:#ccd5dd; height:60px; color:#005bac; }	
.row { background:#fff;border-bottom:1px solid #e6e6e6;cursor: pointer; }	
.cell { display:inline-block; float:left; padding:0; width:9.09%; text-align: center; vertical-align:middle; border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; height:60px;line-height:60px; }	
/* Level 2*/	
.row:hover .row_hover { display: block; }		
.row_hover { width: 1340px; display:none; background:#fff; position: absolute; z-index: 9; width: 80%; left: 10%; margin-top: -1px;}



.table_type5 { width: 100%; border-top:2px solid #858585; border-collapse:collapse; color:#4d4d4d; margin-top:10px; font-size:16px; }
.table_type5 th { border-bottom:1px solid #e1e1e1; text-align:left; font-weight:500; text-indent: 10px; background:#ccd5dd; height:50px; color:#005bac; }
.table_type5 td { color:#222222; border-bottom:1px solid #e1e1e1; vertical-align:middle; height:50px; padding-left:10px; }
.table_type5 td span.no { background:url("../img/icon_no.png") no-repeat left; margin-left:20px; padding-left:20px; color:#cf5c5f;}

.table_type6 { width:97%; border-top:2px solid #005bac; border-collapse:collapse; color:#4d4d4d; margin:0 auto; font-size:16px; text-align:center; }
.table_type6 thead th { border-bottom:1px solid #e6e6e6; font-weight:600; background:#ccd5dd; height:50px; color:#005bac; }
.table_type6 td { border-bottom:1px solid #e6e6e6; color:#4d4d4d; vertical-align:middle; height:54px; background:#fff;  }

.table_type7 { table-layout: fixed; width: 100%; border-top:2px solid #005bac; border-collapse:collapse; color:#4d4d4d; font-size:16px; text-align:center; }
.table_type7 thead th { border-bottom:1px solid #e6e6e6; font-weight:600; background:#ccd5dd; height:40px; color:#005bac; }
.table_type7 td { border-bottom:1px solid #e6e6e6; color:#4d4d4d; vertical-align:middle; height:44px; background:#fff;  }
.table_type7 td, .table_type7 th { border: 1px solid #e6e6e6; padding: 7px 0;text-align:center; }

.paging { text-align:center;padding:10px 0}
.paging .inner{overflow:hidden;position:relative;height:38px;display:inline-block;zoom:1;_display:block}
.paging .inner a,.paging .inner li,.paging .inner p,.paging .inner span,.paging .inner strong,.paging .inner ul{float:left}
.paging .inner a,.paging .inner strong{width:36px;height:36px;line-height:36px;border-width:1px;border-style:solid;border-color:#cdcdcd;text-align:center;margin:0 1px}
.paging .inner .pageState{display:none;padding:0 1em}
.paging .inner .pageState span{line-height:36px;font-size:1.4em;padding:0 .2em}
.paging .inner .pageState span.curPage{color:#d84a38}._paging .inner .pageState span.curPage:after{content:"/";margin-left:.4em;color:#000}
.paging .inner a{color:#333}
.paging .inner a.first,._paging .inner a.last,.paging .inner a.listNext,.paging ._inner a.listPrev,.paging .inner a.next,.paging .inner a.prev{font-size:0;text-indent:-5000px;background-image:url("../img//paging.gif");background-repeat:no-repeat}
.paging .inner a.first{background-position:0 0}
.paging .inner a.listPrev,.paging .inner a.prev{background-position:0 -36px}
.paging .inner a.listNext,.paging .inner a.next{background-position:0 -72px}
.paging .inner a.last{background-position:0 -108px}
.paging .inner a.listNext,.paging .inner a.listPrev{display:none}
.paging .inner ul{overflow:hidden;position:relative;height:38px}
.paging .inner ul li strong{background-color:#2656ac;border-color:#2656ac;color:#fff}
.paging .inner ul li a{background-color:#fff}

.text_wrap { text-align:center; margin:50px 0 20px 0; }
.text_wrap span { display:inline-block; }
.text_wrap span.w50 { width:50px;margin-right:20px; }
.text_wrap strong { display:inline-block; font-size:32px; }

.btn_wrap { position:relative; width:100%; height: 48px; text-align:center; margin-top:30px; }

button.btn1 { text-decoration:none;background:#fff;width:130px;height:46px;text-align:center;font-size:16px;color:#005bac;font-weight:600;border:2px solid #005bac;text-indent:0px; }
button.btn2 { text-decoration:none;background:#005bac;width:130px;height:48px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:2px solid #005bac;text-indent:0px; }
button.btn3 { text-decoration:none;background:#005bac;width:130px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:0;text-indent:0px; }
button.btn4 { position:absolute; text-decoration:none; left:0; background:#363636;width:130px;height:46px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:2px solid #363636;text-indent:0px; }
button.btn5 { text-decoration:none;background:#d7d7d7;width:130px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#4d4d4d;font-weight:600;border:0;text-indent:0px; }
button.btn6 { text-decoration:none;background:#005bac;width:90px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:0;text-indent:0px; }
button.btn7 { text-decoration:none;background:#d7d7d7;width:90px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#4d4d4d;border:0;text-indent:0px; }
button.btn8 { text-decoration:none;background:#fff;width:96px;height:41px;text-align:center;font-size:16px;color:#4d4d4d;border:1px solid #7d7d7d;text-indent:0px;border-radius:10px; }
button.btn8.on { text-decoration:none;background:#3a3a3a;width:96px;height:41px;text-align:center;font-size:16px;color:#fff;border:1px solid #7d7d7d;text-indent:0px;border-radius:10px; }
button.btn9 { text-decoration:none;background:#d7d7d7;width:90px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#4d4d4d;font-weight:600;border:0;text-indent:0px; }
button.btn10 { text-decoration:none;background:#3a3a3a;width:80px;height:34px;line-height:34px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:0;text-indent:0px; }
button.btn11 { text-decoration:none;background:#fff;width:157px;height:42px;line-height:42pxtext-align:center;font-size:19px;color:#4d4d4d;border:2px solid #7d7d7d;text-indent:0px;border-radius:10px; }
button.btn11.on { text-decoration:none;background:#005bac;width:157px;height:42px;line-height:420pxtext-align:center;font-size:19px;color:#fff;border:2px solid #002bac;text-indent:0px;border-radius:10px; }
button.btn12 {text-decoration:none; float:right; background:#363636;width:130px;height:28px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:2px solid #363636;text-indent:0px; top:12px; margin-left: 5px;}

button.search_btn { position:absolute; right:20px; text-decoration:none; background:#3a3a3a;width:132px;height:96px;line-height:96px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:0;border-radius:12px; }
button.search_btn2 { position:absolute; right:20px; top:15px; text-decoration:none; background:#3a3a3a;width:132px;height:70px;line-height:76px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:0;border-radius:12px; }
button.search_btn3 { top:10px; right:160px; float:right; text-decoration:none; background:#d7d7d7 url("../img/icon_download.png") no-repeat 8px;width:132px;height:30px;line-height:30px;text-indent:28px;;font-size:16px;color:#4d4d4d;font-weight:600;border:1px solid #c5c5c5;margin-left: 5px;}
button.download_btn { top:10px; right:20px; float:right; text-decoration:none; background:#d7d7d7 url("../img/icon_download.png") no-repeat 8px;width:132px;height:30px;line-height:30px;text-indent:28px;;font-size:16px;color:#4d4d4d;font-weight:600;border:1px solid #c5c5c5;margin-left: 5px;}

button.login_btn { text-decoration:none;background:#266ed4;width:100%;height:120px;line-height:120px;text-align:center;font-size:20px;color:#fff;border:0;text-indent:0px;border-radius:10px; }
button.close_btn { text-decoration:none;background:#363636;width:130px;height:46px;text-align:center;font-size:16px;color:#fff;font-weight:600;border:2px solid #363636;text-indent:0px; }
.br6 { border-radius:6px; }

input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email] { height:34px; text-indent: 10px; border:1px solid #dddddd; vertical-align:middle; font-size:16px; color:#222222; }
textarea{ height:100px; margin:10px 0; padding:10px 5px; text-indent: 10px; border:1px solid #dddddd; vertical-align:middle; font-size:16px; color:#222222; }
input[type=text].gray { background:#edecec; }
input[type=text].blue { background:#ebf2f7; }
select { display:inline-block; height:34px; border:1px solid #dddddd;color:#707070;padding:0 10px; font-size:16px; color:#222222; }
select::-ms-expand { background-color:transparent; border:0;}
input[type=file]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#f9f9f9;}
input[type=checkbox] {display: none;}
input[type=checkbox] + label { display: block; width:24px; height: 24px; border:1px solid #7d7d7d; background: #fff; cursor: pointer;  }
input[type=checkbox]:after {display:block; clear:both; content:"";}
input[type=checkbox]:checked + label { background:url("../img/check.jpg") #fff no-repeat center/15px 15px; }
input[type=checkbox] + label span { position:absolute;top:-5px;display: inline-block; }
input[type=radio]{ width:15px; height:15px; margin:0 5px 4px 0; }
/* input[type=checkbox] + label, */
input[type=radio] + label{margin-right:20px;}
.hidden{overflow:hidden; position:absolute; line-height:1px; font-size:1px; text-indent:-30000px;}


#tab_wrap { position:relative; height:400px; }

.pc-tab > input, .pc-tab section > div { display: none; }

#tab1:checked ~ section .tab1, #tab2:checked ~ section .tab2 { display: block; }
*, *:after, *:before { box-sizing: border-box; }

.pc-tab { widows: 100%; margin: 0 auto; }
.pc-tab ul { margin: 0; padding: 0; }
.pc-tab ul li label { float: left; height:47px; line-height:47px; width:326px; border: 1px solid #ddd; border-bottom:1px solid ##046fd9; color: #4d4d4d; text-align:center; }
.pc-tab ul li:not(:last-child) label { border-right-width: 0; }
.pc-tab section { width:100%; clear: both; }

.pc-tab section div { width: 100%; border-top: 1px solid #046fd9; color: #444; }

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label { background-color: #fff; height:47px; color: #046fd9; position: relative;  border: 1px solid #046fd9; border-bottom:1px solid #fff; }

#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background-color:#fff;
  left: 0;
  bottom: -2px;
}
.pc-tab section .table_wrap { background:#eeeeee; margin-top:20px; border-radius:10px; border-top:0; padding:30px 0; }

.layer-wrap { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0); z-index: 202;}
.layer-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;  }
.pop-layer { display: inline-block; vertical-align: middle; width: 740px; height: auto;	padding-bottom:20px; background-color: #fff; box-shadow:5px 8px 25px #aaa; z-index: 10; }
.pop-layer .title { position:relative;width:100%;height:63px;background:#005bac; }
.pop-layer .close { position:absolute;right:20px;top:20px; }
.pop-layer h2 { font-size:25px;color:#fff;line-height:63px;font-weight:500;text-indent: 20px; }
.pop-layer .table_wrap { margin:30px 20px; }
.layer-wrap2 { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0); }
.layer-wrap2:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;  }
.pop-layer2 { display: inline-block; vertical-align: middle; width: 740px; height: auto; padding-bottom:20px; background-color: #fff; box-shadow:5px 8px 25px #aaa; z-index: 10; }
.pop-layer2 .title { position:relative;width:100%;height:63px;background:#005bac; }
.pop-layer2 .close { position:absolute;right:20px;top:20px; }
.pop-layer2 h2 { font-size:25px;color:#fff;line-height:63px;font-weight:500;text-indent: 20px; }
.pop-layer2 .table_wrap { margin:30px 20px; }

.layer-wrap3 { border:1px solid #e6e6e6; width: 100%; }	
.pop-layer3 { display: inline-block; vertical-align: middle; width:100%; height: auto; background-color: #fff; }	

.pop-layer3 .title { position:relative;width:100%;height:63px;background:#005bac; }
.pop-layer3 .close { position:absolute;right:20px;top:20px; }
.pop-layer3 h2 { font-size:25px;color:#fff;line-height:63px;font-weight:500;text-indent: 20px; }
.pop-layer3 .table_wrap { margin:10px; }	


.layer-wrap4 { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); }
.layer-wrap4:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;  }
.pop-layer4 { display: inline-block; vertical-align: middle; width: 740px; height: auto; padding-bottom:20px; background-color: #fff; box-shadow:5px 8px 25px #aaa; z-index: 10; }
.pop-layer4 .title { position:relative;width:100%;height:63px;background:#005bac; }
.pop-layer4 .close { position:absolute;right:20px;top:20px; }
.pop-layer4 h2 { font-size:25px;color:#fff;line-height:63px;font-weight:500;text-indent: 20px; }
.pop-layer4 .table_wrap { margin:30px 20px; }
.table_wrap2 { background:#eeeeee; margin-top:20px; border-radius:10px; border-top:0; padding:30px 0; }
.table_wrap3 { background:#eeeeee; margin-top:20px; border-radius:10px; overflow:hidden; border-top:0; padding:30px 0; }
.table_wrap4 { background:#fff; margin-top:20px; height:871px; overflow-x:hidden; overflow-y:auto; border-radius:20px; border-top:0; padding:20px 10px; }
.refueling_wrap1 { background:#eeeeee; width:65%; border-radius:10px; overflow:hidden; border-top:0; padding:20px; float:left; }
.refueling_wrap1 h3 { font-size:20px; height:30px; line-height:30px; color:#111111; background:none; }
.refueling_wrap1 span.today { display:inline-block;padding:3px 15px;border:1px solid; border-radius:6px;background:#fff;border:1px solid #0182bd; border-radius:6px; }
.refueling_wrap1 ul { width:96%; margin:0 auto; padding:0; background:none;}
.refueling_wrap1 ul li { float:left; width:32%; }
.refueling_wrap1 ul li:nth-child(2) { margin:0 2%; }
.refueling_wrap1 ul li > div { position:relative;height:200px; border-radius:10px; color:#fff; }
.refueling_wrap1 ul li > div h2 { font-size:35px; color:#fff; padding:40px 0 0 25px; }
.refueling_wrap1 ul li > div p { text-align:right;font-size:59px; padding:35px 20px 0 20px; }
.refueling_wrap1 ul li > div.type1 {  background:url("../img/bg_refueling1.png") no-repeat ; background-size: cover;}
.refueling_wrap1 ul li > div.type2 {  background:url("../img/bg_refueling2.png") no-repeat ; background-size: cover;}
.refueling_wrap1 ul li > div.type3 {  background:url("../img/bg_refueling3.png") no-repeat ; background-size: cover;}
.refueling_wrap2 { background:#eeeeee; width:34%; border-radius:10px; overflow:hidden; border-top:0; padding:20px; float:right; }
.refueling_wrap2 .title { position:relative; width:100% ;background:#fff; border-radius:20px; height:100px; }
.refueling_wrap2 .title h3 { font-size:20px;line-height:47px; color:#7272e8; text-indent:20px; background:none; }
.refueling_wrap3 { background:#eeeeee; width:65%; height:610px; margin-top:20px; border-radius:10px; overflow-x:hidden; overflow-y:auto; border-top:0; padding:20px; float:left; }
.refueling_wrap1 ul { width:96%; margin:0 auto; padding:0; background:none;}
.refueling_wrap1 ul li { float:left; width:32%; }
.lubricator_wrap { width:1505px; position:relative;margin:0 auto; }
.lubricator_wrap ul li { position:relative; width:220px; float:left; margin:15px; }
.lubricator_wrap a.select_btn { display:block;border-radius:10px;border:2px dashed #a09fa0;font-size:18px;color:#4d4d4d;width:220px;height:370px;text-align:center;padding-top:110px;background:#e1e1e1 url("../img/btn_select.png") no-repeat center; }
.lubricator_popup { position:absolute; z-index:99; top:0; left:0; width:220px; height:370px; border:2px solid #a09fa0; border-radius:10px; background:#e1e1e1; display:none; opacity : 0;  transition:all 1s;  -webkit-transition:all 1s; font-size:28px; text-align:center; }
/* .lubricator_popup:target { -khtml-opacity:1; -moz-opacity : 1;  -ms-filter: "alpha(opacity=100)";  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  filter : alpha(opacity=100);  opacity : 1;  display:block; } */
/* .lubricator_wrap .select { -khtml-opacity:1; -moz-opacity : 1;  -ms-filter: "alpha(opacity=100)";  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  filter : alpha(opacity=100);  opacity : 1;  display:block; } */
.lubricator_popup ul { margin:10px auto; width:200px; height:170px; border:2px solid #a09fa0; border-radius:10px; background:#fff; }
.lubricator_popup ul li { width:100%; text-align:left; height:85px; line-height:85px; text-indent: 20px; margin:0; }
.lubricator_popup ul li.warning { background: url("../img/icon_warning2.jpg") no-repeat 10px; text-indent: 64px; }
.lubricator_popup span.grade { display:block;color:#fff;font-size:25px;height:50px;line-height:50px;margin-top:35px;border-radius:0 0 8px 8px; }
.lubricator_popup span.blue { background:#014ec8;}
.lubricator_popup span.orange  { background:#fa5646; }
.lubricator_popup span.orange2  { background:#ff7200; }
.lubricator_popup span.gray  { background:#505052; }
.lubricator_popup span.gray2  { background:#272826; }
.lubricator_popup span.red  { background:#c80118; }
.lubricator_popup span.red2 { background:#c84701; }
.lubricator_popup span.green  { background:#01c84c; }
.lubricator_popup span.green2  { background:#7bc801; }
.lubricator_popup span.green3  { background:#035505; }
.lubricator_popup span.purple  { background:#c801b3; }
.lubricator_popup span.sky_blue  { background:#01b3c8; }
.lubricator_popup span.mustard  { background:#c8b301; }
.lubricator_popup span.yellow  { background:#d7df01; }
.lubricator_popup span.pink  { background:#f781be; }
.lubricator_popup p strong { font-size:26px;color:#a50000;line-height:36px;}
.lubricator_wrap_s { /*width:1046px;*/ width:100%; position:relative;margin:0 auto }
.lubricator_wrap_s ul li { position:relative; width:160px; float:left; margin:2px; }
.lubricator_popup_s { position:relative; z-index:99; top:0; left:0; width:160px; height:224px; border:2px solid #a09fa0; border-radius:10px; background:#e1e1e1; font-size:20px; text-align:center; }
.lubricator_popup_s ul { margin:10px auto; width:140px; height:110px; border:2px solid #a09fa0; border-radius:10px; background:#fff; }
.lubricator_popup_s ul li { width:100%; text-align:left; height:50px; line-height:50px; text-indent: 15px; margin:0; }
.lubricator_popup_s ul li.warning { background: url("../img/icon_warning2.jpg") no-repeat 10px;background-size:20px; text-indent:30px; }
.lubricator_popup_s span.num { position:absolute;top:10px;right:10px;display:block;width:23px;height:23px;line-height:23px;text-align:center;color:#fff;text-indent:0;font-size:16px;}
.lubricator_popup_s span.blue { background:#014ec8;}
.lubricator_popup_s span.orange  { background:#fa5646; }
.lubricator_popup_s span.orange2  { background:#ff7200; }
.lubricator_popup_s span.gray  { background:#505052; }
.lubricator_popup_s span.gray2  { background:#272826; }
.lubricator_popup_s span.red  { background:#c80118; }
.lubricator_popup_s span.red2  { background:#c84701; }
.lubricator_popup_s span.green  { background:#01c84c; }
.lubricator_popup_s span.green2  { background:#7bc801; }
.lubricator_popup_s span.green3  { background:#035505; }
.lubricator_popup_s span.purple  { background:#c801b3; }
.lubricator_popup_s span.sky_blue  { background:#01b3c8; }
.lubricator_popup_s span.mustard  { background:#c8b301; }
.lubricator_popup_s span.grade { display:block;color:#fff;font-size:19px;height:40px;line-height:40px;margin-top:20px;border-radius:0 0 8px 8px; }
.lubricator_popup_s span.yellow  { background:#d7df01; }
.lubricator_popup_s span.pink  { background:#f781be; }
.lubricator_popup_s p strong { font-size:15px;color:#a50000;line-height:20px;}
.lubricator_popup_s input[type=checkbox] {display: none;}
.lubricator_popup_s input[type=checkbox] + label { display: inline-block; width:20px; height: 20px; border:2px solid #7d7d7d; background: #fff; cursor: pointer;  }
.lubricator_popup_s input[type=checkbox]:after {display:inline-block; clear:both; content:"";}
.lubricator_popup_s input[type=checkbox]:checked + label { background:url("../img/check.jpg") #fff no-repeat center/16px 15px; }
.lubricator_popup_s input[type=checkbox] + label span { position:absolute;top:-5px;display: inline-block; }
.lubricator_popup_s_none {position:relative; z-index:99; top:0; left:0; width:160px; height:224px; border:2px dashed #a09fa0; border-radius:10px; background:#e1e1e1;}
#close { position:absolute; left:100%; background:#fff; width:30px; height:30px; text-align:center; line-height:30px; border-radius:30px; top:-10px; margin-left:-20px; font-size:14px; border-style:solid; font-weight:bold; color:#7d7d7d; text-decoration:none; }










#footer { position:relative; bottom:0; border-top:1px solid #d4d4d4; }
#footer .layout { background:url("../img/t_logo.png") no-repeat 100px 90px; }

#footer .menu_link { height:auto; height:40px; padding-left:420px; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #dbdbdb;}
#footer .menu_link li {float:left; position:relative; margin-right:30px; }
#footer .menu_link li a {display:block; color:#545454; padding:8px; font-size:16px; line-height:26px;}
#footer .menu_link li a:hover,
#footer .menu_link li a:active {opacity:0.8; -webkit-opacity:0.8;}
#footer address,
#footer .copy{ display:block; font-style:normal; color:#6f6f6f; font-size:15px; line-height:26px; margin-left:420px;}
#footer address span {display:inline-block; margin-right:15px;}
#footer address span:last-child {margin-right:0;}

#login_wrap { position:relative; width:100%;background:#c9dbf4 url("../img/bg_login.jpg") no-repeat center top;height:348px;text-align:center;font-size:17px; }
#login_wrap h1 { padding-top:100px; }
#login_wrap .login_box { position:absolute; width:808px; left:50%; margin-left:-404px; margin-top:110px; background:#fff; border-radius:10px; text-align:left; }
#login_wrap .login_box li { float:left; width:44%; padding:0 3%; margin:30px 0; }
#login_wrap .login_box li:first-child { background: url("../img/login_line.jpg") no-repeat right; }
#login_wrap .login_box p.warning { background: url("../img/icon_warning.jpg") no-repeat left; padding-left:20px; color:#ff0000; }
#login_wrap .row { width:100%; background: url("../img/bg_login2.jpg") no-repeat center top; padding-top:165px; }
#login_wrap .col { float: left;	box-sizing: border-box;	-moz-box-sizing: border-box; }
#login_wrap .col input[type=text], #login_wrap .col input[type=password] { height:54px; text-indent: 20px; border:1px solid #dddddd; vertical-align:middle; font-size:16px; color:#222222; border-radius:26px; }
#login_wrap .col input:-webkit-input-placeholder { color: #aea6aa; letter-spacing:2px; }
#login_wrap .col input:-ms-input-placeholder { color: #aea6aa; letter-spacing:2px; }
#login_wrap .col input:-moz-placeholder { color: #aea6aa;  letter-spacing:2px; }

#login_footer { position:fixed; bottom:0; z-index:20; padding:10px 0 20px 0; border-top:1px solid #dbdbdb; }
#login_footer .layout { background:url("../img/t_logo.png") no-repeat 100px 90px; }
#login_footer address,
#login_footer .copy{display:block; font-style:normal; color:#6f6f6f; font-size:15px; line-height:26px; margin-left:420px;}
#login_footer address span {display:inline-block; margin-right:15px;}
#login_footer address span:last-child {margin-right:0;}

/* 완성이가 추가 */
.dim {width: 100%; height: 100%; background-color: #99999960; position: absolute; z-index: 201; display: none;}
.filterTr {display: none;}
.dateRange {display: none;}
.eventSelect {display: none;}
.asSelect {display: none;}
.processSelect {display: none;}
.resultSelect {display: none;}

.loading{position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.5); width:100%; height:100%; text-align:center; display:none; z-index:203;}
.loading_in{width:250px; height:100px; border-radius:10px; border:1px solid #2f7abb; background-color:#fff; position:absolute; left:50%; top:44.5%; transform:translate(-50%,-50%); z-index:100;} 
.loading_img{position:absolute; left:109px; top:17px; z-index:100;}
.loadtxt{position:absolute; left:89px; top:50px; font-size:19px; font-weight:bold; color:#2f7abb; z-index:100;}
.loadtxt2{position:absolute; left:91px; top:74px; font-size:12px; font-weight:normal; color:#4e4e4e; z-index:100;}

.btn_icon.close{background-image:url('../img/icon_btnClose.png');}
.btn_icon{float: right; display:inline-block;min-width:43px;height:28px;line-height:28px;font-weight:700;color:#fff;text-align:center;text-indent:15px;background-color:#005bac;background-position:14px center;background-repeat:no-repeat;vertical-align:middle;border-radius:3px;box-sizing:border-box;}

.hmenu { margin-left: 364px; position: absolute; }
.refueling_wrap3 { margin-top: 10px; height: 603px; }
.lubricatorspan { padding-left: 15px; font-size: 25px; }

@media screen and (max-width: 1024px) {
	html, body {height: 100%; font-size:12px; }
	#header h1 { left: 55px; }
	.hmenu { margin-left: 324px; position: absolute; }
	#top_div > ul > li > div > ul > li { font-size:12px; }
	#wrap { width: 1024px; }
	article h2 { font-size:20px; }
	article .status_wrap { height: 40px; }
	article .status_wrap h3 { font-size:15px; line-height: 40px; }
	#dashboard ul li > div .text_wrap1 { margin-top: unset; padding-top: 100px; width: 65%; height: 200px; }
	#dashboard ul li > div h2 { font-size: 20px; }
	#dashboard ul li > div p.percent { font-size: 50px; }
	#dashboard ul li > div p.percent strong { font-size: 50px; margin-right: unset; }
	#dashboard ul li > div p.s_text { font-size: 30px; margin-top: 45px; }
	#stationName { width: 15%; }
	.refueling_wrap1 ul li > div { height: 150px; }
	.refueling_wrap1 ul li > div h2 { font-size: 20px; padding: 20px 0 0 20px; }
	.refueling_wrap1 ul li > div p { font-size: 32px; } 
	button.btn11.on { width: 135px; height: 30px; }
	button.btn11 { width: 135px; height: 30px; }
	.refueling_wrap3 { margin-top: 0px; }
	.lubricator_wrap_s ul li { width: 97px; }
	.lubricator_popup_s_none { width: 97px; height: 150px; }
	.lubricator_popup_s { width: 97px; height: 150px; }
	.lubricator_popup_s ul li { height: 30px; line-height: 25px; text-indent: 8px; }
	.lubricator_popup_s ul { width: 88px; height: 30px; }
	.lubricatorspan { padding-left: unset; font-size: 17px; }
	.lubricator_popup_s input[type=checkbox] + label { width: 15px; height: 15px; }
	.lubricator_popup_s span.num { width: 20px; height: 15px; line-height: 15px; top: 6px; right: 17px}
	.lubricator_popup_s ul li.warning { background-size: 10px; font-size: 12px; text-indent: unset; }
	button.btn12 { width: 85px; }
	button.search_btn3 { width: 115px; }
	article h2 span { font-size: 14px; }
	button.btn8 { width: 50px; }
	button.btn8.on { width: 50px; }
	article .select_wrap4 span { width: 80px; }
	article .select_wrap4 ul li { width: 43%; }
	
}