@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 #cccccc;
}

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

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

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

.displayB {
    display: block !important;
}

.displayIB {
    display: inline-block;
}

.displayN {
    display: none !important;
}

.underline {
    text-decoration: underline;
}

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

.p-relative{
    position: relative;
 }

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

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

.red-color{
    color: #e20000 !important;
    font-size: 20px !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: 14px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.font24 {
    font-size: 24px !important;
}

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

.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;
}

.height156 {
    height: 156px !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;
}

.padding010{
    padding: 0 10px;
}

/*-------------------------- 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: 25%;
    margin: 0 auto;
}

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

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

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

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

.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: 2px 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: 18px;
    color: #2f3334;
}

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

.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: #535B5D;
    position: relative;
    text-align: center;
    width: 35%;
    float: left;
    font-size: 18px;
    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: 56px;
    font-size: 20px;
    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: 16px;
    text-align: center;
    line-height: 20px;
    color: #535b5d;
    word-break: keep-all;
    padding-bottom: 20px;
    letter-spacing: -1px;
}

.text-login02 {
    font-size: 14px;
    text-align: center;
    line-height: 1.4em;
    color: #535b5d;
    word-break: keep-all;
    padding-bottom: 10px;
    letter-spacing: -0.7px;
}

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

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

.save-info {
    font-size: 18px;
    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: 65px;
    height: 22px;
}

.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: 32px;
    width: 32px;
    left: 0px;
    top: 20%;
    margin-top: -11px;
    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: 18px;
    padding: 13px 0;
}

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

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

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

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

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

.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: 20px;
}

.join-box ul li h2.title {
    font-size: 18px;
    text-align: left;
    color: #535b5d;
    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: 13px;
    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;
}

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

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

.text-join02 span.text-big {
    color: #f29500;
    font-size: 16px;
    font-weight: 500;
    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: 14px;
    font-weight: 400;
    line-height: 1.4em;
    word-break: keep-all;
}

.agree-txt label {
    font-size: 14px;
    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: 100%;
    overflow: hidden;
    margin: 0 auto 50px;
}

.certified-box li {
    width: 48%;
    height: 340px;
    float: left;
    text-align: center;
    margin-right: 3%;
    border: 1px solid #cccccc;
}

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

.certified-box li .thum-img {
    width: 120px;
    height: 120px;
    margin: 0 auto 40px;
}

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

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

.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 #777777;
}

.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;
}

.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;
}

.btn-certified-01:hover .title, .btn-certified-02:hover .title {
    color: #00418e;
}

.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;
}

.btn-certified-01:focus, .btn-certified-02:focus {
    height: 100%;
    border: 1px solid #777777;
}

.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%;
}

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

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

.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: 14px;
}

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

.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: 20px;
    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: 100%;
    margin: 52px 0 0;
}

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

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

/*-------------------------- 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{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: 1px solid #666;
    padding: 4px 0;
    cursor: pointer;
    width: 22%;
    text-align: center;
}

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

/* 팝업 버튼 */
.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: 18px 0;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

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

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

.contents-reser {
    position: relative;
    width: 70%;
    height: auto;
    margin: 145px auto;
}

.con-tit-box-mo {
    display: none;
}

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

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

.main-title {
    font-size: 32px;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
}

.cc-list {
    width: auto;
}

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

.cc-list ul li {
    display: inline-block;
    font-size: 24px;
    color: #666666;
    letter-spacing: -0.6px;
    font-weight: 500;
    position: relative;
    margin-right: 45px;
    cursor: pointer;
}

.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: 450px;
    position: relative;
}

.reser-calendar-box {
    width: 65%;
    height: 100%;
    float: left;
    position: relative;
    margin-right: 5%;
}

.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: 8px;
}

.top-info ul li {
    display: inline-block;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}

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

.top-info ul .reser-next-arr {
    background-image: url('/resources/images/reser/reser_next_arr.svg');
    background-size: 10px 13px;
    width: 10px;
    height: 13px;
}

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

