body{background-color:#f4f4f4; }

/* 로그인 */
.login_wrap{background-color:white; max-width:450px; margin:150px auto 50px; padding:50px; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.06); }
.login_wrap .login_input{margin-bottom:15px; width: 100%; font-size: 14px; line-height: 20px; padding: 10px 6px; border: 0; border-bottom: 2px solid #ddd; outline:none; }
.login_wrap .login_input:focus{border-color:#17aad8; font-size:16px; }
.login_wrap .btn_submit{cursor:pointer; outline:none; width: 100%; font-size: 17px; padding: 10px 6px; margin-top: 25px; background: #17aad8; box-shadow: 0 2px 5px #b6dbe6; color: white; border: 0; }
.login_wrap .btn_submit:hover{box-shadow: 0 4px 15px #b6dbe6; }

/*헤더*/
body{padding-top:120px;}
header{position:fixed; left:0; top:0; width:100%; background:#17aad8; z-index: 9999; }
header a{color:white;}
header>.wrapper{padding:0; box-sizing: border-box;}
header>.wrapper>.left{float:left;}
header>.wrapper>.right{float:right;padding-top:11px;}
#header_menu{margin:0;}
#header_menu>li{position:relative;}
#header_menu>li>a{text-decoration: none; padding: 12px 20px 0; display: inline-block; font-size: 17px; height: 50px; font-weight: 300; }
#header_menu>li>a.active, #header_menu>li>a:hover{background-color: #0f98c5;color:white;}

header .sub_menu_box{background-color: #ececec;height:33px;}

header .sub_menu{display:none;position:fixed;}
header .sub_menu>li{}
header .sub_menu>li>a{display:inline-block;padding:6px 15px; min-width:100px; color:#555;text-align: center;text-decoration: none;font-weight: 300;font-size:14px;}
header .sub_menu>li>a:hover,
header .sub_menu>li>a.active{background-color: #e1e1e1;}

#header_menu>li>a.active + .sub_menu{display:block;}
#header_menu>li>a.active + .sub_menu a{}

#btn_logout{color:white; font-weight: 300; font-size: 14px; text-decoration: none; margin-right:10px; }
#btn_logout:hover{color: #d8e6ea; }



/* form */
.file_wrap{}
.file_wrap>li{}
.file_wrap>li>input[type="file"]{padding:5px 10px; background-color: white;box-sizing: border-box;border:1px solid #ced4da;border-radius: 4px;margin-bottom:5px;width: calc(100% - 110px); margin-right: 5px;}
.file_wrap>li>span{display:inline-block;padding:5px 10px; background-color: white;box-sizing: border-box;border:1px solid #ced4da;border-radius: 4px;margin-bottom:5px;margin-right:5px;width:calc(100% - 110px);}
.file_wrap>li>.btn-danger,.file_wrap>li>.btn-primary{margin-left:4px;width:30px;font-weight: bold;}

.form-group{margin-bottom:1.5rem;}

@media (min-width: 992px){
	.container.container-small{
	    max-width: 720px;
	}
}
@media (max-width: 700px){
	.container.container-small{
	    max-width: 720px;
	}
	#header_menu>li>a{padding:10px 10px 0;}
}