@charset "utf-8";
/* --------------------------------------------------------------------------- */
/* [통합] root */
:root{
	--pcwidth:680px; 

	/* z-index */
	--z-index-low:-1;
	--z-index:1;
	--z-index-top:100;
	--z-index-high:9999;


	/* font */
	color:#231F20;
	font-size:10pt;
	font-weight:300;
	line-height:1rem;
	font-family:"Apple SD Gothic","sans-serif"; /* 폰트는 트레픽감소를위해 웹폰트사용권장 */
	
	--font-color:#231F20; 
	--font-color-low:#c0bfbf;
	--font-size-ty:0.6rem;	 	/* Tiny */
	--font-size-sm:0.9rem;	 	/* small */
	--font-size:1rem; 		/* primary medium */
	--font-size-lg:1.2rem; 	/* large */
	--font-size-xl:1.4rem; 	/* extra large */
	--font-size-xxl:1.8rem; 	/* extra extra large */
	--font-size-xxxl:2.2rem;

	/* 100 Thin / 200 ExtraLight / 300 Light / 400 Regular / 500 Medium / 600 SemiBold / 700 Bold / 800 ExtraBold / 900 Black */
	--font-weight-tn:100;
	--font-weight-sm:200;
	--font-weight:300; 
	--font-weight-lg:400;
	--font-weight-xl:600; 
	--font-weight-xxl:700; 
	--line-height-cont:1.4rem; 


	/* color */
	--color-main-1:#231f20; 	/* 블랙 */
	--color-main-2:#efebe5;	/* 아이보리 */
	--color-sub-1:#c0bfbf;		/* 그레이 */
	--color-sub-2:#ffffff;		/* 화이트 */
	--color-piont-1:#a6153a;	/* 레트 */
	--bg-color-low:#c0bfbf;
	--bg-color:#f4f4f4; 		/* 박스기본 */
	--bg-color-deep:#231F20; 		
	--bg-color-deep1:#c0bfbf;

	/* border */
	--border-radius:5px;
	--border-width:1px;
	--border-color-deep:#231f20;
	--border-color:#eaeaea;
	--border:1px solid #eaeaea;
	--border-deep:1px solid #231F20;

	/* padding */
	--padding-sm:0.6rem;
	--padding:1rem;
	--padding-lg:1.4rem;
	--padding-xl:2rem;	
	--padding-xxl:2.4rem;
	--padding-xxxl:3rem;

	/* style */
	--box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15);
	--box-shadow-sm:0px 0px 15px rgba(0, 0, 0, 0.08);
	--box-shadow-in:inset 0px 0px 5px rgba(0, 0, 0, 0.15);

}
/* --------------------------------------------------------------------------- */
/* 스크롤바 */
/* 전체 스크롤바 */
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--bg-color); border-radius: 10px; }
::-webkit-scrollbar-thumb{background:var(--color-sub-1); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover{background:var(--color-sub-1);}
::-webkit-scrollbar-vertical{width:10px;}

/* --------------------------------------------------------------------------- */
/* 버튼 */
.Btn{display:inline-block; position:relative; color:#ffffff; text-align:center; font-weight:var(--font-weight-lg); border-radius:var(--border-radius); background-color:var(--bg-color-deep); padding:var(--padding); cursor:pointer;}
.Btn:hover, .Btn:active, .Btn:focus{color:#ffffff;}
.Btn:hover{box-shadow:var(--box-shadow-sm);}
.Btn.Small{padding:0.5rem 1rem;}
.Btn.Big{padding:var(--padding);}
.Btn.disabled{background-color:var(--bg-color-low); cursor:not-allowed;} /* 비활성화 */
.Btn.disabled:hover{box-shadow:none;}

.Btn.Disabled{background-color:var(--bg-color-low); cursor:not-allowed;} /* 비활성화 */
.Btn.Disabled:hover{box-shadow:none;}

.Btn1{display:inline-block; position:relative; color:#ffffff; text-align:center; font-weight:var(--font-weight-lg); border-radius:var(--border-radius); background-color:var(--bg-color-deep1); padding:var(--padding); cursor:pointer;}
.Btn1:hover, .Btn1:active, .Btn1:focus{color:#ffffff;}
.Btn1:hover{box-shadow:var(--box-shadow-sm);}
.Btn1.Small{padding:0.5rem 1rem;}

/* 더보기 */
.minMoreBtn{position:relative; color:var(--font-color-low); font-size:0.9em; font-weight:400; letter-spacing:-1px; }
.minMoreBtn span{display:inline-block; position:relative; border-bottom:1px solid var(--font-color-low); }
.minMoreBtn:hover, .moreBtn:active, .moreBtn:focus{color:var(--font-color-low);}
/* 페이지타이틀 */
.subTitle{display:table; position:relative; width:100%;} /* margin-bottom:var(--padding); */
.subTitle .Title{display:table-cell; position:relative;}
.subTitle .Title p{display:inline-block; font-size:var(--font-size-xl);font-weight: var(--font-weight-xl);}
.subTitle .Right{display:table-cell; position:relative; text-align:right;}
/* 영역타이틀 */
.sectionTitle{display:table; position:relative; width:100%; margin-bottom:var(--padding);}
.sectionTitle .Title{display:table-cell; position:relative;}
.sectionTitle .Title p{display:inline-block; font-size: var(--font-size-lg);font-weight: var(--font-weight-xl);}
.sectionTitle .Right{display:table-cell; position:relative; text-align:right;}
/* 메뉴정렬 */
.menuAlign{display:table; position:relative; width:100%;}
.menuAlign > li, .menuAlign > dt, .menuAlign > dd{display:table-cell; position:relative; vertical-align:middle;}
.menuAlign > li:first-child, .menuAlign > dt{text-align:left;}
.menuAlign > li:last-child, .menuAlign > dd{text-align:right;}
/* 슬러건바 slogan */
.sloganBar{display:block; position:relative; text-align:center; padding:var(--padding-xxl) var(--padding-xl); }
.sloganBar p{}
.sloganBar strong{font-weight:700;}
.sloganBar span{font-weight:100; padding-left:var(--padding-sm);}
/* 슬러건그룹 slogan */
.sloganGroup{display:block; position:relative; text-align:center;}
.sloganGroup .Logo{height:3.5rem;}
.sloganGroup p{display:block; position:relative; line-height:1.7rem; margin-top:0.8rem;}
.sloganGroup strong{display:block; font-weight:500;}
.sloganGroup span{display:block; font-weight:100; letter-spacing:0.06rem;}
/* --------------------------------------------------------------------------- */
/* [체크박스] 기본체크형 transition:all 0.2s ease; */
input[type=checkbox]{position:relative; width:1.5rem; height:1.5rem; border:initial; accent-color:var(--color-main-1); -webkit-appearance:auto; -moz-appearance:auto; appearance:auto; cursor:pointer;} 
input[type=checkbox]:disabled{filter:invert(100%) hue-rotate(18deg) brightness(20); transition: all 0.2s ease;} 
.checkBox{display:inline-flex; position:relative; align-items:center; vertical-align:middle; cursor:pointer; } 
.checkBox input[type=checkbox]{position:relative; flex-grow:0 } 
.checkBox input[type=checkbox] ~ small{position:relative; flex-grow:1; align-self:center; padding-left:0.3rem;} 
.checkBox input[type=checkbox] ~ em{position:relative; flex-grow:1; align-self:center; text-align:right; padding-left:0.3rem;} 
.checkBox input[type=checkbox]:checked{ } 
.checkBox input[type=checkbox]:read-only{ }
.checkBox + .checkBox{}
/* [인풋] */
input{display:inline-block; position:relative; line-height:1em; border:var(--border); border-radius:var(--border-radius); padding:0.8rem 0.8rem;}
input[type=text]{}
textarea{display:block; position:relative; width:100%; line-height:1em; border:var(--border); border-radius:var(--border-radius); padding:0.8rem 0.8rem; resize:none;}
select{display:inline-block; position:relative; line-height:1em; border:var(--border); border-radius:var(--border-radius); padding:0.8rem 0.8rem;}
pre{line-height:var(--line-height-cont);}
/* --------------------------------------------------------------------------- */
/* 테이블 */
table{width:100%; table-layout:fixed; word-break:break-all; border-top:1px solid var(--bg-color-deep); border-bottom:1px solid var(--bg-color-deep);}
table caption{text-align:left; font-size:var(--font-size-lg); padding:var(--padding);}
	table tr{position:relative;}
	table td,
	table th{position:relative; padding:var(--padding-sm);}
	table th{font-weight:normal;}
	table thead th{}
	table tbody tr{border-top:1px solid #f1f1f1;}
	table tbody th{}
		/* [게시판] */
		table.viewTable{}
		table.viewTable thead th{text-align:left;}
		table.viewTable thead .Title{font-size:var(--font-size-xl); font-weight:var(--font-weight-lg);}
		table.viewTable thead .Title strong{font-weight:inherit;}
		table.viewTable thead .Date{color:var(--font-color-low); font-weight:var(--font-weight-sm);}
		table.viewTable thead .Date strong{font-weight:inherit;}
		table.listTable{}
		table.listTable tbody tr:first-child{border-top:1px solid var(--bg-color-deep);}
		table.listTable .listThum{display:block; position:relative; width:100%; line-height:var(--line-height-cont);}
		table.listTable .listThum dt{display:block;vertical-align:middle;}
		table.listTable .listThum dt img{}
		table.listTable .listThum dd{display:block; vertical-align:middle; padding:var(--padding-sm);}
		table.listTable .Title{font-weight:var(--font-weight-lg);}
		table.listTable .Title span{}
		table.listTable .Date{color:var(--font-color-low); font-weight:var(--font-weight-sm);}
		table.listTable .Date strong{font-weight:inherit;}	
		/* [게시판] 테이블하단(페이지넘버, 페이지넘김) */
		.boardFooter{display:block; position:relative; text-align:center; padding:1.5em 0px;} 
		.boardFooter .pageNo + .pageTurn, .boardFooter .pageTurn + .pageNo{margin-top:var(--padding-sm);}
		.boardFooter .pageNo{display:inline-table; position:relative; table-layout:fixed; text-align:center; margin:auto;}
		.boardFooter .pageNo a{display:table-cell; position:relative;text-align:center; vertical-align:middle; word-break:keep-all; border:1px solid transparent; border-radius:5px; padding:var(--padding-sm); cursor:pointer;}
		.boardFooter .pageNo a span{display:block; border-radius:5px; padding:0px 0.5em;}
		.boardFooter .pageNo a:hover{}
		.boardFooter .pageNo a.Active,
		.boardFooter .pageNo a.Active:hover{color:#fff; border-color:var(--bg-color-deep); background-color:var(--bg-color-deep);}
		.boardFooter .pageNo a:hover{background-color:var(--bg-color);}
		.boardFooter .pageTurn{}
		.boardFooter .pageTurn a.Btn{}
		.boardFooter .pageTurn .preBtn{}
		.boardFooter .pageTurn .nextBtn{}
/* --------------------------------------------------------------------------- */

/* 기본 본문 */
body {
  font-family: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont,
               "PingFang SC", "Microsoft YaHei", "Segoe UI",
               "Helvetica Neue", Arial, sans-serif;
}