@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


a{text-decoration:none; color:inherit;}
a:active, a:hover, a:visited{text-decoration:none; color:inherit;}
li,ul,ol{list-style:none; margin:0; padding:0; line-height:1.6em;}
html {position: relative; height: 100%;}
body{ height:100%; padding:0; line-height: 1.4em; font-family: 'Noto Sans KR',malgun gothic,'맑은 고딕',Dotum, '돋움',sans-serif; font-size:15px; font-weight:300; /*letter-spacing: -0.02em;*/ background: #ebebeb; color:#505050;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0; font-weight:bold;}
h3{font-size:18px; line-height:1.2em;}
p{line-height:1.6em; margin-bottom:0;}
p:last-child{margin-bottom:0;}
label{margin-bottom:0;}
textarea{padding:10px; line-height: 1.5em; border-radius:0; border:1px solid #787878; -webkit-appearance: none; -moz-appearance: none; }
.container-fluid{padding-right:20px; padding-left:20px;}
.row{margin-right:-20px; margin-left:-20px;}

.fixbotbtn{width:100%; margin-left:-20px; margin-right:-20px; position:fixed; bottom:0; text-align: center;}
.btnstyle01{width:100%; height:52px; margin:0; padding:0; background:#cb3137; color:#fff; font-size:18px; font-weight:bold; border:none;}
.btnstyle02{margin:10px 0;width:100%; height:48px; line-height: 48px; background: #cb3137; color:#fff; border: none; font-size:18px; font-weight:bold;}


.subcopysty01{font-weight:bold; color:#8c8c8c;}

select { 
	box-shadow: 0 0 0 rgba(0,0,0,0);	
	border:1px solid #787878;
	border-radius:0;
	height:34px;
	padding:5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none; appearance: none; background: url(../images/selectbtn.png) no-repeat 100% 50%; background-size:18px 8px;} 
select::-ms-expand { display: none;}
input{-webkit-appearance: none; -moz-appearance: none; height:34px; padding:5px 10px; border-radius:0; border:1px solid #787878; }
.progress-bar{-webkit-box-shadow:none; box-shadow:none;}


/*메인페이지*/
#mainwrap{position:relative; width:100%; min-height:100%; margin:0; padding-bottom:60px; background:url(../images/mainbg.jpg) no-repeat 50%; background-size: cover;  overflow: hidden;}
#mainpbox {text-align: center; clear:both;}
#mainpbox .fmsilogobox{width: 143px; margin:190px auto 0;}
#mainpbox .fmsilogobox img{width:100%;}
#mainpbox .subtxt01{padding:20px 5px; font-size:15px; color:#646464; line-height: 1.4em;}
#mainfoot{position:absolute; bottom:0; width: 100%; clear:both; overflow: hidden;}
#mainfoot .contbox{width:110px; margin:0 auto; text-align: center;}
#mainfoot img{width:100%; margin-bottom:26px;}

/*로그인 페이지*/
#mainpbox .loginlogobox{margin:100px auto 0;}
#mainpbox .subtxt01 span{font-weight:bold;}
.loginform{width:250px; margin:0 auto; margin-bottom:30px;}
.loginform .loginipbox{background:transparent;/* background:rgba(255,255,255,.6);*/ border:1px solid #787878; margin-bottom:8px;}
.loginform .loginipbox label{width:44px; padding:8px 14px;}
.loginform .loginipbox label img{width:16px; vertical-align: top;}
.loginform input{width:196px; background:transparent; border:none; padding:2px; display:inline-block;}
#mainfoot .logincontbox{width:100%;}
#mainfoot .logincontbox img{display:inline-block; float:left; width:120px; padding-left:20px;}
#mainfoot .logincontbox p{display:inline-block; float:right; padding-right:20px; height:38px; line-height: 38px; font-size:13px; }


/*공통영역*/
#header{position:fixed; top:0; left: 0; z-index: 999; background:#fff; width:100%; height:54px; overflow: hidden; border-bottom : 1px solid #e6e6e6;}
#header h1{margin:12px auto 0; z-index: 1010; width:86px; line-height: 0;}
#header h1 .logo{width:100%;}
#header h2{position:absolute; z-index: 1000; width:100%; margin-top:16px; text-align: center; font-size:21px; font-weight:bold; color:#505050;}
#gnbbox{position:fixed; top:54px; left: 0; z-index: 999; clear:both; background:#fff; width:100%; height:40px; color:#505050; overflow: hidden; border-bottom:1px solid #dcdcdc; box-shadow: 0 4px 4px rgba(200,200,200,.4);}



#gnbbox .swiper-wrapper{white-space: nowrap; padding:0 10px;}
#gnbbox .swiper-wrapper li{display:inline-block; height:40px; line-height: 40px; text-align: left; font-weight:bold; width:auto;}
#gnbbox .swiper-wrapper li.active{height:40px; font-weight:bold; color:#cb3137; border-bottom:4px solid #cb3137;}	
#gnbbox .swiper-wrapper li a{display:block; padding:0 10px;}


#container {clear:both; padding-top:102px; padding-bottom:60px;}
#container .row{background:#fff; margin-bottom:5px;}
#container>.row{padding-top:20px; padding-bottom:20px;}
#container>div.modal{background:transparent;}


#footer{clear:both; position:fixed; bottom:0; z-index: 999; width: 100%; height:49px; background:#fff; overflow: hidden; border-top:1px solid #dcdcdc; text-align: center;}
#footer .footbtn00{display:inline-block; width:50%; float:left;}
#footer .footbtn00 img{width:25px; margin-top:12px;}


/*Top버튼*/
.topbtnbox{position:fixed; top:auto; right:0; bottom:65px; margin-right:15px; z-index:850; width:45px; height:45px; text-align: center; display:none; opacity:0; cursor:pointer;}
.topbtnbox .tbtnback{background:rgba(0,0,0,0.4); width:100%; height:100%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.topbtnbox .tbtntxt{display:block; width:100%; height:100%; color:#fff; position:absolute; top:0; padding:18px 0 0; background: url(../images/topbtn.png)no-repeat center 9px;}


/*홈*/
.profilebox{text-align:center;}
.proficon{background:url('../images/fmsicons01.png') no-repeat center left; background-size: 18px; text-indent: 22px; display:inline-block;}
.profilenm{display:inline-block;}

.dashbox .dashlist{text-align: center; margin-bottom:15px;}
.dashbox .dashlist h3{margin-bottom:0px; font-weight:300;}
.dashbox .dashlist h3:after{display:block; content:"\2015"; /*margin:5px 0;*/ font-size:10px; color:#cb3137;}
.dashbox .dashlist .dashnum{font-size:34px; font-weight:bold; line-height: 1em;}
.dashbox .dashinfo p{color:#cb3137; font-size:13px;}
.dashbox .dashinfo .dashinfonum{font-weight:bold;}


.notibox .notihead h3 {display:inline-block;}
.notibox .notihead p{display:inline-block; position:absolute; top:0; right:20px; font-size:13px;}

/*프로젝트 리스트*/
.projlistbox .timelmt{font-weight:bold; color:#8c8c8c; padding-right:0;}
.projlistbox .timelmt p{line-height:28px;}
.projlistbox .quickbtn{text-align:right; padding-left:0; font-size:0;}
.projlistbox .quickbtn img{width:28px; margin-left:16px;}
.projlistbox h3{line-height: 1.3em; margin-top:5px;}
.projlistbox .projinfo li{display:inline-block; margin-right:14px; background-size: 16px; text-indent: 20px; }
.itvnm{background:url('../images/fmsicons01.png') no-repeat center left;}
.itvdtb{background:url('../images/fmsicons02.png') no-repeat center left;}
.itvongo{background:url('../images/fmsicons03.png') no-repeat center left;}
.itvclt{background:url('../images/fmsicons04.png') no-repeat center left;}
.projlistbox .progbar{height:28px; padding-right:0;}
.progress{position:relative; bottom:0; height:8px; margin:20px 0 0;}
.projlistbox .progper{height:28px; padding-left:5px; font-size:32px; font-weight:bold; text-align: right; line-height: 1em;}
.projlistbox .progper span{font-size:18px;}

.progbarblue{background-color:#617edd;}
.progbargreen{background-color:#81cb54;}
.progbaryellow{background-color:#fdb54d;}
.progbarred{background-color:#cb3137;}
.progperblue{color:#617edd;}
.progpergreen{color:#81cb54;}
.progperyellow{color:#fdb54d;}
.progperred{color:#cb3137;}


/*날짜별 진행상황 리스트*/
.dailyprogbox .dailytit .subcopysty01{margin-bottom:4px;}
.dailylist{margin-top:26px;}
.dailylist table{width:100%;}
.dailylist table th,.dailylist table td{border:none; text-align: center;}
.dailylist table th{font-weight:bold; color:#cd3137;}
.dailylist table th:after{display:block; content:"\2015"; /*margin:5px 0;*/ font-size:11px; color:#cb3137;}
.dailylist table tr+tr{border-top:1px solid #ebebeb;}
.dailylist table td{height:54px;}
.dailylist table .dldate{font-size:13px; font-weight:bold; width:31%;}
.dailylist table .dlnum{font-size:22px; width:23%;}

/*진행 상황 입력*/
.proginbox h3{margin-bottom:3px;}
.proginbox label{width:65px;}
.proginbox .dailyipbox{margin-top:10px;}
.proginbox .ongoipbox{margin-top:5px; margin-bottom:10px;}
.proginbox select, .dailyipbox input{width:70px;}
.ongoipbox .ongoinpt{width:70px;}


/*공지사항*/
.notilistico{padding-right:0; max-width:90px;}
.notilistico img{width:100%;}
.notilistico .newup{width:20px; position:absolute; top:0; right:0; line-height: 0;}/*새글 표시*/
.notilisttxt{padding-left:20px;}
.notilisttxt h3{margin:6px 0 5px;}
.notilisttxt p{display:inline-block; line-height: 1em; color:#8c8c8c; font-weight:bold;}
.notilisttxt p+p:before{content:'\007C'; color:#8c8c8c; font-size:11px; padding:0 5px; vertical-align: top; line-height: 1.2em;}


/*공지사항-상세보기*/
.notidetail h3{margin:0 0 4px;}
.notidetail p{display:inline-block; line-height: 1em; color:#8c8c8c; font-weight:bold;}
.notidetail p+p:before{content:'\007C'; color:#8c8c8c; font-size:11px; padding:0 5px; vertical-align: top; line-height: 1.2em;}
.notidetail .attfile{text-align: right; font-size:13px; margin-bottom:10px;}
.notidetail .attfile a{background:url('../images/attfileicon.png') no-repeat center left; background-size: 11px; padding-left:15px;}
.notidetail textarea{width:100%; min-height:150px;}



/*공지사항-회신*/
.notireply textarea{width:100%; min-height:70px;}
.notireplybox .replylist{padding-top: 13px; padding-bottom:13px;}
.notireplybox .replylist>p{display:inline-block; line-height: 1em; color:#787878; font-weight:bold;}
.notireplybox .replylist p+p:before{content:'\007C'; color:#787878; font-size:11px; padding:0 5px; vertical-align: top; line-height: 1.2em;}
.notireplybox .replylist+.replylist{border-top:1px solid #c8c8c8;}
.notireplybox .replylist .replycont p{line-height:1.5em; margin-top:4px;}


/*면접비*/
/*.paybox>div{margin-bottom:20px;}
.paybox .paymthbox{text-align: center; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
.paybox .paymthbox h3{line-height:1em;}
.paybox .paymthbox h3 span{font-size:13px; font-weight:300;}
.paybox .paymthbox select{width:100%;}*/

#container .paybox{padding-top:0px;}
.paybox>div{margin-bottom:20px;}
.paybox .paymthbox{text-align: center; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding-left:0px; padding-right:0px; overflow: hidden;}
.paybox .paymthbox h3{float:left; display:inline-block; width:34%; padding:15px 10px; border-right:1px solid #c8c8c8; font-size:16px; margin-bottom:0; background:#f0f0f0; line-height: 1em;}
.paybox .paymthbox h3 span{font-size:12px; font-weight:300;}
.paybox .paymthbox select{float:left; display:inline-block; width:58%; vertical-align: top; margin-left:4%; margin-right:4%; margin-top:14px;}
.paybox .payttlbox{font-size:46px; text-align: center; font-weight:bold; line-height: 1.4em; padding-bottom:20px; padding-top:13px;}
.paybox .payttlbox:before{content:"총액"; display:block; font-size:18px; line-height:1.2em; vertical-align: top; background:url('../images/botline01.jpg') no-repeat bottom center; padding-bottom:10px;}
.paybox .payttlbox span{font-size:28px; /*vertical-align: top;*/}
.paybox table{width:100%;}
.paybox table td{border:1px solid #c8c8c8; padding:4px 10px; }
.paybox table td.paytbtxt{background:#f0f0f0; text-align: center; font-weight:bold;}
.paybox table td.paytbnum{text-align:right;}
.paybox .paydtlbox td.paytbtxt{width:40%;}
.paybox .paydtlbox td.paytbnum{width:60%;}
.paybox .payprogbox td.paytbtxt{width:25%;}
.paybox .payprogbox td.paytbnum{width:25%;}
.paybox .payprojbox td.paytbtxt{width:60%;}
.paybox .payprojbox td.paytbnum{width:40%;}
.paybox .payprogbox { margin-bottom:30px; }






@media (max-width: 340px){
	#mainpbox .loginlogobox{margin:60px auto 0;}
	.projlistbox .quickbtn img{margin-left:12px;}
}