@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 h3{}
 h4{}
 h4 + .bbsView.dl{margin-top:0px;} 

#content.sub{padding:80px 0;}
#content.sub.v1{padding:40px 0 80px 0;}
.sub_title,
.sub_tit{margin-bottom:25px; font-size:30px; color:#111;}
.added{margin:10px 0 30px 0; text-align:left;}
.added i{display:block; margin-top:7px;}
.added i:before{content:'* ';}

.lnb ul{margin-top:30px; text-align:center;}
.lnb ul li{display:inline-block; margin:0 20px; font-size:18px; line-height:36px; position: relative; font-weight: 600;}
.lnb ul li a{position:relative; color:#999;}
.lnb ul li a.on{color:#111;}
.lnb ul li a.on:after{content:'';display: block;width:100%;height:3px;position: absolute;bottom:-13px;background: #000;left:0;}
.sub h3 {font-weight: 400; font-size: 30px;}

.list02 > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px;}
.list02 > li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:1px; margin-right:5px; background:#555;}
.list01 > li{overflow: hidden; position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px;}
.list01 > li:before{content:""; position:absolute; left:0; top:12px; width:4px; height:4px; margin-right:5px; background:#777; border-radius:50%;}


/* suv visual */
.area_subVisual{position:relative; width:100%; height:400px; background-size:cover; background-position:50%; text-align:center;}
.area_subVisual .text{position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.area_subVisual .text h2{font-size:30px; color:#fff; letter-spacing:6px; -webkit-animation: fade-in-bottom 1.2s ease-in-out; animation: fade-in-bottom 1.2s ease-in-out;}
.area_subVisual .text span{display:block; margin-top:10px; color:#f6f6f6; animation-delay: 0.5s; -webkit-animation: fade-in-bottom 1.2s ease-in-out; animation: fade-in-bottom 1.2s ease-in-out;}


/* 인사말 */
.area_company{overflow:hidden;}
.area_company h3{font-size:26px; font-weight:500; color:#111; word-break:keep-all;}
.company01 .text{box-sizing:border-box;  float:left; width:50%; padding-right:35px; }
.company01 .text p{margin-top:30px; line-height:1.9; font-size:15px; word-break:keep-all;}
.company01 .img{float:right; width:48%;}

.company02 .text{box-sizing:border-box; float:right; width:48%; padding:40px 0; word-break:keep-all;}
.company02 .text p{margin-top:30px; line-height:1.9; font-size:15px; word-break:keep-all;}
.company02 .img{float:left; width:40%; margin-top:80px;}

/* 선행기술조사 */
.area_survey h3{position:relative; font-size:23px; padding-left:25px; font-weight:bold; color:#222;}
.area_survey h3:before{content:''; position:absolute; left:0; top:7px; display:block; width:8px; height:8px; border:5px solid #2e3688; border-radius:50%;}
.area_survey h4{font-size:19px; color:#214986;}

.area_survey .cont01 ul{display:flex; justify-content: space-between;}
.area_survey .cont01 ul li{box-sizing:border-box; display:flex; width:48%; padding:50px; background:#f6f6f6;}
.area_survey .cont01 ul li img{height:70px;}
.area_survey .cont01 ul li a{display:inline-block; padding:8px 30px; border:1px solid #999; font-size:13px;}
.area_survey .cont01 ul li a:hover{background:#333; color:#fff;}
.area_survey .cont01 ul li .txt{margin-left:30px;}
.area_survey .cont01 ul li .txt p{margin:7px 0 20px 0;}

.area_survey .cont02{margin-top:60px;}
.area_survey .cont02 ul{display:flex;}
.area_survey .cont02 ul li img{margin-top:55px; height:60px;}
.area_survey .cont02 ul li{width:25%; }
.area_survey .cont02 ul li div{width:80%; height:0; padding-bottom:80%; border-radius:50%; margin:0 auto; background:#214986; text-align:center;}
.area_survey .cont02 ul li p{margin-top:20px; font-size:16px; color:#fff;}
.more {margin-top:30px; text-align:center;}
.more a{display:inline-block; padding:15px 45px; border:1px solid #999; font-size:14px;}
.more a:hover{background:#333; color:#fff;}

.area_infomation ul {overflow:hidden;display:flex;flex-wrap: wrap;justify-content: space-between;}
.area_infomation ul li img{height:80px;}
.area_infomation ul li p{margin-top:20px; font-weight:500; font-size:16px; color:#111;}
.area_infomation ul li{box-sizing:border-box; width:32%; background:#f2f4f7; padding:50px 0; margin-bottom:20px; text-align:center;}
.area_infomation ul li:nth-child(3n){border-right:0}

.area_audit .bbsView{border-top:2px solid #222;}
.area_audit .point01{margin-bottom:5px; color:#980000}
.area_audit .point01 i{color:#555}
.area_audit .point02{margin-bottom:5px; color:#555}
.area_audit .point03{margin-bottom:5px; color:#111}
.area_audit .file_list li{margin-bottom:10px;}

/* 접수현황 */
.area_situational .sit ul{clear:both;display: flex;align-content: flex-end;align-items: center;}
.area_situational .sit ul li{width:14%; text-align:center;padding:16px 0;}
.area_situational .sit_top{overflow:hidden; border-bottom:1px solid #222; background:#214986;}
.area_situational .sit_top ul li{font-size:16px; color:#fff;}
.area_situational .sit_list{position:relative; width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.area_situational .sit_list a{overflow: hidden; display:block; width:100%; height:100%;}
.area_situational .sit_list a:hover{background:#f8f8f8}
.area_situational .sit_list ul li{padding:25px 10px; font-size:15px; word-break: break-all;}
.area_situational .sit_list ul li .button{z-index:9;}
.company_name{margin-bottom:10px; font-size:18px; font-weight:bold; color:#111;}
.company_name:before{content:'* ';}
.company_name em:before{content:' / ';}
.list_point{margin-bottom:30px; padding:30px; background:#f6f6f6}

.area_situational .bbsView{margin-top:30px; border-top: 2px solid #222;}
.area_situational .bbsView th{background:#f6f6f6; text-align:center;}
.area_situational .bbsView > tbody > tr > td{padding-left:20px;}
.area_situational .list_file li > a:before{top:5px;}
.area_situational .bbsView td .point1{display: block; color:#333; padding-top:5px; }
.area_situational .bbsView td .point1:before{content:'* ';}
.area_situational .bbsView td .point2{display: block; padding-top:5px; color:#980000;}
.area_situational .bbsView td .point2:before{content:'* ';}
.area_situational .list_file > li{margin-bottom:15px;}

.point01{margin-bottom:5px; color:#980000}
.point02{margin-bottom:5px; color:#555}
.point03{margin-bottom:5px; color:#111}


/* 이용약관 */
.area_policy{padding-top:0;}
.area_policy h2{padding:30px 0;font-size:30px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{margin-bottom:7px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px; padding-left:15px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}
.area_policy .inr_policy.no_line{border-bottom:0}

 @media screen and (max-width:1024px){
	.company01 .img img,
	.company02 .img img{width:100%}
	.company01 h3{font-size:20px;}

	.company02{clear:both}

	.area_survey .cont01 ul li{padding:30px;}

	.area_survey .cont02 ul li div{width:90%; height:100%; padding:20px 0; border-radius:0; }
	.area_survey .cont02 ul li img{height:40px; margin-top:0}
 }

 @media screen and (max-width:767px){
	.area_subVisual{height:300px;}
	.area_subVisual .text h2{font-size:18px;}
	.area_subVisual .text span{font-size:14px;}
	
	.sub_title,
	.sub_tit{font-size:18px; text-align:center;}
	.area_survey h3{font-size:17px;}
	.area_survey h3:before{top:5px;}

	#content.sub{padding:40px 0;}
	
	.company02 .img{margin-top:20px; width:100%;}
	.company02 .text,
	.company01 .text{width:100%; padding-right:0}
	.company01 .img{display:none;}
	.company02 .text p,
	.company01 .text p{font-size:14px;}
	
	.area_company h3{font-size:17px; font-weight:bold;}
	.area_survey h4{font-size:16px;}
	.area_survey .cont01 ul li img{height:50px;}
	.area_survey .cont01 ul{display:block;}
	.area_survey .cont01 ul li{width:100%; margin-bottom:20px;}
	.area_survey .cont01 ul li a{background:#333; color:#fff;}

	.area_survey .cont02 ul{    flex-wrap: wrap;}
	.area_survey .cont02 ul li{float:left; width:50%; margin-bottom:2%;}
	.area_survey .cont02 ul li p{font-size:14px;}
	.area_survey .cont02 ul li div{width:96%;}

	
	.area_infomation ul li{padding:30px 5px}
	.area_infomation ul li img{height:50px;}
	.area_infomation ul li p{font-size:14px;}
	
	.area_situational .sit_list ul li,
	.area_situational .sit_top ul li{font-size:14px;}

	.area_situational .sit_top{display:none;}

	.area_situational .sit ul{display:block; }
	.area_situational .sit ul li{width:100%; padding:7px; text-align:left; border-bottom:1px solid #ddd;}
	.area_situational .sit ul li.no{background:#f6f6f6;}
	.area_situational .sit ul li.report{border-bottom:0}

	.area_situational .sit_list{ margin-bottom:7px; border:1px solid #ddd;}
	.area_situational .sit_list ul li{padding:10px 15px; border-bottom:1px dashed #eee; text-align:left; font-size:14px;}
	.area_situational .sit_list ul li.no:before{content:'접수번호 : ';}
	.area_situational .sit_list ul li.name:before{content:'출원번호 : ';}
	.area_situational .sit_list ul li.date01:before{content:'신청일 : ';}
	.area_situational .sit_list ul li.date02:before{content:'출원일 : ';}
	.area_situational .sit_list ul li.mail:before{content:'이메일 : ';}
	.area_situational .sit_list ul li.state:before{content:'상태 : ';}
	.area_situational .sit_list ul li.report:before{content:'보고서 : ';}
	
	
	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}
	
	.list_point{padding:0; background:none}

	.lnb ul li{margin:0 13px;}

 }

 @media screen and (max-width:500px){
	.area_infomation ul li{width:49%; margin-bottom:2%}

	.list_point{padding:0; background:none}
 }