@charset "utf-8";

/* **********************************************************************************	*/
/*																						*/
/*						MAIN.CSS (pc Style Sheets)		     		         		    */
/*																						*/
/* 								                                                    	*/
/* 작성자	: DOUNG YOUNG KIM													    		*/
/* 작성일	: 2023-07-10													     			*/
/* **********************************************************************************	*/

/* CSS 수정시 수정날짜,수정한 사람 기입 */


.content-header h3 {
    font-size: 47px;
    font-weight: 400;
    text-align: center;
}

.content-header h3 strong {
    font-weight: bold;
    color: #00a1cb;
}

.content-header p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
}

.sub-wrap {
    margin-top: 120px;
    margin-bottom: 100px;
}

.event-form {
    margin-top: 60px;
}

.input-group input {
    border:0;
    border-bottom:solid 1px #c8c8c8;
    border-radius:0;
    height:40px;
}
.input-group input::placeholder {
    color:#c8c8c8;
}
.input-group .form-select {
    border:0;
    border-bottom:solid 1px #c8c8c8;
    border-radius:0;
    height:40px;
}

.input-group label {
    align-self:center;
    font-size:18px;
    font-weight:bold;
    margin-right:30px;
}

.input-group textarea {
    height:260px;
    resize:none;
    border-radius:0;
}

.form-box .row {
    border-bottom:solid 1px #222;
    padding-bottom:60px;
}

.apply-box {
    margin-top:100px;
}

.apply-box h4 {
    font-size:24px;
    text-align:center;
    font-weight:bold;
    margin-bottom: 40px;
}

.apply-box .box {
    background:#f5f5f5;
    border:solid 1px #c8c8c8;
    padding:28px;
}

.apply-box .box .square {
    background:#00a1cb;
    display:inline-block;
    width:4px;
    height:4px;
    position:relative;
    top:-5px;
    margin-right:5px;


}

.apply-box .box .title {
    font-size:18px;
    font-weight:bold;
}

.apply-box .box .txt {
    font-size:18px;
    color:#555;
    font-weight:400;
}

.apply-box .box ul li {
    line-height:30px;
}

.apply-box .form-check input {
    width:20px;
    height:20px;
    position:relative;
    top:2px;
    margin-right:10px;
}
.apply-box .form-check {
    margin-top:30px;
}

.apply-box .form-check label {
    font-size:18px;
    color:#555;
}

.apply-box .form-check-input:checked {
    background-color:#00a1cb;
    border-color:#00a1cb;
}

.submit-box  {
    margin-top:90px;
}

.submit-box button {
    height:70px;
    border:solid 3px #00a1cb;
    width:20%;
    border-radius:15px;
}

.submit-box button:hover {
    border:solid 3px #00a1cb;
}

.submit-box button:focus {
    border:solid 3px #00a1cb;
}

.tui-datepicker {
    z-index: 44;
}

.input-group #datepicker-input {
    border:0;
    border-bottom:solid 1px #c8c8c8;
    border-radius:0;
    height:40px;
    font-size:1rem;
}

.input-group .tui-datepicker-input {
    border:0;
}

.input-group .tui-datetime-input {
    width:300px;
}

.input-group .tui-ico-date {
    top:80% !important;
}

@media (max-width: 500px) {
    .apply-box .box {
        padding: 10px;
    }
    .apply-box .box ul li span {
        font-size: 13px !important;
    }
    .submit-box button {
        width:60%;
    }
    .content-header h3 strong {
        display: block;
    }
    #wrappers {
        position: relative;
    }

    .tui-datepicker {
        right: 0;
        top:50px;
    }
    .input-group .tui-datetime-input {
        width:210px;
    }
}