@charset "UTF-8";

@media screen and (max-width:1280px){
	.app_link_area {display: none;}
	
	#fullpage .section.section1 .contain .container2 .cont .view_link_box {display: block; width: 100%; margin: 60px auto 0; padding: 0 5px; font-size: 0;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a {display: inline-block; width: 100%; background-size: 100% 80px; background-repeat: no-repeat; background-color: #F2F6FF;}

	#fullpage .section.section1 .contain .container2 .cont .view_link_box a:last-child {margin: 0;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a .text {position: relative; padding: 0 15px 0 0; font-family: 'GmarketSans'; font-weight: 700; font-size: 25px; line-height: 80px; color: #000000;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a .text:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 13px; margin: -6px 0 0; background-image: url('/images/user/main/apply_right_icon_on.png'); background-size: contain; background-repeat: no-repeat;}
	
	
	#fullpage .section.section3 .contain .container .cont .view_link_box {display: block; width: 100%; max-width: 1022px; margin: 60px auto 0; font-size: 0;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a {display: inline-block; width: 100%; background-size: 100% 80px; background-repeat: no-repeat;}
	
	#fullpage .section.section3 .contain .container .cont .view_link_box a:last-child {margin: 0;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a .text {position: relative; padding: 0 15px 0 0; font-family: 'GmarketSans'; font-weight: 700; font-size: 25px; line-height: 80px; color: #000000;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a .text:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 13px; margin: -6px 0 0; background-image: url('/images/user/main/apply_right_icon_on.png'); background-size: contain; background-repeat: no-repeat;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a.box1 .text {color: #000000;}
	/* #fullpage .section.section3 .contain .container .cont .view_link_box a.box1 .text .ft_c1 {color: #f34334;} */
	#fullpage .section.section3 .contain .container .cont .view_link_box a.box2 .text .ft_c2 {color: #000000;}

	#fullpage .section.section7 .contain .container .cont {padding: 0;}
	#fullpage .section.section7 .contain .container .cont .text {margin: 15px 0 5px;}
	#fullpage .section.section7 .contain .container .cont .text br {display: none;}

}

