@charset "utf-8";
@import "common.css";
@import "input.css";
@import "btn.css";
@import "table.css";

/*폰트 설정*/
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("webfonts/fa-brands-400.eot");
  src: url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-brands-400.woff2") format("woff2"), url("webfonts/fa-brands-400.woff") format("woff"), url("webfonts/fa-brands-400.ttf") format("truetype"), url("webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {font-family: 'Font Awesome 5 Brands'; }

@font-face {
  font-family: 'Font Awesome 5 regular';
  font-style: normal;
  font-weight: 400;
  src: url("webfonts/fa-regular-400.eot");
  src: url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-regular-400.woff2") format("woff2"), url("webfonts/fa-regular-400.woff") format("woff"), url("webfonts/fa-regular-400.ttf") format("truetype"), url("webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far {font-family: 'Font Awesome 5 regular'; font-weight: 400; }
  
@font-face {
  font-family: 'Font Awesome 5 solid';
  font-style: normal;
  font-weight: 900;
  src: url("webfonts/fa-solid-900.eot");
  src: url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("webfonts/fa-solid-900.woff2") format("woff2"), url("webfonts/fa-solid-900.woff") format("woff"), url("webfonts/fa-solid-900.ttf") format("truetype"), url("webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,.fas {font-family: 'Font Awesome 5 solid';font-weight: 900; }
/*-----------------------------------------------------------------------------------
	Reset Properties
-----------------------------------------------------------------------------------*/
html, body, div, span, 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, strong, 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;font-size:100%;font-weight:normal;font-style:normal;border:0;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}
pre{white-space:pre-wrap;word-wrap:break-word;}
/*img{;vertical-align:top;}*/
li{list-style:none;}
address, caption, em, cite{font-weight:normal;font-style:normal;color:#666;}
legend, hr, caption{position:absolute;top:-9999em;left:-9999em;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}

html, body{position:relative;height:100%}/* 사파리에서 스크롤 막기 */
body{font-family:"Noto Sans KR", sans-serif;font-size:15px;background:#fff;-webkit-text-size-adjust:none;font-weight:normal;color:#666;}
a{color:#3c3c3c;text-decoration:none;}
a:visited, a:hover, a:active{text-decoration:none;!important}
label, select, input, textarea{font:14px "Noto Sans KR", sans-serif;color:#666;vertical-align:middle;}
input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
::-webkit-input-placeholder{color:#d9d9d9;}
:-moz-placeholder{color:#d9d9d9;}
::-moz-placeholder{color:#d9d9d9;}
:-ms-input-placeholder{color:#d9d9d9;}

/*-----------------------------------------------------------------------------------
	Login Properties
-----------------------------------------------------------------------------------*/
#login_area {position:absolute;top:50%;left:50%;width: 400px; margin:-350px 0 0 -200px;}
.loginBox{
	padding: 0px 25px 25px;
    background: #fff;
    box-shadow: 
        0px 0px 0px 5px rgba( 255,255,255,0.4 ), 
        0px 4px 20px rgba( 0,0,0,0.33 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table;
    position: static;
}

.loginBox input{margin-bottom:15px;}
.loginBoxTitle {margin: 30px 0px;}
.loginBoxTitle p {color: #8f8f8f;font-size: 14px;font-weight: 300;}
.loginBoxTitle { margin-top: 25px;}
.loginBoxInputs {margin-top: 20px;}
.loginInfo{margin-top: 20px;font-size:14px;}

/*-----------------------------------------------------------------------------------
 top Properties
-----------------------------------------------------------------------------------*/
.topArea{
	width:100%;
	height:60px;
	background-color:#3c3c3c;
	/*background-position:-560px center;*/
}
.topNav {
    position: absolute;
    top: 17px;
    left: 150px;
}
ul.topMenu li {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 50px;
}
ul.topMenu li a {
    display: inline-block;
    color: #ffffff;
    font-size:18px;
    font-weight:bold;
    height: 27px;
    line-height: 27px;
}
.topSubArea{
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#e9e9e9;
	border-bottom:1px solid #808080;
	/*background-position:-560px center;*/
}

/*-----------------------------------------------------------------------------------
 left Properties
-----------------------------------------------------------------------------------*/
.leftArea{height:100%; background-color:#e9e9e9;border-right:1px solid #808080;}
.leftDepth1{color:#ffffff;font-size:16px;background-color:#3c3c3c;padding:10px 10px;}
.leftDepth2{font-size:14px;padding:5px 0px 5px 20px;}


/*-----------------------------------------------------------------------------------
common Properties
-----------------------------------------------------------------------------------*/
#main_content {height: 100%;overflow-y: scroll;font-size:14px;}
#main_container{	width: 95%;margin-left:20px;}
#main_navi{width: 100%;height: 40px;border-bottom:2px solid black;line-height: 40px;font-size: 20px;}

#pop_content{width:100%;}


/*-----------------------------------------------------------------------------------
table Properties
-----------------------------------------------------------------------------------*/
.tb_s01 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed;
}

.tb_s01 th{
	font-weight:normal;
	color:#333333;
	text-align:center;
	padding:4px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	/*width:120px;*/
	height:22px;
	background: #f4f4f4;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.tb_s01 td{
	padding:4px;
	border:1px solid #d1d1d1;
}

.tb_sView {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
	table-layout:fixed;
	font-size: 16px;
}
.tb_sView th{
	font-weight:normal;
	color:#333333;
	text-align:left;
	padding:10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:120px;
	height:22px;
	background: #f4f4f4;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.tb_sView td{
	padding:10px 5px 10px 10px;
	border:1px solid #d1d1d1;
}

/*==========엑셀 버튼 영역==============*/
.table-header {
    border: 1px solid #cdcdcd;
    border-radius: 3px 3px 0 0;
    padding: 7px 10px;
    background: #808080;
    /*
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
    background: linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=0 );
    */
    position: relative;
    height: 29px;
}
.tTotal{color:#ffffff}
/*==========//엑셀 버튼 영역==============*/
/*==========페이징================*/
/* 페이지 네비게이션 박스 스타일 */
.p_tb01 {margin-top:5px;text-align:center;}
.p_td01 {text-align:center;padding-bottom:5px;}
.page_box { margin-top:10px; }
.page_box div.page_number_btn:hover {color:#ffffff; background:#c9c9c9;}
 
.page_first_btn { margin-right:5px; background:url(/admin/common/images/icons/prev10.png) no-repeat center center; width:30px; height:30px; }
.page_last_btn { margin-left:5px; background:url(/admin/common/images/icons/next10.png) no-repeat center center; width:30px; height:30px; }
.page_prev_btn { margin-right:10px; background:url(/admin/common/images/icons/prev.png) no-repeat center center; width:30px; height:30px; }
.page_next_btn { margin-left:10px; background:url(/admin/common/images/icons/next.png) no-repeat center center; width:30px; height:30px; }
.page_seperator {  width:2px; height:25px; }
.page_number_btn { text-align:center; font-size:14px; font-family:dotum; color:#999999; padding:8px 6px 0 6px; height:20px; border:1px solid #d1d1d1; width:25px;}
.page_number_btn_on { text-align:center; font-size:14px; font-family:dotum; color:#ffffff; font-weight:bold; padding:8px 6px 0 6px; height:20px; border:1px solid #2F8BC0; background:#75AFFF; width:25px;}

/*==========//페이징================*/

/*-----------------------------------------------------------------------------------
icon Properties
-----------------------------------------------------------------------------------*/
.icon-ok,
.icon-no {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 3px;
    vertical-align: middle;
}
.icon-ok { background: url(/admin/common/images/icons/icon-ok.png) no-repeat 0 2px;}
.icon-no { background: url(/admin/common/images/icons/icon-less.png) no-repeat 0 2px;}


/*-----------------------------------------------------------------------------------
Tab Properties
-----------------------------------------------------------------------------------*/
/* Tab Munu */
.tabMenu{height:50px;margin-bottom:30px;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
.tabMenu ul{width:100%;height:50px;}
.tabMenu li{position:relative;float:left;margin-right:1px;}
.tabMenu li a{display:block;width:100%;min-width:100px;padding:0 25px;height:49px;line-height:49px;border-radius:5px 5px 0 0;box-sizing:border-box;border:1px solid #c9c9c9;border-bottom:0;background:#eee;text-align:center;color:#444;font-weight:bold;font-size:16px;}
.tabMenu li.on a{height:50px;color:#109fb0;background:#fff;}

.tabMenuBig{height:50px;margin-bottom:30px;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
.tabMenuBig ul{width:100%;height:50px;}
.tabMenuBig li{width:449px;position:relative;float:left;margin-right:1px;}
.tabMenuBig li a{display:block;width:100%;min-width:160px;padding:0 30px;height:49px;line-height:49px;border-radius:5px 5px 0 0;box-sizing:border-box;border:1px solid #c9c9c9;border-bottom:0;background:#eee;text-align:center;color:#444;font-weight:bold;font-size:16px;}
.tabMenuBig li.on a{height:50px;color:#109fb0;background:#fff;}


/*아래 버튼 영역*/
.footerBtn {
    position: relative;
    padding: 10px 2px 0 2px;
    text-align: right;
    margin-bottom:50px;
}