.count_wrap { width:100%; height:180px; background-color:#333; 	background-size:cover; background-repeat:no-repeat; background-position:center top; min-width:1200px;}
.count_wrap .count { width:1200px; margin:0 auto; }
.count_wrap .count li { float:left; width:25%; text-align:center; font-size:46px; font-weight:500; color:#fce100; padding-top:35px; }
.count_wrap .count li p { font-size:16px; font-weight:300; color:#cbcbcb; padding-top:10px; }



#main-slide {
	width:100%;
	min-height:817px;
	background:url(/img/main-img01.webp);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 500;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:180px;
	text-align:center;
	clear:both;

}

#main-slide h2 { letter-spacing:0}

#main-slide h1{
 font-size: 140px;
}


#main-slide .copy2 {
	font-size: 70px;
	font-weight: 600;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	text-align:center;
}



#main-slide02 {
	clear: both;
	height: 683px;
	width: 100%;
	background-image: url(/img/main-img02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:683px;
	background-size:cover;
	color:#FFF;
	font-size:40px;
	padding-top:95px;
	font-family: 'Nanum Gothic' ,Arial,sans-serif;
	letter-spacing:-1px;
	text-align:center;
}



#main-slide02 ul {
	margin: auto;
	clear: both;
	width: 1200px;
	padding-top:50px;
}
#main-slide02 ul li {
	float: left;
	height: 300px;
	width: 290px;
	text-align:center;
	color:#FFF;
	font-size:13px;
	letter-spacing:-1px;
	line-height:23px;
	box-sizing:border-box;
}



#main-slide03 {
	background-image: url(/img/main-cont03bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	clear: both;
	height: 652px;
	width: 100%;
	min-width: 943px;
	text-align: center;
	font-size: 68px;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	color: #fce100;
	font-weight:100;
	padding-top:150px;
	line-height:80px;
}

#main-slide03 h2 { font-size:48px; font-weight:100}

#main-slide03 .copy {
	
	text-align: center;
	font-size: 24px;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-2px;
	color: #fff;
	font-weight:100;
	padding-top:20px;
	line-height:34px;
	width:960px;
	margin:auto;
	
}


#main-slide04 {
	background-color: #f6e0b3;
	width:100%;
	clear:both;
	
}


#main-slide04 ul {

	margin:auto;
	padding: 0px;
	position:relative;	
}

#main-slide04 ul li {
float:left;
width:50%;
}

#sub-slide {
	
	width:100%;
	height:709px;
	background:url(/img/main02-img01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:180px;
	text-align:center;
	clear:both;
	
}


#sub-slide h1 { font-weight:100; font-size: 140px; letter-spacing:-7px}
#sub-slide03 h2 {font-size: 90px; font-weight:100}
#sub-slide04 h2 {font-size: 90px; font-weight:100}
 @media screen and (max-width: 768px) {
#sub-slide h1 { font-size:80px}
#sub-slide03 h2 { font-size:32px}
 }



#sub-slide .copy {
	font-size: 23px;
	font-weight: 100;
	color: #fff;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-2px;
	text-align:center;
	width:960px;
	margin:auto;
	padding-top:100px;
}


#sub-slide02 {
	font-size:60px;
	font-weight:100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	text-align:center;
	color: #333;
	clear:both;
	width:100%;
	height:1120px;
	padding-top:150px;
	
}


#sub-slide02 ul {
	width:1200px;
	height:300px;
	margin:auto;
	margin-top:150px;	
	
}

#sub-slide02 ul li  {
	font-size:16px;
	font-weight:100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-1px;
	text-align:center;
	color: #333;
	float:left;
	width:25%;
	
}


#sub-slide03 {
	
	width:100%;
	height:568px;
	background:url(/img/main02-img02.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 90px;
	font-weight: 100;
	color: #1eb875;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:180px;
	text-align:center;
	clear:both;
}




#sub-slide03 .copy {
	
	font-size: 36px;
	font-weight: 100;
	color: #fff;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-2px;
	text-align:center;
	width:960px;
	margin:auto;
}


#sub-slide04 {
	font-size: 70px;
	font-weight: 100;
	color:#1eb875;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	text-align:center;
	width:960px;
	padding-top:100px;
	margin:auto;
	width:100%;
	height:1065px;
	clear:both;
	}


#sub-slide04 ul {
	width:1200px;
	margin:auto;
	padding-top:70px;
}

