@charset "utf8"

* { margin: 0; padding: 0; }
* { font-size: 11px; font-family: "돋움",Dotum,Verdana,Tahoma,AppleGothic; }
body { background: #FFF; color: #000; margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }
li { list-style-type: none; }

#top,
#content,
#footer { width: 840px; margin: 0 auto; }

#top { height: 75px; border-bottom: 2px solid #00A7B6; margin-top: 20px; margin-bottom: 10px; }
#top span { display: none; }
#top a { width: 100%; height: 100%; display: block; }
#top h1 { width: 171px; height: 34px; background: url(/imgs/logo.png) no-repeat; margin: 0; padding: 0; margin-bottom: 10px; }
#top .menu { float: left; color: #DDD; font-size: 9px; margin-top: 10px; }
#top .menu ul { padding-left: 2px; }
#top .menu li { float: left; height: 12px; padding: 0 15px; background: url(/imgs/nav_bar.png) 0 2px no-repeat; }

#top .menu a { background: url(/imgs/nav.png) no-repeat; }

#top .menu .aboutus { width: 71px; }
#top .menu .service { width: 60px; }
#top .menu .blog { width: 38px; }
#top .menu .contact { width: 65px; }

#top .menu .aboutus a { background-position: 0 0;}
#top .menu .service a { background-position: -71px 0; }
#top .menu .blog a { background-position: -131px 0; }
#top .menu .contact a { background-position: -169px 0; }

#top .menu .aboutus a.on,
#top .menu .aboutus a:hover { background-position: 0 -12px;}
#top .menu .service a.on,
#top .menu .service a:hover { background-position: -71px -12px; }
#top .menu .blog a.on,
#top .menu .blog a:hover { background-position: -131px -12px; }
#top .menu .contact a.on,
#top .menu .contact a:hover { background-position: -169px -12px; }

#top .news { float: right; margin-top: 13px; margin-right: 2px; }
#top .news div { float: right; display: inline; }
#top .news .n_title { width: 35px; height: 9px; padding-right: 5px; background: url(/imgs/news.png) no-repeat; margin-top: 2px; }
#top .news .n_title a { display: block; width: 100%; height: 100%; }
#top .news .n_link { background: url(/imgs/nav_bar.png) 0 0 no-repeat; padding-left: 8px; }

#top .news a { color: #666; text-decoration: none; }
#top .news a:hover { color: #333; text-decoration: underline; }

#footer { border-top: 1px solid #CECECE; padding: 8px 0; margin-top: 10px; margin-bottom: 10px; }
#footer span { display: none; }
#footer .copy_left { float: left; }
#footer .copy_left div { float: left; }
#footer .copyright { background: url(/imgs/copyright.png) no-repeat; width: 168px; height: 9px; }
#footer .bar { background: url(/imgs/nav_bar.png) no-repeat; width: 1px; height: 11px; margin: 0 5px; }
#footer .conpl { background: url(/imgs/link_conpl.png) no-repeat; width: 49px; height: 11px; }
#footer .language { float: right; }
#footer li { float: right; background: url(/imgs/nav_bar.png) 0 0 no-repeat; padding: 0 5px; }
#footer li a { height: 6px; display: block; }
#footer .en a { background: url(/imgs/lang_en.png) no-repeat; width: 32px; }
#footer .jp a { background: url(/imgs/lang_jp.png) no-repeat; width: 39px; }
#footer .ko a { background: url(/imgs/lang_ko.png) no-repeat; width: 31px; }
#footer .ko { padding-left: 0; }

#content {  }
#content h2 { width: 357px; height: 92px; }
#content h2 span { display: none; }
#content h2.aboutus { background: url(/imgs/aboutus_title.png) no-repeat; }
#content h2.service { background: url(/imgs/service_title.png) no-repeat; }
#content h2.contact { background: url(/imgs/contact_title.png) no-repeat; }

#content h3.aboutus1 { width: 838px; height: 200px; background: url(/imgs/aboutus_contents1.png) no-repeat; }
#content h3.aboutus2 { width: 838px; height: 320px; background: url(/imgs/aboutus_contents2.png) no-repeat; }
#content h3.aboutus1_en { width: 838px; height: 200px; background: url(/imgs/aboutus_contents1_en.png) no-repeat; }
#content h3.service1 { width: 838px; height: 240px; background: url(/imgs/service_contents1.png) no-repeat; }
#content h3.service1_en { width: 838px; height: 240px; background: url(/imgs/service_contents1_en.png) no-repeat; }
#content h3.contact1 { width: 838px; height: 339px; background: url(/imgs/contact_contents1.png) no-repeat; }
#content h3.contact2 { width: 838px; height: 175px; background: url(/imgs/contact_contents2.png) no-repeat; }
#content h3.contact1_en { width: 838px; height: 339px; background: url(/imgs/contact_contents1_en.png) no-repeat; }
#content h3.contact2_en { width: 838px; height: 175px; background: url(/imgs/contact_contents2_en.png) no-repeat; }
#content h3.line { width: 838px; height: 20px; }