@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

* {
	font-family: 'Nanum Gothic';
}

#wrapper .skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}

.sub #wrapper{background:url('../images/sub_container.gif') repeat-x 0 310px; }
/* header */
#header {width:100%; height:90px;}
#header > img { z-index:1; }
#header #global {position:relative; width:1000px; height:31px; margin:0 auto; z-index:1;}
#global h1#logo {position:absolute; top:13px; left:20; margin-top:5px; /*background:url('../images/logo.jpg')no-repeat;*/ }

/**
#header #global {position:relative; text-align:left; height:31px; margin:0 auto;}
#global h1#logo {position:absolute; top:13px; left:20; margin-top:5px; }
**/

#global .top_menu ul {float:right; padding:13px 0 0 0;}
#global .top_menu ul li {float:left; line-height:0; font-size:0px; padding:0 0 0 18px; background:url('../images/top_bar.gif') 10px 0px no-repeat;}
#global .top_menu ul li:first-child{background:none;}
 
#gnb {position:relative; width:1000px; margin:0 auto;}
#gnb ul {*zoom:1; position:relative; line-height:0; font-size:0; margin:0 0 0 370px;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb>ul>li {float:left; /*width:135px;*/ height:33px; padding-top:20px; text-align:center;}
.m1{width:135px;}
.m2{width:135px;}
.m3{width:135px;}
.m4{width:135px;}
.m5{width:135px;}
.m6{width:135px;}

#gnb ul li.m1 {background:none;}
#gnb div.submenu {display:none; position:absolute;  z-index:9999; padding-top:6px; background:url('../images/submenu_c.gif') 50% 0 no-repeat;}
#gnb div.submenu ul {float:left; margin:0; border:1px solid #d3d5d9;}
#gnb div.submenu ul li {display:block; width:133px; height:auto; background:none;}
#gnb ul li.m1 div.submenu {left:0px;}
#gnb ul li.m2 div.submenu {left:135px;}
#gnb ul li.m3 div.submenu {left:270px;}
#gnb ul li.m4 div.submenu {left:405px;}
#gnb ul li.m5 div.submenu {left:540px;}
#gnb ul li.m6 div.submenu {left:675px;}

#container {*zoom:1; width:1000px; margin:0 auto;}
/*#container{background:url('../images/bg_container2.gif') repeat-y 0 0;} */
#container:after {content:" "; display:block; clear:both;}

/* mainvisual */
.mainvisual {position:relative; width:100%; height:450px; margin:0 auto; overflow:hidden;}
.pagination_wrap{position:relative; width:1000px; margin:-25px auto; z-index:999; text-align:center;}
.pagination li {display:inline-block; zoom:1; *display:inline; width:16px; height:17px; background:url('../images/dot_slide.png') -20px 0 no-repeat; line-height:0; font-size:0; margin:0 4px 0 0; *margin-right:8px; cursor:pointer;}
.pagination li.current {background:url('../images/dot_slide.png') 0 0 no-repeat;}
.slideshow {position:relative; top:0; left:50%; margin-left:-1000px;}
.slideshow .slider {width:1000px; height:450px; overflow:hidden;}

