@charset "UTF-8";


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

}

@media screen and (max-width:1410px){
	.main_con3_slide_box {width: calc(50% - 50px); margin-right: 60px;}
}

@media screen and (max-width:1280px){
	.main_con1_bg .left {height: 550px;}
	.main_con1_bg .right #bgslide .item {height: 550px;}

	#main_con1_slide .item .right p {font-size: 1em;}
	#main_con1_slide .item .right h2 {padding-right: 10px; font-size: 1.667em; }


	.slide_ctrlbox .ctrl_move {right: 10px;}

	

	/* .main_con2 */
	.main_con2 {padding: 60px 10px;}

	/* main_con3 */
	.main_con3_btn_box > button {width: 110px; margin-right: 8px;  font-size: 0.889em;}
	.main_con3_btn_box > button > div {height: 110px; padding: 0;}



	/*´Ù±¹¾î Ãß°¡*/
	.main_con2_box_wrap .box a {padding: 25px 80px 25px 25px;}
	.main_con2_box_wrap .box a .right {width: 60px;}
}

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

	/* layout */
	.main_con1_real .container,.main_con2,.main_con3,.main_con4  {padding: 70px 60px;}
	.m_layout {width: 100%; max-width: 650px; margin: 0 auto;}


	/* main_con1 */
	.main_con1_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.main_con1_bg .left {display: none;}
	.main_con1_bg .right {width: 100%;}
	.main_con1_bg .right .slick-dots {left: 20px;}

	.main_con1_real {position: relative;}



	#main_con1_slide .item .left {float: left; display: block; width: 100%;}
	#main_con1_slide .item .left .img_box .inner_box img {width: 100%; height: 100%;}

	#main_con1_slide .item .right {float: left; display: block; width: 100%; padding: 25px 30px 60px; background-image: url(/template/foundation/user/images/main/main_con1_slide_bg.png);   background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
	#main_con1_slide .item .right h2 {margin-bottom: 40px; display: -webkit-box; overflow: hidden; height: 2.4em;line-height: 1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical;     word-wrap: break-word;}
	#main_con1_slide .item .right a.link_btn {bottom: 15px; width: 125px; height: 40px; line-height: 40px; font-size: 0.833em;}

	.main_con1_slide_bg {display: none;}
	.slide_ctrlbox .ctrl_move {top: 0;}

	.slide_ctrlbox .ctrl_auto {width: calc(100% - 110px);}
	.ctrl_num {width: 42px;}
	.ctrl_auto_bar {width: calc(100% - 62px - 60px );}
	.btn_box {float: left; width: 35px;}
	.slide_ctrlbox .ctrl_move {right: 0; top: 50%; margin-top: -25px;}



	/* .main_con2 */

	.main_con2_slide_box {position: relative; left: 0;}

	.main_con_tit h1 {font-size: 1.667em;}
	.main_con_tit .arr_img {display: none;}
	.main_con2_tit_box .slide_ctrl_box {position: absolute; right: 0; top: 0;}
	#main_con2_slide .slick-list {margin: 0 -10px;}
	.main_con2_slide_box .item {margin: 0 10px 25px;}


	/* .main_con3 */
	.main_con3 {background: #253361}
	.main_con3_tit_box {margin-bottom: 30px;}
	.main_con3_tit_box,.main_con3_slide_box {position: relative; float: none;}
	.main_con3_tit_box .slide_ctrl_box {display: block;}
	.main_con3_tit_box .main_con_tit {margin-bottom: 15px;}



	.main_con3_slide_box .slide_ctrl_box {display: none;}



	.main_con4 .main_con_tit .arr_img {display: block}
	.main_con4 .main_con4_bottom {display: none;}
	.main_con4 .main_con4_top {padding: 0;}
	
	.main_con4 .bg_box_wrap .bg_box_big {width: 1280px;}

	.main_con3_btn_box > button {width: 23%; margin-right: 0; margin: 0 1%;}
	.main_con3_btn_box > button.btn4 {margin-right: 0 ; margin: 0 1%;}


	.main_con2_box_wrap .box {width: 48%; margin: 0 1% 2%;}
	.main_con2_box_wrap .box:last-child {margin: 0 1% 2%;}
	.main_con2_box_wrap .box a {padding: 25px;}

	.main_con2_box_wrap .box a .left .tit {font-size: 25px;} 
	.main_con2_box_wrap .box a .right {display: none;}
	


}

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

}

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


	/* layout */
	.main_con1_real .container,.main_con2,.main_con3,.main_con4 {padding: 30px;}

	.slide_ctrlbox .ctrl_auto {width: calc(100% - 80px); padding-top: 10px;}
	.ctrl_num {width: 42px; padding-top: 4px;}
	.ctrl_num .now_num {font-size: 1em;}
	.ctrl_num .total_num, .ctrl_num .mid {font-size: 0.833em;}

	.ctrl_auto_bar {width: calc(100% - 62px - 60px );}
	.ctrl_auto_bar .bar_bg ,.ctrl_auto_bar .bar {top: 12px;}

	.btn_box {float: left; width: 35px;}
	.btn_box > button {width: 30px; height: 30px; line-height: 28px;}

	.slide_ctrlbox .ctrl_move {right: 0; top: 50%; margin-top: -25px; width: 70px;}
	.slide_ctrlbox .ctrl_move button {width: 35px; height: 35px; line-height: 35px;}


	#main_con1_slide .item .right p {font-size: 0.833em;}
	#main_con1_slide .item .right h2 {font-size: 1.111em;}
	#main_con1_slide .item .right a.link_btn {width: 110px; height: 35px; line-height: 35px; font-size: 0.833em;}




	/* .main_con2 */
	#main_con2_slide .slick-list {margin: 0;}
	.main_con2_slide_box .item {width: 235px; height: 280px; font-size: 14px;}
	.main_con2_slide_box .item .txt_con {padding: 30px 20px;}
	.main_con2_slide_box .item .txt_con .board {margin-bottom: 20px;}
	.main_con2_slide_box .item.gallery_item .txt_con {padding: 15px 20px;}
	.main_con2_slide_box .item .tit {margin-bottom: 15px;}
	.main_con2_slide_box .item .cont {margin-bottom: 30px;}

	/* main_con3 */



	.main_con4 .bg_box_wrap .bg_box_big {width: 640px;}


	.main_con2_box_wrap .box {width: 98%; margin: 0 1% 2%;}
	.main_con2_box_wrap .box:last-child {margin: 0 1% 2%;}


	.main_con2_box_wrap .box a .right {display: block;}

	.main_con2_box_wrap .box a .right {width: 50px;}

}


@media screen and (max-width:480px){
	/* .main_con2 */
	.main_con2_tit_box .slide_ctrl_box button {width: 35px; height: 35px; line-height: 35px;}



	/* main_con3 */
	.main_con3_btn_box > button {margin-bottom: 5px;}
	.main_con3_tit_box .slide_ctrl_box button {width: 35px; height: 35px; line-height: 35px;}
	.main_con3_btn_box > button > div {height: 60px;}
	
	.main_con3_btn_box > button {width: 48%; margin-right: 0; margin: 0 1% 1%;}


}