@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

* {margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif;}
li {list-style: none;}
#wrap {}
.inner {max-width: 800px; margin: 0 auto;}
.img_area > img {display: block; width: 100%}

.step_content {margin-bottom: 2.5rem}
/* .ata_notice {margin-bottom: 1.5rem} */

.check_list {}
.check_list li {border: 1px solid #ccc; border-radius: 1rem; margin-bottom: 1rem; box-shadow: 0.1rem 0.1rem 0.4rem rgb(0 0 0 / 10%)}
.check_list li label {display: flex; align-items: center; gap: 1rem; padding: 2rem 1.5rem; cursor: pointer;}
.check_list li label input {width: 1.5rem; height: 1.5rem;}
.check_list li label span {font-size: 1.8rem; line-height: 1.8rem;}

.step2, .step3, .step4, .step5, .step6 {display: none;}

.text_area {text-align: center; padding: 1.5rem 0; font-size: 1.3rem; font-weight: bold;}
.text_area span {display: block; font-weight: 300;}
.text_list { background-color: white;}
.text_list li {display: flex;  padding: 1rem; margin-bottom: 1.2rem; align-items: center;}
.text_list li span {min-width: 5.5rem; font-size: 1.8rem; font-weight:bold; margin-right: 2rem;}
.text_list li div {width: 100%;}
.text_list li div.flex {width: 50%; display: flex; gap: 1rem; font-weight: bold;}
.text_list li div input {width: 50%; height: 2rem; border: 0; padding: 0 0.3rem;}
.submit_btn_area {text-align: center; cursor: pointer;}
.submit_btn_area img {width: 50%; padding-top: 1rem;}

.step5 .step_content {margin-bottom: 1.5rem;}

@media all and (max-width: 768px){
	.new_area > div > img {display: block; width: 30%}

	.inner {max-width: 100%;}

	.ata_notice {margin-bottom: 1rem}

	.check_list {margin-top: 1rem}
	.check_list li {margin-bottom: 0.5rem;}
	.check_list li label {padding: 1rem; gap: 0.6rem;}
	.check_list li label input {width: 1rem; height: 1rem;}
	.check_list li label span {font-size: 1.1rem; line-height: 1.3rem;}

	.text_area {font-size: 0.8rem;}
	.text_list li {padding: 0.6rem; margin-bottom: 0.5rem;}
	.text_list li span {min-width: 4rem; font-size: 0.9rem; margin-right: 1rem;}
	.text_list li div.flex {gap: 0; width: 80%;}
	.text_list li div input {width: 80%;}
	.submit_btn_area img {width: 80%}
}

@media all and (max-width: 545px){
	.text_list li div input {width: 50%; height: 1.2rem; border: 0; padding: 0 0.3rem;}
	.sublabel {
		font-size: 1rem;
	}
	.img_select {
        margin-top: 15%;
    }
}