@charset "utf-8";
/* CSS Document */
body {margin:0;}
a{color:#000; text-decoration:none; }
ul,li {margin:0; padding:0;}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}



body { font-family:'Nanum Gothic', NG, Malgun gothic, dotum, sans-serif; text-align:center;}


#i_header_wrap {width:100%; height:125px; border-bottom:5px solid #1d2b68; box-sizing:border-box;}

#i_gnb_wrap {width:100%; height:25px; background:#e9ebf0;}
#i_gnb {width:1080px; height:25px; margin:0 auto; position:relative;}
#i_gnb ul {position:absolute; top:5px; right:0;}
#i_gnb a {font-size:11px; color:#363636; float:left;list-style:none; padding:0 5px;}

#i_header {width:1080px; height:100px; margin:0 auto; position:relative; text-align:left;}
.i_logo {float:left; position:absolute; bottom:18px;}
#i_header>ul {position:absolute; right:0; bottom:15px;}
#i_header>li {float:left; list-style:none;}

#i_inb {width:715px; height:50px; float:right; margin-top:37px;}

/* visual */

#i_visual {width:100%; position:absolute; top:125px; left:0; text-align:left; z-index:-999;}
#i_visual_txt {width:1080px; height:575px; background:url(../m_images/visual_txt.png)no-repeat center center; position:relative; margin:0 auto; z-index:999;}

/* content */

#i_content {width:1080px; margin:0 auto;}
.con_tit {text-align:center; margin-bottom:20px; margin-top:15px;}

#i_product {width:1080px; height:170px;}

#con_bt ul {width:1080px; float:left; margin:30px 0;}
#con_bt li{list-style:none; float:left;}

/* footer */

#i_footer_wrap {width:100%; background:#383e49; float:left;}
#i_footer {width:1080px; height:120px; margin:0 auto; position:relative; padding:30px 0; box-sizing:border-box; text-align:left;}
.ft_logo {float:left; margin-right:30px;}
#ft_txt p{color:#d8d3d3; font-size:13px; margin-top:5px;}
#ft_txt span, #ft_txt a {font-size:10px; margin-left:10px; color:#909192}

/* sub */

#i_svisu_txt {
	width:1080px;
	height:285px;
	background:url(../m_images/s_visu_txt.png)no-repeat center center;
	margin:0 auto;
	
	
}

#i_svisu {
	width:100%;
	height:285px;
	position:absolute;
	top:125px;
	left:0;
	z-index:-99

}


.roll_visu{
	position:absolute;
	bottom:55px;
	z-index:999;
	right:-25px;
	
}

#i_sub_wrap {
	width:1080px;
	margin:30px auto 20px;
	
}
#i_sub {
	width:775px;
	min-height:500px;
	float:left;
	text-align:left;
	
}



#i_left_menu {
	float:left;
	margin-right:40px;
}