File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
body{
max-width:1920px;
overflow-x:hidden;
}
@media screen and (max-width:1800px){
body{
max-width:1800px;
overflow-x:scroll
}
}
header{
display: block;
background-color: #0388d2;
max-width: 1920px;
height: 65px;
font-family: 'Noto Sans KR', sans-serif;
box-shadow: 0 2px 5px rgba(16,60,84,0.55);
z-index: 99999;
position: relative;
/* overflow-x:hidden; */
}
.header_section{
width: 1920px;
padding-top: 9px;
position: relative
}
.logo,.serch_area,.serch_title,.serch_in,.alram_area,.profile_area,.profile_img,.profile_modify,.profile_text_area{
display: inline-block;
vertical-align: middle;
}
.logo{
width: 218px;
text-align: center;
height: auto;
}
.logo img{width: 83%;}
.serch_area{
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
width: 35%;
}
.serch_title{
padding: 13px 0 13px 11px;
font-size: 14px;
vertical-align: middle;
}
.serch_in{width: 87%;}
input[type="text"].search_box{width: 94%;padding-left:0;}
.serch_in input{
border: none;
background-color: transparent;
color: #fff;
vertical-align: middle;
}
.serch_in input:focus{
border:none;
}
.serch_in input::placeholder{
color: #b8d4ee;
font-size: 14px;
}
.header_serch_btn{
background: url(/direct/img/serch_icon.png) no-repeat center center;
padding: 0px 20px 21px 10px;
vertical-align: middle
}
.alram_area{
margin-left: 8.1%;
padding-right: 23px;
border-right: 1px solid #fff;
color: #fff;
font-size: 7.48px;
vertical-align: middle;
position: relative;
}
.alram_new{
position: absolute;
top: 1px;
right: 26.3px
}
.profile_area{
display: inline-block;
margin-left: 23px;
color: #fff;
letter-spacing: 1px;
position: absolute;
right: 370px;
}
.profile_img{
position: relative;
width:48px;
height:48px;
overflow:hidden;
border-radius:100%;
text-align:center;
background-color:#fff;
}
.profile_modify{
position: absolute;
top: 24px;
right: 6px;
}
.profile_title{
font-size: 17px;
font-weight: 500;
padding-bottom: 6px;
}
.profile_sub{
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
}
/*left_menu 시작*/
.left_menu_area{
float: left;
}
.left_title_menu_area,.left_sub_menu_area{
height: 968px;
display: inline-block;
vertical-align: top;
background-color: #fff;
}
.left_title_menu_area{
background-color: #f5f7fb;
border-right: 3px solid #dde6e9;
width: 47px;
text-align: center;
}
.left_title_menu_area ul li:hover{
background-color: #0388d2;
box-shadow: 0 2px 5px rgba(16,60,84,0.55);
}
.left_title_menu_area ul li img{
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.left_sub_menu_area{
width: 186px;
border-right: 1px solid #e6e8ed;
margin-left: -6px;
}
.left_sub_menu_title img{
padding-right: 5px;
vertical-align: 1.5px;
}
.left_sub_menu_title{
font-size: 18px;
font-weight: bold;
padding: 22px 19px;
border-bottom: 1px solid #e6e8ed;
/* letter-spacing:-1.5px; */
}
.left_sub_menu_area ul li{
padding: 23px 0;
}
.left_sub_menu_area ul li a{
color: #272727;
font-size: 14px;
padding-left: 20px;
display: block;
}
.left_sub_menu_on{
color: #0388d2 !important;
border-right: 3px solid #0388d2;
font-weight: bold;
}
/*cont 시작*/
body{
font-family: 'Noto Sans KR', sans-serif;
position: relative
}
.cont_area{
position: absolute;
display: inline-block;
margin-top: 43px;
margin-left: 43px;
left: 220px;
top: 60px;
}
.cont_main_title{
font-size: 24px;
font-weight: 500;
vertical-align: middle;
}
/*serch_area 시작*/
.cont_serch_area{
width: 1300px;
border: 1px solid #e6e8ed;
background-color: #f5f7fa;
border-radius: 5px;
vertical-align: middle;
margin: 20px auto;
text-align: center;
}
.cont_serch_area input,.cont_serch_area select{
border: 1px solid #dde6e9;
border-radius: 3px;
}
.basic_serch_area,.serch_btns{
display: inline-block;
}
.basic_serch_area{
width: 1200px;
padding: 26px 0;
}
.basic_serch_area select{
width: 134px;
height: 34px;
border-radius: 3px;
background: url(/direct/img/basic_serch_area_select.png) no-repeat 94% center;
background-color: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-left: 12px;
}
.basic_serch_area>input{
width: 726px;
height: 30px;
border-radius: 3px;
margin-left: 11px;
padding-left: 10px;
}
.serch_btns{
margin-left: 12px
}
.serch_btns input[type="button"]{
padding: 6.5px 16px;
font-size: 16px;
border: none;
color: #fff;
border-radius: 3px;
background-color: #aaa;
font-weight: 500;
}
.detail_serch_btn{
background-color: #0388d2 !important;
margin-left: 12px;
}
.detail_serch_area{
display: none;
}
.detail_serch_area ul{
margin: 0 auto;
width: 1100px;
border-top: 1px solid #e6e8ed;
padding: 26px 0;
}
.detail_serch_area ul li{
display: inline-block;
margin-left: 40px;
}
.detail_serch_area ul li:first-child{
margin-left: 0
}
.detail_serch_title,.detail_term{
display: inline-block;
font-size: 14px;
}
.detail_term{
margin-left: 18px;
}
.detail_term input{
width: 183px;
height: 27px;
padding-left: 5px;
}
/*serch_area 끝*/
/*list 시작*/
.list_info{
display: block;
text-align: right;
}
.all_list_number{
float: left;
}
.all_list_number,.list_info_right,.list_write,.list_count,.read_btn{
display: inline-block;
}
.all_number{
font-weight: 700;
color: #0388d2;
letter-spacing: 1px;
margin-left: 5px;
}
.list_write input,.list_count select,.read_btn input{
border: 1px solid #dde6e9;
background-color: #fff;
font-size: 14px;
height: 34px;
padding: 0 12px;
color: #727272;
font-weight: 700;
border-radius: 5px;
}
.read_btn input:hover{
background-color: #0388d2;
color: #fff;
}
.list_count select{
width: 68px;
}
.list_wrap{
margin-top: 12px;
border-top: 3px solid #0388d2;
}
.list_wrap table{
width: 100%;
}
.list_wrap table tr:first-child{
background-color: #f5f7fa;
}
input[id="all_check"]:checked + label{
background: #0388d2 url(/direct/img/check_small.png) no-repeat center center;
border: 1px solid #0388d2;;
}
.list_wrap table tr th{
height: 48px;
vertical-align: middle;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dde6e9;
font-size: 16px;
}
.list_wrap table tr td{
text-align: center;
height: 30px;
vertical-align: middle;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
font-size: 15px;
padding: 5px 0;
}
.file_btn{
display: inline;
vertical-align: text-bottom;
}
.file_btn input{
border: none;
}
.file{
background: url(/direct/img/file_icon.png) no-repeat center center;
}
.img_file{
width: 18px;
background: url(/direct/img/img_icon.png) no-repeat center center;
}
/*list 끝*/
/*page 시작*/
.page{
text-align: center;
margin:20px 0;
}
.page ul{
margin: 0 auto;
text-align: center;
display: table;
}
.page ul li{
font-size: 13px;
display: inline-block;
border: 1px solid #dde6e9;
border-collapse: collapse;
padding: 7px 11px;
color: #888;
vertical-align:middle;
}
.page ul li img{
display:none;
}
.page ul li.page_prev{
border-radius: 5px 0 0 5px;
}
.page ul li.page_next{
border-radius: 0 5px 5px 0px;
}
.page ul li.page_first{
background-image: url(/direct/img/page_before.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 5px 0 0 5px;
}
.page ul li.page_last{
background-image: url(/direct/img/page_next.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0 5px 5px 0px;
}
/*page 끝*/
/* leftmenu 이름 */
.left_title_menu_area ul li {
position: relative
}
.hmsw {
font-size: 14px;
color: #fff;
font-weight: 500;
background-color: #0388d2;
width: auto;
display: inline-block;
padding: 0px 10px;
border-radius: 5px;
box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.1);
position: absolute;
left: 43px;
z-index: 99999;
min-width:245%;
top: 0px;
text-align: left;
display: none;
height: auto;
line-height: inherit;
}
/*20200204 - 수정*/
.profile_img img#userImage{height:100%;text-align:center;}