@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

html{-webkit-overflow-scrolling:touch;}
body {margin:0;padding:0;font-family:'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;background:#f3f3f3; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'NanumSquare', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
u{text-underline-offset:3px}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

i{font-style: normal;}
pre {
    font-family: 'Noto Sans KR' , sans-serif;
    margin: 0;
    white-space: pre-line;
	overflow: hidden;
	-ms-word-break: keep-all;
	word-break: keep-all;
	line-height: 170%;
	font-size: 0.85rem;
	letter-spacing: -0.25px;
}


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

p{-ms-word-break: break-word; word-break: break-word;}



/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#f5f5f5;font-weight:bold;margin:0px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}

.comment-box{padding: 20px;}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:10px 0;position:relative;border-bottom:1px solid #f0f0f0; border-radius: 15px; background: #fff; padding: 10px;}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:40px;height:40px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777; font-size:11px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em; padding: 5px;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}
#bo_vc .bo_vl_opt button.btn_b01{background: none; color: #999;}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:75px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:80px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:5px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:35px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w .cancel {height:35px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em; margin-left: 3px; border: 0; }
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

#bo_vc_w{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
#bo_vc_w .btn_confirm{text-align: right;}

.nice-select{float:none}

#wrap{ padding:20px 10px;}
#container{padding: 20px; width: 100%; max-width:1400px; margin: 0 auto; /* min-height:calc(100vh - 220px); */}
#container_title{box-shadow:none; margin-bottom: 10px;}

#sns_register{padding: 0; border: 0; background: none; box-shadow:none}
#sns_register .sns-wrap{display: block; padding: 0;}
.outlogin .sns-wrap{text-align: center;}
.sns-wrap{ text-align: left;}
#sns_register h2{display: none;}



.mb_agree{ }
.mb_agree .txt{font-size: clamp(20px, 2vw, 30px); line-height: 120%; font-weight: 600; margin-bottom: 10px;background: #fff; padding: 20px;}
.mb_agree .chx{background: #fff; padding: 20px;}
.mb_agree .chx ul:first-child{border-bottom: 1px solid #e1e1e1; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px;}
.mb_agree .chx ul li{padding: 7px 0;}

.mb_agree .chx ul li fieldset{display: flex; justify-content: space-between;}
.agree-text-box{width: 100%; max-width:70%; padding: 20px; border-radius:30px;}
.agree-text-box textarea{width: 100%; border: 0; min-height:300px; padding: 10px;}
.agree-text-box textarea:focus {outline: none;}
.mb_agree .chx ul li .detail-btn button{background: none; border: 0;}


.ol{background: #fff;}
#ol_before input[type=text], #ol_before input[type=password]{border-bottom: 1px solid #ddd;}
#ol_before input[type=text], #ol_before input[type=password]{color: #000;}
#ol_svc{color: #999;}
#ol_password_lost{border-left: 1px solid #e1e1e1;}
.ol_before_btn a{color: #999;}

#ol_after_memo {background-color:#7c8693;}
#ol_after_pt {background-color: #436a8f;}
#ol_after_scrap {background-color:#7c8693;}
#ol_after_hd strong {color: #222;}

#fregisterform{margin: 0;}





#myteam .my-team ul li{}


#myteam .main-team ul{}
#myteam .main-team ul li{margin-left: 10px; }
#myteam .main-team ul li a{display: block; border: 0px solid #ccc;  background: #fff; border-radius: 10px; width: 100%; min-height:285px; box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 10%);}
#myteam .main-team ul li a > div{text-align: center;}
#myteam .main-team ul li a > div > div{}
#myteam .main-team div.thum{padding: 20px 0 10px;}
#myteam .main-team div.thum img {max-width: 150px; margin: 0 auto; max-height: 120px;}

#myteam .main-team div.info{text-align: center; padding: 10px 0 20px; line-height: 170%;}

#myteam .main-team div.info > h2{}
#myteam .main-team div.info > i{display: block;}

#myteam .main-team div.info > u {text-decoration: none;display: inline-block;background: #eee;color: #999;border-radius: 10px;padding: 3px 20px;margin: 5px 0;font-size: 11px;}
.team-btn{overflow: hidden; padding: 10px;}
.team-btn a{float:left; width: 50%; padding: 10px 5px; display: block; text-align: center; background: #26a8b5; color: #fff;}
.team-btn a:first-child{background: #266bbb;}


#myteam .main-team ul li.no-team  div.info h2{margin-bottom: 10px;}
#myteam .main-team ul li.no-team.swiper-slide {width: 94%;}

.filter-container > div{margin-bottom: 20px;}
.location-filters{display: flex; gap:2px}
.location-filters > div{flex:1}


.modal-btn{cursor:pointer}
.modal{position: fixed; bottom:-100%; left:0; width: 100%; z-index: 9999; padding: 0 10px; transition:all 0.3s ease-in-out;}
.modal.active{bottom:0;}
.modal .cont{min-height:30vh; background: rgb(255 255 255 / 90%); padding: 5vw; border-top-left-radius: 30px; border-top-right-radius: 30px; border: 1px solid #e1e1e1; box-shadow: 0px -5px 10px rgb(0 0 0 / 10%); backdrop-filter: blur(5px);}
.modal .modal-close-btn{background: #fff; border: 1px solid #ccc; width: 40px; height: 40px; border-radius:50%; display: grid; margin: 0 auto; align-items: center; justify-content: center; margin-bottom: -10px; z-index: 9999; position: relative;}

.filter-container .radio{flex-wrap:wrap;gap:5px}
.filter-container .form_div label{margin-bottom: 5px; display: block; font-weight: 600;}
.filter-container .radio-wrapper-16 label{min-width:50px;}


.member-type{margin-bottom: 20px;}
.member-type > ul > li{margin-right: 2px;}
.member-type input[type="radio"] + label {padding-left: 25px; padding-right: 10px;}
.member-type input[type="radio"]+ label:before{left:7px}


#team-container .loading{min-height:50vh; text-align: center;}



header#header .hd_wrap #logo a{padding-top: 5px;}


.flex{display: flex; align-items: center;}
#filter-box .flex.col-2>li{flex:1}
#filter-box.eden_form_type2 button[type="button"]{width: 100%; background: #000; color: #fff; border: 1px solid #e1e1e1; line-height: 40px; text-align: Center;}

header#header{position: fixed; width: 100%; top: 0; left: 0; z-index: 99999999; background: #fff; border-bottom: 1px solid #e5e5e5;
box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);
padding-top: calc(constant(safe-area-inset-top));
padding-top: calc(env(safe-area-inset-top));
}

header#header h1 a{display: flex;align-items: center; text-transform:uppercase }
header#header h1 a img{width: 30px;}
header#header h1 a img.flag{width: 25px; margin-right: 5px;}
header#header button#us_btn{display: block; padding: 10px 20px 5px; border: 0; background: none;}
header#header .hd_wrap{position: relative; display: flex; align-items: center; justify-content: space-between;}
header#header .hd_wrap > div > a{display: block; padding: 10px 20px 5px;}

#wrapper{margin-top: calc(env(safe-area-inset-top) + 55px); }

#user_btn{color: #000;}

.setting{padding: 10px;}
.setting .flex{justify-content: space-between}
.setting > ul > li{position: relative; background: #f5f5f5; padding: 10px 20px; border-radius:10px;}
.setting > ul > li label{gap:5px}
.setting > ul > li label span{font-size: 15px; margin-top: 2px;}

#lang{}

.lang_now{display: flex; align-items: center; gap:5px}
#flags{position: absolute; top: 35px; right: 0; width: 100%; background: #ffffff; border: 1px solid #ddd; border-radius: 15px; overflow: hidden; padding-right: 5px;} 
#flags > ul{max-height:300px; overflow: auto; padding-bottom: 30px;}
#flags > ul > li{display: flex; align-items: center; gap:5px; text-align: left; margin: 5px; border-bottom:1px solid #e1e1e1; padding: 5px;}
#flags > ul > li > a{display: flex; align-items: center;  padding: 0; font-size: 10px; letter-spacing: -0.5px; color: #777;}
#flags li a font b{color: #056ec1;}
#flags li a b{font-size: 12px; font-weight: 500; }

#flags .close-btn{position: absolute; bottom:0; width: 100%; background: #000; text-align: center; }
#flags .close-btn a{color: #fff; padding: 5px; display: block;}



#my_teample{margin: 0px 0 50px; border:0px solid #e1e1e1;}

#my_teample .team-header{justify-content: space-between;}
#my_teample .team-header ul li{align-items: center;}
#my_teample .team-header ul li a{display: flex; align-items: center; gap:5px; background: #fff; border-radius:5px; border: 1px solid #e8e8e8; line-height: 40px; padding: 0 2vw;}
#my_teample .team-header ul li a:hover{background: #20a6ff; border: 1px solid #20a6ff; color: #fff;}
#my_teample .team-header ul li a.p-color{background: #20a6ff; color: #fff;}
#my_teample .team-header{justify-content: space-between;  margin-bottom: 10px;}
#my_teample h2{font-size: 20px;}
#my_teample .team_list{}
#my_teample .team_list > ul.guest-list{display: block;}
#my_teample .guest-team ul{margin-top: 30px;}
#my_teample .guest-team li a{display: flex; align-items: center; gap:5px; padding: 0 20px; line-height: 40px; background: #0571b1; color: #fff; border-radius:5px;}
#my_teample .guest-team li:last-child a{background: #0591b1;}

#main_team .team-header{justify-content: space-between;  margin-bottom: 10px; flex-wrap: wrap;}
#main_team h2{font-size: 20px; margin-bottom: 5px;}


.myteam{overflow: hidden; padding-right: 40px;}
.myteam .swiper-wrapper{}


.team_list .grid{display: grid; gap:2vw;   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
.team_list .thum{min-height:clamp(150px, 20vw, 300px); padding:clamp(20px, 3vw, 50px); align-items: center; justify-content: center; display: grid;}
.team_list .thum img{max-height:160px;}
.team_list .round{background: #fff; border-radius:30px; padding: 1.5vw; border: 1px solid #e1e1e1;}
.team_list .round .info{padding: 10px; background: #fff; text-align: center; }
.team_list .round .info p{font-size: 20px; font-weight: 600; letter-spacing: -1px; margin: 0px 0 5px;}
.team_list .round .info .s-info{display: flex; text-align: center; align-items: center; gap:5px; justify-content: center;}
.team_list .info i{display: flex; align-items: center; justify-content: center; gap:3px; font-size: 13px; color: #777;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; }
.team_list .round .s-info i span{font-size: 18px;}
.team_list .round .s-info i:first-child:after{content:""; display: block; width: 1px; height: 10px; background: #ccc; margin-left: 5px;}

.team_list .location-info i{margin: 7px auto; background: #f5f5f5; color: #999; font-size: 11px; border-radius:5px; display: inline-block; padding: 2px 5px;}
.team_list .location-info i span{font-size: 16px; vertical-align: middle; }
.team_list .location-info i small{font-size: 12px;}

#t-tab{margin: 10px 0;}
#t-tab ul{display: flex; gap:5px}
#t-tab ul li{flex:1;}
#t-tab ul li a{display: block; line-height: 40px; color: #777;}
#t-tab ul li{background: #fff; text-align: center; border-radius:10px;}
#t-tab ul li.on{background: #000; }
#t-tab ul li.on a{color: #fff;}


.round {background: #fff;border-radius: 30px;padding: 15px;border: 1px solid #e1e1e1; position: relative; overflow: hidden;}
#team_view .t-about{padding: 15px ; border-radius:15px;}
#team_view .t-name {align-items: flex-start}
#team_view .t-name .t-logo img{max-width:80px; max-height:80px}
#team_view .t-name h3{font-size: 20px;}
#team_view .t-name .info i {background: #f5f5f5;color: #999;font-size: 11px;border-radius: 5px;display: inline-block;padding: 0px 5px; margin: 3px 0; line-height: 20px;}
#team_view .t-name p{color: #555;}
#team_view .t-name p:last-child{width: 100%;}
#team_view .join{margin-left: auto;}
#team_view .join a{display: block; text-align: center; }
#team_view .join a span{display: grid; font-size: 25px; width: 50px; height: 50px; background: #20a6ff; color: #fff; border-radius:50%; align-items: center; justify-content: center; margin-bottom: 3px;}

#team_view .join a.modify span{background: #444;}

#team_view .t-about{justify-content: space-between; gap:10px}
#team_view .t-about .team_btn ul{display: flex; gap:10px}
#team_view .t-about .team_btn li a{display: block; text-align: center;}
#team_view .t-about .team_btn li a span{display: grid; width: auto; min-width:60px; height: 30px; background: #1c9ee9; color: #fff; align-items: center; justify-content: center; border-radius:5px;}
#team_view .t-about .team_btn a span{font-size: 18px;}


.t-adm {margin-bottom: 30px;}
.t-adm .move-adm-btn{display: inline-block; line-height: 25px; padding: 0 10px; background: #000; color: #fff; border-radius:5px; margin-top: 5px;}
.t-adm .move-adm-box{background: #f5f5f5; padding: 10px;}
.t-adm .move-adm-box label{font-size: 12px; font-weight: 500;}
.t-adm .move-adm-box a{min-width:100px; display: block; line-height: 40px; padding: 0 10px; background: #cb2d2d; color: #fff; border-radius:5px;  text-align: center;}
.t-adm .school-adm-box{margin-bottom: 10px;}


.eden_form_type2 .position .label_name small{color: #777;}
.eden_form_type2 .position .form_div{padding: 20px; border: 1px solid #e1e1e1; border-radius:5px;;}
.position-group{margin: 0 0 20px; }
.position-group:last-child{margin: 0;}
.chk-group{display: flex; align-items: center; flex-wrap: wrap; gap:5px 25px; background: #f7f7f7; padding: 10px; border-radius:5px;}
.position-group p{width: 100%; padding: 5px 0; background: #fff;}
.position-group .chk-group label{margin-bottom: 0 !important;}
.position-group .chk-group .checkbox-wrapper-15 .cbx span:first-child{background: #fff; }
.position-group .chk-group .checkbox-wrapper-15 .cbx span:last-child{margin-left: 3px;}
.position-group .chk-group .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child{background: #3c53c7;}
.position-group .chk-group .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child{color: #3c53c7;}


.t-member-list{/* min-height:50vh */}
.t-member-list .photo{position: relative; display: inline-block;}
.t-member-list .photo i{display: grid; width: 70px; height: 70px; border-radius:50%; border: 1px solid #e1e1e1; overflow: hidden; align-items: center; justify-content: center;}
.t-member-list .photo i.noimg img{position: relative; top:15px;}
.t-member-list .photo span.img_no {letter-spacing: -1px;color: #fff;position: absolute;font-size: clamp(13px, 1.2vw, 14px);font-weight: 700;text-align: center;bottom: -10px;left: calc(50%);z-index: 9;transform: translate(-50%, -0%);max-width: 30px;overflow: hidden;background: #000;border: 0;width: 100%;border-radius: 5px;padding-top: 2px; min-height:17px}

.t-member-list .list{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:1vw }
.t-member-list .list .round{border-radius:15px;}
.t-member-list .round > a{display: flex; align-items: center; gap:10px}
.t-member-list .info .flex{gap: 0 5px}
.t-member-list .info .position{display: flex; gap:5px}
.t-member-list .info .position i{display: block; background: #f5f5f5; padding: 2px 4px; font-size: 12px;}
.t-member-list .info .name{font-size: 16px; font-weight: 600;}
.t-member-list .info .gender{display: inline-block; background: #f5f5f5; padding: 2px 4px; font-size: 11px; margin-right: 3px;}

#result_area .member-title{margin-bottom: 10px;}

.t-member-list .more{position: absolute; right:15px; top:15px; }
.t-member-list .more button{border: 0; background: none;}
.t-member-list .more .floating{position: absolute; right:25px; top:-13px; opacity: 0; z-index: -9; transition:all 0.3s; border: 1px solid #e1e1e1; border-radius:5px; padding: 5px 15px; width: max-content; background: #fff;} 
.t-member-list .more .floating.active{opacity: 1; z-index: 9;}
.t-member-list .more .floating .set{text-align: right;}
.t-member-list .more .floating .set a{display: block; margin: 3px 0; padding: 3px 0;}


.t-member-list .member-section{margin-bottom: 30px;}
.t-member-list .member-section h6{font-size: 16px; margin-bottom: 5px;}


#team_view .t-name .info p.skill{display: flex; gap:10px; align-items: center; margin: 5px 0;}
#team_view .t-name .info p.skill u{display: flex; gap:3px;align-items: center; text-decoration: none; border-bottom: 2px solid #c5e9e3; color: #6eb5a9;}
#team_view .t-name .info p.skill u span{font-size: 15px;}
#team_view .t-name .info p u{}



.schedule{}
.schedule .grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1vw; }
.schedule .grid li{border-radius:15px;}


.schedule li div i{display: inline-block; padding: 0 5px; line-height: 20px; background: #f1f1f1; color: #fff; border-radius:5px; font-size: 10px; color: #777;}
.schedule li div p{font-size: 18px; font-weight: 600; letter-spacing: -0.5px;}
.schedule li div p span{font-size: 13px; display: block;}
.schedule li div h4{font-weight: 400; font-size: 11px; color: #777; margin: 5px 0;}


.schedule-info{border-radius:15px; justify-content: space-between; padding: 30px 30px; display: flex; align-items: flex-end; border: 1px solid #00a2ff;}
.schedule-info .status{display: flex; gap:10px;}
.schedule-info .status button{line-height: 50px; padding: 0 20px; background: #666; color: #fff; border: 0; border-radius:15px; font-size: 15px; display: flex; gap:5px; align-items: center; justify-content: center;}
.schedule-info .status .ok button{background: #1c9ee9;}



.schedule-info .menu{position: absolute; right:30px; top:30px;}

.player-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:10px}
.player-list li{border-radius:15px; text-align: center;}
.player-list li i.photo {display: grid;width: 50px;height: 50px;overflow: hidden;border-radius: 100%;margin: 0 auto 10px;background-size: cover;background-repeat: no-repeat;background-position: center; opacity: 0.5;}


.player-section.attend .tit{border-bottom: 1px solid #000;}
.player-section.attend h4{color: #000; }
.player-section.attend li i{opacity: 1;}

.player-section{margin: 20px 0 50px;}
.player-section h4{font-size: 16px; color: #999;}
.player-section h4 span{font-size: 14px; color: #777;}

.player-section .tit{display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; align-items: center;}


.share-btn {width: 35px;height: 35px;background: #fff200;border-radius: 100%;display: grid;padding: 8px;align-items: center;justify-content: center;}
.share-btn span{display: none;}

.attend_log{border-radius:15px; padding: 15px 15px;}
.log{max-height:200px; overflow: auto; padding-right: 10px;}
.log li{display: flex; border-bottom: 1px dashed #e5e5e5; gap:10px; padding: 5px 0; font-size: 10px;}
.log li i{width: 35%; text-align: right;}
.log li p{width: 65%;}

#guest_pop .join-btn {display: block; margin-top: 10px;}
#guest_pop .join-btn button{background: #000;}


.bottom-btn-right{position: fixed; right:15px; bottom:5%; z-index: 99999;}
.bottom-btn-right a{display: grid; width: 60px; height: 60px; padding: 0 20px; background: #1c9ee9; color: #fff; border-radius:100%;  align-items: center; justify-content: center;}

.schedule .grid li.old a{color: #999;}


.schedule_form{}
.schedule_form .col-2 ul{display: flex; gap:5px}
.schedule_form .f_icon ul li label{position: absolute; display: none;}
.schedule_form .f_icon ul li .frm_input{height: 45px; border-radius:5px;}


.team_result_btn{display: block; padding: 5px 10px; border: 0px solid #e1e1e1; background: #000; color: #fff; border-radius:5px;}
#result_area .join-please {text-align: center;margin: 50px 0 0;}


.link_btn{margin: 20px 0; padding: 0 20px; border:0; background: #000; color: #fff; border-radius:5px; line-height: 30px; display: inline-block;}

#logo img{max-height:25px;}
.board{text-align: left; margin-top: 10px;  padding: 10px;}
.board li{}
.board li a {display: flex;background: #f5f5f5;border-radius: 10px;padding: 10px 20px;align-items: center;gap: 5px;}


.nodata .txt01{font-size: 20px; margin-top: 20px; font-weight: 600; color: #1999e3;}
.nodata .txt02{font-size: 17px; margin-top: 0px; font-weight: 600; color: #333;}
.nodata a{align-items: center; display: flex; gap:5px; max-width:150px; margin: 20px auto 0; line-height: 40px; padding: 0 20px; border-radius:7px; background: #000; color: #fff;}


#ad{margin: 20px 0; text-align: center;}