@import url(//fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
* {font-family:'Malgun Gothic', sans-serif;}
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-style: normal; }


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; min-width:1200px; border-top : 1px solid #dde2e5;}
*{font-family:'Malgun Gothic', sans-serif }
ol,ul,li{list-style:none;}


img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {text-decoration:none;}


body {font-size:14px;  font-family:'Malgun Gothic', sans-serif;     letter-spacing: -0.5pt;}
input, textarea, select {font-family:'Malgun Gothic', sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}


a {border:0px}

/* 레이아웃 */
#wrap {position:relative; width:100%; min-width:1220px; }

/* 메뉴 */



/*visual*/
#visual{position:relative; width:100%; height:750px; overflow:hidden;}

/* Slider */
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; min-height: 1px;}
.slick-initialized .slick-slide{display: block;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 0px;}
.slick-dots{position: absolute;display: block;list-style: none;text-align: center; left:50%; margin-left:500px}
.slick-dots li{position: relative;display: inline-block; width:24px;height: 4px;margin:0 1px;padding: 0;cursor: pointer;}
.slick-dots li button{background:none; font-size: 0;line-height: 0;display: block;width:24px;height: 4px; padding:0;cursor: pointer;color: transparent;border: 0;outline: none;}
.slick-dots li button:hover, .slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{background:url('/img/vdot_down.png'); position: absolute;top: 0;left: 0; width:24px;height: 4px;content: '';text-align: center;color: black;}
.slick-dots li.slick-active button:before{background:url('/img/vdot_up.png') no-repeat;}


/* section bg */
.cover01{background-image:url('../images/v01.jpg');}
.cover02{background-image:url('../images/v02.jpg');}
.cover03{background-image:url('../images/v03.jpg');}


/* main */

