@charset "utf-8";
/*메인*/



.main_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:100%; overflow:hidden }
.main_visual .bx-wrapper img { display: block; max-width: 100%; margin:0 auto }

@media screen and (max-width:999px){
.main_visual .bx-wrapper img { display: block; max-width: 150%; margin:0 auto; margin-left:-25%; }
	
}


.main_visual .bx-wrapper .bx-viewport { border: 0px solid #000;    } /*영역*/
.main_visual .bx-wrapper .bx-pager {text-align: center;  bottom: 20px; position: absolute;  z-index:1000 } /*라운드영역*/
.main_visual .bx-wrapper .bx-controls-auto { width: 100%; bottom: -30px; position: absolute;} /*재생정지영역*/
.main_visual .bx-wrapper .bx-loading { background: url("../images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; min-height: 50px; }/*로딩*/
.main_visual .bx-wrapper .bx-pager { text-align: center; color:#F00; padding-top: 20px; font-family: Arial; font-size: 0.85em; font-weight: bold;  }
.main_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a { background: #b9ccfd; margin: 0px 3px; outline: 0px; border-radius: 5px; width: 10px; height: 10px; text-indent: -9999px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*라운드,글자*/
.main_visual .bx-wrapper .bx-default-pager.bx-pager a:hover { background:#fff;  width: 10px; height: 10px; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#fff; width: 20px; height: 10px; }
.main_visual .bx-wrapper .bx-prev { background: url("../img/main/controls.png") no-repeat 0px -63px; left: 40px; } /*화살표*/
.main_visual .bx-wrapper .bx-next { background: url("../img/main/controls.png") no-repeat -49px -63px; right: 40px; } /*화살표*/

@media screen and (max-width:999px){
.main_visual .bx-wrapper .bx-prev { display:none} /*화살표*/
.main_visual .bx-wrapper .bx-next { display:none} /*화살표*/
	
}

@media screen and (max-width:460px){
.main_visual .bx-wrapper .bx-pager { bottom: 5px; } /*라운드영역*/
}


.main_visual .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.main_visual .bx-wrapper .bx-next:hover { background-position: -49px 0px; }
.main_visual .bx-wrapper .bx-controls-direction a { outline: 0px; top: 50%; width: 30px; height: 63px; text-indent: -9999px; margin-top: -31px; position: absolute; z-index: 9999; }/*화살표글자*/
.main_visual .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.main_visual .bx-wrapper .bx-controls-auto { text-align: center; } /*재생정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start { background: url("../img/main/controls.png") no-repeat -86px -11px; margin: 0px 3px; outline: 0px; width: 10px; height: 11px; text-indent: -9999px; display: block;}/*재생*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-start { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .bx-stop { background: url("../img/main/controls.png") no-repeat -86px -44px; margin: 0px 3px; outline: 0px; width: 9px; height: 11px; text-indent: -9999px; display: block; }/*정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-stop { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager { width: 100%; text-align: center; } /*라운드영역*/
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto { width: 35px; right: 0px; } /*재생정지영역*/
.main_visual .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.main_visual .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }










/*메인컨텐츠*/

.main_container{ width:100%;}

@media screen and (max-width:999px){
.main_container{ width:92%; margin:0 4%}
	
}

.main_01 h2,.main_02 h2, .main_03 h2{font-size:22px; letter-spacing:-0.5px;/* font-family:"나눔바른고딕", NanumBarunGothic;*/ font-weight:400 !important }

.main_01{ width:100%; max-width:1000px; margin: 0 auto; padding:30px 0 50px 0}
.main_01:after{ clear:both; display:block; content:"";}


	.main_01 ul{  }
	.main_01 ul li{ float:left;  width:23.7%; margin-left:1.7%}
	.main_01 ul li h2{  margin:20px 0 15px 0; font-weight:400}
	.main_01 ul li:first-child{ margin-left:0}
	.main_01 ul li img{ width:100%; max-width:100%}



@media screen and (max-width:720px){	

.main_01 h2,.main_02 h2, .main_03 h2{font-size:20px;}
.main_01 ul li{ float:left;  width:47.4%; margin-left:1.7%; margin-right:0%}
.main_01 ul li:first-child{ margin-left:1.7%}
.main_01 ul{ }

}

@media screen and (max-width:640px){	

.main_01{ padding:10px 0 30px 0}
.main_01 h2,.main_02 h2, .main_03 h2{font-size:16px; }
.main_01 ul li h2{  margin:20px 0 10px 0;}


}

@media screen and (max-width:480px){	

.main_03 h2{font-size:14px; }
}




.main_02{width:100%; max-width:1000px;  margin: 0 auto; padding:50px 0; border-top:1px solid #e2e2e2; }
.main_02:after{ clear:both; content:""; display:block}
	.main_02 article{ }
	.main_02 article h2{ margin-bottom:30px}
	
	.main_02 article.pro{ width:60%; float:left;}
	.main_02 article.stock{ width:32%; float:right; position:relative;  }
	.main_02 article.stock .h2_tit{ position:relative;}
	.main_02 article.stock .h2_tit span.more{ position:absolute; right:0; top:0; }



@media screen and (max-width:640px){	

.main_02{ padding:30px 0 30px 0 }

	.main_02 article.pro{ width:100%; float:none}
	.main_02 article.stock{ width:100%;  float:none}	
	.main_02 article.stock{ width:100%;  float:none; margin: 0 auto; padding:20px 0 0 0; border-top:1px solid #e2e2e2;}
		
}


	.slider_pro .bx-wrapper { padding: 0px; position: relative; }
	.slider_pro .bx-wrapper .bx-viewport  {  } 
	.slider_pro .bx-wrapper .bx-pager {  display:none } 
	.slider_pro .bx-wrapper .bx-controls-auto { display:none}
	.slider_pro .bx-wrapper .bx-pager {   }
	.slider_pro .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
	.slider_pro .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
	.slider_pro .bx-wrapper .bx-default-pager.bx-pager a { } /*라운드,글자*/
	.slider_pro .bx-wrapper .bx-default-pager.bx-pager a:hover {  }
	.slider_pro .bx-wrapper .bx-default-pager.bx-pager a.active {  }
	.slider_pro .bx-wrapper .bx-prev { background: url("../img/main/icon_prev.gif") no-repeat top; top:-55px; right: 24px; width:25px; height:25px; } 
	.slider_pro .bx-wrapper .bx-next { background: url("../img/main/icon_next.gif") no-repeat top; top:-55px;  right: 0;width:25px; height:25px;}  
	.slider_pro .bx-wrapper .bx-prev:hover {  }
	.slider_pro .bx-wrapper .bx-next:hover {  }
	.slider_pro .bx-wrapper .bx-controls-direction a {  text-indent: -9999px; position: absolute; z-index: 9999; }
	.slider_pro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  } 
	.slider_pro .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {  } 
	.slider_pro .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
	.slider_pro .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }
	
	
	#slider1 dl{}
	#slider1 dl dt{ float:left; width:47%; max-width:282px; border:1px solid #F5F5F5; text-align:center}
	#slider1 dl dt img{ max-width:100%;  max-height:169px; }
	#slider1 dl dd{ float:right; width:45%; margin-bottom:20px}
	#slider1 dl dd.pro_info{ max-height:60px; overflow:hidden; line-height:20px; word-break: keep-all}
	#slider1 dl dd h3{ color:#183fa4; font-size:20px; }

	#slider1 dl dd span.btn01 a, #slider1 dl dd span.btn02 a{ width:45%; text-align:center; color:#FFF; display:inline-block; padding:6px 0; margin-right:3%; }
	#slider1 dl dd span.btn01 a{ background:#183fa4; }
	#slider1 dl dd span.btn02 a{ background:#686868}


@media screen and (max-width:860px){
	#slider1 dl dd h3{  font-size:16px; }
}


@media screen and (max-width:400px){
#slider1 dl dt{ min-height:140px; }
}

		.stock .st_info{  margin:0 auto; width:90%; padding:0 5%; height:95px;  border-bottom:1px solid #CCC; display:inline-block; }
		.stock .st_info ul{ float:left; font-weight:600; padding:20px 0 0 0 }
		.stock .st_info ul li.up{ color:#d71211; margin-top:5px}
		.stock .st_info dl{ float:right}
		
		.stock .st_info dl dt{ padding:0 5px 0 0; text-align: right ; font-weight:bold; }
		.stock .st_info dl dd{ color:#003399; font-weight:bold; font-size:55px; text-align:right; letter-spacing:-2px}
		.stock .st_btn{ clear:both;  background:#eaeae8; height:38px; margin-top:20px ; line-height:38px; padding:0 20px; font-weight:600}
		.stock .st_btn a{ display:block}
		.stock .st_btn span{ float:right; font-weight:normal}

@media screen and (max-width:860px){	

.stock .st_info dl dd{font-size:35px; }

}

@media screen and (max-width:640px){	

.stock .st_info{  height: auto;  border-bottom:0px solid #CCC; }

}




.main_03{width:100%; max-width:1000px;  margin: 0 auto; padding:50px 0; border-top:1px solid #e2e2e2; }
.main_03:after{ clear:both; content:""; display:block}
	.main_03 .txt01 img{width:374px}
	.main_03 ul{overflow:hidden;max-width:1000px;margin:0 auto 0 auto; width:100%;}
	.main_03 ul li{float:left;width:25%;text-align:center}
	.main_03 ul li p{padding:0 20px}
	.main_03 ul li h2{margin:20px 0 10px 0;}
	.main_03 ul li p.info{font-size:14px;margin-top:13px;line-height:20px;  word-break:keep-all; color:#666}
	.main_03 ul li p.btn_link{margin-top:13px}
	.main_03 ul li p.btn_link a{font-size:14px;color:#2c2c2c;}
	

@media screen and (max-width:860px){	

.main_03 ul li p.info{ font-size:12px;}
.main_03 ul li p.btn_link a{font-size:12px;}

}


@media screen and (max-width:760px){	

.main_03 ul li p.info{ display:none}
.main_03 ul li p.btn_link a{ display:none}

}

@media screen and (max-width:640px){	

.main_03{ padding:30px 0 30px 0}
#slider1 dl dt{ border:0;}
}





.st_info li.dn{ color:#d71211}