﻿*{ margin:0px;padding:0px; font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px; color:#383D41;}
img{ border:none;}
a{ text-decoration:none;color:#585858;}
a:hover{color:#52b000;}
body{background:url(/_images/common/header/topMenu_bg.gif) repeat-x 0px 131px;}
input,textarea{ border:1px solid #A8A8A8; padding:2px;ime-mode:active;}
table{ border-collapse:collapse;}

.hidn{ display:none;}
.clear{clear:both;}
.strong{color:#666666; font-weight:bold;}
.checkBox input{ border:none;}

/* common layout */
.Focus{ position:absolute; left:-10000px; top:-10000px;}
#wrapper{width:100%;}
#header{ height:168px;  margin:auto; width:942px;position:relative;}
#body{ margin:30px 0px; margin:30px auto; width:942px;}
#footer{ height:112px; width:100%; text-align:center; border-top: 2px solid #E2E2E2;}

#header fieldset{ border:none;}
#header div.logo{ position:absolute; left:70px; top:40px;}	
#header div.siteSearch{ position:absolute; left:226px; top:40px; }
#header div.siteSearch .box{ border:8px solid #60B01B; display:inline-block; margin-right:10px;}
#header div.siteSearch .box .txt{ border:none; height:30px; /*padding-left:78px;*/margin:0px 10px; line-height:30px; font-size:14px; width:400px; }
#header #stype_select{ cursor:pointer; position:absolute; left:20px; top:16px; padding-right:28px; padding-bottom:4px; background:url(/_images/common/header/search_icon.gif) no-repeat right;}
#header #stype_list{ cursor:pointer; position:absolute; left:18px; top:36px; list-style-type:none; display:none; border:1px solid #dfdfdf;}
#header #stype_list li{ background-color:#fff; line-height:22px; width:60px;}
#header #stype_list li label{ display:inline-block; width:98%; padding-left:1%;}
#header #stype_list li .on{ background-color:#F0F0F0;}
#header #stype_list li .over{ background-color:#F2F9EB;}

#header div.searchBox{}
#header div.searchBox .searchBtn{ background:url(/_images/common/header/button.gif) no-repeat left -47px;}
#header div.searchBox .searchBtnOver{ background-position:left 0px !important;}
#header div.searchBox .langBtn{ background:url(/_images/common/header/button1.gif) no-repeat left -47px; }
#header div.searchBox .langBtnOver{ background-position:left 0px !important;}

#header div.searchBox .submit{ cursor:pointer; border:none; width:47px; height:47px; margin-right:5px }
#header div.searchBox .submit span {display:block; position:relative; height:47px; width:47px; z-index:-1;}

#header div.topMenu{ position:absolute; left:570px; top:10px;}
#header div.topMenu ul{ list-style-type:none;}
#header div.topMenu ul li{ float:left;background:url(/_images/common/header/line.gif) no-repeat right; padding-right:5px;}
#header div.topMenu ul li.last{ background:none;}
#header div.topMenu a{ display:block;width:65px;  height:/**/0px; padding-top:11px; overflow:hidden;}
#header div.topMenu a.home{ background:url(/_images/common/header/top1.gif) no-repeat 50% -11px;}
#header div.topMenu a.cs{ background:url(/_images/common/header/top2.gif) no-repeat 50% -11px;}
#header div.topMenu a.artguide{ background:url(/_images/common/header/top3.gif) no-repeat 50% -11px;}
#header div.topMenu a.dbguide{ background:url(/_images/common/header/top4.gif) no-repeat 50% -11px;}
#header div.topMenu a.dbcenter{ background:url(/_images/common/header/top5.gif) no-repeat 50% -11px;}
#header div.topMenu a:hover{ background-position:50% 0px;}

#header div.searchMenu{ position:absolute; top:140px; height:27px;width:100%; text-align:center;}
#header div.searchMenu div{ width:800px;}
#header div.searchMenu ul{ list-style-type:none; margin:auto;}
#header div.searchMenu ul li{ float:left;background:url(/_images/common/header/menu_icon.gif) no-repeat right; padding-right:5px;}
#header div.searchMenu ul li.last{ background:none;}

#header div.searchMenu a{ display:block;width:148px;  height:/**/0px; padding-top:16px; overflow:hidden;}
#header div.searchMenu a.search1{ background:url(/_images/common/header/menu1.gif) no-repeat 50% -16px;}
#header div.searchMenu a.search2{ background:url(/_images/common/header/menu2.gif) no-repeat 50% -16px;}
#header div.searchMenu a.search3{ background:url(/_images/common/header/menu3.gif) no-repeat 50% -16px;}
#header div.searchMenu a.search4{ background:url(/_images/common/header/menu4.gif) no-repeat 50% -16px;}
#header div.searchMenu a:hover{ background-position:50% 0px;}

#header div.guideMenu{ position:absolute; left:825px; top:140px;}
#header div.guideMenu ul{ list-style-type:none; }
#header div.guideMenu ul li{ float:left;padding-right:5px;}
#header div.guideMenu a{ display:block;height:/**/0px; padding-top:19px; overflow:hidden;}
#header div.guideMenu a.guide1{ width:41px;  background:url(/_images/common/header/info_button.gif) no-repeat 0px -19px;}
#header div.guideMenu a.guide2{ width:61px;  background:url(/_images/common/header/info1_button.gif) no-repeat 0px -19px;}
#header div.guideMenu a:hover{ background-position: 0px 0px;}

#header div.hotlink{ position:absolute; left:240px; top:100px; z-index:-1;}
#header div.hotlink label{ display:inline-block; background:url(/_images/common/header/hot_icon.gif) no-repeat; width:28px; height:/**/0px; padding-top:13px; overflow:hidden;}
#header div.hotlink a{ margin-right:8px;}
#header div.hotlink span.bar{ color:#B1B3B8; font-weight:bold; margin-right:8px;}
#loginContainer{ width:186px;}
#contentsContainer{ width:744px;}

#loginContainer .quickMenu ul.MyPage{width:100%;padding:0;margin:0;}
#loginContainer .quickMenu ul.MyPage li{padding:0;margin:0;}

#footer .link{ line-height:30px; width:942px; margin:auto;}
#footer .link .download{ float:left;}
#footer address{ border-top:1px solid #E2E2E2; width:100%; height:/**/0px; padding-top:68px; overflow:hidden; background:url(/_images/common/footer/copyright.gif) no-repeat center 10px;}
#footer ul{ list-style-type:none; float:right;}
#footer ul li{ float:left; background:url(/_images/common/footer/bottom_.gif) no-repeat right; padding-right:5px;}
#footer ul li.last{ background:none;}
#footer ul li a{ display:block; height:/**/0px; padding-top:30px; overflow:hidden;}
#footer ul li a.company{ width:90px; background:url(/_images/common/footer/bottom.gif) no-repeat 50% 8px;}
#footer ul li a.cs{ width:90px; background:url(/_images/common/footer/bottom1.gif) no-repeat 50% 8px;}
#footer ul li a.dbqna{ width:90px; background:url(/_images/common/footer/bottom2.gif) no-repeat 50% 8px;}
#footer ul li a.dbcenter{ width:90px; background:url(/_images/common/footer/bottom3.gif) no-repeat 50% 8px;}
#footer ul li a.privacy{ width:90px; background:url(/_images/common/footer/bottom4.gif) no-repeat 50% 8px;}
#footer ul li a.nomail{ width:90px; background:url(/_images/common/footer/bottom5.gif) no-repeat 50% 8px;}
#footer ul li a.banner{ width:90px; background:url(/_images/common/footer/bottom6.gif) no-repeat 50% 8px;}
#footer ul li a.send{ width:90px; background:url(/_images/common/footer/bottom7.gif) no-repeat 50% 8px;}
#footer ul li a.board{ width:90px; background:url(/_images/common/footer/bottom8.gif) no-repeat 50% 8px;}
#footer ul li a.service{ width:90px; background:url(/_images/common/footer/bottom9.gif) no-repeat 50% 8px;}

/* login box */
#loginContainer input{padding:0px !important;}
#loginContainer .line{ height:1px; background-color:#CECECE; font-size:0px; width:95%; margin:auto; margin-bottom:10px;}
#loginContainer div.loginBox{ border:2px solid #61b01c;}
#loginContainer .warning{color:red;}
#loginContainer fieldset{ border:none; position:relative;}
#loginContainer fieldset legend{ display:none;}
#loginContainer fieldset.offLogin .title{ background:url(/_images/common/login/login1.gif) no-repeat -6px 10px; height:/**/0px; padding-top:30px; overflow:hidden;}
#loginContainer fieldset.perLogin .title{ background:url(/_images/common/login/login2.gif) no-repeat -6px 0px; height:20px; overflow:hidden;text-align:right; padding:2px 8px 7px 0; padding-right:8px;}

#loginContainer div.inBox{ width:92%; margin: 0px auto 15px auto; line-height:16px; }
#loginContainer div.inBox span.txtMyPage{letter-spacing:-1px;}
#loginContainer fieldset.offLogin a.login{ background-color:#50B100; border:1px solid #428A02; color:#fff;}
#loginContainer fieldset.offLogin a.login:hover{ background-color:#585858; border:1px solid #454545; color:#fff;}
#loginContainer fieldset.offLogin a.logout{ display:block; position:absolute; top:45px; background:url(/_images/common/login/logout.gif) no-repeat 0px -32px; width:42px; height:/**/0px; padding-top:32px; overflow:hidden;}
#loginContainer fieldset.offLogin a.logout:hover{ background-position:0px 0px;}

#loginContainer fieldset.perLogin{ margin-top:5px;}
#loginContainer fieldset.perLogin dl{ margin-bottom:5px;}
#loginContainer fieldset.perLogin dl dt{ display:none;}
#loginContainer fieldset.perLogin dl dd{ margin-bottom:1px;}
#loginContainer fieldset.perLogin .btnLogin{ position:absolute; top:98px; left:140px; background:url(/_images/common/login/login2_1.gif) no-repeat 0px -32px; overflow:hidden; width:32px;height:/**/0px; padding-top:32px; display:block;}
#loginContainer fieldset.perLogin .btnLogin:hover{ background-position:0px;}
#loginContainer fieldset.perLogin input.txt{width:121px;}
#loginContainer fieldset.perLogin input.id{background:url(/_images/common/login/input_id.gif) no-repeat;}
#loginContainer fieldset.perLogin input.pass{background:url(/_images/common/login/input_pass.gif) no-repeat;}
#loginContainer fieldset.perLogin p{ text-align:center;}
#loginContainer fieldset.perLogin a{ font-weight:bold; font-size:90%; letter-spacing:-1px;}
#loginContainer fieldset.perLogin a:hover{}

/* common */
table.jour{ width:100%; border-collapse:collapse;}
table.jour td{ width:50%; padding:10px 0px;}
div.jouItem{}
div.jouItem div.img{ float:left; width:90px; margin-right:4px;}
div.jouItem ul.info{ float:left; width:73%;}
div.jouItem ul.info{ list-style-type:none;}
div.jouItem ul.info li{ line-height:18px;}

a.earticle{ display:block; width:76px; height:/**/0px; padding-top:14px; overflow:hidden; background:url(/_images/common/earticle_button.gif) no-repeat 0px -14px;}
a.earticle:hover{ background-position:0px 0px;}
span.searchNum{ font-size:9px; display:inline-block; width:12px; height:12px; line-height:12px; text-align:center; margin:0px 3px 0px 6px; background-color:#51AF00; color:#fff;}


/* db status */
.db_state_count {background:url(/_images/main/line_bg.gif) repeat-x 21px bottom;}
.db_state_count ul{ list-style-type:none; margin:0px;padding:0px; padding-top:4px;}
.db_state_count li{ float:left; height:21px;}
.db_state_count li.org{ width:90px;}
.db_state_count li.jou{ width:78px;}

.db_state_count li label{ cursor:pointer; display:inline-block; height:21px; z-index:100;}
.db_state_count li label span{ display:none;}
.db_state_count .db_state_count_org { background:url(/_images/common/db_state_count_org.gif) no-repeat; width:61px;}
.db_state_count .db_state_count_org_over {background:url(/_images/common/db_state_count_org_over.gif) no-repeat !important;}
.db_state_count .db_state_count_jou { background:url(/_images/common/db_state_count_jou.gif) no-repeat; width:49px;}
.db_state_count .db_state_count_jou_over {background:url(/_images/common/db_state_count_jou_over.gif) no-repeat !important;}
.db_state_count strong{ color:#fe4f00; display:inline-block; position:relative; top:-4px; font-size:8pt;}

.db_state_box{margin-top:-1px; z-index:-1; padding-top:4px;}
/* main layout*/
.mainBody #loginContainer{float:left;}
.mainBody #contentsContainer{float:right;}
.mainBody .quickMenu{ margin-top:10px;}
.mainBody .quickMenu dl{ margin-top:8px; border:1px solid #C0C0C0;}
.mainBody .quickMenu dl dt{ border-bottom:1px solid #C0C0C0; height:/**/0px;  padding-top:31px; overflow:hidden;}
.mainBody .quickMenu dl dt.quick1{ background:url(/_images/main/quickLink/left_user.gif) no-repeat 6px 8px;}
.mainBody .quickMenu dl dt.quick2{ background:url(/_images/main/quickLink/left_product.gif) no-repeat 6px 8px;}
.mainBody .quickMenu dl dt.quick3{ background:url(/_images/main/quickLink/left_society.gif) no-repeat 6px 8px;}
.mainBody .quickMenu dl dt.quick4{ background:url(/_images/main/quickLink/left_customer.gif) no-repeat 6px 8px;}
.mainBody .quickMenu ul { list-style-type:none;}
.mainBody .quickMenu dl.icon dd{ height:44px;}
.mainBody .quickMenu dl.icon li{float:left; background:url(/_images/main/quickLink/left_user_.gif) no-repeat right 2px; padding:4px; height:40px;}
.mainBody .quickMenu dl.icon li.last{float:left; background:none; padding-right:0px;}
.mainBody .quickMenu dl.icon li a{ height:/**/0px; padding-top:39px; overflow:hidden; display:block;}
.mainBody .quickMenu dl.icon li a.serviceInfo{ width:37px; background:url(/_images/main/quickLink/left_user1.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.serviceApp{ width:37px; background:url(/_images/main/quickLink/left_user2.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.officelogin{ width:85px; background:url(/_images/main/quickLink/left_user3.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.db{ width:39px; background:url(/_images/main/quickLink/left_product1.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.hompage{ width:37px; background:url(/_images/main/quickLink/left_product2.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.cdrom{ width:43px; background:url(/_images/main/quickLink/left_product3.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a.pub{ width:28px; background:url(/_images/main/quickLink/left_product4.gif) no-repeat 0px -39px;}
.mainBody .quickMenu dl.icon li a:hover{ background-position:0px 0px; }
.mainBody .quickMenu dl.txt li { width:180px; height:23px;}
.mainBody .quickMenu dl.txt li.update{background:url(/_images/main/quickLink/left_society1.gif) no-repeat 10px 6px;} 
.mainBody .quickMenu dl.txt li.auth{background:url(/_images/main/quickLink/left_society2.gif) no-repeat 10px 6px;} 
.mainBody .quickMenu dl.txt li.qa{background:url(/_images/main/quickLink/left_customer1.gif) no-repeat 10px 6px;} 
.mainBody .quickMenu dl.txt li.faq{background:url(/_images/main/quickLink/left_customer2.gif) no-repeat 10px 6px;} 
.mainBody .quickMenu dl.txt li.notice{background:url(/_images/main/quickLink/left_customer3.gif) no-repeat 10px 6px;} 
.mainBody .quickMenu dl.txt li a{ display:block; background:url(/_images/main/quickLink/left_icon.gif) no-repeat right -10px; width:175px; height:/**/0px; padding-top:18px; overflow:hidden;}
.mainBody .quickMenu dl.txt li a:hover{ background-position: right 8px;}

.mainBody .post{ width:549px; float:left;}
.mainBody .dbcenter{ position:relative; padding-bottom:20px; margin-bottom:10px;}
.mainBody .dbcenter h3{ display:none;}
.mainBody .dbcenter .tabMenu{ height:21px; background:url(/_images/main/line_bg.gif) repeat-x 21px bottom;}
.mainBody .dbcenter .tabMenu ul{ list-style-type:none;height:21px;}
.mainBody .dbcenter .tabMenu ul li{ float:left; margin-right:2px; }
.mainBody .dbcenter .tabMenu ul li a{ height:/**/0px;padding-top:21px; display:block; overflow:hidden; width:94px;}
.mainBody .dbcenter .tabMenu ul li.recentUpdate a{ background:url(/_images/main/tab1.gif) no-repeat 0px 0px;}
.mainBody .dbcenter .tabMenu ul li.newJournal a{ background:url(/_images/main/tab2.gif) no-repeat 0px 0px;}
.mainBody .dbcenter .tabMenu ul li.bestArticle a{ background:url(/_images/main/tab3.gif) no-repeat 0px 0px;}
.mainBody .dbcenter .tabMenu ul li a.on{ background-position:0px -21px;}

.mainBody .dbcenter a.more{ position:absolute; left:500px; top:5px; display:block; width:45px; height:/**/0px; padding-top:13px; background:url(/_images/main/more_button.gif) no-repeat; overflow:hidden;}
.mainBody .dbcenter a.more:hover{ background-position:0px -13px;}

.mainBody .subPost{ width:565px; float:left;}
.mainBody .dbcenter div.MyTitle{ padding-bottom:7px;border-bottom:solid 2px #61af1d;}
.mainBody .dbcenter .writeBox{margin-top:10px;}

.mainBody .dbcenter .writeBox{ border:2px solid #E9E9E9;padding:10px; margin:10px 0px;}
.mainBody .dbcenter .writeBox span{ color:#FF4E0C; padding:0px 5px;}
.mainBody .dbcenter .writeBox table{ width:100%; margin-top:5px;}
.mainBody .dbcenter .writeBox table th{line-height:30px; text-align:left; vertical-align:top; padding:1px 0px 1px 10px; border:1px solid #EBEBEB; border-left:none; border-right:none;background:url(/_images/service/write_item_bg.gif) no-repeat right 6px; }
.mainBody .dbcenter .writeBox table td{padding:1px 0px 1px 5px; border:1px solid #EBEBEB; border-left:none; border-right:none;}

.mainBody .newArticle{ height:443px; margin:auto;border:1px solid #C0C0C0; border-top:none;}
.mainBody .newArticle .inBox{ padding:10px;}
.mainBody div.jouItem{ padding:9px 10px;}
.mainBody #newJournal{ display:none;}
.mainBody #bestArticle{ display:none;}
.mainBody #bestArticle .item{ width:98%; margin:auto; padding:10px 5px; border-bottom:1px solid #c0c0c0;}
.mainBody #bestArticle .over{ background-color:#EEF7E6;}
.mainBody #bestArticle .last{  border:none !important;}
.mainBody #bestArticle .item .title{ background:url(/_images/common/icon4.gif) no-repeat 3px 10px; padding-left:12px;overflow:hidden; height:22px; line-height:22px; font-weight:bold;}
.mainBody #bestArticle .item .info{ padding-left:4px; line-height:18px; padding-left:12px;}


.mainBody .notice{ position:relative;}
.mainBody .notice h3{ border-bottom:1px solid #C0C0C0; height:0px/**/; padding-top:30px; background:url(/_images/main/notice.gif) no-repeat 0px 10px; overflow:hidden;}
.mainBody .notice a.more{ position:absolute; left:500px; top:15px; display:block; width:45px; height:/**/0px; padding-top:13px; background:url(/_images/main/more_button.gif) no-repeat; overflow:hidden;}
.mainBody .notice a.more:hover{background-position:0px -13px;}
.mainBody .notice ul{ list-style-type:none; height:125px; margin-top:15px;}
.mainBody .notice ul li{}
.mainBody .notice ul li span{ display:block; height:22px; line-height:22px;}
.mainBody .notice span.tit{ width:460px; float:left; overflow:hidden; }
.mainBody .notice span.date{ width:70px; float:right; text-align:center;}


.mainBody .static{ width:171px; float:right;}
.mainBody .static .article{ border:1px solid #C0C0C0; margin-bottom:10px; min-height:250px; height:auto; _height:250px;}
/*
.mainBody .static .article ul{ margin-top:10px;}
.mainBody .static .article ul li{ list-style-type:none; padding-left:8px; line-height:18px;} 
*/
.mainBody .static .bestTag{ border:1px solid #C0C0C0; min-height:250px; height:auto; _height:250px;}
.mainBody .static .bestTag .up{ color:#666666; margin-left:2px; font-size:90%;}
.mainBody .static .bestTag .down{ color:#666666; margin-left:2px; font-size:90%;}

.mainBody .static h3{ border-bottom:1px solid #C0C0C0; height:/**/0px; padding-top:30px; overflow:hidden;}
.mainBody .static h3.tit1{ background:url(/_images/main/right_db.gif) no-repeat  6px 6px;}
.mainBody .static h3.tit2{ background:url(/_images/main/right_serch.gif) no-repeat  6px 6px;}
.mainBody .static table.dbState{ width:100%; border-collapse:collapse; margin-top:8px;}
.mainBody .static table.dbState thead{ display:none;}
.mainBody .static table.dbState tbody th{ padding-left:3px; font-weight:normal; height:22px; text-align:left;}
.mainBody .static table.dbState tbody td{}
.mainBody .static table.dbState span.bg{ display:block; background:url(/_images/common/statebar_bg.gif) repeat-x left 50%; text-align:left; width:70%; float:left;}
.mainBody .static table.dbState span.bar{ display:block; background:url(/_images/common/statebar.gif) repeat-x left 50%;  width:100%;}
.mainBody .static table.dbState span.txt{ display:block;width:29%; float:right; }
.mainBody .static table.dbState span{ display:inline-block; width:30%; text-align:center;}
.mainBody .static ul.pubCount{ list-style-type:none;}
.mainBody .static ul.pubCount li{ background:url(/_images/main/icon11.gif) no-repeat 4px 4px; padding-left:18px; font-weight:bold;}
.mainBody .static ul.pubCount  strong{color:#FE4F00}
.mainBody .static table.popular{ width:100%; margin-top:10px;}
.mainBody .static table.popular thead{ display:none;}
.mainBody .static table.popular thead{ display:none;}
.mainBody .static table.popular tr td{ height:20px; vertical-align:middle;}
.mainBody .static table.popular tr td a{ display:block; overflow:hidden; width:90px; overflow:hidden;}
.mainBody .static table.popular tr td.num { padding-bottom:2px; vertical-align:top;}
.mainBody .static table.popular tr td.num span{ margin-top:5px !important; letter-spacing:-1px;}

/* sub common layout*/
#quick{ width:44px; height:140px; position:absolute; background:url(/_images/common/quick/quick.gif) no-repeat;}
#quick ul{ list-style-type:none;}
#quick ul li{ padding-top:8px;}
#quick a{ display:block;  width:100%; margin:auto; overflow:hidden;}
#quick a.q1{ background:url(/_images/common/quick/1.gif) no-repeat center -21px; height:/**/0px; padding-top:21px;}
#quick a.q2{ background:url(/_images/common/quick/2.gif) no-repeat center -21px; height:/**/0px; padding-top:21px;}
#quick a.q3{ background:url(/_images/common/quick/3.gif) no-repeat center -21px; height:/**/0px; padding-top:21px;}
#quick a.q4{ background:url(/_images/common/quick/4.gif) no-repeat center -19px; height:/**/0px; padding-top:19px;}
#quick a.q5{ background:url(/_images/common/quick/top.gif) no-repeat center -16px; height:/**/0px; padding-top:16px;}
#quick a:hover{ background-position: center 0px;}

.subBody {}
.subBody #loginContainer{float:right;}
.subBody #contentsContainer{float:left;}
.subBody .static{ padding:0px 32px 0px 27px; }
.subBody h2{ overflow:hidden; height:/**/0px; padding-top:31px; border-bottom:2px solid #61AF1D; margin-bottom:15px;}
.subBody h2.company{ background:url(/_images/title/company.gif) no-repeat;}
.subBody h2.service{ background:url(/_images/title/service.gif) no-repeat;}
.subBody h2.guide{ background:url(/_images/title/guide.gif) no-repeat;}
.subBody h2.board{ background:url(/_images/title/board.gif) no-repeat;}
.subBody h2.society{ background:url(/_images/title/society.gif) no-repeat;}
.subBody h2.privacy{ background:url(/_images/title/privacy.gif) no-repeat;}
.subBody h2.login{ background:url(/_images/title/uselogin.gif) no-repeat;}
.subBody h2.dbcenter{ background:url(/_images/title/dbcenter.gif) no-repeat;}
.subBody h2.my{ background:url(/_images/title/desk.gif) no-repeat;}
.subBody h2.searchAccount{ background:url(/_images/title/searchId.gif) no-repeat;}
.subBody h2.join{ background:url(/_images/title/join.gif) no-repeat;}
.subBody h2.export{ background:url(/_images/title/export.gif) no-repeat;}
.subBody h2.editAccount{ background:url(/_images/title/memberEdit.gif) no-repeat;}
.subBody h2.userAuth{ background:url(/_images/title/memberEdit.gif) no-repeat;}
.subBody h2.search_power{ background:url(/_images/title/search_detail.gif) no-repeat;}
.subBody h2.search_cate{ background:url(/_images/title/search_cate.gif) no-repeat;}
.subBody h2.search_jour{ background:url(/_images/title/search_jour.gif) no-repeat;}
.subBody h2.search_pub{ background:url(/_images/title/search_pub.gif) no-repeat;}

.subBody .subMenuBox{ border:3px solid #E9E9E9; height:36px; margin-bottom:30px;}
.subBody .subMenuBox ul{ list-style-type:none;}
.subBody .subMenuBox ul li{float:left; height:36px; line-height:36px; padding:0px 10px; background:url(/_images/common/subMenu_bar.gif) no-repeat right 50%;}
.subBody .subMenuBox ul li.last{ background:none;}
.subBody .subMenuBox ul li a{ border-bottom:3px solid #E9E9E9; display:block; padding:0px 10px;}
.subBody .subMenuBox ul li a:hover{ border-bottom:3px solid #52B000;}
.subBody .subMenuBox ul li a.on{ border-bottom:3px solid #52B000;}
.subBody h3{ display:none;}

.subBody .sectionTitle{ background:url(/_images/common/icon3.gif) no-repeat 0px 10px; line-height:30px; padding-left:20px; font-weight:bold;}


.subBody a.btn1{ display:inline-block; width:85px; text-align:center; line-height:20px; height:20px; background:url(/_images/common/btn_bg1.gif) no-repeat 0px -20px; color:#fff;}
.subBody a.btn1:hover{ background-position:0px 0px;}

.subBody a.btn2{ display:inline-block; width:105px; text-align:center; line-height:25px; height:25px; background:url(/_images/common/btn_bg2.gif) no-repeat 0px -25px; color:#fff;}
.subBody a.btn2:hover{ background-position:0px 0px;}

.subBody input.btn1{border:none; padding:0px 10px; background-color:#62B01C; height:20px; cursor:pointer; text-align:center; color:#fff;}
.subBody input.btn1_on{background-color:#656565; color:#fff;}
.subBody input.btn2{border:none; padding:0px 10px; background-color:#606060; height:20px; cursor:pointer; text-align:center; color:#fff;}
.subBody input.btn2_on{background-color:#3A3A3A; color:#919191;}

.subBody input.btn1_b{border:1px solid #4F990E; padding:0px 10px; background-color:#62B01C; height:25px; cursor:pointer; text-align:center; color:#fff;}
.subBody input.btn1_b_on{ border:1px solid #535353; background-color:#666666; color:#fff;}
.subBody input.btn2_b{border:1px solid #919191; padding:0px 10px; background-color:#A8A8A8; height:25px; cursor:pointer; text-align:center; color:#fff;}
.subBody input.btn2_b_on{ border:1px solid #7B7B7B; background-color:#8F8F8F; color:#CACACA;}
.subBody input.btn3{background:url(/_images/common/btn_bg3.gif) no-repeat 0px -20px; border:none; width:70px; padding:0px; height:20px; cursor:pointer; text-align:center;}

.subBody input.btn4{background:url(/_images/common/btn_bg4.gif) repeat-x; border:none; color:#fff; padding:0px; height:20px; cursor:pointer; text-align:center;}
.subBody input.btn5{background:url(/_images/common/btn_bg4.gif) repeat-x 0px -20px; border:none; color:#fff; padding:0px; height:20px; cursor:pointer; text-align:center;}
.subBody input.btn6{background:url(/_images/common/btn_bg4.gif) repeat-x 0px -40px; border:none; color:#fff; padding:0px; height:20px; cursor:pointer; text-align:center; margin:0px 3px;}

/*
.subBody input.btn1{background:url(/_images/common/btn_bg1.gif) no-repeat 0px -20px; border:none; width:85px; padding:0px; height:20px; cursor:pointer; text-align:center; color:#fff;}
.subBody input.btn2{background:url(/_images/common/btn_bg2.gif) no-repeat 0px -25px; border:none; width:105px; padding:0px; height:25px; cursor:pointer; text-align:center; color:#fff;}
*/

.subBody .writeBtn_area{ margin-top:10px; text-align:center;}

.subBody .writeBox{ border:2px solid #E9E9E9;padding:10px; margin:10px 0px;}
.subBody .writeBox span{ color:#FF4E0C; padding:0px 5px;}
.subBody .writeBox table{ width:100%; margin-top:5px;}
.subBody .writeBox table th{line-height:30px; text-align:left; vertical-align:top; padding:1px 0px 1px 10px; border:1px solid #EBEBEB; border-left:none; border-right:none;background:url(/_images/service/write_item_bg.gif) no-repeat right 6px; }
.subBody .writeBox table td{padding:1px 0px 1px 5px; border:1px solid #EBEBEB; border-left:none; border-right:none;}


.subBody .waitPage{ overflow:hidden; height:/**/0px; padding-top:400px; background:url(/_images/common/ing_img.gif) no-repeat center 80px;}

.subBody table.base{ width:90%; margin:auto; border-collapse:collapse;}
.subBody table.base th{ height:26px; background-color:#F9F9F9; text-align:center;}
.subBody table.base th,.subBody table.base td{ border:1px solid #E9E9E9;}


.subBody .categoryTab2{ margin-top:15px; height:38px; border-bottom:2px solid #96CA68;}
.subBody .categoryTab2 ul{ list-style-type:none; }
.subBody .categoryTab2 ul li{ float:left; width:82px; height:38px;}
.subBody .categoryTab2 ul li a{ display:block;height:38px; text-align:center;background:url(/_images/common/tab_middle.gif) no-repeat; border-bottom:2px solid #96CA68;}
.subBody .categoryTab2 ul li a.on{height:40px; background:url(/_images/common/tab_middle_select.gif) no-repeat; border-bottom:none;}
.subBody .categoryTab2 span.txt{ display:block; padding-top:5px; text-align:center;}
.subBody .categoryTab2 span.count{ font-size:80%; margin-left:3px; color:#51AF00; display:block;}

.subBody .categoryTab{ margin-top:15px; height:34px; border-bottom:2px solid #96CA68;}

.subBody .categoryTab ul{ list-style-type:none; }
.subBody .categoryTab ul li{ float:left; width:82px; height:34px;}
.subBody .categoryTab ul li a{ display:block;height:34px; line-height:34px; text-align:center;background:url(/_images/common/tab.gif) no-repeat; border-bottom:2px solid #96CA68;}
.subBody .categoryTab ul li a.on{height:36px; background:url(/_images/common/tab_select.gif) no-repeat; border-bottom:none;}

.subBody .categoryTab ul{ list-style-type:none; }
.subBody .categoryTab ul li.big{ float:left; width:89px; height:34px;}
.subBody .categoryTab ul li.big a{ display:block; text-align:center; line-height:34px;  background:url(/_images/common/tab_big.gif) no-repeat;}
.subBody .categoryTab ul li.big a.on{ height:36px; background:url(/_images/common/tab_big_select.gif) no-repeat;}


.subBody .artList{ position:relative; margin-top:15px;}
.subBody .artList .sortBox{ position:absolute; top:6px; right:2px;}
.subBody .actionBox{ border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; margin:10px 0px; height:30px; line-height:30px;}
.subBody .actionBox span{ font-weight:bold; }
.subBody .actionBox span a{ padding:3px 3px;}
.subBody .actionBox span a:hover{ padding:3px 3px;}
.subBody .artList .list{}
.subBody .artList .list .title{ font-weight:bold;}

.subBody .artList .list .item{ border-bottom:1px solid #dfdfdf; padding:10px 0px;}
.subBody .artList .list .chk{ float:left; height:60px; line-height:60px; width:40px;}
.subBody .artList .list .info{ float:left; width:590px; line-height:18px;}
.subBody .artList .list .action{ float:right; width:110px; text-align:center;}
.subBody .artList .list .action a{ display:block; width:84px; height:0px; padding-top:18px; overflow:hidden; margin-bottom:5px;}
.subBody .artList .list .action a.down{ background:url(/_images/article/btn_view.gif) no-repeat 0px -18px;}
.subBody .artList .list .action a.view{ background:url(/_images/article/btn_detail.gif) no-repeat 0px -18px;}
.subBody .artList .list .action a:hover{ background-position:0px 0px;}
.subBody .artList .list .item strong{ color:#F27302;}

.subBody .selectBox{ position:relative;}
.subBody .selectBox .modeBtn{ position: absolute; right:10px;}
.subBody .selectBox .modeBtn .lstBtn{ background:url(/_images/dbcenter/list_button.gif) no-repeat 0px -17px; width:69px; height:/**/0px; padding-top:17px; display:block; overflow:hidden; }
.subBody .selectBox .modeBtn .lstBtn:hover{ background-position:0px 0px;}
.subBody .selectBox .modeBtn .coverBtn{ background:url(/_images/dbcenter/button_book.gif) no-repeat 0px -17px; width:69px; height:/**/0px; padding-top:17px; display:block; overflow:hidden; }
.subBody .selectBox .modeBtn .coverBtn:hover{ background-position:0px 0px;}
.subBody .resultMsg{ background-color:#E8EEE0; padding:10px; font-weight:bold; margin-bottom:10px;}
.subBody .resultMsg strong{ color:#84C44B; padding:0px 4px;}
.subBody .bestDate{ text-align:right;background-color:#E8EEE0; padding:10px;}
.subBody .bestDate img{ vertical-align:text-bottom;}
.subBody .loading{ background:url(/_images/common/loading.gif) no-repeat 50% 50%; display:none;}

/* acticle search */
div.articleSearchBox{ border:2px solid #E9E9E9; padding:18px 0px; text-align:center;}
div.articleSearchBox table.searchList{ border-collapse:collapse; width:80%; margin:auto;}
div.articleSearchBox table.searchList th{background-color:#A8A8A8; color:#fff; border:5px solid #FFFFFF; height:20px; line-height:20px; text-align:center;}
div.articleSearchBox table.searchList td{ text-align:left;border:5px solid #FFFFFF;}
div.articleSearchBox table.searchList td input{ width:95%;}
div.articleSearchBox table.searchList td input.txt2{ width:60%;}
div.articleSearchBox table.searchList td input.btn{ width:60px;}

div.articleSearchBox table.searchDetail{ border-collapse:collapse; width:80%; margin:auto; margin-top:20px;}
div.articleSearchBox table.searchDetail th{ border:1px solid #C0C0C0;}
div.articleSearchBox table.searchDetail td{ border:1px solid #C0C0C0; text-align:left; padding:4px 0px 4px 5px;}

div.articleSearchBox table.pubSearch{ width:93% !important;}
table.pubSearch #jouSubTitle span{ background-color:#DEE7C7; padding:2px; display:inline-block;}
table.pubSearch #jouVoulumeSubTitle span{ background-color:#DEE7C7;padding:2px; display:inline-block;}

div.cateSearch{ position:relative; margin-top:10px; padding:0px 0px 10px 10px; min-height:200px; height:auto;_height:200px; border-bottom:1px solid #C0C0C0;}
div.cateSearch div.cate2ndList{}
div.cateSearch div.cate2ndList input{ border:none;}
div.cateSearch div.cate2ndList ul{ list-style-type:none;}
div.cateSearch div.cate2ndList li{ line-height:22px;}
div.cateSearch div.cate2ndList ul.c2nd{ padding-left:10px; margin-top:10px;}
div.cateSearch div.cate2ndList ul.c2nd ul{ padding-left:20px; display:none;}

div.subCateState{border:2px solid #E9E9E9; padding:8px 3px; line-height:20px; margin-top:10px;}
div.subCateState span.item{ white-space:nowrap; padding:0px 2px; display:inline-block; width:18%;}
div.subCateState span.count{ color:#000;}

div.articleSearch{ margin:20px auto; width:690px;}


div.consonantSearchBox{ border:2px solid #E9E9E9; padding:8px 3px; line-height:20px; margin-top:10px; position:relative;}
div.consonantSearchBox a{ display:inline-block;}
div.consonantSearchBox a:hover{}
div.consonantSearchBox div.cate{}
div.consonantSearchBox  hr{ border:1px solid #CFCFCF;}
div.consonantSearchBox span.consonant{  cursor:pointer; display:inline-block; padding:0px 2px 0px 1px; text-align:center;}
div.consonantSearchBox span.cate{  cursor:pointer; display:inline-block;}
div.consonantSearchBox span.part{ display:inline-block; width:60px; text-align:left; background:url(/_images/common/icon1.gif) no-repeat -14px 2px; color:#fff; }
div.consonantSearchBox span.part a{ color:#fff;}
div.consonantSearchBox span.bar{ display:inline-block; width:5px; text-align:center;}
div.consonantSearchBox span.count{ font-size:90%; margin-left:1px;}
div.consonantSearchBox .cateBox a{margin-right:15px;}
div.consonantSearchBox .cateBox a.select span{ font-weight:bold;}
div.consonantSearchBox .cateBox a.select .cate{ color:#595959;}
div.consonantSearchBox .cateBox a.select .count{ color:#62B11A;}

div.consonantSearchBox .subCateBox{ position:relative; display:none; left:60px; height:80px; background-color:#D9D9D9; width:650px; padding:7px; margin-top:10px;}
div.consonantSearchBox .subCateBox .arrow{ position:absolute; height:11px; width:11px; background:url(/_images/common/icon2.gif) no-repeat 0px 5px; top:-11px; left:0px;}
div.consonantSearchBox .subCateBox ul{ list-style-type:none;}
div.consonantSearchBox .subCateBox li{ float:left; width:20%;}
div.consonantSearchBox .subCateBox a.select{ background-color:#FFFFFF; padding-left:3px; padding-right:8px;}
div.consonantSearchBox .subCateBox a:hover{ background-color:#FFFFFF; padding-left:3px; padding-right:8px;}

/*
div.journalCateBox{ border:2px solid #DFDFDF; padding:8px 3px; line-height:20px; margin-top:10px;}
div.journalCateBox ul { list-style-type:none;}
div.journalCateBox a{ cursor:pointer;}
div.journalCateBox ul li.cate1{ float:left; position:relative;}
div.journalCateBox ul li.cate1 span.cate1{ display:block; width:90px;}
div.journalCateBox ul div.cate2{  position:absolute; background-color:#fff; display:none;top:20px; border:1px solid #D7d7d7;padding:4px; width:120px; max-height:200px; height:auto;_height:200px; overflow:auto;}
div.journalCateBox ul div.cate2 ul{}
div.journalCateBox ul div.cate2 ul li{ line-height:18px;}
div.journalCateBox .select{color:#ff0f00;}
*/


div.searchState{ background-color:#E8EEE0; font-weight:bold; padding:3px 8px; line-height:30px;  margin-top:18px;}
div.searchState #searchWord{color:#51AF00; margin-right:10px;}
div.searchState strong{color:#51AF00;}
div.searchState dl{}
div.searchState dt{ float:left; width:70px;}
div.searchState dd{ float:left; width:600px;}
div.searchState dt.pub{ float:left; width:100px;}
div.searchState dd.pub{ float:left; width:550px;}

div.existsNotSearchData{ background-color:#F7F7F7; padding:80px 10px; text-align:center; line-height:22px; }
div.existsNotSearchData strong{color:#51AF00;}

div.jouInfo{ display:none; margin:10px 0px;}
div.jouInfo .cover{ float:left; width:150px; padding:0px 0px; text-align:center; }
div.jouInfo .cover .action{ padding-top:5px; }
div.jouInfo .cover .action a{ display:block; width:68px; overflow:hidden; height:/**/0px; padding-top:20px; background:url(/_images/article/button_510.gif) no-repeat 0px -20px;}
div.jouInfo .cover .action a:hover{ background-position:0px 0px;}
div.jouInfo .info{ float:left; width:510px; list-style-type:none;}
div.jouInfo dl { clear:both;}
div.jouInfo dl dt{ width:60px; float:left; height:18px; line-height:18px;}
div.jouInfo dl dd{ width:440px; float:left; line-height:18px; }

table.cateTable{ width:100%; border:2px solid #E9E9E9; border-collapse:collapse; margin-top:10px;}
table.cateTable th{ vertical-align:top; padding:4px; text-align:left; font-weight:normal; line-height:22px;border:3px solid #fff; background-color:#E8EEE0;}
table.cateTable td{ vertical-align:top; padding:4px; line-height:22px;}
table.cateTable td span{ white-space:nowrap; margin-right:8px;}
div.jourList{}
div.jourList .sortBox{ text-align:right; margin-top:8px;}
div.jourList table{ width:100%; border-collapse:collapse;}
div.jourList table thead th{border:1px solid #E8E8E8;  line-height:30px;}
div.jourList table tbody td{ border:1px solid #E8E8E8; line-height:20px; padding:3px 0px;}
div.jourList table tbody td.name{ padding-left:4px;}

.relativeKeyword{ border:none; margin-top:15px;}
.relativeKeyword legend{ display:none;}
.relativeKeyword div.box{ border:1px solid #CBCBCB;}
.relativeKeyword label.title{ background:url(/_images/common/search.gif) no-repeat 10px 7px; height:30px; display:block; border-bottom:1px solid #CBCBCB;}
.relativeKeyword div.list{}
.relativeKeyword div.list ul{ list-style-type:none; padding:6px 0px;}
.relativeKeyword div.list ul li{ line-height:20px;}
.relativeKeyword a{ display:inline-block; overflow:hidden; width:150px;}
.relativeKeyword .empty{ height:100px; line-height:100px; text-align:center;}

/*article view*/

.listEmpty{ height:100px; line-height:100px; font-weight:bold; text-align:center;color:#64B01A;}

/* */
#loginContainer .redirectArt{ margin-top:15px; width:186px; height:144px; background:url(/_images/common/todayView_bg.gif) no-repeat;}
#loginContainer .redirectArt .tab{ border:px solid }
#loginContainer .redirectArt .tab ul{ list-style-type:none;}
#loginContainer .redirectArt .tab ul li{ float:left; height:32px;}
#loginContainer .redirectArt .tab a{ height:0px; padding-top:32px; overflow:hidden; display:block;}
#loginContainer .redirectArt .tab .desk{ background:url(/_images/common/tap_book1.gif) no-repeat 0px 7px;width:57px;}
#loginContainer .redirectArt .tab .desk_on{ background:url(/_images/common/tap_book.gif) no-repeat;width:57px;}
#loginContainer .redirectArt .tab .article{ background:url(/_images/common/tap_list.gif) no-repeat 0px 7px;width:80px;}
#loginContainer .redirectArt .tab .article_on{ background:url(/_images/common/tap_list1.gif) no-repeat;width:80px;}
#loginContainer .todayView{ margin-top:10px;}
#loginContainer .todayView ul{ list-style-type:none;}
#loginContainer .todayView ul li{ background:url(/_images/common/icon.gif) no-repeat 8px 6px; padding-left:12px; height:18px; line-height:18px; overflow:hidden;}
#loginContainer .myDesk{ margin-top:10px; display:none;}
#loginContainer .myDesk ul{ list-style-type:none;}
#loginContainer .myDesk ul li{ background:url(/_images/common/icon.gif) no-repeat 8px 6px; padding-left:12px; height:18px; line-height:18px; overflow:hidden;}


/* account */ 
.subBody div.join{ border:1px solid #dfdfdf; background-color:#FBFBFB; padding:10px;}
.subBody div.join .msg{margin-bottom:10px;}
.subBody div.join .msg strong{ color:#EB7022;}
.subBody div.join textarea{ width:95%; height:250px; line-height:160%;}
.subBody a.joinNext{width:70px; display:inline-block; height:/**/0px; padding-top:20px; background:url(/_images/account/btnNext.gif) no-repeat 0px -20px; overflow:hidden;}
.subBody a.joinNext:hover{ background-position:0px 0px;}
.subBody a.joinCancel{width:70px; display:inline-block; height:/**/0px; padding-top:20px; background:url(/_images/account/btnCancel.gif) no-repeat 0px -20px; overflow:hidden;}
.subBody a.joinCancel:hover{ background-position:0px 0px;}

.subBody div.searchAccount fieldset{ border:none; margin-bottom:40px;}
.subBody div.searchAccount fieldset legend{ display:none;}

.subBody .outLoginList{}
.subBody .outLoginList blockquote{ padding-left:10px;}
.subBody .outLoginList .officeList{}
.subBody .outLoginList .tab{ margin-top:18px;}
.subBody .outLoginList .tab span{ cursor:pointer; display:inline-block; padding:0px 10px; text-align:center; line-height:20px; background-color:#fff; border:1px solid #A9A9A9; border-bottom:none; color:#A9A9A9; font-weight:bold; }
.subBody .outLoginList .tab span.on{ border:1px solid #62B01C; border-bottom:none; background-color:#62B01C; color:#fff;}
.subBody .outLoginList .officeList label{ display:none;}
.subBody .outLoginList .officeList div{ display:none; border:1px solid #62B01C; padding:4px; height:100px;}
.subBody .outLoginList .officeList table{ width:100%;}
.subBody .outLoginList .officeList table td{ line-height:22px; width:18%;}



/* company */
.subBody .vision{ overflow:hidden; background:url(/_images/company/info/company_1.gif) no-repeat; width:737px; height:/**/0px; padding-top:84px; margin-bottom:40px;}
.subBody .goal{ overflow:hidden; background:url(/_images/company/info/company_2.gif) no-repeat; width:737px; height:/**/0px; padding-top:70px; margin-bottom:40px;}
.subBody .business{ overflow:hidden; background:url(/_images/company/info/company_3.gif) no-repeat; width:737px; height:/**/0px; padding-top:164px;}

.subBody .history{}
.subBody .history h4{ display:none;}
.subBody .history ul{ width:600px; height:/**/0px; overflow:hidden;}
.subBody .history ul.h2009{ background:url(/_images/company/history/history_2009.gif) no-repeat; padding-top:100px;}
.subBody .history ul.h2008{ background:url(/_images/company/history/history_2008.gif) no-repeat; padding-top:100px;}
.subBody .history ul.h2007{ background:url(/_images/company/history/history_2007.gif) no-repeat; padding-top:100px;}
.subBody .history ul.h2006{ background:url(/_images/company/history/history_2006.gif) no-repeat; padding-top:100px;}
.subBody .history ul.h2005{ background:url(/_images/company/history/history_2005.gif) no-repeat; padding-top:100px;}

.subBody .banner{ width:100%; height:400px; position:relative; background:url(/_images/company/banner/banner_img.gif) no-repeat right 30px;}
.subBody .banner .msg{ width:197px; height:/**/0px; padding-top:35px; position:absolute; left:30px; top:10px; background:url(/_Images/company/banner/banner1.gif) no-repeat; overflow:hidden;}
.subBody .banner .krBanner{ position:absolute; left:30px; top:70px; border-bottom:1px solid #C0C0C0; width:300px; padding-bottom:20px;}
.subBody .banner .engBanner{ position:absolute; left:30px; top:220px;}

.subBody .banner h4{ overflow:hidden; width:100%; height:/**/0px; padding-top:30px;}
.subBody .banner .krBanner h4{ background:url(/_images/company/banner/banner_korea.gif) no-repeat;}
.subBody .banner .engBanner h4{ background:url(/_images/company/banner/banner_english.gif) no-repeat;}

.subBody .banner .kor_down{ position:absolute; left:180px; top:40px;}
.subBody .banner .eng_down{ position:absolute; left:180px; top:40px}

.subBody .banner a.psdDown{width:95px; display:block; height:/**/0px; padding-top:30px; margin-bottom:10px; background:url(/_images/company/banner/psd_button.gif) no-repeat 0px -30px; overflow:hidden;}
.subBody .banner a.psdDown:hover{ background-position:0px 0px;}
.subBody .banner a.jpgDown{width:95px; display:block; height:/**/0px; padding-top:30px; background:url(/_images/company/banner/jpg_button.gif) no-repeat 0px -30px; overflow:hidden;}
.subBody .banner a.jpgDown:hover{ background-position:0px 0px;}

.subBody .english{}
.subBody .english h4{ overflow:hidden; height:/**/0px; padding-top:12px; margin-bottom:20px;}
.subBody .english h4.greeting{ background:url(/_images/company/english/e_greeting.gif) no-repeat;}
.subBody .english h4.history{ background:url(/_images/company/english/e_history.gif) no-repeat; margin-top:30px;}
.subBody .english h4.overview{ background:url(/_images/company/english/e_overview.gif) no-repeat; margin-top:24px;}
.subBody .english h4.service{ background:url(/_images/company/english/e_status.gif) no-repeat; margin-top:24px;}

.subBody .english dl{ clear:both;}
.subBody .english dl dt{ float:left; width:86px;  margin-bottom:25px; overflow:hidden; height:/**/0px; margin-right:17px; border-right:1px solid #EFEFEF;}
.subBody .english dl dd{ float:left; width:580px;}
.subBody .english dl.h2005 dt{ background:url(/_images/company/english/e_2005.gif) no-repeat; padding-top:120px;}
.subBody .english dl.h2006 dt{ background:url(/_images/company/english/e_2007.gif) no-repeat; padding-top:50px;}
.subBody .english dl.h2008 dt{ background:url(/_images/company/english/e_2009.gif) no-repeat; padding-top:60px;}
.subBody .english ul{ list-style-type:none;}
.subBody .english ul li{ line-height:18px;}

.subBody .english table{ margin-top:10px; width:98%;}
.subBody .english table th{ border:1px solid #E2E2E2; height:34px;}
.subBody .english table td{ border:1px solid #E2E2E2; height:34px; text-align:center;}
.subBody .english table  tfoot td{ text-align:left; padding-left:4px; line-height:22px;}
.subBody .english table th.number{background-color:#CACACA;}
.subBody .english table td.areas{ background-color:#EFEFEF;}

.subBody .map{ padding-left:10px;}
.subBody .map img{}
.subBody .map p{ margin:5px 0px 30px 0px; text-align:left; height:22px; line-height:22px; padding-left:30px; background:url(/_images/common/icon4.gif) no-repeat 15px 8px;} 


/* guide */
.subBody .guide { line-height:160%;}
.subBody .guide .line{border-top:1px solid #E9E9E9; margin-bottom:20px;}
.subBody .guide a.reader{ position:relative; left:400px; top:-35px; width:188px; height:/**/0px; padding-top:35px; overflow:hidden; display:block; background:url(/_images/guide/adobe_button.gif) no-repeat 0px -35px;}
.subBody .guide a.reader:hover{ background-position:0px 0px;}
.subBody .guide .msg{ margin-bottom:10px;}
.subBody .guide ul{ list-style-type:none;}
.subBody .guide ul li{ float:left; text-align:center; width:33%; line-height:30px; margin-bottom:20px;}
.subBody .guide a.mail{ position:relative; left:460px; top:-35px; width:96px; height:/**/0px; padding-top:28px; overflow:hidden; display:block; background:url(/_images/guide/mail_button.gif) no-repeat 0px -28px;}
.subBody .guide a.mail:hover{ background-position:0px 0px;}

.subBody .deskGuide{ line-height:160%;}
.subBody .deskGuide img{ float:left; margin-right:20px;}
.subBody .deskGuide strong{ background-color:#606060; color:#fff;}

.subBody .guideOffice{}
.subBody .guideOffice h4{ width:128px; height:/**/0px; padding-top:15px; overflow:hidden;}
.subBody .guideOffice h4.tit1{ background:url(/_images/guide/service_title1.gif) no-repeat; }
.subBody .guideOffice h4.tit2{ background:url(/_images/guide/service_title2.gif) no-repeat; }
.subBody .guideOffice blockquote{margin:10px 0px;}
.subBody .guideOffice div{margin-bottom:30px; border:1px solid #E9E9E9; padding:10px;}
.subBody .guideOffice table{ width:100%; }
.subBody .guideOffice table td{ width:25%; height:24px;}

.subBody .boardlist{ background:url(/_images/board/board_list_img.gif) no-repeat; width:737px; margin:auto;}
.subBody .boardlist table.list{ width:100%;}
.subBody .boardlist table.list thead th{ height:38px; color:#61B01C; background:url(/_images/board/board_line.gif) no-repeat right;}
.subBody .boardlist table.list thead th.last{ background:none;}
.subBody .boardlist table.list tbody td{ line-height:28px; border-bottom:1px solid #dfdfdf;}
.subBody .boardlist table.list tbody tr.over{ background-color:#F6F9F3;}
.subBody .boardlist table.list a span.new{ cursor:pointer; background:url(/_images/board/board_new.gif) no-repeat 10px -10px; width:35px; height:/**/0px; padding-top:10px; margin-bottom:8px; overflow:hidden; display:inline-block;}
.subBody .boardlist table.list a:hover span.new{ background-position:10px 0px;}

.subBody .boardlist div.searchBox{ border:1px solid #E9E9E9; padding:4px; text-align:center; margin-top:15px;}

.subBody .boardView{ background:url(/_images/board/list_view.gif) no-repeat; width:737px;}
.subBody .boardView .title{ line-height:65px; margin-bottom:10px; height:65px; font-weight:bold; font-size:16px; padding-left:10px;}
.subBody .boardView .writeInfo{ text-align:right; margin-bottom:20px;}
.subBody .boardView .contents{ line-height:140%; padding-bottom:20px; border-bottom:1px solid #F4F4F4; min-height:300px; height:auto;_height:300px;}
.subBody .boardView .q { background:url(/_images/board/icon_q.gif) no-repeat 5px 4px; padding-left:20px; margin-bottom:10px;min-height:150px; height:auto;_height:150px;}
.subBody .boardView .a {background:url(/_images/board/icon_a.gif) no-repeat 5px 14px; padding:10px 0px 10px 20px; background-color:#f1f1f1;min-height:150px; height:auto;_height:150px;}

.subBody table.list td.no{ text-align:center;}
.subBody table.list td.date{ text-align:center;}
.subBody table.list td.file{ text-align:center;}
.subBody table.list td.name{ text-align:center;}
.subBody table.list td.reply{ text-align:center;}

.vNull2{ height:300px; line-height:300px; text-align:center; border:1px solid #dfdfdf;}
.pageBox { text-align : center; padding:15px 0px 5px 0px; }

/* service */
.subBody .service h4{ height:/**/0px; padding-top:15px; overflow:hidden; margin-bottom:5px;}
.subBody .service .application{ padding-left:4px; line-height:22px;}
.subBody .journal{}
.subBody .journal h4.tit1{ background:url(/_images/service/productReceive_title1.gif) no-repeat;}
.subBody .journal h4.tit2{ background:url(/_images/service/productReceive_title2.gif) no-repeat; margin-top:20px;}
.subBody .journal h4.tit3{ background:url(/_images/service/productReceive_title3.gif) no-repeat; margin-top:20px;}
.subBody .journal h4.tit4{ background:url(/_images/service/productReceive_title4.gif) no-repeat; margin-top:20px;}
.subBody .journal ul.summary{ list-style-type:none;}
.subBody .journal ul.summary li{ margin-bottom:20px; line-height:20px;}
.subBody .journal ul.summary strong{color:#52B100; font-weight:normal;}
.subBody .journal ul.process{ list-style-type:none;}
.subBody .journal ul.process li{ line-height:20px; padding-left:3px;}
.subBody .journal ol.benefit li{line-height:20px; margin-left:30px; margin-bottom:10px;}


.subBody .homepage{}
.subBody .homepage h4.tit1{ background:url(/_images/service/homepage_title.gif) no-repeat;}
.subBody .homepage h4.tit2{ background:url(/_images/service/homepage_title1.gif) no-repeat; margin-top:40px;}
.subBody .homepage h4.tit3{ background:url(/_images/service/homepage_titl2.gif) no-repeat; margin-top:40px;}
.subBody .homepage blockquote{margin:10px 0px;}
.subBody .homepage ul.templet{ list-style-type:none;}
.subBody .homepage ul.templet li{ float:left; width:33%; text-align:center;}
.subBody .homepage ul.templet img{ border:1px solid #CACACA;}
.subBody .homepage .make{ border:1px solid #dfdfdf; padding:10px; height:50px;}
.subBody .homepage .make ul{ list-style-type:none;}
.subBody .homepage .make ul li{ float:left; width:33%; line-height:22px;}
.subBody .homepage .make a{padding:2px 3px;}
.subBody .homepage .make a:hover{background-color:#616161; color:#fff; }

.subBody .publish{}
.subBody .publish h4.tit1{ background:url(/_images/service/print_title.gif) no-repeat;}
.subBody .publish h4.tit2{ background:url(/_images/service/print_title1.gif) no-repeat; margin-top:40px;}
.subBody .publish h4.tit3{ background:url(/_images/service/print_title2.gif) no-repeat; margin-top:40px;}
.subBody .publish table{ border-collapse:collapse; width:100%; margin-top:15px;}
.subBody .publish table th{ height:30px; border:1px solid #888888;background-color:#e6e6e6; }
.subBody .publish table td{height:30px; text-align:center; border:1px solid #888888;}


.subBody .cdrom{}
.subBody .cdrom h4.tit1{ padding-top:19px; background:url(/_images/service/cd_title1.gif) no-repeat;}
.subBody .cdrom h4.tit2{ padding-top:19px; background:url(/_images/service/cd_title2.gif) no-repeat; margin-top:40px;}
.subBody .cdrom ul.templet{ list-style-type:none;}
.subBody .cdrom ul.templet li{ float:left; width:24%; text-align:center; margin-top:20px;}
.subBody .cdrom ul.templet img{ border:1px solid #CACACA; width:151px; height:115px; margin-bottom:8px;}

.subBody .service h4.tit_db1{ background:url(/_images/service/db_title.gif) no-repeat;}
.subBody .service h4.tit_db2{ background:url(/_images/service/db_title1.gif) no-repeat; margin-top:40px;}

.subBody .mylist{ border-collapse:collapse; width:100%;}
.subBody .mylist thead th{border:1px solid #DDDDDD;background-color:#f9f9f9; padding:7px;}
.subBody .mylist tbody td{border:1px solid #DDDDDD; padding:7px;}


/* my */
div.my{}
div.my .pageMsg{ margin-top:8px; line-height:22px; padding-left:10px;}
div.my .pageMsg strong{color:#FF3300;}
div.my .subCateBox{ border:1px solid #DDDDDD; padding:3px 0px 3px 10px; margin-top:8px; line-height:40px; height:40px;}
div.my .subCateBox img{ padding:0px 3px;}
div.my .pageState{ margin-top:8px; line-height:22px; background-color:#E8EEE0; padding-left:10px;}
div.my .pageState strong{color:#FF3300;}

div.deskList{}
div.deskList .item{ border:1px solid #DDDDDD; padding:3px; margin-top:8px; height:30px;}
div.deskList span.name{ display:block; width:500px; line-height:28px; float:left;}
div.deskList span.artCount{ display:block; width:100px; line-height:28px; float:left;}
div.deskList span.manage{ display:block; width:120px;line-height:28px; float:left; margin-top:4px;}
div.deskList span.manage a{ height:0px/**/; width:58px; padding-top:20px; overflow:hidden; display:block;}
div.deskList span.manage a.edit{ background:url(/_images/my/btnEdit.gif) no-repeat 0px -20px; float:left;}
div.deskList span.manage a.dele{ background:url(/_images/my/btnDele.gif) no-repeat 0px -20px; float:right;}
div.deskList span.manage a:hover{ background-position:0px 0px;}
span.searchText{ color:#FF3300;}

a.deskAdd{background:url(/_images/my/btnAdd.gif) no-repeat 0px -25px; height:0px/**/; width:105px; padding-top:25px; overflow:hidden; display:block;}
a.deskAdd:hover{ background-position:0px 0px;}

div.pageBox{}
div.pageBox a, div.pageBox span{ display:inline-block;} 
div.pageBox span{ color:#FF714B;padding:3px;}
div.pageBox a.pagerOut, div.pageBox a.pagerOutEnd{ padding:3px;}

div.pageBox a.pagerStart{ position:relative; top:-5px;margin-right:5px; background:url(/_images/board/icon_prev.gif) no-repeat 0px 0px; width:13px; height:/**/0px; padding-top:11px; overflow:hidden;}
div.pageBox a.pagerPrev{ position:relative; top:-5px; margin-right:5px; background:url(/_images/board/icon_prev1.gif) no-repeat 0px 0px; width:10px; height:/**/0px; padding-top:11px; overflow:hidden;}

div.pageBox a.pagerNext{ position:relative; top:-5px; margin-left:5px; background:url(/_images/board/icon_next1.gif) no-repeat 0px 0px; width:10px; height:/**/0px; padding-top:11px; overflow:hidden;}
div.pageBox a.pagerEnd{ position:relative; top:-5px; margin-left:5px; background:url(/_images/board/icon_next.gif) no-repeat 0px 0px; width:13px; height:/**/0px; padding-top:11px; overflow:hidden;}

div.pageBox a.pagerPrev:hover{ background-position:0px -11px;}
div.pageBox a.pagerNext:hover{ background-position:0px -11px;}
div.pageBox a.pagerStart:hover{ background-position:0px -11px;}
div.pageBox a.pagerEnd:hover{ background-position:0px -11px;}


.li { font-family: 돋움; color:#636363; font-size:11px;}
.li a{ font-family: 돋움; color:#636363; font-size:11px;}
.bt { font-family: 돋움; color:#3f6518; font-size:11px;}
.pr { font-family: 돋움; color:#b7b7b7; font-size:11px;}
.tx { font-family: 돋움; color:#6f6f6f; font-size:11px; line-height:16px}
.tw { font-family: 돋움; color:#d7d7d7; font-size:11px; line-height:16px}

.tf { font-family: 돋움; color:#fff; font-size:12px; line-height:14px}
.tf a{ font-family: 돋움; color:#fff; font-size:12px; line-height:14px}
.ed { height:22px; border:1px solid #dfdfdf; padding:3px 2px 0 10px; font-family: 돋움; color:#1b7b31; font-size:12px;text-align:left;}
.bo { font-family: 돋움; font-weight:bold; color:#636363; font-size:12px;}
.count_r { font-family: 돋움; font-weight:bold; color:#F00; font-size:11px; padding-top:2px;}
.count_g { font-family: 돋움; font-weight:bold; color:#999; font-size:11px; padding-top:2px;}
.count_g a{ font-family: 돋움; font-weight:bold; color:#999; font-size:11px; padding-top:2px;}

.small { font-family: 돋움; color:#ffffff; font-size:11px;}
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px;}

table.paging{}
table.paging td{padding:0;}

a.detailLink{text-decoration:none; color:#466C8A;}
a.detailLink:hover{text-decoration:underline;}

.txt_price{font-weight:bold;color:Green;}

#contentsContainer td .green {font-weight:bold;color:#4da200; font-size:12px;}
.nobdr input{border:none;}
input.none{padding:0;margin:0;}

.subBody .loginright{ float:right;padding:0;width:171px;}



.subBody .﻿statistics{ width:171px; float:right;}
.subBody .﻿statistics .article{ border:1px solid #C0C0C0; margin-bottom:10px; min-height:250px; height:auto; _height:250px;}
/*
.subBody .﻿statistics .article ul{ margin-top:10px;}
.subBody .﻿statistics .article ul li{ list-style-type:none; padding-left:8px; line-height:18px;}
*/
.subBody .﻿statistics .bestTag{ border:1px solid #C0C0C0; min-height:250px; height:auto; _height:250px;}
.subBody .﻿statistics .bestTag .up{ color:#666666; margin-left:2px; font-size:90%;}
.subBody .﻿statistics .bestTag .down{ color:#666666; margin-left:2px; font-size:90%;}

.subBody .﻿statistics h3{ display:block !important; border-bottom:1px solid #C0C0C0; height:/**/0px; padding-top:30px; overflow:hidden;}
.subBody .﻿statistics h3.tit1{ background:url(/_images/main/right_db.gif) no-repeat  6px 6px;}
.subBody .﻿statistics h3.tit2{ background:url(/_images/main/right_serch.gif) no-repeat  6px 6px;}
.subBody .﻿statistics table.dbState{ width:100%; border-collapse:collapse; margin-top:8px;}
.subBody .﻿statistics table.dbState thead{ display:none;}
.subBody .﻿statistics table.dbState tbody th{ padding-left:3px; font-weight:normal; height:22px; text-align:left;}
.subBody .﻿statistics table.dbState tbody td{}
.subBody .﻿statistics table.dbState span.bg{ display:block; background:url(/_images/common/statebar_bg.gif) repeat-x left 50%; text-align:left; width:70%; float:left;}
.subBody .﻿statistics table.dbState span.bar{ display:block; background:url(/_images/common/statebar.gif) repeat-x left 50%;  width:100%;}
.subBody .﻿statistics table.dbState span.txt{ display:block;width:29%; float:right; }
.subBody .﻿statistics table.dbState span{ display:inline-block; width:30%; text-align:center;}
.subBody .﻿statistics ul.pubCount{ list-style-type:none;}
.subBody .﻿statistics ul.pubCount li{ background:url(/_images/main/icon11.gif) no-repeat 4px 4px; padding-left:18px; font-weight:bold;}
.subBody .﻿statistics ul.pubCount  strong{color:#FE4F00}
.subBody .﻿statistics table.popular{ width:100%; margin-top:10px;}
.subBody .﻿statistics table.popular thead{ display:none;}
.subBody .﻿statistics table.popular thead{ display:none;}
.subBody .﻿statistics table.popular tr td{ height:20px; vertical-align:middle;}
.subBody .﻿statistics table.popular tr td a{ display:block; overflow:hidden; width:90px; overflow:hidden;}
.subBody .﻿statistics table.popular tr td.num { padding-bottom:2px; vertical-align:top;}
.subBody .﻿statistics table.popular tr td.num span{ margin-top:5px !important; letter-spacing:-1px;}



#OutLoginForm{ width:744px;float:left;}
