@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); // ³ª´®°íµñü
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); // ³ª´®°íµñÄÚµùü
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); //  ³ª´®¸íÁ¶



h1 ,h2 , h3 , h4 ,h5 ,h6 {font-size:12px ;}
ol , ul {List-style : none ;}
hr { }
label {cursor:pointer;}

Fieldset , img, input, select, textarea {
	vertical-align: middle;
}


body , div , dl ,dt , dd , ul ,ol ,li , h1 ,h2 , h3 , h4 ,h5 ,h6 ,pre , form , input , th , td ,tr,  fieldset , p {
	margin : 0 ;
	padding : 0 ;
	font-family:'Nanum Gothic';
}


html, body { margin:0 auto; font-family:'Nanum Gothic'; font-size:12px; background-color:#f2f2f2; }



/*»ó´Ü*/

.warp {margin:0 auto; background-image:url(images/top_bg.gif); background-repeat:x-repeat; height:96px;}
.topwarp { width:980px;margin:0 auto;overflow:hidden; }
.logo { width:220px; float:left;}



/*¸Þ´º*/


#menu, #menu ul { margin: 0;  list-style: none;}
#menu { width: 760px;position:absolute;left:50%; margin-left:-250px;	}
#menu:before, #menu:after {content: ""; display: table;}
#menu:after {clear: both;}
#menu { zoom:1;padding-top:25px;}
#menu li {float: left;position: relative; }

#menu a {float: left;padding: 12px 15px; color: #333; text-transform: uppercase; font-size:16px ;  font-weight:bold; text-decoration: none;}

#menu li:hover > a {color: #06a2e4;}

*html #menu li a:hover { /* IE6 only */color: #06a2e4;}



#menu ul {margin: 20px 0 0 0 ; _margin: 0; /*IE6 only*/ opacity: 0;  visibility: hidden; position: absolute;top: 33px;left: 0; z-index: 1; background: #d1e4f7;   border-radius: 3px;transition: all .2s ease-in-out;}
#menu li:hover > ul {opacity: 1;visibility: visible; margin: 0;}
#menu ul ul {top: 0;left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ box-shadow: -1px 0 0 rgba(255,255,255,.3);   }
#menu ul li { float: none;display: block; border: 0; _line-height: 0; /*IE6 only*/ }
#menu ul li:last-child {   box-shadow: none;    }
#menu ul a { padding: 8px 10px;width: 130px;_height: 10px; /*IE6 only*/display: block;white-space: nowrap; float: none;text-transform: none;  font-size:12px;}
#menu ul a:hover {background-color: #eaf0fc;}



#menu ul li:first-child > a {border-radius: 3px 3px 0 0;}
#menu ul li:first-child > a:after {content: ''; position: absolute; left: 30px;top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d1e4f7; }


#menu ul ul li:first-child a:after { 
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #eaf0fc;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #eaf0fc; 
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #eaf0fc; 
    border-bottom-color: transparent;   
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}


/*¸ÞÀÎ*/

