@charset "utf-8";

/*-------------------------- common css --------------------------*/
.hr {
    height: 1px;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.hr1200 {
    height: 1px;
    border-bottom: 1px solid #dddddd;
    width: 1200px;
    margin: 0 auto;
}

.hrblack {
    height: 1px;
    border-bottom: 1px solid #000;
    width: 100%;
}

.hrgrey {
    height: 1px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.hrblank {
    height: 1px;
    width: 100%;
}

.border {
    border-bottom: 1px solid #ddd;
}

.btNoene {
    border-top: none !important;
}

.bt1 {
    border-top: 1px solid #ddd;
}

.btm1 {
    border-bottom: 1px solid #ddd;
}

.displayB {
    display: block;
}

.displayIB {
    display: inline-block;
}

.displayN {
    display: none;
}

.underline {
    text-decoration: underline;
}

.notScroll {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    touch-action: none;
}

.p-relative{
    position: relative;
}

.verTop {
    vertical-align: top !important;
}

.verMiddle {
    vertical-align: middle !important;
}

/* font color, style */
.orange {
    color: #ff970f;
}

.blue {
    color: #187FE6 !important;
}

.red-color{
    color: #e20000 !important;
    font-size: 0.88rem !important;
}

.red {
    color: #cc1c1c !important;
}

.yellow {
    color: #e2af00;
}

.darkGray {
    color: #58585a;
}

.white {
    color: #fff !important;
}

.mont {
    font-family: 'Montserrat', sans-serif;
}

.medium {
    font-weight: 500;
}

.center {
    text-align: center !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.marginA {
    margin: auto !important;
}

.fl-l {
    float: left !important;
}

.fl-r {
    float: right !important;
}

.font14 {
    font-size: 0.875em !important;
}

.font16 {
    font-size: 1.0em !important;
}

.font18 {
    font-size: 1.125em !important;
}

.font20 {
    font-size: 1.250em !important;
}

.font24 {
    font-size: 1.500em !important;
}

.preLine {
    white-space: pre-line;
}

.thin {
    font-weight: 200 !important;
}

.light {
    font-weight: 300 !important;
}

.bold {
    font-weight: 700 !important;
}

.nomal {
    font-weight: 400 !important;
}

.through {
    text-decoration: line-through !important;
}

.textIn11 {
    text-indent: 11px;
}

.wp10 {
    width: 10% !important;
}

.wp15 {
    width: 15% !important;
}

.wp20 {
    width: 20% !important;
}

.wp25 {
    width: 25% !important;
}

.wp27 {
    width: 27% !important;
}

.wp28 {
    width: 28% !important;
}

.wp30 {
    width: 30% !important;
}

.wp32 {
    width: 32% !important;
}

.wp33 {
    width: 33% !important;
}

.wp34 {
    width: 34% !important;
}

.wp35 {
    width: 35% !important;
}

.wp40 {
    width: 40% !important;
}

.wp45 {
    width: 45% !important;
}

.wp50 {
    width: 50% !important;
}

.wp60 {
    width: 60% !important;
}

.wp70 {
    width: 70% !important;
}

.wp80 {
    width: 80% !important;
}

.wp90 {
    width: 90% !important;
}

.wp97 {
    width: 97% !important;
}

.wp100 {
    width: 100% !important;
}

.height60 {
    height: 60px !important;
}

.height100 {
    height: 100px !important;
}

.height200 {
    height: 200px !important;
}

.height300 {
    height: 300px !important;
}

.height400 {
    height: 400px !important;
}

.height500 {
    height: 500px !important;
}

.marginRight2 {
    margin-right: 2% !important;
}

.margin0 {
    margin: 0px auto !important;
}

.margin5 {
    margin: 5px auto;
}

.margin10 {
    margin: 10px auto;
}

.margin15 {
    margin: 15px auto;
}

.margin20 {
    margin: 20px auto;
}

.margin25 {
    margin: 25px auto;
}

.margin30 {
    margin: 30px auto !important;
}

.margin40 {
    margin: 40px auto;
}

.margin50 {
    margin: 50px auto;
}

.padding0 {
    padding: 0 !important;
}

.padding5 {
    padding: 5px 0 !important;
}

.padding10 {
    padding: 10px 0 !important;
}

.padding15 {
    padding: 15px 0 !important;
}

.padding20 {
    padding: 20px 0 !important;
}

.padding30 {
    padding: 30px 0 !important;
}

.padding40 {
    padding: 40px 0 !important;
}

.padding50 {
    padding: 50px 0 !important;
}

.padding70 {
    padding: 70px 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb250 {
    margin-bottom: 250px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

#quick-menu {
    display: none;
}

/*-------------------------- login --------------------------*/
.bg-login {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 110;
}

.contents-login {
    position: relative;
    z-index: 120;
    padding-bottom: 70px;
    width: 95%;
    margin: 0 auto;
}

.logo-login {
    width: 100%;
    margin: 50px 0 15px 0;
}

.logo-login img {
    display: block;
    width: 95px;
    margin: auto;
    margin-bottom: 27px;
}

.contents-login .sub {
    font-size: 0.875em;
    color: #666;
    letter-spacing: -0.9px;
    text-align: center;
    margin-bottom: 35px;
}

.btn-back {
    width: 100%;
    position: relative;
    height: 68px;
    margin: 0 auto;
}

.btn-back h1 {
    position: absolute;
    bottom: 0;
}

.btn-back h1 a {
    display: inline-block;
}

.login-wrap {
    width: 100%;
    margin: auto;
}

.login-wrap ul h3 {
    font-weight: 700;
    color: #535B5D;
    padding-bottom: 10px;
    font-size: 20px;
}

.login-wrap h1.title {
    text-align: center;
    font-size: 28px;
    padding: 30px 0 20px;
    color: #2F3334;
    font-weight: 700;
}

.login-wrap ul li input[type="text"].borderB {
    border-bottom: 1px solid #b4bbbc;
    padding-top: 2px;
}

.login-wrap ul li input[type="password"].borderB {
    border-bottom: 1px solid #b4bbbc;
    padding-top: 2px;
}

.login-wrap ul li input[id="login-txt"]:focus {
    border-bottom: 2px solid #f29500;
}

.login-wrap ul li input[type="text"]::placeholder {
    font-size: 1.125em;
    color: #222222;
    font-weight: 100;
}

.login-wrap ul li input[type="number"]::placeholder {
    font-size: 1.125em;
}

.login-wrap ul li.phone {
    width: 100%;
    padding: 7px 0 0;
}

.login-wrap ul li.phone input {
    height: 60px;
    margin-left: 1.5%;
    font-size: 20px;
    float: left;
    width: 32%;
    font-weight: 200;
}

.login-wrap ul li.phone select {
    float: left;
    width: 33%;
}

.find-box input[type="text"], input[type="number"], input[type="password"] {
    height: 48px;
    background-color: #f4f4f4;
    border: 0;
    text-indent: 20px;
    font-size: 20px;
    font-weight: 300;
}

.btn-certified {
    width: 100%;
    padding: 14px 0;
    text-align: center;
    border: 1px solid #f38d5f;
    color: #f38d5f;
    font-weight: 500;
    background-color: #fff;
    font-size: 18px;
}

.btn-certified.off {
    border: 1px solid #b4bbbc;
    color: #b4bbbc;
}

.phone-certified {
    width: 100%;
    overflow: hidden;
}

.phone-certified li {
    width: 25%;
    float: left;
}

.phone-certified li:first-child {
    width: 75%;
}

.phone-certified input[type="number"] {
    width: 100%;
    height: 60px;
    font-size: 20px;
}

.phone-certified .certified-time {
    color: #f38d5f;
    font-size: 20px;
    line-height: 60px;
    background-color: #F4F4F4;
    text-align: center;
    font-weight: 300;
}

.btn-idpw {
    width: 100%;
    text-align: center;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.btn-idpw a {
    color: #666666;
    position: relative;
    text-align: center;
    width: 35%;
    float: left;
    font-size: 0.938em;
    letter-spacing: -0.5px;
}

.btn-idpw a:first-child::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #B4BBBC;
    position: absolute;
    right: 0;
    top: 4px;
}

.btn-login {
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-size: 0;
}

.btn-login.join03 {
    display: flex;
    justify-content: space-between;
}

.btn-login a {
    display: inline-block;
    width: 48%;
    border: 1px solid #010101;
    color: #010101;
    font-weight: 500;
    line-height: 40px;
    font-size: 16px;
    float: left;
}

.btn-login a.on {
    background-color: #353540;
    border: 1px solid #353540;
    color: #fff;
}

.btn-login a:last-child {
    float: right;
}

.btn-reser {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
}

.btn-reser a {
    float: left;
    width: 47%;
    background-color: #164b4c;
    color: #fff;
    font-weight: 600;
    display: block;
    line-height: 56px;
    font-size: 20px;
}

.text-login01 {
    font-size: 0.875em;
    text-align: center;
    line-height: 1.5em;
    color: #535b5d;
    word-break: keep-all;
    padding-bottom: 20px;
    letter-spacing: -1px;
    width: 70%;
    margin: 0 auto;
}

.text-login02 {
    font-size: 14px;
    text-align: center;
    line-height: 1.4em;
    color: #666666;
    word-break: keep-all;
    padding-bottom: 10px;
    letter-spacing: -0.7px;
    width: 100%;
    margin: 0 auto;
}

.btn-join-text {
    font-size: 1.000em;
    font-weight: 700;
    color: #00418e;
    text-decoration: underline;
    text-align: center;
}

.id-check-box {
    width: 100%;
    padding: 39px 0;
    text-align: center;
    background-color: #F4F4F4;
    margin-bottom: 15px;
    font-size: 1.125em;
    font-weight: 600;
    margin-top: -25px;
}

.save-info {
    font-size: 0.938em;
    text-align: left;
    position: relative;
    color: #333333;
    margin: 30px 0;
}

.save-info .chk {
    position: absolute;
    right: 0;
    top: 0;
}

.checkbox_save {
    align-self: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 18px;
}

.checkbox_save input {
    overflow: hidden;
    height: 0;
    width: 0;
    font-size: 0;
    text-indent: -999999px;
    opacity: 0;
}

.checkbox_save span {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    transition: .4s;
    border-radius: 22px;
}

.checkbox_save span:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 0px;
    top: 20%;
    margin-top: -9px;
    transition: .4s;
    border-radius: 50%;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.checkbox_save input:checked + span {
    background-color: #00418e;
}

.checkbox_save input:checked + span:before {
    transform: translateX(35px);
    border: 1px solid #CCC;
    background: #fff;
}

/*-------------------------- join --------------------------*/
.join-wrap {
    width: 96%;
    margin: auto;
}

.join-top-box {
    width: 100%;
    height: 48px;
    background-color: #00418e;
    color: #fff;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.125em;
    padding: 13px 0;
}

.join-top-box span {
    color: #f3f3d4;
}

.join-wrap h1.title {
    text-align: center;
    font-size: 20px;
    padding: 35px 0 22px;
    color: #222222;
    font-weight: 700;
    letter-spacing: -1px;
}

.join-wrap h1.find-title {
    text-align: center;
    font-size: 1.375em;
    padding: 35px 0 22px;
    color: #222222;
    font-weight: 800;
    letter-spacing: -0.7px;
}

.join-wrap h1
.check-all {
    text-align: center;
    width: 100%;
}

.check-all span {
    width: 34px;
    height: 34px;
    margin: 0 auto;
    display: block;
}

.check-all input[type=checkbox] {
    display: block;
    opacity: 0;
}

.check-all input[type=checkbox] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/resources/images/join/img_check_style01.svg');
    background-size: 34px 34px;
    font-size: 0;
    padding: 17px;
}

.check-all input[type=checkbox]:checked + label {
    background-image: url('/resources/images/join/img_check_style01_on.svg');
    background-size: 34px 34px;
}

.join-box {
    width: 100%;
}

.join-box ul li {
    padding-bottom: 12px;
}

.join-box ul li h2.title {
    font-size: 18px;
    text-align: left;
    color: #666666;
    letter-spacing: -1px;
    font-weight: 400;
    padding: 6px 0 15px 10px;
    position: relative;
}

.join-box ul li h2.title b {
    color: #f29500;
    padding-left: 5px;
    display: inline-block;
}

.check-select {
    position: absolute;
    right: 8px;
    top: -15px;
}

.check-select input[type=checkbox] {
    display: block;
    opacity: 0;
}

.check-select input[type=checkbox] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/resources/images/join/img_check_style02.svg');
    background-size: 24px 24px;
    font-size: 0;
    padding: 12px;
}

.check-select input[type=checkbox]:checked + label {
    background-image: url('/resources/images/join/img_check_style02_on.svg');
    background-size: 24px 24px;
}

.join-agree-box {
    width: 100%;
    height: 100px;
    border: 1px solid #e8e8e8;
    background-color: #f4f4f4;
    font-size: .75em;
    font-weight: 300;
    padding: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: scroll;
    white-space: pre-line;
    line-height: 1.4em;
}

.join-agree-box span.red {
    color: #ff0000;
    font-weight: 600;
}

.join-agree-box {
    width: 100%;
    height: 100px;
    border: 1px solid #e8e8e8;
    background-color: #f4f4f4;
    font-size: 12px;
    font-weight: 300;
    padding: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: scroll;
    white-space: pre-line;
    line-height: 1.4em;
}

.text-join01 {
    font-size: 0.875em;
    line-height: 1.25em;
    color: #222;
    word-break: keep-all;
    text-align: left;
    letter-spacing: -1px;
}

.text-join02 {
    color: #666;
    font-weight: 300;
    font-size: 14px;
    word-break: keep-all;
    width: 100%;
    margin: auto;
    letter-spacing: -1px;
    line-height: 1.5em;
}

.text-join02 span.text-big {
    color: #f29500;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.38px;
}

.text-join02 span.text-big02 {
    color: #f29500;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.45px;
    display: block;
    padding-bottom: 5px;
}

.text-join02 span.text-small {
    font-size: 13px;
    letter-spacing: -0.65px;
}

.text-join03 {
    color: #333;
    font-weight: 300;
    font-size: 15px;
    word-break: keep-all;
    width: 96%;
    margin: auto;
    letter-spacing: -1px;
    line-height: 1.5em;
}

.text-join03 span.text-big {
    color: #f29500;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.38px;
}

.text-join03 span.text-big02 {
    color: #f29500;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.45px;
    display: block;
    padding-bottom: 5px;
}

.text-join03 span.text-small {
    font-size: 13px;
    letter-spacing: -0.65px;
}

.text-join03 .bar {
    position: relative;
}

.text-join03 .bar::before {
    content: '-';
    color: #333;
    position: absolute;
    font-size: 15px;
    left: -10px;
}

.agree-txt {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agree-txt span.q {
    width: 78%;
    font-size: .8125em;
    font-weight: 400;
    line-height: 1.4em;
    word-break: keep-all;
}

.agree-txt label {
    font-size: .8125em;
    font-weight: 400;
}

.agree-txt input[type=radio] {
    cursor: pointer;
}

.agree-txt p {
    width: 22%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.certified-box {
    width: 90%;
    overflow: hidden;
    margin: 0 auto 10px;
}

.certified-box li {
    width: 100%;
    height: 160px;
    float: left;
    text-align: center;
    border: 1px solid #cccccc;
    margin-bottom: 15px;
}

.certified-box li:nth-child(2) {
    margin-right: 0;
}

.certified-box li .thum-img {
    width: 88px;
    height: 88px;
    display: inline-block;
    float: left;
}

.certified-box li .thum-img img {
    width: 88px;
    height: 88px;
    display: inline-block;
    float: left;
    margin-left: 35px;
}

.certified-box li .title {
    color: #333333;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.5px;
    position: relative;
    display: inline-block;
    float: left;
    margin: 10px 0 10px 55px;
}

.certified-box li .sub {
    color: #777;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    word-break: keep-all;
    margin: 0 0 0 55px;
    letter-spacing: -0.5px;
    width: 52%;
    text-align: left;
    float: left;
}

.btn-certified-01, .btn-certified-02 {
    width: 100%;
    height: 100%;
    text-align: center;
}

/* .btn-certified-01:hover, .btn-certified-02:hover{height: 100%; border:1px solid #666;}
.btn-certified-01:hover .thum-img img, .btn-certified-02:hover .thum-img img{display: none;}
.btn-certified-01:hover .thum-img {background: url(/resources/images/join/phone_style_on.png) no-repeat center center; background-size: 100% 100%; transition: 0.3s all; float: left; margin-left: 35px;}
.btn-certified-02:hover .thum-img {background: url(/resources/images/join/ipin_style_on.png) no-repeat center center; background-size: 100% 100%; transition: 0.3s all; float: left; margin-left: 35px;}
.btn-certified-01:hover .title, .btn-certified-02:hover .title {color: #00418e; margin-left: 15px;}
.btn-certified-01:hover .sub, .btn-certified-02:hover .sub { margin-left: 15px;}
.btn-certified-01:hover .title::after, .btn-certified-02:hover .title::after{content: '';  position: absolute; width: 100%; height: 1px; background-color: #00418e; right: 0; bottom: -2px;} */

.btn-certified-01:focus, .btn-certified-02:focus {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #666;
}

.btn-certified-01:focus .thum-img img, .btn-certified-02:focus .thum-img img {
    display: none;
}

.btn-certified-01:focus .thum-img {
    background: url(/resources/images/join/phone_style_on.png) no-repeat center center;
    background-size: 100% 100%;
    loat: left;
}

.btn-certified-02:focus .thum-img {
    background: url(/resources/images/join/ipin_style_on.png) no-repeat center center;
    background-size: 100% 100%;
    loat: left;
}

.btn-certified-01:focus .thum-img, .btn-certified-02:focus .thum-img {
    margin-left: 35px;
}

.btn-certified-01:focus .title, .btn-certified-02:focus .title {
    color: #00418e;
    margin-left: 15px;
}

.btn-certified-01:focus .sub, .btn-certified-02:focus .sub {
    margin-left: 15px;
}

.btn-certified-01:focus .title::after, .btn-certified-02:focus .title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #00418e;
    right: 0;
    bottom: -2px;
}

.member-info-box {
    width: 100%;
}

.member-info-box dl {
    width: 100%;
    margin-bottom: 30px;
}

.member-info-box dl::after {
    clear: both;
    content: '';
    display: block;
}

.member-info-box dt {
    display: block;
    margin-bottom: 15px;
    color: #000;
    font-weight: 400;
    display: flex;
}

.member-info-box dt span {
    vertical-align: text-top;
    color: #f29500;
    font-weight: 500;
    padding-left: 5px;
}

.member-info-box .sub-info{
    font-weight: 300;
    font-size: 0.88rem;
}

textarea.opinion{
    margin-top: 5px;
    border-radius: 0;
    width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 0.88rem;
}

.member-info-box dd {
    width: 100%;
    margin: 10px 0;
}

.enter-name {
    width: 70% !important;
    float: left;
    padding-right: 2%;
}

.enter-sex {
    width: 28% !important;
    height: 48px;
    margin-left: 2%;
    float: left;
    position: relative;
}

.enter-sex .options {
    width: 100%;
    height: 100%;
    text-indent: 20px;
}

.enter-sex::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.5em solid #b4bbbc;
    position: absolute;
    top: 20px;
    right: 1em;
    transition: all ease 0.25s;
}

.enter-id {
    width: 70% !important;
    float: left;
}

.enter-id-02 {
    width: 100% !important;
    float: left;
}

.btn-overlap {
    width: 28% !important;
    margin-left: 2%;
    float: left;
    background-color: #fff;
    color: #f29500;
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    border: 1px solid #f29500;
}

.area {
    display: flex;
    justify-content: space-between;
}

.area .zone {
    width: 49%;
    height: 48px;
    position: relative;
}

.area .zone .options {
    width: 100%;
    height: 100%;
    text-indent: 20px;
}

.area .zone::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.5em solid #b4bbbc;
    position: absolute;
    top: 20px;
    right: 1em;
    transition: all ease 0.25s;
}

.birthday {
    width: 100%;
}

.email {
    display: flex;
    justify-content: space-between;
    justify-items: center;
    line-height: 48px;
}

.email input[type="text"] {
    width: 45%;
}

.member-info-box .phone {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.member-info-box .phone input {
    font-size: 0.94em;
    width: 32%;
}

.radio-sty01 {
    font-size: 0.88em;
}

.radio-sty01 input[type=radio] {
    display: none;
}

.radio-sty01 input[type=radio] + label {
    background-repeat: no-repeat;
    background-image: url('/resources/images/join/radio.svg');
    background-size: 16px 16px;
    padding-left: 21px;
    padding-right: 5px;
    background-position: left top 3px
}

.radio-sty01 input[type=radio]:checked + label {
    background-image: url('/resources/images/join/radio_on.svg');
    background-size: 16px 16px;
}

.join-finish {
    width: 90%;
    margin: 52px auto 0;
}

.join-finish a {
    width: 100%;
    display: block;
    background-color: #353540;
    color: #fff;
    font-weight: 800;
    line-height: 49px;
    font-size: 1.0em;
    text-align: center;
}

.join-finish a:nth-child(2) {
    width: 100%;
    display: block;
    border: 1px solid #353540;
    color: #353540;
    font-weight: 800;
    background-color: #fff;
    margin-top: 17px;
    line-height: 43px;
    font-size: 1.0em;
    text-align: center;
}

/*-------------------------- mapage --------------------------*/
.mypage-tab {
    width: 100%;
    display: flex;
}

.mypage-tab li {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background-color: #b4bbbc;
    color: #fff;
    cursor: pointer;
    height: 40px;
}

.mypage-tab li a {
    display: block;
    padding: 12px 0;
}

.mypage-tab .on {
    background-color: #353540;
}

.marketing-btn{
    border: 1px solid #666;
    padding: 6px 0;
    cursor: pointer;
    text-align: center;
    font-size: 0.88rem;
    width: 100%;
    display: block;
    margin-top: 12px;
}

/* 마케팅 동의 팝업 */
.marketing-pop {
    background-color: #fff;
    position: fixed;
    z-index: 1010;
    width: 90%;
    padding: 24px 14px;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
/* 팝업타이틀 */
.marketing-pop .pop-tit{
    font-size: 1.13rem;
    color: #333;
    text-align: center;
    margin-bottom: 22px;
}
.marketing-pop .pop-tit span{
    color: #f29500;
}

.marketing-pop .join-agree-box{
    height: 196px;
}

/* 팝업 버튼 */
.pop-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
}
.pop-btn span{
    flex: 1;
    text-align: center;
    background: #353540;
    color: #fff;
    padding: 10px 0;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* 레이어 팝업 */
.info-pop{
    background-color: #fff;
    position: fixed;
    z-index: 1010;
    width: 90%;
    padding: 24px 14px;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.info-pop p{
    font-size: 0.88em;
    font-weight: 300;
    padding: 12px;
    line-height: 1.4em;
    text-align: center;
}

/*-------------------------- reservation --------------------------*/
#wrap {
    width: 100%;
    height: auto;
    background-color: #f9f9f9;
    position: relative;
}

.contents-reser {
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 70px;
}

.con-tit-box-pc {
    display: none;
}
.con-tit-box-pc.course{
    margin-bottom: -140px;
}

.con-tit-box-mo {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 120px 0 30px;
}
.con-tit-box-mo.course{
    margin-bottom: -70px;
}

.con-tit-box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 120px 0 30px;
}

.main-title {
    font-size: 1.500em;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
}
.mobile-padding-bottom{
    padding-bottom: 30px;
}

.cc-list {
    width: 100%;
    text-align: center;
}

.cc-list ul .on {
    color: #000;
    font-weight: 600;
}

.cc-list ul li {
    display: inline-block;
    font-size: 1.125em;
    color: #666666;
    letter-spacing: -0.6px;
    font-weight: 500;
    position: relative;
    margin-right: 6%;
}

.cc-list ul li:last-child {
    margin-right: 0;
}

.cc-list ul li:hover {
    color: #000;
    font-weight: 600;
}

.cc-list ul li:hover::after {
    content: '';
    position: absolute;
    right: -5px;
    top: -4px;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%;
    transition: 0.3s;
}

.cc-list ul li:hover::before {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transition: 0.3s;
}

.cc-list ul .on::after {
    content: '';
    position: absolute;
    right: -5px;
    top: -4px;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%;
    transition: 0.3s;
}

.cc-list ul .on::before {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transition: 0.3s;
}

.reser-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.reser-calendar-box {
    width: 100%;
    height: clamp(23.125rem, 14.375rem + 43.75vw, 31.875rem);
    position: relative;
    margin-bottom: 35px;
}

.top-info {
    width: 93%;
    height: auto;
    margin: 0 auto;
}

.top-info ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: clamp(0.5rem, -0.25rem + 3.75vw, 1.25rem);
}

.top-info ul li {
    display: inline-block;
    color: #000000;
    font-size: clamp(1rem, 0.875rem + 0.625vw, 1.125rem);
    font-weight: 500;
}

.top-info ul .reser-prev-arr {
    background-image: url('/resources/images/reser/reser_prev_arr.svg');
    background-size: 9px 12px;
    width: 9px;
    height: 12px;
}

.top-info ul .reser-prev-arr-on {
    background-image: url('/resources/images/reser/reser_prev_arr_on.svg');
    background-size: 9px 12px;
    width: 9px;
    height: 12px;
}

.top-info ul .reser-next-arr {
    background-image: url('/resources/images/reser/reser_next_arr.svg');
    background-size: 9px 12px;
    width: 9px;
    height: 12px;
    opacity: 1 !important;
}

.top-info ul .reser-next-arr-on {
    background-image: url('/resources/images/reser/reser_next_arr_on.svg');
    background-size: 9px 12px;
    width: 9px;
    height: 12px;
    opacity: 1 !important;
}

.top-info ul .reser-prev-arr a, .top-info ul .reser-next-arr a {
    width: 9px;
    height: 12px;
    display: block;
}

.top-info ul .reser-prev-arr-on a, .top-info ul .reser-next-arr-on a {
    width: 9px;
    height: 12px;
    display: block;
}

.bottom-info {
    width: clamp(11.875rem, 11.25rem + 3.125vw, 12.5rem);
    height: auto;
    bottom: 0;
    position: absolute;
    left: 30px;
}

.bottom-info ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom-info ul li {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    position: relative;
}

.bottom-info ul .today::before {
    content: '';
    position: absolute;
    right: 30px;
    width: 14px;
    height: 14px;
    background-color: #009ce1;
    border-radius: 50%;
}

.bottom-info ul .choice::before {
    content: '';
    position: absolute;
    right: 30px;
    width: 14px;
    height: 14px;
    background-color: #00418e;
    border-radius: 50%;
}

.bottom-info ul .done::before {
    content: '';
    position: absolute;
    right: 75px;
    width: 14px;
    height: 14px;
    background-color: #b4bbbc;
    border-radius: 50%;
}

.left-cal {
    width: 100%;
    height: auto;
    float: left;
}

.right-cal {
    display: none;
}

/* reser-table */
.reser-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
}

