@charset "utf-8";
/* CSS Document */


body{background:#fff;}
body,h1,h2,h3,h4,input,button{font-size:14px; font-weight:300; font-family: 'Noto Sans KR'; }

/*본고딕 웹폰트 가져오기 180124 morenvy.com*/
/*Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
/*노토 웹폰트 사용 end*/	

	
@import url(‘//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css’); /*나눔스퀘어라운드 웹폰트*/



/* 나눔스퀘어라운드 웹폰트 v1.11  https://github.com/innks/NanumSquareRound */
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:300;
	src:local("NanumSquareRoundL"),
		url(NanumSquareRoundL.eot),url(NanumSquareRoundL.eot?#iefix) format("embedded-opentype"),
		url(NanumSquareRoundL.woff2) format("woff2"),url(NanumSquareRoundL.woff) format("woff"),
		url(NanumSquareRoundL.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:400;
	src:local("NanumSquareRoundR"),
		url(NanumSquareRoundR.eot),url(NanumSquareRoundR.eot?#iefix) format("embedded-opentype"),
		url(NanumSquareRoundR.woff2) format("woff2"),
		url(NanumSquareRoundR.woff) format("woff"),
		url(NanumSquareRoundR.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:700;
	src:local("NanumSquareRoundB"),
		url(NanumSquareRoundB.eot),
		url(NanumSquareRoundB.eot?#iefix) format("embedded-opentype"),
		url(NanumSquareRoundB.woff2) format("woff2"),
		url(NanumSquareRoundB.woff) format("woff"),
		url(NanumSquareRoundB.ttf) format("truetype")
		}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:800;
	src:local("NanumSquareRoundEB"),
		url(NanumSquareRoundEB.eot),
		url(NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"),
		url(NanumSquareRoundEB.woff2) format("woff2"),
		url(NanumSquareRoundEB.woff) format("woff"),
		url(NanumSquareRoundEB.ttf) format("truetype")
	}

/*나눔스퀘어라운드 웹폰트*/



#i_headerwrap{
	width:100%;
 	height:235px;
	background:url(/images/headerbg.jpg) left top;
	border-bottom:1px solld #222;
	}
	
#i_header{
	width:1200px;
	height:235px;
	margin:0 auto;
	position:relative;
	}

.i_topleft{
	font-size:13px;
	line-height:40px;
	position:absolute;
	top:0;
	left:0;
	}
.i_topleft a{
	color:#f00;
	}

.i_topright{
	font-size:13px;
	line-height:40px;
	position:absolute;
	top:0;
	right:0;
	}
.i_topright li{
	float:left;
	padding-left:15px;
	}	
.i_topright li a{
	color:#666;
	}	


#i_logo{
	position:absolute;
	left:0;
	top:70px;
	}

.i_search{
	position:absolute;
	right:0;
	top:108px;
	width:280px;
	height:30px;
	text-align:right;
	background:url(/images/search1.jpg) center top no-repeat;
	padding-left:40px;

	}

#i_menu{
	width:1200px;
	height:59px;
	background:url(/images/menu_bg.jpg) center top no-repeat;
	position:absolute;
	bottom:0;
	z-index:1;
	}
#i_menu li{
	float:left;
	line-height:59px;
	font-size:17px;
	color:#666;
	}
#i_menu li:nth-child(1){
	padding-right:98px;
	}	
#i_menu li:nth-child(2){
	padding-right:105px;
	}
#i_menu li:nth-child(3){
	padding-right:88px;
	}
#i_menu li:nth-child(4){
	padding-right:84px;
	}
#i_menu li:nth-child(5){
	padding-right:105px;
	}	
#i_menu li:nth-child(6){
	padding-right:98px;
	}	
#i_menu li:nth-child(7){
	padding-right:104px;
	}	


#i_visu{
	width:100%;
	height:680px;
	margin-bottom:50px;
	}	
#i_svisu{
	width:100%;
	height:400px;
	margin-bottom:50px;
	background:#d1d1d1
	}	
	
	
#i_scontainer{
	width:1200px;
	min-height:900px;
	overflow:hidden;
	margin:0 auto 40px;
	position:relative;
	position:relative;
	}

	

.i_stit{
	width:100%;
	height:100px;
	text-align:center;
	margin-bottom:30px;
	}
.i_stit h3{
	font-size:38px;
	color:#222;
	font-family:'NanumSquareRound' !important;
	font-weight:bold;
	}
.i_stit .i_line{
	width:150px;
	height:4px;
	border-radius:5px;
	background:#222;
	margin:10px auto;
	}
.i_stit p{
	font-size:16px;
	color:#666;
	font-family:'NanumSquareRound' !important;
	}	
	
	

#i_container{
	width:1200px;
	margin:0 auto;
	position:relative;
	}
.i_con01{
	width:1200px;
	overflow:hidden;
	margin-bottom:40px;
	}
.i_con01 > img{
	float:left;
	width:340px;
	margin-right:40px;
	}
.i_con01 .i_jroll{
	width:820px;
	float:left;
	}
.i_con02{
	width:1200px;
	min-height:600px;
	margin-bottom:40px;
	}
.i_tit{
	width:1200px;
	height:80px;
	border-bottom:2px solid #222;
	overflow:hidden;
	line-height:80px;
	margin:0 auto 40px;
	}		
.i_tit h3{
	font-size:35px;
	color:#000;
	float:left;
	font-weight:400;
	}
.i_tit span{
	float:right;
	font-size:30px;
	}	


#i_containerwrap{
	width:100%;
	height:933px;
	overflow:hidden;
	margin-bottom:40px;
	}

