@font-face{font-family:ngb; src:url('../font/ngb.eot'); src:local('?'),	url('../font/ngb.woff') format('woff'); }
@font-face{font-family:ng; src:url('../font/ng.eot'); src:local('?'),url('../font/ng.woff') format('woff'); }

/* minimum-reset */
html { overflow-x:hidden; }
body { margin:0; padding:0; }
a { text-decoration:none; }
img { border:none; }

/* common-element */
.central { position:relative; margin:0 auto; }
.central:after { content:""; clear:both; display:block; }
.center-layout { box-shadow:0 0 5px #222; }

#wrap { background-position:top center; background-attachment:fixed; }
#header { position:relative; z-index:2; width:100%; border-top:5px solid #eee; }
#header:after { content:""; clear:both; display:block; }
.t-border { margin-top:3px; padding-top:20px; border-top:1px solid #eee; }
.top_section { position:absolute; top:10px; right:0; }
.top_section:after { content:""; clear:both; display:block; }
.sns_link { list-style:none; float:left; margin:0 13px 0 0; padding:0; }
.sns_link li { float:left; margin-right:7px; }
.sns_link li a { display:block; }

.login_stage { list-style:none; position:relative; float:left; top:6px; margin:0 20px 0 0; padding:0; overflow:hidden; }
.login_stage li { float:left; margin-right:10px; padding-right:10px; font:12px ng; line-height:12px; letter-spacing:-1px; border-right:1px solid #ddd; }
.login_stage li.last-child { margin:0; padding:0; border:0; }
.login_stage li a { display:block; color:#666; }

.search_form { float:left; margin:0; padding:2px; border:1px solid #dcdcdc; }
.search_form input { margin:0; padding:0; vertical-align:middle; }
.search_form .input_text { width:130px; height:16px; border:0; }

.language_pack { z-index:55; position:relative; float:left; margin-right:20px; background:url(../img/bullet_bg.down.gif) top right; }
.language_pack span { display:block; padding:4px 10px; font:12px ngb,dotum; color:#fff; background-color:#333; border-top:1px solid #000; border-radius:5px; cursor:pointer; }
.languagePack_list { list-style:none; display:none; position:absolute; top:25px; left:0; width:100px; margin:0; padding:0; background-color:#111; border-top:3px solid #333; border-bottom:1px solid #333; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9; opacity:0.9; }
.languagePack_list li { padding:7px; }
.languagePack_list li:hover { background-color:#eee; }
.languagePack_list li button { display:block; margin:0; padding:0; color:#eee; background:none; border:0; text-align:left; white-space:nowrap; cursor:pointer; }
.languagePack_list li:hover button { color:#666; }

.logo { float:left; margin:0; padding:0; }

.mobile-menu { display:none; width:100%; border:0; cursor:pointer; }
.first-menu { list-style:none; position:relative; z-index:2; float:right; margin:65px 0 25px 0; padding:0; }  
.first-menu > li { position:relative; float:left; padding:0; border:1px solid transparent; font-size:14px; letter-spacing:-1px; }
.first-menu > li:hover { background-color:#f9f9f9; border:1px solid #dcdcdc; }
.first-menu > li > a { display:block; padding:15px 20px 15px 0; color:#a1a1a1; }
.first-menu > li > a > span { padding-left:19px; border-left:1px solid #eee; }
.first-menu > li:first-child > a > span { border-left:0; }
.first-menu > li:hover > a > span { border-color:transparent; }
.first-menu > li.selected > a { color:#fff; }
.first-menu > li.selected > a > span { border:0; }
.second-menu { list-style:none; display:none; z-index:1; position:absolute; top:47px; left:-1px; width:130px; margin:0; padding:0; background-color:#fff; border:1px solid #dcdcdc; opacity:.9; }
.second-menu > li { position:relative; border-bottom:1px solid #eee; font:12px ngb; letter-spacing:0; }
.second-menu > li:hover { background-color:#f9f9f9; }
.second-menu > li.selected { background-color:#efefef; }
.second-menu > li > a { display:block; padding:10px 20px; color:#999; }
.third-menu {  list-style:none; display:none; z-index:1; position:absolute; top:-1px; left:130px; width:130px; margin:0; padding:0; background-color:#fff; border:1px solid #dcdcdc; }
.third-menu > li { position:relative; border-bottom:1px solid #eee; font:12px ngb; letter-spacing:0; }
.third-menu > li:hover { background-color:#f9f9f9; }
.third-menu > li.selected { background-color:#efefef; }
.third-menu > li > a { display:block; padding:10px 20px; color:#999; }


#container { position:relative; z-index:1; width:100%; }
.description { width:100%; padding:3px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.description:after { content:""; clear:both; display:block; }
.desc_inner { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px 0; }
.description p,
.description h3 { margin:20px 0; padding:0; }
.description .big-desc { font-size:20px; color:#787878; }
.description .small-desc { font-size:16px; color:#a1a1a1; }
.description .desc_line { margin:0 10px; color:#ccc; }
.description .route { list-style:none; margin:20px 0; padding:0; }
.description .route li.x-home { padding:0; background:none; }
.description .route li { display: inline-block; padding-left:13px; margin-right:5px; line-height:12px; vertical-align:middle; zoom: 1; *display: inline; background:url(../images/arrow.gif) no-repeat left center; }
.description .route li a { letter-spacing:-1px; color:#999; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { background: #fff; position: relative;zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; bottom:47%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right:5px; }
.flex-direction-nav .flex-prev {left:5px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav { position: absolute; top:20px; right:20px; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-caption { position:absolute; bottom:10px; text-align:center; padding:10px; border-top:1px solid #444; border-bottom:1px solid #444; background-color:#444; font:12px arial,ngb,dotum; color:#fff; opacity:.9; box-shadow:-3px 0 2px #000;  moz-box-shadow:-3px 0 2px #000; -webkit-box-shadow:-3px 0 2px #000; }
.flex-caption h3 { float:left; margin:0; padding:0; font-size:14px; }
.flex-caption p { float:left; margin:0 0 0 10px; padding:0 0 0 10px; font-size:12px; border-left:1px solid #000; color:#eee; }
.flex-caption a { float:left; margin-left:10px; color:#fff; font-weight:bold; }

.promotion { width:100%; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.promotion ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.promotion ul li { float:left; padding:10px 0; border:3px solid #fff; border-radius:5px; overflow:hidden; }
.promotion ul li.border-color { border:3px solid; }
.promotion ul li .promodiv { padding:0 20px; border-right:1px dotted #ccc; }
.promotion ul li .last-child { border:0; }
.promotion ul li h3.promo_title { margin:0 0 10px 0; padding:0; text-align:center; font:bold 12px arial,tahoma,helvetica,dotum; color:#666; }
.promotion ul li .promo_img { position:relative; margin-bottom:10px; }
.promotion ul li .promo_img span.board,
.promotion ul li .promo_img span.category,
.promotion ul li .promo_img em.replyNum,
.promotion ul li .promo_img em.trackbackNum { display:block; position:absolute; padding:3px 6px; }
.promotion ul li .promo_img span.board { display:none; top:10px; left:0; background-color:#fff; border-right:2px solid orange; color:#666; opacity:.7;}
.promotion ul li .promo_img span.category { top:10px; right:0; background-color:#fff; border-left:2px solid orange; color:#666; opacity:.7; }
.promotion ul li .promo_img em.replyNum { right:0; bottom:10px; background-color:#222; color:#eee; opacity:.7; }
.promotion ul li .promo_img em.replyNum a { font:bold 11px tahoma; color:orange; }
.promotion ul li .promo_img em.trackbackNum { left:0; bottom:10px; background-color:#222; color:#eee; opacity:.7; }
.promotion ul li .promo_img em.trackbackNum a { font:bold 11px tahoma; color:orange; }
.promotion ul li img.pimg { display:block; width:100%; }
.promotion ul li .date { padding:0 5px; font:11px tahoma; color:#666; line-height:24px; }
.promotion ul li .author { padding:0 8px; border-left:1px dotted #ccc; font:12px ng, dotum; color:#333; line-height:30px; }
.promotion ul li p.promo_desc { margin:0 5px 10px 5px; padding:0; font:12px ng; line-height:22px; color:#999; }
.promotion ul li a.learn { display:block; text-align:center; background-color:#fff; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font:bold 11px tahoma; line-height:34px; color:#999; }

.substance { position:relative; width:100%; margin-top:30px; }
.substance:after { content:""; clear:both; display:block; }
.top-position { margin-bottom:20px; border-bottom:1px solid #eee; }
.top-position .s-title { position:relative; top:10px; }
.top-position .first_menu { position:relative; top:0; right:0; }
.left-position { float:left; }
.right-position { float:right; }
ul.right-position > li { float:left; padding:5px; border-left:1px dotted #ccc; }
ul.right-position > li:first-child { border-left:0; }
ul.right-position > li > a { margin:0; padding:5px 10px; border:0; }
ul.right-position > li > ul { margin:5px 0 0; padding-top:5px; border-top:1px solid #dedede; }
ul.right-position > li > ul >li { margin:5px 0; padding:5px 10px 5px 15px; background-position:left center; border:0; }
ul.right-position > li > ul >li > a { padding:0; }
.s-title { margin:0 0 20px 10px; padding:0; font-size:18px; }
.s-title a {  }
.main_stage,
.main_page { overflow:hidden; }
.first_menu { list-style:none; margin:0 0 20px; padding:0; border-top:3px solid #eee; border-bottom:3px solid #eee; }
.first_menu > li { font:12px ngb,dotum; }
.first_menu > li > a { display:block; padding:13px; color:#999; border-bottom:1px solid #eee; }
.first_menu > li.selected > a { color:#fff; }
.second_menu { list-style:none; margin:0 0 15px 0; padding:0; }
.second_menu > li { padding:10px 5px 10px 15px; border-bottom:1px dotted #dedede; background:url(../images/third_arrow.gif) no-repeat 15px center; }
.second_menu > li > a { display:block; padding-left:15px; color:#999; }
.sub_stage .widgetContainer { margin-bottom:20px; }


#footer { position:relative; width:100%; margin-top:80px; background-color:#444; }
.footer_widget { list-style:none; margin:0; padding:30px 0; overflow:hidden; font:12px ngb; }
.footer_widget .fw-title { margin:0 0 15px; padding:0; font-size:12px; color:#eee; }
.footer_widget .fw-title a { color:#eee; }
.footer_widget > li { float:left; margin-right:40px; }
.footer_widget > li.last-child { margin:0; }
.footer_widget .company_info { line-height:32px; color:#bcbcbc; }
.footer_widget .widgetContainer td { padding:7px 0; border:0; }
.footer_widget .widgetContainer td a { color:#bcbcbc !important; }
.copyright { padding:10px 20px; font:11px arial,ngb,dotum; text-align:right; color:#a1a1a1; background-color:#333; }

.scroll_up { z-index:1000; display:none; position:fixed; bottom:35px; right:30px; width:80px; height:38px; border:0; cursor:pointer; background:url(../images/go_top.png) no-repeat; }
.scroll_up span { display:none; }




.space_intro { font:12px arial,tahoma,'malgun gothic',dotum; color:#555; line-height:2; }
.space_intro h3 { margin-top:60px; }
.space_intro ol { margin:0; padding:20px 20px 20px 40px; border-top:3px dotted #eee; border-bottom:3px dotted #eee; }
.document_2488,
.document_927 { display:none; }