@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

html, body, pre,
	h1, h2, h3, h4, h5, h6,
	dl, dt, dd, ul, li, ol,
	th, td, p, blockquote,
	form, fieldset, legend,
	menu, nav, section, hgroup, article, header, aside, footer,
	input, select, textarea, button, img {
    margin: 0;
    padding: 0;
	list-style:none;
	border:0;
	font-family: 'nanumgothic', sans-serif; 
 }


/* header */
#header_wrap { width:100%; background-color:#edcbcb; height:56px; }

#header { width:1200px; margin:auto; position:relative; background-color:#edcbcb; }
#header h1 { position:absolute; left:50px; }
#header #nav { position:absolute; left:300px; top:20px; background-color:#323232; }
#header #gnb { position:relative; }
#header #gnb li { float:left; margin-right:50px; }
#header #gnb li a { display:block; font-size:16px; color:#fff; font-family:"Nanum Gothic", sans-serif; letter-spacing: 1px; background-color:#323232; }
#header #gnb ul li { position:absolute; display:none; }
#header #gnb li a:hover { font-weight:bold; }

/*마우스 오버시 CSS메뉴*/
.logo { width:180px;	height: auto; float:left;	margin: 0 auto; padding-right:50px;}

/*네비게이션 전체 영역 제어*/

.nav {	height:35px;	list-style: none;	width:1400px; margin-left:50px; /*background: #fff;*/ font-size: 12px; color:#fff; }


/*주메뉴 영역 제어*/
.topnav{
	text-align:center;
	height:35px;
	cursor:pointer;
	font-weight:600;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	margin-right:100px;
	padding-top:20px;
	padding-left:50px;
}

/*주메뉴 마우스 오버시*/
 .topnav > a {text-decoration:none;color:#fff;}
 .topnav a:hover{text-decoration:none;color:#6c6c6c;}

/*주메뉴,서브메뉴 한묶음 제어*/
.navi_set{
	float: left;
	position: relative;
	margin:0 auto;
	z-index:999;	
}

/*서브메뉴 전체영역 제어*/

.subnav{
	position: absolute;	
	left:-45px; top: 56px;
	background:#edcbcb;
	display: none;
	color:#fff;
	z-index:9999;
	font-weight:600;
	float:left;
	margin-left:60px;
	filter:alpha(opacity=80);
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*서브메뉴 한칸 제어*/

.subnav li{ padding-top:15px;	height:30px;	text-align:center; font-size:12px; 	border-bottom:1px dotted #6b6b6b;	cursor:pointer;	text-decoration:none;	color:#fff; }


/*서브메뉴 마우스 오버시*/

.subnav li:hover{ background:#b1aeac; color:#fff; text-decoration:none; } 
.subnav li a:hover{text-decoration:none;color:#fff;}
.subnav li a:link{text-decoration:none;color:#fff;}
.subnav li a:active{text-decoration:none;color:#fff;}
.subnav li a:visited{text-decoration:none;color:#fff;}


/* main visual */
#visual { position:relative; margin:auto; text-align:center; width:100%; }
#visual li { list-style:none; float:left; }
#visual #banner_img01 { background-image:url(../img/main_banner01.jpg); background-position:center; background-repeat:no-repeat; height:460px; }
/*#visual #banner_img02 { background-image:url(../img/main_banner02.jpg); background-position:center; background-repeat:no-repeat; height:460px; }
#visual #banner_img03 { background-image:url(../img/main_banner03.jpg); background-position:center; background-repeat:no-repeat; height:460px; }
#visual #banner_img04 { background-image:url(../img/main_banner04.jpg); background-position:center; background-repeat:no-repeat; height:460px; }
#visual #banner_img05 { background-image:url(../img/main_banner05.jpg); background-position:center; background-repeat:no-repeat; height:460px; }
#visual #banner_img06 { background-image:url(../img/main_banner06.jpg); background-position:center; background-repeat:no-repeat; height:460px; }*/
#visual span a#btn_left { width:36px; height:63px; position:absolute; left:100px; top:180px; display:block; }
#visual p a#btn_right{width:36px; height:63px; position:absolute; right:100px;  top:180px; display:block;}

.swipe { overflow: hidden;  visibility: hidden;  position: relative;}
#visual .swipe-wrap { overflow: hidden; position: relative;}
#visual .swipe-wrap > li { float:left; width:100%; position: relative;}
.swipe { overflow: hidden;  visibility: hidden;  position: relative;}
#visual .swipe-wrap { overflow: hidden; position: relative;}
#visual .swipe-wrap > li { float:left; width:100%; position: relative;}

/*main contents*/
#wrap { margin:0 auto; }
#con1 { width:1190px; height:250px; margin:0 auto; background-color:#edcbcb;}
#con1 ul {width:900px;margin: 0 auto;}
#con1 ul li {float:left;margin-top:35px;padding-left:50px;}

#con2 { width:1190px; height:300px; margin:auto; background-color:#c1c1c1; position:relative; }

#con3 { width:1190px; height:300px; margin:auto; background-color:#bbb; position:relative; }
	#con3 .con3_left { float:left; }
	#con3 .con3_right ul li { float:left; }

#con4 { width:1190px; height:250px; margin:0 auto; background-color:#e9e8e8; }
#con4 ul {width:1100px;margin: 0 auto;}
#con4 ul li {float:left;margin-top:35px;padding-left:30px;}

#con5 { width:1190px; height:300px; margin:auto; position:relative; }


/*footer*/
#line{width:100%; height:1px; background-color:#dddddd; margin:20px 0; clear:both;}

#footer{width:1100px; font-size:12px; color:#999; margin:0 auto; line-height:18px; height:100px; }
#footer #fot_menu li{float:left; width:120px; height:30px;}
#footer #fot_menu li a{color:#666;}
#footer #fot_menu li a:hover{color:#ccc;}
#footer #address {clear:both;}


/*top*/
#backtotop { cursor : pointer;  display:none; position : fixed; bottom: 30px; padding : 10px; width : 90px; height:30px; text-align : center;
 background-color : #000; border-radius : 5px; opacity : 0.6;  color : #FFF;  font:400 15px/28px "맑은 고딕"; right:0; margin-right:10%; }
#backtotop:hover{ filter: alpha(opacity=90); -khtml-opacity : 0.9; -moz-opacity : 0.9; opacity : 0.9;}