@charset "utf-8";
/* CSS Document */

/* 스킵네비게이션 */
#skipnavigation { 
	text-indent: -2000px; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow:hidden; 
}


/************************************************** header영역 **************************************************/
#header_wp {background:url(/img/com/header_bg.png) repeat-x left top; z-index:-2;}
#header {width:1000px;height:97px;margin:0 auto;position:relative;}

.logo {position:absolute;width:200px;top:16px;left:0;}

.gm {position:absolute; top:10px; right:0; width:136px; height:18px; background:url(/img/com/gm_bg.gif) no-repeat 0 0;}
.gm ul {margin:0;padding:3px 0 0 7px;}
.gm ul li {xdisplay:inline;margin:0;float:left;padding:0 12px;}


/* 대메뉴 */

/*
#top {position:absolute;top:36px;left:250px;background:url(/img/com/top_bg.gif) no-repeat 135px 10px;}

#header #top #topmenu {text-align:center; }

#header #top #topmenu a {display:block;  text-decoration:none;color:#fff; }
#header #top #topmenu li {float:left;text-align:center; padding:0 40px;}
#header #top #topmenu li a {font-weight:normal;}
#header #top #topmenu li a.first {margin-left:0;}
#header #top #topmenu li a img {}
#header #top #topmenu li ul {position:absolute; top:36px;display:none;padding:0 24px;height:28px;}
#header #top #topmenu li ul li {letter-spacing:-0px;padding-left:10px;}
#header #top #topmenu li ul li a {font-size:12px;display:block; padding:6px 3px 4px 2px; margin:0; color:#3f3f3f; }
#header #top #topmenu li ul li a:hover {font-size:12px;border-bottom:0; color:#000;text-decoration:none;}

#header #top #topmenu li.menu1 ul { left:0px;}
#header #top #topmenu li.menu2 ul { left:150px;}
#header #top #topmenu li.menu3 ul { left:280px;}
#header #top #topmenu li.menu4 ul { left:245px;}

.dwm {position:absolute; top:74px; left:208px; width:792px; height:191px; background:url(/img/com/dwm_bg.png) no-repeat 0 0;z-index:100;}
.dwm .mbox {float:left; width:132px; padding-top:24px;}
.dwm .mbox li {height:19px;}
*/

.gnb {position: relative;top: 31px;left: 270px; width:725px; height:39px; background:url(/img/com/top_bg.gif) no-repeat 100px 23px; }
.gnb .gn_lst {overflow: hidden; /*display: none;*/ float: left;}
.gnb .gn_lst li {float:left; padding:16px 12px;}
.gnb .gn_lst .gnt {float: left;height: 29px; position: relative;margin-top: 10px;margin-right: 80px;}
.gnb .gn_lst .gns {display:none; position:absolute; top:50px; left:0; height:39px; background:url(/img/com/bg_snv.png) repeat-x 0 0;}
.gnb .gn_lst .gns .snv_e {background: url(/img/com/bg_snv.png) no-repeat right 0; padding:7px 12 0 0;}
.gnb .gn_lst .gns2 {left:138px;}
.gnb .gn_lst .gns3 {left:290px;}
.gnb .gn_lst .gns4 {left:427px;}
.gnb .gn_lst .gns5 {left:565px;}


/************************************************** container영역 **************************************************/
#container {width:100%;}
*+html #container {z-index:-1;}
#container .container_in {position:relative; top:-7px;}
#container .container_in .visual {width:1300px; margin:0 auto; position:relative; z-index:-1; height:440px; /*background:url(/img/main/mainvisual.jpg) no-repeat 50% 0;*/}

#container .main_contents {width:1000px; margin:0 auto;}
#container .main_contents .banner_box {height:103px;}
#container .main_contents .banner_box li {float:left;}
#container .main_contents .banner_box li a {float:left; width:333px; height:103px;}
#container .main_contents .banner_box .bn1 a {background:url(/img/main/bn1.jpg) no-repeat 0 0; width:334px;}
#container .main_contents .banner_box .bn1 a:hover,
#container .main_contents .banner_box .bn1 a.on {background:url(/img/main/bn1_on.jpg) no-repeat 0 0;}
#container .main_contents .banner_box .bn2 a {background:url(/img/main/bn2.jpg) no-repeat 0 0;}
#container .main_contents .banner_box .bn2 a:hover,
#container .main_contents .banner_box .bn2 a.on {background:url(/img/main/bn2_on.jpg) no-repeat 0 0;}
#container .main_contents .banner_box .bn3 a {background:url(/img/main/bn3.jpg) no-repeat 0 0;}
#container .main_contents .banner_box .bn3 a:hover,
#container .main_contents .banner_box .bn3 a.on {background:url(/img/main/bn3_on.jpg) no-repeat 0 0;}
#container .main_contents .bottom_content {height:106px; padding:50px 0;}
#container .main_contents .bottom_content .news_box {float:left; width:285px; position:relative;}
#container .main_contents .bottom_content .news_box .more {padding-left:12px; background:url(/img/main/icon_plus.gif) no-repeat 0 2px; position:absolute; top:0; right:0;}
#container .main_contents .bottom_content .news_box .more a {color:#929292;}
#container .main_contents .bottom_content .news_box h3 {margin-bottom:20px;}
#container .main_contents .bottom_content .news_box ul li {position:relative; margin-bottom:11px; padding-left:8px; background:url(/img/com/depth.gif) no-repeat 0 5px; vertical-align:top;}
#container .main_contents .bottom_content .news_box ul li a {width:205px; color:#404040;}
#container .main_contents .bottom_content .news_box ul li .date {position:absolute; right:0; color:#a1a1a1; font-size:11px; vertical-align:top;}
*+html #container .main_contents .bottom_content .news_box ul li .date {top:-5px;}
#container .main_contents .bottom_content .faq_box {float:left; width:285px; height:106px; margin:0 40px; background:url(/img/main/faq_bg.jpg) no-repeat right 10px;}
#container .main_contents .bottom_content .faq_box li {padding-bottom:13px;}
#container .main_contents .bottom_content .custcenter_box {float:left;width:304px; background-color:#f3f3f3; padding:15px;}
#container .main_contents .bottom_content .custcenter_box li {float:left;}
#container .main_contents .bottom_content .custcenter_box li.cust_right {margin-right:25px; padding:0 20px 0 10px; border-right:1px solid #fff;}


/*************************************************** footer영역 ***************************************************/
#footer {width:100%; /*margin-top:20px;*/}
#footer .footer_in {position:relative; margin:0 auto; width:1000px; text-align:left;}
#footer .footer_in .f_logo {float:left; margin:24px 45px 0 20px;}
#footer .footer_in ul {float:left; margin-top:24px;}
#footer .footer_in ul li {margin-bottom:2px;}
#footer .footer_in ul li.copy {margin-top:10px;}
#footer_in .f_link {height:13px; background:url(/img/com/footer_link_bg.jpg) no-repeat 0 0;}
#footer_in .f_link ul li {float:left; padding-right:20px;}
#footer_in .f_info {padding-top:8px; clear:both;}
#footer_in .f_info ul li {padding-bottom:4px;}
#footer_in .f_info .info {padding-left:6px;}
#footer_in .escrow {position:absolute; top:0; right:0;}