.sub_imgbox{height:750px;}
.section{margin-bottom:2px;width:100%;height:800px;min-height:400px;position:relative;overflow:hidden;background-position:center;}
.sub_imgbox .slick-list ,
.sub_imgbox .slick-track {height:800px; }
.sub_imgbox .text{width: 1180px;position: relative;margin: 0 auto;padding-top:15px;color: #fff;}
.sub_imgbox .text .txt3{text-shadow:2px 2px 10px rgba(0,0,0,0.5); letter-spacing:1.5px; text-align:center; font-weight:300; font-style:italic; font-size:18px; font-family:'Malgun Gothic', sans-serif; line-height:100%; color:rgba(255,255,255,0.8)}
.sub_imgbox .text .txt1{text-shadow:2px 2px 15px rgba(0,0,0,0.5); color: #fff; font-family:'Malgun Gothic' !important;, sans-serif; font-weight:700; padding-top:89px; font-size:46px; letter-spacing: -0.8pt; line-height:100%; margin-bottom: 25px; text-align:center;}
.sub_imgbox .text .txt2{text-shadow:2px 2px 10px rgba(0,0,0,0.5); font-family: 'Noto Sans KR', sans-serif; font-weight:600; color: #fff; font-size:27px; margin-top:-100px; line-height: 150%;  margin-bottom: 27px; text-align:center;}
.sub_imgbox .slick-dots{top:30px;}







h3.maintit{font-size:18px; color:#fff; line-height:100%; font-family:NotoKR-Bold; font-weight:100; letter-spacing:-1px;}
p.maintxt{font-size:15px; color:rgba(255,255,255,0.8); line-height:24px; font-family:NotoKR-Regular,sans-serif; letter-spacing:-0.8px; padding-top:26px;}


/*content*/
#main_content{position:absolute; top:384px; left:0; width:100%; margin:0 auto 20px; overflow:hidden; min-width:1200px}
#main_content .maincontent_in{position:relative; width:1200px; margin:0 auto 20px; overflow:hidden;}
.main_btn{position:relative; margin-top:30px;line-height:100%;color:rgba(255,255,255,0.8); font-family:"Malgun Gothic",sans-serif; font-size:12px; font-weight:600; background:url('/img/page_arrow.png') 55px center no-repeat; padding-right:20px;
transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_btn:hover{color:#fff; padding-left:10px; text-decoration:none; background:url('/img/page_arrow.png') 65px center no-repeat;}

	.product1{position:relative; overflow:hidden;   background:url('/img/company_bg.png') 170px 158px no-repeat, rgba(143, 203, 88, 0.9); float:left; margin-right:10px;}
	.product1 a{position:relative; overflow:hidden; display:block; text-decoration:none; padding:30px 25px 36px 20px;width:195px;height:190px;}

	.product2{position:relative; overflow:hidden;  background-color: rgba( 53, 152, 121, 0.9);  float:left; margin-right:10px;}
	.product2 a{position:relative; overflow:hidden; display:block;  text-decoration:none;  padding:30px 25px 36px 20px; width:354px;height:190px;}

	.product3{position:relative; overflow:hidden; background:url('/img/location_bg.png') 170px 158px no-repeat, rgba( 96, 133, 188, 0.9);  float:left; margin-right:10px;}
	.product3 a{position:relative; overflow:hidden; display:block;width:278px;height:190px; text-decoration:none; padding:30px 25px 36px 20px;  }
	

	.product4{position:relative; overflow:hidden; background-color: rgba( 29, 145, 215, 0.9);  rgba( 96, 133, 188, 0.9);  float:left; float:left; margin-right:10px;}
	.product4 a{position:relative; overflow:hidden; display:block;width:195px;height:190px;  text-decoration:none; padding:30px 25px 36px 20px;  }



	.product5{position:relative; overflow:hidden;   background:url('/img/company_bg.png') 170px 158px no-repeat, rgba(148, 0, 211, 0.7); float:left; }
	.product5 a{position:relative; overflow:hidden; display:block; text-decoration:none; padding:40px 25px 36px 30px;width:211px;height:190px;}

	.product6{position:relative; overflow:hidden;  background-color:  rgba( 65, 105, 255, 0.9); float:left; margin-top:10px; margin-right:10px;}
	.product6 a{position:relative; overflow:hidden; display:block;  text-decoration:none;  padding:40px 25px 36px 30px; width:300px;height:220px;}

	.product7{position:relative; overflow:hidden; background:url('/img/location_bg.png') 170px 158px no-repeat, rgba( 147, 112, 219, 0.9);  float:left; ft; margin-top:10px;  margin-right:10px;}
	.product7 a{position:relative; overflow:hidden; display:block;width:300px;height:220px;  text-decoration:none; padding:40px 25px 36px 30px;  }
	

	.product8{position:relative; overflow:hidden; background:url('/img/location_bg.png') 170px 158px no-repeat, rgba( 197, 97, 125, 0.9);  float:left; ft; margin-top:10px;  margin-right:10px;}
	.product8 a{position:relative; overflow:hidden; display:block;width:300px;height:220px;  text-decoration:none; padding:40px 25px 36px 30px;  }
	
	.product9{position:relative; overflow:hidden; background:url('/img/location_bg.png') 170px 158px no-repeat, rgba(225, 144, 5, 0.65);  float:left; ft; margin-top:10px;  margin-right:0px;}
	.product9 a{position:relative; overflow:hidden; display:block;width:199px;height:220px;  text-decoration:none; padding:40px 25px 36px 30px;  }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


            .news a{text-decoration:none;  }
	.news{position:relative;width:285px;height:220px;  background-color: rgba( 29, 145, 215, 0.9);  padding:40px 25px 36px 30px;  float:left; }
	.news h3{color:#333;}
	.news .maintxt{height:110px;}
	.news .maintxt a{color:#666; font-size:15px; line-height:24px; font-family:NotoKR-Regular,sans-serif; letter-spacing:-0.8px;}
	.news img.news_plus{position:absolute; right:45px; top:45px;}
	.news .date{background:url('/img/date_icon.png') left 18px no-repeat; padding-left:20px; padding-top:15px; border-top:1px solid #c6c6c6; font-family:"Malgun Gothic",sans-serif; font-weight:600; margin-top:15px;}


.contents2{position:relative;  width:1200px; margin:20px auto; overflow:hidden;  }
 .noticemain{position:relative;float:left;width:290px;height:135px; padding:10px 0 0px 0px; margin-LEFT:0px; background:url(../images/bar.png) top left  no-repeat; margin-right:20px;}
  .noticemain h1{ position:relative; font-size:18px; color:#1255a0; font-family:'Malgun GothicNeo-Variable'; !important; font-weight:600; letter-spacing:-0.7pt; padding:9px 0px 15px 0px;}
  

 .setmain2{position:relative;float:left;width:175px;height:200px; text-align:center;     margin-bottom:20px;   border:#ccc 1px solid ;    margin-right:10px;     cursor:pointer;}
 .setmain2 h1{ position:relative; font-size:21px;  font-family:'Malgun GothicNeo-Variable'; !important;color:#333; font-weight:500; letter-spacing:-0.7pt; padding:30px 0px 10px 0px;}
  .setmain2 p.cs_n {margin-bottom:20px;  font-size:16px; color:#555; font-family:'Malgun GothicNeo-Variable'; !important;}	
  .setmain2 .imgab{margin:0px 0; color:#333!important; }
  .setmain2 .gogo{display:block; font-size:11px; color:#db3b3b;   margin-bottom:10px;margin-top:15px;}
  .setmain2 .mT20{margin-top:20px;}
 
 .setmain3{position:relative;float:left;width:175px;height:200px; text-align:center;     margin-bottom:20px;   border:#ccc 1px solid ;    margin-right:10px;        cursor:pointer;}
 .setmain3 h1{ position:relative; font-size:21px;  font-family:'Malgun GothicNeo-Variable'; !important;color:#333; font-weight:500; letter-spacing:-0.7pt; padding:30px 0px 10px 0px;}
  .setmain3 p.cs_n {margin-bottom:20px;  font-size:16px; color:#555; font-family:'Malgun GothicNeo-Variable'; !important;}	
  .setmain3 .imgab{margin:0px 0; color:#333!important; }
  .setmain3 .gogo{display:block; font-size:11px; color:#db3b3b;   margin-bottom:10px;margin-top:15px;}
  .setmain3 .mT20{margin-top:20px;}
 


.setmain4{position:relative;float:left;width:330px; height:200px;  padding:10px 20px;  border:#ccc 1px solid ;  cursor:pointer;}
.setmain4 h1{ position:relative; font-size:21px;  font-family:'Malgun GothicNeo-Variable'; !important;color:#333; font-weight:500; letter-spacing:-0.7pt; padding:20px 0px 10px 0px;}
.setmain4 p{display:block; font-size:14px;}
.setmain4 p.cs_t { font-size:25px; color:#333;  line-height:1.2; font-weight:800; padding:5px 0px 7px 80px;font-family:'Malgun GothicNeo-Variable'; letter-spacing:-1pt;}
.setmain4 p.cs_b {padding-bottom:5px; font-size:20px; color:#0053a6; font-weight:600; padding:5px 0px 5px 0px;}
.setmain4 p.cs_f { font-size:22px; color:#333; font-weight:500; padding:5px 0px 7px 80px;}		
.setmain4 p.cs_e { font-size:16px; color:#333; font-weight:600; padding:10px 0px 10px 80px;}
.setmain4 .imgab{position:absolute; left:20px; top:70px; color:#333!important; }
.setmain4 .gogo{display:block; font-size:11px; color:#183884;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
.setmain4 .mT20{margin-top:20px;}


 



#maincon_wrap{position:relative; overflow:hidden; width:1180px;    margin:10px auto 0;}
 
#maincon_wrap .notice{position:relative; overflow:hidden; width:380px; height:250px; float:left; border:1px solid #ddd;  margin-right:20px;}
#maincon_wrap .notice .in{position:relative;padding:30px;}
#maincon_wrap .notice .mtit2{margin-bottom:30px;}
#maincon_wrap .notice .mtit2 span{position:absolute;right:30px; top:27px;}
#maincon_wrap .notice ul{position:relative; overflow:hidden;}
#maincon_wrap .notice li{ margin-bottom:20px;}
#maincon_wrap .notice li a{display: block;background:url('/img/noticedot.gif') left center no-repeat; letter-spacing:-0.5pt; padding:0 0 0 10px; font-size:15px; color:#333; line-height:100%;}
#maincon_wrap .notice li:last-child{margin-bottom:0;}
#maincon_wrap .notice li span{position:absolute; right:0; font-size:13px; color:#777; line-height:100%;}

#maincon_wrap .qbtn{position:relative; overflow:hidden; width:380px; height:250px; float:left; background:#933 url('/img/bg01.gif'); margin-right:20px;}
#maincon_wrap .qbtn .mtit2{color:#fff; margin-bottom:20px;}
#maincon_wrap .qbtn .in{padding:30px;}
#maincon_wrap .qbtn .txt{font-size:13px; color:rgba(255,255,255,0.8); line-height:100%; letter-spacing:-0.5pt; margin-bottom:25px;}
#maincon_wrap .qbtn .tel{font-family:'Malgun Gothic', sans-serif; color:#fff; font-size:22px; font-weight:600;}
#maincon_wrap .qbtn span{position:absolute;right:30px; top:27px;}


#maincon_wrap .cs{float:left; position:relative; overflow:hidden; width:380px;height:250px; background:#666 url('/img/bg02.jpg') left center no-repeat; }
#maincon_wrap .cs .mtit2{color:#fff; margin-bottom:20px;}
#maincon_wrap .cs .in{padding:30px;}
#maincon_wrap .cs .txt{font-size:13px; color:rgba(255,255,255,0.8); line-height:100%; letter-spacing:-0.5pt; margin-bottom:5px;}
#maincon_wrap .cs .tel{font-family:'Malgun Gothic', sans-serif; color:#fff; font-size:22px; line-height: 130%; font-weight:600;margin-bottom:5px;}
#maincon_wrap .cs .eml{font-family:'Malgun Gothic', sans-serif; color:#fff; font-size:18px; font-weight:500;margin-bottom:5px;}

#maincon_wrap .cs .btn_{margin-top:20px}
#maincon_wrap .cs .btn_ a{width:158px; background:url('/img/btnarrow.png') 90% center no-repeat;  padding:10px 15px; border:1px solid rgba(255,255,255,0.3);box-sizing: border-box; color:#fff; display:inline-block; line-height:100%;}
#maincon_wrap .cs .btn_ a:last-child{margin-left:4px;}
#maincon_wrap .cs .btn_ a:hover{background:url('/img/btnarrow.png') 90% center no-repeat, #c00000; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}


h3.mtit2{font-size:22px; font-family:NotoKR-Bold; font-weight:100; color:#000; line-height:100%; }





/** 서브 */

/* 서브플래시 */

#visual_sub{position:relative; overflow:hidden; width:100%; text-align:center; height:260px;}
.subtop_about{background:url('/images/v01.jpg') center 0 no-repeat; background-size: cover;}


#visual_sub .in{width:1200px; margin:35px auto 0 auto;}
/*
#visual_sub .kr{text-shadow: 1px 1px 4px #363636; font-size:40px; text-align:left; color:#fff; font-family:NotoKR-Light; line-height:100%; letter-spacing:-3pt; }
#visual_sub .kr span{font-family:NotoKR-Bold;line-height:180%; letter-spacing:-3pt; }
#visual_sub .en{text-shadow: 1px 1px 4px #363636; text-align:left; color:#fff; font-size:20px; font-family: 'Raleway', sans-serif; line-height:170%;  font-weight:600; letter-spacing:0.5pt; color:rgba(255,255,255,0.8);  }
*/
#visual_sub .kr{font-size:40px; text-align:right; color:#fff;  font-family:'Malgun Gothic' !important;, sans-serif; font-weight:700;  font-size:46px; letter-spacing: -0.8pt;  line-height:100%; letter-spacing:-3pt; }
#visual_sub .kr span{ line-height:180%;  color:#fff; font-family:'Malgun Gothic' !important;, sans-serif; font-weight:700;  font-size:36px; letter-spacing: -0.8pt; }
#visual_sub .en{text-align:right; color:#fff; font-size:18px; font-weight:600; font-family: 'Raleway', sans-serif; line-height:170%;  font-weight:300; letter-spacing:-0.3pt;  }
#contents{overflow:hidden; position:relative; width:1180px; margin:0 auto;}

.lnb {float:left; width:240px; margin:0 50px 100px 0;}
.lnb {float:left; width:240px; margin:0 50px 100px 0;}
.lnb .lnbg{background:#429b7f; url('/img/lnb_bg.gif') no-repeat; color:#fff; text-align:left; padding:70px 0 45px 33px}
.lnb .lnbg p{font-family:'Malgun Gothic', sans-serif; font-size:12px; color:rgba(255,255,255,0.5); line-height:100%;letter-spacing:0.5px; }
.lnb .lnbg h2{font-size:28px; line-height:100%; margin-top:10px; letter-spacing:-0.5px;font-family:NotoKR-Bold; font-weight:800;color:rgba(255,255,255,1.1);}
	.lnb ul{position:relative; overflow:hidden;}
	.lnb li {position:relative;}
	.lnb li a:link, .lnb li a:visited{font-family:'Malgun Gothic', sans-serif;font-size:14px; letter-spacing:-0.1pt; color:#333; display:block; line-height:47px; height:47px; padding-left:20px; border-bottom:1px solid #ddd; font-weight:600;}
	.lnb li a:hover{color:#c00000; font-family:NotoKR-Bold; text-decoration: none; font-size:14px; letter-spacing:-0.1pt;  background:url('/img/left_arrow2.png') 210px 18px no-repeat, #f5f5f5font-family:'Malgun Gothic', sans-serif;;}
	.left_linktop a{display:block; color:#333; font-size:14px; letter-spacing:-0.1pt;  font-family:NotoKR-Bold; text-decoration: none;  background:url('/img/left_arrow.png') 210px 18px no-repeat, #f5f5f5; border-bottom:1px solid #ddd !important;font-family:'Malgun Gothic', sans-serif;}
	
	/*depth_3*/
	.lnb ol.depth_3{border-bottom:0px solid #fff; padding:0 0 0 20px; background-color:#fcfcfc; line-height:1.9; height:25px; font-size:13px;}
	
	.depth_3 dd:first-child{padding-top:8px;}
	.depth_3 dd:last-child{padding-bottom:8px;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:4px 0;}
		.depth_3 dd a:hover{display:block; color:#064e91; text-decoration:none}
		.depth_linktop{color:#064e91 !important; font-weight:bold !important; }
		.depth_linktop:hover{text-decoration:none}


.lnb .cs{border:1px solid #ddd; margin-top:40px; background: url('/img/cs_bg.gif') right bottom no-repeat; padding:30px 10px;}
.lnb .cs .tit{font-size:20px; font-family:NotoKR-Bold; color:#333; line-height:100%; letter-spacing:-0.5px; margin-bottom:20px;}
.lnb .cs .tel{font-family:'Malgun Gothic', sans-serif; font-weight:700; font-size:24px; color:#333; line-height:100%;}
.lnb .cs .tel span{color:#1f4f8d;font-family:'Malgun Gothic', sans-serif; font-weight:700; line-height:100%;}
.lnb .cs .eml{font-family:'Malgun Gothic', sans-serif; font-weight:500;font-size:16px;  color:#666; line-height:100%; margin-top:10px;}
.lnb .cs .fax{font-family:'Malgun Gothic', sans-serif; font-weight:500;font-size:20px;  color:#666; line-height:100%; margin-top:10px;}

.contentArea{float:left; width:890px; overflow:hidden;}
.contentArea_wide{width:100%; overflow:hidden;}
#contents .tit_area{width:100%; padding:40px 0 45px 0; overflow:hidden;}
	#contents p.location {float:right; font-size:13px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:13px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin:0 8px 2px 8px;}
	#contents h3.title {color:#333;font-family:NotoKR-Regular; font-weight:100; font-size:33px; line-height:33px;letter-spacing:-1.8pt;}	


/*푸터*/


#footer {position:relative; width:100%; min-width:1200px;  clear:both; overflow:hidden; background:#f4f4f4;}
#footer .foot_in {position:relative; margin:0 auto; width:1170px; overflow:hidden; padding:40px 0 50px 0;}
#footer .foot_bn{position:relative; overflow:hidden;}
	.foot_bn li{float:left;}
	.foot_bn li:after {display:block; content:""; width:1px; height:12px; background:#ddd; display:inline-block; margin:0 14px; vertical-align:middle}
	.foot_bn li:last-child:after {margin-right:0; display:none;}
	.foot_bn li strong {font-weight:normal; color:#333; letter-spacing:-0.2pt; line-height:24px;}
	.foot_bn li a {letter-spacing:-0.2pt; line-height:24px; font-size:14px; color:#777; transition: all 0.3s ease-out;}
	.foot_bn li a:hover{color:#333; transition: all 0.3s ease-out;}

	.com_info {font-size:14px; letter-spacing:-0.2pt; color:#777; line-height:24px; margin:20px 0}
	.com_info strong {color:#272727}

	.copyright {font-size:14px; color:#a1a1a1;}
	.copyright a {font-size:14px; color:#a1a1a1; transition: all 0.3s ease-out;}
	.copyright a:hover {color:#333; transition: all 0.3s ease-out;}

	.foot_img {position:absolute; top:80px; right:0}