@charset "utf-8";


/*메인박스*/
.main_listbox h4 {font-size:1.04em;}

/* 포인트칼라 */
.point01 {color:#7DC242;} 


/** 콘텐츠 영역 **/

/* 좌측 메뉴 */
#leftmenu li ul.lm_3th li a.link_3th_ov,
#leftmenu li ul.lm_3th li a:hover,
#leftmenu li ul.lm_3th li a:focus, 
#leftmenu li ul.lm_3th li a:active { background-position:left 9px; color:#7DC242; }

/* h1 */
#contents .contTi {background: url(/images/organ/common/h_bgline.gif) no-repeat center top;}



/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-660px; width:700px;  /*width:840px;*/}
#animate #tm li.th1{ float:left; width:150px; font-size:17px; font-weight:500; letter-spacing:0; }
#animate #tm li.th1 ul.th2 {width:140px; height:140px;}


#animate #tm li + li.th1{width:250px;}
#animate #tm li + li.th1 ul.th2 {width:250px;}

#animate #tm li + li + li.th1{width:140px;}
#animate #tm li + li + li.th1 ul.th2 {width:140px;}


#animate #tm .th2 li{padding:0 0 0 20px; font-size:0.85em;line-height:15px; letter-spacing:0;}




/** 서브페이지 왼쪽메뉴 **/
#leftmenu li > a.link_2th,
#leftmenu li > a.link_2th_ov {word-break: keep-all; padding:13px 55px 13px 20px;}

p {font-size:1.1em; text-align: justify;}







/********** 1. 사업단 소개 **********/


