@charset "utf-8";
/* 마음엔 - 전현진, 김정희 */
	.datepicker{background:#fff url("/common/img/ico_datepicker.png") no-repeat right center}

	.respon{position:relative;width:1200px;margin:0 auto}

/* 상단 헤더 */
	#header{position:relative;height:100px;border-bottom:1px solid #dcdcdc;background-color:#fff}
	#header h1{padding-top:30px;}
	#header #gnb{position:absolute;top:30px;left:250px;}
	#header #gnb ul li a{display:block;height:40px;line-height:40px;padding:0 35px;color:#212121;font-weight:bold;font-size:18px;}
	#header #gnb ul li a.active{color:#e8553e}
	#header #gnb ul li:first-child a{background:url("/common/img/ico_nav_user.png") no-repeat 10px center}
	#header .login_join_btn{position:absolute;top:30px;right:0;font-size:0;}
	#header .login_join_btn a.ljbtn{display:inline-block;height:40px;line-height:38px;margin-left:5px;border:1px solid #e4e8eb;padding:0 20px;text-align:center;color:#a9b0bb;border-radius:4px;font-size:14px;}
	#header .login_join_btn a.ljbtn:hover{border-color:#95999c;color:#676c73}

/* 서브페이지 */
	#container{padding-bottom:80px;}
	h1.h1tit{padding:80px 0;text-align:center;}
	h1.h1tit em{display:block;font-weight:bold;font-size:28px;color:#0a1615}
	h1.h1tit span{display:block;margin-top:5px;color:#959595;}
    h2.h2tit {font-size:20px;font-weight:bold;}
    h3.h3tit {padding-bottom:15px;}

	/* 공통 */
		/* 테이블 */
			.basic_list_tbl th,
			.basic_list_tbl td{padding:1.5em 1em;text-align:center;}
			.basic_list_tbl thead th{border-top:1px solid #dcdcdc;border-bottom:2px solid #333638;color:#212121;font-weight:bold}
			.basic_list_tbl tbody th,
			.basic_list_tbl tbody td{overflow:hidden;border-bottom:1px solid #dcdcdc;text-overflow:ellipsis;white-space:nowrap;}
			.basic_list_tbl tbody tr:hover td{background-color:#fafafa}
			.basic_list_tbl tbody td a{color:#212121;}
			.basic_list_tbl tbody td a:hover{text-decoration:underline}
			.basic_list_tbl .sunbun{display:inline-block;width:24px;height:24px;line-height:24px;margin-right:5px;border-radius:50%;font-size:12px;text-align:center;}

            .tit_tbl {border-bottom:1px solid #dcdcdc;}
            .tit_tbl tbody tr th {padding:20px 0;background:#f6f6f6;border-top:1px solid #dcdcdc;text-align:center;color:#0a1615;}
            .tit_tbl tbody tr td {width: 100%;padding:10px 40px;border-top:1px solid #dcdcdc;color:#0a1615;}
            
            .tit_tbl.type1 tbody th {padding:10px 0;}

            .sv_view_tbl thead tr th {background:#fa6c51;color:#fff;text-align:center;height:50px;}
            .sv_view_tbl tbody tr th {padding:15px 13px;border-bottom:1px solid #dcdcdc;text-align:center;}
            .sv_view_tbl tbody tr td {padding:12px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
            .sv_view_tbl tbody tr td.bgG1 {background:#636c77;border-bottom:1px solid #fff;text-align:center;color:#fff;}
            .sv_view_tbl tbody tr th.bgG2 {background:#f6f6f6;}
            .sv_view_tbl tbody tr td.check {font-weight: bold;text-align:center;}

            .sv_view_tbl.type1 thead tr th {padding-left:20px;text-align:left;}
            .sv_view_tbl.type1 thead tr th:last-child {padding-left:0;text-align: center;}
            .sv_view_tbl.type1 tbody tr td {padding:15px 15px 15px 48px;}
            .sv_view_tbl.type1 tbody tr td:last-child {padding:0;text-align: left;}
        
            .sv_view_tbl.type1.upload thead tr th {padding-left:30px;background:#b4df80;color:#315a00;text-align: left;}
            .sv_view_tbl.type1.upload tbody tr th {height:70px;line-height: 70px; padding:0;background: #f6f6f6;text-align: center;}
            .sv_view_tbl.type1.upload tbody tr td {padding: 0 30px;}
            .sv_view_tbl.type1.upload tbody tr td.pd0 {padding:0;text-align: center;}
            .sv_view_tbl.type1.upload tbody tr td.pd0 label {font-weight: normal;}
            .sv_view_tbl.type1.upload tbody tr td input {width:100%;}

            .sv_view_cont .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} 

            .searchbox.type1 {padding:40px 140px;}
            .searchbox.type1 dl dd label {font-weight: normal;}
            .searchbox.type1 dl dd label span {margin-left: 5px; display: inline-block;}
            .searchbox.type1 select {width:300px;height:50px;padding:0 20px;border: 1px solid #e5e5e5;background:#fff url(/common/img/ico_select_arrow.png) no-repeat 95% center;}
            .searchbox.type1 input {padding:0 20px;}
            .searchbox.type1 dl:nth:child(2) {width:442px;}


		/* 페이징 */
			.pagenation{margin-top:40px;font-size:0;}
			.pagenation a,
			.pagenation span{display:inline-block;width:40px;height:40px;line-height:38px;margin:0 3px;border:1px solid #dcdcdc;font-size:14px;text-align:center;color:#959595}
			.pagenation span.active{border-color:#434343;background-color:#434343;color:#fff}
			.pagenation a.start,
			.pagenation a.prev,
			.pagenation a.next,
			.pagenation a.end{border-color:#fff}
			.pagenation a:hover{background-color:#f1f1f1;color:#212121}

        /* 세부리스트 */
            .svViewbox {border-top:2px solid #2d2d2e;}
            .svViewbox .sv_list {overflow-y: auto;float:left; width:340px;height: 948px;}
            .svViewbox .sv_list li:first-child {border-top:none;}
            .svViewbox .sv_list li {position:relative;padding:20px 15px;border-top:1px solid #dcdcdc;}
            .svViewbox .sv_list li.active {background:#fafafa;border-left:4px solid #f06852;}
            .svViewbox .sv_list li.active div span {color:#ee4540;}
            .svViewbox .sv_list li em {position:absolute;left:15px;top:20px;font-weight: bold;}
            .svViewbox .sv_list li div {padding-left:45px;}
            .svViewbox .sv_list li div span {display:block;line-height:22px;}
            .svViewbox .sv_list li div span:nth-child(2) {display: block; overflow: hidden; width:265px;white-space: nowrap;text-overflow: ellipsis;}
            .svViewbox .sv_list li div .btn_img_view {display: block;width:190px;height:40px;margin-top:10px;line-height:40px;color:#0a1615;background:#fafafa;border:1px solid #dcdcdc;text-align:center;}
            .svViewbox .sv_view_cont {float:left;width:860px;min-height:948px;padding:30px 20px;border-left:1px solid #dcdcdc;}

        /* 감리일지 */
            .searchbox{padding:40px 270px;background-color:#e4e8eb}
            .searchbox dl{display:table;width:100%;}
            .searchbox dl dt{display:table-cell;width:70px;font-weight:normal}
            .searchbox dl dd{display:table-cell}
            .svlistbox{padding:60px 40px;border:1px solid #dcdcdc}
            .svlistbox .txt {height:200px;line-height: 200px; text-align: center;}
		
	/* 프로젝트 */
		/* 프로젝트 메뉴 */ 
			#projectMain{position:relative;}
			#projectMnu ul li{width:33.33%;padding:0 10px;margin-bottom:20px}
			#projectMnu ul li a{display:block;height:60px;line-height:60px;text-align:center;background-color:#e8553e;color:#fff;font-size:20px;border-radius:30px;}
			#projectMnu ul li a em{display:inline-block;margin-right:10px;}
			
			#projectMnu2{
				position:relative;overflow:hidden;margin-bottom:30px;border-radius:10px;
				-moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 3px 7px rgba(0,0,0,0.2);box-shadow:0px 3px 7px rgba(0,0,0,0.2)}
			#projectMnu2 ul li{width:20%;border-left:1px solid #dcdcdc;}
			#projectMnu2 ul li:first-child{border-left:none;}
			#projectMnu2 ul li a{display:block;padding:20px 0;background-color:#fafafa;text-align:center}
			#projectMnu2 ul li a em{display:block;}
			#projectMnu2 ul li a span{display:block;margin-top:10px;font-size:16px;}
			#projectMnu2 ul li a:hover{background-color:#fff;color:#e8553e;font-weight:bold}
			#projectMnu2 ul li a.active{background-color:#e8553e;color:#fff;font-weight:bold}

		/* 단계별 감리업무 Check List */
			.check_listarea .checklist_total{border-top:1px solid #dcdcdc}
			.check_listarea .checklist_total th,
			.check_listarea .checklist_total td{padding:10px;border:1px solid #dcdcdc}
			.check_listarea .checklist_total th{background-color:#fafafa;text-align:center;font-weight:bold}
			.check_listarea .checklist_total.noinput th,
			.check_listarea .checklist_total.noinput td{padding:20px 10px}

			.check_listarea .checklistTop{border-top:1px solid #dcdcdc}
			.check_listarea .checklistTop th,
			.check_listarea .checklistTop td{padding:15px 20px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
			.check_listarea .checklistTop th:first-child,
			.check_listarea .checklistTop td:first-child{border-left:none}
			.check_listarea .checklistTop th{background-color:#fafafa;font-weight:bold;text-align:center}

			.check_listarea .checklist_form{border-top:1px solid #666;}
			.check_listarea .checklist_form th,
			.check_listarea .checklist_form td{padding:10px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;}
			.check_listarea .checklist_form th:first-child,
			.check_listarea .checklist_form td:first-child{border-left:none;}
			.check_listarea .checklist_form thead th{background-color:#fafafa;font-weight:bold}
			.check_listarea .checklist_form .titth{padding:15px 10px;background-color:#fafafa;font-weight:bold;font-size:18px}
			.check_listarea .checklist_form .left20px{padding-left:30px}

			.check_listarea .checklistcon h3{font-size:24px;font-weight:bold}
			.check_listarea .checklistcon h4{font-size:18px;font-weight:bold}

			.check_listarea .checklist_bottom{line-height:28px;font-size:16px;text-align:right}
			.check_listarea .checklist_bottom p{margin-bottom:20px;font-size:18px;font-weight:bold;}

    /* 감리일지(세부 리스트) */      
        #svDetail {margin-bottom:-80px;}


    /* 공종 일지 등록 */
        #svEnroll .sv_view_cont {width: 100%;border:1px solid #e5e5e5;}
        
        #svEnroll .sv_view_tbl tbody tr td:first-child {position:relative;}
        #svEnroll .sv_view_tbl tbody tr td:first-child:before {content: '';position: absolute;top: 25px;left: 30px;width: 4px;height: 4px;background-color: #dcdcdc;border-radius: 50%;}
        #svEnroll .sv_view_tbl tbody tr td input[type="text"] {width:100%;height:25px;border:none;}
        #svEnroll .sv_view_tbl tbody tr td .radio_check{width: 100%;text-align: center;}
        #svEnroll .sv_view_tbl tbody tr td .radio_check li {display: inline;}
        #svEnroll .sv_view_tbl tbody tr td .radio_check li label {margin:0;}
        #svEnroll .sv_view_tbl tbody tr td:nth-child(2) {padding:0;}
        #svEnroll .sv_view_tbl.type1 tbody tr td:last-child {text-align: center;}
        #svEnroll .enroll_result {width:100%;border: 1px solid #dcdcdc;}
        #svEnroll .enroll_result dt {display: table-cell;width:250px;height:200px;background:#f6f6f6;text-align:center;font-weight: normal;vertical-align: middle;}
        #svEnroll .enroll_result dd {display: table-cell;width:1000px;padding:20px;vertical-align: middle;}
        #svEnroll .enroll_result dd textarea {width:100%;border:none;resize: none;}

    /* 공종 사진 등록 */
        #svImgUploadArea {margin-bottom:-80px;}

    /* 공종 사진 보기 */
        #svImgListArea {margin-bottom:-80px;}
        #svImgListArea .add_txt {padding: 20px 10px;line-height: 30px;}
        #svImgListArea .sv_view_cont .sub_tit {display: block; overflow: hidden; width:650px;white-space: nowrap;text-overflow: ellipsis;padding-left:10px;color:#212121;font-size:18px;font-weight: bold;}
        #svImgListArea .sv_view_cont .alignRight {margin-top:-35px;}
        #svImgListArea .sv_view_cont .img_list {margin-left: -1%;}
        #svImgListArea .sv_view_cont .img_list li {position: relative;float:left;width:49%;margin:10px 0 0 1%;border:1px solid #dcdcdc;}
        #svImgListArea .sv_view_cont .img_list li a {display: block;}
        #svImgListArea .sv_view_cont .img_list li a img {width:100%;height:270px;}
        #svImgListArea .sv_view_cont .img_list li input[type="text"]{width:100%;padding:10px;border:none;}  
        #svImgListArea .sv_view_cont .img_list li .del_chkbox { position: absolute;top:0;left:0;margin:0;width:20px;height:20px;background: #fff;z-index: 10;}
        #svImgListArea .sv_view_cont .img_list li .del_chkbox:checked + .del_chk_bg {position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);}
        #svImgListArea .img_box img{margin-bottom:10px;}
        #svImgListArea .alignJustify {padding:0;}

    /* 신규작성 */
        #svCreat .searchbox {padding: 40px 140px;}
        #svCreat .searchbox dl dt {width: 111px;text-align: right;padding-right: 10px;}

    /* 로그인 */
        #loginArea .loginbox {width:600px;margin:0 auto;padding:30px 125px 50px  125px;background:#fff;border:1px solid #e5e5e5;}
        #loginArea .loginbox span{color:#959595;}
        #loginArea .loginbox .logininput li {margin-top:20px;}
        #loginArea .loginbox .logininput .login_input {width:350px;height:40px;line-height: 39px;padding: 0 30px;border: none;border-bottom: 1px solid #dcdcdc;}
        #loginArea .loginbox .logininput .id {background: url(/common/img/ico_login_id.png) no-repeat left center;}
        #loginArea .loginbox .logininput .pw {background: url(/common/img/ico_login_pw.png) no-repeat left center;}
        .loginbox .btns {display: block;width:350px;margin-top:10px;border-radius: 2px;font-size:18px;font-weight:bold;}

     /* 회원가입 */
        #joinArea .stepviewtxt {width:380px;margin:0 auto;}
        #joinArea .stepviewtxt li {float:left;color:#959595;}
        #joinArea .stepviewtxt li:first-child {width: 170px;background: url(/common/img/blt_dots.png) no-repeat right center;margin-right:20px;}
        #joinArea .stepviewtxt li.active {color:#434343;}
        #joinArea .stepviewtxt li.active span {background: #434343;}
        #joinArea .stepviewtxt li span {display: inline-block;width:40px;height:40px;margin-right:10px;line-height:40px;background:#d2d2d2;color:#fff;border-radius: 50%;text-align: center;}
        #joinArea .joinbox .join_cont {width:1200px;padding:70px 50px;background:#fff;border: 1px solid #e5e5e5;}
        #joinArea .joinbox .join_cont .tit_tbl tbody tr:first-child td input {width:390px;}
        #joinArea .joinbox .join_cont .tit_tbl tbody tr th {color:#424242;}
        #joinArea .joinbox .join_cont .tit_tbl tbody tr td {padding-left:30px;}
        #joinArea .joinbox .join_cont .tit_tbl tbody tr td a {margin-left:10px;}
        #joinArea .joinbox .join_cont .tit_tbl tbody tr td em {display: block;padding-top:10px;font-size:13px;}
        #joinArea .joinbox .join_cont .txt {text-align: center;}
        #joinArea .joinbox .join_cont .txt strong {display: block;padding-bottom: 20px; font-size:18px;}
        #joinArea .joinbox .join_cont .txt em {font-weight: bold;}
		#joinArea .joinbox .join_cont .agreebox{margin-top:20px;}
		#joinArea .joinbox .join_cont .agreebox h4{margin-bottom:10px;font-size:18px;}
		#joinArea .joinbox .join_cont .agreebox ul li{width:49%;margin-left:2%;}
		#joinArea .joinbox .join_cont .agreebox ul li:first-child{margin-left:0;}
		#joinArea .joinbox .join_cont .agreebox ul li .agreearea{overflow-y:auto;height:200px;line-height:1.5em;padding:10px;border:1px solid #dcdcdc;font-size:14px;}
		#joinArea .joinbox .join_cont .agreebox ul li .agreecheck{margin-top:10px;}
		#joinArea .joinbox .join_cont .agreebox ul li .agreecheck label{color:#333}

/* 하단 푸터 */
	#footer{border-top:1px solid #dcdcdc;background-color:#fff}
	#footer .respon{padding:50px 0;text-align:center;}

/* 타블렛 */
@media screen and (max-width: 1200px) {
}

/* PC */
@media screen and (max-width: 640px) {
}