/* layout */
#header-container {height:95px; font-size:10px; line-height:0; position:relative; z-index:2;}
#header-container {position:relative;width:960px;height:123px;padding:0;z-index:2;font-size:12px;line-height:100%;background:#fff;}
#header-container .top_menu {font-size:11px;font-family:"굴림", "tahoma";position:absolute;left:0px;top:55px;padding:10px 0;width:100%;background:#3B84CE;border-bottom:1px solid #d8dadc;}
#header-container .top_menu .top_link {display:inline;margin:10px 0 0 11px;}
#header-container .top_menu .top_link span {margin:0 5px 0 5px;padding:2px 0 0px 15px;color:#fff;line-height:18px;}
#header-container .top_menu .top_link a:link,
#header-container .top_menu .top_link a:visited,
#header-container .top_menu .top_link a:focus,
#header-container .top_menu .top_link a:active,
#header-container .top_menu .top_link a:hover {color:#fff;text-decoration:none;}
#header-container .top_search {position:absolute;width:200px;right:50px;top:59px;margin:0;padding:0 2px 0 0;height:23px;}
#header-container .top_search button {color:#3B84CE;}
#header-container .top_search input {width:200px;}
/*
#header-container .top_search {position:absolute;right:12px;top:59px;width:216px;margin:0;padding:0 2px 0 0;height:23px;border: 1px #5e5e5e solid; background:#fff; }
#header-container .top_search input {padding:2px 2px; width:200px; height:18px; line-height: 18px;border: none;outline: none;}
#header-container .top_search:before {
    font-family: 'FontAwesome';
    color:#3B84CE;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "\f002";
}
*/
#header-container .main_menu {font-family:"굴림"; position:absolute;left:0px;top:100px;padding:0;width:100%;overflow:hidden;z-index:10;background:none;}
#header-container .main_menu {background: none repeat scroll 0% 0% transparent;}
#header-container .main_menu ul {overflow:hidden;padding:0px 0 5px 30px;height:auto;background:url(/images/css/bg_main_menu_on.png) no-repeat left bottom;}
#header-container .main_menu ul li {float:left;}
#header-container .main_menu ul li:hover a {font-weight:bold;}
#header-container .main_menu ul li span {display:block;margin:0;padding:0 0 5px 0; color:#5e5e5e;line-height:22px; font-size:18px; font-weight:bold; text-align:justify;}
#header-container .main_menu ul li span a {text-decoration:none;}
#header-container .main_menu ul li ul {position:relative;top:10px;margin:0;padding:5px 0 0 0;width:150px;height:0px;overflow:hidden;background:none;}
#header-container .main_menu ul li ul li {float:none;margin:0;padding:0;width:auto;}
#header-container .main_menu ul li ul li a {display:block;margin:0;padding:0 0 0 10px;width:auto;line-height:20px;color:#5e5e5e;background:none;overflow:hidden;}
#header-container .main_menu ul li ul li a:focus,
#header-container .main_menu ul li ul li a:active,
#header-container .main_menu ul li ul li a:hover {color:#fff;background:#3B84CE; text-decoration:none;}
#header-container .main_menu ul li ul li.icon {position: relative;}

/*replace the content value with the corresponding value from the list below*/
#header-container .main_menu ul li ul li.icon:before {
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	/*color: #000;
	font-size: 12px;*/
	padding-left: 1.0em;
	position: absolute;
	top: 4px;
	left: -10px;
}

#main-container {position:relative; margin:30px 0 0 0;padding:0;font-size:12px;width:960px;min-height:650px;overflow:hidden;z-index:1;}

#main-container .topSection {float:left;width:960px;height:416px;}

#main-container .mainLinks {position:relative;float:left;overflow:hidden;margin:0 2px 0 0;width:224px;z-index:10;}
#main-container .mainLinks ul {overflow:hidden;width:224x;}
#main-container .mainLinks ul li {float:left;border-right:2px solid #fff;border-bottom:2px solid #fff;}


#main-container .mainLinks .mainlinkimg1 a {background-image:url(/images/index/button_01.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg2 a {background-image:url(/images/index/button_02.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg3 a {background-image:url(/images/index/button_03.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg4 a {background-image:url(/images/index/button_04.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg5 a {background-image:url(/images/index/button_05.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg6 a {background-image:url(/images/index/button_06.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg7 a {background-image:url(/images/index/button_07.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg8 a {background-image:url(/images/index/button_08.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg1 a:hover {background-image:url(/images/index/button_01_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg2 a:hover {background-image:url(/images/index/button_02_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg3 a:hover {background-image:url(/images/index/button_03_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg4 a:hover {background-image:url(/images/index/button_04_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg5 a:hover {background-image:url(/images/index/button_05_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg6 a:hover {background-image:url(/images/index/button_06_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg7 a:hover {background-image:url(/images/index/button_07_over.png);display:block;height:102px; width:110px;}
#main-container .mainLinks .mainlinkimg8 a:hover {background-image:url(/images/index/button_08_over.png);display:block;height:102px; width:110px;}

#main-container .mainSection {float:left;overflow:hidden;padding-left:2px;width:458px;height:416px;}

#main-container .forumSection {width:454px;height:311px;border:3px solid #CA3F5C;}
#main-container .forumSection ul {padding:0 10px 0 10px;text-align:justify;}
#main-container .forumSection ul li {line-height:12px; margin:10px 0 0 0; background:url('/images/index/dot_forum.png') 0% 50% no-repeat;} 

#main-container .newsSection {margin-top:2px;width:454px;height:101px;padding-left:2px;background-color:#F0F0F0;}
#main-container .newsSection ul {padding:0 10px 0 10px;text-align:justify;}
#main-container .newsSection ul li {height:12px; margin:10px 0 0 0}
#main-container .newsSection .label {font-family: "Malgun Gothic", "맑은 고딕", sans-serif;font-size:0.9em;}