.reser-table thead {
    width: 100%;
    height: 45px;
}

.reser-table thead tr th {
    font-size: clamp(0.6875rem, 0.4375rem + 1.25vw, 0.9375rem);
    font-weight: 500;
    vertical-align: middle;
}

.reser-table thead tr th:nth-child(1) {
    color: #e61818;
}

.reser-table thead tr th:nth-child(7) {
    color: #187fe6;
}

.reser-table tbody {
    width: 100%;
}

.reser-table tbody tr td {
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    padding: clamp(0.625rem, 0.75rem + -0.625vw, 0.5rem) 0;
}

.reser-table tbody tr .done {
    color: #ddd !important;
    padding: clamp(0.3125rem, -0.375rem + 3.4375vw, 1rem) 0;
}

.reser-table tbody tr .today {
    position: relative;
}

.reser-table tbody tr .today::after {
    content: '';
    position: absolute;
    right: clamp(-0.0625rem, -0.625rem + 2.8125vw, 0.5rem);
    top: clamp(-0.125rem, -0.5625rem + 2.1875vw, 0.3125rem);
    width: 4px;
    height: 4px;
    background-color: #009ce1;
    border-radius: 50%;
}

.reser-table tbody tr .on {
    background-color: #00418e;
    color: #fff;
    padding: clamp(0.4375rem, -0.5rem + 4.6875vw, 1.375rem) 0;
    margin: 0 auto;
    width: 75%;
    margin: 0 auto;
}

