@charset "utf-8";


/* 학부장 인사말 */

#greeting { width:100%; }
#greeting > div { float:left; }
#greeting > .txt_01 { width:100%; }
#greeting > .txt_02 { margin-top:7px; }
#greeting > .txt { float:left; width:100%;  }

#greeting > .txt > .tit { font-size:22px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#76a028; }
#greeting > .txt > .tit_s { margin:18px 0 0 0px; font-size:16px; font-weight:bold; color:#28427b; }

#greeting > .txt_01 > .cont {float:left; width:50%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#greeting > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#greeting > .txt > img {float:right; width:45%; margin-top:5%;}
#greeting > .txt > .cont > font { font-weight:bold; color:#28427b; }
#greeting > .txt > .tit2 {font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-0.5px; color:#052443;padding:10px 0;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#greeting > .txt_01 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#greeting > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#greeting > .txt > img {float:right; width:100%;}
}

/* 학부소개 */

#introduce { width:100%; }
#introduce ul, #introduce li { list-style:none;}

#introduce > .titlee { width:100%; float:left; border-bottom:1px solid #000; padding-bottom:20px;}
#introduce > .titlee > h3{ text-align:center; font-family:'Arial'; font-size:22px; font-weight:bold; color:#052443;}

#introduce > .titlee2 { float:left; width:100%;  padding-bottom:20px; margin-top:4%;}
#introduce > .titlee2 > p { text-align:center; font-family:'Malgun Gothic'; font-size:16px; color:#525252}
#introduce > .titlee2 > p > strong{  color:#000000; font-family:'Malgun Gothic'; font-size:22px; }

#introduce > .titlee3 { float:left; width:100%; margin-top:3%;}
#introduce > .titlee3 > p { font-family:'Malgun Gothic'; font-size:22px; color:#333; text-align:center; padding-top:15px;} 


#introduce > .cont1 { float:left; margin-top:4%;}


#introduce .title_image {float:left; width:100%;}
#introduce .title_image ul li  { text-align:center;}


#introduce .title_image2 { float:left; width:100%;  margin-top:2%;}
#introduce .title_image2 ul li  { text-align:center;}

#introduce .title_image3 { float:left;  width:100%; margin-top:3%}

#introduce > .title_box { float:left; width:100%; border:1px solid #aaa; background-color:#eee; height:auto; padding-bottom:3%; margin-top:3%;}
#introduce > .title_box h3 { font-family:'Malgun Gothic'; font-size:18px; color:#333; text-align:center; padding-top:15px}


#introduce > .title_box2 { float:left; width:100%; border:1px solid #aaa; background-color:#eee;  margin-top:3%; height:auto; padding-bottom:3%;}
#introduce > .title_box2 h3 { font-family:'Malgun Gothic'; font-size:22px; color:#e93c00; text-align:center; padding-top:15px}
#introduce > .title_box2 > p { text-align:center; font-family:'Malgun Gothic'; font-size:19px; color:#525252}


@media all and (max-width:1000px){
#introduce > .cont1 > img {width:100%; height:auto;}

}

@media all and (max-width:600px){
#introduce > .cont1 > img {width:100%; height:auto;}

#introduce > .title_image > ul li img {width:100%; height:auto; float:left; margin-left:-6%;}
#introduce > .title_image2 > img {width:100%; height:auto;  float:left; margin-left:-8%;}
#introduce > .title_image3 > img {width:100%; height:auto;  float:left; }


#introduce > .titlee2 { float:left; width:100%;  padding-bottom:20px; margin-top:4%;}
#introduce > .titlee2 > p { text-align:center; font-family:'Malgun Gothic'; font-size:14px; color:#525252}

}

/* 전공소개 */

#major ul, #major li { list-style:none;}
#major { width:100%; }
#major .cbox { background:url('../img/sub/page/car_bg.png') left no-repeat; height:auto; padding:30px 0 46px 0; width:100%;}
#major .cbox ul li:nth-child(1) { font-weight:bold; font-family:'Malgun Gothic'; font-size:22px;}
#major .cbox ul li { margin-top:13px; width:100%;}


