@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0; font-family: Tahoma,dotum, Sans-serif; font-size: 13px; color:#353535;}
html{overflow-y:scroll}
body{min-width:840px}
#wrap{margin:0px auto; width:940px; background-color:#FFF; }
#mainswf{margin-top:5px}
#nation{float:right;margin-top:-25px}
img{ border:0 none}
p{padding-bottom:5px;}
a:link { text-decoration:underline;  color:#158edb; }
a:visited { text-decoration:underline;  color:#ad43ea;  }
a:active { text-decoration:underline;  color:#158edb;  }
a:hover {text-decoration:underline;  color:#1a4ee2; }

.head {background:url("../image/top_bar.gif") repeat-x; clear:both; padding:14px 0px 0px 0px}
.head .logo{vertical-align:middle; margin-bottom:5px; margin-left:0px;border: 0px;}
.head .navi { list-style: none; width:940px;  height: 38px; background: url("../image/menubg.gif") repeat-x;}
.head .navi li { float: left;  display: inline}
.head .navi li a {display:inline; }
.head .navi li strong {display:none; }
.head .navi li span {display:block; cursor:pointer;  height:38px; }
.head .m-proj { background: url("../image/b_proj.jpg") no-repeat; height: 38px;  width:108px }
.head .m-wiki { background: url("../image/b_wiki.jpg") no-repeat; height: 38px;  width:87px }
.head .m-sam { background: url("../image/b_sample.jpg") no-repeat; height: 38px;   width:104px }
.head .m-down { background: url("../image/b_down.jpg") no-repeat; height: 38px;  width:119px  }
.head .m-diss { background: url("../image/b_diss.jpg") no-repeat; height: 38px;   width:124px }
.head .m-code { background: url("../image/b_docu.jpg") no-repeat; height: 38px;   width:117px }
.head .m-rss { background: url("../image/b_rss.jpg")  no-repeat;  height: 38px;   width:87px }
.head .m-proj:hover, .head .m-proj:active { background-position:0px -38px; }
.head .m-wiki:hover, .head .m-wiki:active { background-position:0px -38px; }
.head .m-sam:hover, .head .m-sam:active { background-position:0px -38px; }
.head .m-down:hover, .head .m-down:active { background-position:0px -38px; }
.head .m-diss:hover, .head .m-diss:active { background-position:0px -38px; }
.head .m-code:hover, .head .m-code:active { background-position:0px -38px; }
.head .m-rss:hover { background-position:0px -38px; }

.head .lang {list-style: none; width:940px;  height: 14px;}
.head .lang li { float:right;  display: inline; margin:-2px 2px}
.head .lang li a {display:inline; }
.head .lang li strong {display:none; }
.head .lang li span {display:block; cursor:pointer;  height:14px;}
.head .lang .l-en {background: url("../image/en.png") no-repeat;  width:16px; height: 14px}
.head .lang .l-fr {background: url("../image/fr.png") no-repeat;  width:16px; height: 14px}
.head .lang .l-sp {background: url("../image/sp.png") no-repeat;  width:16px; height: 14px}
.head .lang .l-jp {background: url("../image/jp.png") no-repeat;  width:16px; height: 14px}
.head .lang .l-kr {background: url("../image/kr.png") no-repeat;  width:16px; height: 14px}
.head .lang .l-en:hover, .head .lang .l-fr:hover,.head .lang .l-sp:hover,.head .lang .l-jp:hover,.head .lang .l-kr:hover {background-position:0px -14px;}
.head .kr .lang .l-kr,.head .en .lang .l-en,.head .fr .lang .l-fr,.head .sp .lang .l-sp,.head .jp .lang .l-jp{background-position:0 -14px}
body.project .head .m-proj,body.samples .head .m-sam,body.downloads .head .m-down,body.discussion .head .m-diss,body.document .head .m-code,body.news .head .m-rss{background-position:0px -38px; }

.s-text {padding-left:5px;padding-top:2px;margin:4px 0 0 10px;border:#2C2C2C 1px solid; border-right:0 none; height:18px; vertical-align:middle; width:140px}
.s-submit{margin-top:5px;width:30px;height:20px}

.i-frame{border: 0px none;overflow:hidden;}

.contents{width:750px;  float:left;}

.side{width: 180px; float:right;display: inline;margin-right:4px;margin-top:5px}
.side .sideElement{	border: solid 2px #C4C9CF; 	width:100%;text-align: center; margin-bottom:5px; }

.tab{width:100%;height:100%}

#wrap .hotnews span, #wrap .news span{	color:#333; }
#wrap .news, #wrap .hotnews{margin-top:5px;margin-bottom:10px;padding-left:10px;}
#wrap .news{border-left:#6797B6 6px solid;}
#wrap .hotnews{border-left:#C3D7E4 6px solid}

#wrap .news li,#wrap .hotnews li{margin-left:15px;margin-bottom:3px}
#wrap .news h1,#wrap .hotnews h1{	font-weight:bold; font-size:24px; margin-bottom:10px; color:#353535; }
#wrap .news h2,#wrap .hotnews h2{	font-weight:bold; font-size:20px; margin-bottom:10px; }
#wrap .news h3,#wrap .hotnews h3{	font-weight:bold; font-size:16px; margin-bottom:10px; }
#wrap .news h4,#wrap .hotnews h4{	font-weight:bold; font-size:14px; margin-bottom:10px; }

.foot{	background-image:url("../image/down_bar.png"); 	background-repeat:repeat-x; 	clear:both; 	height:42px; }
.foot span{	display:block; 	color:#CCC; 	height:100%; 	padding-left:25px; 	padding-top:15px; }