.reser-table tbody tr .on span {
    display: none;
}

.reser-table tbody tr span {
    font-size: clamp(0.5625rem, 0.5rem + 0.3125vw, 0.625rem);
    color: #969594;
    letter-spacing: -0.3px;
    display: block;
    padding-top: 3px;
}

.reser-table tbody tr td:nth-child(1) {
    color: #e61818;
}

.reser-table tbody tr td:nth-child(7) {
    color: #187fe6;
}

.reser-table tbody a {
    width: 67%;
    height: 100%;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    padding: clamp(0.0625rem, -0.1875rem + 1.25vw, 0.3125rem) 0;
}

.reser-table tbody a:focus a {
    background-color: #00418e;
    color: #fff;
}

.reser-chocie-area-tablet {
    display: none;
}

.reser-chocie-area {
    width: 100%;
    height: auto;
    float: left;
}

.reser-chocie-area h3 {
    font-size: 0.875em;
    color: #000;
    letter-spacing: -0.45px;
    padding-bottom: 11px;
}

.chocie-box {
    width: 100%;
    height: 46px;
    text-align: left;
    border: 1px solid #cccccc;
    font-size: 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 35px;
}

.chocie-box a {
    font-size: 18px;
    color: #000;
    display: block;
    padding: 12px 0 12px 8px;
    background-color: #fff;
    border-radius: 4px;
}

.chocie-box .choice {
    color: #666;
    display: block;
    padding: 12px 9px;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 300;
}

.chocie-box a span {
    display: block;
}

.chocie-box a:after {
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-left: clamp(15rem, 19.2947rem + -6.7039vw, 11.25rem);
    content: '';
    background: url('/resources/images/reser/reser_select_arr.png') no-repeat center center;
    background-size: 100% 100%;
    vertical-align: middle;
    transform: rotate(0deg);
    transition: 0.3s all;
    position: absolute;
    right: 22px;
    top: 19px;
}

.chocie-box a.on:after {
    transform: rotate(180deg);
    transition: 0.3s all;
}

.reser-choice-box-01 ul, .reser-choice-box-02 ul {
    width: 100%;
    height: 100%;
}

.reser-choice-box-01 ul li, .reser-choice-box-02 ul li {
    width: 100%;
    height: 44px;
    border: 1px solid #f4f4f4;
}

.chocie-box a + .reser-choice-box-01, .reser-choice-box-02 {
    height: 100%;
    position: absolute;
    right: 0;
    display: none;
    top: 46px;
    background-color: #fff;
    width: 100%;
    z-index: 1;
}

.chocie-box .reser-choice-box-01 a, .reser-choice-box-02 a {
    font-size: 18px;
    color: #000;
    width: 100%;
}

.chocie-box .reser-choice-box-01 li:hover, .reser-choice-box-02 li:hover {
    background-color: #00418e;
    transition: 0.3s;
}

.chocie-box .reser-choice-box-01 li:hover a, .reser-choice-box-02 li:hover a {
    font-weight: 500;
    background-color: #f4f4f4;
    transition: 0.3s;
}

.chocie-box .reser-choice-box-01 a:after, .reser-choice-box-02 a:after {
    display: none;
}

.search-btn button {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #00418e;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-bottom: 45px;
}

.reser-list-area {
    width: 100%;
    height: auto;
}

/* reser-list-table */
.table-tit {
    font-size: 1.063em;
    color: #000;
    letter-spacing: -0.45px;
    font-weight: 600;
    padding-bottom: 13px;
}

.view-table-tit {
    font-size: 1.000em;
    color: #333333;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding: 7px 0;
    line-height: 1.5em;
}

.reser-list-table-pc {
    display: none;
}

.reser-list-table-tablet {
    display: none;
}

.reser-list-table-mo {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
}

.reser-list-table-mo tbody {
    width: 100%;
}

.reser-list-table-mo tbody tr {
    width: 100%;
}

.reser-list-table-mo tbody tr th {
    font-size: 1.250em;
    letter-spacing: -0.5px;
    font-weight: 500;
    vertical-align: middle;
    background-color: #e7eff3;
    border-top: 1px solid #dddddd;
    padding: 5px 0;
    padding: 5px 0;
}

.reser-list-table-mo tbody tr td {
    font-size: 1.125em;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #dddddd;
    height: 100px;
}

.reser-list-table-mo tbody tr td:first-child {
    border-left: none;
}

.reser-list-table-mo tbody tr td:last-child {
    border-right: none;
}

.reser-list-table-mo tbody tr .close {
    display: block;
    width: 55%;
    height: 32px;
    background-color: #ccc;
    color: #fff;
    letter-spacing: -0.45px;
    border-radius: 4px;
    margin: 0 auto 8px;
    padding: 8px 0;
    cursor: default;
}

.reser-list-table-mo tbody tr .open {
    display: block;
    width: 55%;
    height: 32px;
    border: 1px solid #cccccc !important;
    color: #000;
    letter-spacing: -0.45px;
    border-radius: 4px;
    margin: 0 auto 8px;
    padding: 6px 0;
}

.reser-list-table-mo tbody tr .open:hover {
    background-color: #00418e;
    color: #fff;
    transition: 0.3s;
}

.reser-list-table-mo tbody tr a:focus .open {
    background-color: #00418e;
    color: #fff;
    transition: 0.3s;
}

