/*================================
	sub
================================*/

/*비주얼*/
#visual{	position:relative;	width:100%; top:142px;	overflow:hidden;}
#visual .inner{ width:1200px; height:179px; margin:0  auto;  }
#visual h2{display:block; width:100%; height:179px; text-align:center; font-size:18px; color:#fff; line-height:normal;  padding-top:70px;margin-left:-70px;}
#visual b{display:inline-block; font-family:'NanumSquare'; font-size:35px;}
.inner1 {background:url(../images/sub/sub01.jpg) no-repeat center top; }
.inner2 {background:url(../images/sub/sub02.jpg) no-repeat center top; }
.inner3 {background:url(../images/sub/sub03.jpg) no-repeat center top; }
.inner4 {background:url(../images/sub/sub04.jpg) no-repeat center top; }
.inner5 {background:url(../images/sub/sub05.jpg) no-repeat center top; }


/*컨텐츠*/
#container{clear:both; overflow:hidden; margin-top:142px; margin-bottom:50px;}
#content{width:1200px; margin:0 auto; padding:0; }
#content .top_title{clear:both; display:inline-block;; width:100%; border-bottom:1px solid #777; padding:5px 0; margin-top:30px;}
#content .top_title h3 {float:left; font-family:'NanumSquare'; font-size:45px; color:#222; font-weight:600; line-height:normal;}


/*서브메뉴 new style */
.content-info-container{float:right; display:inline-block; margin-top:10px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}

#sideMenuM .menu-location{float:left; position:relative;  height:36px; min-width:150px; max-width:600px; margin-left:10px; padding-right:50px; z-index:991;border:1px solid #ccc;}
#sideMenuM .menu-location:first-child{margin-left:0;}
#sideMenuM .menu-location #over {font-weight:600;}
#sideMenuM .menu-location #over a{background:#f26d7d; color:#fff; display:inline-block; width:100%; }
#sideMenuM .menu-location > .cur-location{position:relative; display:block; width:100%;  height:34px; padding-left:20px; line-height:35px;}
#sideMenuM .menu-location > .cur-location span{font-size:16px; color:#000; display:inline-block; width:100%; vertical-align:middle; text-align:center;}
#sideMenuM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:-50px; width:40px; padding:10px;  margin-top:-16px; color:#737373; text-align:center;}
#sideMenuM .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); right:-50px;margin-top:-18px;}
#sideMenuM .menu-location.location2 > .cur-location{color:#f26d7d; font-weight:600;}
#sideMenuM .menu-location.location2 > .cur-location span{color:#f26d7d;}
#sideMenuM .menu-location.location2 > .cur-location .arrow{color:#f26d7d;}
#sideMenuM .menu-location .location-menu-con{display:none; position:absolute; top:35px; left:0; width:100%; background:#ccc; z-index:11; 
																		-ms-filter: alpha(opacity=90); filter: alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
#sideMenuM .menu-location .location-menu-con li a{display:block; padding:10px 23px; font-size:13px;  line-height:110%; color:#000; text-align:center; border-bottom:1px solid #eee; }
#sideMenuM .menu-location .location-menu-con li a:hover {background:#f26d7d; color:#fff;}
#sideMenuM .menu-location .location-menu-con li.on{position:relative;}
#sideMenuM .menu-location .location-menu-con li.on a{color:#ea5415;}

/* ContentInfoInner :: fixed */


