@media (max-width: 767.98px) {
    #gnb-top, #gnb-top-scroll, .page-title-clear {
        display:none;
    }
}

a:hover {
    color:unset;
}

body {
    background-color: #ffffff;
}

#page {
    background-color: #ffffff;
}

.input-style {
    margin-bottom:5px !important;
}

.page-content {
    padding-top:15px;
    margin-bottom:50px;
}

.card-style {
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / 15%);
}

.c-center {    
    position: relative;
    left: 0px;
    right: 0px;
    top: 5%;
}

.c-center .join-id-wrap {
    width:85%;
    margin:40px auto 0px;
}

.c-center .join-id-wrap .exp {
    text-align:left !important;
}

.c-center .join-id-wrap .exp span {
    display:inline-block;
    margin-top:3px;
    line-height:1.3em !important;
}

.join-step-wrap .title-1 {
    margin:25px auto 45px;
}

.join-step-wrap .title {
    margin:15px auto 35px;
}

.join-box {
    border:1px solid #8c9aee;
    border-radius:5px;
	background-color:#ffffff;
	padding-top:5px !important;
    margin:5px 40px;
    height:auto;
}

.join-img img {
    width:40px;
    height:35px;
}

.join-label1 {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}

.join-label2 {
	font-size:1.1em;
	line-height:1.5;
	margin-bottom:10px;
	overflow:hidden;
}

.join-label2 p {
	color:#0061af;
	text-decoration:underline;
}

.join-btn-empe {
	background-color:#f47920;
	padding:5px 0px;
	font-size:1.0em;
	font-weight:normal;
}

.join-btn-empr {
	background-color:#0061af;
	padding:5px 0px;
	font-size:1.0em;
	font-weight:normal;
}

#join-terms {
	width:90%;
    margin:0 auto;
    text-align:left !important;
    position:relative;
}

#join-terms span {
	color:red;
}

.splide__pagination {
    margin-bottom:120px;    
}

.card-center {
    top:calc(30%);
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .page-title-clear {
        background-color: #ffffff;
        height:50px !important;
    }

    #page {
        margin-bottom:0px;
border-width:0px;
    }

    .page-content {
        padding-top:0px;
        margin-bottom:0px;
    }

    .join-id-wrap {
        width:70% !important;
    }
    
    .join-step-wrap {
        width:70%;
        margin:0 auto;
    }
        
    .c-center {
        top: 17% !important;
    }
    
    .c-center .join-us-wrap {
        width:90%;
        margin:40px auto 0px;
    }

    .c-center .join-id-wrap .card {
        margin-bottom:20px !important;
    }

    .join-step-wrap .title-1 {
        margin:80px auto 45px;
    }    
    
    .join-step-wrap .title {
        margin:40px auto 25px;
    }    

    .join-box {
        border:1px solid #c0c0c0;
        border-radius:3px;
        background-color:#ffffff;
        padding-top:20px !important;
        max-width:290px;
        margin:0 auto;
    }

    .join-img img {
        width:80px;
        height:70px;

        width:72px;
        height:63px;
    }    

    .join-label1 {
        padding-bottom:10px;
    }   

    .join-label2 {
        height:60px;
        margin-bottom:unset;
    }
 
    #join-terms {
        margin-top:30px;
    }
   
    .join-form-wrap {
        min-height:1100px !important;
    }

    .join-form-unit {
        top:calc(37%);
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
}