@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:180px; font-size:17px; font-weight:500; letter-spacing:0; }
#animate #tm li.th1 ul.th2 {width:180px; height:150px;}


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


#lnb #leftTi {letter-spacing:-0.035em; font-size:1.39em;}







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


/** 인사말 **/
.human_intro {position:relative; margin-bottom:30px; padding:50px 0 0; height:100px; background:url(/images/human/content/img_sub0101.JPG) no-repeat 50% top; background-size:cover; border-radius:3px;}
.human_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;
    }
}

.human_intro p span{display:block; margin:5px auto; font-size:19px; 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){

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

}




/** 조직도 **/
.org_human { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.org_dep1 { position:relative; }
.org_dep1 strong, 
.org_dep2 strong, 
.org_dep3 strong, 
.org_dep4 strong { display:block; width:auto; padding:15px; font-size:1.0em; text-align:center; font-weight:normal; color:#fff; }

.org_dep1 strong.king { background:#7DC242; }

.org_dep2 strong.king2 { background:#E46C0A; }

.org_dep3 strong.king3 { background:#E46C0A; }

.org_dep4 strong.king4 { background:#444c58;}

.org_dep2,
.org_dep3,
.org_dep4 { margin-top:15px; }

.org_ul2:after { content:""; display:block; clear:both; }
.org_ul2 .org_li { padding:15px 0 0 0; }
.org_ul2 .org_li strong { font-size:1.0em;  background:#616974; }
.org_ul2 .org_li ul { margin:0 auto; padding:10px 3px; text-align:center; background:#F4F4F4; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.org_ul2 .org_li ul li { display:inline; margin:0 3px;}

.org01 { display:block; width:auto; margin-top:5px; padding:10px 5px 8px; line-height:18px;text-align:center; font-size:0.9em; font-weight:bold; background:#F4F4F4; border:1px solid #D2D2D2;}
.org01-1 { display:block; width:auto; margin-top:5px; padding:10px 5px 8px; line-height:18px;text-align:center; font-size:0.9em; font-weight:bold; background:#F4F4F4; border:1px solid #D2D2D2;}
.org02 { display:block; width:auto; margin-top:5px; padding:10px 10px 9px; line-height:18px; font-size:0.9em;text-align:center; color:#fff; font-weight:bold; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat;}
.org03 { display:inline-block; width:45%; margin-top:5px; padding:7px 0px 6px; line-height:18px; font-size:0.9em;text-align:center; font-weight:bold; background:#fff; border:1px solid #D2D2D2;}

.org_dep2 .r_bg { background:#E3E7EF;}


@media all and (min-width:768px){
	.org_human { background:url(/images/human/content/bg_org2.gif) no-repeat 52px top; }
	.org_dep1 strong, 
	.org_dep2 strong, 
	.org_dep3 strong, 
	.org_dep4 strong {width:140px; padding:15px 15px 12px; margin:0 auto 0; }
	.org_dep1 .org_depth1 { position:absolute; right:50px; top:70px;  }

	.org_dep2 .org_right{ position:absolute; left:20px; top:197px; }
	.org_dep2 .org_left{ position:absolute; right:50px; top:163px; }

	.org_dep1 { position:static; margin:0 auto; padding-left:70px;}
	.org_dep2,
	.org_dep3 { position:static; margin:40px auto; padding-left:70px;}
	.org_dep4 { position:static; margin:40px auto 0; padding-left:70px;}
	.org_ul_depth { position:static; margin:40px auto; }

	.org_dep3 .org_depth3 { position:absolute; right:50px; top:248px;  }

	.org_ul1 { padding-top:20px; width:350px; }
	.org_ul1 li {float:left; margin-right:20px; padding-bottom:30px;}

	.org_ul2 { padding-top:40px; margin-left:-90px; }
	.org_ul2 .org_li { float:left; margin-left:30px;  width:45%;}
	.org_ul2 .org_li strong { padding:12px 0 8px;  width:100%;}
	.org_ul2 .org_li ul { float:left; padding:10px 10px 10px 15px; }
	.org_ul2 .org_li ul li {  float:left; display:inline; margin:3px 10px; }



	.org01 { margin-top:0px; width:110px; border-radius:5px;}
	.org01-1 { margin-top:0px; width:90px; border-radius:5px;}
	.org02 { margin-top:0px; margin-left:20px; width:160px; }
	.org03 { margin-top:0px; width:120px; }


}




@media all and (min-width:1000px){
	.org_human { background:url(/images/human/content/bg_org.gif) no-repeat 52px top; }
}





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


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

.sub02_01 .human_box_col,
.sub02_03_01 .human_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.human,
.sub02_03_01 ul.vis_ul li strong.human { 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_human_ul { padding:0px; }
ul.vis_human_ul:after { content:""; display:block; clear:both; }
ul.vis_human_ul li { float:none; margin:0 0 20px 0; width:auto;}
ul.vis_human_ul li.vis_human_li { width:auto;}
ul.vis_human_ul li.vis_human_li1 { width:auto;}
ul.vis_human_ul li strong{text-shadow:0 0 0.1em #3F3F3F;}
ul.vis_human_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_human_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_human_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_human_ul li strong span { display:inline;}
ul.vis_human_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_human_ul li ul li { float:none; margin-bottom:0; }


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

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

}