/* mainpage common */
h3{font-size: 21px; font-weight: 300;}
h3 span{font-weight: 700;}
section{position: relative; padding: 0 15px; overflow: hidden;}
.more{right: 15px;}
.mainpage .img_box img{object-fit:cover}

.main_visual{ padding: 85px 15px 30px;border-bottom:4px solid #f1f1f1;overflow: hidden;}
.main_visual .txt_box{ text-align: center; color: #000;}
.main_visual .txt_box.basic{text-align: left;}
.main_visual .txt_box .tit{font-size: 30px; font-weight: 700; }
.main_visual .txt_box .txt{display: block; margin: 20px 0 30px; font-size: 14px;}
.main_visual .txt_box a{position: relative; display: block; width: 100%; height: 50px; margin: 0 auto; background-color: #fff; border-radius: 40px; font-size: 16px; font-weight: 500; color: #333; text-align: center; line-height: 50px;
	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.main_visual .txt_box.basic a{display:flex;margin: 0; background-color: #fe580b;color:#fff; font-weight: 700;align-items:center;justify-content: center;}
.main_visual .txt_box a .ico_arrow_r{background-image: url(../../images/ui/next_button.png); margin-left: 10px;}
.main_visual .txt_box p {margin-top: 10px;}
.main_visual .txt_box.basic a .ico_arrow_r{display:block;width:8px;height:16px;background: url(../../images/ui/next_button_wh.png) no-repeat 50% 50% / cover;}
.main_visual .txt_box .ico_alarm {margin-bottom: -2px; background-image: url(../../images/icon/ico_alarm.png); background-repeat: no-repeat; background-size: contain;}
.main_visual .txt_box .main_tit{font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 31px; font-weight: 800;}
.main_visual .txt_box .main_txt{font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 16px; font-weight: 600;}
.main_visual .txt_box .desc{margin: 20px 0 30px; line-height: 1.5em;}
.main_visual .mv_artist .swiper-slide{position: relative; }
.main_visual .mv_artist .swiper-slide-active{width: 100%;}
.main_visual .mv_artist .swiper-slide .img_box{height: 220px; background-repeat: no-repeat; background-position: 20% 100%; background-size: contain;}
.main_visual .mv_artist .swiper-slide .detail{position: absolute; bottom: 70px; right: 30px;}
.main_visual .mv_artist .swiper-slide .detail span{display: block; font-size: 12px; font-weight: 300; color: #fff;}
.main_visual .mv_artist .swiper-slide .detail .strong{margin: 10px 0 15px; font-size: 17px; font-weight: 500;}
#showgle.loading .main_visual .mv_artist .swiper-slide .detail a{pointer-events: none;}
.main_visual .mv_artist .swiper-slide .detail a{position: relative; display: block; width: 130px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, .4); font-size: 15px; font-weight: 500; color: #fff;}
.main_visual .mv_artist .swiper-slide .detail a::after{content: ''; position: absolute; top: 2px; right: 5px; display: inline-block; width: 6px; height: 11px; background-image: url(../../images/ui/arrow_r.png); background-repeat: no-repeat; background-size: cover;}
.main_visual .mv_artist .swiper-button-next,
.main_visual .mv_artist .swiper-button-prev{position: absolute;top: unset;left: unset;bottom: 25px; margin: 0; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; box-sizing: border-box;}
.main_visual .mv_artist .swiper-button-next{right: 80px;background: url(../../images/ui/next_button_wh.png) no-repeat 50% 50%; background-size: 5px 9px;}
.main_visual .mv_artist .swiper-button-prev{right: 125px;background: url(../../images/ui/prev_button_wh.png) no-repeat 50% 50%; background-size: 5px 9px;}
.main_visual .mv_img{height: 192px; background: url(../../images/main/mv_img_m.png)no-repeat 100% 100% / contain;}
.main_visual .main_info{display:flex;margin-top:30px;}
.main_visual .main_info .info_est,
.main_visual .main_info .info_artist{display:flex;width:calc(50% - 15px);justify-content: space-between;align-items: baseline;}
.main_visual .main_info .info_artist{position:relative;margin-left:30px;}
.main_visual .main_info .info_artist::after{content:'';position:Absolute;top:calc(50% - 6px);left:-15px;width:1px;height:12px;background-color:#ccc;}
.main_visual .main_info .tit{font-size:17px;font-weight:500;color:#666}
.main_visual .main_info .num{font-size:21px;font-weight:600;color:#000}

.mainInfo{padding:25px 0;background-color: #fff8e3;}
.mainInfo .info{display:flex;}
.mainInfo .info .inner_tit{display:flex;margin-bottom:15px;align-items: center;justify-content: center;}
.mainInfo .info .inner_tit .icon{display: block;width:14px;height:15px;margin-right:5px;background: url(../../images/icon/info_artist.jpg) no-repeat 50% 50% / 100% auto;}
.mainInfo .info .info_est .inner_tit .icon{display: block; width: 14px; height: 15px;margin-right:5px; background: url(../../images/icon/about6.png) no-repeat;}
.mainInfo .info .inner_tit span{font-size:15px;}
.mainInfo .info .info_est,
.mainInfo .info .info_artist{display:flex;width:50%;flex-direction: column;}
.mainInfo .info .info_artist{border-left:1px solid #969696;}
.mainInfo .info .info_est .val{display:flex;padding-top:17px;justify-content: center;align-items:baseline;}
.mainInfo .info .info_est span{font-size:16px;}
.mainInfo .info .info_est .strong{font-size:28px;font-weight: 600; color: #ff6700;}
.mainInfo .info .info_artist .info_list{display:flex;flex-direction: column;}
.mainInfo .info .info_artist .info_list .info_cell{display:flex;margin-top:5px;justify-content: center;align-items:baseline}
.mainInfo .info .info_artist .info_list .info_cell:first-child{margin-top:0;}
.mainInfo .info .info_artist .info_list .info_cell span{font-size:13px;}
.mainInfo .info .info_artist .info_list .info_cell .num{margin-left:5px;font-size:18px;font-weight:600;}

/* swiper */
.swiper-pagination-bullet{width:4px;height:4px;border-radius:4px}
.swiper-pagination-bullet-active{width:14px;background-color: #ff6700;}
.swiper-container-horizontal>.swiper-pagination-bullets{position:relative;bottom:0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}


/* maps */
.main_maps{margin-top:40px;}
.main_maps h3{display:flex;margin-top:15px;align-items:baseline;justify-content: space-between;}
.main_maps a{display:block;border-radius:15px;overflow:hidden;}
.main_maps .filter_info{position:relative;display:flex;font-size:14px;font-weight:400;color:#666;align-items:center;}
.main_maps .filter_info .num{margin-left:10px;padding:5px;border-radius:5px;font-size:16px;font-weight:400;background-color:#fdf4ef;color:#ff6700}
.main_maps .filter_info .num span{font-weight:500;font-size:18px;}
.main_maps p{margin-top:10px;line-height:1.2;}
.main_maps p span{color:#ff6700}

/* .category_wrap{border-bottom: 5px solid #f8f8f8;} */
.category_wrap{padding:0}
.category_wrap ul{display: flex; flex-wrap: wrap; align-items: flex-end; padding: 30px 10px 0;}
.category_wrap ul li{width: 25%; text-align: center;}
.category_wrap ul li:nth-of-type(n+5){margin-top: 20px;}
.category_wrap ul li img{width: 37px;}
.category_wrap ul li .icon{display:block;width:40px;height:40px;margin:0 auto;}
.category_wrap ul li:nth-child(1) .icon{background: url(../../images/icon/ico_nav_01.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(2) .icon{background: url(../../images/icon/ico_nav_02.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(3) .icon{background: url(../../images/icon/ico_nav_03.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(4) .icon{background: url(../../images/icon/ico_nav_04.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(5) .icon{background: url(../../images/icon/ico_nav_05.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(6) .icon{background: url(../../images/icon/ico_nav_06.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(7) .icon{background: url(../../images/icon/ico_nav_07.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li:nth-child(8) .icon{background: url(../../images/icon/ico_nav_08.jpg) no-repeat 50% 50% / auto 90%;}
.category_wrap ul li h2{margin-top: 5px; font-size: 12px; font-weight: 500;}

.about_wrap{margin-bottom: 50px; text-align: center;}
.about_wrap h3{margin: 30px 0;}
.about_wrap ul{display: flex; align-items: flex-start; flex-wrap: wrap;}
.about_wrap ul li{width: 50%; margin-bottom: 25px;}
.about_wrap ul li a{display: block; padding: 0 10px;}
.about_wrap ul li a .img_box{width: 80%; margin: 0 auto 21px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
.about_wrap ul li a h4{margin-bottom: 9px; font-size: 16px; font-weight: 700;}
.about_wrap ul li a p{font-size: 14px; font-weight: 300;}

.notice_wrap{padding: 0 15px;}
.notice_wrap h3{margin: 40px 0 20px;}
.notice_wrap .noticeSwiper{overflow: hidden;}
.notice_wrap .noticeSwiper .swiper-slide{width: 220px;}
.notice_wrap .noticeSwiper .swiper-slide a{display: block; padding: 30px 20px; border-radius: 15px; background-color: #f8f8f8;}
.notice_wrap .noticeSwiper .swiper-slide a .top_data{display:flex;justify-content: space-between;}
.notice_wrap .noticeSwiper .swiper-slide a span{display: block; font-size: 13px; color: #666; line-height: 1.5em;}
.notice_wrap .noticeSwiper .swiper-slide a span.date{color:#999}
.notice_wrap .noticeSwiper .swiper-slide a .type span{display: inline-block; position: relative; margin-right: 15px;}
.notice_wrap .noticeSwiper .swiper-slide a .type span:last-of-type{margin-right: 0;}
.notice_wrap .noticeSwiper .swiper-slide a .type span::after{content: '>'; position: absolute; top: -2px; right: -14px; font-size: 14px; color: #666;}
.notice_wrap .noticeSwiper .swiper-slide a .type span:last-of-type::after{display: none;}
.notice_wrap .noticeSwiper .swiper-slide a .badge_box{display: flex;}
.notice_wrap .noticeSwiper .swiper-slide a .badge_box .status{display: inline-block; width: 72px; height: 27px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff; text-align: center; line-height: 27px;}
.notice_wrap .noticeSwiper .swiper-slide a .badge_box .deadline{margin-left: 5px; background-color: rgba(255, 103, 0, .12); color: #ff6700;}
.notice_wrap .noticeSwiper .swiper-slide a .badge_box .end{background-color: #666;}
.notice_wrap .noticeSwiper .swiper-slide a .tit{display: -webkit-box; height: 57px; margin: 10px 0; font-size: 19px; font-weight: 500; color: #333;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot{display: flex; align-items: center; margin-top: 15px;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot i{margin-bottom: 5px;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot span{display: inline-block;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .volunteer{margin: 0 0 0 5px;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .profile_lists{display: flex;margin-left:auto}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .profile_lists .list{width: 23px; height: 23px; margin-left: -5px; border: 1px solid #ddd; border-radius: 50%;}
.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .profile_lists .list img{object-fit: cover;height:100%;}
.notice_wrap .more{top: 40px;}

.confirmation_wrap{}
.confirmation_wrap h3{margin: 40px 0 20px;}
.confirmation_wrap .confirmationSwiper .swiper-slide{width: 353px;}
.confirmation_wrap .confirmationSwiper .swiper-slide a{display: flex; flex-direction: column;}
.confirmation_wrap .confirmationSwiper .swiper-slide a .img_box{width: 100%; height: 28vw; border-radius: 15px;}
.confirmation_wrap .confirmationSwiper .swiper-slide a .txt_box{width: 100%;margin-top:15px;;}
.confirmation_wrap .confirmationSwiper .swiper-slide a .txt_box p{margin-bottom: 5px; font-size: 19px; font-weight: 500;}
.confirmation_wrap .confirmationSwiper .swiper-slide a .txt_box .tit{display: block;}
.confirmation_wrap .confirmationSwiper .swiper-slide a .txt_box span{font-size: 14px; color: #666; line-height: 1.5em;}
.confirmation_wrap .confirmationSwiper .swiper-pagination-progressbar{top: unset; bottom: 0; left: 30px; width: calc(100% - 60px); height: 2px;}
.confirmation_wrap .confirmationSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #ff6700;}
.confirmation_wrap .more{top: 40px;}

.how_wrap{margin-top: 0; padding: 0; background-image: url(../../images/main/how_bg_m.png); text-align: center; z-index: 1; background-position: 50% 0%; background-size:100% auto;}
.how_wrap h3{padding:30px 15px 0; color: #fff;text-align:left;}
.how_wrap span{display: block; font-weight: 400;}
.how_wrap .slide{padding: 0 15px; overflow-x: auto; overflow-y: hidden; }
.how_wrap .slide::-webkit-scrollbar{display: none;}
.how_wrap .steps{position: relative; display: flex; width: 100%; margin: 15px 0 10px;padding-left:10px;justify-content: space-between;}
.how_wrap .steps .step{position: relative; height: 50px; margin-right: 10px; }
.how_wrap .steps .step a{display: block; z-index: 2;}
.how_wrap .steps .step:last-of-type{margin-right: 0;}
.how_wrap .steps .step.on::before{content: ''; position: absolute; top: 2px; left: -6px; width: 6px; height:6px; border-radius: 100%; background-color: #ff6700; z-index: 1;} 
.how_wrap .steps .step a span{margin: 10px 0 3px; font-size: 12px; color:rgba(255,255,255,.2);}
.how_wrap .steps .step a .num{margin: 0; font-size: 24px; color:rgba(255,255,255,.2);}
.how_wrap .steps .step.on a span,
.how_wrap .steps .step.on a .num{color:#fff}
.how_wrap .cont_box{padding: 0 15px;}
.how_wrap .cont_box .step{display: none; width: 100%;  margin-bottom: 25px;}
.how_wrap .cont_box .step.on{display: block;}
.how_wrap .cont_box .step .cont{display: flex; align-items: center; margin-top: 10px;padding: 20px 15px; border-radius: 15px;border:1px dashed rgba(255,255,255,.3) }
.how_wrap .cont_box .step .cont i{display:flex;width:40px;height:40px;background-color: #ff6700;border-radius:30px;justify-content: center;align-items:center;}
.how_wrap .cont_box .step .cont i img{transform:scale(.8,.8)}
.how_wrap .cont_box .step .cont .txt_box{margin-left: 15px; text-align: left;}
.how_wrap .cont_box .step .cont .txt_box .tit{margin-bottom: 9px; font-size: 15px; font-weight: 600; color: #fff;}
.how_wrap .cont_box .step .cont .txt_box .txt{font-size: 14px; color: rgba(255,255,255,.4);}
@keyframes submit-cir {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1; 
	}
	100% {
		-webkit-transform: scale(1.2);
			transform: scale(1.2);
		opacity: 0; 
	} 
}

.advice_wrap{margin: 50px 0 40px;}
.advice_wrap .swiper-container{margin-top: 20px;}
.advice_wrap .swiper-container .cont_box{width: 100%; padding: 27px; border-radius: 8px; color: #fff;}
.advice_wrap .swiper-container .cont_box .tit{font-size: 13px; font-weight: 700;}
.advice_wrap .swiper-container .cont_box .txt{margin: 10px 0 15px; font-size: 17px;}
.advice_wrap .swiper-container .cont_box a{display: block; width: 140px; height: 34px; border-radius: 17px;box-sizing: border-box;}
.advice_wrap .swiper-container .cont_box.phone{background-image: url(../../images/main/contact1.jpg);}
.advice_wrap .swiper-container .cont_box.phone a{border: 1px solid #fff; font-size: 13px; color: #fff; line-height: 34px; text-align: center;}
.advice_wrap .swiper-container .cont_box.kakao{background-image: url(../../images/main/contact2.jpg);}
.advice_wrap .swiper-container .cont_box.kakao a{display: flex; align-items: center; justify-content: center; background-color: #fff000; font-size: 12px; font-weight: 500; color: #212121;}
.advice_wrap .swiper-container .cont_box.kakao a i{margin-right: 5px;}
.advice_wrap .swiper-container .cont_box.kakao a span{display: block;}
.advice_wrap .swiper-pagination{position:absolute;display:flex;width: 28px; bottom: 10px; left: calc(50% - 19px);align-items: center;}
.advice_wrap .swiper-pagination-bullet{width: 5px; height: 5px; margin-right: 5px; background: #fff; opacity: 1;}
.advice_wrap .swiper-pagination-bullet-active{width: 7px; height: 7px; border: 1px solid #fff; background: none;}

.bot_cont{display:flex;margin-top:60px;justify-content: space-between;overflow:visible}
.bot_cont .review,
.bot_cont .interview{width:calc(50% - 7.5px);padding:40px 20px 30px;background-color: #f8f8f8;border-radius:15px;}
.bot_cont .bg{width:65px;height:65px;margin-top:-65px;margin-bottom:15px;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;border-radius:100%;}
.bot_cont .bg:not(:first-child){display:none}
.bot_cont .tit{margin-bottom:5px;font-size:19px;font-weight:500;color:#333}
.bot_cont .desc{font-size:14px;color:#666;line-height:1.5em}

.review_wrap{margin: 50px 0;}
.review_wrap .swiper-slide{display: flex; align-items: center; margin: 20px 0;}
.review_wrap .swiper-slide .img_box{display: block; width: 110px; height: 110px; border-radius: 8px;}
.review_wrap .swiper-slide .txt_box{width: calc(100% - 150px); margin: 0 10px; font-size: 15px;}
.review_wrap .swiper-slide .txt_box .user_id{display: flex; align-items: center;}
.review_wrap .swiper-slide .txt_box .user_id i{margin-right: 5px;}
.review_wrap .swiper-slide .txt_box .txt{margin-top: 15px; line-height: 1.5em; -webkit-line-clamp: 3;}
.review_wrap .swiper-pagination-progressbar{top: unset; bottom: 0; left: 30px; width: calc(100% - 60px); height: 2px;}
.review_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #ff6700;}

.event_wrap,
.interview_wrap,
.review_wrap{margin-top:40px; padding: 30px 15px; background-color: #fafafa;}
.interview_wrap,
.review_wrap{background: none;padding:0 15px;}
.event_wrap h3,
.interview_wrap h3,
.review_wrap h3{margin-bottom:20px;}
/* .event_wrap .swiper-slide .type{font-size: 14px; font-weight: 500; color: #ff6700;} */
.event_wrap .swiper-slide .tit{font-size: 18px; font-weight: 500; line-height: 1.3; overflow: hidden;}
.event_wrap .swiper-slide .img_box,
.interview_wrap .swiper-slide .img_box,
.review_wrap a .img_box{width: 100%; height: 28vw; border-radius: 15px;}
.event_wrap .more{top: 30px;}
.review_wrap a{display:flex;justify-content: space-between;}
.review_wrap a.review:not(:nth-child(2)){display:none}
.review_wrap a .img_box,
.review_wrap a .txt_wrap{width:calc(50% - 7.5px)}
.review_wrap a .img_box img{width:100%}
.review_wrap a .txt_wrap .tit{display:block;margin-bottom:5px;font-size:19px;font-weight:500;}
.review_wrap a .txt_wrap .star_box{display:flex;align-items:center;margin-bottom:15px}
.review_wrap a .txt_wrap .txt{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height:1.5;overflow:hidden;height:4.5em;}


/* .interview_wrap{padding: 50px 0 0 0;}
.interview_wrap h3{margin-left: 15px;}
.interview_wrap .swiper-container{margin: 20px 0;}
.interview_wrap .swiper-slide{height: 305px;}
.interview_wrap .swiper-slide .info{height: 100%; padding: 70px 15px 0; background-color: rgba(0, 0, 0, .4); font-size: 14px; color: #fff; text-align: justify; overflow: hidden;}
.interview_wrap .swiper-slide .info .tit{display: block; margin-bottom: 20px; font-size: 21px; font-weight: 700;}
.interview_wrap .swiper-slide .info .txt{display: block; height: 105px; line-height: 1.5em; overflow: hidden;}
.interview_wrap .swiper-pagination{width: auto; bottom: 40px; left: 30px;}
.interview_wrap .swiper-pagination .swiper-pagination-bullet{width: 5px; height: 5px; margin-right: 5px; background: #fff; opacity: 1;}
.interview_wrap .swiper-pagination .swiper-pagination-bullet-active{width: 6px; height: 6px; border: 1px solid #fff; background: none;}
.interview_wrap .btn_more{width: 204px; margin: 0 auto; border-radius: 5.8vw; background-color: #ff6700; font-weight: 500; color: #fff;}
.interview_wrap .btn_more i{width: 6px; height: 10px; margin-left: 10px;} */

.community_wrap{padding: 40px 15px;}
.community_wrap table{width: 100%; margin-top: 15px;border-top: 1px solid #333;}
.community_wrap tbody{width: 100%;}
.community_wrap table tr{width: 100%;}
.community_wrap table td{display: inline-block; padding: 15px 5px; border-bottom: 1px solid #ddd; font-size: 15px; color: #999; text-align: center;}
.community_wrap .title{color: #333; text-align: left;}
.community_wrap .more{top: 45px;}

.help_wrap{padding: 0 15px 40px;}
.help_wrap h3{margin-bottom: 25px;}
.help_wrap ul{display: flex; align-items: flex-end;}
.help_wrap ul li{width: 33.33%; text-align: center;}
.help_wrap ul li a{display: block; height: 100%;}
.help_wrap ul li a i{display:block;width:100%;height:26px;background-position:50% 50%;background-size: auto 100%;background-repeat: no-repeat;}
.help_wrap ul li a span{display: block; margin-top: 15px; font-size: 14px; font-weight: 500;}

.modal_access_authority_info .modal_wrap .modal_inner{border-radius: 10px;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box{line-height: 1.5em;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box ul{margin-top: 25px;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box ul li{display: flex; text-align: left; margin-bottom: 10px; color: #333;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box ul li .image{width: 45px; height: 45px; margin-right: 10px;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box>.txt_box{padding-top: 18px; border-top: 1px dashed #ddd;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box>.txt_box .txt{position: relative; margin-bottom: 5px; padding-left: 5px; text-align: left;}
.modal_access_authority_info .modal_wrap .modal_inner .content_box>.txt_box .txt::before{content: '·';}
.modal_access_authority_info .modal_wrap .modal_inner .btn_wrap .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.modal_access_permission .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_access_permission .modal_wrap .modal_inner .txt{color: #333;}
.modal_access_permission .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_access_permission .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_access_permission .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_access_permission .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_access_authority_comp .modal_wrap .modal_inner{border-radius: 10px;}
.modal_access_authority_comp .modal_wrap .modal_inner .txt{color: #333;}
.modal_access_authority_comp .modal_wrap .modal_inner .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.modal_access_authority_refusal .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_access_authority_refusal .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_access_authority_refusal .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_access_authority_refusal .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_access_authority_refusal .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_push_agree_info .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_push_agree_info .modal_wrap .modal_inner .content_box .txt.font_or{color: #ff6700;}
.modal_push_agree_info .modal_wrap .modal_inner .content_box .txt_box{padding-top: 20px; margin-top: 20px; border-top: 1px dashed #ddd; text-align: left;}	
.modal_push_agree_info .modal_wrap .modal_inner .btn_wrap{display: flex;}
.modal_push_agree_info .modal_wrap .modal_inner .btn_wrap .btn{width: 50%; border-radius: 0;}
.modal_push_agree_info .modal_wrap .modal_inner .btn_wrap .btn_gr{border: 0; border-bottom-left-radius: 10px; background-color: #f0f0f0;}
.modal_push_agree_info .modal_wrap .modal_inner .btn_wrap .btn_or{border-bottom-right-radius: 10px;}

.modal_push_refusal .modal_wrap .modal_inner,
.modal_push_agree .modal_wrap .modal_inner{border-radius: 10px; line-height: 1.5em;}
.modal_push_refusal .modal_wrap .modal_inner .content_box .date,
.modal_push_agree .modal_wrap .modal_inner .content_box .date{margin-bottom: 5px; font-size: 15px; color: #333;}
.modal_push_refusal .modal_wrap .modal_inner .btn_wrap .btn_or,
.modal_push_agree .modal_wrap .modal_inner .btn_wrap .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.modal_ad_popup .modal_wrap{align-items: flex-end;}
.modal_ad_popup .modal_wrap .modal_inner{width: 100%; height: 185px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff; }
.modal_ad_popup .modal_wrap .modal_inner .adSwiper{height: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-slide .txt_box{margin: 30px 0 0 15px; font-size: 15px; color: #fff;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-slide .txt_box .tit{margin: 9px 0 15px; font-size: 21px;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-slide .txt_box .link{position: relative; display: inline-block; margin-top: 23px; font-size: 15px; color: #fff;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-slide .txt_box .link::after{content:''; width: 5px; height: 9px; position: absolute; top: 2px; right: -15px; background: url(../../images/ui/next_button_wh.png)no-repeat 50% 50% / 5px auto;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-pagination{position: absolute; top: 10px; left: unset; right: 15px; width: 40px; height: 20px; border-radius: 10px; background-color: #292e37; line-height: 18px;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-pagination::after{content: ''; position: absolute; top: 6px; left: 50%; width: 1px; height: 8px; background-color: rgba(255, 255, 255, .3);}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-pagination .swiper-pagination-total{font-size: 11px; color: #b5b5b5;}
.modal_ad_popup .modal_wrap .modal_inner .adSwiper .swiper-pagination .swiper-pagination-current{margin-right: 10px; font-size: 11px; color: #fff;}
.modal_ad_popup .modal_wrap .modal_inner .chk_box{position: absolute; top: -25px; left: 15px;}
.modal_ad_popup .modal_wrap .modal_inner .chk_box label{display: block;}
.modal_ad_popup .modal_wrap .modal_inner .chk_box span{width: 150px; height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: 22px auto;  font-size: 14px; color: #fff; line-height: 22px;}
.modal_ad_popup .modal_wrap .modal_inner .btn_close{top: -25px; background-image: url(../../images/ui/btn_close.png);}

.modal_tutorial .modal_wrap .modal_inner{position: relative; width: 100%; height: 100%; background-color: #fff;}
.modal_tutorial .modal_wrap .modal_inner .mySwiper{width: 100%; height: 100%;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide{position: relative; width: 100%; height: 100%;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 335px; background-color: #f9e9df; z-index: -1;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .image{width: 250px; height: 358px; margin: 37px auto 0;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .txt_box{text-align: center; margin-bottom: 40px;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .txt_box .tit{margin: 30px 0 ; font-size: 27px; font-weight: 500; color: #333;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .txt_box .txt{font-size: 15px; color: #333;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .btn_wrap{position: absolute; bottom: 0; left: 0; width: 100%;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide .btn_wrap .btn_ok{display: block; width: 100%; border-radius: 0; background-color: #666; color: #fff;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide.last_view .btn_wrap{display: flex;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide.last_view .btn_wrap a{width: 50%;}
.modal_tutorial .modal_wrap .modal_inner .swiper-slide.last_view .btn_wrap .btn_non_show{border-radius: 0; background-color: #f0f0f0;}
.modal_tutorial .modal_wrap .modal_inner .mySwiper .swiper-pagination{bottom: 80px;}
.modal_tutorial .modal_wrap .modal_inner .mySwiper .swiper-pagination .swiper-pagination-bullet{width:10px; height: 10px; border-radius: 50%; background-color: #ddd; opacity: 1;}
.modal_tutorial .modal_wrap .modal_inner .mySwiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff6700}

/* slick slider */
.modal_tutorial .modal_wrap .modal_inner{position: relative; width: 100%; height: 100%; background-color: #fff;}
.modal_tutorial .modal_wrap .modal_inner .slick-slider{width: 100%; height: 100%;}
.modal_tutorial .modal_wrap .modal_inner .slick-slider .slick-list,
.modal_tutorial .modal_wrap .modal_inner .slick-slider .slick-track{height: 100%;}
.modal_tutorial .modal_wrap .modal_inner .btn_wrap{position: absolute; bottom: 0; left: 0; width: 100%;}
.modal_tutorial .modal_wrap .modal_inner .btn_wrap .btn_ok{display: block; width: 100%; border-radius: 0; background-color: #666; color: #fff;}
.modal_tutorial .modal_wrap .modal_inner .last_view .btn_wrap{display: flex;}
.modal_tutorial .modal_wrap .modal_inner .last_view .btn_wrap a{width: 50%;}
.modal_tutorial .modal_wrap .modal_inner .last_view .btn_wrap .btn_non_show{border-radius: 0; background-color: #f0f0f0;}
.modal_tutorial .modal_wrap .modal_inner .slick-dots{position: fixed; bottom: 80px; display: flex; justify-content: center; width: 100%;}
.modal_tutorial .modal_wrap .modal_inner .slick-dots li{width: 10px; height: 10px; margin: 0 4px; border-radius: 5px; background-color: #ddd;}
.modal_tutorial .modal_wrap .modal_inner .slick-dots li.slick-active{background-color: #ff6700;}

.modal_evtpop .modal_wrap .modal_inner{width:90%;max-width:400px;border:2px solid #fff}
.modal_evtpop .modal_wrap .modal_inner .modal_contents{font-size:0;}
.modal_evtpop .modal_wrap .modal_inner .btn_wrap{display:flex;background-color: #000;justify-content: space-between;}
.modal_evtpop .modal_wrap .modal_inner .btn_wrap .btn{display:inline-block;padding:0 20px;;height:11.7vw;border:none;background:none;color:#fff;}
.modal_evtpop .modal_wrap .modal_inner .btn_wrap .btn:first-child{text-align:left}
@media (min-width: 460px){
	.modal_evtpop .modal_wrap .modal_inner .btn_wrap .btn{height:53px}
}

.modal_evtpop2 .modal_wrap .modal_inner{width:90%;max-width:540px;border:2px solid #fff}
.modal_evtpop2 .modal_wrap .modal_inner .modal_contents{font-size:0;}
.modal_evtpop2 .modal_wrap .modal_inner .btn_wrap{display:flex;background-color: #000;justify-content: space-between;}
.modal_evtpop2 .modal_wrap .modal_inner .btn_wrap .btn{display:inline-block;padding:0 20px;;height:11.7vw;border:none;background:none;color:#fff;}
.modal_evtpop2 .modal_wrap .modal_inner .btn_wrap .btn:first-child{text-align:left}
@media (min-width: 460px){
	.modal_evtpop2 .modal_wrap .modal_inner .btn_wrap .btn{height:53px}
}
/* main arti */
.mainpage section.list_wrap{margin-top: 40px;}
.mainpage section.list_wrap ul{margin-top: 15px; border-top: 1px solid #ddd;}
.mainpage section.list_wrap ul li{border-bottom: 1px solid #ddd;}
.mainpage section.list_wrap ul li a{position: relative; display: block; padding: 15px 0; font-size: 14px; color: #666;}
.mainpage section.list_wrap ul li a .tit{width: 80%; margin: 0; font-size: 18px; font-weight: 500; color: #333;}
.mainpage section.list_wrap ul li a div{margin: 15px 0 10px;}
.mainpage section.list_wrap ul li a .date{position: relative; margin-right: 20px;}
.mainpage section.list_wrap ul li a .date::after{content: ''; position: absolute; top: 5px; right: -13px; width: 1px; height: 10px; background-color: #ddd;}
.mainpage section.list_wrap ul li a .badge{position: absolute; top: calc(50% - 13px); right: 0; display: block; height: 27px; padding: 0 9px; border-radius: 3px; background-color: #ff6700; font-size: 13px; font-weight: 500; color: #fff; line-height: 27px;}
.mainpage section.list_wrap ul li a .badge.non{background-color: #666;}
.mainpage section.list_wrap ul li a .type span{position: relative; margin-right: 15px;}
.mainpage section.list_wrap ul li a .type span:last-of-type{margin-right: 0;}
.mainpage section.list_wrap ul li a .type span::after{content: '>'; position: absolute; top: 1px; right: -13px;}
.mainpage section.list_wrap ul li a .type span:last-of-type::after{display: none;}
.mainpage section.list_wrap ul .non_list{padding: 50px 0 60px; text-align: center;}
.mainpage section.list_wrap ul .non_list span{display: block; padding: 0; margin-top: 18px; color: #666; line-height: 1.5em;}
.mainpage section.list_wrap ul .non_list .btn{display: block; padding: 0; margin-top: 24px; font-size: 3.9vw; color: #fff; text-align: center;}

.mainpage.arti{}
.mainpage.arti .main_visual{padding: 80px 15px 30px;}
.mainpage.arti .main_visual .image{width: 200px; height: 200px; margin: 0 auto 25px; border-radius: 50%;overflow:hidden}
.mainpage.arti .main_visual .txt_box{padding: 0; text-align: left;}
.mainpage.arti .main_visual .txt_box .arti_name{font-size: 24px; font-weight: 500;}
.mainpage.arti .main_visual .txt_box div{margin: 20px 0 15px;}
.mainpage.arti .main_visual .txt_box div span{position: relative; margin-right: 20px; font-size: 14px;}
.mainpage.arti .main_visual .txt_box div span::after{content: ''; position: absolute; top: 5px; right: -13px; width: 1px; height: 10px; background-color: rgba(255, 255, 255, .3);}
.mainpage.arti .main_visual .txt_box div span:last-of-type::after{display: none;}
.mainpage.arti .main_visual .txt_box .price{font-size: 24px; font-weight: 700;}
.mainpage.arti .main_visual .link{display: block; width: 100%; height: 45px; margin: 30px 0; border: 1px solid #000; border-radius: 22px; font-size: 15px; color: #000; line-height: 45px; text-align: center;}
.mainpage.arti .apply_wrap{margin-top: 0;}
.mainpage.arti .apply_wrap .title_box{margin: 40px 0 30px; text-align: center;}
.mainpage.arti .apply_wrap .title_box h2{font-size: 21px; font-weight: 300;}
.mainpage.arti .apply_wrap .title_box h2 span{font-weight: 700;}
.mainpage.arti .apply_wrap .more{top: 92px;}
.mainpage.arti .chat_wrap{padding-top: 0; background-color: #fff; z-index: 1;}
.mainpage.arti .chat_wrap ul li a{display: flex; width: 100%;}
.mainpage.arti .chat_wrap ul li a div{margin: 0;}
.mainpage.arti .chat_wrap ul li a .profile_box{width: 50px; text-align: center;}
.mainpage.arti .chat_wrap ul li a .profile_box .image{width: 44px; height: 44px; margin-bottom: 5px; border-radius: 50%;}
.mainpage.arti .chat_wrap ul li a .profile_box .user_name{color: #333;}
.mainpage.arti .chat_wrap ul li a .txt_box{width: calc(100% - 145px); margin: 0 15px; color: #333;}
.mainpage.arti .chat_wrap ul li a .txt_box .tit{width: auto;}
.mainpage.arti .chat_wrap ul li a .txt_box div{margin: 9px 0 15px;}
.mainpage.arti .chat_wrap ul li a .txt_box .chat_cont{margin: 0; font-size: 14px; font-weight: 400; color: #666;}
.mainpage.arti .chat_wrap ul li a .status_box span{font-size: 13px; color: #999;}
.mainpage.arti .chat_wrap ul li a .badge{width: 27px; border-radius: 13px;}
.mainpage.arti .event_wrap{margin-top: 40px;}
.mainpage.arti .community_wrap ul li a{display: flex; justify-content: space-between; align-items: center;}
.mainpage.arti .community_wrap ul li a div{margin: 0;}
.mainpage.arti .community_wrap ul li a span{color: #999;}
.mainpage.arti .community_wrap ul li a .txt_box{width: calc(100% - 50px);}
.mainpage.arti .community_wrap ul li a .txt_box span{display: block; margin-top: 10px;}
.mainpage.arti .community_wrap ul li a .date{margin: 0;}
.mainpage.arti .community_wrap ul li a .date::after{display: none;}
.modal_arti_popup .modal_wrap{align-items: flex-end;}
.modal_arti_popup .modal_wrap .modal_inner{width: 100%; padding: 35px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff;}
.modal_arti_popup .modal_wrap .modal_inner .cont_box{display: flex; margin-bottom: 25px;}
.modal_arti_popup .modal_wrap .modal_inner .cont_box .txt_box{width: calc(100% - 60px);}
.modal_arti_popup .modal_wrap .modal_inner .cont_box .txt_box .tit{font-size: 17px; line-height: 1.5em;}
.modal_arti_popup .modal_wrap .modal_inner .cont_box .txt_box .txt{font-size: 14px;}
.modal_arti_popup .modal_wrap .modal_inner .cont_box .image{width: 60px; height: 60px; border-radius: 50%;}
.modal_arti_popup .modal_wrap .modal_inner .link{position: relative; font-size: 15px;}
.modal_arti_popup .modal_wrap .modal_inner .link::after{content:''; width: 5px; height: 9px; position: absolute; top: 6px; right: -15px; background: url(../../images/ui/next_button.png)no-repeat 50% 50% / 5px auto;}
.modal_arti_popup .modal_wrap .modal_inner .chk_box{position: absolute; top: -25px; left: 15px;}
.modal_arti_popup .modal_wrap .modal_inner .chk_box label{display: block;}
.modal_arti_popup .modal_wrap .modal_inner .chk_box span{width: 150px; height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: 22px auto;  font-size: 14px; color: #fff; line-height: 22px;}
.modal_arti_popup .modal_wrap .modal_inner .btn_close{top: -25px; background-image: url(../../images/ui/btn_close.png);}

/* mainpage membership */
.mainpage.membership{}
.mainpage.membership .registration_wrap{margin-top: 0;}
.mainpage.membership .registration_wrap .title_box{margin: 40px 0 30px; text-align: center;}
.mainpage.membership .registration_wrap .title_box h2{font-size: 21px; font-weight: 300;}
.mainpage.membership .registration_wrap .title_box h2 span{font-weight: 700;}
.mainpage.membership .registration_wrap .cont_bot{display: flex; align-items: center; margin-top: 15px;}
.mainpage.membership .registration_wrap .cont_bot span{display: inline-block;}
.mainpage.membership .registration_wrap .cont_bot .volunteer{margin: 0 10px 0 5px;}
.mainpage.membership .registration_wrap .cont_bot .profile_lists{display: flex; margin: 0; border: 0 none;}
.mainpage.membership .registration_wrap .cont_bot .profile_lists .list{width: 23px; height: 23px; margin-left: -5px; border: 1px solid #ddd; border-radius: 50%;}
.mainpage.membership .registration_wrap .more{top: 92px;}
.mainpage.membership .inquiry_wrap ul li a{display: flex;}
.mainpage.membership .inquiry_wrap ul li a div{margin: 0;}
.mainpage.membership .inquiry_wrap ul li a .image{width: 50px; height: 50px; margin-right: 10px; border-radius: 5px;}
.mainpage.membership .inquiry_wrap ul li a .txt_box{width: calc(100% - 150px);}
.mainpage.membership .inquiry_wrap ul li a .txt_box .tit{width: auto;}
.mainpage.membership .inquiry_wrap ul li a .txt_box .txt{margin: 12px 0 9px;}
.mainpage.membership .inquiry_wrap ul li a .txt_box .date{position: unset; margin: 0;}
.mainpage.membership .inquiry_wrap ul li a .txt_box .date::after{display: none;}
.mainpage.membership .chat_wrap{padding-top: 0; background-color: #fff; z-index: 1;}
.mainpage.membership .chat_wrap ul li a{display: flex; width: 100%;}
.mainpage.membership .chat_wrap ul li a div{margin: 0;}
.mainpage.membership .chat_wrap ul li a .profile_box{width: 50px; text-align: center;}
.mainpage.membership .chat_wrap ul li a .profile_box .image{width: 50px; height: 50px; margin-bottom: 5px; border-radius: 5px;}
.mainpage.membership .chat_wrap ul li a .profile_box .user_name{color: #333;}
.mainpage.membership .chat_wrap ul li a .txt_box{width: calc(100% - 145px); margin: 0 15px; color: #333;}
.mainpage.membership .chat_wrap ul li a .txt_box .tit{width: auto;}
.mainpage.membership .chat_wrap ul li a .txt_box .txt{display: inline-block; margin: 9px 0 15px;}
.mainpage.membership .chat_wrap ul li a .txt_box .chat_cont{margin: 0; font-size: 14px; font-weight: 400; color: #666;}
.mainpage.membership .chat_wrap ul li a .status_box span{font-size: 13px; color: #999;}
.mainpage.membership .chat_wrap ul li a .status_box .badge{width: 27px; border-radius: 13px; color: #fff;}
.mainpage.membership .about_wrap{border: 0;}
.mainpage.membership .about_wrap h3{margin: 55px 0 30px;}
.mainpage.membership .community_wrap ul li a{display: flex; justify-content: space-between; align-items: center;}
.mainpage.membership .community_wrap ul li a div{margin: 0;}
.mainpage.membership .community_wrap ul li a span{color: #999;}
.mainpage.membership .community_wrap ul li a .txt_box{width: calc(100% - 50px);}
.mainpage.membership .community_wrap ul li a .txt_box span{display: block; margin-top: 10px;}
.mainpage.membership .community_wrap ul li a .date{margin: 0;}
.mainpage.membership .community_wrap ul li a .date::after{display: none;}
.modal_member_popup .modal_wrap{align-items: flex-end;}
.modal_member_popup .modal_wrap .modal_inner{width: 100%; padding: 35px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fff;}
.modal_member_popup .modal_wrap .modal_inner .cont_box{display: flex; margin-bottom: 25px;}
.modal_member_popup .modal_wrap .modal_inner .cont_box .txt_box{width: calc(100% - 60px);}
.modal_member_popup .modal_wrap .modal_inner .cont_box .txt_box .tit{font-size: 17px; line-height: 1.5em;}
.modal_member_popup .modal_wrap .modal_inner .cont_box .txt_box .txt{font-size: 14px;}
.modal_member_popup .modal_wrap .modal_inner .cont_box .image{width: 60px; height: 60px; border-radius: 50%;}
.modal_member_popup .modal_wrap .modal_inner .link{position: relative; font-size: 15px;}
.modal_member_popup .modal_wrap .modal_inner .link::after{content:''; width: 5px; height: 9px; position: absolute; top: 6px; right: -15px; background: url(../../images/ui/next_button.png)no-repeat 50% 50% / 5px auto;}
.modal_member_popup .modal_wrap .modal_inner .chk_box{position: absolute; top: -25px; left: 15px;}
.modal_member_popup .modal_wrap .modal_inner .chk_box label{display: block;}
.modal_member_popup .modal_wrap .modal_inner .chk_box span{width: 150px; height: 22px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: 22px auto;  font-size: 14px; color: #fff; line-height: 22px;}
.modal_member_popup .modal_wrap .modal_inner .btn_close{top: -25px; background-image: url(../../images/ui/btn_close.png);}
.modal_non_vip .modal_wrap .modal_inner{border-radius: 10px;}
.modal_non_vip .modal_wrap .modal_inner .txt{color: #333;}
.modal_non_vip .modal_wrap .modal_inner .btn_or{border-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

img.img_lazy_load{object-fit: cover;width: 100%;height: 100%;opacity: 0;transition: opacity 0.2s ease;}
img.img_lazy_load.loaded {opacity: 1;}


@media (min-width: 460px){
  .mainpage section.list_wrap ul .non_list .btn{height: 53px; font-size: 17px; line-height: 53px;}
}

@media (max-width: 415px){
	.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .profile_lists .list:nth-child(4){display:none}
}
@media (max-width: 375px){
	.notice_wrap .noticeSwiper .swiper-slide a .cont_bot .profile_lists .list:nth-child(3){display:none}
}


.team_name_badge {display:inline-block;width:42px;height:22px;margin-right:5px;background-repeat: no-repeat;background-size: 100% auto;vertical-align:top;}
.team_name_badge.gold{background-image: url(../../images/icon/gold.png);}
.team_name_badge.silver{background-image: url(../../images/icon/silver.png);}
.team_name_badge.bronze{background-image: url(../../images/icon/bronze.png);}