/* main */
#contents {*zoom:1; padding:30px 0 40px 0;}
#contents:after {content:" "; display:block; clear:both;}
#contents .column1 {position:relative; float:left; width:241px; margin-left:15px;}
.column1 h2 {padding-bottom:15px; margin:5px 0 10px 0; border-bottom:1px solid #cdcdcd;}
.column1 ul li {position:relative; height:20px; margin-left:-10px; margin-top:-15px; /* background:url('../images/dot_gray.gif') 3px 8px no-repeat;*/ font-size:11px; line-height:20px;}
.column1 ul li span {position:absolute; top:0; right:0; font-size:11px; color:#666;}
.column1 ul li a {color:#666;}
.column1 a.more {position:absolute; top:4px; right:0;}

#contents .column2 {position:relative; float:left; width:503px; margin:0 0 0 20px;}
.column2 h2{margin:5px 0 23px 0; padding-bottom:15px; border-bottom:1px solid #e6e8e9;}
.board_zone {position:relative; overflow:hidden; width:230px; height:115px; }
.board_zone .more {position:absolute; top:8px; right:0;}

.business .tabs{position:absolute; top:0; right:0;}
.business .tabs li{float:left; margin-left:2px;}
.business .tab_content{position:relative;}
.business .tab_content a{position:absolute; top:66px; right:0;}

#contents .column3 {position:relative; float:left; width:200px; margin:0 0 0 20px;}
.column3 li{float:left; margin:5px 10px 5px 0;}

/* sub */
#sub_visual {position:relative; overflow:hidden; width:100%; height:220px; }
#sub_visual img{position:absolute; top:0px; left:50%; margin-left:-1000px; }

#left_menu {float:left; width:200px; padding-right:20px; background:url('../images/bg_container.gif') no-repeat 100% 0; line-height:0; font-size:0;}
#left_menu h2 {padding-bottom:25px;}
#left_menu #lnb {margin-bottom:45px;}
#left_menu ul:after {content:" "; display:block; clear:both;}
#left_menu ul {*zoom:1;}
#left_menu ul>li>.lnbsub{width:190px; padding:5px 0; background-color:#f9f4e1; font-size:12px; line-height:12px;}
#left_menu ul>li>.lnbsub li a{display:block; padding:7px 0 7px 16px; border-top:1px solid #fff; color:#444444;}
#left_menu ul>li>.lnbsub li.on a{color:#c24008;}
#left_menu ul>li>.lnbsub li:first-child a{border-top:none;}

#content {float:right; width:780px;}
#sub_title {position:relative; height:70px; border-bottom:1px solid #d6d6d6; margin-bottom:30px;}
#sub_title h2 {padding:27px 0 0 0;}
#sub_title .path {position:absolute; top:15px; right:0px; color:#888; font-size:11px; line-height:1.2em; text-align:right;}
#sub_title .path strong {color:#666666;}
#con_area {position:relative; min-height:370px; padding:0 0 40px 0; margin-top:30px;}

.cleaner { clear: both }

#sub_wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#sub_wrapper > .sub_top {
	width:100%;
	height: 220px;
	overflow:hidden;
}

#sub_wrapper > .sub_area {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#sub_wrapper > .sub_area > .left_nav {
	width: 200px;
	height: auto;
	float: left;
	padding-top:40px;
}

#sub_wrapper > .sub_area > .left_nav > .nav_title {
	margin-left:10px;
	color:#b2c620;
	font-family: 'Nanum Gothic';
	width: 200px;
	height: 50px;
	float: left;
}

#sub_wrapper > .sub_area > .left_nav > .nav_title > h2 { background-image:url(../images/sl_bg.gif); font-size:25px; font-weight:600; }

#sub_wrapper > .sub_area > .left_nav > .nav_txt {
	width: 200px;
	height: auto;
	float: left;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul {
	width: 200px;
	height: 40px;
	float: left;
	border-bottom: 1px dotted #a2a2a2;
	padding-top:7px;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul.banner {
	width: 200px;
	height: auto;
	float: left;
	border-bottom: 0px dotted #a2a2a2;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul li {
	float: left;
	font-size: 12px;
	font-weight: 600;	
	text-align: left;
	line-height: 40px;
	padding-left: 10px;
	color: #727272;
	background: url('../images/menu_over.jpg') no-repeat;
	padding-left:15px;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul li a {
	float: left;
	font-size: 13px;
	font-weight: 600;	
	text-align: left;
	line-height: 40px;
	padding-left: 10px;
	color: #727272;
	text-decoration:none;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul li a:hover {
	color: #b2c620;
	padding-left: 10px;
}

#sub_wrapper > .sub_area > .left_nav > .nav_txt ul li a.active {
	color: #b2c620;
	padding-left: 10px;
}

#sub_wrapper > .sub_area > .sub_con {
	width: 670px;
	height: auto;
	margin-left: 240px;
	min-height: 600px;
	padding-top:30px;
}

#sub_wrapper > .sub_area > .sub_con > .sub_title > .home {
	width: 760px;
	height: 15px;
	float: left;
	font-size: 12px;
	text-align: right;
	color: #757575;
}

#sub_wrapper > .sub_area > .sub_con > .sub_title > .home span {
	font-weight: bold;
}