.reser-list-table-mo tbody tr .sub {
    display: block;
    width: 100%;
    font-size: 0.875em;
}

.reser-list-table-mo tbody tr .done {
    color: #969594 !important;
    cursor: default;
}

.reser-list-table-mo tbody tr th a {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.reser-list-table-mo tbody tr td a {
    width: 100%;
    display: block;
    padding: 10px 0;
}

/*-------------------------- reser-complete --------------------------*/
.reser-complete-wrap {
    width: 95%;
    height: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
}

.contents-overlayin {
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    color: #2f3334;
}

.contents-overlayin > h3 {
    font-size: 1.375em;
    margin-bottom: 8px;
    color: #2f3334;
    letter-spacing: -0.6px;
    font-weight: 700;
    text-align: center;
    padding: 100px 0 25px;
}

.contents-overlayin > .btm1 {
    margin-top: 10px;
}

/* reser-layer-table */
.reser-layer-table {
    border: none;
    width: 100%;
    vertical-align: middle;
}

.reser-layer-table tbody tr {
    border-bottom: 1px solid #d4d4d4;
}

.reser-layer-table tbody tr > th {
    font-size: 0.875em;
    color: #333333;
    text-align: left;
    padding: 20px 0;
    line-height: 20px;
    vertical-align: middle;
    word-break: keep-all;
}

.reser-layer-table tbody tr:last-child th {
    width: 30% !important;
}

.reser-layer-table tbody tr > td {
    font-size: 0.875em;
    color: #333333;
    text-align: right;
    padding: 20px 0;
    font-weight: 300;
    line-height: 20px;
    word-break: keep-all;
}

.reser-layer-table tbody tr > td img {
    width: 100%;
}

.overlay-check {
    font-size: 14px;
    color: #2f3334;
    font-weight: 200;
    white-space: pre-line;
    margin: 0 auto;
    line-height: 22px;
    letter-spacing: -0.4px;
    width: 97%;
    padding-bottom: 60px;
}

.overlay-check span {
    position: relative;
}

.overlay-check span::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #000000;
    border-radius: 50%;
    left: -9px;
}

/* recaptcha-table */
.recaptcha-table {
    border: none;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.recaptcha-table tbody {
    width: 100%;
}

.recaptcha-table tbody tr > th {
    font-size: 16px;
    color: #333333;
    text-align: left;
    padding: 20px 0;
    line-height: 20px;
    vertical-align: middle;
    word-break: keep-all;
}

.recaptcha-table tbody tr > td {
    font-size: 15px;
    color: #333333;
    font-weight: 300;
}

.recaptcha-table .recapt-tit {
    font-size: 12px;
    text-align: left;
    color: #000;
    padding: 14px 0 8px;
}

.recaptcha-table .recapt-img {
    width: 50%;
    height: auto;
    vertical-align: middle;
}

.recapt-btn-area {
    display: flex;
    justify-content: flex-end;
}

.recapt-btn-area span {
    display: none;
}

.recapt-btn {
    width: 45%;
    border: 1px solid #ccc;
    padding: 7px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-right: 5%;
}

.recapt-btn:last-child {
    margin-right: 0 !important;
}

.recapt-txt {
    height: 40px;
    padding-top: 8px;
}

.recapt-txt input[type="text"] {
    height: 40px !important;
    background-color: #fff !important;
    text-indent: 0 !important;
    border: 1px solid #ccc;
    float: right;
    width: 95%;
}

.recapt-txt input[type="text"]::placeholder {
    color: #000 !important;
    font-size: 14px !important;
    text-align: center;
}

/*----------------------------reser-check------------------------------*/
.searchBox-area {
    width: 100%;
    align-items: center;
    padding: 20px 0 30px;
}

.tit-sub {
    display: none;
}

.searchBox-wrap {
    margin: 0 auto;
    width: 100%;
}

.searchBox-wrap .sub-title-02 {
    font-size: 0.938em;
    color: #333333;
    letter-spacing: -0.45px;
    display: block;
}

.calendar-area02 thead tr th {
    font-size: 11px;
    border-bottom: 1px solid #e8e8e8;
}

.calendar-area02 tbody tr > td {
    font-size: 14px;
}

.calendar-area02 tbody tr .none {
    cursor: default;
}

.search-box {
    padding: 10px 0;
}

.choice-day-box {
    display: flex;
    color: #5f6668;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.choice-day-box span {
    line-height: 40px;
}

.choice-day-box .daypick {
    vertical-align: middle;
    position: relative;
    top: -8px;
    right: -10px;
}

.choice-day-box .choice-day {
    width: 35%;
    height: 36px;
    padding: 7px 0;
    background-color: #f4f4f4;
    font-size: 0.875em;
    text-align: left;
}

.choice-day-box .choice-day img {
    width: 22px;
    height: 21px;
    display: inline-block;
    margin-left: 10px;
}

.choice-day-box button img {
    display: inline-block;
    width: 64px;
}

/* reser-check-layer-pop */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1004;
}

.basic-pop {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 1010;
    width: 340px;
    height: 320px;
    padding: 15px;
    border: 1px solid #187fe6;
    right: 50%;
    transform: translateX(50%);
    top: 36px;
}

.basic-pop2 {
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    z-index: 1010;
    width: 340px;
    height: 320px;
    padding: 15px;
    border: 1px solid #187fe6;
    right: 50%;
    transform: translateX(50%);
    top: 36px;
}

/* calendar title, arrow */
.arrow_prev02, .arrow_next02 {
    position: relative;
}

.arrow_prev02::before {
    content: "◀";
    color: #535B5D;
    position: absolute;
    top: 3px;
    left: 0px;
    cursor: pointer;
    font-size: 11px;
}

.arrow_next02::before {
    content: "▶";
    color: #535B5D;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
    font-size: 11px;
}

.reser-table-mini {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
}

.reser-table-mini thead {
    width: 100%;
    height: 25px;
}

.reser-table-mini thead tr th {
    font-size: 11px;
    font-weight: 500;
    vertical-align: middle;
}

.reser-table-mini thead tr th:nth-child(1) {
    color: #d57878;
}

.reser-table-mini thead tr th:nth-child(7) {
    color: #4e85aa;
}

.reser-table-mini tbody {
    width: 100%;
}

.reser-table-mini tbody tr td {
    width: 13%;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 50%;
}

.reser-table-mini tbody tr td:hover {
    background-color: #f4f4f4;
    color: #969594 !important;
    transition: 0.3s;
}

.reser-table-mini tbody tr .today {
    background-color: #00418e;
    color: #fff;
}

.reser-table-mini tbody tr span {
    font-size: 14px;
    color: #969594;
    letter-spacing: -0.3px;
    display: block;
    padding-top: 5px;
}

.reser-table-mini tbody tr td:nth-child(1) {
    color: #d57878;
}

.reser-table-mini tbody tr td:nth-child(7) {
    color: #4e85aa;
}

.reser-table-mini tbody a {
    width: 90%;
    height: 100%;
    display: block;
    border-radius: 50%;
    padding: 13px 0;
    margin: 0 auto;
}

/* check list table */
.check-list-table {
    display: none;
}

.check-list-table-mo {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    border-top: 1px solid #000;
    letter-spacing: -0.14px;
    margin-bottom: 50px;
}

.check-list-table-mo tr td {
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
    height: 48px;
    vertical-align: middle;
    color: #666666;
}

.check-list-table-mo tr:hover {
    background-color: #f9f9f9;
    transition: 0.3s;
}

.check-list-table-mo tr td .reser-btn {
    display: block;
    width: 94%;
    border: 1px solid #666666;
    background-color: #fff;
    margin: 0 auto;
    font-weight: 500;
    padding: 6px 0;
    border-radius: 4px;
    font-size: 0.875em;
    margin-top: 21px;
}

.check-list-table-mo tr td a {
    display: block;
    margin: 0 auto;
}

.check-list-table-mo td ul {
    padding: 18px 8px;
    text-align: left;
}

.check-list-table-mo td ul .tit {
    font-size: 1.125em;
    color: #292724;
    font-weight: 600;
    padding-bottom: 10px;
}

.check-list-table-mo td ul .sub, .check-list-table-mo td ul span {
    font-size: 0.750em;
    color: #00418e;
    font-weight: 300;
    padding-bottom: 5px;
    letter-spacing: -0.12px;
}

.check-list-table-mo td ul .con {
    font-size: 0.750em;
    color: #666666;
    font-weight: 400;
    line-height: 18px;
}


.page-wrap {
    width: 60%;
    height: auto;
    margin: 60px auto 0;
}

.page-wrap ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.page-wrap ul li {
    display: inline-block;
    width: 20px;
    height: 18px;
    font-size: 0.938em;
    color: #747e81;
    position: relative;
    cursor: pointer;
    margin-right: 1%;
    text-align: center;
}

.page-wrap ul li:last-child {
    margin-right: 0;
}

.page-wrap ul li a {
    display: block;
    width: 100%;
}

.page-wrap ul .on {
    color: #f29500;
}

.page-wrap ul .on::after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #f29500;
    transition: 0.5s;
}

.page-wrap ul .arr-prev-done {
    background: url('/resources/images/reser/arr_prev_done.png') no-repeat center center / 100%;
    background-size: 12px 9px;
}

.page-wrap ul .arr-prev {
    background: url('/resources/images/reser/arr_prev.png') no-repeat center center / 100%;
    background-size: 12px 9px;
}

.page-wrap ul .arr-next-done {
    background: url('/resources/images/reser/arr_next_done.png') no-repeat center center / 100%;
    background-size: 12px 9px;
}

.page-wrap ul .arr-next {
    background: url('/resources/images/reser/arr_next.png') no-repeat center center / 100%;
    background-size: 12px 9px;
}

.page-wrap ul .arr-prev-done a, .page-wrap ul .arr-prev a, .page-wrap ul .arr-next-done a, .page-wrap ul .arr-next a {
    display: block;
    padding: 11px 0;
}

/*----------------------------reser-penalty------------------------------*/
.tit-tab {
    display: block;
    width: 90%;
    font-size: 0;
    margin: 0 auto 25px;
}

.tit-tab li {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    text-align: center;
    border: 1px solid #dddddd;
    cursor: pointer;
}

.tit-tab .on {
    background-color: #353540;
    border: 1px solid #353540;
    color: #fff;
    font-weight: 400;
}

.tit-tab a {
    display: block;
    padding: 9px 0;
}

/*----------------------------join-list------------------------------*/
.tit-sub-02 {
    font-size: 0.875em;
    color: #000;
    letter-spacing: -0.38px;
    font-weight: 300;
    text-align: left;
    line-height: 23px;
    display: block;
    width: 100%;
    word-break: keep-all;
    padding-bottom: 24px;
}

.newSearchBox-area {
    width: 100%;
    padding-bottom: 30px;
}

.newsSearchBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: right;
    margin: 25px 0;
}

.newsSearchBox .zone {
    width: 28%;
    height: 36px;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 2%;
}

.newsSearchBox .zone02 {
    width: 48%;
    height: 36px;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 2%;
}

.newsSearchBox .zone02 input[type="text"] {
    height: 36px !important;
}

.newsSearchBox .zone .options {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    background-color: #f4f4f4;
    border: none;
}

.newsSearchBox .zone::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.5em solid #f6743b;
    position: absolute;
    top: 16px;
    right: 1em;
    transition: all ease 0.25s;
}

.newsSearchBox button {
    width: 20%;
}

