/* data */
.data_tit {display:block; margin-bottom:15px; font-size:22px; color:#3e3e3e; font-weight:500; letter-spacing:-1px;}
.data_list {width:100%; line-height:19px}
.data_list tbody tr th,.data_list tbody tr td {padding:9px; border:1px solid #d9d9d9; font-size:15px; word-break: break-all; text-align:left; }
.data_list tbody tr th {padding-left:30px; background:#f7f7f7; color:#333; font-weight:500; }
.data_list tfoot tr td{padding:25px 30px; border:1px solid #d9d9d9; color:#666; line-height:30px;}
.ip_ico {display:inline-block; width:15px; height:10px; margin-top:-5px; background:url('https://www.wedigitize.com/images/bbs/ico_ip.png') 2px 1px no-repeat; color:#fb6a00; font-weight:600; text-indent:-9999px; vertical-align:middle; background-size:9px}
.clearfix:after {content:''; display:block; clear:both;}


/* data-input */
.data_list .tit {width:20%; margin-bottom:15px;}
.data_list .ipt_chk {height:60px;} /* td안에 radio 또는 check 있을때 */  
.data_list .ipt_chk span {position:relative; display:inline-block; margin-right:10px; color:#666} 
.data_list .ipt_chk span.comment {width:100%}
.data_list .ipt_chk.oth span {position:relative;}

.data_list span.t_small {font-size:14px; font-weight:300}
.data_list tr td span.hyphen {display:inline-block; height:42px; padding:0 4px; line-height:42px; text-align:center}
.data_list tr td.address .text, .data_list tr td.address > p {width:40%;}
.data_list tr td.address > p {position:relative; margin-bottom:5px;}
.data_list tr td.address > p .text {width:100%}
.data_list tr td.address > p .btn_st {position:absolute; top:0; right:0; width:90px; margin-bottom:0; padding:0 5px;}
.data_list tr td.call {}
.data_list tr td.call .select, .data_list tr td.call .text {width:105px;}
.data_list tr td.mail .text {width:180px;}
.data_list tr td.calender .calender{width:65%;}
.data_list tr td.select .select {width:65%;} /* select 너비 고정시키고 싶을 때 */

/* agree */ 
.agree_box {padding:20px 30px 19px 30px; height:220px; overflow-y:auto; background:#f7f7f7; border:1px solid #d9d9d9; color:#858585; font-size:14px; line-height:20px;}
.agree_check {padding:20px 30px; border:1px solid #d9d9d9; border-top:0 none; font-size:13.5px; color:#666}
.agree_check a {display:inline-block; padding-left:20px; color:#111; text-decoration:underline}

/* 테이블st1 */
.table {width:100%; border-bottom:1px solid #dadde0; text-align:center; line-height:1.5; }
.table tbody th,.table tbody td {padding:12px 10px; border:1px solid #dadde0; border-width:1px 1px 0 1px; word-break:break-all; letter-spacing:-0.2px; font-size:16px;}
.table thead tr th {padding:12px 10px; background:#f2f2f2; font-weight:bold; border:1px solid #dadde0; border-width:1px 1px 0 1px;}
.table thead tr:first-child th {border-top:2px solid #000;}
.table tbody tr th,.table tfoot tr th {background:#f7f8fa; color:#333; font-weight:500}
.table th:first-child,.table td:first-child{border-left:none}
.table th:last-child,.table td:last-child{border-right:none}
.table .bg {background:#f7f8fa;}

.vou .ul > li {text-align:left;}

@media screen and (max-width:800px) {
	/* 테이블st1 */
	.table tbody th,.table tbody td {font-size:14px; line-height:18px}
	.table thead tr th {padding:10px; line-height:18px; font-size:14px}
}
@media screen and (max-width:600px) {
	/* 테이블st1 */
	.table tbody th,.table tbody td {padding:7px;}
}
@media screen and (max-width:400px) {
	/* 테이블st1 */
	.table tbody th,.table tbody td {font-size:13px; line-height:16px;}
}


@media screen and (max-width:800px) {	
	/* data */
	.data_list .tit {width:15%;}
	.data_list tbody tr th {padding:10px;}
	.data_list tbody tr td {overflow:hidden;}

	/* data-input */
	.data_list tr td span.hyphen {width:20px; padding:0;}	
	.data_list tr td.address .text, .data_list tr td.address > p {width:100%;}
	.data_list tr td.address .text:last-child {margin-top:5px;}
	.data_list tr td.mail .text, .data_list tr td.mail .text, .data_list tr td.mail span.hyphen {float:left;}
	.data_list tr td.mail .text {width:32%;}
	.data_list tr td.mail .select {width:calc( 36% - 25px ); margin-left:5px;}
	.data_list tr td.calender .calender, .data_list tr td.select .select{width:100%;}
	.data_list span.comment {display:block; margin-top:5px;} 
}
@media screen and (max-width:620px) {	
	/* data */
	.data_tit {margin-bottom:10px; font-size:18px; font-weight:bold}
	.data_list colgroup {display:none}
	.data_list tbody tr, .data_list tfoot tr {display:block; width:100%;}
	.data_list tbody tr th, .data_list tbody tr td, .data_list tfoot tr td {display:block; font-size:14.5px;}
	.data_list tbody tr th {padding:13px 12px; border-bottom:0 none; font-weight:bold}
	.data_list tbody tr td {padding:9px 12px; margin-bottom:5px;}
	.data_list tfoot tr td {padding:18px 12px; line-height:19px; font-size:14px; }
	.data_list tfoot tr td p {margin-bottom:3px;}

	/* data-input */
	.data_list tr td span.hyphen {height:38px;}
	.data_list tr td .text,.data_list tr td .select {width:100%;}
	.data_list tr td.call span.hyphen {float:left; width:13.5px;}
	.data_list tr td.call .select, .data_list tr td.call .text {float:left; width: calc(33.33% - 9px);}
	.data_list .ipt_chk {height:auto; padding:16px 12px 13px 12px} 
	.data_list .ipt_chk span {width:45%; margin:0 0 3px 0} 
	.data_list .ipt_chk.oth span {width:100%; display:block;} 

	/* agree */
	.agree_box {overflow-y:scroll; height:110px; padding:16px 12px}
	.agree_check {padding:12px 12px}
	.agree_check a {display:block; padding-left:0;}
}

/*데이터바우처*/
.visual{overflow:hidden;}
.visual:before {content:''; display:block; width:100%; height:700px; background:url('../images/voucher/bg_vou.jpg') 50% 0 no-repeat; background-size:cover; animation:visual-zoom 3s ease 1;}
.visual .inner{position:absolute; top:24%; left:0; right:0;}
.visual .txt_box{display:inline-block; font-weight:300; opacity:0.8;letter-spacing:-.5px; width:100%;}
.visual .txt_box h3{font-size:48px; line-height:1.2; color:#fff; font-weight:300; padding-right:147px; padding-bottom:40px; }
.visual .txt_box > h3 > span{font-weight:bold;}
.visual .txt_box > span{display:inline-block; font-size:20px; color:rgba(255,255,255,0.8); padding-bottom:12px; font-weight:500; line-height:1.6; }
.visual .txt_box p{display:block; padding-bottom:50px; color:rgba(255,255,255,0.8); font-size:19px;  font-weight:300; opacity:0.8;}
.visual .txt_box strong{text-align:right; display:block; line-height:1; border-bottom:1px solid #86949c; font-size:50px; font-weight:bold; letter-spacing:-.5px; font-family:'Roboto'; color:rgba(255,255,255,0.2); text-transform:uppercase;}
.visual .txt_box em a{text-align:right; line-height:1; margin:22px 0 27px; display:block; font-size:15px; font-weight:100; color:#fff; }
.visual .txt_box em a:after{content:'\e940 '; font-family:'Xeicon'; font-size:15px; }
.vou{text-align:center; padding-bottom:90px;}
.vou .top_txt{padding-top:85px;}
.vou .top_txt > h4 {display:block; letter-spacing:-2px; font-size:36px; color:#111; line-height:2; }
.vou .top_txt > h4 > em.voucher{display:inline-block; font-weight:bold;}
.vou .top_txt p{font-size:19px; color:#666; font-weight:300; letter-spacing:-.5px; line-height:1.3; margin-bottom:60px; }
.vou03 h5, .vou04 h5{display:inline-block; color:#000; font-size:28px; border-bottom:1px solid #000; text-align:center; font-weight:bold; padding-top:17px; margin-bottom:45px; line-height:1; }
.vou01{background-color:#f2f2f2;}
.vou01 ul li{float:left; width:49%; height:530px; border:3px solid #ebebeb; background:#fff;}
.vou01 ul li:first-child{margin-right:2%;}
.vou01 ul li img{display:block; padding:34px;}
.vou01 ul li h5{font-size:19px; background:#203864; color:#fff; padding:12px 0;}
.vou01 .table{margin:36px auto; width:93%; font-size:14px; }
.vou01 .table thead tr:first-child th:first-child{width:27%;}
.vou01 .table tbody th, .vou01 .table tbody td{font-size:14px;}
.vou01 .table tbody td{text-align:left; }
.vou_step ul li{float:left; width:30%; margin:0 5% 5% 0; position:relative;}
.vou_step ul li:nth-child(4),.vou_step ul li:nth-child(5),.vou_step ul li:nth-child(6){float:right;}
.vou_step ul li:after{content:''; width:20px; height:20px; position:absolute; right:-46px; top:42%; background:url('../images/voucher/ico_arrow_right.png') 0 0 no-repeat; }
.vou_step ul li:nth-child(3),.vou_step ul li:nth-child(4),.vou_step ul li:nth-child(9){margin-right:0;}
.vou_step ul li:nth-child(3):after,.vou_step ul li:nth-child(6):after{content:''; width:20px; height:20px; position:absolute; left:50%; top:129px; background:url('../images/voucher/ico_arrow_bottom.png') 0 0 no-repeat;}
.vou_step ul li:nth-child(4):after, .vou_step ul li:nth-child(5):after{content:''; width:20px; height:20px; position:absolute;left:-42px; top:42%; background:url('../images/voucher/ico_arrow_left.png') 0 0 no-repeat; }
.vou_step ul li:nth-child(9):after{display:none;}
.vou_step .step_bottom{margin-top:15px;}
.vou_step .step_con{position:relative; border:3px solid #dcdcdc; padding:50px; width:100%; }
.vou_step .step_con h5{width:30px; height:30px; text-align:center; line-height:1.8; position:absolute; left:-3px; top:-3px; color:#fff; background:#203864;}
.vou_step .step_con img{position:absolute; top:20%; left:13%; width:50px; height:50px; }
.vou_step .step_con .step_txt{position:absolute; top:19%; left:31%; text-align:left; }
.vou_step .step_con .step_txt em{color:#203864; font-size:18px;  font-weight:bold;}
.vou_step .step_con .step_txt p{color:#666; font-size:15px; letter-spacing:-.5px; padding-right:38px; }
.vou03{background-color:#eef1f3; padding-bottom:90px;}
.vou03 p{font-size:24px; font-weight:300; }
.vou03 ul{padding-top:60px;}
.vou03 ul li{float:left; width:23.5%; margin-right:2%; background-color:#fff;}
.vou03 ul li:last-child{margin-right:0;}
.vou03 ul li .txt_box{padding:25px 0; text-align:center;}
.vou03 ul li p{font-size:24px; color:#111; line-height:1; font-weight:bold; }
.vou03 ul li em{display:block; font-size:18px; font-weight:300; color:#666; letter-spacing:-2; }
.vou03 ul li span{background-color:#808080; display:block; }
.vou03 ul li span img{text-align:center;}
.vou04{background-color:#eef1f3; padding-bottom:90px;}
.vou04 .caseWrap > li{float:left; width:49%; }
.vou04 .caseWrap > li{margin:0 2% 2% 0;}
.vou04 .caseWrap li:nth-child(even){margin-right:0;}
.vou04 .case_box{position:relative; background-color:#fff; text-align:left; }
.vou04 .case_box li{float:left; width:50%;}
.vou04 .case_box .txt_box{padding:40px 0 0 40px;}
.vou04 .case_box .txt_box span{font-weight:bold; font-size:22px; color:#222; display:block; margin-bottom:3%; }
.vou04 .case_box .txt_box p{color:#666; font-weight:300; font-size:16px; padding-right:10%; }
.vou05{padding-bottom:130px;}
.vou05 .contact_btn a{display:inline-block; font-size:18px; color:#fff; font-weight:bold; background-color:#319cef; padding:13px 70px; }
.vou05 .contact_btn a:hover{text-decoration:none; background-color:#000;}

@media screen and (max-width:1300px) {
	.visual .inner{padding:0 3% 0 3%;}
	.visual .txt_box h3{font-size:39px; padding-right:257px;}
	.vou01 ul li{width:100%;}
	.vou01 ul li:nth-child(1){margin-bottom:2%;}
	.vou01 ul li img{margin:auto; padding:24px;}
	.vou01 .table thead tr:first-child th:first-child{width:21%;}
	.vou02 .vou_step ul li:after{right:-41px;}
	.vou_step ul li:nth-child(4):after, .vou_step ul li:nth-child(5):after{left:-38px;}
	.vou04 .case_box .txt_box{padding:30px 0 0 30px; }
	.vou04 .case_box .txt_box span{font-size:21px; line-height:1.2; }
}
@media screen and (max-width:1200px) {
	.visual{height:550px;}
	.visual .inner{top:15%;}
	.visual .txt_box{top:176px; }
	.visual .txt_box h3{font-size:32px; padding-bottom:39px; padding-right:290px; }
	.visual .txt_box > span{ font-size:26px; font-weight:500;}
	.visual .txt_box p{padding-bottom:30px;}
	.visual .txt_box em a{font-size:16px; font-weight:400; padding:9px 19px; }
	.vou01 ul li:first-child{padding-bottom:60px;}
	.vou_step > ul > li{width:30%; margin-right:5%;}	
	.vou_step ul li:nth-child(3){margin-right:0;}
	.vou_step .step_con img{top:31%; left:8%;}
	.vou_step .step_con .step_txt{top:19%; left:29%;}
	.vou02 .vou_step ul li:after{right:-35px;}
	.vou_step ul li:nth-child(4):after, .vou_step ul li:nth-child(5):after{left:-32px;}
	.vou_step ul li:nth-child(3):after, .vou_step ul li:nth-child(6):after{top:123px;}
	.vou_step .step_con .step_txt em{font-size:16px; padding-bottom:2px; }
	.vou_step .step_con .step_txt p{font-size:14px; padding-right:13px; }		
	.vou{padding-bottom:60px;}
	.vou03 h5{padding:17px 0 34px;}
	.vou03 p{font-size:18px;}
	.vou03 ul li .txt_box{padding:13px 0;}
	.vou03 ul li p{font-size:20px; padding-bottom:2px; }
	.vou03 ul li em{font-size:16px;}		
	.vou04 .case_box .txt_box{padding:30px 0 0 30px;}
	.vou04 .case_box .txt_box span{font-size:19px;}
	.vou04 .case_box .txt_box p{font-size:15px;}
}
@media screen and (max-width:1024px) {
	.visual{height:450px;}
	.visual .inner{top:14%;}
	.visual .txt_box{top:123px; }	
	.visual .txt_box h3{font-size:28px; padding-bottom:0; padding-right:300px;  }
	.visual .txt_box > span{font-size:24px;}
	.visual .txt_box p{padding-bottom:26px; font-size:15px;}
	.visual .txt_box strong{font-size:40px;}
	.visual .txt_box em a{padding:0;}
	.vou{padding-bottom:30px;}
	.vou .top_txt{padding-top:50px;}
	.vou .top_txt > h4{font-size:24px;}
	.vou .top_txt p{margin-bottom:25px;}	
	.vou > h5{font-weight:500; font-size:24px; }	
	.vou01 ul li:first-child{padding-bottom:0;}
	.vou01 ul li{height:auto;}
	.vou01 ul li img{padding:19px;}
	.vou01 ul li h5{font-size:18px; padding:8px 0;}
	.vou01 .table{margin:20px auto;}
	.vou03 h5{padding:17px 0 10px; font-size:22px; margin-bottom:20px;}
	.vou03 ul{padding-top:30px;}
	.vou04 h5{font-size:22px; padding:17px 0 10px;}
	.vou04 .case_box .txt_box span{font-size:20px;}
	.vou04 .case_box li{width:40%;}
	.vou04 .case_box li:nth-child(2){left:30%; width:60%;}
	.vou04 .case_box .txt_box{padding:25px 0 0 25px;}
	.vou04 .case_box .txt_box span{font-size:16px;}
	.vou04 .case_box .txt_box p{padding-right:0; font-size:14px; padding-right:25px; }
}
@media screen and (max-width:920px) {
	.vou_step .step_con img{left:8%;}
	.vou_step .step_con .step_txt{left:25%; font-size:13px;}
}
@media screen and (max-width:875px) {
	.vou_step > ul > li{width:49%; margin-right:2%; margin-bottom:2%;}
	.vou_step ul li:after{display:none;}
	.vou_step > ul > li:nth-child(2n){margin-right:0;}
	.vou_step ul li:nth-child(3){margin-right:2%;}
	.vou_step ul li:nth-child(4), .vou_step ul li:nth-child(5), .vou_step ul li:nth-child(6){float:left;}
}
@media screen and (max-width:840px) {
	.visual .txt_box h4{font-size:28px;}
	.vou04 .caseWrap > li{width:100%;}
	.vou04 .case_box li{width:27%;}
	.vou04 .case_box li:nth-child(2){left:37%; width:73%; }	
}
@media screen and (max-width:700px) {
	.vou03 ul li{width:48%; margin-bottom:2%;}
}
@media screen and (max-width:650px) {
	.visual{height:373px;}
	.visual .txt_box h3{font-size:26px; padding-right:0;}
	.visual .txt_box strong{font-size:28px;}
	.visual .txt_box em a{margin:10px 0;}
}
@media screen and (max-width:620px) {
	.visual .txt_box h3{font-size:22px; padding-right:52px; }
	.visual .txt_box > span{font-size:17px; color:rgba(255,255,255,1);}
	.visual .txt_box p{font-size:14px; color:rgba(255,255,255,1);}
	.visual .txt_box strong{font-size:20px;}
	.vou{padding-bottom:40px;}
	.vou h5{font-weight:500; font-size:18px; padding:5px 0; }
	.vou .top_txt p{font-size:14px;}
	.vou .top_tit{padding-top:40px;}
	.vou01 ul li{padding-bottom:0;}
	.vou01 ul li:first-child{padding-bottom:40px;}
	.vou01 .table tbody th, .vou01 .table tbody td{font-size:13px;}
	.vou02 .vou_step{padding-bottom:0;}
	.vou02 .vou_step > ul > li{width:100%;}
	.vou_step .step_con{padding:40px;}
	.vou_step ul li{margin:0 5% 3% 0;}
	.vou_step .step_con .step_txt{top:14%; left:23%; }
	.vou_step .step_con h5{height:106%; line-height:4;}
	.vou_step .step_con img{top:16%; left:10%;}
	.vou_step ul li:after{display:none;}
	.vou03 h5{margin-bottom:18px;}
	.vou03 ul{padding-top:20px;}
	.vou03 p{font-size:15px;}
	.vou02 .vou_step .step_box .txt_box em{font-size:18px; padding-bottom:5px;}
	.vou02 .vou_step .step_box .txt_box span{font-size:14px;}
	.vou03 ul li p{font-size:16px;}
	.vou03 ul li em{font-size:12px;}
	.vou04 .case_box .txt_box{padding:10px 0 0 10px;}
	.vou04 .case_box .txt_box span{font-size:14px; line-height:1;}
	.vou04 .case_box .txt_box p{font-size:12px; padding-right:0;}	
	.vou05 .contact_btn a{font-size:15px; font-weight:400; padding:7px 40px;}
}
@media screen and (max-width:520px) {
	.visual .txt_box h3{font-size:20px;}
}
@media screen and (max-width:450px) {
	.vou .top_txt{padding-top:30px;}
	.vou01 ul li h5{font-size:15px;}
	.visual .txt_box{padding-left:3%; padding-right:3%; }
	.visual .txt_box h3{padding-bottom:22px; font-size:17px;}
	.visual .txt_box p{font-size:13px;}
	.vou_step .step_con img{width:40px; height:40px; top:25%; }
	.vou_step .step_con .step_txt{left:23%;}
	.vou_step .step_con .step_txt em{font-size:15px;}
	.vou_step .step_con .step_txt p{font-size:13px;}
	.vou04 .case_box .txt_box{padding:5px 0 0 5px;}	
	.vou04 .case_box .txt_box span{font-size:12px; margin:0 0 3px 0;}
	.vou04 .case_box .txt_box p{font-size:10px;}
}
@media screen and (max-width:410px) {
	.visual .inner{top:109px;}
	.vou01 ul li:first-child{height:312px;}
	.vou01 ul li:last-child{height:534px;}
}

/* 양성지원 */
.visual.edu:before {background:url('../images/about/bg_edu.jpg') 50% 0 no-repeat;}
.visual.edu .txt_box strong{margin-bottom:66px;}
.visual.edu div > span{display:inline-block; font-size:20px; color:rgba(255,255,255,0.8);font-weight:500; line-height:1.6;}
.visual.edu div > span:before{display:inline-block; width:2px; height:2px; margin:6px; background:rgba(255,255,255,0.8); clear:both; content:'';}
.visual.edu div > p{display:inline-block; padding:0 0 0 7px; color:rgba(255,255,255,0.8); font-size:19px; font-weight:300; opacity:0.8; word-break:break-all;}

@media screen and (max-width:1300px) {
	.visual.edu .txt_box h3{padding-right:0;}	
}
@media screen and (max-width:1200px) {
	.visual.edu .txt_box strong{font-size:40px;}
	.visual.edu div > span{font-size:18px;}
	.visual.edu div > p{font-size:18px;}
}
@media screen and (max-width:1024px) {	
	.visual.edu .txt_box strong{margin-bottom:40px; font-size:26px;}
	.visual.edu div > span{font-size:16px;}
	.visual.edu div > p{padding:0 0 0 3px; font-size:16px;}
}
@media screen and (max-width:620px) {	
	.visual.edu .inner{top:12%;}
	.visual.edu div > span{font-size:14px; color:rgba(255,255,255,1);}
	.visual.edu div > p{font-size:14px; color:rgba(255,255,255,1);}
}
@media screen and (max-width:460px) {
	.visual.edu .inner{top:15%;}
	.visual.edu .txt_box h3 {padding-bottom:10px;}
	.visual.edu .txt_box strong{margin-bottom:5px; font-size:16px;}
	.visual.edu div > span:before{margin:2px;}
	.visual.edu div > p {width:100%; font-size:13px;}
}



/* 하단 레이어 */
.basic_layer.privacy{max-width:1300px}
.basic_layer.privacy .b_con{overflow-y:auto; height:80vh;}
#LayerEmail .basic_layer.email{max-width:1300px}
#LayerEmail .basic_layer .b_con{height:430px; overflow-y:hidden;}
#LayerPrivacy.layer_overlay .btn_close,#LayerEmail.layer_overlay .btn_close, #LayerApp.layer_overlay .btn_close{top:12px; width:40px; height:40px; background:none; text-indent:0;}
.layer_overlay .btn_close i{color:#fff; font-size:20px;}
.xi-close-thin:before{content:"\e9af"}
.b_con .txt_box{padding:30px; background-color:#f2f2f2; color:#666; line-height:1.6; margin-bottom:40px; }
#LayerEmail .b_con .txt_box{padding:20px; font-size:18px; margin-bottom:20px;}
.b_con .txt_wrap{margin-bottom:40px; letter-spacing:-.5px; }

.b_con .txt_wrap h4{font-size:24px; color:#222; font-weight:bold; margin-bottom:20px;}
#LayerApp .b_con .txt_wrap h4 {font-size:20px;}


.b_con .txt_wrap h5{font-size:18px; font-weight:500; margin-bottom:5px;}
.b_con .txt_wrap p{font-size:16px; font-weight:300; line-height:1.6; margin-bottom:15px; padding-left:22px; }
.b_con .txt_wrap p.mb0{margin-bottom:0;}
#LayerEmail .b_con .txt_wrap p{font-size:18px;}
.b_con .txt_wrap p.pl0{padding-left:0; font-size:18px; font-weight:400; }
.b_con .txt_wrap ul{padding-left:22px; }
.b_con .txt_wrap ul li{position:relative; font-size:16px; font-weight:300; padding-left:8px; }
.b_con .txt_wrap > ul > li:after{position:absolute; top:11px; left:0; display:block; width:5px; height:1px; background-color:#666; content:'';}
.b_con .txt_wrap ul li ul.pl63{padding-left:63px; margin-top:-21px;}
.b_con .txt_wrap ul.pl0 li{padding-left:0;}
.b_con .txt_wrap > ul.pl0 > li:after{display:none;}
.b_con .txt_wrap ul.mb15{margin-bottom:15px;}
.b_con .txt_wrap ul.mb15 li.st{padding-left:0;}
.b_con .txt_wrap ul.mb15 li.st:after{display:none;}

@media screen and (max-width:1024px) {
	.b_con .txt_box{padding:20px; margin-bottom:20px; font-size:16px;}
	#LayerEmail .b_con .txt_box{font-size:16px; line-height:1.4;}
	.b_con .txt_wrap{margin-bottom:20px;}
	.b_con .txt_wrap h4{font-size:18px !important; margin-bottom:10px;} 
	.b_con .txt_wrap h5{font-size:17px;}
	.b_con .txt_wrap p{line-height:1.4; padding-left:22px; margin-bottom:10px;}
	#LayerEmail .b_con .txt_wrap p{font-size:16px; padding-left:0; margin-bottom:5px; }
}
@media screen and (max-width:620px) {
	#LayerEmail .basic_layer .b_con{height:350px;}
	.b_con .txt_box{padding:12px; margin-bottom:15px;line-height:1.4;}	
	#LayerEmail .b_con .txt_box{font-size:15px; padding:12px; margin-bottom:10px;}
	.b_con .txt_wrap{margin-bottom:15px;}
	.b_con .txt_wrap h4{font-size:16px !important; margin-bottom:8px; font-weight:bold;}
	.b_con .txt_wrap h5{font-size:16px;}
	.b_con .txt_wrap span{font-size:16px;}
	#LayerEmail .b_con .txt_wrap p{font-size:14px; padding-left:0; margin-bottom:5px;}
}


@media screen and (max-width:450px) {
	.b_con .txt_box{padding:8px; margin-bottom:15px; font-size:14px;}
	#LayerEmail .b_con .txt_box{font-size:14px; padding:12px; margin-bottom:15px;}
	.b_con .txt_wrap{margin-bottom:15px;}
	.b_con .txt_wrap h4{font-size:15px; font-weight:500; margin-bottom:5px;} 
	.b_con .txt_wrap p{font-size:14px; padding-left:0; margin-bottom:8px;}
	.b_con .txt_wrap h5{font-size:14px;}
	.b_con .txt_wrap ul{padding-left:0;}
	.b_con .txt_wrap ul li{font-size:14px; padding-left:6px;}
	.b_con .txt_wrap > ul > li:after{width:4px;}
	.b_con .txt_wrap ul li ul.pl63{padding-left:0; margin-top:0; margin-left:-12px;}
	.b_con .txt_wrap span{font-size:14px;}
	.b_con .txt_wrap p.pl0{font-size:14px;}
}



/*조직도*/
.organization{}
.organization .rowgrid li{float:left;}
.organization .grade1 .rowgrid{padding-bottom:141px;}
.organization .grade1 .rowgrid li{width:28.5%; height:75px; position:relative; border:1px solid #b0312a; text-align:center; color:#2e2e2e; font-size:24px; line-height:3.2; font-weight:500; }
.organization .grade1 .rowgrid .emp{background-color:#b0312a; color:#fff; margin:0 7.2%;}
.organization .grade1 .rowgrid li:before{background-color:#e4e4e4; content:''; width:25.5%; height:1px; position:absolute; top:49%; right:-26%;}
.organization .grade1 .rowgrid li:last-child:before{content:none;}
.organization .grade2{position:relative;}
.organization .grade2:before{background-color:#e4e4e4; content:''; width:1px; height:96px; position:absolute; top:-141px; left:50%;}
.organization .grade2 .rowgrid{position:relative;}
.organization .grade2 .rowgrid:before{background-color:#e4e4e4; content:''; width:85%; height:1px; position:absolute; top:-45px; left:7%;}
.organization .grade2 .rowgrid li{width:15%; height:75px; background:#f4f4f4; position:relative; margin-right:2%; line-height:3.5; font-weight:300; font-size:22px; color:#2e2e2e; text-align:center;} 
.organization .grade2 .rowgrid li:last-child{margin-right:0;}
.organization .grade2 .rowgrid li:before{background-color:#e4e4e4; content:''; width:1px; height:45px; position:absolute; top:-45px; left:50%;}
.organization .grade2 .rowgrid li:after{background-color:#fff; content:''; position:absolute; width:10px; height:10px; border:3px solid #8a8a8a; border-radius:50%; left:46%; top:-52px; }
.organization .grade3{background-color:#8a8a8a; color:#fff; font-size:24px; line-height:3; font-weight:500; width:28.5%; height:75px; margin:100px auto 96px; text-align:center;}
.organization .grade4{position:relative;}
.organization .grade4:before{background-color:#e4e4e4; content:''; width:1px; height:96px; position:absolute; top:-96px; left:50%;}
.organization .grade4 .rowgrid li{width:28.5%; height:75px; position:relative; border:1px solid #8a8a8a; text-align:center; color:#2e2e2e; font-size:24px; line-height:3.2; font-weight:500; }
.organization .grade4 .rowgrid li:nth-child(2){margin:0 7.2%;}
.organization .grade4 .rowgrid li:before{background-color:#e4e4e4; content:''; width:25.5%; height:1px; position:absolute; top:49%; right:-26%;}
.organization .grade4 .rowgrid li:last-child:before{content:none;}

@media screen and (max-width:1200px) {
	.organization .grade1 .rowgrid{padding-bottom:110px;}
	.organization .grade1 .rowgrid li{font-size:22px; height:65px; line-height:65px; }
	.organization .grade2 .rowgrid li,.organization .grade4 .rowgrid li{height:65px; font-size:20px; line-height:65px;}
	.organization .grade3{margin:65px auto; font-size:22px; height:65px; line-height:65px; }
	.organization .grade2 .rowgrid li:after{left:45%;}
	.organization .grade2:before{height:66px; top:-110px;}
	.organization .grade4:before{height:65px; top:-65px;}
}
@media screen and (max-width:1024px) {
	.organization .grade1 .rowgrid li{font-size:18px; height:50px; line-height:50px; }
	.organization .grade2 .rowgrid li,.organization .grade4 .rowgrid li{height:50px; font-size:18px; line-height:50px;}
	.organization .grade3{margin:65px auto; font-size:18px; height:50px; line-height:50px; }
}
@media screen and (max-width:768px) {
	.organization .grade1 .rowgrid{padding-bottom:80px;}
	.organization .grade1 .rowgrid li{font-size:15px; height:40px; line-height:40px; }	
	.organization .grade1 .rowgrid li:before{width:25%; right:-26%;}	
	.organization .grade2:before{height:50px; top:-80px;}
	.organization .grade2 .rowgrid:before{top:-31px;}
	.organization .grade2 .rowgrid li:before{height:38px; top:-36px;}
	.organization .grade2 .rowgrid li:before{height:38px;}
	.organization .grade2 .rowgrid li:after{width:8px; height:8px; border:2px solid #8a8a8a; left:44%; top:-35px; }	
	.organization .grade2 .rowgrid li,.organization .grade4 .rowgrid li{height:40px; font-size:15px; line-height:40px;}	
	.organization .grade3{margin:30px auto; font-size:15px; height:40px; line-height:40px; }
	.organization .grade4:before{height:30px; top:-30px;}
	.organization .grade4:before{height:30px; top:-30px; }
}
@media screen and (max-width:620px) {	
	.organization .grade1 .rowgrid{padding-bottom:60px;}
	.organization .grade2:before{height:32px; top:-59px;}
	.organization .grade2 .rowgrid{margin:0 auto;}
	.organization .grade2 .rowgrid:before{width:72%; left:14%; }
	.organization .grade2 .rowgrid li{width:30%; margin:0 5% 20px 0;}
	.organization .grade2 .rowgrid li:nth-child(4),.organization .grade2 .rowgrid li:nth-child(5),.organization .grade2 .rowgrid li:nth-child(6){margin-bottom:0;}
	.organization .grade2 .rowgrid li:nth-child(3n){margin-right:0;}
	.organization .grade2 .rowgrid li:nth-child(1):before,.organization .grade2 .rowgrid li:nth-child(2):before,.organization .grade2 .rowgrid li:nth-child(3):before{height:25px;top:-23px;}
	.organization .grade2 .rowgrid li:nth-child(1):after,.organization .grade2 .rowgrid li:nth-child(2):after,.organization .grade2 .rowgrid li:nth-child(3):after{content:''; width:8px; height:8px; top:-35px; left:47%; }
	.organization .grade2 .rowgrid li:after{content:none;}
	.organization .grade2 .rowgrid li:before{top:-21px; height:22px; }
	.organization .grade4 .rowgrid li{width:30.5%;}
	.organization .grade4 .rowgrid li:before{width:14%;right:-15%;}
	.organization .grade4 .rowgrid li:nth-child(2){margin:0 4.2%;}
	.organization .grade4 .rowgrid li:nth-child(3){letter-spacing:-1px;}
}
@media screen and (max-width:480px) {
	.organization .grade1 .rowgrid{padding-bottom:50px;}
	.organization .grade1 .rowgrid li:before{width:27%; right:-29%;}
	.organization .grade1 .rowgrid li{font-size:14px; height:34px; line-height:34px;}		
	.organization .grade2:before{height:27px; top:-50px;}
	.organization .grade2 .rowgrid li{margin:0 5% 15px 0;}
	.organization .grade2 .rowgrid li:before{top:-16px; height:17px;}
	.organization .grade2 .rowgrid li, .organization .grade4 .rowgrid li{font-size:14px; height:34px; line-height:34px; }
	.organization .grade2 .rowgrid:before{top:-20px}
	.organization .grade2 .rowgrid li:nth-child(1):after, .organization .grade2 .rowgrid li:nth-child(2):after, .organization .grade2 .rowgrid li:nth-child(3):after{top:-25px;}
	.organization .grade2 .rowgrid li:nth-child(1):after, .organization .grade2 .rowgrid li:nth-child(2):after, .organization .grade2 .rowgrid li:nth-child(3):after{left:44%;}
	
}



/*연구개발사업*/
.resultImg{margin-bottom:60px;}
.resultImg li{float:left; width:23%; margin-right:2%;}
.resultImg li:last-child{margin-right:0;}
.result .table tbody th,.result  .table tbody td{padding:18px 20px;}
.result .table colgroup .td01{width:20%; }
.result .table colgroup .td02{width:60%; }
.result .table colgroup .td03{width:20%; padding:18px 42px; }
.result .table tbody tr td:nth-child(2){text-align:left; padding-left:3%;}
.result .table tbody tr td em{display:block; font-weight:bold; color:#000; font-size:18px; line-height:1.8;}
.result .table tbody tr td span{display:block; font-weight:300; color:#666; font-size:15px;}
.result .table tbody tr td p{position:relative; text-align:left; text-indent:17px;}
.result .table tbody tr td p:before{content:''; width:3px; height:3px; background-color:#333; border-radius:50%; position:absolute; left:9px; top:9px; }

@media screen and (max-width:1300px) {
	.result .table colgroup .td03{width:20%;}
}
@media screen and (max-width:1200px) {
	.result .table colgroup .td01{width:18%;}
	.result .table tbody th, .result .table tbody td{padding:18px 14px;}
	.resultImg{margin-bottom:65px;}
	.result .table tbody tr td em{font-size:16px; line-height:1.2;}
	.result .table tbody tr td span{font-size:14px;}
}
@media screen and (max-width:1080px) {
	.result .table tbody tr td p{text-indent:10px;}
	.result .table tbody tr td p:before{left:4px;}
}
@media screen and (max-width:1024px) {
	.resultImg{margin-bottom:40px;}
	.result .table tbody th, .result .table tbody td{padding:12px 10px;}
	.result .table colgroup .td01{width:18%;}
	.result .table colgroup .td03{width:22%;}
	.result .table tbody td{font-size:14px;}
	.result .table tbody tr td em{font-size:15px;}
	.result .table tbody tr td p{font-size:13px;}
}
@media screen and (max-width:920px) {
	.result .table colgroup .td02{padding-left:2%;}
	.result .table tbody tr td em{font-size:14px;}
	.result .table tbody tr td span{font-size:12px;}
}
@media screen and (max-width:620px) {
	.result h4.mt20{margin-top:20px;}
	.result .table colgroup .td02{width:53%;}
	.result .table colgroup .td03{width:17%;}
	.result .table tbody th, .result .table tbody td{padding:5px 10px;}	
	.result .table tbody tr td p{text-indent:4px;}
	.result .table tbody tr td p:before{width:2px; height:2px;left:0; top:7px;}
	.result .ovf_min{min-width:800px;}
}











