.fc_pointer {color:#1F88E5; }
	.content_wrap{width:100%; min-width:320px; max-width:1400px; margin:0 auto;}
	.page_title{width:100%; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

	.company_type1 {width:100%; margin:0 auto; }
	.company_type1:after{content:""; clear:both; display:block;}
	.company_type1 .ceo_img {position: relative; float:right; width:500px; text-align:right; padding-left:30px;}
	.company_type1 .ceo_img img {width:100%; height:auto; }
	.company_type1 .ceo_area{ float:left; width:50%;} 
	.company_type1 .ceo_area .ceo_tit { position:relative; float:left; width:100%; font-size:1.4em; line-height:1.4em; letter-spacing:-0.05em;  }
	.company_type1 .ceo_area .ceo_txt { float:right; width:100%; padding-top:50px; }
	.company_type1 .ceo_area .ceo_txt p { line-height:1.5em;font-size:1.2em; color: #000; word-break: keep-all; }
	.company_type1 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:2em; color:#000; margin-top:50px; font-family: 'KCC-Ahnchangho';}

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}

		
	@media screen and (max-width:992px){
		
		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}	
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

		.company_type1 .ceo_img {width:100%; text-align:center; margin-bottom:30px; padding-left:0; }
		.company_type1 .ceo_img img{width:100%;}
		.company_type1 .ceo_area{ float:none; width:95%; margin:0 auto; } 
		.company_type1 .ceo_area .ceo_tit { font-size:1.8em; text-align:center;}
		.company_type1 .ceo_area .ceo_txt{padding-top:10px;}

		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}

	}

	/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type11 {width:100%; max-width:1400px; margin:0 auto;}
