@charset "utf-8";
/* CSS Document */
html{width:100%; margin:0 auto;}
body{width:100%; margin:0 auto;}

#wrapper{width:100%; margin:0 auto;}

#container{width:100%; margin:0 auto; min-width:1400px;}

/*----------------  login/로그인 ----------------*/

.loginWrap{width:100%; margin:0 auto; height:100vh; background-color:#efefef; padding-top:150px; overflow:hidden;}
.login{width:1000px; margin:0 auto; text-align:center; background-color:#fff; display:table; border-radius:10px;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3);}
.login > div{width:50%;margin:0 auto; display:table-cell; vertical-align:middle; padding:130px 40px; position:relative;}
.login .tit h1{position:absolute; top:40px; left:50%; margin-left:-130px;}
.login .tit h2{font-size:40px;}
.login .tit:after{content: " ";display:block; width:1px; height:380px; top:50%; margin-top:-190px; right:0; position:absolute; background-color:#efefef;}
.login .tit p{margin-top:15px; color:#676767; line-height:24px;}
.login .tit p b{display:block; font-size:18px;  color:#365a99;}
.login p span{display:block;}
.login p span small{font-size:15px;}
.login .input_box{width:100%; margin:0 auto; border:1px solid #ccc;}
.login .input_box span{display:block; line-height:60px; padding-left:55px; width:100%; }
.login .input_box span.input_id{border-bottom:solid 1px #ccc; background:url(../images/i_id.png) no-repeat 15px center;}
.login .input_box span.input_pass{background:url(../images/i_pass.png) no-repeat 15px center;}
.login .input_box input{line-height:60px; height:60px; width:100%;  padding:0 10px 0 10px;  border:0;}
.login_foot{width:100%; margin-top:30px;}
.login_foot .btn_login{width:50%; text-align:center; display:inline-block; font-size:18px; padding:16px 20px; background-color:#284d93; color:#ffff; font-weight:500; border-radius:8px;}
.login_foot .btn_login:hover{background-color:#0e3587; transition:all ease 0.3s;}
.login_foot span{display:block; margin:0 auto;  padding:0 5px; margin-top:15px;}
.login_foot span label{margin-left:5px;}


/*----------------  subWrap ----------------*/

#subWrap{width:100%; margin:0 auto; position:relative; background-color:#efefef; min-height:100vh; padding-left:250px; overflow:hidden;}

/*--네비-*/
#leftMenu{width:250px; height:100%; min-height:700px; position:fixed; top:0; left:0; background:#2c3e50; min-height:100vh; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3); z-index:10;}
#leftMenu .inner{width:100%; position:relative; min-height:100vh; padding-bottom:300px;}
#leftMenu .nav h1{width:100%; text-align:center; padding:30px 0 40px 0; background-color:#fff; border-bottom:5px solid #cc3c29;}
#leftMenu .nav h1 img{width:100px; height:auto;}
#leftMenu .nav h1 p{font-size:23px; letter-spacing:-0.5px; margin-top:10px;}
#leftMenu .nav h1 span{display:block; font-size:13px; font-weight:400; letter-spacing:-0.2px; margin-top:5px;}
#leftMenu .nav .log{width:100%; margin:0 auto; background-color:#25313e; text-align:center; padding:30px 0; border-top:1px solid #19212a; border-bottom:1px solid #19212a;}
#leftMenu .nav .log b{display:inline-block; text-align:center; padding-left:25px; background:url(../images/i_publisher.png) no-repeat left center; color:#ece3d6; font-weight:500; font-size:16px;}
#leftMenu .nav .log a{display:block; margin:0 auto; margin-top:15px; background-color:#d9dfe9; color:#25313e; padding:14px 0; font-weight:500; width:100px; border-radius:8px; font-weight:700;}
#leftMenu .nav .log  a:hover, #leftMenu .nav .log a:focus{background-color:#19212a; transition:ease 0.3s; color:#fff; }
#leftMenu .nav ul{width:100%; margin:0 auto;}
#leftMenu .nav ul li a{display:block; width:100%; line-height:50px; padding:0 20px; font-weight:500; font-size:18px; color:#fff; background:#cc3c29 url(../images/i_white_right.png) no-repeat right 20px center; border-bottom:1px solid #19212a;}
#leftMenu .nav ul li a:hover, #leftMenu .nav ul li a:focus{background-color:#19212a; transition:ease 0.3s;}
#leftMenu .copy{position:absolute; width:220px; bottom:0; left:10px; color:#bec5cc; padding:30px 0; }
#leftMenu .copy > p{font-weight:500; border-bottom:2px solid rgba(255, 255, 255, .8); padding-bottom:10px; color:#fff; font-size:18px;}
#leftMenu .copy span {display:block; line-height:1.5em; letter-spacing:-0.05em; margin-top:5px;}
#leftMenu .copy small{display:block; font-size:11px; color:#9ca4ac; margin-top:10px; line-height:1.5em;}
#leftMenu .copy address{margin-top:15px;}
#leftMenu .copy a{display:block; color:#bec5cc;line-height:1.5em;margin-top:5px;}




#contents{width:100%; margin:0 auto;}
#contents .con_tit{width:100%; margin:0 auto; position:relative;}
#contents .con_tit h2{font-size:34px;}
#contents .con_tit .link_print{position:absolute; right:0; top:50%; margin-top:-22px; padding-left:40px; background-image:url(../images/link_print.png); background-repeat:no-repeat; background-position:left 14px center; background-size:20px;}
#contents .con_tit + div{margin-top:30px;}
#contents h3{font-size:23px; font-weight:700; position:relative; padding-left:10px;}
#contents h3:after{content:" "; display:block; height:18px; width:4px; position:absolute; left:0; top:50%; margin-top:-9px; background-color:#284d93;}
.rdBox{background-color:#fff; border-radius:10px; padding:30px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2);}
/*----------------  KSLA 회원 기관 현황 ----------------*/
.institution{width:100%; margin:0 auto; padding:92px 60px 60px 60px;}
.institution .searchBox{width:100%; margin:0 auto; display: table;}
.institution .searchBox > div{display:table-cell; text-align:left; vertical-align:middle;}
.institution .searchBox .tit{width:12%;}
.institution .searchBox .tit p{font-size:23px; font-weight:700; width:100%; position:relative; padding-left:10px;}
.institution .searchBox .tit p:after{content:" "; display:block; height:18px; width:4px; position:absolute; left:0; top:50%; margin-top:-9px; background-color:#284d93;}
.institution .searchBox .insert_area{width:80%;}
.institution .searchBox .insert_area input{width:100%; padding:12px 15px 10px 15px; height:44px; border-radius:8px 0 0 8px;}
.institution .searchBox .btn_area{width:8%; text-align:center;}
.institution .searchBox a.btn_search{display:inline-block; background:#284d93 url(../images/i_searchW.png) no-repeat left 15px center; font-size:16px; padding:14px 20px 14px 40px; color:#fff; font-weight:500;
border-radius:0 8px 8px 0;}

.institution .institution_list{width:100%; margin:0 auto; margin-top:50px;}
.institution .inst_tit{width:100%; margin:0 auto;}
.institution .inst_tit:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.institution .inst_tit h3{float:left; width:30%; line-height:44px;}
.institution .inst_tit ul{float:right; width:70%; text-align:right;}
.institution .inst_tit ul li{display:inline-block;}
.institution .institution_list .listWrap{margin-top:15px;}
.institution .institution_list .listWrap ul{width:100%; margin:0 auto; display:table; table-layout:fixed;}
.institution .institution_list .listWrap ul li{display:table-cell; text-align:center; vertical-align:middle; word-break:break-all;}
.institution .institution_list .listWrap ul li:nth-child(1){width:8%;}
.institution .institution_list .listWrap ul li:nth-child(2){width:12%;}
.institution .institution_list .listWrap ul li:nth-child(3){width:20%;}
.institution .institution_list .listWrap ul li:nth-child(4){width:10%;}
.institution .institution_list .listWrap ul li:nth-child(5){width:20%;}
.institution .institution_list .listWrap ul li:nth-child(6){width:20%;}
.institution .institution_list .listWrap ul li:nth-child(7){width:10%;}
.institution .institution_list .listWrap .list_head li{color:#284d93; font-weight:500;}
.institution .institution_list .listWrap .list_head {padding-bottom:15px; border-bottom:2px solid #284d93;}
.institution .institution_list .listWrap .list{width:100%; margin:0 auto; padding:12px 0; border-bottom:1px solid #ccc; position:relative; overflow:hidden;}
.institution .institution_list .listWrap .list ul li{line-height:1.5em;}
.institution .institution_list .listWrap .list a{display:block; position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;}
.institution .institution_list .listWrap .list a:hover, .institution .institution_list .listWrap .list a:focus{display:block; position:absolute; left:0; top:0; background-color:rgba(40, 77, 147, .05); opacity:1; transition:ease 0.3s;}

/*----------------  KSLA 회원 기관 정보 ----------------*/
.institution .tableWrap{width:100%; margin:0 auto; margin-top:15px; border-radius:10px; overflow:hidden; padding:30px;background-color:#fff;}
.institution .tableWrap + h3{margin-top:50px;}
.institution .btnBox{width:100%; margin:0 auto; text-align:center; margin-top:50px;}
.institution .btnBox a{margin:0 2.5px;}


/*----------------  table style ----------------*/
table{  border-collapse:collapse;   width:100%; margin:0 auto;}
table input[type="text"]{background-color:#fafafa;}
table .stit{text-align:center !important; font-weight:500;}
table tbody tr td.left, table tbody tr th.left{text-align:left; padding:12px 20px;}
table tbody tr td.center, table tbody tr th.center{text-align:center;}
table tbody tr td.tit, table tbody tr th.tit{text-align:left;}
table tbody tr td.tit a:hover, table tbody tr th.tit a:hover{text-decoration:underline;}
table tbody{border-top:2px solid #284d93;}
table tr th{word-break:keep-all; line-height:24px;}
table tr td{line-height:28px;}
table tr td, table tr th{border:solid 1px #ccc;min-height:48px; padding:12px 0; text-align:center; vertical-align:middle;}
table tr th{font-weight:500; text-align:center; color:#284d93;}
table tr td{text-align:left;padding:5px 15px;}
table thead td{border-left:0; text-align:right; padding-right:0;}
table .nb_color3{vertical-align:middle; margin-left:10px; display:inline-block; width:auto;}
table i{margin-top:-5px;}
table i.plus, table i.minus{margin-top:-5px;}
table small{margin-left:10px;}
table textarea{width:100%; padding:5px; border:0; min-height:250px; border:solid 1px #ccc;}
table textarea.tat2{width:100%; padding:5px; border:0; min-height:100px; border:solid 1px #ccc;}
table tr .clearfix input, table tr .clearfix a, table tr .clearfix select{float:left;}
.txt_input span{display:inline-block; vertical-align:middle; float:left; line-height:40px;}
.txt_input input{float:right; width:84%;}
.txt_input:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
table tr .clearfix span{float:right;}
table tr .clearfix span a{margin-left:5px;}
table .btn_t01, table .btn_t02{line-height:1.5em; padding:8px 20px; border-radius:0;}
table .btn_edit a.btn_t01{margin:5px 2.5px;padding:10px 14px 10px 14px; border-radius:8px;}
.btn_edit.controller a.btn_t01{padding:8px 13.5px 12px 13.5px;}


.requisite{font-size:24px; color:#f84e57;}
table label{margin-right:15px; vertical-align:middle;}
.td_txt_box{width:100%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box2{width:74.2%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box3{width:83%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle;}
.td_txt_box4{width:50%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box5{width:33.5%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box6{width:15%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box7{width:10%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box80{width:80%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box48{width:48%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }
.td_txt_box58{width:59%; padding:0 10px; border:solid 1px #ccc; vertical-align:middle; }

table tr .date span{display:inline-block; padding:11px 0; margin:0 15px 0 5px;}
td.over{line-height:22px;}
td.over > span{margin-top:5px;}
td.over > span, td.over b{display:block; width:100%; line-height:28px;}
td.over b{font-weight:400;}
.table_wrap{width:100%; margin:0 auto; margin:30px 0;}
.td_bg1{background:#f3f6fa;}
.td_bg2{background:#ddd;}
.table_select tr:hover{background:#f6f7f9;}
table tr td.ta_left{text-align:left; padding-left:10px;}
td.over .chk_1{display:block; font-weight:400;}
td.over .chk_1 span{display:inline-block; margin:5px 0 0 5px;}
td.over .nb{display:inline-block; padding:5px 0;}
table a.link i{background-size:100%; width:7px;}
table a.link:hover{text-decoration:underline;}

.top_line table{border-top:0;}
.top_line table tbody{border-top:2px solid #101010;}
.top_line table tr th, .top_line table tr td{border:1px solid #ccc;}


.rbox{position:relative; padding-left:130px;}
.rbox input[type="text"]{width:100%;}
.rbox p{position:absolute; left:15px; top:50%; margin-top:-14px;}

.prbox{position:relative; padding-right:230px;}
.prbox > div{width:100%;}
.prbox > div > input[type="text"]{width:37%;}
.prbox > div > span{display:inline-block; text-align:center; width:5%;}
.prbox > div > a{padding:8px 0; text-align:center; width:20%;}
.prbox > input[type="text"]{width:100%;}
.prbox p{width:230px; text-align:left; position:absolute; right:15px; top:50%; margin-top:-14px; padding-left:15px;}
.findcode{position:relative; padding-right:147px;}
.findcode > input[type="text"]{width:100%;}
.findcode > a{ position:absolute; right:15px; top:50%; margin-top:-20px;}
.upload01{position:relative; padding-right:367px;}
.upload01 > input[type="text"]{width:100%;}
.upload01 .btn_box{display:inline-block; position:absolute; right:15px; top:50%; margin-top:-20px;}

.upload02 .prbox {padding-right:215px;}
.upload02 .prbox p {width:215px;}
.upload02 .upload01{padding-right:494px; padding-top:5px;}
.upload02 .upload01 .btn_box{top:auto;bottom:0; margin-top:0;}