.newsSearchBox button img {
    height: 36px;
}

/* join list table */
.join-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: left;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    letter-spacing: -0.14px;
    margin-bottom: 50px;
}

.join-list-table thead tr th {
    display: none;
}

.join-list-table tr {
    border-bottom: 1px solid #ddd;
}

.join-list-table tr:first-child {
    border-top: 2px solid #000 !important;
}

.join-list-table tr td {
    font-size: 0.750em;
    font-weight: 300;
    cursor: pointer;
    height: auto;
    vertical-align: middle;
    color: #666666;
}

.join-list-table tbody tr .num {
    display: none;
}

.join-list-table tbody tr .book {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    text-indent: 45px;
    position: relative;
    padding-top: 5px;
}

.join-list-table tbody tr .book::before {
    content: "예약일";
    position: absolute;
    color: #666;
    font-size: 12px;
    display: inline-block;
    left: -35px;
}

.join-list-table tbody tr .book::after {
    content: "";
    position: absolute;
    background-color: #666;
    width: 1px;
    height: 10px;
    right: -10px;
    top: 6px;
}

.join-list-table tbody tr .time {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    text-indent: 50px;
    position: relative;
    padding-top: 5px;
}

.join-list-table tbody tr .time::before {
    content: "시간대";
    position: absolute;
    color: #666;
    font-size: 12px;
    display: inline-block;
    left: -35px;
}

.join-list-table tbody tr .tit {
    font-size: 18px;
    color: #292724;
    font-weight: 600;
    line-height: 27px;
    display: block;
    padding: 5px 8px;
}

.join-list-table tbody tr .person {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    text-indent: 35px;
    position: relative;
    padding-bottom: 5px;
}

.join-list-table tbody tr .person::before {
    content: "인원";
    position: absolute;
    color: #666;
    font-size: 12px;
    display: inline-block;
    left: -25px;
}

.join-list-table tbody tr .person::after {
    content: "";
    position: absolute;
    background-color: #666;
    width: 1px;
    height: 10px;
    right: -5px;
    top: 1px;
}

.join-list-table tbody tr .state {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    position: relative;
    text-indent: 10px;
    padding-bottom: 5px;
}

.join-list-table tbody tr .state::after {
    content: "";
    position: absolute;
    background-color: #666;
    width: 1px;
    height: 10px;
    right: -5px;
    top: 1px;
}

.join-list-table tbody tr .date {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    position: relative;
    text-indent: 85px;
    padding-bottom: 5px;
}

.join-list-table tbody tr .date::before {
    content: "게시물 작성일";
    position: absolute;
    color: #666;
    font-size: 12px;
    display: inline-block;
    left: -73px;
}

.join-list-table tbody tr .classify {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    text-indent: 10px;
    padding-bottom: 5px;
}

.join-list-table tbody tr .arrow {
    padding: 7px 8px;
}

.join-list-table tbody .notice {
    background-color: #e7eff3;
}

.join-list-table tbody tr .noticetit {
    font-weight: 600;
}

.join-list-table tbody tr .invite {
    font-weight: 500;
    color: #00418e;
}

.join-list-table tbody tr .join {
    font-weight: 500;
    color: #f29500;
}

.join-list-table tbody .done td {
    color: #b5b5b5 !important;
}

.join-list-table tbody .done td::before {
    color: #b5b5b5 !important;
}

.join-list-table tbody .done td::after {
    background-color: #b5b5b5 !important;
}

.join-list-table tbody tr td .reser-btn {
    display: block;
    width: 90%;
    border: 1px solid #b4bbbc;
    background-color: #fff;
    margin: 0 auto;
    font-weight: 500;
    width: 40%;
    padding: 6px 0;
    border-radius: 4px;
}

.join-list-table tbody tr td a {
    display: inline-block;
    margin: 0 auto;
    line-height: 1.2em;
}

.join-list-table td img {
    display: block;
    margin: 0 auto;
}

.write-btn {
    display: block;
    width: 96px;
    height: auto;
    background-color: #353540;
    color: #fff;
    font-size: 1.0em;
    font-weight: 400;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
}

/* board list table */
.board-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: left;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    border-top: 1px solid #000;
    letter-spacing: -0.14px;
    margin-bottom: 50px;
}

.board-list-table thead tr th {
    display: none;
}

.board-list-table tbody tr td {
    font-size: 0.750em;
    font-weight: 300;
    cursor: pointer;
    height: auto;
    vertical-align: middle;
    color: #666666;
    padding: 7px 8px;
}

.board-list-table tbody tr .num {
    display: none;
}

.board-list-table tbody tr .golf {
    display: none;
}

.board-list-table tbody tr .tit {
    font-size: 18px;
    color: #292724;
    font-weight: 600;
    line-height: 27px;
    display: block;
}

.board-list-table tbody tr .date {
    position: relative;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    padding-bottom: 18px;
    display: inline-block;
    text-indent: 35px;
}

.board-list-table tbody tr .date::before {
    position: absolute;
    content: "작성일";
    color: #666;
    font-size: 12px;
    display: inline-block;
    left: -27px;
}

.board-list-table tbody tr .count {
    position: relative;
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.12px;
    padding-bottom: 18px;
    display: inline-block;
    text-indent: 30px;
}

.board-list-table tbody tr .count::before {
    position: absolute;
    content: "조회수";
    color: #666;
    font-size: 12px;
    left: -27px;
}

.board-list-table td img {
    display: block;
    margin: 0 auto;
}

/*----------------------------FAQ-list------------------------------*/
/* faq list table */
.faq-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: left;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    border-top: 1px solid #000;
    letter-spacing: -0.14px;
    margin-bottom: 50px;
}

.faq-list-table thead tr th {
    display: none;
}

.faq-list-table tbody tr td {
    font-size: 0.750em;
    font-weight: 300;
    cursor: pointer;
    height: auto;
    vertical-align: middle;
    color: #666666;
    padding: 7px 8px;
}

.faq-list-table tbody tr .num {
    display: none;
}

.faq-list-table tbody tr .ask {
    color: #f29500;
    font-weight: 600;
    width: 10%;
    text-align: center;
}

.faq-list-table tbody tr .answer {
    color: #187fe6;
    font-weight: 600;
    width: 10%;
    text-align: center;
}

.faq-list-table tbody tr .tit {
    width: 70%;
    text-align: left;
}

.faq-list-table tbody tr .date {
    width: 20%;
}

.faq-list-table tbody tr .count {
    display: none;
}

.faq-list-table tbody tr img {
    display: inline-block;
    width: 10px;
}

.faq-list-table tbody tr td .reser-btn {
    display: block;
    width: 90%;
    border: 1px solid #b4bbbc;
    background-color: #fff;
    margin: 0 auto;
    font-weight: 500;
    width: 40%;
    padding: 6px 0;
    border-radius: 4px;
}

.faq-list-table tbody tr td a {
    display: inline-block;
    margin: 0 auto;
}

/*----------------------------join-wrtie------------------------------*/
/* join wrtie table */
.join-wrtie-table-pc {
    display: none;
}

.join-wrtie-table-tablet {
    display: none;
}

.join-wrtie-table-mo {
    width: 100%;
    height: auto;
    color: #000;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    margin-bottom: 40px;
    vertical-align: middle;
}

.join-wrtie-table-mo tbody {
    border-top: 1px solid #000;
}

.join-wrtie-table-mo tbody tr {
    border-bottom: 1px solid #b4bbbc;
    font-weight: 600;
    text-align: left;
}

.join-wrtie-table-mo tbody tr th {
    font-size: 0.875em;
    font-weight: 400;
    padding: 13px 0 11px 13px;
    vertical-align: middle;
    background-color: #fff;
}

.join-wrtie-table-mo tbody tr td {
    font-size: 0.875em;
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    padding: 4px 0;
    height: 48px;
}

.join-wrtie-table-mo tbody tr td .check-select {
    position: absolute;
    top: 0;
    left: -18px;
}

.join-wrtie-table-mo tbody tr td .check-select input[type=checkbox] {
    display: block;
    opacity: 0;
}

.join-wrtie-table-mo tbody tr td .check-select input[type=checkbox] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/resources/images/join/img_check_style02.svg');
    background-size: 24px 24px;
    font-size: 0;
    padding: 12px;
}

.join-wrtie-table-mo tbody tr td .check-select input[type=checkbox]:checked + label {
    background-image: url('/resources/images/join/img_check_style02_on.svg');
    background-size: 24px 24px;
}

.join-wrtie-table-mo tbody tr .phone input[type="number"] {
    appearance: none;
    width: 80%;
    height: 48px;
    background-color: #f4f4f4;
    border: 0;
    font-size: 14px;
}

.join-wrtie-table-mo tbody tr .phone input[disabled] {
    width: 85% !important;
    height: 42px !important;
    background-color: #f4f4f4 !important;
    border: 0 !important;
    text-indent: 11px !important;
}

.join-wrtie-table-mo tbody tr .date input[type="text"] {
    appearance: none;
    width: 100%;
    height: 42px;
    background-color: #f4f4f4;
    border: 0;
    text-indent: 11px !important;
    color: #000;
}

.join-wrtie-table-mo tbody tr .title input[type="text"] {
    appearance: none;
    width: 100%;
    height: 42px;
    background-color: #f4f4f4;
    border: 0;
    text-indent: 11px;
    color: #000;
}

.join-wrtie-table-mo tbody tr .content textarea {
    appearance: none;
    width: 100%;
    height: 160px;
    background-color: #f4f4f4;
    border: 0;
    color: #000;
    overflow-y: auto;
    font-size: 14px !important;
    line-height: 1.5em;
    padding: 12px 11px;
}

.join-wrtie-table-mo tbody tr .phone input[type="number"]::placeholder {
    color: #5f6668;
    font-size: 14px !important;
}

.join-wrtie-table-mo tbody tr .date input[type="text"]::placeholder {
    color: #5f6668 !important;
    font-size: 14px !important;
}

.join-wrtie-table-mo tbody tr .title input[type="text"]::placeholder {
    color: #5f6668 !important;
    font-size: 14px !important;
}

.join-wrtie-table-mo tbody tr .content textarea::placeholder {
    color: #5f6668 !important;
    font-size: 14px !important;
}

.joinSelectBox .zone {
    width: 100%;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 1%;
    text-indent: 11px;
}

.joinSelectBox .zone select {
    color: #000 !important;
}

.joinSelectBox .zone .options {
    height: 42px;
    text-indent: 0 !important;
    background-color: #f4f4f4;
    border: none;
    width: 100%;
}

.joinSelectBox .zone::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.5em solid #f6743b;
    position: absolute;
    top: 20px;
    right: 16px;
    transition: all ease 0.25s;
}

.joinSelectBox02 {
    display: flex;
    width: 100%;
    height: 42px;
    align-items: center;
    justify-content: space-between;
}

.joinSelectBox02 .zone02 {
    width: 40%;
    height: 40px;
    position: relative;
    background-color: #f4f4f4 !important;
}

.joinSelectBox02 .zone02 select {
    color: #000 !important;
}

.joinSelectBox02 .zone02 .options {
    width: 100%;
    height: 38px;
    text-indent: 11px;
    background-color: #f4f4f4;
    border: none;
}

.joinSelectBox02 .zone02::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.5em solid #f6743b;
    position: absolute;
    top: 20px;
    right: 16px;
    transition: all ease 0.25s;
}