/** 인사말 **/
.huss_intro {position:relative; margin-bottom:30px; padding:50px 0 0; height:100px; background:url(/images/huss/content/img_sub0101.JPG) no-repeat 50% top; background-size:cover; border-radius:3px;}
.huss_intro p{display:block; margin:0px auto;text-align:center;color:#fff; font-size:0; line-height:0; text-shadow:0 0 0.5em #3F3F3F; 
	animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.huss_intro p span{display:block; margin:5px auto; font-size:0px; line-height:19pt;}

p.n_text { color:#000; font-size:16px; margin-top:20px;width: 100%; line-height:35px;text-align:right;}
p.n_text b {margin-left:10px; color:#000; font-size:33px; font-weight:500; font-family:"nanumpenscript","nanum pen script",Sans-serif;}

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

	.huss_intro {margin-bottom:50px; padding:90px 0 0; height:160px;}
	.huss_intro p{font-size:0px; line-height:19pt;}
	.huss_intro p span{display:inline-block; margin:6px auto; font-size:0px; line-height:24pt;}

}




/** 조직도 **/
.sub01_02 .org_huss { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub01_02 .org_dep1 { position:relative; }
.sub01_02 strong { display:block; width:auto; padding:15px; font-size:1.15em; text-align:center; font-weight:normal; color:#fff; }
.sub01_02 strong.king { background:#7DC242; }
.sub01_02 strong.king2 { background:#444c58; }
.sub01_02 strong.king3 { background:#7f868e; }
.sub01_02 strong.king_dep { margin-top:25px; background:#7f868e; font-size:1.0em;}
.sub01_02 strong.king_dep2 { margin:25px auto 25px auto; }
.sub01_02 strong.king_dep3 { margin:10px auto 10px auto; }
.org_dep2 { margin-top:15px;}
.org_dep2 ul { padding:20px;  font-size:0.85em; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.sub01_02 .org_dep3, .sub01_02 .org_dep4 { margin-top:15px; }
.sub01_02 .org_ul:after, .sub01_02 .org_ul2:after { content:""; display:block; clear:both; }
.sub01_02 .org_ul .org_li, .sub01_02 .org_ul2 .org_li2 { padding:15px 0 0 0; font-size:0.85em;}
.sub01_02 .org_ul .org_li span, .sub01_02 .org_u2l .org_li2 span{display:inline-block; color:#666;}
.sub01_02 .org_ul .org_li strong, .sub01_02 .org_ul2 .org_li2 strong { font-size:1.15em; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }
.org_dep2 strong { font-size:1.0em; }

.sub01_02 .org_ul .org_li ul, .sub01_02 .org_ul2 .org_li2 ul { padding:20px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub01_02 .org_ul .org_li ul li, .sub01_02 .org_ul2 .org_li2 ul li { padding-top:0px; padding-bottom:0px;}

@media all and (min-width:768px){
	.sub01_02 .org_huss {margin:0px; background:url(/images/huss/content/bg_org.gif) no-repeat 55px top; }
	.sub01_02 strong.king { width:230px; padding:15px 13px 14px; margin:0 0 0 87px; }
	.sub01_02 strong.king_dep {padding:15px 20px 14px; width:126px;}
	.sub01_02 strong.king_dep2 { width:230px; margin:25px auto 20px 87px; }
	.sub01_02 strong.king_dep3 { width:140px; margin:0px 0px 10px; padding:10px 13px 8px;}
	.sub01_02 .org_dep2 { position:absolute; right:25px; top:85px;  margin:0 auto; }
	.sub01_02 .org_dep3 {position:static;  margin:70px 0 0 10px; }
	.org_ul2 { margin-left:-17px; }
	.org_ul2 .org_li2 { float:left; width:30%; }
	.org_ul2 .org_li2 span{display:block;}
	.org_ul2 .org_li2 strong { margin-left:30px; padding:11px 13px 7px;}
	.org_ul2 .org_li2 strong.team {padding:63px 25px 58px;}
	.sub01_02 .org_ul2 .org_li2 ul { height:110px; padding:8px 20px; margin-left:30px; }


}





/********** 2. 세부프로그램 소개 **********/


/** 대학혁신사업 소개, 대표프로그램 **/

.sub02_01 .huss_box_col,
.sub02_03_01 .huss_box_col {display:block; border:solid 1px #d2d2d2; padding:20px; overflow:hidden;}
.sub02_01 ul.vis_ul li,
.sub02_03_01 ul.vis_ul li { margin-bottom:10px; border-right:0; text-align:center; }
.sub02_01 ul.vis_ul li:after,
.sub02_03_01 ul.vis_ul li:after { content:""; display:block; clear:both; }
.sub02_01 ul.vis_ul li strong,
.sub02_03_01 ul.vis_ul li strong { display:block; float:none; width:auto; padding:14px 0; background:#12A483; color:#fff; }
.sub02_01 ul.vis_ul li strong.huss,
.sub02_03_01 ul.vis_ul li strong.huss { background:#444C58;}
.sub02_01 ul.vis_ul li p,
.sub02_03_01 ul.vis_ul li p,
.sub02_03_01 ul.vis_ul li ol { float:none; width:auto; padding:13px; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub02_03_01 ul.vis_ul li ol li { margin:0; padding:0; text-align:left;}
.sub02_01 ul.vis_ul li p.vis_dot { background:url(/images/mec/sub01/dot_bg1.gif) repeat left top; }
.sub02_03_01 ul.vis_ul li p span { display:inline;}
.sub02_03_01 ul.vis_ul li ul.EReSa { float:none; width:auto; margin:30px 0 0; padding:13px; border:1px dotted #d2d2d2; }
.sub02_03_01 ul.vis_ul li ul.EReSa li { margin:0; text-align:left; border-right:none;}
.sub02_03_01 ul.vis_ul li ul b{ display:block; text-align:left; color: #404F87; padding-bottom:5px;}
.sub02_01 .vis_bg,
.sub02_03_01 .vis_bg { padding-top:10px;}
.sub02_01 .picBox .pic,
.sub02_03_01 .picBox .pic { padding:0; border:0; }



@media all and (min-width:768px){

	/** 대학혁신사업 소개, 대표프로그램 **/
	.sub02_01 ul.vis_ul li,
	.sub02_03_01 ul.vis_ul li { border-right:1px solid #d2d2d2; }
	.sub02_03_01 ul.vis_ul li.brn { border-right:none; }
	.sub02_01 ul.vis_ul li strong,
	.sub02_03_01 ul.vis_ul li strong { float:left; width:20%; }
	.sub02_03_01 ul.vis_ul li strong.h { height:54px; padding:40px 0 0;}
	.sub02_01 ul.vis_ul li p,
	.sub02_03_01 ul.vis_ul li p,
	.sub02_03_01 ul.vis_ul li ol { float:left; width:60%; padding:13px 10%; border-top:1px solid #d2d2d2; border-left:0; border-right:0; }
	.sub02_03_01 ul.vis_ul li ol li { padding:0 0 0 11%; border-right:none; }
	.sub02_03_01 ul.vis_ul li p span { display:block;}
	.sub02_03_01 ul.vis_ul li ul.EReSa { float:right; width:68%; padding:20px 6%; }

	.sub02_03_01 p.c { text-align:center; font-size:0.85em; line-height:12pt; font-weight:bold;}



}


/*핵심과제*/

ul.vis_huss_ul { padding:0px; }
ul.vis_huss_ul:after { content:""; display:block; clear:both; }
ul.vis_huss_ul li { float:none; margin:0 0 20px 0; width:auto;}
ul.vis_huss_ul li.vis_huss_li { width:auto;}
ul.vis_huss_ul li.vis_huss_li1 { width:auto;}
ul.vis_huss_ul li strong{text-shadow:0 0 0.1em #3F3F3F;}
ul.vis_huss_ul li strong.project_1 { display:block; width:auto; margin:0 10px; padding:16px 0 10px; background:#9C9B89 url(/images/organ/common/dot_bg.png) repeat; text-align:center; font-size:1.0em; color:#fff; }
ul.vis_huss_ul li strong.project_2 { display:block; width:auto; margin:0 10px; padding:16px 0 10px; background:#8FAA6F url(/images/organ/common/dot_bg.png) repeat; text-align:center; font-size:1.0em; color:#fff; }
ul.vis_huss_ul li strong.project_3 { display:block; width:auto; margin:0 10px; padding:16px 0 10px; background:#6A9DB5 url(/images/organ/common/dot_bg.png) repeat; text-align:center; font-size:1.0em; color:#fff; }
ul.vis_huss_ul li strong span { display:inline;}
ul.vis_huss_ul li ul { overflow:hidden; height:auto; margin:0 10px; padding:20px; background:#fff; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
ul.vis_huss_ul li ul li { float:none; margin-bottom:0; }


@media all and (min-width:768px){

	/*핵심과제*/
	ul.vis_huss_ul li { float:left; margin-bottom:20;}
	ul.vis_huss_ul li strong span { display:block;}
	ul.vis_huss_ul li strong.project_1 { font-size:1.2em; }
	ul.vis_huss_ul li strong.project_2 { font-size:1.2em; }
	ul.vis_huss_ul li strong.project_3 { font-size:1.2em; }
	ul.vis_huss_ul li ul { height:50px;}
	ul.vis_huss_ul li ul.s { height:70px;}
	ul.vis_huss_ul li ul.s2 { height:30px;}
	ul.vis_huss_ul li.vis_huss_li { width:50%; }
	ul.vis_huss_ul li.vis_huss_li1 { width:25%; }

}