@charset "utf-8";
    :root{
      --bg:#ffffff; --text:#111827; --muted:#6b7280; --ink:#0f172a;
      --primary:#0ea5e9; --primary-ink:#075985; --surface:#f9fafb; --border:#e5e7eb;
      --radius:14px; --container:1100px; --lh:1.7;
    }
    *,*::before,*::after{ box-sizing:border-box; }
    html,body{ height:100%; }
    body{ margin:0; background:var(--bg); color:var(--text);
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
      line-height:var(--lh); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; letter-spacing:.01em; }
    img{ max-width:100%; height:auto; display:block; }
    a{ color:var(--primary-ink); text-decoration:none; } a:hover{ text-decoration:underline; }
    .container{ width:100%; max-width:var(--container); margin:0 auto; padding:24px; }
    header.doc-header{ background:linear-gradient(180deg, var(--surface), #fff 65%); border-bottom:1px solid var(--border); }
    .header-inner{ padding:36px 24px; }
    .brand{ margin:0 0 6px; font-size:14px; color:var(--muted); }
    h1.title{ margin:0; font-size: clamp(24px, 4.2vw, 38px); font-weight:800; letter-spacing:-.02em; }
    .subtitle{ color:var(--muted); font-size: clamp(14px, 2.2vw, 16px); margin-top:8px; }
    nav.toc{ margin: 18px 0 10px; padding:16px; border:1px solid var(--border); background:var(--surface); border-radius:var(--radius); }
    .toc h2{ margin:0 0 8px; font-size:18px; }
    .toc-list{ list-style:none; margin:0; padding:0; columns:1; gap:12px; }
    .toc-list a{ display:block; padding:7px 10px; border-radius:10px; color:var(--text); }
    .toc-list a:hover{ background:#e6f4ff; }
    @media (min-width: 900px){ .toc-list{ columns:2; } }
    section{ padding:26px 0; border-top:1px solid var(--border); }
    section:first-of-type{ border-top:none; }
    h2.sec-title{ margin:0 0 10px; font-size: clamp(20px, 3.2vw, 26px); font-weight:800; letter-spacing:-.01em; }
    p{ margin:10px 0; font-size:16px; } .lead{ color:var(--muted); margin-top:4px; font-size:15px; }
    .label-grid{ display:grid; grid-template-columns: repeat(5, 1fr); gap:12px; margin-top:8px; }
    .label-item{ text-align:center; }
    .label-img{ width:100%; aspect-ratio:16/9; object-fit:contain; background:#fff; border:1px solid var(--border); border-radius:12px; padding:8px; }
    .label-caption{ margin:6px 0 0; font-size:15px; font-weight:700; color:var(--ink); }
    @media (max-width: 600px){ .label-grid{ grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 400px){ .label-grid{ grid-template-columns: repeat(2, 1fr); } }
    .table-wrap{ overflow-x:auto; border:1px solid var(--border); border-radius:12px; background:#fff; }
    table.kv{ width:100%; min-width:720px; border-collapse:collapse; }
    .kv th,.kv td{ padding:12px 14px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; font-size:15px; }
    .kv thead th{ background:var(--surface); color:var(--ink); font-weight:700; }
    .kv tbody tr:nth-child(odd){ background:#fcfcfd; }
    .kv caption{ caption-side: top; text-align:left; padding:10px 0; font-size:14px; color:var(--muted); }
    .info{ background:#f5faff; border:1px solid #cfe8ff; border-radius:var(--radius); padding:14px; color:#0b3557; font-size:15px; }
    .doc-footer{ margin:36px 0 20px; padding:14px 0; color:var(--muted); border-top:1px dashed var(--border); font-size:14px; }
    ul{ margin:8px 0 8px 18px; } li{ margin:4px 0; }
/* 내용관리 */
#ctt {margin:0px 0;padding:0px;background:#fff}
.ctt_admin {text-align:right; position:absolute; float:right;width:100%;  }
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center 	; overflow: hidden;}



.sub_title_flex {
position: absolute;
    width: 100%;
    display: flex;
    top: 250px;
	 align-items: center; 
}
.sub_title_flex > div {
 display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




.sub_title_flex h1 {font-size:2.4rem; color:#fff; }
.sub_title_flex h4 {font-size:1.0rem; color:#eee; }
.sub_title_flex p { color:#eee }



	/* mobile */
	@media (min-width: 1px) and (max-width: 979px) {
		.about-bg{background-image:url('/pages/img/1.jpg');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;padding-top: 70px;}.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
		.sub_title_flex {  
			top: 160px;
		}
		.ctt_img { 
			height: 200px; overflow: hidden;
		}
		.sub_title_flex h1 {
			font-size: 1.8rem !important;
		}
		.sub_title_flex p {
			font-size: 1.1rem !important;
		}	
		.sub_content {padding-top:30px}
	}



	/* mobile */
	@media (min-width: 980px) and (max-width: 1089px) {
		.about-bg{background-image:url('/pages/img/1.jpg');
		width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;
		background-position:center; 
		background-size: cover; 
		background-repeat:no-repeat;
		color:#fff;height:100%;
		padding-top: 70px;
		}
		
		.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}.lead{font-size:12px;font-weight:300}.display-4{ font-size:1.5rem;font-weight:300;}.btn,a.btn{line-height:20px!important;height:20px!important;padding:0 5px;text-align:center;font-weight:700;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.btn-outline-secondary{font-size:11px;padding:0 5px}
		.sub_title_flex {  
			top: 200px;
		}
		
		.sub_title_flex h1 {
			font-size: 2.8rem !important;
		}
		.sub_title_flex p {
			font-size: 2.1rem !important;
		}

		
		
	}
	/* desktop */
	@media (min-width: 1090px) {
		.about-bg{
			background-image:url('/pages/img/1.jpg');
			background-position:center center;
			background-repeat:no-repeat;
			color:#fff;
			height:300px;
		}
		
		.lead{
			font-size:1.25rem;
			font-weight:300;
		}
		.display-4{
			font-size:2.5rem;
			font-weight:300;
			line-height:1.2;
		}
		.sub_content {padding-top:20px}
		.ctt_img { 
			min-height: 300px; overflow: hidden;
		}
	}


	@media only screen and (max-width: 320px) {
		.SF_board{
			overflow-x: auto;white-space: nowrap;
		}
	}

	@media only screen and (min-width: 321px) and (max-width: 768px){
		.SF_board{
			overflow-x: auto;white-space: nowrap;
		}
	}