.joinSelectBox02 span {
    display: inline-block;
    margin: 0 10% 0 4%;
}

/* join wrtie content table */
.join-wrtie-table {
    color: #000;
    border-left: 0;
    border-right: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: auto;
    margin-bottom: 70px;
    word-break: keep-all;
}

.join-wrtie-table thead tr {
    border-top: 1px solid #000;
    background-color: #f4f4f4;
}

.join-wrtie-table thead tr th {
    font-weight: 500;
    padding: 10px 25px;
    border-right: 1px solid #b4bbbc;
    border-left: 1px solid #b4bbbc;
    font-size: 0.750em;
    vertical-align: middle;
    line-height: 18px;
}

.join-wrtie-table thead tr th:first-child {
    border-left: 0 !important;
}

.join-wrtie-table thead tr th:last-child {
    border-right: 0 !important;
}

.join-wrtie-table tbody tr {
    border-bottom: 1px solid #d4d4d4;
}

.join-wrtie-table tbody tr td {
    font-size: 0.750em;
    font-weight: 300;
    padding: 12px 25px;
    border-right: 1px solid #b4bbbc;
    border-left: 1px solid #b4bbbc;
    vertical-align: middle;
    line-height: 18px;
}

.join-wrtie-table tbody tr td:first-child {
    border-left: 0 !important;
}

.join-wrtie-table tbody tr td:last-child {
    border-right: 0 !important;
}

.join-wrtie-table tbody tr .content {
    text-align: left;
    line-height: 19px;
    letter-spacing: -0.75px;
    word-break: keep-all;
    padding: 12px 20px;
    position: relative;
    font-weight: 500;
}

.join-wrtie-table tbody tr .content::before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    left: 8px;
    top: 20px;
    border-radius: 50%;
    background-color: #b5b5b5;
}

.join-wrtie-table tbody tr .content span {
    color: #187fe6;
    position: relative;
}

.join-wrtie-table tbody tr .content span::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    bottom: -1px;
    background-color: #187fe6;
}

.join-wrtie-table tbody tr .agree {
    text-align: right;
    border-bottom: 0;
    position: relative;
    padding: 20px 40px;
}

.join-wrtie-table tbody tr:last-child {
    border-bottom: 0 !important;
}

.join-wrtie-table tbody tr .agree .check-select {
    position: absolute;
    top: 2px;
    left: -28px;
}

.join-wrtie-table tbody tr .agree .check-select input[type=checkbox] {
    display: block;
    opacity: 0;
}

.join-wrtie-table tbody tr .agree .check-select input[type=checkbox] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('/resources/images/join/img_check_style02.svg');
    background-size: 24px 24px;
    font-size: 0;
    padding: 12px;
}

.join-wrtie-table tbody tr .agree .check-select input[type=checkbox]:checked + label {
    background-image: url('/resources/images/join/img_check_style02_on.svg');
    background-size: 24px 24px;
}

.btn-join {
    width: 65%;
    text-align: center;
    margin-top: 16px;
    font-size: 0;
}

.btn-join a {
    display: inline-block;
    width: 40%;
    border: 1px solid #010101;
    color: #010101;
    font-weight: 500;
    line-height: 36px;
    font-size: 16px;
    margin-right: 6%;
}

.btn-join a.on {
    background-color: #353540;
    border: 1px solid #353540;
    color: #fff;
}

.btn-join a:last-child {
    margin-right: 0;
}


/*----------------------------join-view------------------------------*/
/* join view table */
.join-view-table {
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    margin-bottom: 60px;
    border-top: 1px solid #b4bbbc;
}

.join-view-table ul {
    border-bottom: 1px solid #b4bbbc;
}

.join-view-table li {
    color: #333333;
    font-size: 0.875em;
    padding: 7px 5px;
    font-weight: 200;
    display: inline-block;
}

.join-view-table .name {
    display: inline-block;
}

.join-view-table .golf {
    display: inline-block;
}

.join-view-table .date {
    display: inline-block;
}

.join-view-table .count {
    display: inline-block;
}

.join-view-table li span {
    color: #000;
    font-weight: 300;
}

.join-view-table .join-view {
    border-bottom: 1px solid #000;
}

.join-view-table .join-view img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.join-view-table .join-view li {
    padding: 19px 16px;
    font-size: 0.875em;
    line-height: 24px;
    text-align: left;
    word-break: keep-all;
}

.join-view-table ul:last-child {
    border-bottom: none;
    text-align: center;
}

.join-view-table ul:last-child li {
    padding: 16px 0 !important;
    text-align: center;
}

.view-btn {
    display: inline-block;
    width: 88px;
    height: auto;
    background-color: #fff;
    color: #666666;
    font-size: 0.875em;
    font-weight: 400;
    text-align: center;
    border: 1px solid #666666;
    padding: 8px 0;
}

.view-btn-on {
    display: inline-block;
    width: 110px;
    height: auto;
    background-color: #353540;
    color: #fff;
    font-size: 0.938em;
    font-weight: 400;
    text-align: center;
    border: 1px solid #666666;
    width: 86px;
    padding: 8px 0;
}

/* join comment revise */
.join-comment-wrap {
    width: 100%;
    height: auto;
}

.join-comment-wrap h3 {
    font-size: 1.0em;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding-bottom: 15px;
}

.join-comment-wrap h3 span {
    font-size: 1.0em;
    font-weight: 300;
}

.join-comment-table {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    font-size: 0.938em;
}

.join-comment-table tbody tr {
    height: 50px;
}

.join-comment-table tbody tr td {
    position: relative;
    padding: 12px 18px;
}

.join-comment-table tbody tr .tit {
    display: none;
}

.join-comment-table tbody tr td label {
    font-size: 14px;
    color: #333;
}

.join-comment-table tbody tr .tit-mo {
    margin-right: 5%;
}

.join-comment-table tbody tr .btn-area {
    text-align: right;
    padding: 8px 12px;
}

.join-comment-table tbody tr .comment-write {
    padding: 0 18px;
    line-height: 22px;
    font-size: 0.938em;
}

.join-comment-table tbody tr .comment-write textarea {
    appearance: none;
    width: 100%;
    height: 65px;
    background-color: #f4f4f4;
    border: 0;
    color: #000;
    overflow-y: auto;
    font-size: 15px !important;
    line-height: 1.5em;
    font-weight: 100;
}

.join-comment-table tbody tr .btn-area span {
    display: none;
}

.join-comment-table tbody tr .btn-area a {
    width: 20px;
    height: 19px;
    display: inline-block;
}

.join-comment-table tbody tr .btn-area a:first-child {
    background: url('/resources/images/board/comment_btn_01.svg') no-repeat center center / 100%;
    background-size: 20px 18px;
    position: absolute;
    right: 40px;
}

.join-comment-table tbody tr .btn-area a:nth-child(2) {
    background: url('/resources/images/board/comment_btn_02.svg') no-repeat center center / 100%;
    background-size: 17px 19px;
    position: absolute;
    right: 10px;
}

/* join comment view*/
.join-comment-table-view {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    font-size: 0.938em;
}

.join-comment-table-view tbody tr {
    height: 50px;
}

.join-comment-table-view tbody tr th {
    text-align: left;
    padding: 12px 18px;
}

.join-comment-table-view tbody tr th span {
    font-size: 0.813em;
    color: #666;
    padding-left: 12px;
}

.join-comment-table-view tbody tr .btn-area {
    text-align: right;
    padding: 8px 12px;
}

.join-comment-table-view tbody tr .comment-write {
    padding: 0 18px;
    font-weight: 100;
}

.join-comment-table-view tbody tr .btn-area span {
    display: none;
}

.join-comment-table-view tbody tr .btn-area a {
    width: 20px;
    height: 19px;
    display: inline-block;
}

.join-comment-table-view tbody tr .btn-area a:first-child {
    background: url('/resources/images/board/comment_btn_01.svg') no-repeat center center / 100%;
    background-size: 20px 18px;
    position: absolute;
    right: 40px;
}

.join-comment-table-view tbody tr .btn-area a:nth-child(2) {
    background: url('/resources/images/board/comment_btn_02.svg') no-repeat center center / 100%;
    background-size: 17px 19px;
    position: absolute;
    right: 10px;
}

/* join comment write*/
.join-comment-table-write {
    display: none;
}

.join-comment-table-write02 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
    background-color: #fff;
    border: 1px solid #187fe6;
}

.join-comment-table-write02 tbody tr {
    height: auto;
    text-align: left;
    width: 100%;
}

.join-comment-table-write02 tbody tr:last-child {
    border-bottom: 1px solid #187fe6;
}

.join-comment-table-write02 tbody tr th {
    vertical-align: middle;
    font-size: 0.813em;
    padding: 4px 13px;
    line-height: 1.3em;
}

.join-comment-table-write02 tbody tr th span {
    font-size: 0.813em;
    color: #666;
    font-size: 0.813em;
}

.join-comment-table-write02 tbody tr td {
    position: relative;
    text-align: left;
    vertical-align: middle;
    color: #535b5d;
    font-size: 0.875em;
    padding: 10px 18px;
    border-bottom: 1px solid #e8e8e8;
}

.join-comment-table-write02 tbody tr .tit {
    margin-right: 5%;
}

.join-comment-table-write02 tbody tr td label {
    font-size: 14px;
    color: #333;
}

.join-comment-table-write02 tbody tr .btn-area {
    text-align: right;
    padding: 8px 12px;
}

.join-comment-table-write02 tbody tr .comment-write {
    padding: 20px 15px;
    line-height: 1.5em;
    font-size: 0.938em;
    font-weight: 100;
    border-bottom: 1px solid #e8e8e8;
}

.join-comment-table-write02 tbody tr .comment-write textarea {
    appearance: none;
    width: 100%;
    height: 100%;
    border: 0;
    color: #000;
    overflow-y: auto;
    font-size: 15px !important;
    line-height: 1.5em;
    font-weight: 100;
    overflow-y: auto;
}

.join-comment-table-write02 tbody tr .comment-enter {
    background-color: #187fe6;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 0.938em;
    padding: 10px 0;
    font-weight: 300;
}

.join-comment-table-write02 tbody tr .comment-enter a {
    display: block;
}

.check-select-basic-02 {
    position: absolute;
    left: -17px;
    top: 6px;
}

.check-select-basic-02 input[type=checkbox] {
    display: block;
}

.check-select-basic-02 input[type=checkbox] + label {
    cursor: pointer;
    font-size: 0;
}

.check-select-basic-02 input[type=checkbox]:checked + label {
    background-size: 15px 15px;
}

/*---------------------------- courseInfo ------------------------------*/
/* tab */
.course-tabCon-pc {
    display: none;
}

.course-tabCon {
    width: 100%;
    height: auto;
}

.course-tabCon-mo {
    width: 100%;
    height: auto;
}

.cc-list ul .current {
    color: #000 !important;
    font-weight: 600;
}

.cc-list ul .current::after {
    content: '';
    position: absolute;
    right: -5px;
    top: -4px;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%;
    transition: 0.3s;
}

.cc-list ul .current::before {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background-color: #000000;
    transition: 0.3s;
}