#major .ta { float:left; border:1px solid #aaa; width:100%; margin-top:3%;}
#major .ta th{ border-bottom:1px solid #aaa;  height:30px; text-align:center; background-color:#eee;}
#major .ta tr th:nth-child(1){ border-right:1px solid #aaa; }
#major .ta tr td:nth-child(1){ border-right:1px solid #aaa; }
#major .ta tr td {text-align:center; line-height:20px; padding:10px 0 10px 0}

#major .cbox2 { float:left; background:url('../img/sub/page/car_bg2.png') left no-repeat; height:auto; padding:30px 0 46px 0; width:100%;}
#major .cbox2 ul li:nth-child(1) { font-weight:bold; font-family:'Malgun Gothic'; font-size:22px;}
#major .cbox2 ul li { margin-top:13px; width:100%;}

@media all and (max-width:1000px){
#major .ta { float:left; border:1px solid #aaa; width:98%; margin-top:3%;}
}

@media all and (max-width:600px){
	#major .cbox {float:left; background:none; border-bottom:1px solid #052443; border-top:1px solid #052443; height:auto; padding:20px 0 36px 0; width:100%;}
	#major .cbox ul li:nth-child(1) { font-weight:bold; font-family:'Malgun Gothic'; font-size:15px; color:#195189;}
	#major .cbox ul li {float:left;  margin-left:-5%; margin-top:13px; width:100%;}
	#major .cbox2 {float:left; background:none; border-bottom:1px solid #052443; border-top:1px solid #052443; height:auto; padding:20px 0 36px 0; width:100%; margin-top:4%;}
	#major .cbox2 ul li:nth-child(1) { font-weight:bold; font-family:'Malgun Gothic'; font-size:15px;  color:#195189; }
	#major .cbox2 ul li {float:left;  margin-left:-5%; margin-top:13px; width:100%;}
}

/* 실습실소개 */
#lab { width:100%; }
#lab > div { float:left; }
#lab .txt_01 { width:715px;}
#lab .txt_01 > img { padding:5px 0;}
#lab .txt > .tit {padding-bottom:10px; font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#28427b; padding-left:23px;background:url('../img/sub/icon/title_dot.gif') left 4px no-repeat;}
#lab .txt > .tit_s { margin:18px 0 10px 4px; font-size:15px; font-weight:bold; color:#0d99a1;padding-left:15px; background:url('../img/sub/icon/s_icon.gif') left center no-repeat; }
#lab .txt > .cont { margin:15px 0 0px 4px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#444444;background-color:#eee;padding:10px;}
#lab .txt > .cont > font { font-weight:bold; color:#28427b; }

#lab .tab_width{width:715px;}

/* 이수학점 테이블*/
#lab .tbl_type,.tbl_type th,.tbl_type td{border:0}
#lab .tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#lab .tbl_type caption{display:none}
#lab .tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
#lab .tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#lab .tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#lab .tbl_type td.ranking{font-weight:bold}
#lab .tbl_type td.left{ text-align:left; padding-left: 20px; }


@media all and (max-width:1000px){
#lab .txt_01> img { width:100%; height:auto; }
#lab .txt_01 { width:100%; }
#lab .tab_width{width:100%;}
}

@media all and (max-width:600px){
#lab .txt_01 { width:100%; margin-top:30px; }
}



/* 교과과정 */

#course { width:100%; }
#course > div { float:left; }
#course .txt_01 { width:715px;}
#course .txt_01 > img { padding:5px 0;}
#course .txt > .tit {padding-bottom:10px; font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#28427b; padding-left:23px;background:url('../img/sub/icon/title_dot.gif') left 4px no-repeat;}
#course .txt > .tit > strong {color:#ff4200}
#course .txt > .tit_s { margin:18px 0 10px 4px; font-size:15px; font-weight:bold; color:#0d99a1;padding-left:15px;background:url('../img/sub/icon/s_icon.gif') left center no-repeat; }
#course .txt > .cont { margin:15px 0 0px 4px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#444444;background-color:#eee;padding:10px;}
#course .txt > .cont > font { font-weight:bold; color:#28427b; }

