
.container{width:1170px;margin:0 auto;}
.gnb{width:85%;margin: 60px auto;}
.gnb ul li a{font-size:24px;}
.gnb ul li a span:after{display:none;}

.thanksheader{background:url(../images/thanks_top_bg.png) 50% 0 no-repeat;background-size:cover;padding:0;}
.thanks_top_tt{margin-top:10vh;color:#fff;}
.thanks_top_tt h2{color:#fff;font-size:36px !important;font-weight:400 !important;}
.thanks_top_tt .top_sub_tt{margin:20px 0;}
.thanks_top_tt .top_sub_tt p{font-size:21px;line-height:1.3;}
.thanks_top_tt .go_article a{position:relative;z-index:1;display:inline-block;padding:30px 115px;border:1px solid #fff;color:#fff;font-size:26px;margin:50px 0 140px;}

.final_area{padding:10vh 0;background:#372411;}
	.final_area .final_tt h2{color:#fff;}
	.final_area .final_tt .yellowtt{color:#ffd554;}
	.final_area .final_tt p{font-size:21px;line-height:1.5;color:#fff;}
	.final_list_1{margin:70px 0 50px;}
	.final_list_1 li{float:left;position:relative;z-index:1;margin-right:31px;text-align:left;}
	.final_list_1 li:last-child{margin-right:0;}
	.final_list_1 li .medal{position:absolute;left: -33px;top: -27px;}
	.final_list_1 li .list_tt{margin-top:18px;}
	.final_list_1 li .list_tt p{font-size:26px;color:#fff;line-height:1.4;}
	.final_list_1 li .list_tt span{font-size:15px;color:#a88868;}
	
	.final_list_2{margin-top:20px;}
	.final_list_2 li{position:relative;z-index:1;display:inline-block;margin-right:6px;text-align:left;}
	.final_list_2 li:nth-child(5){margin-right:0;}
	.final_list_2 li .list_tt{margin:18px 0 30px;}
	.final_list_2 li .list_tt p{font-size:23px;color:#fff;line-height:1.4;}
	.final_list_2 li .list_tt span{font-size:15px;color:#a88868;}
	
.togetherarea{background:url(../images/th_together_bg.png)50% 0 no-repeat;}
	.togetherarea .container{width:1024px;}
	.togetherarea h3{color:#fff;}
	.togetherarea h3 span{display:block;color:#ffd554;font-size:55px;}
	.online_user{background: url(../images/together_bg_02.png)no-repeat 31% 50%;}
	.online_user .me,.online_user .other,.online_user .other2{animation:inherit;}
	.online_user .me{background:url(../images/thanks_together_user.png) 50% 0 no-repeat;width:193px;height:193px;}
	.online_user .me span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding:0 20px;width: 100%;box-sizing: border-box;color:#56290a;}
	.online_user .other span,.online_user .other2 span{border-radius:0;background:#0b0506;border:1px solid #fff;color:#fff;}
	
	.togeter_tt{padding:30px 0;background:#512e08;color:#fff;font-size:34px;}
	
.certify_area{padding:10vh 0;}
	.certify_area h2{background:url(../images/certify_h2.png)50% 0 no-repeat;padding-top: 62px;}
	.certify_area .certify_list{margin-top:50px;}
	.certify_area .certify_list li{float:left;width:279px;background:#f5f5f5;margin:0 18px 18px 0;overflow:hidden;}
	.certify_area .certify_list li img{width:100%;}
	.certify_area .certify_list li:nth-child(4),.certify_area .certify_list li:nth-child(8),.certify_area .certify_list li:last-child{margin-right:0;}
	
.thanku_txt{padding:30px 0;background:#4b3d2d;color:#fff;font-size:26px;font-weight:300;line-height:1.3;}
	
.a_member_img_total {padding: 100px 0 0;position:relative;overflow:hidden;background:#1a0b0c;}
.a_member_img_total h2{font-size:40px !important;color:#fff;background:url(../images/a_member_h2_img.png) 50% 0 no-repeat;padding: 76px 0 35px;}
.a_member_img_total .total_wrap{}
.a_member_img_total .total_wrap .over{display:none;}
.a_member_img_total .bx-controls-direction{}
.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;}

@media screen and (max-width: 1024px){
	.container{width:96%;}
	.mgnb_btn{top:28px;}
	.thanks_top_tt h2{font-size: 32px !important;}
	.final_area{padding:7vh 0;}
	.final_list_1 li{width:31%;}
	.certify_area .certify_list li{width:23.6%;}
	.certify_area{padding:7vh 0;}
} 

@media screen and (max-width: 800px){
	
	.thanks_top_tt h2{padding: 0 8vw;}
	.thanks_top_tt .go_article a{margin: 3vh 0 6vh;}
	.final_area .final_tt h2{font-size: 40px!important;}
	.togetherarea .container{width:95%;}
	.online_user{ background: url(../images/together_bg_02.png)no-repeat 50% 50%;background-size: 86%;}
	.final_list_1 li{float:inherit;width: 45%;display: inline-block; margin-right: 3%;margin-bottom: 4%;}
	.final_list_1 li:nth-child(2){margin-right:0;}
	.final_list_2 li{width:32.3%;float:left;display:inherit;margin-right: 1.5%;}
	.final_list_2 li img{width:100%;}
	.final_list_2 li:nth-child(3),.final_list_2 li:nth-child(6),.final_list_2 li:last-child{margin-right:0;}
	.final_list_2 li:nth-child(5){margin-right: 1.5%;}
	.certify_area .certify_list li{ margin: 0 14px 15px 0;}
	.online_user{background: none;height: auto;}
	.online_user .me{position: relative;transform: inherit;width: 100%;left: 0;top: 0;margin: 2vh auto;}
	.online_user ul li{position: inherit;width: 25%; float: left; margin-bottom: 0.5vh;}
	.online_user .other span,.online_user .other2 span{display:block;width:94%;margin:0 auto;box-sizing: border-box;}

	
	
} 

@media screen and (max-width: 768px){
	.thanks_top_tt h1 img{width:72%;}
	.thanks_top_tt h2{word-break: keep-all;}
	.certify_area .certify_list li{margin: 0 13px 13px 0;}
	.online_user .me span{width:25%;}
	.togetherarea{padding: 5vh 0 3vh;}

} 

@media screen and (max-width: 601px){
	.thanks_top_tt h1 img{width: 64%;}
	.thanks_top_tt .go_article a{font-size:22px;}
	.final_area .final_tt h2{word-break: keep-all;}
	.final_list_1{margin:50px 0 0}
	.final_list_1 li{width:64%;margin: 0 auto 6vh;}
	.final_list_2 li .list_tt p{font-size:22px;}
	.a_member_img_total{padding: 70px 0 0;}
	.a_member_img_total h2{padding: 56px 0 35px; background-size: 50%;}
	.togetherarea h3{font-size: 30px!important;}
	.togetherarea h3 span{font-size:40px;}
	.online_user .me{height: 155px;background-size: 27%;}
	.online_user .other span,.online_user .other2 span{font-size:18px;}
	.online_user .other2 span{padding:1.5vw;}
	.togeter_tt{font-size:24px;}
	.certify_area .certify_list li{width:32%;margin: 0 11px 13px 0;}
	.certify_area .certify_list li:nth-child(4),.certify_area .certify_list li:nth-child(8){margin-right:11px}
	.certify_area .certify_list li:nth-child(3), .certify_area .certify_list li:nth-child(6),.certify_area .certify_list li:nth-child(9), .certify_area .certify_list li:last-child{margin-right:0;}
	.thanku_txt{font-size:20px;}
} 

@media screen and (max-width: 480px){
	.thanks_top_tt{margin-top: 17vh;}
	.thanks_top_tt h1 img{width:92%;}
	.thanks_top_tt h2{font-size: 27px !important;margin-top: 2vh;}
	.thanks_top_tt .top_sub_tt p{font-size: 18px; padding: 0px 8vh; word-break: keep-all;}
	.thanks_top_tt .go_article a{font-size: 20px;padding: 3vh 0; width: 90%;}
	.final_area .final_tt h2{ font-size: 34px!important;}
	.final_list_1 li .medal,.final_area .medal_04{width:70px;}
	.final_list_1 li{width:74%;}
	.final_list_1 li .list_tt{margin-top: 12px;}
	.final_list_2 li{width: 49%;margin-right:2%;}
	.final_list_2 li .list_tt p{font-size:18px;}
	.final_list_2 li .list_tt span{font-size:14px;}
	.final_list_2 li:nth-child(3){margin-right:2%;}
	.final_list_2 li:nth-child(2), .final_list_2 li:nth-child(4),.final_list_2 li:nth-child(6),.final_list_2 li:nth-child(8){margin-right:0;}
	.a_member_img_total h2{padding: 42px 0 35px;font-size: 27px !important;}
	.a_member_img_total .total_wrap .total_area .bx-wrapper .bx-viewport{height:auto !important;}
	.togetherarea h3{font-size: 20px!important;}
	.togetherarea h3 span{font-size: 32px;}
	.online_user .other span, .online_user .other2 span{font-size:14px;animation:inherit;}
	.online_user .me{height:15vh;background-size: contain;}
	.togeter_tt{font-size:17px;}
	.certify_area h2{background-size: 48%;padding-top: 46px;}
	.certify_area .certify_list li{width: 48%;margin: 0 1% 2%;}
	.certify_area .certify_list li:nth-child(2),.certify_area .certify_list li:nth-child(4),.certify_area .certify_list li:nth-child(8){margin-right:0;}
	.certify_area .certify_list li:nth-child(3), .certify_area .certify_list li:nth-child(5), .certify_area .certify_list li:nth-child(7), .certify_area .certify_list li:nth-child(9){margin-right:1%;}
	.thanku_txt{font-size:16px;word-break:keep-all;}
	
	
} 

@media screen and (max-width: 320px){
	.final_area .final_tt h2{font-size: 28px!important;}
	.final_area .final_tt p{font-size: 17px;}
	.final_list_1 li .list_tt p{font-size: 22px;}
	.a_member_img_total{padding: 50px 0 0;}
	.a_member_img_total h2{padding: 32px 50px 19px;word-break: keep-all;}
	.online_user .me{height: 21vh;}
	.togeter_tt{font-size: 19px;line-height:1.2;word-break:keep-all;}
	.certify_area .certify_list{ margin-top: 20px;}

	.togetherarea h3{ font-size: 16px!important;}
	.online_user .me span{padding:0;}
	.thanku_txt .container{width:80%;}

} 




@media screen and (min-width:0\0){
	.togeter_tt{padding:45px 0 30px;}
	.thanku_txt{padding:40px 0 28px;}
	
	
} 
























































