._sub .container .whiteBg form{ width: 100%; }

/*  인풋 작은거 */
._sub .container ._miniForm {max-width: 705px; margin: 0 auto; width: 100%;}
._sub .container ._miniForm h4 {font-size: 28px; letter-spacing: -0.045em; font-weight: 600; color: #010101; line-height: 1.3; margin-bottom: calc(46/28*1em); text-align: center; word-break: keep-all;}
._sub .container ._miniForm form .inputBox {background: #d9d9d9; border-radius: 16px; overflow: hidden; height: 72px; background-color: #D9D9D9; margin-bottom: 25px; }
._sub .container ._miniForm form .inputBox.mb0 {margin-bottom: 0; }
._sub .container ._miniForm .placeholder{display: none; text-align: center; font-size: 14px; color: #878787; line-height: 1.3; word-break: keep-all;}
._sub .container ._miniForm form input {width: 100%; height: 100%; border: none; box-sizing: border-box; background-color: transparent; padding: 0 40px; font-size: 18px; }
._sub .container ._miniForm form input::placeholder {opacity: 0.5; }
._sub .container ._miniForm form button { }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._sub .container ._miniForm h4{font-size: 24px; margin-bottom: 1em;}
    ._sub .container ._miniForm form input{ padding: 0 25px; font-size: 16px; }
	._sub .container ._miniForm form .inputBox{height: 62px; margin-bottom: 14px;}
}
@media screen and (max-width:500px) {
	._sub .container ._miniForm h4{font-size: 20px;}
	._sub .container ._miniForm form input{padding: 0 10px; font-size: 14px;}
	._sub .container ._miniForm form input::placeholder {font-size: 13px;}
	._sub .container ._miniForm form .inputBox{height: 45px;border-radius: 10px; margin-bottom: 10px; }
	._sub .container ._miniForm .placeholder{display: block;}
}
@media screen and (max-width:320px) {}


/* 인풋 큰거 */
._sub .container ._bigForm{ width: 100%; max-width: 1160px; margin: 0 auto; }
._sub .container ._bigForm > li{ width: 100%; display: flex; margin-bottom: 8px; }
._sub .container ._bigForm > li:last-of-type{ margin-bottom: 0; }
._sub .container ._bigForm > li > label{ width: 175px; flex-shrink: 0; display: flex; height: 63px; align-items: center; font-size: 18px; letter-spacing: -0.045em; font-weight: 600; }
._sub .container ._bigForm > li > label > b{ margin-left: 5px; color: #ff1515; }
._sub .container ._bigForm > li .flex{ display: flex; width: 100%; justify-content: space-between; font-size: 18px; }
._sub .container ._bigForm > li .flex > input{ width: 100%; background-color: #dfdfdf; color: #000; border-radius: 13px; padding: 0 30px; box-sizing: border-box; border: none; min-height: 63px; }
._sub .container ._bigForm > li.readonly .flex > input{ background: none; color: #000; }


._sub .container ._bigForm > li .flex > input::placeholder{ color: rgba(0,0,0,0.4); }
._sub .container ._bigForm > li .flex > button{ display: flex; width: 197px; flex-shrink: 0; box-sizing: border-box; border: 1px solid #222222; border-radius: 13px; font-size: 18px; background: none;align-items: center; justify-content: center; cursor: pointer; margin-left: 5px; }
._sub .container ._bigForm > li .flex .radioBasic{ display: flex; padding: 20px 15px; box-sizing: border-box; margin-top: 0; }
._sub .container ._bigForm > li .flex .radioBasic li > label span{ font-size: 18px; color: #434343; }
._sub .container ._bigForm > li .flex .radioBasic > li{ margin-right: 65px; }
._sub .container ._bigForm > li .flex .radioBasic > li:last-of-type{ margin-right: 0; }
._sub .container ._bigForm > li .flex > a{ display: flex; width: calc(321 / 980 * 100%); flex-direction: column; align-items: center; justify-content: center; padding: 40px 10px; box-sizing: border-box; background-color: #dfdfdf; border-radius: 13px; transition-duration: 0.2s; text-align: center; word-break: keep-all; line-height: 1.3; }
._sub .container ._bigForm > li .flex > a.on{ background-color: #2d2d2d; color: #fff; }
._sub .container ._bigForm > li .flex > a i{ font-size: 28px; }
._sub .container ._bigForm > li .flex > a span{ margin-top: 15px; font-size: 14px; letter-spacing: -0.045em; font-weight: 300; }


@media screen and (min-width: 821px){
    ._sub .container ._bigForm > li > .flex > a:hover{ background-color: #2d2d2d; color: #fff; }
}

._sub .container ._bigForm > li .nonflex{ width: 100%; }
._sub .container ._bigForm > li .nonflex > p{ padding: 0 30px; margin-top: 10px; display: none; }
._sub .container ._bigForm > li .nonflex .checkBox{ display: block; }
._sub .container ._bigForm > li .nonflex .checkBox .check span{ font-size: 16px; line-height: 1.3;  color: #434343; }
._sub .container ._bigForm > li .nonflex .checkBox .all_{ padding-bottom: 14px; }
._sub .container ._bigForm > li .nonflex .checkBox .agree li{ margin-bottom: 15px; }
._sub .container ._bigForm > li .nonflex .checkBox .agree li:last-of-type{ margin-bottom: 0; }

@media screen and (max-width: 1280px){
    ._sub .container ._bigForm > li > label{ height: 45px; width: 120px; font-size: 16px; }
    ._sub .container ._bigForm > li .flex{ font-size: 16px; }
    ._sub .container ._bigForm > li .flex > input{ min-height: 45px; padding: 0 20px; }
    ._sub .container ._bigForm > li .flex > button{ width: 120px; font-size: 14px; }
    ._sub .container ._bigForm > li .flex .radioBasic{ padding: 0 10px; }
    ._sub .container ._bigForm > li .flex .radioBasic > li{ margin-right: 30px; display: flex; align-items: center; }
    ._sub .container ._bigForm > li .flex .radioBasic li > label span{ font-size: 16px; }
    ._sub .container ._bigForm > li .flex > a{ padding: 30px 10px; }
    ._sub .container ._bigForm > li .nonflex > p{ font-size: 14px; padding: 0 20px; }
}

@media screen and (max-width: 820px){
    ._sub .container ._bigForm > li > label{ font-size: 14px; width: 100px; }
    ._sub .container ._bigForm > li .flex{ font-size: 14px; }
    ._sub .container ._bigForm > li .flex > input{ padding: 0 15px; }
    ._sub .container ._bigForm > li .flex > button{ width: 100px; font-size: 12px; }
    ._sub .container ._bigForm > li .flex .radioBasic{ padding: 0; }
    ._sub .container ._bigForm > li .flex .radioBasic > li{ margin-right: 15px; }
    ._sub .container ._bigForm > li .flex .radioBasic li > label span{ font-size: 14px; }
    ._sub .container ._bigForm > li .flex > a{ padding: 20px 5px; }
    ._sub .container ._bigForm > li .nonflex > p{ font-size: 12px; padding: 0 15px; }
    ._sub .container ._bigForm > li .nonflex .checkBox .check .smallfx{ font-size: 14px; }
    ._sub .container ._bigForm > li .nonflex .checkBox .check span{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._sub .container ._bigForm > li{ flex-direction: column; margin-bottom: 22px;}
	._sub .container ._bigForm > li > label{height: auto; margin-bottom: 0.7em; padding-left: 4px; box-sizing: border-box;}
    ._sub .container ._bigForm > li .flex .radioBasic{ flex-direction: column; }
    ._sub .container ._bigForm > li .flex .radioBasic > li{ margin-right: 0; margin-bottom: 10px; }
    ._sub .container ._bigForm > li .flex .radioBasic > li:last-of-type{ margin-bottom: 0; }
    ._sub .container ._bigForm > li > .flex{ flex-direction: column; }
    ._sub .container ._bigForm > li .flex > a{ width: 100%; margin-bottom: 10px; }
    ._sub .container ._bigForm > li .flex > a:last-of-type{ margin-bottom: 0; }
    ._sub .container ._bigForm > li .flex > button{ width: 70px;  padding: 5px 0;}
    ._sub .container ._bigForm > li .nonflex .checkBox .check .smallfx span{ display: flex; }
    ._sub .container ._bigForm > li .nonflex .checkBox .check .smallfx{ display: flex; flex-wrap: wrap; }

	._sub .container ._bigForm > li.readonly .flex > input{border: 1px solid #0000001e;}
}



/* 체크박스 */
.checkBox {display: flex; margin-top: 20px;}
.checkBox .check {display: inline-flex; align-items: center;}

.checkBox .check span {font-size: 14px; cursor: pointer; }
.checkBox .check input {display:none; }
.checkBox .check .box {width: 13px; height: 13px; flex-shrink: 0; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); border: 1px solid #d7d7d7; background-color: white; position: relative; overflow: hidden; cursor: pointer; margin-right: 12px;}
.checkBox .check .box:after {width: 40%; height: 20%; content: ""; position: absolute; border-left: 2px solid; border-bottom: 2px solid; border-color: #ffffff; transform: rotate(-45deg) translate3d(0, 0, 0); transform-origin: center center; transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1); left: 0; right: 0; top: 200%; bottom: 5%; margin: auto; }
.checkBox .check input:checked+.box:after {top: -1px; }

.checkBox .check input:checked+.box {background-color: #000; border-color: #000; }


/* 체크박스 동그란 모양은 circle 클래스 추가 */
.checkBox.circle .check .box{
	border-radius: 50%; width: 17px; height: 17px;
}


/* 버튼 */
.submitBtn{
	margin-top: 40px; text-align: center;
}
.submitBtn .button{
	border-radius: 36px; background-color: #ff5d14; height: 72px; width: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center;
	color: #fff; border: 1px solid #ff5d14; box-sizing: border-box;
	transition: all 0.7s; position: relative; overflow: hidden;
}
.submitBtn .button p{position: relative; font-size: 18px; font-weight: 500; font-weight: 500; }
.submitBtn .button::before{
	content:''; display: block; width: 0; height: 100%;
	position: absolute; top: 0; left: 0; background-color: #ffffff;
	transition: all 0.7s;
}




/* 흰색버튼 */
.submitBtn.white .button{ display: flex; width: 100%; background-color: rgba(255,255,255,0); border: 1px solid #1b1b1b; color: #1b1b1b; height: 63px; }
.submitBtn.white .button::before{ background-color: #ff5d14; }

/* 짧은버튼 */
.submitBtn.org .button{ display: inline-flex; width: 184px; height: 56px; }
.submitBtn.org .button.blan{ background-color: #fff; border-color: #ff5d14; color: #ff5d14; }
.submitBtn.org .button.blan::before{ background-color: #ff5d14; }


@media screen and (min-width: 821px){
    .submitBtn .button:hover{
        border: 1px solid #ff5d14; color: #ff5d14;
    }
    .submitBtn .button:hover::before{
        width: 100%;
    }

    .submitBtn.white .button:hover{ border-color: #ff5d14; color: #fff; }

    .submitBtn.org .button.blan:hover{ color: #fff; border-color: #ff5d14; }
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    .submitBtn.white .button{ height: 45px; }
    .submitBtn .button p{ font-size: 16px; }

    .submitBtn.org .button{ height: 45px; width: 160px; }
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.submitBtn{margin-top: 30px;}
	.submitBtn .button{height: 60px;}
    .submitBtn .button p{ font-size: 16px; }
    .submitBtn.org .button{ width: 90px; height: 35px; }
}
@media screen and (max-width:500px) {
	.submitBtn .button{height: 45px;}
    .submitBtn .button p{ font-size: 14px; }
}
@media screen and (max-width:320px) {}