.centerwarp{margin:0 auto; width:980px; color:#333;  padding-top:25px; overflow:hidden;}
.row1 { }
.row1 dl {overflow:hidden; }
.row1 dt { float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
background-color:#55a3c4; color:#FFF; padding:24px 28px; width:270px;font-size:16px;background-image:url(images/row1_bg.gif); background-repeat:no-repeat;}

.row1 h3 { font-size:18px; color:#FFF; font-weight:bold; margin-bottom:30px;}
.row1 h3 span{ font-size:10px; color:#FFF; }

.row1 h4 { font-size:16px; color:#FFF; font-weight:bold;margin-bottom:10px;}
.row1 h4 span{ font-size:12px; color:#d2ff92; }
.row1titleone { font-size:12px; color:#FFF;margin-bottom:5px; margin-left:17px;}
.row1titletwo { font-size:12px; color:#FFF;margin-bottom:5px; margin-left:17px;}

.row1textone{ color:#b9e4f6 ; font-size:11px; padding-bottom:40px;margin-left:17px;}
.row1texttwo { color:#b9e4f6 ; font-size:11px;margin-left:17px;}


.row1more {font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;color:#fff;}
.row1more a:link, a:visited{font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;text-decoration:none;color:#fff; }
.row1more a:hover, a:active{font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;text-decoration:none;color:#fff; }




.row1 dd {float:left; padding-left:6px;}



.row2 { padding-top:10px; }
.row2 dl {overflow:hidden; }
.row2 dt { float:left; background-image:url(images/row2_1.gif); background-repeat:no-repeat; width:415px; padding:45px 0 56px 235px;}
.row2 dt ul {}
.row2 dt li { float:left; width:200px; font-size:12px; }
.row2 dd {float:left; padding-left:10px;}

.row3 { overflow:hidden; margin-top:10px;line-height:21px;}
.row3 li { }
.row3-1 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#79c061; color:#FFF;margin:0 10px 10px 0; width:276px; padding:24px 22px;float:left;background-image:url(images/row3_1_img.gif); }
.row3-1 h3 { font-size:18px; font-weight:bold; color:#fff; padding-bottom:15px;}
.row3-1 ul {}
.row3-1 ul li{ color:#fff; background-image:url(images/row3_1_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 18px; font-size:12px;}
.row3-1 a:link{ color:#fff; text-decoration:none;font-size:12px;}
.row3-1 a:visited{ color:#093900; text-decoration: none;font-size:12px;}

.row3-1 a:hover{ color:#fff; text-decoration:none;font-size:12px;}
.row3-1 a:active{ color:#093900; text-decoration: none;font-size:12px;}




.row3-2 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#eeda55; color:#FFF;margin:0 10px 10px 0; width:276px; padding:24px 22px 36px 22px; float:left;}
.row3-2 h3 { font-size:18px; font-weight:bold; color:#000; padding-bottom:23px;}


.mainmore {font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;color:#093900;}
.mainmore a:link, a:visited{font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;text-decoration:none;color:#093900; }
.mainmore a:hover, a:active{font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;text-decoration:none;color:#093900; }


.row3-2 ul {}
.row3-2 ul li{ color:#424242; background-image:url(images/row3_2_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px;}
.row3-2 li a:link, a:visited{ color:#424242; text-decoration:none;font-size:12px;}
.row3-2 li a:hover, a:active{ color:#84600b; text-decoration: none;font-size:12px;}



.row3-3 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#fff; color:#000; width:276px; padding:24px 22px 36px 22px;float:left;}
.row3-3 h3 { font-size:18px; font-weight:bold; color:#000; padding-bottom:23px;}

.row3-3 ul {}
.row3-3 ul li{ color:#424242; background-image:url(images/row3_3_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px;}
.row3-3 li a:link, a:visited{ color:#424242; text-decoration:none;font-size:12px;}
.row3-3 li a:hover, a:active{ color:#ababab; text-decoration: none;font-size:12px;}


.row3-4 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#fff; color:#000;margin:0 10px 10px 0; width:276px; padding:24px 22px;float:left;}
.row3-4 h3 { font-size:18px; font-weight:bold; color:#000; padding-bottom:15px;}
.row3-4 li{ float:left;}


.row3-5 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#44abd6; color:#000;margin:0 10px 10px 0; width:276px; padding:24px 22px;float:left; height:145px;}
.row3-5 h3 { font-size:18px; font-weight:bold; color:#fff; padding-bottom:23px;}

.row3-5 ul {}
.row3-5 ul li{ color:#424242; background-image:url(images/row3_3_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px;}
.rowtext { font-size:12px; color:#FFF; line-height:18px;}


.row3-6 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */ background-color:#fff; color:#000; width:276px; padding:24px 22px 36px 22px;float:left;}
.row3-6 h3 { font-size:18px; font-weight:bold; color:#000; padding-bottom:23px;}

.row3-6 ul {}
.row3-6 ul li{ color:#424242; background-image:url(images/row3_3_icon.gif) ;background-repeat:no-repeat; padding:0 0 0 10px;}
.row3-6 li a:link, a:visited{ color:#424242; text-decoration:none;font-size:12px;}
.row3-6 li a:hover, a:active{ color:#ababab; text-decoration: none;font-size:12px;}










/*ÆäÀÌ¡*/
.pageing{margin:0 auto; width:380px; text-align:center; overflow:hidden; height:25px;}
.pageing img {padding:0 5px;}
.pageing ul{ list-style:none; float:left; display:inline;}
.pageing ul li { float:left;}
.pageing ul li a { float:left; padding:3px; margin-right:3px; width:15px; color:#000; font:bold 11px tahoma; border:1px solid #e3e3e3; text-align:center; text-decoration:none;}
.pageing ul li a:hover{ color:#FFF; border:1px solid #8a8a8a; background-color:#8a8a8a;}
.pageing ul li a:focus { color:#FFF; border:1px solid #8a8a8a; background-color:#8a8a8a;}


/*ÇÏ´Ü*/

.footer {margin:0 auto; width:980px; overflow:hidden; text-align:center; line-height:20px; border-top:1px solid #e5e5e5; margin-top:20px;  padding-top:20px; margin-bottom:20px; }