#course .tab_width{width:715px;margin-bottom:20px;}

/* 이수학점 테이블*/
#course .tbl_type,.tbl_type th,.tbl_type td{border:0}
#course .tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#course .tbl_type caption{display:none}
#course .tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
#course .tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#course .tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#course .tbl_type td.ranking{font-weight:bold}
#course .tbl_type td.left{ text-align:left; padding-left: 20px; }


#course .tbl_type1,.tbl_type1 th,.tbl_type1 td{border:0}
#course .tbl_type1{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#course .tbl_type1 caption{display:none}
#course .tbl_type1 tfoot{background-color:#f5f7f9;font-weight:bold}
#course .tbl_type1 th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#9fd7f4;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#course .tbl_type1 td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#course .tbl_type1 td.ranking{font-weight:bold}
#course .tbl_type1 td.left{ text-align:left; padding-left: 20px; }

#course .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
#course .tbl_type2{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#course .tbl_type2 caption{display:none}
#course .tbl_type2 tfoot{background-color:#f5f7f9;font-weight:bold}
#course .tbl_type2 th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#daf5d1;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#course .tbl_type2 td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#course .tbl_type2 td.ranking{font-weight:bold}
#course .tbl_type2 td.left{ text-align:left; padding-left: 20px; }


#course .tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
#course .tbl_type3{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#course .tbl_type3 caption{display:none}
#course .tbl_type3 tfoot{background-color:#f5f7f9;font-weight:bold}
#course .tbl_type3 th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#e8d9d0;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#course .tbl_type3 td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#course .tbl_type3 td.ranking{font-weight:bold}
#course .tbl_type3 td.left{ text-align:left; padding-left: 20px; }

@media all and (max-width:1000px){
#course .txt_01> img { width:100%; height:auto; }
#course .txt_01 { width:100%; }
#course .tab_width{width:100%;}
}

@media all and (max-width:600px){
#course .txt_01 { width:100%; margin-top:50px; }
}


/* 전공소개 */

#grade ul, #grade li { list-style:none;}
#grade { width:100%; }

#grade .ta, #grade .taa{ float:left; width:100%; margin-top:3%;}
#grade .ta tr th{ border-bottom:1px solid #aaa; border-top:1px solid #aaa;  height:30px; text-align:center; }
#grade .ta tr th:nth-child(1){ border-right:1px solid #aaa; border-left:1px solid #aaa; }
#grade .ta tr th:nth-child(2){ border-right:1px solid #aaa; }
#grade .ta tr th:nth-child(3){ border-right:1px solid #aaa; }
#grade .ta tr td{ border-right:1px solid #aaa; }
#grade .ta tr td {text-align:center; line-height:20px; padding:10px 0 10px 0; border-bottom:1px solid #aaa;}
#grade .ta tr td:nth-child(1) {border-left:1px solid #aaa; }
#grade .taa{ float:left; width:100%; margin-top:3%; border-top:1px solid #aaa;}
#grade .taa tr th {height:35px; text-align:center; border-left:1px solid #aaa; border-bottom:1px solid #aaa;  border-right:1px solid #aaa;}
#grade .taa tr td {border-right:1px solid #aaa; border-bottom:1px solid #aaa; text-align:left; padding-left:20px;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){
}

/* 진로 취업 */
#career ul, #career li { list-style:none;}
#career { width:100%; }
#career .taa{ float:left; width:100%; margin-top:3%;}
#career .taa{ float:left; width:100%; margin-top:3%; border-top:2px solid #195189;}
#career .taa tr th { width:20%; text-align:center; border-left:1px solid #aaa; border-bottom:1px solid #aaa;  border-right:1px solid #aaa;}
#career .taa tr td {border-right:1px solid #aaa; border-bottom:1px solid #aaa; line-height:30px; padding:15px 0 15px 0 ; text-align:left; padding-left:20px;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){

}
#culum ol, #culum li { }

