@charset "euc-kr";

/* common */

*{margin:0; padding:0;}

html{
	width:100%;
	height:100%;
}

body{
	background:#f9f9f9;
	width:100%; 
	height:100%; 
	margin:0; 
	padding:0;
	font-family:"dotum", "µ¸À½", "arial";
	font-size:13px;
	color:#333;
	overflow-x:hidden;
}

li{list-style:none; margin:0; padding:0;}
a{text-decoration:none; display:block; color:#333;}
img{vertical-align:top; border:none;}

.clear{clear:both;}


/* °øÅë ·¹ÀÌ¾Æ¿ô */

#wrap{
	width:100%;
	height:100%;
}

#header_area{
	position:relative;
	width:960px;
	margin:0 auto;
	z-index:1000;
}

#logo{
	position:absolute;
	top:45px;
	left:0px;
}

#top_link{
	position:absolute;
	top:50px;
	right:0px;
}

#top_link ul li{
	float:left;
	padding:0 12px;
	background:url(../imgs/common/top_link_div.gif) no-repeat top right;
}

#top_link ul li.last{
	background:none;
}

#main_visual_area{
	position:relative;
	background:url(../imgs/main/main_visual.jpg) no-repeat;
	background-position:top center;
	width:100%;
	height:605px;
	z-index:10;
}

#main_visual_area .text{
	position:relative;
	top:176px;
	width:960px;
	margin:0 auto;
	left:55px;
}

#container{
	width:100%;
	background:#fff;
	padding:0 0 25px 0;
}

#footer{
	position:relative;
	width:100%;
	height:105px;
	background:#f9f9f9;
	border-top:2px solid #e1e1e1;
}

#copy_area{
	position:relative;
	top:38px;
	left:35px;
	width:960px;
	margin: 0 auto;
}

#copy_area #c_logo{
	float:left;
	margin:7px 0 0 0;
}

#copy_area #copy{
	float:left;
	margin:0 0 0 60px;
}

#container #main_contents_area{
	position:relative;
	width:850px;
	margin:-222px auto 0 auto;
	overflow:hidden;
	z-index:1000;
}

#container #main_contents_area .main_contents{
	float:left;
	background:#fbfbfb;
}


/* ¸ÞÀÎ */

#container #main_contents_area .main_contents .title{
	width:260px;
	height:50px;
	overflow:hidden;
}

#container #main_contents_area .main_contents .ctn{
	position:relative;
	width:258px;
	height:282px;
	overflow:hidden;
}

#container #main_contents_area .main_contents01 .ctn{
	border-bottom:1px solid #59a1e4;
	border-left:1px solid #59a1e4;
	border-right:1px solid #59a1e4;
}

#container #main_contents_area .main_contents .ctn_image, 
#container #main_contents_area .main_contents .ctn_text{
	position:relative;
	left:23px;
}


#container #main_contents_area .main_contents02 .ctn_image, 
#container #main_contents_area .main_contents03 .ctn_image{
	margin:18px 0 0 0;
}

#container #main_contents_area .main_contents .ctn_text{
	margin:9px 0 0 0;
}

#container #main_contents_area .main_contents .more{
	position:absolute;
	bottom:15px;
	left:154px;
}


#container #main_contents_area .main_contents02, 
#container #main_contents_area .main_contents03{
	margin:0 0 0 35px;
}

#container #main_contents_area .main_contents02 
.ctn, #container #main_contents_area .main_contents03 .ctn{
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

