@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img { border:none; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a { font-size:100%; font-weight:normal; font-family:나눔고딕,'Nanum Gothic',돋움; color:#666; margin:0; padding:0; }
address { font-style:normal; }
a { text-decoration:none; }
.hide { height:0; width:0; line-height:0; font-size:0; position:absolute; left:-99999px; }
.clear { height:0; clear:both; }
.center { text-align:center; }

html { overflow-x:hidden; }
html, body { width:100%; height:100%; }

/* background */


/* layout */
body { background:url(../img/common/bg.jpg) #7bdaa5 no-repeat 50% 0; }
#wrap { width:1024px; margin:0 auto; }
#header { height:90px; overflow:hidden; background:url(../img/header/bg.png) no-repeat 0 -240px; position:relative; }



/* header */
h1.logo { position:absolute; left:40px; top:15px; }


/* gnb */
	.gnb { position:absolute; right:30px; top:0; }
	.gnb li { float:left; padding:37px 20px 36px 20px; }
	
	/* sub_menu */
	.sub_menu_box { position:absolute; width:1004px; margin:0 10px; left:0; top:89px; padding-top:2px; z-index:100; height:230px; background:url(../img/common/bar_wh20.png) repeat-x; display:none; }
	.sub_menu_box > ul { height:230px;  overflow:hidden; position:relative; }	
	.sub_menu_box > ul > li { position:absolute; left:0; top:0; }
	
	.sub_menu_box li h2 { float:left; width:270px; }
	.sub_menu { width:192px; height:220px; padding:10px 1px 0 1px; float:left; position:relative; background:url(../img/header/menu_bg.png) repeat-y; }
	.sub_menu > li { width:192px; }
	.sub_menu > li > a { display:block; width:192px; height:30px; line-height:30px; overflow:hidden; }
	.sub_menu > li > a > img { margin-left:-192px; }
	
	.sub_menu > li:hover { background-color:#e96052; background-image:url(../img/header/mouse.png); background-repeat:no-repeat; background-position:right 5px; }
	.sub_menu > li:hover > a > img {  }
	.sub_menu > li.on { background-color:#e96052; background-image:url(../img/header/mouse.png); background-repeat:no-repeat; background-position:right 5px; }
	.sub_menu > li.on a img { }	
	
	/* ssub */
	.sub_menu > li > ul { width:192px; padding-bottom:10px; float:left; display:none; }
	.sub_menu > li > ul > li > a { display:block; width:96px; text-indent:15px; height:22px; line-height:22px; font-size:.85em; color:#ededed; }
	.sub_menu > li > ul > li { float:left;  }
	.sub_menu > li > ul > li:hover a{ background:#ededed; color:#f1b662; }
	

	.sub_comment { float:left; width:540px; height:230px;overflow:hidden; position:relative; background:url(../img/header/com_bg.png) no-repeat; }
	.sub_comment > ul > li { width:540px; height:230px; position:relative; }
	.sub_comment > ul > li > img { float:left; }
	
	.sub_comment > ul > li > ul { position:absolute; left:0; top:0; z-index:1000; width:200px; height:220px; padding-top:10px; background:#e96052; border-right:1px solid #ccc; }
	.sub_comment > ul > li > ul > li > a { display:block; width:85px; padding-left:15px; height:22px; line-height:22px; font-size:.85em; color:#ededed; }
	.sub_comment > ul > li > ul > li { float:left;  }
	.sub_comment > ul > li > ul > li:hover a{ background:#ededed; color:#e96052; }
	
	
	
	
	.sub_comment { float:left; width:540px; height:230px;overflow:hidden; position:relative; background:url(../img/header/com_bg.png) no-repeat; }
	.sub_comment > ul > li { width:540px; height:230px; }
	.sub_comment > ul > li > img { float:left; }
	
	
	
	
	
/* main_container */
#main_container { width:1024px; background:url(../img/main/bg.png) no-repeat 0 560px; }


	/* visual */
#visual { position:relative; height:560px; }
#visual ul.list li { width:1024px; height:560px; position:absolute; left:0; top:0; z-index:-1;  }

#visual ul.list li.v01 {  }
#visual ul.list li.v01 .p01 { position:absolute; left:0px; top:60px; }
#visual ul.list li.v01 .p02 { position:absolute; left:0px; top:300px; }
#visual ul.list li.v01 .img { position:absolute; right:-30px; top:-30px; }



	/* common */
h2.title { text-align:center; padding-top:20px; height:100px; }
.c_box { width:1004px; margin:0 20px; margin-bottom:20px; position:relative; }
	
	/* c_top */
#c_top {  padding-top:20px; }
#c_top ul {  }
#c_top ul li { width:318px; height:250px; float:left; padding-bottom:20px; background:url(../img/main/b_shadow.png) no-repeat 0 bottom; margin-left:10px; position:relative; }
#c_top ul li a { display:block; width:318px; height:250px; position:absolute; overflow:hidden; }
#c_top ul li a span { position:absolute; left:0; top:250px; }
#c_top ul li:first-child { margin-left:0; }




	/* c_mid */
#c_mid {  }
#c_mid ul {  }
#c_mid ul li { width:231px; height:270px; float:left; margin-left:20px; position:relative; cursor:pointer; }
#c_mid ul li div { background:url(../img/main/main_select.png) no-repeat; }
#c_mid ul li:first-child { margin-left:0; }

#c_mid ul li div {  width:231px; height:270px; position:absolute; left:0; top:0; }

#c_mid ul li.q01 .icon { background-position:0 0px; }
#c_mid ul li.q02 .icon { background-position:-231px 0; }
#c_mid ul li.q03 .icon { background-position:-462px 0; }
#c_mid ul li.q04 .icon { background-position:-693px 0; }

#c_mid ul li .go_btn a { background:url(../img/main/go_btn.png) no-repeat; display:block; width:145px; height:35px; text-indent:-9999px; position:absolute; left:43px; top:150px; }

#c_mid ul li.q01 .go_btn a { background-position:0 0; }
#c_mid ul li.q02 .go_btn a { background-position:0 -35px; }
#c_mid ul li.q03 .go_btn a { background-position:0 -70px; }
#c_mid ul li.q04 .go_btn a { background-position:0 -105px; }

#c_mid ul li .go_btn a:hover { background-position-x:-145px; }

#c_mid ul li.q01 .go_btn { background-position:0 -270px; }
#c_mid ul li.q02 .go_btn { background-position:-231px -270px; }
#c_mid ul li.q03 .go_btn { background-position:-462px -270px; }
#c_mid ul li.q04 .go_btn { background-position:-693px -270px; }






	/* c_bot */
p.title { height:40px; padding-top:20px; text-align:center; }
#c_bot { margin-bottom:0; }
#c_bot div { width:492px; height:370px; float:left; position:relative; background:url(../img/main/main_select.png) no-repeat; }
#c_bot div iframe { position:absolute; left:50px; top:140px; }
#c_bot div.la01 { background-position:0 -540px; }
#c_bot div.la02 { background-position:-462px -540px; }

#c_bot div a.go_btn { position:absolute; right:20px; top:40px; }

/* sub */
#sub_container {  }
#sub_top {  }
#sub_content { width:1024px; margin:0 auto; padding:0 0 20px 0;  }

	/* lnb */
.lnb { background:url(../img/common/lnb_bg.gif) repeat-y 50% 0; }
.lnb dl { width:1024px; height:45px; margin:0 auto; position:relative; background:#f2f2f2; }
.lnb dl dt { width:240px; height:45px; float:left; }
.lnb dl dd { float:left;  }
.lnb dl dd > a { display:block; height:31px; padding:14px 10px 0 10px; }

.lnb dl dd ul { position:absolute; left:0; top:45px; width:100%; background:#fa7771; }
.lnb dl dd ul { display:none; }
.lnb dl dd.on ul { display:block; }
.lnb dl dd ul li { float:left; }
.lnb dl dd ul li:first-child { margin-left:50px; }
.lnb dl dd ul li a { display:block; padding:0 5px; height:32px; color:#efefef; background:#fa7771; line-height:32px; font-size:.85em; }
.lnb dl dd ul li a:hover { color:#fa7771; }


	/* top_area */
.top_area { border-bottom:2px solid #fa7771; }
.top_area_inner { width:1024px; height:300px; margin:0 auto; position:relative; background:url(../img/sub/top_bg.png) no-repeat; }
.top_area_inner h3 { position:absolute; right:0; bottom:95px; }
.top_area_inner p { position:absolute; right:0; bottom:30px; }



	/* sub_content */
#sub_content { margin-top:30px; min-height:600px; position:relative; background:#fff; }

	/* map */
#map { position:absolute; left:100px; top:368px;  }

iframe#notice { width:984px; margin:50px 20px; }



/* footer */
#footer {position:relative; height:250px; background:url(../img/footer/bg.png) no-repeat; }