body , html{
max-width:600px;
margin:0 auto;
/* box-shadow:0 0 25px rgb(0 0 0 / 10%); */
}
label {
cursor: pointer;
}
body{
}
/* 로그인 */
.logo_img {
width: 120px;
height: 120px;
margin: 70px auto;
margin-top: 30px;
}
.logo_img img {
width: 100%;
padding-right: 15px;
}
.login_btn {
width: 80%;
margin: 0 auto;
margin-bottom: 100px;
}
.login_btn li {
border-radius: 10px;
margin-bottom: 20px;
padding: 30px 0
}
.login_btn li a {
display: flex;
align-items: center;
color: #fff;
font-size: 18px;
font-weight: 500
}
.login_btn li a div {
display: flex;
align-items: center;
width: 55%;
margin: 0 auto;
}
.login_btn li a div p {
width: 100%;
min-width: 190px
}
.login_btn li a img {
width: 25px;
height: 25px
}
#kakao_btn {
background: #ffde00;
}
#kakao_btn a {
color: #371c1d;
}
#fb_btn {
background: #395196
}
#fb_btn img {
width: 30px;
height: 30px;
}
#naver_btn {
background: #03cf5d
}
#naver_btn img {
width: 20px;
height: 20px;
}
#email_btn {
background: #f45859
}
#login {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#login > p {
margin-bottom: 20px;
color: #7c7c7c;
font-weight: 500
}
.login_sel {
display: flex;
justify-content: space-between;
width: 60%;
margin: 0 auto;
}
.login_sel li {
width: 49%;
padding: 2px 0;
padding-bottom: 3px;
}
.login_sel li a {
color: #7c7c7c;
font-weight: 600;
font-size: 17px;
}
.login_sel > li:nth-child(1) {
border-right: 2px solid #888
}
.login_sel > li:nth-child(2) {
width: 51%
}
.bbs_contents{
line-height:140%
}
/* 이메일 로그인 */
.login_form {
position: relative;
height: auto;
}
.email_login {
padding: 50px 15px;
min-height: calc(100vh - 131px)
}
.email_login_logo {
width: 90px;
height: 90px;
margin: 0 auto;
display: block;
margin-bottom: 40px;
}
.login_btn_div {
width: 100%;
padding: 15px;
}
.login_btn_div a {
display: block;
width: 100%;
}
.login_btn_div .login_btn {
background: #dbdbdb;
width: 100%;
margin: 0;
padding: 13px;
border-radius: 5px;
font-weight: 500;
color: #7f7f7f;
font-size: 15px;
}
.email_login_div {
margin-bottom: 30px
}
.email_login_tit {
font-weight: 500;
margin-bottom: 15px;
}
.email_login_input {
border-bottom: 1px solid #777;
padding: 5px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0
}
.email_login_input img {
width: 8px;
min-width: 8px;
height: 8px;
display: none
}
.email_login_input img.on {
display: block;
}
.email_login_input input {
width: 100%;
font-size: 15px
}
.email_login_flex {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
margin-top: 15px;
display: none
}
.email_login_check {
display: flex;
align-items: center;
display: none
}
.email_login_check input[type="checkbox"]+label {
display: block;
width: 14px;
height: 14px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
}
.email_login_check input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 1px / contain;
}
.email_login_check input[type="checkbox"] {
display: none;
}
.email_login_check p {
margin-left: 5px;
margin-top: -2px;
}
.email_login_flex a {
text-decoration: underline;
}
.email_login_alert {
font-size: 13px;
color: #ea3232;
margin-top: 5px;
display: block;
font-weight: 500
}
#login_form .help {
justify-content: flex-end;
border-bottom: 1px solid #777;
display: inline-block;
float: right;
color: #777
}
/* 비밀번호 재설정 */
.password_setting h2 {
font-size: 20px;
margin-bottom: 10px;
}
.password_setting_alert {
color: #555;
font-size: 13px;
margin-bottom: 30px;
}
.login_btn_div .login_btn.on {
background: #b3ff00;
color: #000
}
.password_method {
padding: 25px 20px;
}
.password_method h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.password_method_alert {
font-size: 14px;
color: #666;
line-height: 1.3
}
.password_method_ul {
margin-top: 30px;
}
.password_method_ul li:first-child {
margin-bottom: 20px;
}
.password_method_check {
display: flex;
align-items: center;
}
.password_method_check p {
font-size: 14px;
margin-left: 10px;
}
.certification {
font-size: 13px;
color: #808080;
margin-left: 30px;
margin-top: 10px;
}
.password_method_check input[type=radio]{
display: none;
}
.password_method_check input[type=radio]+label{
display: block;
width: 16px;
height: 16px;
background: url('img/checkbox_02.png') no-repeat 0 0px / contain;
}
.password_method_check input[type=radio]:checked+label{
background: url('img/checked_02.png') no-repeat 0 1px / contain;
border-radius: 100%;
}
.certifi_input {
border-bottom: 1px solid #000;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 5px;
margin-top: 30px;
}
.certifi_input_time {
color: #ea3232;
font-size: 13px;
}
/* 약관동의 */
#clause {
padding-top: 100px
}
#clause input[type="checkbox"]+label {
display: block;
width: 23px;
height: 23px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
}
#clause input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 1px / contain;
}
#clause input[type="checkbox"] {
display: none;
}
#clause > p {
text-align: center;
font-size: 25px;
font-weight: 500;
color: #262626;
margin-bottom: 50px;
}
.all_agree {
background: #eee;
color: #303030;
border-radius: 10px;
padding: 25px 20px;
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.all_agree > p {
font-size: 20px;
font-weight: 500
}
.all_agree > p span {
font-size: 18px;
font-weight: 400;
color: #555;
margin-left: 5px;
}
.clause_list {
width: 83%;
margin: 30px auto;
color: #555;
}
.clause_list li {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.clause_list li p {
font-size: 18px;
}
.clause_list li p span {
text-decoration: underline;
margin-right: 5px;
}
.clause .next_btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-align: center;
margin-bottom: 0;
padding: 0 30px;
max-width: 600px;
background: none;
width: 100%
}
.clause .next_btn button {
font-weight: 500;
font-size: 18px;
color: #777;
padding: 15px 0;
width: 100%;
}
.clause .next_btn.on button {
background: #b3ff00;
}
.clause .next_btn.on button {
color: #000;
}
.fixed_btn {
padding: 0 30px;
margin: 0 auto;
display: block;
width: 100%;
margin-top: 40px
}
.fixed_btn button {
padding: 0;
font-weight: 500;
font-size: 18px;
color: #777;
padding: 15px 0;
width: 100%;
background: #ddd;
border-radius: 5px;
margin-top: 0;
display: block;
}
.signup form {
display:flex;
flex-direction:column;
justify-content:space-between;
min-height: calc(100vh - 80px)
}
.fixed_btn.on button {
background: #b3ff00;
color: #000
}
.clause_pop {
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding-top: 70px;
display: none;
z-index: 1
}
.clause_pop.on {
display: block;
}
.clause_head {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
padding: 20px;
font-weight: 500;
align-items: center;
background: #fff;
box-shadow: 0 0 8px #ccc;
font-size: 20px
}
.clause_list li .clause_head p {
font-size: 20px;
color: #000
}
.clause_head img {
width: 20px;
margin-right: 10px
}
.clause_txt {
padding: 0 25px;
padding-bottom: 30px
}
.clause_list .clause_txt p {
line-height: 1.5;
font-size: 17px;
color: #000
}
.clause_list .clause_txt .cl_bold {
font-weight: 500;
padding-top: 20px;
padding-bottom: 5px;
font-size: 18px
}
.clause_list .clause_txt .cl_tit_bold {
font-weight: 500;
font-size: 20px;
margin-top: 20px
}
.clause_list .clause_txt p:first-child {
margin-top: 20px
}
.clause_pop table {
margin: 20px 0;
font-size: 14px;
width: 100%
}
.clause_pop td, .clause_pop th {
border: 1px solid;
vertical-align: middle;
}
.clause_pop td {
padding: 5px;
line-height: 1.3
}
.clause_pop th {
line-height: 1.5
}
.width40 {
width: 80px;
padding: 0
}
/* 회원가입 */
.signup {
height: 92vh;
position: relative;
}
.signup_01, .signup_02 {
padding: 0 30px;
}
.signup_01 {
padding-top: 70px;
}
.signup_01 h2, .signup_02 h2 {
font-size: 25px;
font-weight: 500
}
.nickname {
border: none !important;
margin-bottom: 20px!important;
}
.nickname_flex {
display: flex;
align-items: center;
}
.nickname_input {
border-bottom: 1px solid #777;
margin-top: 40px;
padding-bottom: 7px;
display: flex;
justify-content: space-between;
align-items: center;
}
.nickname_alert {
font-size: 12px;
color: #ea3232
}
.nickname_input input {
font-size: 20px;
color: #333;
width: 80px;
}
.nickname_input input::placeholder {
color: #333;
}
.nickname_input img {
width: 9px;
height: 9px
}
.recommend {
margin-top: 15px;
color: #777;
display: flex;
}
.recommend p {
display: flex;
align-items: flex-end;
}
.recommend img {
width: 17px;
height: 17px;
margin-right: 7px;
margin-bottom: 5px;
}
.recommend span {
margin-top: 6px;
margin-left: 10px;
color: #000;
font-weight: 500
}
.signup_01 > div {
border-bottom: 1px solid #777;
padding-bottom: 10px;
}
.signup_01 > div:not(:last-child) {
margin-bottom: 40px;
}
.signup_01 > div input {
font-size: 20px;
}
.signup_02 {
margin-top: 70px;
position: relative;
}
.signup_02 h2 {
margin-bottom: 15px;
}
.signup_02 > p {
font-size: 17px;
color: #777;
margin-bottom: 40px
}
.signup_02 > .phone_confirm {
border-bottom: 1px solid #777;
padding-bottom: 0
}
.signup_02 div input {
font-size: 20px;
color: #333;
}
.confirm_num {
border: none !important;
margin-top: 25px;
}
.confirm_num button {
border-radius: 5px;
background: #b3ff00;
font-size: 20px;
margin: 0 auto;
display:block;
padding: 20px 25px;
}
.phone_confirm {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.phone_confirm img {
width: 15px;
height: 15px;
display: none
}
.waiting_time {
color: #ea3232;
}
.id_confirm {
background: #e5e5e5;
color: #777;
padding: 10px 12px;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
}
.p_c_input {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #777;
padding-bottom: 10px;
padding-right: 5px
}
.p_confirm_btn {
min-width: 65px;
display: flex;
justify-content: flex-end;
}
.p_confirm_btn button {
border-radius: 5px;
padding: 8px 15px;
background: #e5e5e5;
color: #888
}
.p_confirm_btn button.on {
background: #b3ff00;
color: #000
}
#p_c_div {
border: none
}
.p_confirm_btn button.on {
background: #b3ff00;
color: #000
}
.fixed_btn button.on {
background: #b3ff00;
color: #000
}
.p_c_flex {
display: flex;
align-items: center;
font-size: 20px
}
.p_c_flex span {
color: #ea3232;
margin-left: 10px;
font-size: 17px;
margin-bottom: 1px
}
/* 아이디 찾기 */
.find_tab {
display: flex;
padding: 0 30px;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.find_tab li {
width: 50%;
}
.find_tab li a {
background: #e5e5e5;
color: #777;
width: 100%;
font-weight: 500;
display: block;
border-radius: 5px;
padding: 20px 0;
font-size: 20px;
}
.find_tab li a.on {
background: #b3ff00;
color: #000
}
.find_tab li:nth-child(1) a {
border-radius: 5px 0 0 5px;
}
.find_tab li:nth-child(2) a {
border-radius: 0 5px 5px 0;
}
.phone_find {
display: flex;
align-items: center;
font-weight: 500;
font-size: 25px;
margin-left: 30px;
}
.phone_find span {
width: 10px;
height: 10px;
min-width: 5px;
border-radius: 100%;
background: #b3ff00;
margin-right: 10px;
}
.help {
font-size: 17px;
font-weight: 500;
color: #bbb;
display: flex;
justify-content: flex-end;
margin-top: 30px;
align-items: center;
}
.help img {
width: 13px;
height: 13px;
margin-left: 3px
}
#idFindFrm {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(100vh - 90px)
}
#pwdFindFrm {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(100vh - 90px)
}
/* 아이디 찾기 결과 confirm */
.confirm_alert {
display: flex;
align-items: center;
font-size: 16px;
justify-content: center;
font-weight: 500;
margin-top: 50px;
}
.confirm_alert img {
width: 16px;
height: 16px;
margin-right: 10px;
}
.confirm_div {
border-radius: 5px;
background: #ddd;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
margin-top: 30px;
padding: 50px 0
}
.confirm_div p {
font-size: 17px;
font-weight: 500
}
.confirm .next_btn img {
margin-left: 10px;
}
.find_password_a {
font-size: 14px;
font-weight: 500;
color: #bbb;
display: flex;
justify-content: flex-end;
margin-right: 20px;
align-items: center;
margin-top: 20px;
}
.find_password_a img {
width: 10px;
height: 10px;
margin-left: 5px;
margin-top: 1px;
}
/* 비밀번호 찾기 */
.email_input {
margin: 0 30px;
margin-top: 20px;
font-size: 14px
}
.e_i_flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px
}
.email_input input {
font-size: 20px;
margin-right: 5px;
background: #ddd;
border-radius: 5px;
padding: 13px 15px;
width: 100%
}
.email_input button {
font-size: 15px;
background: #ddd;
border-radius: 5px;
min-width: 60px;
height: 55px;
color: #777
}
.email_input button.on {
background: #b3ff00;
color: #000;
}
.phone_confirm_num input {
width: 50%;
}
.phone_confirm_num .red_txt {
font-size: 15px;
color: #ea3232;
}
.join_alert {
font-size: 12px
}
#passwd, #passwdre {
border-radius: 5px;
}
/* 신규 비밀번호 등록 */
.new_password {
padding: 0 20px;
padding-top: 50px
}
.new_password > p {
text-align: center;
margin-bottom: 30px;
font-size: 13px;
line-height: 1.3
}
.new_password_div {
background: #e5e5e5;
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
.new_password_div input {
font-size: 14px;
}
.new_password_div input::placeholder {
color: #888
}
.pw_pop .pop_btn {
justify-content: center;
}
.pw_pop .pop_btn li {
width: 50%;
}
.pw_pop > .pw_pop_tit {
height: auto;
margin: 20px 0;
margin-bottom: 15px;
}
.pw_pop > .pw_pop_txt {
text-align: left;
font-weight: 400;
font-size: 14px;
display: block;
padding: 0 20px;
height: auto;
margin-bottom: 30px;
}
/* 메인 index */
.board_banner .swiper-slide {
height: auto;
}
.banner_01 img {
object-fit: cover;
}
.main_dark_bg {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
top: 50%;
left: 50%;
z-index: 11;
display: none;
max-width: 600;
transform: translate(-50%,-50%);
}
.main_dark_bg.on {
display: block
}
.main_pop_div {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 12;
width: 85%;
height: 400px;
width: 295px;
border-radius: 10px;
display: none;
max-width: 400px
}
.main_pop_div.on {
display: block
}
.main_pop_div > div {
border-radius: 10px
}
.main_pop_div .swiper-wrapper {
border-radius: 10px;
}
.main_pop_div .swiper-slide {
border-radius: 10px;
}
.main_pop_div .swiper-slide img {
object-fit: cover;
width: 100%;
height: 100%;
}
.main_pop_close {
display: flex;
justify-content: flex-end;
color: #fff;
font-size: 14px;
margin-top: 5px;
padding-right: 5px
}
.main_pop_close li {
margin-left: 5px;
}
.main_pop_close li:first-child {
border-right: 1px solid #fff;
padding-right: 5px;
}
.main_head {
height: 65px;
background: #222;
width: 100%;
max-width: 600px;
display: flex;
justify-content: space-between;
align-items: center;
}
.left_head {
display: flex;
align-items: center;
color: #fff;
}
.logo {
width: 65px;
height: 65px;
background: #3a4040;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.user_head {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 65px;
padding: 10px 0
}
.user_head h1 {
font-size:23px;
font-weight: 500;
}
.user_head p {
font-weight: 300;
font-size: 15px;
color: #fff!important
}
.user_head span {
font-weight: 300;
font-size: 15px;
color: #fff!important
}
.right_head {
display: flex;
flex-direction: column;
align-items: flex-end;
height: 65px;
justify-content:space-between;
padding: 7px 0;
padding-right: 20px;
}
.point_head, .coupon_head {
display: flex;
align-items: center;
color: #fff;
font-size: 16px;
}
.point_head img, .coupon_head img {
width: 22px;
height: 22px;
margin-left: 10px;
}
.main_pop {
background: #fff;
width: 100%;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}
.main_pop_txt {
padding-left: 20px;
}
.main_pop_txt h2 {
font-size: 22px;
margin-bottom: 10px;
}
.main_plus {
width: 80px;
height: 80px;
background: radial-gradient(at 0% 100%,#fff 40%,#a5a5a5);
display: flex;
align-items: center;
justify-content: center;
}
.main_plus img {
width: 35px;
height: 35px;
}
.main_plus2{
margin-left:105px
}
.main_bg {
width: 100%;
position: relative;
height: auto;
}
.main_bg .dark_bg {
display: block;
background: rgba(0,0,0,0.5);
top:50%;
left: 50%;
height: 100%;
position: absolute;
}
.main_bg_01 {
background: url("img/main_bg_04.png") center center no-repeat;
width: 100%;
min-height: calc(100vh - 165px);
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow-y: scroll;
}
.main_bg_02 {
background: url("img/main_bg_02.png") center center no-repeat;
width: 100%;
height: 55%;
background-size: cover;
}
.dark_bg {
position: fixed;
width: 100%;
height: 100%;
top: 50%;
left: 0;
background: rgba(0,0,0,0.7)
}
.main_ico {
position: absolute;
top: 0;
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 15px;
width: 100%;
margin: 0 auto;
padding-right: 8%;
opacity:0.8;
}
.main_ico li {
position: relative;
margin-right: 10px;
width:52px;
text-align:Center
}
.main_ico li::after {
content: "";
position: absolute;
right:-5px;
top:calc(50% - 25px);
width:1px;
height:35px;
background-color:#eee;
}
.main_ico li:last-child::after{
content: none;
}
.main_ico li a {
width: 35px;
height: 35px;
}
.main_ico li a img {
width: 35px;
}
.main_ico li div{
color:#fff;
font-size:11px;
margin-top:10px
}
.main_ico li span {
font-size: 11px;
font-weight: 500;
line-height: 18px;
position: absolute;
display: block;
top: 0;
right: -10px;
border-radius: 100%;
width: 18px;
height: 18px;
background: #b3ff00;
text-align:center;
}
#setting_btn {
margin-left: 5px;
margin-right:-10px
}
.main_content {
width: 84%;
max-width: 500px;
margin: 0 auto;
margin-top: 100px;
padding-bottom: 30px
}
.main_content a {
display: block;
overflow: hidden;
position: relative;
border-radius: 5px;
background-color: #151515;
}
.main_content > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main_content .flex_box a{
width: calc((100% - 5px) / 2);
margin-top: 5px;
}
/*.banner_01 {
padding: 22px;
display: flex!important;
flex-direction: column;
justify-content: flex-end;
text-decoration: none;
width: 100%;
height: 140px;
margin-bottom: 30px;
position: relative;
background: url("img/banner_01.png") center center no-repeat;
background-size: cover;
}
*/
.banner_01 {
text-decoration: none;
width: 100%;
height: auto;
margin-bottom: 7px;
position: relative;
}
.banner_01 p {
color: #000;
font-size: 20px;
margin-bottom: 5px;
font-weight: 500;
}
.banner_01 span {
color: #000;
font-size: 33px;
font-weight: 800;
}
.banner_02 {
padding: 20px;
width: 100%;
height: 155px;
background: #fff;
background: url("img/stadium_bg.png") center center no-repeat;
background-size: cover;
}
.main_bg_01 .banner_02 p,
.main_bg_01 .banner_03 p,
.main_bg_01 .banner_04 p,
.main_bg_01 .banner_05 p,
.main_bg_01 .banner_06 p {
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
color: #fff;
line-height: 1.3;
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-weight: 600;
font-size: 23px;
margin-bottom: 10px;
color: #000;
line-height: 1.3;
}
.banner_02 span {
font-size: 15px;
}
.banner_03, .banner_04, .banner_05, .banner_06{
padding: 20px;
height: 160px;
background: #151515;
background-size: cover;
position: relative;
}
.m_banner_ico {
width: 95px;
position: absolute;
bottom: -20px;
right: 3px
}
.banner_02 span, .banner_03 span, .banner_04 span, .banner_05 span {
font-size: 14px;
color: #fff;
line-height: 1.3;
}
.banner_04 .m_banner_ico {
bottom: 15px;
right: 20px;
width: 70px;
}
.banner_06 .m_banner_ico {
bottom: 15px;
right: 20px;
width: 70px;
}
#main_03 {
height: auto;
}
#main_03 .main_content {
margin-top: 50px
}
#main_03 .main_team_info {
flex-direction: column;
justify-content: flex-start;
}
#main_03 .main_bg_01 {
min-height: calc(100vh - 163px)
}
.main_team_info {
padding: 20px;
background: url("img/team_info_bg02.png") center center no-repeat;
background-size: cover;
height: 250px;
margin-bottom: 10px;
position: relative;
border-radius: 5px;
color: #fff;
}
/* .main_team_info h2 {
margin-bottom: 10px;
font-weight: 600;
font-size: 30px;
letter-spacing: -3px;
}
*/
.main_team_info h2 {
margin-bottom: 10px;
font-weight: 600;
font-size: 30px;
}
.main_team_info > p {
font-size: 17px;
color: #ccc;
}
.team_info_div {
display: flex;
align-items: center;
position: absolute;
top: 21%;
width: 96%;
justify-content: space-between;
}
.team_info_btn {
display: flex;
position: absolute;
top: 10px;
right: 10px
}
.team_info_btn button {
background: #EAEAEA;
border-radius: 5px;
width: 35px;
height: 35px;
margin-left: 7px;
}
.team_info_btn button img {
width: 100%;
}
.team_info_ul {
width: 35%;
padding-top: 30px;
}
.team_info_ul li {
display: flex;
justify-content: space-between;
font-size: 20px;
font-weight: 600;
margin-top: 13px;
}
.team_info_ul li span {
color: #B2FF00;
margin-right: -5px;
font-weight: 600;
}
.team_info_img {
width: 60%;
display: flex;
flex-direction: column;
align-items: center;
}
.profile_img {
overflow: hidden;
background: #e2e4e8;
width: 140px;
height: 140px;
border-radius: 100%;
margin-bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.profile_img form {
width: 100%
}
.profile_img .no_logo {
width: 60%;
height: auto;
margin-right: 3px;
}
.profile_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team_info_del {
position: absolute;
bottom: 10px;
right: 10px
}
.team_info_del button {
background: #333;
border-radius: 5px;
width: 35px;
height: 35px;
padding: 7px;
}
.team_info_del button img {
width: 100%;
}
.team_info_flex {
margin-bottom: 10px;
}
.team_info_flex > a {
padding: 20px;
display: flex;
justify-content: space-between;
flex-direction: column;
position: relative;
}
.team_info_flex > a h2, .team_info_match h2 {
font-size: 25px;
color: #fff;
display: flex;
align-items: center;
}
.team_info_flex > a h2 .ico, .team_info_match h2 .ico{
height: 16px;
margin-left: 3px;
}
.team_info_mem {
background: url("img/team_info_mem_bg.png") center center no-repeat;
background-size: cover;
width: 49%;
height: 150px;
}
.team_info_mem div, .team_info_tactics div {
text-align: right;
}
.team_info_mem div img {
width: 70px;
height: 70px;
}
.team_info_tactics {
background: url("img/team_info_tactics_bg.png") center center no-repeat;
background-size: cover;
width: 49%;
height: 150px;
}
.team_info_match {
position: relative;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: url("img/team_info_match_bg.png") center center no-repeat;
background-size: cover;
height: 130px;
padding: 20px;
}
.banner_01 .team_info_match {
padding: 0
}
/* .team_info_match h2 {
letter-spacing: -3px;
}
*/
.team_info_match div {
text-align: right;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.team_info_match div img {
width: 80px;
height: 80px;
}
#main_03 .banner_01 {
margin-bottom: 0;
height: auto;
}
#main_03 .team_info_none {
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
width: 100%;
padding-top: 30px;
background: none;
}
.team_info_none h2 {
text-align: center;
margin-bottom: 20px;
}
/* .team_info_none h2 {
text-align: center;
margin-bottom: 20px;
letter-spacing: -2px;
}
*/
.team_info_none p {
text-align: center;
line-height: 1.3;
font-size: 16px;
margin-top: 10px;
}
.team_info_plus {
position: absolute;
width: 140px;
height: 140px;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
opacity: 0.2
}
.team_info_plus img {
width: 100%;
}
.bg_dark {
position: fixed;
width: 100%;
height: 100vh;
background: #0000008c;
top: 0;
left: 0;
display: none
}
.bg_dark.on {
display: block;
}
.prof_pop {
background: #fff;
border-radius: 15px;
width: 70%;
position: fixed;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
max-width: 350px;
display: none
}
.prof_pop.on {
display: block;
}
.prof_pop label {
padding: 23px 0;
display: block;
text-align: center;
font-size: 17px
}
.prof_pop label:first-child {
border-bottom: 1px solid #ccc
}
.prof_pop label p {
font-size: 17px
}
/* 마이페이지 */
.blah {
max-width: 100%!important
}
#modTeamFrm label {
width: 100%;
height: 100%
}
.head_mt {
margin-top: 60px
}
.home_mt {
margin-top: 52px
}
.page_head {
background: #222;
display: flex;
align-items: center;
padding: 20px;
max-width: 600px;
margin: 0 auto;
}
.page_head.on {
position: fixed;
width: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2
}
.page_head p {
color: #ddd;
font-size: 20px;
margin-top: -2px;
line-height: 1.1
}
#myinfo a{
margin-left:20px;
}
.chat_head > div {
max-width: 90%
}
.chat_head p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.arrow_img {
width: 20px;
height: 20px;
margin-right: 10px;
min-width: 20px
}
.arrow_img img {
width: 100%;
}
.user_info {
background: url("img/banner_09.png") center center no-repeat;
background-size: cover;
width: 100%;
height: 250px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 50px;
}
.user_profile {
display: flex;
flex-direction: column;
align-items: center;
}
.user_profile_img {
margin-bottom: 20px;
width: 150px;
height: 150px;
background: #fff;
box-shadow: -8px 9px 25px #ccc;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.user_profile_img label {
width: 100%;
height: 100%;
}
.user_profile_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.user_info h2 {
font-size: 30px;
margin-bottom: 25px;
}
.user_info h2 span {
margin-right: 10px;
border-bottom: 1px solid #000
}
.mymenu_01 {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 0;
margin-bottom: 10px;
background:#fff
}
.mymenu_01 li {
width: 33%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mymenu_01 li:not(:last-child) {
border-right: 1px solid #ccc;
}
.mymenu_01 li:nth-child(2) img {
width: 50px;
}
.mymenu_01 img {
width: 40px;
margin-bottom: 10px;
}
.mymenu_01 p {
font-size: 20px;
font-weight: 500;
}
.mymenu_01 li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mymenu_01 li a span {
border-bottom: 1px solid #000;
font-size: 15px;
font-weight: 500;
margin-top: 6px
}
.mymenu_02 {
margin-bottom: 130px;
background:#fff
}
.mymenu_02 li {
padding: 20px 40px;
}
.mymenu_02 li:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.mymenu_02 li a {
display: flex;
justify-content: space-between;
align-items: center;
}
.mymenu_02 li a p {
font-size: 20px;
font-weight: 500;
}
.mymenu_02 li a div {
display: flex;
align-items: center;
}
.mymenu_02 li a div img {
width: 25px;
height: 25px;
margin-right: 20px;
}
.arrow_right {
width: 20px;
height: 20px;
}
.arrow_right img {
width: 100%;
}
.no_profile .user_profile_img {
background: #e2e4e8;
box-shadow: none;
}
#order_list a div img {
margin-right: 16px
}
/* 포인트 내역 */
.mypoint {
height: 270px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 2px solid #ccc;
}
.mypoint h2 {
padding-top: 20px;
font-size: 35px;
margin-bottom: 20px;
}
.mypoint_detail {
border-bottom: 1px solid #000;
width: 35%;
margin-bottom: 20px;
padding-bottom: 10px;
}
.mypoint_detail p {
font-size: 27px;
font-weight: 600
}
.mypoint > p {
font-size: 18px;
line-height: 1.3
}
.mypoint > p span {
font-weight: 600
}
.point_direct {
text-align: center;
padding: 25px 0;
border-bottom: 1px solid #b9b9b9;
font-weight: 500;
}
.point_detail {
border-top:5px solid #e6e6e6;
padding-top: 40px;
margin-bottom: 100px;
min-height: calc(100vh - 557px)
}
.point_detail h3 {
font-size: 22px;
border-bottom: 1px solid #bbb;
padding-bottom: 20px;
padding-left: 20px;
}
.point_detail_none {
text-align: center;
margin: 90px 0;
min-height: 140px
}
.point_detail_none img {
width: 100px;
height: 100px;
opacity: 0.3;
margin-bottom: 30px;
}
.point_detail_none p {
font-size: 20px;
color: #555
}
.point_detail_list ul li {
padding: 20px;
}
.point_detail_list ul li:not(:last-child) {
border-bottom: 1px solid #bbb
}
.point_info {
display: flex;
justify-content: space-between;
font-size: 18px;
margin-bottom: 10px;
font-weight: 500
}
.point_date {
font-size: 14px;
color: #666;
}
.point_sum {
min-width: 100px;
text-align: right;
}
/* 쿠폰함 */
.banner_div {
height: auto;
}
.banner_list {
height: auto!important;
}
.banner_list img {
width: 100%;
height: auto;
object-fit: cover;
}
.coupon_div {
padding: 30px;
padding-top: 40px;
border-bottom: 2px solid #ccc;
}
.add_coupon {
text-align: center;
border-radius: 5px;
border: 1px solid;
padding: 17px 0;
display: block;
font-weight: 500
}
.coupon_banner {
border-top: 5px solid #ddd;
height: auto;
}
.coupon_banner a {
width: 100%;
display: block;
}
.coupon_banner a img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.coupon_list_none {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: calc(100vh - 249px)
}
.team_match_list > .coupon_list_none {
text-align: center;
padding-top: 70px;
min-height: calc(100vh - 180px);
background: none;
}
.coupon_list_none img {
width: 100px;
height: 100px;
opacity: 0.35;
margin-bottom: 20px;
margin-right: 15px
}
.coupon_list_none p {
color: #666;
font-weight: 500
}
.coupon_list {
background: #e6e6e6;
padding: 20px 15px;
}
.coupon_list > p {
font-size: 18px;
margin:15px 0;
margin-top: 10px;
color: #666;
font-weight: 500;
}
.coupon_detail > li {
font-size: 14px;
position: relative;
background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
margin-top: 10px;
padding: 35px;
padding-bottom: 20px;
box-shadow: 0px 5px 5px #bbb;
}
.coupon_detail > li:not(:last-child) {
margin-bottom: 20px;
}
.coupon_detail > li:last-child {
margin-bottom: 100px;
}
.coupon_detail_box {
position: relative;
background: #fff;
width: 100%;
}
.coupon_detail h2 {
font-size: 40px;
margin-bottom: 20px;
}
.coupon_info_flex {
display: flex;
margin-bottom: 30px;
}
.coupon_info_flex p {
padding: 5px 7px;
font-size: 13px;
margin-right: 10px;
font-weight: 500;
padding-bottom: 7px;
}
.green_box {
background: #b3ff00
}
.black_box {
background: #333;
color: #fff;
}
.coupon_info li:nth-child(1) {
font-weight: 500;
font-size: 20px;
margin-bottom: 10px;
color: #000
}
.coupon_info li {
color: #666;
margin-top: 5px;
max-width: 200px
}
.place_direct {
text-align: center;
display: block;
border-top: 1px solid #aaa;
margin-top: 25px;
padding-top: 15px;
font-weight: 500;
font-size: 18px;
}
.more_coupon_btn {
position: absolute;
top: 30px;
right: 30px;
display: flex;
}
.more_coupon_btn span {
border-radius: 100%;
width: 8px;
height: 8px;
background: #666;
display:block;
margin-left: 7px;
}
.coupon_logo {
position: absolute;
bottom: 0;
width: 100px;
height: 100px;
right: 10px
}
.coupon_logo img {
width: 100%;
}
.coupon_more_info {
position: absolute;
top: 0;
left: 0;
background: #fff;
border-radius: 10px;
padding: 30px;
width: 100%;
height: 100%;
display: none;
z-index: 1
}
.coupon_more_info ul {
width: 85%;
}
.coupon_more_info li {
display: flex;
align-items: flex-start;
}
.coupon_more_info li:not(:first-child) {
margin-top: 10px;
}
.coupon_more_info li span {
margin-top: 5px;
display: block;
width: 5px;
margin-top: 6px;
min-width: 5px;
height: 5px;
background: #aaa;
border-radius: 100%;
margin-right: 10px;
}
.coupon_more_info p {
line-height: 1.3
}
.coupon_more_info.on {
display: block;
}
.back_btn {
position: absolute;
top: 30px;
right: 30px;
width: 25px;
height: 25px;
}
.back_btn img {
width: 100%;
}
/* 쿠폰 등록하기 */
.button {
border-radius: 7px;
background: #ddd;
color: #777;
width:100%;
margin: 0 auto;
font-size: 12px;
padding:5px;
margin-top:10px
}
.my_txt_detail .button {
padding: 8px 0
}
.other_txt .my_txt_detail .button {
background: #f2f2f2;
}
.add_coupon_div {
display: flex;
flex-direction: column;
padding-top: 50px;
min-height: calc(100vh - 120px)
}
.add_coupon_div input {
padding: 15px;
font-size: 20px;
}
.add_coupon_div button {
border-radius: 7px;
background: #ddd;
color: #777;
width: 90%;
margin: 0 auto;
font-size: 20px;
padding: 17px 0;
font-weight: 500
}
.add_coupon_div button.on {
background: #b3ff00;
color: #000;
}
.add_coupon_flex {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 7px;
border: 1px solid #bbb;
width: 90%;
margin: 0 auto;
margin-bottom: 25px;
padding-right: 15px
}
.add_coupon_flex img {
width: 10px;
height: 10px;
display: none
}
.add_coupon_flex img.on {
display: block;
}
/* 포인트 무료충전 */
.charge_point {
border-bottom: 1px solid #ccc;
}
.charge_div {
width: 80%;
margin: 0 auto;
padding-top: 50px;
}
.charge_div > div {
display: flex;
width: 100%;
justify-content: center;
}
.charge_div > div p {
text-align: center;
width: 50%;
}
.charge_div_txt p {
font-size: 20px;
font-weight: 500;
padding: 5px 0
}
.charge_div_txt p:nth-child(1) {
border-right: 2px solid #ccc;
width: 48%
}
.point_charge_detail {
background: #e5e5e5;
border-radius: 7px;
padding: 11px 13px;
margin-top: 20px;
}
.point_charge_detail p {
font-weight: 600;
font-size: 22px;
}
.charge_alert {
text-align: center;
padding: 35px 0;
color: #999;
}
.charge_banner {
border-top: 5px solid #e5e5e5;
padding: 30px 30px;
margin-bottom: 0px;
min-height: calc(100vh - 351px)
}
.charge_banner a {
display: block;
width: 100%;
overflow: hidden;
border-radius: 5px;
}
.charge_banner a:not(:first-child) {
margin-top: 15px;
}
.charge_banner a img {
width: 100%;
}
.pc_mh {
min-height: calc(100vh - 670px);
display: none
}
/* 내정보관리 */
#myinfo {
justify-content: space-between;
padding: 16px 20px
}
#myinfo > div {
display: flex;
align-items: center;
}
#myinfo span {
font-size: 20px;
color: #ddd;
}
.myprofile {
padding-top: 50px;
text-align: center;
background: url("img/profile_bg.png") center center no-repeat;
background-size: cover;
height: 300px;
border-bottom: 1px solid #bbb;
}
.myprofile_img {
margin: 0 auto;
margin-bottom: 20px;
background: #e5e5e5;
border-radius: 100%;
width: 120px;
height: 120px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.myprofile_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.myprofile_img label {
width: 100%;
height: 100%
}
.profile_name {
background: #fff;
border: 1px solid #aaa;
width: 40%;
margin: 0 auto;
margin-top: 20px;
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 9px 12px;
}
.profile_name input {
font-size: 18px;
width: 90%;
}
.profile_name img {
width: 10px;
height: 10px;
}
.myprofile_info {
border-top: 7px solid #e5e5e5;
padding: 30px 25px;
border-bottom: 1px solid #bbb
}
.myprofile_info > div:not(:last-child) {
margin-bottom: 30px;
}
.profile_flex {
display: flex;
align-items: center;
font-size: 18px;
}
.profile_flex > div:nth-child(1) {
min-width: 100px;
}
.profile_flex > div:nth-child(1) p {
font-weight: 500;
}
.password_info {
display: flex;
width: 100%;
}
.password_info input {
font-size: 13px;
border: 1px solid #aaa;
border-radius: 5px;
width: 100%;
margin-right: 10px;
padding: 0 10px;
color: #000;
}
.password_info input::placeholder {
color: #ccc;
}
#mhp::placeholder {
color: #ccc;
}
.password_info button {
width: 80px;
background: #ccc;
border-radius: 5px;
padding: 15px 10px;
font-size: 17px;
color: #888;
font-weight: 500
}
.password_info button.on {
background: #b3ff00;
color: #000
}
.phone_info {
margin-bottom: 20px !important;
}
.phone_alert {
color: #aaa;
font-size: 14px;
}
.phone_input {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px !important
}
.phone_input input {
border: 1px solid #aaa;
border-radius: 5px;
width: 21%;
padding: 12px 10px;
height: 47px;
text-align: center;
font-size: 16px;
margin-right: 10px
}
.phone_input button {
width: 27%;
border-radius: 5px;
background: #b3ff00;
height: 47px;
font-size: 16px;
font-weight: 500;
min-width: 110px
}
.phone_num {
display: flex;
justify-content:space-between;
}
#mhp {
padding: 12px 0px;
font-size: 16px;
width: 100%;
height: 47px;
}
.phone_num button {
margin-left: 10px;
min-width: 70px;
height: 47px;
background: #ccc;
border-radius: 5px;
padding: 15px 10px;
font-size: 17px;
color: #888;
font-weight: 500
}
.phone_num button.on {
background: #b3ff00;
color: #000
}
.my_activity {
border-top: 7px solid #e5e5e5;
padding: 30px 0
}
.my_activity > div > p {
width: 150px;
margin-bottom: 30px;
font-weight: 500;
font-size: 18px;
padding-left: 25px;
margin-bottom: 20px;
}
.my_activity_div {
background: #e5e5e5;
padding: 15px 25px;
border-top: 1px solid #bbb;
display: flex;
align-items: center;
}
.my_activity_div > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.my_activity_div > div:nth-child(1) {
margin-right: 70px;
}
.my_activity_div > div p {
font-weight: 500;
font-size: 17px;
}
.my_activity_div > div p span {
text-decoration: underline;
}
.my_activity_div > div p:first-child {
margin-right: 10px
}
.my_activity_info {
display: flex;
padding-top: 30px;
margin-bottom: 20px;
max-height: 153px;
overflow: hidden;
align-items: flex-start;
}
.my_activity_info.on {
max-height: 200vh
}
.my_activity_info > p {
margin-right: 30px;
display: flex;
align-items: center;
}
.act_tit img {
width: 12px;
margin-left: 20px
}
.my_activity_info ul {
width: 100%;
padding-right: 25px;
}
.my_activity_info ul li {
display: flex;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid #aaa;
padding: 15px 0;
font-size: 15px;
padding-left: 10px;
}
.my_activity_info ul li:nth-child(1) {
padding-top: 0
}
.user_withdraw {
margin-bottom: 20px;
text-align: right;
padding-right: 25px;
margin-top: 30px
}
.user_withdraw a {
padding: 0 7px;
font-size: 15px;
}
.user_withdraw a:last-child {
border-left: 1px solid #aaa;
padding-right: 0
}
.phone_info > div:nth-child(1) {
min-width: 135px
}
.p_i_flex {
display: flex;
border: 1px solid #aaa;
border-radius: 5px;
padding: 0 10px;
align-items: center;
width: 100%;
justify-content: space-between;
}
#smscode {
padding-bottom: 7px;
font-size: 13px;
color: red;
border: none
}
#smscode input {
border: none;
padding: 0;
width: 60%
}
.act_btn {
display: flex;
align-items: center;
justify-content: center;
display: none
}
.act_btn button {
display: flex;
align-items: center;
font-size: 15px;
background: #ddd;
border-radius: 5px;
padding: 10px 15px;
font-weight: 500
}
.act_btn img {
width: 10px;
height: 10px;
margin-right: 3px
}
.my_activity_info > .act_tit_hide.on {
display: none;
}
.my_activity_info > .act_tit_show {
display: none;
}
.my_activity_info > .act_tit_show.on {
display: flex;
}
.adm_new_icon{
width:18px;
margin-left:5px
}
.event_tab ul li .ico_new {
position:relative;
z-index:2;
top:-95%;
margin-left:-50%;
padding-left:130%
}
.event_tab ul li .ico_new img{
width:18px
}
.tab_flex .ico_new {
position: absolute;
z-index: 2;
top:3px;
right: 3px;
}
.tab_flex .ico_new img{
width:15px;
}
#chat_btn .ico_new {
font-size: 11px;
font-weight: 500;
line-height: 18px;
position: absolute;
display: block;
top: -15;
right: -0;
border-radius: 100%;
width: 18px;
height: 18px;
text-align:center;
}
#chat_btn .ico_new img{
width:18px
}
#whistle_btn .ico_new {
font-size: 11px;
font-weight: 500;
line-height: 18px;
position: absolute;
display: block;
top: -20;
right: -5px;
border-radius: 100%;
width: 18px;
height: 18px;
text-align:center;
}
#whistle_btn .ico_new img{
width:18px
}
/* 이벤트 프로모션 */
.event_tab {
padding-bottom: 5px;
background: #e2e4e8;
}
.event_tab ul {
background: #fff;
display: flex;
justify-content: space-between;
text-align:center;
border-bottom: none;
box-shadow: 0px 3px 4px #c3c3c3
}
.event_tab ul li {
width: 33%;
position: relative;
height: 60px;
}
.event_tab ul li a {
font-size: 19px;
line-height: 60px;
}
.event_tab ul .promote_li a {
line-height: 1
}
.event_tab ul li span {
position: absolute;
width: 100%;
display: block;
height: 3px;
background: #000;
top: 100%;
left: 50%;
transform: translate(-50%,-50%);
display: none
}
.fixed_tab ul .on {
font-weight: 500
}
.fixed_tab ul .on span {
display: block;
}
#event_click span {
display: block;
}
#event_click a {
font-weight: 500
}
.event_content {
background: #ddd;
padding: 20px;
}
.event_content a {
width: 100%;
background: #fff;
display: block;
}
.event_content a:not(:last-child) {
margin-bottom: 20px;
}
.event_content a img {
width: 100%;
}
.event_txt {
padding: 15px;
}
.event_txt h3 {
margin-bottom: 15px;
}
.event_txt p {
font-size: 14px;
color: #888
}
/* 이벤트&프로모션 상세 */
.event_detail_div {
padding: 25px
}
.event_tit {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.event_tit h2 {
font-weight: 500;
font-size: 20px;
}
.more_event_btn {
margin-left: 20px;
}
.more_event_btn span {
display: block;
width: 6px;
height: 6px;
background: #555;
border-radius: 100%;
}
.more_event_btn span:not(:last-child) {
margin-bottom: 4px;
}
.event_writer {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid;
margin-bottom: 30px;
}
.event_writer img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.event_writer div {
display: flex;
align-items: center;
}
.event_writer div p {
line-height: 25px;
font-weight: 500
}
.event_detail_content {
}
.event_detail_content img {
width: 100%;
}
.event_coupon_btn {
margin: 10px 0;
display: flex;
justify-content: center;
}
.event_coupon {
background: #009999;
color: #fff;
padding: 5px;
font-size: 23px;
font-weight: 500;
text-align: center;
border-radius: 5px;
}
.event_link {
text-align: center;
width: 100%;
margin-bottom: 60px;
display: block;
}
.coupon_note {
color: #999;
margin-bottom: 30px;
}
.coupon_note p {
font-weight: 600;
margin-bottom: 10px;
font-size: 16px;
}
.coupon_note li {
display: flex;
align-items: center;
font-size: 15px;
}
.coupon_note li:not(:last-child) {
margin-bottom: 5px;
}
.coupon_note li span {
display: block;
width: 5px;
height: 1px;
background: #999;
margin-right: 5px;
}
.event_link {
color: #777;
font-size: 15px;
}
/* 회원탈퇴 */
.withdrawal {
padding-top:30px;
position: relative;
margin-bottom: 100px
}
.withdrawal > p {
font-size: 20px;
padding: 0 30px;
padding-bottom: 20px;
border-bottom: 2px solid #ccc;
font-weight: 500
}
.withdrawal_list {
padding: 30px;
border-bottom: 7px solid #ddd
}
.withdrawal_list img {
position: absolute;
width: 22px;
height: 22px;
}
.withdrawal_list li {
position: relative;
font-size: 19px;
display: flex;
align-items: center;
}
.withdrawal_list #others {
flex-direction: column;
align-items: flex-start;
}
.withdrawal_list #others > div:nth-child(1) {
display: flex;
align-items: center;
}
.withdrawal_list li:not(:last-child) {
margin-bottom: 35px;
}
.withdrawal_list li p {
padding-left: 15px;
}
.next_btn {
margin: 30px auto;
padding: 15px 0;
display: block;
font-size: 18px;
width: 50%;
text-align: center;
color: #888;
font-weight: 500;
}
.next_btn button {
font-size: 18px;
font-weight: 500;
color: #888;
background: #ddd;
border-radius: 5px;
}
.next_btn_bot {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 85%;
}
.checked {
display: none;
}
.checked.on {
display: block;
}
.checkbox.on {
display: none;
}
.others_txt {
display: none;
background: #eee;
width: 100%;
height: 100px;
border-radius: 5px;
padding: 20px;
}
.others_txt textarea {
width: 100%;
height: 100%;
resize: none;
}
.others_txt.on {
display: block;
}
.next_btn.on {
color: #000!important;
}
.next_btn.on button {
color: #000!important;
background: #b3ff00
}
.withdrawal input[type="checkbox"]+label {
display: block;
width: 23px;
min-width: 23px;
height: 23px;
background: url('img/checkbox_02.png') no-repeat 0 0px / contain;
}
.withdrawal input[type='checkbox']:checked+label {
background: url('img/checked_02.png') no-repeat 0 0 / contain;
}
.withdrawal input[type="checkbox"] {
display: none;
}
/* 회원탈퇴 주의사항 */
.withdrawal_note {
height: 80vh;
}
.withdrawal_note > p {
display: flex;
align-items: center;
}
.withdrawal_note .red_txt {
color: red;
font-size: 15px;
margin-left: 10px;
margin-bottom: 1px
}
.withdrawal_note_list {
padding: 30px;
}
.withdrawal_note .withdrawal_note_list li {
font-size: 18px;
display: flex;
}
.withdrawal_note .withdrawal_note_list li:not(:last-child) {
margin-bottom: 30px;
}
.withdrawal_note .withdrawal_note_list li p {
line-height: 1.4
}
.withdrawal_note .withdrawal_note_list .spot {
width: 5px;
min-width: 5px;
height: 5px;
background: #000;
display: block;
border-radius: 100%;
margin-top: 10px;
margin-right: 10px;
}
.withdrawal_note .withdrawal_note_list .red_txt {
font-size: 18px;
margin: 0
}
.point_alert {
padding: 0 30px;
margin-top: 40px;
}
.point_alert > p {
font-size: 20px;
font-weight: 500
}
.point_alert ul {
margin-top: 20px;
padding: 30px;
background: #ddd;
border-radius: 5px;
}
.point_alert ul li {
display: flex;
justify-content: space-between;
}
.point_alert ul li:not(:last-child) {
margin-bottom: 15px;
}
.point_alert ul li p {
color: #666
}
.point_alert ul li span {
font-weight: 500
}
.agree {
display: flex;
align-items: center;
position: relative;
}
.agree img {
width: 25px;
height: 25px;
position: absolute;
top: -2px;
left: 0;
}
.agree p {
margin-left: 15px;
}
.agree .blank {
width: 21px;
height: 21px;
}
.agree #checked {
display: none;
top: -4px
}
.agree #checked.on {
display: block;
}
.withdrawal_note_div .next_btn.on {
background: #b3ff00;
color: #000
}
.confirm_btn.on{
background: #222 !important;
}
.confirm_btn {
background: #222;
color: #fff;
padding: 14px 55px;
border-radius: 5px;
font-size: 20px;
margin-top: 30px
}
.dark_bg {
display: flex;
align-items: center;
justify-content: center;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 100vh
}
.dark_bg .withdrawal_alert {
background: #fff;
width: 90%;
border-radius: 10px;
padding: 40px 30px 20px 30px;
text-align:center;
}
.dark_bg.on {
display: flex;
}
body.on {
height: 100vh;
overflow: hidden;
}
.withdrawal_alert p {
color: #666;
border-bottom: 1px solid #ccc;
line-height: 1.5;
padding: 0 20px;
padding-bottom: 20px;
}
.withdrawal_alert h3 {
padding: 20px 50px;
line-height: 1.5
}
.agree input[type="checkbox"]+label {
display: block;
width: 100%;
height: 23px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
padding-left: 35px;
line-height: 23px
}
.agree input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 1px / contain;
}
.agree input[type="checkbox"] {
display: none;
}
.bot_btn {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 0 30px
}
.bot_btn .next_btn {
width: 100%;
margin: 0;
}
.bot_btn .next_btn button {
width: 100%;
padding: 15px 0
}
/* 결제내역 */
.payment_refresh {
width: 22px;
}
.payment_refresh img {
width: 100%;
}
.payment_banner {
border-top: 5px solid #d5d5d5;
height: auto;
}
.payment_banner a img {
width: 100%;
height: auto;
object-fit: cover;
}
.payment_banner .swiper-container, .payment_banner .swiper-wrapper, .payment_banner .swiper-slide {
height: auto;
}
.payment_div {
padding: 30px;
border-bottom: 1px solid #ccc;
position: relative;
}
.payment_list > div:not(:first-child) {
border-top: 5px solid #e5e5e5
}
#no_payment {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 50%
}
#no_payment img {
width: 100px;
opacity: 0.4;
margin-right: 10px
}
#no_payment h3 {
font-weight: 400;
color: #aaa;
margin-top: 40px
}
.pay_date {
margin-bottom: 10px;
}
.payment_box h2 {
margin-bottom: 13px;
}
.reserve_info {
display: flex;
margin-bottom: 13px;
}
.reserve_info li {
padding: 0 10px;
font-weight: 500;
line-height: 1.5
}
.reserve_info li:nth-child(1) {
border-right: 1px solid;
padding-left: 0;
min-width: 70px
}
.reserve_info_div2 .reserve_info li:nth-child(1){
border-right:none;
}
.price {
font-weight: 500;
margin-bottom: 20px;
}
.price span {
margin-left: 7px;
}
.condition {
display: flex;
justify-content: space-between;
}
.condition img {
width: 25px;
height: 25px;
margin-right: 7px;
margin-top: 3px
}
.condition li {
display: flex;
align-items: center;
border-radius: 5px;
border: 1px solid #aaa;
width: 31%;
justify-content: center;
font-size: 14px;
position: relative;
height: 51px
}
.condition li a {
display: flex;
align-items: center;
}
.condition li .bot_arr {
width: 12px;
height: 12px;
margin-left: 5px;
position: absolute;
top: 45%;
right: 3px;
transform: translateY(-50%);
}
.bot_arr.on {
display: none;
}
.condition li .top_arr {
width: 12px;
height: 12px;
margin-left: 5px;
position: absolute;
top: 45%;
right: 3px;
transform: translateY(-50%);
}
.condition .red_txt {
color: #f45859;
}
.reserve_info_box {
border-top: 7px solid #e5e5e5;
display: none;
}
.reserve_info_box.on {
display: block;
}
.reserve_info_div2 {
padding:20px;
border-bottom: 2px solid #ccc;
}
.reserve_info_div2 h3{
margin-bottom:5px;
}
.reserve_info_div {
border-bottom: 2px solid #ccc;
}
.reserve_info_div .sub_info{
margin-bottom:15px;
font-size:16px;
}
.reserve_info_div, .payment_info_div {
padding: 30px;
}
.condition .reserve_detail_btn {
justify-content: flex-start;
}
.match_type_pay {
position: absolute;
right: 30px;
top: 30px;
color: #f45859;
font-size: 17px;
font-weight: 600
}
.reserve_detail_btn.on {
background: #eee;
border: 1px solid #eee
}
.payment_list {
min-height: 90vh;
background:#fff
}
#reserve_detail_hd {
position: fixed;
top: 0;
left: 50%;
width: 100%;
z-index: 2;
display: none;
transform: translateX(-50%);
}
#reserve_detail_hd.activated {
display: flex
}
.r_d_flex {
display: flex;
align-items: center;
height: 49px;
padding-left: 10px
}
.r_d_none {
display: none;
background: #e5e5e5e5;
width: 100%;
border-radius: 4px
}
.r_d_none.on {
display: flex;
}
.r_d_block.on {
display: none;
}
.r_c_price {
display: flex;
align-items: center;
font-size: 20px;
position: relative;
margin-bottom: 5px;
justify-content: flex-start;
width: auto;
float: left;
}
.r_c_price span {
font-weight: 600;
font-size: 24px;
margin-right: 3px
}
.r_c_green {
position: absolute;
width: 100%;
z-index: -1;
background: #c2ff33;
height: 10px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.down_btn_div {
position: absolute;
right: 20px;
top: 47%;
transform: translateY(-50%);
}
.r_c_day {
font-size: 22px;
display: flex;
align-items: center;
color: #555;
}
.r_c_day span:not(:last-child)::after {
display: inline-block;
background: #555;
border-radius: 100%;
width: 4px;
height: 4px;
content: "";
margin: 0 5px 8px 5px;
}
.reserve_cp_flex::before {
display: block;
clear: both;
content: ""
}
/* 결제내역 없음 */
.payment_banner_no {
border-bottom: 3px solid #bbb
}
.payment_no {
height: 73vh;
border-top: 7px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.payment_no img {
width: 110px;
height: 110px;
margin-bottom: 40px;
opacity: 0.3;
}
.payment_no p {
color: #999;
font-size: 20px;
font-weight: 500
}
/* 예약상세 */
.reserve_place p {
overflow: hidden;
line-height: 1.1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
#reserve_btn {
background: #eee;
border: 1px solid #eee
}
.reserve_check {
background: #e5e5e5e5;
padding: 9px 10px;
border-radius: 5px;
font-size: 15px;
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: 20px;
}
.reserve_check img {
width: 13px;
height: 13px;
margin-right: 5px;
}
.reserve_info_div h3 {
margin-bottom: 10px;
}
.reserve_info_div .reserve_info {
font-size: 16px;
margin-bottom: 17px;
}
.place_flex {
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px;
margin-bottom: 10px;
}
.place_flex img {
width: 13px;
height: 13px;
margin-left: 3px;
}
.place_flex ul {
display: flex;
align-items:center;
margin-left: 10px;
font-size: 14px;
}
.place_flex li {
display: flex;
align-items: center;
margin-right: 7px;
}
.copy {
color: #ea3232
}
.address {
font-size: 14px;
margin-bottom: 20px;
}
.condition .blank {
border: #fff;
}
.payment_info_div {
font-weight: 500;
border-top: 7px solid #e5e5e5
}
.price_info {
border-bottom: 1px solid #afafaf;
padding:0 8px;
padding-bottom:8px;
}
.price_info > li {
display: flex;
justify-content: space-between;
padding:8px 0;
font-size:15px ;
}
.discount {
flex-direction: column;
/* margin-bottom: 5px; */
}
.discount ul {
display: flex;
justify-content: space-between;
}
.discount ul li {
display: flex;
justify-content: space-between;
align-items:center;
}
.discount ul li span {
width: 4px;
height: 4px;
background: #ccc;
border-radius: 100%;
margin-right: 7px;
margin-top: 1.5px
}
.discount_detail {
color: #a5a5a5;
font-size: 14px;
margin-top: 15px;
}
.pay_detail {
padding:15px 8px;
font-weight: 600
}
.pay_detail li {
display: flex;
justify-content: space-between;
}
.pay_detail li:nth-child(1) {
margin-bottom: 15px;
}
/* 찜 목록 */
.interest_div {
min-height: calc(100vh - 177px)
}
.interest_list {
border-top: 7px solid #e5e5e5
}
.interest_list .empty {
min-height: calc(100vh - 500px);
border-bottom: none!important
}
.interest_list > div:nth-child(1) .park_thumb {
background: url("img/park_01.png") center center no-repeat;
background-size: cover;
}
.interest_list > div:nth-child(2) .park_thumb {
background: url("img/park_02.png") center center no-repeat;
background-size: cover;
}
.interest_list > div:not(:last-child) {
border-bottom: 2px solid #ccc
}
.interest_content {
padding: 30px;
}
.interest_flex {
display: flex;
}
.park_thumb {
width: 200px;
height: 170px;
background: pink;
border-radius: 10px;
margin-right: 20px;
position: relative;
border-bottom: 30px solid #00000063;
}
.discount_div {
position: absolute;
top: 0;
left: 10px;
display: flex;
}
.discount_div div {
padding: 7px;
font-size: 11px;
color: #fff;
}
.discount_div div p {
margin-bottom: 5px;
}
.green_div {
background: linear-gradient(45deg, #2dd9d8, #a5eda3);
line-height: 1.3
}
.red_div {
background: linear-gradient(45deg, #f84145, #fe6e22);
line-height: 1.3
}
.green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 14px;
font-weight: 500
}
.park_place {
position: absolute;
color: #fff;
bottom: -20px;
left: 10px;
font-size: 12px;
display: flex;
align-items: center;
}
.park_place img {
word-wrap: 10px;
height: 10px;
}
.park_info h2 {
font-size: 20px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3
}
.park_notice {
padding: 15px;
background: #e5e5e5;
border-radius: 7px;
margin-top: 20px;
font-size: 14px;
}
.park_notice div {
display: flex;
align-items: center;
}
.park_notice div:nth-child(1) {
margin-bottom: 10px;
}
.park_notice div span {
margin-top: -3px;
font-weight: 500
}
.notice_div {
width: 61px;
min-width: 61px;
text-align: center;
background: #777;
border-radius: 5px;
color: #fff;
padding: 5px 11px;
margin-right: 10px;
padding-bottom: 8px;
}
.grade {
display: flex;
align-items: center;
font-size: 13px
}
.grade img {
width: 15px;
height: 15px;
}
.grade_value {
font-weight: 500;
margin-left: 5px;
padding-bottom: 2px;
}
.grade_total {
padding-bottom: 2px;
color: #888;
margin-left: 7px;
}
.reward {
font-size: 14px;
}
#reserve_list .park_coupon {
margin-top: 10px
}
.park_coupon {
display: flex;
min-width: auto
}
.park_coupon > div:nth-child(2) {
margin-left: 5px;
}
#hotdeal {
margin-left: 10px;
}
.hotdeal {
font-size: 11px;
border-radius: 3px;
position: relative;
display: flex;
}
.hotdeal img {
width: 21px;
height: 21px;
position: absolute;
transform: translate(-50%,-50%);
left: -2px;
top: 50%;
}
.hotdeal div {
padding: 7px 8px;
padding-top: 5px;
height: 23px;
line-height: 23px;
display: flex;
align-items: center;
}
.hotdeal div:nth-child(2) {
background: #f45859;
color: #fff;
border-radius: 3px 0 0 3px
}
.hotdeal div:nth-child(3) {
color: #f45859;
font-weight: 500;
border-radius: 0 3px 3px 0;
border: 1px solid #f45859;
}
.accept div:nth-child(1) {
background: #f45859;
color: #fff;
border-radius: 3px 0 0 3px
}
.accept div:nth-child(2) {
color: #f45859;
font-weight: 500;
background: #fff;
border-radius: 0 3px 3px 0;
border: 1px solid #f45859;
border-left: none;
}
.park_price {
margin-top: 12px;
font-size: 14px;
}
.park_price li {
display: block;
margin-bottom: 10px;
}
.park_price li p {
display: flex;
align-items: center;
}
.time {
color: #f45859;
font-weight: 600;
margin-right: 10px;
}
.time .spot {
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #f45859;
margin-right: 5px;
}
.park_price_detail {
display: flex;
align-items: center;
}
.park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 17px;
font-weight: 600;
margin-top: -2px;
}
.park_price_detail2 {
align-items: center;
display: flex;
justify-content: space-between;
}
.park_price_detail2 .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 17px;
font-weight: 600;
margin-top: -2px;
}
.park_time {
border-right: 1px solid;
padding-right: 5px;
margin-right: 5px;
}
.top_btn {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
background: #fff;
box-shadow: 1px 1px 8px #666;
border-radius: 100%;
position: fixed;
bottom: 75px;
right: 20px;
z-index: 2
}
.top_btn img {
width: 51%;
}
.top_btn.on {
display: none;
}
.ml5 {
margin-left: 5px!important;
}
#reserve_field .park_coupon {
margin-top: 10px
}
#reserve_field #r_park_info .p_d_i {
justify-content: space-between;
margin-bottom: 10px
}
.park_time_info {
display: flex;
align-items: center;
color: #454e91
}
#reserve_field .coupon_list_none {
min-height: 170px
}
#reserve_field .coupon_list_none img {
width: 70px;
height: 70px
}
/* 스마트도어 */
.smartdoor {
height: 80vh;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.locked_img {
width: 150px;
height: 150px;
margin-bottom: 30px;
}
.locked_img img {
width: 100%;
}
.blank_div {
display: flex;
width: 65%;
justify-content: space-between;
margin-bottom: 10px;
}
.blank_div img {
width: 65px;
height: 65px;
}
.smartdoor h2 {
margin-bottom: 20px;
font-size: 35px;
}
.smartdoor_plan {
font-size: 25px;
font-weight: 600;
margin-bottom: 50px;
}
.smartdoor_plan span {
margin-left: 10px;
}
.smartdoor_alert {
font-size: 20px;
color: #aaa;
margin-bottom: 50px;
}
.smartdoor_btn {
font-size: 20px;
padding: 15px 50px;
border-radius: 5px;
background: #b3ff00;
font-weight: 500
}
.smartdoor_btn_flex {
display: flex;
justify-content: center;
}
.smartdoor_btn_flex button {
border-radius: 5px;
background: #222;
color: #fff;
padding: 15px 50px;
font-size: 20px;
}
.smartdoor_btn_flex button:first-child {
margin-right: 10px;
}
/* 매치키워드 설정 */
.search_div {
margin: 40px 30px;
border-bottom: 1px solid #666;
display: flex;
align-items: center;
padding-bottom: 10px;
justify-content: space-between;
}
.search_div img {
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 15px;
}
.search_div input {
font-size: 17px;
padding-left: 10px;
color: #333;
width: 65%;
}
.search_div input::placeholder {
color: #333;
}
.search_div div {
display: flex;
align-items: center;
}
.keyword_div {
min-height: calc(100vh - 393px);
border-bottom: 1px solid #ccc;
}
.search_div button {
padding: 9px 0;
padding-bottom: 11px;
background: #b3ff00;
min-width: 70px;
border-radius: 5px;
font-size: 16px;
}
.keyword_div > p {
border-bottom: 1px solid #ccc;
padding-left: 30px;
padding-bottom: 20px;
font-size: 17px;
}
.keyword_div > p span {
margin-left: 10px;
font-weight: 600;
color: #555
}
.keyword_div > div {
margin: 20px 30px;
display: flex;
flex-wrap: wrap;
}
.keyword_box {
padding: 11px 10px;
font-size: 14px;
padding-bottom: 12px;
margin-bottom: 10px;
border: 1px solid #888;
border-radius: 5px;
margin-right: 7px;
display: flex;
align-items: center;
}
.keyword_box img {
width: 9px;
height: 9px;
margin-left: 15px;
}
.keyword_box.on {
display: none;
}
.keyword_note {
margin: 30px;
}
.keyword_note li {
display: flex;
margin-bottom: 7px;
}
.keyword_note .spot {
margin-top: 10px;
width: 5px;
min-width: 5px;
height: 5px;
margin-right: 10px;
border-radius: 100%;
background: #555;
display: block;
}
.keyword_note li p {
font-size: 16px;
line-height: 1.5
}
/* 친구초대 */
#invite_pop {
position: absolute;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.7);
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#invite_div {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: flex-start;
position: absolute;
top: 10%;
left: 0;
width: 100%;
display: none;
}
#invite_div.on {
display: flex;
}
#invite_div > p {
color: #fff;
font-size: 27px;
font-weight: 500;
margin-left: 30px;
margin-bottom: 20px;
}
#invite_div img {
width: 70px;
height: 70px;
margin-bottom: 10px;
border-radius: 100%;
}
#invite_div ul {
background: #fff;
border-radius: 40px;
width: 100%;
padding: 35px 40px;
display: flex;
justify-content: space-between;
}
#invite_div ul li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#invite_div ul li p {
text-align: center;
font-weight: 500
}
/* 포인트 교환소 */
.change_content {
background: #fff;
margin-bottom: 100px;
padding: 10px;
}
.change_content ul {
display: flex;
flex-wrap: wrap;
}
.change_content li {
border: 1px solid #a5a5a5;
width: 33.33%;
background: linear-gradient(to top,#dcdcdc 60%,#c0f446);
height: auto;
overflow: hidden;
background: #fff
}
.c_c_div {
display: block;
width: 100%;
height: auto;
}
.entry_img {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: auto;
}
.entry_img img {
width: 100%;
height: auto;
}
.op_div {
background: rgba(0,0,0,0.9);
width: 100%;
color: #b3ff00;
text-align: center;
padding: 9px 0;
padding-bottom: 11px;
font-size: 14px;
}
.bot_div {
}
.entry_info {
display: flex;
align-items: center;
}
.entry_info img {
width: 18px;
height: 18px;
margin-right: -4px;
}
.entry_info span {
font-weight: 600;
font-size: 16px;
margin-bottom: 2px;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(0.8,1);
}
.entry_div {
background: #dcdcdc;
padding: 10px;
}
.entry_div p {
font-size: 15px;
margin-bottom: 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
/* 버닝샵 */
.shop_content {
margin-bottom: 100px;
}
.shop_content ul {
padding: 20px;
}
.shop_content li:not(:last-child) {
margin-bottom: 20px;
}
.shop_content a {
width: 100%;
display: block;
}
.shop_content a img {
width: 100%;
}
/* 커뮤니티 자유게시판 */
.notice_wrap {
width: 100%;
height: 35px;
overflow:hidden;
border-radius: 5px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
padding: 0 20px
}
.notice_roll {
border-radius: 5px;
overflow: hidden;
height: 35px
}
.rolling {
position:relative;
width:100%;
height:auto;
border-radius: 5px;
background: #222;
border-radius: 5px
}
.rolling li {
width: 100%;
height: 35px;
line-height: 35px;
border-radius: 5px
}
.rolling_stop {
display:block;
width:100px;
height:20px;
background-color: #000;
color:#fff;
text-align:center;
}
.rolling_start {
display:block;
width:100px;
height:20px;
background-color: #000;
color:#0f0;
text-align:center;
}
.board_banner {
width: 100%;
border: none;
height: auto;
}
.board_banner img {
width: 100%;
}
.board_note {
border-radius: 5px;
display: flex;
justify-content: space-between;
padding: 8px 10px;
color: #fff;
align-items: center;
}
.board_note > span {
min-width: 82.2px;
text-align: right;
}
.note_flex {
display: flex;
align-items: center;
width: 72%
}
.note_flex img {
width: 15px;
height: 15px;
margin-right: 7px;
}
.note_flex p {
padding-bottom: 1px;
}
.board_tab {
padding-bottom: 8px;
background: #e2e4e8
}
.board_tab ul {
box-shadow: 0px 3px 4px #c3c3c3
}
.board_tab li {
width: 25%
}
/*.board_conent {
padding: 0 20px;
padding-bottom: 20px;
min-height: calc(100vh - 300px)
}
*/
.board_conent {
padding: 0 20px;
padding-bottom: 20px;
min-height: calc(100vh - 300px)
}
.board_conent .empty {
min-height: calc(100vh - 390px);
padding: 50px
}
.board_conent li {
background: #fff;
border-radius: 7px;
padding: 30px 20px;
margin-bottom: 10px;
}
.board_conent li:last-child {
margin-bottom: 120px
}
.board_profile {
display: flex;
padding-left: 15px;
}
.b_p_div img {
width: 100%;
height: 100%;
object-fit: cover;
}
.b_p_div {
width: 50px;
height: 50px;
margin-right: 15px;
border-radius: 10px;
overflow: hidden;
}
.board_name {
font-weight: 500;
font-size: 19px;
}
.board_name .category {
margin-top: 5px;
background: #e5e5e5;
color: #888;
font-size: 14px;
padding: 5px 12px;
padding-bottom: 7px;
border-radius: 5px;
width: auto;
float: left;
}
.board_detail_info {
display: flex;
justify-content: space-between;
align-items: center;
}
.board_reply {
display: flex;
align-items: center;
}
.board_reply img {
width: 30px;
height: 30px;
margin-right: 5px;
}
.board_conent h2 {
font-size: 23px;
margin: 20px 0;
margin-top: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3
}
.board_tit h2 {
line-height: 1.3;
margin-right: 20px
}
.board_txt {
font-size: 18px;
line-height: 1.5;
margin-bottom: 30px;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.board_detail_info > p {
color: #bbb
}
.board_reply span {
color: #bbb;
}
.write_btn {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
background: #b3ff00;
box-shadow: 1px 1px 8px #666;
border-radius: 100%;
position: fixed;
bottom: 150px;
right: 20px;
z-index: 10
}
.write_btn img {
width: 60%;
}
.promote_li a {
max-width: 60px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
height: 100%;
margin: 0 auto;
}
.event_tab ul .promote_li {
width: 25%
}
.write_btn.on, .top_btn.on {
display: none
}
/* 자유게시판 상세 */
.board_tit {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 0
}
#w_bg {
background: #ffffff00
}
.board_tit h2 {
font-size: 25px;
color: #444
}
.board_tit .more_btn span {
width: 6px;
height: 6px;
background: #777;
border-radius: 100%;
display: block;
}
.board_tit .more_btn span:not(:last-child) {
margin-bottom: 5px;
}
.board_tit .board_more {
display: none;
position: absolute;
top: 40px;
right: 5px;
background: #fff;
flex-direction: column;
box-shadow: 1px 1px 9px #bbb;
z-index: 1
}
.board_tit .board_more.on {
display: flex;
}
.board_more p {
padding: 15px;
padding-right: 80px;
}
.board_more p:nth-child(2) {
padding-top: 0
}
.m30 {
margin: 0 30px;
}
.profile_info {
display: flex;
align-items: center;
}
.profile_info img {
width: 30px;
height: 30px;
margin-right: 5px;
border-radius: 5px;
}
.profile_info p {
font-size: 19px;
font-weight: 500;
padding-bottom: 6px;
}
.write_info {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #666;
padding-bottom: 15px;
}
.board_date {
padding-bottom: 5px;
}
/* .board_conent_txt {
padding: 30px 0;
margin-bottom:40px;
min-height: 200px;
line-height: 1.5
}
.board_conent_txt p {
font-size: 19px;
line-height: 1.4;
color: #333;
}
*/
.board_conent_txt {
padding: 30px 0;
margin-bottom:40px;
min-height: 200px;
}
.board_reply_detail li {
border-top: 1px solid #c5c5c5;
padding: 15px 0;
}
.reply_all {
color: #777;
font-size: 18px;
margin-bottom: 30px;
}
#free_board {
position: relative;
}
#free_board .pop_tit {
line-height: 1.3;
font-size: 17px
}
#free_board .reply_all {
margin-bottom: 20px;
}
#free_board .dark_bg {
height: 100%
}
.reply_all span {
margin-left: 5px;
color: #1b1464
}
.reply_flex {
display: flex;
justify-content: space-between;
}
.reply_prof {
display: flex;
align-items: center;
}
.reply_prof > img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.reply_id {
font-size: 18px;
padding-bottom: 2px;
}
.reply_date {
font-size: 14px;
color: #aaa;
margin-left: 5px;
}
.del_img {
width: 10px;
height: 10px;
margin-left: 5px;
}
.del_img img {
width: 100%;
}
.reply_btn {
background: #1e2026;
border-radius: 5px;
color: #fff;
padding: 0 12px;
padding-bottom: 2px;
min-width: 50px
}
.rec_name {
color: #494383
}
.reply_content {
font-size: 18px;
margin-top: 15px;
padding-left: 85px!important;
}
.reply_prof {
width: 100%;
}
.reply_prof .arr_img {
width: 10px;
height: 10px;
min-width: 10px;
margin-right: 10px;
}
.recoment_div {
border-top: 1px solid #c5c5c5;
margin-top: 15px;
}
.recoment {
margin-top: 15px
}
.p50 {
padding: 0 50px;
}
.recoment .reply_content {
padding-left: 100px!important;
}
.recoment_input {
margin-top: 20px;
}
.recoment_txt {
background: #eee;
width: 100%;
border-radius: 5px;
padding: 5px;
}
.recoment_txt input {
width: 100%;
padding: 5px;
font-size: 17px;
}
.reply_btn_div {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.reply_btn_div button {
margin-left: 5px;
background: #1e2026;
border-radius: 3px;
color: #fff;
padding: 0 12px;
padding-bottom: 2px;
min-width: 50px;
min-height: 25px;
}
.recoment_input_div {
padding: 15px 30px;
border-top: 1px solid #c5c5c5;
display: flex;
}
.recoment_input_div input {
background: #eee;
padding: 10px;
border-radius: 5px;
font-size: 17px;
width: 100%;
}
.recoment_input_div textarea {
background: #eee;
padding: 10px;
border-radius: 5px;
font-size: 14px;
width: 100%;
overflow-y: hidden;
height:35px
}
.recoment_input_div button {
min-width: 70px;
padding: 10px;
background: #1e2026;
border-radius: 5px;
color: #fff;
margin-left: 10px;
}
.board_report_pop {
background: #fff;
border-radius: 10px;
padding: 15px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 95%;
display: none;
}
.report_pop {
margin-top: 30px;
margin-bottom: 20px
}
.report_pop p {
font-weight: 600;
margin-bottom: 10px;
font-size: 14px;
}
.report_pop textarea {
width: 100%;
height: 100px;
background: #ddd;
border-radius: 10px;
padding: 10px;
resize: none;
}
.board_report_pop.on {
display: block;
}
.pop_tit {
font-weight: 600;
text-align: center;
font-size: 17px;
}
.match_pop .pop_tit {
font-size: 20px;
margin-bottom: 5px;
}
.pop_txt {
display: block;
text-align: center;
}
.match_pop .report_pop {
margin-top: 20px
}
/* 중고거래 */
.deal_div {
margin-top: 0;
background: #fff;
padding-top: 15px;
}
.deal_div .empty {
min-height: calc(100vh - 278px)
}
.deal_div .m30 {
margin: 0 30px;
}
.deal_search {
border-radius: 30px;
background: #1e2026;
color: #fff;
padding: 10px 15px;
display: flex;
align-items: center;
}
.deal_search img {
width: 18px;
height: 18px;
margin-right: 7px;
}
.deal_search input {
color: #fff;
font-size: 15px;
margin-bottom: 2px;
}
.deal_list li {
padding: 20px 30px;
border-bottom: 1px solid #c5c5c5
}
.deal_list li:last-child {
border-bottom: none
}
.deal_search input::placeholder {
color: #fff;
}
.deal_box {
display: flex;
}
.deal_thumb {
width: 170px;
height: 170px;
overflow: hidden;
border-radius: 5px;
object-fit: cover;
min-width: 170px;
}
.deal_thumb img {
width: 100%;
height: 100%;
}
.deal_content {
width: 100%;
padding-left: 20px;
padding-top: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.deal_content h2 {
font-size: 21px;
font-weight: 500;
margin-bottom: 7px;
}
.deal_date {
color: #777;
margin-bottom: 20px;
}
.deal_price {
font-weight: 500;
font-size: 23px;
font-weight: 600
}
.deal_reply {
display: flex;
align-items: center;
justify-content :flex-end;
}
.deal_reply img {
width: 25px;
height: 25px;
margin-top: 4px;
margin-right: 5px;
}
/* deal detail */
.deal_detail_div .m30 {
margin: 0 30px;
}
.deal_thumb_img {
margin-bottom: 20px;
overflow: hidden;
height: 450px
}
.deal_thumb_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.deal_detail_div h2 {
font-size: 20px;
font-weight: 500;
line-height: 2;
margin-top: 10px!important
}
.deal_prof_name {
display: flex;
align-items: center;
margin-top: 20px;
line-height: 2
}
.deal_prof {
margin-right: 5px;
border-radius: 5px;
overflow: hidden;
width: 20px;
height: 20px;
}
.deal_prof_name img {
width: 100%;
height: 100%;
margin-top: 3px;
object-fit: cover;
}
.deal_info {
display: flex;
justify-content: space-between;
align-items: center;
align-items: center;
position: relative;
}
.deal_info > p {
line-height: 2
}
.deal_more_btn {
margin-left: 5px;
}
.deal_more_btn span {
display: block;
width: 3px;
height: 3px;
background: #777;
border-radius: 100%;
}
.deal_more_btn span:not(:last-child) {
margin-bottom: 3px;
}
.deal_flex {
display: flex;
align-items: center;
}
.deal_flex > span {
margin-bottom: 2px;
margin-right: 5px;
}
.deal_detail_info {
border-top: 1px solid #bbb;
margin-top: 15px;
min-height: 230px;
border-bottom: 1px solid #b5b5b5;
margin-bottom: 15px;
}
.deal_detail_info h3 {
text-align: center;
padding: 12px 0;
border-bottom: 1px solid #b5b5b5;
font-weight: 500;
font-size: 18px;
}
.deal_detail_info .contents {
padding: 30px;
}
.deal_detail_info .contents p{
line-height:120%;
margin:0;
padding:0;
min-height:20px
}
.deal_detail_div .reply_all {
margin-bottom: 15px;
}
.deal_more {
display: none;
position: absolute;
top: 10px;
right: 3px;
background: #fff;
flex-direction: column;
box-shadow: 1px 1px 9px #bbb;
z-index: 1
}
.deal_more a {
padding: 15px;
padding-right: 80px;
display: block;
}
.deal_more.on {
display: flex;
}
.deal_more a:nth-child(2) {
padding-top: 0
}
.op_bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0);
display: none;
}
.op_bg.on {
display: block;
}
.deal_detail_div .swiper-wrapper {
height: 450px;
}
.deal_detail_div .swiper-slide {
height: 450px;
}
.deal_detail_div .swiper-container {
height: 450px;
}
.deal_detail_div .swiper-container-horizontal>.swiper-pagination-bullets, .deal_detail_div .swiper-pagination-custom, .deal_detail_div .swiper-pagination-fraction {
bottom: 5px;
}
.deal_detail_div .swiper-pagination-current {
margin-right: 5px
}
.deal_detail_div .swiper-pagination-total {
margin-left: 5px
}
.reserve_coupon_div .swiper-wrapper {
height: auto!important;
}
/* 리그대회 */
#league {
background: none;
padding-top: 10px
}
#league .league_list {
margin-top: 20px;
min-height: calc(100vh - 280px)
}
#league .empty {
min-height: calc(100vh - 330px);
padding: 50px 0
}
.league_list li {
background: #fff;
border-radius: 30px;
padding: 20px;
margin-bottom: 20px;
}
.league_list li a {
display: flex;
}
.league_thumb {
width: 180px;
height: 150px;
min-width: 180px;
background: #f9f9f9;
position: relative;
border-radius: 30px;
margin-right: 15px;
overflow: hidden;
}
.league_thumb_no {
width: 180px;
height: 150px;
min-width: 180px;
background: #f9f9f9;
position: relative;
border-radius: 30px;
margin-right: 15px;
overflow: hidden;
}
.league_thumb img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.league_thumb_no img {
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.league_info {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-bottom: 5px;
}
.deal_content h2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.2em;
}
.league_txt h2 {
font-size: 25px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.league_date {
color: #727171;
font-size: 17px;
line-height: 2
}
.league_price_info {
display: flex;
justify-content: space-between;
}
.league_price {
font-size: 26px;
font-weight: 500
}
.league_reply {
display: flex;
align-items: flex-end;
padding-top: 2px;
}
.league_reply img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.league_reply span {
padding-bottom: 5px;
}
/* 공지사항 */
.notice_list {
padding-bottom: 50px;
}
.notice_list li {
padding: 20px 30px;
}
.notice_list li:not(:last-child) {
border-bottom: 1px solid #c0c0c0
}
.notice_list a {
display: flex;
justify-content: space-between;
align-items: center;
}
.notice_txt {
width: 85%;
}
.notice_list h2 {
font-size: 18px;
width: 100%;
overflow: hidden;
font-weight: 500;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3
}
.notice_date {
font-size: 18px;
margin-top: 10px;
color: #777
}
.arrow_div {
width: 20px;
min-width: 20px;
margin-left: 15px;
}
.arrow_div img {
width: 100%;
}
#list_products .notice_date {
display: none
}
/* 공지사항 상세 */
.notice_title {
border-bottom: 1px solid #c0c0c0;
padding: 30px;
padding-bottom: 15px;
}
.notice_title h2 {
font-size: 22px;
font-weight: 500;
line-height: 1.3
}
.notice_content {
padding: 30px;
font-size: 18px;
}
.notice_content p {
line-height: 1.4
}
.notice_content img {
max-width: 100%
}
/* 환경설정 */
input[type="checkbox"] {
display: none;
}
.label__on-off {
overflow: hidden;
position: relative;
display: inline-block;
width: 48px;
height: 26px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
background-color: #00032b;
color: #fff;
font-weight: bold;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.label__on-off > * {
vertical-align: sub;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 14px;
}
.label__on-off .marble {
position: absolute;
top: 2px;
left: 2px;
display: block;
width: 22px;
height: 22px;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.label__on-off .on {
display: none;
padding-left: 12px;
}
.label__on-off .off {
padding-left: 30px;
line-height: 25px;
}
.input__on-off:checked + .label__on-off {
background-color: #b3ff00;
border: 1px solid #ccc;
}
.input__on-off:checked + .label__on-off .on {
display: inline-block;
}
.input__on-off:checked + .label__on-off .off {
display: none;
}
.input__on-off:checked + .label__on-off .marble {
left: 22px;
top:1px
}
.setting_01 {
padding-top: 30px;
font-size: 19px;
}
.setting_01 > p {
line-height: 2;
font-size: 22px;
font-weight: 500
}
.p30 {
padding: 0 30px;
}
.setting_01 ul {
border-top: 2px solid #c0c0c0
}
.setting_01 ul li {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.setting_01 img {
width: 20px;
height: 20px;
}
.setting_01 ul li a {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 19px
}
.help_list li {
padding-bottom: 20px;
}
.help_list li:not(:last-child) {
border-bottom: 1px solid #c0c0c0
}
.others_list {
margin-bottom: 80px;
}
.setting_02 {
margin-top: 20px;
}
/* 자주 묻는 질문 */
.faq_search {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px
}
.faq_search img {
width: 15px;
min-width: 15px
}
.f_s_flex {
display: flex;
align-items: center;
width: 100%;
}
.f_s_flex img {
width: 17px;
min-width: 17px;
margin-right: 10px
}
.f_s_flex input {
width: 100%;
font-size: 18px
}
.faq_btn {
background: #ddd;
padding: 20px;
}
.faq_btn ul {
display: flex;
flex-wrap: wrap;
}
.faq_btn li {
width: 25%;
text-align: center;
background: #fff;
border: 1px solid #e6e6e6;
display: flex;
align-items: center;
justify-content: center;
height: 94px;
font-weight: 500;
font-size: 17px;
line-height: 1.3
}
.faq_btn li:nth-child(1) {
border-right: none;
border-bottom: none
}
.faq_btn li:nth-child(2) {
border-bottom: none;
border-right: none
}
.faq_btn li:nth-child(3) {
border-bottom: none;
border-right: none
}
.faq_btn li:nth-child(4) {
border-bottom: none
}
.faq_btn li:nth-child(5), .faq_btn li:nth-child(6), .faq_btn li:nth-child(7) {
border-right: none;
}
.faq_click {
background: #222!important;
color: #fff
}
.arr_btn {
width: 16px;
height: 16px;
position: relative;
margin-left: 20px;
min-width: 16px;
margin-top: 5px;
}
.arr_btn img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.arr_btn_t.on {
display: none;
}
.faq {
margin-bottom: 50px;
}
.faq li {
padding: 30px 20px;
font-size: 19px;
border-bottom: 1px solid #c0c0c0
}
.faq li.on {
background: #f6f6f6
}
.faq_flex {
display: flex;
justify-content: space-between;
}
.q_txt {
display: flex;
width: 100%
}
.q_txt p {
line-height: 1.5
}
.q_num {
font-weight: 500;
margin-right: 15px;
margin-top: 3px;
}
.a_txt {
margin-left: 36px;
padding-right: 20px;
margin-top: 20px;
display: none;
}
.a_txt.on {
display: block;
}
.a_txt p {
line-height: 1.5;
font-size: 16px;
}
.faq_01.on {
display: block;
}
.faq_01.on1 {
display: none;
}
.faq_02.on {
display: block;
}
.faq_02 {
display: none;
}
.faq_03.on {
display: block;
}
.faq_03 {
display: none;
}
.faq_04.on {
display: block;
}
.faq_04 {
display: none;
}
.faq_05.on {
display: block;
}
.faq_05 {
display: none;
}
.faq_06.on {
display: block;
}
.faq_06 {
display: none;
}
.faq_07.on {
display: block;
}
.faq_07 {
display: none;
}
.faq_08.on {
display: block;
}
.faq_08 {
display: none;
}
.faq_hide.on {
display: none;
}
.faq_show.on {
display: flex;
}
.faq_show {
display: none;
}
/* 구장예약 */
.reserve_flex {
display: flex;
padding: 20px 30px;
justify-content: space-between;
border-bottom: 1px solid #bbb
}
.reserve_flex > div:first-child {
width: 45%;
display: flex;
align-items: center;
border: 1px solid #555;
border-radius: 7px;
padding: 10px;
font-size:13px
}
.reserve_flex > div:last-child {
width: 54%;
display: flex;
align-items: center;
border: 1px solid #555;
border-radius: 7px;
padding: 10px;
font-size:13px
}
.reserve_flex > div img {
width: 15px;
height: 15px;
margin-right: 5px;
}
.reserve_date p:nth-child(1) {
margin-right: 5px;
}
.reserve_filter {
display: flex;
justify-content: space-between;
padding: 20px 30px;
border-bottom: 1px solid #bbb;
}
.reserve_checkbox {
display: flex;
align-items: center;
}
.reserve_checkbox p {
padding-bottom: 2px;
margin-left: 10px;
font-size: 16px;
color: #444;
line-height: 20px
}
.reserve_checkbox input[type="checkbox"]+label {
display: flex;
align-items: center;
height: 20px;
width: 100%;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
font-size: 16px;
color: #444;
padding-left: 30px;
padding-bottom: 2px
}
.cou_pos_check input[type="checkbox"]+label {
width: 18px;
padding-left: 20px
}
.reserve_checkbox input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 1px / contain;
}
.reserve_checkbox input[type="checkbox"] {
display: none;
}
.filter_div {
width: 22px;
height: 22px;
}
.filter_div img {
width: 100%;
}
.reserve_range {
display: flex;
align-items: center;
justify-content: flex-end;
background: #e8e9ed;
padding: 15px 30px;
}
.reserve_range img {
width: 10px;
height: 10px;
margin-left: 7px;
margin-top: 1px
}
.reserve_range select {
line-height: 1.1
}
.r_r_sel {
background: #fff;
border-radius: 3px;
border: 1px solid #000;
display: flex;
align-items: center;
padding: 5px
}
.recommend_flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 30px;
border-bottom: 1px solid #ccc
}
.recommend_flex p {
font-weight: 500;
font-size: 16px;
}
.recommend_flex span {
border: 1px solid #000;
border-radius: 5px;
padding: 5px 7px;
font-size: 13px
}
.ad_list {
border-bottom: 2px solid #ccc
}
.ad_list > ul > li {
width: 100%;
padding: 20px 30px;
border-bottom: 1px solid #ccc
}
.ad_list li a {
width: 100%;
display: block;
position: relative;
}
.ad_list .low_price {
margin-bottom: 5px
}
.reserve_thumb {
border-radius: 10px;
overflow: hidden;
width: 100%;
height: 250px;
position: relative;
}
.reserve_thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reserve_pop {
position: absolute;
top: 0;
left: 20px;
display: flex;
color: #fff;
font-size: 14px
}
.reserve_pop div {
padding: 7px;
padding-bottom: 10px;
}
.reserve_pop div p {
line-height: 1.5;
font-size: 13px;
}
.reserve_pop div p:nth-child(2) {
font-size: 500;
font-size: 16px;
}
.reserve_pop .txt_center {
text-align: center;
}
.dark {
background: rgba(0,0,0,0.5);
color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
font-size: 13px;
border-radius: 0 0 10px 10px;
padding: 7px 10px;
}
.dark p {
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.dark img {
width: 12px;
height: 12px;
margin-bottom: -2px;
}
.reserve_info_flex {
display: flex;
justify-content: space-between;
padding-top: 12px;
position: relative;
}
.reserve_info_flex h2 {
font-size: 22px;
margin-right: 20px;
overflow: hidden;
line-height: 1.1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
min-width: 222px
}
.r_i_flex {
display: flex;
justify-content: space-between;
}
.r_i_info {
min-width: 170px
}
.reserve_info_flex #hotdeal {
margin-left: 13px
}
.reserve_info_flex .park_coupon > div:nth-child(2) {
margin-left: 5px;
}
.reserve_info_flex .hotdeal {
font-size: 11px;
}
.ad_list .grade img {
width: 18px;
height: 18px;
margin-right: 3px;
}
.ad_list .grade_value {
font-size: 15px
}
.ad_list .park_price {
margin-top: 0;
}
.ad_list .park_price li {
padding: 0;
margin-bottom: 7px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
font-size: 15px
}
.ad_list .park_price li p {
font-size: 15px;
}
.ad_list .park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 18px;
margin-right: 3px
}
.interest_div .park_notice div span {
font-size: 16px;
padding-top: 3px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3;
overflow: hidden;
}
.ad_list .park_notice div span {
font-size: 16px;
padding-top: 3px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3;
overflow: hidden;
}
.ad_list .hotdeal {
max-height: 24px;
}
.reserve_rate {
padding-top: 0;
padding-bottom: 10px
}
.ad_list .hotdeal div {
padding: 5px;
}
.ad_list .park_time {
padding-right: 8px;
margin-right: 8px;
font-size: 15px
}
.ad_list > ul > li:last-child {
border-bottom: none
}
.park_dc_info {
display: flex;
margin-bottom: 0;
align-items: center;
}
.reserve_no_set .park_dc_info {
margin-bottom: 0
}
.ad_list .park_notice {
margin-top: 5px
}
.ad_list .reserve_info_flex {
flex-direction: column;
}
.ad_list .reserve_info_flex h2 {
margin-bottom: 10px
}
.p_dc_per {
color: #ea3232;
margin-right: 10px;
font-weight: 500
}
.p_dc_price {
color: #ccc;
text-decoration: line-through;
font-size: 13px
}
.ad_list .park_price li .p_dc_price {
font-size: 13px;
margin-bottom: 6px
}
.p_p_time {
color: #ea3232;
margin-right: 7px;
font-weight: 600;
font-size: 15px
}
.park_price li .p_p_time {
color: #ea3232;
margin-right: 7px;
font-weight: 600;
font-size: 15px
}
.ad_list .park_price li:first-child {
margin-bottom: 10px
}
.p_dc_price, .p_dc_per {
margin-bottom: 6px
}
#reserve_list {
border-top: none;
min-height: calc(100vh - 426px);
padding-top: 30px
}
#reserve_list .interest_list > div .park_thumb {
background: none!important
}
#reserve_list .reserve_thumb {
margin-right: 20px;
width: 330px;
height: 210px
}
#reserve_list .hotdeal div {
padding: 5px;
}
#reserve_list .hotdeal {
font-size: 11px;
}
#reserve_list .park_coupon > div:nth-child(2) {
margin-left: 5px;
}
#reserve_list .discount_div div {
padding-bottom: 5px;
}
#reserve_list .park_info {
width: 100%
}
#reserve_list .park_info h2 {
font-size: 22px;
}
#reserve_list .grade {
font-size: 15px;
margin-bottom: 8px;
margin-top: 10px;
}
#reserve_list .grade img {
width: 17px;
height: 17px;
margin-right: 3px;
margin-bottom: 1px;
}
#reserve_list .reward {
font-size: 16px;
}
#reserve_list .park_price li p {
font-size: 16px;
}
#reserve_list .bold_txt {
font-size: 18px;
}
#reserve_list .park_notice {
margin-top: 15px
}
#reserve_list .park_notice div span {
font-size: 16px;
padding-top: 2px
}
#reserve_list .park_time {
padding-right: 5px;
margin-right: 6px;
min-width: 30px
}
#reserve_list .interest_content:first-child {
padding-top: 0
}
#r_park_info .park_price_detail {
display:flex;
justify-content:space-between;
margin-bottom: 5px
}
.reserve_no_set #r_park_info .park_price_detail {
margin-bottom: 10px
}
.p_p_div {
display: flex;
align-items: center;
}
#r_park_info .park_dc_info {
display:flex;
justify-content:flex-end
}
/* 구장예약상세 */
.reserve_detail_img {
height: 330px;
width: 100%;
position: relative;
}
.reserve_detail_img .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reserve_detail_img .arrow_img {
position: absolute;
top: 15px;
left: 15px;
width: 25px;
height: 25px;
z-index: 1
}
.share_img {
position: absolute;
top: 15px;
right: 15px;
width: 23px;
height: 23px;
z-index: 1
}
.share_img img {
width: 100%
}
.reserve_txt {
padding: 30px;
padding-bottom: 10px;
padding-top: 20px
}
.reserve_txt_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.like {
display: flex;
align-items: center;
color: #555;
font-size: 16px;
}
.like img {
width: 23px;
height: 23px;
margin-left: 7px;
}
.reserve_txt .grade {
margin-top: 10px;
margin-bottom: 10px;
}
.reserve_txt .grade img {
margin-right: 3px;
width: 17px;
height: 17px;
}
.reserve_info_txt img {
width: 15px;
height: 15px;
margin-right: 7px;
}
.reserve_info_txt li {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 15px;
}
.reserve_info_txt .time_info {
margin-right: 10px;
}
.reserve_share {
display: flex;
align-items: center;
margin-left: 10px;
font-weight: 500
}
.reserve_share .red_txt {
color: #ea3232;
}
.reserve_share img {
margin-left: 3px;
}
.reserve_share img:last-child {
margin-right: 0
}
.reserve_info_txt .faddress_copy_btn_ico {
width: 17px;
height: 17px
}
.reserve_share p {
min-width: 28px;
}
.reserve_coupon_div {
margin-top: 20px;
padding-bottom: 10px
}
.reserve_coupon {
border-radius: 5px;
border: 2px solid #f45859;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
position: relative;
}
.reserve_cp_flex {
display: flex;
align-items: center;
}
.reserve_cp_price {
color: #f45859;
font-size: 30px;
font-weight: 600;
margin-right: 5px;
display: flex;
align-items: center;
margin-bottom: 10px
}
.reserve_cp_price span {
font-weight: 600;
margin-right: -3px;
font-size: 30px;
margin-right: 3px;
}
.reserve_cp_flex .green_box, .reserve_cp_flex .black_box {
padding: 4px 7px;
padding-bottom: 5px;
border-radius: 3px;
margin-right: 5px;
font-size: 14px
}
.period {
margin-top: 15px;
}
.period li {
margin-top: 10px;
font-weight: 500;
font-size: 15px;
}
.period li:last-child {
margin-bottom: 10px
}
.period .reserve_cp_flex > p {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #777;
padding-bottom: 1px;
min-width: 94.5px
}
.period .reserve_cp_flex > span {
padding-bottom: 1px
}
.reserve_sel {
display: flex;
align-items: center;
margin: 10px 0
}
.reserve_sel li {
width: 50%;
text-align: center;
font-size: 17px;
padding: 5px 0
}
.reserve_sel li:nth-child(1) {
border-right: 1px solid #ddd
}
.reserve_sel p {
color: #777
}
.reserve_sel_date #datepicker input {
font-size: 16px
}
.reserve_sel_date {
display: flex;
justify-content: center;
margin-top: 5px;
}
.reserve_sel_date p {
display: flex;
align-items: center;
font-weight: 600;
color: #000
}
.reserve_sel_date img {
width: 8px;
height: 8px;
margin-left: 5px;
}
.r_s_d_f {
display: flex;
align-items: center;
width: 48%
}
.down_btn {
color: #fff;
background: #f45859;
display: flex;
align-items: center;
border-radius: 30px;
padding: 7px 13px;
padding-bottom: 9px;
font-size: 15px;
margin-bottom: 5px;
}
.down_btn img {
width: 13px;
height: 13px;
margin-left: 5px;
margin-top: 1px;
}
.bnf_btn {
background: #222;
margin-bottom: 5px;
}
.bnf_btn img {
transform:rotate(0deg);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.bnf_btn a {
color: #fff;
}
.bnf_btn2 {
background: #b3ff00;
margin-bottom: 0;
color:black
}
.bnf_btn2 img {
transform:rotate(0deg);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH invert(100%);
-webkit-filter: invert(100%);
-ms-filter: "FlipH";
}
.bnf_btn2 a {
color: black;
}
.ad_banner {
width: 100%;
display: block;
}
.ad_banner img {
width: 100%;
}
.like {
position: relative;
padding-right: 25px;
}
.like .heart_ico {
position: absolute;
font-size: 18px;
top: 50%;
right: 0;
transform: translateY(-50%);
color: gray
}
/*.like .on_heart {
display: none;
}
*/
/* .like .heart_ico.on{
color:#f45859
}
*/
/* .like .on_heart.on {
display: block;
color: #f45859
}
.like .off_heart.on {
display: none
}
*/
.like.on {
padding-left: 0
}
.like .on_heart {
color: #f45859;
display: none
}
.on_heart.on {
display: block!important;
}
.off_heart.on {
display: none!important;
}
.reserve_column {
display: block;
}
.reserve_content > ul > li {
border-top: 1px solid #ddd;
padding: 30px;
}
.reserve_detail_info {
display: flex;
justify-content: space-between;
}
.reserve_detail_01 {
min-width: 220px;
margin-right: 15px;
width: 220px
}
.reserve_detail_01 .reserve_thumb {
margin-bottom: 10px;
height: 210px
}
.reserve_no_set .reserve_detail_01 .reserve_thumb {
margin-bottom: 0
}
.reserve_detail_01 .park_coupon > div:nth-child(2) {
margin-left: 6px
}
#r_d_01 #hotdeal {
margin-left: 10px
}
.reserve_detail_01 .hotdeal {
font-size: 10px;
}
.reserve_detail_01 .hotdeal img {
width: 22px;
height: 22px;
}
.reserve_detail_01 .hotdeal div {
padding: 5px 6px;
}
.reserve_detail_02 {
width: 100%;
}
.reserve_detail_02 h3 {
font-size: 22px;
margin-bottom: 10px;
}
.detail_flex {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 20px;
align-items: center;
}
.detail_flex_01 {
display: flex;
align-items: center;
}
.detail_flex_02 {
display: flex;
justify-content: flex-end;
align-items: center;
}
.detail_flex_03 {
justify-content: space-between;
}
.detail_flex .red_txt {
color: #f45859;
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
}
.detail_flex .red_txt > span:first-child {
margin-left: 5px;
margin-right: 3px
}
.standard_time {
font-size: 16px;
color: #666;
font-weight: 400;
}
.s_t_num {
font-weight: 600
}
.detail_flex .dc_price {
font-size: 16px;
color: #bbb;
text-decoration: line-through;
display: flex;
justify-content: flex-end;
align-items: center;
}
.reserve_price {
font-weight: 600;
font-size: 20px;
}
.dc_rate {
color: #f45859;
margin-right: 10px;
font-size: 18px;
}
.time_flex {
display: flex;
margin-top: 15px;
width: 100%;
overflow: auto;
}
.time_impos {
border-radius: 5px;
border: 1px solid;
min-width: 51px;
width: 51px;
height: 52px;
padding: 8px;
padding-top: 9px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.time_flex > div {
font-size: 13px
}
.time_flex > div:not(:last-child) {
margin-right: 10px;
}
.time_impos {
color: #ccc;
border: 1px solid #ccc;
height: 51.5px
}
.time_impos label a {
color: #ccc
}
.time_sel {
background: #b3ff00;
border: 1px solid #b3ff00!important
}
.time_flex > div.on {
background: #b3ff00;
border: 1px solid #b3ff00!important
}
.reserve_content {
border-bottom: 1px solid #bbb
}
.park_intro {
padding: 30px;
border-bottom: 1px solid #bbb;
}
.park_intro > p {
font-weight: 600;
margin-bottom: 15px;
font-size: 19px;
}
.social_park_detail #park_intro ul {
color: #666;
overflow: hidden;
height: 100px
}
.social_park_detail #park_intro ul.on {
height: auto;
}
.park_info_list p {
color: #b0b0b0
}
.park_intro ul li {
line-height: 1.5;
margin-top: 5px;
font-size: 15px
}
.park_info_list {
display: flex;
width: 100%;
overflow: auto;
-ms-overflow-style: none;
}
.time_flex::-webkit-scrollbar {
display: none
}
.park_info_list::-webkit-scrollbar {
display: none
}
.park_info_list li {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 80px;
height: 80px;
min-width: 80px
}
.park_info_list li img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 50%;
}
.none_img {
display: none;
}
.park_info_list li p {
margin-top: 50px
}
.park_info_list li p.on {
color: #000
}
.time_flex input[type="checkbox"]+label {
border-radius: 5px;
border: 1px solid;
width: 51px;
height: 52px;
padding: 8px;
padding-top: 9px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
font-size: 13px
}
.time_flex input[type='checkbox']:checked+label {
background: #b3ff00;
border: 1px solid #b3ff00!important
}
.time_flex input[type="checkbox"] {
display: none;
}
.height_btn {
display: flex;
align-items: center;
justify-content: space-between;
}
.height_btn img {
width: 12px;
}
.height_show {
display: none
}
.height_show.on {
display: flex;
}
.height_hide.on {
display: none
}
.reserve_float {
background: #1e2026;
color: #fff;
position: fixed;
bottom: 0;
left: 50%;
width: 100%;
z-index: 1;
max-width: 600px;
transform: translateX(-50%);
display: flex;
padding: 10px;
z-index: 1
}
.reserve_float a {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 17px
}
.reserve_float a div {
display: flex;
align-items: center;
justify-content: center;
}
.reserve_float #reservation_btn a {
display: block;
}
#reservation_btn.on {
background: #b3ff00;
color: #000;
}
#reservation_btn.on a {
color: #000;
}
#reservation_btn.on .r_price {
display: block;
}
#reservation_btn.on .b_thumb {
display: block;
}
#reservation_btn.on .g_thumb {
display: none;
}
.reserve_float img {
width: 20px;
height: 20px;
margin-right: 5px;
margin-bottom: 2px
}
.reserve_direct {
background: #fff;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
width: 100%
}
.b_thumb {
display: none;
}
.g_thumb.on {
display: none
}
.r_price {
font-size: 13px;
font-weight: 400;
color: #000;
margin-top: 5px;
display: none;
}
.r_price span {
margin-right: -3px
}
.reserve_direct a {
color: #a5a6a8;
}
.reserve_call {
background: #0072ba;
}
.reserve_chat {
background: #f45859;
margin-bottom: 5px
}
.r_f_left {
min-width: 190px;
margin-right: 7px
}
.r_f_left a {
border-radius: 5px;
padding: 9px 15px;
padding-bottom: 10px;
font-weight: 500;
font-size: 14px
}
.r_f_left img {
width: 15px;
height: 15px;
margin-top: 3px
}
/* .reserve_float ul {
display: flex;
height: 65px;
}
.reserve_float li {
display: flex;
align-items: center;
width: 33.33%;
justify-content: center;
}
.reserve_float li p {
margin-bottom: 1px;
font-size: 17px;
}
.reserve_float li:nth-child(1) img {
margin-top: 5px;
}
.reserve_float li:nth-child(2) img {
width: 28px;
height: 28px;
}
.reserve_float li:nth-child(2) p {
font-size: 19px
}
.reserve_float li a {
display: flex;
justify-content: center;
align-items: center;
color: #fff
}
*/
.reserve_float_other ul {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 50px
}
.reserve_float_other li {
width: 100%;
}
.reserve_float_other img {
margin-top: 3px;
width: 17px;
height: 17px
}
.place_pop {
width: 100%;
height: 100%;
background: #fff;
position: absolute;
padding: 20px;
top: 0;
left: 0;
display: none;
padding-top: 50px;
z-index:999
}
.place_pop.on {
display: block;
}
.place_pop .search_img {
width: 15px;
height: 15px;
position: absolute;
top: 20px;
left: 20px;
}
.place_pop_flex {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 35px;
}
.place_pop_flex p {
font-size: 16px;
font-weight: 500;
}
.place_pop_flex button {
border-radius: 5px;
border: 1px solid #000;
display: flex;
align-items: center;
padding: 5px;
font-size: 11px;
}
.place_pop_flex button img {
width: 10px;
height: 10px;
margin-right: 3px
}
.place_pop .place_sel {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0
}
.place_pop .place_sel select {
width: 85%;
font-size: 13px;
}
.place_pop .place_sel > div {
display: flex;
justify-content: space-between;
align-items: center;
background: #f6f6f6;
border-radius: 5px;
padding: 10px;
font-size: 13px;
}
.place_pop .place_sel img {
min-width: 10px;
height: 10px;
}
.place_pop .place_sel input {
height: 33px;
border-radius: 5px;
background: #f5f5f5;
width: 48%;
padding: 6px 10px;
}
.place_pop_btn button {
width: 100%;
border-radius: 5px;
background: #222;
color: #fff;
padding: 12px;
}
.place_pop_btn button.on {
background: #b3ff00;
color: #000
}
.place_pop_btn {
margin-top: 35px
}
#r_c_page .swiper-pagination-bullet {
width: 7px;
height: 7px;
background: #aaa;
border: 1px solid #aaa;
opacity: 1;
}
#r_c_page .swiper-pagination-bullet-active {
background: #f45859;
border: 1px solid transparent;
}
.r_price_info {
display: flex;
align-items: center;
justify-content: flex-end;
}
.r_time_info {
font-size: 13px;
margin-top: 1px
}
#finfoFrm {
border-bottom: 5px solid #e8e9ed;
}
.facility_txt {
height: 100px;
overflow: hidden;
}
.facility_txt.on {
height: auto;
}
/* 구장예약 */
.p2030 {
padding: 20px 30px;
}
.reserve_park .first_div {
border-bottom: 1px solid #aaa
}
.reserve_park .first_div h2 {
font-size: 22px;
margin-bottom: 10px;
}
.reserve_park .first_div > p {
margin-bottom: 20px;
font-size: 14px;
}
.reserve_park .grey_div {
border-radius: 5px;
background: #eee;
display: flex;
justify-content: space-between;
padding: 15px 10px;
}
.reserve_park .grey_div > div {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
width: 33.33%;
align-items: center;
}
.reserve_park .grey_div .arr_div {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 36px;
overflow: hidden;
}
.reserve_park .grey_div .arr_div img {
width: 100%;
}
.start {
font-size: 14px;
color: #aaa;
margin-bottom: 5px;
font-weight: 600
}
.reserve_park .time {
margin: 0;
font-size: 14px;
font-weight: 500;
color: #000
}
.reserve_park .date {
font-size: 15px;
line-height: 1.5
}
.grey_div .bold_text {
margin-top: 3px;
}
.pay_info {
border-top: 5px solid #e8e9ed;
border-bottom: 1px solid #d4d7de
}
.form_tit {
font-size: 17px;
font-weight: 500;
margin-bottom: 20px;
}
.pay_info ul li {
display: flex;
align-items: center;
margin-top: 10px;
}
.pay_info ul li > p {
font-weight: 500;
font-size: 16px;
min-width: 70px
}
.pay_info ul li > .price_detail_flex_note{
color: #8e8f92;
font-size: 13px;
}
.pay_info ul li > input, .pay_info ul li > .team_sel {
border-radius: 5px;
border: 1px solid #999;
font-size: 14px;
padding: 0 8px;
width: 100%;
height: 35px;
display: flex;
align-items: center;
line-height: 35px
}
.pay_info ul li > .team_sel {
padding: 10px 7px
}
.pay_info ul li > .team_sel select {
width: 100%;
font-size: 14px
}
.dash_line {
background-image: linear-gradient(to right, #d4d7de 33%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 9px 2px;
/*점선 간격 수정*/
background-repeat: repeat-x;
}
.dash_line > ul > li:not(:last-child) {
margin-bottom: 15px;
}
.price_detail_flex {
display: flex;
justify-content: space-between;
align-items: center;
width:100%;
}
.price_detail_flex_box{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.border_line {
border-bottom: 1px solid #d4d7de
}
.flex_alc {
display: flex;
align-items: center;
}
.point_input {
border: 1px solid #8e8f92;
border-radius: 5px;
width: 60px;
text-align: right;
padding: 3px 5px;
color: #000;
margin: 0 5px
}
.point_input::placeholder {
color: #000
}
.dc_detail {
color: #8e8f92;
font-size: 13px;
margin-top: 15px;
}
.dc_detail li:not(:last-child) {
margin-bottom: 8px;
}
.dot {
display: block;
width: 3px;
height: 3px;
border-radius: 100%;
background: #8e8f92;
margin-right: 7px;
margin-top: 2px;
}
.bold_text {
font-weight: 600
}
.point {
margin-right: 5px;
}
.point span {
margin-left: 5px;
}
.cp_pos span {
margin-left: 5px;
}
.method {
border-bottom: 1px solid #d4d7de;
}
.method .form_tit {
margin-bottom: 0
}
.method_sel {
border-radius: 5px;
padding: 5px 7px;
border: 1px solid #999;
width: 120px;
display: flex;
justify-content: space-between;
align-items: center;
}
.method_sel img {
width: 10px;
height: 10px
}
.method_sel select {
width: 100%;
font-size: 15px;
}
.reserve_park input[type="checkbox"]+label {
display: block;
width: 100%;
height: 18px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
margin-bottom: 1px;
padding-left: 30px
}
.reserve_park input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 0 / contain;
margin-bottom: 1px
}
.reserve_park input[type="checkbox"] {
display: none;
}
.method ul {
margin-top: 20px;
}
.method ul li:not(:last-child) {
margin-bottom: 10px;
}
.method .method_btn li:not(:last-child) {
margin-bottom: 0
}
.method ul li p {
margin-left: 10px;
font-size: 15px;
}
.agree_div {
border-top: 7px solid #e8e9ed;
font-size: 15px;
}
.agree_detail {
color: #ea3232;
font-weight: 500;
font-size: 14px
}
.agree_div ul {
padding-top: 5px;
}
.agree_div ul .flex_alc p {
margin-bottom: 3px;
}
.agree_div ul li:not(:last-child) {
margin-bottom: 15px;
}
.agree_div ul li p {
margin-left: 0px;
}
.grey_txt {
text-decoration: underline;
color: #8e8f92;
}
.grey_txt span {
text-decoration: none;
}
.none_line {
color: #8e8f92;
margin-left: 5px;
margin-bottom: 3px
}
.pay_btn a {
width: 100%;
display: block;
}
.pay_btn button {
width: 100%;
background: #f0f1f3;
border-radius: 5px;
color: #7f7f7f;
padding: 15px 10px;
font-size: 19px;
font-weight: 500
}
.pay_btn button.on {
background: #b3ff00;
color: #000
}
.match_input {
margin: 25px 0;
margin-top: 15px
}
.match_input .flex_alc {
margin-top: 10px;
}
.match_input .bold_txt {
font-weight: 500;
margin-left: 0;
min-width: 70px;
}
.match_input .flex_alc input {
width: 100%;
height: 35px;
border-radius: 5px;
border: 1px solid #999;
padding: 13px 10px;
font-size: 14px;
}
.won {
margin-left: 10px;
}
.hope_team select {
width: 49%;
border: 1px solid #999;
border-radius: 5px;
padding: 13px 10px
}
.hope_team {
margin: 20px 0
}
.method ul li .hope_team p {
margin-left: 0;
font-weight: 500;
margin-bottom: 15px;
}
.w_match_memo {
background: #f0f1f3;
padding: 15px;
border-radius: 5px;
font-size: 15px;
height: 100px;
}
.w_match_memo textarea {
width: 100%;
height: 100%;
resize: none;
}
#w_match {
width: 100%;
}
#w_match input[type="checkbox"]+label {
width: 100%;
background: #f0f1f3;
border-radius: 5px;
color: #7f7f7f;
font-size: 14px;
font-weight: 500;
text-align: center;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
}
#w_match input[type='checkbox']:checked+label {
background: #b3ff00;
color: #000
}
#w_match input[type="checkbox"] {
display: none;
}
#reserve_form li input[type="checkbox"] + label {
padding-left: 25px;
width: 100%;
font-size: 13px;
}
.special_info {
border-bottom: 1px solid #d4d7dd;
padding-bottom: 20px
}
.special_info .form_tit {
padding: 20px 30px;
margin-bottom: 0
}
.park_detail_note {
padding: 20px 30px;
line-height: 1.5
}
.occ_rule p {
color: #78797d;
line-height: 1.5;
font-size: 14px
}
.occ_rule .bold_txt {
font-weight: 500;
margin-bottom: 10px;
font-size: 16px;
line-height: 1
}
.occ_rule_txt .occ_rule {
height: 90px;
overflow: hidden;
}
.occ_rule_txt.on .occ_rule{
height: auto;
}
.occ_rule_txt .form_tit {
display: flex;
align-items: center;
justify-content: space-between;
}
.occ_rule_txt .form_tit img {
width: 13px;
}
.occ_rule_txt .occ_arr_off {
display: none;
}
.occ_rule_txt .occ_arr_off.on {
display: flex;
}
.occ_rule_txt .occ_arr_on.on {
display: none;
}
.occ_rule_txt .form_tit {
margin-bottom: 15px
}
.social_clause {
line-height: 1.5;
padding-top: 10px;
color: #888;
display: none;
font-size: 14px
}
.social_clause.on {
display: block;
}
.hide_clause {
display: none;
}
.hide_clause.on {
display: block;
}
.show_clause.on {
display: none
}
.social_pay {
min-height: calc(100vh - 143px)
}
.method_btn {
display: flex;
align-items: center;
justify-content: space-between;
}
.method_btn li {
width: 31%;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.method_btn input[type="radio"] {
display: none
}
.method_btn label {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #989899;
border-radius: 7px;
font-weight: 500
}
.method_btn input[type='radio']:checked+label {
background: #f45859;
color: #fff;
border-color: #f45859
}
.kkp_btn img {
width: 84%;
display: none
}
.method_btn input[type='radio']:checked+label {
background: #f45859;
color: #fff;
border-color: #f45859
}
.method_btn .kkp_btn label {
background: url("img/kakaopay.png") center center no-repeat;
background-size: cover;
color: #fff;
border-color: #989899
}
.method_btn .kkp_btn input[type='radio']:checked+label {
background: url("img/w_kakaopay.png") center center no-repeat;
background-size: cover;
border-color: #f45859
}
.s_m_pay .kkp_btn label {
background: url("img/s_kakaopay.png") center center no-repeat;
}
.s_m_pay .kkp_btn input[type='radio']:checked+label {
background: url("img/s_w_kakaopay.png") center center no-repeat;
}
/* 비협력 reserve_other */
.park_price_info > p {
display: flex;
align-items: center;
}
.park_price_info > p span {
color: #ea3232;
font-size: 13px;
margin-left: 10px
}
.park_price_info > .red_txt {
color: #ea3232;
font-size: 15px;
}
.park_price_info > .red_alert {
font-size: 10px;
padding-top: 10px;
display: block;
}
.other_park_flex {
display: flex;
width: 100%
}
.other_park_flex > div {
text-align: center;
font-size: 11px;
width: 100%
}
.other_park_flex > div > div {
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.o_p_table {
position: relative;
border-radius: 5px 0 0 0
}
.o_p_time, .o_p_line, .o_p_day {
position: absolute;
}
.o_p_days, .o_p_weekend, .o_p_table, .other_park_flex > .other_park_01 {
width: 90px;
}
.o_p_line {
display: block;
width: 1px;
height: 90px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) rotate(289deg);
}
.o_p_time {
right: 4px;
top: 4px;
}
.o_p_day {
bottom: 4px;
left: 4px
}
.o_p_pm, .o_p_md, .o_p_light {
}
.o_p_light {
border-radius: 0 5px 0 0;
}
.o_p_price {
background: #e5e5e5;
font-size: 10px;
}
.other_park_01 {
border-radius: 5px 0 0 5px;
border: 1px solid #000
}
.other_park_01 > div:not(:last-child) {
border-bottom: 1px solid #000
}
.other_park_02 {
border: 1px solid #000;
border-left: none
}
.other_park_02 > div:not(:last-child) {
border-bottom: 1px solid #000
}
.other_park_03 {
border: 1px solid #000;
border-left: none
}
.other_park_03 > div:not(:last-child) {
border-bottom: 1px solid #000
}
.other_park_04 {
border: 1px solid #000;
border-left: none
}
.other_park_04 > div:not(:last-child) {
border-bottom: 1px solid #000
}
.other_park_05 {
border: 1px solid #000;
border-left: none;
border-radius: 0 5px 5px 0
}
.other_park_05 > div:not(:last-child) {
border-bottom: 1px solid #000
}
.other_park_flex > div:last-child > div:last-child {
border-radius: 0 0 5px 0
}
/* match 실시간 경기매치 */
.head_img {
width: 18px;
}
.yellow_div {
background: linear-gradient(to top, #f88d13, #fedd22)
}
#match_list {
min-height: calc(100vh - 365px)
}
#match_list .reserve_pop {
text-align: center;
}
#match_list h2 {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 0;
font-size: 17px;
font-weight: 600;
width: 100%;
position: relative;
margin-bottom: 0
}
#match_list .reserve_pop div {
padding: 7px 5px;
min-width: 50px
}
#match_list .reserve_pop div p {
font-size: 11px;
}
#match_list .reserve_pop div p:nth-child(2) {
font-size: 13px;
}
#match_list .empty {
min-height: auto
}
.bell_ico {
width: 17px;
height: 17px;
margin-top: 1px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.match_flex_alc {
display: flex;
align-items: center;
}
.match_team_li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
}
.match_team_li .green_div {
border-radius: 5px;
padding: 7px 0;
color: #fff;
background: linear-gradient(to top, #2dd9d8, #a5eda3);
}
.match_team_li .red_div {
border-radius: 5px;
padding: 7px 0;
color: #fff;
background: linear-gradient(to top, #f84145, #fe6e22);
}
.match_team_li .yellow_div {
border-radius: 5px;
padding: 7px 0;
color: #fff;
background: linear-gradient(to top, #f88d13, #fedd22);
}
.match_team_li .black_box {
border-radius: 5px;
padding: 7px 0;
color: #fff;
background: #191a1e;
margin-left: 5px;
min-width: 35px;
text-align: center;
}
.match_logo {
width: 19px;
min-width: 19px;
height: 19px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
background: linear-gradient(45deg, #fff 45%, #aaa);
border-radius: 100%;
box-shadow: -6px 4px 10px #ccc;
}
.match_logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team_name {
font-weight: 500;
margin-left: 5px;
font-size: 11px;
margin-bottom: 1px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.3;
overflow: hidden;
}
.match_date {
color: #777;
width: 47px;
min-width: 47px;
}
.match_time {
min-width: 59px;
font-size: 10px;
}
.match_price {
min-width: 50px;
text-align: right;
}
.match_time, .match_price, .match_date {
font-size: 11px;
}
.match_team_li .green_div, .match_team_li .yellow_div, .match_team_li .red_div, .match_team_li .red_div {
min-width: 50px;
text-align: center;
}
.match_team_li .black_box, .match_team_li .yellow_div, .match_team_li .green_div, .match_team_li .red_div {
font-size: 10px;
}
.match_logo_div {
min-width: 100px;
}
.color_box {
min-width: 95px;
}
.match_team_li_div {
overflow: auto;
margin-top: 7px
}
.match_more {
text-align: center;
margin: 10px auto;
margin-top: 5px;
border-bottom: none!important
}
.match_more span {
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #ccc;
margin: 0 auto;
margin-bottom: 4px;
}
.match_btn button {
border-radius: 5px;
background: #b3ff00;
text-align: center;
width: 100%;
padding: 12px 0;
color: #303030;
font-weight: 500;
font-size: 15px;
padding-bottom: 13px;
}
.no_regist_txt {
text-align: center;
padding: 20px;
font-size: 15px;
}
.like_bell {
display: none
}
.like_bell.on {
display: block;
}
.no_like_bell.on {
display: none;
}
.white_bg {
background: #ffffffd1;
width: 100%;
height: 100vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: none;
}
.white_bg.on {
display: block;
}
.opacity_bg {
background: #ffffff00;
width: 100%;
height: 100vh;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: none;
}
.opacity_bg.on {
display: block;
}
.search_pop {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0px 7px 10px #ddd;
padding: 35px 20px;
display: none;
}
.search_pop.on {
display: block;
}
.search_pop_div {
border-bottom: 2px solid #b3ff00;
display: flex;
justify-content: space-between;
padding: 7px;
align-items: center;
}
.search_pop_div img {
width: 17px;
height: 17px;
}
.search_pop_div input::placeholder {
color: #000;
}
.search_pop_close {
position: absolute;
transform: translate(-50%,-50%);
top: 130%;
left: 50%;
background: #fff;
border-radius: 100%;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 3px 3px 10px #ccc;
}
.search_pop_close img {
width: 10px;
height: 10px
}
.search_pop {
animation-duration: 0.5s;
animation-name: slidein;
}
@keyframes slidein {
from {
top: -100px;
}
to {
top: 0;
}
}
#match_calendar {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%
}
#match_calendar.on {
display: block;
}
/* 팀 매치 */
.team_match_head {
display: flex;
justify-content: space-between;
background: #222;
color: #fff;
align-items: center;
padding: 7px 15px
}
.head_flex {
display: flex;
align-items: center;
font-size: 13px;
color: #f7f7f7;
min-width: 157px
}
.head_flex > div {
display: flex;
align-items: center;
margin-right: 7px;
}
.head_flex > div img {
width: 13px;
height: 13px;
margin-right: 3px;
}
.head_place {
text-align: center;
font-size: 10px;
color: #d3d3d3;
max-width: 150px;
}
.head_place {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.head_place p {
text-align: right;
font-weight: 500;
font-size: 16px;
margin-bottom: 4px;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
max-width: 165px;
}
.head_place span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
font-size: 13px
}
.team_match_info {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 0 20px;
}
.team_match_price {
display: flex;
font-size: 10px;
align-items: center;
min-width: 93px;
margin-right: 5px;
}
.team_match_price p {
background: linear-gradient(45deg, #f84145, #fe6e22);
border-radius: 0 0 0 3px;
color: #fff;
padding: 5px;
border: 1px solid #ea3232;
border-right: none
}
.team_match_price span {
font-weight: 600;
border-radius: 0 0 3px 0;
border: 1px solid #ea3232;
border-left: none;
padding: 5px 10px;
background: #fff;
}
.match_memo {
width: 100%;
}
.memo_head {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #a3a3a3;
padding: 5px;
height: 22px;
border-radius: 0 0 3px 3px;
background: #fff;
}
.memo_head img {
width: 13px;
height: 13px;
margin-right: 5px;
}
.memo_head div {
display: flex;
align-items: center;
font-size: 10px;
color: #ea3232
}
.memo_btn {
position: relative;
width: 15px;
}
.memo_btn > img {
width: 11px;
height: 11px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.memo_content {
background: #e5e5e5;
font-size: 11px;
padding: 10px;
border-radius: 0 0 5px 5px;
line-height: 1.3;
display: none;
margin-top: 22px;
padding-top: 8px
}
.memo_content.on {
display: block;
}
.team_match_list > div {
background: url("img/match_bg.png") center center no-repeat;
background-size: cover;
height: 250px;
position: relative;
padding-top: 50px
}
.occ_offensive {
overflow: hidden;
}
.occ_offensive .offense_bg {
width: 100%;
height: 70%;
object-fit: cover;
position: absolute;
top: 59%;
left: 50%;
transform: translate(-50%,-50%);
}
.occ_offensive .match_border .occ_txt {
background: #1b1b1e;
color: #fff;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
font-family: 'PALACIO_K_23';
padding: 5px
}
@font-face {
font-family: 'PALACIO_K_23';
src: url('./font/PALACIO_K_23.ttf') format('truetype');
}
.occ_offensive .match_border {
border: 2px solid;
border-image: linear-gradient(45deg, #fff, #ff5a1c);
border-image-slice: 1;
}
.occ_offensive .match_border .occ_txt img {
width: 50px
}
.off_bg {
background: linear-gradient(0deg, #104d70, 45%, #041822);
position: absolute;
top: -106px;
left: 261px;
width: 120%;
height: 100%;
transform: rotate(290deg) translate(-50%,-50%);
overflow: hidden;
}
.team_match_list > .occ_offensive {
background: #1b1b1e
}
.team_match_list_admin > .occ_offensive {
background: #1b1b1e
}
.occ_bg_img {
width: 80%;
}
.occ_bg_img .occ_bg {
height: 125px;
width: 100%;
object-fit: cover;
}
.occ_txt2 {
position: absolute;
font-family: 'PALACIO_K_23';
color: #fff;
top: 6px;
right: 8px;
font-size: 24px
}
#match_admin .occ_offensive .team_flex {
margin: 20px
}
.off_bg_div {
transform: rotate(70deg);
position: absolute;
right: 156px;
top: 26px;
background: #ccd1d6;
border-radius: 5px;
padding: 10px;
height: 50px;
width: 150px;
text-align: right;
}
.occ_team_box {
position: absolute;
bottom: 25px;
left: 25px;
}
.occ_team_box img {
width: 110px;
}
.occ_team_box div {
position: absolute;
top: 5px;
left: 12px;
display: flex;
align-items: center;
font-family: 'PALACIO_K_23';
font-size: 12px;
color: #061b26
}
.occ_team_box div p {
font-family: 'PALACIO_K_23';
color: #061b26;
min-width: 64px
}
.occ_team_box span {
font-weight: 600;
margin-left: 5px;
font-size: 13px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.occ_vs {
color: #bbb;
display: flex;
align-items: center;
position: absolute;
top: 40px;
right: 8px;
font-size: 16px
}
.occ_vs img {
width: 18px;
margin-top: 1px;
margin-right: 5px
}
.occ_vs span {
margin-left: 4px
}
.occ_txt_box {
position: absolute;
display: flex;
justify-content: flex-end;
top: 35px;
right: 0;
width: 300px
}
.occ_txt_bg {
width: 100%;
height: 100%
}
.occ_txt_img {
position: absolute;
width: 251px;
top: 91px;
left: 20px;
height: 102px
}
.occ_state {
position: absolute;
top: 115px;
left: 60px;
font-size: 18px
}
.occ_state li {
display: flex;
align-items: center;
font-weight: 500
}
.occ_state li:first-child {
margin-bottom: 15px
}
.occ_state .navy_txt {
min-width: 80px;
color: #2e3f49
}
.team_match_list_admin > div {
background: url("img/match_bg.png") center center no-repeat;
background-size: cover;
height: 250px;
position: relative;
padding-top: 70px
}
.team_info_head, .match_dark_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.match_dark_bg {
background: rgba(0,0,0,0.7);
height: 100%;
display: none;
z-index:2
}
.match_dark_bg.on {
display: block;
}
.team_flex {
display: flex;
justify-content: space-between;
margin: 20px 50px;
align-items: center;
}
.add_m {
justify-content: center;
}
.versus_img {
width: 50px;
margin-top: 10px;
}
.versus_img img {
width: 100%
}
.circle {
border-radius: 100%;
width: 110px;
height: 110px;
position: relative;
box-shadow: -17px 14px 16px 0px #d8d8d8;
}
.team_btn_div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 11px;
z-index: 1
}
.team_btn {
background: #000;
color: #a9e52d;
padding: 5px 0;
padding-bottom: 7px;
width: 60px;
text-align: center;
border-radius: 3px;
display: block;
}
.end_btn_div {
top: 90%;
}
.team_01, .team_02 {
text-align: center;
position: relative;
}
.team_match_name {
font-size: 14px;
margin-top: 10px;
font-weight: 500;
position: absolute;
transform: translateX(-50%);
z-index: 1;
left: 50%;
width: 100%
}
.circle img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 100%;
}
.unknown_profile {
padding: 15px;
background: linear-gradient(45deg, #fff 45%, #aaa)
}
.team_btn_div > p:nth-child(2) {
margin-top: 5px;
}
.sub {
background: #b3ff00;
color: #000
}
.sub_state {
display: flex;
align-items: center;
margin-top: 25px;
position: absolute;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.lock_div {
width: 20px;
min-width: 20px;
height: 20px;
background: #000;
padding: 3px;
}
.lock_div img {
width: 100%;
border-radius: 0
}
.sub_state_txt {
font-size: 11px;
text-align: center;
height: 21px;
width: 55px;
min-width: 55px;
align-items: center;
background: #fff;
border: 1px solid #ccc;
padding-bottom: 1px;
justify-content: center;
border-left: none;
display: flex;
}
.add_match {
background: #fff;
}
.add_match img {
width: 51%;
}
.match_end {
background: #1e2026;
color: #b3ff00;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
min-width: 60px;
font-size: 11px;
padding: 5px 0;
border-radius: 3px;
z-index: 1
}
.logo_profile {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(45deg, #fff 45%, #aaa)
}
.logo_profile img {
width: 55%;
height: 55%;
object-fit: cover;
}
.logo_profile img {
border-radius: 0
}
.add_mercenary {
min-height: calc(100vh - 112px)
}
.add_mercenary .dark_bg {
z-index: 1;
height: 100%;
top: 0;
left: 0;
width: 100%;
transform: translate(-0,-0);
align-items: center;
justify-content: center;
}
.add_mercenary .dark_bg.on {
display: flex;
}
.add_mercenary .dark_bg > div {
width: 90%;
position: absolute;
height: 100vh;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.add_mercenary .off_pop {
z-index: 2;
position: fixed;
}
.add_mercenary .team_btn_div {
z-index: 0
}
.m_m_div {
position: relative;
}
.m_m_div .memo_head {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.memo_none.on {
display: none;
}
.memo_click.on {
display: flex;
}
.memo_click {
display: none
}
.social_txt {
border-radius: 5px;
position: relative;
background: #e2e4e8;
font-size: 11px;
padding: 8px 10px;
text-align: left;
width: 100%;
margin-bottom: 10px
}
.social_txt p {
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.social_txt img {
position: absolute;
width: 10px;
top: 6px;
left: -9px;
}
.social_match .team_01 {
display: flex;
}
.team_prof {
min-width: 65px;
width: 65px;
font-size: 11px;
text-align: left;
margin-right: 15px
}
.team_prof_img {
width: 100%;
height: 65px;
margin-bottom: 5px
}
.team_prof img {
width: 100%;
height: 100%;
object-fit: cover;
}
.s_t_div {
width: 100%;
}
.s_c_park {
color: #ccc;
margin-bottom: 5px
}
.s_c_name {
font-weight: 600
}
.social_event {
color: #f45859;
border: 1px solid #f45859;
border-radius: 3px;
padding: 3px 4px;
font-weight: 500
}
.s_t_div ul {
display: flex;
font-size: 10px
}
.social_event:not(:last-child) {
margin-right: 10px
}
.empty {
min-height: calc(100vh - 168px)
}
.board_reply_detail .empty {
min-height: calc(100vh - 650px);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px
}
.event_content {
min-height: calc(100vh - 117px)
}
/* 팀 매치 등록 */
.match_register {
padding: 15px;
min-height: 85vh
}
.match_register > div {
margin-bottom: 20px;
}
.match_register .match_wait_pop {
z-index: 1
}
.register_tit {
font-weight: 500;
font-size: 15px;
padding-left: 10px;
margin-bottom: 10px;
}
.park_flex {
display: flex;
justify-content: space-between;
padding: 3px 10px;
}
.park_place_set {
background: #b3ff00
}
.park_ico {
display: flex;
align-items: center;
}
.park_ico img {
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 10px;
}
.park_ico p {
font-weight: 500;
font-size: 14px;
line-height: 1.3;
margin-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.park_sel {
background: #e6e6e6;
border-radius: 5px;
width: 100px;
}
.park_sel select {
width: 100%;
height: 32px;
font-size: 13px;
padding-left: 10px
}
.park_flex_jfb {
display: flex;
justify-content: space-between;
}
.park_flex_jfb > div {
width: 49%;
background: #ddd;
padding: 17px 10px;
display: flex;
align-items: center;
}
.team_sel_div > div {
padding: 0;
height: 45px;
font-size: 13px;
}
.team_sel_div .swiper-slide {
width: 142px;
}
.team_sel_div .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.team_sel_div .swiper-button-next, .team_sel_div .swiper-container-rtl .swiper-button-prev {
background: #b3ff00;
color: #555;
height: 45px;
top: 48%;
right: 0
}
.team_sel_div .swiper-button-prev, .team_sel_div .swiper-container-rtl .swiper-button-next {
background: #b3ff00;
color: #555;
height: 45px;
top: 48%;
left: 0
}
.team_sel_div .swiper-button-next:after, .team_sel_div .swiper-button-prev:after {
font-size: 15px
}
.park_flex_jfb img {
width: 25px;
height: 25px;
margin-right: 10px;
}
.start_date {
color: #888;
font-size: 11px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.start_date span {
margin-left: 5px;
}
.match_plan .match_time {
font-size: 16px
}
/* 용병 등록 */
.park_flex_jfb > .mercenary_info {
padding: 10px;
}
.mercenary_info input {
width: 100%;
text-align: right;
}
.mercenary_info span {
min-width: 15px;
font-size: 13px;
margin-left: 10px
}
.match_price_input {
width: 100%;
background: #ddd;
padding: 13px 10px;
display: flex;
justify-content: flex-end;
font-weight: 500;
font-size: 13px;
align-items: center;
}
.match_price_input input {
text-align: right;
margin-right: 10px;
font-weight: 500;
font-size: 13px;
}
.matching_memo {
background: #ddd;
padding: 10px;
height: 200px
}
.matching_memo textarea {
width: 100%;
resize: none
}
.register_btn {
width: 100%;
text-align: center;
padding: 20px;
}
.register_btn button {
border-radius: 5px;
background: #eee;
width: 100%;
padding: 15px 0;
color: #888;
font-weight: 500;
font-size: 15px;
}
.register_btn button.on {
color: #000;
background: #b3ff00
}
.add_mercenary {
position: relative;
}
/* 매치관리 */
.team_match_list > .match_wait_none {
background: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: calc(100vh - 291px)
}
.match_wait_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100vh;
z-index: 2;
display: none
}
.match_wait_pop.on {
display: block;
}
.match_wait_pop .board_report_pop {
display: block;
height: 200px;
}
.match_wait_pop .board_report_pop .pop_btn {
position: absolute;
bottom: 10px;
width: 93%;
left: 50%;
transform: translateX(-50%);
}
.match_wait_pop .board_report_pop .pop_tit {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
width: 100%
}
.match_admin_state {
border-bottom: 1px solid #ccc;
padding-top: 1px;
font-size: 14px;
}
.match_admin_state ul {
display: flex;
justify-content: space-between;
}
.match_admin_state li {
width: 33.33%;
text-align: center;
}
.match_admin_state .underline {
text-decoration: underline;
font-weight: 500;
margin-right: -2px;
margin-left: -2px;
}
#match_admin {
margin-bottom: 60px;
min-height: calc(100vh - 291px)
}
#match_admin .circle {
overflow: hidden;
}
#match_admin .team_match_name {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#match_admin .team_01, #match_admin .team_02 {
position: relative;
}
#match_admin > div {
height: 220px;
padding-top: 45px;
}
#match_admin > .match_wait_none {
height: auto;
}
#match_admin .versus_img {
width: 45px;
height: 45px
}
.match_border {
position: absolute;
top: 59%;
left: 50%;
width: 93%;
height: 150px;
border: 2px solid #ccc;
transform: translate(-50%,-50%);
}
.match_border > p {
position: absolute;
top: -1px;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
padding: 0 10px;
font-size: 15px;
font-weight: 500
}
#match_admin .team_flex {
margin: 35px 25px;
}
.self_match {
width: 100%;
text-align: center;
}
.self_match .circle {
margin: 0 auto;
}
.dark_bg_thumb {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
top:0;
left: 0;
}
.dark_bg_thumb.on {
background: none
}
.circle {
position: relative;
}
.chat_acc {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 3px;
}
.chat_acc > p {
color: #fff;
border-radius: 3px;
width: 49%;
padding: 5px 0;
min-width: 29px
}
.chat_acc > p:nth-child(1) {
background: #0072ba;
}
.chat_acc > p:nth-child(2) {
background: #e50212;
}
#match_admin .team_match_name {
width: 125%;
}
.dark_waite {
position: absolute;
border-radius: 100%;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
display: flex;
align-items: center;
justify-content: center;
}
.dark_waite p {
color: #b3ff00;
font-size: 12px;
min-width: 56px
}
/* 채팅 목록 */
.chat_list.off{
margin-top: 60px
}
.chat_list {
margin-top: 130px
}
.chat_list li {
padding: 15px;
position: relative;
}
.chat_list li:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.chat_prof {
margin-right: 10px;
position: relative;
}
.chat_prof_div {
width: 55px;
min-width: 55px;
height: 55px;
overflow: hidden;
border-radius: 100%;
background: #e2e4e8;
display: flex;
justify-content: center;
align-items: center;
}
.chat_prof .chat_prof_img {
object-fit: cover;
width: 100%;
height: 100%;
}
.chat_list h2 {
font-size: 15px;
margin-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
max-width: 155px;
line-height: 1.1
}
.chat_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.chat_team, .chat_date {
font-size: 14px;
color: #666
}
.chat_date2 {
font-size: 13px;
color:#5f5f5f
}
.chat_date {
min-width: 94px
}
.chat_team {
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.2;
height:15px
}
.chat_date {
margin-left: 3px;
}
.chat_txt {
font-size: 14px;
margin-top: 10px;
width: 85%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.prof_ico {
width: 20px;
height: 20px;
background: #b3ff00;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: -3px;
right: -3px;
border-radius: 100%;
}
.prof_ico img {
width: 60%
}
.chat_list li > a {
position: relative;
}
.chat_new {
position: absolute;
background: #ff4e4f;
color: #fff;
border-radius: 100%;
width: 16px;
height: 16px;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
top: 0px;
right: 0;
}
.chat_new_alarm {
position: absolute;
background: #ff4e4f;
color: #fff;
border-radius: 100%;
width: 18px;
height: 18px;
font-size:12px;
display: flex;
align-items: center;
justify-content: center;
top:25px;
right: 5;
z-index:2
}
.chat_group_new {
display:inline-block;
background:#ff4e4f;
color: #fff;
border-radius: 100%;
width:16px;
height:16px;
font-size: 10px;
position:relative;
z-index:3;
line-height:16px;
vertical-align: middle;
margin-top:-3px
}
/* 채팅 상세 */
.chat_more {
flex-direction: column;
}
.chat_more span {
width: 4px;
height: 4px;
background: #d3d3d3;
border-radius: 100%;
display: block;
}
.chat_more span:not(:last-child) {
margin-bottom: 5px
}
.chat_head {
position: relative;
}
.more_menu {
position: absolute;
right: 15px;
top: 50%;
background: #fff;
font-size: 11px;
border-radius: 5px;
padding: 0 15px;
box-shadow: 1px 1px 5px #ccc;
width: 135px;
display: none;
z-index: 3
}
.more_menu li {
padding:20px 0;
padding-bottom: 0;
font-size: 13px
}
.more_menu li:last-child {
padding-bottom: 20px;
}
.more_menu.on {
display: block;
}
.chat_content {
padding-top: 60px;
position: relative;
padding-bottom: 50px
}
.pop_chat_content {
margin-top:100px;
padding-top:20px;
}
.date_line {
width: 100%;
height: 2px;
background: #999;
margin: 25px 0;
position: relative;
}
.date_line p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #e8e9ed;
font-size: 14px;
padding: 0 10px;
color: #999
}
.my_txt {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding-right: 15px;
margin: 20px 0
}
.chat_detail_div {
width: 100%;
max-width:calc(100% - 70px)
}
.chat_name {
font-size: 14px
}
.chat_name div {
display: flex;
align-items: center;
}
.my_txt_detail {
font-size: 15px;
background: #fff;
border-radius: 5px;
width: auto;
padding: 8px 10px;
padding-bottom: 9px;
margin-top: 5px
}
.my_txt_detail p {
line-height: 1.3
}
.txt_date {
font-size: 11px;
margin-right: 5px;
margin-bottom: 2px;
min-width: 160px;
text-align: right;
}
.other_txt {
display: flex;
margin: 0 15px;
margin-bottom: 20px;
align-items: flex-end;
}
.other_txt .chat_prof, .other_txt .chat_prof_div {
width: 50px;
height: 50px;
min-width: 50px
}
.other_txt_detail {
display: flex;
align-items: flex-start;
margin-right: 5px;
}
.chat_arr {
width: 30px!important;
max-width: 30px!important;
height: 20px;
position: absolute;
left: 0;
transform: translate(-50%);
}
.other_txt .my_txt_detail {
position: relative;
background: #cfd0d0;
width: 100%;
}
.other_txt .txt_date {
margin-right: 0;
min-width: 110px;
text-align: left;
}
.chat_input {
display: flex;
background: #c9c9c9;
align-items: center;
padding: 5px 10px;
width: 100%;
max-width: 600px;
}
/* .chat_input {
display: flex;
background: #c9c9c9;
align-items: center;
padding: 5px 10px;
position: fixed;
bottom: 0;
left: 50%;
width: 100%;
max-width: 600px;
transform: translateX(-50%);
}
*/
.chat_input input {
width: 100%;
background: #fff;
border-radius: 30px;
padding: 10px;
}
.chat_input textarea {
width: 100%;
background: #fff;
border-radius: 30px;
padding: 10px;
line-height:1.5;
height:40px;
resize: none;
}
.chat_plus {
width: 27px;
min-width: 27px;
height: 27px;
margin-right: 7px;
}
.chat_plus img {
width: 100%;
}
.chat_logo {
width: 27px;
min-width: 27px;
height: 27px;
margin-left: 5px;
}
.chat_logo img {
width: 100%;
}
.match_border {
position: absolute;
}
.chat_pop_alert {
position: fixed;
bottom: 60px;
background: rgba(0,0,0,0.6);
color: #fff;
width: 93%;
transform: translateX(-50%);
left: 50%;
border-radius: 10px;
padding: 10px 15px;
max-width: 600px
}
.chat_pop_flex {
display: flex;
align-items: center;
color: #b3ff00
}
.chat_pop_flex img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.chat_pop_flex p {
font-weight: 500
}
.chat_pop_txt {
font-size: 11px;
line-height: 1.3;
margin-top: 5px;
padding-left: 25px;
padding-bottom: 5px
}
.my_txt_detail img {
width: 100%;
border-radius: 5px;
margin-bottom: 5px
}
.fsize{
color:#909090;
line-height: 1.3;
font-size: 12px
}
.fname{
color:black;
font-size:13px;
line-height: 1.3;
font-weight:bold
}
#chat_file {
background: #fff;
position: unset;
transform: translateX(0);
}
#chat_file textarea {
border: 1px solid #ccc
}
.chat_file_div {
position: fixed;
bottom: 0;
width: 100%;
max-width: 600px;
transform: translateX(-50%);
left: 50%;
background: #fff;
}
.chat_file_div.on {
display: block;
}
.add_file_btn {
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 30px
}
.add_file_btn li p {
text-align: center;
padding-top: 5px;
font-size: 14px
}
.add_file_btn li:not(:last-child) {
margin-right: 20px
}
.add_file_btn button, .add_file_btn label {
background: #e8e9ed;
border-radius: 10px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.add_file_btn button img, .add_file_btn label img {
width: 30px;
}
#msg {
-ms-overflow-style: none;
}
#msg::-webkit-scrollbar{
display:none;
}
#chat_list label {
background: #ddd;
padding: 7px 10px;
padding-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
text-align: center;
border-radius: 5px;
margin: 0 auto;
margin-top: 10px
}
.file_close_img {
display: none;
}
.chat_plus_img.on {
display: none
}
.add_file_sel {
display: none;
}
.add_file_sel.on {
display: block;
}
.file_close_img.on {
display: block;
}
#chat_input_div.on {
background: #fff;
}
#chat_input_div.on textarea {
border: 1px solid #ccc
}
.chat_info {
display: flex;
align-items: center;
justify-content: space-between;
background: #222;
color: #ddd;
padding: 15px;
margin-bottom: 5px;
position: fixed;
width: 100%;
top: 55px;
max-width: 600px;
z-index: 0;
font-size:18px
}
.chat_info_time, .chat_info_date {
display: flex;
align-items: center;
font-size: 13px;
margin-right: 10px
}
.chat_info img {
width: 13px;
margin-right: 5px
}
.chat_info_flex {
display: flex;
align-items: center;
}
.chat_info_txt {
margin-bottom: 15px;
font-size: 17px
}
.chat_info_park {
text-align: center;
width: 40%
}
.chat_info_park > p:first-child {
margin-bottom: 10px;
font-weight: 600;
font-size: 17px;
color: #fff
}
.chat_info_park > p:last-child {
font-size: 14px
}
.chat_info_park > p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.1
}
.alarm_ico {
width: 17px;
height: 17px;
background: url("img/bell.png") center center no-repeat;
background-size: cover;
}
.a_i_div {
width: 25px;
height: 25px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: absolute;
bottom: 15px;
right: 15px;
top:22px
}
.alarm_ico.on {
background: url("img/bell_02.png") center center no-repeat;
background-size: cover;
}
.cart_bell_box {
width: 25px;
height: 25px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: absolute;
top:2px;
left:-5px;
background:#fff;
z-index:1;
border-radius: 50%;
box-shadow: 2px 2px 2px 2px gray;
}
.chart_bell {
width: 25px;
height: 25px;
background: url("/app/img/bell_close.png") center center no-repeat;
background-size: cover;
background-size: 18px;
}
.chart_bell.on {
width: 25px;
height: 25px;
background: url("/app/img/bell_open.png") center center no-repeat;
background-size: cover;
background-size: 18px;
}
.team_alarm_ico {
width: 30px;
height: 30px;
background: url("/app/img/icon_team_alarm.png") center center no-repeat;
background-size: cover;
background-size:30px;
position:absolute;
right:15
}
.team_alarm_alert {
width: 7px;
height: 7px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: absolute;
top:2px;
left:23px;
background:#b3ff00;
z-index:2;
border-radius: 50%;
}
.chat_msg {
font-size: 15px;
margin-top:0px;
width:70%;
display:block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height:20px
}
.chat_tname {
max-width: 180px;
overflow: hidden;
margin-top:5px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.2;
height:18px;
color:#5f5f5f
}
.fixed_tab {
position: fixed;
width: 100%;
max-width: 600px;
top: 60px;
z-index: 1;
padding-bottom: 5px
}
.event_tab .chat_tab li {
width: 50%
}
/* 팀 생성 */
.add_team {
padding: 20px;
min-height: 84vh
}
.add_team > div:not(:last-child) {
margin-bottom: 20px;
}
.add_team_tit {
font-weight: 500;
font-weight: 17px;
margin-bottom: 10px;
}
.add_team_input {
width: 100%;
border-radius: 5px;
background: #e5e5e5;
padding: 13px 10px
}
.add_team_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.add_team_flex select {
width: 49%;
height: 45px;
border: 1px solid #999;
border-radius: 5px;
padding: 5px 10px;
margin-bottom: 5px;
}
.basic_logo {
background: #1e2026;
border-radius: 5px;
padding: 18px 0;
color: #fff;
width: 49%;
text-align: center;
}
.add_logo {
background: #fff;
border: 1px solid #1e2026;
border-radius: 5px;
padding: 18px 0;
width: 49%;
text-align: center;
}
.basic_logo img {
width: 50px;
height: 50px;
border-radius: 100%
}
.add_logo img {
width: 50px;
height: 50px;
}
.basic_logo p, .add_logo p {
font-size: 12px;
margin-top: 5px;
}
.add_team_intro {
padding: 10px;
background: #e5e5e5;
border-radius: 5px;
height: 150px
}
.add_team_intro textarea {
width: 100%;
height: 100%;
resize: none;
}
.add_team_btn {
margin: 20px
}
.add_team_btn > button {
border-radius: 5px;
width: 49%;
padding: 15px 0
}
.cancel_btn {
background: #1e2026 important;
color: #fff;
}
.add_btn {
background: #b3ff00;
}
.add_btn2 {
background: #1e2026;
color: #fff;
}
/* 팀 검색 */
.search_flex {
display: flex;
}
.search_flex_jcs {
display: flex;
justify-content: space-between;
align-items: center;
}
.t_s_flex {
display: flex;
align-items: center;
justify-content: space-between;
height: 41px;
width: 15%;
min-width: 90px
}
.t_s_flex img {
width: 12px;
height: 12px;
margin-left: 5px
}
.search_team {
border-bottom: 1px solid #cbcdd0;
padding: 15px
}
.t_s_flex {
border: 1px solid #8e8f92;
border-radius: 5px;
padding: 5px 8px;
margin-right: 5px;
}
.search_input {
background: #e8e9ed;
border-radius: 5px;
padding: 11px 13px;
width: 100%
}
.search_input input {
width: 100%;
}
.search_input img {
width: 18px;
height: 18px;
}
.search_tit {
font-size: 15px;
font-weight: 500;
margin-bottom: 15px
}
.search_content {
padding: 20px 15px;
}
.search_team_bg {
border-radius: 7px 7px 0 0;
background: #ccc;
padding: 15px;
background: url("img/search_bg.png") center center no-repeat;
background-size: cover;
position: relative;
}
.search_content > ul li {
margin-bottom: 10px
}
.search_content > ul li h2 {
font-size: 16px;
margin-bottom: 10px;
}
.search_content > ul li h2 span {
font-size: 12px;
font-weight: 400;
color: #aaa;
}
.search_team_thumb {
width: 70px;
min-width: 70px;
height: 70px;
overflow: hidden;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
}
.search_team_thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.search_no_thumb {
background: #e5e5e5
}
.search_no_thumb img {
width: 65%;
height: 65%
}
.search_team_info {
font-size: 11px;
}
.search_team_info > div:not(:last-child) {
margin-bottom: 7px;
}
.mr5 {
margin-right: 5px;
}
.min41 {
min-width: 41px
}
.lh15 {
line-height: 1.5
}
.team_txt_div {
margin-top: 13px;
}
.team_txt_div p {
font-size: 10px;
font-weight: 500;
margin-bottom: 5px
}
.team_txt {
line-height: 1.3;
font-size: 10px;
}
.join_btn {
background: #b3ff00;
border-radius: 0 0 7px 7px;
text-align: center;
width: 100%;
padding: 12px 0;
}
.search_team_logo {
position: absolute;
right: 7px;
top: 7px;
width: 24px;
height: 24px;
}
.search_team_logo img {
width: 100%;
}
#team_join_pop .popup_q {
flex-direction: column;
height: auto;
}
.t_j_p {
font-size: 15px;
font-weight: 400;
margin-bottom: 7px
}
.t_j_p span {
font-weight: 500;
font-size: 18px
}
.t_j_p_p {
font-size: 15px;
font-weight: 400
}
.t_j_p_t {
width: 100%;
margin: 20px 0
}
.t_j_p_t textarea {
width: 100%;
height: 80px;
background: #e6e6e6;
border-radius: 7px;
display: block;
resize: none;
padding: 10px;
font-size: 13px;
}
/* 팀원관리 */
.member_flex {
display: flex;
align-items: center;
}
.member_flex_jcs {
display: flex;
align-items: center;
justify-content: space-between;
}
.my_team {
padding: 20px;
}
.my_team_img {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 100%;
margin-right: 10px
}
.my_team_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.my_team_name {
font-size: 17px
}
.my_team_num {
font-size: 13px;
margin-left: 5px;
}
.invite_btn {
border-radius: 5px;
background: #b3ff00;
padding: 6px 10px;
padding-bottom: 7px;
font-size: 13px;
font-weight: 500
}
.member_list {
font-size: 14px;
}
.member_list > div:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.member_list_li {
background: #e7e8ec;
padding: 10px
}
.member_list_li li {
text-align: center;
}
.mem_info {
padding: 15px 10px;
}
.mem_info li {
justify-content: center;
text-align: center;
}
.mem_img {
width: 35px;
height: 35px;
border-radius: 100%;
object-fit: cover;
margin-right: 5px;
}
.duty {
position: relative;
}
.duty img {
width: 10px;
height: 10px;
position: absolute;
right: 0;
top: 60%;
transform: translateY(-50%);
}
.arr_top {
display: none
}
.arr_top.on {
display: block;
}
.arr_bot.on {
display: none
}
.position, .backnumber {
width: 20%
}
.profile {
width: 30%;
}
.duty {
width: 25%;
}
.mem_arr_top {
width: 12px;
height: 12px;
margin-right: 5px
}
.join_prof img {
object-fit: cover;
width: 30px;
min-width: 30px;
height: 30px;
border-radius: 100%;
margin-right: 5px;
}
.join_num {
width: 12%;
}
.join_prof {
width: 35%;
}
.join_phone {
width: 21%;
}
.join_state {
width: 25%
}
.join_phone button {
background: #b3ff00;
width: 100%;
padding: 7px 0;
border-radius: 3px
}
.join_state > button {
width: 49%;
padding: 7px 5px;
border-radius: 3px;
}
.member_join li {
text-align: center;
justify-content: center;
}
.join_ok {
background: #112d72;
color: #fff;
margin-right: 3px;
}
.join_no {
background: #ea3232;
color: #fff;
}
.member_join {
padding: 15px 10px;
border-bottom: 1px solid #ccc
}
.join_detail {
background: #e5e5e5;
padding: 10px
}
.join_detail p {
min-width: 70px;
}
.join_detail span {
line-height: 1.3
}
.mem_detail_img {
border: 2px solid #fff;
width: 50px;
min-width: 50px;
height: 50px;
object-fit: cover;
border-radius: 100%;
margin-bottom: 5px;
}
.mem_sel {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left: 20px
}
.s_p_div {
width: 48%;
min-width: 95px;
border-radius: 5px;
background: #fff;
margin-bottom: 10px;
padding: 6px;
display: flex;
align-items: center;
justify-content: space-between;
}
.s_p_div select {
margin-right: 5px
}
.s_p_div img {
width: 8px;
height: 8px;
}
.mem_sel .s_p_div:nth-child(1), .mem_sel .s_p_div:nth-child(3) {
margin-right: 4%;
}
.mem_sel .s_p_div:nth-child(3) {
margin-bottom: 0
}
.mem_sel select:nth-child(3) {
margin-bottom: 0
}
.mem_info_detail {
background: #e7e8ec;
padding: 0 30px;
display: none
}
.mem_info_detail.on {
display: flex;
}
.out_btn {
background: #ea3232;
color: #fff;
width: 48%;
padding: 3px 0;
border-radius: 5px;
}
.mem_info_prof {
width: 40%;
text-align: center;
border-right: 2px solid #fff;
padding: 10px 0
}
.member_admin .dark_bg {
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
display: none;
}
.member_admin .dark_bg.on {
display: block;
}
.invite_pop_div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: 10px;
width: 85%;
padding: 15px;
display: none
}
.invite_pop_div.on {
display: block;
}
.invite_pop_div h3 {
text-align: center;
margin-bottom: 20px;
font-size: 21px;
}
.invite_close {
position: absolute;
top: 12px;
right: 12px;
width: 13px;
height: 13px
}
.invite_close img {
width: 100%
}
.invite_search {
border-radius: 30px;
border: 1px solid;
padding: 5px 10px;
margin-bottom: 20px
}
.invite_search img {
width: 12px;
height: 12px;
margin-right: 5px;
}
.invite_search input {
font-weight: 500;
font-size: 12px
}
.invite_search input::placeholder {
color: #000
}
.invite_list {
border-radius: 7px;
border: 1px solid;
min-height: 30vh
}
.invite_list h4 {
background: #0b285b;
color: #fff;
font-weight: 500;
padding: 8px 10px;
border-radius: 6px 6px 0 0;
font-size: 12px;
}
.invite_list ul {
font-size: 12px;
padding: 5px;
}
.invite_list ul li {
text-align: center;
justify-content: center;
}
.invite_num {
width: 15%;
}
.invite_name {
width: 50%;
display: flex;
align-items: center;
}
.invite_state {
width: 30%;
}
.invite_state button {
background: #b3ff00;
border-radius: 3px;
padding: 4px 7px;
color: #595959;
font-size: 12px;
}
.invite_prof {
border-radius: 100%;
width: 21px;
height: 21px;
object-fit: cover;
margin-right: 5px;
}
.invite_mem {
background: #e6e6e6
}
.ml_pos {
position: relative;
height: 66px
}
.ml_abs {
position: absolute;
width: 100%
}
.ml_click {
display: none;
}
.ml_abs.on {
display: none;
}
.ml_click.on {
display: flex;
}
.ml_click .arr_top {
display: block;
}
/* 팀 매치관리 */
.flex_alc {
display: flex;
align-items: center;
}
.flex_jcs {
display: flex;
align-items: center;
justify-content: space-between;
}
.team_plan_tit {
position: relative;
border-bottom: 1px solid #ddd;
padding: 15px;
}
.team_plan_tit img {
position: absolute;
width: 12px;
height: 12px;
}
.team_plan_tit p {
padding-left: 20px;
font-size: 15px;
}
.team_calendar {
padding: 15px;
}
.team_calendar.on {
display: none
}
.calendar_tit {
background: #1e2026;
border-radius: 10px 10px 0 0;
padding: 10px
}
.calendar_tit .flex_alc {
color: #a9e52d;
align-items: flex-end;
font-size: 14px
}
.calendar_tit .flex_alc .month {
font-size: 27px;
font-weight: 500;
margin-left: 5px;
}
.calendar_tit img {
width: 15px;
height: 15px;
}
.calendar_date {
background: #e8e9ed;
padding: 10px;
padding-bottom: 13px;
border-radius: 0 0 10px 10px
}
.calendar_date table {
width: 100%;
font-size: 16px;
}
.calendar_date table tr {
height: 40px;
display: flex;
}
.calendar_date table td {
text-align: center;
width: 14.2%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.calendar_date table .red_txt {
color: #e50212;
}
.calendar_date table .blue_txt {
color: #0072ba
}
.calendar_date table .checked_date {
color: #b3ff00;
border-radius: 100%;
width: 25px;
height: 25px;
background: #1e2026;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-bottom: 1px;
}
.team_plan_btn button {
width: 100%;
background: #b3ff00;
border-radius: 5px;
padding: 13px 0;
margin-top: 15px;
}
.match_state {
display: flex;
background: #E6E6E6;
justify-content: space-between;
padding: 15px 10px;
}
.matching_state {
background: #d8dbe2;
text-align: center;
padding: 15px;
font-size: 14px;
}
#master_box .calendar_date table td{
position: relative;
}
#master_box .calendar_date table td .label_box{
position:absolute;
left:0px;
bottom:-2px;
text-align: center;
width:100%;
font-size:11px;
color:#000;
}
#master_box .calendar_date table td .label_red::after{
content:"";
width:5px;
height:5px;
background-color:#e50212;
border-radius:50%;
display:inline-block;
margin-bottom:2px;
}
#master_box .calendar_date table td .label_gray::after{
content:"";
width:5px;
height:5px;
background-color:#9e9e9e;
border-radius:50%;
display:inline-block;
margin-bottom:2px;
}
#match_admin > .no_match {
height: 171px;
padding-top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 1px solid #ccc
}
#match_admin > .no_match > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#match_admin > .no_match .versus_img {
top: 0
}
#match_admin > .no_match p {
text-align: center;
color: #b7b7b7;
font-size: 14px;
margin-top: 20px
}
/* 시설관리자 메인 */
.admin_place {
border-top: 5px solid #cbccd0;
padding: 15px;
font-size: 13px;
}
.admin_main {
background: url("img/main_bg_03.jpg") center center no-repeat;
background-size: cover;
position: relative;
min-height: calc(100vh - 168px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.admin_main .dark_bg {
position: absolute;
top: 50%;
display: block;
height: 100%
}
.admin_main .main_content {
margin-top: 0;
padding-top: 50px
}
.admin_main .main_content > div {
margin-bottom: 10px;
}
.admin_main .main_content > div:last-child {
margin-bottom: 0
}
.admin_main .banner_03 , .admin_main .banner_04 {
width: 49%;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 135px
}
.admin_main .banner_03 {
background: url("img/admin_bg_01.png") center center no-repeat;
background-size: cover;
}
.admin_main .banner_04 {
background: url("img/admin_bg_02.png") center center no-repeat;
background-size: cover;
}
.admin_main .banner_02 {
background: url("img/admin_bg_03.png") center center no-repeat;
background-size: cover;
}
.admin_main .banner_05 {
background: url("img/admin_bg_04.png") center center no-repeat;
background-size: cover;
}
.admin_ico {
text-align: right;
}
.admin_ico img {
width: 50px;
height: 50px;
}
.admin_main .banner_02 .admin_ico img {
width: 45px;
height: 45px;
}
.admin_main .banner_04 .admin_ico img {
width: 55px;
height: 55px;
}
.admin_main .banner_05 {
width: 100%;
height: 95px;
padding: 20px;
display: flex;
justify-content: space-between;
}
.admin_main .banner_05 p {
margin-bottom: 0px
}
.admin_main .banner_05 img {
width: 70px;
height:auto;
}
.admin_main .banner_05 .admin_ico {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
#a_b_03 img {
width: 60px;
height: 60px;
margin-top: 5px
}
#a_b_04 img {
width: 70px;
height: 70px
}
/* 결제예약 관리 */
.reserve_state_div {
position: relative;
border-bottom: 7px solid #e8e9ed
}
.reserve_state {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #6f737a;
background: #1e2026;
color: #fff;
font-size: 13px;
padding: 12px 10px;
}
.reserve_state li {
text-align: center;
width: 33.33%;
}
.reser_num {
margin-top: 7px;
display: flex;
align-items: center;
justify-content: center;
}
.reser_num span {
color: #b3ff00;
font-weight: 500;
}
.q_reserve_state {
position: absolute;
width: 16px;
height: 16px;
border: 1px solid #a8a8ab;
top: 12px;
left: 15px;
color: #a8a8ab;
text-align: center;
padding: 3px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
}
.a_reserve_state {
position: absolute;
top: 30px;
left: 3px;
background: none;
display: none;
}
.a_reserve_state.on {
display: block;
}
.a_reserve_state img {
width: 100px;
}
.a_reserve_state p {
position: absolute;
top: 14px;
left: 10px;
font-size: 10px;
line-height: 1.5;
color: #4b4d51
}
.reserve_ad_flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #dfe2e6;
padding-bottom: 10px;
}
.reserve_flex_center {
display: flex;
align-items: center;
}
.reserve_calendar {
display: flex;
align-items: center;
min-width: 90px
}
.reserve_calendar img {
width: 30px;
height: 30px;
}
.reserve_calendar p {
font-size: 10px;
margin-top: 3px;
}
.reserve_calendar div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.reserve_calendar div:first-child {
margin-right: 7px;
}
.park_list {
display: flex;
flex-wrap: wrap;
width: 215px;
justify-content: flex-end;
}
.park_list li {
border-radius: 5px;
border: 1px solid #8e8f92;
width: 50px;
text-align: center;
padding: 5px 0;
font-size: 10px;
margin-bottom: 5px;
margin-left:2px
}
/*.park_list li:not(:nth-child(4n)) {
margin-right: 5px;
}
*/
.park_list li.on {
background: #b3ff00;
border: 1px solid #b3ff00
}
.reserve_flex_alc {
display: flex;
align-items: center;
}
.reserve_admin .dark_bg {
height: 120vh
}
.reserve_admin_btn {
padding: 10px 15px;
border-bottom: 1px solid #dfe2e6;
display: flex;
justify-content: flex-end;
position: relative;
}
.reserve_admin_btn select {
border: 1px solid #8e8f92;
border-radius: 5px;
padding: 3px;
font-size: 12px;
height: 30px;
}
.reserve_admin_btn button {
border-radius: 5px;
padding: 10px;
margin-left: 5px;
font-size: 13px;
}
.off_btn {
background: #f0f1f3!important;
border: 1px solid #a9a9a9;
color: #a9a9a9 !important;
}
.off_btn.on {
background: #b3ff00!important;
border: 1px solid #b3ff00;
color: #000!important
}
.reserve_admin_btn .cancel_btn , .day_setting .cancel_btn {
background: #f0f1f3;
color: #a9a9a9;
border: 1px solid #a9a9a9
}
.reserve_admin_btn .cancel_btn.on , .day_setting .cancel_btn.on {
background: #b3ff00;
color: #000;
border: 1px solid #b3ff00
}
.q_reserve_btn {
border-radius: 100%;
border: 1px solid #78797d;
color: #78797d;
width: 16px;
height: 16px;
font-size: 11px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 5px;
font-weight: 500;
padding-bottom: 1px
}
.a_reserve_btn {
position: absolute;
right: -13px;
top: 19px;
display: none;
z-index: 1
}
.a_reserve_btn.on {
display: block;
}
.a_reserve_btn.on1 {
display: block;
}
.a_reserve_btn img {
width: 136px
}
.a_reserve_btn p {
position: absolute;
top: 17px;
left: 10px;
font-size: 10px;
line-height: 1.5;
color: #4b4d51
}
.time_table_chip {
display: flex;
align-items: center;
}
.time_table_chip li {
display: flex;
align-items: center;
margin-right: 3px;
}
.time_table_chip li div {
border-radius: 3px;
width: 10px;
height: 10px;
margin-right: 3px;
}
.time_table_chip li p {
font-size: 10px;
color: #4b4d51;
margin-bottom: 1px
}
.black_chip {
background: #1e2026;
border: 1px solid #1e2026
}
.grey_chip {
background: #ededed;
border: 1px solid #ededed
}
.green_chip {
background: #b3ff00;
border: 1px solid #b3ff00
}
.red_chip {
background: #f45859;
border: 1px solid #f45859
}
.yellow_chip {
background: #ffce00;
border: 1px solid #ffce00
}
.reserve_time {
position: relative;
}
.reserve_time_info {
padding: 15px;
}
.reserve_time h2 input {
text-decoration: underline;
font-size: 18px;
margin-bottom: 15px
}
.time_set {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 15px;
right: 15px
}
.time_set img {
width: 20px;
height: 20px;
margin-bottom: 3px
}
.time_set select {
font-size: 10px;
}
.time_table_div {
display: flex;
font-size: 12px;
background: #e8e9ed;
padding: 5px;
padding-bottom: 10px;
position: relative;
padding-right: 15px;
}
.time_div > div {
width: 45px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
font-weight: 600;
font-size: 11px;
flex-direction: column;
}
.time_div > div:nth-child(1) {
height: 35px;
margin-bottom: 0
}
.reserve_tt_div::-webkit-scrollbar {
display: none;
/* Chrome, Safari, Opera*/
}
.time_box {
margin-right: 5px;
}
.time_box > div {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #1e2026;
border-radius: 5px;
margin-bottom: 5px;
background: #fff
}
.time_box > .time_box_div {
background: none;
border: none;
position:relative
}
.time_box input[type="checkbox"]+label {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #1e2026;
border-radius: 5px;
background: #fff;
font-size: 12px;
}
.time_box input[type='checkbox']:checked+label {
border: 1px solid #b3ff00;
background: #b3ff00
}
.time_box input[type="checkbox"] {
display: none;
}
.time_box > .time_date {
border: none;
height: 35px;
background: none;
margin-bottom: 0;
font-size: 13px;
}
.time_date p {
font-weight: 600
}
.time_box input[type="checkbox"]+label div {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.two_hours {
height: 115px!important
}
.three_hours {
height: 175px!important
}
.reserve_click {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
width: 55px;
color: #fff;
}
.reserve_click input[type="checkbox"]+label {
color: #000;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 4px;
width: 55px;
height: 100%;
border: none!important
}
.reserve_click input[type='checkbox']:checked+label {
border: 1px solid #b3ff00;
background: #b3ff00!important;
color: #000
}
.reserve_click input[type="checkbox"] {
display: none;
}
.black_click input[type="checkbox"]+label {
background: #1e2026!important;
}
.red_click input[type="checkbox"]+label {
background: #f45859!important;
}
.grey_click input[type="checkbox"]+label {
background: #f0f0f0!important;
color: #000;
border: 1px solid #aaa!important
}
.grey_click input[type='checkbox']:checked+label {
border: 1px solid #b3ff00!important;
}
.grey_click .reserve_pop_btn {
background: #222;
color: #fff
}
.yellow_click input[type="checkbox"]+label {
background: #ffce00!important;
border-radius:3px;
}
.yellow_click {
background: #ffce00!important;
color: #000;
border-radius:5px;
}
.selected_reserve_layer{
background: #b3ff00 important;
color:black !important;
}
.selected_reserve_layer input[type="checkbox"]+label {
background: #b3ff00!important;
border-radius:3px;
color:black !important;
}
.reserve_click button {
font-size: 10px;
background: #fff;
color: #000;
padding: 3px;
border-radius: 3px;
}
.click_name {
font-size: 12px;
margin-bottom: 5px;
margin-top: 5px;
}
.pay_method {
font-size: 10px
}
.reserve_admin .dark_bg.on {
display: block;
}
body.on {
overflow: hidden;
height: 100vh
}
.off_pop {
position: fixed;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
background: #fff;
width: 90%;
border-radius: 10px;
padding: 15px;
display: none;
}
.off_pop.on {
display: block;
}
.off_pop h3 {
text-align: center;
margin-top:10px;
font-size: 18px;
margin-bottom: 30px;
}
.off_pop2 {
position: fixed;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
background: #fff;
width: 400px;
border-radius: 10px;
padding: 15px;
display: none;
}
.off_pop2.on {
display: block;
}
.off_pop_btn {
margin-bottom: 20px
}
.off_pop_btn button {
width: 100%;
background: #fff;
padding: 12px 0;
border-radius: 0 0 5px 5px;
font-size: 15px;
font-weight: 500;
border: 1px solid #000
}
.off_pop_btn button.on {
background: #b3ff00;
border: 1px solid #b3ff00
}
.off_pop_btn li:not(:last-child) {
margin-bottom: 15px;
}
.off_pop_div {
background: #eee;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
padding: 10px 0;
border-radius: 5px 5px 0 0;
border: 1px solid #eee;
}
.off_pop_div input {
background: #fff;
border-radius: 3px;
padding: 5px 10px;
border: 1px solid #000;
width: 80px;
font-size: 13px;
margin-left: 10px
}
.pop_btn {
display: flex;
justify-content: space-between;
margin-top: 0;
}
.pop_btn li {
width: 48%
}
.pop_btn button {
border-radius: 5px;
background: #ddd;
color: #fff;
padding: 13px 0;
font-size: 15px;
margin-top: 0;
width: 100%;
}
.pop_btn.on button{
background: #1e2026;
}
.off_pop_2.on, .cancle_pop.on {
display: flex;
}
.off_pop_2, .cancle_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
width: 90%;
border-radius: 10px;
padding: 15px;
display: none;
justify-content: center;
flex-direction: column;
}
.off_pop_2 .confirm_btn {
width: 50%;
margin: 0 auto;
}
.off_pop_2 p, .cancle_pop p {
height: 150px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.3;
font-size: 17px;
font-weight: 500
}
.time_table_dark {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
display: none
}
.time_table_dark.on {
display: block;
}
.green_click {
background: #b3ff00;
width: 55px;
justify-content: center;
text-align: center;
display: none;
border-radius: 5px;
border: 1px solid #b3ff00;
padding: 0!important
}
.green_click button {
margin: 0 5px
}
.green_click.on {
display: flex;
}
.reserve_admin_day {
display: none;
}
.reserve_admin_day.on {
display: block;
}
.reserve_admin_week.on {
display: none;
}
.reserve_time_info .reserve_flex_alc {
justify-content: space-between;
margin-bottom: 30px;
}
.reserve_time_info .reserve_flex_alc h2 {
margin-bottom: 0
}
.day_setting {
display: flex;
align-items: center;
min-width: 200px;
justify-content: flex-end;
}
.day_setting select {
border: 1px solid #8e8f92;
border-radius: 5px;
height: 30px;
font-size: 12px;
padding: 3px;
}
.day_setting button {
border-radius: 5px;
padding: 10px;
margin-left: 5px;
font-size: 13px;
height: 35px;
}
.reserve_pop_div {
background: #fff;
border-radius: 10px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
padding: 15px;
display: none
}
.reserve_pop_div.on {
display: block;
}
.reserve_pop_flex {
display: flex;
align-items: center;
}
.reserve_pop_flex li {
display: flex;
align-items: center;
padding-bottom: 2px;
}
.reserve_pop_flex .red_txt {
color: #f45859
}
.reserve_pop_div ul .bold_txt {
font-weight: 600;
border-right: 2px solid #000;
padding-right: 5px;
padding-bottom: 2px;
margin-right: 5px;
}
.reserve_pop_div ul .red_txt {
font-size: 12px;
margin-left: 3px;
}
.reserve_pop_date {
font-weight: 600;
font-size: 16px;
margin-right: 5px;
}
.reserve_pop_info {
font-size: 17px;
font-weight: 600;
margin: 10px 0
}
.join_memo {
margin: 15px 0;
}
.join_memo p {
font-size: 13px;
}
.join_memo textarea {
width: 100%;
height: 80px;
background: #ddd;
border-radius: 10px;
margin-top: 10px;
padding: 10px;
font-size: 14px;
resize: none;
}
.reserve_pop_num {
justify-content: space-between;
}
.reserve_pop_num p {
font-weight: 600;
color: #444;
font-size: 14px;
}
.reserve_pop_num p span {
font-weight: 400;
color: #000;
margin-left: 5px;
}
.reserve_pop_num a {
background: #b3ff00;
border-radius: 5px;
padding: 9px 12px;
padding-bottom: 10px;
font-size: 12px;
}
.reserve_pop_state {
font-size: 13px;
}
.reserve_div_btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.reserve_div_btn button {
flex-grow: 1;
background: #121212;
border-radius: 5px;
color: #fff;
padding: 11px 0;
font-size: 13px;
padding-bottom: 12px;
margin:2px
}
.reserve_div_btn .red_btn {
background: #f45859
}
.reserve_pop_flex .r_p_time {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5px;
border-radius: 5px;
border: 1px solid #000;
font-size: 10px
}
/* 고객정보관리 */
.cutomer_head {
position: fixed;
top: 0;
left: 50%;
width: 100%;
transform: translateX(-50%);
z-index: 1
}
.cutomer_tab {
position: fixed;
top: 52px;
left: 50%;
width: 100%;
transform: translateX(-50%);
max-width: 600px;
padding-bottom: 0
}
.cutomer_tab ul {
box-shadow: 0px 4px 7px #c3c3c3
}
.cutomer_tab ul li {
width: 50%
}
.c_mt {
margin-top: 125px
}
.cus_flex_alc {
display: flex;
align-items: center;
width: 50%
}
.cus_flex_jcs {
display: flex;
justify-content: space-between;
align-items: center;
}
.customer_info_date {
padding: 15px;
}
.customer_info_date img {
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 2px
}
.customer_info_date h2 {
font-size: 18px;
text-decoration: underline;
}
.customer_info_date h2 input {
font-size: 18px;
width: auto;
}
.black_btn {
border-radius: 5px;
padding: 7px 13px;
background: #eee;
border: 1px solid #a9a9a9;
font-size: 13px;
color: #727479;
font-weight: 500;
min-width: 80px
}
.black_btn.on {
background: #b3ff00;
color: #000;
border: 1px solid #b3ff00;
}
.customer_list {
border-top: 1px solid #ccc;
font-size: 12px;
min-height: calc(100% - 244px)
}
.customer_list_th {
background: #e8e9ed;
text-align: center;
padding: 4px 10px;
}
.customer_list ul {
display: flex;
justify-content: space-between;
}
.customer_list li {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 0
}
.customer_num {
width: 10%;
}
.customer_like {
width: 8%;
}
.customer_name {
width: 20%;
}
.customer_team {
width: 20%;
}
.customer_match, .customer_reserve {
width: 12%;
}
.customer_check {
width: 7%;
}
.customer_chat {
width: 20%
}
.customer_chat button {
background: #000;
color: #b3ff00;
padding: 5px 7px;
font-size: 11px;
border-radius: 3px;
}
.customer_check input[type="checkbox"]+label {
display: block;
width: 15px;
height: 15px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
}
.customer_check input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 1px / contain;
}
.customer_check input[type="checkbox"] {
display: none;
}
.customer_num img {
width: 17px;
height: 17px;
}
.customer_like img {
width: 13px;
height: 13px;
}
.customer_list_detail {
padding: 0 10px;
border-bottom: 1px solid #ddd;
}
.customer_list_detail .customer_name, .customer_list_detail .customer_team {
justify-content: flex-start;
line-height: 35px;
padding-left: 3px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
/* 시설정보관리 */
.facility_detail {
padding: 15px;
}
.facility_detail button {
background: #e6e6e6;
border-radius: 3px;
width: 32%;
padding: 10px 0;
color: #808080;
height: 38px;
}
.facility_detail textarea {
background: #e6e6e6;
padding: 10px;
resize: none;
line-height: 1.3;
font-size: 14px
}
.facility_detail button.on {
background: #b3ff00;
color: #000
}
.facility_detail > div {
margin-bottom: 15px;
}
.facility_flex_jcs {
display: flex;
align-items: center;
justify-content: space-between;
}
.facility_tit {
font-size: 16px;
font-weight: 500;
padding-left: 10px;
margin-bottom: 10px;
}
.facility_detail textarea {
width: 100%;
height: 120px;
}
.facility_sel {
padding: 15px;
padding-bottom: 0
}
.facility_sel button {
width: 50%;
padding: 12px 0;
font-weight: 500;
font-size: 15px;
background: #e6e6e6;
color: #808080
}
.facility_sel button.on {
background: #b3ff00;
color: #000
}
.facility_sel .facility_info_btn {
background: #b3ff00;
color: #000
}
.facility_sel .facility_info_btn.on1 {
background: #e6e6e6;
color: #808080
}
.facility_input {
background: #e6e6e6;
padding: 9px 0;
width: 100%;
padding-left: 10px;
font-size: 14px
}
.facility_time button {
width: 19%;
}
.environment button {
margin-bottom: 5px;
}
.environment {
display: flex;
flex-wrap: wrap;
}
.environment > div {
width: 32%;
margin-bottom: 5px
}
.environment > div:not(:nth-child(3n)) {
margin-right: 1.5%
}
.environment input[type="checkbox"]+label {
display: block;
width: 100%;
height: 45px;
background: #e6e6e6;
color: #808080;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
border-radius: 3px;
}
.environment input[type='checkbox']:checked+label {
background: #b3ff00;
color: #000
}
.environment input[type="checkbox"] {
display: none;
}
.facility_detail > .environment_div {
margin-bottom: 10px;
}
.refund_note p {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 12px;
color: #808080
}
.q_refund {
display: flex;
justify-content: center;
align-items: center;
width: 13px;
height: 13px;
background: #666;
color: #fff;
border-radius: 100%;
font-size: 10px;
margin-top: 1px;
margin-left: 5px;
}
.photo_div {
width: 100%;
background: #e6e6e6;
height: 120px
}
.facility_btn {
position: fixed;
bottom: 0;
width: 101%;
left: 50%;
transform: translateX(-50%);
max-width: 600px;
z-index: 1;
background: #e6e6e6
}
.facility_btn button {
width: 50%;
padding: 15px 0;
color: #808080;
background: #e6e6e6;
font-weight: 500;
font-size: 15px;
}
.facility_btn .save_btn {
background: #b3ff00;
color: #000
}
.facility_sel a {
width: 50%;
}
.facility_sel button {
border-radius: 0;
width: 100%;
}
.match_type {
font-size: 14px;
}
.match_type img {
width: 11px;
height: 11px;
margin-top: 1px;
margin-right: 5px;
}
.match_type_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.match_type_flex div {
width: 49%;
display: flex;
align-items: center;
justify-content: center;
padding: 9px 0
}
.match_type .place_sel div {
background: #e6e6e6;
padding: 6px 5px;
height: 33px
}
.match_type .place_sel div select {
width: 100%
}
.select {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.select > div {
width: 49%;
}
.select input[type=radio]{
display: none;
}
.select input[type=radio]+label{
display: inline-block;
cursor: pointer;
height: 24px;
width: 100%;
line-height: 24px;
text-align: center;
font-weight:bold;
font-size:13px;
height: 34px;
display:flex;
align-items: center;
justify-content: center;
border-radius: 3px;
}
.bot_material input[type=radio]+label {
font-weight: 400
}
.facility_time input[type=radio]+label {
font-weight: 400;
}
.facility_time > div {
width: 19%
}
.select input[type=radio]+label{
background-color: #e6e6e6;
color: #808080;
}
.select input[type=radio]:checked+label{
background-color: #b3ff00;
color: #000;
}
.bot_material > div {
width: 32%;
}
/* .futsal {
background: #b3ff00;
}
.football {
background: #e6e6e6
}
*/
.facility_detail .address_btn {
width: 70px;
border-radius: 5px;
background: #999;
color: #fff;
margin-left: 7px
}
.facility_address {
margin-top: 5px;
}
.facility_time_sel {
display: flex;
justify-content: space-between;
align-items: center;
background: #e6e6e6;
height: 33px;
}
.facility_time_sel div {
display: flex;
align-items: center;
width: 50%;
background: #e6e6e6;
padding: 0 5px;
}
.facility_time_sel div select {
width: 100%;
}
.facility_time_sel div p {
font-size: 13px
}
.facility_price {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5px;
background: #e6e6e6;
font-size: 13px;
margin-bottom: 5px
}
.facility_price div {
display: flex;
align-items: center;
}
.facility_price input {
width: 100%;
text-align: right;
margin-right: 5px;
font-weight: 500
}
.facility_price input::placeholder {
color: #000;
font-weight: 500
}
.facility_price p {
min-width: 50px;
}
.facility_price {
height: 33px;
font-size: 13px;
}
.facility_price input::placeholder {
line-height: 18px
}
#facility_detail {
display: none;
min-height: 75vh
}
#facility_detail.on {
display: block;
}
#facility_admin.on {
display: none;
}
.day_div {
display: flex;
align-items: center;
justify-content: space-between;
}
.day_div button {
width: 32px;
height: 32px;
border-radius: 100%;
font-size: 11px;
}
.timetable_flex {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 10px;
}
.timetable_flex button {
margin-left: 5px;
padding: 7px 0
}
.same_day {
display: flex;
align-items: center;
}
.same_day button {
width: 55px;
font-size: 10px;
}
.same_day .same_day_btn {
width: 45px
}
.facility_detail .plus_btn {
width: 30px;
}
.plus_btn img {
width: 10px;
height: 10px;
}
.timetable {
margin-top: 10px;
}
.table_tit ul {
display: flex;
justify-content: space-between;
background: #f6f6f6
}
.table_tit li {
text-align: center;
font-size: 12px;
padding: 7px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.timetable_time {
width: 48%;
}
.timetable_weekday {
width: 40%;
padding: 5px 10px
}
.timetable_del {
width: 16%;
}
.timetable_detail {
font-size: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd
}
.timetable_detail select {
font-size: 10px;
}
.timetable_detail li {
display: flex;
align-items: center;
justify-content: center;
}
.timetable_weekday input {
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
text-align: right;
padding: 4px 5px;
margin-right: 5px;
font-size: 11px;
}
.timetable_del button {
background: #ccc;
color: #fff;
font-size: 10px;
border-radius: 3px;
padding: 7px 0;
width: 86%;
}
.plus_btn_div {
justify-content: flex-end;
display: flex;
margin-top: 7px;
}
.facility_time_div {
display: flex;
height: 38px;
font-size: 13px;
justify-content: space-between;
}
.facility_time_div > div {
display: flex;
justify-content: space-between;
align-items: center;
width: 49.5%;
padding: 0 15px;
background: #e6e6e6;
}
.facility_time_div > div > div {
display: flex;
align-items: center;
width: 100%
}
.facility_time_div > div > div select {
width: 100%
}
.facility_time_div p {
min-width: 35px;
}
.facility_time_tit {
position: relative;
}
.facility_tit_q {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 13px;
height: 13px;
border-radius: 100%;
border: 1px solid #aaa;
color: #aaa;
font-size: 10px;
left: 73px;
top: 2px
}
.facility_time_q {
position: absolute;
width: 100px;
top: -3px;
left: 90px;
height: 44px;
display: none;
}
.facility_time_q.on {
display: block;
}
.facility_time_q img {
width: 100%;
height: 100%;
object-fit: cover;
}
.facility_time_q p {
position: absolute;
top: 9px;
left: 20px;
font-size: 10px;
color: #666;
line-height: 1.3
}
.f_a_time {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding-bottom: 15px
}
.f_a_time > div {
display: flex;
align-items: center;
}
.f_a_time .facility_tit {
margin-bottom: 0
}
.fac_q {
border-radius: 100%;
border: 1px solid #aaa;
color: #aaa;
font-size: 10px;
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
margin-left: 5px
}
.f_set_time {
font-size: 15px;
font-weight: 500
}
.f_set_time p {
margin-right: 15px;
color: #626368
}
.fac_a {
position: absolute;
width: 95px;
font-size: 10px;
left:90px;
top: 0px;
color: #8b8b8b;
display: none
}
.fac_a img {
width: 100%;
}
.fac_a.on {
display: block;
}
.fac_a p {
position: absolute;
top: 5px;
left: 18px;
width: 86%;
line-height: 1.3
}
.f_a_div {
position: relative;
}
.refund_note {
margin-top: 3px
}
ul.blahimg li {
min-width: 73px
}
#signup {
min-height: calc(100vh - 165px)
}
/* 구장 캠페인 */
.campaign_flex {
display: flex;
align-items: flex-start;
}
.campaign_jcs {
display: flex;
justify-content: space-between;
}
.cf_park_info {
min-width: 69px;
margin-top: 5px;
}
.cf_park_info h2 {
font-size: 16px;
margin-bottom: 7px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.1
}
.cf_park_info p {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.1
}
.cf_park {
padding: 10px 15px;
border-bottom: 1px solid #dfe2e6
}
.cf_park ul {
display: flex;
flex-wrap: wrap;
width: 232px;
min-width: 232px
}
.cf_park li {
display: flex;
margin-left: 3px;
}
.campaign_range {
font-size: 13px;
padding: 13px 15px;
padding-bottom: 15px
}
.campaign_range li {
margin-right: 15px;
font-weight: 500
}
.cf_park input[type=checkbox]{
display: none;
}
.cf_park input[type=checkbox]+label{
width: 55px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #8e8f92;
text-align: center;
margin-bottom: 3px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.cf_park input[type=checkbox]:checked+label{
background: #b3ff00;
border: 1px solid #b3ff00;
}
.campaign_range input[type=radio]{
display: none;
}
.campaign_range input[type=radio]+label{
display: block;
height: 14px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
margin-top: 1px;
margin-right: 5px;
padding-left: 20px
}
.campaign_range input[type=radio]:checked+label{
background: url('img/checked.png') no-repeat 0 0px / contain;
margin-top: 0
}
.campaign_chip {
width: 13px;
height: 13px;
border-radius: 3px;
border: 1px solid #1e2026;
margin-top: 1px;
margin-right: 3px;
font-size: 13px;
}
.cf_content{
font-size: 10px;
min-height: calc(100vh - 305px)
}
.cf_content li {
padding-right: 0;
border-bottom: 1px solid #d0d3da;
background: #fff;
}
.cf_content li.cp_grey {
background: #e5e5e5;
color: #868686
}
.cf_content li.cp_grey .red_txt {
color: #868686
}
.cf_content li.cp_grey .icon{
opacity: 0.5;
}
.cf_content li:first-child {
border-top: 1px solid #d0d3da
}
.campaign_coupon_info {
width: 100%;
border-radius: 5px;
border: 1px solid #d0d3da;
padding: 10px 7px;
}
.campaign_coupon_info > div:not(:last-child) {
margin-bottom: 12px;
}
.campaign_tit {
font-weight: 600;
min-width: 45px;
border-right: 1px solid;
margin-right: 5px;
}
.yellow_coupon {
width: 100%;
padding: 10px;
}
.campaign_coupon {
margin-right: 3px;
}
.campaign_coupon_num {
min-width: 83px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
font-weight: 500;
padding: 0 10px;
margin-top: 10px;
}
.campaign_coupon_num > div:not(:last-child) {
margin-bottom: 17px;
}
.campaign_coupon_time {
flex-wrap: wrap;
}
.campaign_coupon_time > p:not(:last-child) {
margin-right: 3px;
}
.campaign_coupon_num p span {
margin-left: -3px;
}
.yellow_coupon {
background-image: linear-gradient(to top, #b1b1b1 33%, rgba(255,255,255,0) 0%);
background-position: right;
background-size: 1px 5px;
/*점선 간격 수정*/
background-repeat: repeat-y;
}
.yellow_coupon .red_txt {
color: #f45859;
font-weight: 500;
margin-right: 3px
}
.yellow_coupon .grey_txt {
text-decoration: none;
}
.cf_content .grey_list {
background: #f4f4f0;
align-items: flex-start;
}
.cf_content .grey_list .campaign_coupon_num {
padding: 0 10px
}
.c_c_sel {
font-size: 10px;
width: 100%;
background: #fff;
border-radius: 5px;
border: 1px solid #989899;
padding: 6px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.c_c_sel img {
width: 8px;
height: 8px
}
.c_c_sel select {
font-size: 10px
}
.grey_list .yellow_coupon {
background: #f0f0ea
}
.c_p_num {
text-align: center;
}
.c_p_num p {
line-height: 1.3
}
.c_p_num > p:nth-child(2) {
text-decoration: underline;
}
/* 구장 캠페인 등록 */
#couponFrm {
min-height: calc(100vh - 157px)
}
.add_campaign_tab {
display: flex;
align-items: center;
border-bottom: 1px solid #ccc
}
.add_campaign_tab li {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 0;
position: relative;
}
.add_campaign_tab li.on .click_under {
display: block;
}
.add_campaign_tab a {
font-size: 14px;
}
.add_campaign_tab a.on {
font-weight: 600
}
.a_c_q {
border-radius: 100%;
border: 1px solid #666;
color: #666;
font-size: 11px;
width: 15px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
margin-top: 2px;
position: relative;
}
.click_under {
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 3px;
background: #333;
display: none
}
.a_c_a {
position: absolute;
width: 135px;
padding: 5px;
top: 16px;
right: -18px;
display: none;
z-index: 1
}
.a_c_a.on {
display: block;
}
.none_bg {
width: 100%;
height: 100%;
position: fixed;
display: none;
top: 0;
left: 0
}
.none_bg.on {
display: block;
}
.a_c_a img {
width: 100%
}
.a_c_a p {
position: absolute;
top: 20px;
left: 15px;
font-size: 10px;
color: #aaa;
width: 80%;
line-height: 1.3
}
.a_c_a2 {
width: 161px;
}
.a_c_a2 p {
left: 14px;
width: 83%;
}
.add_campaign_form {
border-top: 6px solid #e5e5e5
}
.a_c_set {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
border-bottom: 1px solid #ccc;
}
.a_c_set p {
font-size: 13px;
}
.a_c_sel {
display: flex;
border: 1px solid #000;
border-radius: 5px;
padding: 5px 10px 5px 7px;
font-size: 12px;
align-items: center;
justify-content: space-between;
}
.a_c_sel option {
padding-right: 10px
}
.a_c_sel img {
width: 8px;
height: 8px;
margin-top: 1px
}
.a_c_period {
background: #e5e5e5;
padding: 10px 15px;
padding-bottom: 15px
}
.a_c_tit .red_txt {
font-size: 11px;
padding-bottom: 1px;
margin-left: 5px;
}
.a_c_tit {
font-size: 13px;
font-weight: 500;
line-height: 1.5
}
.a_c_period_div {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px
}
.a_c_calendar {
background: #fff;
border: 1px solid #aaa;
border-radius: 5px;
width: 47%;
display: flex;
align-items: center;
padding: 7px 5px;
padding-left: 13px;
height: 35px
}
.a_c_calendar input {
width: 100%;
}
.a_c_calendar img {
width: 15px;
height: 15px;
margin-right: 10px;
}
.standard {
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ccc
}
.standard .a_c_tit {
min-width: 80px
}
.standard_price {
display: flex;
align-items: center;
font-size: 13px;
justify-content: flex-end;
width: 55%;
}
.standard_price input {
width: 100%;
border: 1px solid #bbb;
border-radius: 5px;
padding: 5px 10px;
margin-right: 5px;
text-align: right;
font-size: 12px;
}
.standard_price .red_txt {
min-width: 52px;
font-size: 10px;
margin-left: 3px;
}
.standard_price p {
color: #666
}
.standard_price span {
font-weight: 500
}
.a_c_days {
padding: 15px;
padding-bottom: 10px
}
.a_c_days input[type="checkbox"]+label {
width: 28px;
min-width: 28px;
height: 28px;
line-height: 28px;
border-radius: 100%;
background: #fff;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
}
.a_c_days input[type="checkbox"]:checked+label {
background: #b3ff00
}
.a_c_days input[type="checkbox"] {
display: none;
}
.all_days input[type="checkbox"]+label {
width: 28px;
min-width: 28px;
height: 28px;
border-radius: 100%;
background: #fff;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
}
.all_days input[type="checkbox"]:checked+label {
background: #fff;
}
.all_days input[type="checkbox"] {
display: none;
}
.a_c_days ul {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.a_c_period_set {
padding: 15px;
background: #e5e5e5;
border-top: 2px solid #ccc;
}
.a_c_period_set > div:not(:last-child) {
margin-bottom: 20px;
}
.a_c_period_set .a_c_time input {
text-align: center;
}
.a_c_park {
padding: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
.a_c_park_sel {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px
}
.a_c_park_sel ul {
display: flex;
flex-wrap: wrap;
}
.a_c_park_sel ul input[type="checkbox"]+label {
font-weight: 500;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
border-radius: 5px;
padding: 6px 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.a_c_park_sel ul input[type="checkbox"]:checked+label {
background: #b3ff00;
border: 1px solid #b3ff00;
}
.a_c_park_sel input[type="checkbox"] {
display: none;
}
.all_check_park {
min-width: 59px;
display: flex;
align-items: center;
}
.all_check_park input[type="checkbox"]+label {
font-weight: 500;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
border-radius: 5px;
padding: 6px;
margin-bottom: 5px;
}
.all_check_park input[type="checkbox"]:checked+label {
background: #b3ff00;
border: 1px solid #b3ff00;
}
.a_c_num {
border-bottom: 5px solid #e5e5e5
}
.a_c_num .standard_price {
width: 40%;
}
.a_c_dc {
padding: 15px;
padding-bottom: 20px;
}
.a_c_dc li {
display: flex;
align-items: center;
justify-content: space-between;
}
.a_c_dc li:not(:last-child) {
margin-bottom: 15px
}
.a_c_dc input[type="radio"]+label {
display: block;
width: 140px;
height: 14px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
margin-right: 5px;
padding-left: 20px
}
.a_c_dc input[type="radio"]:checked+label {
background: url('img/checked.png') no-repeat 0 0 / contain;
}
.a_c_dc input[type="radio"] {
display: none;
}
.a_c_dc_check {
display: flex;
align-items: center;
font-size: 13px;
}
.a_c_dc .standard_price {
width: 40%
}
.a_c_btn {
width: 100%;
display: flex;
align-items: center;
padding: 11px 0;
background: #222;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.a_c_btn button {
background: #222;
color: #eee;
width: 50%;
padding: 5px 0
}
.a_c_btn button:nth-child(1) {
border-right: 1px solid #bbb;
}
#use_shour, #use_ehour {
font-size: 13px;
}
.c_sel_div {
display: flex;
align-items: center;
border: 1px solid #777;
border-radius: 5px;
padding: 5px 7px
}
.c_sel_div img {
width: 9px;
}
.c_sel_div select {
font-size: 12px;
margin-right: 5px
}
/* 정산관리 */
.calculate_sum {
border-bottom: 1px solid #aaa;
font-size: 15px;
}
.calculate_flex {
display: flex;
align-items: center;
}
.calculate_flex_jcs {
display: flex;
align-items: center;
justify-content: space-between;
}
.calculate_sum .calculate_grey {
background: #eee;
padding: 15px;
}
.calculate_grey h2 {
font-size: 15px;
}
.calculate_plan {
padding: 15px
}
.calculate_plan img {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
right: 0
}
.calculate_bold {
font-weight: 600
}
.calculate_plan .calculate_bold {
position: relative;
}
.calculate_bold span {
margin-left: -3px;
}
.calculate_plan .calculate_bold span {
font-weight: 400;
}
.calculate_alert {
color: #4b4d51;
font-size: 10px;
margin-top: 10px;
align-items: flex-start;
line-height: 1.3
}
.calculate_alert span {
width: 12px;
min-width: 12px;
height: 12px;
border-radius: 100%;
border: 1px solid #4b4d51;
display: flex;
justify-content: center;
align-items: center;
margin-right: 3px;
font-size: 10px;
margin-top: 2px;
margin-right: 5px;
}
.calculate_plan_detail {
border-top: 1px solid #dfe2e6;
padding: 15px 25px;
font-size: 14px;
display: none;
}
.calculate_plan_detail li:not(:last-child) {
margin-bottom: 10px
}
.calculate_plan_detail.on {
display: block;
}
.calculate_sum .arr_bot.on {
display: none
}
.calculate_detail {
font-size: 14px;
margin-top: 15px;
}
.calculate_detail ul {
border-radius: 5px;
border: 1px solid #adadad;
margin-bottom: 10px
}
.calculate_detail li:not(:last-child) {
border-right: 1px solid #adadad;
border-radius: 5px 0 0 5px
}
.calculate_detail li:last-child {
border-radius: 0 5px 5px 0
}
.calculate_detail li:first-child input[type="radio"]+label {
border-radius: 4px 0 0 4px
}
.calculate_detail li:last-child input[type="radio"]+label {
border-radius: 0 4px 4px 0
}
.calculate_period li {
width: 50%;
text-align: center;
}
.calculate_period input[type="radio"]+label {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 34px;
font-weight: 500
}
.calculate_period input[type="radio"]:checked+label {
background: #b3ff00;
color: #000;
}
.calculate_period input[type="radio"] {
display: none;
}
.period_detail input[type="radio"]+label {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 34px;
font-weight: 500
}
.period_detail input[type="radio"]:checked+label {
background: #b3ff00;
color: #000;
}
.period_detail input[type="radio"] {
display: none;
}
.period_detail li {
width: 25%;
text-align: center;
}
.calculate_calendar img {
width: 15px;
height: 15px;
transform: translateY(-52%);
top: 50%;
right: 10px;
}
.calculate_calendar div:nth-child(2) {
min-width: 20px;
text-align: center;
}
.calculate_calendar .calendar_div {
border-radius: 5px;
border: 1px solid #adadad;
width: 46%;
height: 38px;
font-size: 13px;
padding: 0 7px;
position: relative;
}
.calculate_calendar .calendar_div span {
display: block;
width: 100%
}
.calculate_calendar .calendar_div input {
width: 100%!important
}
.calendar_div #datepicker {
width: 100%;
}
.calendar_div #datepicker1 {
width: 100%;
}
.calculate_show {
width: 100%;
background: #f0f1f3;
border-radius: 5px;
color: #7f7f7f;
padding: 12px 0;
font-size: 15px;
margin-top: 20px;
font-weight: 500
}
.calculate_show.on {
background: #b3ff00;
color: #000
}
.calculate_list {
border-bottom: 7px solid #ddd;
min-height: calc(100vh - 509px)
}
.calculate_detail_div {
padding: 20px 0;
font-size: 14px;
border-bottom: 1px solid #caced6;
padding-bottom: 0;
border-top: 7px solid #e5e5e5
}
.calculate_detail_div ul {
font-size: 13px;
}
.calculate_div ul li {
padding: 2px 0
}
.calculate_div ul li:first-child {
border-right: 2px solid;
padding-right: 7px;
}
.calculate_div ul li:not(:first-child) {
padding-left: 7px;
}
.calculate_detail_div .red_txt {
color: #f45859;
margin-left: 5px;
}
.calculate_pay_detail {
font-size: 15px;
}
.calculate_pay_grey {
background: #f0f1f3;
padding: 10px 15px;
font-weight: 600;
position: relative;
border-top: 1px solid #caced6;
border-bottom: 1px solid #caced6;
font-size: 13px;
}
.calculate_pay_grey.on {
border-bottom: none;
}
.calculate_pay_grey img {
width: 11px;
height: 11px;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.calculate_pay_grey .arr_top {
display: block;
}
.calculate_pay_grey p:not(:last-child) {
margin-right: 20px;
}
.calculate_pay_detail ul {
padding: 20px;
}
.calculate_pay_detail ul li:not(:last-child) {
margin-bottom: 10px
}
.calculate_pay_detail ul .red_txt {
color: #f45859;
margin-top: 5px;
}
.calculate_pay_detail ul .bold_txt {
font-weight: 600
}
.calculate_pay_detail ul .bold_txt span {
font-weight: 400
}
.calculate_pay_detail ul p span {
margin-left: -3px;
}
.plan_sum {
padding: 15px 20px
}
.plan_sum .bold_txt {
font-weight: 600
}
.plan_sum p span {
margin-left: -3px;
font-weight: 400
}
.pay_grey {
color: #8e8f92;
font-size: 13px;
}
.calculate_complete {
text-align: center;
padding: 15px 20px;
}
.pay_detail_div {
display: none;
}
.pay_detail_div.on {
display: block;
}
.pay_detail_div li:last-child {
margin-top: 20px
}
.calculate_div {
padding: 0 15px;
margin-bottom: 15px;
}
.calculate_div > p {
margin-bottom: 10px
}
.pay_method_txt {
margin-left: 5px;
}
.p_s_p {
display: flex;
align-items: center;
}
.p_s_a {
width: 14px;
height: 14px;
border-radius: 100%;
border: 1px solid #000;
color: #000;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
}
.plan_sum_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
width: 90%;
border-radius: 10px;
padding: 20px;
display: none;
}
.plan_sum_pop.on {
display: block;
}
.plan_sum_pop .confirm_btn {
margin: 0 auto;
display: block;
}
.plan_sum_pop h4 {
font-size: 18px;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.plan_sum_pop h4 span {
font-size: 12px;
width: 16px;
min-width: 16px;
height: 16px;
border-radius: 100%;
border: 1px solid #000;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
padding-bottom: 2px;
margin-top: 1px;
}
.plan_sum_pop ul {
margin-bottom: 20px;
}
.plan_sum_pop ul li {
line-height: 1.3;
font-size: 14px;
display: flex;
align-items: flex-start;
color: #333
}
.plan_sum_pop ul li:not(:last-child) {
margin-bottom: 10px;
}
.pop_dot {
width: 3px;
min-width: 3px;
height: 3px;
background: #333;
display: block;
margin-right: 5px;
margin-top: 7px;
border-radius: 100%;
}
.calculate_time {
border: 1px solid #000;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
padding: 5px;
font-size: 10px;
}
.calculate_flex li .red_txt {
margin: 0
}
.c_name {
display: flex;
flex-direction: column;
align-items: center;
}
.c_p_ul {
padding: 15px;
}
.c_p_ul > li:not(:last-child) {
margin-bottom: 15px;
}
.c_p_d {
display: none;
}
.c_p_d.on {
display: block;
}
.c_p_d .bold_txt {
font-size: 13px;
}
.c_p_d .bold_txt .price {
font-weight: 600
}
.pay_dot {
width: 2px;
min-width: 2px;
height: 2px;
border-radius: 100%;
background: #bbb;
margin-right: 3px;
}
.c_pay_grey {
color: #bbb;
padding: 13px 0 0 10px;
font-size: 10px;
}
.c_pay_grey li {
display: flex;
justify-content: space-between;
align-items: center;
}
.c_pay_grey li:not(:last-child) {
margin-bottom: 10px
}
.p_g_time {
display: flex;
align-items: center;
}
.online_pay {
border-bottom: 1px dashed #ddd;
}
.online_pay_div {
background: #f0f1f3;
padding: 12px 15px;
font-size: 13px;
font-weight: 600
}
.c_p_total {
font-weight: 600;
padding: 15px;
background: #f0f1f3;
font-size: 13px;
}
.c_f_hide.on {
display: none
}
.c_f_show {
display: none;
}
.c_f_show.on {
display: flex;
}
/* 소셜매치 */
.social_match_list {
min-height: calc(100% - 368px)
}
.social_match_list .empty {
min-height: auto
}
.match_banner {
border-top: none;
margin-bottom:7px;
}
.match_banner a {
width: 100%;
}
.match_banner img {
width: 100%
}
.match_date_div {
background: #1e2026;
color: #fff;
display: flex;
align-items: center;
font-size: 13px;
padding: 8px 15px;
}
.match_date_div img {
width: 13px;
height: 13px;
margin-right: 5px;
}
.match_date_div2 {
color: #fff;
display: flex;
align-items: center;
font-size: 13px;
padding: 8px 15px;
/* border-bottom: 1px solid #dfe2e6 */
}
.match_date_title{
border-radius:20px;
background:#1e2026;
padding:10px 20px 10px 20px;
text-align:center;
margin:0 auto;
}
.social_flex {
display: flex;
align-items: flex-start;
}
.social_flex_aic {
display: flex;
align-items: center;
}
.social_flex_jcs {
display: flex;
align-items:flex-start;
justify-content: space-between;
border-left:1px solid #dfe2e6;
flex-wrap: wrap;
}
.social_time img {
width: 11px;
height: 11px;
margin-bottom: -1px
}
.match_prof {
background: none;
padding:20px 10px;
height: auto;
min-width: 90px;
display: flex;
flex-direction: column;
align-items: center;
border-radius:10px;
}
.match_prof_info {
text-align: left;
}
.match_prof_img {
width: 65px;
height: 65px;
overflow: hidden;
border-radius: 5px;
}
.match_prof_img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.match_prof_name {
font-weight: 600;
font-size: 12px;
}
.match_prof_park {
font-size: 10px;
color: #484a4f;
line-height: 1.5
}
.social_info {
width: calc(100% - 65px);
font-size: 13px
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .tem_note_icon{
width:15px;
}
.social_info h2 {
font-size: 16px;
margin-bottom: 7px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
font-weight:bold;
}
.social_match_type {
margin-top: 5px;
}
.social_match_type li {
margin-bottom: 5px;
}
.social_time {
margin-bottom:5px;
}
.evt_div_box {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top:5px;
}
.evt_div {
border-radius: 3px;
color: #f45859;
border: 1px solid #f45859;
font-weight: 600;
font-size: 10px;
padding: 3px;
margin-right: 3px;
margin-bottom:2px;
}
.social_join {
background: #b3ff00;
display: flex;
flex-direction: column;
align-items: center;
padding: 9px 0;
border-radius: 5px;
min-width: 63px
}
.social_join span {
font-weight: 400;
font-size: 11px;
margin-top: 5px;
color: #486600
}
.social_join button {
font-weight: 500;
font-size: 12px;
}
.social_chat{
margin-top:10px;
display: block;
}
.social_chat button {
background: #000;
color: #b3ff00;
display: flex;
flex-direction: column;
align-items: center;
padding: 7px 0;
border-radius: 5px;
min-width: 68px;
margin-top: 5px;
font-weight: 400;
font-size: 12px
}
.social_btn > p {
text-align: right;
margin-top: 10px;
font-size: 13px;
}
.social_join span {
font-weight: 400;
font-size: 11px;
margin-top: 5px;
color: #486600
}
.social_info_div {
width: 100%;
padding: 11px 10px
}
.social_match_div {
margin:10px;
border:1px solid #dfe2e6;
border-radius:10px;
margin-bottom:15px;
}
.social_end {
background: #f45859;
display: flex;
flex-direction: column;
align-items: center;
padding: 7px 0;
border-radius: 5px;
min-width: 63px;
margin-top: 5px;
}
.social_end button {
color: #fff;
font-weight: 500;
font-size: 12px;
}
.social_end span {
font-weight: 400;
font-size: 11px;
margin-top: 5px;
}
.social_match .team_flex {
height: 180px
}
/* 소셜경기 신청하기 */
.social_park {
padding: 30px;
border-bottom: 1px solid #d4d7de
}
.social_park h2 {
font-size: 17px;
margin-bottom: 10px
}
.social_place {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.social_address {
display: flex;
font-size: 12px;
color: #4b4d51;
margin-bottom: 20px;
flex-wrap: wrap;
}
.social_address li {
margin-top: 5px;
}
.social_address li:not(:last-child) {
border-right: 1px solid #78797d;
padding-right: 5px;
line-height: 1.1;
margin-right: 5px
}
.social_address li:not(:first-child) {
min-width: 56px
}
.s_flex {
display: flex;
align-items: center;
}
.s_flex p {
line-height: 1.1
}
.s_flex p:first-child {
margin-right: 5px;
border-right: 1px solid #78797d;
padding-right: 5px
}
.red_txt {
color: #f45859
}
.social_park .grey_div {
margin-bottom: 20px
}
.join_pice {
font-size: 14px;
color: #78797d
}
.join_pice span {
font-weight: 600;
color: #000;
}
.social_park_detail {
border-top: 7px solid #e8e9ed
}
.park_detail_tit {
font-size: 19px;
font-weight: 600
}
.park_intro > .park_detail_tit {
font-size: 19px;
font-weight: 600
}
.p15 {
padding: 30px;
}
.park_detail_note {
background: #f0f1f3;
font-size: 15px;
}
.park_detail_note p {
font-weight: 500;
font-size: 14px;
}
.park_detail_note span {
margin-top: 10px;
display: block;
line-height: 1.3
}
.social_match_info {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px
}
.social_match_info li {
width: 23.5%;
}
.social_match_info li p {
font-size: 12px;
text-align: center;
margin-top: 7px;
color: #626368
}
.match_ico {
background: #f0f1f3;
border-radius: 5px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 10px;
overflow: hidden;
height: 70px
}
.match_ico img {
width: 85%;
max-width: 54px
}
#match_img_01 {
width: 100%;
}
.match_way {
border-bottom: 2px solid #dfe2e6;
padding-bottom: 20px
}
.manager_txt {
position: relative;
background: #eff0f2;
border-radius: 7px;
padding: 12px;
margin-left: 10px;
font-size: 12px;
}
.manager_txt p {
line-height: 1.3;
color: #484a4f;
font-size: 13px
}
.manager_txt img {
position: absolute;
top: 8px;
left: -15px;
width: 20px;
height: 20px;
}
.manager_prof {
width: 70px;
min-width: 70px;
height: 70px;
overflow: hidden;
border-radius: 5px;
margin-right: 10px;
}
.manager_prof img {
width: 100%;
object-fit: cover;
height: 100%
}
.manager_div {
display: flex;
margin-top: 15px
}
.manager_place {
font-size: 13px;
margin-bottom: 5px
}
.manager_name {
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
display: block;
}
.manager_info {
border-top: 7px solid #e8e9ed;
border-bottom: 1px solid #d4d7de
}
.match_note {
font-size: 12px;
color: #78797d;
margin-top: 15px;
}
.match_note .bold_txt {
font-weight: 600;
margin-bottom: 5px;
font-size: 13px
}
.match_note span {
line-height: 1.3
}
.match_note li {
margin-bottom: 10px;
font-size: 14px
}
.match_note_div {
border-bottom: 1px solid #dfe2e6
}
.match_note_div ul ul {
margin-top: 7px
}
.match_note_div ul ul li {
margin-bottom: 5px;
}
.social_match_btn {
display: block;
width: 100%;
padding: 15px;
padding-top: 10px;
}
.social_match_btn button {
background: #b3ff00;
border-radius: 5px;
width: 100%;
padding: 15px;
font-weight: 500;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.social_match_btn button span{
font-size:12px;
color:#999;
line-height: 14px;
}
.none_border {
border: none
}
.match_note_div .park_detail_tit {
display: flex;
align-items: center;
justify-content: space-between;
}
.match_note_div .park_detail_tit img {
width: 13px;
}
.match_note_div .p_d_off {
display: none
}
.match_note_div .p_d_on.on {
display: flex
}
.match_note_div .p_d_off.on {
display: flex
}
.match_note_div .match_note {
height: 100px;
overflow: hidden;
}
.match_note_div .match_note.on {
height: auto;
}
/* 점령전 */
.occ_banner img {
width: 100%
}
.occ_flex_aic {
display: flex;
align-items: center;
}
.occ_flex_jcs {
display: flex;
align-items: center;
justify-content: space-between;
}
.occ_chart img {
width: 15px;
height: 15px
}
.occ_all {
padding: 10px 15px;
border-bottom: 1px solid #cbcdd0;
color: #fff;
display: none
}
.occ_all img {
width: 15px;
height: 15px;
}
.occ_all p {
font-weight: 500;
font-size: 15px;
line-height: 1.5
}
.occ_range {
background: #e8e9ed;
padding: 10px 15px;
font-size: 12px;
}
.occ_chart_content {
padding: 10px 15px;
font-size: 12px;
color: #fff
}
.occ_num {
min-width: 30px;
text-align: center;
}
.occ_place {
min-width: 35px;
text-align: center;
}
.occ_team {
width: 100%;
padding-left: 5px;
}
.offense, .defense, .occ_spot {
min-width: 45px;
text-align: center;
}
.occ_range .occ_team {
text-align: center;
padding-left: 0
}
.occ_team p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.occ_match li {
padding: 15px;
}
.occ_match .empty {
min-height: auto
}
.occ_match li:not(:last-child) {
border-bottom: 1px solid #cbcdd0
}
.occ_team img {
border-radius: 100%;
margin-right: 3px
}
.occ_chart {
border-bottom: 1px solid #cbcdd0;
padding-bottom: 5px;
}
.occ_match_img {
overflow: hidden;
border-radius: 5px;
position: relative;
height: 160px;
width: 100%;
display: block;
}
.occ_match_img img{
width: 100%;
object-fit: cover;
height: 100%
}
.occ_team_name {
background: rgba(0,0,0,0.5);
color: #fff;
border-radius: 0 0 5px 5px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 7px 13px;
padding-bottom: 9px;
font-size: 12px;
}
.occ_team_name img {
width: 12px;
height: 12px;
margin-right: 5px;
margin-top: 2px
}
.occ_park {
font-weight: 500;
font-size: 16px;
line-height: 2.5
}
.occ_grey {
font-size: 13px;
border-radius: 5px;
padding: 10px 13px;
padding-bottom: 5px;
background: #f0f1f3
}
.occ_grey ul {
display: flex;
flex-wrap: wrap;
}
.occ_grey ul > li {
border: none!important;
padding: 0;
width: 49%
}
.occ_grey li {
display: flex;
align-items: flex-start;
margin-bottom: 5px
}
.occ_grey ul > li p {
font-weight: 600;
color: #727479;
min-width: 70px;
line-height: 1.5
}
.occ_grey ul > li span {
line-height: 1.5
}
.offense_btn, .end_btn, .waite_btn {
width: 100%;
margin-top: 20px;
}
.offense_btn button {
width: 100%;
border-radius: 5px;
background: #b3ff00;
font-weight: 500;
padding: 13px 0;
font-size: 15px
}
.end_btn button {
width: 100%;
border-radius: 5px;
background: #eee;
font-weight: 500;
padding: 13px 0;
color: #ccc;
}
.waite_btn button {
width: 100%;
border-radius: 5px;
background: #f45859;
font-weight: 500;
padding: 13px 0;
color: #fff;
}
.occ_grey ul > li {
margin-right: 2%;
}
.occ_grey ul > li:nth-child(2n) {
margin-right: 0;
}
.occ_div {
min-height: calc(100vh - 258px)
}
/* 점령전 경기결과 */
.occ_result li {
border-bottom: 1px solid #cbcdd0
}
.result_head {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #4b4d51;
font-size: 14px;
padding: 12px 15px;
}
.result_head p {
font-weight: 600
}
.result_head span {
color: #4b4d51
}
.result_date {
display: flex;
justify-content: center;
background: #e8e9ed;
padding: 8px 0;
font-size: 13px;
color: #4b4d51;
padding-bottom: 9px;
}
.result_date p {
margin-right: 3px
}
.win, .lose {
width: 40px;
height: 50px;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
}
.win, .lose {
color: #114fea;
border-right: 1px solid #e8e9ed;
border-left: 1px solid #e8e9ed
}
.lose {
color: #ff2d17;
border-left: 1px solid #e8e9ed
}
.score {
display: flex;
width: 55px;
justify-content: center;
font-weight: 600;
font-size: 13px;
}
.score p {
margin: 0 3px
}
.result_logo {
width: 25px;
height: 25px;
overflow: hidden;
border-radius: 100%;
}
.result_logo img {
width: 100%
}
.result_detail {
display: flex;
justify-content: space-between;
}
.result_info {
display: flex;
justify-content: space-between;
align-items: center;
}
.result_team_info {
display: flex;
min-width: 84px
}
.result_team {
font-size: 13px
}
.result_team p {
font-weight: 600;
margin-bottom: 3px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.result_team span {
font-size: 12px;
}
.right_team span {
text-align: right;
display: block;
}
.win_team {
color: #114fea
}
.lose_team {
color: #000
}
.right_team {
margin-right: 7px;
}
.left_team {
margin-left: 7px;
}
.right_team p {
text-align: right;
}
.right_team_info {
justify-content: flex-end;
}
.occ_no_result {
min-height: 80vh;
position: relative;
border-bottom: 1px solid #cbcdd0
}
.occ_no_result img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 150px;
height: 150px;
opacity: 0.5
}
.occ_no_result p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
font-weight: 500
}
/* 구장정보관리 */
.park_select {
overflow-X: auto;
display: flex;
padding: 15px;
border-bottom: 2px solid #ccc
}
.park_select li {
flex: 0 0 auto;
}
.park_select li {
margin-right: 5px;
}
.park_select li:last-child button {
margin-right: 15px;
}
.park_select button {
border: 1px solid #444;
border-radius: 3px;
padding: 7px 12px;
font-size: 12px;
}
.park_select button.on {
border: 1px solid #b3ff00;
background: #b3ff00;
}
.park_select::-webkit-scrollbar {
display: none;
/* Chrome, Safari, Opera*/
}
.park_info_detail {
display: flex;
justify-content: space-between;
padding: 20px 15px;
border-bottom: 1px solid #ddd
}
.park_thumb_div {
margin-right: 20px;
}
.park_thumb_box {
width: 150px;
min-width: 150px;
height: 130px;
overflow: hidden;
border-radius: 5px;
margin-bottom: 10px;
background: #ddd;
position: relative;
}
.park_thumb_box .blah {
max-width: 150px
}
.park_thumb_plus {
width: 40px;
height: 40px;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 35%
}
.park_img_plus {
top: 75%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
font-size: 12px;
color: #aaa
}
.park_thumb_img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
}
.park_thumb_btn {
margin: 0 auto;
display: block;
text-decoration: underline;
color: #555
}
.park_info_div {
width: 100%;
}
.park_info_div h2 {
font-size: 17px;
margin-bottom: 15px;
}
.park_info_div ul {
font-size: 13px;
}
.park_info_div li {
display: flex;
align-items: center;
}
.park_info_div li:not(:last-child) {
margin-bottom: 15px
}
.park_size input {
border-radius: 5px;
border: 1px solid #000;
width: 60px;
padding: 3px;
font-size: 13px;
text-align: center;
}
.park_tit {
font-weight: 600;
min-width: 60px;
}
.park_time_li span {
width: 60px;
text-align: center;
color: #888
}
.park_state {
position: relative;
height: 27px;
}
.park_state button {
background: #b3ff00;
border-radius: 3px;
width: 60px;
padding: 7px 0;
padding-bottom: 8px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 60px;
display: none;
}
.park_state .im_state {
background: #eee;
color: #aaa;
display: block;
}
.park_state input[type="checkbox"]+label {
background: #eee;
border-radius: 3px;
width: 60px;
padding: 7px 0;
padding-bottom: 8px;
font-weight: 600;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #aaa;
}
.park_state input[type='checkbox']:checked+label {
background: #b3ff00;
color: #000;
}
.park_state input[type="checkbox"] {
display: none;
}
.park_timetable {
border-top: 5px solid #eee;
padding-top: 10px;
}
.park_timetable_flex {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
padding: 0 15px;
}
.park_timetable_flex button {
border-radius: 3px;
border: 1px solid #666;
padding: 7px;
font-size: 12px;
}
.park_timetable_flex button.on {
border: 1px solid #b3ff00;
background: #b3ff00
}
.park_timetable h3 {
text-decoration: underline;
padding: 0 15px;
margin-bottom: 15px;
}
.park_timetable_div {
background: #edf1f4;
padding: 15px 10px;
padding-top: 0
}
.park_timetable_div::-webkit-scrollbar {
display: none;
/* Chrome, Safari, Opera*/
}
.park_tt_date {
display: flex;
}
.park_tt_date li {
font-weight: 600;
font-size: 12px;
min-width: 64px;
text-align: center;
}
.park_tt_date li:first-child {
min-width: 45px;
}
.park_timetable_flex .park_tt_mod.on {
border: 1px solid #bbb;
background: #eee;
color: #888
}
.park_timetable_flex .park_tt_mod.on1 {
border: 1px solid #b3ff00;
background: #b3ff00;
color: #888
}
.park_tt_flex {
display: flex;
margin-top: 5px;
}
.park_tt_flex ul:last-child {
padding-right: 10px;
}
.park_tt_time li {
font-size: 11px;
font-weight: 600;
display: flex;
align-items: center;
flex-direction: column;
width: 45px;
height: 50px;
justify-content: center;
}
.park_tt_price li {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
position: relative;
}
.park_tt_price li button {
font-size: 10px;
min-width: 56px;
background: #fff;
border-radius: 3px;
border: 1px solid #000;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
}
.none_setting {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 11px;
font-weight: 500;
color: #f45859;
width: 100%;
text-align: center;
}
.park_tt_price .park_tt_date {
font-size: 13px;
font-weight: 600;
height: 30px
}
.park_tt_time .park_tt_time_1 {
height: 40px;
}
.park_tt_price input[type="checkbox"]+label {
font-size: 10px;
min-width: 56px;
background: #fff;
border-radius: 3px;
border: 1px solid #000;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
}
.park_tt_price input[type='checkbox']:checked+label {
border: 1px solid #b3ff00;
background: #b3ff00
}
.park_tt_price input[type="checkbox"] {
display: none;
}
.park_tt_none {
background: #f0f1f3;
border-top: 1px solid #aaa;
height: 50vh;
position: relative;
}
.park_tt_none p {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
font-size: 14px;
color: #777;
line-height: 1.3
}
.weekday_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: 10px;
width: 95%;
padding: 20px;
display: none;
max-height: 90vh;
overflow-y: scroll;
}
.weekday_pop.on {
display: block;
}
.weekday_pop > div {
margin-bottom: 20px;
}
.pop_tit {
text-align: center;
margin-bottom: 30px;
}
.pop_s_tit {
font-size: 13px;
display: flex;
align-items: center;
}
.pop_s_tit img {
width: 15px;
height: 15px;
margin-right: 5px;
}
.pop_grey_div {
background: #eee;
border-radius: 5px;
padding: 15px;
margin-top: 10px;
}
.pop_grey_div li {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px
}
.pop_grey_div li:not(:last-child) {
margin-bottom: 10px;
}
.pop_grey_div li img {
width: 45px;
}
.pop_grey_div li div {
display: flex;
align-items: center;
}
.pop_grey_div li div input {
width: 90px;
border-radius: 3px;
border: 1px solid #000;
padding: 5px;
font-size: 13px;
background: #fff;
text-align: center;
font-weight: 600;
height: 33px
}
.pop_grey_div .red_txt {
font-weight: 500;
font-size: 11px
}
.grey_div_01 input {
margin-left: 7px;
}
.grey_div_02 input {
margin-right: 7px;
}
.grey_tit {
color: #777
}
.pop_grey_div .grey_flex {
justify-content: flex-start;
}
.price_input {
border-radius: 3px;
border: 1px solid #000;
background: #fff;
font-size: 13px;
text-align: center;
padding: 5px;
width: 110px;
margin-left: 7px;
font-weight: 600;
height: 33px
}
.wd_pop_btn {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0!important
}
.wd_pop_btn button {
background: #222;
color: #fff;
border-radius: 5px;
width: 49%;
padding: 15px 0;
font-size: 14px
}
.price_pop {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: 10px;
width: 95%;
padding: 15px;
display: none;
}
.price_pop.on {
display: block;
}
.price_pop > p {
text-align: center;
font-weight: 500;
}
.price_pop_div {
padding: 40px 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
}
.price_pop_div div {
border-radius: 3px;
border: 1px solid #555;
width: 80px;
margin-left: 10px;
display: flex;
justify-content: flex-end;
padding: 5px 7px;
font-size: 13px;
align-items: center;
}
.price_pop_div div input {
width: 40px;
text-align: right;
font-weight: 600;
font-size: 14px
}
.price_pop_div div span {
margin-bottom: 2px;
font-size: 14px;
font-weight: 500
}
.park_info_btn {
position: fixed;
display: flex;
background: #222;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 0
}
.park_info_btn button {
width: 50%;
color: #fff;
padding: 5px 0
}
.park_info_btn button:first-child {
border-right: 1px solid #666
}
/* add_post */
.write_post {
padding: 25px 15px;
padding-bottom: 15px;
border-top: 5px solid #e5e5e5;
margin-bottom: 48px
}
.write_post li {
margin-bottom: 20px;
}
.write_post li p {
font-size: 15px
}
.write_tit {
font-size: 15px;
margin-bottom: 1px;
margin-bottom: 12px;
min-width: 45px
}
.write_div {
width: 100%;
}
.write_div select {
width: 100%;
border-radius: 5px;
border: 1px solid #000;
padding: 5px;
font-size: 13px;
}
.write_div textarea {
width: 100%;
height: 200px;
resize: none;
border-radius: 5px;
background: #eee;
padding: 13px 10px;
font-size: 13px;
line-height: 1.5
}
.write_input {
border-radius: 5px;
padding: 10px;
width: 100%;
background: #efefef;
font-size: 15px;
line-height: 21px;
}
.write_input::placeholder {
font-size: 13px;
line-height: 21px;
padding-top: 2px
}
.add_file {
background: #e5e5e5;
position: relative;
width: 45px;
height: 45px;
border-radius: 3px;
}
.add_file img {
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 55%
}
.notice_ck {
display: flex;
align-items: center;
}
.notice_ck .write_tit {
margin-bottom: 1px;
margin-right: 7px;
}
.notice_ck input[type="checkbox"]+label {
display: block;
width: 18px;
height: 18px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
}
.notice_ck input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 0 / contain;
}
.notice_ck input[type="checkbox"] {
display: none;
}
.post_sel {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
border-bottom: 1px solid #ccc;
font-size: 15px;
}
.post_sel_div {
border-radius: 5px;
border: 1px solid #000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 7px 5px;
}
.post_sel_div select {
min-width: 100px;
font-size: 13px;
}
.sel_arr {
width: 10px;
height: 10px;
}
.add_write_btn {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 0;
left: 50%;
background: #222;
transform: translateX(-50%);
width: 100%;
padding: 15px 0
}
.add_write_btn button {
width: 48.5%;
font-weight: 500;
font-size: 14px;
color: #fff;
padding: 3px 0
}
.add_write_btn .cancle_btn {
border-right: 1px solid #eee
}
.write_tit input[type="checkbox"]+label {
display: flex;
align-items: center;
height: 16px;
background: url('img/checkbox.png') no-repeat 100% 0px / contain;
padding-right: 25px;
font-size: 13px;
line-height: 20px;
color: #555
}
.write_tit input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 100% 0 / contain;
}
.write_tit input[type="checkbox"] {
display: none;
}
.write_tit_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.write_tit_flex div {
display: flex;
justify-content: flex-end;
align-items: center;
}
.write_price {
background: #efefef;
border-radius: 5px;
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
font-size: 13px;
}
.write_price input {
text-align: right;
width: 100%;
font-size: 12px;
margin-right: 5px
}
.event_period_div {
display: flex;
align-items: center;
}
.event_period_div .event_date {
display: flex;
align-items: center;
justify-content: space-between;
width: 48%;
border-radius: 5px;
background: #f6f6f6;
padding: 5px 10px;
}
.event_date img {
width: 15px;
height: 15px;
}
.event_date input {
width: 100%
}
/* 하단탭 */
.footer {
width: 100%;
height: 100px;
background: #f5f5f5;
}
.tap {
position: fixed;
z-index: 10;
bottom: 0;
left: 50%;
height: 100px;
padding: 15px 10px;
background: #222;
width: 100%;
padding-top: 10px;
max-width: 600px;
transform: translateX(-50%);
}
.tap ul {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
margin: 0 auto;
}
.tap ul li {
width: 20%;
text-align: center;
}
.tap a {
display: block;
}
.tap a div {
position: relative;
height: 35px;
margin-bottom: 10px;
}
.tap a img {
width: 35px;
height: 35px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
#tap_cart img {
width: 37px;
height: 37px
}
.tap a span {
display: block;
color: #eee;
font-size: 14px;
}
.tap_notice {
margin: 0 !important;
border-radius: 100%;
background: #b3ff00;
width: 18px;
height: 18px!important;
max-height: 18px;
font-size: 11px;
font-weight: 500;
line-height: 13px;
position: absolute!important;
top: 0;
left:55%;
}
.tap_notice p {
line-height: 16px;
font-weight: 500;
}
.none_tap {
display: none;
}
/* 혜택보기 */
.benefit_check {
display: flex;
align-items: center;
padding: 15px;
font-size: 13px;
border-bottom: 1px solid #ccc;
}
.benefit_check input[type="checkbox"]+label {
display: block;
width: 100%;
height: 14px;
background: url('img/checkbox.png') no-repeat 0 0px / contain;
margin-top: 3px;
margin-right: 5px;
padding-left: 20px;
}
.benefit_check input[type='checkbox']:checked+label {
background: url('img/checked.png') no-repeat 0 0 / contain;
}
.benefit_check input[type="checkbox"] {
display: none;
}
.pos_benefit {
display: flex;
align-items: center;
padding: 10px 15px;
font-size: 13px;
background: #e5e5e5
}
.pos_benefit > li {
display: flex;
margin-right: 5px
}
.all_benefit {
color: #aaa;
}
.benefit_list {
min-height: calc(100vh - 332px)
}
.benefit_list > li {
padding: 15px;
border-bottom: 1px solid #ddd;
}
.benefit_list .red_txt {
font-size: 12px;
}
.benefit_list > li.on {
color: #bbb
}
.benefit_list > li.on .red_txt {
color: #bbb;
}
.benefit_list > li.on .benefit_info p {
color: #bbb;
}
.benefit_list > li.on .benefit_down {
display: none
}
.benefit_price {
font-size: 18px;
margin-bottom: 13px
}
.benefit_price span {
font-weight: 600;
font-size: 21px;
}
.benefit_info li {
display: flex;
align-items: center;
font-size: 13px;
color: #666;
}
.benefit_info li:not(:last-child) {
margin-bottom: 7px
}
.benefit_info li p {
margin-left: 5px;
}
.benefit_right {
position: relative;
}
.benefit_period {
display: flex;
align-items: center;
font-size: 11px;
}
.benefit_period span {
margin-left: 3px;
}
.benefit_period span:nth-child(1) {
margin-right: 3px;
}
.benefit_down {
width: 25px;
height: 25px;
position: absolute;
bottom: 10px;
right: 0
}
.benefit_down img {
width: 100%
}
.benefit_detail {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px
}
.benefit_guide {
padding: 15px;
background: #e9e9e9;
font-size: 11px;
color: #777;
border-bottom: 1px solid #ccc
}
.b_g_p {
font-weight: 500;
font-size: 14px;
margin-bottom: 15px
}
.benefit_guide li {
display: flex;
}
.benefit_guide li:not(:last-child) {
margin-bottom: 7px;
}
.benefit_guide li span {
margin-right: 5px;
}
.benefit_guide li p {
line-height: 1.3
}
/* 초대 채팅 */
.invt_count {
text-align: center;
font-size: 15px;
padding: 15px;
border-bottom: 1px solid #ccc
}
.invt_count span {
font-weight: 600
}
.invt_tit {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 5px solid #e5e5e5;
padding: 15px 0;
border-bottom: 1px solid #ccc
}
.invt_tit p {
font-weight: 500;
text-align: center;
width: 25%;
font-size: 15px
}
.invt_detail {
display: flex;
align-items: center;
justify-content: space-between;
}
.invt_prof {
border-radius: 100%;
width: 25px;
height: 25px;
overflow: hidden;
margin-right: 3px
}
.invt_prof img {
width: 100%;
height: 100%;
object-fit: cover;
}
.invt_user {
display: flex;
align-items: center;
width: 30%;
font-size: 14px
}
.invt_num {
text-align: center;
width: 20%
}
.invt_chat_btn, .invt_confirm {
width: 25%;
display: flex;
align-items: center;
justify-content: center;
}
.invt_confirm {
width: 30%
}
.invt_tit .invt_user {
justify-content: center;
}
.invt_detail {
padding: 15px 0
}
.invt_info {
align-items: center;
background: #e2e4e8;
}
.invt_info p {
font-size:14px;
padding-left:15px;
font-weight:bold;
padding-top:10px
}
.invt_info div {
font-size:12px;
box-sizing: border-box;
padding:15px;
line-height:130%;
padding-bottom:10px;
padding-top:5px
}
.invt_tit p:first-child {
width: 20%
}
.invt_tit p:nth-child(2) {
width: 30%
}
.invt_tit p:nth-child(3) {
width: 20%
}
.invt_tit p:last-child {
width: 30%
}
.invt_list {
min-height: calc(100vh - 203px)
}
.invt_chat_btn button {
background: #b3ff00;
padding: 7px 10px;
border-radius: 5px;
font-size: 13px
}
.invt_confirm button {
background: #b3ff00;
padding: 7px 10px;
border-radius: 5px;
font-size: 13px;
color: #fff
}
.invt_confirm .invt_confirm_ok {
margin-right: 5px;
background: #112d72
}
.invt_confirm .invt_confirm_no {
background: #ea3232
}
/* 모달 팝업 */
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: 10px;
width: 90%;
padding: 15px;
z-index: 2;
display: none;
max-width: 500px
}
.popup_q {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.3;
font-weight: 500;
font-size: 17px;
text-align: center;
}
.popup_q span {
line-height: 1.3
}
.c_f_btn {
justify-content: center;
}
.popup1 {
display: none;
}
.popup2 {
display: none;
}
.popup1.on {
display: block;
}
.popup2.on {
display: block;
}
.popup3.on {
display: block;
}
#id_confirm_pop {
text-align: center;
font-weight: 500;
line-height: 1.3;
font-size: 18px;
}
#id_confirm_pop button {
background: #333;
color: #fff;
border-radius: 5px;
padding: 13px;
width: 145px;
font-size: 17px
}
.i_c_btn {
padding-top: 30px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.i_c_div {
padding-top: 30px;
}
.i_c_div p {
line-height: 2
}
.jconfirm.jconfirm-modern .jconfirm-box {
border-radius: 10px;
box-shadow: none!important;
max-width: 500px;
transition-duration: 0s!important;
transition-timing-function: 0!important
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
overflow: visible!important;
height: auto;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
color: #000!important;
font-weight: 500;
font-size: 18px!important;
/* padding-top: 10px */
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content > div {
line-height: 1.3
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background: #000!important;
color: #fff!important;
border-radius: 5px;
font-size: 14px!important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2){
background: #fff !important;
color: #999 !important;
border: 1px solid #999;
}
.jconfirm .jconfirm-box .jconfirm-buttons{
padding-bottom: 0!important;
padding-top:10px;
display: flex;
flex-wrap:nowrap;
justify-content: center;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
font-weight: 500!important;
width:50% !important;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
background: #000!important;
opacity: 0.5!important
}
.price_detail_flex .clause_txt {
padding-top: 20px
}
.price_detail_flex .clause_txt p {
font-size: 16px;
line-height: 1.5
}
/*전술판 풋살*/
main{
clear:both;
width:100%;
display:inline-block;
}
.screenshot_logo{
position:absolute;
bottom:13%;
right:3%;
width:15%;
}
.ttc_board_tab{
clear:both;
width:100%;
display:inline-block;
}
.ttc_board_tab li{
float:left;
width:50%;
display:inline-block;
}
.ttc_board_tab li a{
display:block;
width:100%;
height:87px;
font-size:26px;
line-height:87px;
text-align:center;
}
.ttc_board_tab li.on a{
border-bottom:6px solid #020309;
font-weight:500;
}
.ttc_board_fs{
clear:both;
position:relative;
width:100%;
display:inline-block;
}
.ttc_board_fs .ttc_board_chg{
position:absolute;
top:30px;
left:10px;
z-index:10;
background-color:#fff;
padding:4px;
}
.ttc_board_fs .ttc_board_chg li{
float:left;
border:1px solid #999999;
}
.ttc_board_fs .ttc_board_chg li a{
display:block;
width:49px;
height:34px;
line-height:34px;
font-size:20px;
text-align:center;
}
.ttc_board_fs .ttc_board_chg li:nth-child(n+1):nth-child(-n+2){
border-right:0;
}
.ttc_board_fs .ttc_board_chg li a.on{
background-color:#1e2026;
color:#fff;
}
.ttc_board_fs .squad_sch{
position:absolute;
top:30px;
right:10px;
z-index:10;
width:276px;
height:45px;
line-height:45px;
border:1px solid #fff;
padding:0 12px;
box-sizing:border-box;
}
.ttc_board_fs .squad_sch .inp_sch{
float:left;
width:215px;
height:43px;
line-height:43px;
color:#fff;
font-size:16px;
}
.ttc_board_fs .squad_sch .inp_sch::placeholder{
color:#fff;
}
.ttc_board_fs .squad_sch .sch_btn{
float:right;
margin-top:8px;
display:block;
}
.ttc_board_fs .member_pic{
position:absolute;
top:0;
left:0;
width:100%;
padding-top:94%;
border-bottom:1px solid #cccccc;
}
.ttc_board_fs .member_pic img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
object-fit:cover;
margin:auto;
}
/*.ttc_board_fs .mb_nickname{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
color:#fff;
font-size:14px;
line-height:24px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
*/
.ttc_board_fs .mb_nickname{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
color:#fff;
font-size:14px;
line-height:24px;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.ttc_board_fs .position_bg{
width:100%;
}
.ttc_board_fs .add_position_box{
position:relative;
width:100%;
height:100%;
border:1px solid #cccccc;
border-radius:6px;
overflow:hidden;
}
/*3vs3*/
.ttc_board_fs .vs3{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fs .vs3 .add_position01{
position:absolute;
top:36%;
left:10%;
width:82px
}
.ttc_board_fs .vs3 .add_position02{
position:absolute;
top:36%;
right:10%;
width:82px;
}
.ttc_board_fs .vs3 .add_position03{
position:absolute;
top:55%;
left:50%;
width:82px;
margin-left:-41px;
}
/*4vs4*/
.ttc_board_fs .vs4{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fs .vs4 .add_position01{
position:absolute;
top:24%;
left:50%;
width:82px;
margin-left:-41px;
}
.ttc_board_fs .vs4 .add_position02{
position:absolute;
top:36%;
left:10%;
width:82px;
}
.ttc_board_fs .vs4 .add_position03{
position:absolute;
top:36%;
right:10%;
width:82px;
}
.ttc_board_fs .vs4 .add_position04{
position:absolute;
top:55%;
left:50%;
width:82px;
margin-left:-41px;
}
/*5vs5*/
.ttc_board_fs .vs5{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fs .vs5 .add_position01{
position:absolute;
top:24%;
left:50%;
width:82px;
margin-left:-41px;
}
.ttc_board_fs .vs5 .add_position02{
position:absolute;
top:36%;
left:10%;
width:82px;
}
.ttc_board_fs .vs5 .add_position03{
position:absolute;
top:36%;
right:10%;
width:82px;
}
.ttc_board_fs .vs5 .add_position04{
position:absolute;
top:55%;
left:50%;
width:82px;
margin-left:-41px;
}
.ttc_board_fs .vs5 .add_position05{
position:absolute;
top:75%;
left:50%;
width:82px;
margin-left:-41px;
}
/*6vs6*/
.ttc_board_fs .vs6{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fs .vs6 .add_position01{
position:absolute;
top:24%;
left:50%;
width:82px;
margin-left:-41px;
}
.ttc_board_fs .vs6 .add_position02{
position:absolute;
top:36%;
left:10%;
width:82px;
}
.ttc_board_fs .vs6 .add_position03{
position:absolute;
top:36%;
right:10%;
width:82px;
}
.ttc_board_fs .vs6 .add_position04{
position:absolute;
top:59%;
left:10%;
width:82px;
}
.ttc_board_fs .vs6 .add_position05{
position:absolute;
top:59%;
right:10%;
width:82px;
}
.ttc_board_fs .vs6 .add_position06{
position:absolute;
top:75%;
left:50%;
width:82px;
margin-left:-41px;
}
.ttc_board_fs .move_icon{
position:absolute;
left:-14.5px;
top:-14.5px;
z-index:20;
}
.ttc_board_fs .del_icon{
position:absolute;
right:-12px;
top:-12px;
z-index:20;
border-radius:24px;
overflow:hidden;
box-shadow:2px 2px 3px rgb(0 0 0 / 35%);
}
.ttc_board_fs .function_btn{
position:absolute;
bottom:0;
width:100%;
display:inline-block;
text-align:center;
}
.ttc_board_fs .function_btn .btn_invite_team{
position:absolute;
left:2.5%;
bottom:0;
margin-bottom:3%;
display:block;
width:113px;
height:43px;
line-height:43px;
background-color:#b5babe;
border-radius:6px;
text-align:center;
}
.ttc_board_fs .function_btn .squad_select{
width:160px;
height:40px;
border:1px solid #fff;
margin-bottom:3.2%;
padding:5px 10px;
color:#fff;
background:url('../app/img/select_arrow.png') #4d2397 no-repeat top right;
background-size:36px 36px;
font-size:16px;
}
.ttc_board_fs .function_btn .btn_share{
position:absolute;
right:2.5%;
bottom:0;
margin-bottom:3.2%;
}
/*전술판(축구)*/
.ttc_board_fb{
clear:both;
position:relative;
width:100%;
display:inline-block;
}
.ttc_board_fb .ttc_board_chg{
position:absolute;
top:30px;
left:10px;
z-index:10;
background-color:#fff;
padding:4px;
}
.ttc_board_fb .ttc_board_chg li{
float:left;
border:1px solid #999999;
}
.ttc_board_fb .ttc_board_chg li a{
display:block;
width:49px;
height:34px;
line-height:34px;
font-size:20px;
text-align:center;
}
.ttc_board_fb .ttc_board_chg li:nth-child(n+1):nth-child(-n+2){
border-right:0;
}
.ttc_board_fb .ttc_board_chg li a.on{
background-color:#1e2026;
color:#fff;
}
.ttc_board_fb .squad_sch{
position:absolute;
top:30px;
right:10px;
z-index:10;
width:276px;
height:45px;
line-height:45px;
border:1px solid #fff;
padding:0 12px;
box-sizing:border-box;
}
.ttc_board_fb .squad_sch .inp_sch{
float:left;
width:215px;
height:43px;
line-height:43px;
color:#fff;
font-size:16px;
}
.ttc_board_fb .squad_sch .inp_sch::placeholder{
color:#fff;
}
.ttc_board_fb .squad_sch .sch_btn{
float:right;
margin-top:8px;
display:block;
}
.ttc_board_fb .add_position_box{
position:relative;
width:100%;
height:100%;
display:inline-block;
border:1px solid #cccccc;
border-radius:6px;
overflow:hidden;
}
/*3-4-3*/
.ttc_board_fb .vs343{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs343 .add_position01{
position:absolute;
top:25%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs343 .add_position02{
position:absolute;
top:25%;
left:8%;
width:65px;
}
.ttc_board_fb .vs343 .add_position03{
position:absolute;
top:25%;
right:8%;
width:65px;
}
.ttc_board_fb .vs343 .add_position04{
position:absolute;
top:43%;
left:8%;
width:65px;
}
.ttc_board_fb .vs343 .add_position05{
position:absolute;
top:43%;
left:31%;
width:65px;
}
.ttc_board_fb .vs343 .add_position06{
position:absolute;
top:43%;
right:31%;
width:65px;
}
.ttc_board_fb .vs343 .add_position07{
position:absolute;
top:43%;
right:8%;
width:65px;
}
.ttc_board_fb .vs343 .add_position08{
position:absolute;
top:61%;
left:22%;
width:65px;
}
.ttc_board_fb .vs343 .add_position09{
position:absolute;
top:62%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs343 .add_position10{
position:absolute;
top:61%;
right:22%;
width:65px;
}
.ttc_board_fb .vs343 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*3-5-2*/
.ttc_board_fb .vs352{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs352 .add_position01{
position:absolute;
top:25%;
left:36%;
width:65px;
}
.ttc_board_fb .vs352 .add_position02{
position:absolute;
top:25%;
right:36%;
width:65px;
}
.ttc_board_fb .vs352 .add_position03{
position:absolute;
top:43%;
left:6%;
width:65px;
}
.ttc_board_fb .vs352 .add_position04{
position:absolute;
top:43%;
left:22%;
width:65px;
}
.ttc_board_fb .vs352 .add_position05{
position:absolute;
top:43%;
left:calc(50% - 32.5px);
width:65px;
}
.ttc_board_fb .vs352 .add_position06{
position:absolute;
top:43%;
right:22%;
width:65px;
}
.ttc_board_fb .vs352 .add_position07{
position:absolute;
top:43%;
right:6%;
width:65px;
}
.ttc_board_fb .vs352 .add_position08{
position:absolute;
top:61%;
left:22%;
width:65px;
}
.ttc_board_fb .vs352 .add_position09{
position:absolute;
top:62%;
left:calc(50% - 32.5px);
width:65px;
}
.ttc_board_fb .vs352 .add_position10{
position:absolute;
top:61%;
right:22%;
width:65px;
}
.ttc_board_fb .vs352 .add_position11{
position:absolute;
top:76%;
left:calc(50% - 32.5px);
width:65px;
}
/*3-6-1*/
.ttc_board_fb .vs361{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs361 .add_position01{
position:absolute;
top:25%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs361 .add_position02{
position:absolute;
top:43%;
left:7%;
width:65px;
}
.ttc_board_fb .vs361 .add_position03{
position:absolute;
top:43%;
left:22%;
width:65px;
}
.ttc_board_fb .vs361 .add_position04{
position:absolute;
top:43%;
left:37%;
width:65px;
}
.ttc_board_fb .vs361 .add_position05{
position:absolute;
top:43%;
right:37%;
width:65px;
}
.ttc_board_fb .vs361 .add_position06{
position:absolute;
top:43%;
right:22%;
width:65px;
}
.ttc_board_fb .vs361 .add_position07{
position:absolute;
top:43%;
right:7%;
width:65px;
}
.ttc_board_fb .vs361 .add_position08{
position:absolute;
top:61%;
left:22%;
width:65px;
}
.ttc_board_fb .vs361 .add_position09{
position:absolute;
top:62%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs361 .add_position10{
position:absolute;
top:61%;
right:22%;
width:65px;
}
.ttc_board_fb .vs361 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*4-2-3-1*/
.ttc_board_fb .vs4231{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs4231 .add_position01{
position:absolute;
top:25%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs4231 .add_position02{
position:absolute;
top:38%;
left:18%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position03{
position:absolute;
top:38%;
left:50%;
margin-left:-32.5px;
width:65px;
}
.ttc_board_fb .vs4231 .add_position04{
position:absolute;
top:38%;
right:18%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position05{
position:absolute;
top:51%;
left:35%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position06{
position:absolute;
top:51%;
right:35%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position07{
position:absolute;
top:58%;
left:9%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position08{
position:absolute;
top:63.5%;
left:35%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position09{
position:absolute;
top:63.5%;
right:35%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs4231 .add_position10{
position:absolute;
top:58%;
right:9%;
width:65px;
}
.ttc_board_fb .vs4231 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*4-3-3*/
.ttc_board_fb .vs433{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs433 .add_position01{
position:absolute;
top:25%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs433 .add_position02{
position:absolute;
top:32%;
left:18%;
width:65px;
}
.ttc_board_fb .vs433 .add_position03{
position:absolute;
top:32%;
right:18%;
width:65px;
}
.ttc_board_fb .vs433 .add_position04{
position:absolute;
top:43%;
left:31%;
width:65px;
}
.ttc_board_fb .vs433 .add_position05{
position:absolute;
top:48%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs433 .add_position06{
position:absolute;
top:43%;
right:31%;
width:65px;
}
.ttc_board_fb .vs433 .add_position07{
position:absolute;
top:61%;
left:9%;
width:65px;
}
.ttc_board_fb .vs433 .add_position08{
position:absolute;
top:61%;
left:30%;
width:65px;
}
.ttc_board_fb .vs433 .add_position09{
position:absolute;
top:61%;
right:30%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs433 .add_position10{
position:absolute;
top:61%;
right:9%;
width:65px;
}
.ttc_board_fb .vs433 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*4-4-2*/
.ttc_board_fb .vs442{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs442 .add_position01{
position:absolute;
top:25%;
left:31.5%;
width:65px;
}
.ttc_board_fb .vs442 .add_position02{
position:absolute;
top:25%;
right:31.5%;
width:65px;
}
.ttc_board_fb .vs442 .add_position03{
position:absolute;
top:42.5%;
left:9%;
width:65px;
}
.ttc_board_fb .vs442 .add_position04{
position:absolute;
top:42.5%;
left:30%;
width:65px;
}
.ttc_board_fb .vs442 .add_position05{
position:absolute;
top:42.5%;
right:30%;
width:65px;
}
.ttc_board_fb .vs442 .add_position06{
position:absolute;
top:42.5%;
right:9%;
width:65px;
}
.ttc_board_fb .vs442 .add_position07{
position:absolute;
top:61%;
left:9%;
width:65px;
}
.ttc_board_fb .vs442 .add_position08{
position:absolute;
top:61%;
left:30%;
width:65px;
}
.ttc_board_fb .vs442 .add_position09{
position:absolute;
top:61%;
right:30%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs442 .add_position10{
position:absolute;
top:61%;
right:9%;
width:65px;
}
.ttc_board_fb .vs442 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*5-3-2*/
.ttc_board_fb .vs532{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs532 .add_position01{
position:absolute;
top:25%;
left:34%;
width:65px;
}
.ttc_board_fb .vs532 .add_position02{
position:absolute;
top:25%;
right:34%;
width:65px;
}
.ttc_board_fb .vs532 .add_position03{
position:absolute;
top:40%;
left:50%;
margin-left:-32.5px;
width:65px;
}
.ttc_board_fb .vs532 .add_position04{
position:absolute;
top:44%;
left:9%;
width:65px;
}
.ttc_board_fb .vs532 .add_position05{
position:absolute;
top:44%;
right:9%;
width:65px;
}
.ttc_board_fb .vs532 .add_position06{
position:absolute;
top:65%;
left:9%;
width:65px;
}
.ttc_board_fb .vs532 .add_position07{
position:absolute;
top:65%;
left:27%;
width:65px;
}
.ttc_board_fb .vs532 .add_position08{
position:absolute;
top:61%;
left:50%;
margin-left:-32.5px;
width:65px;
}
.ttc_board_fb .vs532 .add_position09{
position:absolute;
top:65%;
right:27%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs532 .add_position10{
position:absolute;
top:65%;
right:9%;
width:65px;
}
.ttc_board_fb .vs532 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
/*5-4-1*/
.ttc_board_fb .vs541{
position:absolute;
width:100%;
height:100%;
}
.ttc_board_fb .vs541 .add_position01{
position:absolute;
top:25%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs541 .add_position02{
position:absolute;
top:43%;
left:10%;
width:65px;
}
.ttc_board_fb .vs541 .add_position03{
position:absolute;
top:43%;
left:32%;
width:65px;
}
.ttc_board_fb .vs541 .add_position04{
position:absolute;
top:43%;
right:32%;
width:65px;
}
.ttc_board_fb .vs541 .add_position05{
position:absolute;
top:43%;
right:10%;
width:65px;
}
.ttc_board_fb .vs541 .add_position06{
position:absolute;
top:65%;
left:7%;
width:65px;
}
.ttc_board_fb .vs541 .add_position07{
position:absolute;
top:65%;
left:26%;
width:65px;
}
.ttc_board_fb .vs541 .add_position08{
position:absolute;
top:61%;
left:50%;
margin-left:-32.5px;
width:65px;
}
.ttc_board_fb .vs541 .add_position09{
position:absolute;
top:65%;
right:26%;
width:65px;
margin-left:-32.5px;
}
.ttc_board_fb .vs541 .add_position10{
position:absolute;
top:65%;
right:7%;
width:65px;
}
.ttc_board_fb .vs541 .add_position11{
position:absolute;
top:76%;
left:50%;
width:65px;
margin-left:-32.5px;
}
.move_bg_color{
position:absolute;
width:100%;
height:100%;
z-index:10;
background-color:#00ffff;
opacity:0.5;
}
.move_bg_color2{
position:absolute;
width:100%;
height:100%;
z-index:10;
background-color:#fff;
opacity:0.5;
}
.ttc_board_fb .move_icon{
position:absolute;
left:-14.5px;
top:-14.5px;
z-index:20;
}
.ttc_board_fb .del_icon{
position:absolute;
right:-12px;
top:-12px;
z-index:21;
border-radius:24px;
overflow:hidden;
box-shadow:2px 2px 3px rgb(0 0 0 / 35%);
}
.ttc_board_fb .member_pic{
position:absolute;
top:0;
left:0;
width:100%;
padding-top:94%;
border-bottom:1px solid #cccccc;
}
.ttc_board_fb .member_pic img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
object-fit:cover;
margin:auto;
}
/*.ttc_board_fb .mb_nickname{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
color:#fff;
font-size:11px;
line-height:20.2px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
*/
.ttc_board_fb .mb_nickname{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
color:#fff;
font-size:11px;
line-height:20.2px;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.ttc_board_fb .position_bg{
width:100%;
}
.ttc_board_fb .function_btn{
position:absolute;
bottom:0;
width:100%;
display:inline-block;
text-align:center;
}
.ttc_board_fb .function_btn .btn_invite_team{
position:absolute;
left:2.5%;
bottom:0;
margin-bottom:3%;
display:block;
width:113px;
height:43px;
line-height:43px;
background-color:#b5babe;
border-radius:6px;
text-align:center;
}
.ttc_board_fb .function_btn .squad_select{
width:160px;
height:40px;
border:1px solid #fff;
margin-bottom:3.2%;
padding:5px 10px;
color:#fff;
background:url('../app/img/select_arrow.png') no-repeat top right;
background-color:rgba(64, 96, 24, 0);
background-size:36px 36px;
font-size:16px;
}
.ttc_board_fb .function_btn .squad_select .op{
color:#fff;
background-color:#6c892f;
}
.ttc_board_fb .function_btn .btn_share{
position:absolute;
right:2.5%;
bottom:0;
margin-bottom:3.2%;
}
.roster{
clear:both;
width:100%;
display:inline-block;
box-sizing:border-box;
overflow:hidden;
}
.roster .btn_add_roster{
float:left;
width:23%;
padding-top:5%;
padding-left:5%;
padding-right:5%;
padding-bottom:5%;
box-sizing:border-box;
}
.roster .btn_add_roster .btn_add_player{
position:relative;
width:100%;
display:inline-block;
width:79.5px;
border:1px solid #cccccc;
border-radius:6px;
overflow:hidden;
}
.roster .btn_add_roster .btn_player_add{
position:absolute;
width:100%;
height:76%;
display:flex;
justify-content:center;
align-items:center;
font-size:14px;
color:#fff;
border-bottom:1px solid #a3a3a6;
}
.roster .btn_add_roster .mb_nickname{
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
font-size:13px;
color:#fff;
line-height:27px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.roster .btn_add_roster .mb_nickname.plus{
font-size:18px;
}
.roster .btn_add_roster img{
width:100%;
}
.roster .owl-carousel{
overflow:hidden;
float:right;
width:77%;
padding:5% 5% 5% 0;
box-sizing:border-box;
}
.roster .owl-carousel .item{
position:relative;
}
.roster .owl-carousel .item .roster_img{
display:block;
position:relative;
border-radius:6px;
border:1px solid #cccccc;
overflow:hidden;
}
.roster .owl-carousel .item .roster_img .member_pic{
position:absolute;
top:0;
left:0;
width:100%;
padding-top:94%;
border-bottom:1px solid #a3a3a6;
overflow:hidden;
}
.roster .owl-carousel .item .roster_img .member_pic img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
object-fit:cover;
margin:auto;
}
.roster .owl-carousel .item .roster_img .btn_player_add{
position:absolute;
width:100%;
height:76%;
display:flex;
justify-content:center;
align-items:center;
font-size:14px;
color:#fff;
border-bottom:1px solid #a3a3a6;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
font-size:13px;
color:#fff;
line-height:27px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.roster .owl-carousel .item .roster_img .mb_nickname.plus{
font-size:18px;
}
.roster .owl-carousel .owl-stage-outer{
overflow:visible;
}
.roster .owl-theme .owl-nav.disabled + .owl-dots{
margin-top:2%;
}
.roster .owl-theme .owl-dots .owl-dot span{
background-color:#fff;
border:1px solid #212121;
}
.roster .owl-theme .owl-dots .owl-dot.active span, .roster .owl-theme .owl-dots .owl-dot:hover span{
background-color:#b3ff00;
border:0;
}
.squad_reset{
clear:both;
display:inline-block;
width:100%;
height:64px;
line-height:62px;
font-size:22px;
display:inline-block;
text-align:center;
background-color:#a6a6a6;
}
.roster .owl-carousel .item .btn_roster_del{
position:absolute;
top:-9px;
right:-9px;
z-index:10;
width:18px;
height:18px;
border-radius:18px;
box-shadow:2px 2px 3px rgb(0 0 0 / 35%);
}
/*선수등록 팝업*/
.p_rgist_popup{
position:fixed;
top:0;
left:0;
z-index:10010;
width:100%;
height:100vh;
visibility:hidden;
display:flex;
justify-content:center;
align-items:center;
opacity:0;
transition:all 0.2s ease-in-out;
}
.p_rgist_popup.on{
visibility:visible;
opacity:1;
}
.p_rgist_popup .layer_popup{
position:relative;
z-index:10011;
width:75%;
max-width:386px;
box-sizing:border-box;
background-color:#fff;
padding:60px 25px 25px 25px;
border-radius:20px;
text-align:center;
box-shadow:0px 3px 6px #00000029;
box-sizing:border-box;
}
.p_rgist_popup .layer_popup table{
clear:both;
width:100%;
}
.p_rgist_popup .layer_popup table th{
height:48px;
text-align:left;
vertical-align:middle;
font-size:20px;
}
.p_rgist_popup .layer_popup table td{
height:48px;
vertical-align:middle;
}
.p_rgist_popup .u_filebox{
width:100%;
}
.p_rgist_popup .u_filebox .upload-name {
float:left;
display:inline-block;
height:40px;
padding:0 10px;
vertical-align:middle;
border:1px solid #808080;
border-radius:6px;
width:calc(100% - 36px);
color:#000;
background-color:#fff;
}
.p_rgist_popup .u_filebox label {
float:left;
display:inline-block;
}
.p_rgist_popup .u_filebox input[type="file"] {
position:absolute;
width:0;
height:0;
padding:0;
overflow: hidden;
border:0;
}
.p_rgist_popup .layer_popup table td .player_name{
width:100%;
height: 40px;
border: 1px solid #808080;
border-radius:6px;
padding:0 10px;
box-sizing:border-box;
}
.p_rgist_popup .layer_popup .bottom_btn_box{
clear:both;
width:100%;
display:inline-block;
margin-top:15%;
}
.p_rgist_popup .layer_popup .bottom_btn_box li{
float:left;
width:calc(50% - 11px);
margin-right:22px;
}
.p_rgist_popup .layer_popup .bottom_btn_box li:last-child{
margin-right:0;
}
.p_rgist_popup .layer_popup .bottom_btn_box li a{
width:100%;
height:47px;
line-height:47px;
display:inline-block;
text-align:center;
background-color:#1e2026;
border-radius:6px;
font-size:20px;
color:#fff;
}
.p_rgist_popup .popup_bg{
position:fixed;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity:0.75;
}
/*팀원초대 팝업*/
.ivt_team_popup{
position:fixed;
top:0;
left:0;
z-index:10010;
width:100%;
height:100vh;
visibility:hidden;
display:flex;
justify-content:center;
align-items:center;
opacity:0;
transition:all 0.2s ease-in-out;
}
.ivt_team_popup.on{
visibility:visible;
opacity:1;
}
.ivt_team_popup .layer_popup{
position:relative;
z-index:10011;
width:80%;
max-width:486px;
box-sizing:border-box;
background-color:#fff;
padding:32px 30px 32px 30px;
border-radius:20px;
text-align:center;
box-shadow:0px 3px 6px #00000029;
box-sizing:border-box;
}
.ivt_team_popup .layer_popup .sch_box{
clear:both;
width:100%;
height:42px;
line-height:42px;
display:flex;
align-items:center;
margin-top:6%;
border:1px solid #8e8f92;
border-radius:42px;
padding:0 16px;
box-sizing:border-box;
}
.ivt_team_popup .layer_popup .sch_box .sch_icon{
float:left;
margin-right:10px;
}
.ivt_team_popup .layer_popup .sch_box .inp_sch{
float:left;
width:calc(100% - 32px);
height:100%;
}
.ivt_team_popup .layer_popup .ivt_team_box{
clear:both;
width:100%;
margin-top:6%;
border:1px solid #000;
border-radius:10px;
overflow:hidden;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_tit{
height:48px;
line-height:48px;
background-color:#0b285b;
color:#fff;
padding:0 5.5%;
text-align:left;
vertical-align:middle;
box-sizing:border-box;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_scroll_box{
clear:both;
width:100%;
height:215px;
overflow-y:auto;
display:inline-block;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_scroll_box::-webkit-scrollbar {
width:5px;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_scroll_box::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.7);
border-radius: 100px;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_scroll_box::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.9);
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_scroll_box::-webkit-scrollbar-track {
background: rgba(225, 225, 225, 1);
}
.ivt_team_popup .layer_popup .ivt_team_list{
clear:both;
width:100%;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody th{
height:46px;
text-align:center;
vertical-align:middle;
background-color:#f2f2f2;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td{
height:46px;
text-align:center;
vertical-align:middle;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .ivt_profile_img{
position:relative;
display:inline-block;
width:27px;
height:27px;
vertical-align:middle;
padding-top:27px;
border-radius:27px;
overflow:hidden;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .ivt_profile_img img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
object-fit:cover;
margin:auto;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .ivt_nickname{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .btn_invite{
display:inline-block;
width:80%;
height:30px;
line-height:28px;
background-color:#b3ff00;
border-radius:6px;
overflow:hidden;
}
.ivt_team_popup .layer_popup .btn_popup_close{
position:absolute;
top:26px;
right:26px;
}
.ivt_team_popup .popup_bg{
position:fixed;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity:0.75;
}
/*스쿼드 초기화 팝업*/
.squad_reset_popup{
position:fixed;
top:0;
left:0;
z-index:10010;
width:100%;
height:100vh;
visibility:hidden;
display:flex;
justify-content:center;
align-items:center;
opacity:0;
transition:all 0.2s ease-in-out;
}
.squad_reset_popup.on{
visibility:visible;
opacity:1;
}
.squad_reset_popup .layer_popup{
position:relative;
z-index:10011;
width:80%;
max-width:486px;
box-sizing:border-box;
background-color:#fff;
padding:16px 20px 16px 20px;
border-radius:20px;
text-align:center;
box-shadow:0px 3px 6px #00000029;
box-sizing:border-box;
}
.squad_reset_popup .layer_popup .text_box{
clear:both;
width:100%;
text-align:center;
}
.squad_reset_popup .layer_popup .text_box .tit_text{
display:block;
font-size:24px;
font-weight:600;
margin-top:10%;
}
.squad_reset_popup .layer_popup .text_box .sub_text{
display:block;
font-size:20px;
font-weight:400;
margin-top:10px;
}
.squad_reset_popup .layer_popup .bottom_btn_box{
clear:both;
width:100%;
display:inline-block;
margin-top:15%;
}
.squad_reset_popup .layer_popup .bottom_btn_box li{
float:left;
width:calc(50% - 11px);
margin-right:22px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li:last-child{
margin-right:0;
}
.squad_reset_popup .layer_popup .bottom_btn_box li a{
width:100%;
height:47px;
line-height:47px;
display:inline-block;
text-align:center;
background-color:#1e2026;
border-radius:6px;
font-size:20px;
color:#fff;
}
.squad_reset_popup .popup_bg{
position:fixed;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity:0.75;
}
/*스쿼드 관리 팝업*/
.squad_mng{
position:fixed;
top:0;
left:0;
z-index:10010;
width:100%;
height:100vh;
visibility:hidden;
display:flex;
justify-content:center;
align-items:center;
opacity:0;
transition:all 0.2s ease-in-out;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.squad_mng.on {
visibility:visible;
opacity:1;
}
.squad_mng.on .layer_popup{
visibility:visible;
opacity:1;
animation: fadeInUp 0.08s;
}
.squad_mng .layer_popup{
position:relative;
z-index:10011;
width:80%;
max-width:434px;
box-sizing:border-box;
background-color:#fff;
text-align:center;
box-shadow:0px 3px 6px #00000029;
box-sizing:border-box;
}
.squad_mng .layer_popup .popup_top{
position:relative;
width:100%;
height:38px;
display:inline-block;
}
.squad_mng .layer_popup .popup_top .tit{
display:inline-block;
font-size:21px;
line-height:36px;
}
.squad_mng .layer_popup .popup_top .btn_popup_close{
position:absolute;
right:12px;
top:10px;
}
.squad_mng .layer_popup .squad_list{
clear:both;
width:100%;
display:inline-block;
}
.squad_mng .layer_popup .squad_list li{
width:50%;
float:left;
display:inline-block
}
.squad_mng .layer_popup .squad_list li a{
display:block;
}
.squad_mng .popup_bg{
position:fixed;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity:0.75;
}
/* footer */
footer {
background: #e2e4e8;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
footer p {
font-size: 13px;
color: #555
}
footer span {
margin-left: 5px;
font-weight: 600;
font-size: 14px;
color: #000
}
/* 반응형 */
@media (max-width: 570px) {
.park_thumb {
width: 180px;
height: 150px;
}
.park_place {
font-size: 10px;
}
.park_info h2 {
font-size: 18px;
}
.grade img {
width: 13px;
height: 13px;
}
.park_price li {
margin-bottom: 5px;
}
.hotdeal {
font-size: 11px;
}
.grade_value, .grade_total {
padding-bottom: 2px;
}
.hotdeal {
font-size: 10px;
}
.hotdeal img {
width: 21px;
height: 21px;
}
.hotdeal div {
padding: 3px 5px
}
.park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 15px;
margin-top: 0
}
.park_notice {
margin-top: 0
}
.r_i_flex {
display: block;
}
.r_i_info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px
}
.reserve_rate {
padding-bottom: 0
}
}
@media (max-width: 553px) {
.social_match_list {
min-height: calc(100% - 379px)
}
#match_list {
min-height: calc(100% - 365px)
}
.occ_div {
min-height: calc(100vh - 269px)
}
}
@media (max-width: 550px) {
.reserve_detail_01 {
min-width: 200px
}
.banner_01 p {
font-size: 18px;
}
.banner_01 span {
font-size: 30px;
}
.banner_02 span, .banner_03 span, .banner_04 span, .banner_05 span {
font-size: 12px;
}
.m_banner_ico {
width: 80px
}
.banner_02, .banner_03, .banner_04, .banner_05, .banner_06 {
height: 140px;
}
.coupon_logo {
width: 80px;
height: 80px;
}
.grade_value, .grade_total {
padding-bottom: 2px;
}
.interest_content {
padding: 20px;
}
.blank_div {
width: 70%;
}
.entry_div p, .op_div {
font-size: 13px;
}
.entry_info span {
font-size: 14px;
}
.entry_info img {
width: 16px;
height: 16px;
margin-right: -2px;
}
.league_txt h2 {
font-size: 22px;
}
.league_price {
font-size: 24px;
}
.reserve_flex > div {
font-size: 15px
}
.reserve_checkbox p {
margin-left: 5px;
}
.down_btn {
max-height: 31px;
min-width: 102px;
}
.reserve_cp_flex .green_box {
min-width: 66px;
}
.reserve_cp_flex .black_box {
min-width: 48px
}
.reserve_cp_price {
font-size: 27px;
}
.reserve_cp_price span {
font-size: 27px;
}
.period {
margin-top: 10px;
}
.period li {
margin-top: 7px
}
.r_c_day {
font-size: 17px;
}
.r_c_day span:not(:last-child)::after {
width: 3px;
height: 3px;
margin: 0 4px 5px 4px
}
.r_c_price {
font-size: 17px;
}
.r_c_price span {
font-size: 20px
}
.login_btn li a div {
width: 65%
}
#reserve_field .reserve_detail_01 {
min-width: 180px
}
}
@media (max-width: 530px) {
.pc_mh {
min-height: calc(100vh - 660px)
}
.coupon_list_none {
min-height: calc(100% - 249px)
}
.social_match_list {
min-height: calc(100% - 371px)
}
}
@media (max-width: 510px) {
.pc_mh {
min-height: calc(100vh - 630px)
}
.coupon_list_none {
min-height: calc(100% - 339px)
}
.social_match_list {
min-height: calc(100% - 364px)
}
}
@media (max-width: 500px) {
.interest_div {
min-height: calc(100vh - 172px)
}
#reserve_list {
min-height: calc(100vh - 408px);
}
.occ_div {
min-height: calc(100vh - 264px)
}
#match_admin {
min-height: calc(100vh - 286px)
}
#match_list {
min-height: calc(100% - 348px)
}
.clause .fixed_btn {
margin-top: calc(100vh - 775px)
}
.social_match_list {
min-height: calc(100% - 359px)
}
.team_match_list > .coupon_list_none {
min-height: calc(100vh - 175px);
}
.chat_list {
margin-top: 125px
}
.event_content {
min-height: calc(100vh - 112px)
}
.customer_list {
min-height: calc(100% - 239px)
}
.keyword_div {
min-height: calc(100vh - 394px);
}
.c_mt {
margin-top: 120px;
}
.p_dc_per {
margin-right: 6px
}
.reserve_detail_info .reserve_detail_01 {
min-width: 170px
}
.o_p_days, .o_p_weekend, .o_p_table, .other_park_flex > .other_park_01 {
width: 70px
}
.o_p_line {
height: 72px;
transform: translate(-50%,-50%) rotate(294deg)
}
.team_info_div {
top: 24%
}
.f_s_flex input {
font-size: 17px
}
.faq_search img {
width: 13px;
min-width: 13px;
}
.f_s_flex img {
width: 16px;
min-width: 16px
}
.match_type_pay {
right: 25px;
top: 20px
}
.banner_01 p {
font-size: 16px;
}
.banner_01 span {
font-size: 27px;
}
.banner_02, .banner_03, .banner_04, .banner_05, .banner_06 {
padding: 13px;
height: 130px;
}
.admin_main .banner_05 {
padding: 13px;
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-size: 20px;
}
.main_team_info {
height: 220px;
}
.main_team_info h2 {
font-size: 25px;
margin-bottom: 7px;
}
.team_info_ul li {
font-size: 17px;
}
.profile_img {
width: 120px;
height: 120px;
margin-bottom: 7px
}
.team_info_flex > a {
padding: 15px;
height: 130px;
}
.team_info_flex div img {
width: 60px;
height: 60px;
}
.team_info_tactics div img {
width: 70px;
height: 70px;
}
.team_info_match {
height: 110px;
}
.team_info_flex > a h2, .team_info_match h2 {
font-size: 22px;
}
.team_info_match div img {
width: 65px;
height: 65px
}
.team_info_plus {
width: 130px;
height: 130px;
}
.user_info h2 {
font-size: 25px;
margin-bottom: 15px;
}
.user_info {
height: 220px;
}
.user_info div p {
font-size: 15px;
}
.user_profile_img {
width: 120px;
height: 120px;
}
.mymenu_01 {
margin-bottom: 0;
}
.mymenu_01 p {
font-size: 17px;
}
.mymenu_01 li a span {
font-size: 13px;
}
.mymenu_02 li a div img {
width: 22px;
height: 22px;
}
.mymenu_02 li a p {
font-size: 17px;
}
.arrow_right {
width: 16px;
height: 16px;
}
#order_list a div img {
width: 25px;
height: 25px;
}
.mypoint h2 {
font-size: 30px;
margin-bottom: 15px;
}
.mypoint_detail p {
font-size: 23px;
}
.mypoint > p {
font-size: 16px;
}
.point_direct {
padding: 20px 0
}
.point_detail h3 {
font-size: 20px;
}
.point_info {
font-size: 16px;
}
.point_date {
font-size: 12px;
}
.coupon_logo {
width: 70px;
height: 70px;
}
.charge_div {
width: 90%;
padding-top: 25px;
}
.myprofile {
height: 245px;
padding-top: 25px;
}
.myprofile_img {
width: 100px;
height: 100px;
}
.profile_name {
padding: 8px 12px;
}
.profile_name input {
font-size: 16px;
}
.my_activity_div > div:nth-child(1) {
margin-right: 40px;
}
.phone_input input {
padding: 9px 10px;
}
.phone_input button {
height: 44px;
}
.event_tab ul li {
height: 55px;
}
.event_tab ul li a {
font-size: 17px;
line-height: 55px;
}
.event_tab ul .promote_li a {
line-height: 1
}
.event_coupon {
font-size: 18px;
}
.event_link {
font-size: 13px;
margin-bottom: 50px
}
.coupon_note p {
font-size: 15px;
}
.coupon_note li {
font-size: 14px;
}
.interest_flex {
flex-direction: column;
}
.park_thumb {
width: 100%;
height: 285px;
margin-right: 0;
margin-bottom: 10px;
}
.interest_content {
padding: 15px;
}
.blank_div img {
width: 60px;
height: 60px;
}
#invite_div img {
width: 60px;
height: 60px;
}
.signup_02 > p {
font-size: 15px;
}
.signup_01 > div input {
font-size: 17px;
}
.signup_01 {
padding-top: 50px;
}
.signup_01 h2, .signup_02 h2, .phone_find {
font-size: 22px;
}
.nickname_input {
margin-top: 30px
}
.signup_01 > div input, .signup_02 div input, .waiting_time, .email_input input, .p_c_flex {
font-size: 15px;
}
.email_input button {
height: 47px;
}
.p_c_flex span {
font-size: 13px
}
.recommend p, .recommend span {
font-size: 13px;
}
.recommend img {
width: 14px;
height: 14px;
}
.signup_02 > p {
font-size: 14px;
margin-bottom: 25px;
}
.confirm_num button {
font-size: 16px;
padding: 16px 25px;
}
.find_tab li a {
font-size: 17px;
padding: 17px 0
}
.withdrawal_list li {
font-size: 17px;
}
.withdrawal input[type="checkbox"]+label {
width: 20px;
min-width: 20px;
height: 20px;
}
.board_conent h2 {
font-size: 19px;
}
.board_txt {
font-size: 16px;
}
.board_conent h2 {
margin-bottom: 10px;
margin-top: 20px;
}
.board_txt {
margin-bottom: 20px;
}
.board_detail_info {
font-size: 14px;
}
.board_name {
font-size: 17px;
}
.board_name .category {
font-size: 12px;
padding: 5px 10px
}
.b_p_div {
width: 45px;
height: 45px;
}
.search_box input {
font-size: 17px;
}
.search_box img {
width: 17px;
height: 17px;
}
.faq_btn li {
font-size: 15px;
height: 80px;
}
.faq_flex {
font-size: 17px;
}
.a_txt {
margin-top: 15px;
}
.a_txt p {
font-size: 15px;
}
.arr_btn {
width: 14px;
height: 14px;
min-width: 14px;
}
.reserve_info_flex {
flex-direction: column;
}
/* .park_coupon {
margin-top: 10px;
margin-left: 10px
}
*/
#reserve_list .park_coupon {
margin-top: 5px;
margin-left: 0;
margin-top: 10px
}
.ad_list .reserve_info_flex .grade {
margin-bottom: 0px;
}
.reserve_info_flex .grade {
margin-bottom: 10px;
}
.reserve_flex > div {
font-size: 13px;
}
.recommend_flex span {
padding: 3px 7px;
padding-bottom: 5px;
}
.reserve_filter {
padding: 15px 30px;
}
.filter_div {
width: 20px;
height: 20px;
}
#reserve_list .interest_flex {
flex-direction: row;
}
#reserve_list .discount_div div {
font-size: 10px;
}
#reserve_list .reserve_thumb {
height: 175px;
margin-right: 15px;
}
#reserve_list .park_price {
margin: 20px 0;
margin-top: 10px
}
.reserve_coupon {
padding: 17px;
}
.reserve_cp_flex .green_box, .reserve_cp_flex .black_box {
font-size: 12px;
}
.reserve_cp_flex .green_box {
min-width: 58px;
}
.reserve_cp_flex .black_box {
min-width: 42px;
}
.down_btn {
min-width: 92px;
font-size: 13px;
padding-bottom: 8px
}
.down_btn img {
width: 11px;
height: 11px;
margin-top: 0
}
.reserve_cp_price span {
font-size: 24px;
}
.reserve_cp_price {
font-size: 24px;
}
.reserve_detail_01 .reserve_pop div p {
font-size: 11px
}
.reserve_detail_01 .reserve_pop div p:nth-child(2) {
font-size: 14px;
}
.reserve_detail_info .park_coupon {
margin-left: 0
}
.time_flex > div {
font-size: 13px;
}
.detail_flex .red_txt {
font-size: 16px;
}
.standard_time {
font-size: 12px;
}
.dc_rate {
font-size: 14px;
margin-right: 5px
}
.detail_flex .dc_price {
font-size: 15px;
}
.reserve_price {
font-size: 17px;
}
.coupon_list > p {
font-size: 15px;
}
.coupon_more_info {
padding: 20px;
font-size: 11px;
}
.back_btn {
width: 15px;
height: 15px;
top: 20px;
right: 20px;
}
.coupon_more_info li:not(:first-child) {
margin-bottom: 5px;
}
.coupon_more_info li span {
width: 4px;
min-width: 4px;
height: 4px;
}
.withdrawal_list {
padding: 25px 30px
}
#reserve_list .hotdeal {
font-size: 10px
}
#reserve_list #hotdeal {
margin-bottom: 5px;
margin-left: 10px
}
.ad_list .hotdeal div {
padding: 4px;
}
.hotdeal img {
width: 20px;
height: 20px;
left: -3px;
}
.reserve_checkbox input[type="checkbox"]+label {
font-size: 14px
}
.r_c_day {
font-size: 17px;
}
.reserve_detail_01 .reserve_thumb {
height: 190px
}
.dark {
padding: 7px
}
.hotdeal div {
padding: 4px 5px
}
.reserve_info_flex h2 {
margin-bottom: 10px
}
.chat_name {
align-items: flex-start;
}
.chat_list li > a {
align-items: flex-start;
}
.chat_list h2 {
margin-bottom: 5px
}
.chat_name div {
display: block;
}
.chat_date {
margin-left: 0;
margin-right: 25px;
display: block;
}
.period li {
font-size: 14px
}
.my_activity_info > p {
margin-right: 20px
}
.payment_div {
padding: 20px
}
.reserve_info_div, .payment_info_div {
padding: 20px
}
#reserve_list .reserve_thumb {
width: 245px
}
.admin_main .main_content {
top: 48%
}
.admin_main .banner_03, .admin_main .banner_04 {
height: 115px
}
.admin_main .banner_05 {
height: 80px;
}
.admin_main .banner_05 img {
width: 65px
}
#reserve_field .reserve_detail_01 {
min-width: 150px
}
.down_btn_div {
right: 10px
}
.chat_new {
top: -2px
}
.team_match_list > .match_wait_none {
min-height: calc(100vh - 286px)
}
/*전술판(풋살)*/
.ttc_board_tab li a{
height:74px;
line-height:74px;
font-size:22px;
}
.ttc_board_tab li.on a{
border-bottom:4px solid #020309;
}
.ttc_board_fs .ttc_board_chg{
padding:2px;
}
.ttc_board_fs .ttc_board_chg li a{
width:40px;
height:26px;
line-height:26px;
font-size:16px;
}
.ttc_board_fs .squad_sch{
width:226px;
height:34px;
line-height:34px;
padding: 0 10px;
}
.ttc_board_fs .squad_sch .inp_sch{
width:175px;
height:32px;
line-height:32px;
font-size:14px;
}
.ttc_board_fs .squad_sch .sch_btn{
margin-top:5px;
}
.ttc_board_fs .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fs .vs3 .add_position01{
width:68px;
}
.ttc_board_fs .vs3 .add_position01 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs3 .add_position02{
width:68px;
}
.ttc_board_fs .vs3 .add_position02 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs3 .add_position03{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs3 .add_position03 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position01{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs4 .add_position01 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position02{
width:68px;
}
.ttc_board_fs .vs4 .add_position02 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position03{
width:68px;
}
.ttc_board_fs .vs4 .add_position03 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position04{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs4 .add_position04 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position01{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs5 .add_position01 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position02{
width:68px;
}
.ttc_board_fs .vs5 .add_position02 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position03{
width:68px;
}
.ttc_board_fs .vs5 .add_position03 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position04{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs5 .add_position04 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position05{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs5 .add_position05 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position01{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs6 .add_position01 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position02{
width:68px;
}
.ttc_board_fs .vs6 .add_position02 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position03{
width:68px;
}
.ttc_board_fs .vs6 .add_position03 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position04{
width:68px;
}
.ttc_board_fs .vs6 .add_position04 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position05{
width:68px;
}
.ttc_board_fs .vs6 .add_position05 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position06{
width:68px;
margin-left:-34px;
}
.ttc_board_fs .vs6 .add_position06 .mb_nickname{
font-size:12px;
line-height:21px;
}
.ttc_board_fs .function_btn .btn_invite_team{
width:95px;
height:36px;
line-height:36px;
font-size:13px;
}
.ttc_board_fs .function_btn .btn_share img{
width:35px;
}
.ttc_board_fs .function_btn .squad_select{
width:130px;
height:32px;
font-size:14px;
background-size:28px 28px;
}
.roster .btn_add_roster .btn_add_player{
width:66.7px;
}
.roster .btn_add_roster .btn_player_add{
font-size:12px;
}
.roster .btn_add_roster .mb_nickname.plus{
font-size:18px;
line-height:21px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
line-height:21px;
font-size:12px;
font-weight:400;
}
.roster .owl-carousel .item .roster_img .btn_player_add{
font-size:12px;
}
/*전술판(축구)*/
.ttc_board_tab li a{
height:74px;
line-height:74px;
font-size:22px;
}
.ttc_board_tab li.on a{
border-bottom:4px solid #020309;
}
.ttc_board_fb .ttc_board_chg{
padding:2px;
}
.ttc_board_fb .ttc_board_chg li a{
width:40px;
height:26px;
line-height:26px;
font-size:16px;
}
.ttc_board_fb .squad_sch{
width:226px;
height:34px;
line-height:34px;
padding: 0 10px;
}
.ttc_board_fb .squad_sch .inp_sch{
width:175px;
height:32px;
line-height:32px;
font-size:14px;
}
.ttc_board_fb .squad_sch .sch_btn{
margin-top:5px;
}
.ttc_board_fb .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fb .vs343 .add_position01{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs343 .add_position02{
width:55px;
}
.ttc_board_fb .vs343 .add_position03{
width:55px;
}
.ttc_board_fb .vs343 .add_position04{
width:55px;
}
.ttc_board_fb .vs343 .add_position05{
width:55px;
}
.ttc_board_fb .vs343 .add_position06{
width:55px;
}
.ttc_board_fb .vs343 .add_position07{
width:55px;
}
.ttc_board_fb .vs343 .add_position08{
width:55px;
}
.ttc_board_fb .vs343 .add_position09{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs343 .add_position10{
width:55px;
}
.ttc_board_fb .vs343 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs352 .add_position01{
width:55px;
}
.ttc_board_fb .vs352 .add_position02{
width:55px;
}
.ttc_board_fb .vs352 .add_position03{
width:55px;
}
.ttc_board_fb .vs352 .add_position04{
width:55px;
}
.ttc_board_fb .vs352 .add_position05{
width:55px;
left:calc(50% - 27.5px);
}
.ttc_board_fb .vs352 .add_position06{
width:55px;
}
.ttc_board_fb .vs352 .add_position07{
width:55px;
}
.ttc_board_fb .vs352 .add_position08{
width:55px;
}
.ttc_board_fb .vs352 .add_position09{
width:55px;
left:calc(50% - 27.5px);
}
.ttc_board_fb .vs352 .add_position10{
width:55px;
}
.ttc_board_fb .vs352 .add_position11{
width:55px;
left:calc(50% - 27.5px);
}
.ttc_board_fb .vs361 .add_position01{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs361 .add_position02{
width:55px;
}
.ttc_board_fb .vs361 .add_position03{
width:55px;
}
.ttc_board_fb .vs361 .add_position04{
width:55px;
}
.ttc_board_fb .vs361 .add_position05{
width:55px;
}
.ttc_board_fb .vs361 .add_position06{
width:55px;
}
.ttc_board_fb .vs361 .add_position07{
width:55px;
}
.ttc_board_fb .vs361 .add_position08{
width:55px;
}
.ttc_board_fb .vs361 .add_position09{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs361 .add_position10{
width:55px;
}
.ttc_board_fb .vs361 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs4231 .add_position01{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs4231 .add_position02{
width:55px;
}
.ttc_board_fb .vs4231 .add_position03{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs4231 .add_position04{
width:55px;
}
.ttc_board_fb .vs4231 .add_position05{
width:55px;
}
.ttc_board_fb .vs4231 .add_position06{
width:55px;
}
.ttc_board_fb .vs4231 .add_position07{
width:55px;
}
.ttc_board_fb .vs4231 .add_position08{
width:55px;
}
.ttc_board_fb .vs4231 .add_position09{
width:55px;
}
.ttc_board_fb .vs4231 .add_position10{
width:55px;
}
.ttc_board_fb .vs4231 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs433 .add_position01{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs433 .add_position02{
width:55px;
}
.ttc_board_fb .vs433 .add_position03{
width:55px;
}
.ttc_board_fb .vs433 .add_position04{
width:55px;
}
.ttc_board_fb .vs433 .add_position05{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs433 .add_position06{
width:55px;
}
.ttc_board_fb .vs433 .add_position07{
width:55px;
}
.ttc_board_fb .vs433 .add_position08{
width:55px;
}
.ttc_board_fb .vs433 .add_position09{
width:55px;
}
.ttc_board_fb .vs433 .add_position10{
width:55px;
}
.ttc_board_fb .vs433 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs442 .add_position01{
width:55px;
}
.ttc_board_fb .vs442 .add_position02{
width:55px;
}
.ttc_board_fb .vs442 .add_position03{
width:55px;
}
.ttc_board_fb .vs442 .add_position04{
width:55px;
}
.ttc_board_fb .vs442 .add_position05{
width:55px;
}
.ttc_board_fb .vs442 .add_position06{
width:55px;
}
.ttc_board_fb .vs442 .add_position07{
width:55px;
}
.ttc_board_fb .vs442 .add_position08{
width:55px;
}
.ttc_board_fb .vs442 .add_position09{
width:55px;
}
.ttc_board_fb .vs442 .add_position10{
width:55px;
}
.ttc_board_fb .vs442 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs532 .add_position01{
width:55px;
}
.ttc_board_fb .vs532 .add_position02{
width:55px;
}
.ttc_board_fb .vs532 .add_position03{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs532 .add_position04{
width:55px;
}
.ttc_board_fb .vs532 .add_position05{
width:55px;
}
.ttc_board_fb .vs532 .add_position06{
width:55px;
}
.ttc_board_fb .vs532 .add_position07{
width:55px;
}
.ttc_board_fb .vs532 .add_position08{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs532 .add_position09{
width:55px;
}
.ttc_board_fb .vs532 .add_position10{
width:55px;
}
.ttc_board_fb .vs532 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs541 .add_position01{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs541 .add_position02{
width:55px;
}
.ttc_board_fb .vs541 .add_position03{
width:55px;
}
.ttc_board_fb .vs541 .add_position04{
width:55px;
}
.ttc_board_fb .vs541 .add_position05{
width:55px;
}
.ttc_board_fb .vs541 .add_position06{
width:55px;
}
.ttc_board_fb .vs541 .add_position07{
width:55px;
}
.ttc_board_fb .vs541 .add_position08{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .vs541 .add_position09{
width:55px;
}
.ttc_board_fb .vs541 .add_position10{
width:55px;
}
.ttc_board_fb .vs541 .add_position11{
width:55px;
margin-left:-27.5px;
}
.ttc_board_fb .mb_nickname{
font-size:10px;
line-height:17px;
}
.ttc_board_fb .function_btn .btn_invite_team{
width:95px;
height:36px;
line-height:36px;
font-size:13px;
}
.ttc_board_fb .function_btn .btn_share img{
width:35px;
}
.ttc_board_fb .function_btn .squad_select{
width:130px;
height:32px;
font-size:14px;
background-size:28px 28px;
}
/*팀원초대 팝업*/
.ivt_team_popup .layer_popup{
padding:24px 22px 24px 22px
}
.ivt_team_popup .layer_popup .sch_box{
height:35px;
line-height:35px;
padding: 0 12px;
}
.ivt_team_popup .layer_popup .sch_box .sch_icon{
width:17px;
margin-right:5px;
}
.ivt_team_popup .layer_popup .sch_box .inp_sch{
width: calc(100% - 22px);
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_tit{
height:40px;
line-height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody th{
height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td{
height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .btn_invite{
height:25px;
line-height:23px;
}
.ivt_team_popup .layer_popup .btn_popup_close{
position:absolute;
top:21px;
right:21px;
}
.ivt_team_popup .layer_popup .btn_popup_close img{
width:19px;
}
.squad_reset{
height:53px;
line-height:51px;
font-size:20px;
}
/*스쿼드 초기화 팝업*/
.squad_reset_popup .layer_popup .text_box .tit_text{
font-size:20px;
}
.squad_reset_popup .layer_popup .text_box .sub_text{
font-size:18px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li a{
font-size:18px;
}
}
@media (max-width: 484px) {
.keyword_div {
min-height: calc(100% - 417px)
}
}
@media (max-width: 480px) {
.pc_mh {
min-height: calc(100vh - 615px)
}
.coupon_list_none {
min-height: calc(100% - 334px)
}
.social_match_list {
min-height: calc(100% - 354px)
}
}
@media (max-width: 460px) {
#reserve_field .park_coupon {
flex-wrap: wrap;
}
#reserve_field .park_coupon > div {
margin-bottom: 5px
}
.detail_flex {
margin-top: 10px
}
/*전술판(풋살)*/
.ttc_board_tab li a{
height:67px;
line-height:67px;
font-size:22px;
}
.ttc_board_tab li.on a{
border-bottom:4px solid #020309;
}
.ttc_board_fs .ttc_board_chg{
padding:2px;
}
.ttc_board_fs .ttc_board_chg li a{
width:40px;
height:26px;
line-height:26px;
font-size:16px;
}
.ttc_board_fs .squad_sch{
width:208px;
height:34px;
line-height:34px;
padding: 0 6px;
}
.ttc_board_fs .squad_sch .inp_sch{
width:165px;
height:30px;
line-height:30px;
font-size:14px;
}
.ttc_board_fs .squad_sch .sch_btn{
margin-top:5px;
}
.ttc_board_fs .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fs .vs3 .add_position01{
width:65px;
}
.ttc_board_fs .vs3 .add_position01 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs3 .add_position02{
width:65px;
}
.ttc_board_fs .vs3 .add_position02 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs3 .add_position03{
width:65px;
margin-left:-32.5px;
}
.ttc_board_fs .vs3 .add_position03 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position01{
width:65px;
margin-left:-32.5px;
}
.ttc_board_fs .vs4 .add_position01 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position02{
width:65px;
}
.ttc_board_fs .vs4 .add_position02 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position03{
width:65px;
}
.ttc_board_fs .vs4 .add_position03 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs4 .add_position04{
width:65px;
margin-left:-32.5px;
}
.ttc_board_fs .vs4 .add_position04 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position01{
width:65px;
margin-left:-32.5px;
}
.ttc_board_fs .vs5 .add_position01 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position02{
width:65px;
}
.ttc_board_fs .vs5 .add_position02 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position03{
width:65px;
}
.ttc_board_fs .vs5 .add_position03 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position04{
width:65px;
margin-left:-32.5px;
top:54%;
}
.ttc_board_fs .vs5 .add_position04 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs5 .add_position05{
width:65px;
margin-left:-32.5px;
top:74%;
}
.ttc_board_fs .vs5 .add_position05 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position01{
width:65px;
margin-left:-32.5px;
}
.ttc_board_fs .vs6 .add_position01 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position02{
width:65px;
}
.ttc_board_fs .vs6 .add_position02 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position03{
width:65px;
}
.ttc_board_fs .vs6 .add_position03 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position04{
width:65px;
}
.ttc_board_fs .vs6 .add_position04 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position05{
width:65px;
}
.ttc_board_fs .vs6 .add_position05 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .vs6 .add_position06{
width:65px;
margin-left:-32.5px;
top:74%;
}
.ttc_board_fs .vs6 .add_position06 .mb_nickname{
font-size:11px;
line-height:21px;
}
.ttc_board_fs .del_icon{
position:absolute;
right:-9px;
top:-9px;
}
.ttc_board_fs .del_icon img{
width:18px;
}
.ttc_board_fs .function_btn .btn_invite_team{
width:87px;
height:33px;
line-height:33px;
font-size:13px;
margin-bottom:2.5%;
}
.ttc_board_fs .function_btn .btn_share img{
width:30px;
}
.ttc_board_fs .function_btn .squad_select{
margin-bottom:2.6%;
}
.roster .btn_add_roster .btn_add_player{
width:60.6px;
}
.roster .btn_add_roster .btn_player_add{
font-size:12px;
}
.roster .btn_add_roster .mb_nickname.plus{
line-height:19px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
line-height:19px;
font-size:12px;
font-weight:400;
}
.roster .owl-carousel .item .roster_img .btn_player_add{
font-size:12px;
}
/*전술판(축구)*/
.ttc_board_tab li a{
height:67px;
line-height:67px;
font-size:22px;
}
.ttc_board_tab li.on a{
border-bottom:4px solid #020309;
}
.ttc_board_fb .ttc_board_chg{
padding:2px;
}
.ttc_board_fb .ttc_board_chg li a{
width:40px;
height:26px;
line-height:26px;
font-size:16px;
}
.ttc_board_fb .squad_sch{
width:208px;
height:34px;
line-height:34px;
padding: 0 6px;
}
.ttc_board_fb .squad_sch .inp_sch{
width:165px;
height:30px;
line-height:30px;
font-size:14px;
}
.ttc_board_fb .squad_sch .sch_btn{
margin-top:5px;
}
.ttc_board_fb .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fb .vs343 .add_position01{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs343 .add_position02{
width:51px;
}
.ttc_board_fb .vs343 .add_position03{
width:51px;
}
.ttc_board_fb .vs343 .add_position04{
width:51px;
}
.ttc_board_fb .vs343 .add_position05{
width:51px;
}
.ttc_board_fb .vs343 .add_position06{
width:51px;
}
.ttc_board_fb .vs343 .add_position07{
width:51px;
}
.ttc_board_fb .vs343 .add_position08{
width:51px;
}
.ttc_board_fb .vs343 .add_position09{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs343 .add_position10{
width:51px;
}
.ttc_board_fb .vs343 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs352 .add_position01{
width:51px;
}
.ttc_board_fb .vs352 .add_position02{
width:51px;
}
.ttc_board_fb .vs352 .add_position03{
width:51px;
}
.ttc_board_fb .vs352 .add_position04{
width:51px;
}
.ttc_board_fb .vs352 .add_position05{
width:51px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs352 .add_position06{
width:51px;
}
.ttc_board_fb .vs352 .add_position07{
width:51px;
}
.ttc_board_fb .vs352 .add_position08{
width:51px;
}
.ttc_board_fb .vs352 .add_position09{
width:51px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs352 .add_position10{
width:51px;
}
.ttc_board_fb .vs352 .add_position11{
width:51px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs361 .add_position01{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs361 .add_position02{
width:51px;
}
.ttc_board_fb .vs361 .add_position03{
width:51px;
}
.ttc_board_fb .vs361 .add_position04{
width:51px;
}
.ttc_board_fb .vs361 .add_position05{
width:51px;
}
.ttc_board_fb .vs361 .add_position06{
width:51px;
}
.ttc_board_fb .vs361 .add_position07{
width:51px;
}
.ttc_board_fb .vs361 .add_position08{
width:51px;
}
.ttc_board_fb .vs361 .add_position09{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs361 .add_position10{
width:51px;
}
.ttc_board_fb .vs361 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs4231 .add_position01{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs4231 .add_position02{
width:51px;
}
.ttc_board_fb .vs4231 .add_position03{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs4231 .add_position04{
width:51px;
}
.ttc_board_fb .vs4231 .add_position05{
width:51px;
}
.ttc_board_fb .vs4231 .add_position06{
width:51px;
}
.ttc_board_fb .vs4231 .add_position07{
width:51px;
}
.ttc_board_fb .vs4231 .add_position08{
width:51px;
}
.ttc_board_fb .vs4231 .add_position09{
width:51px;
}
.ttc_board_fb .vs4231 .add_position10{
width:51px;
}
.ttc_board_fb .vs4231 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs433 .add_position01{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs433 .add_position02{
width:51px;
}
.ttc_board_fb .vs433 .add_position03{
width:51px;
}
.ttc_board_fb .vs433 .add_position04{
width:51px;
}
.ttc_board_fb .vs433 .add_position05{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs433 .add_position06{
width:51px;
}
.ttc_board_fb .vs433 .add_position07{
width:51px;
}
.ttc_board_fb .vs433 .add_position08{
width:51px;
}
.ttc_board_fb .vs433 .add_position09{
width:51px;
}
.ttc_board_fb .vs433 .add_position10{
width:51px;
}
.ttc_board_fb .vs433 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs442 .add_position01{
width:51px;
}
.ttc_board_fb .vs442 .add_position02{
width:51px;
}
.ttc_board_fb .vs442 .add_position03{
width:51px;
}
.ttc_board_fb .vs442 .add_position04{
width:51px;
}
.ttc_board_fb .vs442 .add_position05{
width:51px;
}
.ttc_board_fb .vs442 .add_position06{
width:51px;
}
.ttc_board_fb .vs442 .add_position07{
width:51px;
}
.ttc_board_fb .vs442 .add_position08{
width:51px;
}
.ttc_board_fb .vs442 .add_position09{
width:51px;
}
.ttc_board_fb .vs442 .add_position10{
width:51px;
}
.ttc_board_fb .vs442 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs532 .add_position01{
width:51px;
}
.ttc_board_fb .vs532 .add_position02{
width:51px;
}
.ttc_board_fb .vs532 .add_position03{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs532 .add_position04{
width:51px;
}
.ttc_board_fb .vs532 .add_position05{
width:51px;
}
.ttc_board_fb .vs532 .add_position06{
width:51px;
}
.ttc_board_fb .vs532 .add_position07{
width:51px;
}
.ttc_board_fb .vs532 .add_position08{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs532 .add_position09{
width:51px;
}
.ttc_board_fb .vs532 .add_position10{
width:51px;
}
.ttc_board_fb .vs532 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs541 .add_position01{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs541 .add_position02{
width:51px;
}
.ttc_board_fb .vs541 .add_position03{
width:51px;
}
.ttc_board_fb .vs541 .add_position04{
width:51px;
}
.ttc_board_fb .vs541 .add_position05{
width:51px;
}
.ttc_board_fb .vs541 .add_position06{
width:51px;
}
.ttc_board_fb .vs541 .add_position07{
width:51px;
}
.ttc_board_fb .vs541 .add_position08{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .vs541 .add_position09{
width:51px;
}
.ttc_board_fb .vs541 .add_position10{
width:51px;
}
.ttc_board_fb .vs541 .add_position11{
width:51px;
margin-left:-25.5px;
}
.ttc_board_fb .mb_nickname{
font-size:7px;
line-height:16px;
}
.ttc_board_fb .move_icon{
position:absolute;
left:-11px;
top:-11px;
}
.ttc_board_fb .move_icon img{
width:22px;
}
.ttc_board_fb .del_icon{
position:absolute;
right:-9px;
top:-9px;
}
.ttc_board_fb .del_icon img{
width:18px;
}
.ttc_board_fb .function_btn .btn_invite_team{
width:87px;
height:33px;
line-height:33px;
font-size:13px;
margin-bottom:2.5%;
}
.ttc_board_fb .function_btn .btn_share img{
width:30px;
}
.ttc_board_fb .function_btn .squad_select{
margin-bottom:2.6%;
}
.p_rgist_popup .layer_popup{
padding:54px 15px 15px 15px;
}
.p_rgist_popup .layer_popup table th{
height:37px;
font-size:16px;
}
.p_rgist_popup .layer_popup table td{
height:37px;
font-size:16px;
}
.p_rgist_popup .u_filebox .upload-name{
height:30px;
width:calc(100% - 30px);
}
.p_rgist_popup .layer_popup table td .player_name{
height:30px;
}
.p_rgist_popup .u_filebox label img{
width:30px;
}
.p_rgist_popup .layer_popup .bottom_btn_box li a{
height:37px;
line-height:37px;
font-size:16px;
}
/*팀원초대 팝업*/
.ivt_team_popup .layer_popup{
padding:21px 19px 21px 19px
}
.ivt_team_popup .layer_popup .sch_box{
height:35px;
line-height:35px;
padding: 0 12px;
}
.ivt_team_popup .layer_popup .sch_box .sch_icon{
width:17px;
margin-right:5px;
}
.ivt_team_popup .layer_popup .sch_box .inp_sch{
width: calc(100% - 22px);
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_tit{
height:40px;
line-height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody th{
height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td{
height:38px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .btn_invite{
height:25px;
line-height:23px;
}
.ivt_team_popup .layer_popup .btn_popup_close{
position:absolute;
top:19px;
right:19px;
}
.ivt_team_popup .layer_popup .btn_popup_close img{
width:17px;
}
.squad_reset{
height:48px;
line-height:46px;
font-size:18px;
}
/*스쿼드 초기화 팝업*/
.squad_reset_popup .layer_popup{
padding: 16px 12px 16px 12px;
}
.squad_reset_popup .layer_popup .text_box .tit_text{
font-size:18px;
margin-top: 8%;
}
.squad_reset_popup .layer_popup .text_box .sub_text{
font-size:16px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li{
width: calc(50% - 8px);
margin-right:16px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li a{
height:42px;
line-height:42px;
font-size:16px;
}
}
@media (max-width: 440px) {
.method_btn li {
height: 44px;
line-height: 44px;
font-size: 15px
}
.pc_mh {
min-height: calc(100vh - 600px)
}
#reserve_list {
min-height: calc(100vh - 394px);
}
#league .empty {
min-height: calc(100vh - 290px)
}
#league .league_list {
min-height: calc(100vh - 250px)
}
.board_conent .empty {
min-height: calc(100vh - 375px);
padding: 50px 30px
}
.occ_div {
min-height: calc(100vh - 255px)
}
#match_admin {
min-height: calc(100vh - 284px)
}
#match_list {
min-height: calc(100% - 338px)
}
#myinfo {
padding: 16px 15px
}
.social_match_list {
min-height: calc(100% - 334px)
}
#main_03 .main_bg_01 {
min-height: calc(100vh - 143px)
}
.keyword_div {
min-height: calc(100vh - 415px);
}
.email_login {
min-height: calc(100vh - 128px)
}
.cf_content {
min-height: calc(100vh - 303px)
}
#signup {
min-height: calc(100vh - 163px)
}
.coupon_list_none {
min-height: calc(100% - 324px)
}
.payment_list {
min-height: calc(100vh - 194px);
}
.fixed_tab {
top: 58px;
}
#couponFrm {
min-height: calc(100vh - 157px)
}
.main_bg_01 {
min-height: calc(100vh - 128px)
}
.admin_main {
min-height: calc(100vh - 154px)
}
.arrow_img {
min-width: 17px;
width: 17px;
height: 17px
}
.match_logo_div {
min-width: 85px
}
.dark {
font-size: 11px
}
.reserve_pop div {
padding: 5px
}
.reserve_pop {
left: 15px
}
.reserve_detail_info .reserve_detail_01 {
min-width: 160px
}
#reserve_list .reserve_thumb {
width: 235px
}
.condition li {
width: 32.5%
}
#no_payment h3 {
font-size: 17px
}
.main_pop {
height: 70px;
}
.main_plus {
width: 70px;
height: 70px;
}
.main_plus2{
margin-left:15px
}
.main_plus img {
width: 30px;
height: 30px;
}
.main_pop_txt h2 {
font-size: 20px;
margin-bottom: 7px;
}
.main_pop_txt p {
font-size: 14px;
}
.banner_01 {
padding: 15px;
}
.banner_02, .banner_03, .banner_04, .banner_05 .banner_06 {
height: 120px;
}
.m_banner_ico {
right: 3px;
width: 75px
}
.banner_04 {
width: 35%;
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-size: 18px;
}
.tap, .footer {
height: 80px;
}
.tap a div {
margin-bottom: 5px;
}
.tap a img {
width: 30px;
height: 30px
}
#tap_cart img {
width: 35px;
height: 35px
}
.main_team_info h2 {
font-size: 20px;
}
.main_team_info > p {
font-size: 14px;
}
.team_info_btn button {
width: 25px;
height: 25px;
}
.team_info_ul {
width: 40%;
}
.team_info_ul li {
font-size: 15px;
}
.team_info_img {
width: 57%;
}
.profile_img {
width: 95px;
height: 95px;
margin-bottom: 7px
}
.team_info_img p {
font-size: 12px;
}
.team_info_del button {
width: 25px;
height: 25px;
padding: 5px;
}
.main_team_info {
height: 175px;
}
.team_info_flex > a h2, .team_info_match h2 {
font-size: 18px;
}
.team_info_flex > a {
height: 110px;
}
.team_info_flex div img {
width: 50px;
height: 50px;
}
.team_info_tactics div img {
width: 60px;
height: 60px;
}
.team_info_match {
height: 90px;
}
.team_info_match div img {
width: 60px;
height: 60px;
}
.banner_01 p {
font-size: 13px;
}
.banner_01 span {
font-size: 22px;
}
.team_info_plus {
width: 120px;
height: 120px;
}
.mymenu_02 {
margin-bottom: 110px;
}
.point_detail {
margin-bottom: 80px;
}
.coupon_detail h2 {
font-size: 35px;
}
.coupon_info li:nth-child(1) {
font-size: 15px;
}
.coupon_info li {
font-size: 13px;
}
.coupon_info_flex {
margin-bottom: 20px;
}
.place_direct {
font-size: 16px;
}
.coupon_detail > li {
padding: 25px;
}
.charge_div_txt p, .point_charge_detail p {
font-size: 18px;
}
.profile_flex {
font-size: 16px;
}
.profile_flex > div:nth-child(1) {
min-width: 80px;
}
.phone_info > div:nth-child(1) {
min-width: 120px
}
.phone_input button {
min-width: 100px;
}
.myprofile_info > div:not(:last-child) {
margin-bottom: 20px;
}
.password_info button {
padding: 12px 10px;
font-size: 14px;
}
.phone_input button {
font-size: 14px;
width: 30%;
height: 38px;
}
.phone_input input {
font-size: 14px;
width: 20%;
height: 38px;
}
#mhp, .phone_num button {
height: 38px;
font-size: 14px;
}
.phone_num button {
font-size: 14px;
padding: 0;
min-width: 63px
}
.my_activity_div > div p {
font-size: 15px;
}
.my_activity_info ul li {
font-size: 14px;
}
.user_withdraw a {
font-size: 13px
}
.my_activity > div > p {
font-size: 16px;
}
.event_txt h3 {
margin-bottom: 10px;
font-size: 16px;
}
.event_txt p {
font-size: 12px;
}
.payment_no img {
width: 90px;
height: 90px;
}
.payment_no p {
font-size: 18px;
}
.smartdoor h2 {
font-size: 30px;
}
.smartdoor_plan {
margin-bottom: 30px;
}
.blank_div img {
width: 50px;
height: 50px;
}
.locked_img {
width: 120px;
height: 120px;
}
.smartdoor_btn, .smartdoor_btn_flex button {
font-size: 17px;
padding: 15px 40px;
}
.smartdoor_alert {
font-size: 18px;
}
.smartdoor {
height: 75vh
}
#invite_div > p {
font-size: 23px;
}
#invite_div ul {
padding: 30px 35px;
}
.logo_img {
width: 110px;
height: 110px;
}
.login_btn li {
padding: 25px 0
}
.login_btn li a {
font-size: 18px;
}
.login_btn li a img {
width: 20px;
height: 20px;
margin-right: 10px;
padding-top: 1px;
}
#fb_btn img {
width: 25px;
height: 25px;
}
#naver_btn img {
width: 17px;
height: 17px;
}
#clause > p {
font-size: 23px;
}
.all_agree > p {
font-size: 18px;
}
.all_agree > p span {
font-size: 16px;
}
.clause_list li p {
font-size: 16px;
}
.signup_01 h2, .signup_02 h2, .phone_find {
font-size: 20px;
}
.board_note, .board_detail_info {
font-size: 13px;
}
.notice_wrap {
height: 33px;
}
.notice_roll {
height: 33px
}
.rolling li {
height: 33px;
line-height: 33px;
}
.board_note > span {
min-width: 69.2px
}
.board_name .category {
font-size: 10px;
}
.board_txt {
font-size: 14px;
margin-bottom: 15px;
}
.board_profile {
padding-left: 10px;
}
.board_conent li {
padding-bottom: 20px;
}
.reply_all {
margin-bottom: 20px;
}
.board_reply_detail .p50 {
padding: 0 30px;
}
.reply_prof > img {
width: 20px;
height: 20px;
}
.reply_id {
font-size: 15px;
}
.reply_date {
font-size: 12px;
}
.reply_content {
font-size: 15px;
padding-left: 56px!important;
margin-top: 10px;
}
.board_conent_txt p {
font-size: 16px;
}
.board_tit h2 {
font-size: 20px;
}
.board_tit .more_btn span {
width: 4px;
height: 4px;
}
.profile_info img {
width: 22px;
height: 22px;
}
.profile_info p {
font-size: 15px;
padding-bottom: 2px;
}
.board_date, .reply_all {
font-size: 15px;
}
.board_tit .more_btn span:not(:last-child) {
margin-bottom: 4px;
}
.reply_btn {
min-height: 25px;
}
.board_reply_detail li {
padding: 15px 0
}
.recoment_txt input, .recoment_input_div input {
font-size: 15px;
}
.page_head p {
font-size: 19px;
margin-top: -2px
}
.recoment .reply_content {
padding-left: 76px!important
}
.deal_thumb {
width: 130px;
height: 130px;
min-width: 130px;
}
.deal_search input {
font-size: 15px;
}
.deal_search img {
width: 17px;
height: 17px
}
.deal_content {
padding-left: 10px;
padding-top: 5px;
}
.deal_content h2 {
font-size: 19px;
}
.deal_date {
font-size: 14px;
}
.deal_price {
font-size: 21px;
}
.deal_thumb_img {
margin-bottom: 5px;
}
.deal_detail_div .m30 {
margin: 0 20px;
}
.deal_detail_info p {
font-size: 16px;
padding: 20px;
}
.deal_detail_div .reply_all {
margin-bottom: 15px;
}
.deal_info {
font-size: 15px;
}
.deal_div .m30 {
margin: 0 20px;
}
.league_thumb, .league_thumb_no {
width: 140px;
min-width: 140px;
height: 110px;
}
.league_txt h2 {
font-size: 20px;
}
.league_price {
font-size: 22px;
}
.league_list li {
padding: 15px;
margin-bottom: 15px
}
.deal_div .m30 {
margin: 0 15px;
}
.league_date {
font-size: 15px
}
.notice_title h2 {
font-size: 20px;
}
.notice_date {
font-size: 16px;
}
.notice_title {
padding: 25px;
padding-bottom: 15px;
}
.ad_list .park_notice div span {
font-size: 14px;
}
.notice_div {
font-size: 13px;
padding: 5px 13px;
padding-bottom: 7px;
min-width: 62px;
}
.ad_list .park_price li p {
font-size: 14px;
}
.reserve_thumb {
height: 210px;
}
.reserve_flex {
padding: 15px;
}
.reserve_flex > div {
font-size: 12px;
padding: 10px 7px;
}
.reserve_checkbox p {
font-size: 14px;
}
#reserve_list .accept {
margin-top: 0;
}
#reserve_list .park_info h2 {
font-size: 20px;
}
#reserve_list .park_notice div span {
font-size: 14px;
}
#reserve_list .park_price li p {
font-size: 14px;
}
#reserve_list .dark {
font-size: 10px;
padding: 6px
}
#reserve_list .dark img {
margin-bottom: -2px;
}
.reserve_detail_01 .reserve_pop div p {
font-size: 10px;
}
.reserve_detail_01 .reserve_pop div p:nth-child(2) {
font-size: 12px;
}
.reserve_txt {
padding: 25px;
}
.down_btn {
font-size: 13px;
min-width: 90px;
padding: 8px 0;
padding-bottom: 9px;
display: flex;
justify-content: center;
align-items: center;
}
.reserve_cp_flex .green_box, .reserve_cp_flex .black_box {
font-size: 11px;
}
.reserve_cp_flex .green_box {
min-width: 55px;
}
.reserve_cp_flex .black_box {
min-width: 40px;
}
.reserve_info_txt li {
font-size: 15px;
}
.period li {
font-size: 14px;
}
.reserve_sel li p {
font-size: 14px;
}
.reserve_sel_date #datepicker input {
font-size: 14px
}
.reserve_float li p {
font-size: 15px;
}
.reserve_float li:nth-child(2) img {
width: 22px;
height: 22px;
}
.reserve_float li:nth-child(2) p {
font-size: 17px;
}
.reserve_float ul {
height: 60px;
}
.reserve_float_other ul {
height: 45px;
}
.reserve_txt_flex h2 {
font-size: 22px;
}
.reserve_txt .grade img {
width: 15px;
height: 15px;
margin-right: 2px;
}
.reserve_content > ul > li {
padding: 25px;
}
.reserve_detail_img {
height: 280px;
}
#reserve_list .dark img {
width: 9px;
height: 9px;
margin-bottom: -1px
}
.reserve_filter {
padding: 15px
}
.recommend_flex {
padding: 10px 15px
}
.ad_list > ul > li {
padding: 15px
}
.reserve_range {
padding: 15px
}
.reserve_txt {
padding: 15px;
padding-bottom: 10px
}
.r_f_left {
min-width: 165px
}
.r_f_left a {
padding: 7px 15px;
font-size: 13px;
}
.r_f_left img {
width: 13px;
height: 13px;
margin-top: 4px
}
.r_time_info {
font-size: 11px
}
.deal_detail_div .swiper-container {
padding-bottom: 15px
}
.deal_detail_div .swiper-container-horizontal>.swiper-pagination-bullets, .deal_detail_div .swiper-pagination-custom, .deal_detail_div .swiper-pagination-fraction {
bottom: 5px
}
.deal_thumb_img {
height: 370px
}
.deal_detail_div .swiper-wrapper {
height: 370px
}
.deal_detail_div .swiper-slide {
height: 370px
}
.deal_detail_div .swiper-container {
height: 370px
}
.add_coupon_div input, .add_coupon_div button {
font-size: 16px;
}
.reserve_info_flex .hotdeal {
font-size: 10px
}
.ad_list .grade img {
width: 15px;
height: 15px
}
.ad_list .park_price li, .ad_list .park_price li .p_p_time, .ad_list .park_time {
font-size: 13px
}
.ad_list .park_price li .p_dc_price {
font-size: 12px
}
.park_dc_info {
margin-bottom: 0
}
#a_b_03 img {
width: 50px;
height: 50px;
margin-top: 0
}
.admin_main .banner_03, .admin_main .banner_04 {
height: 105px
}
#a_b_04 img {
width: 60px;
height: 60px
}
.admin_main .banner_03, .admin_main .banner_04 {
height: 95px
}
.admin_main .main_content {
top: 50%
}
.admin_main .banner_04 .admin_ico img {
width: 50px;
height: 50px
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
margin-bottom: 5px
}
.reserve_content > #reserve_field > li {
padding: 15px;
}
}
@media (max-width: 414px) {
.chat_info {
top: 50px;
font-size: 15px
}
.board_conent {
min-height: calc(100vh - 290px)
}
.pc_mh {
min-height: calc(100vh - 566px)
}
.deal_detail_info h3 {
font-size: 16px
}
.social_pay {
min-height: calc(100vh - 135px)
}
.social_park {
padding: 25px
}
.park_detail_tit, .park_intro > .park_detail_tit {
font-size: 17px;
}
.p15 {
padding: 25px;
}
.interest_div {
min-height: calc(100vh - 162px)
}
#league .empty {
min-height: calc(100vh - 270px)
}
#league .league_list {
min-height: calc(100vh - 230px)
}
.deal_div .empty {
min-height: calc(100vh - 255px)
}
.occ_div {
min-height: calc(100vh - 232px)
}
.team_match_list > div {
height: 220px
}
#match_admin {
min-height: calc(100vh - 267px)
}
.add_mercenary {
min-height: calc(100vh - 107px)
}
#match_list {
min-height: calc(100% - 310px)
}
#pwdFindFrm {
min-height: calc(100vh - 70px)
}
#idFindFrm {
min-height: calc(100vh - 70px)
}
.clause_list .clause_txt p {
font-size: 15px
}
.clause_list .clause_txt .cl_bold {
font-size: 16px;
padding-top: 15px
}
.clause_list .clause_txt .cl_tit_bold {
font-size: 18px
}
.clause_pop {
padding-top: 55px
}
.clause_head {
padding: 17px 20px
}
.clause_head img {
width: 16px;
margin-top: 1px
}
.clause_list li .clause_head p {
font-size: 18px;
}
.signup form {
min-height: calc(100vh - 70px)
}
.social_match_list {
min-height: calc(100% - 312px)
}
#main_03 .main_bg_01 {
min-height: calc(100vh - 127px)
}
.keyword_div {
min-height: calc(100vh - 298px);
}
.email_login {
min-height: calc(100vh - 118px)
}
#signup {
min-height: calc(100vh - 151px)
}
.team_match_list > .coupon_list_none {
min-height: calc(100vh - 165px);
}
.coupon_list_none {
min-height: calc(100% - 309px)
}
.payment_list {
min-height: calc(100vh - 185px);
}
.fixed_tab {
top: 45px;
}
.chat_list {
margin-top: 105px
}
.event_content {
min-height: calc(100vh - 102px)
}
#couponFrm {
min-height: calc(100vh - 151px)
}
.calculate_list {
min-height: calc(100vh - 495px)
}
.main_bg_01 {
min-height: calc(100vh - 128px)
}
.cf_content {
min-height: calc(100vh - 291px)
}
.customer_list {
min-height: calc(100% - 219px)
}
.team_match_list > .match_wait_none {
min-height: calc(100vh - 267px)
}
.point_detail {
min-height: calc(100vh - 451px)
}
.p2030 {
padding: 20px
}
.c_mt {
margin-top: 100px
}
.cutomer_tab {
top: 46px
}
.team_match_name {
font-size: 13px
}
.social_match .team_flex {
height: 120px
}
.head_place {
max-width: 130px
}
.occ_team_box div p {
min-width: 40px
}
.circle {
width: 85px;
height: 85px
}
#match_admin .team_flex {
margin: 28px 55px
}
.reserve_detail_info .reserve_detail_01 {
min-width: 140px
}
.park_price_detail {
min-width: 170px
}
#myinfo {
padding: 13.5px 12px
}
.f_s_flex input {
font-size: 15px
}
.faq_search {
padding: 17px 20px
}
.condition li {
height: 44px
}
.r_d_flex {
height: 42px
}
.mypoint_detail p {
font-size: 20px;
}
.main_head, .user_head, .right_head {
height: 55px;
}
.logo {
width: 55px;
height: 55px;
}
.user_head h1 {
font-size: 17px;
}
.user_head p {
font-size: 10px;
}
.point_head, .coupon_head {
font-size: 13px;
}
.point_head img, .coupon_head img {
width: 19px;
height: 19px;
}
.tap, .footer {
height: 73px;
}
.tap a span {
font-size: 12px;
}
.tap a img {
width: 27px;
height: 27px;
}
#tap_cart img {
width: 30px;
height: 30px
}
.tap_notice {
width: 14px;
height: 14px!important;
font-size: 10px;
line-height: 1;
}
.team_info_match {
padding: 15px;
}
.page_head p, #myinfo span {
font-size: 17px;
}
.page_head {
padding: 17px 20px;
}
.head_mt {
margin-top: 46px
}
.chat_content {
padding-top: 55px
}
.arrow_img {
width: 16px;
height: 16px;
min-width: 16px
}
.user_info {
padding: 0 40px;
height: 190px;
}
.user_info h2 {
font-size: 23px;
}
.user_info div p {
font-size: 13px;
}
.user_profile_img {
width: 100px;
height: 100px;
}
.mymenu_01 img {
width: 35px;
margin-bottom: 5px;
}
.mymenu_01 p {
font-size: 15px;
}
.mymenu_02 li a div img {
width: 18px;
height: 18px;
margin-right: 10px;
}
.mymenu_02 li a p {
font-size: 16px;
}
.mymenu_01 li a span {
font-size: 12px;
}
.mypoint {
height: 220px;
}
.mypoint h2 {
font-size: 27px;
}
.mypoint > p {
font-size: 15px;
}
.point_direct {
padding: 15px 0
}
.point_direct a {
font-size: 14px;
}
.point_detail h3 {
font-size: 16px;
padding-bottom: 15px;
}
.point_detail {
padding-top: 20px;
}
.point_detail_none {
margin: 60px 0
}
.point_detail_none img {
width: 95px;
height: 95px;
}
.point_detail_none p {
font-size: 15px;
}
.point_info {
font-size: 14px;
}
.add_coupon {
font-size: 15px;
}
.charge_alert {
padding: 25px 0;
}
.myprofile {
height: 215px;
}
.myprofile_img {
width: 90px;
height: 90px;
margin-bottom: 10px;
}
.myprofile > p {
font-size: 13px;
}
.profile_name {
margin-top: 10px;
}
.profile_name input {
font-size: 14px;
}
.profile_flex {
font-size: 14px;
}
.password_info input {
font-size: 13px;
line-height: 37px
}
.password_info button {
font-size: 13px;
}
.phone_input input {
font-size: 13px;
padding: 7px 10px;
}
.phone_input button {
font-size: 13px
}
.phone_alert {
font-size: 12px;
}
.my_activity_div > div p {
font-size: 13px;
}
.my_activity_info ul li {
font-size: 13px;
}
.user_withdraw a {
font-size: 12px
}
.profile_flex > div:nth-child(1) {
min-width: 70px;
}
.phone_info > div:nth-child(1) {
min-width: 105px
}
.my_activity_info {
max-height: 133px
}
.my_activity > div > p {
font-size: 14px;
}
.my_activity > div > p {
width: 135px
}
.my_activity_info ul li {
padding: 12px 0
}
.event_tab ul li {
height: 50px;
}
.event_tab ul li a {
font-size: 14px;
line-height: 50px;
}
.event_link {
font-size: 12px;
}
.event_date {
font-size: 14px;
}
.event_tit h2 {
font-size: 18px;
}
.more_event_btn span {
width: 5px;
height: 5px;
}
.pay_date {
font-size: 15px
}
.payment_box h2 {
font-size: 20px;
margin-bottom: 10px;
}
.reserve_info {
font-size: 16px;
}
.condition li {
width: 32%;
font-size: 13px;
padding: 9px 0
}
.condition img {
width: 22px;
height: 22px;
margin-right: 3px;
}
.condition li a .bot_arr {
width: 10px;
height: 10px;
}
.reserve_check {
font-size: 13px;
}
.reserve_info_div h3 {
font-size: 18px;
padding:0;
}
.reserve_info_div .reserve_info {
font-size: 15px;
margin-bottom: 13px;
}
.place_flex {
font-size: 15px;
}
.place_flex ul, .address {
font-size: 13px;
}
.address {
margin-bottom: 15px;
}
.place_flex img {
width: 11px;
height: 11px;
}
.payment_refresh {
width: 18px;
}
.park_thumb {
height: 245px;
}
.park_notice {
font-size: 12px;
padding: 10px;
}
.notice_div {
width: 57px;
padding: 7px 10px;
}
.park_notice div:nth-child(1) {
margin-bottom: 5px;
}
.point_alert {
margin-top: 20px;
}
.point_alert ul {
padding: 20px;
font-size: 14px;
}
.withdrawal_note .withdrawal_note_list li, .withdrawal_note .withdrawal_note_list .red_txt {
font-size: 16px;
}
.point_alert > p {
font-size: 17px;
}
.withdrawal_note_list {
padding: 30px;
}
.withdrawal_note_div .next_btn {
font-size: 17px;
width: 85%;
}
.withdrawal_note .withdrawal_note_list li:not(:last-child) {
margin-bottom: 20px;
}
.withdrawal_note {
height: 75vh;
}
.withdrawal_alert h3 {
padding: 20px;
}
.confirm_btn {
margin-top: 10px;
}
.search_div {
padding-bottom: 5px;
margin: 20px;
margin-bottom: 30px
}
.search_div button {
font-size: 14px;
padding: 6px 0;
padding-bottom: 6px;
min-width: 62px;
}
.search_div input {
font-size: 14px;
height: 28px;
}
.keyword_box {
padding: 7px 8px;
padding-bottom: 8px;
font-size: 13px
}
.keyword_box img {
width: 7px;
height: 7px;
min-width: 7px;
}
.keyword_div > div {
margin: 20px;
}
.keyword_div > p {
font-size: 13px;
padding-bottom: 15px;
padding-left: 20px;
}
.keyword_note {
margin: 20px
}
.keyword_note li p {
font-size: 12px;
}
.keyword_note .spot {
margin-top: 7px
}
#invite_div img {
width: 50px;
height: 50px;
}
#invite_div ul {
border-radius: 30px
}
#invite_div ul li p {
font-size: 14px;
}
#invite_div > p {
font-size: 21px;
}
.login_btn li a {
font-size: 16px;
}
.login_btn li {
padding: 23px 0
}
.login_btn {
width: 77%;
margin-bottom: 70px;
}
.login_sel {
width: 70%;
}
.login_sel li a {
font-size: 15px;
}
#login > p {
font-size: 14px;
}
.next_btn {
padding: 13px 0
}
#clause {
padding-top: 70px;
}
.all_agree {
padding: 20px;
}
#clause input[type="checkbox"]+label {
width: 20px;
height: 20px;
}
.signup_01 > div:not(:last-child) {
margin-bottom: 30px;
}
.signup_02 {
margin-top: 60px;
}
.signup_01 > div {
padding-bottom: 7px;
}
.find_tab li a {
font-size: 15px;
padding: 16px 0
}
.withdrawal_list li:not(:last-child) {
margin-bottom: 25px
}
.withdrawal_list li {
font-size: 16px;
}
.withdrawal > p {
font-size: 18px;
}
.agree input[type="checkbox"]+label {
height: 15px;
line-height: 15px;
padding-left: 25px
}
.agree p {
margin-left: 10px;
padding-bottom: 1px
}
.bot_btn .next_btn {
font-size: 18px;
padding: 13px 0
}
.tap_notice {
top: 2px;
}
.entry_div p, .op_div {
font-size: 11px;
}
.entry_info span {
font-size: 12px;
}
.entry_info img {
width: 14px;
height: 14px;
}
.entry_div {
padding: 7px;
}
.change_content {
margin-bottom: 73px;
}
.shop_content li:not(:last-child) {
margin-bottom: 10px;
}
.shop_content {
margin-bottom: 73px;
}
.reply_id, .reply_content {
font-size: 14px;
}
.reply_date {
font-size: 10px;
}
.reply_btn, .reply_btn_div button {
font-size: 12px;
min-width: 47px;
}
.recoment_txt input, .recoment_input_div input {
font-size: 13px;
}
.reply_prof > img {
width: 18px;
height: 18px;
}
.board_conent_txt {
padding: 20px 0;
}
.board_tit .board_more p {
font-size: 14px;
}
.deal_div .m30 {
margin: 0 20px;
}
.deal_search img {
width: 14px;
height: 14px;
}
.deal_search input {
font-size: 13px;
margin-bottom: 0;
width: 100%;
line-height: 19px
}
.league_thumb, .league_thumb_no {
width: 130px;
min-width: 130px;
height: 105px;
margin-right: 10px;
}
.league_list li {
border-radius: 20px;
}
.league_txt h2 {
font-size: 18px;
}
.league_date {
font-size: 13px;
}
.league_price {
font-size: 20px;
}
.league_reply img {
width: 22px;
height: 22px;
}
.setting_01 > p {
font-size: 21px;
}
.setting_01, .setting_01 ul li a {
font-size: 18px;
}
.help_list li {
padding-bottom: 15px;
}
.notice_list h2 {
font-size: 17px;
}
.notice_date {
font-size: 15px;
}
.arrow_div {
width: 20px;
height: 20px;
min-width: 20px;
}
.notice_list li {
padding: 18px 25px;
}
.faq_btn li {
font-size: 13px;
height: 65px;
}
.search_box input {
font-size: 15px;
}
.search_box img {
width: 15px;
height: 15px;
margin-top: 1px;
}
.search_close img {
width: 13px;
height: 13px;
}
.faq_flex {
font-size: 15px;
}
.a_txt {
margin-left: 30px
}
.a_txt p {
font-size: 14px;
}
.faq li {
padding: 20px;
}
.arr_btn {
width: 12px;
height: 12px;
min-width: 12px;
}
.arr_btn {
margin-top: 4px;
}
.reserve_filter {
padding: 15px 20px
}
.filter_div {
width: 18px;
height: 18px;
}
.recommend_flex {
padding: 12px 15px;
}
.ad_list > ul > li {
padding: 15px
}
#reserve_list .grade img {
width: 15px;
height: 15px;
}
#reserve_list .grade {
font-size: 12px;
margin-top: 10px;
}
#reserve_list .reward {
font-size: 14px;
}
#reserve_list .park_info h2 {
font-size: 18px;
}
#reserve_list .reserve_thumb {
width: 48%;
}
#reserve_list .interest_content {
padding: 20px;
}
#reserve_list .green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 12px;
}
/* #reserve_list .discount_div div {
width: 59px
}
*/
#reserve_list .park_info {
padding-top: 10px;
}
.ad_list .park_price_detail {
margin-top: 0;
padding-left: 0;
justify-content: flex-end;
}
.ad_list .park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 17px;
}
.reserve_detail_img .arrow_img {
width: 25px;
height: 25px;
}
.swiper-pagination {
font-size: 13px;
}
.reserve_cp_price {
font-size: 23px;
}
.reserve_cp_price span {
font-size: 23px;
}
.reserve_info_txt li {
font-size: 13px;
}
.reserve_info_txt .faddress_copy_btn_ico {
width: 15px;
height: 15px
}
.reserve_share img {
margin-right: 3px;
margin-left: 0
}
.reserve_info_txt img {
width: 13px;
height: 13px;
margin-top: 1px;
}
.down_btn {
min-width: 83px;
}
.period li {
font-size: 12px;
}
.like {
font-size: 13px;
}
.like img {
width: 20px;
height: 20px;
}
.reserve_txt_flex h2 {
font-size: 20px;
}
.reserve_detail_01 {
width: 50%;
}
.reserve_detail_02 h3 {
font-size: 19px;
}
.reserve_detail_02 > p {
font-size: 14px;
}
.dark {
padding: 5px;
font-size: 10px;
}
.detail_flex .red_txt {
font-size: 14px;
}
.detail_flex .dc_price {
font-size: 13px;
}
.time_flex > div {
font-size: 13px;
}
.park_intro > p {
font-size: 17px;
}
.park_intro ul li {
font-size: 13px;
}
.park_intro {
padding: 25px;
}
.park_info_list li {
font-size: 13px;
width: 75px;
min-width: 75px;
height: 70px;
}
.r_price_info {
font-size: 14px
}
.reserve_price {
font-size: 14px;
}
#reserve_field .reserve_price {
font-size: 14px;
}
.dc_rate {
font-size: 13px;
}
.pay_info ul li > input, .pay_info ul li > .team_sel, .match_input .flex_alc input, .hope_team select {
padding: 10px;
}
.pay_info ul li > p {
font-size: 15px;
}
.method_sel select {
font-size: 13px;
}
.method ul li p {
font-size: 14px;
}
.recoment_input_div button {
min-width: 55px;
margin-left: 7px;
font-size: 13px;
}
.deal_search {
padding: 8px 15px;
}
.deal_reply {
font-size: 13px;
}
.a_c_period_set > div:not(:last-child) {
margin-bottom: 15px
}
.reserve_pop div p {
font-size: 10px;
}
.reserve_pop div p:nth-child(2) {
font-size: 12px;
}
.reserve_pop div {
padding: 5px;
padding-bottom: 7px;
}
.ad_list .grade_value {
font-size: 13px;
}
.ad_list .grade img {
width: 13px;
height: 13px;
margin-top: -2px;
}
.ad_list .park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 14px;
}
#reserve_list .park_info h2 {
font-size: 15px;
}
#reserve_list .grade img {
width: 12px;
height: 12px;
margin-top: -2px;
}
#reserve_list .grade {
font-size: 11px;
}
#reserve_list .reward {
font-size: 13px;
}
#reserve_list .bold_txt {
font-size: 15px;
}
#reserve_list .reserve_thumb {
width: 50%;
min-width: 140px;
height: 160px;
margin-right: 8px
}
#reserve_list .discount_div div {
font-size: 10px;
padding: 3px;
padding-top: 5px;
}
#reserve_list .hotdeal {
border-radius: 3px;
font-size: 10px;
}
#reserve_list .hotdeal div {
padding: 3px;
}
#reserve_list .notice_div {
padding: 6px 0;
min-width: 46px;
width: 46px;
font-size: 11px;
}
#reserve_list .park_notice div span {
font-size: 13px;
}
#reserve_list .park_price li p {
font-size: 13px;
margin-top: 5px;
}
#reserve_list .park_price li .p_p_time {
margin-top: 0
}
#reserve_list .park_price {
margin: 10px 0;
margin-bottom: 0
}
#reserve_list .park_price li:nth-child(1) {
margin-bottom: 5px
}
#reserve_list .green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 12px;
}
.reserve_info_flex h2 {
font-size: 17px;
}
.ad_list .park_notice div span {
font-size: 13px;
}
.ad_list .notice_div {
font-size: 11px;
width: 49px;
min-width: 49px;
padding: 6px 5px
}
.reserve_flex > div {
width: 49.5%;
padding: 8px 5px;
border-radius: 4px;
}
#reserve_list {
padding-top: 15px
}
#reserve_list .interest_content, .ad_list > ul > li {
padding: 15px 12px;
}
#reserve_list {
min-height: calc(100vh - 360px)
}
.reserve_filter {
padding: 12px
}
.reserve_coupon {
padding: 10px;
}
.r_c_day {
font-size: 15px;
}
.r_c_price {
font-size: 14px;
}
.r_c_price span {
font-size: 17px
}
.r_f_left {
min-width: 140px
}
.reserve_info_txt .time_info {
margin-right: 5px
}
.reserve_share {
margin-left: 10px
}
.standard_time {
font-size: 10px
}
.detail_flex .red_txt > span:first-child {
margin-left: 3px
}
.reserve_detail_01 {
margin-right: 10px
}
.reserve_flex > div img {
width: 11px;
height: 11px
}
.reserve_flex > div:first-child, .reserve_flex > div:last-child {
padding: 7px 5px
}
.reserve_flex {
padding: 12px
}
.reserve_flex > div:first-child {
margin-bottom: 5px
}
.reserve_flex > div:first-child, .reserve_flex > div:last-child {
border-radius: 5px;
font-size: 12px;
padding: 8px
}
.reserve_flex > div:first-child {
margin-bottom: 0
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-size: 17px
}
.banner_02, .banner_03, .banner_04, .banner_05, .banner_06 {
height: 110px;
padding: 10px
}
.m_banner_ico {
width: 70px;
bottom: -15px
}
.banner_02 span, .banner_03 span, .banner_04 span, .banner_05 span {
font-size: 11px
}
.pic_change {
font-size: 14px
}
.login_btn li a div p {
min-width: 172px
}
.login_btn li a div {
width: 70%
}
#id_confirm_pop, #id_confirm_pop button {
font-size: 16px;
}
#id_confirm_pop button {
width: 120px
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
font-size: 16px!important
}
.match_type_pay {
font-size: 15px;
right: 20px;
top: 15px
}
.board_more p {
padding-right: 65px
}
.banner_04 .m_banner_ico {
width: 40px;
bottom: 13px;
right: 15px;
}
.banner_06 .m_banner_ico {
width: 40px;
bottom: 13px;
right: 15px;
}
.act_tit img {
width: 10px
}
#no_payment img {
width: 90px
}
#no_payment h3 {
font-size: 17px
}
.payment_div, .reserve_info_div, .payment_info_div {
padding: 15px
}
#reserve_list .reserve_thumb {
min-width: 130px
}
.reserve_info_txt .faddress_copy_btn_ico {
width: 16px;
height: 16px;
margin-bottom: -1px
}
.park_price li .p_p_time, .park_price {
font-size: 13px
}
.team_match_list > div {
padding-top: 70px
}
.team_flex {
margin: 20px 30px
}
#order_list a div img {
margin-right: 7px;
width: 21px;
height: 21px
}
.admin_main .main_content {
top: 50%
}
.admin_ico img {
width: 45px;
height: 45px
}
.pop_grey_div li div input {
width: 75px
}
.pop_grey_div li img {
width: 40px
}
.price_input {
width: 90px
}
.p_p_time {
font-size: 12px
}
.park_price {
font-size: 12px
}
.page_head {
padding: 15px
}
.period .reserve_cp_flex > p {
min-width: 78px
}
.head_place p {
font-size: 14px;
}
.head_place span {
font-size: 12px
}
.pop_chat_content {
padding-top: 5px;
}
/*전술판(축구)*/
.ttc_board_tab li a{
height:60px;
line-height:60px;
}
.ttc_board_fb .vs343 .add_position01{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs343 .add_position02{
width:45px;
}
.ttc_board_fb .vs343 .add_position03{
width:45px;
}
.ttc_board_fb .vs343 .add_position04{
width:45px;
}
.ttc_board_fb .vs343 .add_position05{
width:45px;
}
.ttc_board_fb .vs343 .add_position06{
width:45px;
}
.ttc_board_fb .vs343 .add_position07{
width:45px;
}
.ttc_board_fb .vs343 .add_position08{
width:45px;
}
.ttc_board_fb .vs343 .add_position09{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs343 .add_position10{
width:45px;
}
.ttc_board_fb .vs343 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs352 .add_position01{
width:45px;
}
.ttc_board_fb .vs352 .add_position02{
width:45px;
}
.ttc_board_fb .vs352 .add_position03{
width:45px;
}
.ttc_board_fb .vs352 .add_position04{
width:45px;
}
.ttc_board_fb .vs352 .add_position05{
width:45px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs352 .add_position06{
width:45px;
}
.ttc_board_fb .vs352 .add_position07{
width:45px;
}
.ttc_board_fb .vs352 .add_position08{
width:45px;
}
.ttc_board_fb .vs352 .add_position09{
width:45px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs352 .add_position10{
width:45px;
}
.ttc_board_fb .vs352 .add_position11{
width:45px;
left:calc(50% - 25.5px);
}
.ttc_board_fb .vs361 .add_position01{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs361 .add_position02{
width:45px;
}
.ttc_board_fb .vs361 .add_position03{
width:45px;
}
.ttc_board_fb .vs361 .add_position04{
width:45px;
}
.ttc_board_fb .vs361 .add_position05{
width:45px;
}
.ttc_board_fb .vs361 .add_position06{
width:45px;
}
.ttc_board_fb .vs361 .add_position07{
width:45px;
}
.ttc_board_fb .vs361 .add_position08{
width:45px;
}
.ttc_board_fb .vs361 .add_position09{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs361 .add_position10{
width:45px;
}
.ttc_board_fb .vs361 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs4231 .add_position01{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs4231 .add_position02{
width:45px;
}
.ttc_board_fb .vs4231 .add_position03{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs4231 .add_position04{
width:45px;
}
.ttc_board_fb .vs4231 .add_position05{
width:45px;
}
.ttc_board_fb .vs4231 .add_position06{
width:45px;
}
.ttc_board_fb .vs4231 .add_position07{
width:45px;
}
.ttc_board_fb .vs4231 .add_position08{
width:45px;
}
.ttc_board_fb .vs4231 .add_position09{
width:45px;
}
.ttc_board_fb .vs4231 .add_position10{
width:45px;
}
.ttc_board_fb .vs4231 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs433 .add_position01{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs433 .add_position02{
width:45px;
}
.ttc_board_fb .vs433 .add_position03{
width:45px;
}
.ttc_board_fb .vs433 .add_position04{
width:45px;
}
.ttc_board_fb .vs433 .add_position05{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs433 .add_position06{
width:45px;
}
.ttc_board_fb .vs433 .add_position07{
width:45px;
}
.ttc_board_fb .vs433 .add_position08{
width:45px;
}
.ttc_board_fb .vs433 .add_position09{
width:45px;
}
.ttc_board_fb .vs433 .add_position10{
width:45px;
}
.ttc_board_fb .vs433 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs442 .add_position01{
width:45px;
}
.ttc_board_fb .vs442 .add_position02{
width:45px;
}
.ttc_board_fb .vs442 .add_position03{
width:45px;
}
.ttc_board_fb .vs442 .add_position04{
width:45px;
}
.ttc_board_fb .vs442 .add_position05{
width:45px;
}
.ttc_board_fb .vs442 .add_position06{
width:45px;
}
.ttc_board_fb .vs442 .add_position07{
width:45px;
}
.ttc_board_fb .vs442 .add_position08{
width:45px;
}
.ttc_board_fb .vs442 .add_position09{
width:45px;
}
.ttc_board_fb .vs442 .add_position10{
width:45px;
}
.ttc_board_fb .vs442 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs532 .add_position01{
width:45px;
}
.ttc_board_fb .vs532 .add_position02{
width:45px;
}
.ttc_board_fb .vs532 .add_position03{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs532 .add_position04{
width:45px;
}
.ttc_board_fb .vs532 .add_position05{
width:45px;
}
.ttc_board_fb .vs532 .add_position06{
width:45px;
}
.ttc_board_fb .vs532 .add_position07{
width:45px;
}
.ttc_board_fb .vs532 .add_position08{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs532 .add_position09{
width:45px;
}
.ttc_board_fb .vs532 .add_position10{
width:45px;
}
.ttc_board_fb .vs532 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs541 .add_position01{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs541 .add_position02{
width:45px;
}
.ttc_board_fb .vs541 .add_position03{
width:45px;
}
.ttc_board_fb .vs541 .add_position04{
width:45px;
}
.ttc_board_fb .vs541 .add_position05{
width:45px;
}
.ttc_board_fb .vs541 .add_position06{
width:45px;
}
.ttc_board_fb .vs541 .add_position07{
width:45px;
}
.ttc_board_fb .vs541 .add_position08{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .vs541 .add_position09{
width:45px;
}
.ttc_board_fb .vs541 .add_position10{
width:45px;
}
.ttc_board_fb .vs541 .add_position11{
width:45px;
margin-left:-22.5px;
}
.ttc_board_fb .mb_nickname{
font-size:8px;
line-height:13px;
}
.roster .btn_add_roster .btn_add_player{
width:59.9px;
}
.roster .btn_add_roster .btn_player_add{
font-size:12px;
}
.roster .btn_add_roster .mb_nickname.plus{
line-height:19px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
font-size:10px;
line-height:19px;
}
}
@media (max-width: 390px) {
.pc_mh {
min-height: calc(100vh - 560px)
}
.payment_list {
min-height: calc(100vh - 178px);
}
.coupon_list_none {
min-height: calc(100% - 302px)
}
.social_match_list {
min-height: calc(100% - 305px)
}
/*전술판(풋살)*/
.ttc_board_fs .squad_sch{
width:192px;
}
.ttc_board_fs .squad_sch .inp_sch{
width:150px;
}
.ttc_board_tab li a{
height:57px;
line-height:57px;
font-size:20px;
}
.ttc_board_fs .vs3 .add_position01{
width:53px;
}
.ttc_board_fs .vs3 .add_position01 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs3 .add_position02{
width:53px;
}
.ttc_board_fs .vs3 .add_position02 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs3 .add_position03{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
}
.ttc_board_fs .vs3 .add_position03 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs4 .add_position01{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
}
.ttc_board_fs .vs4 .add_position01 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs4 .add_position02{
width:53px;
}
.ttc_board_fs .vs4 .add_position02 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs4 .add_position03{
width:53px;
}
.ttc_board_fs .vs4 .add_position03 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs4 .add_position04{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
}
.ttc_board_fs .vs4 .add_position04 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs5 .add_position01{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
}
.ttc_board_fs .vs5 .add_position01 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs5 .add_position02{
width:53px;
}
.ttc_board_fs .vs5 .add_position02 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs5 .add_position03{
width:53px;
}
.ttc_board_fs .vs5 .add_position03 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs5 .add_position04{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
top:54%;
}
.ttc_board_fs .vs5 .add_position04 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs5 .add_position05{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
top:74%;
}
.ttc_board_fs .vs5 .add_position05 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position01{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
}
.ttc_board_fs .vs6 .add_position01 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position02{
width:53px;
}
.ttc_board_fs .vs6 .add_position02 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position03{
width:53px;
}
.ttc_board_fs .vs6 .add_position03 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position04{
width:53px;
}
.ttc_board_fs .vs6 .add_position04 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position05{
width:53px;
}
.ttc_board_fs .vs6 .add_position05 .mb_nickname{
font-size:10px;
line-height:16px;
}
.ttc_board_fs .vs6 .add_position06{
width:53px;
left:calc( 50% - 26.5px);
margin-left:0px;
top:74%;
}
.ttc_board_fs .vs6 .add_position06 .mb_nickname{
font-size:10px;
line-height:16px;
}
/*전술판(축구)*/
.ttc_board_fb .squad_sch{
width:192px;
}
.ttc_board_fb .squad_sch .inp_sch{
width:150px;
}
.ttc_board_tab li a{
height:57px;
line-height:57px;
font-size:20px;
}
.ttc_board_fb .vs343 .add_position01{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs343 .add_position02{
width:43px;
}
.ttc_board_fb .vs343 .add_position03{
width:43px;
}
.ttc_board_fb .vs343 .add_position04{
width:43px;
}
.ttc_board_fb .vs343 .add_position05{
width:43px;
}
.ttc_board_fb .vs343 .add_position06{
width:43px;
}
.ttc_board_fb .vs343 .add_position07{
width:43px;
}
.ttc_board_fb .vs343 .add_position08{
width:43px;
}
.ttc_board_fb .vs343 .add_position09{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs343 .add_position10{
width:43px;
}
.ttc_board_fb .vs343 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs352 .add_position01{
width:43px;
}
.ttc_board_fb .vs352 .add_position02{
width:43px;
}
.ttc_board_fb .vs352 .add_position03{
width:43px;
}
.ttc_board_fb .vs352 .add_position04{
width:43px;
}
.ttc_board_fb .vs352 .add_position05{
width:43px;
left:calc(50% - 21.5px);
}
.ttc_board_fb .vs352 .add_position06{
width:43px;
}
.ttc_board_fb .vs352 .add_position07{
width:43px;
}
.ttc_board_fb .vs352 .add_position08{
width:43px;
}
.ttc_board_fb .vs352 .add_position09{
width:43px;
left:calc(50% - 21.5px);
}
.ttc_board_fb .vs352 .add_position10{
width:43px;
}
.ttc_board_fb .vs352 .add_position11{
width:43px;
left:calc(50% - 21.5px);
}
.ttc_board_fb .vs361 .add_position01{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs361 .add_position02{
width:43px;
}
.ttc_board_fb .vs361 .add_position03{
width:43px;
}
.ttc_board_fb .vs361 .add_position04{
width:43px;
}
.ttc_board_fb .vs361 .add_position05{
width:43px;
}
.ttc_board_fb .vs361 .add_position06{
width:43px;
}
.ttc_board_fb .vs361 .add_position07{
width:43px;
}
.ttc_board_fb .vs361 .add_position08{
width:43px;
}
.ttc_board_fb .vs361 .add_position09{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs361 .add_position10{
width:43px;
}
.ttc_board_fb .vs361 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs4231 .add_position01{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs4231 .add_position02{
width:43px;
}
.ttc_board_fb .vs4231 .add_position03{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs4231 .add_position04{
width:43px;
}
.ttc_board_fb .vs4231 .add_position05{
width:43px;
}
.ttc_board_fb .vs4231 .add_position06{
width:43px;
}
.ttc_board_fb .vs4231 .add_position07{
width:43px;
}
.ttc_board_fb .vs4231 .add_position08{
width:43px;
}
.ttc_board_fb .vs4231 .add_position09{
width:43px;
}
.ttc_board_fb .vs4231 .add_position10{
width:43px;
}
.ttc_board_fb .vs4231 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs433 .add_position01{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs433 .add_position02{
width:43px;
}
.ttc_board_fb .vs433 .add_position03{
width:43px;
}
.ttc_board_fb .vs433 .add_position04{
width:43px;
}
.ttc_board_fb .vs433 .add_position05{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs433 .add_position06{
width:43px;
}
.ttc_board_fb .vs433 .add_position07{
width:43px;
}
.ttc_board_fb .vs433 .add_position08{
width:43px;
}
.ttc_board_fb .vs433 .add_position09{
width:43px;
}
.ttc_board_fb .vs433 .add_position10{
width:43px;
}
.ttc_board_fb .vs433 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs442 .add_position01{
width:43px;
}
.ttc_board_fb .vs442 .add_position02{
width:43px;
}
.ttc_board_fb .vs442 .add_position03{
width:43px;
}
.ttc_board_fb .vs442 .add_position04{
width:43px;
}
.ttc_board_fb .vs442 .add_position05{
width:43px;
}
.ttc_board_fb .vs442 .add_position06{
width:43px;
}
.ttc_board_fb .vs442 .add_position07{
width:43px;
}
.ttc_board_fb .vs442 .add_position08{
width:43px;
}
.ttc_board_fb .vs442 .add_position09{
width:43px;
}
.ttc_board_fb .vs442 .add_position10{
width:43px;
}
.ttc_board_fb .vs442 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs532 .add_position01{
width:43px;
}
.ttc_board_fb .vs532 .add_position02{
width:43px;
}
.ttc_board_fb .vs532 .add_position03{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs532 .add_position04{
width:43px;
}
.ttc_board_fb .vs532 .add_position05{
width:43px;
}
.ttc_board_fb .vs532 .add_position06{
width:43px;
}
.ttc_board_fb .vs532 .add_position07{
width:43px;
}
.ttc_board_fb .vs532 .add_position08{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs532 .add_position09{
width:43px;
}
.ttc_board_fb .vs532 .add_position10{
width:43px;
}
.ttc_board_fb .vs532 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs541 .add_position01{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs541 .add_position02{
width:43px;
}
.ttc_board_fb .vs541 .add_position03{
width:43px;
}
.ttc_board_fb .vs541 .add_position04{
width:43px;
}
.ttc_board_fb .vs541 .add_position05{
width:43px;
}
.ttc_board_fb .vs541 .add_position06{
width:43px;
}
.ttc_board_fb .vs541 .add_position07{
width:43px;
}
.ttc_board_fb .vs541 .add_position08{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .vs541 .add_position09{
width:43px;
}
.ttc_board_fb .vs541 .add_position10{
width:43px;
}
.ttc_board_fb .vs541 .add_position11{
width:43px;
margin-left:-21.5px;
}
.ttc_board_fb .mb_nickname{
font-size:7px;
line-height:12px;
}
.roster .btn_add_roster .btn_add_player{
width:55.13px;
}
.roster .btn_add_roster .btn_player_add{
height:77%;
font-size:11px;
}
.roster .btn_add_roster .mb_nickname.plus{
line-height:17px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
font-size:10px;
line-height:17px;
}
.roster .owl-carousel .item .roster_img .btn_player_add{
height:77%;
font-size:11px;
}
/*팀원초대 팝업*/
.ivt_team_popup .layer_popup{
padding:17px 15px 17px 15px
}
.ivt_team_popup .layer_popup h2{
font-size:22px;
}
.ivt_team_popup .layer_popup .sch_box{
height:35px;
line-height:35px;
padding: 0 12px;
}
.ivt_team_popup .layer_popup .sch_box .sch_icon{
width:17px;
margin-right:5px;
}
.ivt_team_popup .layer_popup .sch_box .inp_sch{
width: calc(100% - 22px);
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_tit{
height:40px;
line-height:38px;
font-size:14px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody th{
height:38px;
font-size:14px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td{
height:38px;
font-size:14px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .btn_invite{
height:25px;
line-height:23px;
font-size:14px;
}
.ivt_team_popup .layer_popup .btn_popup_close{
position:absolute;
top:16px;
right:16px;
}
.ivt_team_popup .layer_popup .btn_popup_close img{
width:15px;
}
/*스쿼드 초기화 팝업*/
.squad_reset_popup .layer_popup{
padding: 16px 12px 16px 12px;
}
.squad_reset_popup .layer_popup .text_box .tit_text{
font-size:16px;
margin-top: 10%;
}
.squad_reset_popup .layer_popup .text_box .sub_text{
font-size:14px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li{
width: calc(50% - 7px);
margin-right:14px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li a{
height:42px;
line-height:42px;
font-size:14px;
}
}
@media (max-width: 375px) {
.charge_banner {
min-height: calc(100vh - 269px)
}
.other_txt .txt_date {
min-width: 100px
}
.method_btn li {
height: 40px;
line-height: 40px;
font-size: 14px;
width: 32%
}
.pc_mh {
min-height: calc(100vh - 510px)
}
.pay_btn button {
font-size: 17px
}
.social_clause {
font-size: 13px
}
.park_detail_note {
font-size: 13px
}
.social_park {
padding: 15px
}
.p15 {
padding: 15px
}
.match_note li {
font-size: 13px
}
.manager_txt p {
font-size: 11px
}
.park_detail_tit, .park_intro > .park_detail_tit {
font-size: 14px;
}
#reserve_list {
min-height: calc(100vh - 361px);
}
.deal_div .empty {
min-height: calc(100vh - 245px)
}
.board_conent .empty {
min-height: calc(100vh - 355px)
}
.prof_pop label p {
font-size: 15px;
}
.prof_pop label {
font-size: 15px;
padding: 20px 0
}
#main_03 .main_bg_01 {
min-height: calc(100vh - 123px)
}
.keyword_div {
min-height: calc(100vh - 298px);
}
.cf_park ul {
width: 174px;
min-width: 174px
}
.payment_list {
min-height: calc(100vh - 178px);
}
.a_c_tit .red_txt {
display: block;
margin-left: 0
}
.main_bg_01 {
min-height: calc(100vh - 123px)
}
.cf_content {
min-height: calc(100vh - 319px)
}
.team_match_list > .match_wait_none {
min-height: calc(100vh - 267px)
}
.point_detail {
min-height: calc(100vh - 431px)
}
.coupon_list_none {
min-height: calc(100% - 292px)
}
.chat_info_flex {
min-width: 201px
}
.chat_info_park {
width: auto;
}
.chat_info_txt {
font-size: 15px;
margin-bottom: 10px
}
.chat_info_park > p:first-child {
font-size: 15px;
margin-bottom: 7px
}
.chat_info_park > p:last-child {
font-size: 13px
}
.board_reply_detail .p50 {
padding: 0 20px
}
.deal_detail_info h3 {
font-size: 16px;
padding: 10px 0
}
.head_flex {
font-size: 11px
}
.match_logo {
box-shadow: -3px 2px 7px #ccc
}
.match_logo_div {
min-width: 70px;
padding-left: 0
}
.match_team_li .green_div, .match_team_li .yellow_div, .match_team_li .red_div, .match_team_li .red_div {
min-width: 47px;
}
.match_team_li .black_box {
min-width: 32px
}
.hotdeal div {
height: 21px;
line-height: 21px;
}
.park_price li .p_p_time, .park_price {
font-size: 13px;
}
.reserve_info_txt .faddress_copy_btn_ico {
width: 14px;
height: 14px;
margin-bottom: -1px
}
.share_img {
width: 19px;
height: 19px
}
.reserve_flex > div:first-child, .reserve_flex > div:last-child {
font-size: 11px;
padding: 9px
}
.bot_btn {
padding: 0 20px
}
.main_head, .user_head {
height: 50px;
}
.user_head {
padding: 8px 0
}
.logo {
width: 50px;
height: 50px;
}
.user_head h1 {
font-size: 17px;
}
.user_head p {
font-size: 10px;
}
.right_head {
height: 50px;
}
.main_pop {
height: 55px;
}
.main_plus {
width: 55px;
height: 55px;
}
.main_plus img {
width: 27px;
height: 27px;
}
.main_pop_txt {
padding-left: 15px;
}
.main_pop_txt h2 {
font-size: 14px;
}
.main_pop_txt p {
font-size: 12px;
}
.banner_01 {
padding: 10px;
}
.banner_01 p {
font-size: 13px;
}
.banner_01 span {
font-size: 20px;
}
.banner_02, .banner_03, .banner_04, .banner_05, .banner_06 {
height: 100px;
padding: 10px;
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-size: 17px;
}
.banner_02 span, .banner_03 span, .banner_04 span, .banner_05 span {
font-size: 10px;
}
.point_head p, .coupon_head p {
font-size: 12px;
}
.point_head img, .coupon_head img {
width: 17px;
height: 17px;
}
.tapm .footer {
height: 65px;
}
.tap a img {
width: 24px;
height: 24px;
}
.tap a span {
font-size: 12px;
}
.tap a div {
margin-bottom: 0
}
.tap_notice {
width: 13px;
height: 13px;
max-height: 13px;
}
.tap_notice p {
line-height: 13px;
font-size: 10px;
}
.main_team_info {
padding: 15px;
}
.team_info_plus {
width: 110px;
height: 110px
}
.main_team_info h2 {
font-size: 18px;
}
.team_info_ul {
width: 40%;
}
.team_info_ul li {
margin-top: 7px;
font-size: 13px;
}
.team_info_flex > a h2, .team_info_match h2 {
font-size: 16px;
}
.team_info_flex div img {
width: 40px;
height: 40px;
}
.team_info_tactics div img {
width: 50px;
height: 50px;
}
.team_info_match div img {
width: 50px;
height: 50px;
}
.team_info_match {
height: 80px;
}
.team_info_flex > a {
height: 90px;
}
.main_team_info {
height: 160px;
}
.main_team_info, .team_info_match, .team_info_flex > a {
padding: 15px;
}
.team_info_div {
top: 26%
}
.profile_img {
margin-bottom: 5px;
width: 85px;
height: 85px
}
.user_info h2 {
font-size: 21px;
}
.user_info {
height: 170px;
}
.mymenu_01 li a span {
font-size: 11px;
}
.mymenu_02 {
margin-bottom: 100px;
}
.mymenu_02 li {
padding: 20px 30px;
}
.mymenu_02 li a p {
font-size: 15px;
}
.mymenu_02 li a div img {
width: 16px;
height: 16px;
}
#order_list a div img {
width: 22px;
height: 22px;
}
.arrow_right {
width: 14px;
height: 14px;
}
.user_profile_img {
width: 90px;
height: 90px;
}
.mymenu_01 img {
width: 30px;
}
.mymenu_01 li:nth-child(2) img {
width: 40px
}
.mypoint > p {
margin-right: 20px;
margin-left: 20px;
}
.add_coupon {
padding: 13px 0;
font-size: 13px;
}
.coupon_list_none img {
width: 90px;
height: 90px;
}
.coupon_list_none p {
font-size: 14px
}
.coupon_detail h2 {
font-size: 25px;
margin-bottom: 15px;
}
.coupon_info_flex p {
font-size: 10px;
}
.coupon_info li {
font-size: 10px;
}
.coupon_info li:nth-child(1) {
font-size: 13px;
}
.place_direct {
font-size: 14px;
}
.coupon_logo {
width: 55px;
height: 55px
}
.more_coupon_btn span {
margin-left: 4px;
width: 5px;
height: 5px;
}
.coupon_detail > li {
padding: 20px;
padding-bottom: 15px;
}
.coupon_list > p {
margin-top: 0
}
.add_coupon_flex {
margin-bottom: 15px
}
.add_coupon_div input {
font-size: 14px;
padding: 10px;
}
.add_coupon_div button {
font-size: 14px;
padding: 12px 0;
}
.charge_div_txt p, .point_charge_detail p {
font-size: 16px;
}
.charge_alert {
font-size: 13px;
padding: 20px 0
}
.phone_input input {
width: 21%;
}
.myprofile_info {
padding: 25px
}
.my_activity {
padding: 25px 0
}
.my_activity_info {
padding-top: 25px;
max-height: 118px
}
.my_activity_info ul li {
padding: 10px 0;
padding-left: 10px;
}
.event_link {
font-size: 12px;
}
.event_coupon {
font-size: 16px;
}
.event_tit {
margin-bottom: 20px;
}
.event_writer {
padding-bottom: 10px;
}
.event_writer div p {
font-size: 14px;
}
.event_writer img {
width: 20px;
height: 20px;
}
.pay_date, .reserve_info_div .reserve_info, .place_flex {
font-size: 13px;
}
.payment_box h2 {
font-size: 17px;
}
.reserve_info, .price {
font-size: 14px;
}
.condition li, .place_flex ul {
font-size: 12px;
}
.condition img {
width: 15px;
height: 15px;
}
.payment_div {
padding: 15px;
}
.condition li {
height: 40px
}
.r_d_flex {
height: 38px
}
.reserve_check {
font-size: 11px;
padding: 8px 10px;
}
.reserve_check img {
width: 10px;
height: 10px;
}
.reserve_info_div h3 {
font-size: 16px;
}
.address {
font-size: 12px;
}
.payment_info_div {
font-size: 13px;
}
.discount_detail {
font-size: 12px;
margin-top: 10px;
}
.price_info > li {
padding-bottom: 10px;
}
.pay_detail {
padding-top: 15px;
}
.pay_detail li:nth-child(1) {
margin-bottom: 10px;
}
.reserve_info_div .reserve_info {
margin-bottom: 7px;
}
.payment_no {
height: 68vh;
}
.payment_no img {
width: 80px;
height: 80px;
margin-bottom: 40px;
}
.park_thumb {
height: 210px;
}
.interest_content {
padding: 20px;
}
.smartdoor h2 {
font-size: 27px;
}
.smartdoor_plan {
font-size: 22px;
}
.blank_div img {
width: 45px;
height: 45px;
}
.locked_img {
width: 110px;
height: 110px;
}
.smartdoor_alert {
margin-bottom: 30px;
}
.withdrawal_note .withdrawal_note_list li, .withdrawal_note .withdrawal_note_list .red_txt {
font-size: 14px;
}
.withdrawal_note .withdrawal_note_list li:not(:last-child) {
margin-bottom: 15px;
}
.point_alert > p {
font-size: 14px;
}
.point_alert ul {
padding: 15px;
margin-top: 15px;
}
.withdrawal_note_list {
padding: 20px;
}
.withdrawal {
padding-top: 20px;
}
.withdrawal > p {
padding: 0 30px;
padding-bottom: 15px;
font-size: 18px;
}
.withdrawal_note .red_txt {
font-size: 13px;
margin-bottom: 0
}
.agree img {
width: 21px;
height: 21px;
top: 1px;
}
.agree .blank {
width: 16px;
height: 16px;
}
.agree p {
font-size: 15px;
margin-left: 25px;
}
.agree #checked {
top: -2px;
}
.withdrawal_alert p {
font-size: 13px;
padding: 0;
padding-bottom: 20px;
}
.withdrawal_alert h3 {
font-size: 15px;
padding: 20px 0
}
.confirm_btn {
font-size: 15px;
padding: 12px 50px
}
#invite_div ul li p {
font-size: 13px;
}
#invite_div ul {
padding: 25px 30px;
}
.login_btn li a {
font-size: 14px;
}
.login_btn li {
padding: 19px 0;
border-radius: 7px;
margin-bottom: 15px;
}
.logo_img {
margin-bottom: 50px;
width: 105px;
height: 105px
}
#clause > p {
font-size: 20px;
}
.all_agree > p {
font-size: 16px;
}
.all_agree > p span, .clause_list li p {
font-size: 14px;
}
#clause input[type="checkbox"]+label {
width: 18px;
height: 18px;
}
.clause_list li {
margin-bottom: 25px;
}
.signup_02 {
margin-top: 50px;
}
.signup_02 > p {
font-size: 12px;
}
.signup_01 h2, .signup_02 h2, .phone_find {
font-size: 18px;
}
.find_tab {
margin-top: 25px;
}
.find_tab li a {
font-size: 14px;
}
.signup_02 h2 {
margin-bottom: 10px;
}
.signup_01 > div input, .signup_02 div input, .waiting_time, .p_c_flex {
font-size: 13px;
}
.p_c_flex span {
font-size: 11px
}
.confirm_num button {
font-size: 14px;
}
.help {
font-size: 14px;
bottom: 100px;
}
.help img {
width: 10px;
height: 10px;
}
.confirm_num {
margin-top: 0 !important;
}
.phone_confirm_num {
margin-bottom: 15px;
}
.find_tab li a {
padding: 14px 0
}
.id_confirm {
font-size: 11px;
}
.charge_banner {
padding: 20px;
}
.charge_div {
width: 85%
}
.point_alert {
padding: 0 20px;
}
.recommend {
margin-top: 7px;
}
.recommend p, .recommend span, .board_note, .board_detail_info {
font-size: 12px;
}
.recommend img {
width: 12px;
height: 12px;
margin-bottom: 2px
}
.entry_div p, .op_div, .entry_info span {
font-size: 10px;
}
.entry_info img {
width: 12px;
height: 12px;
}
.op_div {
padding: 6px 0;
padding-bottom: 7px;
}
.board_conent li {
padding: 20px;
}
.board_name {
font-size: 15px;
}
.board_name .category {
padding: 4px 10px;
}
.b_p_div {
width: 42px;
height: 42px;
}
.board_conent h2 {
font-size: 17px;
}
.board_reply img {
width: 27px;
height: 27px;
}
#free_board .m30 {
margin: 0 15px;
}
#free_board .reply_all {
margin-bottom: 20px;
}
.board_conent_txt {
padding: 15px 0
}
.board_conent_txt p, .profile_info p, .board_date, .reply_all {
font-size: 13px;
}
.profile_info img {
width: 18px;
height: 18px;
}
.board_tit h2 {
font-size: 19px;
}
.board_tit {
padding: 20px 0
}
.board_reply_detail li {
padding: 10px 0;
padding-bottom: 13px;
}
.recoment {
margin-top: 15px;
}
.deal_list li {
padding: 15px;
}
.deal_thumb {
width: 100px;
height: 110px;
min-width: 110px;
}
.deal_content h2 {
font-size: 16px;
}
.deal_date {
font-size: 13px;
margin-bottom: 15px;
}
.deal_price {
font-size: 17px;
}
.deal_reply img {
width: 20px;
height: 20px;
}
.deal_detail_div h2 {
font-size: 18px;
}
.deal_prof_name {
font-size: 14px;
}
.deal_prof_name img {
width: 17px;
height: 17px;
margin-top: 0
}
.deal_more_btn span:not(:last-child) {
margin-bottom: 2px;
}
.league_thumb, .league_thumb_no {
width: 120px;
min-width: 120px;
height: 90px;
border-radius: 25px;
}
.league_txt h2 {
font-size: 16px;
}
.league_date {
font-size: 10px;
}
.league_price {
font-size: 17px;
}
.league_reply {
font-size: 10px;
}
.league_reply img {
width: 18px;
height: 18px;
}
.league_price_info {
font-size: 12px;
}
.reserve_flex > div {
font-size: 10px;
}
.reserve_flex > div img {
width: 11px;
height: 11px;
}
.reserve_place img {
margin-bottom: -1px
}
.notice_div {
padding: 7px 9px
}
#reserve_list .reserve_thumb {
width: 50%;
height: 160px;
}
.ad_list .park_price li {
flex-direction: column;
}
.ad_list .park_price li:nth-child(1) {
margin-bottom: 8px;
}
#reserve_list .park_price li {
flex-direction: column;
}
#reserve_list .park_price li:nth-child(1) {
margin-bottom: 8px;
}
.reserve_txt_flex h2 {
font-size: 18px;
}
.like {
font-size: 12px;
}
.like img {
width: 16px;
height: 16px;
}
.reserve_txt .grade img {
width: 13px;
height: 13px;
margin-right: 2px;
}
.reserve_info_txt img {
width: 12px;
height: 12px;
margin-top: 2px;
}
.reserve_info_txt li {
font-size: 12px;
margin-bottom: 5px;
}
.reserve_cp_price span {
font-size: 17px;
}
.reserve_cp_price {
font-size: 17px;
margin-right: 7px;
}
.reserve_cp_flex .green_box, .reserve_cp_flex .black_box {
font-size: 10px;
padding: 4px 0;
text-align: center;
}
.reserve_cp_flex .green_box {
min-width: 47px;
}
.reserve_cp_flex .black_box {
min-width: 35px;
}
.period li {
font-size: 10px;
}
.reserve_detail_01 .reserve_pop div p {
font-size: 10px;
}
.down_btn {
padding: 7px 0;
padding-bottom: 9px;
min-width: 80px;
font-size: 12px
}
.reserve_sel li p {
font-size: 11px;
}
.reserve_sel .reserve_sel_date p {
font-size: 13px;
}
.reserve_detail_01 .reserve_pop div p:nth-child(2) {
font-size: 12px;
}
.reserve_detail_02 h3 {
font-size: 16px;
}
.reserve_detail_02 > p {
font-size: 12px;
}
.detail_flex .red_txt {
font-size: 12px;
}
.detail_flex .dc_price {
font-size: 12px;
}
.dc_rate {
font-size: 12px;
}
.detail_flex_02 {
font-size: 14px
}
.park_intro {
padding: 15px;
}
.time_flex > div {
font-size: 11px;
}
.reserve_detail_img {
height: 190px;
}
.reserve_detail_img .arrow_img {
width: 18px;
height: 18px;
}
.reserve_detail_01 {
width: 50%;
margin-right: 10px;
}
.reserve_detail_01 .reserve_pop {
left: 10px;
}
.dark {
padding: 6px;
}
.reserve_detail_01 .reserve_thumb {
height: 140px;
}
.reserve_content > ul > li {
padding: 15px;
}
.park_intro > p {
font-size: 14px;
}
.park_price_info > p {
align-items: center;
}
.park_price_info > p span {
font-size: 11px;
}
.park_intro ul li {
font-size: 11px;
line-height: 1.5
}
.park_info_list li img {
width: 45%;
}
.park_info_list li {
width: 54px;
min-width: 54px;
height: 50px;
}
.park_info_list li p {
font-size: 10px;
margin-top: 35px;
}
.detail_flex {
margin-top: 10px;
}
.reserve_detail_01 .hotdeal div {
padding: 3px;
}
.reserve_detail_01 .hotdeal img {
width: 16px;
height: 16px;
}
.reserve_detail_01 .hotdeal {
width: 54px;
min-width: 54px;
}
.reserve_detail_01 .accept {
width: 106px;
min-width: 106px;
}
.down_btn img {
width: 11px;
height: 11px;
}
.reserve_float li p {
font-size: 12px;
margin-bottom: 0
}
.reserve_float li:nth-child(2) img {
width: 19px;
height: 19px;
}
.reserve_float li:nth-child(2) p {
font-size: 14px;
}
.reserve_float ul {
height: 50px;
}
.reserve_float_other ul {
height: 40px;
}
.reserve_float_other li p {
font-size: 15px
}
.swiper-pagination {
font-size: 12px
}
.p2030 {
padding: 20px
}
.park_detail_note {
padding: 15px 20px
}
.special_info .form_tit {
padding: 15px 20px
}
.pay_info ul li > input, .pay_info ul li > .team_sel, .match_input .flex_alc input, .hope_team select {
padding: 8px;
font-size: 12px;
}
.w_match {
font-size: 13px;
padding: 12px 10px;
}
.agree_div ul .flex_alc p, .none_line {
font-size: 13px;
}
.agree_div ul li:not(:last-child) {
margin-bottom: 12px;
}
.reserve_park .method {
padding-bottom: 25px;
}
.form_tit {
font-size: 16px;
margin-bottom: 15px;
}
.reserve_park .first_div h2 {
font-size: 20px;
}
.mypoint h2 {
font-size: 22px;
}
.mypoint {
height: 200px;
}
.board_tit .board_more {
top: 25px;
right: 3px;
}
.pay_info ul li > .team_sel select {
font-size: 12px;
}
.point_input {
padding: 1px 5px;
}
#reserve_list .park_info h2 {
font-size: 15px;
}
#reserve_list .grade img {
width: 12px;
height: 12px;
margin-top: -2px;
}
#reserve_list .grade {
font-size: 11px;
}
#reserve_list .reward {
font-size: 13px;
}
#reserve_list .bold_txt {
font-size: 15px;
}
#reserve_list .reserve_thumb {
width: 50%;
height: 140px;
margin-right: 8px
}
#reserve_list .discount_div div {
font-size: 10px;
padding: 3px;
padding-top: 5px;
}
#reserve_list .hotdeal {
border-radius: 3px;
font-size: 10px;
}
#reserve_list .hotdeal img {
width: 17px;
height: 17px;
left: -2px;
}
#reserve_park_info .hotdeal div {
height: 20px;
line-height: 20px
}
#reserve_list .hotdeal div {
padding: 4px;
}
#reserve_list .notice_div {
padding: 6px 0;
min-width: 46px;
width: 46px;
font-size: 11px;
}
#reserve_list .park_notice div span {
font-size: 13px;
}
#reserve_list .park_price li:nth-child(1) {
margin-bottom: 3px
}
#reserve_list .green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 12px;
}
.r_c_day {
font-size: 11px;
}
.r_c_day span:not(:last-child)::after {
width: 2px;
height: 2px;
margin: 3px 3px 3px
}
.r_c_price {
font-size: 11px;
}
.r_c_price span {
font-size: 14px
}
.r_c_green {
width: 76%
}
.period .reserve_cp_flex > p {
margin-right: 5px;
padding-right: 7px
}
.reserve_float a {
font-size: 15px;
}
.reserve_float img {
width: 16px;
height: 16px
}
.r_f_left {
min-width: 110px;
}
.r_f_left a {
font-size: 11px;
padding: 5px 12px;
padding-bottom: 6px;
}
.r_f_left img {
width: 12px;
height: 12px;
}
.reserve_call img {
width: 10px;
height: 10px
}
#r_c_page .swiper-pagination-bullet {
width: 6px;
height: 6px
}
.period {
margin-top: 7px
}
.reserve_share {
font-size: 11px
}
/* .reserve_float img {
width: 12px;
height: 12px;
margin-top: 2px
}
*/
.time_flex input[type="checkbox"]+label {
font-size: 11px
}
.deal_thumb_img {
height: 310px
}
.deal_detail_div .swiper-wrapper {
height: 310px
}
.deal_detail_div .swiper-slide {
height: 310px
}
.deal_detail_div .swiper-container {
height: 310px
}
.signup_01 > div input, .signup_02 div input, .waiting_time, .email_input input, .p_c_flex {
font-size: 13px;
}
.email_input button {
font-size: 13px;
height: 45px;
min-width: 55px;
}
.email_login_logo {
width: 80px;
height: 80px
}
.reserve_share p {
min-width: 21px
}
.login_btn li a div p {
min-width: 142px;
}
.login_btn li a div {
width: 65%
}
.m_banner_ico {
width: 60px;
}
.recoment_input_div {
padding: 15px
}
#reserve_park_info .hotdeal div {
padding: 2px;
}
#reserve_list .reserve_thumb {
min-width: 120px
}
.reserve_detail_01 .reserve_thumb {
height: 170px
}
.circle {
width: 80px;
height: 80px
}
.occ_grey {
font-size: 11px
}
.occ_grey ul > li p {
min-width: 55px
}
#order_list a div img {
width: 19px;
height: 19px;
margin-right: 7px;
}
#a_b_03 img, .admin_main .banner_04 .admin_ico img {
width: 45px;
height: 45px
}
.admin_main .banner_05 img {
width: 50px;
}
.admin_main .banner_05 {
height: 70px
}
.park_thumb_div {
margin-right: 15px
}
.park_thumb_box {
width: 130px;
min-width: 130px;
height: 130px
}
.pop_grey_div li div input {
width: 70px
}
.price_input {
width: 80px
}
.pop_grey_div li img {
width: 35px
}
.day_setting button {
font-size: 11px;
padding: 7px;
height: 30px
}
#reserve_field .reserve_detail_01 {
min-width: 125px
}
.period .reserve_cp_flex > p {
min-width: 63px
}
#match_admin .team_flex {
}
}
@media (max-width: 370px) {
.match_border .occ_txt {
font-size: 14px;
}
.occ_offensive .match_border .occ_txt {
top: -13px
}
.occ_txt2 {
font-size: 16px;
top: 11px;
}
.occ_team_box div {
font-size: 12px
}
.occ_team_box span {
font-size: 13px
}
.occ_vs {
top: 39px;
font-size: 12px
}
.occ_vs img {
width: 16px;
}
.occ_txt_box {
width: 160px;
}
.occ_txt_img {
width: 134px;
height: 70px;
left: 7px;
top: 82px
}
.occ_team_box img {
width: 114px
}
.occ_state {
top: 99px;
left: 28px;
}
.occ_state .navy_txt {
min-width: 60px
}
.s_p_div {
width: 33%
}
.mem_info_detail {
padding: 0 20px
}
.dc_detail li {
flex-wrap: wrap;
}
}
@media (max-width: 362px) {
.keyword_div {
min-height: calc(100vh - 317px);
}
}
@media (max-width: 360px) {
.pc_mh {
min-height: calc(100vh - 500px)
}
.social_pay {
min-height: calc(100vh - 123px)
}
.payment_list {
min-height: calc(100vh - 195px);
}
#match_admin {
min-height: calc(100vh - 261px)
}
.social_match_list {
min-height: calc(100% - 302px)
}
.team_match_list > .match_wait_none {
min-height: calc(100vh - 262px)
}
.coupon_list_none {
min-height: calc(100% - 289px)
}
#no_payment h3 {
font-size: 15px;
margin-top: 35px
}
#no_payment img {
width: 85px
}
.p2030 {
padding: 15px;
}
.special_info .form_tit {
padding: 15px
}
.park_detail_note {
padding: 15px
}
.border_line p {
font-size: 14px;
}
.method_sel {
padding: 4px 7px;
width: 110px;
}
.method_sel select {
font-size: 12px;
}
.method ul li p {
font-size: 13px;
margin-bottom: 1px;
}
.reserve_park input[type="checkbox"]+label {
font-size: 14px
}
.agree_div {
font-size: 13px;
}
.agree_detail {
font-size: 12px;
}
.pay_btn button {
font-size: 15px;
}
.method ul {
margin-bottom: 10px;
}
.r_time_info, .dc_rate {
font-size: 10px
}
.reserve_price {
font-size: 12px
}
.r_price_info {
font-size: 12px
}
.main_content {
width: 90%;
}
.phone_num button {
min-width: 55px
}
.login_btn li a div {
width: 70%
}
.point_detail_none img {
width: 85px;
height: 85px
}
.my_activity_info > p {
margin-right: 25px
}
.my_activity > div > p {
padding-left: 20px
}
.myprofile_info {
padding: 20px
}
.my_activity_div {
padding: 15px 20px
}
.match_type_pay {
font-size: 14px
}
.ad_list .grade_value {
font-size: 10px
}
.ad_list .grade img {
width: 12px;
height: 12px
}
.hotdeal img {
width: 15px;
height: 15px;
}
.hotdeal div {
height: 19px;
line-height: 19px;
padding: 2px
}
.ad_list .hotdeal div {
padding: 0 2px
}
.ad_list .grade img {
margin-right: 2px
}
.o_p_days, .o_p_weekend, .o_p_table, .other_park_flex > .other_park_01 {
width: 60px;
}
.o_p_line {
height: 64px;
transform: translate(-50%,-50%) rotate(298deg)
}
#match_admin .team_flex {
margin: 28px 30px
}
.match_state li {
font-size: 12px
}
.match_state {
padding: 13px 0;
}
.matching_state {
padding: 14px
}
.mem_info_detail {
padding: 0 10px
}
.mem_sel {
padding-left: 10px
}
#a_b_04 img {
width: 55px;
height: 55px
}
.day_setting button {
height: 28px;
padding: 6px;
}
.day_setting button {
font-size: 10px
}
.day_setting {
min-width: 160px
}
.park_list {
width: 160px;
}
.admin_main {
min-height: calc(100vh - 154px)
}
/*전술판(풋살)*/
.ttc_board_tab li a{
height:52px;
line-height:52px;
font-size:19px;
}
.ttc_board_fs .ttc_board_chg li a{
width:30px;
font-size:14px;
}
.ttc_board_fs .squad_sch{
width:175px
}
.ttc_board_fs .squad_sch .inp_sch{
width:130px;
font-size:12px;
}
.ttc_board_fs .function_btn .btn_invite_team{
width:74px;
height:27px;
line-height:27px;
font-size:11px;
border-radius:4px;
}
.ttc_board_fs .function_btn .squad_select{
width:93px;
height:27px;
padding:0 6px;
background-size:24px 24px;
}
.ttc_board_fs .function_btn .btn_share img{
width:24px;
}
.squad_reset{
height:38px;
line-height:36px;
font-size:16px;
}
/*전술판(축구)*/
.ttc_board_fb .ttc_board_chg li a{
width:30px;
font-size:14px;
}
.ttc_board_fb .squad_sch{
width:175px
}
.ttc_board_fb .squad_sch .inp_sch{
width:130px;
font-size:12px;
}
.ttc_board_fb .function_btn .btn_invite_team{
width:74px;
height:27px;
line-height:27px;
font-size:11px;
border-radius:4px;
}
.ttc_board_fb .function_btn .squad_select{
width:93px;
height:27px;
padding:0 6px;
background-size:24px 24px;
}
.ttc_board_fb .function_btn .btn_share img{
width:24px;
}
.ttc_board_fb .vs343 .add_position01{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs343 .add_position02{
width:41px;
}
.ttc_board_fb .vs343 .add_position03{
width:41px;
}
.ttc_board_fb .vs343 .add_position04{
width:41px;
}
.ttc_board_fb .vs343 .add_position05{
width:41px;
}
.ttc_board_fb .vs343 .add_position06{
width:41px;
}
.ttc_board_fb .vs343 .add_position07{
width:41px;
}
.ttc_board_fb .vs343 .add_position08{
width:41px;
}
.ttc_board_fb .vs343 .add_position09{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs343 .add_position10{
width:41px;
}
.ttc_board_fb .vs343 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs352 .add_position01{
width:41px;
}
.ttc_board_fb .vs352 .add_position02{
width:41px;
}
.ttc_board_fb .vs352 .add_position03{
width:41px;
}
.ttc_board_fb .vs352 .add_position04{
width:41px;
}
.ttc_board_fb .vs352 .add_position05{
width:41px;
left:calc(50% - 20.5px);
}
.ttc_board_fb .vs352 .add_position06{
width:41px;
}
.ttc_board_fb .vs352 .add_position07{
width:41px;
}
.ttc_board_fb .vs352 .add_position08{
width:41px;
}
.ttc_board_fb .vs352 .add_position09{
width:41px;
left:calc(50% - 20.5px);
}
.ttc_board_fb .vs352 .add_position10{
width:41px;
}
.ttc_board_fb .vs352 .add_position11{
width:41px;
left:calc(50% - 20.5px);
}
.ttc_board_fb .vs361 .add_position01{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs361 .add_position02{
width:41px;
}
.ttc_board_fb .vs361 .add_position03{
width:41px;
}
.ttc_board_fb .vs361 .add_position04{
width:41px;
}
.ttc_board_fb .vs361 .add_position05{
width:41px;
}
.ttc_board_fb .vs361 .add_position06{
width:41px;
}
.ttc_board_fb .vs361 .add_position07{
width:41px;
}
.ttc_board_fb .vs361 .add_position08{
width:41px;
}
.ttc_board_fb .vs361 .add_position09{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs361 .add_position10{
width:41px;
}
.ttc_board_fb .vs361 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs4231 .add_position01{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs4231 .add_position02{
width:41px;
}
.ttc_board_fb .vs4231 .add_position03{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs4231 .add_position04{
width:41px;
}
.ttc_board_fb .vs4231 .add_position05{
width:41px;
}
.ttc_board_fb .vs4231 .add_position06{
width:41px;
}
.ttc_board_fb .vs4231 .add_position07{
width:41px;
}
.ttc_board_fb .vs4231 .add_position08{
width:41px;
}
.ttc_board_fb .vs4231 .add_position09{
width:41px;
}
.ttc_board_fb .vs4231 .add_position10{
width:41px;
}
.ttc_board_fb .vs4231 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs433 .add_position01{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs433 .add_position02{
width:41px;
}
.ttc_board_fb .vs433 .add_position03{
width:41px;
}
.ttc_board_fb .vs433 .add_position04{
width:41px;
}
.ttc_board_fb .vs433 .add_position05{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs433 .add_position06{
width:41px;
}
.ttc_board_fb .vs433 .add_position07{
width:41px;
}
.ttc_board_fb .vs433 .add_position08{
width:41px;
}
.ttc_board_fb .vs433 .add_position09{
width:41px;
}
.ttc_board_fb .vs433 .add_position10{
width:41px;
}
.ttc_board_fb .vs433 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs442 .add_position01{
width:41px;
}
.ttc_board_fb .vs442 .add_position02{
width:41px;
}
.ttc_board_fb .vs442 .add_position03{
width:41px;
}
.ttc_board_fb .vs442 .add_position04{
width:41px;
}
.ttc_board_fb .vs442 .add_position05{
width:41px;
}
.ttc_board_fb .vs442 .add_position06{
width:41px;
}
.ttc_board_fb .vs442 .add_position07{
width:41px;
}
.ttc_board_fb .vs442 .add_position08{
width:41px;
}
.ttc_board_fb .vs442 .add_position09{
width:41px;
}
.ttc_board_fb .vs442 .add_position10{
width:41px;
}
.ttc_board_fb .vs442 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs532 .add_position01{
width:41px;
}
.ttc_board_fb .vs532 .add_position02{
width:41px;
}
.ttc_board_fb .vs532 .add_position03{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs532 .add_position04{
width:41px;
}
.ttc_board_fb .vs532 .add_position05{
width:41px;
}
.ttc_board_fb .vs532 .add_position06{
width:41px;
}
.ttc_board_fb .vs532 .add_position07{
width:41px;
}
.ttc_board_fb .vs532 .add_position08{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs532 .add_position09{
width:41px;
}
.ttc_board_fb .vs532 .add_position10{
width:41px;
}
.ttc_board_fb .vs532 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs541 .add_position01{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs541 .add_position02{
width:41px;
}
.ttc_board_fb .vs541 .add_position03{
width:41px;
}
.ttc_board_fb .vs541 .add_position04{
width:41px;
}
.ttc_board_fb .vs541 .add_position05{
width:41px;
}
.ttc_board_fb .vs541 .add_position06{
width:41px;
}
.ttc_board_fb .vs541 .add_position07{
width:41px;
}
.ttc_board_fb .vs541 .add_position08{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .vs541 .add_position09{
width:41px;
}
.ttc_board_fb .vs541 .add_position10{
width:41px;
}
.ttc_board_fb .vs541 .add_position11{
width:41px;
margin-left:-20.5px;
}
.ttc_board_fb .mb_nickname{
font-size:7px;
line-height:12px;
}
.roster .btn_add_roster .btn_add_player{
width:51.25px;
}
.roster .btn_add_roster .btn_player_add{
height:77%;
font-size:11px;
}
.roster .btn_add_roster .mb_nickname.plus{
line-height:15px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
line-height:15px;
}
.p_rgist_popup .layer_popup{
padding:42px 15px 15px 15px;
}
.p_rgist_popup .layer_popup table th{
height:32px;
font-size:14px;
}
.p_rgist_popup .layer_popup table td{
height:32px;
font-size:14px;
}
.p_rgist_popup .u_filebox .upload-name{
height:26px;
width:calc(100% - 26px);
}
.p_rgist_popup .layer_popup table td .player_name{
height:26px;
}
.p_rgist_popup .u_filebox label img{
width:26px;
}
.p_rgist_popup .layer_popup .bottom_btn_box li a{
height:32px;
line-height:32px;
font-size:14px;
}
/*스쿼드 초기화 팝업*/
.squad_reset_popup .layer_popup .text_box .tit_text{
font-size:14px;
margin-top: 10%;
}
.squad_reset_popup .layer_popup .text_box .sub_text{
font-size:12px;
}
.squad_reset_popup .layer_popup{
padding: 16px 12px 16px 12px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li{
width: calc(50% - 7px);
margin-right:14px;
}
.squad_reset_popup .layer_popup .bottom_btn_box li a{
height:38px;
line-height:38px;
font-size:12px;
}
}
@media (max-width: 340px) {
.pc_mh {
min-height: calc(100vh - 500px)
}
.social_match_list {
min-height: calc(100% - 298px)
}
.coupon_list_none {
min-height: calc(100% - 285px)
}
.payment_list {
min-height: calc(100vh - 171px);
}
.reserve_content > ul > li {
padding: 12px
}
.reserve_txt {
padding: 15px 12px
}
.reserve_detail_img .arrow_img {
left: 12px
}
.share_img {
right: 12px
}
.reserve_pop div {
padding: 3px
}
.park_price li .p_p_time, .park_price {
font-size: 12px
}
.team_flex {
margin: 20px
}
.reserve_detail_info .reserve_detail_01 {
min-width: 120px
}
.calendar_date table {
font-size: 13px
}
.calendar_date table tr {
flex-basis: 35px
}
.pop_grey_div li img {
width: 25px
}
.pop_grey_div li div input {
font-size: 11px;
width: 60px
}
.price_input {
width: 70px
}
.wd_pop_btn button {
padding: 13px 0
}
.reserve_flex_alc h2 input {
font-size: 16px
}
#reserve_field .reserve_price {
margin-right: -3px
}
.head_place {
max-width: 120px
}
.standard_price {
width: 65%
}
}
@media (max-width: 330px) {
.admin_ico img {
width: 40px;
height: 40px
}
#reserve_list .interest_content, .ad_list > ul > li {
padding: 12px
}
.act_tit img {
margin-left: 15px
}
.condition li, .place_flex ul {
font-size: 11px
}
.condition li .bot_arr {
width: 10px;
height: 10px
}
.match_type_pay {
font-size: 13px
}
.ad_list .hotdeal div {
padding: 3px
}
.ad_list .grade img {
width: 10px;
height: 10px
}
.ad_list .grade img {
margin-right: 1px
}
.park_price li .p_p_time {
font-size: 13px
}
.match_team_li .black_box {
min-width: 28px
}
.match_team_li .green_div, .match_team_li .yellow_div, .match_team_li .red_div, .match_team_li .red_div {
min-width: 37px;
}
#reserve_field .reserve_detail_01 {
min-width: 115px
}
}
@media (max-width: 320px) {
.chat_info {
top: 43px
}
.board_conent {
min-height: calc(100vh - 275px)
}
.pc_mh {
min-height: calc(100vh - 423px)
}
.social_pay {
min-height: calc(100vh - 110px)
}
.interest_div {
min-height: calc(100vh - 150px)
}
#reserve_list {
min-height: calc(100vh - 339px);
}
#league .empty {
min-height: calc(100vh - 250px)
}
#league .league_list {
min-height: calc(100vh - 220px)
}
.deal_div .empty {
min-height: calc(100vh - 230px)
}
.board_conent .empty {
min-height: calc(100vh - 320px)
}
.occ_div {
min-height: calc(100vh - 226px)
}
#match_admin {
min-height: calc(100vh - 251px)
}
.add_mercenary {
min-height: calc(100vh - 100px)
}
#match_list {
min-height: calc(100% - 286px)
}
#pwdFindFrm {
min-height: calc(100vh - 60px)
}
#idFindFrm {
min-height: calc(100vh - 60px)
}
.fixed_btn {
padding: 0 20px
}
.fixed_btn button {
font-size: 16px
}
.prof_pop label p {
font-size: 14px;
}
.prof_pop label {
font-size: 14px;
padding: 18px 0
}
.social_match_list {
min-height: calc(100% - 291px)
}
#main_03 .main_bg_01 {
min-height: calc(100vh - 104px)
}
.keyword_div {
min-height: calc(100vh - 311px);
}
.cf_content {
min-height: calc(100vh - 314px)
}
#signup {
min-height: calc(100vh - 146px)
}
.team_match_list > .coupon_list_none {
min-height: calc(100vh - 153px);
}
.team_match_list > .match_wait_none {
min-height: calc(100vh - 252px)
}
.event_content {
min-height: calc(100vh - 90px)
}
.payment_list {
min-height: calc(100vh - 163px);
}
.fixed_tab {
top: 40px;
}
.chat_list {
margin-top: 95px
}
#couponFrm {
min-height: calc(100vh - 145px)
}
.main_bg_01 {
min-height: calc(100vh - 105px)
}
.customer_list {
min-height: calc(100% - 209px)
}
.point_detail {
min-height: calc(100vh - 425px)
}
.add_coupon_div {
min-height: calc(100vh - 100px)
}
.coupon_list_none img {
width: 70px;
height: 70px
}
.coupon_list_none {
min-height: calc(100% - 279px)
}
.admin_main {
min-height: calc(100vh - 54px)
}
.reserve_park input[type="checkbox"]+label, .agree_div ul .flex_alc p, .none_line {
font-size: 13px;
}
.agree_div ul .flex_alc p {
margin-bottom: 0
}
.dc_detail {
margin-top: 10px
}
.black_btn {
min-width: 80px
}
.c_mt {
margin-top: 90px
}
.cutomer_tab {
top: 40px
}
.admin_main .main_content {
top: 51%
}
#myinfo {
padding: 10px 12px
}
.main_pop_div {
width: 255px;
height: 345px
}
.faq_search img {
width: 12px;
min-width: 12px
}
.f_s_flex img {
width: 15px;
min-width: 15px
}
.f_s_flex input {
font-size: 14px
}
.faq_search {
padding: 17px 15px
}
.agree input[type="checkbox"]+label {
font-size: 13px
}
.withdrawal_list {
padding: 20px
}
.main_head, .user_head, .right_head {
height: 45px;
}
.logo {
width: 45px;
height: 45px;
}
.user_head {
padding: 7px 0;
}
.user_head h1 {
font-size: 15px;
}
.point_head p, .coupon_head p {
font-size: 10px;
}
.point_head img, .coupon_head img {
width: 15px;
height: 15px;
}
.banner_02, .banner_03, .banner_04, .banner_05, .banner_06 {
height: 90px;
}
.banner_02 p, .banner_03 p, .banner_04 p, .banner_05 p, .banner_06 p {
font-size: 15px;
margin-bottom: 5px;
}
.main_team_info h2 {
font-size: 16px;
}
.main_team_info > p, .team_info_img p {
font-size: 11px;
}
.team_info_ul li {
font-size: 12px;
}
.team_info_ul li span {
margin-right: -3px;
}
.team_info_btn button, .team_info_del button {
width: 23px;
height: 23px;
border-radius: 5px;
}
.profile_img {
width: 80px;
height: 80px;
}
.team_info_div {
top: 26%
}
.main_team_info {
height: 150px;
margin-bottom: 5px;
}
.team_info_flex, .team_info_match {
margin-bottom: 5px;
}
.team_info_flex > a {
height: 80px;
}
.team_info_flex > a h2, .team_info_match h2 {
font-size: 14px;
}
.team_info_flex div img {
width: 35px;
height: 35px;
}
.team_info_tactics div img {
width: 45px;
height: 45px;
}
.team_info_match {
height: 70px;
}
.tap, .footer {
height: 60px;
}
.tap a span {
font-size: 10px;
}
.right_head {
padding-right: 10px;
}
/* .main_team_info h2, .team_info_match h2 {
letter-spacing: -1px;
}
*/
.mymenu_02 {
margin-bottom: 90px;
}
.page_head {
padding: 13px 15px;
}
.head_mt {
margin-top: 40px
}
.chat_content {
padding-top: 42px
}
.page_head p {
margin-top: -1px;
}
.page_head p, #myinfo span {
font-size: 15px;
}
.arrow_img {
width: 14px;
height: 13px;
min-width: 14px;
}
.user_info {
padding: 0 30px;
height: 155px;
}
.user_info h2 {
font-size: 19px;
}
.user_info div p {
font-size: 11px;
}
.user_profile_img {
margin-bottom: 15px;
}
.mymenu_01 p {
font-size: 13px;
}
.mymenu_02 li {
padding: 15px 25px;
}
.mymenu_01 li a span {
font-size: 10px;
}
.mymenu_02 li a p {
font-size: 13px;
}
.charge_div_txt p, .point_charge_detail p {
font-size: 14px;
}
.charge_alert {
font-size: 11px;
padding-bottom: 5px
}
.charge_div {
margin-top: 25px;
}
.charge_banner {
padding:15px;
}
.charge_div {
width: 100%;
padding: 15px;
}
.myprofile {
height: 195px;
}
.myprofile_img {
width: 80px;
height: 80px;
}
.myprofile > p {
font-size: 11px;
}
.profile_name {
margin-top: 10px;
}
.profile_name input {
font-size: 12px;
}
.profile_name img {
width: 8px;
height: 8px;
}
.profile_name {
padding: 6px 10px;
}
.myprofile_info {
padding: 20px;
}
.myprofile_info > div:not(:last-child) {
margin-bottom: 15px;
}
.profile_flex, .my_activity > div > p {
font-size: 13px;
}
.profile_flex > div:nth-child(1) {
min-width: 65px
}
.phone_info > div:nth-child(1) {
min-width: 95px
}
.password_info input, .password_info button, .my_activity_div > div p, #smscode input {
font-size: 12px;
}
.phone_alert {
font-size: 11px;
}
.phone_input input {
font-size: 11px;
padding: 7px 10px;
height: 32px
}
.phone_input button {
font-size: 10px;
height: 32px;
min-width: 70px
}
.my_activity {
padding: 20px 0;
}
.my_activity_info {
margin-bottom: 30px;
padding-top: 20px;
max-height: 107px
}
.my_activity_info ul {
padding-right: 20px;
}
.my_activity > div > p {
padding-left: 20px;
margin-bottom: 15px;
}
.my_activity_info ul li {
padding: 10px 0;
padding-left: 10px;
font-size: 11px;
}
.my_activity_div {
padding: 10px 15px;
}
.user_withdraw {
padding-right: 20px;
}
.my_activity_info > p {
margin-right: 20px;
}
.password_info input, .phone_input input {
margin-right: 5px;
}
.password_info button {
width: 70px;
padding: 10px;
}
#mhp, .phone_num button {
height: 32px;
font-size: 12px;
}
.phone_num button {
margin-left: 5px;
}
.event_txt {
padding: 10px;
}
.event_txt h3 {
font-size: 14px;
margin-bottom: 5px;
}
.more_event_btn span {
width: 4px;
height: 4px
}
.event_tit h2 {
font-size: 16px;
}
.event_writer {
margin-bottom: 20px;
}
.event_writer div p, .event_date, .coupon_note p {
font-size: 13px;
}
.coupon_note p {
margin-bottom: 5px;
}
.coupon_note li {
font-size: 11px;
}
.event_link {
margin-bottom: 40px;
}
.payment_div {
padding: 15px;
}
.reserve_info, .price {
font-size: 13px;
}
.pay_date, .reserve_info_div .reserve_info, .place_flex {
font-size: 12px;
}
.address {
font-size: 11px;
}
.reserve_check {
margin-bottom: 10px;
}
.payment_refresh {
width: 17px;
}
.payment_no p {
font-size: 15px;
}
.payment_no img {
width: 70px;
height: 70px;
}
.park_thumb {
height: 185px;
}
.discount_div div {
font-size: 10px;
}
.green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 13px;
}
.blank_div img {
width: 40px;
height: 40px;
}
.smartdoor h2 {
font-size: 21px;
margin-bottom: 15px;
}
.smartdoor_plan {
margin-bottom: 20px;
}
.smartdoor_alert {
font-size: 16px;
}
.smartdoor_plan {
font-size: 20px;
}
.locked_img {
width: 95px;
height: 95px;
}
.smartdoor_btn, .smartdoor_btn_flex button {
font-size: 15px;
padding: 13px 30px;
}
.dark_bg .withdrawal_alert {
padding: 30px 30px 20px 30px;
}
.confirm_btn {
margin-top: 5px;
padding: 12px 50px;
}
#invite_div > p {
font-size: 18px;
}
#invite_div img {
width: 40px;
height: 40px;
}
#invite_div ul li p {
font-size: 11px;
}
#invite_div ul {
padding: 20px 25px;
border-radius: 25px;
}
.logo_img {
width: 70px;
height: 70px;
margin: 30px auto;
}
.login_btn li a {
font-size: 13px;
}
.login_btn li {
padding: 17px 0
}
.login_btn li a img {
width: 15px;
height: 15px;
}
#fb_btn img {
width: 20px;
height: 20px;
}
#naver_btn img {
width: 14px;
height: 14px;
}
.login_btn {
margin-bottom: 50px;
}
.login_sel {
width: 75%
}
#login > p {
font-size: 12px;
margin-bottom: 15px;
}
.login_sel li {
padding: 0;
padding-bottom: 3px;
}
.login_sel li a {
font-size: 13px;
}
#clause {
padding-top: 50px;
}
#clause > p {
font-size: 18px;
margin-bottom: 30px;
}
.all_agree {
padding: 15px;
}
.all_agree > p {
font-size: 14px;
}
.all_agree > p span, .clause_list li p {
font-size: 12px;
}
#clause input[type="checkbox"]+label {
width: 16px;
height: 16px;
}
.clause_list {
margin: 20px auto;
}
.clause_list li {
margin-bottom: 20px
}
.signup_01 h2, .signup_02 h2 {
font-size: 18px;
}
.signup_01, .signup_02 {
padding: 0 20px;
}
.clause .next_btn {
padding: 0 20px
}
.signup_01 {
padding-top: 30px;
}
.signup_01 > div input, .signup_02 div input, .waiting_time, .p_c_flex {
font-size: 13px;
}
.signup_01 > div:not(:last-child) {
margin-bottom: 20px;
}
.nickname {
margin-bottom: 15px !important
}
.confirm_num button {
font-size: 13px;
padding: 13px 20px;
}
.phone_confirm img {
width: 13px;
height: 13px;
}
.signup_02 > p {
font-size: 11px;
}
.email_input {
margin: 0 20px;
margin-top: 20px
}
.find_tab {
padding: 0 20px;
}
.phone_find {
margin-left: 20px;
}
.charge_banner {
margin-bottom: 60px;
}
.withdrawal > p {
font-size: 15px;
}
.withdrawal_list li {
font-size: 14px;
}
.withdrawal_list li p {
padding-left: 10px;
}
.withdrawal input[type="checkbox"]+label {
width: 14px;
height: 14px;
min-width: 14px
}
.withdrawal_list li:not(:last-child) {
margin-bottom: 20px;
}
.point_alert ul {
font-size: 12px
}
.agree p {
margin-left: 10px;
font-size: 13px;
}
.bot_btn .next_btn button {
font-size: 14px;
padding: 13px 0
}
.event_tab ul li a {
font-size: 13px;
line-height: 45px;
}
.event_tab ul li {
height: 45px;
}
.change_content, .shop_content {
margin-bottom: 60px;
}
.banner_01 p {
font-size: 11px;
}
.banner_01 span {
font-size: 17px;
}
.main_content {
width: 90%;
}
.board_note, .board_detail_info {
font-size: 11px;
}
.board_note {
padding: 10px;
}
.note_flex img {
width: 13px;
height: 13px;
}
.board_txt {
font-size: 12px;
margin-bottom: 10px;
}
.board_note{
margin: 0
}
.board_conent h2 {
font-size: 16px;
}
.board_reply img {
width: 25px;
height: 25px;
}
.b_p_div {
width: 40px;
height: 40px;
}
.board_name {
font-size: 13px;
}
.board_conent li {
padding: 20px 15px;
padding-bottom: 15px;
}
.board_conent {
padding: 0 15px;
}
.board_more p {
padding-right: 65px;
}
.deal_info {
font-size: 14px
}
.deal_detail_div .m30 {
margin: 0 15px
}
.deal_detail_info p {
padding: 15px;
font-size: 14px
}
.deal_detail_info h3 {
font-size: 14px;
padding: 10px 0
}
.board_reply_detail .p50 {
padding: 0 15px
}
.recoment_input_div {
padding: 15px
}
.deal_detail_info {
margin-top: 10px;
margin-bottom: 10px;
}
.deal_detail_div .reply_all {
margin-bottom: 10px;
}
.league_txt h2 {
font-size: 14px;
}
.league_price_info {
font-size: 10px;
}
.league_price {
font-size: 15px;
}
.league_thumb, .league_thumb_no {
width: 110px;
min-width: 110px;
height: 80px;
border-radius: 20px;
}
.deal_div .m30 {
margin: 0 15px;
}
.league_reply img {
width: 16px;
height: 16px;
}
.league_reply span {
padding-bottom: 3px;
}
.league_list li {
padding: 10px;
border-radius: 15px;
margin-bottom: 10px;
}
.deal_search input {
font-size: 12px;
}
.deal_search img {
width: 12px;
height: 12px;
}
#league {
margin-top: 0
}
.deal_search {
padding: 7px 15px;
}
.notice_list li {
padding: 15px 20px;
}
.notice_list h2 {
font-size: 15px;
}
.notice_date {
margin-top: 5px;
font-size: 13px;
}
.arrow_div {
width: 16px;
height: 16px;
min-width: 16px;
}
.notice_title {
padding: 20px;
padding-bottom: 15px;
}
.notice_title h2 {
font-size: 17px;
}
.notice_content {
padding: 20px;
font-size: 16px;
}
.setting_01 img {
width: 15px;
height: 15px;
}
.slider::before {
width: 22px;
height: 22px;
}
.switch {
width: 52px;
height: 29px;
}
input:checked + .slider::before {
-webkit-transform:translateX(21px);
-ms-transform: translateX(21px);
transform: translate(21px,2.5px);
border: 1px solid #a7d307
}
.setting_01 {
padding-top: 15px;
}
.setting_02 {
margin-top: 15px;
}
.setting_01 > p {
font-size: 17px;
}
.setting_01, .setting_01 ul li a {
font-size: 15px;
}
.setting_01 ul li {
margin-top: 15px;
}
.faq_btn li {
font-size: 11px;
height: 55px
}
.faq_btn {
padding: 15px;
}
.faq_flex {
font-size: 14px;
}
.a_txt {
font-size: 12px;
margin-top: 10px;
}
.arr_btn {
width: 10px;
height: 10px;
min-width: 10px;
}
.reserve_flex > div img {
margin-right: 3px;
}
.reserve_flex {
padding: 15px 12px;
}
.reserve_range {
padding: 8px 12px;
}
.reserve_pop div p {
font-size: 10px;
}
.reserve_pop div p:nth-child(2) {
font-size: 12px;
}
.reserve_pop div {
padding: 5px;
padding-bottom: 7px;
}
.dark {
font-size: 10px;
padding: 5px;
}
.dark img {
margin-bottom: -1px;
}
.reserve_thumb {
height: 180px;
}
.ad_list .grade {
margin: 10px 0
}
.ad_list .grade_value {
font-size: 10px;
}
.ad_list .grade img {
margin-top: -2px;
}
.ad_list .park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
font-size: 14px;
}
.reserve_info_flex {
padding-bottom: 10px;
}
.recommend_flex {
padding: 10px 20px;
}
.notice_div {
padding: 7px 5px;
min-width: 50px
}
#reserve_list .park_info h2 {
font-size: 15px;
}
#reserve_list .grade img {
width: 12px;
height: 12px;
margin-top: -2px;
}
#reserve_list .grade {
font-size: 11px;
}
#reserve_list .reward {
font-size: 13px;
}
#reserve_list .bold_txt {
font-size: 15px;
}
#reserve_list .reserve_thumb {
width: 50%;
min-width: 126px;
height: 140px;
margin-right: 8px
}
#reserve_list .discount_div div {
font-size: 10px;
padding: 3px;
padding-top: 5px;
}
#reserve_list .hotdeal {
border-radius: 3px;
font-size: 10px;
}
#reserve_list .hotdeal img {
width: 15px;
height: 15px;
left: -2px;
}
#reserve_list .hotdeal div {
padding: 3px;
}
#reserve_list .notice_div {
padding: 6px 0;
min-width: 46px;
width: 46px;
font-size: 11px;
}
#reserve_list .park_notice div span {
font-size: 13px;
}
#reserve_list .park_price li p {
font-size: 13px;
margin-top: 5px;
}
#reserve_list .park_price {
margin-top: 5px;
}
#reserve_list .green_div p:nth-child(2), .red_div p:nth-child(2) {
font-size: 12px;
}
.reserve_info_flex h2 {
font-size: 17px;
}
.ad_list .park_notice div span {
font-size: 13px;
}
.ad_list .notice_div {
font-size: 11px;
width: 49px;
width: 49px;
padding: 6px 5px
}
.reserve_flex > div {
width: 49.5%;
padding: 8px 5px;
border-radius: 4px;
}
#reserve_list .interest_content, .ad_list > ul > li {
padding: 12px;
}
.recommend_flex {
padding: 10px 12px;
}
.recommend_flex p {
font-size: 13px;
margin-bottom: 1px;
}
.recommend_flex span {
padding: 2px 5px;
font-size: 12px;
padding-bottom: 3px;
}
.reserve_range select {
font-size: 12px;
}
.reserve_checkbox p {
font-size: 12px;
padding-bottom: 1px;
}
.filter_div {
width: 16px;
height: 16px;
}
.reserve_filter {
padding: 10px 12px;
}
.reserve_park .first_div h2 {
font-size: 19px
}
.reserve_park .date {
font-size: 12px;
}
.start {
font-size: 12px;
margin-bottom: 3px;
}
.grey_div .bold_text {
font-size: 15px;
}
.reserve_park .grey_div .arr_div {
width: 45px;
height: 30px
}
.reserve_park .time {
font-size: 12px;
}
.form_tit {
font-size: 13px;
}
.pay_info ul li > p {
font-size: 13px;
}
.pay_info ul li > input, .pay_info ul li > .team_sel {
font-size: 12px;
padding: 7px 10px;
}
.pay_info ul li > .team_sel {
padding: 7px 10px;
}
.pay_info span {
font-size: 13px;
}
.dash_line p {
font-size: 13px
}
.dash_line > ul > li:not(:last-child) {
margin-bottom: 11px;
}
.dc_detail p, .point_input {
font-size: 10px;
}
.point_input {
width: 50px
}
.bold_text {
font-size: 15px;
}
.price_detail_flex .bold_text {
font-size: 13px;
}
.point span {
margin-bottom: 1px;
}
.cp_pos span, .point span, .point_input {
font-size: 12px;
}
footer p {
font-size: 10px;
}
footer span {
font-size: 12px
}
.mypoint > p {
font-size: 13px;
line-height: 1.5
}
.point_detail_list ul li {
padding: 15px
}
.point_detail h3 {
padding-left: 15px;
}
.point_info {
font-size: 13px;
}
.ad_list .park_price li p {
font-size: 12px;
}
.ad_list .park_price_detail .bold_txt, #reserve_list .bold_txt, #reserve_field .bold_txt {
margin-left: 0
}
.ad_list .reserve_info_flex {
padding-bottom: 0
}
.ad_list .park_price li:nth-child(1) {
margin-bottom: 5px
}
.low_price {
font-size: 14px;
}
.discount_div {
left: 8px;
}
.event_content {
padding: 15px;
}
.event_detail_div {
padding: 15px;
}
.park_list {
width: 160px;
}
.reserve_flex > div img {
width: 10px;
height: 10px;
}
.match_time, .match_price, .match_date, .team_name {
font-size: 10px
}
.next_btn {
font-size: 15px
}
.deal_thumb_img {
height: 280px
}
.deal_detail_div .swiper-wrapper {
height: 280px
}
.deal_detail_div .swiper-slide {
height: 280px
}
.deal_detail_div .swiper-container {
height: 280px
}
.reserve_info_flex .hotdeal {
font-size: 10px
}
.clause .next_btn button {
font-size: 14px;
padding: 13px 0
}
.pic_change {
font-size: 12px
}
#id_confirm_pop, #id_confirm_pop button {
font-size: 15px
}
#id_confirm_pop button {
width: 105px
}
.notice_wrap {
padding: 0 15px;
height: 31px;
}
.notice_roll {
height: 31px
}
.rolling li {
height: 31px;
line-height: 31px;
}
.promote_li a {
max-width: 54px
}
#no_payment img {
width: 75px
}
.ad_list .grade {
margin-top: 0;
padding-bottom: 0
}
.ad_list .reserve_info_flex h2 {
margin-bottom: 7px
}
.pop_chat_content {
margin-top: 55px
}
/*전술판(풋살)*/
.ttc_board_tab li a{
height:43px;
line-height:43px;
font-size:16px;
}
.ttc_board_fs .ttc_board_chg li a{
width:26px;
font-size:12px;
}
.ttc_board_fs .squad_sch{
width:155px
}
.ttc_board_fs .squad_sch .inp_sch{
width:115px;
font-size:11px;
}
.ttc_board_fs .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fs .function_btn .btn_invite_team{
width:74px;
height:27px;
line-height:27px;
font-size:11px;
border-radius:4px;
}
.ttc_board_fs .function_btn .squad_select{
width:93px;
height:27px;
padding:0 6px;
background-size:24px 24px;
}
.ttc_board_fs .function_btn .btn_share img{
width:24px;
}
.squad_reset{
height:34px;
line-height:34px;
font-size:14px;
}
.ttc_board_fs .vs3 .add_position01{
width:47px;
}
.ttc_board_fs .vs3 .add_position01 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs3 .add_position02{
width:47px;
}
.ttc_board_fs .vs3 .add_position02 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs3 .add_position03{
width:47px;
margin-left: -23.5px;
}
.ttc_board_fs .vs3 .add_position03 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs4 .add_position01{
width:47px;
margin-left:-23.5px;
}
.ttc_board_fs .vs4 .add_position01 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs4 .add_position02{
width:47px;
}
.ttc_board_fs .vs4 .add_position02 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs4 .add_position03{
width:47px;
}
.ttc_board_fs .vs4 .add_position03 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs4 .add_position04{
width:47px;
margin-left:-23.5px;
}
.ttc_board_fs .vs4 .add_position04 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs5 .add_position01{
width:47px;
margin-left:-23.5px;
}
.ttc_board_fs .vs5 .add_position01 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs5 .add_position02{
width:47px;
}
.ttc_board_fs .vs5 .add_position02 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs5 .add_position03{
width:47px;
}
.ttc_board_fs .vs5 .add_position03 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs5 .add_position04{
width:47px;
margin-left:-23.5px;
top:54%;
}
.ttc_board_fs .vs5 .add_position04 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs5 .add_position05{
width:47px;
margin-left:-23.5px;
top:74%;
}
.ttc_board_fs .vs5 .add_position05 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position01{
width:47px;
margin-left:-23.5px;
}
.ttc_board_fs .vs6 .add_position01 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position02{
width:47px;
}
.ttc_board_fs .vs6 .add_position02 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position03{
width:47px;
}
.ttc_board_fs .vs6 .add_position03 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position04{
width:47px;
}
.ttc_board_fs .vs6 .add_position04 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position05{
width:47px;
}
.ttc_board_fs .vs6 .add_position05 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .vs6 .add_position06{
width:47px;
margin-left:-23.5px;
top:74%;
}
.ttc_board_fs .vs6 .add_position06 .mb_nickname{
font-size:10px;
line-height:15px;
}
.ttc_board_fs .function_btn .squad_select{
width:73px;
height:23px;
font-size:12px;
margin-bottom:2.5%;
}
.ttc_board_fs .function_btn .btn_invite_team{
width:73px;
height:23px;
line-height:23px;
font-size:11px;
}
.ttc_board_fs .function_btn .btn_share img{
width:22px;
}
.roster .btn_add_roster .btn_add_player{
width:45.5px;
}
.roster .btn_add_roster .btn_player_add{
height:77%;
font-size:10px;
}
.roster .btn_add_roster .mb_nickname.plus{
line-height:14px;
font-size:14px;
}
.roster .owl-carousel .item .roster_img .btn_player_add{
font-size:10px;
}
.roster .owl-carousel .item .roster_img .mb_nickname{
line-height:14px;
}
.roster .owl-carousel .item .roster_img .mb_nickname.plus{
font-size:14px;
}
/*전술판(축구)*/
.ttc_board_fb .ttc_board_chg li a{
width:26px;
font-size:12px;
}
.ttc_board_fb .squad_sch{
width:155px
}
.ttc_board_fb .squad_sch .inp_sch{
width:115px;
font-size:11px;
}
.ttc_board_fb .squad_sch .sch_btn img{
width:22px;
}
.ttc_board_fb .function_btn .btn_invite_team{
width:74px;
height:27px;
line-height:27px;
font-size:11px;
border-radius:4px;
}
.ttc_board_fb .function_btn .squad_select{
width:93px;
height:27px;
padding:0 6px;
background-size:24px 24px;
}
.ttc_board_fb .function_btn .btn_share img{
width:24px;
}
.ttc_board_fb .vs343 .add_position01{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs343 .add_position02{
width:36px;
}
.ttc_board_fb .vs343 .add_position03{
width:36px;
}
.ttc_board_fb .vs343 .add_position04{
width:36px;
}
.ttc_board_fb .vs343 .add_position05{
width:36px;
}
.ttc_board_fb .vs343 .add_position06{
width:36px;
}
.ttc_board_fb .vs343 .add_position07{
width:36px;
}
.ttc_board_fb .vs343 .add_position08{
width:36px;
}
.ttc_board_fb .vs343 .add_position09{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs343 .add_position10{
width:36px;
}
.ttc_board_fb .vs343 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs352 .add_position01{
width:36px;
}
.ttc_board_fb .vs352 .add_position02{
width:36px;
}
.ttc_board_fb .vs352 .add_position03{
width:36px;
}
.ttc_board_fb .vs352 .add_position04{
width:36px;
}
.ttc_board_fb .vs352 .add_position05{
width:36px;
left:calc(50% - 18px);
}
.ttc_board_fb .vs352 .add_position06{
width:36px;
}
.ttc_board_fb .vs352 .add_position07{
width:36px;
}
.ttc_board_fb .vs352 .add_position08{
width:36px;
}
.ttc_board_fb .vs352 .add_position09{
width:36px;
left:calc(50% - 18px);
}
.ttc_board_fb .vs352 .add_position10{
width:36px;
}
.ttc_board_fb .vs352 .add_position11{
width:36px;
left:calc(50% - 18px);
}
.ttc_board_fb .vs361 .add_position01{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs361 .add_position02{
width:36px;
}
.ttc_board_fb .vs361 .add_position03{
width:36px;
}
.ttc_board_fb .vs361 .add_position04{
width:36px;
}
.ttc_board_fb .vs361 .add_position05{
width:36px;
}
.ttc_board_fb .vs361 .add_position06{
width:36px;
}
.ttc_board_fb .vs361 .add_position07{
width:36px;
}
.ttc_board_fb .vs361 .add_position08{
width:36px;
}
.ttc_board_fb .vs361 .add_position09{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs361 .add_position10{
width:36px;
}
.ttc_board_fb .vs361 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs4231 .add_position01{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs4231 .add_position02{
width:36px;
}
.ttc_board_fb .vs4231 .add_position03{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs4231 .add_position04{
width:36px;
}
.ttc_board_fb .vs4231 .add_position05{
width:36px;
}
.ttc_board_fb .vs4231 .add_position06{
width:36px;
}
.ttc_board_fb .vs4231 .add_position07{
width:36px;
}
.ttc_board_fb .vs4231 .add_position08{
width:36px;
}
.ttc_board_fb .vs4231 .add_position09{
width:36px;
}
.ttc_board_fb .vs4231 .add_position10{
width:36px;
}
.ttc_board_fb .vs4231 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs433 .add_position01{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs433 .add_position02{
width:36px;
}
.ttc_board_fb .vs433 .add_position03{
width:36px;
}
.ttc_board_fb .vs433 .add_position04{
width:36px;
}
.ttc_board_fb .vs433 .add_position05{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs433 .add_position06{
width:36px;
}
.ttc_board_fb .vs433 .add_position07{
width:36px;
}
.ttc_board_fb .vs433 .add_position08{
width:36px;
}
.ttc_board_fb .vs433 .add_position09{
width:36px;
}
.ttc_board_fb .vs433 .add_position10{
width:36px;
}
.ttc_board_fb .vs433 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs442 .add_position01{
width:36px;
}
.ttc_board_fb .vs442 .add_position02{
width:36px;
}
.ttc_board_fb .vs442 .add_position03{
width:36px;
}
.ttc_board_fb .vs442 .add_position04{
width:36px;
}
.ttc_board_fb .vs442 .add_position05{
width:36px;
}
.ttc_board_fb .vs442 .add_position06{
width:36px;
}
.ttc_board_fb .vs442 .add_position07{
width:36px;
}
.ttc_board_fb .vs442 .add_position08{
width:36px;
}
.ttc_board_fb .vs442 .add_position09{
width:36px;
}
.ttc_board_fb .vs442 .add_position10{
width:36px;
}
.ttc_board_fb .vs442 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs532 .add_position01{
width:36px;
}
.ttc_board_fb .vs532 .add_position02{
width:36px;
}
.ttc_board_fb .vs532 .add_position03{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs532 .add_position04{
width:36px;
}
.ttc_board_fb .vs532 .add_position05{
width:36px;
}
.ttc_board_fb .vs532 .add_position06{
width:36px;
}
.ttc_board_fb .vs532 .add_position07{
width:36px;
}
.ttc_board_fb .vs532 .add_position08{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs532 .add_position09{
width:36px;
}
.ttc_board_fb .vs532 .add_position10{
width:36px;
}
.ttc_board_fb .vs532 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs541 .add_position01{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs541 .add_position02{
width:36px;
}
.ttc_board_fb .vs541 .add_position03{
width:36px;
}
.ttc_board_fb .vs541 .add_position04{
width:36px;
}
.ttc_board_fb .vs541 .add_position05{
width:36px;
}
.ttc_board_fb .vs541 .add_position06{
width:36px;
}
.ttc_board_fb .vs541 .add_position07{
width:36px;
}
.ttc_board_fb .vs541 .add_position08{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .vs541 .add_position09{
width:36px;
}
.ttc_board_fb .vs541 .add_position10{
width:36px;
}
.ttc_board_fb .vs541 .add_position11{
width:36px;
margin-left:-18px;
}
.ttc_board_fb .mb_nickname{
font-size:6px;
line-height:10px;
}
.ttc_board_fb .function_btn .squad_select{
width:73px;
height:23px;
font-size:12px;
margin-bottom:2.5%;
}
.ttc_board_fb .function_btn .btn_invite_team{
width:73px;
height:23px;
line-height:23px;
font-size:11px;
}
.ttc_board_fb .function_btn .btn_share img{
width:22px;
}
.ivt_team_popup .layer_popup h2{
font-size:20px;
}
.ivt_team_popup .layer_popup .ivt_team_box .ivt_team_tit{
font-size:12px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody th{
font-size:12px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td{
font-size:12px;
}
.ivt_team_popup .layer_popup .ivt_team_list tbody td .btn_invite{
font-size:12px;
}
.p_rgist_popup .layer_popup table th{
font-size:12px;
}
.p_rgist_popup .layer_popup .bottom_btn_box li{
width: calc(50% - 6px);
margin-right:12px;
}
.p_rgist_popup .layer_popup .bottom_btn_box li a{
font-size:13px;
}
}
/* @media (max-height: 730px) {
.main_bg {
min-height: 500px
}
}
@media (max-height: 670px) {
#main_03 {
min-height: 550px
}
}
*/
@media (min-width: 415px) and (max-width: 10000px) {
#match_admin > div {
height: 270px;
}
.match_border {
height: 190px
}
.team_flex {
align-items: center;
height: 142px
}
#match_admin .team_flex {
padding: 0 25px
}
#match_admin .occ_offensive .team_flex {
padding: 0 15px
}
.match_border > p {
font-size: 18px
}
.match_border .occ_txt {
font-size: 22px
}
.off_bg {
top: -120px;
left: 616px;
width: 350px;
height: 350px
}
.occ_offensive .team_flex {
height: 187px
}
.occ_bg_img {
width: 72%
}
.occ_bg_img .occ_bg {
height: 154px;
width: 100%;
object-fit: cover;
}
.off_bg_div {
right: 123px;
top: 43px;
height: 72px;
width: 229px
}
.occ_team_box {
bottom: 40px;
left: 40px
}
.occ_team_box img {
width: 180px;
}
.occ_team_box div {
font-size: 22px;
left: 17px;
top: 7px
}
.occ_team_box span {
font-size: 21px;
margin-left: 9px;
margin-bottom: 1px
}
.occ_offensive .match_border .occ_txt {
top: -18px
}
}
@media (min-width: 414px) and (max-width: 1000px) {
.team_prof_img {
height: 90px;
}
.team_prof {
min-width: 90px;
font-size: 13px
}
.s_t_div ul {
font-size: 12px
}
.social_txt {
font-size: 13px
}
}
@media (max-width: 580px) {
.occ_txt_box {
width: 270px;
top: 42px
}
.occ_txt_img {
left: 14px;
width: 226px;
height: 97px
}
.occ_state {
top: 113px;
left: 51px
}
}
@media (max-width: 520px) {
.occ_txt_box {
width: 252px;
height: 224px;
top: 46px;
}
.occ_txt_img {
left: 11px;
width: 204px;
top: 103px;
height: 89px
}
.occ_state {
top: 124px;
left: 43px;
font-size: 16px
}
}
@media (max-width: 490px) {
.occ_txt_box {
width: 245px;
height: 222px;
}
.occ_txt_img {
left: 10px;
width: 210px;
top: 101px;
height: 92px;
}
.match_border .occ_txt {
font-size: 18px;
top: -16px
}
.occ_txt2 {
font-size: 21px
}
.occ_team_box div {
font-size: 17px;
left: 15px;
top: 7px
}
.occ_team_box span {
font-size: 18px
}
.occ_team_box img {
width: 156px
}
.occ_team_box div p {
min-width: 50px
}
}
@media (max-width: 450px) {
.occ_txt_box {
width: 198px
}
.occ_txt_img {
width: 165px;
height: 88px
}
.occ_txt2 {
font-size: 19px
}
.match_border .occ_txt {
font-size: 16px;
}
.occ_offensive .match_border .occ_txt {
top: -15px
}
.match_border > p {
font-size: 15px
}
.occ_state {
font-size: 15px;
top: 125px;
left: 34px;
}
.occ_state .navy_txt {
min-width: 70px;
}
.occ_state li:first-child {
margin-bottom: 10px
}
.occ_txt_img {
left: 9px
}
}
@media (max-width: 414px) {
.occ_txt_box {
height: 177px;
width: 180px
}
.occ_txt_img {
width: 149px;
height: 69px;
left: 9px;
top: 75px
}
.occ_team_box div {
font-size: 14px;
top: 6px
}
.occ_team_box span {
font-size: 14px;
margin-bottom: 2px
}
.occ_team_box img {
width: 120px
}
.occ_vs {
font-size: 13px
}
.occ_state {
font-size: 13px;
top: 92px;
left: 31px;
}
.occ_state .navy_txt {
min-width: 63px
}
#match_admin > div {
padding-top: 50px
}
.occ_team_box div p {
min-width: 42px
}
}
@media (max-width: 300px) {
.login_btn {
width: 85%
}
}
textarea{
line-height:130%
}
.social_button {
background: #b3ff00;
display: flex;
flex-direction: column;
align-items: center;
padding: 9px 0;
border-radius: 5px;
min-width: 63px;
height:48px;
justify-content: center;
}
.social_button span {
font-weight: 400;
font-size: 11px;
margin-top: 5px;
color: #486600
}
.social_button button {
font-weight: 500;
font-size: 12px;
}
.social_button{
font-weight: 500;
font-size: 12px;
}
.social_button.green{
background:#b3ff00;
height:80px;
}
.social_button.yellow{
background:#ffec00;
height:80px;
}
.social_button.red{
background:#ff0006
}
.social_button.red_temp{
background:#ff0006;
color:#fff;
height:60px;
position: relative;
}
.social_button.red_temp .tem_icon{
width:15px;
position: absolute;
top:-4px;
right:-4px;
}
.social_button.red_temp2{
background:#ff0006;
color:#fff;
height:80px;
}
.social_button.red_temp button{
color:#fff;
}
.social_button.red_temp2 button{
color:#fff;
}
.social_button.red_temp span{
display:none;
}
.social_button.red button{
color:#fff
}
.social_button.red span{
color:#fff
}
.social_button.gray{
background:#c5c5c5
}
.match_btn2 {
border-radius:4px;
display:inline-block;
color:#ffffff;
font-size:12px;
padding:8 0 8 0;
text-align:center;
text-decoration:none;
text-shadow:0px 1px 0px #cc9f52;
width:70px;
margin-left:-8px;
margin-top:5px;
}
.match_btn2.c01{
box-shadow: 0px 10px 14px -7px #3e7327;
background-color:#77b55a;
}
.match_btn2.c02{
box-shadow: 0px 10px 14px -7px #c48c8c;
background-color:#e4685d;
}
.match_btn2.c03{
box-shadow: 0px 10px 14px -7px #decb98;
background-color:#ffc477;
}
.team_match_list .list_header{
background:#222;
color:#fff;
display:flex;
justify-content: space-between;
font-size: 13px;
padding:0px;
height:auto;
align-items: center;
padding:5 10 10 10
}
.team_match_list .list_header img{
width:12px;
vertical-align:middle
}
.team_match_list .list_header div:first-child{
font-size:13px;
line-height:160%;
font-weight:bold
}
.team_match_list .list_header div:first-child span{
font-size:12px;
font-weight:normal
}
.team_match_list .list_header div{
align-items: center;
}
.team_match_list .list_header div:last-child{
font-size:11px;
font-weight:normal;
padding-top:10px
}
.dark_bg2 {
position: fixed;
width: 100%;
height: 100%;
top: 50%;
left: 0;
background: rgba(0,0,0,0.7)
}
.dark_bg2 {
display: flex;
align-items: center;
justify-content: center;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 100vh
}
.dark_bg2.on {
display: flex;
}
.dark_bg2 {
z-index: 1;
height: 100%;
top: 0;
left: 0;
width: 100%;
transform: translate(-0,-0);
align-items: center;
justify-content: center;
}
.dark_bg2.on {
display: flex;
}
.dark_bg2 > div {
width: 90%;
position: absolute;
height: 100vh;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.board_report_pop2 {
background: #fff;
border-radius: 10px;
padding: 15px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 95%;
display: none;
}
.board_report_pop2.on {
display: block;
}
.match_list_btn{
height:33px;
width:75px;
background-repeat:no-repeat;
background-size:75px auto;
background-position:0px -5px;
text-align:center;
color:#fff;
font-size:12px;
line-height:33px;
margin-left:-12px;
margin-top:10px;
}
.match_list_btn.c01{
background-image:url('/app/img/match_list_btn_1.svg');
}
.match_list_btn.c02{
background-image:url('/app/img/match_list_btn_2.svg');
}
.match_list_btn.c03{
background-image:url('/app/img/match_list_btn_3.svg');
}
/* 240228~ 추가 */
/* 공통 */
@font-face {
font-family: 'PALACIO_E_15';
src: url('./font/PALACIO_E_15.ttf') format('truetype');
}
.modal {
z-index: 999;
position: relative;
display: none;
}
.modal .dark_bg {
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
display: block;
}
.modal > .content {
width: 90%;
min-height: 200px;
background: #fff;
border-radius: 10px;
padding: 15px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.modal.bottom > .content {
width: 100%;
max-height: 90%;
top: auto;
bottom: 0;
left: 0;
transform: translate(0);
border-radius: 20px 20px 0 0;
padding: 20px 15px 0;
}
.modal.bottom > .content .handlebar {
display: block;
width: 80px;
height: 6px;
background: #E6E6E6;
position: fixed;
top: 7px;
left: 50%;
transform: translate(-50%,0%);
border-radius: 5px;
}
.modal.bottom > .content .bottom_content {
overflow-y: auto;
padding: 20px 0 40px;
}
.modal .pop_tit {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
line-height: 1.4;
font-size: 16px;
font-weight: 500;
margin-bottom:20px;
}
.modal .pop_tit_m{
height: 100%;
display: block;
margin-bottom: 0;
line-height: 1.4;
font-size: 16px;
font-weight: 500;
padding-top:20px;
}
.modal .pop_btn button.cancel_btn {
background: #fff;
color: #1E2026;
border: 1px solid #1E2026;
}
.off_pop .pop_btn button{
background-color: #000;
}
.modal .pop_btn .confirm_btn.unactive_btn {
background: #F2F2F2;
color: #999;
}
.modal textarea {
width: 100%;
border: 1px solid #999999;
border-radius: 5px;
padding: 10px;
}
span.position {
display: inline-block;
width: 25px;
height: 17px;
margin-right: 7px;
}
span.position.chick {
background: url(/app/img/badge_chick.png) no-repeat center;
background-size: contain;
}
span.position.nonmember {
background: url(/app/img/badge_nonmember.png) no-repeat center;
background-size: contain;
}
span.position.free {
background: url(/app/img/badge_free.png) no-repeat center;
background-size: contain;
}
span.position.helper {
background: url(/app/img/badge_helper.png) no-repeat center;
background-size: contain;
}
/* 메인 */
.banner_03 .badge {
width: fit-content;
font-size: 12px;
background: #B2FF00;
border-radius: 50px;
color: #151515;
padding: 3px 10px;
font-weight: 600;
margin-top: 5px;
}
.banner_06.on .m_banner_ico{
display: none;
}
.banner_06 .on_box{
color: #fff;
display: none;
}
.banner_06.on .on_box{
display: block;
}
.banner_06 .on_box .timer_box{
width: 100%;
height: 18px;
background: #FF0000;
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.banner_06 .on_box .timer_box div{
width:80px;
}
.banner_06 .on_box .timer_box #timer{
height: 22px;
margin-top: 2px;
width:30px;
}
.banner_06 .on_box .timer_box path{
fill: #fff;
}
.banner_06 .on_box .burning_on {
position: absolute;
width: 55px;
bottom: 0;
right: 10px;
}
.banner_06 .on_box .ico_new{
width: 20px;
position: absolute;
top: 5px;
right: 5px;
}
/* 팀관리 - 팀 매치관리 */
.match_state .title {
font-weight: 700;
}
.match_state .content {
font-size: 14px;
font-weight: 500;
}
.match_state .content span {
font-weight: 600;
}
/* 마스터 - 경기 관리하기 */
.match_page .match_info {
padding: 15px 12px;
display: flex;
}
.match_page .match_info .match_img {
width: 90px;
height: 90px;
flex-shrink: 0;
}
.match_page .match_info .match_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.match_page .match_info .text_box {
width: 100%;
margin-left: 10px;
}
.match_page .match_info .text_box > p {
font-size: 12px;
margin-top: 5px;
}
.match_page .match_info .text_box .title {
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 7px;
}
.match_page .match_info .temp {
display: flex;
align-items: center;
}
.match_page .match_info .temp span {
display: inline-flex;
align-items: center;
height: 13px;
margin-left: 8px;
padding-right: 18px;
}
.match_page .match_info .temp span.type01 {
background: url(/app/img/ic_temperature01.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .temp span.type02 {
background: url(/app/img/ic_temperature02.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .temp span.type03 {
background: url(/app/img/ic_temperature03.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .temp span.type04 {
background: url(/app/img/ic_temperature04.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .temp span.type05 {
background: url(/app/img/ic_temperature05.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .temp span.type06 {
background: url(/app/img/ic_temperature06.png) no-repeat center right;
background-size: 13px 13px;
}
.match_page .match_info .date {
display: flex;
align-items: center;
margin-top: 5px;
}
.match_page .match_info .date p {
color: #7C7C7C;
font-size: 13px;
display: flex;
align-items: center;
font-weight: 500;
}
.match_page .match_info .date p:last-child {
margin-left: 10px;
}
.match_page .match_info .date img {
height: 13px;
margin-right: 3px;
}
.match_page .title_list {
display: flex;
justify-content: space-between;
border-top: 1px solid #C0C5CE;
border-bottom: 1px solid #C0C5CE;
padding: 10px 10px 10px 0;
}
.match_page .title_list li {
color: #888;
text-align: center;
font-weight: 500;
}
.match_page .title_list li:nth-child(1) {
width: 15%;
}
.match_page .title_list li:nth-child(2) {
width: 15%;
}
.match_page .title_list li:nth-child(3) {
width: 25%;
}
.match_page .title_list li:nth-child(4) {
width: 25%;
}
.match_page .title_list li:nth-child(5) {
width: 20%;
}
.match_page .player_list > li {
padding: 15px 12px 25px;
box-sizing: border-box;
border-bottom: 1px solid #C0C5CE;
display: flex;
position: relative;
}
#my_temperature .player_list li #ico_new{
position:absolute;
right:10px;
top:10px;
width:15px;
}
.match_page .player_list .team {
font-weight: 500;
display: flex;
width: 15%;
}
.match_page .player_list .color_chip {
width: 4px;
height: 17px;
display: inline-block;
margin-right: 3px;
}
.match_page .player_list .color_chip.red {
background: #FF8224;
}
.match_page .player_list .color_chip.blue {
background: #0086EA;
}
.match_page .player_list .color_chip.black {
background: #000;
}
.match_page .player_list .color_chip.green {
background: #5FFF3E;
}
.match_page .player_list .color_chip.pink {
background: #FF1AC9;
}
.match_page .player_list .color_chip.yellow {
background: #FFD31A;
}
.match_page .player_list .number {
border-right: 1px solid #B3B3B3;
padding-right: 18px;
display: flex;
justify-content: flex-end;
width: 15%;
}
.match_page .player_list .number_btn {
width: 30px;
height: 50px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
}
.match_page .player_list .number_btn.red {
background: url(/app/img/vest_o.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number_btn.blue {
background: url(/app/img/vest_b.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number_btn.green {
background: url(/app/img/vest_g.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number_btn.pink {
background: url(/app/img/vest_p.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number_btn.yellow {
background: url(/app/img/vest_y.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number_btn.black {
background: url(/app/img/vest_bk.png) no-repeat center;
background-size: contain;
}
.match_page .player_list .number .number_btn.black .txt{
color:#fff;
}
.match_page .player_list .number .ico_change {
display: block;
width: 23px;
height: 23px;
position: absolute;
top: -5px;
right: -13px;
z-index: 2;
}
.match_page .player_list .number .ico_change.white {
background: url(/app/img/ico_change_w.png) no-repeat center;
background-size: 100%;
}
.match_page .player_list .number .ico_change.black {
background: url(/app/img/ico_change_b.png) no-repeat center;
background-size: 100%;
}
.match_page .player_list .number .ico_change.green {
background: url(/app/img/ico_change_g.png) no-repeat center;
background-size: 100%;
}
.match_page .player_list .number .txt {
font-weight: 700;
font-size: 17px;
color:#000;
}
.match_page .player_list .posi_temp {
padding: 0 13px;
width: 50%;
}
.match_page .player_list .name {
display: flex;
align-items: center;
font-weight: 500;
z-index: 2;
position: relative;
}
.match_page .player_list .name .payer {
width:100px;
text-overflow: ellipsis;
white-space : nowrap;
overflow: hidden;
}
.match_page .player_list > li.unactive .name {
color: #Fff;
}
.match_page .player_list .temp_bar {
margin-top: 25px;
position: relative;
}
.match_page .player_list .temp_bar .temp_txt {
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 3px;
padding-right: 18px;
height: 15px;
}
.match_page .player_list .temp_bar .temp_txt.type01 {
background: url(/app/img/ico_temperature02.png) no-repeat center right;
background-size: 15px 15px;
}
.match_page .player_list .temp_bar .temp_txt.type02 {
background: url(/app/img/ico_temperature03.png) no-repeat center right;
background-size: 15px 15px;
}
.match_page .player_list .temp_bar .temp_txt.type03 {
background: url(/app/img/ico_temperature04.png) no-repeat center right;
background-size: 15px 15px;
}
/*
.match_page .player_list .temp_bar .temp_txt .ico_temp {
width: 15px;
margin-left: 3px;
} */
.match_page .player_list .temp_bar .bg {
width: 100%;
height: 10px;
border-radius: 50px;
background: #E6E6E6;
position: relative;
}
.match_page .player_list .temp_bar .bg .gauge {
height: 100%;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
background: #B2FF00;
}
.match_page .player_list .attendance {
width: 20%;
display: flex;
align-items: center;
}
.match_page .player_list .attendance .before {
width: 65px;
height: 55px;
background: #fff;
filter: drop-shadow(5px 7px 4px rgba(0, 0, 0, 0.20));
border-radius: 5px;
font-size: 14px;
z-index: 2;
}
.match_page .player_list .attendance .after .txt {
width: 65px;
color: #fff;
border-radius: 50px;
position: relative;
padding: 4px 0 6px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
font-size: 14px;
}
.match_page .player_list .attendance .after .txt.bg_blue{
background: #1B2389;
}
.match_page .player_list .attendance .after .txt.bg_yellow{
background: #FFAE1F;
}
.match_page .player_list .attendance .after .txt.bg_red{
background: #F00;
}
.match_page .player_list .attendance .after .txt.bg_gray{
background: #808080;
}
.match_page .player_list .attendance .after{
position: relative;
}
/* .match_page .player_list .attendance .after .txt .delete_btn {
position: absolute;
top: -7px;
right: -10px;
width: 20px;
height: 20px;
background: url(/app/img/ico_delete01.png) no-repeat center;
background-size: 100%;
} */
.match_page .player_list .attendance .after .delete_btn {
position: absolute;
top: -7px;
right: -10px;
width: 20px;
height: 20px;
background: url(/app/img/ico_delete01.png) no-repeat center;
background-size: 100%;
}
.match_page .player_list .attendance .after .plus_btn {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
}
.match_page .player_list .attendance .after .plus_btn img {
width: 100%;
height: 100%;
}
.player_list_wrap{
position: relative;
}
.big_unactive{
width:100%;
position:absolute;
top:0px;
left:0px;
background-color:#0000007d;
height:calc(100% + 310px);
z-index:990;
}
.big_unactive p{
text-align: center;
position:absolute;
bottom:180px;
color:#fff;
width:100%;
}
.big_unactive .red{
color:#e50212;
}
.match_page .player_list .product_btn {
width: calc(30% - 25px);
background: #222222;
color: #B2FF00;
font-size: 12px;
position: absolute;
bottom: 10px;
left: 12px;
padding: 4px 0 6px;
border-radius: 50px;
z-index:999;
}
.match_page .player_list .product_com {
width: calc(30% - 25px);
background: #ccc;
color: #F2F2F2;
font-size: 12px;
position: absolute;
bottom: 10px;
left: 12px;
padding: 4px 0 6px;
border-radius: 50px;
}
.match_page .player_list > li.unactive .unactive_bg {
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#match_management{
min-height:calc(100vh - 113px);
}
#match_management .report_form {
padding: 50px 12px 30px;
}
#match_management .report_form textarea {
width: 100%;
border: 1px solid #000;
border-radius: 10px;
padding: 10px;
}
#match_management .report_form textarea::placeholder {
font-size: 13px;
color: #B3B3B3;
}
#match_management .report_form .submit_btn {
display: block;
width: 45%;
border-radius: 5px;
padding: 10px 0;
background: #CCCCCC;
color: #Fff;
font-size: 16px;
margin: 0 auto;
margin-top: 30px;
}
#match_management .report_form .submit_btn.on {
background: #000;
}
#match_management .submit_dark {
width: 100%;
height: calc(100% - 167px);
position: fixed;
bottom: 0;
left: 0;
background: rgb(0 0 0 / 60%);
z-index: 999;
display: none;
}
#match_management .submit_dark p {
font-size: 20px;
text-align: center;
color: #fff;
width: 100%;
position: absolute;
bottom: 230px;
left: 50%;
transform: translate(-50%,0%);
}
#match_management .submit_dark .uncompleted {
color: #FF0000;
}
.team_change_pop .content,
.product_cancel_pop .content {
height: 200px;
}
.product_confirm_pop .content {
padding: 0;
height: 270px;
}
.product_confirm_pop .pop_btn {
padding: 15px;
}
.product_confirm_pop .product_list_title {
width: 100%;
height: 40px;
background: #1E2026;
color: #fff;
display: flex;
align-items: center;
}
.product_confirm_pop .product_list_title li {
width: 50%;
text-align: center;
}
.product_confirm_pop .product_list {
height: 160px;
overflow-y: scroll;
}
.product_confirm_pop .product_list li {
display: flex;
align-items: center;
text-align: center;
padding: 7px 0;
border-bottom: 1px solid #E6E6E6;
}
.product_confirm_pop .product_list .product_subject {
font-size: 15px;
width: 50%;
}
.product_confirm_pop .btn_wrap {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.product_confirm_pop .btn_wrap button,
.product_confirm_pop .btn_wrap > div{
padding: 4px 10px 5px;
border-radius: 50px;
font-size: 14px;
}
.product_confirm_pop .btn_wrap .cancel {
border: 1px solid #FF0000;
color: #FF0000;
margin-right: 5px;
}
.product_confirm_pop .btn_wrap .payment {
border: 1px solid #000000;
background: #000000;
color: #B2FF00;
}
.product_confirm_pop .btn_wrap .payment_complete {
background: #ccc;
color: #F2F2F2;
}
.product_confirm_pop .btn_wrap .cancel_complete {
background: #E89A9A;
color: #F2F2F2;
}
.product_cancel_pop .highlight {
color: #FF0000;
}
.product_cancel_pop .noti {
font-size: 12px;
color: #808080;
font-weight: normal;
text-align: left;
line-height: 1.2;
}
.product_cancel_pop .confirm_com_btn {
background: #FF0000;
}
.user_note_pop .content {
height: auto;
min-height: 200px;
}
.user_note_pop .pop_tit {
height: auto;
}
.user_note_pop textarea {
margin-top: 20px;
margin-bottom: 20px;
}
.user_note_pop .pop_btn li {
margin: 0 auto;
}
.check_player_pop .check_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10px 20px;
}
.check_player_pop .check_list li {
width: calc((100% - 15px) / 2);
margin-bottom: 10px;
}
.check_player_pop .check_list input[type="radio"]{
display: none;
}
.check_player_pop .check_list input[type="radio"] + label{
display: inline-block;
width: 100%;
padding: 6px 0;
border:1px solid #999;
position: relative;
text-align: center;
border-radius: 50px;
color: #999;
}
.check_player_pop .check_list input[type="radio"]:checked + label{
color: #fff;
}
.check_player_pop .check_list input[type="radio"]:checked + label.bg_blue{
background: #1B2389;
border-color: #1B2389;
}
.check_player_pop .check_list input[type="radio"]:checked + label.bg_yellow{
background: #FFAE1F;
border-color: #FFAE1F;
}
.check_player_pop .check_list input[type="radio"]:checked + label.bg_red{
background: #F00;
border-color: #F00;
}
.check_player_pop .check_list input[type="radio"]:checked + label.bg_gray{
background: #808080;
border-color: #808080;
}
.check_player_pop .pop_btn li {
margin: 0 auto;
margin-top: 20px;
}
.report_com_pop .content,
.report_com_pop2 .content {
height: 200px;
}
.report_com_pop2 .pop_btn li {
margin: 0 auto;
}
.social_match_div .temp_bar {
margin-top: 25px;
width:100%;
}
.social_match_div .temp_bar .temp_txt {
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 3px;
}
.social_match_div .temp_bar .temp_txt .ico_temp {
width: 15px;
margin-left: 3px;
}
.social_match_div .temp_bar .bg {
width: 100%;
height: 10px;
border-radius: 50px;
background: #E6E6E6;
position: relative;
}
.social_match_div .temp_bar .bg .gauge {
height: 100%;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
background: #B2FF00;
}
/* 나의 매치온도 */
#my_temperature {
padding: 20px 12px;
}
#my_temperature .myinfo .name {
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
}
#my_temperature .myinfo .name .id_number {
color: #808080;
font-size: 15px;
font-weight: 500;
margin-left: 10px;
}
#my_temperature .myinfo .mannertemp_title {
font-size: 12px;
font-weight: 500;
display: flex;
align-items: center;
text-decoration: underline;
margin-top: 12px;
}
#my_temperature .myinfo .mannertemp_title img {
width: 14px;
margin-left: 5px;
}
#my_temperature .temp_bar {
margin-top: 25px;
position: relative;
}
#my_temperature .temp_bar .temp_txt {
font-weight: 600;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
}
#my_temperature .temp_bar.type01 .temp_txt {
color: #666;
}
#my_temperature .temp_bar.type02 .temp_txt {
color: #3355AA;
}
#my_temperature .temp_bar.type03 .temp_txt {
color: #2476ED;
}
#my_temperature .temp_bar.type04 .temp_txt {
color: #1FB551;
}
#my_temperature .temp_bar.type05 .temp_txt {
color: #F29836;
}
#my_temperature .temp_bar.type06 .temp_txt {
color: #E54817;
}
#my_temperature .temp_bar .temp_txt .ico_temp {
margin-left: 5px;
width: 20px;
height: 20px;
}
#my_temperature .temp_bar.type01 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature01.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar.type02 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature02.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar.type03 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature03.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar.type04 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature04.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar.type05 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature05.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar.type06 .temp_txt .ico_temp {
background: url(/app/img/ic_temperature06.png) no-repeat center;
background-size: 100%;
}
#my_temperature .temp_bar .bg {
width: 100%;
height: 15px;
border-radius: 50px;
background: #E6E6E6;
position: relative;
}
#my_temperature .temp_bar .bg .gauge {
height: 100%;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
background: #1FB551;
}
#my_temperature .temp_bar.type01 .bg .gauge {
background: #666;
}
#my_temperature .temp_bar.type02 .bg .gauge {
background: #3355AA;
}
#my_temperature .temp_bar.type03 .bg .gauge {
background: #2476ED;
}
#my_temperature .temp_bar.type04 .bg .gauge {
background: #1FB551;
}
#my_temperature .temp_bar.type05 .bg .gauge {
background: #F29836;
}
#my_temperature .temp_bar.type06 .bg .gauge {
background: #E54817;
}
#my_temperature .temp_bar .first_temp {
text-align: center;
font-size: 12px;
position: absolute;
top: 5px;
left: 30%;
}
#my_temperature .temp_bar .first_temp img {
width: 10px;
margin-top: 3px;
}
#my_temperature .player_list {
display: flex;
/* justify-content: space-between; */
margin-top: 30px;
position: relative;
}
#my_temperature .player_list li {
width: 105px;
height: 105px;
background: #FFF;
border: 1px solid #ebebeb;
filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));
border-radius: 12px;
position: relative;
}
#my_temperature .player_list li + li {
margin-left: 10px;
}
#my_temperature .player_list li.best {
border: 1px solid transparent;
background-image: linear-gradient(90deg, #F3FEFF 0%, #FBF5FF 50%, #F3F6FF 100%),
linear-gradient(to right, #01FEFF 0%, #D482FF 50%, #0357FF 100%);
background-origin: border-box;
background-clip: content-box, border-box;
}
#my_temperature .player_list li a {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#my_temperature .player_list .title {
font-weight: 700;
line-height: 1.2;
font-size: 14px;
display: flex;
align-items: center;
}
#my_temperature .player_list .title img {
width: 14px;
margin-left: 5px;
}
#my_temperature .player_list .content {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 15px;
font-weight: 700;
}
#my_temperature .player_list .content img {
width: 20px;
margin-right: 3px;
}
#my_temperature .speech_bubble {
position: absolute;
top: -42px;
right: -12px;
font-size: 11px;
background: #f2f2f2;
border-radius: .4em;
padding: 10px;
box-sizing: border-box;
line-height: 1.3;
width: max-content;
display: none;
}
#my_temperature .speech_bubble:after {
content: '';
position: absolute;
bottom: 0;
right: 50px;
width: 0;
height: 0;
border: 8px solid transparent;
border-top-color: #f2f2f2;
border-bottom: 0;
margin-left: -8px;
margin-bottom: -8px;
}
#my_temperature .manner_evaluation {
margin-top: 30px;
}
#my_temperature .manner_evaluation > .title {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
#my_temperature .manner_filter {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
#my_temperature .manner_filter::-webkit-scrollbar {
display: none;
}
#my_temperature .manner_filter li {
flex: 0 0 auto;
font-size: 13px;
color: #999;
border: 1px solid #B3B3B3;
border-radius: 50px;
padding: 10px 20px;
}
#my_temperature .manner_filter li.current {
color: #0ED869;
border-color: #0ED869;
}
#my_temperature .manner_filter li.current a{
color: #0ED869;
}
#my_temperature .manner_filter li:not(:last-child) {
margin-right: 7px;
}
#my_temperature .play_list {
margin-top: 20px;
}
#my_temperature .play_list > li {
padding: 15px 20px;
box-sizing: border-box;
background: #fff;
border: 1px solid #ccc;
border-radius: 15px;
}
#my_temperature .play_list > li:not(:last-child) {
margin-bottom: 15px;
}
#my_temperature .play_list .top_info {
display: flex;
align-items: center;
justify-content: space-between;
}
#my_temperature .play_list .top_info .date {
font-size: 14px;
color: #666;
}
#my_temperature .play_list .top_info img {
width: 23px;
}
#my_temperature .play_list .top_info .icon_list {
display: flex;
align-items: center;
justify-content: flex-end;
}
#my_temperature .play_list .top_info .mvp {
font-size: 14px;
display: flex;
align-items: center;
font-weight: 600;
}
#my_temperature .play_list .top_info .star_list {
display: flex;
align-items: center;
}
#my_temperature .play_list .top_info .star_list li {
display: flex;
align-items: center;
border: 1px solid #ccc;
border-radius: 50px;
padding: 1px 12px;
margin-left: 5px;
font-weight: 600;
font-size: 14px;
}
#my_temperature .play_list .match_info {
display: flex;
margin-top: 15px;
}
#my_temperature .play_list .match_img {
width: 75px;
height: 75px;
overflow: hidden;
margin-bottom: 7px;
}
#my_temperature .play_list .match_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#my_temperature .play_list .match_info .place {
font-size: 12px;
color: #666;
text-align: center;
}
#my_temperature .play_list .match_info .master {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-top: 3px;
}
#my_temperature .play_list .match_info .text_box {
margin-left: 15px;
}
#my_temperature .play_list .match_info .text_box > p {
font-size: 13px;
margin-bottom: 5px;
}
#my_temperature .play_list .match_info .text_box .title {
font-size: 16px;
font-weight: 700;
}
#my_temperature .play_list .match_info .text_box .playtime {
display: flex;
align-items: center;
}
#my_temperature .play_list .match_info .text_box .playtime img {
width: 13px;
height: 13px;
margin-top: 1px;
margin-right: 2px;
}
#my_temperature .play_list .match_info .text_box .palytype {
margin-top: 10px;
}
#my_temperature .play_list .state_wrap {
display: inline-flex;
align-items: center;
margin-top: 15px;
flex-wrap: wrap;
}
#my_temperature .play_list .member_type {
border-radius: 50px;
border: 1px solid #E6E6E6;
margin-right:5px;
}
#my_temperature .play_list .member_type.subscriber {
border-color: transparent;
background-image: linear-gradient(90deg, #F3FEFF 0%, #FBF5FF 50%, #F3F6FF 100%),
linear-gradient(to right, #01FEFF 0%, #D482FF 50%, #0357FF 100%);
background-origin: border-box;
background-clip: content-box, border-box;
}
#my_temperature .play_list .member_type p{
font-size: 12px;
padding: 4px 15px;
}
#my_temperature .play_list .state {
display: flex;
align-items: center;
}
#my_temperature .play_list .state li {
font-size: 12px;
padding: 4px 12px;
border-radius: 50px;
background: #ED1C24;
color: #fff;
display: none;
}
#my_temperature .play_list .state li.on {
display: block;
}
#my_temperature .play_list .btn_wrap {
margin-top: 20px;
}
#my_temperature .play_list .btn_wrap a {
width: 100%;
padding: 10px 10px;
border-radius: 5px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
#my_temperature .play_list .btn_wrap a.black_btn {
background: #222;
color: #D4FF39;
}
#my_temperature .play_list .btn_wrap a.black_btn span {
color: #ccc;
}
#my_temperature .play_list .btn_wrap a.bdr_btn {
border: 1px solid #B3B3B3;
}
#my_temperature .play_list .btn_wrap a.bdr_btn.off {
color: #999;
}
#my_temperature .play_list .btn_wrap a.gray_btn {
background: #ccc;
color: #fff;
}
#my_temperature .play_list .btn_wrap a:not(:last-child) {
margin-bottom: 5px;
}
#my_temperature .play_list .btn_wrap a p {
position: relative;
}
#my_temperature .play_list .btn_wrap a span {
font-size: 12px;
color: #999;
/* position: absolute;
top: 50%;
transform: translate(5%,-50%); */
width: max-content;
}
/* 나의 매치온도 - 미션누적보상, 매너 상세 */
#mission_manner .mission_sec {
padding: 20px 12px;
}
#mission_manner .mission_sec .title_box {
display: flex;
align-items: center;
justify-content: space-between;
}
#mission_manner .mission_sec .title_box .tit {
font-size: 20px;
font-weight: 700;
display: flex;
align-items: flex-end;
}
#mission_manner .mission_sec .title_box .tit img {
width: 20px;
margin-left: 5px;
}
#mission_manner .mission_sec .title_box .ic_star {
font-weight: 600;
display: flex;
align-items: center;
}
#mission_manner .mission_sec .title_box .ic_star img {
width: 20px;
}
#mission_manner .mission_sec .sub_tit {
font-size: 15px;
margin-top: 7px;
}
#mission_manner .step_bar {
position: relative;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding-top: 30px;
width: 100%;
}
#mission_manner .step_bar::-webkit-scrollbar {
display: none;
}
#mission_manner .step_bar .step-item {
position: relative;
width: 90px;
text-align: center;
flex: 0 0 auto;
}
#mission_manner .step_bar .step-item:first-child {
width: 0;
}
#mission_manner .step_bar .step-item::before {
content: "";
display: block;
width: 100%;
height: 2px;
width: 100%;
background-color: #e4e4e4;
position: absolute;
top: 5px;
z-index: -1;
}
#mission_manner .step_bar .step-item .step_ic {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
text-align: center;
background-color: #e4e4e4;
}
#mission_manner .step_bar .step-item.success .step_ic {
width: 15px;
height: 15px;
background: url(/app/img/ic_stepbar.png) no-repeat center;
background-size: 100%;
margin-top: -3px;
}
#mission_manner .step_bar .step-item.complete .step_ic {
background-color: #B2FF00;
}
#mission_manner .step_bar .step-item:first-child.complete .step_ic {
background-color: #fff;
}
#mission_manner .step_bar .step-item.success::before,
#mission_manner .step_bar .step-item.complete::before {
width: 100%;
background-color: #B2FF00;
}
#mission_manner .step_bar .step-item .po_txt1 {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.7;
margin-top: 10px;
margin-bottom: 10px;
}
#mission_manner .step_bar .step-item .point {
background: #fff;
border: 1px solid #ccc;
border-radius: 7px;
width: 70px;
height: 70px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
#mission_manner .step_bar .step-item .point .po_img {
width: 45px;
height: 45px;
background: url(/app/img/point_off.png) no-repeat center;
background-size: 100%;
}
#mission_manner .step_bar .step-item.success .point .po_img,
#mission_manner .step_bar .step-item.complete .point .po_img {
background: url(/app/img/point_on.png) no-repeat center;
background-size: 100%;
}
#mission_manner .step_bar .step-item .point .po_txt2 {
font-family: 'PALACIO_E_15';
position: absolute;
top: 7px;
right: 5px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
#mission_manner .step_bar .step-item.success .point .po_txt2,
#mission_manner .step_bar .step-item.complete .point .po_txt2 {
color: #B2FF00;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
#mission_manner .step_bar .step-item .point .black_bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #4D4D4D;
opacity: 0.7;
display: none;
}
#mission_manner .step_bar .step-item.complete .point .black_bg {
display: block;
}
#mission_manner .step_bar .step-item .pay_btn {
width: 55px;
height: 20px;
border-radius: 5px;
background: #222;
color: #B2FF00;
font-size: 11px;
position: absolute;
bottom: 5px;
left: 50%;
transform: translate(-50%, 0%);
display: none;
}
#mission_manner .step_bar .step-item.success .pay_btn,
#mission_manner .step_bar .step-item.complete .pay_btn {
display: block;
}
#mission_manner .step_bar .step-item .pay_btn::before{
content: '지급받기';
}
#mission_manner .step_bar .step-item.complete .pay_btn {
color: #fff;
}
#mission_manner .step_bar .step-item.complete .pay_btn::before{
content: '지급완료';
}
#mission_manner .manner_sec {
padding: 20px 12px;
border-top: 5px solid #E2E4E8;
}
#mission_manner .manner_sec > .title {
font-size: 22px;
font-weight: 700;
margin-bottom: 30px;
}
#mission_manner .manner_sec .s_tit {
font-weight: 600;
display: flex;
align-items: center;
margin-bottom: 10px;
}
#mission_manner .manner_sec .s_tit img {
width: 35px;
margin-right: 7px;
}
#mission_manner .manner_list li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 17px 0;
}
#mission_manner .manner_list li + li {
border-top: 1px solid #ccc;
}
#mission_manner .manner_list p {
font-weight: 500;
}
#mission_manner .manner_list .ic_star {
font-weight: 500;
display: flex;
align-items: center;
flex-shrink: 0;
margin-left: 5px;
}
#mission_manner .manner_list .ic_star img {
width: 20px;
margin-right: 3px;
}
#mission_manner .bad_manner {
margin-top: 15px;
padding-top: 30px;
border-top: 1px solid #ccc;
}
#mission_manner .note {
padding: 30px 12px 20px;
border-top: 1px solid #ccc;
background: #F2F2F2;
}
#mission_manner .note .tit_box {
display: flex;
align-items: center;
margin-bottom: 10px;
}
#mission_manner .note .tit_box .tit {
font-weight: 600;
flex-shrink: 0;
margin-right: 5px;
}
#mission_manner .note .tit_box .line {
width: 100%;
height: 1px;
background: #000;
}
#mission_manner .note_list li {
padding: 7px 0;
}
#mission_manner .note_list li p{
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
}
#mission_manner .note_list li img {
width: 15px;
margin-right: 7px;
}
#mission_manner .note_list li > div {
font-size: 12px;
line-height: 1.3;
margin-top: 3px;
}
.mission_reward_pop .pop_tit {
align-items: flex-start;
font-size: 18px;
}
.mission_reward_pop .con_txt {
margin-top: 10px;
}
.mission_reward_pop .con_txt p {
font-size: 14px;
line-height: 1.5;
}
.mission_reward_pop .con_txt ul {
background: #F2F2F2;
padding: 10px 12px;
border-radius: 12px;
margin-top: 7px;
}
.mission_reward_pop .con_txt ul li {
font-size: 14px;
}
.mission_reward_pop .con_txt ul li + li {
margin-top: 7px;
}
.mission_reward_pop .pop_btn li {
margin: 0 auto;
margin-top: 20px;
}
/* 경기매너 평가하기 */
#manner_estimate .player_list .temp_bar {
margin-top: 15px;
}
#manner_estimate .temp_bar .first_temp {
text-align: center;
font-size: 11px;
margin-top: 3px;
}
#manner_estimate .temp_bar .first_temp img {
width: 8px;
margin-bottom: 3px;
}
#manner_estimate .review_btn_wrap {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
#manner_estimate .review_btn_wrap .review_btn {
width: 65px;
height: 65px;
background: #fff;
filter: drop-shadow(5px 7px 4px rgba(0, 0, 0, 0.20));
border-radius: 5px;
font-size: 12px;
border: 1px solid #444;
color:#000;
}
#manner_estimate .review_btn_wrap.after .review_btn {
display: none;
}
#manner_estimate .review_btn_wrap .review_btn img {
width: 20px;
display: block;
margin: 0 auto;
margin-bottom: 7px;
}
#manner_estimate .review_btn_wrap .review_result {
display: none;
}
#manner_estimate .review_btn_wrap.after .review_result {
display: block;
}
#manner_estimate .review_btn_wrap .review_result li {
font-size: 12px;
text-align: center;
}
#manner_estimate .review_btn_wrap.best .review_result li:first-child {
display: block;
}
#manner_estimate .review_btn_wrap.worst .review_result li:first-child {
display: none;
}
#manner_estimate .review_btn_wrap.best .review_result li:last-child {
display: none;
}
#manner_estimate .review_btn_wrap.worst .review_result li:last-child {
display: block;
}
#manner_estimate .review_btn_wrap .review_result li img {
width: 30px;
display: block;
margin: 0 auto;
padding-bottom: 3px;
}
#manner_estimate .player_list > li.nonattendance .name{
color: #F00;
}
#manner_estimate .player_list > li.nonattendance .review_btn_wrap {
display: none;
}
#manner_estimate .report_form {
padding: 50px 12px 30px;
}
#manner_estimate .star_rating {
display: flex;
justify-content: center;
}
#manner_estimate .star_rating .star {
appearance: none;
padding: 0 3px;
display: block;
width:35px;
height:35px;
}
#manner_estimate .star_rating .star::after {
content: '';
display: block;
width: 30px;
height: 30px;
background: url(/app/img/ico_star04.png) no-repeat center;
background-size: 100%;
}
/* #manner_estimate .star_rating .star:hover::after,
#manner_estimate .star_rating .star:has(~ .star:hover)::after, */
#manner_estimate .star_rating .star:checked::after,
#manner_estimate .star_rating .star:has(~ .star:checked)::after {
background: url(/app/img/ico_star05.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .star_rating .star:hover ~ .star::after {
background: url(/app/img/ico_star04.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .report_form .estimate_tit {
text-align: center;
margin-top: 20px;
font-weight: 500;
}
#manner_estimate .report_form textarea {
width: 100%;
background: #EFEFEF;
border: 1px solid #ccc;
border-radius: 10px;
padding: 15px;
margin-top: 15px;
}
#manner_estimate .master_estimate {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 355px;
margin: 0 auto;
margin-top: 35px;
}
#manner_estimate .master_estimate li {
width: 100px;
text-align: center;
margin-bottom: 20px;
}
#manner_estimate .master_estimate li p {
font-size: 12px;
font-weight: 500;
text-align: center;
margin-top: 7px;
}
#manner_estimate .master_estimate li .img {
display: block;
width: 70px;
height: 70px;
margin: 0 auto;
}
#manner_estimate .master_estimate input[type="radio"]{
display: none;
}
#manner_estimate .master_estimate input[type="radio"] + label{
display: inline-block;
position: relative;
}
#manner_estimate .master_estimate li:nth-child(1) .img {
background: url(/app/img/master_estimate0101.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate li:nth-child(2) .img {
background: url(/app/img/master_estimate0201.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate li:nth-child(3) .img {
background: url(/app/img/master_estimate0301.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate li:nth-child(4) .img {
background: url(/app/img/master_estimate0401.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate li:nth-child(5) .img {
background: url(/app/img/master_estimate0501.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate li:nth-child(6) .img {
background: url(/app/img/master_estimate0601.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate1"]:checked + label .img{
background: url(/app/img/master_estimate0102.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate2"]:checked + label .img{
background: url(/app/img/master_estimate0202.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate3"]:checked + label .img{
background: url(/app/img/master_estimate0302.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate4"]:checked + label .img{
background: url(/app/img/master_estimate0402.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate5"]:checked + label .img{
background: url(/app/img/master_estimate0502.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .master_estimate input[id="master_estimate6"]:checked + label .img{
background: url(/app/img/master_estimate0602.png) no-repeat center;
background-size: 100%;
}
#manner_estimate .btn_wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
padding: 12px;
box-sizing: border-box;
z-index: 99;
}
#manner_estimate .submit_btn {
width: 100%;
border-radius: 5px;
background: #ccc;
padding: 15px 10px;
color: #fff;
font-size: 16px;
font-weight: 500;
}
#manner_estimate .submit_btn.on {
background: #B2FF00;
color: #222;
}
.estimate_com_pop .content,
.estimate_com_pop2 .content {
height: 200px;
}
.manner_estimate_pop .tab_list_wrap {
display: flex;
justify-content: space-between;
}
.manner_estimate_pop .tab_list {
display: flex;
align-items: center;
justify-content: center;
width: calc((100% - 50px) / 2);
padding: 10px 0;
text-align:center;
border:1px solid #1E2026;
box-sizing: border-box;
border-radius: 5px;
}
.manner_estimate_pop .tab_list.tab_active {
border-color: #0ED869;
color: #0ED869;
}
.manner_estimate_pop .tab_list img {
width: 30px;
margin-right: 3px;
}
.manner_estimate_pop .tab_list p {
font-size:15px;
line-height: 1.2;
font-weight: 500;
}
.manner_estimate_pop .tab_content {
display:none;
width:100%;
}
.manner_estimate_pop .tab_content:first-child {
display: block;
}
.manner_estimate_pop .player_estimate {
margin-top: 25px;
}
.manner_estimate_pop .player_estimate input[type="radio"]{
display: none;
}
.manner_estimate_pop .player_estimate input[type="radio"] + label{
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #1E2026;
border-radius: 50px;
padding: 12px;
font-size: 15px;
box-sizing: border-box;
}
.manner_estimate_pop .player_estimate input[type="radio"]:checked + label {
background: #B2FF00;
border-color: #B2FF00;
filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.20));
}
.manner_estimate_pop .player_estimate li {
margin-bottom: 17px;
}
.manner_estimate_pop .player_estimate img {
width: 20px;
margin-right: 5px;
}
.manner_estimate_pop .pop_btn {
margin-top: 35px;
}
.estimate_com_pop2 .pop_btn li,
.manner_estimate_pop .pop_btn li,
.user_mvp_pop .pop_btn li {
margin: 0 auto;
}
.manner_estimate_pop.modal.bottom .content .bottom_content {
padding: 20px 20px 40px;
}
.user_mvp_pop.modal > .content {
padding: 25px 15px;
}
.user_mvp_pop .name {
display: flex;
font-weight: 500;
font-size: 18px;
}
.user_mvp_pop .name span.position {
width: 30px;
height: 22px;
}
.user_mvp_pop .player_list {
display: flex;
justify-content: space-between;
margin-top: 20px;
position: relative;
}
.user_mvp_pop .player_list li {
width: calc((100% - 20px) / 3);
background: #FFF;
border: 1px solid #ccc;
filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.20));
border-radius: 12px;
position: relative;
}
.user_mvp_pop .player_list li::after {
content: "";
display: block;
padding-bottom: 100%;
}
.user_mvp_pop .player_list li a {
position: absolute;
width: 100%;
height: 100%;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.user_mvp_pop .player_list .title {
font-weight: 700;
line-height: 1.2;
font-size: 14px;
display: flex;
align-items: center;
}
.user_mvp_pop .player_list .content {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 15px;
font-weight: 700;
}
.user_mvp_pop .player_list .content img {
width: 20px;
margin-right: 3px;
}
.user_mvp_pop .pop_btn {
margin-top: 30px;
}
/* 마스터 페이지 */
#master_main {
padding-bottom: 30px;
}
#master_main .master_info {
padding: 30px 15px 10px;
}
#master_main .master_info .top {
display: flex;
align-items: center;
justify-content: space-between;
}
#master_main .master_info .name {
font-weight: 500;
font-size: 15px;
display: flex;
align-items: center;
}
#master_main .master_info .name span {
font-weight: 700;
font-size: 18px;
margin-right: 5px;
}
#master_main .master_info .date {
font-size: 12px;
display: flex;
align-items: center;
letter-spacing: -0.5;
}
#master_main .master_info .date span {
margin-left: 10px;
}
#master_main .master_info .noti {
display: flex;
margin-top: 30px;
}
#master_main .master_info .noti .ic_notice {
width: 18px;
height: fit-content;
flex-shrink: 0;
margin-right: 10px;
height:18px;
}
#master_main .master_info .noti p {
font-size: 12px;
font-weight: 500;
line-height: 1.3;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#master_main .master_info .match_list {
display: flex;
justify-content: space-between;
text-align: center;
margin-top: 30px;
}
#master_main .master_info .match_list li {
padding-bottom: 12px;
font-weight: 600;
width: calc(100% / 3);
}
#master_main .master_info .match_list li:not(:last-child) {
border-right: 1px solid #ccc
}
#master_main .master_info .match_list li span {
font-size: 13px;
color: #666;
}
#master_main .master_info .match_list li p {
font-size: 15px;
margin-top: 10px;
}
#master_main .no_schedule {
position: relative;
height: 260px;
display: flex;
align-items: center;
justify-content: center;
}
#master_main .no_schedule .bg_img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: -1;
}
#master_main .no_schedule p {
font-size: 14px;
color: #808080;
text-align: center;
line-height: 1.3;
font-weight: 500;
}
#master_main .training_btn {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
font-weight: 500;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
padding: 20px 15px 20px 30px;
}
#master_main .training_btn .ic_arrow {
width: 15px;
}
#master_main .schedule_list {
padding: 20px 15px 30px;
}
#master_main .schedule_list li {
padding: 15px 20px 20px;
border: 1px solid #B3B3B3;
box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.20);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
#master_main .schedule_list li .manager_img {
width:60px;
height:60px;
margin-right:10px;
}
#master_main .schedule_list li + li {
margin-top: 20px;
}
#master_main .schedule_list .date {
font-size: 13px;
color: #666;
}
#master_main .schedule_list .badge {
width: 48px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 11px;
color: #fff;
background: #ccc;
margin-left: 5px;
}
#master_main .schedule_list .badge.red {
background: #FF0000;
}
#master_main .schedule_list .info .left {
display: flex;
align-items: center;
margin-top: 12px;
}
#master_main .schedule_list .info .schedule_img {
width: 70px;
height: 70px;
object-fit: cover;
margin-right: 15px;
}
#master_main .schedule_list .text_box > p {
font-size: 12px;
margin-top: 5px;
}
#master_main .schedule_list .text_box > p.title {
margin-top: 0;
font-size: 14px;
font-weight: 600;
}
#master_main .schedule_list .text_box .time_txt {
display: flex;
align-items: center;
}
#master_main .schedule_list .text_box .time_txt img {
height: 13px;
margin-right: 3px;
}
#master_main .schedule_list .go_detail img {
width: 30px;
}
/* 일반매치 > 실시간 경기매치 */
.set_top {
padding: 20px 12px;
border-bottom: 10px solid #E0E2E6;
position: relative;
}
.set_top .location {
display: flex;
align-items: flex-end;
}
.set_top .location img {
width: 16px;
}
.set_top .location span {
font-size: 16px;
font-weight: 700;
padding: 0 20px 2px;
border-bottom: 2px solid #1E2026;
margin-left: -8px;
color: #1E2026;
}
.set_top .keyword {
margin-top: 20px;
display: flex;
align-items: center;
}
.set_top .keyword .tit {
display: flex;
align-items: center;
flex-shrink: 0;
margin-right: 7px;
}
.set_top .keyword .tit img {
width: 14px;
margin-right: 5px;
}
.set_top .keyword .tit span {
font-size: 13px;
color: #606060;
text-decoration: underline;
}
.set_top .keyword_list {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.set_top .keyword_list::-webkit-scrollbar {
display: none;
}
.set_top .keyword_list li {
flex: 0 0 auto;
display: flex;
align-items: center;
color: #999999;
font-size: 12px;
padding: 6px 12px;
border: 1px solid #B3B3B3;
border-radius: 50px;
letter-spacing: -0.5px;
}
.set_top .keyword_list li + li {
margin-left: 5px;
}
.set_top .keyword_list button {
padding-left: 5px;
}
.set_top .keyword_list button img {
width: 8px;
}
.notice_sec {
border-bottom: 10px solid #E0E2E6;
}
.notice_sec .title_box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 12px 5px;
}
.notice_sec .title_box .big_tit {
font-size: 16px;
font-weight: 700;
}
.notice_sec .title_box .more {
font-size: 13px;
font-weight: 600;
color: #999;
display: flex;
align-items: center;
}
.notice_sec .title_box .more img {
width: 5px;
margin-left: 5px;
}
.notice_sec .noti_list li + li {
border-top: 1px solid rgb(190 195 204 / 50%);
}
.notice_sec .noti_list li a{
display: flex;
align-items: center;
padding: 15px 12px;
font-size: 14px;
}
.notice_sec .noti_list li span {
background: #FFE0E0;
color: #F00;
font-size: 11px;
font-weight: 500;
padding: 4px 8px;
border-radius: 5px;
margin-right: 5px;
}
.noti_list li{
display:flex;
}
.notice_sec_span {
background: #FFE0E0;
color: #F00;
font-size: 11px;
font-weight: 500;
padding: 4px 8px;
border-radius: 5px;
margin-right: 5px;
}
/* 게시판 */
.board_sec .category_list {
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 20px 12px;
}
.board_sec .category_list::-webkit-scrollbar {
display: none;
}
.board_sec .category_list li {
flex: 0 0 auto;
color: #999999;
font-size: 12px;
padding: 6px 12px;
border: 1px solid #B3B3B3;
border-radius: 50px;
letter-spacing: -0.5px;
}
.board_sec .category_list li + li {
margin-left: 5px;
}
.board_sec .category_list li.on {
background: #0ED869;
color: #fff;
border-color: #0ED869;
}
.board_sec .filter {
display: flex;
align-items: center;
padding: 0 12px;
}
.board_sec .board_sort {
display: flex;
align-items: center;
margin-right: 20px;
}
.board_sec .board_sort select {
font-size: 14px;
letter-spacing: -0.5px;
}
.board_sec .board_sort .ic_arrow {
width: 10px;
height: 10px;
margin-left: 5px;
margin-top: 1px;
}
.board_sec .switch {
display: flex;
align-items: center;
}
.board_sec .switch .label__on-off {
width: 38px;
height: 20px;
border: none;
background-color: #ccc;
}
.board_sec .switch .input__on-off:checked + .label__on-off {
background-color: #0ed869;
}
.board_sec .switch .label__on-off .marble {
width: 16px;
height: 16px;
box-shadow: none;
}
.board_sec .switch .input__on-off:checked + .label__on-off .marble {
left: 19px;
top: 2px;
}
.board_sec .switch p {
font-size: 14px;
margin-left: 4px;
letter-spacing: -0.5px;
color: #1E2026;
}
.board_conent_list .profile {
width: 40px;
height: 40px;
}
.category_list {
padding: 15px 10px;
}
.category_list input[type=radio]{
display: none;
}
.category_list input[type=radio]+label{
flex: 0 0 auto;
color: #999999;
font-size: 12px;
padding: 6px 12px;
border: 1px solid #B3B3B3;
border-radius: 50px;
letter-spacing: -0.5px;
margin-right:5px;
}
.category_list input[type=radio]+label{
background-color: #fff;
color: #999999;
}
.category_list input[type=radio]:checked+label{
background-color: #0ED869;
border: 1px solid #0ED869;
color: #fff;
}
.subscribe_box{
display:flex;
align-items: center;
justify-content: center;
font-size:13px;
margin: 10px auto;
width:80%;
padding:11px;
background-color:#fff;
border-radius:20px;
box-shadow: 2px 3px 7px 0 #cfcfcf;
animation: swaying-flower 1s infinite ease-in-out;
}
.subscribe_box img{
width:50px;
margin-right:10px;
}
@keyframes swaying-flower {
0% {transform: rotate(-0.5deg);}
50% {transform: rotate(0.5deg);}
100% {transform: rotate(-0.5deg);}
}
.social_match_list > .ad {
padding-top: 0;
width: 100%;
height: auto;
}
.social_match_list > .ad > a {
position: relative;
display: block;
}
.social_match_list > .ad > a::after {
display: block;
content: "";
padding-bottom: 15%;
}
.social_match_list > .ad img {
width: 100%;
height: auto;
object-fit: cover;
}
.date_info{
margin:5px;
font-size:14px;
color:#999;
}
.sub_today_box{
position: fixed;
bottom:-20px;
right:10%;
font-size:13px;
color: #fff;
/* right:; */
}
.sub_today_box input[type="checkbox"]{
-webkit-appearance: auto;
display: inline;
}
.join_info{
border-bottom: 1px solid #bbb;
font-size:14px;
line-height: 18px;
display: grid;
grid-template-columns: 25px 1fr;
padding-top:30px;
}
.join_info img{
width: 15px;
margin-top:2px;
}
.join_info h3{
margin-bottom:10px;
}
.join_info p{
margin-bottom:20px;
line-height:1.3;
font-size:13px;
color:#484a4f;
}
.join_info p span{
font-size:11px;
line-height:1.3;
margin-top:5px;
}
.none_it_list{
position: relative;
background: #eff0f2;
border-radius: 7px;
padding:30px 12px;
font-size: 13px;
text-align: center;
}
.sub_info_box{
border-radius: 5px;
background: #eee;
display: flex;
justify-content: center;
padding: 15px 10px;
width:100%;
margin-top:10px;
}
.sub_info_box p{
text-align: center;
font-size:13px;
font-weight:500;
}
.payment_tab{
display:flex;
justify-content: center;
align-items: center;
}
.payment_tab a{
display:block;
width:50%;
text-align: center;
line-height:45px;
font-size:14px;
}
.payment_tab .on{
border-bottom: 3px solid #000;
font-weight:bold;
}
.tippy-box{
background-color: #eee;
color:#000;
font-size: 12px;
padding:5px;
line-height:1.3;
}
.tippy-arrow{
color:#eee;
}
.tippy-content {
line-height: 1.15;
}