@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Rozha+One|Monoton|Roboto');*/


/* bx slider main banner */
#main_bn {position:relative; background: #000;}
#main_bn .slide-wrap{display:none}
#main_bn .slide-wrap li{height:100vh;}
#main_bn .slide-wrap img{width:100%; height:100vh; object-fit:cover;}
#main_bn .bx-controls{position:absolute; bottom:180px; left:50%; width:300px; margin-left:-150px; text-align:center; z-index:99;}
#main_bn .bx-prev, 
#main_bn .bx-next{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; text-indent:-9999px;overflow:hidden; opacity:0.7;}
#main_bn .bx-prev{left:0; background:url('img/icon_bx_prev.svg') no-repeat 50% 50%; background-size:40px auto;}
#main_bn .bx-next{right:0; 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; height: 12px; vertical-align: middle }
#main_bn .bx-pager-link{display:block;width:8px;height:8px; margin-top: 2px; background:#fff;border-radius:50%; text-indent:-999px;overflow:hidden;opacity:.4;}
#main_bn .active{ width:12px; height:12px; margin-top: 0; border:2px solid rgba(255,255,255,1) !important; opacity:1; background-color: transparent; /*-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 .bn_title { position: absolute; width: 100%; padding-left: calc((100% - 1600px) / 2); padding-right: calc((100% - 1600px) / 2); bottom: 42%; left: 0; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); z-index: 999}
#main_bn .bn_title h1 { font-family: 'Montserrat', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-size: 65px; font-weight: 700; letter-spacing: 0; line-height: 70px; text-transform: uppercase; }
#main_bn .bn_title h4 { font-size: 50px; font-weight: 200; margin-top: 15px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
#main_bn .bn_title .btn_set { margin-top: 100px }

.pcbnr { display: block}
.mbnr { display: none}


/* ****************************************************************************************** *
 * 1919px
 * ****************************************************************************************** */
@media (max-width: 1919px) {
	#main_bn .bn_title{ padding-left: 120px; padding-right: 120px; }
}
/* ****************************************************************************************** *
 * 1599px
 * ****************************************************************************************** */
@media (max-width: 1599px) {
	#main_bn .bn_title{ padding-left: 120px; padding-right: 120px; }
}
/* 1599px end */

@media screen and (max-width:1359px) {
	#main_bn .bn_title{ padding-left: 80px; padding-right: 0; }
	#main_bn .bn_title h1 { font-size: 60px; line-height: 70px}
	#main_bn .bn_title h4 { font-size: 24px; }
}



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	/*#main_bn .slide-wrap li{height:660px;}*/
	#main_bn .bn_title{ padding:0 40px; }
	#main_bn .bn_title h1 { font-size: 50px; line-height: 60px}
	#main_bn .bn_title h4 { font-size: 20px; }

}
/* 1024px end */



/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	/*#main_bn .slide-wrap li{height:520px;}*/
	.pcbnr { display: none}
  .mbnr { display: block}
  #main_bn .bn_title { bottom: auto; top: 150px}
  #main_bn .bn_title h1 { line-height: 1}
  #main_bn .bn_title h4 { font-weight: 300}
  #main_bn .bn_title .btn_set { margin-top: 50px; }
  #main_bn .bx-controls { bottom: 140px ;}
}
/* 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 */



/* bx slider middle banner */
#middle_bn {position:relative; margin: 100px 0px; display: block; text-align: center}
#middle_bn .middle_bn_wrap { max-width: 1580px; margin: 0 auto; position: relative}
#middle_bn .slide-wrap{display:none;  }
#middle_bn .slide-wrap li{}
#middle_bn .slide-wrap img{ object-fit:cover;}
#middle_bn .bx-controls{position:absolute; width: 100%; bottom:10px; left: 50%; transform: translateX(-50%); text-align:center; z-index:99;}
#middle_bn .bx-prev, 
#middle_bn .bx-next{position:absolute; top:50%; margin-top:-150px; width:60px; height:100px; text-indent:-9999px;overflow:hidden; opacity:0.7;}
#middle_bn .bx-prev{left:0; background:url('img/icon_bx_prev.svg') rgba(0, 0, 0, .2) no-repeat 50% 50%; background-size:40px auto;}
#middle_bn .bx-next{right:0; background:url('img/icon_bx_next.svg') rgba(0, 0, 0, .2) no-repeat 50% 50%; background-size:40px auto;}
#middle_bn .bx-prev:hover, #middle_bn .bx-next:hover{opacity:1}
#middle_bn .bx-pager-item {display:inline-block; padding:0 8px; height: 12px; vertical-align: middle; bottom: 0 }
#middle_bn .bx-pager-link{display:block;width:8px;height:8px; margin-top: 2px; background:#fff;border-radius:50%; text-indent:-999px;overflow:hidden;opacity:.4;}
#middle_bn .active{ width:12px; height:12px; margin-top: 0; border:2px solid rgba(255,255,255,1) !important; opacity:1; background-color: transparent; /*-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);*/}