.top-info ul .reser-next-arr-on {
    background-image: url('/resources/images/reser/reser_next_arr_on.svg');
    background-size: 10px 13px;
    width: 10px;
    height: 13px;
}

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

.bottom-info {
    width: 25%;
    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: 50%;
    height: auto;
    float: left;
}

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

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

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

.reser-table thead tr th {
    font-size: 14px;
    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: 18px;
    font-weight: 500;
    padding: 10px 0;
    cursor: pointer;
    vertical-align: middle;
    height: 63px;
}

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

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

.reser-table tbody tr .today::after {
    content: '';
    position: absolute;
    right: 3px;
    top: -5px;
    width: 4px;
    height: 4px;
    background-color: #009ce1;
    border-radius: 50%;
}

.reser-table tbody tr .on {
    background-color: #00418e;
    color: #fff;
    padding: clamp(0.5rem, -0.4401rem + 1.0438vw, 0.8125rem) 0;
}

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

.reser-table tbody tr span {
    font-size: clamp(0.6875rem, 0.4995rem + 0.2088vw, 0.75rem);
    color: #969594;
    letter-spacing: -0.3px;
    display: block;
    padding-top: clamp(0.1875rem, -0.7526rem + 1.0438vw, 0.5rem);
}

.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: 75%;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}

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

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

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

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

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

.chocie-box .choice {
    color: #666;
    display: block;
    padding: 17px 24px;
    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: 25px;
}

.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: 56px;
    border: 1px solid #f4f4f4;
}

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