#con{display:block; margin:50px 0 50px 0; min-height:500px;}
.subpage{clear:both; margin-top:50px; }
.subpage h4{font-size:16px; color:#000; margin-bottom:8px; }
.subpage h4 b{color:#a92b3a;}
.con_top{clear:both; text-align:center; font-size:18px; color:#2c2c2c; margin:40px 0; line-height:140%;}
.con_top img{margin-bottom:40px;:}

/* 연구소 소개 */
.intro01{clear:both; width:1200px; height:360px; background:url(../images/sub/sub01_01_img01.jpg) no-repeat left top; margin-bottom:1px; }
.intro02{clear:both; width:1200px; height:436px; background:url(../images/sub/sub01_01_img02.jpg) no-repeat left top; margin-bottom:1px; }
.intro03{clear:both; width:1200px; height:336px; background:url(../images/sub/sub01_01_img03.jpg) no-repeat left top; margin-bottom:1px; }
.intro04{clear:both; width:1200px; text-align:right; padding:30px 0; font-size:14px; color:#2c2c2c; }
.intro01, .intro02, .intro03 {font-size:14px; color:#fff; vertical-align:middle; letter-spacing:-1px;}
.intro01 p{float:left; width:330px; height:155px; vertical-align:middle; margin:135px 0 0 40px;}
.intro02 p{float:right; width:300px; height:155px; vertical-align:middle; margin:135px 25px 0 0;}
.intro03 p{float:left; width:330px; height:155px; vertical-align:middle; margin:135px 0 0 40px;}
.intro01 b{font-size:16px; color:#fffbb6;}


.professor {overflow:hidden; width:100%; height:840px; background:url(../images/sub/sub01_02.jpg) repeat-x; }
.professor ul{overflow:hidden;}
.professor ul li{float:left; width:350px; height:230px; margin-top:50px;}
.professor ul li:nth-child(1) {margin-right:480px;}
.professor ul dl{margin-left:30px;}
/*.pro01{z-index:11; left:50%; top:1305px; margin-left:-520px;}
.pro02{z-index:12; left:50%; top:1095px; margin-left:-240px;}
.pro03{z-index:13; left:50%; top:1505px; margin-left:-10px;}
.pro04{z-index:14; left:50%; top:1290px; margin-left:280px;}*/
.professor dt {padding:10px 0; margin-bottom:10px;  font-size:20px; font-weight:bold; letter-spacing:10px;  color:#000; }
.professor dd {color:#212121; }
.pro05 dt {width: 500px; padding:10px 0; margin-bottom:10px;  font-size:20px; font-weight:bold; letter-spacing:10px;  color:#000; margin-top:-280px; margin-left:360px;}
.pro05 dd {width: 500px; color:#212121; margin-left:360px;}
.material-icons01 {background:url(../images/sub/iconset01.png) no-repeat 20px 15px; padding:20px 30px;}
.material-icons02 {background:url(../images/sub/iconset01.png) no-repeat 20px -35px;  padding:20px 30px;}
.material-icons03 {background:url(../images/sub/iconset01.png) no-repeat 20px -82px;  padding:20px 30px;}

.public { width: 400px; padding-left:20px; }
.pro04  { width:400px; padding-left:130px; }

/*교사교육과정*/
.course_wrap {clear:both;}
.course_left{float:left; display:block; width:397px; min-height:360px; background:#fae3ea; padding:30px 30px 50px 30px; font-size:14px; color:#333; line-height:180%;  }
.course_left b{font-size:16px;}
.course_right{float:right; display:block; width:760px; padding:25px 0;  }
.course_right u{color:#de6b8d;}
.course_right img{vertical-align:middle; margin:0 10px;}

/*포트폴리오*/
.portfolio {clear:both;}
.portfolio li{float:left; border:2px solid #dd6a8c; margin:0 18px 18px 0;}
.portfolio li:first-child, .portfolio li.r0 {margin-right:0;}

#content2 { margin:100px 0; }
#content2 h2{ clear:both; display:block;font-family:'NanumSquare'; font-size:55px; font-weight:bold; color:#f26d7d; text-align:center;  line-height:70%; height:100px;}
#content2 h2 span{font-size:14px; }
#content2 ul{overflow:hidden; }
#content2 li{float:left; display:inline-block; margin-right:28px; }
#content2 li:last-child {margin-right:0;}
#content2 li:hover  {-ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}

/*================================================================*/

/* 탭메뉴 */
div.TabView div.Tabs{height:40px; padding-left:10px; width:100%;border-bottom:1px solid #f26d7d; margin-bottom:50px;}
div.TabView div.Tabs a {
	font-size:16px;
	letter-spacing:0;
	float:left;
	display:block;
	text-align:center;
	text-decoration:none;
	background-color:#f7f7f7;
	padding:8px 20px;
	border:1px solid #d4d4d4;
	border-bottom:0;
}
div.TabView div.Tabs a:hover{color:#f26d7d;}
div.TabView div.Tabs a.Active{
	color:#f26d7d;
	background-color:#ffffff;
	font-weight:600;
	
	border:3px solid #f26d7d;
	border-bottom:0;
}
div.TabView div.Pages{width:100%; border:0px solid #404040; overflow:hidden; padding:0px; }


/*================================================================*/


/* 테이블 */
.tablestyle1 {border-top:1px solid #cccccc; border-left:1px solid #cccccc; margin-top:10px; }
.tablestyle1 th{text-align:center; background:#efefef; color:#333;padding:8px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.tablestyle1 td {text-align:center;  color:#333; padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.tablestyle1 th.ehd, .tablestyle1 td.end{border-right:0;}
.tablestyle1 input, 
.tablestyle1 select,
.tablestyle1 textarea{border:1px solid #dddddd; height:25px; padding:5px 3px; margin:5px;}
.w150 {width:150px;}


.tablestyle2{border-top:3px solid #444; margin-top:10px; }
.tablestyle2 th{text-align:left;  color:#111111; padding:17px 0 17px 0; border-bottom:1px solid #cccccc;  }
.tablestyle2 td {text-align:left;  color:#555555; padding:17px 0 17px 10px; border-bottom:1px solid #cccccc; }

.bg00 {background:#ffe1ea; }
.bg01 {background:#fff; }
.bg02 {background:#f6f6f6; }
.bg03 {background:#2b2b2b; color:#fff !important;}

/*리스트 스타일*/
.liststyle1 {line-height:190%; font-size:14px;}

.dotbox{width:98%; border:2px dotted red; padding:20px; font-size:14px;}
.guide{color:red; border-bottom:2px dotted red; padding-bottom:20px; text-align:center; margin-bottom:50px;}
.pyo {background:#ccc;}
.pyo td{background:#fff; text-align:center;}
.my_qu {margin:0 auto; width:80%;border:2px solid #1261ac;  }
.my_qu p{margin-left:80px; padding:50px;  line-height:500%;}
.my_qu input , 
.my_qu select {font-size:14px; padding:5px; height:35px; width:250px;  border:1px solid #ccc;}

a.mybtn {float:left; display:inline-block; margin-right:10px; border:1px solid #ccc; border-radius:5px; padding:10px 50px; text-align:center; font-size:14px; font-weight:bold; background:#1261ac; color:#fff;}
a.mybtn_c{float:left; display:inline-block; margin-right:10px; border:1px solid #ccc; border-radius:5px; padding:10px 50px; text-align:center; font-size:14px; font-weight:bold; background:#efefef}