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;}