@charset "euc-kr"; 


 @font-face { 
 font-family: 'Roboto'; 
 font-style: normal; 
 font-weight: 500; 
 src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } 
 

/* */ 
img,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}  
body,textarea,select,button,table{font-family:±¼¸²,µ¸¿ò,Verdan,Dotum,AppleGothic,sans-serif;font-size:12px;color:#7a7a7a;line-height:150%;letter-spacing:0px;}  
img,fieldset{border:0} 
ul,ol,li,di{list-style:none;}
em,address{font-style:normal}  

/*
a{text-decoration:none}  
a:hover,a:active,a:focus{text-decoration:underline} 
a:link{ text-decoration:none; color:#a4a6a8; }
*/

body { background:url("images/top_bg.jpg") no-repeat center top; /*background-attachment:fixed;*/}   /*  images/top_bg.jpg */

#home { 
	background: url(images/main/main_bg.jpg) center top no-repeat fixed; 
	height: 163px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative;
	padding:10px 0; /* ¿¬¶ôó ¹è°æ °£°Ý  */
	/*
    box-shadow: 0 0 50px rgba(0,0,0,0.8);*/
}
#home2 { 
	background: url(images/main/main_bg2.jpg) center top no-repeat fixed; 
	height: 163px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
	padding:10px 0; /* Æ÷Æ®Æú¸®¿À ¹è°æ °£°Ý  */
	
}
.vis_canvas {margin-top:0;height:163px;}

/* ¸ÞÀη¹À̾ƿô */
#wrap { position:relative; width:100%; padding:0; text-align:center; }
#wrap_main { position:relative; width:100%; padding:0; text-align:center; background-color:transparent; }

#header {position:relative; width:1119px; height:123px; margin:0 auto; *zoom:1; }
#header .logo { position:absolute; top:12px; left:414px;}
#header .tel { position:absolute; top:45px; left:0px;}

#header .bn { position:absolute; top:45px; right:0px;}
#header .bn li { float:right; padding:0 0 0 10px;}

/* Ä«Å×°í¸®  */
#header .cate1 { position:absolute; top:88px; left:0px; width:100px;}
#header .cate2 { position:absolute; top:88px; left:222px; width:100px;}
#header .cate3 { position:absolute; top:88px; left:385px; width:100px;}
#header .cate4 { position:absolute; top:88px; left:529px; width:100px;}
#header .cate5 { position:absolute; top:88px; left:691px; width:100px;}
#header .cate6 { position:absolute; top:88px; left:823px; width:100px;}
#header .cate7 { position:absolute; top:88px; left:964px; width:100px;}



#wrap #visual {position:relative; width:100%; height:437px; background:url(/*"images/visual_01.jpg"*/) no-repeat center top; text-align:center;}
#wrap #visual .left { position:absolute; left:10%; top:190px; width:60px; z-index:10;}
#wrap #visual .right { position:absolute; right:10%; top:190px; width:60px; z-index:10;}

/*  ¸ÞÀÎ ¹è³Ê  */
#wrap_main h1 {width:100%; text-align:center; background:url("images/main/main_bn_bg.jpg") repeat-x center 216px;}
#form  {width:1119px; margin:0 auto;clear:both;text-align:center; height:53px;background:url("images/main/form_bg.jpg") repeat-x center 0px;}
#main {width:1119px; margin:0 auto;clear:both; overflow:hidden; text-align:center;}
#qna {height:53px;}
#qna li{ float:left;}
#qna .inpt { float:right; width:650px; height:30px; margin:15px 0px 0 0;}

#main p.bn { margin:0 auto; padding:0 0 0px 0; height:165px; width:1119px;}
#banner {background:url("images/main/main_bn_bg.jpg") repeat-x center 0px; width:1119px; height:764px;}
#banner ul {}
#banner li { float:left;}
#banner .de_bn1 {margin:27px 0 0 0px;}
#banner .de_bn2 {margin:27px 0 0 0px;}
#banner .de_bn3 {margin:27px 0 0 0px;}
#banner .de_bn4 { float:right; margin:27px 0 0 0px;}
#banner .de_bn5 {margin:22px 0 3px 0px;}
#banner .de_bn6 {margin:27px 0 13px 0px; width:528px;}
#banner .de_bn7 {float:right; margin:27px 0 13px 0; width:537px;}


/* ¸ÞÀÎ Á¦ÀÛ »çÀÌÆ® site   */
#main2 { position:relative; width:1119px; margin:0 auto;clear:both; overflow:hidden; text-align:center;}
#main2 #site { position:relative; width:1119px; background-color:#FFFFFF; margin:0 auto; padding:50px 0 30px 0;}
#main2 #site h2.tit { position:absolute; top:30px; width:1119px; text-align: center; padding:0px 0;}
#site ul {padding:30px 0 0 0; height:240px;}
#site li { float:left;}
#site .event1 { margin-right:37px;}
#site .event2 {margin-right:37px;}
#site .event3 { margin:0 auto;}
#site .event4 { float:right;}

.site_txt {display:block; padding:5px 0px 5px 0px; color:#787878; font-size:12px; font-weight: bold; font-family:Roboto; letter-spacing:-0.5px; text-decoration:none;}

/* ÇÏ´Ü °ü·Ã»çÀÌÆ® fact  */
#fact {position:relative; width:1119px; height:100px; padding-top:30px; background-color:#FFFFFF;}
#fact ul {}
#fact li { float:left; padding:15px 14px 15px 15px; border:1px solid #dedede;}


/*  Ç»ÅÍ footer */
#wrap_main h3 {width:100%; text-align:center; border-top:1px solid #CCCCCC;}
#footer { width:1119px; height:100px; margin:0 auto; padding:15px 0 0 0; clear:both; overflow:hidden; text-align:center;}