#main-container .leftSection {float:left;margin:0 0 0 6px;width:270px;height:416px;}

#main-container .cyberlecture {width:270px;height:280px;}

#main-container .topKeywords {width:270px;height:135px;padding-left:2px;border:1px solid #C1C1C1;}
#main-container .topKeywords div {margin-top:5px;}
#main-container .topKeywords ol {padding-left:30px;text-align:justify;}
#main-container .topKeywords ol li {line-height:12px; margin:5px 0 0 0}

#main-container .middleSection {float:left;width:960px;}

#main-container .infoSection {float:left;margin-top:5px;width:686px;height:200px;}
#main-container .infoSection .infotitleSection {float:left;width:110px;height:200px;}
#main-container .infoSection .infotitleSection ul {overflow:hidden;padding:0 6px 1px 0;width:116px;}
#main-container .infoSection .infotitleSection ul li {height:47px;margin:0 0 1px 0;padding:2px 4px 0 24px;border:1px solid #C1C1C1;}
#main-container .infoSection .infosubjectSection {position:relative;float:left;overflow:hidden;margin:1px 0 0 4px;width:570px;padding-left:0px;height:238px;border:1px solid #C1C1C1;}
#main-container .infoSection .infosubjectSection ul {padding:0 10px 0 10px;text-align:justify;}
#main-container .infoSection .infosubjectSection ul:not(.infocontent_active) {display: none;}
#main-container .infoSection .infosubjectSection ul li {line-height:12px; margin:10px 0 0 0; background:url('/images/index/dot_infocontent.png') 0% 50% no-repeat;}

#main-container .societyBanner {position:relative;float:left;overflow:hidden;margin:5px 0 0 4px;width:227px;height:300px;}
#main-container .societyBanner ul {padding-left:0px;}
#main-container .societyBanner ul li {margin:0 0 1px 0;border:1px solid #C1C1C1; padding:1px 0 1px 0;}

#main-container .fb-page {position:relative;float:left;overflow:hidden;margin:5px 0 0 4px;width:270px;height:300px;}

#main-container .mainBanner {float:left;overflow:hidden;margin-top:-48px;width:686px;height:50px;z-index:10;}
#main-container .mainBanner img {margin:0 0 10px 5px;border:1px solid #C1C1C1;}
/*
#main-container .sideMenuLinks {position:fixed;left:80px;float:left;overflow:hidden;margin:0 -1px 0 -1px;width:200px;z-index:10;}
#main-container .sideMenuLinks ul {margin:0; padding:5px 0 1px 5px;width:200px;height:auto;}

#main-container .subSection {position:relative;left:200px;float:left;overflow:hidden;margin:0 0 0 0;width:755px;padding-left:10px;border-left: 1px solid #5e5e5e;min-height:650px;height:auto;}
*/
#main-container .sideMenuLinks {position:relative;left:0px;float:left;overflow:hidden;margin:0 -1px 0 -1px;width:200px;z-index:10;}
#main-container .sideMenuLinks ul {margin:0; padding:5px 0 1px 5px;width:200px;height:auto;}

#main-container .cafeSection {width:100%;}
#main-container .cafeSection div {font-family:"Nanum Gothic"; font-weight:700; color:#21232f; font-size:15px; line-height:30px; margin: 30px 0 20px; border-bottom: 1px solid #3B84CE; }
#main-container .cafeSection ul {padding:0 18px 0 18px; text-align:justify;}
#main-container .cafeSection ul li{line-height:12px; margin:10px 0 0 0; background:url('/images/index/dot_forum.png') 0% 50% no-repeat;} 

#main-container .subSection {position:relative;left:0px;float:left;overflow:hidden;margin:0 0 0 0;width:755px;padding-left:10px;border-left: 1px solid #5e5e5e;min-height:650px;height:auto;}

/*
http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs
*/
.infotitle_active{
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
/*background-color: #0848CE;*/
background-color:#3B84CE;
color:white;
padding:10px;
position:relative;
word-wrap:break-word;
/*add some nice CSS3 round corners
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
 */
margin-bottom:2em;
}

.infotitle_active:after{ /*arrow added to rightarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:18px;
	left:100%; /*should be set to 100% */
	width:0;
	height:0;
	border-color: transparent transparent transparent #3B84CE; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 5px;
}

.infocontent_active {display:block;}

.maintitle_forum{ 
	font-family:"Nanum Gothic";
	font-weight:700;
	color:#21232f;
	font-size:15px;
	line-height:30px;
}
.maintitle_news{ 
	font-family:"Nanum Gothic";
	font-weight:700;
	color:#21232f;
	font-size:15px;
	line-height:22px;
}
.maintitle_lecture{ 
	font-family:"Nanum Gothic";
	font-weight:700;
	color:#21232f;
	font-size:15px;
	line-height:15px;
	letter-spacing:-1px;
}
.maintitle_keyword{ 
	font-family:"Nanum Gothic";
	font-weight:700;
	color:#106FA9;
	font-size:15px;
	line-height:24px;
}
.maintitle_info{
	font-family:"Nanum Gothic";
	font-weight:700;
	font-size:15px;
	line-height:40px;
}
.mainmore{
	font-family:"Nanum Gothic";
	font-weight:normal;
	color:#666;
	font-size:11px;
	line-height:30px;
}

#footer-container {position:relative;font-size:11px;top:20px;width:960px;border-top:1px solid #eee;}
#footer-container .copyright  {color:#000;line-height:14px;font-family:"tahoma","verdana","sanserif";text-decoration:none}
/* layout */