@charset "utf-8";

.c_red{color:#ff0000;}

/*Ŭ·´°¡ÀÔ*/
.club_join_box{width:550px; border:3px solid #151c2f; border-radius:30px; margin:0 auto; text-align:center; position:relative; overflow:hidden; padding-bottom:20px; background:#fff;}
.club_join_box .club_join_top{width:100%; background:#000; text-align:center; padding:15px 0; margin-bottom:20px;}
.club_join_box h2{font-size:22px; font-weight:700; color:#fff;}
.club_join_box a img{position:absolute; top:20px; right:35px;}
.club_join{font-size:0; padding: 0 35px;}
.club_join div.input_box{width:350px; margin:0 auto;}
.club_join .input_box ul li{margin-bottom:7px; text-align:left; font-size:17px;}
.club_join .input_box ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#000; font-size:18px; width:100px;}
.club_join .input_box ul li input{display:inline-block; vertical-align:middle; border:1px solid #333; border-radius:50px; font-family:"Pretendard"; font-weight:400; font-size:17px; padding:11px 15px; width:calc(100% - 100px); background:#f6f9ff;}
.club_join .input_box ul li input::placeholder{font-weight:600; font-size:16px; color:#666;}
.club_join .input_box ul li select{display:inline-block;vertical-align:middle;border:1px solid #333;border-radius:50px;font-family:"Pretendard";font-weight:400;font-size:17px;padding: 9px 15px;width:130px;background:#fff;height:44px; appearance: none; background: url(/images/board/select_arr.png) no-repeat; background-position: right 10px center;}

.join_exp{width:100%; padding:10px 25px; background:#efefef; border-radius:20px; margin:10px auto 0 auto; font-size:15px;}
.join_exp ul li{position:relative; display:inline-block; margin-right:5px;}
.join_exp ul li:first-child{padding-left:11px;}
.join_exp ul li:first-child:before{position:absolute; display:block; content:""; background:url(/club/images/contents/join_exp_icon.png)left top no-repeat; width:15px; height:14px; left:-7px; top:1px;}
.club_join p{color:#f5003f; font-size:16px; font-weight:500; margin-top:10px;}

.cj_btn{display:block; margin:10px auto 0 auto; border-radius:60px; width:200px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#000; padding:12px 15px; font-size:20px; color:#ccff00;}
.cj_btn:hover{background-color:#bbe806; color:#000; font-weight:600;}


/*Ŭ·´Å»Åð*/
.club_delete_box{width:550px; border:3px solid #151c2f; border-radius:30px; margin:0 auto; text-align:center; position:relative; overflow:hidden; padding-bottom:20px; background:#fff;}
.club_delete_box .club_delete_top{width:100%; background:#000; text-align:center; padding:15px 0; margin-bottom:20px;}
.club_delete_box h2{font-size:22px; font-weight:700; color:#fff;}
.club_delete_box a img{position:absolute; top:20px; right:35px;}
.club_delete{font-size:0; padding:0 15px;}
.club_delete div.input_box{width:85%; margin:0 auto;}
.club_delete .input_box ul li{margin-bottom:7px; text-align:left;}
.club_delete .input_box ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#000; font-size:18px; width:75px;}
.club_delete .input_box ul li input{display:inline-block; vertical-align:middle; border:1px solid #333; border-radius:50px; font-family:"Pretendard"; font-weight:400; font-size:17px; padding:11px 15px; width:calc(100% - 75px); background:#fff;}
.club_delete .input_box ul li input::placeholder{font-weight:600; font-size:16px; color:#666;}
.club_delete .input_box ul li select{display:inline-block;vertical-align:middle;border:1px solid #333;border-radius:50px;font-family:"Pretendard";font-weight:400;font-size:17px;padding: 9px 15px;width:130px;background:#fff;height:44px; appearance: none; background: url(/images/board/select_arr.png) no-repeat; background-position: right 10px center;}

.delete_exp{width:400px; padding:10px 25px; background:#e5e5e5; border-radius:20px; margin:10px auto; font-size:15px;}
.delete_exp ul li{position:relative; padding-left:11px; display:inline-block; margin-right:5px;}
.delete_exp ul li:before{position:absolute; display:block; content:""; background:url(/club/images/contents/join_exp_icon.png)left top no-repeat; width:15px; height:14px; left:-7px; top:1px;}

.club_delete p{color:#f5003f; font-size:16px; font-weight:500;}

.cd_btn{display:block; margin:10px auto 0 auto; border-radius:60px; width:200px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#000; padding:12px 15px; font-size:19px; color:#ccff00;}
.cd_btn:hover{background-color:#bbe806; color:#000; font-weight:600;}




/*Å״Ͻº*/
#wrap.tn .thisme:before{background-color: #00ff00;}


/*¹èµå¹ÎÅÏ*/
#wrap.bm .thisme:before{background-color: #00fdf9;}



/*Ź±¸*/
#wrap.pp .thisme:before{background-color: #ff9c00;}



/*¸¶¶óÅæ*/
#wrap.mt .thisme:before{background-color: #ff83c9;}


/*µî»ê*/
#wrap.ds .thisme:before{background-color: #0aeba9;}



/*³¬½Ã*/
#wrap.ns .thisme:before{background-color: #74c2ff;}


/*Ä£¸ñ*/
#wrap.cm .thisme:before{background-color: #ffd37a;}


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



}



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


}




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




}








@media screen and (max-width:630px){
/*Ŭ·´°¡ÀÔ*/
.club_join_box{width:100%;}
.club_join div.input_box{width:95%;}
.club_join .input_box ul li label{font-size: 17px;}
.club_join .input_box ul li input{font-size: 16px;}
.club_join .input_box ul li select{font-size: 16px; height: 42px;}
.cj_btn {font-size: 19px;}

/*Ŭ·´Å»Åð*/
.club_delete_box{width:95%;}
.club_delete div.input_box{width:95%;}
.delete_exp{width:90%;}
.club_delete .input_box ul li label{font-size: 17px;}
.club_delete .input_box ul li input{font-size: 16px;}
.club_delete .input_box ul li select{font-size: 16px; height: 42px;}
.cd_btn {font-size: 18px;}
}




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



}