.chocie-box .reser-choice-box-01 a, .reser-choice-box-02 a {
    font-size: 20px;
    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 {
    width: 100%;
    height: 64px;
    border-radius: 4px;
    background-color: #00418e;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.search-btn button {
    width: 100%;
    height: 64px;
    cursor: pointer;
    border-radius: 4px;
}

.reser-list-area {
    width: 100%;
    height: auto;
    margin: 30px 0;
}

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

.view-table-tit {
    font-size: 20px;
    color: #333333;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding-bottom: 30px;
}

.view-table-tit span {
    color: #00418e;
}

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

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

.reser-list-table-pc {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #dddddd;
}

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

.reser-list-table-pc tbody tr {
    width: 100%;
    height: 100px;
}

.reser-list-table-pc tbody tr th {
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 500;
    vertical-align: middle;
    background-color: #e7eff3;
    border: 1px solid #dddddd;
}

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

.reser-list-table-pc tbody tr .close {
    display: block;
    width: 70%;
    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-pc tbody tr .open {
    display: block;
    width: 70%;
    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-pc tbody tr .open:hover {
    background-color: #00418e;
    color: #fff;
    transition: 0.3s;
}

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

.reser-list-table-pc tbody tr .sub {
    display: block;
    width: 100%;
    font-size: 14px;
}

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

.reser-list-table-pc tbody tr a {
    width: 100%;
    display: block;
}

/*-------------------------- reser-complete --------------------------*/
.reser-complete-wrap {
    width: 40%;
    height: auto;
    margin: 0 auto;
}

.contents-overlayin {
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    padding: 50px 0 0;
    color: #2f3334;
    border-radius: 16px;
}

.contents-overlayin > h3 {
    font-size: 28px;
    margin-bottom: 8px;
    color: #2f3334;
    letter-spacing: -0.6px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 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: 16px;
    color: #333333;
    text-align: left;
    padding: 20px 0;
    line-height: 20px;
    vertical-align: middle;
    word-break: keep-all;
}

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

.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%;
    margin-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;
    padding-left: 8px;
}

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

.recapt-btn img {
    margin-right: 2%;
}

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

.recapt-txt input[type="text"] {
    height: 40px !important;
    background-color: #fff !important;
    text-indent: 0 !important;
    padding: 5px 25px;
    border: 1px solid #ccc;
}

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

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

.tit-sub {
    font-size: 15px;
    color: #000;
    letter-spacing: -0.38px;
    font-weight: 300;
    text-align: left;
    line-height: 25px;
    display: block;
    width: 30%;
    word-break: keep-all;
}

.searchBox-wrap {
    margin: 0 auto;
    width: 68%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.searchBox-wrap .sub-title-02 {
    font-size: 18px;
    color: #333333;
    letter-spacing: -0.45px;
    margin-right: 1%;
}

.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: center;
    align-items: center;
    position: relative;
}

.choice-day-box span {
    line-height: 40px;
    width: 5%;
    text-align: right;
}

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

.choice-day-box .choice-day {
    width: 236px;
    height: 40px;
    padding: 7px 0;
    background-color: #f4f4f4;
    font-size: 18px;
    text-align: left;
}

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

.choice-day-box button {
    margin-left: 20px;
}

.choice-day-box button img {
    display: inline-block;
    width: 100%;
}

/* 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;
    right: 270px;
    top: 40px;
    border: 1px solid #187fe6;
}

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

/* 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-mo {
    display: none;
}

.check-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    margin-bottom: 100px;
}

.check-list-table thead tr th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px 0;
    font-size: 17px;
    font-weight: 600;
}

.check-list-table tbody tr td {
    font-size: 17px;
    font-weight: 200;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    height: 70px;
}

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

.check-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;
}

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

.page-wrap {
    width: 30%;
    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: 18px;
    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: 14px 11px;
}

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

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

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

.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: 30%;
    font-size: 0;
}

.tit-tab li {
    display: inline-block;
    width: 50%;
    font-size: 18px;
    color: #000;
    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: 16px 0;
}

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

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

.newsSearchBox {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 25px 0 0;
}

.newsSearchBox .zone {
    width: 10%;
    height: 40px;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 1%;
}

.newsSearchBox .zone02 {
    width: 20%;
    height: 40px;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 1%;
}

.newsSearchBox .zone02 input[type="text"] {
    height: 40px !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;
}

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

.join-list-table thead tr th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px;
    font-size: 17px;
    font-weight: 600;
}

.join-list-table thead tr .num {
}

.join-list-table thead tr .book {
}

.join-list-table thead tr .time {
}

.join-list-table thead tr .tit {
}

.join-list-table thead tr .person {
}

.join-list-table thead tr .state {
}

.join-list-table thead tr .date {
}

.join-list-table thead tr .classify {
}

.join-list-table tbody tr td {
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    height: 70px;
}

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

.join-list-table tbody .notice td:nth-child(4) {
    font-weight: 600;
}

.join-list-table tbody tr .num {
}

.join-list-table tbody tr .book {
}

.join-list-table tbody tr .time {
}

.join-list-table tbody tr .tit {
}

.join-list-table tbody tr .person {
}

.join-list-table tbody tr .state {
}

.join-list-table tbody tr .date {
}

.join-list-table tbody tr .classify {
}

.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 tr:hover {
    background-color: #f9f9f9;
    transition: 0.3s;
}

.join-list-table tbody tr:hover td:nth-child(4) a {
    position: relative;
    color: #00418e;
    transition: 0.3s;
}

.join-list-table tbody tr:hover td:nth-child(4) a::after {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #00418e;
    transition: 0.3s;
}

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

.join-list-table tbody .done:hover td:nth-child(4) a {
    color: #b5b5b5 !important;
}

.join-list-table tbody .done:hover td:nth-child(4) a::after {
    display: none !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;
}

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

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

.write-btn {
    display: inline-block;
    width: 108px;
    height: auto;
    background-color: #353540;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
    float: right;
}

/* board list table */
.board-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    margin-bottom: 30px;
}

.board-list-table thead tr th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px;
    font-size: 17px;
    font-weight: 600;
}

.board-list-table tbody tr td {
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    height: 70px;
}

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