.pro60{
	width:60.6%;
	/*height:533px;*/
	float:left;
	}
.pro60 > img .pro40 > img .pro23 > img .pro54 > img{
	width:100%;
	}	
.pro40{
	width:39.4%;
	/*height:533px;*/
	float:left;
	}
.pro23{
	width:23%;
	height:auto;
	float:left;
	}
.pro54{
	width:54%;
	height:auto;
	float:left;
	}	
	
.fooconwrap{
	width:100%;
	height:470px !important;
	background:#f1f1f1;
	margin-bottom:0 !important;
	padding-top:40px;
	border-bottom:1px solid #222;
	}
.i_foocon{
	width:1200px;
	height:470px;
	margin:0 auto;

	}
.i_fcon01{
	width:381px;
	height:250px;
	float:left;
	margin-right:28px;
	}
.i_inquiry{
	text-align:center;
	line-height:250px;
	font-size:32px;
	font-weight:500;
	}			
.i_inquiry a{
	color:#fff;
	}	
.foobg01{
	background:url(images/foobg01.jpg) center top no-repeat;
	}
.foobg02{
	background:url(images/foobg02.jpg) center top no-repeat;
	text-align:right;
	padding:0px 0px 0 0;
	}
.foobg02 h3{
	font-size:28px;
	color:#fff;
	font-family:'NanumSquareRound';
	padding-top:30px;
	margin-bottom:10px;
	font-weight:700;
	}
.foobg02 p{
	font-size:35px;
	color:#fff;
	font-family:'NanumSquareRound';
	line-height:45px;
	font-weight:700;
	}			
.i_zero{
	margin-right:0 !important;
	position:relative;
	}
	
.i_zero h3{
	font-size:20px; font-weight:500; float:left;margin-bottom:10px;}
.i_zero p{
	font-size:15px; float:right; margin-top:8px; color:#555;}		
	
	
	
#i_fooline{
	width:100%;
	border-top:1px solid #222;
	}	
#i_foowrap{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding-top:40px;
	}

.i_foo{
	width:830px;
	float:left;
	border-right:1px solid #999;
	margin:40px 0 40px;
	}
.i_foo > img{
	float:left;
	margin:30px 40px 0 0;
	}
.i_foo .i_foobox{
	float:left;
	}
.i_foo .i_foobox h3{
	font-size:25px;
	color:#222;
	margin-bottom:20px;
	font-weight:500;
	}
.i_foo .i_foobox p{
	font-size:14px;
	color:#666;
	line-height:20px;
	}
	
.i_call{
	width:370px;
	float:left;
	padding-left:40px;
	margin:40px 0 40px;
	}	
.i_call h3{
	font-size:25px;
	color:#222;
	margin-bottom:20px;
	font-weight:500;
	}
.i_phone{
	font-size:35px;
	color:#222;
	font-weight:bold;
	margin:-5px 0 10px;
	}	
.i_day{
	font-size:14px;
	color:#666;
	}
	
.i_greet{
	width:1200px;
	height:800px;
	background:url(/images/greet.jpg) center top no-repeat;
	}
.i_gtbox{
	width:600px;
	text-align:justify;
	padding-top:50px;
	}
.i_gtbox h3{
	font-size:32px;
	color:#222;
	line-height:45px;
	font-weight:bold;
	font-family:'NanumSquareRound';
	margin-bottom:30px;
	}
.i_gtbox p{
	font-size:16px;
	line-height:25px;
	color:#666;
	margin:10px 0 20px;
	}	


	/*\\tab*/
	
.menutab { margin:0; padding:0; height:auto; margin-bottom:50px; overflow:hidden;}

.menutab li { list-style:none; float:left; width:50%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
margin-bottom:10px;}
.menutab li a { text-decoration:none; color:#666; font-size:14px; font-weight:400;margin-bottom:10px;}
.menutab li:last-child { border-right:1px solid #888}

.menutab .on {list-style:none; float:left; width:50%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center; background:#888; }
.menutab .on a { text-decoration:none; color:#fff !important; font-size:14px;}

.menutab li:hover {list-style:none; float:left; width:50%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center; background:#888}
.menutab li:hover a { text-decoration:none; color:#fff !important; font-size:14px;}



.menutab2 { margin:0; padding:0; height:auto; margin-bottom:50px; overflow:hidden;}

.menutab2 li { list-style:none; float:left; width:33.3333%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
margin-bottom:10px;}
.menutab2 li a { text-decoration:none; color:#666; font-size:14px; font-weight:400;margin-bottom:10px;}
.menutab2 li:last-child { border-right:1px solid #888}

.menutab2 .on {list-style:none; float:left; width:33.3333%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center; background:#888; }
.menutab2 .on a { text-decoration:none; color:#fff !important; font-size:14px;}

.menutab2 li:hover {list-style:none; float:left; width:33.3333%; height:50px; line-height:50px;  border-top:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; text-align:center; background:#888}
.menutab2 li:hover a { text-decoration:none; color:#fff !important; font-size:14px;}


/*quick*/
.i_quick{
	position:fixed;
	top:30%;
	right:0;
	z-index:999;
	}
.i_quick > ul{
	width:130px;
	height:556px;
	background:url(/images/quick_bg.png) center top no-repeat;
	list-style:none;
	padding-top:20px;
	padding-left:24px;
	}	
.i_quick > ul > li{
	margin-bottom:15px;
	}


.i_blog{
	width:381px;
	height:100px;
	background:#222;
	position:absolute;
	bottom:0;
	}