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


body,input,button{font-size:14px; font-weight:300; font-family: 'Noto Sans KR' !important; }

	/*본고딕 웹폰트 가져오기 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*/	
		
	
a{text-decoration:none !important;}
ul, ol{list-style:none; padding:0;}

.langue{ width:100%; margin:0 auto; background-color:#74BE5D; height:30px; position:relative; }
#i_lnb{ width:1200px; margin:0 auto; }
#i_lnb li{ float:right; }

.header_wrap{
	width:100%;
	height:100px;
	}

#i_visu{
	width:100%;
	height:905px;
	margin:0 auto;
	position:absolute;
	top:30px;
	background:url(/images/visu01.jpg) center center no-repeat;
	}	
#i_visu_blank{ width:100%; height:815px; margin:0 auto; }
.i_visuwrap{ width:1200px; margin:0 auto; }
.i_visubox{ width:600px; height:600px; background-color:rgba(255, 255, 255, 0.5); float:left; position:relative; top:200px; padding:105px 0 105px 60px; }
.i_visubox iframe{ position:relative; right:50px; bottom:50px; }

.i_visubox>h1{ font-size:42px; font-weight:400; line-height:63px; color:#333; letter-spacing:-4px; }
.i_visubox>h3{ color:#656565; font-size:27px; line-height:44px; margin-top:60px; font-weight:500; letter-spacing:-3px; }

#i_container{
	width:1200px;
	margin:0 auto;
	}
		

nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav a:hover,
nav a:focus {
	outline: none;
}



/* Effect 10: reveal, push out */
.cl-effect-10  {
	position: relative;
	z-index: 1;
	top:28px;
	left:50px;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 35px;
	background: #74BE5D;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	border-radius:60px 60px;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 35px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #1e7602;
	font-weight:400;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	border-radius:60px 60px;
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
	
	
#i_svisu{
	height:300px;
	margin-bottom:30px;
	position:relative;
	top:-90px;
	}	
	
#i_container{ width:1200px; min-height:600px; margin:0 auto; margin-top:-120px; }



#i_sub { width:1100px; margin:250px auto 50px; min-height:700px;overflow:hidden;}
#i_left{ width:180px; float:left; margin-right:40px;}
#i_right{width:880px; float:left; padding-top:30px;}


.i_navi { }
.i_navi ul { display:inline-block; margin:0 auto; height:40px; padding:0;}
.i_navi ul li { list-style:none; padding:0 3px; float:left; line-height:40px; font-size:15px;}

#i_tit { width:100%; height:115px; position:relative; top:-107px; text-align:center; z-index:999; background-color:#fff; margin-bottom:50px; }

#i_txt {font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-size:14px; color:#222; line-height:170%; min-height:500px; margin-bottom:80px;}

#wrapper_title{
	font-size:42px;
	text-align:center;
	color:#444;
	font-family:"Noto Sans KR";
	display:inline-block;
	font-weight:500;
	/*text-shadow:2px 2px 7px #555;*/
	padding-top:7px;
}	

	
.titsubtxt{
	display:block;
	text-align:center;
	font-size:16px;
	color:#888;
	font-family:'Noto Sans KR';
	font-weight:400;
	/*text-shadow:2px 2px 5px #555;*/
	
}

/*menutab*/

.menutab { margin:0; padding:0; height:50px; margin-bottom:50px;}

