@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
html, body{ height:100%;}
/* body */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0}
body { font-family:'?�눔고딕' , 'Nanum gothic' !important; font-size:12px;}
ul,ol,dl {list-style:none}
img {border:0;vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}

/* top */

#top {width:100%; height:108px; background:url(../images/bg_top.gif);}
#top .center_aln{ position:relative; width:1000px; margin:0 auto; z-index:10; top:-10px;}



.top_right{position: relative; width:1000px; margin:0 auto; height:10px; text-align:right;}
.top_right li{display:inline; padding-left:10px;}
.top_right li img{ vertical-align: middle;}

/* �޴� */
.main_menu a {height:17px; text-decoration: none; color:#66574d;}
.main_menu a:hover   { text-decoration: none; color: #000; } 


.main_menu {z-index:100; height:45px; margin-top:0; padding:0;}
.main_menu ul { padding:0; margin:0; }
.main_menu li { list-style-type:none; float:left; margin-top:50px; cursor:pointer; font-size:15px; font-weight:bold; }
.menu_left{ width:367px; float:left;}
.menu_right{ width:367px; float:left;}
.logo{ padding-top:26px; float:left; width:265px;}
.menu_left .menu_left_txt{padding-left:71px;}
.menu_right .menu_left_txt{padding-left:72px;}

.main_sub_menu { position: relative; z-index:98; height:30px; width:100%; display:none; padding-top:40px; cursor:pointer;}
.main_sub_menu a { color:#fff; text-decoration:none; margin-right:20px;}
.main_sub_menu a:hover{color:#e7ab37;}

#ub_bot {float:left; width:900px; background:#9C0;  margin-top:20px;}

/* box */
#ub_box {float:left;width:615px;background:#000; margin-bottom:15px; padding:15px;}

#ub_main_comm {float:left; width:615px; height:170px; background:#FFF; margin-bottom:15px;}


/*visual img*/
#visual_layout {position:relative;  top:0;  left:0;  width:100%;  margin:0 auto; border-bottom:6px solid #e7ab37; height:400px; background:url(../images/vimg_bg.gif);}
#visual_layout .txt_layout { position:absolute;  top:40px;  left:50%;  width:1000px;  margin-left:-500px;  text-align:center; z-index:500; text-align:left;} 

/*con box*/
#con{ width:1000px; margin:0 auto; margin-top:15px; height:330px;}


#con_1{ width:321px; border-right:1px #ccc solid; float:left; height:135px; margin-bottom:17px;}
#con_1 a{ color:#838383; text-decoration:none;}
#con_1 a:hover{ color:#333; text-decoration: underline;}
#con_1 h1{ font-size:15px; color:#e58734; font-weight:bold; padding-bottom:10px;}
#con_1 h1 img{ vertical-align: text-bottom}
#con_1 li{line-height:25px; }
#con_1 span{ position:relative; float:right; margin-top:-25px; margin-right:20px;}

#con_2{ float: right; width:655px; margin-bottom:20px;}
#con_2 h1{ font-size:15px; color:#e58734; font-weight:bold; padding-bottom:10px;}
#con_2 h1 img{ vertical-align: text-bottom;}
#con_2 li{ float:left; text-align: right;}
#con_2 span{ position:relative; float:right; margin-top:-25px;}

#con_3{ width:321px; border-right:1px #ccc solid; float:left; height:135px; margin-bottom:17px;}
#con_3 h1{ font-size:15px; color:#e58734; font-weight:bold; padding-bottom:10px;}
#con_3 h1 img{ vertical-align: text-bottom}
#con_3 span{ position:relative; float:right; margin-top:-25px; margin-right:0px;}
#con_3 p{color:#838383; line-height:20px; width:114px; font-weight:bold; margin-top:10px;}

#con_4{ width:313px; float: right; margin-bottom:17px;}
#con_4 h1{ font-size:15px; color:#e58734; font-weight:bold; padding-bottom:10px;}
#con_4 h1 img{ vertical-align: text-bottom}
#con_4 li{ color:#969597; line-height:20px; font-weight:bold;}
#con_4 span{ position:relative; float:right; margin-top:-25px;}
#con_4 p{ height:40px; margin-top:5px;}
#con_4 .box{ position:relative; float:right; margin-top:-30px;}


/* bottom */

#bottom {width:100%; height:150px; border-top:1px solid #dcdcdc; clear:both;}
#bottom .center_aln{ position:relative; width:1000px; margin:0 auto; z-index:10; text-align:center;}
#bottom .center_aln li{ line-height:30px; color:#989898;}


/*컨텐츠*/
#contents{ width:1000px; margin: 0 auto; position:relative; height:100%}

/*서브메뉴*/
#sub_menu{float:left; width:181px; border-left:1px solid #dcdcdc; border-right:1px #dcdcdc solid; height: 100%;}
#sub_menu p{ font-weight:bold; border-bottom:2px solid #756c66; color:#756c66; font-size:15px; width:165px; margin:7px; padding:20px 0;}
#sub_menu  .menu li{ border-bottom:1px dashed #cac7c4; margin:12px; width:143px; padding:10px 5px; color:#555555; font-size:14px;}
#sub_menu .info h1{ font-size:12px; color:#e58734; font-weight:bold; padding-bottom:10px; text-align:center;}
#sub_menu .info h1 img{ vertical-align: middle;}
#sub_menu .info { margin-top:40px;}
#sub_menu .info li{ color:#969597; line-height:20px; font-weight:bold; padding-left:13px;}
#sub_menu .info img{ margin-bottom:7px;}
#sub_menu .icon_box li{ background:#f6f6f6; margin-top:30px; text-align:center;}

#sub_menu .menu li A:link { text-decoration: none; color: #555555;}
#sub_menu .menu li A:visited   { text-decoration: none; color: #555555; }
#sub_menu .menu li A:active   { text-decoration: none; color: #555555; }
#sub_menu .menu li A:hover { color:#e7ab37; font-weight:bold;}


/*인사말*/
#con1_1 { width:800px; float:right; }
#con1_1 .page { float: right; font-size:12px; font-family:"돋움,dottum"; color:#303030; margin-top:20px; clear:both;}
#con1_1 .page_title { font-size:35px; color:#5e544d; margin-top:50px;}
#con1_1 .s_title { font-size:14px; color:#e7ab37; padding-top:10px; font-weight:bold;}
#con1_1 li{ margin-bottom:20px; font-size:13px;}
#con1_1 ul{ line-height:190%; color:#6a6a6a;}