@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 ,fieldset ,th, td, tr, p {
	margin : 0 ;
	padding : 0 ;
	font-family:'Nanum Gothic';
}


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



/*»ó´Ü*/

.warp {margin:0 auto;  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:40px; overflow:hidden;}



/*¼­ºê*/


.leftmenu {float:left; margin-right:30px; width:150px;}
.subbody {float:left; width:800px; }
.subbody h4 { font-size:35px; font-weight:bold; color:#000; margin-bottom:40px;}


.leftmenu h4 { font-size:24px; font-weight:bold; color:#000; padding-bottom:30px;}
.leftmenu ul li{font-size:13px; color:#000;  font-weight:bold; border-bottom:1px solid #f0f0f0; padding:15px 5px; }
.leftmenu ul li:first-child  {border-top:1px solid #f0f0f0;}

.leftmenu a:link, a:visited{ font-size:13px; color:#000;font-weight:bold; text-decoration:none; }
.leftmenu a:hover, a:active{ font-size:13px; color:#666;font-weight:bold; text-decoration: none;}




.subtopwarp1 {margin:0 auto; background-color:#87d178; height:165px;}
.subtopwarp2 { margin:0 auto; background-color:#6dacde; height:165px;}
.subtopwarp3 { margin:0 auto; background-color:#956be2; height:165px;}
.subtopwarp4 { margin:0 auto; background-color:#5fd1d8; height:165px;}
.subtopwarp5 { margin:0 auto; background-color:#8ab979; height:165px;}
.subtopwarp6 { margin:0 auto; background-color:#efd85d; height:165px;}
.subtopwarp7 { margin:0 auto; background-color:#766ed7; height:165px;}
.subtopwarp8 { margin:0 auto; background-color:#73be80; height:165px;}
.subtopwarp9 { margin:0 auto; background-color:#5fd1d8; height:165px;}



.subimgtop { width:980px;margin:0 auto; text-align:right; vertical-align:middle; font-size:1.7em; color:#ffffff;  }

.tablecss { width:790px; margin-bottom:20px; border:1px solid #cecece;}
.tablecss caption { text-align:left; font-size:1.4em; font-weight:bold;  padding:0 0 0.5em 0}
.tablecss th, td{ padding:10px;margin:0;}
.tablecss th {background-color:#f1f1f1; margin:0; width:170px;border-bottom:1px solid #cecece; border-right:1px solid #cecece; background-color:#e9f7ff; text-align:left; padding-left:1.2em;}
.tablecss th:last-child  { border-right:0px solid #cecece; }
.tablecss td {margin:0; border-bottom:1px solid #cecece; border-right:1px solid #cecece; }
.tablecss td:last-child  { border-right:0px solid #cecece; }



.text1 {font-size:1.4em; font-weight:bold;}

/*sub2- ±³È¸Çб³*/
.sub2text h5{font-size:2.6em;  padding-bottom:0.8em; color:#0082d4;}
.sub2text dl{overflow:hidden; margin:30px 0;}
.sub2text dt{float:left; width:320px; padding-right:30px;}
.sub2text dd{float:left;  width:450px; line-height:20px;font-size:13px;}
.sub2text p{margin-bottom:25px;font-size:13px; line-height:20px;}
.sub2text h6 { font-size:20px; font-weight:bold; color:#43b6ef; padding-bottom:30px;}
.sub2text2 {font-size:24px; font-weight:bold; color:#0082d4; padding-bottom:10px;}

.sub2text4 h5 { font-size:24px;  padding-bottom:0.8em; color:#0082d4}
.sub2text4 dl {overflow:hidden; padding:5px 0;}
.sub2text4 dt {float:left; width:120px; color:#0082d4; font-size:1.4em;font-weight:bold;}
.sub2text4 dd {float:left; font-size:1.2em;font-weight:bold;}

.sub2text5 {}
.sub2text5 dl {overflow:hidden; padding:5px 0; border-bottom:1px solid #efefef;  margin:30px 0; padding:0 0 20px 40px;}
.sub2text5 dt {float:left; width:160px; color:#333; font-size:1.4em;font-weight:bold;}
.sub2text5 dd {float:left; font-size:1.2em;}
.sub2text5 dd div {float:left; width:155px; text-align:center; font-size:13px; margin-right:10px;}
.sub2text5 dd span{ font-size:13px; }
.sub2text5 li{ padding:9px 0;}
.sub2text5 dd div img {margin-bottom:10px;}
.sub2text5 .imgbg {background-image:url(images/sub2_5_divbg.gif);background-repeat:no-repeat;}
.sub2text5 div strong {background-image:url(images/sub2_5_divbg.gif);background-repeat:no-repeat; padding:7px 24px;}
.sub2text5 dl:first-child {border-top:1px solid #efefef; padding-top:40px;}


/*sub4- ±³È¸Çб³*/
.sub4text h5 {font-size:2.6em;  padding-bottom:0.8em; color:#9e00cc;}


/*sub5- ±³È¸ÁÖº¸*/
.sub5text h5 { font-size:16px; border-bottom:1px solid #cecece; padding-bottom:0.6em; margin-bottom:0.8em;}
.sub5text li { font-size:1.1em; padding:5px; list-style-type: disc; margin-left:2.0em;}
.sub5text li span { padding-right:2.6em; font-weight:bold; color:#007acf;}



/*sub8- Á¦»ï¼ö¾ç°ü*/
.tabimg {overflow:hidden;}
.tabimg li { padding-bottom:1.3em; }

.sub8text h5 { font-size:2.2em;  padding-bottom:0.8em; color:#47a356}
.sub8text li { font-size:15px; padding:10px; font-weight:bold; margin-bottom:5px;  background-color:#eeeeee; }
.sub8text li span { margin:3px 20px 3px 0 ; font-weight:bold; color:#007acf; font-size:1.4em; background-color:#47a356; padding:5px 12px; color:#ffffff;}
.sub8text dl {overflow:hidden; padding:5px 0;}
.sub8text dt {float:left; width:150px; color:#47a356; font-size:1.4em;font-weight:bold;}
.sub8text dd {float:left; font-size:1.2em;font-weight:bold;}


.imgborder{border: 1px solid #cecece;}


.sub8text4 h5 { font-size:2.2em;  padding-bottom:0.8em; color:#47a356}
.sub8text4 dl{overflow:hidden; padding:5px 0; }
.sub8text4 dt{float:left; width:20px; color:#47a356; font-size:1.4em;font-weight:bold; background-color:#47a356; color:#ffffff; margin:3px 20px 3px 0 ; padding:5px 12px; text-align:center;}
.sub8text4 dd{float:left; font-size:15px;font-weight:bold; width:730px; line-height:22px;}

.sub8info {overflow:hidden; }
.sub8info h5 { font-size:2.6em;  padding-bottom:0.8em; color:#47a356}
.infoimg {float:left;width:330px; margin-right:70px; font-size:1.2em; line-height:1.2em;}
.infotext {float:left;width:400px;font-size:1.3em;line-height:1.4em;}
.infotext span {color:#47a356;font-weight:bold;font-size:1.5em;}


/* Buttons Style */
.codrops {padding: 0.5em 0 3em;}

.codrops a {display: inline-block; margin-right: 0.4em; padding: 0.8em 1.5em; outline: none; border: 2px solid #cecece; color: #333; text-decoration: none; font-weight: 700; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; font-size:1.1em;
}
.codrops a:hover,
.codrops a.current-demo,
.codrops a.current-demo:hover,
.codrops a:focus {border-color: #57a7e6; color: #57a7e6; }



.download {padding: 2em 0 3em;}

.download a { margin-right: 0.4em; padding: 0.8em 1.5em; outline: none; border: 2px solid #fff; background-color:#0091e4; color: #fff; text-decoration: none; font-weight: 900; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; font-size:1.1em;
border-radius: 5px; font-size:1.2em;}
.download a:hover,
.download a.current-demo,
.download a.current-demo:hover,
.download a:focus {border-color: #0077c2; color: #0077c2; background-color:#fff; }





/*ÆäÀÌ¡*/
.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:60px; padding-top:20px; margin-bottom:20px;}