@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; }

html,body { width:100%; height:100%; }
body { position:relative; }

/* layout */
#wrap { min-width:1024px; }
#header { width:180px; height:100%; position:fixed; left:0; top:0; overflow:hidden; z-index:1200; padding-top:30px;padding-bottom:100px; }
#wrapper { min-height:100%; } 
#container { margin-top:30px; }
#footer { height:200px; background:#2c3647; }

/* common */
p.out_shadow { position:absolute; right:-9px; top:0; width:9px; height:100%; background:url(../img/common/shadow.png) repeat-y; z-index:1000;  }
p.inner_shadow { position:absolute; left:0; top:0; width:9px; height:100%; background:url(../img/common/shadow.png) repeat-y; z-index:1000;  }


/* wrap */
.main_wrap { position:relative; height:100%; margin:0 auto; }

/* header */
#utill_wrap { width:100%; height:30px; background:url(../img/common/utill_bg.gif) repeat-x; position:fixed; top:0; left:0; z-index:1200;  }
h1.logo { height:150px; position:absolute; left:0; top:30px; z-index:10; }
p.tel { position:absolute; left:0; top:600px; z-index:10; }
.over_wheel { position:fixed; left:0; bottom:0; }
	

	/* navi */
.nav { position:absolute; width:180px; height:100%; left:0; top:30px; background:#fff;  padding-bottom:100px; } 

		/* gnb */
.gnb { margin-top:150px; }
.gnb > li { border-top:1px solid #ccc; }
.gnb > li.last { border-bottom:1px solid #ccc; }
.gnb > li:hover > a > img { margin-left:-180px; }
.gnb > li > a { display:block; width:180px; height:50px; overflow:hidden; }
.gnb > li > a > img { float:left; }
		/* sub_menu */
.sub_menu_box { width:360px; height:100%; border-left:1px solid #ccc; background:#fff; position:absolute; right:0; top:0; z-index:-1; padding-bottom:100px; }
.sub_menu > li { border-bottom:1px solid #ccc; background-color:#fff; }
.sub_menu > li:hover img { margin-left:-360px; }
.sub_menu > li > a { display:block; width:360px; height:120px; overflow:hidden; }

		/* ssub */
.ssub { position:relative; }
.ssub:hover ul li a { color:#fff; }
.ssub ul { position:absolute; font-size:.75em; }
.ssub ul li { float:left; }
.ssub ul li:hover a { color:#666; }
.ssub ul li a { display:block; width:72px; height:18px; line-height:18px; text-align:center; color:#666; }

.ssub01 ul { width:216px; height:100px; left:150px; top:10px;  }

.ssub02 ul { width:360px; }
.ssub02:hover ul { border-top:1px solid #fff; }
.pd36 { padding-bottom:36px; }
.pd18 { padding-bottom:18px; }
.ssub02 ul { left:0; top:120px; border-top:1px solid #efefef; }

/* main_container */
#main_container { margin-left:180px; }
#section { height:970px; position:relative; }
.section { width:850px; height:970px; position:absolute; left:0; top:0; background:#fff; }
#sec01 {  }
#sec02 { background:#fff; left:850px; }
#sec03 { background:#fff; left:1700px; }

	/*section_control*/
.section_control { position:absolute; left:0; top:0; z-index:2000; }

.section_control .prev {position:fixed; left:180px; top:30px;}
.section_control .next {position:fixed; right:0px; top:30px;}

	/* section01 */
#sec01 .list li { width:850px; height:970px; position:absolute; left:0; top:0; }

#sec01 ul.list li.v01 { background:url(../img/main/sec01/v01_bg.jpg); }
#sec01 ul.list li.v02 { background:url(../img/main/sec01/v02_bg.jpg); display:none; }
#sec01 ul.list li.v03 { background:url(../img/main/sec01/v03_bg.jpg); display:none; }

#sec01 ul.list li p { position:absolute; }

#sec01 ul.btn { position:absolute; right:10px; top:10px; }

#sec01 ul.list li.v01 .p01 { left:40px; top:210px; }
#sec01 ul.list li.v01 .p02 { left:40px; top:420px; }
#sec01 ul.list li.v01 .p03 { left:40px; top:550px; }

#sec01 ul.list li.v02 .p01 { left:20px; top:100px; }
#sec01 ul.list li.v02 .p02 { left:535px; top:130px; }
#sec01 ul.list li.v02 .p03 { left:20px; top:535px; }
#sec01 ul.list li.v02 .p04 { left:630px; top:535px; }

#sec01 ul.list li.v03 .p01 { left:100px; top:200px; }
#sec01 ul.list li.v03 .p02 { left:240px; top:370px; }
#sec01 ul.list li.v03 .img { right:0; bottom:0; }

#sec01 ul.btn { position:absolute; left:50%; top:700px; margin-left:-275px; }
#sec01 ul.btn li { float:left; margin-left:5px; }
#sec01 ul.btn li.on a img { margin-left:-180px; }
#sec01 ul.btn li a { display:block; width:180px; height:125px; overflow:hidden; }


	/* section02 */
#s02_top { width:850px; height:340px; }
#s02_mid { width:850px; height:282px; }
#s02_bot { width:850px; height:348px; }
		/* top */
	#s02_top ul { padding-left:1px; }
	#s02_top ul li { float:left; width:283px; height:170px; position:relative; }
	#s02_top ul li img { position:absolute; left:0; top:0; }
		/* mid */
	#s02_mid ul { padding-left:1px;  }
	#s02_mid ul li { float:left; width:283px; height:282px; position:relative; background:url(../img/main/sec02/gra.png) no-repeat 0 222px;  }
	#s02_mid ul li img { position:absolute; left:0; top:0; }
		/* bot */
	#s02_bot .cs { width:425px; height:348px; float:left; position:relative; }

	#s02_bot .cs iframe { position:absolute; left:20px; top:140px;  }
	#s02_bot .cs .more { position:absolute; right:20px; top:20px; z-index:5000; }
	
	#s02_bot .cs01 { background:url(../img/main/sec02/btm01.gif) no-repeat; }
	#s02_bot .cs02 { background:url(../img/main/sec02/btm02.gif) no-repeat; }
	
/* sub */
#sub_container {  }
#sub_top {  }
#sub_content { width:1024px; margin:0 auto; padding:0 0 20px 0;  }

	/* lnb */
.lnb { background:url(../img/sub/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 { background:url(../img/sub/top_bg.jpg) no-repeat 50% 0; border-bottom:2px solid #fa7771; }
.top_area_inner { width:1024px; height:300px; margin:0 auto; position:relative; }
.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;  }

	
/* footer */
#f_wrap { width:1024px; margin:0 auto; }
#f_wrap p { float:left; }