.board-list-table tbody tr:hover td:nth-child(4) a {
    position: relative;
    color: #00418e;
    transition: 0.3s;
}

.board-list-table tbody tr:hover td:nth-child(4) a::after {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #00418e;
    transition: 0.3s;
}

.board-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;
}

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

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

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

/*----------------------------FAQ-list------------------------------*/
/* faq list table */
.faq-list-table {
    width: 100%;
    height: auto;
    color: #000000;
    text-align: center;
    margin: 0 auto;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
    margin-bottom: 30px;
}

.faq-list-table thead tr th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px;
    font-size: 17px;
    font-weight: 600;
}

.faq-list-table thead tr .num {
    width: 10%;
}

.faq-list-table thead tr .golf {
    width: 10%;
}

.faq-list-table thead tr .tit {
    width: 55%;
}

.faq-list-table thead tr .date {
    width: 15%;
}

.faq-list-table thead tr .count {
    width: 10%;
}

.faq-list-table tbody tr td {
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
    height: 70px;
}

.faq-list-table tbody tr .tit {
    text-align: left;
    padding-left: 30px;
}

.faq-list-table tbody tr .ask {
    color: #f29500;
    font-weight: 600;
}

.faq-list-table tbody tr .answer {
    color: #187fe6;
    font-weight: 600;
}

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

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

.faq-list-table tbody tr:hover td:nth-child(3) a {
    position: relative;
    color: #00418e;
    transition: 0.3s;
}

.faq-list-table tbody tr:hover td:nth-child(3) a::after {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #00418e;
    transition: 0.3s;
}

.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-mo {
    display: none;
}

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

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

.join-wrtie-table-pc tbody tr {
    border-bottom: 1px solid #e8e8e8;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 0;
    text-align: left;
}

.join-wrtie-table-pc tbody tr th {
    font-size: 16px;
    font-weight: 400;
    padding: 20px 0 20px 17px;
    vertical-align: middle;
}

.join-wrtie-table-pc tbody tr td {
    font-size: 15px;
    font-weight: 300;
    position: relative;
    padding: 4px 0px;
}

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

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

.join-wrtie-table-pc 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-pc 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-pc tbody tr .phone input[type="number"] {
    appearance: none;
    width: 80%;
    height: 48px;
    background-color: #f4f4f4;
    border: 0;
    text-indent: 20px;
}

.join-wrtie-table-pc tbody tr .phone input[disabled] {
    width: 80% !important;
    height: 48px !important;
    background-color: #f4f4f4 !important;
    border: 0 !important;
}

.join-wrtie-table-pc tbody tr .date input[type="text"] {
    appearance: none;
    width: 80%;
    height: 48px;
    background-color: #f4f4f4;
    border: 0;
    text-indent: 30px;
    color: #000;
}

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

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

.join-wrtie-table-pc tbody tr .phone input[type="number"]::placeholder {
    color: #b4bbbc;
    font-size: 15px !important;
}

.join-wrtie-table-pc tbody tr .date input[type="text"]::placeholder {
    color: #000 !important;
    font-size: 15px !important;
}

.join-wrtie-table-pc tbody tr .title input[type="text"]::placeholder {
    color: #000 !important;
    font-size: 15px !important;
}

.join-wrtie-table-pc tbody tr .content textarea::placeholder {
    color: #000 !important;
    font-size: 15px !important;
}

.joinSelectBox .zone {
    width: 80%;
    height: 40px;
    position: relative;
    background-color: #f4f4f4 !important;
    margin-right: 1%;
}

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

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

.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: 21px;
    right: 29px;
    transition: all ease 0.25s;
}

.joinSelectBox02 {
    display: flex;
    width: 100%;
    height: 48px;
    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: 48px;
    text-indent: 29px;
    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: 21px;
    right: 29px;
    transition: all ease 0.25s;
}

