@charset "utf-8";

/* bx slider main banner */
#main_bn {position:relative;max-width: 1200px;margin: 0 auto;}
#main_bn .slide-wrap{display:none}
/* #main_bn .slide-wrap li{height:780px;} */
#main_bn .slide-wrap li{height:auto;}
/* #main_bn .slide-wrap img{width:100%; height:100%; object-fit:contain;} */
#main_bn .slide-wrap img {width: 100%;height: auto;object-fit: unset; display: block;}
#main_bn .bx-controls{top:50%;transform: translateY(-50%);position:absolute;/* bottom:40px; left:50%;*/ width:100%; /*margin-left:-150px;*/ text-align:center; z-index:99;}
#main_bn .bx-prev, 
#main_bn .bx-next{-webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 1));filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 1));position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; text-indent:-9999px;overflow:hidden; opacity:0.9;}
/* #main_bn .bx-prev{left:90px;transform: scale(1.7); background:url('img/icon_bx_prev.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-next{right:90px;transform: scale(1.7); background:url('img/icon_bx_next.svg') no-repeat 50% 50%; background-size:40px auto;} */
#main_bn .bx-prev{left:20px; transform: scale(1.2); background:url('img/icon_bx_prev.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-next{right:20px; transform: scale(1.2); background:url('img/icon_bx_next.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-prev:hover, #main_bn .bx-next:hover{opacity:1}
#main_bn .bx-pager-item {display:inline-block; padding:0 8px;}
#main_bn .bx-pager-link{display:block;width:8px;height:8px;background:#fff;border-radius:4px;text-indent:-999px;overflow:hidden;opacity:.5;}
#main_bn .active{opacity:1; -webkit-box-shadow:0 0 8px 5px rgba(255,255,255,0.6); -moz-box-shadow:0 0 8px 5px rgba(255,255,255,0.6); box-shadow:0 0 8px 5px rgba(255,255,255,0.6);}


#main_bn .bx-viewport{
	height:100% !important;
}
#main_bn .slide-wrap li{height:100%;}



/*  */
#main_banner2  #main_bn .bx-viewport{
	width: 100%;
    overflow: hidden;
    position: relative;
    height: 300px!important;
}
#main_banner2 #main_bn .slide-wrap li{
	float: left;
    list-style: none;
    position: relative;
    height: auto;
    position: unset;
    /* top: 50%; */
    width: 1903px;
    /* transform: translateY(-50%);*/
}
#main_banner2 #main_bn .slide-wrap img{    
	width: 100%;
    height: auto; 
    object-fit: unset;
    position: absolute;
    top: 50%;
    /* height: 300px; */
    /* left: 50%; */
    transform: translateY(-50%);
}


/*  */
/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	#main_bn .slide-wrap li{height:100%;}
	/* #main_bn .bx-prev{transform: scale(1.0);left:20px;}
	#main_bn .bx-next{transform: scale(1.0);right:20px;} */
    #main_bn .bx-prev{transform: scale(0.7); left:5px;}
    #main_bn .bx-next{transform: scale(0.7); right:5px;}

}
/* 1024px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:100%) {
	
	#main_bn .slide-wrap li{height:100%;}
	
}
/* 767px end */






/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:100%) {
	
	#main_bn .slide-wrap li{height:100%;}
	#main_bn .bx-prev, #main_bn .bx-next{width:40px; height:40px;}
	
}
/* 425px end */

/* 이전 코드

#main_bn .bx-viewport{
	height:370px !important;
}
#main_bn .slide-wrap li{height:370px;}
/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** *
@media screen and (max-width:1024px) {
	
	#main_bn .slide-wrap li{height:660px;}

}
/* 1024px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** *
@media screen and (max-width:767px) {
	
	#main_bn .slide-wrap li{height:520px;}
	
}
/* 767px end */






/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** *
@media screen and (max-width:425px) {
	
	#main_bn .slide-wrap li{height:400px;}
	#main_bn .bx-prev, #main_bn .bx-next{width:40px; height:40px;}
	
}
/* 425px end *

이전코드 끝 */