.menutab li { list-style:none; float:left; width:14.2857142857%; height:50px; line-height:47px;  border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
margin-bottom:20px;}
.menutab li a { text-decoration:none; color:#1e7602; font-size:15px; font-weight:400;margin-bottom:20px; display:block; }
.menutab li:last-child { border-right:1px solid #ccc}

.menutab .on {list-style:none; float:left; width:14.2857142857%; height:50px; line-height:47px;  border-top:1px solid #1e7602; border-left:1px solid #1e7602; border-bottom:1px solid #1e7602; text-align:center; background:#1e7602; }
.menutab .on a { text-decoration:none; color:#fff !important; font-size:15px;}
.menutab li:hover a{ color:#fff; z-index:999; }



/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1e7602;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color:#fff !important; }
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
	
	
	
.left_top{width:180px; height:100px; background:url(/images/left_top.jpg) center top no-repeat; text-align:center; line-height:85px; font-size:21px; color:#344360; font-weight:400;}	
#left_menu_area{width:100%; margin:0 auto 50px;}	
	
/*top menu*/	
/*
.leftmenu{margin:0 auto;}
.leftmenu li{float:left; width:180px; height:45px; box-sizing:border-box; text-align:center; line-height:45px; color:#444; font-size:16px; font-weight:300; border-bottom:1px solid #dadada;}
.leftmenu li:hover {background:#344360;  color:#fff;}
.leftmenu li:hover a{color:#fff;}

.leftmenu .lion {background:#344360; color:#fff; width:180px; height:45px; display:block;}	
	
*/

/*cont01*/

.i_cont01_bg{ width:100%; margin:0 auto; background:url(/images/cont01_bg.jpg) center center no-repeat; clear:both; }
.i_cont01{ width:1200px; height:730px; margin:0 auto; }
.i_subtit{ width:1200px; margin:0 auto; padding-top:30px; }
.i_subtit h3{ color:#1e7602; font-size:35px; text-align:center; line-height:40px; font-weight:500; }
.i_sub_border{ width:130px; border-bottom:2px solid #1e7602; padding-top:10px; margin:0 auto; text-align:center; }

.i_cont01_pro{ width:1200px; margin:0 auto; }
/*contbox*/

.con01box { min-width:1200px; margin:0 auto; }

.con01box ul { margin:50px auto 0; width:1200px; } 
.con01box li { float:left; width:393px; height:480px; overflow:hidden; position:relative; margin-right:10px; border-bottom:10px solid #74BE5D; }
.con01box li:nth-of-type(2){ border-bottom:10px solid #0d3349; }
.con01box li:last-child { margin-right:0; border-bottom:10px solid #2FA8D7;}
.con01box li > a > img { position:absolute; top:0; left:0; z-index:1; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.con01box li:hover > a > img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }
.con01box li a { display:block; width:100%; height:100%; position:relative; }

.con01box li:nth-child(2) i { color:#2e9bb5; }
.con01box li:last-child i { color:#778289; }

.con01box dl { position:absolute; bottom:0; left:0; width:100%; height:120px; background:#fff; color:#333; box-sizing:border-box; padding:0 8%; }
.con01box li:nth-child(2) dl { background:#fff; }
.con01box li:last-child dl { background:#fff; }
.con01box dt { font-weight:bold; font-size:30px; margin-top:14px; text-align:center; letter-spacing:-1px;}
.con01box dd { font-size:16px; line-height:20px; margin-top:15px; position:relative; font-weight:300; text-align:center; color:#777; }
.con01box dd span{display:block;font-size:19px; font-weight:400;margin-top:8px;}
/*.con01box dd:before { content:""; display:block; width:13px; height:1px; background:#fff; margin-bottom:8px; }*/


/*cont02*/

.i_cont02_bg{ width:100%; margin:0 auto; background:url(/images/cont02_bg.jpg) center center no-repeat; }
.i_cont02{ width:1200px; margin:0 auto; height:615px; }

.i_cont02_box{ width:1200px; height:400px; margin:0 auto; background-color:#fff; box-shadow:3px 3px 10px #888; margin-top:50px; }
.i_cont02_01{ width:50%; padding:20px; float:left; }
.i_contit{ width:100%; margin:0 auto; margin-bottom:25px; }
.i_contit h3{color:#656565; font-size:22px; text-align:center; }
.i_contit h4{color:#656565; font-size:19px; text-align:center; }
.i_con_border{ width:100%; border-bottom:1px solid #ccc; padding-top:10px; }

.i_cont02_02{ width:100%; margin-top:65px; }
.i_cont02_02 li{ float:left; }

/*footer*/

#footer_bg{ width:100%; min-height:150px; margin:0 auto; background-color:#0d3349; }
.i_footer{ width:1200px; margin:0 auto; padding:50px 0; }
.i_foo_img02{ float:right; }

.i_foo_ul{ width:630px; margin:-40px 0 0 240px; }
.i_foo_ul li{ font-size:15px; line-height:24px; color:#fff; }
.i_foo_ul li a{ color:#8f8f8f; }
.i_foo_ul>li:last-child{ color:#8f8f8f; font-size:14px; padding-top:5px; }

/*greeting*/

.i_greeting{ width:1200px; margin:0 auto; }

.i_greet_tit{ width:1200px; margin:0 auto; }
.i_greet_tit h3{ color:#fff; font-size:45px; font-weight:500; padding:20px 0; text-shadow:2px 2px 10px #1e7602; text-align:center; }
.i_greet_tit h4{ color:#555; font-size:20PX; line-height:35px; font-weight:400; text-align:center;}
.i_greet_tit p{ color:#333; font-size:16px; line-height:30px; text-align:center; }

.i_greet_bg{ width:1200px; min-height:800px;  margin:40px 0 70px; background:url(/images/greet_bg.jpg) center center no-repeat; display:inline-block; position:relative; }
.i_greetul{ width:750px; height:650px; margin:0 auto; position:absolute; left:0; right:0; top:160px; }
.i_greetul li{ color:#333; line-height:25px; font-size:16px; padding-bottom:15px; }
#i_green{ color:#74BE5D; }

/*cup*/
.i_menutit{ width:1200px; margin:0 auto; margin-bottom:50px; }
.i_menutit h3{ color:#333; font-size:30px; text-align:center; line-height:35px; font-weight:400; }
.i_menu_border{ width:50px; margin:0 auto; text-align:center; border-bottom:2px solid #74BE5D; padding-top:15px; }

.i_pro_imgbox{ width:1200px; margin:0 auto; clear:both; margin-bottom:50px; }
.i_pro_imgbox>img{ width:300px; float:left; display:inline-block; }
.i_pro_textbox{ width:900px; display:inline-block; }

.i_protable{ width:800px; border-collapse:collapse; border:1px solid #ededed; margin-bottom:50px; float:right; }
.i_protable tr{ height:50px; text-align:center; padding:20px; border-bottom:1px solid #ededed; }
.i_protable tr:last-child{ border-bottom:none; }
.i_protable th{ background-color:#ededed; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.i_protable td{ background-color:#fff; border-left:1px solid #ededed;}

.i_protit{ width:1200px; margin:0 auto; clear:both; margin-bottom:30px; }
.i_protit h3{ color:#1e7602; font-size:22px; line-height:35px; background:url(/images/proicon.png) center left no-repeat; padding-left:40px; font-weight:500; }
.i_proborder{ width:1200px; margin:0 auto; border-bottom:1px solid #ededed; padding-top:10px; }

.i_protable02{ width:1200px; border-collapse:collapse; border:1px solid #ededed; margin-bottom:50px; }
.i_protable02 tr{ height:40px; border-bottom:1px solid #ededed; }
.i_protable02 tr:last-child{ border-bottom:none; }
.i_protable02 th{ background-color:#ededed; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; padding:15px; font-size:16px; }
.i_protable02 td{ background-color:#fff; border-left:1px solid #ededed; padding:20px; font-size:16px; line-height:25px; } 

.i_pro_textbox02{ width:1200px; display:inline-block; }

.i_video{ width:1200px; margin:0 auto; margin-bottom:70px; }

/*tofu*/

#i_spanbox{ width:150px; border:1px solid #1e7602; padding:10px; color:#333; text-align:center; float:right; }
#i_spanbox>a{ text-align:center; }
#i_spanbox:hover{ background-color:#1e7602; color:#fff; }
#i_spanbox:hover a{ color:#fff; }

/*agency*/

.i_agency{ width:1200px; margin:0 auto; margin-bottom:70px; }
.i_agency:after{content: ""; display:block; clear:both;}
.i_agency img{float:left;}
.agency_box{float:right;}

.i_protit02{ width:700px; margin:0 auto; clear:both; margin-bottom:30px;}
.i_protit02 h3{ color:#1e7602; font-size:22px; line-height:35px; background:url(/images/proicon02.png) center left no-repeat; padding-left:40px; font-weight:500; }
.i_proborder02{ width:700px; margin:0 auto; border-bottom:2px solid #1e7602; padding-top:10px; }

.i_agencyul{ width:700px; }
.i_agencyul>li{ font-size:16px; color:#333; line-height:25px; }
.i_agencyul>li:first-child{ font-size:17px; font-weight:400; color:#74BE5D; padding-bottom:15px; }

/*contact*/

.i_contable{ width:100%; margin:0 auto; margin-bottom:70px; }
.i_contable tr{ height:50px; border-bottom:1px solid #ededed; }
.i_contable th{ font-weight:400; font-size:18px; padding:15px; text-align:left; color:#74BE5D; }
.i_contable td{ text-align:left; color:#444; font-size:16px; padding:15px; }
#i_tabicon01{ background:url(/images/conicon01.png) center left no-repeat; padding-left:45px; }
#i_tabicon02{ background:url(/images/conicon02.png) center left no-repeat; padding-left:45px; }
#i_tabicon03{ background:url(/images/conicon03.png) center left no-repeat; padding-left:45px; }
#i_tabicon04{ background:url(/images/conicon04.png) center left no-repeat; padding-left:45px; }
#i_tabicon05{ background:url(/images/conicon05.png) center left no-repeat; padding-left:45px; }

/*psoduct*/

.i_probox { min-width:1200px; margin:0 auto; background:url(/img/main/bg_about.gif) no-repeat center; min-height:600px; overflow:hidden; opacity:.9999; }

.i_probox ul { margin:30px auto 0; width:1200px; } 
.i_probox li { float:left; width:400px; height:450px; overflow:hidden; position:relative; margin-bottom:85px; border-right:1px solid #ededed; border-top:1px solid #ededed; }
.i_probox li:nth-of-type(1){ border-left:1px solid #ededed; }
.i_probox li:nth-of-type(4){ border-left:1px solid #ededed; }


.i_probox li:nth-child(3){margin-right:0;}
.i_probox li:last-child{margin-right:0;}

.i_probox li > img { position:absolute; top:0; left:0; z-index:-1; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.i_probox li:hover > img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }
.i_probox li a { display:block; width:100%; height:100%; position:relative; }


.i_probox li:nth-child(2) i { color:#677eb2; }
.i_probox li:nth-child(3) i { color:#72b4b4; }
.i_probox li:last-child i { color:#6eaeb8; }

.i_probox dl {width:400px; height:75px; background:#b9b9b9; color:#fff; box-sizing:border-box; text-align:center; font-weight:500; position:absolute; bottom:0; }
.i_probox li:nth-child(2) dl { background:#b9b9b9; }
.i_probox li:nth-child(3) dl { background:#b9b9b9; }
.i_probox li:nth-child(4) dl { background:#b9b9b9; }
.i_probox li:nth-child(5) dl { background:#b9b9b9; }
.i_probox li:last-child dl { background:#b9b9b9; }

.i_probox dt { font-weight:500; font-size:23px; margin-top:75px;line-height:26px; margin-top:25px; }
.i_probox dd { font-size:14px; line-height:20px; margin-top:15px; position:relative; }
.i_probox dd:before { content:""; display:block; width:13px; height:1px; background:#fff; margin-bottom:8px; }

/*tray*/

.i_tryimg{ width:1200px; min-height:350px; margin:0 auto; clear:both; }
.i_tryul{ width:1200px; margin:0 auto; }
.i_tryul li{ width:350px; height:350px; margin:0 75px 50px 0; float:left; }
.i_tryul li:last-child{ margin-right:0; }
.i_tryul li p{ background:#ededed; font-size:16px; line-height:25px; padding:20px; }
.i_tryul li img{ width:100%; display:block; }

.i_protit03{ width:1200px; margin:0 auto; clear:both; margin-bottom:30px; }
.i_protit03 h3{ color:#1e7602; font-size:22px; line-height:35px; background:url(/images/proicon03.png) center left no-repeat; padding-left:40px; font-weight:500; }

/*detail*/

.i_detail{ width:1200px; margin:0 auto; }
.i_detail img{ width:1200px; margin:0 auto; }