@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
/*@import url("./fonts.css");*/
 
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'NanumBarunGothic', seif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'NanumBarunGothic', seif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'NanumBarunGothic', seif;font-size:1em}
button {cursor:pointer}

textarea, select {font-family: 'NanumBarunGothic', seif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

* { box-sizing: border-box; }


h3 {color:#014799;}
header { position: relative; background: #eaf1fa;  }
header .logo { padding-bottom: 65px; display: flex; justify-content: right; }

.wrap { display: flex; flex-direction: column; min-height: 100vh; background: #eaf1fa; }
#container { flex: 1; padding: 30px 20px 60px; max-width: 820px; width: 100%; margin: 0 auto; }
#container2 { padding: 30px 20px 60px; width: 100%; margin: 0 auto; }


.logo2Wrap { width: 820px; margin: 0 auto; }
.logo2 { padding-bottom: 65px; text-align: right; }

#container h1 { display: block; text-align: center; font-size: 35px; font-weight: bold; color: #000; }
#container2 h1 { display: block; text-align: center; font-size: 35px; font-weight: bold; color: #000; }
#container .text { margin-top: 20px; font-size: 16px; color: #666; word-break: keep-all; line-height:24px; }

.servey { margin-top: 25px; display: flex; flex-direction: column; gap: 40px;}
.servey .part { background: #fff; border-radius: 20px 20px 20px 20px; }
.servey .part h2 { display: block; padding: 12px 35px 10px; line-height: 32px; font-size: 20px; font-weight: bold; color: #fff; background: #1b68b7; border-radius: 20px 20px 0 0; }
.servey .part .partWrap { display: flex; flex-direction: column; gap: 35px; padding: 45px 35px 45px;  }
.servey .part .partWrap h3 { display: block; padding-bottom: 15px; font-size: 21px; border-bottom: 1px solid #000; }
.servey .part .partWrap .quest { display: flex; flex-wrap: wrap; row-gap: 5px; }
.servey .part .partWrap .quest > label { display: block; width: 100%; font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 10px; }
.servey .part .partWrap .quest .seleDiv { width: 50%; padding-right: 10px; display: flex; gap: 10px; align-items: center; line-height:26px; padding-top:5px; padding-bttom:5px; }
.servey .part .partWrap .quest .seleDiv label { display: block; font-size: 18px; }
.servey .part .partWrap .quest .seleDiv label span { color: #ff6c00; }
.servey .part .partWrap .quest .seleDiv input[type="text"] { width: 100%; flex: 1; padding: 0px 5px; height: 30px; border: 1px solid #cecece; background: #f5f5f5; }

.comNotice { font-size: 16px; color: #666; width:100%; margin-bottom:10px; }

.hpNotice { font-size: 16px; color: #666; padding-left:15px; }
.hpNotice p:first-child { color: #ff5a00; padding:0 0 5px 0; }

.hpNotice2 { font-size: 16px; color: #666; background:#ff8400; padding:20px; border-radius: 10px; width:100%; margin-top:10px;}
.hpNotice2 p  { color: #fff; font-weight:bold; }
.hpNotice2 p a { color: #fff; }
.hpNotice2 p.hypad  { padding-left:20px; }


.hp { margin-top: 5px; display: flex; width: 100%; align-items: center; gap: 5px; padding-left:17px; }
.hp input { width: 85px; padding: 0px 5px; height: 30px; border: 1px solid #cecece; background: #f5f5f5; }

.part03 { display: none; }

.submitButton { text-align: center; }
.submitButton input { width: 300px; height: 60px; font-size: 20px; font-weight: bold; color: #fff; background: #003964; border-radius: 50px; cursor: pointer;  }


.part3Notice { padding: 22px 20px; font-size: 18px; line-height:26px; font-weight: bold; color: #fff; background: #548ec9; border-radius: 10px;  margin-top:10px; }

.servey .part.part04 { padding: 30px; background: #fcfcfc;  }
.servey .part.part04 .partWrap { margin-top: 30px; padding: 0; }
.servey .part.part04 h2 { padding: 0px; font-size: 18px; color: #000; font-weight: bold; background: none; padding-bottom:15px; }
.servey .part.part04 > ul { margin: 0; padding: 0; }
.servey .part.part04 > ul > li { margin-top: 25px; line-height: 1.5; list-style: none; font-size: 14px; color: #999999;  }
.servey .part.part04 > ul > li:first-child { margin-top: 0px; }
.servey .part.part04 > ul > li > ul { margin: 0; padding: 0; }
.servey .part.part04 > ul > li > ul > li { list-style: none; }
.servey .part.part04 .partWrap .quest { gap: 70px;  }
.servey .part.part04 .partWrap .quest .seleDiv { width: auto; }

.servey .part.part05 { margin:18px 0 10px ; padding: 20px 20px; background: #f5f5f5; border:1px dotted #d4d4d4; border-radius:0 ; letter-spacing:-0.3px; }
.servey .part.part05 .partWrap { margin-top: 20px; padding: 0; }
.servey .part.part05 h2 { padding: 0px; font-size: 16px; color: #666; font-weight: bold; background: none; padding-bottom:5px; }
.servey .part.part05 > ul { margin: 0; padding: 0; }
.servey .part.part05 > ul > li { margin-top: 15px; line-height: 1.5; list-style: none; font-size: 14px; color: #999999;  }
.servey .part.part05 > ul > li:first-child { margin-top: 0px; }
.servey .part.part05 > ul > li > ul { margin: 0; padding: 0; }
.servey .part.part05 > ul > li > ul > li { list-style: none; }
.servey .part.part05 .partWrap .quest { gap: 70px;  }
.servey .part.part05 .partWrap .quest .seleDiv { width: auto; }

.part3Notice02 { padding: 22px 20px; font-size: 16px;  ; }
.part3Notice03 {  text-align:center; font-size: 17px; font-weight:bold; color: #fff; background:#ff6c00; padding:20px; border-radius: 10px; width:100%;  }
.part3Notice03 p {padding-top:10px; }
.part3Notice03 p a {color: #fff600;  }

.etc { display: none; }

.letter01 {letter-spacing:-0.2px; }

@media ( max-width: 768px ) {
	
	header .logo { padding-bottom: 50px; }
	.servey { margin-top: 30px; }
	
	.servey .part .partWrap .quest .seleDiv { width: 100%; }
  
	.submitButton input { width: 100%; }
  
	.letter01 {letter-spacing:0; }
}



@media ( max-width: 550px ) {

	header .logo { padding-bottom: 40px; justify-content: left;}
	#container {padding: 25px 20px 50px;  }
	.servey { margin-top: 30px; }	
	.servey .part h2 { padding: 12px 25px 10px; letter-spacing:-0.5px; }
	.servey .part .partWrap {padding: 45px 20px 60px;  }
	
  	.servey .part.part04 .partWrap { margin-top: 20px;}
	.servey .part.part04 .partWrap .quest { gap: 10px;  }
	
	.servey .part.part05 .partWrap { margin-top: 20px;}
	.servey .part.part05 .partWrap .quest { gap: 10px;  }
}

@media ( max-width: 450px ) {
.hp input { width: 65px; }
}


table { table-layout: fixed; }

.tbl_head01 {margin: 30px 0 10px; background: #fff; }
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}


.buttonSet { margin-top: 30px; display: flex; justify-content: flex-end; gap: 20px; }
.buttonSet button { background: #fff; padding: 5px 10px; font-size: 12px; color: #000; }