@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
} /* 2024.1.17 추가 */ 

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'),
	url('/font/Pretendard-Black.woff2') format('woff2'),
	url('/font/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'),
	url('/font/Pretendard-ExtraBold.woff2') format('woff2'),
	url('/font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'),
	url('/font/Pretendard-Bold.woff2') format('woff2'),
	url('/font/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'),
	url('/font/Pretendard-SemiBold.woff2') format('woff2'),
	url('/font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'),
	url('/font/Pretendard-Medium.woff2') format('woff2'),
	url('/font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),
	url('/font/Pretendard-Regular.woff2') format('woff2'),
	url('/font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'),
	url('/font/Pretendard-Light.woff2') format('woff2'),
	url('/font/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'),
	url('/font/Pretendard-ExtraLight.woff2') format('woff2'),
	url('/font/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'),
	url('/font/Pretendard-Thin.woff2') format('woff2'),
	url('/font/Pretendard-Thin.woff') format('woff');
}
@font-face {
  font-family: "Noto Sans CJK KR";
  src: url("/fonts/NotoSansCJKkr-Bold.otf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Noto Sans CJK KR";
  src: url("/fonts/NotoSansCJKkr-Medium.otf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Noto Sans CJK KR";
  src: url("/fonts/NotoSansCJKkr-DemiLight.otf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Noto Sans CJK KR";
  src: url("/fonts/NotoSansCJKkr-Light.otf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream9.otf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream8.otf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream7.otf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream6.otf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream5.otf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream4.otf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream3.otf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "S-Core Dream";
  src: url("/fonts/SCDream2.otf") format("truetype");
  font-weight: 200;
}





.section {
  background-color: #f7f7f7;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	
}

.section h3 {
  margin-bottom: 15px;
  color: #333;
	min-width:100px;
	width:300px;
}


html {}
body {margin:0; padding:0;font-size: 16px;font-family: "S-Core Dream";}



/*
input[type="text"], input[type="number"], input[type="date"], textarea {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
 
*/

textarea {
  height: 80px;
}
.youndo-group {
  /*display: flex;
  align-items: center;*/
 /* margin-bottom: 15px;*/
}

.youndo-group label {
  margin-right: 10px;
}

.youndo-group input[type="radio"] {
	margin: auto 3px;
}

.section label {
  font-weight: 400;
	font-size:18px;
	line-height: 20px;
}



.section button {
  padding: 6px 9px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px; /* Space between input and button */
}

.section button:hover {
  background-color: #0056b3;
}
.btn{  display: block;width: 100%;padding: 12px;background-color: #4CAF50;color: white;border: none;border-radius: 5px;font-size: 16px;cursor: pointer;font-weight:600;}
.btn:hover{background-color: #45a049;}

.form-container{margin: 0 auto;width:900px;padding-top:50px;}
.addr_pos label{min-width:100px;width:100px;}
.addr_pos .input_web {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: calc(100% - 300px); 
  box-sizing: border-box;
}
.addr_pos .input_web2 {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: calc(100% - 100px); 
  box-sizing: border-box;
}
.addr_pos .input_texta {
	width:calc(100% - 120px);
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.addr_pos{white-space: nowrap;overflow: hidden;padding:5px;}
.subj{min-width:100px;font-size:18px;display:inline-block;width:100px;text-align:right;vertical-align:inherit;line-height:30px;}
.subjh{min-width:100px;font-size:18px;display:inline-block;width:100px;text-align:right;vertical-align:top;line-height:30px;}

@media (min-width: 232px) {
	.form-container{margin: 0 auto;width:90%;padding:20px;}
	.addr_pos .input_web {width:55%;}
	.addr_pos {white-space:unset;}
	.addr_pos .input_web2 { width: 70%;  }
	.subj{min-width:75px;width:75px;}
	.addr_pos .input_texta {width:90%;}
}
@media (min-width: 332px) {
	.form-container{margin: 0 auto;width:90%;padding:20px;}
	.addr_pos .input_web {width:55%;}
	.addr_pos {white-space:unset;}
	.addr_pos .input_web2 { width: 70%;  }
	.subj{min-width:75px;width:75px;}
	.addr_pos .input_texta {width:90%;}
}
@media (min-width: 768px) {
	.form-container{margin: 0 auto;width:750px;padding:20px;}
	.addr_pos .input_web {width:60%;white-space:break-spaces;}
	.addr_pos .input_web2 { width: 80%;  }
	.addr_pos {white-space:unset;}
	.subj{min-width:80px;width:100px;}
}
@media (min-width: 1280px) {
	.form-container{margin: 0 auto;width:900px;padding-top:50px;}
	.addr_pos .input_web { width: calc(100% - 300px);  }
	.addr_pos .input_web2 { width: 80%;  }
	.addr_pos {white-space:nowrap;}
}

.r_blue_btn {
  padding: 6px 9px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px; /* Space between input and button */
}


.r_red_btn {
  padding: 6px 9px;
  background-color: #ff5100;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px; /* Space between input and button */
}

.btn_map2 {
    line-height: 20px;
    padding: 0 7px;
    font-weight: 700;
    color: #fff;
    background: #48a0fc;
    border-radius: 3px;
}