#culum { float:left; width:100%; border-top:2px solid #195189;  border-bottom:2px solid #195189;  padding-bottom:3%; height:100%; }
#culum ol {float:left; width:100%; }
#culum ol li{ float:left; height:35px; margin-top:2%; padding-top:15px;  font-weight:bold; font-family:'Malgun Gothic'; font-size:15px; color:#000; }


@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#culum ol {float:left; width:89%; }
#culum ol li{ float:left; margin-left:-20px; margin-top:10px;  font-weight:bold; font-family:'Malgun Gothic'; font-size:13px; color:#000; }


}


/* 학습프로그램 */

#program ul, #program li { list-style:none;}
#program { width:100%; }

#program .taa{ float:left; width:100%; margin-top:3%;}
#program .taa{ float:left; width:100%; margin-top:3%; border-top:2px solid #195189;}
#program .taa tr th { width:20%; text-align:center; border-left:1px solid #aaa; border-bottom:1px solid #aaa;  border-right:1px solid #aaa;}
#program .taa tr td {border-right:1px solid #aaa; border-bottom:1px solid #aaa; line-height:30px; padding:15px 0 15px 0 ; text-align:left; padding-left:20px;}
@media all and (max-width:1000px){

}

@media all and (max-width:600px){


}


/* 학과란? */
#infor { display:table; width:710px; margin:0 auto; }
#infor .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:18px; font-weight:bold; color:#28427b; }
#infor .txt > .cont { margin:15px 0 0 0px; font-size:16px; line-height:30px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#infor .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#infor .txt > .cont img { float:left; margin-bottom:20px;}

