@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
#wrap {position:relative; width:100%; min-width:1200px; margin:0 auto; font-family:"NanumGothic", "돋움", "sans-serif"; font-size:14px; color:#666;}

/**** 상단 영역 ****/

/*상단 레이아웃*/
#header{z-index:100; position:absolute; width:100%; height:106px; left:0; top:0; min-width:1200px; border-top:3px solid #eb2a2e; background:url(../images/include/header.png) center top;}

/*탑 영역*/
.top_wrap{position:relative; overflow:hidden; width:1200px; height:325px; margin:0 auto;} 

/*탑 로고*/
.top_wrap h1 {float:left; width:288px; background:url(../images/include/menu_line.jpg) no-repeat right top;}
.top_wrap h1 img {text-align:left; margin:32px 0 37px 0;}

/*탑 gnb*/
.top_wrap .gnb{float:left; width:621px;}
.top_wrap .gnb > ul > li {float:left; width:309px; height:97px; background:url(../images/include/menu_line.jpg) no-repeat right top;}
.top_wrap .gnb > ul > li h2 {text-align:center; padding:44px 0 38px 0;}
.top_wrap .gnb > ul > li.on {background:url(../images/include/menu_on_bg.jpg) no-repeat 0 0;}
.top_wrap .gnb ul li .sub {position:absolute; top:-9999px; padding:25px 0; background:url(../images/include/sub_menu_bg.png) left top; }
.top_wrap .gnb ul li .sub li a {font-size:14px; line-height:30px; color:#fff; text-decoration:none; border-right:none;}
.top_wrap .gnb ul li .sub li.on a {color:#ffff00;}
.top_wrap .gnb .sub a:link,
.top_wrap .gnb .sub a:visited {color:#fff; text-decoration:none;}
.top_wrap .gnb .sub a:hover,
.top_wrap .gnb .sub a:focus,
.top_wrap .gnb .sub a:active {color:#ffff00; text-decoration:none;}

.top_wrap .top_info {position:relative; float:left; width:236px; padding:41px 0 36px 55px;}
.top_wrap .top_info .info {float:left; font-family:"Tahoma"; font-size:10px; color:#999; background:url(../images/include/info_line.gif) no-repeat 42px center;}
.top_wrap .top_info .info a {text-decoration:none; color:#999;}
.top_wrap .top_info .info span {padding-left:30px;}
 
.top_info .language {position:relative; float:right; width:110px; }
.top_info .language ul {position:absolute; overflow:hidden; padding:2px 0; margin-top:-2px; width:100%; height:20px; background:#898989;}
.top_info .language > a {display:block; position:absolute; width:100%; height:22px; left:0; top:0; background:url(../images/include/language_arrow.png) no-repeat 95px 8px;}
.top_info .language li > a {display:block; width:100%; padding:0px 10px; font-family:"Tahoma"; font-size:10px; line-height:20px; color:#FFF; text-decoration:none;}
.top_info .language li > a:link {color:#FFF;}
.top_info .language li > a:hover {background:#333;}


/**** 내용 영역 ****/
/*컨텐츠 레이아웃*/
.container {width:100%;}
.contents {position:relative; width:1200px; margin:0 auto; padding:60px 0 0 0;}
.top_img_com {overflow:hidden; height:350px; background:url(../images/company/top_bg.jpg) no-repeat top center;}
.top_img {overflow:hidden; height:350px; background:url(../images/include/top_bg.jpg) no-repeat top center;}
.top_slogan {z-index:500; text-align:center; padding-top:210px; line-height:19px; color:#fff;}
.top_img_system {overflow:hidden; position:relative; width:100%; min-width:1200px; height:350px; background:url(../images/system/top_bg.jpg) no-repeat top center;}
.top_slogan_system {z-index:500; text-align:center; padding-top:150px; line-height:19px; color:#000;}
.top_img_system .system {position:absolute; left:50%; bottom:10px; margin-left:370px;}
.top_img_system .system_02 {position:absolute; left:50%; bottom:35px; margin-left:385px;}
.top_img_system .system_03 {position:absolute; left:50%; bottom:10px; margin-left:390px;}

/**** 하단 영역 ****/
#footer {clear:both; overflow:hidden; position:relative; width:100%; background:#f0f0f0;}
#footer .copyright  {overflow:hidden; position:relative; width:1200px; margin:0 auto; padding:40px 0 36px 0; font-size:12px;}
#footer .copyright .botom_logo {clear:both; float:left;}
#footer .copyright address {float:left; padding-left:33px; line-height:19px; color:#666;} 
#footer .copyright address a {text-decoration:none; color:#666;}
#footer .copyright address span {display:block; padding-top:5px;}
#footer .copyright .side_btn {position:absolute; right:0; top:58px;}