@charset "utf-8";
/* CSS Document */
* { -webkit-transition: none !important;    transition: none !important; box-sizing: border-box  }
html, body, th, td {font-size:14px; letter-spacing:0px; color:#212121}
.btn_skip{ display:none}
.nowrap{ white-space:nowrap}
.wrap{width: auto; margin:0; min-width:980px}

.wrap > .layout_container{ clear:both; float:none }
button{ border:none}
/************
헤더
*************/
.header{ background:#efefef; height:100px; border-bottom:1px solid #585858}
.header h1{ float:left; font-size:0; line-height:0; text-indent:-999px;  overflow:hidden; width:130px; height:60px; background:url(../img/web/logo.png) no-repeat 0 center; background-size:cover; margin:20px 0 0 45px}
.tnb_wrap{ float:right; margin-top:17px}
.tnb_wrap *{ float:left; margin:0; padding:0}

.tnb_wrap .btn_pj{ background:#31bc82; line-height:60px; border-radius:36px; color:#fff; font-weight:700; font-size:18px; padding:0 20px;  box-shadow:0px 10px 10px rgba(102,102,102,0.21); margin-right:70px  }
.tnb_wrap .btn_pj:before{ content:""; display:inline-block; background:url(../img/web/tnb_pj.png) no-repeat center center; width:20px; height:20px; background-size:20px; vertical-align:middle; margin-right:10px; margin-top:-2px}
.tnb_wrap .tnb_box{ margin-right:18px; margin-top:14px}
.tnb_wrap .tnb_box li{ text-align:center; margin-right:23px;}
.tnb_wrap .tnb_box li a:before{ content:""; display:block; background:url(../img/web/tnb_login.png) no-repeat center center; width:21px; height:21px; background-size:20px; margin:0 auto 5px auto}
.tnb_wrap .tnb_box li a{ color:#727272}
.tnb_wrap .tnb_box li a.login:before{ background-size:18px}
.tnb_wrap .tnb_box li a.my:before{ background-image:url(../img/web/tnb_my.png); background-size:14px}
.tnb_wrap .tnb_box li a.guide:before{ background-image: url(../img/web/tnb_guide.png); background-size:20px}
.tnb_wrap .tnb_box li a.data:before{ background-image: url(../img/web/tnb_data.png); background-size:17px}
/************
메뉴
*************/
.lnb_wrap{ width:240px; border-right:1px solid #585858; min-height:calc(100vh - 100px); float:left}
.lnb_wrap dl, .lnb_wrap dt, .lnb_wrap dd{ margin:0; padding:0}
.lnb_wrap dl{ border-bottom:1px solid #bbb}
.lnb_wrap dt{ background:#f4f4f4; text-align:center; line-height:78px; font-size:25px; font-weight:700; color:#3f3f3f }
.lnb_wrap dd{ border-top:1px solid #bbbbbb; line-height:45px; }
.lnb_wrap dd, .lnb_wrap dd a{ color:#545454; display:block; font-size:16px}
 .lnb_wrap dd a{ padding-left:20px}
.lnb_wrap dt.active{ background:#20996b; color:#fff}
.lnb_wrap dd.active a{ background:#31bc82; color:#fff; position:relative; font-weight:700}
.lnb_wrap dd.active a:after{ content:""; width:10px; height:10px; background:#31bc82; position:absolute; right:-6px; top:50%; display:block;  transform:rotate(45deg); margin-top:-5px}
.lnb_wrap .rslt a{ display:block; width:100%; line-height:80px; background:#f45151; color:#fff; font-size:25px; text-align:center; font-weight:700 }

/************
팝업
*************/
.popup{ padding:20px; min-width:650px}
.popup .box{ border:1px solid #ccc; padding:30px 45px}
.popup .schbox{ text-align:center; border-bottom:1px dashed #a0a0a0; padding-bottom:25px; margin-bottom:20px}
.popup .schbox label{ font-size:20px; font-weight:700; color:#3f3f3f; line-height:41px; vertical-align:middle; min-width:130px; padding-right:15px}
.popup .schbox input[type="text"]{ height:41px; width:220px; padding-left:10px}
.popup .schbox button{ background: #595959; color: #fff; min-width:120px; padding: 0 20px; font-size: 16px; border-radius: 4px; margin-left: 15px; height:41px}
.popup .rsltbox{height:170px; overflow:hidden; margin-bottom:45px}

.popup .nodata{ text-align:center; color:#898989; font-size:21px; font-weight:700; line-height:170px}
.overf{ overflow-y:auto  !important }
.popup .btn_wrap{ margin-bottom:0}
.popup .bdlist_box{ padding-top:0}
.popup table{ border:1px solid #d9d9d9; border-width:1px 0 0 1px}
.popup table thead th{ background:#efefef; font-size:16px; font-weight:bold; height:52px; border:1px solid #d9d9d9; border-width:0px 1px 0 0}
.popup table tbody td{height:52px;border:1px solid #d9d9d9; border-width:0px 1px 1px 0; font-size:16px}
/************
모달
*************/
.modal{ position:fixed; left:0; top:0; z-index:99; background:rgba(255,255,255,0.95); width:100%; height:100%; display:none}
.modal.active{ display:block}
.modal .box{ min-width:650px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-color:#9a9a9a}
.modal button.close{ position:absolute; right:20px; top:20px; font-size:14px; color:#999;}
.modal button.close:before{ content:"X"; padding-right:5px}
.modal h3{ color:#3f3f3f; font-size:20px; font-weight:700; border-bottom:1px dashed #c0c0c0; padding-bottom:18px; margin-bottom:23px}
.colbox{ border:none; margin-bottom:40px}
.colbox table, .colbox table th, .colbox table td{ border:none !important; text-align:left !important}
.colbox table td input[type="text"]{ min-width:220px}
.colbox table th{ color:#212121; font-size:17px;; font-weight:700}

/************
컨텐츠
*************/
.content_wrap{ float: left; width:calc(100vw - 250px); min-width:740px; max-width:1040px; padding:67px 0 50px  50px}
.content_wrap > h2{ font-weight:700; font-size:33px; color:#212121; margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:1px solid #787878}
.content_wrap > p{ font-size:17px; color:#212121; margin:0; padding:0 0 20px 0}
.content_wrap > p > strong{ font-weight:700}
.content_box{ border:1px solid #cecece; padding:50px; margin-bottom:30px}
/* 로그인 */
.content_box.login{ padding:60px 0}
.login .loginbox{ position:relative}
.login .loginbox, .login .etcbox{ width:440px; margin:0 auto}
.login .loginbox input[type="text"], .login .loginbox input[type="password"]{ width:323px; height:41px; border:1px solid #c2c2c2; padding-left:15px; font-size:13px !important; letter-spacing:0 !important }
.login .loginbox div{ margin-bottom:8px}
label input[type="checkbox"], label input[type="radio"]{ z-index:1; position:relative; left:auto; top:auto; vertical-align: middle; margin-right:5px}
.login .loginbox div.save{ padding-top:8px; color:#898989; font-size:15px}
.login .loginbox div.ok{ position:absolute; right:0; top:0; width:105px;  height:90px;}
.login .loginbox div.ok button{ line-height:90px; background:#3f3f3f; border-radius:10px; width:100%; color:#fff; font-weight:700; font-size:17px}
.login .etcbox{ text-align:center; margin-top:60px}
.login .etcbox a{ display:inline-block; text-align:center; line-height:37px; height:37px; width:138px; background:#9e9e9e; color:#fff; font-size:16px; border-radius:19px; margin:0 3px } 
.login .etcbox a.join{ background:#3f3f3f}
/* 회원가입 */
.stepbox:after{ content:""; display:block; clear:both; float:none}
.stepbox ul, stepbox li{ margin:0; padding:0}
.step li{ float:left; border:1px solid #d4d4d4; width:33.333%; font-size:13px; color:#898989; border-top:8px solid #a0a0a0; border-left:0; padding:16px 0 18px 60px; position:relative}
.step li:first-child { border-left:1px solid #d4d4d4; }
.step li strong{ font-size:15px; display:block; letter-spacing:0}
.step li.active{ border-top-color:#ea6060;color:#ea6060}
.step li:before{ content:""; background:url(../img/web/agreechk_off.png) no-repeat 0 0; width:22px; height:20px; position:absolute; left:20px; top:26px}
.step li.active:before{ background-image:url(../img/web/agreechk_on.png)}
@media (max-width: 1100px) {
.step li strong{ font-size:13px; letter-spacing:-1px}
}
input[type="checkbox"]{ width:20px; height:20px}
.join .step1box{ padding-top:35px}
.join .step1box .all_agree{ color:#212121; font-size:18px; font-weight:700}
.join .container{ border:1px solid #d4d4d4; margin-top:10px; padding:25px 35px; margin-bottom:40px}
label.agree{ font-weight:700; font-size:16px; color:#595959}
.join .box{ border:1px solid #d7d7d7; font-size:15px; line-height:31px; padding:12px; max-height:150px; overflow:hidden; overflow-y:auto; margin-top:10px}
.join .container > .agree + .agree{ margin-top:50px}
.join h3{color:#212121; font-size:18px; font-weight:700; border-bottom:1px solid #c4c4c4; line-height:55px; margin-bottom:30px}
.join .step1box table th{ text-align:left; padding-left:20px; width:25%; color:#212121; font-size:18px; vertical-align:top; line-height:85px}
.join .step1box table th:before{ content:"-"}
.join .step1box table th, .join .step1box table td{ height:85px; text-align:left; font-size:16px}
td input[type="text"], td input[type="password"]{ height:38px; border:1px solid #c2c2c2; padding-left:10px;  letter-spacing:0 !important; width: 35%; margin-right:15px }
button.chk{ height:38px; border:none; background:#9e9e9e; color:#fff; font-size:16px; border-radius:20px; padding:0 20px}
button.chk + span.comment{ margin-left:10px}
 span.comment{ font-size:16px; color:#b7b7b7}
td .mail{ padding-top:20px}
td .mail input[type="text"]{ width:65%}
td .mail label{ font-size:16px; color:#595959; font-weight:bold; display:block; margin-top:10px }
.btn_wrap{ text-align:center; margin-bottom:50px}
.btn_wrap button{ line-height:57px; border:none; background:#3f3f3f; padding:0 45px; border-radius:29px; color:#fff; font-size:16px; letter-spacing:0; font-weight:700; position:relative  }
.btn_wrap button.btn_next{ padding-right:35px; letter-spacing:3px}
.btn_wrap button.btn_prv{ padding-left:35px; letter-spacing:3px}

.btn_wrap button.btn_next:after{border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;content:"";display: inline-block; margin-left:18px}
.btn_wrap button.btn_prv:before{border-right:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;content:"";display: inline-block; margin-right:18px}

.join .step2box{ padding:70px 0 0px 0; }
.join .step2box h3{ float:left; border:none; font-size:28px; font-weight:700; padding:0; margin:0;padding-bottom:50px; line-height: normal; width:160px}
.join .step2box ul.info{ padding:0; margin:0; float:left; padding-bottom:40px; width:calc(100% - 160px)}
.join .step2box ul.info li{ font-size:17px; margin-bottom:8px}
.join .step2box ul.info li:before{ content:"-"}
.join .step2box .container{ border:none; border-top:1px dashed #acacac; clear:both; float:none; padding:25px 0}
.join table thead th{ background:#c6c6c6; color:#fff; font-weight:700; font-size:15px; text-align:center; height:47px}
.join .step2box table th, .join .step2box table td{ border-right:1px solid #b1b1b1; border-top:1px solid #b1b1b1; padding:15px}
.join .step2box table{ border-left:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; }
.join .step2box table tbody th{ font-size:14px; color:#595959; font-weight:700}
.join .step2box table tbody td{ font-size:13px; }
.join .step2box table td ul.pay{ font-size:0}
.join .step2box table td ul.pay, .join .step2box table td ul.pay li{ margin:0; padding:0}
.join .step2box table td ul.pay li{ padding:10px 3px;text-align:left; }
.join .step2box table td ul.pay li label,  .join .step2box table td ul.pay li span{ display:inline-block; vertical-align:middle; width:50%;font-size:13px}
button.btn_pay{ line-height:36px; padding:0 35px; background:#595959; color:#fff; font-size:15.36px; font-weight:700; border:none; border-radius:18px; margin:10px 0 5px 0}
.join .step2box table td button.chk{ font-size:12px; background:#898989; letter-spacing:0}
.join .step2box table td span.comment{ font-size:12px; color:#595959; display:block; margin:10px 0 0 0}
.join .step3box{ padding-top:50px; text-align:center}
.join .step3box h3{ color:#e54c4c; font-weight:700; font-size:33px; border:none}
.join .step3box p{ font-size:16px; line-height:27px; color:#212121; font-weight:300; margin:0; padding:0}

/* 내정보 */
.content_box.my{ padding-top:30px}
.content_box.my h3{ font-weight:700; font-size:20px; color:#3f3f3f; border-bottom-style:dashed; margin-bottom:20px}
.my .myinfo h3{ font-weight:400; border:none; margin:0; padding:0; line-height:normal; margin-bottom:20px}
.my .myinfo h3 strong{ font-weight:700}
.content_box.my .box{ padding:15px 15px 15px 15px; line-height:normal; margin:0 0 20px 0}
.content_box.my dl{ width:50%; float:left; margin:0; padding:0}
.content_box.my dl dt, .content_box.my dl dd{ float:left; margin:0; padding:0; font-weight:700; font-size:18px; color:#3f3f3f}
.content_box.my dl:after{ content:""; display:block; float:none; clear:both}
.content_box.my dl dt:before{ width:3px; height:3px; background:#3f3f3f; border-radius:100%; display:inline-block; vertical-align:middle; content:""; margin-right:5px}
.content_box.my dl dd{}
.content_box.my p.comment{ color:#212121; font-size:14px}
button.key{ background:#31bc82; padding:0 26px}
.content_box.my > div + div{ margin-top:50px}
.content_box.my .payinfo{ position:relative; margin-top:100px}
.content_box.my .payinfo button.btn_pay{ position:absolute; right:0; top:0;line-height: 57px; border: none;background: #595959;padding: 0; min-width:145px;border-radius: 29px;color: #fff;font-size: 16px;letter-spacing: 0;font-weight: bold; margin-top:-15px   }
.content_box.my .payinfo .container{ padding:0; border:none}
.content_box.my .payinfo table th, .content_box.my .payinfo table td{ border-right:1px solid #b1b1b1; border-top:1px solid #b1b1b1; padding:15px;font-size:15px;}
.content_box.my .payinfo table{ border-left:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; }
.content_box.my .step1box{ padding-top:0}
.btn_wrap button{ min-width:140px; }
.btn_wrap button + button{ margin-left:40px}
.content_box.my .dropbox dl{ float:none; width:auto; padding-top:20px}
.content_box.my .dropbox dl dt:before{ display:none}
.content_box.my .dropbox dl dt{ color:#3f3f3f; font-size:17px; font-weight:700; float:none; padding-bottom:10px}
.content_box.my .dropbox dl dd{color:#3f3f3f; font-size:17px; font-weight:300; margin:0; padding:0; float:none}
.content_box.my .dropbox dl dd + dt{ padding-top:45px}
.goodsinfo.goodspay h3{ border:none; margin-bottom:0}
/* 상품결제 */
.goodsinfo.goodspay { border-bottom:1px dashed #acacac; padding-bottom:20px}
.join.my .step2box{ padding-top:0}
.join.my .step2box h3{font-size: 28px;font-weight: 700; border:none}
.okbox{  text-align:center; padding-top:10px}
.okbox h3{ color:#31bc82 !important; font-weight:700 !important; font-size:33px !important; border:none !important}
.okbox p{ font-size:16px; line-height:27px; color:#212121; font-weight:300; margin:0; padding:0}

.okbox dl{ margin:0; padding:0; text-align:left; width:100%}
.okbox dl + dl{ margin-top:30px}
.okbox dl dt, .okbox dl dd{ float:left; margin:0; padding:0; font-weight:700; font-size:20px; color:#3f3f3f}
.okbox dl dd{ font-weight:400}
.okbox dl:after{ content:""; display:block; float:none; clear:both}
.okbox dl dt:before{ width:3px; height:3px; background:#3f3f3f; border-radius:100%; display:inline-block; vertical-align:middle; content:""; margin-right:5px}
/* 아뒤 비번 찾기 */
.content_box.member{ overflow:hidden;}
.findbox{ float:left; width:50%; overflow:hidden; position:relative; border:1px solid #ddd; border-right:0; height:510px}
.findbox.pw{ border-left:1px dashed #ddd; border-right:1px solid #ddd}
.findbox h3{ line-height:45px; text-align:center; background:#c6c6c6; color:#fff; font-weight:700; font-size:16px; margin-bottom:30px}
.findbox.pw h3{ background:#aaaaaa}
.findbox div{ margin-bottom:17px; padding:0px 20px}
.findbox label{ float:left; font-size:15px; color:#3f3f3f; font-weight:700; width:100px; line-height:42px}
.findbox label + input{ width: calc(100% - 100px); height:42px; padding-left:10px}
.findbox .mail button{ margin:13px 0 15px 100px; line-height:42px; background:#595959; border-radius:21px; color:#fff; font-size:16px; letter-spacing:0; padding:0 35px; border:none}
@media (max-width: 1100px) {
.findbox .mail button{ font-size:15px; letter-spacing:-1px; padding:0 30px}
}
.findbox span.limit{ text-align:right; display:block; font-size:14px; color:#ea6060; padding-top:8px}
.findbox .btn_wrap{ position:absolute; bottom:25px; left:0; margin-bottom:0; width:100%}
.content_box.my dl dt:before{ width:3px; height:3px; background:#3f3f3f; border-radius:100%; display:inline-block; vertical-align:middle; content:""; margin-right:5px}
.okbox.pwbox dt{ width:230px; line-height:38px}
.okbox.pwbox dd{ width:calc(100% - 230px)} 
.okbox.pwbox dd input[type="text"], .okbox.pwbox dd input[type="password"]{ height:38px; border:1px solid #c2c2c2; padding-left:10px;  letter-spacing:0 !important; width:55%; margin-right:10px }
.okbox.pwbox dd span.comment{ font-size:14px}
.okbox.pwbox dl + dl{ margin-top:15px}
.okbox.pwbox dd button.chk{ margin-top:20px; padding:0 35px; background:#595959}
p.alert{ color:#ea6060}

/* 자료실 */
.listbox{ margin-bottom:60px}
.listbox thead th{ background:#f2f2f2; font-size:17px; color:#3f3f3f; height:53px; border-top:1px dashed #cecece}
.listbox tbody td, .listbox tbody th{border-bottom:1px dashed #cecece; height:51px; font-size:16px}
.pagebox{ text-align:center; margin:50px auto 0 auto; clear:both; float:none }
.pagebox .num{ display:inline-block;vertical-align:middle;}
.pagebox > span, .pagebox .num > span { height:30px; overflow:hidden;  vertical-align:middle; display:inline-block ; min-width:30px;  margin:0 2px; line-height:28px; box-sizing:border-box;  text-decoration:none; color:#333; margin-bottom:5px}
.pagebox > span:hover, .pagebox > span:hover a,.pagebox .num > span:hover, .pagebox .num > span:hover a{ color:#ea6060; text-decoration: underline}
.pagebox > .num > span > a{ width:100%; height:100%; display:block;padding:0 10px; text-align:center; box-sizing:border-box; font-size:16px}
.pagebox span.on,.pagebox span.on > a{ font-weight:700; color:#ea6060; text-decoration:underline}
.pagebox span.fst span, .pagebox span.prv span, .pagebox span.nxt span, .pagebox span.end span{ overflow:hidden; padding:0; vertical-align:top; height:30px; position:relative; font-weight:bold; font-size:14px }
.pagebox span.nxt span:after{display: inline-block; content:""; line-height:30px; text-indent:0;border-left:6px solid #4d4d4d;border-top:4px solid transparent;border-bottom:4px solid transparent; margin-left:5px}
.pagebox span.prv span:before{display: inline-block; content:""; line-height:30px; text-indent:0;border-right:6px solid #4d4d4d;border-top:4px solid transparent;border-bottom:4px solid transparent; margin-right:5px}
.schbox{ text-align:right; margin-bottom:30px}
.schbox select{ min-width:96px}
.schbox select, .schbox input[type="text"], .schbox button{ height:35px; vertical-align:middle; margin-left:15px}
.schbox button.sch{ margin-left:-1px; width:40px; background:url(../img/web/btn_sch.png) no-repeat center center}
.schbox button.sch span{ font-size:0; line-height:0;}
.bdlist_box{ padding-top:30px}

/************
훈련
*************/

.start_box{ text-align:center}
.start_box h3{ font-size:33px; font-weight:normal; padding-top:10px}
.start_box p{ font-size:18px; font-weight:700; padding:20px 0 30px 0 }
.start_box ul.list, .start_box ul.list li{ margin:0 auto; padding:0 }
.start_box ul.list{ background:#f2f2f2; width:275px; margin-bottom:70px}
.start_box ul.list li{ line-height:67px; border:1px solid #ddd; margin-bottom:-1px; font-size:20px; font-weight:700; color:#3f3f3f}
.start_box ul.list li a{ color:#3f3f3f}
.start_box button.key{ width:290px; color:#fff; font-size:21px; line-height:28px; letter-spacing:0; padding:28px 0; border-radius:10px;    box-shadow: 0px 10px 10px rgba(102,102,102,0.31); font-weight:700 }
.project{ padding-top:30px}
.project h3{ border-bottom:1px dashed #c9c9c9;font-weight:700; font-size:20px; color:#3f3f3f; margin-bottom:20px; padding-bottom:10px}
.project table{}
.project table{border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7; }
.project table thead th{ background:#f2f2f2; font-size:17px; color:#3f3f3f; height:53px; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7}
.project table tbody td, .project table tbody th{border-top:1px solid #d7d7d7; height:51px; font-size:16px; border-right:1px solid #d7d7d7}
.project table tbody td input[type="checkbox"]{ width:auto; height:auto}
.basicbox table{ border:none !important}
.basicbox table th{ text-align:left; padding-left:20px; width:25%; color:#212121; font-size:18px; vertical-align:top; line-height:65px}
.basicbox table th:before{ content:"-"}
.basicbox table th, .basicbox table td{ height:65px; text-align:left; font-size:16px; border:none !important}
td .building{ padding-top:20px; padding-bottom:20px}
td .building input[type="text"]{ width:100%}
td .building .comment{ display:block; padding-top:10px }
.project > div + div, .project > form > div + div{ margin-top:100px}
.project h3 + p{ font-size:17px; color:#595959}
table.under{ width:20%; margin-top:45px}
button.key3{ background:#f45151}
button.gray{ background:#898989}
button.key.btn_next{ letter-spacing:0 !important; padding-left:35px; padding-right:25px}
.emergbox{ position:relative}
.emergbox table{ margin-top:50px}
.emergbox td input[type="text"]{ width:100%; height:43px}
.emergbox td span.comment{ padding-top:5px; display:block}
.emergbox tbody th{ text-align:left; padding-left:25px; background:#c6c6c6; font-size:18px !important}
.emergbox tbody td{ text-align:left; padding:15px 20px 10px 20px;}
.emergbox tbody td.ph{ background:#f9f9f9}
.project .emergbox table tbody td, .project .emergbox table tbody th{border-top: 1px dashed #cdcdcd;border-right: 1px dashed #cdcdcd;}
.project .emergbox table tbody th{border-top: 1px dashed #b7b7b7; border-right:none}
.project .emergbox table tbody tr:first-child td{ border-top:1px solid #d7d7d7}
.project .emergbox table tbody tr td.ph{border-right:1px solid #d7d7d7}
.emergbox p.must{ margin:0; padding:0; position:absolute; right:0; top:0; font-size:17px; font-weight:700; color:#ea6060}
.project + .project .emergbox th, .project + .project .emergbox td{ height:90px !important}
.emergbox table thead th{ background:#c6c6c6; font-size:18px; border-color:#b2b2b2 !important}
.manbox ul.alert{ margin:0;  border:1px solid #f3a3a3; padding:20px; margin-bottom:30px}
.manbox ul.alert li{ font-size:16px; margin-bottom:6px; color:#ea6060}
.manbox ul.alert li.alert{ padding:5px 0; font-weight:700}
.manbox ul.alert li.info{ color:#898989; font-size:15px; padding-top:20px}
.manbox .btn_wrap{ margin-bottom:80px}
.manbox .btn_wrap button{ line-height:48px; padding:0 20px; min-width:166px; background:#595959}
.manbox .btn_wrap button + button{ background:#898989}
dl.file{ line-height:50px; border:1px solid #c6c6c6; overflow:hidden}
dl.file dt, dl.file dd{ float:left; width:calc(100% - 205px); margin:0; padding:0}
dl.file dt{ text-align:center; background:#c6c6c6; font-size:15px; color:#fff; width:205px; font-weight:700}
dl.file dd{ padding-left:20px; font-size:15px}
div.orgbox + div.orgbox{ margin-top: 120px}
div.orgbox .sch dl{ clear: both; float: none; overflow: hidden; margin: 0; padding: 0}
div.orgbox .sch dl + dl{ margin-top: 20px}
div.orgbox .sch dl dt, div.orgbox .sch dl dd{ float: left;; margin: 0; padding: 0; }
div.orgbox .sch dl dt{ width: 250px; font-size: 17px; color: #212121; font-weight: 400;line-height: 41px}
div.orgbox .sch input[type="text"]{ height: 41px; min-width: 220px}
div.orgbox .sch dd button{ height: 41px; background: #595959; color: #fff; min-width:120px; padding: 0 20px; font-size: 16px; border-radius: 4px; margin-left: 15px}
div.orgbox > p, div.orgbox > div { margin-bottom: 50px}
div.orgbox div.man table{ border-bottom: none}
div.orgbox div.man table tbody tr:last-child td{ border-bottom: 1px solid #d7d7d7}
div.orgbox div.man table th,  div.orgbox div.man table td{ font-size: 13px }
div.orgbox div.man table td label +  label{ margin-left:  12px}
div.orgbox div.man table td label input[type="checkbox"], div.orgbox div.man table td label input[type="radio"]{ margin-right: 0px }
div.orgbox div.man table thead th:last-child{ background: none; border: none}
div.orgbox div.man table tr td:last-child{ background: none; border: none !important}
button.tdbtn2{ font-size: 16px; background: #595959; height:41px; color: #fff; padding: 0 15px; min-width:80px ; border-radius: 21px }
div.orgbox p{ line-height: 1.65}
div.orgbox h3 + p > strong{ font-weight: 700}
div.orgbox div.roll tbody th{ background: #efefef; font-size: 18px;}
div.orgbox div.roll tbody td { padding:5px 8px; }
div.orgbox div.roll tbody td input[type="text"], div.orgbox div.roll tbody td textarea{ width: 100%; border: 1px solid #cdcdcd}
div.orgbox div.roll tbody td textarea{  display: block; height: 350px; line-height: 1.5}
div.orgbox div.btn button{ height: 37px; min-width: 100px; padding: 0 20px; background: #ddd; border-radius: 19px; color: #fff; font-size:15.35px}
div.orgbox div.btn button.use.active{ background: #31bc82}
div.orgbox div.btn button.nouse.active{ background: #f45151}
div.orgbox div.use{ margin-top:  -20px}
div.orgbox div.use  div.btn{ margin-bottom: 40px}
div.orgbox div.use p.alert{ margin: 0; padding: 0; font-size:20px; color: #f45b5b; font-weight:700}
@media (max-width: 1100px) {
div.orgbox .sch dl dt{ font-size:16px; letter-spacing:-1px;width: 200px; }
	button.tdbtn2{ min-width: inherit}
}
.alertbox{ border:1px solid #d3d3d3}
.alertbox ol{ margin:0; padding:20px 20px 20px 40px}
.alertbox ol li{ list-style:decimal; color:#595959; font-size:16px}
.alertbox ol li + li{ padding-top:5px}
.alertbox ol li span.comment{ display:block; font-size:15px}
.alertbox p{ color:#595959; font-size:16px; padding:0 20px}
.alertbox p > strong{ font-weight:700}
.alertbox textarea{ width:100%; height:330px; border:none; padding:20px; line-height:1.5; font-size:16px }
.alertbox + .btn_wrap{ margin-top:30px}
.manschbox .sch input[type="text"]{ height: 41px; min-width: 220px}
.manschbox .sch button{ height: 41px; background: #595959; color: #fff; min-width:120px; padding: 0 20px; font-size: 16px; border-radius: 4px; margin-left: 15px}
.fl{ float:left !important; clear:none !important}
.fr{ float: right !important; clear:none !important}
.manschbox .bdlist_box{ clear:both; float:none}
.manschbox div.add button.key3{ color:#fff; height:55px; border-radius:28px; padding:0 20px; min-width:140px; margin-top:-10px; font-size:16px; font-weight:700}
.bdlist_box div.total{ color:#2b2b2b; font-size:13px;; padding-bottom:10px}
.manschbox .bdlist_box table th,.manschbox .bdlist_box table td{ font-size:13px}
.manschbox .bdlist_box table td select{ font-size:13px !important; height:30px}
.manschbox .bdlist_box table td label +  label{ margin-left:  12px}
.manschbox .bdlist_box table td label input[type="checkbox"], .manschbox .bdlist_box table td label input[type="radio"]{ margin-right: 0px }
td .txtbtn{ text-decoration:underline; background:none !important; color:#898989; font-weight:700; white-space:nowrap }
td .txtbtn.green{ color:#31bc82}
.project > div.manschbox{ margin-top:40px}
.bigbtn_box{ text-align:center}
.bigbtn_box button{height:115px; width:40%; max-width:290px; padding:0 60px; margin:30px 15px; border-radius:10px; background:#515151; word-break:keep-all; color:#fff; font-size:21px; line-height:1.65; letter-spacing:0; font-weight:700;box-shadow: 0px 10px 10px rgba(102,102,102,0.21);
}
.bigbtn_box button.key3{ background:#f45151}
.bigbtn_box p{ font-size:16px; }
.upbox + .bigbtn_box{ margin-top:150px}
.upbox p{ position:relative; padding-right:180px; min-height:50px;padding-bottom:20px}
.upbox p button.btn_sample{ position:absolute; right:0; top:0; border:1px solid #424242; height:42px; font-size:16px; padding:0 20px; min-width:123px; box-shadow:1px 1px 0 rgba(255,255,255,0.8) inset;
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(222,222,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#dedede',GradientType=1 ); /* IE6-9 */
 }
input[type="file"]{ height:42px}
input[type="file"]::-webkit-file-upload-button{height:42px; padding:0 20px  }
.upbox button.save{height: 42px; background: #595959; color: #fff; min-width:120px; padding: 0 20px; font-size: 16px; border-radius: 4px; margin-left: 15px}
.upbox dl.saveok{ padding:0; margin:40px 0 0 0}
.upbox dl.saveok dt, .upbox dl.saveok dd{ padding:0; margin:0; float:left; line-height:41px; font-size:16px}
.upbox dl.saveok dt{ width:230px; text-align:center; background:#efefef; font-weight:700}
.upbox dl.saveok:after{ content:""; clear:both; float:none; display:block}
.upbox dl.saveok input[type="text"]{ height:41px; min-width:350px; padding-left:10px}
.upbox .up table{ border-left:0}
.upbox .up table tr td:last-child{ border-right:none}
.upbox .up table tr td, .upbox .up table tr th{ padding:10px}
.upbox .up table tr td{ text-align:left}
@media (max-width: 1100px) {
.upbox .up table tr td button.save{ min-width:inherit}
input[type="file"]::-webkit-file-upload-button{ padding:0}
input[type="file"]{ width:200px}
}

/**/
.row table input[type="text"]{ height:25px; min-width:60%; padding:0 5px; box-sizing:border-box; margin-right:0; font-size:13px !important}
.row table td, .row table th{ height:25px !important; padding:8px; font-size:12px !important}
 .row table th{ font-size:13px !important}
.row label input[type="checkbox"] + span, .row label input[type="radio"] + span{ padding-left:0}
.row label input[type="checkbox"] + span:before, .row label input[type="radio"] + span:before{ display:none}
.row table tbody th{ background:#f4f4f4; font-weight:700; font-size:13px}
.row table tbody td > strong{ font-weight:700}
.row label input[type="checkbox"], .row label input[type="radio"]{ margin-right:0}
.row table + table{ margin-top:-1px}
.row table tbody td span.comment{ font-size:12px; color:#000; display:inline-block; vertical-align:middle}
.row table tbody td br + span.comment{ padding-top:5px}
.row table tbody td br + span.comment + br + input[type="text"]{ margin-top:5px}
.project > div.row{ margin-top:0}
.project > div.row h3{ border:1px solid #d7d7d7; margin:-1px 0; padding:10px; background:#f4f4f4; font-size:14px; font-weight:700}
table.layout > tbody > tr > td{ padding:0}
table.layout > tbody > tr > td > table{ border-width:1px 0 0 0}
table.layout > tbody > tr > td > table thead tr th:last-child, table.layout > tbody > tr > td > table tbody tr td:last-child{ border-right:none}
table.layout > tbody > tr > td > table tbody tr th{ background:#fff}
.row label{ margin-left:5px !important; margin-right:5px !important; display:inline-block; vertical-align:middle}
.row textarea{ height:100%; width:100%; font-size:13px !important; letter-spacing:0 !important}
.row label input[type="checkbox"]:checked + span:after, .row label input[type="radio"]:checked + span:after{ display:none}
.row .info ul{ margin:0; padding:8px 5px; text-align:left}
.row .info ul li{ margin:0; padding:0; position:relative; padding-left:18px; font-weight:700; color:#35a85b}
.row .info ul li + li{ margin-top:5px}
.row .info ul li:before{ content:""; background:url(../img/web/ico_important.png) no-repeat 0 0; width:14px; height:13px; position:absolute; left:0; top:1px}
.row table td label.must + strong, .row table td label.must{ color:#f45151}
.row.step2 table input[type="text"], .facility table td input[type="text"]{ min-width:inherit}
.row table .comment.ml15{ text-align:right; min-width:40px }
.row + .btn_wrap{ margin-top:50px}
@media (max-width: 1100px) {
.row table .ml15.comment{min-width: inherit; text-align:left; padding-left:5px }
}
.facility table td{ font-size:13px !important; color:#000}
input[type="text"]:disabled{ background:#e8e8e8}
.facility + h3{ margin-top:70px}
.facility + .btn_wrap + .bigbtn_box button{ line-height:1.5; padding:0 30px}
button.square{ border-radius:6px !important; height:63px; font-size:21px !important; min-width:290px;box-shadow: 0px 10px 10px rgba(102,102,102,0.21); margin-bottom:50px }
.content_box.real{}
.content_box.real div.row h3{ border:none; padding:0;border-bottom: 1px dashed #c9c9c9;  font-weight: 700; font-size: 20px; color: #3f3f3f; margin-bottom: 20px;   padding-bottom: 10px; background:none; margin:0}
.content_box.real div.row +.row{ margin-top:80px}
.realpicbox input[type="text"]{ height:40px !important}
.realpicbox td{ padding-left:15px !important}
.realpicbox table th{ background:#fff !important; font-size:15px !important}
.realpicbox table tbody td span.comment{padding-left:15px !important}
@media (max-width: 1100px) {
.row.realpicbox table input[type="text"]{ min-width:50%}
}
.row.realpicbox + .btn_wrap{ margin-top:30px}
.btn_wrap + .realpicbox{ margin-top:80px !important}
.reportrslt_box{ overflow:hidden;}
.reportrslt_box dl{ overflow:hidden; margin:0; padding:0; height:110px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-radius:6px}
.reportrslt_box dl:after{ display:block; content:""; clear:both; float:none}
.reportrslt_box dl dt,.reportrslt_box dl dd{ float:left; margin:0; padding:20px 0; box-sizing:border-box; line-height:1}
.reportrslt_box dl dt{ color:#fff; background:#2bb07a; float:left; height:100%; font-size:72px; font-weight:700; min-width:230px; text-align:center; border-radius:6px; overflow:hidden}
.reportrslt_box dl dd{ width: calc(100% - 230px); overflow:hidden; padding:20px 30px 0 30px; float:left; height:100%; font-size:12px; }
.reportrslt_box dl dd > strong{ font-size:18px; color:#20996b; font-weight:700; display:block; padding:0px 0 10px 0}
.reportrslt_box dl dd > p{ margin:0; padding:0; line-height:1.5; max-height:40px; overflow:hidden; overflow-y:auto}
.real .emergbox td input[type="text"]{ width:auto; height:40px}
.real .emergbox td textarea{ width:100%; height:80px}
.real .emergbox tbody th{ text-align:center; padding:0 15px; word-break:keep-all; background:#efefef; font-size:16px !important; border-right:1px solid #cdcdcd !important}
.real .emergbox tbody th span.comment{ display:block; font-size:12px; color:#4a4a4a}
.real .emergbox td span.comment{ display:inline-block; font-size:13px; color:#515151}
.real .emergbox td span.date input[type="text"]{ margin-right:5px}
.real .emergbox td span.date { padding-right:15px; font-size:13px}
.real .emergbox td label + label{ margin-left:30px}
.project.real .emergbox table tbody td, .project.real .emergbox table tbody th{border-top: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;}
.project.real .emergbox table{ margin-top:0}
.content_box.report{ border:none; padding:0}
.listbox2 tbody th{background:#efefef;}
.listbox2 tbody td{ padding:0 20px; border-right:none !important}
.listbox2 table{    border-right: 1px solid #d7d7d7;}