﻿@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: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:10pt; 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:308px; 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:768px; 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:648px; height:34px; border:1px solid #ddd; padding-left:10px;}

.textarea_01 {width:938px; height:200px; border:1px solid #ddd; padding:20px;}
.textarea_011 {width:938px; height:200px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; padding:20px;}
.textarea_02 {width:938px; height:600px; border:1px solid #ddd; padding:20px;}
.textarea_021 {width:938px; height:600px; overflow-x:hidden; overflow-y:auto; border:1px solid #ddd; padding:20px;}
.textarea_03 {width:738px; 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 {margin:0 auto; border-top:2px solid #1bcac6; margin-bottom:40px;}
.table_01 td {border:1px solid #ddd;}


#wrap {margin:0 auto; width:100%; background-color:#eeede8;}


/* header */
#header {margin:0 auto; width:1020px; height:110px; background-color:#fff;}

#category_all {float:left; margin-top:15px; margin-left:20px; font-size:10pt; color:#333;}
#category_all a {font-size:10.5pt; color:#333;}

#category_all_wrap {margin:0 auto; width:1020px;}

#category_open {position:absolute; margin:0 auto; width:1018px; height:598px; border:1px solid #013c80; background-color:#fff; z-index:300;}
#category_open .btn_close {float:right; margin:15px 15px 10px 0;}

#category_box {padding:0 0 30px 30px; width:980px; height:490px; overflow:auto;}

.category_list {float:left; width:170px;}
.category_list .depth_01 {color:#013c80; font-size:12pt; font-weight:bold; margin-bottom:15px;}
.category_list .depth_02 a {color:#333; font-weight:bold; margin-top:15px;}
.category_list ul {padding-bottom:15px;}
.category_list li {margin-left:10px; margin-bottom:5px;}

#top_menu {float:right; margin-top:15px; margin-right:15px;}
#top_menu li {display:inline; font-size:9pt; padding-left:9px;}

#gnb {float:left; margin:0 auto; width:1020px; height:60px; background-color:#013c80;}

#logo_top {clear:both; float:left; margin-top:9px; margin-left:20px;}

#gnb_menu {float:left; text-align:center; width:543px; height:60px; padding-left:24px; background-color:#013c80;}
#gnb_menu li {float:left; padding:0 4px}
#gnb_menu a {float:left; height:40px; padding:20px 18px 0 18px; color:#fff; font-size:12pt;}
#gnb_menu a:hover {background-color:#1bcac6; color:#000;}

#search {float:right; width:255px;}

#search_box {float:left;}
.box_search {float:left; font-size:10.5pt; color:#000; width:170px; height:60px; border:0; padding-left:25px; background-color:#6ac0e1;}
.btn_search {width:44px; height:43px;}

#wing {position:absolute; z-index:200; margin-top:60px; margin-left:1200px;}
#wing_box {width:86px; border-left:1px solid #999; border-right:1px solid #999; text-align:center; background-color:#fff;}
#wing_box li {display:block; padding-top:10px; font-size:9pt;}
#wing_box .line {border-bottom:1px solid #ddd; padding-bottom:12px;}


/* footer */
#footer {clear:both; margin:0 auto; width:1020px; margin-top:40px;}

#bottom_menu {width:980px; height:42px; float:left; padding-top:20px; padding-left:40px; background-color:#666;}
#bottom_menu li {float:left; display:inline; padding-right:50px;}
#bottom_menu li a {color:#fff;}

#cs {float:right; color:#fff; margin-right:40px;}

#bottom_info_wrap {clear:both; margin:0 auto; width:1020px; height:170px; background-color:#fff;}

#bottom_info {float:left; font-size:9pt; color:#333; margin-top:30px; margin-left:40px;}

#bottom_inipay {float:right; margin-top:28px; margin-right:50px;}