@media screen and (max-width:1080px){ 
	
	#fullpage .section .contain .container2 .cont .end_txt {font-size: 20px; line-height: 30px;}
	#fullpage .section .contain .container2 .cont .end_txt {font-size: 20px; line-height: 30px;}
	.app_link_area {display: none;}
	.fp-tableCell {display: block !important; width: 100%; height: 100%;}

	#fullpage .section {display: block !important; height: 100% !important; padding: 50px 0;}
	#fullpage .section.section1 {padding: 100px 10px;}
	#fullpage .section .contain .container2 {position: inherit; top: inherit; left: inherit; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}

	#fullpage .section.section1 .contain .container2 .cont .title {width: 100%; max-width: 630px; margin: 14px auto 0; animation: inherit;}
	#fullpage .section.section1 .contain .container2 .cont .text {font-size: 24px; line-height: 36px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area {display: inline-block; width: inherit; max-width: inherit; border: 2px solid #ffffff; padding: 10px 30px; border-radius: 50px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .tit {width: inherit; font-size: 24px; line-height: 36px; text-align: center;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box {padding: 0 0 0 22px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box .count {font-size: 18px; line-height: 27px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box .count .ft_c {font-size: 24px;}
	#fullpage .section.section1 .contain .container2 .cont .text2 {margin: 20px 0 5px; font-size: 24px; line-height: 36px;}

	#fullpage .section.section2 .contain .container .cont .title {font-size: 30px; line-height: 45px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont {margin: 30px 0 0;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide {margin: 0; padding: 0 60px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide {padding: 0 20px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box {max-width: inherit;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .imgs_box {max-width: 240px; margin: 0 auto; background-color: #eeeeee; border-radius: 50%;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .imgs_box .inner_box {max-width: 240px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-arrow {top: 50%; width: 44px; height: 44px; margin: -22px 0 0;}
	
	/* #fullpage .section.section3 .contain .container .cont .title {font-size: 30px; line-height: 45px; margin: 0 0 22px;}
	#fullpage .section.section3 .contain .container .cont .color_txt {font-size: 24px; line-height: 36px;}
	#fullpage .section.section3 .contain .container .cont .text {margin: 15px 0 0; font-size: 18px; line-height: 27px;} */
	
	#fullpage .section.section4 .contain .container .cont .title {font-size: 30px; line-height: 45px; background-size: auto 45px;}
	#fullpage .section.section4 .contain .container .cont .business_list {margin: 30px 0 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide {padding: 0 60px;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li {padding: 0 15px;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box {width: calc(20% - 8px); margin: 0 10px 11px 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box:nth-child(5n) {margin: 0 0 11px;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-arrow {top: 50%; width: 44px; height: 44px; margin: -22px 0 0;}

	#fullpage .section.section5 .contain .container .cont .box {padding: 0 30px 0 0;}

	#fullpage .section.section5 .contain .container .cont .box .title {font-size: 26px; line-height: 49px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box {margin: 0 0 10px; padding: 0 0 15px;}
	
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .date_area {width: 80px; height: 90px; border: 2px solid #e2e2e2;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .date_area .inner .tit {font-size: 26px; line-height: 39px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .date_area .inner .txt {font-size: 14px; line-height: 21px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .info_txt {padding: 0 0 0 15px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .info_txt .tit {height: 24px; font-size: 16px; line-height: 24px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .info_txt .txt {height: 42px; font-size: 14px; line-height: 21px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .news_list .list li a {padding: 0 95px 0 12px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .news_list .list li a .text {height: 31px; font-size: 14px; line-height: 31px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .news_list .list li a .day {right: 0; font-size: 14px; line-height: 31px;}

	#fullpage .section.section5 .contain .container .cont .box.event_cont {width: 340px;}
	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box {display: block; position: relative; max-width: inherit; height: 100%; padding: 0 0 53%;}
	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box .inner_box {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: inherit;}


	#fullpage .section.section1 .contain .container2 .cont .view_link_box {margin: 30px auto 0;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a {background-size: 100% 60px;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a .text {font-size: 20px; line-height: 60px;}

	#fullpage .section.section3 .contain:after {top: 58px; width: 250px; height: 400px;}
	#fullpage .section.section3 .contain .container .cont {padding: 0; text-align: center;}
	#fullpage .section.section3 .contain .container .cont .view_link_box {max-width: 800px; margin: 30px auto 0;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a { background-size: 100% 60px;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a .text {font-size: 20px; line-height: 60px; color: #000000}
	#fullpage .section.section3 .contain .container .cont .text {margin: 10px 0; font-size: 14px; line-height: 21px;}
}

@media screen and (max-width:767px){ 
	#fullpage .section .contain .container2 .cont .end_txt {font-size: 17px; line-height: 26px;}
	#fullpage .section .contain .container2 .cont .end_txt .txt {font-size: 17px; line-height: 26px;}
	#fullpage .section {padding: 50px 0;}
	#fullpage .section.section1 {padding: 100px 10px 50px;}
	#fullpage .section.section1 .contain .container2 .cont .title {max-width: 480px; margin: 0 auto;}
	#fullpage .section.section1 .contain .container2 .cont .text {font-size: 16px; line-height: 24px;}
    #fullpage .section.section1 .contain .container2 .cont .count_area {border: none; padding: 5px 20px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .tit {display: block; position: relative; width: 200px; padding: 0 50px; font-size: 18px; line-height: 27px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .tit:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 50px; height: 2px;	margin: -1px 0 0; background-color: #ffffff;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .tit:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 50px; height: 2px; margin: -1px 0 0; background-color: #ffffff;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box {display: block; padding: 0;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box .count {font-size: 14px; line-height: 27px;}
	#fullpage .section.section1 .contain .container2 .cont .count_area .count_box .count .ft_c {font-size: 18px;}
	#fullpage .section.section1 .contain .container2 .cont .text2 {margin: 10px 0 0; font-size: 18px; line-height: 27px;}
	

	#fullpage .section.section2 .contain .container .cont .title {font-size: 20px; line-height: 30px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont {margin: 10px 0 0;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide {padding: 0 10px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .imgs_box {max-width: 170px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .imgs_box .inner_box {max-width: 170px; height: 170px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .text_area {padding: 10px 0 0;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .text_area .top_box {margin: 0 0 5px; padding: 0 0 5px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .text_area .top_box .name {font-size: 14px; line-height: 21px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .text_area .top_box .info_txt {font-size: 12px;}

	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-list .slick-track .slick-slide .list_box .box .text_area .bot_box .info_list li {font-size: 12px;}
	/* #fullpage .section.section3 .contain .container .cont .title {font-size: 20px; line-height: 30px; margin: 0 0 10px;}
	#fullpage .section.section3 .contain .container .cont .color_txt {font-size: 18px; line-height: 27px;}
	#fullpage .section.section3 .contain .container .cont .text {margin: 10px 0; font-size: 14px; line-height: 21px;} */
	
	#fullpage .section.section4 .contain .container .cont .tit_top {font-size: 16px; line-height: 24px;}
	#fullpage .section.section4 .contain .container .cont .title {font-size: 18px; line-height: 27px; background-position: top center; background-size: auto 25px;}
	#fullpage .section.section4 .contain .container .cont .business_list {margin: 15px 0 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide {padding: 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box {width: calc(50% - 8px); margin: 0 10px 12px 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box:nth-child(5n) {margin: 0 10px 12px 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box:nth-child(2n) {margin: 0 0 12px 0;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-list .slick-track  li .box .img_box {padding: 4px;}
	#fullpage .section.section4 .contain .container .cont .business_list #busin_slide .slick-arrow {top: -44px; margin: 0; width: 33px; height: 33px; background-size: 7px 13px;}

	#fullpage .section.section5 .contain .container .cont {display: block;}
	#fullpage .section.section5 .contain .container .cont .box {display: block; padding: 0;}
	#fullpage .section.section5 .contain .container .cont .box .title {font-size: 18px; line-height: 27px;}
	#fullpage .section.section5 .contain .container .cont .box.news_cont .news_box .inner_box a .date_area .inner .tit {font-size: 18px; line-height: 27px;}

	#fullpage .section.section5 .contain .container .cont .box.event_cont {width: 100%; margin: 20px 0 0; border-top: 1px solid #e2e2e2; padding: 20px 0 0;}
	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box {margin: 10px 0 0;}
	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box {padding: 0 0 37%;}
	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box .inner_box {right: 50%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	
	#fullpage .section.section3 .contain:after {top: 80px; width: 200px; height: 332px;}
	#fullpage .section.section3 .contain .container .cont {}
	#fullpage .section.section3 .contain .container .cont .title {margin: 0 0 11px; font-size: 16px; line-height: 24px;}
	#fullpage .section.section3 .contain .container .cont .color_txt {font-size: 20px; line-height: 30px;}
	#fullpage .section.section3 .contain .container .cont .color_txt br {display: none;}
	#fullpage .section.section3 .contain .container .cont .text {font-size: 14px; line-height: 21px;}
}


@media screen and (max-width:480px){
	
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide {padding: 0 30px;}
	#fullpage .section.section2 .contain .container .cont .slide_cont #main_slide .slick-arrow {width: 22px; height: 22px; margin: -11px 0 0; background-size: 7px 12px;}

	#fullpage .section.section4 .contain .container .cont .business_list > .list > li {width: calc(50% - 5px);}
	#fullpage .section.section4 .contain .container .cont .business_list > .list > li:nth-child(3n) {margin: 0 10px 12px 0;}
	#fullpage .section.section4 .contain .container .cont .business_list > .list > li:nth-child(2n) {margin: 0 0 12px;}

	#fullpage .section.section5 .contain .container .cont .box.event_cont .event_slide_box #event_slide .slick-list .slick-track .slick-slide a .box {padding: 0 0 53%;}

	#fullpage .section.section1 .contain .container2 .cont .view_link_box {margin: 15px auto 0;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a {background-size: 100% 40px;}
	#fullpage .section.section1 .contain .container2 .cont .view_link_box a .text {font-size: 14px; line-height: 40px;}
	
	#fullpage .section.section3 .contain:after {display: none;}
	#fullpage .section.section3 .contain .container .cont .view_link_box {margin: 15px auto 0;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a {background-size: 100% 40px;}
	#fullpage .section.section3 .contain .container .cont .view_link_box a .text {font-size: 14px; line-height: 40px;}
}