.joinSelectBox02 span {
    display: inline-block;
    margin: 6px 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;
}

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

.join-wrtie-table thead tr th {
    font-weight: 500;
    padding: 15px 0;
    border-right: 1px solid #b4bbbc;
    border-left: 1px solid #b4bbbc;
}

.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: 14px;
    font-weight: 300;
    padding: 17px 0px;
    border-right: 1px solid #b4bbbc;
    border-left: 1px solid #b4bbbc;
}

.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: 24px;
    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: 50%;
    text-align: center;
    margin-top: 16px;
    font-size: 0;
}

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

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

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

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

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

.join-view-table li {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    padding: 15px 45px 15px 14px;
}

.join-view-table li span {
    color: #000;
    position: relative;
}

.join-view-table li span::after {
    position: absolute;
    content: "";
    height: 72%;
    width: 1px;
    right: -30px;
    top: 4px;
    background-color: #e8e8e8;
}

.join-view-table li:last-child span::after {
    display: none;
}

.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: 42px 16px;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    word-break: keep-all;
}

.join-view-table ul:last-child {
    border-bottom: none;
    float: right;
}

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

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

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

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

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

.join-comment-wrap h3 span {
    font-size: 16px;
    font-weight: 300;
}

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

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

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

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

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

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

.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: 15px;
}

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

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

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

.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: 13px;
    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-size: 15px;
    font-weight: 100;
}

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

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

.join-comment-table-write tbody tr {
    height: auto;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}

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

.join-comment-table-write tbody tr th {
    vertical-align: middle;
    font-size: 15px;
    padding: 9px 16px;
}

.join-comment-table-write tbody tr th span {
    font-size: 13px;
    color: #666;
    font-size: 15px;
}

.join-comment-table-write tbody tr td {
    position: relative;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    font-size: 15px;
}

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

.join-comment-table-write tbody tr th label {
    font-size: 15px;
    color: #333;
}

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

.join-comment-table-write tbody tr .comment-write {
    padding: 25px 18px;
    line-height: 22px;
    font-size: 15px;
    font-weight: 100;
    height: 100px;
    vertical-align: top;
}

.join-comment-table-write 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-write tbody tr .comment-enter {
    background-color: #187fe6;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 0 35px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
}

.check-select-basic-02 {
    position: absolute;
    left: -18px;
    top: 10px;
}

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

.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-mo {
    display: none;
}

.course-tabCon-pc {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.course-tabCon {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.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: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

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

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

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

.tab-content h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.75px;
    color: #2f3334;
    text-align: center;
    padding-bottom: 45px;
    word-break: keep-all;
    font-weight: 500;
}

.tab-content .sub-con {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.45px;
    color: #2f3334;
    text-align: center;
    padding-bottom: 70px;
    word-break: keep-all;
    font-weight: 300;
}

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

.courseInfo-table {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000;
}

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

.courseInfo-table thead tr th {
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    position: relative;
    line-height: 21px;
    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;
}

.courseInfo-table tbody tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    padding: 10px 20px;
    position: relative;
    line-height: 32px;
    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-bottom: 50px;
}

/* courseMap table */
.courseMap-table {
    width: 100%;
    height: auto;
    font-size: 16px;
    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: 15px 0;
    font-size: 16px;
    color: #666666;
    font-weight: 600;
    position: relative;
    line-height: 21px;
    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;
}

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

.courseMap-table thead tr .on::after {
    width: 100%;
    height: 4px;
    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 125px;
}

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

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

.attack-con-box {
    width: 47%;
    display: inline-block;
    float: left;
}

.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: 18px;
    font-weight: 300;
}

.info-first .tit {
    font-size: 24px;
    font-weight: 300;
}

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

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

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

.info-second li {
    display: inline-block;
    margin-right: 5%;
}

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

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

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

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

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

