/* common */
html {background:#fff;}
html , body {overflow-x:hidden; height:100%; max-width:500px; margin:0 auto;}
body {background:#1d1d1b;}
.wrapper {height:100%; background:#1d1d1b;}
.wrapper.mypage {background:#000;}

/* header */
header .header-wrap {background:#000; padding:20px 30px 25px; border-bottom-left-radius:40px; border-bottom-right-radius:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-wrap .header-box h1 {color:#fff; font-size:20px; font-weight:600;}
header .header-wrap .header-box .header-bar {display:block; width:25px; height:22px; font-size:0; background:url('../images/header_bar.png') no-repeat center / cover;}
header .header-wrap .header-box .header-close {display:block; width:25px; height:25px; font-size:0; background:url('../images/header_close.png') no-repeat center / cover;}
.mypage header .header-wrap {border-radius:0 !important;}

/* section */
section {position:relative; min-height:calc(100% - 183px);}

/* footer */
footer {padding:30px 0; background:#1d1d1b;}
footer img {display:block; margin:0 auto; width:100px;}

/* category */
.cate-wrap {font-size:0; margin-top:15px; padding:0 30px;}
.cate-wrap a {display:inline-block; color:#9d9d9c; font-size:17px; margin-right:15px;}
.cate-wrap a.active {color:#fff; border-bottom:1px solid #fff; padding-bottom:5px;}

/* text */
.text-wrap {text-align:right; margin:30px auto 10px; padding:0 20px; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:baseline;}
.text-wrap small {font-size:15px; color:#fff; display:inline-block; margin-right:7px;}
.text-wrap b {font-size:35px; color:#fff; font-weight:600;}

/* date */
.date-wrap {background:#575756; border-radius:25px; padding:15px 20px; width:calc(100% - 60px); margin:30px auto 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.date-wrap span {color:#fff; font-size:17px; font-weight:600;}
.date-wrap sub {display:inline-block; font-size:0; width:15px; height:2px; background:#fff; margin:0 10px;}
.date-wrap2 {padding:15px 20px; margin:0 auto 0;}
.date-wrap2 form .flex-box:last-of-type {margin-top:10px; border-bottom:2px solid #fff; padding-bottom:20px;}
.date-wrap2 form .flex-box.bd0 {border-bottom:0; padding-bottom:0;}
.date-wrap2 form .flex-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border:0; padding-bottom:0;}
.date-wrap2 form .flex-box button {width:50px; height:30px; line-height:30px; background:#060708; color:#fff; border-radius:10px; margin-left:10px;} 
/* ever */
.date-wrap2 form .flex-box input[type=button] {width:50px; height:30px; line-height:30px; background:#060708; color:#fff; border-radius:10px; margin-left:10px;}


.date-wrap2 form .flex-box span {display:inline-block; width:15px; height:30px; line-height:30px; color:#fff; text-align:center;}
.date-wrap2 form .flex-box .date-box {width:calc(50% - 37.5px); background:#524f4d; color:#fff; display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; padding:0 10px;}
.date-wrap2 form .flex-box .date-box input[type=text] {width:calc(100% - 12px); height:30px; background:none; color:#fff; text-align:center; padding-right:10px;}
.date-wrap2 form .flex-box .date-box img {width:12px;}
.date-wrap2 form .flex-box .select-box {width:calc(50% - 35px); background:#524f4d; border-radius:10px; position:relative;}
.date-wrap2 form .flex-box .select-box:after {position:absolute; content:""; right:10px; top:50%; transform:translateY(-50%); width:10px; height:8px; background:url('../images/icon_select.png') no-repeat center / cover;}
.date-wrap2 form .flex-box .select-box select {position:relative; height:30px; width:100%; background:none; color:#000;padding:0 10px;}
.date-wrap2.search form .flex-box .date-box {width:calc(100% - 60px);}

/* loading */
.loading {position:relative; height:100%;}
.loading img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:150px;}

/* login */
.login-wrap {height:100%; position:relative;}
.login-wrap .login-form {position:absolute; left:50%; top:calc(50% - 30px); transform:translate(-50%,-50%); width:100%; padding:0 50px;}
.login-wrap .login-form h2 img {max-width:150px; display:block; margin:0 auto;}
.login-wrap .login-form form {margin-top:10px;}
.login-wrap .login-form form .form-group.bd {border-bottom:1px solid #fff; display:flex; flex-wrap:wrap; align-items:center;}
.login-wrap .login-form form .form-group img {display:inline-block; width:30px;}
.login-wrap .login-form form .form-group input[type=text] ,
.login-wrap .login-form form .form-group input[type=password] {width:calc(100% - 30px); display:inline-block; background:transparent; border:0; outline:0; box-shadow:none; height:50px; padding:0 10px 0 20px; font-size:16px;}
.login-wrap .login-form form .form-group input[type=text]::placeholder ,
.login-wrap .login-form form .form-group input[type=password]::placeholder {color:#9d9d9c;}
.login-wrap .login-form form .form-group.chk {margin-top:15px;}
.login-wrap .login-form form .form-group.chk input[type=checkbox] {position:relative; top:2px; width:15px; height:15px; border-radius:50%; background:url('../images/login_checkbox_off.png') no-repeat center / cover; margin-right:5px;}
.login-wrap .login-form form .form-group.chk input[type=checkbox]:checked {background:url('../images/login_checkbox_on.png') no-repeat center / cover;}
.login-wrap .login-form form .form-group.chk label {color:#8e8e8d; font-size:16px;}
.login-wrap .login-form form .form-group.btn {text-align:center;}
.login-wrap .login-form form .form-group.btn button {width:100%; background:#575756; border-radius:30px; color:#fff; font-weight:700; padding:15px 0; text-align:center; font-size:18px; margin-top:25px;}
.login-wrap .login-form form .form-group.btn a {display:inline-block; margin-top:15px; font-size:15px; color:#fff;} 
.login-wrap .login-forgot {position:absolute; left:50%; bottom:30px; transform:translateX(-50%); width:100%; padding:0 50px; text-align:center;}
.login-wrap .login-forgot p {font-size:15px; color:#9d9d9c; margin-bottom:10px;}
.login-wrap .login-forgot p:last-of-type {margin-bottom:0;}
.login-wrap .login-forgot p a {display:inline-block; color:#fff; font-weight:500; margin-right:5px;}

/* register */
.reg-wrap {padding:0 30px; margin-top:35px; background:#1d1d1b;}
.reg-wrap.centered {position:absolute; left:0; width:100%; top:calc(50% - 57px); transform:translateY(-50%);}
.reg-wrap .form-group {margin-bottom:30px;}
.reg-wrap .form-group:last-of-type {margin-bottom:0;}
.reg-wrap .form-group .tit {color:#fff; font-size:18px; font-weight:600; margin-bottom:10px;}
.reg-wrap .form-group .content .flex-box {margin-bottom:10px;}
.reg-wrap .form-group .content .flex-box:last-of-type {margin-bottom:0;}
.reg-wrap .form-group .content .flex-box.half {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.reg-wrap .form-group .content .flex-box input[type=text] ,
.reg-wrap .form-group .content .flex-box input[type=password] {width:100%; background:#575756; border-radius:20px; height:30px; padding:0 10px; outline:0; font-size:14px; color:#fff;}
.reg-wrap .form-group .content .flex-box.half input[type=text] , 
.reg-wrap .form-group .content .flex-box.half input[type=password]{width:calc(100% - 110px);}
.reg-wrap .form-group .content .flex-box.half a ,
.reg-wrap .form-group .content .flex-box.half button {display:block; width:100px; height:30px; line-height:30px; text-align:center; background:#575756; border-radius:20px; color:#fff; font-size:14px;}
.reg-popup {position:fixed; left:50%; top:0; transform:translateX(-50%); max-width:500px; width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:1000;}
.reg-popup .popup-close {display:block; width:25px; height:25px; font-size:0; background:url('../images/header_close.png') no-repeat center / cover; position:absolute; right:30px; top:23px;}
.reg-popup .popup-text {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.reg-popup .popup-text > div {background:#1d1d1b; color:#fff; font-size:25px; font-weight:500; width:85%; text-align:center; margin:0 auto; padding:25px 0; border-radius:20px;}
.reg-popup .popup-text > div form {padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:20px;}
.reg-popup .popup-text > div form input[type=text] {width:calc(100% - 85px); background:#575756; border-radius:20px; height:30px; padding:0 10px; outline:0; font-size:14px; color:#fff;}
.reg-popup .popup-text > div form button {width:70px; height:30px; line-height:30px; text-align:center; border-radius:20px; background:#575756; font-size:14px; color:#fff;}

/* register modify */
.reg-wrap .form-group .content .link-box {font-size:0; text-align:right; margin-bottom:50px;}
.reg-wrap .form-group .content .link-box a {display:inline-block; color:#fff; font-size:15px;}
.reg-wrap .form-group .content .link-box a:after {display:inline-block; content:"|"; margin:0 15px; position:relative; top:-2px; font-size:12px;}
.reg-wrap .form-group .content .link-box a:last-of-type:after {display:none;}
.reg-wrap .form-group .reg-member .reg-member-image {position:relative; width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 auto;}
.reg-wrap .form-group .reg-member .reg-member-image a {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-size:cover;}
.reg-wrap .form-group .reg-member .reg-member-text {margin-top:20px; border-bottom:1px solid #9d9d9c; padding-bottom:20px; color:#fff; text-align:center; font-size:19px; font-weight:600;}

/* find */
.reg-wrap .find-list h2 {color:#fff; font-size:20px; font-weight:600; margin-bottom:15px;}
.reg-wrap .find-list ul {background:#575756; padding:15px 15px 10px; border-radius:20px;}
.reg-wrap .find-list ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.reg-wrap .find-list ul li > div {color:#fff; font-size:14px; margin-bottom:8px;}
.reg-wrap .find-list ul li > div:last-of-type {margin-bottom:0;}

/* notice */
.not-wrap {padding:0 30px; margin-top:35px;}
.not-wrap ul li {margin-bottom:20px;}
.not-wrap ul li:last-of-type {margin-bottom:0;}
.not-wrap ul li .subject {border-bottom:1px solid #9d9d9c; padding-bottom:10px;}
.not-wrap ul li .subject a {display:block; color:#fff; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:35px; position:relative;}
.not-wrap ul li .subject a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:50px; height:50px; background:url('../images/board_more.png') no-repeat right center / 11px auto; content:"";}
.not-wrap ul li .date {margin-top:5px; color:#fff; font-size:13px;}
.not-wrap .not-view h2 {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; border-bottom:1px solid #9d9d9c; padding-bottom:15px;}
.not-wrap .not-view h2 .subject {color:#fff; font-size:20px; width:calc(100% - 115px); margin-right:10px;}
.not-wrap .not-view h2 .date {color:#fff; font-size:13px; width:105px;}
.not-wrap .not-view .content {margin-top:30px; color:#fff; font-size:16px;}

/* store */
.store-wrap {padding:0 30px; margin-top:35px;}
.store-wrap .store-search form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.store-wrap .store-search form input[type=text] {outline:0; color:#fff; width:calc(100% - 42px); margin-right:20px; height:35px; padding:0 10px; background:#575756; border:0; border-radius:20px;}
.store-wrap .store-search form button {width:22px; height:30px; font-size:0; background:url('../images/search_button.png') no-repeat center / cover;}
.store-wrap .store-search.around {border-bottom:1px solid #9d9d9c; padding-bottom:10px;}
.store-wrap .store-search.around form {position:relative; padding-left:30px;}
.store-wrap .store-search.around form:before {position:absolute; width:25px; height:25px; background:url('../images/search_location.png') no-repeat center / cover; content:""; left:0;}
.store-wrap .store-search.around form input[type=text] {background:none; padding:0 10px; color:#fff; border-radius:0; outline:0; width:100%; margin:0; height:35px; font-size:18px; font-weight:600;}
.store-wrap .store-category {margin-top:20px; width:100%; overflow-x:auto; white-space:nowrap;}
.store-wrap .store-category ul {font-size:0;}
.store-wrap .store-category ul li {display:inline-block;}
.store-wrap .store-category ul li a {display:block; color:#9d9d9c; font-size:16px; font-weight:600; padding:10px 20px;}
.store-wrap .store-category ul li a.favorite {background:url('../images/bookmark_on.png') no-repeat center / cover; width:20px; height:20px; padding:0; font-size:0; margin:0 20px 0 20px; position:relative; top:8px;}
.store-wrap .store-category ul li a.active {color:#fff; border-bottom:2px solid #fff;}
.store-wrap .store-list {margin-top:25px;}
.store-wrap .store-list li {display:flex; flex-wrap:wrap; justify-content:space-between; background:#575756; margin-bottom:15px; padding:15px; border-radius:15px;}
.store-wrap .store-list li:last-of-type {margin-bottom:0;}
.store-wrap .store-list li .flex-box:first-of-type {width:calc(100% - 35px); margin-right:10px;}
.store-wrap .store-list li .flex-box:first-of-type .subject {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:7px;}
.store-wrap .store-list li .flex-box:first-of-type .subject a {font-size:19px; font-weight:600; color:#fff;}
.store-wrap .store-list li .flex-box:first-of-type .address {font-size:14px; color:#9d9d9c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:7px;}
.store-wrap .store-list li .flex-box:first-of-type .detail {font-size:0;}
.store-wrap .store-list li .flex-box:first-of-type .detail span {display:inline-block; font-size:14px; color:#9d9d9c;}
.store-wrap .store-list li .flex-box:first-of-type .detail span:after {content:"|"; margin:0 7px; font-size:10px; position:relative; top:2px;}
.store-wrap .store-list li .flex-box:first-of-type .detail span:last-of-type:after {display:none;}
.store-wrap .store-list li .flex-box:last-of-type {width:25px;}
.store-wrap .store-list li .flex-box:last-of-type a {font-size:0; display:block; width:25px; height:25px; background:url('../images/bookmark_off.png') no-repeat center / cover;}
.store-wrap .store-list li .flex-box:last-of-type a.active {background:url('../images/bookmark_on.png') no-repeat center / cover;}
.store-wrap .store-list.around li {display:block; padding:10px;}
.store-wrap .store-list.around li .subject {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.store-wrap .store-list.around li .subject a {font-size:19px; font-weight:600; color:#fff;}
.store-wrap .store-list.around li .detail {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.store-wrap .store-list.around li .detail .flex-box:first-of-type {color:#fff; font-size:14px; width:calc(100% - 60px); line-height:1.2;}
.store-wrap .store-list.around li .detail .flex-box:last-of-type {color:#000; font-size:14px; font-weight:600; width:50px; text-align:right;}
.store-wrap .store-text {margin-top:20px;}
.store-wrap .store-text p {color:#9d9d9c; font-size:17px;}
.store-wrap .store-filter {margin-top:15px; font-size:0;}
.store-wrap .store-filter a {display:inline-block; color:#9d9d9c; font-size:15px; padding:5px 0 7px; margin-right:15px;}
.store-wrap .store-filter a:last-of-type {margin-right:0;}
.store-wrap .store-filter a.active {color:#fff; border-bottom:2px solid #fff;}

/* play */
.play-wrap {padding:0 30px; margin-top:35px;}
.play-wrap .play-list ul li {background:#575756; padding:20px; border-radius:15px; margin-bottom:15px;}
.play-wrap .play-list ul li:last-of-type {margin-bottom:0;}
.play-wrap .play-list ul li .subject {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-weight:600; margin-bottom:15px;}
.play-wrap .play-list ul li dl dd {display:flex; flex-wrap:wrap; aligm-items:center; margin-bottom:5px;}
.play-wrap .play-list ul li dl dd:last-of-type {margin-bottom:0;}
.play-wrap .play-list ul li dl dd span {color:#fff; font-size:14px;}
.play-wrap .play-list ul li dl dd span:first-of-type {width:100px;}
.play-wrap .play-list ul li dl dd span:last-of-type {width:calc(100% - 100px);}

/* history */
.hist-wrap {padding:0 30px; margin-top:35px;}
.hist-wrap .hist-list ul li {background:#575756; padding:20px; border-radius:15px; margin-bottom:15px;}
.hist-wrap .hist-list ul li:last-of-type {margin-bottom:0;}
.hist-wrap .hist-list ul li .subject {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-weight:600; margin-bottom:15px;}
.hist-wrap .hist-list ul li .price {text-align:right; font-size:24px; color:#fff; margin-bottom:10px;}
.hist-wrap .hist-list ul li .detail {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.hist-wrap .hist-list ul li .detail .flex-box:first-of-type {width:calc(100% - 80px);}
.hist-wrap .hist-list ul li .detail .flex-box:first-of-type span:first-of-type {font-size:15px; color:#fff; margin-bottom:5px; display:block;}
.hist-wrap .hist-list ul li .detail .flex-box:first-of-type span:last-of-type {color:#ababab; font-size:13px;}
.hist-wrap .hist-list ul li .detail .flex-box:last-of-type {width:80px; color:#fff; font-size:15px; text-align:right;}

/* tournament */
.tour-wrap {padding:0 30px; margin-top:35px;}
.tour-wrap .tour-date {font-size:18px; color:#fff; display:flex; flex-wrap:wrap; align-items:flex-end;}
.tour-wrap .tour-date b {display:inline-block; font-size:30px; font-weight:500; margin-right:10px;}
.tour-wrap .tour-calendar {margin-top:30px; background:#575756; border-radius:20px; padding:15px;}
.tour-wrap .tour-calendar table tr td {padding:3px 0;}
.tour-wrap .tour-calendar table tr td span {color:#fff; display:inline-block; border-radius:50%; width:25px; height:25px; line-height:25px; text-align:center; font-size:14px; font-weight:500;}
.tour-wrap .tour-calendar table tr td.today span {background:#fff; color:#000;}
.tour-wrap .tour-calendar table tr td.no span {background:#000; color:#fff;}
.tour-wrap .tour-list {margin-top:40px;}
.tour-wrap .tour-list ul li {border-left:1px solid #fff; padding-left:10px; margin-bottom:25px;}
.tour-wrap .tour-list ul li:last-of-type {margin-bottom:0;}
.tour-wrap .tour-list ul li .subject {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:20px; margin-bottom:8px; color:#fff;}
.tour-wrap .tour-list ul li .address {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; color:#fff;}
.tour-wrap .tour-list ul li .detail {display:flex; flex-wrap:wrap; align-items:flex-end;}
.tour-wrap .tour-list ul li .detail .flex-box:first-of-type {width:calc(100% - 80px);}
.tour-wrap .tour-list ul li .detail .flex-box:last-of-type {width:80px;}
.tour-wrap .tour-list ul li .detail .flex-box:last-of-type a {display:block; height:30px; line-height:30px; text-align:center; background:#575756; color:#fff; font-size:14px; font-weight:500; border-radius:20px;}
.tour-wrap .tour-list ul li .detail .flex-box:last-of-type a.active {background:#fff; color:#000;}
.tour-wrap .tour-list ul li dl {margin-top:15px;}
.tour-wrap .tour-list ul li dl dd {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:5px;}
.tour-wrap .tour-list ul li dl dd:last-of-type {margin-bottom:0;}
.tour-wrap .tour-list ul li dl dd span {display:block; color:#9d9d9c; font-size:14px;}
.tour-wrap .tour-list ul li dl dd span:first-of-type {width:80px;}
.tour-wrap .tour-list ul li dl dd span:last-of-type {width:calc(100% - 80px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* ranking */
.rank-wrap {padding:0 30px; margin-top:35px;}
.rank-wrap .rank-filter {margin-top:25px; display:flex; flex-wrap:wrap; align-items:center;}
.rank-wrap .rank-filter b {font-size:20px; color:#fff; display:inline-block; width:80px;}
.rank-wrap .rank-filter .select-box {max-width:calc(100% - 80px); min-width:150px; margin-left:15px; position:relative; background:#575756; border-radius:20px;}
.rank-wrap .rank-filter .select-box:after {position:absolute; right:15px; top:52%; transform:translateY(-50%); content:""; width:15px; height:8px; background:url('../images/select_more.png') no-repeat center / cover;}
.rank-wrap .rank-filter .select-box select {width:100%; position:relative; outline:0; height:35px; background:none; padding:0 10px; color:#fff; font-size:15px;}
.rank-wrap .rank-my {margin:40px auto 0;}
.rank-wrap .rank-my .grade img {width:73px; height:70px; object-fit:cover; margin:0 auto 15px; display:block;}
.rank-wrap .rank-my .image {width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 auto;}
.rank-wrap .rank-my .image img {width:150px; height:150px; object-fit:cover;}
.rank-wrap .rank-my .text {margin-top:15px;}
.rank-wrap .rank-my .text {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.rank-wrap .rank-my .text p {font-size:20px; font-weight:600; color:#fff;}
.rank-wrap .rank-list {margin-top:35px;}
.rank-wrap .rank-list ul li {padding:15px 20px; margin-bottom:20px; background:#575756; border-radius:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.rank-wrap .rank-list ul li:last-of-type {margin-bottom:0;}
.rank-wrap .rank-list ul li .flex-box:first-of-type {width:calc(100% - 100px);}
.rank-wrap .rank-list ul li .flex-box:first-of-type .subject {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:20px; font-weight:600; margin-bottom:10px;}
.rank-wrap .rank-list ul li .flex-box:first-of-type .info dl dd {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-right:25px; margin-bottom:5px;}
.rank-wrap .rank-list ul li .flex-box:first-of-type .info dl dd:last-of-type {margin-bottom:0;}
.rank-wrap .rank-list ul li .flex-box:first-of-type .info dl dd span {display:inline-block; color:#fff; font-size:14px;}
.rank-wrap .rank-list ul li .flex-box:first-of-type .info dl dd span:first-of-type {width:60px;}
.rank-wrap .rank-list ul li .flex-box:first-of-type .info dl dd span:last-of-type {width:calc(100% - 60px); text-align:right;}
.rank-wrap .rank-list ul li .flex-box:last-of-type {width:100px; margin:0 auto;}
.rank-wrap .rank-list ul li .flex-box:last-of-type .rank-list-image {width:80px; height:80px; overflow:hidden; border-radius:50%; margin:0 auto;}
.rank-wrap .rank-list ul li .flex-box:last-of-type .rank-list-image img {width:80px; height:80px; object-fit:cover;}
.rank-wrap .rank-list ul li .flex-box:last-of-type .rank-list-text {text-align:center; margin-top:5px;}
.rank-wrap .rank-list ul li .flex-box:last-of-type .rank-list-text p {font-size:14px; color:#fff;}
.rank-wrap .rank-list ul li .flex-box:last-of-type .rank-list-text p:last-of-type {font-size:12px; margin-top:5px;}
.rank-wrap .rank-order {margin-top:30px;}
.rank-wrap .rank-order ul {margin-bottom:-20px;}
.rank-wrap .rank-order ul:after {display:block; clear:both; content:"";}
.rank-wrap .rank-order ul li {width:33.33%; float:left; text-align:center; padding:0 10px; margin-bottom:20px;}
.rank-wrap .rank-order ul li .order-grade {margin-bottom:0px;}
.rank-wrap .rank-order ul li .order-grade img {display:block; margin:0 auto; width:38px; height:35px; object-fit:cover;}
.rank-wrap .rank-order ul li .order-image {overflow:hidden;}
.rank-wrap .rank-order ul li .order-image img {width:70px; height:70px; border-radius:50%; object-fit:cover;}
.rank-wrap .rank-order ul li .order-name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0px;}
.rank-wrap .rank-order ul li .order-name p {color:#fff; font-size:11px;}
.rank-wrap .rank-order-3th {margin-top:30px;}
.rank-wrap .rank-order-3th ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 3px; background:#575756; border-radius:15px; margin-bottom:10px;}
.rank-wrap .rank-order-3th ul li:last-of-type {margin-bottom:0;}
.rank-wrap .rank-order-3th ul li div {color:#fff; font-size:11px; text-align:center;}
.rank-wrap .rank-order-3th ul li div:first-of-type {width:35px;}
.rank-wrap .rank-order-3th ul li div:nth-of-type(2) {width:60px;}
/*.rank-wrap .rank-order-3th ul li div:nth-of-type(3) {width:calc(100% - 160px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/
.rank-wrap .rank-order-3th ul li div:nth-of-type(3) {width:calc(100% - 160px); text-overflow:ellipsis; white-space:normal;}
.rank-wrap .rank-order-3th ul li div:last-of-type {width:40px;}

/* rule */
.rule-wrap {padding:0 30px; margin-top:35px;}
.rule-wrap ol li {margin-bottom:20px; font-size:15px; color:#fff; line-height:1.4;}
.rule-wrap ol li:last-of-type {margin-bottom:0;}

/* main */
.main-header {background:#000; border-bottom-left-radius:40px; border-bottom-right-radius:40px; padding:20px 30px 25px;}
.main-header .main-header-wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-header .main-header-wrap .flex-box:first-of-type {width:80px;}
.main-header .main-header-wrap .flex-box:first-of-type .header-image {width:80px; height:80px; overflow:hidden; border-radius:50%;}
.main-header .main-header-wrap .flex-box:first-of-type .header-image img {width:80px; height:80px; object-fit:cover;}
.main-header .main-header-wrap .flex-box:last-of-type {width:calc(100% - 100px); margin-left:20px;}
.main-header .main-header-wrap .flex-box:last-of-type .name {font-size:20px; font-weight:600; color:#fff;}
.main-header .main-header-wrap .flex-box:last-of-type .score {position:relative; background:#1d1d1b; border-radius:15px; height:10px; margin-top:13px;}
.main-header .main-header-wrap .flex-box:last-of-type .score .score-circle {position:absolute; color:#808080; font-size:10px; bottom:-18px;}
.main-header .main-header-wrap .flex-box:last-of-type .score .score-circle:before {content:""; position:absolute; left:50%; top:-14px; transform:translateX(-50%); width:10px; height:10px; border-radius:50%; background:#9d9d9c;}
.main-header .main-header-wrap .flex-box:last-of-type .grade {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:25px;}
.main-header .main-header-wrap .flex-box:last-of-type .grade .flex-box {width:auto;}
.main-header .main-header-wrap .flex-box:last-of-type .grade .flex-box:first-of-type {color:#fff; font-size:14px; display:flex; flex-wrap:wrap; align-items:flex-end;}
.main-header .main-header-wrap .flex-box:last-of-type .grade .flex-box:first-of-type b {color:#fff; font-size:20px; font-weight:500; display:inline-block; margin-right:5px;}
.main-header .main-header-wrap .flex-box:last-of-type .grade .flex-box:last-of-type {color:#fff; font-size:14px; font-weight:600; display:flex; flex-wrap:wrap; align-items:flex-end;}
.main-header .main-header-wrap .flex-box:last-of-type .grade .flex-box:last-of-type b {color:#fff; font-size:17px; display:inline-block; margin-right:5px;}
.main-header .main-header-more {text-align:center; margin-top:20px; position:relative; top:5px;}
.main-header .main-header-more a {display:inline-block; font-size:0; width:20px; height:10px; background:url('../images/more.png') no-repeat center / cover;}
.main-wrap h2 {border-bottom:1px solid #9d9d9c; color:#fff; font-size:23px; font-weight:600; padding-bottom:8px; position:relative;}
.main-wrap h2 a {position:absolute; width:10px; height:17px; right:0; top:50%; transform:translateY(-50%); font-size:0; background:url('../images/main_more.png') no-repeat center / cover;}
.main-wrap .main-tour {padding:0 30px; margin-top:35px;}
.main-wrap .main-tour .tour-list {margin-top:10px;}
.main-wrap .main-tour .tour-list ul li {border-left:1px solid #fff; padding-left:10px; margin-bottom:25px;}
.main-wrap .main-tour .tour-list ul li:last-of-type {margin-bottom:0;}
.main-wrap .main-tour .tour-list ul li .subject {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:20px; margin-bottom:8px; color:#fff;}
.main-wrap .main-tour .tour-list ul li .address {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; color:#fff;}
.main-wrap .main-tour .tour-list ul li .detail {display:flex; flex-wrap:wrap; align-items:flex-end;}
.main-wrap .main-tour .tour-list ul li .detail .flex-box:first-of-type {width:calc(100% - 80px);}
.main-wrap .main-tour .tour-list ul li .detail .flex-box:last-of-type {width:80px;}
.main-wrap .main-tour .tour-list ul li .detail .flex-box:last-of-type a {display:block; height:30px; line-height:30px; text-align:center; background:#575756; color:#fff; font-size:14px; font-weight:500; border-radius:20px;}
.main-wrap .main-tour .tour-list ul li .detail .flex-box:last-of-type a.active {background:#fff; color:#000;}
.main-wrap .main-tour .tour-list ul li dl {margin-top:15px;}
.main-wrap .main-tour .tour-list ul li dl dd {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:5px;}
.main-wrap .main-tour .tour-list ul li dl dd:last-of-type {margin-bottom:0;}
.main-wrap .main-tour .tour-list ul li dl dd span {display:block; color:#9d9d9c; font-size:14px;}
.main-wrap .main-tour .tour-list ul li dl dd span:first-of-type {width:80px;}
.main-wrap .main-tour .tour-list ul li dl dd span:last-of-type {width:calc(100% - 80px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-wrap .main-rank {padding:0 30px; margin-top:35px;}
.main-wrap .main-rank .rank-order {margin-top:20px;}
.main-wrap .main-rank .rank-order ul {margin-bottom:-20px;}
.main-wrap .main-rank .rank-order ul:after {display:block; clear:both; content:"";}
.main-wrap .main-rank .rank-order ul li {width:33.33%; float:left; text-align:center; padding:0 10px; margin-bottom:20px;}
.main-wrap .main-rank .rank-order ul li .order-grade {margin-bottom:7px;}
.main-wrap .main-rank .rank-order ul li .order-grade img {display:block; margin:0 auto; width:33px; height:30px; object-fit:cover;}
.main-wrap .main-rank .rank-order ul li .order-image {overflow:hidden;}
.main-wrap .main-rank .rank-order ul li .order-image img {width:60px; height:60px; border-radius:50%; object-fit:cover;}
.main-wrap .main-rank .rank-order ul li .order-name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:7px;}
.main-wrap .main-rank .rank-order ul li .order-name p {color:#fff; font-size:13px;}
.main-wrap .main-banner {border:1px solid #9d9d9c; border-width:1px 0; margin-top:35px;}
.main-wrap .main-banner img {max-width:100%;}

/* myapge */
.mypage-wrap {background:#000; padding:0 30px 15px; border-bottom-left-radius:40px; border-bottom-right-radius:40px;}
.mypage-wrap .mypage-grade {width:150px; height:150px; overflow:hidden; border-radius:50%; margin:0 auto; position:relative;}
.mypage-wrap .mypage-grade img {width:150px; height:150px; object-fit:cover;}
.mypage-wrap .mypage-box {background:#575756; border-radius:20px; margin-top:-75px; padding-top:75px; padding-bottom:10px;}
.mypage-wrap .mypage-box .mypage-info {margin-top:15px;}
.mypage-wrap .mypage-box .mypage-info .name {text-align:center; color:#fff; font-size:22px; font-weight:600;}
.mypage-wrap .mypage-box .mypage-info .grade {color:#fff; text-align:center; font-size:14px; margin-top:7px;}
.mypage-wrap .mypage-box .mypage-info .esm {background:#000; width:calc(100% - 30px); margin:0 15px; border-radius:25px; padding:20px 0; margin-top:15px;}
.mypage-wrap .mypage-box .mypage-info .esm p {color:#fff; font-size:16px; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center;}
.mypage-wrap .mypage-box .mypage-info .esm p b {color:#fff; display:inline-block; font-size:23px; font-weight:600; margin-right:5px;}
.mypage-wrap .mypage-box .mypage-cate {margin-top:30px;}
.mypage-wrap .mypage-box .mypage-cate ul li {position:relative; padding:0 30px; margin-bottom:30px;}
.mypage-wrap .mypage-box .mypage-cate ul li:after {position:absolute; width:10px; height:17px; right:30px; top:50%; content:""; transform:translateY(-50%); font-size:0; background:url('../images/main_more.png') no-repeat center / cover;}
.mypage-wrap .mypage-box .mypage-cate ul li a {display:block; color:#fff; font-size:18px; position:relative;}
.mypage-wrap .mypage-box .mypage-form {padding:0 20px; margin:15px 0 0;}
.mypage-wrap .mypage-box .mypage-form .tit {color:#fff; font-size:17px;}
.mypage-wrap .mypage-box .mypage-form .flex {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:first-of-type {position:relative; top:3px;}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:last-of-type {width:calc(100% - 110px);}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:last-of-type .select-box {background:#524f4d; border-radius:10px; position:relative;}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:last-of-type .select-box:last-of-type {margin-top:10px;}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:last-of-type .select-box:after {position:absolute; content:""; right:10px; top:50%; transform:translateY(-50%); width:10px; height:8px; background:url('../images/icon_select.png') no-repeat center / cover;}
.mypage-wrap .mypage-box .mypage-form .flex .flex-box:last-of-type .select-box select {position:relative; height:30px; width:100%; background:none; color:#000000; padding:0 10px;}
.mypage-wrap .mypage-box .mypage-form .form-group {margin-bottom:15px;}
.mypage-wrap .mypage-box .mypage-form .form-group input[type=text] {width:100%; text-align:right; background:#524f4d; height:30px; border-radius:10px; padding:0 10px; color:#fff; margin-top:10px;}
.mypage-wrap .mypage-box .mypage-form .form-group .input-box {display:flex; flex-wrap:wrap; align-items:center; background:#524f4d; border-radius:10px; margin-top:10px;}
.mypage-wrap .mypage-box .mypage-form .form-group .input-box input[type=text] {text-align:right; width:calc(100% - 40px); margin:0;}
.mypage-wrap .mypage-box .mypage-form .form-group .input-box sub {width:40px; color:#fff; font-size:15px;}
.mypage-wrap .mypage-box .mypage-form .form-group.agree {display:flex; flex-wrap:wrap; align-items:center;}
.mypage-wrap .mypage-box .mypage-form .form-group.agree label {display:inline-block; margin-left:3px; color:#fff; font-size:16px;}
.mypage-wrap .mypage-box .mypage-form .form-group.agree label input[type=checkbox] {width:15px; height:15px; background:#524f4d; position:relative; top:2px;}
.mypage-wrap .mypage-box .mypage-form .form-group.agree label input[type=checkbox]:checked {background:url('../images/icon_check.jpg') no-repeat center / cover;}
.mypage-wrap .mypage-box .mypage-form button {width:100%; height:30px; line-height:30px; background:#000001; color:#fff; text-align:center; border-radius:10px; font-size:16px; margin-top:30px; padding-bottom:15px;}
.mypage-wrap .mypage-box .mypage-form input[type=button] {width:100%; height:30px; line-height:20px; background:#000001; color:#fff; text-align:center; border-radius:10px; font-size:16px; margin-top:30px; padding-bottom:15px;}
.mypage-wrap .mypage-drop {text-align:center; margin-top:35px;}
.mypage-wrap .mypage-drop a {width:10px; height:17px; transform:rotate(90deg); font-size:0; background:url('../images/main_more.png') no-repeat center / cover; display:inline-block;}
.mypage-menu {overflow:hidden; display:none; position:fixed; left:50%; transform:translateX(-50%); max-width:500px; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.mypage-menu .box {position:absolute; left:-200px; top:0; width:200px; height:100%; background:#1d1d1b; padding:30px 15px;}
.mypage-menu .box h2 {color:#fff; padding-bottom:10px; border-bottom:1px solid #8e8e8d; font-size:22px; font-weight:600;}
.mypage-menu .box ul {margin-top:25px;}
.mypage-menu .box ul li {margin-bottom:15px;}
.mypage-menu .box ul li:last-of-type {margin-bottom:0;}
.mypage-menu .box ul li > a {display:block; font-size:14px; color:#fff;}
.mypage-menu .box ul li .push {margin-top:20px;}
.mypage-menu .box ul li .push .push-box {margin-bottom:15px; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-menu .box ul li .push .push-box:last-of-type {margin-bottom:0;}
.mypage-menu .box ul li .push .push-box b {color:#9d9d9c; font-size:13px; margin-left:5px; display:inline-block;}
.mypage-menu.fixed {display:block;}
.mypage-menu.fixed .box {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
@keyframes menu {
	from {left:-150px;}
	to {left:0;}
}

/* switch */
.switch {
  position: absolute;
  /* hidden */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.switch_label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 20px;
  background: #575756;
  border-radius: 20px;
  transition: 0.2s;
}
.onf_btn {
  position: absolute;
  top: 3.5px;
  left: 3px;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 20px;
  background: #fff;
  transition: 0.2s;
}

.switch:checked+.switch_label {
  background: #000;
}

/* move */
.switch:checked+.switch_label .onf_btn {
  left: 21px;
  background: #fff;
  box-shadow: 1px 2px 3px #00000020;
}

/* seed */
.seed-wrap {padding:0 20px;}
.seed-wrap .seed-banner .date-wrap2 {padding:0 0 15px;}
.seed-wrap .seed-banner ul li {margin-top:40px;}
.seed-wrap .seed-banner ul li:last-of-type {margin-bottom:0;}
.seed-wrap .seed-banner ul li a {position:relative; display:block; color:#fff;}
.seed-wrap .seed-banner ul li a img {max-width:100%;}
.seed-wrap .seed-banner ul li a .flex {position:absolute; width:100%; padding:15px 15px 10px; left:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.seed-wrap .seed-banner ul li a .flex .flex-wrap:first-of-type {font-size:15px; font-weight:400;}
.seed-wrap .seed-banner ul li a .flex .flex-wrap:last-of-type {font-size:11px;}
.seed-wrap .seed-list ul {background:#524f4d; border-radius:15px; overflow:hidden; padding:10px 0;}
.seed-wrap .seed-list ul li {display:flex; flex-wrap:wrap; align-items:center; padding:10px; border-bottom:1px solid #8e8a89;}
.seed-wrap .seed-list ul li:last-of-type {border-bottom:0;}
.seed-wrap .seed-list ul li b {display:inline-block; color:#fff; font-size:15px; padding-left:10px; margin-right:5px;}
.seed-wrap .seed-list ul li span {font-size:12px; color:#fff;}

.ui-widget.ui-widget-content {background:#524f4d; border:0 !important; border-radius:10px;}
.ui-datepicker table thead {display:none;}
.ui-datepicker .ui-datepicker-header {background:none !Important; border:0 !Important;}
.ui-datepicker .ui-datepicker-buttonpane {display:none !important;}
.ui-datepicker td span, .ui-datepicker td {padding:7px 0 !important;}
.ui-datepicker td span, .ui-datepicker td a {color:#fff !important; background:none !important; border:0 !important; border-radius:50%; text-align:center !important; padding:0 !important; width:23px; height:23px; line-height:20px;}
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a {background:#000102 !important; color:#fff;}
.ui-datepicker .ui-datepicker-title {color:#fff;}
.ui-datepicker .ui-datepicker-title select {background:none; text-align:center; font-size:14px; width:auto !important; color:#fff; height:23px; padding:0 10px;}
.ui-widget-header .ui-icon {background:url('../images/icon_cal.jpg') no-repeat center / cover !important;}
.ui-icon {width:18px !important; height:10px !important;}
.ui-datepicker-prev {top:5px !important;}
.ui-datepicker-next {transform:rotate(180deg);}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {background:none !important; border:0 !important;}