@charset "utf-8";

@import url('reset.css');
@import url('basic.css');
@import url('button.css');
@import url('font-awesome.css');
@import url('ionicons.css');

/*화면낭독기 사용자용*/
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}

/*클리어픽스 clear-fix*/
.cf:after{content:"";display:block;clear:both;}

/*메인 컬러*/
.bc0{background-color:#f4f5f8;}/*흰색 배경색*/
.bc1{background-color:#03273c;}/*background-color 메인컬러1*/
.bc2{background-color:#e5e9eb;}/*background-color 메인컬러2*/
.bc3{background-color:#f6f6f6;}/*background-color 메인컬러3*/

/*필수입력사항 표시*/
.required:before{content:"*";display:inline-block;}

/*상태 - 활동, 정지, 해지*/
.act{color:#30ab4c;}
.static{color:#1678e7;}
.trmnat{color:#f42c17;}

/*a태그 style*/
a{text-decoration:none;outline:none;color:#454545;}
a:hover,a:active,a:link,a:visited{text-decoration:none;color:black;}

/*폼*/
.frm_input,input[type=file] {height:23px;}
.frm_input {padding:0 4px 1px 4px;font-size:12px;font-weight:normal;border:1px solid #03273c;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.frm_textbox {padding:4px;line-height:1.4;font-size:12px;font-weight:normal;border:1px solid #03273c;background-color:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.frm_input:focus,.frm_textbox:focus {border:1px solid #2d85f2;}
.multiple-select {width:100%;height:100px !important;}
.multiple-select2 {width:100%;height:380px !important;}
form {margin:0;}

/*폼 테이블*/
.tbl_frm01 {margin-bottom:20px;width:100%;}
.tbl_frm01 table {border:1px  solid #cdd4e0;width:100%;background:#fff;box-shadow:0 0 15px -5px rgba(0,0,0,.2);}
.tbl_frm01 table tr{border:1px solid #cdd4e0;}
.tbl_frm01 table tr:nth-last-of-type(1){ border:1px  solid #cdd4e0;}
.tbl_frm01 th{border:1px solid  #cdd4e0;width:80px;background:#f5f6f9;text-align:center;}
.tbl_frm01 td{border:1px solid  #cdd4e0;background:#fff;text-align:left;}
.tbl_frm01 th,
.tbl_frm01 td {padding:8px 14px;height:23px;vertical-align:middle;}
.tbl_frm01 th {font-weight:600;}
.tbl_frm01 td em {color:#7d7d7d;}
.tbl_frm01 td label {margin-right:7px;}
.tbl_frm01 tr.thover {background:#e3e3e3 !important;}

.tbl_frm02 {width:100%;}
.tbl_frm02 table {width:100%;background:#fff;border:1px solid #cdd4e0;}
.tbl_frm02 tr:nth-of-type(even){background:#f5f6f9;}
.tbl_frm02 thead th{font-weight:700;color:#03273c;background:#f5f6f9;}
.tbl_frm02 tbody th{}
.tbl_frm02 th,.tbl_frm02 td {padding:8px 14px;height:22px;border-bottom:1px solid #e3e3e3;text-align:center;vertical-align:middle;}
.tbl_frm02 th {font-weight:600;}

/*layout*/
html,body{min-width:100%;width:100%;min-height:100%;height:100%;}
#wrap{width:100%;}
header{width:100%;height:50px;/*background:#0087d6;*/background:#fff;}
#container{width:100%;min-width:500px;background:#fff;}
#container:after{content:"";display:block;clear:both;}
#container .nav{float:left;width:200px;min-height:100%;height:auto;background:#fff;/*border-right:1px solid #cdd4e0;*/box-sizing:border-box;}
#container .content{width:100%;min-height:100%;height:auto;background:#fff;box-sizing:border-box;}
.content .content_inner{margin-left:10px;padding:0px 20px 40px;background:#fff;box-sizing:border-box;}

footer{padding:20px 0;width:100%;min-width:1200px;height:80px;background:#999;font-weight:700;font-size:11px;letter-spacing:0.05em;text-align:center;color:#03273c;box-sizing:border-box;}

/*style*/
header h1{float:left;width:200px;height:50px;line-height:50px;text-align:center;}
header h1:after{content:"";display:inline-block;position:relative;left:56px; width:1px;height:30px;background:#fff;vertical-align:middle;}
.head_inner{min-width:500px;width:100%;}
.head_inner>span{float:left;margin-left:20px;line-height:50px;text-align:left;font-size:30px;font-weight:600;color:#fff;}
.head_inner ul{float:right;margin-right:16px;height:50px;}
.head_inner li{float:left;line-height:50px;font-weight:600;color:#454545}
.head_inner li:before{content:"";display:inline-block;width:2px;height:12px;background:#fff;vertical-align:middle;}
.head_inner li:nth-of-type(1):before{margin-right:3px;width:20px;height:20px;background:url(/images/common/ico_login.png);background-size:cover;}
.head_inner li:nth-of-type(1){padding-right:16px;}
.head_inner li a{display:inline-block;padding:0 16px;line-height:50px;color:#454545}



/*전체 내비게이션 메뉴*/
.nav .subtitle{position:relative;border-bottom:1px solid #cdd4e0;}
.nav .subtitle>a{display:block;padding:0 20px 0 30px;line-height:40px;font-size:13px;font-weight:600;box-sizing:border-box;}
.nav .sub li{box-sizing:border-box;}
.nav .sub li a{display:block;padding-left:40px;height:22px;line-height:22px;font-size:11px;color:#888;box-sizing:border-box;}
.nav .sub li a:hover{background:#e9eaed;font-weight:600;color:#0087d6;}
.nav .sub li:nth-last-of-type(1) a{border-bottom:1px solid #e3e3e3;box-sizing:border-box;}
.nav .sub li.active a{background:#e9eaed;font-weight:700;color:#454545;box-sizing:border-box;}
.nav .sub li:nth-last-of-type(1).active a{border-bottom:1px solid #808080;}
.nav .subtitle.sub_on>a{background:#cce7f7;color:#0087d6;/*box-shadow:0 3px 10px -1px rgba(0,0,0,.2) inset;*/}
.nav .subtitle a:after{position:absolute;top:15px;right:30px;content:"";width:6px;height:10px;display:inline-block;background:url(../images/common/ico_li_arrow.png)no-repeat;transition:.3s;}
.nav .subtitle.sub_on a:after{background:url(../images/common/ico_li_arrow_on.png)no-repeat;transform:rotate(-90deg);}

/*content*/
.content .tit_bx{width:100%;height:74px;background:#fff;}
.content .tit_bx+p{position:relative;top:10px;}
.content h2{padding-top:20px;border-bottom:1px solid #cdd4e0;line-height:40px;font-size:25px;color:#0087d6;}
.content h3{line-height:26px;font-size:16px;font-weight:600;color:#03273c;}
.content h4{padding:0 0 16px 0px; font-size:16px;color:#000000;}
/*.content h4:before{content:'';display:inline-block;margin-left:0px;margin-right:5px; margin-top:-2px; width:2px;height:14px;background:#005AAB;vertical-align:middle;}*/
.content h4:after{content:'';display:inline-block;margin-left:5px;margin-right:5px; margin-top:-2px; width:2px;height:14px;background:#005AAB;vertical-align:middle;}
.content h5{padding:0 0 16px 0px; font-size:16px;color:#000000;}
.content h5:before{content:'';display:inline-block;margin-left:-16px;margin-right:8px; margin-top:-2px; width:2px;height:14px;background:#005AAB;vertical-align:middle;}


/*페이징*/
.pg_wrap{margin-top:20px;text-align:center;}
.pg_wrap .pg_prev,.pg_next{display:inline-block;text-indent:-9999px;overflow:hidden;width:9px;height:10px;vertical-align:middle;}
.pg_wrap .pg_prev{background:url(../images/common/pg_prev.png)no-repeat;}
.pg_wrap .pg_next{background:url(../images/common/pg_next.png)no-repeat;}
.pg_wrap span a{padding:2px 3px;}
.pg_wrap .page_on a{padding:2px 3px;background:#0087d6;font-weight:600;color:#fff;}

/*footer*/
footer address{font-style:normal;}

/*로그인 화면*/
#wrap.login{position:relative;width:100%;min-height:800px;height:100%;min-width:900px;}
.login .header{width:100%;height:60px;}
.login h1{display:block;padding:0 0 0 130px;width:100%;background:#fff;box-sizing:border-box;text-align:left;box-shadow:0 0 15px -5px rgba(0,0,0,.2);}
.login form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px -5px rgba(0,0,0,.2);}
.login form .input_area{float:left;width:350px;height:470px;background:#fff;border:1px solid #cdd4e0;text-align:center;}
.login form .input_bx label{display:block;margin-bottom:5px;text-align:left;text-indent:25px;font-weight:700;color:#03273c;}
.login form .input_bx input{margin-bottom:10px;padding:0 10px;width:300px;height:40px;line-height:34px;border:1px solid #03273c;box-sizing:border-box;}
.login form .input_bx input::placeholder{font-size:11px;color:#aaa;}
.login form address{padding:25px 0 0 25px;text-align:left;font-style:normal;}