@charset "UTF-8";

.hidden,small { display:none; }

.wrap-main section {
	/*background:url("/res/images/mainVisual.jpg") no-repeat center top; height:678px;*/
}

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }


/* 링크(폰트) 영역 */
.link2 a:link { color:#424242;}
.link2 a:visited { color:#424242;}
.link2 a:hover { color:#000000;text-decoration:none;}
.link2 a:active { color:#000000;}

/* 링크(폰트) 영역 */
.link4 a:link { color:#777777;}
.link4 a:visited { color:#777777;}
.link4 a:hover { color:#3d3d3d;text-decoration:none;}
.link4 a:active { color:#3d3d3d;}

/* 링크(폰트) 영역 */
.link5 a:link { color:#6f6f6f;}
.link5 a:visited { color:#6f6f6f;}
.link5 a:hover { color:#000000;text-decoration:none;}
.link5 a:active { color:#000000;}

/* 링크(폰트) 영역 */
.link6 a:link { color:#777777;}
.link6 a:visited { color:#777777;}
.link6 a:hover { color:#000000;text-decoration:none;}
.link6 a:active { color:#000000;}

/* 링크(폰트) 영역 */
.link7 a:link { color:#636363;}
.link7 a:visited { color:#636363;}
.link7 a:hover { color:#f10000;text-decoration:none;}
.link7 a:active { color:#f10000;}


.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1000px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }
section.layout:after { display:block; content:""; clear:both; }

/* 메인 영역 시작 */

hearder.layout {width:100%; height:485px; padding:0; margin:0 auto; text-align:center; }
.top01 {position:absolute;top:7px;left:836px;z-index:999;}
.top02 {position:absolute;top:7px;left:904px;z-index:999;}
.top03 {position:absolute;top:7px;left:824px;z-index:999;}
.logo {position:absolute;top:20px;left:10px;z-index:999;}

#topmenu { position: absolute;left:274px; top: 53px; width: 726px; height: 44px; margin: 0; padding: 0; z-index:3;}
#topmenu ul { list-style: none; height: 29px; margin: 0 0 0 0; padding: 0; }
#topmenu li { margin: 0; padding: 0;}
#topmenu ul li { float: left; display: inline; padding: 0; color: #C2C2C2;}
#topmenu ul li img { position: relative; z-index:3; }
#topmenu ul li a { display: block; }

#topmenu ul ul { display:block; list-style: none; position: absolute; left: 0; top: 42px; width: 375px; height: 30px; margin: 0; padding: 0;z-index:4; }
#topmenu ul ul li { float: left; display: inline; min-width: 1px; margin: 0; padding: 0;}
*html #topmenu ul ul li { width: 1px; }
#topmenu ul ul#top2m1 { width: 340px; padding:0; margin:0 0 0 0;background:#ffffff;}
#topmenu ul ul#top2m2 { width: 340px; padding:0; margin:0 0 0 86px;background:#ffffff;}

.Maincontent {float:left;width:1000px;height:770px; background:url("/res/images/mainbg.jpg") no-repeat center top;}
.Mainport {position:relative;float:left;width:770px;height:770px;}
.Mainboard {float:left;width:230px;height:770px;}
.board01 {position:relative;float:left;width:230px;height:258px;}
.board02 {position:relative;float:left;width:230px;height:245px;}
.board03 {position:relative;float:left;width:230px;height:267px;}

.Mainport ul {float:left;padding:0 0 0 8px;margin:3px 0 0 0;}
.Mainport ul li {float:left;width:228px;margin:20px 0 0 0;padding:0 0 0 17px;}
.Mainport ul li span.thum {float:left;width:228px;height:171px;border:1px solid #090909;}
.Mainport ul li span.title {float:left;font-weight:bold;color:#000;padding:0 0 0 7px;width:221px;margin:11px 0 0 0;}
.Mainport ul li span.url {float:left;color:#000;padding:0 0 0 7px;width:221px;margin:8px 0 0 0;}

/* 메인 영역 끝 */

/* 서브 영역 시작 */
section.layout aside { float:left; width:186px; margin-top:1px;}

section.layout .content { float:left; width:1000px; }
section.layout .content header { width:1000px; height:57px; margin-top:0px;}

.boardarea {width:1000px;  padding:0 0 20px 0;}

.block { width:75px; height:15px; display:block; padding-top:50px; padding-left:764px;}
/* 서브 영역 끝 */

/* 블럭영역 시작 */

.block01 a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }

.block01 {width:50px; height:15px; display:block; position:absolute; top:18px; left:885px;}

/* 블럭영역 끝 */