.daon_ver3_sub_type11:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 {width:100%; height:401px; }
.daon_ver3_sub_type11 .map_cont1:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .g_map1 {float:left; width:50%; height:100%; overflow:hidden;} 
.daon_ver3_sub_type11 .map_cont1 .g_map1:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .map_info {float:left; width:50%; height:100%; padding:0 50px; font-size:0; } 
.daon_ver3_sub_type11 .map_cont1 .map_info:after {content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:36px; color:#000; font-weight:700; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl { width:100%; margin-top:20px; padding-top:10px; text-align:left; border-top:1px solid #ddd; }
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; }
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt {width:100%; margin-top:30px;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; }
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:last-child {margin-right:0;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:hover {background-color:#f3f5f7 !important; color:#000 !important; transition:0.3s all ease;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}

.daon_ver3_sub_type11 .map_cont2 {width:100%;  margin-top:100px;}
.daon_ver3_sub_type11 .map_cont2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .g_map2 {width:100%; height:401px; overflow:hidden;} 
.daon_ver3_sub_type11 .map_cont2 .g_map2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info {width:100%; padding:30px 50px; font-size:0; background-color:#f3f5f7; transition: 0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info:after {content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:right; width:70%; padding-left:50px; text-align:left; border-left:1px solid #ddd; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit{float:left; width:40%; padding-right:50px;}
.daon_ver3_sub_type11 .map_cont2 .map_info h4 {margin-top:20px; font-size:24px; color:#000; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt {width:100%; margin-top:30px;  }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:last-child {margin-right:0;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:hover {background-color:#fff !important; color:#000 !important; transition:0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}


@media all and (max-width:1500px){
	.daon_ver3_sub_type11 {padding:0 2%; }
}

@media all and (max-width:1200px){
	.daon_ver3_sub_type11 .map_cont1 {height:auto; }
	.daon_ver3_sub_type11 .map_cont1 .g_map1 {width:100%; height:401px;} 
	.daon_ver3_sub_type11 .map_cont1 .map_info {width:100%; height:auto; padding:30px 0px;} 	

	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 30px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:left; width:100%; padding-left:0; border-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit {width:100%; padding-right:0; margin-top:30px;}
}

@media all and (max-width:992px){		
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}
}

@media screen and (max-width: 768px){
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}	

	.daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:24px; }
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {font-size:1.25em; }
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { font-size:1em;}
	.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt{text-align:center;}

	.daon_ver3_sub_type11 .map_cont2 .map_info h4 {font-size:18px; margin-top:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {font-size:1.25em; }
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { font-size:1em;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt{text-align:center;}
}

@media screen and (max-width: 640px){
	.daon_ver3_sub_type11 .map_cont1 .map_info {padding:30px 20px;}
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd {width:100%; padding:0;}
	.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;}

	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 20px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd {width:100%; padding:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;}
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */
/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type14 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type14:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 h2.tit1 { position:relative; margin:50px 0 20px 0; padding-left:15px; font-size:2em; color:#222; font-weight:700; }
.daon_ver3_sub_type14 h2.tit1:before { content: ""; position: absolute; left: 0; top:14px; width: 5px; height:20px; background: #e53d30;}
.daon_ver3_sub_type14 h4.tit2 { display:block; margin-top:15px; font-size:1.5em; color:#222; font-weight:500; }
.daon_ver3_sub_type14 h4.tit2 strong { color: #e53d30; }
.daon_ver3_sub_type14 p.tit_desc { margin:10px 0 30px 0; font-size:1.15em; color:#222; letter-spacing:-0.025em; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type14 p.tit_desc2 { margin:10px 0 30px 0; font-size:1.6em;font-weight: bold;  color:#222; letter-spacing:-0.025em; line-height:1.9em; word-break:keep-all;}
.daon_ver3_sub_type14 p.tit_desc b{ margin-left:10px; margin-right:10px;}
.daon_ver3_sub_type14 p.tit_desc2 b{ margin-left:10px; margin-right:10px;}
.mm{margin-left:20px; }
.mm2{margin-left:20px;font-weight: normal;  }
.daon_ver3_sub_type14 .type14-1 { width:100%;}
.daon_ver3_sub_type14 .type14-1 .con_box { display:flex; align-items: center; width:100%; }
.daon_ver3_sub_type14 .type14-1 .con_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .img_box {position:relative; width:50%;  } 
.daon_ver3_sub_type14 .type14-1 .img_box img {max-width:100%; transition:0.3s all ease; border-radius:10px;}
.daon_ver3_sub_type14 .type14-1 .txt_box {position:relative; width:50%; padding:0 0 0 80px; overflow:hidden;  } 
.daon_ver3_sub_type14 .type14-1 .txt_box:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box h2.chk_tit {display:block; font-size:2.85em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box p.chk_tit_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6em;  font-weight:400;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt { width:100%; margin-top:30px; padding-top:20px; border-top:1px solid #222 }
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li {position:relative; float:left; width:50%; margin-bottom:10px; padding-left: 30px; padding-right:15px; font-size: 1.25em; color: #666; line-height: 1.6em;  transition:0.3s all ease;}
.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li:before { display:block; content:"\f058"; position:absolute; left:0; top:2px; padding-left:1px; color:#e53d30; font-weight:200; font-family: "Font Awesome 6 Free";}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts {width:100%; margin-top:30px; padding:25px; background-color:#f8f8f8; border:1px solid #eee; border-radius:10px;}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts h4.ex_tit {display:block; font-size:1.5em; color:#000; line-height:1.2em; font-weight:700;}
.daon_ver3_sub_type14 .type14-1 .txt_box .ex_txts p {display:block; margin-top:15px; font-size:1em; color:#666; line-height:1.6em; word-break: keep-all;}

.daon_ver3_sub_type14 .type14-2 {width:100%; margin-top:100px;}
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01{ width:100%; border-top:2px solid #1a355c; border-collapse:separate; border-spacing:0; }
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr {width:100%;}
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr th{padding:10px 20px; color:#000; font-weight:500; font-size:1em; line-height: 1.6em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; }
.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr td{padding:10px 20px; color:#666; font-size:1em; line-height: 1.6em; text-align: left; border-bottom:1px solid #ddd; }
.daon_ver3_sub_type14 .type14-2 ul.feature_img {display:flex; align-items: center; justify-content: space-between; width:100%; margin-top:30px; padding:0; }
.daon_ver3_sub_type14 .type14-2 ul.feature_img li {display:flex; align-items: center; flex-direction: column; width:48%; padding:10px; border:1px solid #ddd;  border-radius:10px;}
.daon_ver3_sub_type14 .type14-2 ul.feature_img li .imgs img {max-width:100%; border-radius:10px;}
.daon_ver3_sub_type14 .type14-2 ul.feature_img li .txts {display:block; padding:15px; font-size:1.25em; line-height:1.6em; }
.daon_ver3_sub_type14 .type14-2 ul.dot-list li{  position:relative;  font-size:1.25em; color:#333; letter-spacing:-0.02em; padding-left:15px;}
.daon_ver3_sub_type14 .type14-2 ul.dot-list li::before{  position:absolute; top:12px; left:0; content:""; width:4px; height:4px; background-color:#333; border-radius:50%; }
.daon_ver3_sub_type14 .type14-2 ul.dot-list li:not(:last-of-type){ margin-bottom:10px; }

.daon_ver3_sub_type14 a.btn_view {display:block; margin:50px auto 0; width:180px; padding:15px 30px; font-size:1.25em; line-height:1.4em; text-align:center; color:#fff; background-color:#333; transition: .3s; border-radius:10px;} 
.daon_ver3_sub_type14 a.btn_view:hover {background-color:#e53d30; }

@media all and (max-width:1500px){
	.daon_ver3_sub_type14 {padding:0 4%;}
}

@media all and (max-width:992px){		
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type14 .type14-1 .con_box {flex-direction: column;}	
	.daon_ver3_sub_type14 .type14-1 .img_box {width:100%; }
	.daon_ver3_sub_type14 .type14-1 .img_box img {width:100%;}
	.daon_ver3_sub_type14 .type14-1 .txt_box {width:100%; margin-top:30px; padding:0;}
	.daon_ver3_sub_type14 .type14-1 .txt_box h2.chk_tit { font-size:2em;}
	.daon_ver3_sub_type14 .type14-1 .txt_box p.chk_tit_desc {font-size:1.25em; }
}

@media screen and (max-width:768px){		
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type14 h2.tit1 { font-size:1.5em;}
	.daon_ver3_sub_type14 h2.tit1:before { top:7px; width: 4px; }
	
	.daon_ver3_sub_type14 .type14-1 .txt_box ul.chk_txt li {width:100%; font-size: 1.15em; }

	.daon_ver3_sub_type14 .type14-2 {margin-top:40px;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img {flex-direction: column;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img li {width:100%; margin-bottom:40px;}
	.daon_ver3_sub_type14 .type14-2 ul.feature_img li .txts {font-size:1em; }
	.daon_ver3_sub_type14 .type14-2 ul.dot-list li {font-size:1em; }
	.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr th{padding:10px; font-size:0.95em;}
	.daon_ver3_sub_type14 .type14-2 table.tbl_pro01 tr td{padding:10px; font-size:0.95em;}
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */
.custom-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 한 줄에 2개 */
  gap: 20px;
  padding: 20px;
}

.custom-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  background-color: #fff;
  transition: transform 0.2s;
}

.custom-grid-item:hover {
  transform: translateY(-5px);
}

.custom-grid-item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.custom-caption {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  text-align: center;
  font-weight: 500;
}

/* 모바일 대응 */
@media (max-width: 640px) {
  .custom-grid-wrapper {
    grid-template-columns: 1fr; /* 모바일에선 1개씩 */
  }
}
.custom-grid-fullwidth {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.custom-grid-full-item {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  background-color: #fff;
  transition: transform 0.2s;
}

.custom-grid-full-item:hover {
  transform: translateY(-5px);
}

.custom-grid-full-item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.custom-caption {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  text-align: center;
  font-weight: 500;
}
.infobox-wrapper {
  max-width:1400px;
  margin: auto;
  padding: 20px;
  font-family: "Segoe UI", sans-serif;
  color: #222;
}

.infobox-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  background: #dbefff;
  padding: 10px;
  border-radius: 8px;
}

.infobox-meta, .infobox-law, .infobox-fine {
  background: #f7f7f7;
  padding: 15px;
  margin-bottom: 1.5rem;
  border-left: 5px solid #3399cc;
  border-radius: 6px;
}

.infobox-meta ul,
.infobox-law ul,
.infobox-fine ul {
  margin: 0;
  padding-left: 1rem;
}

.infobox-core-circle {
  background: #f0f9ff;
  padding: 20px;
  border: 1px dashed #90c6e0;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 2rem;
}

.infobox-center {
  font-weight: bold;
  background: #fff;
  padding: 10px;
  margin-bottom: 1rem;
  border: 2px solid #3399cc;
  display: inline-block;
  border-radius: 10px;
}

.infobox-circle-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.infobox-circle {
  padding: 10px 16px;
  background: #e6f4ff;
  border: 1px solid #b3daf2;
  border-radius: 20px;
  font-size: 14px;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .infobox-title {
    font-size: 1.4rem;
  }

  .infobox-circle {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.infobox-header-policy {
  background: linear-gradient(to right, #fbd6d6, #ffffff);
  padding: 16px;
  border: 2px solid #14414b;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
}
.infozone-table-container {
  overflow-x: auto;
  margin: 20px 0;
}

.infozone-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI", sans-serif;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.infozone-table th,
.infozone-table td {
  border: 1px solid #bbb;
  padding: 12px 10px;
  text-align: center;
}

.infozone-table thead {
  background-color: #e2f0fa;
}

.infozone-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

@media (max-width: 600px) {
  .infozone-table {
    font-size: 13px;
  }
}
.infoframe-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

.infoframe-box {
  flex: 1 1 300px;
  padding: 20px;
  background: #ffffff;
  border: 2px solid #003344;
  clip-path: polygon(
    10px 0%, 100% 0%, 100% 100%, calc(100% - 10px) 100%, 
    0% 100%, 0% 0%
  );
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  font-family: "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.infoframe-box p {
  margin: 0;
  text-align: center;
}

@media (max-width: 600px) {
  .infoframe-container {
    flex-direction: column;
  }
}
.circle-structure {
  position: relative;
  width: 600px;
  height: 600px;
  margin: auto;
}

.center-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  margin-left: -80px;
  margin-top: -80px;
  border-radius: 50%;
  background: #f5f5f5;
  border: 5px solid #003344;
  text-align: center;
  padding-top: 30px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.category-circle {
  position: absolute;
  width: 130px;
  height: 60px;
  line-height: 1.2;
  text-align: center;
  border-radius: 50px / 30px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  border: 2px solid #333;
  background-color: #eee;
}

/* 예시 위치 배치 (좌표 조정 필요) */
.category-1 { top: 10%; left: 30%; background: #f9d14c; }
.category-2 { top: 10%; left: 60%; background: #f9d14c; }
.category-3 { top: 25%; left: 75%; background: #f9d14c; }
.category-4 { top: 40%; left: 85%; background: #f291c0; }
.category-5 { top: 52%; left: 85%; background: #f291c0; }
.category-6 { top: 65%; left: 75%; background: #f291c0; }
.category-7 { top: 75%; left: 60%; background: #f291c0; }
.category-8 { top: 80%; left: 40%; background: #f291c0; }
.category-9 { top: 75%; left: 15%; background: #b4e79f; }
.category-10 { top: 60%; left: 5%; background: #b4e79f; }
.category-11 { top: 45%; left: 5%; background: #b4e79f; }
.penalty-table-container {
  overflow-x: auto;
  margin: 20px 0;
}

.penalty-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI", sans-serif;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.penalty-table th,
.penalty-table td {
  border: 1px solid #bbb;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}

.penalty-table thead {
  background-color: #dff0f8;
  font-weight: bold;
}

.penalty-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

@media (max-width: 640px) {
  .penalty-table {
    font-size: 13px;
  }
}
.hs-service-wrapper {
  max-width: 1400px;
  margin: auto;
  padding: 20px;
  font-family: "Noto Sans KR", sans-serif;
  color: #222;
}

.hs-header {
  text-align: center;
  background: linear-gradient(to right, #0055a5, #00a8c6);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
}

.hs-header h1 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.hs-section {
  margin: 40px 0;
}

.hs-compare-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.hs-compare-box div {
  flex: 1 1 250px;
  text-align: center;
}

.hs-compare-box img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.hs-compare-title {
  font-weight: bold;
  margin-bottom: 8px;
}

.hs-caption {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  color: #555;
}

.hs-footer {
  background: #f2f2f2;
  text-align: center;
  padding: 20px;
  border-top: 2px solid #0055a5;
  border-radius: 8px;
}

.hs-footer em {
  color: #007a2f;
  font-style: normal;
  font-weight: bold;
}

.hs-brand {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
  color: #0055a5;
}

@media (max-width: 600px) {
  .hs-compare-box {
    flex-direction: column;
  }

  .hs-header h1 {
    font-size: 1.4rem;
  }
}
.hs-service-title {
  font-size: 1.1rem;
  font-weight: bold;
  color: #ffffff;
  background: linear-gradient(to right, #0071bc, #00a7a7);
  display: inline-block;
  padding: 8px 16px;
  border-radius: 40px;
  margin-bottom: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}
.hs-paragraph-box {
  background: #fffbe9;
  padding: 18px;
  border-left: 5px solid #f59a23;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  margin-top: 20px;
}
.hs-highlight-box {
  background: #f0ffee;
  border: 2px dashed #22aa77;
  padding: 15px;
  border-radius: 8px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #222;
  margin: 20px 0;
  text-align: center;
}

.hs-iso {
  color: #e60039;
  font-weight: bold;
}

.hs-important {
  color: #d62828;
  font-weight: bold;
}
.safety-photo-section {
  padding: 20px;
  font-family: "Noto Sans KR", sans-serif;
}

.section-title {
  font-size: 28px;
  font-weight: bold;
  color: #002244;
  margin-bottom: 10px;
}

.sub-title {
  font-size: 22px;
  font-weight: bold;
  color: #0055aa;
  margin-bottom: 20px;
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.photo-item {
  text-align: center;
}

.photo-item img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.photo-item p {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
}