@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}



/* CSS Document */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */

 

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */



/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */
html { overflow:scroll; overflow-x:auto; height:100%;}
body { height:100%; margin:0; padding:0; color:#8b8c94; font-size:14px; letter-spacing: 0; 
font-family: '³ª´®°íµñ','Nanum Gothic','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif,'Nanum Myeongjo','NanumMyeongjo','³ª´®¸íÁ¶','nanumbrushscript','Nanum Brush Script','³ª´®ºê·¯½¬';}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0;  }
p{margin:0; padding:0;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal; line-height:100%;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

fieldset {margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left; height:0; }
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 


/*.skip a{width:1px; height:1px; margin:-1px 0 0 -1px; line-height:0; font-size:0;}
.skip a:hover,
.skip a:active,
.skip a:focus{width:200px; height:50px; margin:0; line-height:1.2em; font-size:75%;}*/

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.overflow_h {overflow:hidden;}
.relative{ position:relative;}

.left_text { text-align:left;}
.center_text { text-align:center;}
.right_text { text-align:right;}

.color_0 { color:#000;}
.color_1 { color:#ff7327;}
.color_2 { color:#1985e7;}
.color_red { color:#ee0000;}
.color_pink { color:#d91f52;}
.fontfm_brush { font-family:Nanum Brush Script; font-size:44px; color:#000; text-align:center; letter-spacing:-2px; padding-bottom:10px;}
.dotum { font-family:µ¸À½,dotum;}


input { font-family:'NanumGothicBold','³ª´®°íµñ'; vertical-align:sub;}
/*input, textarea { border:1px solid #d8d8d8;}*/

/* ------------------------°øÅë¸Þ´º-------------------------- */

#wrap { width:100%; min-width:1200px; background-color:#f1f1f1;}

/* header  ¸ÞÀÎ¿ë µû·Î ÀÖÀ½ 
	.icon_side {position:absolute; top:270px; left:50%; margin-left:-440px; z-index:10009;}
////icon_side  ¸ÞÀÎ¿ë µû·Î ÀÖÀ½ */

#header {width:100%; min-width:1200px; background:#017ed8; }
#header h1 { float:left; z-index:9999; padding:15px 0 0 0;}
.header_top { position:relative; overflow:hidden; width:1200px; margin:0 auto; padding:13px 0; }
#header .header_top #nav_gnb { overflow:hidden; position:absolute; right:0; font-size:12px; font-weight:600;}
#nav_gnb .gnb { float:right; }
#nav_gnb .gnb li {float:left; background:url('../images/common/gnb_line.gif') no-repeat right 3px;}
#nav_gnb .gnb li a {display:block; padding:0 10px 5px 9px; font-size:13px; color:#4b4b4b; }
#nav_gnb .gnb li a:hover {color:#0071fe; }
#nav_gnb .gnb .last-child { background:none;}
#nav_gnb .bookmark { float:left;}
#nav_gnb .bookmark a { display:block; padding:8px 16px 2px 30px; background:url(../images/common/bg_bookmark.png) no-repeat 8px 5px; color:#fff; }
#nav_gnb .gnb .color_login { color:#0071fe; }

#nav { position:relative; width:1200px; margin:0 auto; z-index:9000;  }
.jq_tm { position:relative; }
.menu { overflow:hidden; padding-left:90px; height:80px;}
.menu li {float:left; display:block; }
.menu li > a { display:block; margin-top:2px; padding:30px 24px 22px 24px; font-size:0; color:#fff; letter-spacing:-1px; font-weight:600; background:url('../images/common/nav.png') no-repeat;}
.menu li a:hover {background:url('../images/common/nav_on.png') no-repeat;}
.menu li.m01 a { width:134px; background-position: center 30px;} 
.menu li.m02 a { width:134px; background-position: center -40px;} 
.menu li.m03 a { width:145px; background-position: 0 -110px;} 
.menu li.m04 a { width:106px; background-position: center -180px;} 
.menu li.m05 a { width:180px; background-position: center -250px;} 
.menu li.m06 a { width:120px; background-position: -12px -320px; padding-right:0;} 

.jq_sm { display:none; padding:10px 0 30px 0; min-height:150px; background:url('../images/common/bg_nav_sm.png') no-repeat 80px 10px; }
.jq_sm .ul_wrap {overflow:hidden; margin:0 auto; padding-left:300px; }
.jq_sm .ul_wrap ul { float:left; height:170px; padding:0; text-align:center; border-left:1px solid #2d91d9;}
.jq_sm .ul_wrap ul li { }
.jq_sm .ul_wrap ul li a { display:block; font-size:16px; line-height:30px; color:#c8e9ff;}
.jq_sm .ul_wrap ul li a:hover { color:#fff;}
.jq_sm .ul_wrap .sm01 { width:190px;}
.jq_sm .ul_wrap .sm02 { width:180px;}
.jq_sm .ul_wrap .sm03_ { width:190px;}
.jq_sm .ul_wrap .sm04 { width:156px;}
.jq_sm .ul_wrap .sm05 { width:216px;}
.jq_sm .ul_wrap .sm06 { width:120px; text-align:right;}

.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px; }


/* footer */
#footer_wrap { position:relative; width:100%; min-width:1200px;  clear:both; padding:0; background:#555; color:#aaa;  }
.footer { position:relative; width:1200px; overflow:hidden; margin:0 auto; padding:27px 0; text-align:center;}
.address_wrap { position:relative; font-size:13px; }
.address_wrap address{ font-style:normal; line-height:140%;}
.address_wrap address span { margin:0 8px;}
#footer_wrap .copy {font-size:11px;padding-top:6px; padding-top:8px;}