.tab-content {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.tab-content.current {
    display: inherit;
}

.tab-content .course-img {
    text-align: center;
    padding-bottom: 25px;
}

.tab-content .course-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.tab-content h2 {
    font-size: 1.250em;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #000;
    text-align: center;
    padding-bottom: 16px;
    word-break: keep-all;
    font-weight: 400;
}

.tab-content .sub-con {
    font-size: 0.875em;
    line-height: 22px;
    letter-spacing: -0.35px;
    color: #000;
    text-align: center;
    padding-bottom: 40px;
    word-break: keep-all;
    font-weight: 300;
    width: 90%;
    margin: 0 auto;
}

/* course table */
.scroll-table {
    width: 100%;
    overflow-y: scroll;
}

.courseInfo-table {
    width: 180%;
    height: auto;
    font-size: 0.875em;
    color: #000;
}

.courseInfo-table thead tr {
    border-top: 1px solid #000;
}

.courseInfo-table thead tr th {
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    font-size: 0.875em;
    color: #000;
    font-weight: 600;
    position: relative;
    line-height: 15px;
    border-bottom: 1px solid #dddddd;
}

.courseInfo-table thead tr th::after {
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    position: absolute;
    bottom: 0;
    content: '';
    right: 0;
}

.courseInfo-table thead tr th:last-child::after {
    display: none;
}

.courseInfo-table thead tr th span {
    color: #f29500;
    font-weight: 500;
    display: block;
    font-size: 0.688em;
}

.courseInfo-table tbody tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 0.750em;
    color: #000;
    font-weight: 300;
    padding: 10px 10px;
    position: relative;
    line-height: 20px;
    border-bottom: 1px solid #dddddd;
    font-weight: 400;
}

.courseInfo-table tbody tr td::after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    position: absolute;
    bottom: 0;
    right: 0;
}

.courseInfo-table tbody tr td:last-child::after {
    display: none;
}

.courseInfo-table tbody tr td .teeBlk {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    margin: 0 auto;
    border: 1px solid #000;
}

.courseInfo-table tbody tr td .teeWht {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    border: 1px solid #707070;
}

.courseInfo-table tbody tr td .teeRed {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ff0000;
    display: block;
    margin: 0 auto;
    border: 1px solid #ff0000;
}

.courseInfo-table tbody tr td .teeBlue {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #187fe6;
    display: block;
    margin: 0 auto;
    border: 1px solid #187fe6;
}

/*---------------------------- courseAttack ------------------------------*/
.hole-map {
    position: sticky;
    top: 0;
    padding: 69px 0 0;
    overflow-x: scroll;
}

/* courseMap table */
.courseMap-table {
    width: 180%;
    height: auto;
    font-size: 0.875em;
    color: #000;
}

.courseMap-table a {
    display: block;
}

.courseMap-table thead tr {
    border-top: 1px solid #000;
}

.courseMap-table thead tr th {
    text-align: center;
    vertical-align: middle;
    padding: 13px 0;
    font-size: 15px;
    color: #666666;
    font-weight: 600;
    position: relative;
    line-height: 17px;
    border-bottom: 1px solid #dddddd;
    background-color: #fff;
}

.courseMap-table thead tr th::after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    position: absolute;
    bottom: 0;
    right: 0;
}

.courseMap-table thead tr th:last-child::after {
    display: none;
}

.courseMap-table thead tr th span {
    color: #f29500;
    font-weight: 300;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
}

.courseMap-table thead tr .on {
    color: #000;
}

.courseMap-table thead tr .on::after {
    width: 100%;
    height: 3px;
    background-color: #f29500;
    position: absolute;
    bottom: 0;
    right: 0;
}

.courseMap-table thead tr .tit {
    background-color: #f9f9f9;
}

.attack-area {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 60px 0 75px;
}

#tab-1:first-child {
    padding-bottom: 0;
}

.attack-area:first-child {
    margin-right: 2%;
}

.attack-con-box {
    width: 100%;
    display: inline-block;
}