.info-yard-small {
    width: 100%;
    height: 370px;
    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: 370px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.attack-img-box {
    width: 51%;
    display: inline-block;
    padding-top: 55px;
    float: left;
}

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

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

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

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

.clubInfo-area-01 .contents-club {
    position: relative;
    width: 70%;
    height: auto;
    margin: 145px auto;
}

.clubInfo-area-01 .club-con-tit-box {
    width: 45%;
    height: auto;
    padding: 40px 0;
    float: left;
}

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

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

.clubInfo-area-01 .sub-con .tit {
    font-size: 28px;
    color: #000;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 38px;
    word-break: keep-all;
    padding-top: 55px;
}

.clubInfo-area-01 .sub-con .sub {
    font-size: 18px;
    color: #000;
    letter-spacing: -0.45px;
    font-weight: 300;
    line-height: 32px;
    word-break: keep-all;
    padding-top: 30px;
}

.clubInfo-area-01 .club-con-img-box {
    width: 55%;
    height: auto;
    padding: 50px 0;
    float: left;
}

.clubInfo-area-01 .club-con-img-box img {
    display: block;
    width: 100%;
}

.clubInfo-area-02 {
    width: 70%;
    /*height: 845px;*/
    margin: 50px auto 0;
}

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

.main-title-02 h4 {
    font-size: 24px;
    color: #000;
    letter-spacing: -0.8px;
    font-weight: 600;
}

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

.club-menu {
    width: 100%;
    height: auto;
    margin: 60px 0;
    display: flex;
    justify-content: space-evenly;
    gap: 0 4%;
    position: relative;
}

.club-menu li {
    width: 100%;
    height: 240px;
    text-align: center;
    color: #fff;
    box-shadow: rgba(149, 157, 165, 0.3) 6px 5px 15px;
    overflow: hidden;
    transition: 0.2s all ease;
}

.club-menu li:hover li img {
    transform: scale(1.1);
}

.club-menu .tit {
    text-align: center;
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 25px;
    letter-spacing: -0.63px;
    padding-top: 250px;
}

.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: 32px;
    letter-spacing: -0.8px;
    margin-bottom: 20px;
}

.club-menu .sub {
    font-size: 14px;
    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 center;
    background-size: 100% 100%;
}

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

.greeting-area .contents-club {
    position: relative;
    width: 70%;
    height: auto;
    margin: 145px auto;
}

.greeting-area .club-con-tit-box {
    width: 60%;
    height: auto;
    padding: 40px 0;
    float: left;
}

.greeting-area .club-con-tit-box .main-title {
    font-size: 32px;
    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: 28px;
    color: #000;
    letter-spacing: -0.7px;
    font-weight: 300;
    line-height: 38px;
    word-break: keep-all;
    padding-top: 55px;
}

.greeting-area .sub-con .sub {
    font-size: 18px;
    color: #000;
    letter-spacing: -0.45px;
    font-weight: 300;
    line-height: 32px;
    word-break: keep-all;
    padding-top: 30px;
}

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

.greeting-area .club-con-img-box img {
    display: block;
    width: 100%;
}

/*---------------------------- map ------------------------------*/
.map-tabCon {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.map-area {
    width: 100%;
    height: 480px;
    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: 80px;
    background-color: #f4f4f4;
    color: #000;
    font-size: 18px;
    font-weight: 200;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.address-con li {
    position: relative;
}

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

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

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

.navigate-con li {
    padding-bottom: 16px;
    line-height: 32px;
}

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

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

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

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

/*---------------------------- guide ------------------------------*/
.guide-tabCon {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

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

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

.guide-table thead th {
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 13px 0;
    vertical-align: middle;
}

.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: 15px;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 13px 0;
    vertical-align: middle;
}

.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: 15px;
    font-weight: 400;
    border-top: 1px solid #b4bbbc;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 13px 0;
    vertical-align: middle;
}

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

.guide-table tbody .bold {
    font-weight: 500;
}

.guide-table tbody td {
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #b4bbbc;
    border-top: 1px solid #b4bbbc;
    background-color: #fff;
    position: relative;
    padding: 18px 13px;
    vertical-align: middle;
    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;
    text-indent: 18px;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}

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

/*---------------------------- rule ------------------------------*/
.rule-con {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.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: 18px;
    color: #384043;
    line-height: 32px;
    letter-spacing: -0.45px;
    vertical-align: top;
    padding: 50px 0 0 50px;
    font-weight: 600;
    width: 35%;
    text-align: left;
}

.rule-table tr td {
    font-size: 16px;
    letter-spacing: -0.4px;
    text-align: left;
    padding: 50px 120px 50px 0;
    word-break: keep-all;
    font-weight: 300;
    width: 75%;
}

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

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

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

.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;
    margin-top: 50px;
}

