.container {max-width: 1400px; margin: 0 auto; background: #fff; } 
.formContent01 h2 {color: rgba(0,0,0,1); font-size: 1.2em; margin-bottom: 15px;} 
.formContent01 p, .formContent01 span {margin: 5px 0; color: #555;} 
.container2 {background: #f9f9f9;padding: 15px;border-left: 5px solid rgba(0,0,0,1);margin-bottom: 20px;border-radius: 5px;max-height: 200px; overflow-y: auto; font-size:14px;}
.container2 h3{margin-top:10px;}
.container2 .container2_tit{font-size:16px;}
.agree {margin: 20px 0; display: flex; justify-content: flex-end; align-items: center;} 
.agree label {margin: 0 10px;} 
.personal {margin-bottom: 30px;} 
table.register {width: 100%; border-collapse: collapse;} 
table.register tr{border-bottom:1px solid #ccc;}
table.register tr:nth-last-child(1){border-bottom:none;}
table.register td {padding: 10px; vertical-align: middle;} 
table.register td.tit {color: #111; font-weight: bold; font-size: 1.2em; padding: 15px 0; text-align: left; border-bottom:1px solid #111;} 
table.register td.article1 {width: 150px; background: #f4f4f4; font-weight: bold;} 
table.register td.article1 span{color:rgba(243, 39, 53, 1);}
table.register td.article2 {background: #f9f9f9; display:flex; flex-wrap: wrap; gap:5px;} 
.textbox {/* width: calc(100% - 20px); */ width:auto; min-width:200px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;} 
.input-num-size {width: auto;} 
.register-txt {text-align: left; font-size: 0.9em; color: rgba(0, 0, 0, 1); padding: 10px 0; font-weight:600;} 
.question {flex-direction: column;}
.question p {margin-bottom: 10px; font-weight: 600; color: rgba(0,0,0,1); font-size:18px; padding-bottom:10px;} 
.question label {display: block; margin-bottom: 10px; font-size: 1em; color: #555;} 
.btn_chk {text-align: center; padding-top: 20px;} 
.submit_btn {background-color: rgba(200,32,45,1); color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 1em;} 
.submit_btn:hover { background-color: rgba(0,0,0,1);} 
.submit_btn2 {color: #777;  border-radius: 5px; padding: 10px 20px; cursor: pointer; font-size: 1em; margin-left: 20px;} 
.submit_btn2:hover {color: #555;} 

.btn-postcode {background-color: #111; color: #fff; border:1px solid #efefef; padding: 10px 20px;/*  border: none;  */border-radius: 5px;font-size: 1em;cursor: pointer;/* transition: background-color 0.3s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */}
.btn-postcode:hover {background-color: #fff;  border:1px solid #111; color:#111;}
.btn-postcode:active {background-color: #fff;  border:1px solid #111; color:#111; /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */}

.sub_title {background: url('../img/back_bg02.jpg') no-repeat bottom center; background-size: cover; padding-top: 80px; text-align: center;} 
.sub_title .sub_title_in {padding: 40px 0;}
.sub_title .sub_title_in img{width:600px;}

@media (max-width: 1024px) {
	.sub_title .sub_title_in{padding:20px 0;}
	.sub_title .sub_title_in img{width:50%;}
}

/* 반응형 스타일 */
@media (max-width: 768px) {
	.container {padding: 10px;}
	.formContent01 h2 {font-size: 1.3em;}
	table.register td.article1{width:80px;}
	.textbox, .input-num-size {width: calc(100% - 10px); margin-top: 5px;}
	.agree {flex-direction: column; align-items: flex-start;}
	.agree label {margin: 5px 0;}
	table.register td {padding: 5px;}
	.submit_btn, .submit_btn2 {width: 100%; margin: 10px 0;}
	.btn-postcode{width:100%; padding:10px 0; margin-top:10px;}
}