@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0;}

li{ list-style:none;}

img{ border:none;}

a{ text-decoration:none;}

html { min-height:100%; background:#f2f3f8}

ul:after, #cont:after ,  li:after , .aaa:after ,section:after, body:after{ content:""; clear:both; height:0; display:block; visibility:hidden;}

h2{ width:0; height:0; font-size:0; position:absolute; left:-9999px; overflow:hidden;}

body{ margin:0 auto; font-family: 'notokr-regular', sans-serif; font-size:14px; color:#4d4d4d;  position:relative; min-height:100%}

select { font-family: 'notokr-regular', sans-serif; padding:0 5px; box-sizing:border-box; border:1px soile #ebedf2; border-radius:5px; height:30px; margin-right:3px;}

input { font-family: 'notokr-regular', sans-serif; padding:0 5px; box-sizing:border-box; border:1px soild #ebedf2; border-width:1px;}

.ip_long {width:70%; height:30px;}

.filebox {line-height:30px;}

.radio {vertical-align: middle; margin: 0px;}

.blank { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; z-index:9; display:none}

 table { border-collapse:collapse; border:1px solid #ebedf2; margin-bottom:20px; word-break:break-all}

 th {border:1px solid #ebedf2; height:40px; font-weight:normal}

  td {border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:center; word-break:break-all; padding:10px 10px}

  td:nth-child(2n){border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:center; ; box-sizing:border-box;}

  td:nth-child(2n-1){border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:center; box-sizing:border-box;}

    td:nth-of-type(1) {border:1px solid #ebedf2; height:40px; font-weight:normal; padding-right:10px; box-sizing:border-box;}



 .tb01 table { border-collapse:collapse; border:1px solid #ebedf2; margin-bottom:20px; word-break:break-all}

 .tb01 th {border:1px solid #ebedf2; height:40px; font-weight:normal}

 .tb01 td {border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:right; word-break:break-all; padding:10px 10px}

 .tb01 td:nth-child(2n){border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:right; ; box-sizing:border-box;}

 .tb01 td:nth-child(2n-1){border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:right; box-sizing:border-box;}

 .tb01 td:nth-of-type(1) {border:1px solid #ebedf2; height:40px; font-weight:normal; text-align:right; padding-right:10px; box-sizing:border-box;}

.tb_text {margin-bottom:10px;float:left;}



.box01 {box-sizing:border-box; background:#fff; border-radius:5px;width:calc(50% - 10px); margin-top:25px; float:left; margin-right:20px; position:relative}

.box01 p {border-bottom:1px solid #ebedf2; padding:20px 25px;}

.box01 p img {float:right;}

.box01 hr {position:absolute; left:25px; top:61px; width:60px; border:none; height:1px; background:#2c77f4}

.box01 span {font-size:16px; font-weight:bold; color:#2c77f4}

.box02 {box-sizing:border-box; background:#fff; border-radius:5px;width:calc(50% - 10px); margin-top:25px; float:left;  position:relative}

.box02 p {border-bottom:1px solid #ebedf2; padding:20px 25px;}

.box02 p img {float:right;}

.box02 hr {position:absolute; left:25px; top:61px; width:60px; border:none; height:1px; background:#2c77f4}

.box02 span {font-size:16px; font-weight:bold; color:#2c77f4}







.code_name .active {margin-right:3px; height:40px; width: 170px; background:#646c9a; color:#fff; line-height:40px; text-align:center; font-weight:bold;display:block;border-radius:10px 10px 0 0;}

.code_name .tab_off {margin-right:3px; height:40px; width: 170px; line-height:40px; text-align:center; color:#58666e; background:#ebedf2;font-weight:bold;color:#fff;display:block; background:#a6a6a6;border-radius:10px 10px 0 0;}

.code_name .tab_off a {color:#fff;display:block; background:#a6a6a6;border-radius:10px 10px 0 0}

.right_div { width:100%; float:left; background:#f2f3f8; min-height:100%;}

.top_page { border-bottom:1px solid #eff0f6; background:#fff}

.top_page li { float:left; width:130px; height:60px; line-height:60px; text-align:center; box-sizing:border-box; border-right:1px solid #eff0f6}



.top_gnb {width:100%; height:60px; background:#fff; border-bottom:1px solid #eff0f6;}

.top_page li a { display:block; width:100%; height:100%; color:#767676}

.top_page li a.cho { background:#ad936d; color:#fff}

.title_name {  background:#fff; padding:15px 0; width:100%;}

.title_name h1 { color:#444; font-size:24px; font-weight:normal; padding-left:25px; position:relative}

.title_name h1 ul { position:absolute; right:25px; top:7px}

.title_name h1 ul li { float:left; font-size:14px}

.top_select { position:absolute; top:7px ; right:25px}

.top_select ul { float:left; margin-right:30px; position:relative; top:7px}

.top_select ul li { float:left; margin-left:20px}

.top_select ul p { float:left; line-height:30px; height:30px;;}

.top_select ul li select { float:left; height:30px; width:160px; line-height:20px; }

.top_select >a { float:left}

.pd025 { padding:0 25px; box-sizing:border-box}

.code_name li { float:left}

.code_name li p { display:inline-block}

.code_name li span { padding:0 40px; display:inline-block; text-align:center}

.code_name li span.boder_r { border-right:1px solid #ebedf2}

.code_name li select { margin-left:10px; width:160px; height:30px}

.code_name li input { margin-left:10px; width:160px; height:30px}

.pd20 { padding:20px;}

.pd20_btn{ padding:20px 20px 50px 20px;}

.pd20_nobtn{ padding:20px 20px 1px 20px;}

.list_page_number { position:absolute; right:0px; height:29px}

.list_page_number li { width:29px; height:29px; text-align:center;  line-height:29px; margin-left:3px; float:left; border-radius:5px}

.list_page_number li a { color:#6c7293}

.list_page_number li.cho { background:#b2b2ca}

.list_page_number li.cho a { color:#fff}

.scan_popup { width: 460px; background:#fff; position:fixed; left:50%; margin-left:-220px; top:100px; z-index:10; padding:20px; border-radius:5px; display:none}

.tc_td td { text-align:center !important; /*padding:5px 10px !important; height:auto !important*/}

.box50 { padding:30px 0 10px 25px; background:#fff; margin-top:15px}

.box50 li { width:50%;       float:left; margin-bottom:20px}

.box50 li img { position:relative; top:-1px}

.box50 li p:nth-of-type(1){ width:100px; float:left}

.box50 li p:nth-of-type(2){ width:calc(100% - 100px); float:left; font-size:16px}

.pd200 { padding-bottom:200px}

.td1_60 td:nth-of-type(1)  { width:60px !important; table-layout:fixed}

.td1_auto td{ width:auto !important; table-layout:fixed}

footer { padding:15px 0 ; background:#fff; height:14px}

footer img { display:inline-block}



.phone_img {float:left; width:45%;}

.phone_text {float:right; width:50%; box-sizing:border-box; background:#fff; border-radius:5px; position:relative; padding:20px 20px;}

.phone_text .title {font-size:20px; font-weight:bold;}

.phone_text table {width:100%; margin-top:15px;}

.phone_text table th {width:150px;}

.thumbs {

   float:left;

   padding-top:10px;

}

.thumbs img {

    border:1px solid #ccc;

    margin-right:5px;

    margin-bottom:3px;

	float:left;

}

.thumbs img:hover {

    border-color:tomato;

}

 

#mainImg {

    border:solid 1px #ccc;

    width:500px;

    height:500px;

}





.list_st_box >li{ float:left}

.main_2>li { width:13% !important}

.main_2>li:nth-of-type(2n){ margin:0!important; width:4% !important; height:184px; text-align:center}

.list_st_box >li:nth-of-type(2n){ margin:0 23px; width:12px; height:188px}

.list_st_box >li:nth-of-type(2n) img {position:relative; top:60px}

.list_st_box >li>p { margin:10px 0 ; font-weight:bold}

.list_st { list-style:none; width:120px; height:145px; background:#f2f3f8; display:table-cell; vertical-align:middle; font-weight:bold; border-radius:5px}

.list_st li { width:100px; margin-left:15px; text-align:left; margin-bottom:1px; font-size:12px}



.list_st li img { position:relative; top:4px; margin-right:5px}

.quick_ul { padding:30px 0}

.quick_ul li { float:left;width:14%; text-align:center;}

.quick_ul li:hover span { background:#646c9a}

.quick_ul li span { background:#a6a6a6; width:115px; height:35px; line-height:35px; display:inline-block; margin-top:20px; border-radius:100px}

.quick_ul li span a { display:block; width:100%; height:100%; color:#fff}

.main_2_table {border:none !important; margin:0 !important}

.main_2_table th { border:none !important}

.main_2_table td{ text-align:center !important; border:none !important; width:auto !important}

.main_2_table tr { border-bottom:1px solid #ebedf2}

.main_2_table a {color:#4d4d4d}

.popup9076 { width:900px; position:fixed; left:50%; margin-left:-450px; top:150px; background:#fff; z-index:10; display:none}

.popup9076 div:nth-of-type(1) { width:100%;padding:15px; box-sizing:border-box; height:530px; overflow-y:scroll}

.popup_table { margin:0 !important}

.popup_table td { text-align:center !important; width:auto !important}

.last_ul { padding:20px;}

.last_ul >li { float:left; text-align:center; height:300px}

.last_ul >li:nth-of-type(1) { width:100px; display:table}

.last_ul >li:nth-of-type(1) div { display:table-cell; vertical-align:middle}

.last_ul >li:nth-of-type(2) { width:calc(100% - 100px)}

.last_ul >li:nth-of-type(2)>div { float:left; width:33%}

.up_buttom { width:100px; height:30px; margin-left:-50px; position:absolute; left:50%; background:#646c9a; top:-30px; border-radius:5px 5px 0 0}



.search li.sc01 {float:left; line-height:30px; padding-right:30px;}

.search li.sc01 input {height:30px;}

.search li.sc02 {float:left; padding-right:30px;}

.search li.sc02 input {height:30px; width:150px;}

.search li.sc03 {float:left;}

.search li.sc03 input {height:30px; margin-right:5px;}

.search li.sc04 {float:left; padding-left:30px; line-height:30px;}



/* 버튼 / 폰트색상 */

.button_st { width: 200px; height:40px; line-height:40px; text-align:center; display:inline-block; margin-left:0px; background:#b2b2ca; border:none; border-radius:5px; color:#fff; cursor:pointer; font-size:15px;font-family: 'notokr-regular', sans-serif;}

.button_st2 { width: 100px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-left:0px; background:#b2b2ca; border:none; border-radius:5px; 

color:#fff; cursor:pointer; font-size:13px;font-family: 'notokr-regular', sans-serif;}

.button_st3 { padding:0 15px; height:30px; line-height:30px; text-align:center; display:inline-block; margin-left:0px; background:#b2b2ca; border:none; border-radius:5px; 

color:#fff; cursor:pointer; font-size:13px;font-family: 'notokr-regular', sans-serif;}

.button_st4 {width: 200px; height:40px; line-height:40px; text-align:center; display:inline-block; margin-left:0px; background:#b2b2ca; border:none; border-radius:5px; cursor:pointer; font-size:15px;font-family: 'notokr-regular', sans-serif;}

.button_st4 img {vertical-align:middle; padding-right:5px; line-height:40px;}

.button_st5 { padding:0 15px; height:40px; line-height:30px; text-align:center; display:inline-block; margin-left:0px; background:#b2b2ca; border:none; border-radius:5px; 

color:#fff; cursor:pointer; font-size:13px;font-family: 'notokr-regular', sans-serif; margin-left:5px;}



.skyc { background:#7ed0ff}

.bulec{background:#639eff}

.redc{background:#fd8080}

.blackc{background:#4b4b4b}

.greenc{ background:#74dc8f}

.puc { background:#e294ff}

.hbc { background:#848484}

.yc { background:#ddde7c}

.orang {background:#ff8c2d}

.gray {background:#313131;}

.white {background:#fff; border:1px solid #d4d4d4; color:000;}

.tdbg {background:#f7f8fa;}

.tdbg2 {background:#f5f8ee;}

.tdbg3 {background:#f7f8fa; text-align:center; width:15%;}



.red {color:#ff0000}



.ip01 {width:200px; height:30px; border:1px soild #ebedf2;}

.ip02 {text-align:left;}

.ip03 {width:90%; height:30px; border:1px soild #ebedf2;}

.ip04 {margin-left:10px;}

.ip05 {text-align:center;}

.ip06 {width:100px; height:30px; border:1px soild #ebedf2;}



/* 가로그래프 */

.h_graph li{position:relative; margin:10px 0 vertical-align:top;white-space:nowrap}

.h_graph .g_bar{display:inline-block;position:relative;height:20px;border:1px solid #ccc;background:#e9e9e9}



.sc05  {float:left; margin-right:30px;} 

.sc05 li {float:left;}

.sc05 li.jump {margin:0 10px;}

.sc05 li input{width:100px; height:40px; border:1px solid #ddd; border-right:0px; padding:0 5px; float:left;}

.sc05 p {display:inline-block; margin-right:5px;}

.sc05 p span {font-weight:bold;}



#datepicker {height:30px;}

#datepicker2 {height:30px;}



#btn_monthpicker {

	background: url('../images/btn_date.png');

	border: 0;

	height: 24px;

	overflow: hieen;

	text-indent: 999;

	width: 40px;

	height:40px;

}



#btn_monthpicker1 {

	background: url('../images/btn_date.png');

	border: 0;

	height: 24px;

	overflow: hieen;

	text-indent: 999;

	width: 40px;

	height:40px;

}

#btn_monthpicker2 {

	background: url('../images/btn_date.png');

	border: 0;

	height: 24px;

	overflow: hieen;

	text-indent: 999;

	width: 40px;

	height:40px;

}

/* ���̵�� */

#sidebar {

			background: #333;

			width: 240px;

			height: 100%;

			top: 0;

			left: -240px;

			z-index:1;

			position: fixed;

		}

		#sidebar > ul {

			margin:0;

			padding: 0;

			top:50px;

			left:70px;

			position: absolute;

		}

		#sidebar li {

			list-style: none;

		}

		#sidebar > button {

			background:#333;

			position: absolute;

			top: 0px;

			left: 240px;

			width: 52px;

			height: 52px;

			border: none;

			color: white;

		}

#sidebar .left_div { width:240px; background:#1e1e2d; height:100%; position:absolute; top:0; left:0}

#sidebar .side_nav { padding-left:20px;}

#sidebar .side_nav >li { position:relative}

#sidebar .side_nav >li>a { color:#fff; font-size:14px ;height:50px; line-height:50px; display:block}

#sidebar .side_nav >li> img { position:absolute; right:20px; top:20px;}

#sidebar .side_nav >li>a img { margin-right:10px; position:relative; top:3px}

#sidebar .side_nav >li>ul>li> a { color:#bdbddb; font-size:13px; height:35px; line-height:30px;}

#sidebar .side_nav >li>ul>li>ul>li> a { color:#9393b3 }

#sidebar .side_nav >li>ul { padding-left:28px; display:none}

#sidebar .left_div .subi {font-size:12px; color:#9393b3; padding-left:10px;}



.login_box {width:450px; height:500px; background:#fff; margin:0 auto; margin-top:100px; text-align:Center;}

.login_box .login_logo {text-align:Center;padding-top:80px; display:block;}

.login_box .login_tx {text-align:Center; font-size:30px; font-weight:bold; margin-top:20px;}

.login_box .login_form {margin-top:40px;}

.login_box input {display:block; margin:0 auto; margin-top:10px; width:300px; height:50px; line-height:46px; padding:0 20px; font-size:16px; color:#555; background:#fff; border:1px solid #ddd; border-radius:0;}



.btn8.type8 {background-color: transparent;color: #fff; background-color: #232323;}

.btn8.type8:hover {background:#f4f4f4; color:#000; -webkit-transition: all 0.2s; transition: all 0.2s }

.btn8 {width:300px; line-height:60px; display: inline-block;text-decoration: none; font-size:16px; margin-top:10px;}



.error {width:800px; height:500px; background:#fff; margin:0 auto; margin-top:100px; text-align:Center;}

.error .error_img {text-align:Center;padding-top:80px; display:block;}

.error .error_tx {text-align:Center; font-size:18px;margin-top:20px; padding:0 30px;}

.error .error_btn {margin-top:30px;}

.error .error_btn img {vertical-align:middle; margin-right:6px;}



/* modal popup */

.remodal-bg.with-red-theme.remodal-is-opening,

    .remodal-bg.with-red-theme.remodal-is-opened {

      filter: none;

    }

.modal1Title {font-size:20px;}

.remodal-overlay.with-red-theme {

 filter: none;

}

.p_title {font-size:20px; display:block;}

.p_table {margin-top:20px; padding:0 20px;}

.p_table input.datepicker {width:100px;height:100%;border:1px solid #e9e9e9;}

.p_table table {width:100%; border-collapse:collapse; border-top:2px solid #333333;}

.p_table th {height:40px;background:#f7f7f7; text-align:center; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; padding:0px 10px; font-size:13px; font-weight:bold;}

.p_table td {height:40px;border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; padding:0px 10px; text-align:left; font-size:13px;}

.p_table td.tb_title {font-weight:bold; text-align:center; width:30%; background:#f7f7f7;}

.p_table td.center {text-align:center;}

.p_table table.tb_outp {width:100%; border-collapse:collapse; border-top:1px solid #eeeeee; margin-top:20px;}

.p_table table.tb_outp td {height:40px;border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; padding:0px 10px; text-align:left; font-size:13px;}

.p_table table.tb_outp td.outp_t {background:#fffdef; text-align:center; width:30%; font-weight:bold;}



.remodal.with-red-theme {

  background: #fff;

}