.info-first {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

.info-first li {
    display: inline-block;
    font-size: 0.750em;
    font-weight: 300;
}

.info-first .tit {
    font-size: 0.875em;
    font-weight: 300;
}

.info-first .num {
    font-size: 1.625em;
    font-weight: 300;
    padding-right: 3px;
}

.info-first .name {
    font-size: 0.875em;
    font-weight: 400;
    color: #f29500;
    padding-left: 7px;
}

.info-second {
    width: 100%;
    height: auto;
    padding: 10px 0;
}

.info-second li {
    display: inline-block;
    margin-right: 3%;
    font-size: 0.625em;
}

.info-second li .teeBlk {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #000;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 4px;
}

.info-second li .teeWht {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #707070;
    display: inline-block;
    margin-right: 4px;
}

.info-second li .teeRed {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    display: inline-block;
    margin-right: 4px;
}

.info-second li .teeBlue {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #187fe6;
    border: 1px solid #187fe6;
    display: inline-block;
    margin-right: 4px;
}

.info-second li .teeYel {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f29500;
    border: 1px solid #f29500;
    display: inline-block;
    margin-right: 4px;
}

.info-yard-small {
    width: 100%;
    height: 192px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-yard-small img {
    display: block;
    margin: 0 auto;
    width: 40%;
}

.info-yard {
    width: 100%;
    height: 192px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-yard img {
    display: block;
    margin: 0 auto;
    width: 70%;
}

.attack-img-box {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}

.info-img {
    width: 100%;
    height: 222px;
    overflow: hidden;
}

.info-img img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.attack-info {
    width: 100%;
    padding-top: 20px;
    font-size: 0.688em;
    line-height: 17px;
    color: #000;
    word-break: keep-all;
    font-weight: 300;
    display: inline-block;
}

/*---------------------------- clubInfo ------------------------------*/
.clubInfo-area-01 {
    width: 100%;
    background: url('/resources/images/club/clubinfo_bg_01.png') no-repeat center center;
    background-size: 100% 100%;
}

.clubInfo-area-01 .contents-club {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 45px;
}

.clubInfo-area-01 .club-con-tit-box {
    width: 100%;
    height: auto;
    padding: 60px 0 0;
    text-align: center;
}

.clubInfo-area-01 .club-con-tit-box .main-title {
    font-size: 1.500em;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
    padding-bottom: 24px;
}

.clubInfo-area-01 .club-con-tit-box .sub-con {
    width: 100%;
    height: auto;
}

.clubInfo-area-01 .sub-con .tit {
    font-size: 1.125em;
    color: #000;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 28px;
    word-break: keep-all;
    width: 100%;
    margin: 0 auto;
}

.clubInfo-area-01 .sub-con .sub {
    font-size: 0.875em;
    color: #000;
    letter-spacing: -0.45px;
    font-weight: 300;
    line-height: 22px;
    word-break: keep-all;
    padding-top: 16px;
    width: 90%;
    margin: 0 auto;
}

.clubInfo-area-01 .club-con-img-box {
    width: 100%;
    height: auto;
    padding: 40px 0;
}

.clubInfo-area-01 .club-con-img-box img {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.clubInfo-area-02 {
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

.main-title-02 {
    width: 100%;
    height: auto;
}

.main-title-02 h4 {
    font-size: 1.500em;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
    text-align: center;
    padding-top: 20px;
}

.main-title-02 p {
    font-size: 1.063em;
    color: #000;
    letter-spacing: -0.5px;
    font-weight: 300;
    padding-top: 15px;
    text-align: center;
}

.club-menu {
    width: 100%;
    height: auto;
    margin: 30px 0 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.club-menu li {
    width: 100%;
    height: 140px;
    text-align: center;
    color: #fff;
    box-shadow: rgba(149, 157, 165, 0.3) 6px 5px 15px;
    display: inline-block;
    margin: 0 1% 1% 0;
}

.club-menu .tit {
    text-align: center;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 1.250em;
    letter-spacing: -0.63px;
    padding-top: 200px;
}

.club-menu .tit img {
    display: inline-block;
    margin-right: 4%;
    width: 50%;
}
.club-menu li a{
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.club-menu li a h1{
    font-size: 1.13rem;
    letter-spacing: -0.8px;
    margin-bottom: 20px;
}

.club-menu .sub {
    font-size: 0.88rem;
    letter-spacing: -0.35px;
    text-decoration: underline;
}

.club-menu li:nth-child(1) {
    background: url('/resources/images/club/clubinfo_gwangsan.jpg?v=1') no-repeat center top/ 100% 100%;
    background-size: cover;
}

/*---------------------------- greeting ------------------------------*/
.greeting-area {
    width: 100%;
    background: url('/resources/images/club/clubinfo_bg_03.png') no-repeat center center;
    background-size: 100% 100%;
}

.greeting-area .contents-club {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 45px;
}

.greeting-area .club-con-tit-box {
    width: 100%;
    height: auto;
    padding: 60px 0 0;
    text-align: center;
}

.greeting-area .club-con-tit-box .main-title {
    font-size: 1.500em;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
}

.greeting-area .club-con-tit-box .sub-con {
    width: 100%;
    height: auto;
}

.greeting-area .sub-con .tit {
    font-size: 1.125em;
    color: #000;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 28px;
    word-break: keep-all;
    width: 65%;
    margin: 20px auto 0;
}

.greeting-area .sub-con .sub {
    font-size: 0.875em;
    color: #000;
    letter-spacing: -0.45px;
    font-weight: 300;
    line-height: 22px;
    word-break: keep-all;
    padding-top: 16px;
    width: 85%;
    margin: 0 auto;
}

.greeting-area .club-con-img-box {
    width: 100%;
    height: auto;
    padding: 40px 0 110px;
}

.greeting-area .club-con-img-box img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

/*---------------------------- map ------------------------------*/
.map-tabCon {
    width: 100%;
    height: auto;
}

.map-area {
    width: 100%;
    height: 400px;
    padding-bottom: 15px;
}

.map-area-img {
    width: 100%;
    padding-bottom: 15px;
}
.map-area-img img {
    width: 100%;
}

#daumRoughmapContainer1679621407986 .wrap_map {
    width: 100%;
    height: 100%;
}

#daumRoughmapContainer1679622810356 .wrap_map {
    width: 100%;
    height: 100%;
}

#daumRoughmapContainer1679624483990 .wrap_map {
    width: 100%;
    height: 100%;
}

#daumRoughmapContainer1679624546900 .wrap_map {
    width: 100%;
    height: 100%;
}

#daumRoughmapContainer1679624594782 .wrap_map {
    width: 100%;
    height: 100%;
}

.address-con {
    width: 100%;
    height: 110px;
    background-color: #f4f4f4;
    color: #000;
    font-size: 0.875em;
    font-weight: 200;
    padding: 24px 0 24px 60px;
    line-height: 22px;
    word-break: keep-all;
}

.address-con li {
    position: relative;
    text-indent: -10px;
}

.address-con .add::before {
    position: absolute;
    content: "주소";
    left: -30px;
    color: #000;
    font-weight: 400;
}

.address-con .tel::before {
    position: absolute;
    content: "전화";
    left: -30px;
    color: #000;
    font-weight: 400;
}

.navigate-con {
    width: 100%;
    height: auto;
    color: #000;
    font-size: 0.875em;
    letter-spacing: -0.45px;
    font-weight: 300;
    padding-top: 40px;
}

.navigate-con li {
    padding-bottom: 10px;
    line-height: 22px;
}

.navigate-con li:nth-child(2n) {
    padding-bottom: 30px;
}

.navigate-con .tit {
    font-size: 1.250em;
    letter-spacing: -0.7px;
}

.navigate-con .tit span {
    font-weight: 400;
}

.navigate-con span {
    font-weight: 400;
}

/*---------------------------- guide ------------------------------*/
.guide-tabCon {
    width: 100%;
    height: auto;
}

.guide-tabCon .content-tit {
    font-size: 1.0em;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    padding: 15px 0;
    text-align: left;
}

/*guide-table*/
.guide-table {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    line-height: 16px;
    margin-bottom: 10px;
}

.guide-table thead th {
    font-size: 0.750em;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 10px 7px;
    vertical-align: middle;
    word-break: keep-all;
}

.guide-table thead th::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table tbody th {
    font-size: 0.750em;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 10px 7px;
    vertical-align: middle;
    word-break: keep-all;
}

.guide-table tbody th::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table tbody .sub {
    font-size: 0.750em;
    font-weight: 400;
    border-top: 1px solid #b4bbbc;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 10px 5px;
    vertical-align: middle;
}

.guide-table tbody .blue {
    color: #187fe6;
}

.guide-table tbody > tr > .bold {
    font-weight: 400 !important;
}

.guide-table tbody td {
    font-size: 0.750em;
    font-weight: 300;
    border-bottom: 1px solid #b4bbbc;
    border-top: 1px solid #b4bbbc;
    background-color: #fff;
    position: relative;
    padding: 10px 8px;
    vertical-align: middle;
    word-break: keep-all;
    line-height: 1.5em;
}

.guide-table tbody td::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table .after-non::after {
    display: none;
}

.guide-sunCon {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}

.guide-sunCon p {
    position: relative;
    font-size: 0.750em;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -0.3px;
    padding: 0 15px;
    word-break: keep-all;
}

.guide-sunCon .refer::before {
    content: '※';
    position: absolute;
    left: 0;
}

/*---------------------------- rule ------------------------------*/
.rule-con {
    width: 100%;
    height: auto;
}

.rule-table {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    line-height: 20px;
    margin-bottom: 25px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ddd;
}

.rule-table tr th {
    font-size: 1.0em;
    color: #384043;
    letter-spacing: -0.45px;
    padding: 20px 0 8px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    display: block;
}

.rule-table tr td {
    font-size: 0.813em;
    letter-spacing: -0.4px;
    text-align: left;
    padding: 8px 0 40px 28px;
    word-break: keep-all;
    font-weight: 300;
    width: 100%;
    display: block;
}

.rule-table tr td ul {
    counter-reset: var-count;
}

.rule-table tr td ul li {
    line-height: 20px;
    position: relative;
}

.rule-table tr td ul .blue {
    color: #187fe6;
    display: block;
    position: relative;
    left: 15px;
    line-height: 20px;
}

.rule-table tr td ul .blue::before {
    content: '-';
    position: absolute;
    left: -10px;
}

.rule-table tr td ul .num-list::before {
    counter-increment: var-count;
    content: counter(var-count) "";
    color: #00418e;
    font-weight: 600;
    position: absolute;
    left: -25px;
}

/*---------------------------- facil ------------------------------*/
.facil-con {
    width: 100%;
    height: auto;
}

.facil-table {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    line-height: 18px;
    margin-bottom: 25px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ddd;
}

.facil-table tr th {
    font-size: 1.0em;
    color: #384043;
    letter-spacing: -0.45px;
    padding: 20px 0 8px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    display: block;
}

.facil-table tr td {
    font-size: 0.750em;
    letter-spacing: -0.4px;
    text-align: left;
    padding: 8px 0 24px 0;
    word-break: keep-all;
    font-weight: 300;
    width: 100%;
    display: block;
    color: #2f3334;
}

.facil-table tr td ul li {
    line-height: 18px;
    color: #2f3334;
}

.facil-table tr td ul .facil-img img {
    width: 100%;
    padding-bottom: 10px;
}

.facil-table tr td ul .facil-img-02 {
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.facil-table tr td ul .facil-img-02 img {
    width: 50%;
    display: inline-block;
    float: left;
}

.facil-table tr td ul .menu {
    width: 100%;
}

.facil-table-02 {
    width: 100%;
    height: auto;
    color: #2f3334 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    border: 1px solid #dddddd !important;
    font-size: 0.750em !important;
    letter-spacing: -0.35px !important;
}

.facil-table-02 tr {
    height: auto !important
}

.facil-table-02 tr th {
    display: revert !important;
    width: auto !important;
    background-color: #f4f4f4 !important;
    color: #2f3334 !important;
    text-align: center !important;
    font-size: 0.750em !important;
    letter-spacing: -0.35px !important;
    font-weight: 400 !important;
    border: 1px solid #dddddd !important;
    vertical-align: middle !important;
    padding: 5px 0 !important;
}

.facil-table-02 tr td {
    display: revert !important;
    width: auto !important;
    color: #2f3334 !important;
    text-align: center !important;
    font-size: 0.750em !important;
    letter-spacing: -0.35px !important;
    font-weight: 400 !important;
    border: 1px solid #dddddd !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/*---------------------------- policy ------------------------------*/
.policy-box {
    width: 100%;
    height: auto;
    padding-top: 20px;
    counter-reset: circle 0;
}

.policy-box li {
    width: 100%;
    height: auto;
    font-size: 0.813rem;
    letter-spacing: -0.4px;
    color: #2f3334;
    padding-bottom: 5px;
    line-height: 20px;
}

.policy-box li p {
    letter-spacing: -0.5px;
    padding: 20px 0 0;
    font-weight: 600;
}

.policy-box .tit {
    font-size: 1.0em;
    letter-spacing: -0.5px;
    color: #2f3334;
    border-bottom: 1px solid #dddddd;
    padding: 15px 0;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600;
}

.policy-box .con {
    font-size: 0.813em;
    letter-spacing: -0.4px;
    color: #2f3334;
    padding-bottom: 30px;
    line-height: 20px;
}

.policy-box .con span {
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
    position: relative;
}

.policy-box .con .circle-item {
    position: relative;
    list-style: none;
    left: 20px;
    font-weight: 300;
    display: block;
    padding-bottom: 0 !important;
    width: 90%;
    line-height: 20px;
}

.circle-item::before {
    position: absolute;
    top: 0;
    left: -15px;
    counter-increment: circle 1;
    content: counter(circle);
    font-size: 0.8em;
    font-weight: 300;
}

.circle-item::after {
    content: '';
    position: absolute;
    top: 4px;
    left: -19px;
    display: inline-block;
    border: 1px solid #919191;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    font-weight: 300;
}

.policy-box-02 {
    width: 100%;
    height: auto;
    counter-reset: list-number;
}

.policy-box-02 li {
    counter-increment: list-number;
}

.policy-box-02 span {
    font-weight: 300 !important;
    display: inline-block;
    padding-bottom: 0 !important;
}

.policy-box-02 .con .num-item {
    position: relative;
    list-style: none;
    left: 7px;
    font-weight: 300;
    display: block;
    padding-bottom: 0 !important;
    counter-increment: list-number;
}

.num-item::before {
    position: absolute;
    top: -1px;
    left: -14px;
    content: counter(list-number) ".";
    font-size: 1.0em;
    font-weight: 300;
}

.policy-table {
    width: 100%;
    height: auto;
    text-align: center;
}

.policy-table tr th {
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.35px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    font-weight: 500;
}

.policy-table tr td {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.35px;
    vertical-align: middle;
    line-height: 22px;
    white-space: keep-all;
    padding: 8px 10px;
    font-weight: 300;
}

.policy-table tr .con {
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.4px;
    border: none;
    background-color: #f9f9f9;
    padding: 5px 0;
}

/* half */
.policy-table-half {
    width: 100%;
    height: auto;
    text-align: center;
}

.policy-table-half tr th {
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.35px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 0;
    font-weight: 500;
}

.policy-table-half tr td {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.35px;
    vertical-align: middle;
    line-height: 22px;
    white-space: keep-all;
    padding: 8px 10px;
    font-weight: 300;
}

.policy-table-half tr .con {
    font-size: 0.750em;
    color: #2f3334;
    letter-spacing: -0.4px;
    border: none;
    background-color: #f9f9f9;
    padding: 5px 0;
}

/* 개인정보처리방침 추가*/
.policy-list {
    width: 100%;
    display: flex;
    gap: 8px 0;
    flex-direction: column;
    padding: 64px 0;
}

.policy-list dl {
    background-color: #fff;
    min-width: 120px;
    display: flex;
    align-items: center;
    padding: 24px 0;
    gap: 0 1%;
}

.policy-list dl dt {
    flex-basis: 15%;
    max-width: 184px;
}

.policy-list dl dt img {
    width: 100%;
    max-width: 68px;
    margin: auto;
}

.policy-list dl dd {
    line-height: 1.75em;
    flex-basis: 85%;
}

.policy-list dl dd h2 {
    font-weight: 500;
}

.policy-table-wrap {
    display: flex;
    gap: 10px 1%;
    flex-wrap: wrap;
}

.policy-table-wrap table {
    flex: 0 0 95%;
}

.policy-white-box {
    background-color: #fff;
    width: 100%;
    padding: 24px 40px;
    line-height: 1.75;
    letter-spacing: -0.4px;
    font-weight: 300;
    font-size: 0.813rem;
}

.policy-white-box figure {
    text-align: center;
}

.policy-white-box figure img {
    margin: auto;
    display: inline-block;
    height: 35px;
}

.policy-white-box h2 {
    font-weight: 700;
    padding-bottom: 40px;
}

.policy-box h2 {
    padding: 60px 0 40px;
    font-weight: 700;
}

.copy-img-box {
    display: flex;
    gap: 6px 1.5%;
    flex-wrap: wrap;
    letter-spacing: -0.35px;
    padding-top: 30px;
    font-size: 0.813rem;
}

.copy-img-box li {
    flex: 0 0 48%;
    background-color: #fff;
    padding: 30px 16px 16px;
    line-height: 1.43em;
}

.copy-img-box li figure {
    width: 100%;
    text-align: center;
    padding-bottom: 16px;
}

.copy-img-box li figure img {
    width: 100%;
    max-width: 258px;
    display: inline-block;
    margin: auto;
}

.copy-img-box li h3 {
    font-weight: 700;
}


.guide-table2 {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    line-height: 16px;
    margin-bottom: 10px;
    table-layout: fixed;
}

.guide-table2 thead th {
    font-size: 0.750em;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 10px 7px;
    vertical-align: middle;
    word-break: keep-all;
    display: table-cell;
    text-align: center;
}

.guide-table2 thead th::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table2 tbody th {
    font-size: 0.750em;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 10px 7px;
    vertical-align: middle;
    word-break: keep-all;
    display: table-cell;
    text-align: center;
}

.guide-table2 tbody th::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table2 tbody > tr > .bold {
    font-weight: 400 !important;
}

.guide-table2 tbody td {
    font-size: 0.750em;
    font-weight: 300;
    border-bottom: 1px solid #b4bbbc;
    border-top: 1px solid #b4bbbc;
    background-color: #fff;
    position: relative;
    padding: 10px 8px;
    vertical-align: middle;
    word-break: keep-all;
    line-height: 1.5em;
    display: table-cell;
    text-align: center;
}

.guide-table2 tbody td::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #b4bbbc;
    position: absolute;
    right: 0;
    bottom: 0;
}

.guide-table2 .after-non::after {
    display: none;
}

.down-file{
    position: absolute;
    right: 0;
    top: 123px;
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    font-size: 0.75rem;
}