/* wrap */
.wrap{position:relative;}
.inner_wrap{width: 1200px; margin: 0 auto; position: relative;}
.main_body{background: #F2F4F8;}
.body_sm{width:600px; margin:0 auto; background: #fff; padding: 30px;}
.body_mid{width:900px; margin:0 auto; background: #fff; padding:30px;}
.page_title{font-size: 40px; font-weight: bold; margin-bottom: 25px}
.page_top_title{display: flex; justify-content: space-between;}
.page_top_title h1{font-size: 30px; padding: 20px 0;}
.path{text-align: right; font-size: 12px; color: #000; padding: 22px 0 16px; font-family: '돋움',dotum,sans-serif;}
.path span{padding: 0 10px}
.img_wrap > img{width: 100%}
.text_over{display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}


/* header */
header{background:rgba(24,42,74,0.4); height: 130px; position: absolute; z-index: 1; left: 0; top:0; width:100%; min-width: 1200px;}
header .gnb_top{height:130px; position: relative;}
header .gnb_top .logo a{display:block; position:absolute; left:0px; top:60px;}
header .gnb_top .utill_area{position: absolute; z-index: 2; right:0; top:10px;}
header .gnb_top .utill_area li{float: left; color:rgba(255,255,255,0.6); font-size: 12px; margin:0 0 0 20px;}
header .gnb_top .utill_area li a{font-size: 14px; color:#fff; }
header .gnb_top .gnb_menu{position: absolute; z-index:2; right:0; top:65px;}
header .gnb_top .gnb_menu li{float: left; color:rgba(255,255,255,0.6); font-size: 12px; margin:0 0 0 40px;}
header .gnb_top .gnb_menu li a{font-size: 18px; color:#fff; }
header .gnb_top .gnb_menu li .gnb_btn{background: #fff; color:#436FBB; font-size:16px; padding:10px 50px; border: 1px solid #436FBB; border-radius: 2px;}
header .gnb_top .gnb_menu li .gnb_btn:hover{background: #436FBB; color:#fff;}

/* footer */
footer{background: #fff; border-top: 1px solid #ddd; padding: 20px 0 40px 0; display: block;}
footer .inner_wrap{padding: 0 3px; box-sizing: border-box; overflow: hidden; }
footer .footer_logo{margin: 20px 0;}
footer div{margin: 10px 0; font-size: 12px; color:#666;}
footer p{color: #999; font-size: 12px;}


/* main */
.main_visual{width:100%; min-width:1200px; height: 630px; background: url('../images/main_img.png') center no-repeat; }
.main_visual .main_inner{width: 1200px; margin: 0 auto; height: 630px; position: relative;}
.main_visual .main_inner .txt_1{font-size: 56px; color:#000; padding-top:250px; font-weight: 600;}
.main_visual .main_inner .txt_2{font-size: 24px; color:#000; padding-top:40px;}
.main_visual .main_inner .main_bn_area{position:absolute; z-index: 5; bottom: -50px; width:100%; box-shadow:0 5px 34px rgba(0,0,0,0.1); -webkit-box-shadow:0 5px 34px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 34px rgba(0,0,0,0.1)}
.main_visual .main_inner .main_bn_area li{float:left; background: #fff; height:100px; width:300px; border-right: 1px solid #ddd; }
/* .main_visual .main_inner .main_bn_area li{float:left; background: #fff; height:100px; width:calc(25% - 1px); border-right: 1px solid #ddd; } */
.main_visual .main_inner .main_bn_area li .user_company{padding: 20px; font-size: 20px; color:#000;}
.main_visual .main_inner .main_bn_area li a{padding: 20px; display: block; color:#999;}
.main_visual .main_inner .main_bn_area li.on:hover{background: #f6f6f6;}
.main_visual .main_inner .main_bn_area li a p{font-size:20px; color:#000;}
.main_visual .main_inner .main_bn_area li p.after_title{padding:0 20px 5px 20px; font-size:20px; }
.main_visual .main_inner .main_bn_area li p.after_title span a{float:right; padding: 0; color:#436FBB; font-size:20px; font-weight:bold;}
.main_visual .main_inner .main_bn_area li p.after_title span a:hover{text-decoration: underline;}
.main_visual .main_inner .main_bn_area li:last-child{background:#436FBB url('../images/i_arrow_w.png') 230px 45px no-repeat; border-right: none; width:297px;}
.main_visual .main_inner .main_bn_area li:last-child a{color: #fff; font-size: 20px; line-height: 60px;}
.main_visual .main_inner .main_bn_area li:last-child:hover{background:#2A59AA url('../images/i_arrow_w.png') 250px 45px no-repeat;}

.main_board{overflow: hidden; margin-top:150px; padding-bottom:100px;}
.bbs_box{width:510px; height: 400px; background: #fff; padding: 30px 40px;}
.bbs_box .bbs_title{color:#000; font-size: 30px; font-weight: bold;}
.bbs_box .bbs_title span{float: right;}
.bbs_box ul{margin-top:20px;}
.bbs_box ul li a{display: block; font-size: 12px; color:#999; padding: 15px 0; }
.bbs_box ul li a p{font-size: 17px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; /*width:470px;*/}
.bbs_box ul li a p:hover{color:#436FBB;}
.bbs_box ul li a span{display: block; margin-top:5px;}
.bbs_box ul li a img{margin-left: 5px;}

/* sub layout */
.sub_visual{width:100%; min-width:1200px; height:130px; background: url('../images/sub_img.png') center center no-repeat; background-size:cover; position: relative;}
.sub_body{background:#F2F4F8; width:1200px; overflow: hidden; margin:0 auto; display: block;}
.sub_body .lnb_wrap{float:left; width:200px;}
.sub_body .con_wrap{float:right; width:1000px; min-height:800px; background:#fff;}
.sub_body .con_wrap .con_body{width:950px; margin-left: 50px; padding-bottom:100px;}

.title{font-size: 26px; color:#000; font-weight: bold; border-bottom:1px solid #ddd; margin: 40px 0 30px 0; padding-bottom: 20px;}
.sub_title{font-size: 20px; color:#000; font-weight: bold;}

.my_box{background: #436FBB; padding: 20px;}
.my_box .my_name{color:#fff; font-size: 14px;}
.my_box .my_name img{margin-right: 5px;}
.my_box ul{margin-top: 5px;}
.my_box ul li{border-bottom:1px solid #7a99cf; color:#fff; padding: 10px 0;}
.my_box ul li a{color:#fff; display: block;}
.my_box ul li a:hover{font-weight: bold;}
.my_box ul li:last-child{border-bottom: none; padding-bottom: 0;}
.my_box ul li dd{color:#fff; padding:5px 0;}
.my_box ul li dd a{ float:right; font-weight: bold;}
.lnb_menu{margin: 20px;}
.lnb_menu li{padding: 10px 0;}
.lnb_menu li a{color:#666; font-size: 15px;}
.lnb_menu li a:hover{color:#436FBB; font-weight:600;}
.lnb_menu li a.active{color:#436FBB; border-bottom:2px solid #436FBB; padding-bottom: 3px; font-weight: 600;}

.con_top_area{overflow: hidden;}
.con_top_left{float:left; text-align: left;}
.con_top_right{float:right; text-align: right;}

.login_wrap{width:400px; margin:70px auto;}
.login_wrap .member_title{font-size:50px; color:#000; font-weight: 200; margin-bottom:60px; }
.login_wrap li{display: block; margin-bottom: 30px;}
.login_wrap li label{display: block;}
.login_wrap li input{width:100%; margin-top: 10px;}
.login_wrap .btn_pw_find a{border-bottom: 1px solid #999; font-size: 14px; color:#666; padding-bottom: 5px;}
.login_wrap .line_btn a{width: 195px; text-align: center; line-height: 50px; border:1px solid #436FBB; color:#436FBB; font-size: 14px; display: inline-block; height:50px; border-radius: 2px;}
.login_wrap .line_btn a:hover{width: 195px; text-align: center; line-height: 50px; border:1px solid #f6f6f6; color:#333; background:#f6f6f6; font-size: 14px; display: inline-block; height:50px; border-radius: 2px;}

.all_agree_wrap{border-bottom:1px solid #ddd; text-align: right; padding-bottom:20px;}
.agree_wrap .agree_title{font-size: 18px; font-weight: bold; color:#000; margin:30px 0 10px 0;}
.agree_wrap .agree_con{padding: 15px; font-size: 13px; border:1px solid #ddd; height:200px; overflow-y:scroll; color:#666;}

.member_table{margin-top: 50px; width: 100%;}
.member_table th{text-align:left; font-weight:normal; padding: 10px 0; font-size: 16px;}
.member_table th span{color:#17B0C8; font-weight: bold;}
.member_table td{padding: 10px 0;}
.member_table td textarea{height:150px; padding: 10px; width:calc(440px - 20px); -webkit-width:calc(440px - 20px); -webkit-border:1px solid #ff0000;}
.member_table td select{height: 50px;}
.person_wrap{margin:40px 0;}
.person_wrap .person_title{font-size:16px; font-weight: bold;}
.person_wrap .person_title span{font-size:14px; color:#17B0C8; font-weight: bold;}
.person_wrap .person_title p{font-size:13px; color:#999; font-weight: normal; margin-top:8px;}
.person_wrap .person_reg{width:100%; overflow: hidden; margin-top: 30px;}
.person_wrap .person_reg li{width:350px; float:left; margin-left:74px;}
.person_wrap .person_reg li:first-child{margin-left:0;}
.person_wrap .person_reg li p{font-size: 16px; margin-bottom:10px;}
.person_wrap .person_reg li p span{color:#17B0C8; font-weight: bold;}

.tender_view{border:2px solid #436FBB;}
.tender_view .tendar_title{font-size: 20px; font-weight: bold; padding:15px 20px;}
.tender_view table{width:100%;}
.tender_view table th{background: #FBFBFB; border-top:1px solid #ddd; padding: 15px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; color:#666; font-weight: normal; text-align: left;}
.tender_view table th:first-child{border-left:none;}
.tender_view table td{border-top:1px solid #ddd; padding: 15px;}

.step_area{height: 100px; margin-bottom: 50px;}
.step_area .step_wrap{width:100%; height:50px; background: url('../images/'); border-bottom: 1px dashed #ddd;}
.step_area .step_wrap li{float: left; background: #B4B4B4; border-radius: 99%; width:100px; height:100px; text-align: center;}
.step_area .step_wrap li.on{background:#436FBB;}
.step_area .step_wrap li.step_arrow{background:none; padding:40px 37px 0 38px;}
.step_area .step_wrap li label{margin-top:10px; color: #fff; display: block; font-size: 14px;}
.step_area .step_wrap li p{margin-top:5px; color: #fff; font-size: 14px;}

.con_help_wrap{overflow: hidden; margin:70px 0 50px 0;}
.con_help_wrap dt{float: left; width:150px;}
.con_help_wrap dd{float: left; }
.con_help_wrap dd.txt_type_1{font-size: 16px; color:#666; line-height: 30px;}

.reg_step_wrap{overflow: hidden;}
.reg_step_wrap li{border:1px solid #436FBB; float:left; border-radius: 10px; height: 280px; width:120px; padding: 20px;}
.reg_step_wrap li.con_arrow{border:none; width:10px; margin-top:130px; height:20px;}
.reg_step_wrap li p{text-align: center; padding:20px 0 50px 0; }
.reg_step_wrap li .step_title{color:#17B0C8; font-weight: bold; font-size: 16px;}
.reg_step_wrap li .step_title span{display: inline-block; color:#fff; font-weight: bold; background:#17B0C8; width:23px; height:23px; text-align: center; border-radius:30px; margin-right: 10px;}
.reg_step_wrap li .step_con{text-align: left; margin-top: 10px; color:#666;}

.con_h1{font-size: 22px; color:#000; font-weight: bold; position: relative; padding-top: 15px;}
.con_h1::after{content: ""; position: absolute; width:100px; height:2px; background: #000; z-index: 2; top:0; left:0;  border:none;}

.con_group{color:#666; margin-bottom: 50px; line-height: 26px;}
.con_group .con_txt, .con_group .con_txt p {color:#666; line-height: 26px; font-size:15px;}

.border_list{width: 100%;}
.border_list li{background: #fff; border-radius: 20px; padding: 20px; font-size: 16px; color:#333; margin:10px 0; overflow: hidden;}
.border_list li p{font-size:12px; color:#999; margin-bottom: 10px;}
.border_list li table{width:100%;}