@charset "utf-8";

 
header:before{display:none;}
#main_content{width: 100%; box-sizing: border-box; z-index:1; position:relative;}
#main_content:before{width:100%; display:block; content:""; position:absolute; left:0; top:-115px; background:linear-gradient(180deg, #0b0f1b, #151c2f); height:1350px; z-index:-1;}

/*·¹À̾î Æ˾÷*/
 a.popupgo{display:block; width:100%; text-align:center; padding:8px 10px;  background-color:#5300ff; color:#fff; font-size:17px; font-weight:500;}
 a.popupgo:hover{background-color:#ff0076;}

.today_close{width:100%; padding:10px; background-color:#000; text-align:right; color:#fff;}
.today_close label, .today_close a, .today_close input{display:inline-block; vertical-align:middle;}
.today_close a{margin:-4px 0 0 5px;}
.today_close input{border-radius:0; border:none;}



/*¸ÞÀÎ ½½¶óÀ̵å*/
.main_top{width:1760px; margin:0 auto;}
.main_slide{position:relative; border-radius:30px 30px 0 0; width:100%; overflow:hidden;}
.ms_list{width:100%; height:360px; position:relative; z-index:0;}
.ms_list li{width:100%;}
.ms_list li img{width:100%;}
.main_slide .controll{position:absolute; width:100%; height:50px; bottom:0; left:0; font-size:0; padding:16.5px 0 16.5px 50%; z-index:1;}
.main_slide .controll:before{position:absolute; width:50%; height:100%; display:block; content:""; left:0; top:0; background: linear-gradient(90deg, #0f1422, #0f1422); z-index:-1;}
.main_slide .controll:after{position:absolute; width:50%; height:100%; display:block; content:""; right:0; top:0; background-color:#080e20; opacity:0.6; z-index:-1;}
.main_slide .controll > ul, .main_slide .controll > ul li{display:inline-block; vertical-align:middle;}
.main_slide .controll > ul li:last-child{margin-right:0 !important;}
.main_slide .controll > ul.btn{padding:0 15px;}
.main_slide .controll > ul.btn li{margin-right:15px;}
.main_slide .controll > ul.circle{padding-left:10px;}
.main_slide .controll > ul.circle li{margin-right:8px;}
.main_slide .controll > ul.circle li a{width:13px; height:13px; display:block; border-radius:50%;}
.main_slide .controll > ul.circle li a.tn{border:2px solid #58f901;}
.main_slide .controll > ul.circle li a.bm{border:2px solid #62eeff;}
.main_slide .controll > ul.circle li a.pp{border:2px solid #ff8400;}
.main_slide .controll > ul.circle li a.mt{border:2px solid #ff4db2;}
.main_slide .controll > ul.circle li a.ds{border:2px solid #0aeba9;}
.main_slide .controll > ul.circle li a.ns{border:2px solid #74c2ff;}
.main_slide .controll > ul.circle li a.active.tn{background:#58f901;}
.main_slide .controll > ul.circle li a.active.bm{background:#62eeff;}
.main_slide .controll > ul.circle li a.active.pp{background:#ff8400;}
.main_slide .controll > ul.circle li a.active.mt{background:#ff4db2;}
.main_slide .controll > ul.circle li a.active.ds{background:#0aeba9;}
.main_slide .controll > ul.circle li a.active.ns{background:#74c2ff;}


/*¸ÞÀÎ °Ë»ö*/
.main_search .inner{font-size:0; position:relative;}
.main_search .inner:before{width:1px; height:100%; display:block; content:""; position:absolute; left:50%; top:0;}
.main_search .inner:after{width:50px; height:50px; border-radius:50%; display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-position:center !important; background-color:#0e1422 !important;}
.main_search .inner > div{display:inline-block; vertical-align:top; width:50%; position:relative;}
.ms_tit{padding:13px 20px;}
.ms_tit:before{z-index:-1; display:block; content:"SEARCH CLUB"; position:absolute; left:0; top:-15px; font-size:70px; font-weight:700; color:transparent; opacity:0.2; letter-spacing:-4px;}
.ms_tit h1{font-weight:700; font-size:40px; color:#fff; display:inline-block; vertical-align:bottom; letter-spacing:-2px; line-height:1em;}
.ms_tit p{font-size:18px; line-height:1em; margin-left:25px; display:inline-block; vertical-align:bottom;}
.ms_tit .keyword{margin-top:30px;}
.ms_tit .keyword li{display:inline-block; vertical-align:middle; margin-right:10px; margin-bottom:3px;}
.ms_tit .keyword li:last-child{margin-right:0;}
.ms_tit .keyword li a{display: inline-block; font-size:17px; color:#fff; padding:10px 15px; line-height:1em;  border-radius:5px;}
.ms_search{padding-left:20px;}
.ms_search .ms_top{position:relative;}
.ms_search .ms_top:before{width:15px; height:21px; position:absolute; content:""; display:block; left:0; top:50%; transform:translateY(-50%);}
.ms_search select, .ms_search input, .ms_search button{display:inline-block; vertical-align:middle;}
.ms_search select{width:100%; border:none; font-size:20px; font-weight:500; padding:30px 70px 30px 33px; height:90px; position:relative;}
.ms_search select option{background:#0b0f1b; color:#fff; font-family:"Pretendard"; font-size:18px; padding:10px 0;}
.ms_search input{width:calc(100% - 65px); background:none; font-family:"Pretendard"; font-size:17px !important; border:none; padding-left:35px; height:90px;}
.ms_search input::placeholder{font-family:"Pretendard"; font-size:17px;}
.ms_search button{width:65px; height:65px; border-radius:30px 30px 0 30px; }



.ms_search input:-webkit-autofill,
.ms_search input:-webkit-autofill:hover,
.ms_search input:-webkit-autofill:focus,
.ms_search input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    box-shadow: 0 0 0px 1000px #0f1422 inset;
    transition: background-color 5000s ease-in-out 0s;
}
.ms_search input:autofill,
.ms_search input:autofill:hover,
.ms_search input:autofill:focus,
.ms_search input:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #0f1423 inset;
    box-shadow: 0 0 0px 1000px #0f1422 inset;
    transition: background-color 5000s ease-in-out 0s;
}



.main_center{width:1760px; margin:0 auto; position:relative; padding-top:110px;}
.main_center:before{position: absolute; content: ""; display:block; width: 100%; height:calc(100% - 85px); top:0; left:0; background-color:#1d7569; z-index: -1;}
.main_center:after{position: absolute; content: ""; display:block; width: 100%; height:512px; box-sizing:border-box; bottom: -172px; left: 0px; background: url(/images/main/main_bottom.png) no-repeat; background-position: center bottom; z-index: -1;}


/*Ŭ·´¹è³Ê*/
#club_banner{margin-bottom:115px; position:relative; z-index:1;}
#club_banner:before{display:block; content:""; position:absolute; width:calc(100% - 160px); height:calc(100% + 100px); border:10px solid #fff; box-sizing:border-box; left:50%; top:-50px; transform:translateX(-50%); z-index:-1;}
#club_banner:after{display:block; content:""; position:absolute; width:calc(100% - 160px); height:3px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
#club_banner .line{position:absolute; width:68%; height:calc(100% + 100px); border:3px solid #fff; left:50%; top:-50px; transform:translateX(-50%); z-index:-1;}
#club_banner .line:before{display:block; content:""; position:absolute; width:calc(100% + 4.5px); height:55%; border:3px solid #fff; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1; box-sizing:border-box;}
#club_banner .line:after{display:block; content:""; position:absolute; width:3px; height:55%; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}

#club_banner .notice{width:100%; border-radius:100px; background:#0b0f1c; padding:12px 30px; font-size:0;}
#club_banner .notice p{display:inline-block; vertical-align:middle; font-size:20px; font-weight:600; padding:6px 0 6px 38px; color:#fff; width:calc(100% - 290px);}
#club_banner .notice .state{display:inline-block; vertical-align:middle; width:290px;}
#club_banner .notice .state li{display:inline-block; vertical-align:middle; font-weight:500; font-size:17px; color:#fff; padding-left:28px; margin-right:30px; position:relative;}
#club_banner .notice .state li:before{display:block; position:absolute; content:""; left:0; top:0.5px; width:18px; height:18px; box-sizing:border-box; border-radius:50%;}
#club_banner .notice .state li.ing:before{border:4px solid #1eff00;}
#club_banner .notice .state li.app:before{border:4px solid #001eff;}
#club_banner .notice .state li.end:before{border:4px solid #838383;}
#club_banner .notice .state li:last-child{margin-right:0;}


.banner_list{margin:45px 0 20px 0;}
.banner_list ul{display:flex; flex-wrap:wrap;}
.banner_list ul li{display:inline-block; vertical-align:top; margin-right:2%; width:calc(92%/5); position:relative; margin-bottom:25px;}
.banner_list ul li:last-child{margin-right:0;}
.banner_list ul li:nth-child(5n){margin-right:0;}
.banner_list ul li.made a{position:relative;}
.banner_list ul li.made a:before{width:30px; height:18px; position:absolute; display:block; content:""; left: 15px; top: -8px; z-index: 2;}
.banner_list ul li.skin2.made a:before{left: 24px; top: -7px;}
.banner_list ul li.skin3.made a:before{left: 14px;}
.banner_list ul li div.cover{font-size:0; position:relative; z-index:1;}
.banner_list ul li div.cover > div{display:inline-block; vertical-align:middle;}
.banner_list ul li div.cover > div.emblem{width:60px; height:60px; border-radius:50%; border:5px solid #838383; background-color:#fff; overflow:hidden;}
.banner_list ul li.ing div.cover > div.emblem{border:5px solid #1eff00;}
.banner_list ul li.app div.cover > div.emblem{border:5px solid #001eff;}
.banner_list ul li div.cover > div.emblem img{width:100%;}
.banner_list ul li div.cover > div.cname{width:calc(100% - 60px); padding-left:10px; font-weight:600; font-size:18px; letter-spacing:-1.5px;}
.banner_list ul li div.cover > div.skin_line{position:absolute;}

/*Ŭ·´ ¹è³Ê ½ºÅ²*/
.banner_list ul li.skin1 div.cover{padding:8px 8px 8px 0;}
.banner_list ul li.skin1 div.cover:before{display:block; content:""; position:absolute; width:calc(100% - 12px); height:100%; background-color:#fff; right:0; top:0; border:1px solid #ddd; z-index:-1; box-sizing:border-box; border-radius:0 5px 5px 0;}
.banner_list ul li.skin1 div.skin_line{width:25px; height:100%; right:0; top:0; border:4px solid; border-radius:0 5px 5px 0; border-left:none !important;}

.banner_list ul li.skin2 div.cover{padding:7px 8px; border-radius:100px 0 0 100px; border:1px solid #ddd; background-color:#fff;}
.banner_list ul li.skin2 div.skin_line{border-right:5px solid; height:calc(100% + 2px); right:-1px; top:-1px;}

.banner_list ul li.skin3:before {width:calc(100% - 49px); display:block; content:""; position:absolute; background-color:#fff; border:1px solid #ddd; border-left:none; box-sizing:border-box; right:0; top:0; height:100%;}
.banner_list ul li.skin3:after {display:block; content:""; position:absolute; background-color:#1d7569; border-bottom:1px solid #ddd; box-sizing:border-box; left:0; top:0px; width: 0; height: 0; border-bottom: 39px solid #fff; border-top: 37px solid transparent; border-right: 25px solid #fff; border-left: 25px solid transparent;}
.banner_list ul li.skin3 div.cover{padding:8px 8px 8px 0;}
.banner_list ul li.skin3 div.skin_line{width:10px; height:98%; left:25px; top:1px; transform:skew(-33.5deg); z-index: -1;}
.banner_list ul li.skin3 div.cover:after{display:block; content:""; position:absolute; width:50px; height:1px; left:0; bottom:0; background-color:#ddd;}



/*¸ÞÀÎ ÇÏ´Ü*/
.main_bottom{width:100%; position:relative;}
.main_bottom .inner{font-size:0;}
.main_bottom .inner > div{width:50%; display:inline-block; vertical-align:top;}

/*°æ±âÀå À§Ä¡*/
.where{padding-right:45px; border-right:1px solid #fff;}
.where h1{font-weight:600; font-size:35px; color:#fff; line-height:1.3em;}
.where h1 .w_logo{display:inline-block; width:118px; height:50px; }
.where h1 .w_logo img{width:100%; margin-top:-15px;}
.where h1 span{display:block;}
.where p{font-size:18px; color:#fff; margin-top:15px;}
.where_search{margin-top:20px; background-color:#145a50;}
.where_search .ws_top{position:relative;}
.where_search .ws_top:before{width:15px; height:21px; position:absolute; content:""; display:block;  background:url(/images/main/search_area_icon2.png) no-repeat; background-position:left center; left:20px; top:50%; transform:translateY(-50%);}
.where_search select, .where_search input, .where_search button{display:inline-block; vertical-align:middle;}
.where_search select{width:100%; border:none; border-bottom:1px dashed #a1d9d1; color:#fff; font-size:20px; font-weight:500; background:url(/images/main/search_arr2.png) no-repeat; background-position:right 40px center; padding:17px 60px 17px 45px; height:60px; position:relative;}
.where_search select option{background:#145a50; color:#fff; font-family:"Pretendard"; font-size:18px; padding:10px 0;}
.where_search input{width:calc(100% - 90px); font-family:"Pretendard"; font-size:20px; font-weight:500; color:#fff; border:none; padding-left:50px; background:url(/images/main/search_input_icon2.png) no-repeat; background-position:left 20px center; height:60px;}
.where_search input::placeholder{font-family:"Pretendard"; font-weight:500; font-size:20px; color:#fff;}
.where_search button{width:90px; height:60px;}

.where_searchh input:-webkit-autofill,
.where_search input:-webkit-autofill:hover,
.where_search input:-webkit-autofill:focus,
.where_search input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #145a50 inset;
    box-shadow: 0 0 0px 1000px #145a50 inset;
	-webkit-text-fill-color: #fff;
}
.where_search input:autofill,
.where_search input:autofill:hover,
.where_search input:autofill:focus,
.where_search input:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #145a50 inset;
    box-shadow: 0 0 0px 1000px #145a50 inset;
	-webkit-text-fill-color: #fff;
}


/*Ŭ·´ÇöȲ*/
.club_now{padding-left:45px; position:relative;}
.club_now h1{font-weight:600; font-size:35px; color:#fff; margin-bottom:35px;}
.club_now ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.club_now ul li{display:inline-block; vertical-align:top; text-align:center;}
.club_now ul li h5{font-weight:600; font-size:17px; color:#fff; margin-bottom:10px;}
.club_now ul li.tennis .graph{background:url(/images/main/now_tn.png) no-repeat; background-position:center; background-size: 37%;}
.club_now ul li.badminton .graph{background:url(/images/main/now_bm.png) no-repeat; background-position:center; background-size: 30%;}
.club_now ul li.pingpong .graph{background:url(/images/main/now_pp.png) no-repeat; background-position:center; background-size: 38%;}
.club_now ul li.marathon .graph{background:url(/images/main/now_mt.png) no-repeat; background-position:center; background-size: 34%;}
.club_now ul li.climbing .graph{background:url(/images/main/now_cl.png) no-repeat; background-position:center; background-size: 28%;}
.club_now ul li.fishhook .graph{background:url(/images/main/now_fs.png) no-repeat; background-position:center; background-size: 50%;}
.club_now ul li p{font-weight:700; font-size:25px; color:#fff; margin-top:10px;}

/*Ŭ·´ ¼øÀ§ º¸·¯°¡±â*/
.go_rank{position:absolute; right:0; top:0; padding-left:33px; background:url(/images/main/rank_tit.png) no-repeat; background-position:left center;}
.go_rank:before{position:absolute; width:100%; content:""; display:block; height:2px; bottom:-7px; left:0; background-color:#fff; transition:0.4s all ease;}
.go_rank:hover:before{width:0%;}
.go_rank a{font-weight:600; font-size:22px; color:#fff;}
.go_rank a span.go{display:inline-block; font-size:17px; color:#fff; font-weight:500; margin-left:5px; padding:4px 28px 4px 12px; position:relative; background:url(/images/main/rank_go_icon.png)no-repeat; background-position:right center;}
.go_rank a span.go:after{position:absolute; width:calc(100% - 10px); border-radius:50px; background:#fff; opacity:0.6; display:block; content:""; right:10px; top:0; height:100%;  transition:0.5s all ease; mix-blend-mode:soft-light;}
.go_rank a:hover span.go{z-index:1;}
.go_rank a:hover span.go:after{width:28px; opacity:1; mix-blend-mode:normal; z-index:-1;}



.footer_wrap {padding: 180px 5px 15px;}

/*·¹À̾î Æ˾÷*/
.popup{position:absolute; z-index:10; max-width:93%;}
.popup .popup_img{overflow:hidden;}
.popup .popup_img img{width:100%;}


.pop_skin{overflow:hidden; background:url(/images/rhksflwk/pop_skin1_bg.png)repeat-y; background-size:100%;  background-color:#bfebf6; box-sizing:border-box; word-break:keep-all; height:auto !important; padding:30px 40px; }  /* 05.04. anji max-width:500px; »èÁ¦ min-width:500px; Ãß°¡  */
.pop_skin .pop_in{position:relative; background-color:#fff; padding:20px; height:100%; min-height:300px;}
.pop_skin .pop_in p{width:100%; box-sizing:border-box; font-size:22px; font-weight:700; font-family: 'Pretendard', sans-serif; border-bottom:2px solid #3b555c; padding-bottom:8px; margin-bottom:8px;}
.pop_skin .pop_in .pop_txt{font-size:17px; width:100%; box-sizing:border-box; line-height:1.4em; padding-bottom:53px;}
.pop_skin .pop_in a.pop_gobtn{position:absolute; bottom:20px; left:50%; transform:translateX(-50%);display:block; width:180px; height:40px; border-radius:50px; background-color:#3b555c; color:#fff; font-size:18px; font-weight:500; text-align:center; margin:10px auto 0 auto; line-height:40px;}
.pop_skin .pop_in a.pop_gobtn:hover{background-color: #293f45;}


.popup_bot{width:100%; background-color:#313131; padding:10px; box-sizing:border-box; text-align:right;}   /* 05.04. anji Ãß°¡ : min-width:500px; */
.popup_bot > div, .divpopb label{display:inline-block; vertical-align:middle;}
.popup_bot label{color:#fff;}
.popup_bot div a{display:inline-block; vertical-align:middle; margin-top:-6px; margin-left:10px; width:16px;}
.popup_bot div a img{width:100%;}



/*Ŭ·´¾çµµ ¾È³»*/
#handover{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; border-radius:20px; overflow:hidden; z-index:4; text-align:center; max-width:95%;}
#handover .ho_top{width:100%; padding:13px 15px; background-color:#4029ff; position:relative;}
#handover .ho_top a.ho_close{position:absolute; top: 13px; right: 13px;}
#handover .ho_top h2{font-size:22px; color:#fff; font-weight:700;}
#handover .ho_info{padding:20px; line-height:1.3em; word-break:keep-all; font-size:17px; background:#fff;}
#handover .ho_info > span{display:block; padding:3px 5px 5px 5px; margin-top:10px; background-color:#f3ffae; border-radius:50px; font-weight:500;}
#handover .ho_info .c_red{color:#da3136; font-size:20px;}
#handover .ho_info a{display:block; margin:20px auto 0 auto; border-radius:100px; width:180px; font-size:18px; font-weight:500; background-color:#0e1322; color:#fff; padding:10px;}
#handover .ho_info a:hover{background-color:#000; color:#b9b0ff;}





/******Å״Ͻº Ŭ·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.tn .main_search .inner:before{background-color:#00ff00;}
#wrap.tn .main_search .inner:after{background:url(/images/main/search_bg.png) no-repeat;}
#wrap.tn .ms_tit:before{-webkit-text-stroke: 1px #00ff00;}
#wrap.tn .ms_tit p{color:#00ff00;}
#wrap.tn .ms_tit .keyword li a{border:1px solid #00ff00;}
#wrap.tn .ms_tit .keyword li a:hover{color:#00ff00;}
#wrap.tn .ms_search select{border-bottom:1px dashed #00ff00; color:#00ff00;}
#wrap.tn .ms_search input{color:#00ff00;}
#wrap.tn .ms_search input::placeholder{color:#00ff00;}
#wrap.tn .ms_search button{background:linear-gradient(135deg, #00f809, #0043ea);}
#wrap.tn .ms_search .ms_top:before{background:url(/images/main/search_area_icon.png) no-repeat; background-position:left center;}
#wrap.tn .ms_search select{background:url(/images/main/search_arr.png) no-repeat; background-position:right 28px center;}
#wrap.tn .ms_search input{background:url(/images/main/search_input_icon.png) no-repeat; background-position:left center;}

#wrap.tn .ms_search input:-webkit-autofill,
#wrap.tn .ms_search input:-webkit-autofill:hover,
#wrap.tn .ms_search input:-webkit-autofill:focus,
#wrap.tn .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #00ff03;
}
#wrap.tn .ms_search input:autofill,
#wrap.tn .ms_search input:autofill:hover,
#wrap.tn .ms_search input:autofill:focus,
#wrap.tn .ms_search input:autofill:active {
	-webkit-text-fill-color: #00ff03;
}

#wrap.tn #club_banner .notice p{background:url(/images/main/notice_icon.png) no-repeat; background-position:left center;}

#wrap.tn .go_rank a span.point{color:#ccff00;}
#wrap.tn .go_rank a:hover span:after{background:#00ff00;}



/******¹èµå¹ÎÅÏ Å¬·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.bm .main_search .inner:before{background-color:#00fdf9;}
#wrap.bm .main_search .inner:after{background:url(/images/main/search_bg_bm.png) no-repeat;}
#wrap.bm .ms_tit:before{-webkit-text-stroke: 1px #00fdf9;}
#wrap.bm .ms_tit p{color:#00fdf9;}
#wrap.bm .ms_tit .keyword li a{border:1px solid #00fdf9;}
#wrap.bm .ms_tit .keyword li a:hover{color:#00fdf9;}
#wrap.bm .ms_search select{border-bottom:1px dashed #00fdf9; color:#00fdf9;}
#wrap.bm .ms_search input{color:#00fdf9;}
#wrap.bm .ms_search input::placeholder{color:#00fdf9;}
#wrap.bm .ms_search button{background:linear-gradient(135deg, #00fdf9, #6700ea);}
#wrap.bm .ms_search .ms_top:before{background:url(/images/main/search_area_icon_bm.png) no-repeat; background-position:left center;}
#wrap.bm .ms_search select{background:url(/images/main/search_arr_bm.png) no-repeat; background-position:right 28px center;}
#wrap.bm .ms_search input{background:url(/images/main/search_input_icon_bm.png) no-repeat; background-position:left center;}

#wrap.bm .ms_search input:-webkit-autofill,
#wrap.bm .ms_search input:-webkit-autofill:hover,
#wrap.bm .ms_search input:-webkit-autofill:focus,
#wrap.bm .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #00fdf9;
}
#wrap.bm .ms_search input:autofill,
#wrap.bm .ms_search input:autofill:hover,
#wrap.bm .ms_search input:autofill:focus,
#wrap.bm .ms_search input:autofill:active {
	-webkit-text-fill-color: #00fdf9;
}

#wrap.bm #club_banner .notice p{background:url(/images/main/notice_icon_bm.png) no-repeat; background-position:left center;}

#wrap.bm .go_rank a span.point{color:#00fdf9;}
#wrap.bm .go_rank a:hover span:after{background:#00fdf9;}





/******Ź±¸ Ŭ·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.pp .main_search .inner:before{background-color:#ff9c00;}
#wrap.pp .main_search .inner:after{background:url(/images/main/search_bg_pp.png) no-repeat;}
#wrap.pp .ms_tit:before{-webkit-text-stroke: 1px #ff9c00;}
#wrap.pp .ms_tit p{color:#ff9c00;}
#wrap.pp .ms_tit .keyword li a{border:1px solid #ff9c00;}
#wrap.pp .ms_tit .keyword li a:hover{color:#ff9c00;}
#wrap.pp .ms_search select{border-bottom:1px dashed #ff9c00; color:#ff9c00;}
#wrap.pp .ms_search input{color:#ff9c00;}
#wrap.pp .ms_search input::placeholder{color:#ff9c00;}
#wrap.pp .ms_search button{background:linear-gradient(135deg, #ff9c00, #0043ea);}
#wrap.pp .ms_search .ms_top:before{background:url(/images/main/search_area_icon_pp.png) no-repeat; background-position:left center;}
#wrap.pp .ms_search select{background:url(/images/main/search_arr_pp.png) no-repeat; background-position:right 28px center;}
#wrap.pp .ms_search input{background:url(/images/main/search_input_icon_pp.png) no-repeat; background-position:left center;}

#wrap.pp .ms_search input:-webkit-autofill,
#wrap.pp .ms_search input:-webkit-autofill:hover,
#wrap.pp .ms_search input:-webkit-autofill:focus,
#wrap.pp .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #ff9c00;
}
#wrap.pp .ms_search input:autofill,
#wrap.pp .ms_search input:autofill:hover,
#wrap.pp .ms_search input:autofill:focus,
#wrap.pp .ms_search input:autofill:active {
	-webkit-text-fill-color: #ff9c00;
}

#wrap.pp #club_banner .notice p{background:url(/images/main/notice_icon_pp.png) no-repeat; background-position:left center;}

#wrap.pp .go_rank a span.point{color:#ff9c00;}
#wrap.pp .go_rank a:hover span:after{background:#ff9c00;}


/******¸¶¶óÅæ Ŭ·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.mt .main_search .inner:before{background-color:#ff0090;}
#wrap.mt .main_search .inner:after{background:url(/images/main/search_bg_mt.png) no-repeat;}
#wrap.mt .ms_tit:before{-webkit-text-stroke: 1px #ff0090;}
#wrap.mt .ms_tit p{color:#ff4db2;}
#wrap.mt .ms_tit .keyword li a{border:1px solid #ff29a2;}
#wrap.mt .ms_tit .keyword li a:hover{color:#ff29a2;}
#wrap.mt .ms_search select{border-bottom:1px dashed #ff29a2; color:#ff29a2;}
#wrap.mt .ms_search input{color:#ff29a2;}
#wrap.mt .ms_search input::placeholder{color:#ff29a2;}
#wrap.mt .ms_search button{background:linear-gradient(135deg, #ff0090, #4f00ea);}
#wrap.mt .ms_search .ms_top:before{background:url(/images/main/search_area_icon_mt.png) no-repeat; background-position:left center;}
#wrap.mt .ms_search select{background:url(/images/main/search_arr_mt.png) no-repeat; background-position:right 28px center;}
#wrap.mt .ms_search input{background:url(/images/main/search_input_icon_mt.png) no-repeat; background-position:left center;}

#wrap.mt .ms_search input:-webkit-autofill,
#wrap.mt .ms_search input:-webkit-autofill:hover,
#wrap.mt .ms_search input:-webkit-autofill:focus,
#wrap.mt .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #ff0090;
}
#wrap.mt .ms_search input:autofill,
#wrap.mt .ms_search input:autofill:hover,
#wrap.mt .ms_search input:autofill:focus,
#wrap.mt .ms_search input:autofill:active {
	-webkit-text-fill-color: #ff0090;
}


#wrap.mt #club_banner .notice p{background:url(/images/main/notice_icon_mt.png) no-repeat; background-position:left center;}

#wrap.mt .go_rank a span.point{color:#ff94bc;}
#wrap.mt .go_rank a:hover span:after{background:#ff0090;}


/******µî»ê Ŭ·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.ds .main_search .inner:before{background-color:#0aeba9;}
#wrap.ds .main_search .inner:after{background:url(/images/main/search_bg_cl.png) no-repeat;}
#wrap.ds .ms_tit:before{-webkit-text-stroke: 1px #0aeba9;}
#wrap.ds .ms_tit p{color:#0aeba9;}
#wrap.ds .ms_tit .keyword li a{border:1px solid #0aeba9;}
#wrap.ds .ms_tit .keyword li a:hover{color:#0aeba9;}
#wrap.ds .ms_search select{border-bottom:1px dashed #0aeba9; color:#0aeba9;}
#wrap.ds .ms_search input{color:#0aeba9;}
#wrap.ds .ms_search input::placeholder{color:#0aeba9;}
#wrap.ds .ms_search button{background:linear-gradient(135deg, #0aeba9, #0475ab);}
#wrap.ds .ms_search .ms_top:before{background:url(/images/main/search_area_icon_cl.png) no-repeat; background-position:left center;}
#wrap.ds .ms_search select{background:url(/images/main/search_arr_cl.png) no-repeat; background-position:right 28px center;}
#wrap.ds .ms_search input{background:url(/images/main/search_input_icon_cl.png) no-repeat; background-position:left center;}

#wrap.ds .ms_search input:-webkit-autofill,
#wrap.ds .ms_search input:-webkit-autofill:hover,
#wrap.ds .ms_search input:-webkit-autofill:focus,
#wrap.ds .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #0aeba9;
}
#wrap.ds .ms_search input:autofill,
#wrap.ds .ms_search input:autofill:hover,
#wrap.ds .ms_search input:autofill:focus,
#wrap.ds .ms_search input:autofill:active {
	-webkit-text-fill-color: #0aeba9;
}

#wrap.ds #club_banner .notice p{background:url(/images/main/notice_icon_cl.png) no-repeat; background-position:left center;}

#wrap.ds .go_rank a span.point{color:#0aeba9;}
#wrap.ds .go_rank a:hover span:after{background:#0aeba9;}




/******³¬½Ã Ŭ·´*******/
/*¸ÞÀÎ °Ë»ö*/
#wrap.ns .main_search .inner:before{background-color:#74c2ff;}
#wrap.ns .main_search .inner:after{background:url(/images/main/search_bg_fs.png) no-repeat;}
#wrap.ns .ms_tit:before{-webkit-text-stroke: 1px #74c2ff;}
#wrap.ns .ms_tit p{color:#74c2ff;}
#wrap.ns .ms_tit .keyword li a{border:1px solid #74c2ff;}
#wrap.ns .ms_tit .keyword li a:hover{color:#74c2ff;}
#wrap.ns .ms_search select{border-bottom:1px dashed #74c2ff; color:#74c2ff;}
#wrap.ns .ms_search input{color:#74c2ff;}
#wrap.ns .ms_search input::placeholder{color:#74c2ff;}
#wrap.ns .ms_search button{background:linear-gradient(135deg, #74c2ff, #0012ea);}
#wrap.ns .ms_search .ms_top:before{background:url(/images/main/search_area_icon_fs.png) no-repeat; background-position:left center;}
#wrap.ns .ms_search select{background:url(/images/main/search_arr_fs.png) no-repeat; background-position:right 28px center;}
#wrap.ns .ms_search input{background:url(/images/main/search_input_icon_fs.png) no-repeat; background-position:left center;}

#wrap.ns .ms_search input:-webkit-autofill,
#wrap.ns .ms_search input:-webkit-autofill:hover,
#wrap.ns .ms_search input:-webkit-autofill:focus,
#wrap.ns .ms_search input:-webkit-autofill:active {
	-webkit-text-fill-color: #74c2ff;
}
#wrap.ns .ms_search input:autofill,
#wrap.ns .ms_search input:autofill:hover,
#wrap.ns .ms_search input:autofill:focus,
#wrap.ns .ms_search input:autofill:active {
	-webkit-text-fill-color: #74c2ff;
}


#wrap.ns #club_banner .notice p{background:url(/images/main/notice_icon_fs.png) no-repeat; background-position:left center;}

#wrap.ns .go_rank a span.point{color:#b8e0ff;}
#wrap.ns .go_rank a:hover span:after{background:#74c2ff;}





@media screen and (max-width: 1780px)
{
 
/*¸ÞÀÎ ½½¶óÀ̵å*/
.main_top{width:100%; padding:0 10px;}
.ms_list{width:100%; height:auto;}
.bx-wrapper{margin-bottom:0 !important;}
.main_slide .controll{position:relative; padding:10px 10px 30px 15px;; text-align:center; background-color:#0e1321; height:auto;}
.main_slide .controll:before{display:none;}
.main_slide .controll:after{display:none;}


.main_center{width:100%; padding-top:60px;}

/*Ŭ·´¹è³Ê*/
#club_banner{margin-bottom:115px;}
#club_banner:before{width:calc(100% - 64px); height:calc(100% + 45px); border:8px solid #fff; top:-32px;}
#club_banner:after{width:calc(100% - 64px);}
#club_banner .line{height:calc(100% + 45px); top:-32px;}




}


@media screen and (max-width: 1450px)
{
.inner {width: 100%; padding:0 10px;}


.main_center{padding-top:35px;}
.main_center:after {bottom: -145px;}

/*Ŭ·´¹è³Ê*/
#club_banner{margin-bottom:85px;}
#club_banner:before{width:calc(100% - 30px); height:calc(100% + 35px); top:-20px;}
#club_banner:after{width:calc(100% - 30px);}
#club_banner .line{height:calc(100% + 35px); top:-20px;}

.banner_list {margin: 30px 0 5px 0;}


/*¸ÞÀÎ ÇÏ´Ü*/
.main_bottom{padding:0 10px;}

/*°æ±âÀå À§Ä¡*/
.where{padding-right:20px;}

/*Ŭ·´ÇöȲ*/
.club_now{padding-left:20px;}


.footer_wrap.inner {padding: 155px 5px 15px;}


}


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

#main_content:before {top: -95px;}

}



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

/*¸ÞÀÎ ½½¶óÀ̵å*/
.main_slide{border-radius:25px 25px 0 0; padding-bottom:10px;}
.main_slide .controll{padding:16.5px 0 16.5px 0; text-align:center;}
.main_slide .controll:before{display:none;}
.main_slide .controll:after{width:100%;}
.main_slide .controll > ul.btn{padding-left:0;}




/*Ŭ·´¹è³Ê*/
.banner_list ul li{margin-right:1.5%; width:calc(95.5% / 4);}
.banner_list ul li:nth-child(5n){margin-right:1.5%;}
.banner_list ul li:nth-child(4n){margin-right:0;}


/*Ŭ·´ ¼øÀ§ º¸·¯°¡±â*/
.go_rank{padding-left:30px; top:3px;}
.go_rank a{font-size:20px; letter-spacing:-2px;}
.go_rank a span.go{font-size:16px; margin-left:3px; letter-spacing:-1px;}
.go_rank a:hover span.go:after{width:27px;}


}





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


#main_content:before {top: -68px;}

/*¸ÞÀÎ °Ë»ö*/
.main_search .inner:before{display:none;}
.main_search .inner:after{display:none;}

.main_search .inner > div{display:block; width:100%;}
.ms_tit{padding:20px 15px 35px 15px; position:relative;}
.ms_tit:before{top:-8px;}
.ms_tit:after{width:45px; height:45px; border-radius:50%; display:block; content:""; position:absolute; left:50%; bottom:-22.5px; transform:translateX(-50%) rotate(90deg); background-color:#0e1422 !important;}
.ms_tit .keyword li {margin-right: 7px; margin-bottom: 5px;}

.ms_search{padding:25px 15px 0 15px;}
.ms_search select{padding:15px 40px 15px 33px; height:60px; background-position: right 0 center !important;}
.ms_search input{width:calc(100% - 50px); height:70px;}
.ms_search button{width:50px; height:50px; border-radius:25px 25px 0 25px;}

.main_center {background:#1d7569; padding-bottom:50px;}
.main_center:before {display:none;}
.main_center:after {display:none;}
#club_banner {margin-bottom: 40px; padding-bottom:40px; border-bottom:5px solid #fff;}
#club_banner:before{display:none;}
#club_banner:after{display:none;}
#club_banner .line{border:none;}
#club_banner .line{display:none;}
#club_banner .line{display:none;}


/*Ŭ·´¹è³Ê*/
.banner_list {margin: 20px 0 10px 0;}
.banner_list ul li{width:calc(97% / 3); margin-bottom:10px;}
.banner_list ul li:nth-child(3n){margin-right:0;}
.banner_list ul li:nth-child(4n){margin-right:1.5%;}
.banner_list ul li:nth-child(12n){margin-right:1.5%;}


/*¸ÞÀÎ ÇÏ´Ü*/
.main_bottom .inner > div{width:100%; display:block;}

.where{padding-right:0; border-right:none; border-bottom:1px solid #fff; padding-bottom:25px;}
.where h1{font-size:32px; word-break:keep-all;}
.where h1 span{display:inline;}
.where p{margin-top:10px;}
.where_search{margin-top:15px;}


/*Ŭ·´ÇöȲ*/
.club_now{padding-left:0; padding-top:20px;}
.club_now h1{font-size:32px;  margin-bottom:25px;}

.go_rank {top: 20px;}

.footer_wrap.inner {padding: 10px 5px 15px;}





/*********Å״Ͻº Ŭ·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.tn .ms_tit{border-bottom:1px solid #00ff00;}
#wrap.tn .ms_tit:after{background:url(/images/main/search_bg.png) no-repeat; background-position:center;}



/*********¹èµå¹ÎÅÏ Å¬·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.bm .ms_tit{border-bottom:1px solid #00fdf9;}
#wrap.bm .ms_tit:after{background:url(/images/main/search_bg_bm.png) no-repeat; background-position:center;}



/*********Ź±¸ Ŭ·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.pp .ms_tit{border-bottom:1px solid #ff9c00;}
#wrap.pp .ms_tit:after{background:url(/images/main/search_bg_pp.png) no-repeat; background-position:center;}




/*********¸¶¶óÅæ Ŭ·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.mt .ms_tit{border-bottom:1px solid #ff0090;}
#wrap.mt .ms_tit:after{background:url(/images/main/search_bg_mt.png) no-repeat; background-position:center;}



/*********µî»ê Ŭ·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.ds .ms_tit{border-bottom:1px solid #0aeba9;}
#wrap.ds .ms_tit:after{background:url(/images/main/search_bg_cl.png) no-repeat; background-position:center;}



/*********³¬½Ã Ŭ·´************/
/*¸ÞÀÎ °Ë»ö*/
#wrap.ns .ms_tit{border-bottom:1px solid #74c2ff;}
#wrap.ns .ms_tit:after{background:url(/images/main/search_bg_fs.png) no-repeat; background-position:center;}



}



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

#top_menu_com{border-bottom:none;}


}




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





}



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

/*Ŭ·´¹è³Ê*/
#club_banner .notice{padding:10px 20px;}
#club_banner .notice p{font-size:18px; padding:4px 0 4px 30px; background-size:20px; font-weight:500; width:calc(100% - 230px); background-size:22px !important;}
#club_banner .notice .state{width:230px;}
#club_banner .notice .state li{font-size:17px; padding-left:20px; margin-right:15px;}
#club_banner .notice .state li:before{top:3.5px; width:15px; height:15px;}
#club_banner .notice .state li.ing:before{border:3px solid #1eff00;}
#club_banner .notice .state li.app:before{border:3px solid #001eff;}
#club_banner .notice .state li.end:before{border:3px solid #838383;}

.banner_list ul li{width:calc(98.5% / 2);}
.banner_list ul li:nth-child(2n){margin-right:0 !important;}
.banner_list ul li:nth-child(3n){margin-right:1.5%;}


}


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

/*·¹ÀÌ·¯ Æ˾÷*/
.popup{left:20px !important; top:20px !important;}



/*Ŭ·´ÇöȲ*/
.club_now ul li{width:calc(100% / 3); margin-bottom:25px;}
.club_now ul li:nth-child(n+4){margin-bottom:0;}
.club_now ul li h5 {margin-bottom: 5px;}
.club_now ul li p {margin-top: 8px;}
.club_now ul li .graph {margin:0 auto;}

}




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

#main_content:before {top: -87px;}


/*¸ÞÀÎ ½½¶óÀ̵å*/
.main_slide{width:100%;}
.main_slide .controll{height:35px;  padding:9.5px 0;}
.main_slide .controll > ul.circle li a{width:11px; height:11px;}
.main_slide .controll > ul.circle{padding-left:0;}



/*¸ÞÀÎ °Ë»ö*/
.ms_tit{padding:20px 5px 35px 5px; border-bottom:1px solid #00ff00; position:relative;}
.ms_tit h1 {font-size: 35px;}
.ms_tit p {font-size: 17px; margin-left: 15px;}
.ms_tit:before {font-size: 14vw;}
.ms_tit .keyword {margin-top: 20px;}
.ms_tit .keyword li a {font-size: 16px; padding: 6px 10px;}

.ms_search {padding: 15px 5px 0 5px;}
.ms_search select{padding:12.5px 30px 12.5px 25px; height:50px; background-size:20px; font-size:18px;}
.ms_search input{width:calc(100% - 45px); height:60px;}
.ms_search button{width:45px; height:45px; border-radius:20px 20px 0 20px;}
.ms_search button img{width:25px;}


/*Ŭ·´¹è³Ê*/
#club_banner .notice{padding:10px 15px 12px 15px; text-align:center;}
#club_banner .notice p{width:auto; word-break:keep-all;}
#club_banner .notice .state{width:100%; display:block; margin-top:10px;}



}


@media screen and (max-width: 500px)
{
.main_slide .controll {height: 25px;  padding: 5px 0;}
.main_slide .controll img{height: 15px;}

/*¸ÞÀÎ °Ë»ö*/
.ms_tit{padding:15px 5px 25px 5px;}
.ms_tit h1{font-size:25px;}
.ms_search select{font-size:17px; background-size: 20px !important;}
.ms_search input{font-size:16px !important;}
.ms_search input::placeholder{font-size:16px;}
.ms_tit .keyword li a{font-size:15px;}

/*Ŭ·´¾çµµ ¾È³»*/
#handover{z-index:4; }

.main_center:after {bottom: -50px;}


/*Ŭ·´¹è³Ê*/
#club_banner .notice p {font-size:16px; background-size: 18px !important; padding-left: 25px;}
#club_banner .notice .state {margin-top: 7px;}
#club_banner .notice .state li {font-size: 15px;}
#club_banner .notice .state li:before {top: 1.5px;}
.banner_list ul li div.cover > div.cname {padding-left: 5px; font-size: 16px;}
    

/*¸ÞÀÎ ÇÏ´Ü*/
.where{padding-bottom:20px;}
.where h1{font-size:23px;}
.where h1 .w_logo{width:100px; height:32px;}
.where p{word-break:keep-all; font-size:16px;}
.where_search select {font-size: 16px; background-position: right 15px center; padding: 13px 40px 13px 45px; height: 50px;}
.where_search input{width: calc(100% - 50px); font-size: 16px; padding-left: 50px; background-position: left 20px center; height: 50px;}
.where_search input::placeholder{font-size:16px;}
.where_search button {width: 50px; height: 40px; text-align:center;}
.where_search button img{width: 25px;}


/*Ŭ·´ÇöȲ*/
.club_now{padding-top:15px; padding-bottom:70px;}
.club_now h1{font-size:25px;  margin-bottom:15px;}
.club_now ul {justify-content: space-around;}
.club_now ul li{margin:10px 0;}
.club_now ul li h5{font-size:15px;}

.footer_wrap.inner {padding: 10px 5px 15px;}


/*Ŭ·´ ¼øÀ§ º¸·¯°¡±â*/

.go_rank{display:block; width:100%; top:auto; bottom:0; padding:15px 10px 15px 43px; background-color:#145a50; border-radius:10px; background-position:left 10px center;}
.go_rank:before{display:none;}
.go_rank a span.go{font-size:15px; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.go_rank a span.go:after{opacity:0.2;}
.go_rank a:hover span.go:after{width:27px;}


/*Æ˾÷·¹À̾î*/
.pop_skin{padding: 20px 25px;}
}


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

.main_center {padding-bottom: 35px;}
/*¸ÞÀÎ °Ë»ö*/
.ms_tit p {display:none;}
.ms_tit:before {font-size: 6.8vh;}

}