@charset "utf-8";


/* common */
* {margin:0; padding:0;}
body, html {background:#fff; height:100%;}
html {overflow-y:scroll;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, th, select ,textarea
{margin:0; padding:0; color:#666; /*font-size:9pt;*/font-size:10pt; line-height:1.3em; letter-spacing:-0.05em; font-family:"맑은 고딕", "Malgun Gothic", "돋움", "Dotum";}

table, tr, td {margin:0; padding:0; border-collapse:collapse; font-size:9pt; line-height:1.3em; color:#666; font-family:Malgun Gothic, AppleGothic, Dotum;}

ul, ol, li {list-style:none;}
img {border:0; vertical-align:top;}

a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#666; text-decoration:none;}
a {selector-dummy: expression(this.hideFocus=true);}

legend, caption {display:none;}

.box_01 {width:288px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_02 {width:108px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_03 {width:258px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_04 {width:398px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_05 {width:42px; height:23px; border:1px solid #ddd; padding-left:10px;}
.box_06 {width:798px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_07 {width:248px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_08 {width:678px; height:34px; border:1px solid #ddd; padding-left:10px;}
.box_09 {width:200px; height:23px; border:1px solid #ddd; padding-left:10px;}

.textarea_01 {width:978px; height:200px; border:1px solid #ddd; padding:20px;}
.textarea_011 {width:978px; height:200px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; padding:20px;}
.textarea_02 {width:978px; height:600px; border:1px solid #ddd; padding:20px;}
.textarea_021 {width:978px; height:600px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; padding:20px;}
.textarea_03 {width:768px; height:200px; border:1px solid #ddd; padding:20px;}

.select_01 {width:120px; height:29px; border:1px solid #ddd; padding-left:10px;}
.select_02 {width:120px; height:36px; border:1px solid #ddd; padding-left:10px;}
.select_03 {width:270px; height:36px; border:1px solid #ddd; padding-left:10px;}

.table_01 {border-top:2px solid #16bacd; margin-bottom:20px;}
.table_01 td {border:1px solid #ddd;}

.table_02 {margin-bottom:40px;}
.table_02 td {border:1px solid #ddd;}
.table_02 .dep_01 {width:255px; height:36px; color:#333; font-size:10pt; font-weight:bold; text-align:center; background:#fafbfc;}
.table_02 .dep_02 {padding:15px 0 15px 30px; vertical-align:top;}
.table_02 a {line-height:2.2em; color:#333;}
.table_02 a:hover {font-weight:bold; color:#000;}


/* header */
#header_wrap {margin:0 auto; width:1020px;}

#header {margin:0 auto; width:1020px; height:33px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

#btn_category_all {float:left;}

#top_menu {float:right; margin-top:8px; margin-right:15px;}
#top_menu li {display:inline; padding-left:9px;}

#top {margin:0 auto; width:1020px;}

#logo_top {clear:both; float:left; margin-top:17px; margin-left:9px; margin-bottom:17px;}

#search {float:right; height:38px; margin-top:30px; margin-bottom:20px;}

#keyword {float:left; margin-top:10px; margin-right:25px;}
#keyword li {display:inline; padding-left:7px; font-weight:bold;}

#search_box {float:left;}
.box_search {float:left; width:200px; height:32px; border:0; padding-left:15px; border-left:3px solid #1bbbce; border-top:3px solid #1bbbce; border-bottom:3px solid #1bbbce;}
.btn_search {width:39px; height:38px;}

#wing {position:absolute; z-index:200; margin-left:1040px;}
#wing_box {width:86px; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background-color:#fff;}
#wing_box li {display:block; padding-top:10px;}
#wing_box .line {border-bottom:1px solid #ddd; padding-bottom:12px;}

#gnb {clear:both; margin:0 auto; width:1020px; height:46px;}
#gnb li {display:inline; float:left;}

#gnb_depth_01 {position:absolute; z-index:300; width:179px; height:460px; background-color:#fff; border:1px solid #000;}
#gnb_depth_01 ul {padding-top:15px;}
#gnb_depth_01 li {margin-bottom:2px;}
#gnb_depth_01 a {display:block; color:#333; height:21px; padding:4px 0 0 20px;}
#gnb_depth_01 a:hover {color:#fff; background-color:#16bacd;}

#gnb_depth_02 {position:absolute; z-index:200; margin-left:180px; width:838px; background-color:#fff; border:1px solid #000; padding:10px 0 30px 0;}
#gnb_depth_02 .btn_close {float:right; margin-right:10px;}

#gnb_over_wrap {clear:both; width:820px; margin-left:20px;}
.gnb_over_menu_01 li {float:left; display:inline; width:180px; margin:5px 10px; border-bottom:1px solid #ddd;}
.gnb_over_menu_01 .depth_02 a {display:block; color:#333; font-size:10pt; font-weight:bold; height:24px; padding:3px 0 0 10px;}

#gnb_depth_03 {position:absolute; z-index:300; margin-left:180px; margin-top:250px; width:838px; background-color:#fff; border:1px solid #000; padding:10px 0 30px 0;}
#gnb_depth_03 .btn_close {float:right; padding-right:10px;}
.gnb_over_menu_02 li {float:left; display:inline; width:180px; margin:3px 10px;}
.gnb_over_menu_02 .depth_03 a {display:block; color:#333; height:21px; padding:4px 0 0 10px;}
.gnb_over_menu_02 .depth_03 a:hover {color:#fff; background-color:#ffbd1c;}


/* footer */
#footer_wrap {clear:both; margin:0 auto; width:1020px;}

#bottom_menu_wrap {clear:both; margin:0 auto; width:1020px;}

#bottom_menu {margin-left:20px;}
#bottom_menu li {float:left; display:inline; margin-right:40px; margin-top:15px; margin-bottom:16px;}
#bottom_menu li a {color:#333;}

#bottom_info_wrap {clear:both; margin:0 auto; width:1020px; height:140px;}

#logo_footer {clear:both; float:left; margin-top:20px;}

#bottom_info {float:left; font-size:9pt; color:#333; margin-top:20px; margin-left:30px;}

#bottom_inipay {float:right; margin-top:20px;}