#sub-slide04 ul li {
	 width:25%;
	 height:340px;
	 float:left;
	 padding-bottom:50px;
	 font-size:16px;
	 font-weight:100;
	 font-family: 'Noto Sans KR' ,Arial,sans-serif;
	 letter-spacing:-1px;
	 text-align:center;
	 color: #333;	
}






#sub-slide04-1 {
	font-size: 70px;
	font-weight: 100;
	color:#1eb875;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	text-align:center;
	width:960px;
	padding-top:100px;
	margin:auto;
	width:100%;
	clear:both;
	}


#sub-slide04-1 ul {
	width:1200px;
	margin:auto;
	padding-top:70px;
}

#sub-slide04-1 ul li {
	 width:20%;
	 height:340px;
	 float:left;
	 padding-bottom:50px;
	 font-size:16px;
	 font-weight:100;
	 font-family: 'Noto Sans KR' ,Arial,sans-serif;
	 letter-spacing:-1px;
	 text-align:center;
	 color: #333;	
}






#sub-slide05 {
	
    width:100%;
	height:709px;
	background:url(/img/main03-img01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:180px;
	text-align:center;
	clear:both;
}




#sub-slide05 .copy {
	
	font-size: 23px;
	font-weight: 100;
	color: #fff;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-2px;
	text-align:center;
	width:960px;
	margin:auto;
	padding-top:100px;
}



#sub-slide06  {
	
    width:100%;
	height:709px;
	background:url(/img/main03-img02.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:180px;
	text-align:center;
	clear:both;
}	
	
#sub-slide06 .copy {
	
	font-size: 23px;
	font-weight: 100;
	color: #fff;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-2px;
	text-align:center;
	width:960px;
	margin:auto;
	padding-top:100px;
}

#sub-slide07 {
	width:100%;
	height:495px;
	min-width:1200px;
	font-size:48px;
	font-weight: 100;
	color: #333;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	text-align:center;
	letter-spacing:-5px;
	padding-top:150px;
	}
	
	
#sub-slide07 .copy {
	width:100%;
	height:495px;
	min-width:1200px;
	font-size:22px;
	font-weight: 100;
	color: #333;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	text-align:center;
	letter-spacing:-2px;
	padding-top:70px;

	}
	
#sub-slide08 {
	
	width:100%;
	height:676px;
	background:url(/img/main03-img03.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:130px;
	text-align:center;
	clear:both;
}	


#sub-slide08 .copy {
	width:100%;
	min-width:1200px;
	font-size:28px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	text-align:center;
	letter-spacing:-2px;
	clear:both;
}

#sub-slide08 .copy2 {
	width: 100%;
	min-width: 1200px;
	font-size: 20px;
	font-weight: 100;
	color: #FFFFFF;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -1px;
	clear: both;
	padding-top: 20px;
}



#sub-slide09 {
	
	width:100%;
	height:753px;
	background:url(/img/main04-img01.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1200px;
	font-size: 140px;
	font-weight: 100;
	color: #f15144;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-7px;
	padding-top:200px;
	text-align:center;
	clear:both;
}	

#sub-slide09 h1 { font-size:140px}

#sub-slide09 .copy {

	width:660px;
	font-size:23px;
	font-weight: 200;
	color: #f15144;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	text-align:center;
	letter-spacing:-2px;
	clear:both;
	margin:auto;
	padding-top:40px;
}



#sub-slide10 {
	width: 100%;
	height: 753px;
	background-size: cover;
	min-width: 1200px;
	font-size: 70px;
	font-weight: 100;
	color: #FFFFFF;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -7px;
	padding-top: 100px;
	text-align: center;
	clear: both;
	background-color: #f15144;

}	

#sub-slide10 h2 { font-size:70px; font-weight:100}

#sub-slide10 ul li h2 {
	font-size: 30px;
	font-weight: 400;
	color: #FFF;
	font-family: 'Noto Sans KR' ,Arial,sans-serif;
	letter-spacing:-1px;
	clear:both;
	text-align:center;
	
}

#sub-slide10  ul {
	width:1200px;
	margin:auto;
	margin-top:70px;

}



#sub-slide10  ul li {
	float:left;
	font-size:17px;
	color:#FFF;
	text-align:center;
	width:380px;
	}
	


#sub-slide10 ul li .txt {
	font-size:17px;
	color:#FFF;
	line-height:28px;
	clear:both;
	width:300px;
	margin:auto;
	letter-spacing:-1px;
	text-align:center;
}






