@charset "utf-8";


 /*공통*/
#contents_box h2{font-size: 25px; font-weight: 700; font-family: 'Pretendard'; position:relative; margin-bottom:20px; padding-top:10px; color:#000; background-position: right 0px; display: inline-block; padding-right: 20px; line-height:1.2em;}

#contents_box h3{font-size:20px; font-weight: 700; padding-left: 10px; margin-bottom:15px; letter-spacing:-1px;}
.cont_list{margin-left: 10px;}
.cont_list > li{font-size: 17px; padding-left: 20px; word-break: keep-all; font-weight: 400; margin-bottom: 7px; line-height:1.4em;}
.cont_list > li:last-child{margin-bottom:0;}

.cont_list2{margin-left:5px; margin-top:5px; margin-bottom:8px;}
.cont_list2 li{padding-left: 15px;position: relative;width: 100%;box-sizing: border-box;text-align:left;line-height: 1.4em;margin-bottom: 3px;}
.cont_list2 li:after{display: block; content: "";position: absolute; left: 0;top: 6px;width: 0;height: 0; background: none; border-left: 7px solid #111727; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.cont_list2 > li:last-child{margin-bottom:0;}

/*다운로드 버튼 */
.downb{position:relative;display: inline-block; padding: 8px 15px 8px 35px; border-radius: 10px; transition: 0.3s;
 background: url(/images/contents/downbtn_con.png) no-repeat; background-position: left 13px center; margin-bottom:6px;
 border: 2px #40b540 solid; background-color: #ffffff;}
.downb:before{width: 50px; height:100%; position: absolute; content: ""; display: block; border: 2px solid #000000; border-right:none; border-radius: 10px 0 0 10px; bottom: -2px; left: -2px;}

.downb:hover{background-color: #fffef5;}
.downb:hover:before{display:none;}

/*바로가기 버튼*/
.agob{position:relative;display: inline-block;padding: 8px 15px 8px 35px;border-radius: 10px;transition: 0.3s;background: url(/images/contents/gobtn_con.png) no-repeat;background-position: left 13px center; margin-bottom:6px; background-color: #ffffff;}
.agob:before{width: 50px; height:100%; position: absolute;content: "";display: block; border: 2px solid #000; border-right:none; border-radius: 10px 0 0 10px; bottom: -2px; left: -2px;}
.agob:hover:before{display:none;}


.t_box{width:98%; margin:15px auto; overflow:auto;}
.cont_table{width:99%; margin:4px auto 5px auto; box-sizing:border-box; word-break:keep-all; font-size:15px; position:relative; border-collapse:collapse;}
.cont_table thead th{padding:13px 10px;font-size:18px;font-weight:600;position:relative;background: #000000;color: #fff; text-align:center;}

.cont_table tbody th{padding:13px 10px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-weight:500; box-sizing:border-box; line-height:1.5em; font-size:17px; color: #000; background-color:#fbfbfb; text-align:center;}

.cont_table tbody td{padding:13px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:400; box-sizing:border-box; line-height:1.5em; font-size:16px;}
.cont_table tbody td.last{border-right:0px;}


.cont_table thead th:after {display: block;content: "";position: absolute;width: 1px;height: 15px;background-color: #ffffff;right: 0;top: 50%;transform: translateY(-50%);}
.cont_table thead th:last-child:after{display:none;}

.cont_table .bot_bor{border-bottom:1px solid #c8c8c8;}
.cont_table .color{background-color:#fffbe9;}
.cont_table .cont_list{margin-left:0;}

.top_exp{width: 100%;margin: 0 auto 35px auto;border-bottom: none;box-sizing: border-box;padding: 25px 15px 30px 15px;position: relative;background-color: #fff;border: 3px solid #000000;border-radius: 30px;}
.top_exp:after{display:inline-block;content:"";position:absolute;width: 90px;height: 8px;left: 35px;top: -5px; border-radius: 20px;}
.top_exp:before{display:inline-block;content:"";position:absolute;width: 110px;height:10px;left: 25px;top: -5px;background: #fff;}
/*.top_exp img{margin: 0 45px 0px 15px;vertical-align:top;}
.top_exp img, .top_exp div{display: inline-block;}*/
.top_exp .topexp_txt{word-break: keep-all;line-height: 1.3;text-align: left;padding: 0px 0px 0px 140px;}
.top_exp .topexp_txt .top_exp_list{margin-left: 0;}
.top_exp .topexp_txt .top_exp_list li{font-size: 17px;padding-left: 20px; background: url(/images/contents/exp_listcon.png)2px 6px no-repeat; margin: 3px 0; line-height: 1.4; word-break: keep-all; font-weight: 400;}
.top_exp .topexp_txt .top_exp_list li .jmlist{display:inline-block;}
.top_exp .topexp_txt .top_exp_list li span.jm{display: inline-block; padding: 3px 12px; border-radius: 50px; font-weight: 600; color: #111626; font-size: 16px;}
.top_exp .topexp_txt .top_exp_list li span.tn{background-color:#00ff00;}
.top_exp .topexp_txt .top_exp_list li span.bm{background-color:#00fdf9;}
.top_exp .topexp_txt .top_exp_list li span.pp{background-color:#ff9c00;}
.top_exp .topexp_txt .top_exp_list li span.mt{background-color:#ff98d2;}
.top_exp .topexp_txt .top_exp_list li span.ds{background-color:#0aeba9;}
.top_exp .topexp_txt .top_exp_list li span.ns{background-color:#74c2ff;}
.top_exp .topexp_txt .top_exp_list li:first-child{margin-top:0;}
.top_exp .topexp_txt .top_exp_list li:last-child{margin-bottom:0;}
.top_exp .topexp_img:before{ display: block; content: ""; position: absolute; top: 50%; left: 40px; transform: translateY(-50%);
width: 83px; height: 70px; background: url(/images/contents/exp_g_basic1.png) center top no-repeat;}

.top_exp .topexp_txt p{padding-bottom: 16px;font-family: 'Pretendard';font-size: 20px;font-weight: 700;}
.top_exp_list2_line{display: inline-block; width: calc(100% / 2); box-sizing: border-box; position: relative;}


.c_red{color:#da3136;}
.c_blue{color:#3f68ff;}
a.c_blue{color:#3f68ff;}
.c_pp{color:#2521a5;}



/*회원가입 약관동의*/
.join_step{width:95%; margin:0 auto 40px auto;}
.join_step ol{width:100%; font-size:0; margin:0; padding:0; background:#0b101e; border-radius:100px; overflow:hidden;}
.join_step ol li{display:inline-block; vertical-align:middle; width:25%; padding:10px 20px 10px 40px; position:relative;}
.join_step ol li:before{display:block; position:absolute; content:""; width:2px; height:59%; background-color:#9bff00; transform:rotate(-35deg); right:0; top:-3px;}
.join_step ol li:after{display:block; position:absolute; content:""; width:2px; height:59%; background-color:#9bff00; transform:rotate(35deg); right:0; bottom:-3px;}
.join_step ol li:last-child:before{display:none;}
.join_step ol li:last-child:after{display:none;}
.join_step ol li span.num{display:block; margin-bottom:0; font-size:25px; font-weight:700; color:#fff; position:relative;}
.join_step ol li.on span.num:after{display:block; position:absolute; content:""; right:5px; top:18.5px; width:15px; height:15px; border-radius:50%; background-color:#9bff00;}
.join_step ol li.on span.num{color:#9bff00;}
.join_step ol li span.txt{font-size:20px; font-weight:400; color:#fff;}
.join_step ol li.on span.txt{font-weight:600;}

.agree_area{width:100%;}
.agree_area .aa_in{padding:30px; overflow-y:auto; height:400px; border: 1px solid #ccc; border-bottom:none;}
.agree_area .aa_in h3{padding-left:0 !important;}
.agree_area .aa_in .cont_list{margin-left:0;}
.agree_area .line_box{padding:15px; background:#000; margin-bottom:40px; text-align:center;}
.agree_area .line_box label, .agree_area .line_box input, .agree_area .line_box span{display:inline-block; vertical-align:middle;}
.agree_area .line_box label:first-child{margin-right:40px;}
.agree_area .line_box label{cursor:pointer;}
.agree_area .line_box input{margin-right:3px; appearance:none; border:1px solid #fff; border-radius:4px; width:17px; height:17px; margin-top:0.5px; position:relative;}
.agree_area .line_box input:checked:before{display:block; position:absolute; content:""; width:3px; height:10px; background-color:#9bff00; border-radius:3px; transform:rotate(-30deg); left:4px; top:2px;}
.agree_area .line_box input:checked:after{display:block; position:absolute; content:""; width:3px; height:15px; background-color:#9bff00; border-radius:3px; transform:rotate(40deg); left:10px; top:-2px;}
.agree_area .line_box span{color:#fff; font-size:18px;}
.agree_area .line_box span span{color:#ffb6b6; vertical-align: top;}

.next_area{text-align:center;}
.next_area .point{display:inline-block; padding:2px 8px; background-color:#ffdcdc; font-size:18px; font-weight:500; word-break:keep-all;}
.next_area .next_btn{display:block; width:250px; height:55px; border-radius:30px; font-family:"Pretendard"; font-weight:600; text-align:center; margin:30px auto 0 auto; font-size:20px; background-color:#fff; color:#000; border:4px solid #00ff00; padding: 12px 0;}
.next_area .next_btn:hover{background-color:#00ff00;}

.must_it{color:#de1146;font-size: 20px;}

/*회원가입 본인인증*/
.mem_type{width:95%;margin:60px auto 0px auto;position:relative;border: 3px solid #000;border-radius:20px 20px 0 0;padding: 50px 30px 40px;}
.mem_type .mem_tsel{margin-bottom: 30px;text-align:center;}
.mem_type label{display:inline-block; margin-right:30px;  cursor:pointer; font-size:18px; font-weight:600;}
.mem_type label:last-child{margin-right:0;}
.mem_type input[type="radio"]{appearance:none; width:18px; height:18px; border:1px solid #131313; border-radius:50%; padding:0; margin-right:5px; position:relative;}

.mem_type label span{position:relative;display: inline-block;padding-right: 25px;margin-right:2px;}
.mem_type label span::before{display:block;position:absolute;content:"";width: 20px;height: 21px;background:url(/images/contents/mem_type01.png)no-repeat;right: 0;top: 50%;background-size: 100%;transform: translateY(-50%);}
.mem_type label:nth-child(2) span{padding-right: 28px;}
.mem_type label:nth-child(2) span::before{width: 24px;height: 21px;background:url(/images/contents/mem_type02.png)no-repeat; background-size: 100%;}
.mem_type input[type="radio"]:checked:before{display:block; position:absolute; content:""; width:10px; height:10px; background:#5800ff; border-radius:50%; left:3px; top:3px;}
.mem_type input[type="radio"]:checked + span::before{-webkit-filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%); filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%);}
.mem_type input[type="radio"]:checked + span::after{display:block; position:absolute; content:""; width:100%; height:8px; background:#ebe0ff; border-radius:10px;left:0; bottom:-2px; z-index:-1;}
.check_txt{font-size:16px; display:inline-block; padding-left:22px; background:url("/images/board/check_icon.png") no-repeat; background-position:left top 2.5px; margin-top:4px; font-weight:500; color:#444;}

.email_verify{width:95%; margin:0 auto; border-radius:0 0 20px 20px; padding:20px; background-color:#000; text-align:center;}
.email_verify label, .email_verify input, .email_verify button{display:inline-block; vertical-align:middle;}
.email_verify label{font-weight:500; color:#00ff00; font-size:18px; margin-right:10px;}
.email_verify input{padding:10px 15px; width:calc(100% - 350px); border:none; border-radius:30px 0 0 30px; font-family:"Pretendard"; font-weight:500; color:#000; font-size:18px;}
.email_verify input::placeholder{font-family:"Pretendard"; font-weight:600; color:#555; font-size:15px;}
.email_verify .mail_btn{font-family:"Pretendard"; font-weight:700; color:#000; font-size:18px; background-color:#00ff00; border-radius:0 30px 30px 0; padding:10px 20px 10px 15px; height:41px; margin-left:-3px; display:inline-block; vertical-align:middle;}

.mem_type.wait{border-radius:20px; margin-top:0; max-width:650px;}
.mem_type.wait:after{width:150px; height:5px; background-color:#48fb48; border-radius:50px; position:absolute; display:block; content:""; left:50%; bottom:-8.5px; transform:translateX(-50%); border:5px solid #fff;}
.mem_type .verify{text-align:Center; font-size:17px; line-height:1.5em;}
.mem_type .verify span.mt{position:relative; display: inline-block; padding-right: 27px; padding-left:5px; font-weight:600;}
.mem_type .verify span.mt:before{display:block; position:absolute; content:""; top: 50%; transform: translateY(-50%);}
.mem_type .verify span.mt:after{display:block; position:absolute; content:""; width:100%; height:10px; background:#ebe0ff; border-radius:10px; left:0; bottom:-1px; z-index:-1;}
.mem_type .verify span.mt_1:before{width: 20px; height: 21px; background:url(/images/contents/mem_type01.png)no-repeat; background-size: 100%; right: 5px; -webkit-filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%); filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%);}
.mem_type .verify span.mt_2:before{width: 24px;height: 21px;background:url(/images/contents/mem_type02.png)no-repeat; background-size: 100%; right: 0px; -webkit-filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%); filter: invert(13%) sepia(97%) saturate(7438%) hue-rotate(264deg) brightness(94%) contrast(131%);}

/*회원가입 정보입력*/
.member_join_write .join_btn{display:block; margin:20px auto 0 auto; width:250px; height:55px; border-radius:50px; background-color:#000; color:#00ff00 !important; font-size:20px; font-weight:600 !important; font-family:"Pretendard"; padding: 15px 0; text-align:center;}
.member_join_write .join_btn:hover{background-color:#00ff00; color:#000 !important;}

.member_join_write .table_write ul li > div.td input#userid{max-width:calc(100% - 123px);}
.member_join_write .check_search_btn{padding: 8px 10px;background:#000;color:#fff;border-radius:10px;margin-top: 7px;font-size: 17px; font-weight:600;font-family:"Pretendard"; display:inline-block;}
.member_join_write .check_search_btn:hover{color:#00ff00;}

/*비밀번호 보기/안보기 추가*/
.table_write ul li.eyei div.psw_input{display:inline-block; position:relative;}
.table_write ul li.eyei div.psw_input input{padding:8px 40px 8px 12px;}
.table_write ul li.eyei div.psw_input i{position:absolute; right:10px; font-size:1.1em; top:20px; color:#424242;}

/*비밀번호 보기/안보기 설정 추가*/
.input_box ul li[class^="eyei"] div.member_pw{position: relative; display: block; margin: 0 auto;}
.input_box ul li[class^="eyei"] div.member_pw input{padding:15px 40px 15px 15px;}
.input_box ul li[class^="eyei"] div.member_pw i{position:absolute; right:15px; font-size:18px; top:24px; color:#424242;}
.input_box ul li[class^="eyei"] div.psw_input{position: relative; display: block; margin: 0 auto;}
.input_box ul li[class^="eyei"] div.psw_input input{padding:15px 40px 15px 15px;}
.input_box ul li[class^="eyei"] div.psw_input i{position:absolute; right:15px; font-size:18px; top:24px; color:#424242;}


/*회원가입완료*/
.join_done{position:relative; margin:100px auto; border-radius:100px; background-color:#fff; border:5px solid #151c2f; width:650px; padding:75px 30px 50px 30px; text-align:center; word-break:keep-all; z-index:1; max-width:100%;}
.join_done:before{position:absolute; display:block; content:""; width:285px; height:125px; left:50%; top:-65px; transform:translateX(-50%);  background:url(/images/contents/login_bg2.png) no-repeat; background-position:center; background-color:#fff;}
.join_done .txt p{font-size:22px; margin-bottom:10px;}
.join_done .txt p span.slogan{font-size:20px;;}
.join_done .txt p span.bold{color:#007f8d; font-weight:700; font-size:23px;}
.join_done .txt p.under{font-size:18px; font-weight:600;}
.join_done .btn{margin-top:30px;}
.join_done .btn a{display:inline-block; vertical-align:middle; width:195px; text-align:center; padding:15px 30px; border-radius:50px; font-size:20px; font-weight:600; background-color:#151c2f;}
.join_done .btn a.go_main{color:#00f5f1; margin-right:10px;}
.join_done .btn a.go_main:hover{background-color:#00f5f1; color:#151c2f;}
.join_done .btn a.go_login{color:#ff9c00;}
.join_done .btn a.go_login:hover{background-color:#ff9c00; color:#151c2f;}


/*로그인*/
.login_area{width:650px; margin:0 auto; max-width:100%;}
.login_area .login_tab{font-size:0; width:100%;}
.login_area .login_tab a{display:inline-block; vertical-align:middle; width:50%; padding:15px; font-size:20px; text-align:center; border-radius:10px 10px 0 0; border-bottom:3px solid #151c2f; color:#555;}
.login_area .login_tab a span{display:inline-block; padding-left:30px;}
.login_area .login_tab a:hover span{font-weight:600;}
.login_area .login_tab a.ourm span{background:url(/images/contents/ml_icon.png) no-repeat; background-position:left center;}
.login_area .login_tab a.ourm.on span{background:url(/images/contents/ml_icon_on.png) no-repeat; background-position:left center;}
.login_area .login_tab a.nourm span{background:url(/images/contents/nl_icon.png) no-repeat; background-position:left center;}
.login_area .login_tab a.nourm.on span{background:url(/images/contents/nl_icon_on.png) no-repeat; background-position:left center;}
.login_area .login_tab a.on{font-weight:600; color:#d6ff00; background:linear-gradient(180deg, #0b0f1b, #151c2f);}

.login_box{width:100%; padding:30px 20px; border:3px solid #151c2f; border-top:none; border-radius:0 0 30px 30px;}
.member_login{font-size:0;}
.member_login div.input_box{width:400px; margin:0 auto;}
.member_login ul li{margin-bottom:7px;}
.member_login ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#252969; font-size:18px; width:80px;}
.member_login 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:15px 15px; width:calc(100% - 80px);}
.member_login ul li input::placeholder{font-weight:600; font-size:16px; color:#666;}
.ml_btn{display:block; margin:10px auto 0 auto; border-radius:60px; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#303dd5; padding:15px 15px; font-size:20px; color:#fff;}
.ml_btn:hover{background-color:#131f31;}

/*로그인 비밀번호 보기/안보기 설정 추가*/
.member_login ul li.eyei div.psw_input{display:inline-block; position:relative; width:100%;}
.member_login ul li.eyei div.psw_input input{padding:15px 45px 15px 15px;}
.member_login ul li.eyei div.psw_input i{position:absolute; right:15px; font-size:1.1em; top:20px; color:#424242;}

.member_login .link_box{width:100%; margin-top:30px; padding:20px 0 0 0; border-top:1px dashed #000; font-size:0; position:relative;}
.member_login .link_box:before{width:1px; height:80%; display:block; content:""; position:absolute; bottom:0; left:50%;  background-color:#000;}
.member_login .link_box > div{display:inline-block; vertical-align:middle; width:50%; text-align:center;}
.member_login .link_box > div span, .member_login .link_box > div a{display:block;}
.member_login .link_box > div span{font-size:17px; font-weight:500;}
.member_login .link_box > div a{padding:10px 5px; border-radius:50px; background-color:#000; color:#fff; width:185px; text-align:center; margin:13px auto 0 auto; font-size:16px;}
.member_login .link_box > div a img{margin-right:3px;}
.member_login .find a:hover{color:#00fdf9;}
.member_login .join a:hover{color:#ff9c00;}

#ml2 .link_box .join{width:100%;}
#ml2 .link_box:before{display:none;}



/*아이디비밀번호 찾기*/
.ip_search_area{width:650px; margin:70px auto 0 auto; max-width:100%;}
.ip_search_area .ip_search_tab{font-size:0; width:100%;}
.ip_search_area .ip_search_tab a{display:inline-block; vertical-align:middle; width:50%; padding:15px; font-size:20px; text-align:center; border-radius:10px 10px 0 0; border-bottom:3px solid #151c2f; color:#555;}
.ip_search_area .ip_search_tab a span{display:inline-block; padding-left:30px;}
.ip_search_area .ip_search_tab a:hover span{font-weight:600;}
.ip_search_area .ip_search_tab a.ourm span{background:url(/images/contents/is_icon1.png) no-repeat; background-position:2px center;}
.ip_search_area .ip_search_tab a.ourm.on span{background:url(/images/contents/is_icon2.png) no-repeat; background-position:2px center;}
.ip_search_area .ip_search_tab a.nourm span{background:url(/images/contents/is_icon3.png) no-repeat; background-position:2px center;}
.ip_search_area .ip_search_tab a.nourm.on span{background:url(/images/contents/is_icon4.png) no-repeat; background-position:2px center;}
.ip_search_area .ip_search_tab a.on{font-weight:600; color:#03e904; background:linear-gradient(180deg, #0b0f1b, #151c2f);}
.ip_search_area .ip_search_tab a:last-child.on{color:#ff9c00;}


.ip_search_box{width:100%; padding:30px 20px; border:3px solid #151c2f; border-top:none; border-radius:0 0 30px 30px;}
.ip_search{font-size:0;}
.ip_search div.input_box{width:340px; margin:0 auto;}
.ip_search ul li{margin-bottom:7px;}
.ip_search ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#252969; font-size:18px; width:80px;}
.ip_search 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:15px 15px; width:calc(100% - 80px); }
.ip_search ul li input::placeholder{font-weight:600; font-size:16px; color:#666;}
.is_btn{display:block; margin:10px auto 0 auto; border-radius:60px; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#303dd5; padding:15px 15px; font-size:20px; color:#fff;}
.is_btn:hover{background-color:#131f31;}


/*아이디비밀번호 찾기 결과*/
.search_result_area{width:650px; margin:70px auto 0 auto; max-width:100%;}
.search_result_area .search_result_top{width:100%; padding:20px;  font-size:19px; text-align:center; border-radius:10px 10px 0 0; background:linear-gradient(180deg, #0b0f1b, #151c2f);}
.search_result_area .search_result_top p{font-weight:600; color:#01ebe8;}

.search_result_area .search_result_bottom{width:100%; padding:30px 20px; border:3px solid #151c2f; border-top:none; border-radius:0 0 30px 30px; text-align:center;}
.search_result_area .search_result_bottom > span{display:inline-block; font-size:19px; line-height: 1.4em; font-weight: 500; text-align: left; vertical-align: middle;}
.search_result_area .search_result_bottom > span:last-child{padding-left: 11px;}

.sr_btn{display:block; margin:20px auto 0 auto; border-radius:60px; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#303dd5; padding:15px 15px; font-size:20px; color:#fff;}
.sr_btn:hover{background-color:#131f31;}
a.sr_btn{color:#fff;}



/*6개월 비밀번호 변경*/
.month_pw_change{width:600px; border:2px solid #000; margin:70px auto; border-radius:30px; overflow:hidden; box-sizing:border-box; position:relative; z-index:10;}
.month_pw_change .mpc_top{width:100%; background:#000; text-align:center; padding:25px 0;}
.month_pw_change .mpc_top span{position:relative; padding-right:40px;}
.month_pw_change .mpc_top span:last-child{padding-right:0px;}
.month_pw_change .mpc_top span img{filter: drop-shadow(0px 0px 12px #62eeff);}
.month_pw_change .mpc_top span:nth-child(2) img{filter: drop-shadow(0px 0px 12px #ccff00);}
.month_pw_change .mpc_top span:last-child img{filter: drop-shadow(0px 0px 12px #f47a27);}

.month_pw_change .mpc_bottom{text-align:center;}
.month_pw_change .mpc_bottom p{padding-top:50px; line-height:1.6em; font-size:19px;}
.month_pw_change .mpc_bottom p span{font-weight:600; color:#ff1d42;}
.month_pw_change .mpc_bottom ul{width:460px; display:flex; margin:30px auto 40px auto;}
.month_pw_change .mpc_bottom ul li{width:calc((100% - 36px)/2); margin-right:18px; border:2px solid #4d77ff; border-radius:24px; padding:10px 0;}
.month_pw_change .mpc_bottom ul li:nth-child(2){border:2px solid #FF3838;}
.month_pw_change .mpc_bottom ul li:last-child{margin-right:0px; border:2px solid #686868;}
.month_pw_change .mpc_bottom ul li:hover{background:#4d77ff; cursor:pointer;}
.month_pw_change .mpc_bottom ul li:hover a{color:#fff;}
.month_pw_change .mpc_bottom ul li:nth-child(2):hover{background:#FF3838;}
.month_pw_change .mpc_bottom ul li:last-child:hover{background:#686868;}
.month_pw_change .mpc_bottom ul li a{font-size:18px; font-weight:600; color:#000;}


/*2년주기 재동의*/
.month_reagree{width:770px; border:2px solid #000; margin:70px auto; border-radius:30px; overflow:hidden; box-sizing:border-box; position:relative; z-index:10;}
.month_reagree .mreagree_top{width:100%; background:#000; text-align:center; padding:25px 0;}
.month_reagree .mreagree_top span{font-size:28px; color:#fff; font-weight:600;}
.month_reagree .mreagree_top span img{margin-top:-5px; margin-right:10px;}

.month_reagree .mreagree_bottom{text-align:center; padding:0 50px;}
.month_reagree .mreagree_bottom p{padding-top:30px; line-height:1.5em; font-size:19px; }
.month_reagree .mreagree_bottom p span{font-weight:600;}
.month_reagree .mreagree_bottom p + p{padding-top:35px; font-size:18px; color:#0426d6; font-weight:500;}

.month_reagree .mreagree_bottom ul{width:320px; display:flex; margin:15px auto 40px auto;}
.month_reagree .mreagree_bottom ul li{width:calc((100% - 20px)/2); margin-right:20px; border:2px solid #2b63ff; border-radius:26px; padding:13px 0;}
.month_reagree .mreagree_bottom ul li:last-child{margin-right:0px; border:2px solid #F63636;}
.month_reagree .mreagree_bottom ul li:hover{background:#2b63ff; cursor:pointer;}
.month_reagree .mreagree_bottom ul li:hover a{color:#fff;}
.month_reagree .mreagree_bottom ul li:last-child:hover{background:#F63636;}
.month_reagree .mreagree_bottom ul li a{font-size:18px; font-weight:600; color:#000;}


/*블랙리스트*/
.blacklist{width:830px; margin:40px auto 0 auto; word-break:keep-all; max-width:100%;}
.blacklist > p{font-size:25px; font-weight:500; position:relative; padding:39px 0 0 70px; background:url(/images/contents/bl_icon.png) no-repeat; background-position:left 18px top; line-height:1em; margin-bottom:10px;}
.blacklist > p span{font-size:37px; font-weight:700; display:inline-block; padding:12px 0 0 5px; background:#fff;}
.blacklist .bl_in{background:linear-gradient(135deg, #52506f, #0b0a21); width:100%; border-radius:20px; padding:20px;}
.blacklist .bl_in .txt{color:#fff; font-size:18px; line-height:1.5em;}
.blacklist .reason{width:100%; border-radius:5px; background:#fff; padding:15px 15px; margin-top:15px;}
.blacklist .reason p{font-size:17px; font-weight:500; padding-left:17px; background:url(/images/contents/j_listcon.png) no-repeat; background-position:left 5px;}


/*휴면계정*/
.restmember{width:830px; margin:40px auto 0 auto; word-break:keep-all; max-width:100%;}
.restmember > p{font-size:25px; font-weight:500; position:relative; padding:46px 0 0 125px; background:url(/images/contents/rest_icon.png) no-repeat; background-position:left 18px top; line-height:1em; margin-bottom:10px;}
.restmember > p span{font-size:37px; font-weight:700; display:inline-block; margin-right:3px;}
.restmember .rm_in{background:linear-gradient(135deg, #f3f3f3, #e3e3e3); width:100%; border-radius:20px; padding:20px;}
.restmember .rm_in .txt{color:#000; font-size:18px; line-height:1.5em; text-align:center;}
.restmember .rm_in .txt .id{font-weight:600; color:#400bff;}
.restmember .reagree{width:100%; border-radius:15px; background:#fff; padding:15px 20px; margin-top:15px;}
.restmember .reagree h3{padding-left:0 !important;}
.restmember .reagree .cont_list{margin-left:0;}
.restmember .reagree .cont_list li{background: url(/images/contents/exp_listcon.png)2px 6px no-repeat !important;}
.restmember .agree_btn{margin-top:20px; font-size:0; text-align:center;}
.restmember .agree_btn .agree{display:inline-block; vertical-align:top; width:180px; height:51px; padding:14px 10px; font-weight:500; font-size:18px; border-radius:55px; margin-right:10px; position:relative; font-family:"Pretendard"; background:linear-gradient(90deg, #0b0f1b, #151c2f); color:#fff;}
.restmember .agree_btn .agree:before{display:block; content:""; position:absolute; width:10px; height:10px; border:2px solid #00ff66; left:18px; top:50%; transform:translateY(-50%); border-radius:50%;}
.restmember .agree_btn .agree:hover{color:#00ff66;}
.restmember .agree_btn .agree:hover:before{background-color:#00ff66;}
.restmember .agree_btn .disagree{display:inline-block; vertical-align:top; width:180px; height:51px; padding:14px 10px; font-weight:500; font-size:18px; border-radius:55px; position:relative; font-family:"Pretendard"; background:linear-gradient(90deg, #0b0f1b, #151c2f); color:#fff;}
.restmember .agree_btn .disagree:before{display:block; content:""; position:absolute; width:10px; height:10px; border:2px solid #ff37b8; left:18px; top:50%; transform:translateY(-50%); border-radius:50%;}
.restmember .agree_btn .disagree:hover{color:#ff37b8;}
.restmember .agree_btn .disagree:hover:before{background-color:#ff37b8;}


/*회원탈퇴*/
.withdrawal{width:500px; margin:80px auto 0 auto; border-radius:30px; padding:50px 30px 30px 30px; text-align:center;  background:linear-gradient(90deg, #0b0f1b, #151c2f); position:relative; max-width:100%;}
.withdrawal:before{width:85px; height:85px; background:url(/images/contents/withdw_icon.png) no-repeat; background-position:center; position:absolute; display:block; content:""; left:50%; top:-45px; transform:translateX(-50%); background-color:#fff; border-radius:50%; }
.withdrawal p{font-size:18px; line-height:1.5em; word-break:keep-all; margin-bottom:20px; color:#fff;}
.withdrawal p span{font-size:22px; font-weight:600; display:block; margin-bottom:5px; color:#ada7ff;}
.withdrawal input{border-radius:50px; padding:15px; border:none; font-family:"Pretendard"; font-weight:500; font-size:17px; text-align:center;}
.withdrawal input::placeholder{font-weight:600; font-size:20px; color:#666;}
.withdrawal .wd_ok{display:block; font-family:"Pretendard"; font-weight:600; font-size:18px; text-align:center; margin:10px auto 0 auto; color:#fff; width:256px; height:50px; text-align:center; background:#493bff; border-radius:55px;}
.withdrawal .wd_ok:hover{background:#e7146c;}


/*클럽생성*/
button.check_search_btn{padding: 8px 10px; background:#000; color:#fff; border-radius:10px; margin-top: 7px; font-size: 17px; font-weight:600; font-family:"Pretendard";}
input#court{background:#efefef;}
#court2{margin-top:10px;}
.skin  label{margin-right:20px;}
.skin  label:last-child{margin-right:0;}
.skin img{margin-left: 6px; vertical-align: middle;}
#info{border-radius:10px;}
.club_make_write .clubmake_btn{display:block; margin:20px auto 0 auto; width:250px; height:55px; border-radius:50px; background-color:#000; font-size:20px; font-weight:600 !important; font-family:"Pretendard"; padding: 15px 0; text-align:center;}
.club_make_write .clubmake_btn:hover{color:#000 !important;}

.make_icon{margin-left:5px;}
.make_icon img{margin-bottom: 3px;}

.rankingpotint_area{width:650px; position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);border: 3px solid #151c2f; padding-bottom: 10px; border-radius:20px; background:#fff; overflow:hidden;}
.rankingpotint_area .rankingpotint_top{position:relative; width:100%; padding:20px;  font-size:19px; text-align:center; background:linear-gradient(180deg, #0b0f1b, #151c2f);}
.rankingpotint_area .rankingpotint_top p{font-weight:600; color:#edff00;}
.rankingpotint_area .rankingpotint_top a{position:absolute; top:50%; right: 30px; transform:translateY(-50%);}

.rankingpotint_area .rankingpotint_bottom{overflow-y:auto; width:100%;padding:30px 20px; text-align:left; ;height: 30vh;}
.rankingpotint_area .rankingpotint_bottom .cont_table thead th{font-weight:500; font-size:16px;}
.rankingpotint_area .rankingpotint_bottom .cont_table thead td{padding: 8px 10px;}
.rankingpotint_area .rankingpotint_bottom::-webkit-scrollbar{width:4px; height:100%; background-color:#000; border-radius:5px;}
.rankingpotint_area .rankingpotint_bottom ::-webkit-scrollbar-thumb{width:4px; border-radius:5px;}
.rankingpotint_area .rankingpotint_bottom::-webkit-scrollbar-thumb{background:#add800;}

.Privacy_wrap{padding-top:20px;}
.Privacy_wrap h3{padding-bottom:10px;}
.Privacy_wrap input.check_btn{display:none;}
.Privacy_wrap input.check_btn + label{cursor:pointer;}
.Privacy_wrap input.check_btn + label > span{ padding-left: 5px; word-break:keep-all; vertical-align: middle;}

/* label:before에 체크하기 전 상태 CSS */
.Privacy_wrap input.check_btn + label:before{content: "";display: inline-block;width: 13px;height: 13px;border: 1px solid #333;vertical-align: middle;border-radius: 2px;background-color: #fff !important;margin-right:2px; margin-top: 2px;}

  /* label:before에 체크 된 상태 CSS */  
.Privacy_wrap input.check_btn:checked + label{position:relative;}
.Privacy_wrap input.check_btn:checked + label:before{ content:""; border-color:#373737; background: url(/images/contents/check_btn.png) no-repeat; background-position: 50%;}
.Privacy_wrap h3{font-size:23px; font-weight:600; margin-bottom:15px; word-break:keep-all;}
.form_in{border: 1px solid #000; padding: 20px; background: #fff; height: 285px; min-width: 180px; overflow: auto;}

.agchk{margin-top:10px;}
.Privacy_wrap .agchk label{font-size:18px; word-break: keep-all;}
.Privacy_wrap .agchk label span{font-weight:500; padding-left:3px}

.sr_btn{display:block; margin:20px auto 0 auto; border-radius:60px; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#303dd5; padding:15px 15px; font-size:20px; color:#fff;}
.sr_btn:hover{background-color:#131f31;}
a.sr_btn{color:#fff;}

.sr_btn{display:block; margin:20px auto 0 auto; border-radius:60px; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#303dd5; padding:15px 15px; font-size:20px; color:#fff;}
.sr_btn:hover{background-color:#131f31;}
a.sr_btn{color:#fff;}




/*마이페이지 탭*/
.mypage_tab{width:100%; margin-bottom:35px; position:relative;}
.mypage_tab.mpt_main{padding-top:0;}
.mypage_tab a.go_myhome{display:inline-block; font-size:15px; font-weight:600; border:3px solid #1a213b; border-radius:5px; padding:6px 8px 5px 31px; background:url(/images/contents/my_home_icon.png) no-repeat; background-position:left 8px center; position:absolute; right:0; top:0;}
.mypage_tab a.go_myhome:hover{background-color:#1a213b; color:#fff;}
.mypage_tab ul{font-size:0;}
.mypage_tab ul li{display:inline-block; vertical-align:middle; width:calc((100% - 20px)/5); margin-right:10px;}
.mypage_tab ul li:last-child{margin-right:0;}
.mypage_tab ul li a{display:block; padding:15px; border-radius:60px; font-weight:600; font-size:19px; text-align:center; border:4px solid #1a213b;}
.mypage_tab ul li a span{display:inline-block; padding:2px 0 2px 35px;}
.mypage_tab ul li a.on span{font-weight:700;}

/*마이페이지-메인*/
.myclub_box{position:relative;}
.myclub_box .notice{display:inline-block; border-radius:100px; background:#0b0f1c; padding:8px 20px; font-size:0; position:absolute; right:0; top:8px;}
.myclub_box .notice .state li{display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; color:#fff; padding-left:21px; margin-right:18px; position:relative;}
.myclub_box .notice .state li:before{display:block; position:absolute; content:""; left:0; top:2.5px; width:15px; height:15px; box-sizing:border-box; border-radius:50%;}
.myclub_box .notice .state li.ing:before{border:3px solid #1eff00;}
.myclub_box .notice .state li.app:before{border:3px solid #001eff;}
.myclub_box .notice .state li.end:before{border:3px solid #838383;}
.myclub_box .notice .state li:last-child{margin-right:0;}

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

/*클럽 배너 스킨*/
.mc_list li.skin1 div.cover{padding:8px 8px 8px 0;}
.mc_list 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;}
.mc_list 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;}

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

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

.table_list.my_record .w_date{width:20%;}
.table_list.my_record .w_tname{width:80%;}

/*마이페이지-나의정보수정(비밀번호 확인)*/
.infomodi{width:500px; margin:80px auto 0 auto; border-radius:30px; padding:50px 30px 30px 30px; text-align:center;  background:linear-gradient(90deg, #0b0f1b, #151c2f); position:relative; max-width:100%;}
.infomodi:before{width:62px; height:80px; background:url(/images/contents/pwcheck_icon.png) no-repeat; background-position:center; position:absolute; display:block; content:""; left:50%; top:-45px; transform:translateX(-50%); background-color:#fff; border-radius:10px; }
.infomodi p{margin-bottom:10px;}
.infomodi p span{font-size:22px; font-weight:600;}
.infomodi input{border-radius:50px; padding:15px; border:none; font-family:"Pretendard"; font-weight:500; font-size:17px; text-align:center; width:256px;}
.infomodi input::placeholder{font-weight:600; font-size:18px; color:#777; letter-spacing:-1px;}
.infomodi .im_ok{display:block; font-family:"Pretendard"; font-weight:600; font-size:18px; text-align:center; margin:10px auto 0 auto; color:#000; width:256px; height:50px; text-align:center; border-radius:55px;}
.infomodi .im_ok:hover{background:#493bff !important; color:#fff;}


/*가입 클럽 없을 때*/
.club_empty{width:700px; max-width:100%; margin:85px auto 75px auto; padding:20px 35px 25px 180px; border:5px solid #000; border-radius:30px; position:relative; word-break:keep-all;}
.club_empty:before{width:142px; height:131px; display:block; content:""; position:absolute; left:30px; top:-32px; z-index:1; background:url(/images/contents/empty_icon.png) no-repeat;}
.club_empty:after{width:140px; height:5px; display:block; content:""; position:absolute; right:30px; bottom:-10px; z-index:1; background:#3100ff; border-radius:50px; border:5px solid #fff;}
.club_empty p.tit{font-weight:700; font-size:28px;}
.club_empty p.txt{font-weight:500; font-size:19px; margin-top:10px;}


/*마이페이지-일정등록*/
.popbox{position:fixed; left:50%; transform:translateX(-50%);}
.popbox .close_pb{position:absolute; right:15px; top:15px; display:block; width:25px; height:25px;}
.popbox .close_pb:before{display:block; content:""; position:absolute; width:3px; height:30px; border-radius:5px; background:#333; transform:rotate(45deg); left:10px; top:-2px;}
.popbox .close_pb:after{display:block; content:""; position:absolute; width:3px; height:30px; border-radius:5px; background:#333; transform:rotate(135deg); left:10px; top:-2px;}
.popbox .close_pb:hover:before{background:#f50058;}
.popbox .close_pb:hover:after{background:#f50058;}

#share_plan{border:1px solid #333; padding:15px 15px 25px 25px; background-color:#fff; border-radius:25px; text-align:center; width:500px; top:50%; transform:translate(-50%, -50%); box-shadow:5px 5px 7px 0 #dfdfdf; max-width:95%;}
#share_plan p{font-size:25px; font-weight:700; margin-bottom:15px;}
#share_plan .share_search{width:100%; border-radius:20px; background-color:#f4f4f4; padding:10px; margin-bottom:20px;}
#share_plan .share_search select{display:inline-block; vertical-align:middle; background-color:#fff; border-radius:5px; border:1px solid #666; font-size:15px; height:40px;}
#share_plan .share_search input{display:inline-block; vertical-align:middle; background-color:#fff; border-radius:5px; border:1px solid #666; font-size:15px; font-family:"Pretendard"; font-weight:400; height:40px; width: calc(100% - 150px);}
#share_plan .share_search button{display:inline-block; vertical-align:middle; height:40px; background-color:#222d4b; border-radius:5px; padding:0 10px;}
#share_plan .share_search button img{width:22px;}
#share_plan .sm_list{width:100%; overflow-y:auto; height:300px; padding-right:10px;}
#share_plan .sm_list::-webkit-scrollbar{width:5px; height:100%; background-color:#ccc; border-radius:5px;}
#share_plan .sm_list::-webkit-scrollbar-thumb{width:3px; border-radius:5px; background:#373d53;}
#share_plan .sm_list table{width:100%; border-collapse:collapse;}
#share_plan .sm_list table thead th{color:#fff; padding:10px; background-color:#222d4b; font-weight:500; font-size:16px;}
#share_plan .sm_list table thead th:first-child{border-radius:15px 0 0 0;}
#share_plan .sm_list table thead th:last-child{border-radius:0 15px 0 0;}
#share_plan .sm_list table tbody th{padding:10px; font-size:16px; border-bottom:1px solid #333;}
#share_plan .sm_list table tbody td{padding:10px; font-size:16px; border-bottom:1px solid #333;}
#share_plan .share_done{font-size:18px; font-family:"Pretendard"; font-weight:500; border-radius:100px; display:block; margin:15px auto 0 auto; background-color:#222d4b; color:#fff; cursor:pointer; width:150px; height:45px;}
#share_plan .share_done:hover{background-color:#09142f;}

#plan_move{ background-color:#fff; border-radius:25px; text-align:center; width:450px; top:150px; overflow:hidden; box-shadow: 0 0 0px 5px #ff6060;}
#plan_move .txt{width:100%; padding:30px 20px;}
#plan_move .txt p{font-size:25px; font-weight:700; margin-bottom:10px; color:#f50058;}
#plan_move .txt span{font-size:19px; font-weight:500;}
#plan_move .btn_box{display:flex; flex-wrap:wrap; width:100%; background-color:#000;}
#plan_move .btn_box .here{display:inline-block; vertical-align:middle; font-weight:500; width:50%; padding:15px 5px; color:#fff; font-size:18px; border-right:1px solid #fff;}
#plan_move .btn_box .here:hover{background:#f50058;}
#plan_move .btn_box .goto{display:inline-block; vertical-align:middle; font-weight:500; width:50%; padding:15px 5px; color:#fff; font-size:18px;}
#plan_move .btn_box .goto:hover{background:#3530f1;}


/*마이페이지-나의기록*/
.myrecod{width:100%;}
.myrecod > div{width:100%; margin-bottom:20px; border:1px solid #ccc; border-radius:15px;}
.myrecod > div.total{display:flex; flex-wrap:wrap;}
.myrecod > div.depends{margin-bottom:60px;}
.myrecod > div.total > div{display:inline-block; vertical-align:top; padding:30px; width:50%; position:relative;}
.myrecod > div.total > div.circle:before{display:block; content:""; position:absolute; width:1px; height:75%; top:50%; transform:translateY(-50%); border-left:2px dashed #333; right:0;}
.myrecod > div.total > div.circle .point_number{margin-left:20px;}
.myrecod > div h3{padding-left:0 !important;}

.c_graph, .point_exp, .point_number{display:inline-block; vertical-align:middle;}
.c_graph{width:170px; height:170px; border-radius:50%; position:relative; margin:0 auto; text-align:center; transition:background 0.3s ease-in-out;}
.c_graph:before{color: #000; position: absolute; left: 50%; top: 50%; display: block; content: attr(data-percent)'%';; transform: skew(-0.03deg); margin: auto; font-weight: 700; font-size: 30px; transform:translate(-50%, -50%);}
.c_graph .cg_num{font-size:30px; font-weight:700; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.point_number{padding:8px 20px; border-radius:50px; background-color:#f4f4f4;}
.point_number li{display:inline-block; vertical-align:middle; font-size:18px; margin-right:15px; padding-right:15px; position:relative;}
.point_number li:after{display:block; position:absolute; content:""; width:1px; height:15px; background-color:#333; right:-1px; top:3px;}
.point_number li:last-child{margin-right:0; padding-right:0;}
.point_number li:last-child:after{display:none;}
.point_number li .bold{font-weight:600;}
.point_exp{width:calc(100% - 175px); padding-left:20px;}
p.trust{margin:10px 0 0 10px; position:relative; font-size:17px; font-weight:500;}


  

.club > ul{display:flex; flex-wrap:wrap;}
.club > ul > li{display:inline-block; vertical-align:top; padding:30px; width:50%; position:relative; border-bottom:1px solid #ccc;}
.club > ul > li:nth-child(2n-1):before{display:block; content:""; position:absolute; width:1px; height:75%; top:50%; transform:translateY(-50%); border-left:2px dashed #333; right:0;}
.club > ul > li:nth-last-child(2){border-bottom:none;}
.club > ul > li:last-child{border-bottom:none;}

.depends > ul{display:flex; flex-wrap:wrap;}
.depends > ul > li{display:inline-block; vertical-align:top; padding:30px; width:50%; position:relative; border-bottom:1px solid #ccc;}
.depends > ul > li:nth-child(2n-1):before{display:block; content:""; position:absolute; width:1px; height:75%; top:50%; transform:translateY(-50%); border-left:2px dashed #333; right:0;}
.depends > ul > li:nth-last-child(2){border-bottom:none;}
.depends > ul > li:last-child{border-bottom:none;}


.relative_record{width:100%; margin-bottom:60px;}
.my_select{text-align:right; margin-bottom:10px;}
.my_select select{font-size:17px; border-radius:10px; display:inline-block; text-align:left;}



/*클럽양도 안내*/
.handover{width:100%; margin-bottom:50px; border-radius:30px; border:6px solid #d7ff00; padding:20px; text-align:center; background: #0e1321;}
.handover h2{background:none !important; padding:0 !important; color:#d7ff00 !important;}
/*.handover h2:after{display:block; content:""; position:absolute; width:calc(100% + 20px); left:-10px; bottom:-5px; height:20px; background-color:#eaff78; z-index:-1;}*/
.handover .ho_in{font-size:18px; word-break:keep-all; line-height:1.4em; color:#fff;}
.handover .ho_in .underline{border-bottom:2px solid #d7ff00;}
.handover .ho_okay{font-size:19px; font-weight:600; border-radius:50px; width:180px; height:45px; margin:20px auto 0 auto; display:block; border:3px solid #d7ff00; padding:8px 15px; font-family:"Pretendard"; color:#d7ff00;}
.handover .ho_okay:hover{background:#d7ff00; color:#000;}



#helpon{width:800px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); max-width:95%; border:5px solid #000; border-radius:20px; background-color:#fff; padding:35px 10px 20px 30px; z-index:1;}
#helpon .help_close{width:28px; height:28px; background-color:#000; border-radius:50%; text-align:center; display:block; padding:3px; position:absolute; top:5px; right:5px;}
#helpon .help_close img{width:11px;}
#helpon .help_in{padding-right:20px; word-break:keep-all; overflow-y:auto; height:320px;}
#helpon .help_in::-webkit-scrollbar{width:4px; height:100%; background-color:#000; border-radius:5px;}
#helpon .help_in::-webkit-scrollbar-thumb{width:4px; border-radius:5px;}
#helpon .help_in::-webkit-scrollbar-thumb{background:#4c40ff;}
#helpon .help_in div h3{font-size:21px; margin-bottom:15px;}
#helpon .help_in div ul li > span{display:inline-block; vertical-align:top;}
#helpon .help_in div ul li > span.htit{font-weight:600; padding-right:5px;}
#helpon .help_in div ul li > span.htxt{line-height:1.3em;}




/*홈페이지 이용안내*/
.info_wrap{padding:20px 40px 30px 40px; font-size:0;}
.info_box{font-size:0; position:relative; margin-top:60px; display:flex; align-items: center;}
.info_box:first-child{margin-top:0;}
.info_box:nth-child(2n){flex-direction: row-reverse;}
.info_box .img_box{display:inline-block; padding:25px 30px 0 30px;border-radius:10px; max-width:510px;}
.info_box:nth-child(1) .img_box{background:#48fb48;}
.info_box:nth-child(2) .img_box{background:#48e8fb;}
.info_box:nth-child(3) .img_box{background:#fb9448;}
.info_box:nth-child(4) .img_box{background:#c8ef2b;}
.info_box .img_box img{border-radius:10px 10px 0 0;}

.info_box .txt_box{display:inline-block; width:calc(100% - 630px);}
.info_box:nth-child(2n-1) .txt_box{margin-left:120px;}
.info_box:nth-child(2n) .txt_box{margin-right:120px;}
.info_box .txt_box > span{font-size:22px; font-weight:500;}
.info_box .txt_box > span.ninfo{color:#00a117;}
.info_box .txt_box > span.cainfo{color:#0098aa;}
.info_box .txt_box > span.sinfo{color:#ff4800;}
.info_box .txt_box > span.cinfo{color: #627001;}
.info_box .txt_box p{font-size:30px; font-weight:600; margin-top:10px; line-height: 1.2em;}
.info_box .txt_box p span{display:block;}
.info_box .txt_box ul{margin-top:30px; font-size:18px; padding-left:15px;}
.info_box .txt_box ul li{position:relative; word-break: break-word; margin-bottom:7px; line-height: 1.3em;}
.info_box .txt_box ul li:last-child{margin-bottom:0;}
.info_box .txt_box ul li:before{display:block; content:""; position:absolute; width:7px; height:7px; background:#000; border-radius:50%; top:7px; left:-15px;}

.benefit_wrap{margin-top: 100px; text-align:center; position:relative; z-index:1; margin-bottom:30px;}
.benefit_wrap p{font-size:30px; font-weight:600;}
.benefit_wrap p img{margin-top: -10px; margin-right:5px;}
.benefit_wrap p span{font-size:32px; color:#1950d8;}
.benefit_wrap .benefit_list{margin-top:50px; font-size:0;}
.benefit_wrap .benefit_list li{display:inline-block; width:calc((100% - 130px)/3); margin-right:35px;}
.benefit_wrap .benefit_list li:last-child{margin-right:0;}
.benefit_wrap .benefit_list li .benefit_icon{position:relative; display:inline-block; width:130px; height:130px; border:5px solid #000; border-radius:50%; background:#fff;}
.benefit_wrap .benefit_list li .benefit_icon img{height:65px; position:absolute; top:50%; left:50%; transform:translateX(-55%) translateY(-50%);}
.benefit_wrap .benefit_list li .benefit{position:relative; width:100%; padding:80px 30px 20px 30px; border:5px solid #000; border-radius:30px; margin-top:-65px; min-height:221px; z-index:-1;}
.benefit_wrap .benefit_list li .benefit::before{display: block;position:absolute;content:"";width: 150px;height:10px;background:#fff;bottom:-5px;left:50%;transform:translateX(-50%);}
.benefit_wrap .benefit_list li .benefit::after{display: block; position:absolute; content:""; width:130px; height:7px; background:#48fb48; bottom:-7px; left:50%; transform:translateX(-50%); border-radius:3.5px;}
.benefit_wrap .benefit_list li:nth-child(2) .benefit::after{background:#02e6e4;}
.benefit_wrap .benefit_list li:nth-child(3) .benefit::after{background:#ff9c00;}
.benefit_wrap .benefit_list li .benefit p{font-size:26px;}
.benefit_wrap .benefit_list li .benefit p + p{font-size:18px; font-weight:400; margin-top:10px; line-height:1.5em;}



/*개인정보처리방침*/
.etc_wrap{width:100%; padding:30px 50px;}
.etc_wrap .etc{margin-bottom:60px;}
.etc_wrap .etc h4{display:inline-block; position:relative; font-size:22px; margin-bottom:15px; padding-left:19px;}
.etc_wrap .etc h4::after{display:block; content:""; position:absolute; width:27px; height:31px; background-position:right top; top: -17px; left: 0; z-index: -1;}
.etc_wrap .etc > p{background:#f3f3f3; border-radius:5px; padding:13px 20px; font-size:18px; margin-bottom:18px; line-height: 1.3em; word-break:break-all;}
.etc_wrap .etc .cont_list2 li{font-size:18px; font-weight:500; margin-bottom:12px;}
.etc_wrap .etc .cont_list3{margin-top:5px;}
.etc_wrap .etc .cont_list3 li{font-size:17px; font-weight:400; margin-bottom:5px; position:relative; line-height:1.3em;}
.etc_wrap .etc .cont_list3 li::before{display: block; content: ""; position: absolute; width: 4px; height: 4px; background-color: #8c8c8c; left: 0; top: 10px;}
.etc_wrap .etc .cont_list3 li::after{display:none;}






/*테니스 css*/
#wrap.tn .top_exp:after{background: #48fb48;}
#wrap.tn .top_exp .topexp_img:before{background: url(/images/contents/exp_g_basic1.png) center top no-repeat;}

#wrap.tn #contents_box h2{background:url(/images/contents/g_h2con.png) no-repeat; background-position: right 0px;}
#wrap.tn #contents_box h3{color: #024f02;}

#wrap.tn .cont_list > li{background: url(/images/contents/g_listcon.png)2px 5.5px no-repeat;}
#wrap.tn .cont_table tbody{border-top: 4px solid #00ff00;}

#wrap.tn .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_tn.png) no-repeat; background-position:left center;}
#wrap.tn .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_tn.png) no-repeat; background-position:left center;}
#wrap.tn .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_tn.png) no-repeat; background-position:left center;}
#wrap.tn .mypage_tab ul li a:hover{border:4px solid #00ff00;}
#wrap.tn .mypage_tab ul li a.on{background:#e0ffbd;}

#wrap.tn .mc_list li.made a:before{background:url(/images/contents/made_icon_tn.png) no-repeat;}

#wrap.tn .infomodi p span{color:#ddff5b;}
#wrap.tn .infomodi .im_ok{background:#c2dd2b;}

#wrap.tn .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon.png) no-repeat;}

#wrap.tn button.check_search_btn:hover{color:#00ff00;}
#wrap.tn .club_make_write .clubmake_btn{color:#00ff00;}
#wrap.tn .club_make_write .clubmake_btn:hover{background-color:#00ff00;}

/*바로가기 버튼*/
#wrap.tn .agob{border: 2px #00ff00 solid;}
#wrap.tn .agob:hover{background-color: #efffea;}


/*배드민턴 css*/
#wrap.bm .top_exp:after{background:#01e0df;}
#wrap.bm .top_exp .topexp_img:before{background: url(/images/contents/exp_b_basic1.png) center top no-repeat;}

#wrap.bm #contents_box h2{background:url(/images/contents/b_h2con.png) no-repeat; background-position: right 0px;}
#wrap.bm #contents_box h3{color: #003b6e;}

#wrap.bm .cont_list > li{background: url(/images/contents/b_listcon.png)2px 5.5px no-repeat;}
#wrap.bm .cont_table tbody{border-top: 4px solid #55e3fa;}

#wrap.bm .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_bm.png) no-repeat; background-position:left center;}
#wrap.bm .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_bm.png) no-repeat; background-position:left center;}
#wrap.bm .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_bm.png) no-repeat; background-position:left center;}
#wrap.bm .mypage_tab ul li a:hover{border:4px solid #00fdf9;}
#wrap.bm .mypage_tab ul li a.on{background:#bdf3ee;}

#wrap.bm .mc_list li.made a:before{background:url(/images/contents/made_icon_bm.png) no-repeat;}

#wrap.bm .infomodi p span{color:#76fff2;}
#wrap.bm .infomodi .im_ok{background:#34ecec;}

#wrap.bm .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon_b.png) no-repeat;}

#wrap.bm button.check_search_btn:hover{color:#00fdf9;}
#wrap.bm .club_make_write .clubmake_btn{color:#00fdf9;}
#wrap.bm .club_make_write .clubmake_btn:hover{background-color:#00fdf9;}

/*바로가기 버튼*/
#wrap.bm .agob{border: 2px #00fdf9 solid;}
#wrap.bm .agob:hover{background-color: #dcfaf7;}



/*탁구 css*/
#wrap.pp .top_exp:after{background: #ff9c00;}
#wrap.pp .top_exp .topexp_img:before{background: url(/images/contents/exp_j_basic1.png) center top no-repeat;}

#wrap.pp #contents_box h2{background:url(/images/contents/j_h2con.png) no-repeat; background-position: right 0px;}
#wrap.pp #contents_box h3{color: #4f1e02;}

#wrap.pp .cont_list > li{background: url(/images/contents/j_listcon.png)2px 5.5px no-repeat;}
#wrap.pp .cont_table tbody{border-top: 4px solid #ff9c01;}

#wrap.pp .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_pp.png) no-repeat; background-position:left center;}
#wrap.pp .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_pp.png) no-repeat; background-position:left center;}
#wrap.pp .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_pp.png) no-repeat; background-position:left center;}
#wrap.pp .mypage_tab ul li a:hover{border:4px solid #ff9c00;}
#wrap.pp .mypage_tab ul li a.on{background:#ffcc7b;}

#wrap.pp .mc_list li.made a:before{background:url(/images/contents/made_icon_pp.png) no-repeat;}

#wrap.pp .infomodi p span{color:#ffbe56;}
#wrap.pp .infomodi .im_ok{background:#ff9c00;}

#wrap.pp .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon_t.png) no-repeat;}

#wrap.pp button.check_search_btn:hover{color:#ff9c00;}
#wrap.pp .club_make_write .clubmake_btn{color:#ff9c00;}
#wrap.pp .club_make_write .clubmake_btn:hover{background-color:#ff9c00;}

/*바로가기 버튼*/
#wrap.pp .agob{border: 2px #ff6f0d solid;}
#wrap.pp .agob:hover{background-color: #fff7f3;}



/*마라톤 css*/
#wrap.mt .top_exp:after{background: #ff0090;}
#wrap.mt .top_exp .topexp_img:before{background: url(/images/contents/exp_m_basic1.png) center top no-repeat;}

#wrap.mt #contents_box h2{background:url(/images/contents/m_h2con.png) no-repeat; background-position: right 0px;}
#wrap.mt #contents_box h3{color: #9b0058;}

#wrap.mt .cont_list > li{background: url(/images/contents/m_listcon.png)2px 5.5px no-repeat;}
#wrap.mt .cont_table tbody{border-top: 4px solid #ff0090;}

#wrap.mt .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_mt.png) no-repeat; background-position:left center;}
#wrap.mt .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_mt.png) no-repeat; background-position:left center;}
#wrap.mt .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_mt.png) no-repeat; background-position:left center;}
#wrap.mt .mypage_tab ul li a:hover{border:4px solid #ff0090;}
#wrap.mt .mypage_tab ul li a.on{background:#ffe2f3;}

#wrap.mt .mc_list li.made a:before{background:url(/images/contents/made_icon_mt.png) no-repeat;}

#wrap.mt .infomodi p span{color:#ff71c1;}
#wrap.mt .infomodi .im_ok{background:#ff29a2;}

#wrap.mt .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon_m.png) no-repeat;}

#wrap.mt button.check_search_btn:hover{color:#ff0090;}
#wrap.mt .club_make_write .clubmake_btn{color:#ff0090;}
#wrap.mt .club_make_write .clubmake_btn:hover{background-color:#ff0090;}

/*바로가기 버튼*/
#wrap.mt .agob{border: 2px #ff0090 solid;}
#wrap.mt .agob:hover{background-color: #ffdff1;}



/*등산 css*/
#wrap.ds .top_exp:after{background:#0aeba9;}
#wrap.ds .top_exp .topexp_img:before{background: url(/images/contents/exp_c_basic1.png) center top no-repeat;}

#wrap.ds #contents_box h2{background:url(/images/contents/c_h2con.png) no-repeat; background-position: right 0px;}
#wrap.ds #contents_box h3{color: #00815b;}

#wrap.ds .cont_list > li{background: url(/images/contents/c_listcon.png)2px 5.5px no-repeat;}
#wrap.ds .cont_table tbody{border-top: 4px solid #0aeba9;}

#wrap.ds .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_cl.png) no-repeat; background-position:left center;}
#wrap.ds .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_cl.png) no-repeat; background-position:left center;}
#wrap.ds .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_cl.png) no-repeat; background-position:left center;}
#wrap.ds .mypage_tab ul li a:hover{border:4px solid #0aeba9;}
#wrap.ds .mypage_tab ul li a.on{background:#d5fff3;}

#wrap.ds .mc_list li.made a:before{background:url(/images/contents/made_icon_cl.png) no-repeat;}

#wrap.ds .infomodi p span{color:#0aeba9;}
#wrap.ds .infomodi .im_ok{background:#0aeba9;}

#wrap.ds .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon_c.png) no-repeat;}

#wrap.ds button.check_search_btn:hover{color:#0aeba9;}
#wrap.ds .club_make_write .clubmake_btn{color:#0aeba9;}
#wrap.ds .club_make_write .clubmake_btn:hover{background-color:#0aeba9;}

/*바로가기 버튼*/
#wrap.ds .agob{border: 2px #0aeba9 solid;}
#wrap.ds .agob:hover{background-color: #dafdf3;}


/*낚시 css*/
#wrap.ns .top_exp:after{background: #48afff;}
#wrap.ns .top_exp .topexp_img:before{background: url(/images/contents/exp_f_basic1.png) center top no-repeat;}

#wrap.ns #contents_box h2{background:url(/images/contents/f_h2con.png) no-repeat; background-position: right 0px;}
#wrap.ns #contents_box h3{color: #0568b5;}

#wrap.ns .cont_list > li{background: url(/images/contents/f_listcon.png)2px 5.5px no-repeat;}
#wrap.ns .cont_table tbody{border-top: 4px solid #48afff;}

#wrap.ns .mypage_tab ul li:first-child a span{background:url(/images/contents/mp_tab1_fs.png) no-repeat; background-position:left center;}
#wrap.ns .mypage_tab ul li:nth-child(2) a span{background:url(/images/contents/mp_tab2_fs.png) no-repeat; background-position:left center;}
#wrap.ns .mypage_tab ul li:last-child a span{background:url(/images/contents/mp_tab3_fs.png) no-repeat; background-position:left center;}
#wrap.ns .mypage_tab ul li a:hover{border:4px solid #48afff;}
#wrap.ns .mypage_tab ul li a.on{background:#e5f3ff;}

#wrap.ns .mc_list li.made a:before{background:url(/images/contents/made_icon_fs.png) no-repeat;}

#wrap.ns .infomodi p span{color:#74c2ff;}
#wrap.ns .infomodi .im_ok{background:#74c2ff;}

#wrap.ns .etc_wrap .etc h4::after{background:url(/images/contents/etctit_icon_f.png) no-repeat;}

#wrap.ns button.check_search_btn:hover{color:#74c2ff;}
#wrap.ns .club_make_write .clubmake_btn{color:#74c2ff;}
#wrap.ns .club_make_write .clubmake_btn:hover{background-color:#74c2ff;}

/*바로가기 버튼*/
#wrap.ns .agob{border: 2px #74c2ff solid;}
#wrap.ns .agob:hover{background-color: #eaf5fe;}



@media print{
* {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
body{padding:15px;}
h2{margin-bottom:20px;}
h3{margin-bottom:10px;}
}


@media  screen and (max-width:1300px)
{
.top_exp{padding: 13px 15px 30px 15px;}
.top_exp .topexp_img:before{left: 32px;}
.top_exp .topexp_txt{padding: 0px 0px 0px 122px;}


/*회원가입*/
.join_step{width:100%;}
.join_step ol li{padding:10px 20px 10px 30px;}
.join_step ol li.on span.num:after{right:-5px;}
.agree_area .aa_in{padding:20px;}

/*회원가입 본인인증*/
.mem_type{width:100%;}
.email_verify{width:100%;}
.email_verify input{width:calc(100% - 285px);}

/*홈페이지 이용안내*/
.info_wrap{padding:0 20px 30px 20px;}
.info_box:nth-child(2n-1) .txt_box{margin-left:80px;}
.info_box:nth-child(2n) .txt_box{margin-right:80px;}
.info_box .txt_box {width: calc(100% - 590px);}


.etc_wrap{width:100%; padding:20px 30px;}
}

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


/*마이페이지-메인*/
.mc_list li{margin-right:2%; width:calc(94% / 4);}
.mc_list li:nth-child(5n){margin-right:2%;}
.mc_list li:nth-child(4n){margin-right:0;}

/*홈페이지 이용안내*/
.info_wrap{padding:0 10px 30px 10px;}
.info_box:nth-child(2n-1) .txt_box{margin-left:40px;}
.info_box:nth-child(2n) .txt_box{margin-right:40px;}
.info_box .txt_box {width: calc(100% - 510px);}
}


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

/*홈페이지 이용안내*/
.info_box .img_box{width: 46%;}
.info_box .img_box img{width:100%;}
.info_box .txt_box{width: 54%;}
}


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


/*마이페이지-나의기록*/
.myrecod > div.total > div.circle .point_number{margin:20px auto 0 auto; display:block; text-align:center; width:270px;}

.c_graph, .point_exp, .point_number{display:block;}
.c_graph{margin:0 auto 20px auto; display:block;}
.c_graph .cg_num{font-size:28px;}
.point_number{margin:0 auto; width:270px; text-align:center;}
.point_exp{width:100%; padding-left:0; text-align:center;}

/*홈페이지 이용안내*/
.info_box .txt_box > span{font-size:20px;}
.info_box .txt_box p{font-size: 28px;}
.info_box .txt_box ul{font-size: 17px;}
}





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

/*마이페이지 탭*/
.mypage_tab{padding-top:50px;}
.mypage_tab ul li{width:calc((100% - 20px)/3); margin-right:10px;}

/*마이페이지-메인*/
.mc_list li{width:calc(96% / 3); margin-bottom:10px;}
.mc_list li:nth-child(3n){margin-right:0;}
.mc_list li:nth-child(4n){margin-right:2%;}
.mc_list li:nth-child(12n){margin-right:2%;}


/*클럽생성*/
input#court{width:calc(100% - 90px);}
#court2{margin-top:10px;}
#info{border-radius:10px;}
.club_make_write .clubmake_btn{width:230px; height:55px;}

}


@media  screen and (max-width:970px)
{
/*홈페이지 이용안내*/
.benefit_wrap .benefit_list li{width: calc((100% - 60px)/3); margin-right: 30px;}
.benefit_wrap .benefit_list li .benefit{padding: 70px 15px 20px 15px;}
.benefit_wrap .benefit_list li .benefit::before{width: 40%;}
.benefit_wrap .benefit_list li .benefit::after{width:36%;}
.benefit_wrap .benefit_list li .benefit_icon{width: 110px; height: 110px;}
.benefit_wrap .benefit_list li .benefit_icon img{height:50%;}

}


@media  screen and (max-width:910px)
{
.info_box .img_box{width:53%;}
.info_box .txt_box{width:47%;}
}


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




/*2년주기 재동의*/
.month_reagree{width:90%;}

.month_reagree .mreagree_bottom{padding:0 40px;}
.month_reagree .mreagree_bottom p{padding-top:30px; line-height:1.4em; font-size:18px; }
.month_reagree .mreagree_bottom p + p{font-size:17px;}

/*클럽생성*/
.skin  label{margin-right:10px;}
.skin  label:last-child{margin:0;}


.etc_wrap{padding:0 10px;}
}


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

 /*홈페이지 이용안내*/
.info_wrap{text-align:center;}
.info_box{width:100%; display:block; margin: 0 auto; margin-top:40px;}
.info_box .img_box{width:100%; padding: 15px 18px 0 18px;}
.info_box .txt_box{width: 100%; margin-top:20px;}
.info_box:nth-child(2n-1) .txt_box{margin-left:0;}
.info_box:nth-child(2n) .txt_box{margin-right:0;}
.info_box .txt_box ul{display:inline-block; margin-top: 13px;}
.info_box .txt_box li{text-align:left;}




/*마이페이지 내가 참여한 대회*/
.table_list.my_record .w_date{width:150px;}
.table_list.my_record .w_tname{width:calc(100% - 150px);}
}


@media  screen and (max-width:780px)
{
/*홈페이지 이용안내*/
.benefit_wrap p{font-size: 28px;}
.benefit_wrap p span{font-size: 30px;}
.benefit_wrap p img{width:180px;}
.benefit_wrap .benefit_list li{width: 100%; margin-right: 0; text-align: left; margin-bottom: 30px;}
.benefit_wrap .benefit_list li:last-child{margin-bottom: 0px;}
.benefit_wrap .benefit_list li .benefit_icon{vertical-align: middle;}
.benefit_wrap .benefit_list li .benefit{display: inline-block; padding: 30px 25px; width: calc(100% - 125px); min-height: auto; margin-left: 15px; vertical-align: middle; margin-top: auto;}
.benefit_wrap .benefit_list li .benefit p{font-size: 24px;}
.benefit_wrap .benefit_list li .benefit p + p{font-size: 17px;}
}



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


/*마이페이지-메인*/
.mc_list li{width:calc(98% / 2);}
.mc_list li:nth-child(2n){margin-right:0 !important;}
.mc_list li:nth-child(3n){margin-right:2%;}


/*마이페이지-나의기록*/
.myrecod > div.total{display:block;}
.myrecod > div.depends{margin-bottom:50px;}
.myrecod > div.total > div{display:block; padding:25px 20px; width:100%;}
.myrecod > div.total > div.circle:before{width:95%; height:1px; top:auto; bottom:0; transform:translateX(-50%); border-left:none; border-bottom:2px dashed #333; right:auto; left:50%;}

.club > ul{display:block;}
.club > ul > li{display:block; padding:25px 20px; width:100%;}
.club > ul > li:nth-child(2n-1):before{display:none;}
.club > ul > li:nth-last-child(2){border-bottom:1px solid #ccc;}

.depends > ul{display:block;}
.depends > ul > li{display:block; padding:25px 20px; width:100%;}
.depends > ul > li:nth-child(2n-1):before{display:none;}
.depends > ul > li:nth-last-child(2){border-bottom:1px solid #ccc;}


.relative_record{width:100%; margin-bottom:60px;}
.my_select{text-align:right; margin-bottom:10px;}
.my_select select{font-size:17px; border-radius:10px; display:inline-block; text-align:left;}

}



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

.rankingpotint_area{width:90%;}
}



@media  screen and (max-width:660px)
{
/*6개월 비밀번호 변경*/
.month_pw_change{width:95%; border:2px solid #000; margin:70px auto; border-radius:30px; overflow:hidden; box-sizing:border-box;}
.month_pw_change .mpc_top span{padding-right:25px;}

}

@media  screen and (max-width:650px)
{
.top_exp{padding: 15px 15px 25px 15px;}
.top_exp .topexp_img:before{display:none;}
.top_exp .topexp_txt{padding:0 10px;}




/*회원가입*/
.join_step ol li{padding:5px 10px 7px 20px;}
.join_step ol li:before{height:60%;}
.join_step ol li:after{height:60%;}
.join_step ol li span.num{font-size:22px;}
.join_step ol li.on span.num:after{top:19px; width:10px; height:10px;}
.join_step ol li span.txt{font-size:17px;}
.agree_area .aa_in{padding:15px; height:300px;}
.agree_area .line_box label:first-child{margin-right:30px;}
.next_area .point{padding:4px 8px; font-size:17px;}

/*회원가입 본인인증*/
.mem_type label{margin-right: 20px; }
.mem_type input[type="radio"]{margin-right: 1px;}
.mem_type label > span{font-size: 18px; padding-right: 21px;}
.mem_type label span::before{width: 17px; height: 18px;}
.mem_type label:nth-child(2) span{padding-right: 24px;}
.mem_type label:nth-child(2) span::before{width: 21px; height: 19px;}

.email_verify{text-align:left;}
.email_verify label{display:block; margin-bottom:10px;}
.email_verify input{width:calc(100% - 149px); font-size:17px;}
.email_verify button{font-size:17px; padding:10px 15px 10px 10px; height:40px;}



/*로그인*/
.login_area{width:100%;}
.login_area .login_tab a{font-size:18px;}
.login_area .login_tab a span{padding:2px 0 2px 30px;}

.login_box{padding:30px 15px; }
.member_login div.input_box{width:95%;}
.member_login ul li label{font-size:17px; width:70px;}
.member_login ul li input{width:calc(100% - 70px);}
.ml_btn{width:100%;}

.member_login .link_box{margin-top:30px;}
.member_login .link_box:before{display:none;}
.member_login .link_box > div{display:block; width:100%;}
.member_login .link_box > div.find{padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #000;}


/*마이페이지 탭*/
.mypage_tab ul li{width:calc((100% - 10px)/3); margin-right:5px;}
.mypage_tab ul li a{font-size:18px; padding:12px 15px; border:3px solid #1a213b;}
.mypage_tab ul li a:hover{border-width:3px !important;}


/*아이디비밀번호 찾기*/
.ip_search_area{width:100%;}
.ip_search_area .ip_search_tab a{font-size:18px;}
.ip_search_area .ip_search_tab a span{padding:2px 0 2px 30px;}

.ip_search_box{padding:30px 15px; }
.ip_search div.input_box{width:95%;}
.ip_search ul li label{font-size:17px; width:70px;}
.ip_search ul li input{width:calc(100% - 70px);}
.ml_btn{width:100%;}

.ip_search .link_box{margin-top:30px;}
.ip_search .link_box:before{display:none;}
.ip_search .link_box > div{display:block; width:100%;}
.ip_search .link_box > div.find{padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #000;}

}



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

/*2년주기 재동의*/
.month_reagree .mreagree_bottom{padding:0 25px;}


 /*홈페이지 이용안내*/
.info_box{width:95%;}

/*개인정보처리방침*/
.etc_wrap .etc h4{font-size:21px;}
.etc_wrap .etc > p{font-size:17px;}
.etc_wrap .etc .cont_list2 li{font-size:17px;}
.etc_wrap .etc .cont_list3 li{font-size:16px; line-height: 1.4em;}
}


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

/*회원가입완료*/
.join_done{margin:80px auto; width:100%; padding:60px 30px 40px 30px; border-radius:70px;}
.join_done:before{width:230px; height:92px; top:-45px; background-size:180px;}
.join_done .txt p{font-size:20px;}
.join_done .txt p.under{font-size:17px;}
.join_done .btn{margin-top:20px;}
.join_done .btn a{display:block; width:100%; padding:15px 30px; font-size:18px;}
.join_done .btn a.go_main{margin-right:0; margin-bottom:7px;}

/*6개월 비밀번호 변경*/
.month_pw_change .mpc_bottom p{padding-top: 30px;}
.month_pw_change .mpc_bottom ul{display:block; width:100%; margin:30px auto; padding:0 20px;}
.month_pw_change .mpc_bottom ul li{width:80%; margin:0 auto 10px auto; }
.month_pw_change .mpc_bottom ul li:last-child{margin-right:auto;}



/*블랙리스트*/
.blacklist{width:100%;}
.blacklist > p{font-size:22px; padding:30px 0 0 70px; background-size:70px;}
.blacklist > p span{font-size:30px;}
.blacklist .bl_in{padding:15px 20px;}
.blacklist .bl_in .txt{font-size:17px;}


/*휴면계정*/
.restmember{width:100%;}
.restmember > p{font-size:22px; padding:44px 0 0 115px; background-size:90px;}
.restmember > p span{font-size:30px;}
.restmember .rm_in{padding:15px 20px;}
.restmember .rm_in .txt{font-size:17px;}




/*마이페이지 탭*/
.mypage_tab{padding-top:45px;}
.mypage_tab ul{border:3px solid #1a213b; border-radius:100px; overflow:hidden;}
.mypage_tab ul li{width:calc(100%/2); margin-right:0; border-radius:0;}
.mypage_tab ul li a{font-size:17px; text-align:center; border:none;}
.mypage_tab ul li a span{padding:0 0 0 22px; background-size:18px !important;}
.mypage_tab ul li a:hover{border:none !important;}



/*가입 클럽 없을 때*/
.club_empty{width:100%; margin:60px auto 20px auto; padding:100px 25px 25px 25px; text-align:center;}
.club_empty:before{left:50%; transform:translateX(-50%); top:-40px;}
.club_empty:after{width:120px;}
.club_empty p.tit{font-weight:700; font-size:25px;}
.club_empty p.txt{font-weight:500; font-size:18px; margin-top:10px;}



/*클럽생성*/
.rankingpotint_area .rankingpotint_bottom h3{font-size:19px !important;}
.rankingpotint_area .rankingpotint_bottom ul{font-size:16px;}

}


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




}


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




/*2년주기 재동의*/
.month_reagree .mreagree_top{padding:22px 0;}
.month_reagree .mreagree_top span{font-size: 27px;}
.month_reagree .mreagree_top span img{width: 26px;}

.month_reagree .mreagree_bottom{padding:0 20px;}
.month_reagree .mreagree_bottom ul{width:320px; display:block; }
.month_reagree .mreagree_bottom ul li{width:100%;}
.month_reagree .mreagree_bottom ul li:last-child{margin-top:10px;}

/*경기장 검색*/
.top_exp .topexp_txt .top_exp_list li span.tn{margin: 2px 0;}
}


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


/*회원가입 본인인증*/
.mem_type label{margin-right: 8px;}
.mem_type label > span{font-size: 17px;}

/*블랙리스트*/
.blacklist > p{font-size:20px; padding:5px 0 0 60px; background-size:50px; background-position: left 10px top; line-height:1.3em;}
.blacklist > p span{font-size:28px;  padding:12px 0 0 0; }

/*휴면계정*/
.restmember{margin-top:0;}
.restmember > p{font-size:20px; padding:6px 0 0 75px; background-size:60px; background-position:left 10px top; line-height:1.3em;}
.restmember > p span{font-size:28px; padding:12px 0 0 0;}
.restmember .agree_btn .agree{width:150px; height:45px; padding:12px 10px; font-size:16px;}
.restmember .agree_btn .agree:before{left:10px; }
.restmember .agree_btn .disagree{width:150px; height:45px; padding:12px 10px; font-size:16px;}
.restmember .agree_btn .disagree:before{left:10px;}


/*마이페이지-메인*/
.myclub_box .notice{top:50px;}

.mc_list{margin-top:35px;}

/*클럽생성*/
button.check_search_btn{margin-left:0;}
}



@media  screen and (max-width:400px){
/*홈페이지 이용안내*/


}


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

/*회원가입*/
.join_step{margin: 0 auto 30px auto;}
.join_step ol{border-radius:15px; position:relative;}
.join_step ol:before{display:block; position:absolute; content:""; width:100%; height:1px; background-color:#9bff00; top:50%; left:0;}
.join_step ol li{width:50%; padding:5px 10px 7px 10px;}
.join_step ol li:before{height:10px; right:5px; top:11px; transform: rotate(-45deg);}
.join_step ol li:after{height:10px; right:5px; bottom:11px; transform: rotate(45deg);}
.join_step ol li:nth-child(2):before{display:none;}
.join_step ol li:nth-child(2):after{display:none;}
.join_step ol li span.num{display:inline-block; vertical-align:middle; margin-right:10px;}
.join_step ol li.on span.num:after{display:none;}
.join_step ol li span.txt{display:inline-block; vertical-align:middle;}
.agree_area .line_box label:first-child{margin-right:25px;}
.agree_area .line_box input{margin-top:0.5px;}
.agree_area .line_box span{font-size:17px;}
.next_area .next_btn{width:220px; height:50px; font-size:19px;}


/*회원가입 본인인증*/
.email_verify label, .email_verify input, .email_verify button{display:block;}
.email_verify input{width:100%; border-radius:30px;}
.email_verify button{border-radius:30px; margin-left:0; margin:10px auto 0 auto; padding:0 20px; width:100%;}

/*로그인*/
.login_area .login_tab a {font-size: 17px; padding: 10px 15px;}
.login_area .login_tab a span {padding: 2px 0 2px 27px;}

}