#sub_wrapper > .sub_area > .sub_con > .sub_title {
	width: 700px;
	height: 70px;
	float: none;
	/*background: url('../img/bg_title.jpg') no-repeat;*/
}

#sub_wrapper > .sub_area > .sub_con > .sub_title > .title {
	width: 700px;
	height: 31px;
	float: left;
	font-size: 25px;
	color: #2f2f2f;
	font-weight: bold;
	line-height: 31px;
	text-align: left;
}

#sub_wrapper > .sub_area > .sub_con > .sub_title > .title span {
	font-size: 12px;
	color: #656565;
	padding-left: 10px;
}

.sub_line {
width:760px;
border-top: 1px solid #b9b9b9;
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt {
	width: 760px;
	height: auto;
	float: left;
	/*text-align:center;*/
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt ul{
	font-size: 15px;
	color: 454545;
	text-align: left;
	padding-top: 20px;
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt li {
	font-size: 15px;
	color: 454545;
	text-align: left;
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt ul li span {
	font-weight: bold;
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt ul li.span01 {
	line-height: 20px;
	font-size: 11px;
}

#sub_wrapper > .sub_area > .sub_con > .sub_txt ul li span.span01 {
	background-color: #94090d;
	color: #454545;
	width: 80px;
	height: 20px;
	display: block;
	text-align: center;
	line-height: 20px;
	float: left;
}

.sub_con1{
	width: 670px;
	height: 700px;

	min-height: 600px;
	padding-top:30px;
	margin: 0 auto;
}
.sub_con1 > .sub_txt1 {
	width: 760px;
	height: auto;
	float: left;
	text-align:center;
}

#aside_tap { width:750px; height:40px; padding-top:20px; padding-bottom:50px;}
#aside_tap > ul > li { width:170px;float: left; height:40px;line-height:50px; border:1px solid #dddddd; margin-left:-1px; }
#aside_tap > ul > li a { display:block; color:#666; font-weight:600; font-size:14px; text-align:center; line-height:40px; }
#aside_tap > ul > li a:hover { color:#fff; height:40px; font-size:14px; font-weight:600; background-color:#b2c620; text-decoration:none; }
#aside_tap .onclick { color:#fff; height:40px; font-size:14px; font-weight:bold; background-color:#b2c620; }


/* footer*/
/*#footer {position:relative; width:1000px; min-height:92px; clear:both; margin:0 auto; border-top:1px solid #d1d1d1;} */
.footer_contents:after {content:" "; display:block; clear:both;}
.footer_contents {*zoom:1; padding:30px 0 0 0;}
.footer_contents .f_logo{float:left; margin:10px 0 0 20px;}
.footer_contents .f_info {float:left; margin-left:26px;}
.footer_contents .familysite {float:right; margin:3px 0 0 0; position:relative;}
.footer_contents .familysite .f_list {display:none;position:absolute; width:188px; left:0; bottom:18px; background:#fff; border:1px solid #b9b9b9; font-size:11px; line-height:20px; z-index:10;}
.footer_contents .familysite .f_list a {display:block; text-decoration:none; color:#777; padding:0 5px;}
.footer_contents .familysite .f_list a:hover {background:#f3f3f3;}

#footer_wrap {
	width:100%;
	height:115px;
	text-align:center;
	/*position:absolute;*/
}

#line {
	width:100%; 
	height:1px; 
	background-color:#dddddd; 
	clear:both;
}

#footer {
	width:1100px;
	height:100px;
	margin:0 auto;
}
.footer_logo {
	text-align:left; 
	float:left;
	padding:20px 20px 5px 25px;
}

.footer_text {
	text-align:left;
	line-height:20px;
	padding:20px 20px 5px 60px;
}