#sub-slide10-1 {
	width: 100%;
	height: 923px;
	padding-top: 100px;
	text-align: center;
	clear: both;

}	


#sub-slide10-1 .copy {
	font-size:60px;
	font-weight: 100;
	color: #333;
	margin-bottom:50px;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing:-5px;
}






#sub-slide11 {
	width: 100%;
	height: 571px;
	min-width: 1200px;
	font-size: 100px;
	font-weight: 300;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -7px;
	padding-top: 100px;
	text-align: center;
	clear: both;
	background-image: url(/img/main04-img02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}	

#sub-slide11 h2 { font-size:48px; font-weight:100;}
#sub-slide11 .copy1 {
	width: 500px;
	font-size: 23px;
	font-weight: 200;
	color: #FFFFFF;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -1px;
	clear: both;
	margin: auto;
	padding-top: 40px;
	
}


#sub-slide11 .copy2 {
	width: 500px;
	font-size: 17px;
	font-weight: 200;
	color: #FFFFFF;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -1px;
	clear: both;
	margin: auto;
	padding-top: 40px;
	
}



#sub-slide12 {
	width: 100%;
	height: 400px;
	min-width: 1200px;
	font-size: 48px;
	font-weight: 100;
	color: #333333;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -6px;
	padding-top: 100px;
	text-align: center;
	clear: both;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	border-bottom:1px solid #ddd;
}	

#sub-slide12 h2 { font-size:48px; font-weight:100;}
#sub-slide12 .copy {
	width: 1200px;
	font-size: 22px;
	font-weight: 200;
	color: #333333;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -2px;
	clear: both;
	margin: auto;
	padding-top: 40px;
	
}

#sub-slide12 .patent img { width:20%}
#sub-slide13 {
	width: 100%;
	height: 752px;
	min-width: 1200px;
	font-size: 70px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -6px;
	padding-top: 100px;
	text-align: center;
	clear: both;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background:url(/img/main04-img03.jpg);

}	

#sub-slide13 h2 { font-size:48px; font-variant:100} 
#sub-slide13 .copy1 {

	width: 100%;
	font-size: 100px;
	font-weight: 400;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -6px;
	clear: both;
	margin: auto;
	padding-top: 40px;
	
}



#sub-slide13 .copy2 {

	width: 100%;
	font-size: 25px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: -2px;
	clear: both;
	margin: auto;
	padding-top: 20px;
	
}

#sub-slide13 .copy3 {
	width: 100%;
	font-size: 20px;
	font-weight: 100;
	color: #FFFFFF;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	text-align: center;
	letter-spacing: 10px;
	clear: both;
	margin: auto;
	padding-top: 40px;
}


#sub-slide14 {
	width: 100%;
	height: 752px;
	font-size: 70px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -6px;
	text-align: center;
	clear: both;

}	


#sub-slide14 {
	font-size: 140px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -7px;
	background:url(/img/portfolio_bg.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:780px;
	min-width:1200px;
	padding-top:180px;
}
#sub-slide14 .copy {
	font-size: 60px;
	font-weight: 100;
	color: #FFF;
	text-align:center;
	clear:both;
}


#sub-slide14 .copy2 {

	text-align:center;
	clear:both;
	margin-top:120px;
}

#sub-slide15 ul li img {
	width:100%;
}
#sub-slide15 ul li {
	float:left;
	width:25%;
	padding:0px;
	margin:0px;
	}
	

	
#sub-slide15 h2 {
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	letter-spacing:-1px;
	width:100%;
	margin-bottom:40px;
}


#sub-slide16 {
	width: 100%;
	height: 580px;
	min-width: 1200px;
	font-size: 100px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -6px;
	padding-top: 200px;
	text-align: center;
	clear: both;
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	background: url(/img/home.jpg);
}	


#sub-slide16 .copy {
	font-size: 40px;
	font-weight: 100;
	color: #fff;
	text-align: center;
	clear: both;
	letter-spacing: -3px;	
}

#sub-slide17 {
	width: 100%;
	height: 580px;
	min-width: 1200px;
	font-size: 100px;
	font-weight: 100;
	color: #fce100;
	font-family: 'Noto Sans KR', Arial, sans-serif;
	letter-spacing: -6px;
	padding-top: 200px;
	text-align: center;
	clear: both;
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	background: url(/img/as.jpg);
}	


#sub-slide17 .copy {
	font-size: 40px;
	font-weight: 100;
	color: #fff;
	text-align: center;
	clear: both;
	letter-spacing: -3px;	
}

