@charset "euc-kr";

/* default setting */
body {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0;padding:0;}
body, th, td, {font-size:12px;font-family:"µ¸¿ò",sans-serif;color:#333;}
hr, legend {display:none;}
img, fieldset {border:0 none; padding-right:0px;}
ul, ol, li {list-style:none outside; border:0 none;}

input {border:none;}
textarea {border:1px solid #ABADB3; color:#333; font-size:12px; padding:2px;}
select{font:12px µ¸¿ò; color:#333;}
.inputxt {border:1px solid #d0d0d0; font-size:12px; vertical-align:middle;}

/* common */
.clear{clear: both;}
.none{display: none;}

/* layout */

#Wrap {position: relative; width:100%;}

#headarea {position: relative; width:960px; height:99px; z-index:1;}

#main_con_area {clear: both; position: relative; width:960px; height:716px; background:url(../images/main/bg_main.jpg) top no-repeat; vertical-align:top; z-index:2;}

#footerarea {clear: both; position: relative; width:960px; height:85px; z-index:3;}


/* head */
.h_logo {float:left; width:164px; height:99px;}
.h_naviarea {float:right; width:796px; height:99px;}

.h_spot {position:relative; float:right; height:19px; margin-top:8px; margin-bottom:24px; vertical-align:top;}
.h_spot img {margin-top:2px;}
.h_spot ul {float:left;}
.h_spot li {float:left; padding-right:2px;}

.h_navi {clear:both; width:796px; height:48px; background:url(../images/common/bg_navi.gif) 0 no-repeat; padding-left:55px;}
.h_navi ul {float:left; margin-top:8px;}
.h_navi li {float:left; padding-right:62px; vertical-align:top;}
.h_navi a {font-size:12px; font-family:µ¸¿ò; color:#333; font-weight:bold; text-decoration:none;}
.h_navi a:hover {font-size:12px; font-family:µ¸¿ò; color:#319500; font-weight:bold; text-decoration:none;}

.h_navi_jp {clear:both; width:796px; height:48px; background:url(../images/common/bg_navi.gif) 0 no-repeat; padding-left:90px;}
.h_navi_jp ul {float:left; margin-top:8px;}
.h_navi_jp li {float:left; padding-right:110px; vertical-align:top;}
.h_navi_jp a {font-size:12px; font-family:µ¸¿ò; color:#333; font-weight:bold; text-decoration:none;}
.h_navi_jp a:hover {font-size:12px; font-family:µ¸¿ò; color:#319500; font-weight:bold; text-decoration:none;}

.h_navi_ch {clear:both; width:796px; height:48px; background:url(../images/common/bg_navi.gif) 0 no-repeat; padding-left:90px;}
.h_navi_ch ul {float:left; margin-top:8px;}
.h_navi_ch li {float:left; padding-right:110px; vertical-align:top;}
.h_navi_ch a {font-size:12px; font-family:µ¸¿ò; color:#333; font-weight:bold; text-decoration:none;}
.h_navi_ch a:hover {font-size:12px; font-family:µ¸¿ò; color:#319500; font-weight:bold; text-decoration:none;}

.subnavi {font-size:11px; font-family:µ¸¿ò; color:#dbebb5;}
.subnavi ul {float:left;}
.subnavi li {float:left; height:20px;}
.subnavi a {font-size:11px; font-family:µ¸¿ò; color:#dbebb5; text-decoration:none;}
.subnavi a:hover {font-size:11px; font-family:µ¸¿ò; color:#a4df19; text-decoration:underline;}

/* main_contents */
.mc_01 {clear:both; position: relative; width:960px; font-size:0; line-height:0;}
.mc_visual {float:left; width:615px; height:491px; padding-top:40px; font-size:0; line-height:0;}
.mc_con01 {float:right; position: relative; width:345px; margin-top:175px; font-size:0; line-height:0;}

.notice {clear:both; float:left; font-size:0; line-height:0;}
.not_con {float:left; width:315px; margin-top:9px; margin-bottom:5px; font-size:12px; font-size:0; line-height:0;}
.not_con img {width:80px; height:60px; border:3px solid #d8d8d8; margin-left:20px;}
.not_img {float:left; width:105px; height:66px;}
.not_txt {float:right; width:190px; font-size:12px; line-height:130%;}
.not_txt a {font-size:12px; font-family:µ¸¿ò; color:#333; text-decoration:none;}
.not_txt a:hover {font-size:12px; font-family:µ¸¿ò; color:#333; text-decoration:underline;}

.seme {clear:both; margin-top:22px;}

.mc_02 {clear:both; float:left; position: relative; width:960px; margin-top:28px;}
.guide {float:left; width:270px; margin-left:30px; #margin-left:30px; _margin-left:15px;}
.ccbox {float:right;width:630px; height:155px; margin-left:30px;}

.cha{float:left; width:110px; text-align:center; padding-top:22px;}
.guide_con {float:right; padding-top:9px; font-size:0; line-height:0;}
.guide_con li {padding-bottom:5px;}

.ccbox_con {clear:both; float:left; width:620px; height:155px; background:url(../images/main/bg_main_con.jpg) left 0 no-repeat;}
.culture {float:left; padding-left:40px; padding-top:17px; font-size:0; line-height:0;}
.culture_con {width:236px;}
.culture_con ul {float:left;}
.culture_con li {float:left;}

.customer {float:right; width:343px; font-size:0; line-height:0;}
.cust {float:left; padding-left:62px; padding-top:17px;}
.cust_con {float:left; width:240px; font-size:0; line-height:0;}
.cust_img {float:left;}
.cust_btn {float:right;}

/* footer */
.foot {clear:both; width:960px;}
.foot ul {float:left;}
.foot li {float:left;}
.foot_con {width:900px;}
.foot_con ul {float:left;}
.foot_con li {float:left;}