@charset "utf-8";

header, a, img, .logo, .certification, .line1, .line2, nav, .sns_box, .tel_box, .sub , #menu, ul#nav, #smenu  {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}



@media all and (min-width:1280px) {
header {background: #fff; width:100%;	width: calc(100% - 160px);	position: fixed;	z-index: 10; }
}
@media all and (max-width:1280px) and (min-width:1025px) {
header {background: #fff; width:100%;	width: calc(100% - 80px);		 position: fixed;	z-index: 10; }
}
@media all and (max-width:1024px) and (min-width:769px) {
header {background: #fff; width:100%;		position: fixed;	z-index: 10; }
}
@media all and (max-width:768px) and (min-width:100px) {
header {background: #fff; width:100%;	position: fixed;	z-index: 10; }
}




@media all and (min-width:1280px) {
header.main {background: #fff; width:100%;	 box-sizing: border-box; position: fixed;	z-index: 10; background-color: #fff; }	
header.main .inm{width: calc(100% - 80px) !important;	 box-sizing: border-box;  padding: 0px 80px;  position: relative}	
}
@media all and (max-width:1280px) and (min-width:1025px) {
header.main {background: #fff; width:100%;	box-sizing: border-box;		 position: fixed;	z-index: 10; }
header.main .inm{width: 100% !important;	 box-sizing: border-box;  padding: 0px 80px;  position: relative}		
}
@media all and (max-width:1024px) and (min-width:769px) {
header.main {background: #fff; width:100%;		position: fixed;	z-index: 10; }
header.main .inm{width: 100% !important;	 box-sizing: border-box;    position: relative}		
}
@media all and (max-width:768px) and (min-width:100px) {
header.main {background: #fff; width:100%;	position: fixed;	z-index: 00000000000000000000010!important; }
header.main .inm{width: 100% !important;	 box-sizing: border-box; osition: relative}		
}




@media all and (min-width:1280px) {
	/* 스크롤전 */
header.large {height: 120px; border-bottom: 1px solid  rgba(182, 190, 197, 0); }
header.large  .logo{  position:absolute; top:20px}
header.large  .logo img{ width:193px; float:left}
header.large  .certification{  position:absolute; top:35px; left:200px}
header.large  .certification img{  width:308px;  float:left}
header.large  .line1{display:none}
header.large  .line2{position:absolute;	top:0px; right:240px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.large  #menu { position:absolute; top:0px; left:0px}
header.large  #smenu { position:absolute; top:60px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.large  #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.large  #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}
header.large  .sns_box{ position:absolute; top:10px; right:0px}
header.large  .sns_box ul li{ float:left; margin-left:3px}
header.large  .sns_box ul li img{ width:200px}	
header.large  .tel_box{ position:absolute; top:45px; right:0px}
header.large  .tel_box img{ width:200px}

}
@media all and (max-width:1800px) and (min-width:1501px)  {
	/* 스크롤전 */
header.large {height: 120px; border-bottom: 1px solid  rgba(182, 190, 197, 0); }
header.large  .logo{  position:absolute; top:25px}
header.large  .logo img{ width:150px; float:left}
header.large  .certification{  position:absolute; top:35px; left:160px}
header.large  .certification img{  width:250px;  float:left}
header.large  .line1{ display:none}
header.large  .line2{position:absolute;	top:-10px; right:200px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.large  #menu { position:absolute; top:-10px; left:0px}
header.large  #smenu { position:absolute; top:20px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.large  #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.large  #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}

header.large  .sns_box{ position:absolute; top:20px; right:0px}
header.large  .sns_box ul li{ float:left; margin-left:1px}
header.large  .sns_box ul li img{ width:150px}
header.large  .tel_box{ position:absolute; top:50px; right:0px}
header.large  .tel_box img{ width:150px}

}

@media all and (max-width:1500px) and (min-width:1024px)  {
	/* 스크롤전 */
header.large {height: 140px; border-bottom: 1px solid  rgba(182, 190, 197, 0); }
header.large  .logo{  position:absolute; top:10px}
header.large  .logo img{ width:150px; float:left}
header.large  .certification{  position:absolute; top:20px; left:160px}
header.large  .certification img{  width:250px;  float:left}
header.large  .line1{ display:none}
header.large  .line2{position:absolute;	top:-20px;  right:200px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.large  #menu { position:absolute; top:0px; left:0px}
header.large  #smenu { position:absolute; top:20px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.large  #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.large  #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}
header.large  .sns_box{ position:absolute; top:20px; right:0px}
header.large  .sns_box ul li{ float:left; margin-left:1px}
header.large  .sns_box ul li img{ width:150px}
header.large  .tel_box{ position:absolute; top:50px; right:0px}
header.large  .tel_box img{ width:150px}

}

@media all and (max-width:1023px) and (min-width:769px) {
/* 스크롤전 */
header.large {height: 60px; border-bottom: 1px solid  rgba(182, 190, 197, 1); }
header.large  .logo{  position:absolute; top:5px; left:50%; margin-left:-60px}
header.large  .logo img{ width:120px; float:left}
header.large  .certification{ display:none}
header.large  .certification img{  width:200px;  float:left}
header.large  .line1{ display:none}
header.large  .line2{display:none}
header.large  #menu {display:none}
header.large  #smenu { display:none}

header.large  .sns_box{ display:none}
header.large  .sns_box ul li{ float:left; margin-left:3px}
header.large  .tel_box{display:none}
header.large  .tel_box img{ width:200px}
}
@media all and (max-width:768px) and (min-width:100px) {
/* 스크롤전 */
header.large {height: 60px; border-bottom: 1px solid  rgba(182, 190, 197, 1);  }
header.large  .logo{  position:absolute; top:5px; left:50%; margin-left:-60px}
header.large  .logo img{ width:120px; float:left}
header.large  .certification{  display:none}
header.large  .certification img{  width:200px;  float:left}
header.large  .line1{ display:none}
header.large  .line2{display:none}
header.large  #menu {display:none}
header.large  #smenu { display:none}
header.large  .sns_box{ display:none}
header.large  .sns_box ul li{ float:left; margin-left:3px}
header.large  .tel_box{display:none}
header.large  .tel_box img{ width:200px}
}




@media all and (min-width:1024px) {
	/* 스크롤후 */
header.small {height: 100px;  border-bottom: 1px solid  rgba(182, 190, 197, 1);}
header.small .logo{ position:absolute; top:10px; }
header.small .logo img{width:193px;  float:left}
header.small .certification{  position:absolute; top:25px; left:200px}
header.small .certification img{  width:308px; float:left}
header.small  .line1{display:none}
header.small .line2{position:absolute;	top:-20px; right:240px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.small  #menu { position:absolute; top:-20px; left:0px}
header.small  #smenu { position:absolute; top:40px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.small  #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.small  #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}
header.small  .sns_box{ position:absolute; top:5px; right:0px}
header.small  .sns_box ul li{ float:left; margin-left:3px}
header.small  .sns_box ul li img{ width:200px}
header.small  .tel_box{ position:absolute; top:35px; right:0px}
header.small  .tel_box img{ width:200px}


}
@media all and (max-width:1800px) and (min-width:1501px)  {
	/* 스크롤전 */
header.small  {height: 120px; border-bottom: 1px solid  rgba(182, 190, 197, 0); }
header.small   .logo{  position:absolute; top:15px}
header.small   .logo img{ width:150px; float:left}
header.small  .certification{  position:absolute; top:25px; left:160px}
header.small   .certification img{  width:250px;  float:left}
header.small   .line1{ display:none}
header.small   .line2{position:absolute;	top:-20px; right:200px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.small   #menu { position:absolute; top:-20px; left:0px}
header.small   #smenu { position:absolute; top:10px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.small   #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.small   #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}

header.small   .sns_box{ position:absolute; top:10px; right:0px}
header.small   .sns_box ul li{ float:left; margin-left:1px}
header.small   .sns_box ul li img{ width:150px}
header.small   .tel_box{ position:absolute; top:40px; right:0px}
header.small  .tel_box img{ width:150px}

}
@media all and (max-width:1500px) and (min-width:1024px)  {
	/* 스크롤전 */
header.small  {height: 140px; border-bottom: 1px solid  rgba(182, 190, 197, 0); }
header.small   .logo{  position:absolute; top:5px}
header.small   .logo img{ width:150px; float:left}
header.small   .certification{  position:absolute; top:15px; left:160px}
header.small   .certification img{  width:250px;  float:left}
header.small  .line1{ display:none}
header.small   .line2{position:absolute;	top:-40px;  right:200px;	background-image: url(../_img/common/topline.png);	background-repeat: no-repeat;	background-position: center bottom; width:10px; height:99px}
header.small   #menu { position:absolute; top:-15px; left:0px}
header.small   #smenu { position:absolute; top:10px; right:0px; font-size:9px;olor:#999; line-height:10px}
header.small   #smenu a{font-size:13px; color:#999; margin:0px 5px; line-height:15px}
header.small   #smenu a:hover{font-size:13px; color:#666; margin:0px 5px}
header.small   .sns_box{ position:absolute; top:5px; right:0px}
header.small   .sns_box ul li{ float:left; margin-left:1px}
header.small   .sns_box ul li img{ width:150px}
header.small   .tel_box{ position:absolute; top:30px; right:0px}
header.small   .tel_box img{ width:150px}

}
@media all and (max-width:1023px) and (min-width:769px) {
/* 스크롤후 */

header.small {height: 60px; border-bottom: 1px solid  rgba(182, 190, 197, 1); }
header.small  .logo{  position:absolute; top:5px; left:50%; margin-left:-60px}
header.small  .logo img{ width:120px; float:left}
header.small  .certification{  display:none}
header.small  .certification img{  width:200px;  float:left}
header.small  .line1{ display:none}
header.small  .line2{display:none}
header.small  #menu {display:none}
header.small  #smenu {display:none}
header.small  .sns_box{ display:none}
header.small  .sns_box ul li{ float:left; margin-left:3px}
header.small  .tel_box{display:none}
header.small  .tel_box img{ width:200px}


}
@media all and (max-width:768px) and (min-width:100px) {
/* 스크롤후 */

header.small {height: 60px; border-bottom: 1px solid  rgba(182, 190, 197, 1); }
header.small  .logo{  position:absolute; top:5px; left:50%; margin-left:-60px}
header.small  .logo img{ width:120px; float:left}
header.small  .certification{  display:none}
header.small  .certification img{  width:200px;  float:left}
header.small  .line1{ display:none}
header.small  .line2{display:none}
header.small  #menu {display:none}
header.small  #smenu {display:none}
header.small  .sns_box{ display:none}
header.small  .sns_box ul li{ float:left; margin-left:3px}
header.small  .tel_box{display:none}
header.small  .tel_box img{ width:200px}
}



header #smenu  { position:absolute; top:60px;right:0px}
header.small  #smenu  { position:absolute; top:30px;right:0px}
header.large  #smenu  { position:absolute; top:60px;right:0px}