
/**************************************************
*   2.1 - main banner
**************************************************/
@media (min-width:0) { 	
    #mainBanner { position:relative; }
    #mainBanner .bxslider { height:320px; overflow:hidden; }
	#mainBanner .bxslider li { overflow:hidden; position:relative; }
    #mainBanner .bxslider li .imgbox { width:100%; min-height:320px; background-size:cover; background-position:center; background-repeat:no-repeat; }
	#mainBanner .bxslider li iframe { height:100%; min-height:320px; width:100%; }
    
	#mainBanner .bxslider li .txtbox_wrap { position:absolute; top:40%; left:0; right:0; width:calc(100% - 60px); text-align:center; margin:0 auto; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox { color:#ffffff; line-height:1.4; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:24px; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:17px; }
    
	#mainBanner .slick-arrow { font-size:0; height:30px; margin-top:-12px; position:absolute; text-indent:-9999px; top:50%; transition:all 0.5s; width:30px; z-index:49; cursor:pointer; }
	#mainBanner .slick-prev { background:rgba(0,0,0,0.4) url("../images/contents/btn_prev_01.png") no-repeat center; background-size:60%; left:0; }
	#mainBanner .slick-next { background:rgba(0,0,0,0.4) url("../images/contents/btn_next_01.png") no-repeat center; background-size:60%; right:0; }
	#mainBanner:hover .slick-arrow { background-color:rgba(0,0,0,1); }
}
@media (min-width:480px) { 	
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:30px; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:20px; }
}
@media (min-width:768px) { 	
    #mainBanner .bxslider { height:450px; }
    #mainBanner .bxslider li .imgbox { min-height:450px; }
	#mainBanner .bxslider li iframe { min-height:450px; }
}
@media (min-width:992px) { 	
    #mainBanner .bxslider { height:620px; }
    #mainBanner .bxslider li .imgbox { min-height:620px; }
	#mainBanner .bxslider li iframe { min-height:620px; }
    
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:40px; }
	#mainBanner .bxslider li .txtbox_wrap .txtbox .tx2 { font-size:30px; }
}
@media (min-width:1024px) { 	
    #mainBanner .bxslider { height:720px; }
    #mainBanner .bxslider li .imgbox { min-height:720px; }
	#mainBanner .bxslider li iframe { min-height:720px; }
}
@media (min-width:1280px) { 	
    #mainBanner .bxslider li .txtbox_wrap { width:1200px; }
    #mainBanner .bxslider li .txtbox_wrap .txtbox .tx1 { font-size:45px; }
    
	#mainBanner .slick-arrow { height:40px; margin-top:-20px; width:40px; }
    #mainBanner .slick-prev { left:50%; margin-left:-600px; }
	#mainBanner .slick-next { margin-right:-600px; right:50%; }
}
@media (min-width:1440px) { 	
    #mainBanner .slick-prev { margin-left:-680px; }
	#mainBanner .slick-next { margin-right:-680px; }
}

.at-rc { position: fixed; z-index: 9998; background: none; list-style:none; padding:0px; margin:0px; }
.at-rc > li > a,
.at-rc .rc-box { position: relative; display: block; text-align:center; }
.at-rc .rc-icon { position: relative; display: inline-block; text-align:center; border-radius: 50%;	width:36px;	height:36px; line-height:36px; font-size:19px; }
.at-rc .rc-cnt { position: absolute; border-radius: 50%; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }
@media (min-width: 992px) {
	.at-rc { top:25%; right: 25px; }
	.at-rc .rc-box { border-radius: 50%; width:42px; height:42px; line-height:48px; margin-bottom:7px; }
	.at-rc .rc-cnt { top:-4px; right:-4px; }
}
@media (max-width: 991px) {
	.at-rc { right:10px; bottom: 160px; }
	.at-rc > li { width:70px; }
	.at-rc .rc-icon { margin-top:4px; }
	.at-rc .rc-cnt { top:0px; right:0px; }
	/* body { margin-bottom:36px; } */
}

.main_tit{ background: rgb(215,215,215); background: linear-gradient(90deg, rgba(215,215,215,1) 0%, rgba(209,209,209,1) 100%);  }
.main_tit2{ background: rgb(215,215,215); overflow:hidden; }
.main_tit2 li{ float:left; width:20%; text-align:center; padding:10px 0; }
.main_tit2 li img{ max-width:35px; }
.main_tit2 li span{ display:block; font-size:13px; }

