@charset "utf-8";


/* common */

body {margin:0; color:#555; font: small/1.8em "맑은 고딕", "돋움", Arial, Helvetica, sans-serif; background:url(../img/bg_main.jpg) repeat-x;}
img {border:0;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}


/*link*/
a { color:#555; text-decoration:none;}
a:hover {color:#796e22; text-decoration:none}

/*layout*/

#wrap {margin:0; width:968px; float:left; padding-right:25px}

/*header*/
#header {position:relative; width:100%; height:87px; float:left;}
#logo {position:absolute; top:32px; left:37px;}
#siteguide {position:relative; width:300px; height:20px; float:right; text-align:right; padding-right:7px;} 
#siteguide ul li {display:inline; margin-left:10px; font: 10px/1.8em Verdana, Geneva, sans-serif;}

/*navigation*/
.navi {position:absolute; top:50px; right:0; z-index:10; width:570px; height:34px; font-size:14px;}
.navi ul li{float:left; margin:0px; left repeat:none;  padding-left:40px;}
.navi ul li a.menu{display:block; color:#343434; background:url(../img/off.gif) left center no-repeat; font-weight:bold; font-family:돋움; padding-left:13px;}
.navi ul li a.menu:hover{display:block; color:#0c4da2; background:url(../img/on.jpg) left center no-repeat;}

.dep2_menu {position:absolute; z-index:30; padding:0 4px; background:#fff; border:1px solid #999; line-height:14px; }
.dep2_menu ul {text-align:center;}
.dep2_menu ul li {text-align:center; padding:0px 6px;}
.dep2_menu ul li a {display:block; color:#666; text-decoration:none; padding:4px 0px 4px 0px; font-size:12px;}
.dep2_menu ul li a:hover {color:#000; text-decoration:none;}

#dep2_1 {visibility:hidden; position:absolute; top:26px; left:40px; width:270px; height:25px; z-index:10;}
#dep2_2 {visibility:hidden; position:absolute; top:26px; left:150px; width:220px; height:25px; z-index:10;}
#dep2_3 {visibility:hidden; position:absolute; top:26px; left:260px; width:180px; height:25px; z-index:10;}
#dep2_4 {visibility:hidden; position:absolute; top:26px; left:370px; width:160px; height:25px; z-index:10;}
#dep2_5 {visibility:hidden; position:absolute; top:26px; left:485px; width:120px; height:25px; z-index:10;}


/*middie*/
#mid { margin-bottom:30px;width:100%; height:605px;}
#mid .content {width:900px; margin-left:50px; float:left;}
#mid .content ul {margin-top:10px; font-size:11px;}
#mid .divi {float:left; padding-top:20px;}
#mid .board {width:248px; float:left; padding:5px 25px;}
#mid .board .certlist {display:inline; padding:5px 2px;}
#mid .board .pic  {float:right; padding-top:10px;}
#mid .board p {padding:5px 0px;float:left; width:160px; font:11px/1.4em "맑은 고딕","돋움", 굴림;}
#mid .board p img {padding-top:5px;}
#mswf {position:absolute; z-index:1000; top:330px; left:580px;}

#mid .board .roll{padding-top:0px; width:100%;}
#mid .board .roll .sliderbutton {float:left; width:15px; padding:35px 0px 0px 0px;}
#mid .board .roll .sliderbutton img {cursor:pointer;}
#mid .board .roll #viewArea {position:relative;float:left; width:150px; margin:0 30px; height:120px; overflow:hidden;}
#mid .board .roll #imgList {position:absolute;	left:0px;	top:0px; }
#mid .board .roll #imgList div{float:left;margin:0 ; width:140px; height:130px;}
#mid .board .roll #imgList div p{text-align:center; line-height:100%;}
#mid .board .roll #imgList div img {padding:0; clear:both;}
#info {margin-top:10px;}

/*footer*/
#footer {position:relative; float:left; margin:0; width:100%; height:77px; width:100%; background:url(../img/bg_footer.gif) repeat-x;}
#footer_logo {position:relative; float:left; margin:20px 40px;}
#footer p {position:relative; float:left; padding-top:20px; font:12px/1.6em "맑은 고딕", 돋움, Verdana, Geneva, sans-serif;}