.facil-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;
}

.facil-table tr th {
    font-size: 18px;
    color: #384043;
    line-height: 32px;
    letter-spacing: -0.45px;
    vertical-align: top;
    padding: 50px 0 0 50px;
    font-weight: 600;
    width: 25%;
    text-align: left;
}

.facil-table tr td {
    font-size: 16px;
    letter-spacing: -0.4px;
    text-align: left;
    padding: 50px 0 50px 0;
    word-break: keep-all;
    font-weight: 300;
    width: 75%;
    color: #2f3334;
}

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

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

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

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

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

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

.facil-table-02 tr th {
    background-color: #F4F4F4 !important;
    line-height: 32px !important;
    padding: 8px 5px !important;
    color: #2F3334 !important;
    text-align: center !important;
    font-size: 14px !important;
    letter-spacing: -0.35px !important;
    width: 25% !important;
    font-weight: 400 !important;
    border: 1px solid #DDDDDD !important;
    vertical-align: middle;
}

.facil-table-02 tr td {
    line-height: 32px !important;
    padding: 8px 5px !important;
    color: #2f3334 !important;
    text-align: center !important;
    font-size: 14px !important;
    letter-spacing: -0.35px !important;
    width: 25% !important;
    font-weight: 400 !important;
    border: 1px solid #dddddd !important;
}


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

.policy-box li {
    width: 100%;
    height: auto;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #2f3334;
    line-height: 28px;
}

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

.policy-box .con {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #2f3334;
    padding-bottom: 50px;
    line-height: 28px;
}

.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: 28px;
    font-weight: 300;
    display: block;
    padding-bottom: 0 !important;
}

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

.circle-item::after {
    content: '';
    position: absolute;
    top: 6px;
    left: -21px;
    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: 14px;
    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: 14px;
    color: #2f3334;
    letter-spacing: -0.35px;
    vertical-align: middle;
    line-height: 26px;
    white-space: keep-all;
    padding: 8px 5px;
    font-weight: 300;
}

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

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

.policy-table-half tr th {
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    font-size: 14px;
    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: 14px;
    color: #2f3334;
    letter-spacing: -0.35px;
    vertical-align: middle;
    line-height: 26px;
    white-space: keep-all;
    padding: 8px 5px;
    font-weight: 300;
}

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

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


/* 개인정보처리방침 추가*/
.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;
}

.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;
    align-items: flex-start;
    gap: 10px 1%;
}

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

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

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

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

.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: 0 1%;
    letter-spacing: -1px;
    padding-top: 30px;
}

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

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

.copy-img-box li figure img {
    display: block;
    margin: auto;
}

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


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

.guide-table2 thead th {
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 13px 0;
    vertical-align: middle;
    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: 15px;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #b4bbbc;
    background-color: #f4f4f4;
    position: relative;
    padding: 13px 0;
    vertical-align: middle;
    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 .bold {
    font-weight: 500;
}

.guide-table2 tbody td {
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #b4bbbc;
    border-top: 1px solid #b4bbbc;
    background-color: #fff;
    position: relative;
    padding: 18px 13px;
    vertical-align: middle;
    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: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
}