@media all and (max-width:1000px){

#infor .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

@media all and (max-width:600px){

#infor .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

/* 핵심! */
#infor2 { display:table; width:710px; margin:30px auto 0 auto; }
#infor2 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:18px; font-weight:bold; color:#28427b; }
#infor2 .txt > .cont { margin:15px 0 0 0px; font-size:16px; line-height:30px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#infor2 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#infor2 .txt > .cont img { float:left; margin-bottom:20px;}
#infor2 .txt > .cont p { float:left; text-align:left; width:100%;}

@media all and (max-width:1000px){

#infor2 .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

@media all and (max-width:600px){

#infor2 .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}


/* 무엇을 ? */
#infor3 { display:table; width:710px; margin:50px auto 0 auto; }
#infor3 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:18px; font-weight:bold; color:#28427b; }
#infor3 .txt > .cont { margin:15px 0 0 0px; font-size:16px; line-height:30px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#infor3 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#infor3 .txt > .cont .center { float:left; width:100%; text-align:center;}
#infor3 .txt > .cont .center img { margin-bottom:20px; margin-top:20px;}
#infor3 .txt > .cont p { float:left; text-align:justify; width:100%; margin-bottom:20px}

@media all and (max-width:600px){

#infor3 .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

@media all and (max-width:850px){

#infor, #infor2, #infor3 { width:100%; }

}

/* 학과체계 */
#infor5 { width:100%; }
#infor5 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#infor5 .txt > .cont { margin:15px 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#infor5 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#infor5 .txt > .cont .center { float:left; width:100%; text-align:center;}
#infor5 .txt > .cont .center img { margin-bottom:20px; margin-top:20px; width:100%;}
#infor5 .txt > .cont p { float:left; text-align:justify; width:100%; margin-bottom:20px}
@media all and (max-width:1000px){
#infor5 .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

@media all and (max-width:600px){
#infor5 .txt > .cont img { float:left; margin-bottom:20px; width:100%}

}

/* 교육비전 */
#edu { width:100%; }
#edu .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#edu .txt > .cont { margin:15px 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#edu .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#edu .txt > .cont .center { float:left; width:100%; text-align:center;}
#edu .txt > .cont .center img { margin-bottom:20px; margin-top:20px; width:100%;}
#edu .txt > .cont p { float:left; text-align:justify; width:100%; margin-bottom:20px}


#edu .txt > .cont table caption { text-align:left; color:#002c74; font-family:'맑은 고딕'; font-size:15px; font-weight:bold; padding-bottom:10px}
#edu .txt > .cont table {float:left; width:100%; border-right:1px solid #b3c3d1; border-top:2px solid #2865cb; margin-bottom:20px;;}
#edu .txt > .cont table th {background-color:#e8f0fe; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; color:#002d52; text-align:center;}
#edu .txt > .cont table td {text-align:left; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; font-size:14px; padding:10px}
@media all and (max-width:1000px){

}

@media all and (max-width:600px){


}

/* 커리큘럼흐름 */
#edu2 { width:100%; }
#edu2 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#edu2 .txt > .cont { margin:15px 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#edu2 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#edu2 .txt > .cont .center { float:left; width:100%; text-align:center;}
#edu2 .txt > .cont .p img { margin-bottom:20px; margin-top:20px; }
#edu2 .txt > .cont p { float:left; text-align:center; width:100%; margin-bottom:20px}


#edu2 .txt > .cont table caption { text-align:left; color:#002c74; font-family:'맑은 고딕'; font-size:15px; font-weight:bold; padding-bottom:10px;}
#edu2 .txt > .cont table {float:left; width:100%; border-right:0px solid #b3c3d1; border-top:0px solid #2865cb; margin-bottom:20px;;}
#edu2 .txt > .cont table th {background-color:#fff; border-left:0px solid #b3c3d1; border-bottom:0px solid #b3c3d1; height:30px; color:#002d52; text-align:center;border:2px solid #00cc00;}
#edu2 .txt > .cont table td {text-align:center; border-left:0px solid #b3c3d1; border-bottom:0px solid #b3c3d1; height:30px; font-size:12px; padding:1px; color:#fff;}
#edu2 .txt > .cont table td.tx {color:#333;font-weight:bold;border:2px solid #ccc;}

#edu2 .txt_02 > .cont table caption { text-align:left; color:#002c74; font-family:'맑은 고딕'; font-size:15px; font-weight:bold; padding-bottom:10px}
#edu2 .txt_02 > .cont table {float:left; width:100%; border-right:1px solid #b3c3d1; border-top:2px solid #2865cb; margin-bottom:20px;}
#edu2 .txt_02 > .cont table th {background-color:#e8f0fe; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; color:#002d52; text-align:center; border-right:0px solid #b3c3d1; border-top:0px solid #b3c3d1;}
#edu2 .txt_02 > .cont table td {text-align:center; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; font-size:13px; padding:10px; color:#fff;}
#edu2 .txt_02 > .cont .left td {text-align:left; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; font-size:13px; padding:10px; color:#666;}
#edu2 .txt_02 > .cont table td ul {margin:0 10px;padding:0;}

#edu2 .tab_width{width:715px;}

/* 이수학점 테이블*/
#edu2 .tbl_type,.tbl_type th,.tbl_type td{border:0}
#edu2 .tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'맑은고딕',dotum;font-size:12px;text-align:center;border-collapse:collapse}
#edu2 .tbl_type caption{display:none}
#edu2 .tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
#edu2 .tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
#edu2 .tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
#edu2 .tbl_type td.ranking{font-weight:bold}
#edu2 .tbl_type td.left{ text-align:left; padding-left: 20px; }
#edu2 .tbl_type td.gray{background-color:#ededed;font-weight:bold; }
#edu2 .tbl_type td.blue{background-color:#e8f0fe;font-weight:bold;color:#002d52;}
#edu2 .tbl_type td.blue1{background-color:#ece1cb;font-weight:bold;color:#002d52;}
#edu2 .tbl_type td.blue2{background-color:#cbd3ec;font-weight:bold;color:#002d52;}
#edu2 .tbl_type td.blue3{background-color:#cbecda;font-weight:bold;color:#002d52;}


@media all and (max-width:1000px){
#edu2 .tab_width{width:100%;}
}

@media all and (max-width:600px){
#edu2 .txt > .cont p img { margin-bottom:20px; margin-top:20px; width:100%;}


}

/* 학년별 커리큘럼 */

#edu3 { width:100%; }
#edu3 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#edu3 .txt > .cont { margin:15px 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#edu3 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#edu3 .txt > .cont .center { float:left; width:100%; text-align:center;}
#edu3 .txt > .cont img { margin-bottom:20px; margin-top:20px;}
#edu3 .txt > .cont p { float:left; text-align:center; width:100%; margin-bottom:20px}


#edu3 .txt > .cont table caption { text-align:left; color:#002c74; font-family:'맑은 고딕'; font-size:15px; font-weight:bold; padding-bottom:10px; }
#edu3 .txt > .cont table {float:left; width:100%; border-right:1px solid #b3c3d1; border-top:2px solid #2865cb; margin-bottom:20px; margin-top:30px;}
#edu3 .txt > .cont table th {background-color:#e8f0fe; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; color:#002d52; text-align:center;}
#edu3 .txt > .cont table td {text-align:center; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; font-size:14px; padding:10px}

#edu3 .txt > .cont .left td {text-align:left; border-left:1px solid #b3c3d1; border-bottom:1px solid #b3c3d1; height:30px; font-size:14px; padding:10px}
@media all and (max-width:1000px){

}

@media all and (max-width:600px){

#edu3 .txt > .cont  img { margin-bottom:20px; margin-top:20px; width:100%;}
}

/* 졸업 후 나의진로는? */
#car2 { width:100%; }
#car2 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#car2 .txt > .cont { margin:0 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#car2 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#car2 .txt > .cont { float:left; width:100%; text-align:center;}
#car2 .txt > .cont img { float:right; margin-top:20px;}
#car2 .txt > .cont p { float:left; text-align:left; width:55%; margin-bottom:20px}
#car2 .txt > .cont .tit { float:left; color:#4a8cc9; text-align:left; font-size:20px; margin-bottom:10px; width:100%; font-family:'맑은 고딕';  font-weight:bold; }


@media all and (max-width:1000px){

}

@media all and (max-width:600px){

#car2 .txt > .cont img { float:right; margin-top:20px; width:100%;}
#car2 .txt > .cont p { float:left; text-align:left; width:100%; margin-bottom:20px}

}


/* 취업 */
#car3 { width:100%; }
#car3 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b;  ;}
#car3 .txt > .cont { font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; background:url(../img/sub/page/bg1.png)center no-repeat;  }
#car3 .txt > .cont > h4 { background:url(../img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#064492; font-family:'맑은 고딕'; float:left; font-size:13px;  margin-bottom:10px; width:50%; text-align:left; }
#car3 .txt > .cont { float:left; width:100%; text-align:center;}
#car3 .txt > .cont img { float:right; margin-top:20px;}
#car3 .txt > .cont p { float:left; text-align:left; width:55%; margin-bottom:20px}
#car3 .txt > .cont .tit { float:left; color:#4a8cc9; text-align:left; font-size:20px; margin-bottom:10px; width:100%; font-family:'맑은 고딕';  font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; }
#car3 .txt > .cont ul li { float:left; width:44.8%; margin-top:20px; margin-right:32px; list-style:circle; text-align:left; color:#000;}


@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#car3 .txt > .cont > h4 { background:url(../img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; font-family:'맑은 고딕';   float:left; font-size:13px;  margin-bottom:10px; width:100%; text-align:left; }
#car3 .txt > .cont p { float:left; text-align:left; width:100%; margin-bottom:20px}
#car3 .txt > .cont ul li { float:left; width:100%; margin-top:20px; margin-right:32px; list-style:circle; text-align:left; color:#000;}


}


/* 창업 */
#car4 { width:100%; }
#car4 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b;  ;}
#car4 .txt > .cont { font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; background:url(../img/sub/page/bg2.png)center no-repeat; height:600px;}
#car4 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; font-family:'맑은 고딕';   float:left; font-size:13px;  margin-bottom:10px; width:50%; text-align:left; }
#car4 .txt > .cont { float:left; width:100%; text-align:center;}
#car4 .txt > .cont img { float:right; margin-top:20px;}
#car4 .txt > .cont p { float:left; text-align:left; width:55%; margin-bottom:20px}
#car4 .txt > .cont .tit { float:left; color:#4a8cc9; text-align:left; font-size:20px; margin-bottom:10px; width:100%; font-family:'맑은 고딕';  font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; }

#car4 .txt > .cont ul li { float:left; width:44%; margin-top:20px; margin-right:40px; list-style:circle; text-align:left; color:#000; }


@media all and (max-width:1000px){

}

@media all and (max-width:600px){

#car4 .txt > .cont ul li { float:left; width:100%; margin-top:20px; color:#000; margin-right:40px; list-style:circle; text-align:left;}

}

/* 자격증 소개 */
#car5 { display:table; width:100%; margin:50px auto 0 auto; }
#car5 .txt > .cont .tit_s { margin:0px 0 20px 0px; font-size:16px; font-weight:bold; color:#28427b; }
#car5 .txt > .cont { margin:15px 0 0 0px; font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#666666; float:left; width:100%; }
#car5 .txt > .cont > h4 { background:url(img/sub/page/iicon.png)left center no-repeat; text-indent:1.2em; color:#1e57af; float:left; margin-top:30px; font-size:15px; margin-bottom:4px; width:100%; }
#car5 .txt > .cont .center { float:left; width:100%; text-align:center;}
#car5 .txt > .cont img { float:left; margin-bottom:20px; margin-left:40px; margin-right:90px; margin-top:30px; }
#car5 .txt > .cont p { float:left; text-align:center; width:100%; margin-bottom:20px}

.cert_ul_wrap { float:left; width:calc(100% - 415px); }
#car5 .txt > .cont ul { float:left; width:calc(50% - 20px); padding-left:20px; }
#car5 .txt > .cont ul li { list-style:circle; float:left; width:100%; margin-top:15px; font-size:18px; }
#car5 .txt > .cont .tit { float:left; color:#4a8cc9; text-align:left; font-size:20px; margin-bottom:10px; width:100%; font-family:'맑은 고딕';  font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; }

@media all and (max-width:1200px){

#car5 .txt > .cont ul { float:none; width:calc(100% - 20px); }

}

@media all and (max-width:900px){

#car5 .txt > .cont img { display:block; float:none; width:283px; margin:0 auto; }
.cert_ul_wrap { float:none; width:100%; margin-top:-30px; }
#car5 .txt > .cont ul { float:left; width:calc(50% - 20px); margin:0 0 0 20px; }

}

@media all and (max-width:780px){

#car5 .txt > .cont ul li { font-size:16px; margin-top:12px; }

}

@media all and (max-width:700px){

#car5 .txt > .cont ul { float:none; width:calc(100% - 20px); margin:0 0 0 20px; }

}


/*연구소장 인사말 */

#lab_greeting { width:100%; }
#lab_greeting > div { float:left; }
#lab_greeting > .txt_01 { width:100%; }
#lab_greeting > .txt_02 { margin-top:7px; }
#lab_greeting > .txt { float:left; width:100%;  }

#lab_greeting > .txt > .tit { font-size:22px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#76a028; }
#lab_greeting > .txt > .tit_s { margin:18px 0 0 0px; font-size:16px; font-weight:bold; color:#28427b; }
#lab_greeting > .txt > .sign { margin:18px 0 0 0px;float:right;font-size:14px; font-weight:bold; color:#444; }
#lab_greeting > .txt > .sign span { padding:0 10px;font-size:20px; font-weight:bold; color:#28427b; }

#lab_greeting > .txt_01 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#lab_greeting > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#lab_greeting > .txt > img {float:right; width:45%; margin-top:5%;}
#lab_greeting > .txt > .cont > font { font-weight:bold; color:#28427b; }
#lab_greeting > .txt > .tit2 {font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#052443;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#lab_greeting > .txt_01 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#lab_greeting > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#lab_greeting > .txt > img {float:right; width:100%;}
#lab_greeting > .txt > .cont > img {float:right; width:100%;margin:0 0 10px 0;}
}



/*연구소 사업목표 */

#lab_goal { width:100%; }
#lab_goal > div { float:left; }
#lab_goal > .txt_01 { width:100%; }
#lab_goal > .txt_02 { margin-top:7px; }
#lab_goal > .txt { float:left; width:100%;  }

#lab_goal > .txt > .tit { margin:0 0 10px 0;font-size:22px; line-height:23px; font-weight:bold; letter-spacing:-0.7px; color:#76a028; }
#lab_goal > .txt > .tit_s { margin:18px 0 0 0px; font-size:16px; font-weight:bold; color:#28427b; }
#lab_goal > .txt > .sign { margin:18px 0 0 0px;float:right;font-size:14px; font-weight:bold; color:#444; }
#lab_goal > .txt > .sign span { padding:0 10px;font-size:20px; font-weight:bold; color:#28427b; }

#lab_goal > .txt_01 > .cont {margin:18px 0 0 0px;float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#lab_goal > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#lab_goal > .txt > img {float:right; width:45%; margin-top:5%;}
#lab_goal > .txt > .cont > font { font-weight:bold; color:#4444; }
#lab_goal > .txt > .tit2 {font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#052443;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#lab_goal > .txt_01 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#lab_goal > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#lab_goal > .txt > img {float:right; width:100%;}
#lab_goal > .txt > .cont > img {float:right; width:100%;margin:0 0 10px 0;}
}


/*제품 개발자 양성 */

#developer { width:100%; }
#developer > div { float:left; }
#developer > .txt_01 { width:100%; }
#developer > .txt_02 { margin-top:7px; }
#developer > .txt { float:left; width:100%;  }

#developer > .txt > .tit { margin:0 0 10px 0;font-size:22px; line-height:23px; font-weight:bold; letter-spacing:-0.7px; color:#76a028; }
#developer > .txt > .tit_s { margin:10px 0 0 0px; font-size:16px; font-weight:bold; color:#28427b; }
#developer > .txt > .cont ol  { margin: 10px 0;padding:0 0 0 25px;}
#developer > .txt >.cont ol li { }
#developer > .txt > .sign span { padding:0 10px;font-size:20px; font-weight:bold; color:#28427b; }

#developer > .txt_01 > .cont {margin:10px 0 0 0px;float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#developer > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#developer > .txt > img {float:right; width:45%; margin-top:5%;}
#developer > .txt > .cont > font { font-weight:bold; color:#4444; }
#developer > .txt > .tit2 {font-size:20px; line-height:23px; font-weight:bold; letter-spacing:-1px; color:#052443;}

@media all and (max-width:1000px){

}

@media all and (max-width:600px){
#developer > .txt_01 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:justify; }
#developer > .txt_02 > .cont {float:left; width:100%;  font-size:14px; line-height:22px; letter-spacing:-0.3px; color:#444444; text-align:left; }
#developer > .txt > img {float:right; width:100%;}
#developer > .txt > .cont > img {float:right; width:100%;margin:0 0 10px 0;}
}

@media all and (max-width:600px){
.mbl_img_100 { width:100%; height:auto; }
}

.ctt_img_old { display:table; width:100%; text-align:center; margin-bottom:50px; }
.ctt_img_old > img { float:none !important; margin:0 !important; }

.pg_const { width:100%; padding:150px 0 200px 0; text-align:center; font-size:30px; font-weight:400; letter-spacing:-0.75px; color:#333; }
.pg_const > p { margin-top:20px; font-size:16px; color:#999; }

.sbsc_tbl.s21_tbl > tbody > tr > th { padding:12px 20px; }
.sbsc_tbl.s21_tbl > tbody > tr > td { padding:10px 20px; }

.sbsc_tbl.s21_tbl2 > tbody > tr > td { word-break:keep-all; }
.sbsc_tbl.s21_tbl2 > tbody > tr > td:first-child { padding:12px 20px; }

@media all and (max-width:800px){
.sbsc_tbl.s21_tbl2 > tbody > tr > td { word-break:break-all; }
}

@media (max-width:850px) {

.ctt_img_old img { max-width:100%; height:auto; margin-left:auto; margin-right:auto; }

}