/* basic-N37 */
.basic-N37 {
 width: 100%; float: left
}

.basic-N37 .contents-inner {
    display: flex;
    width: 100%;  display: grid;grid-template-columns: 30% auto ;
}

.basic-N37 .imageset {
  width: 100%; 
 
   
   
}

.basic-N37 .form-group {
  width: 100%; 
    margin-left: 6rem; border-left: 1px solid #ccc; padding-left: 50px
}

.basic-N37 .form-group .form-tit {
    margin-bottom: 0.8rem
}

.basic-N37 .form-group .form-tit+.checkset-wrap {
    margin-top: 1.6rem
}

.basic-N37 .form-group .form-tit span {
    display: inline-block;
    margin-left: 0.4rem;
    color: #dc0000
}

.basic-N37 .form-box+.form-box {
    margin-top: 4rem
}

.basic-N37 .checkset-wrap .checkset+.checkset {
    margin-top: 0;
    margin-left: 1rem
}

.basic-N37 .inputset+.inputset {
    margin-top: 4rem
}

.basic-N37 .inputset .inputset-tit {
    margin-bottom: 0.8rem
}

.basic-N37 .inputset .inputset-label {
    width: 100%
}

.basic-N37 .inputset .inputset-input {
    border-bottom: 1px solid var(--border-color); border-top: none!important; border-left: none!important; border-right: none!important
}


.basic-N37 .inputset .inputset-textarea {
    height: 10rem
}

.basic-N37 .contents-agree {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
    line-height: 1
}

.basic-N37 .contents-agree .btnset {
    color: var(--text-color3)
}

.basic-N37 .contents-agree .btnset::after {
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url(../icons/ico_chevron_gray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.basic-N37 .form-btn {
    margin-top: 6rem;
    text-align: right
}

.basic-N37 .form-btn .btnset {
    min-width: 18rem
}

.basic-N37 .info-area {
    overflow-y: auto
}

.basic-N37 .info-group+.info-group {
    margin-top: 2.4rem
}

.basic-N37 .info-group strong {
    padding-bottom: 1.2rem;
    display: block
}

.basic-N37 .info-desc {
    max-height: 20.7rem;
    padding: 1.6rem;
    background: #f8f8fa;
    border-radius: 1.6rem;
    overflow-y: auto;
    scrollbar-width: none
}

.basic-N37 .info-desc p.fw-medium {
    font-weight: var(--fw-medium)
}

.basic-N37 .info-desc .mtb {
    margin: 2.4rem 0
}

.basic-N37 .info-desc em {
    font-style: normal;
    font-weight: 600;
    margin: 2.4rem 0 1rem;
    position: relative;
    display: flex;
    align-items: center
}

.basic-N37 .info-list em::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    background: var(--black);
    border-radius: 50%;
    margin-right: 0.8rem
}

.basic-N37 .info-list p {
    padding-left: 1.2rem
}

@media (max-width: 992px) {
    .basic-N37 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .basic-N37 .contents-inner {
        flex-direction: column
    }

    .basic-N37 .imageset {
        width: 100%;
        height: 40rem
    }

    .basic-N37 .form-group {
        width: 100%;
        margin-left: 0;
        margin-top: 4rem
    }

    .basic-N37 .form-btn {
        text-align: center
    }

    .basic-N37 .form-btn .btnset {
        min-width: 16rem;
        padding: 0 1.6rem
    }
}



.form-box_lr {width: 100%; float: left; display: flex; flex-direction: row; justify-content: space-between;
}
.form-box_lr.fl {width: 100%; float: left; }
.form-box_lr.fr {width: 100%; float: left; display: flex; justify-content: flex-end; }


.form-box .textareabox textarea{height: 50px!important; background-color: #fff!important; border: none!important;     border-bottom: 1px solid var(--border-color)!important;}
/* 공통:  클릭효과 */
.basic-N37 .form-box input:focus,  .form-box .textareabox textarea:focus{
 background-color: #fff;
	  border-bottom: 1px solid var(--div-color1)!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}