#sub-slide17 .cpoy3 {
	font-size: 20px;
	font-weight: 100;
	color: #333;
	text-align: center;
	clear: both;
	letter-spacing: -1px;
	margin-bottom: 20px;
}


#sub-slide17 .cpoy4 {
	margin-top: 10px;
	width: 320px;
	margin-top: 20px;
	clear: both;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}





#sub-slide18 {
    width: 100%;
    font-size: 48px;
    font-weight: 100;
    color: #000;
    font-family: 'Noto Sans KR', Arial, sans-serif;
    letter-spacing: -6px;
    padding-top: 100px;
    text-align: center;
    clear: both;
}

#sub-slide18 .copy1 {
	    max-width: 1200px; margin:auto
}

#sub-slide18 .copy2 {
    max-width: 1200px;
    font-size: 22px;
    font-weight: 200;
    color: #333333;
    font-family: 'Noto Sans KR', Arial, sans-serif;
    text-align: center;
    letter-spacing: -2px;
    clear: both;
    margin: auto;
    padding: 40px 20px 0 20px;
	
}


#sub-slide18 .copy3{ 	max-width:1200px; margin:auto;  padding: 40px 20px 0 20px;}
#sub-slide18 .copy3 a {
    width: 100%;
	max-width:1200px;
    font-size: 20px;
    font-weight: 100;
    color: #555;
    font-family: 'Noto Sans KR', Arial, sans-serif;
    text-align: center;
    letter-spacing: 10px;
    clear: both;
    margin: auto;

}


#sub-slide18 .cpoy4 {
	margin-top: 10px;
	width: 320px;
	margin-top: 20px;
	clear: both;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}








.form-control {
	height:50px;
	padding-left:18px;
	padding-top:6px;
	padding-bottom:6px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
	
	}
	
	
.btn {
	padding-top:13px;
	padding-right:12px;
	padding-bottom:13px;
	padding-left:12px;
	font-size:16px;
	vertical-align:baseline;
	letter-spacing:-1px;	
	
}
	
	
.btn-primary {
	color:#FFF;
	border-top-color:#00b8ff;
	border-right-color:#00b8ff;
	border-left-color:#00b8ff;
	border-bottom-color:#00b8ff;
	background-color:rgb(0, 184, 255);
	background-clip:border-box;
	background-origin:padding-box;
	background-size:auto;
	background-position:-x:0%;
	background-position:-y:0%;
	background-repeat:no-repeat;
    background-attachment:scroll;
}
		
		
.btn-block {
	width:100%;
	display:block;
	}
		
		
.margin-bottom-xxxxl {
    margin-bottom:40px;
	}
	
.text-center {
	letter-spacing:-1px;
	color:#333;	
}

.footer {
	clear: both;
	width: 100%;
	background-color: #3e424a;
	color:#c9cacd;
}



.footer .address {
	margin: auto;
	max-width: 400px;
	float: left;
	line-height: 24px;
	background-image: url(/img/address_ico.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer div .address .home {
	clear: both;
	max-width: 400px;
	margin-left: 20px;
}

.footer div .address .add {
	clear: both;
	max-width: 400px;
	margin-left: 20px;
}
.footer div .address .ceo {
	clear: both;
	max-width: 400px;
	margin-left: 20px;
}

.footer div .address .number {
	clear: both;
	max-width: 400px;
	margin-left: 20px;
}

.footer div .address .shop {
   clear: both;
	max-width: 400px;
	margin-left: 20px;
}

.phone {
	line-height:24px;
	max-width: 400px;
	float:left;
	background-image: url(/img/phone_ico.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	padding-right:20px;
	background-position: left top;
}

.phone .tel {
	clear: both;
	max-width: 400px;

	margin-left:25px;
}

.phone .email {
	clear: both;
	max-width: 400px;
	margin-left:25px;
}
.weekly {
	float: left;
	max-width: 400px;
	line-height: 24px;
	background-image: url(/img/time_ico.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px
}
.weekly .time {
	clear: both;
	max-width: 400px;
	margin-left:25px;
}

.weekly .closd {
	clear: both;
	max-width: 400px;
	margin-left:25px;
}
.footer .copylight {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	clear: both;
	height: 100px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #525252;
	padding-top: 20px;
}
.footer .footer_box {
	max-width:1200px; 
	margin:auto; 
	padding:50px 0; 
	clear:both;
}

.google_map {
	clear: both;
	width: 100%;
}