@charset "utf-8"; 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:'Pretendard', 'Malgun Gothic', sans-serif;
}
b, strong { font-weight: 700 !important; }
.pre-wrap b, .pre-wrap strong, #contentView b, #contentView strong, #content b, #content strong {
	font-weight: 700 !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{font-size:1em; color:#333; background-color:#fff; line-height: 1; overflow-x:auto; width:100%; min-width:1200px; min-height:100vh; display:flex; flex-direction:column;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
html { box-sizing: border-box; height:100%; width:100%; min-width:1200px;}
a {text-decoration-line: none;}


.header {position: absolute; top: 0; left: 0px; width: 100%; min-width:1200px; height: 100px; overflow: hidden; transition: height 0.22s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; z-index: 10000; border-bottom:1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box;}
.header .header-inner {position: relative; text-align: center;   }
.header .header-logo {position: absolute; top: 50px; left:clamp(24px, calc(40 * max(1200px, min(100vw, 1920px)) / 1920), 40px); transform: translateY(-50%); z-index: 20;}
.header .header-logo a {display: inline-block; line-height:0;}
.header .header-logo img {height:clamp(36px, calc(48 * max(1200px, min(100vw, 1920px)) / 1920), 48px); width:auto; max-width:clamp(180px, calc(263 * max(1200px, min(100vw, 1920px)) / 1920), 263px); display:block;}
.header.open .header-logo {top: 50px; transform: translateY(-50%);}

.header .header-gnb {display: inline-block; width: 100%; position: relative;} 
.header.open .header-gnb {border-bottom: none;}
.header .header-gnb .gnb-depth-1 {
	display: flex;
	text-align: center;
	width: clamp(420px, calc(680 * max(1200px, min(100vw, 1920px)) / 1920), 760px);
	margin: 0 auto;
	position: relative;
	left: clamp(-90px, calc((min(100vw, 1920px) - 1920px) * 0.28 + 50px), 0px);
	transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.header .header-gnb .depth-1 {
	position: relative;
	color: #000;
	flex: 1 1 0;
	width: 25%;
	box-sizing: border-box;
	margin: 0;
	transition: margin 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* 호버 시 살짝만 좌우로 펼침 */
.header.open .header-gnb .gnb-depth-1 {
	width: clamp(452px, calc(712 * max(1200px, min(100vw, 1920px)) / 1920), 792px);
}
.header.open .header-gnb .depth-1 {
	margin: 0 6px;
}
.header .header-gnb .depth-1 > a {display: flex; align-items: center; justify-content:center; height: 100px; padding: 0; width:100%; box-sizing:border-box; font-size: clamp(16px, calc(20 * max(1200px, min(100vw, 1920px)) / 1920), 20px); color:#222; transition: color 0.18s ease; }
.header.open .header-gnb .depth-1 > a {color:#222;}
.header .header-gnb .depth-1 > a > span {position: relative; display: block; line-height: normal; font-weight:600; }

.header .header-gnb .depth-1 .gnb-depth-2 {position: absolute; top: 100%; left: 0; width: 100%; padding:15px  0px; visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0s linear 0.22s; box-sizing:border-box; pointer-events:none;    }
.header.open .header-gnb .depth-1 .gnb-depth-2 {visibility: visible; opacity: 1; transform: translateY(0); transition: opacity 0.2s ease 0.04s, transform 0.24s cubic-bezier(0.25, 0.8, 0.25, 1) 0.02s, visibility 0s linear 0s; pointer-events:auto;    }
.header .header-gnb .depth-2 {opacity:0; transform: translateY(6px); transition: opacity 0.16s ease, transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);}
.header.open .header-gnb .depth-2 {opacity:1; transform: translateY(0);}
.header.open .header-gnb .depth-2:nth-child(1) { transition-delay: 0.05s; }
.header.open .header-gnb .depth-2:nth-child(2) { transition-delay: 0.07s; }
.header.open .header-gnb .depth-2:nth-child(3) { transition-delay: 0.09s; }
.header.open .header-gnb .depth-2:nth-child(4) { transition-delay: 0.11s; }
.header.open .header-gnb .depth-2:nth-child(5) { transition-delay: 0.13s; }
.header.open .header-gnb .depth-2:nth-child(6) { transition-delay: 0.15s; }
.header.open .header-gnb .depth-2:nth-child(7) { transition-delay: 0.17s; }
.header.open .header-gnb .depth-2:nth-child(8) { transition-delay: 0.19s; }
.header:not(.open) .header-gnb .depth-2 { transition-delay: 0s; }

/* 메뉴 열림 시 2뎁스 컬럼을 화이트 영역 하단까지 맞춤 */
.header.open .header-inner,
.header.open .header-gnb,
.header.open .header-gnb .gnb-depth-1,
.header.open .header-gnb .depth-1 { height: 100%; }
.header.open .header-gnb .depth-1 .gnb-depth-2 {
	top: 100px;
	bottom: 10px;
	height: auto !important;
}
/* 로그인/회원가입은 상단 100px 영역에 고정 */
.header.open .header-gnb > .right {
	top: 50px;
	transform: translateY(-50%);
}
/* 1뎁스/2뎁스 사이 가로선 */
.header.open .header-gnb::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	height: 1px;
	background: #D3E0E9;
	z-index: 2;
	pointer-events: none;
}
.header.open .header-gnb .depth-1 + .depth-1::before {
	content: none;
}

.header.open .header-gnb .depth-1 .gnb-depth-2:hover { bottom: 0; }
.header .header-gnb .depth-2-1:hover {background:#009C5D; }
.header .header-gnb .depth-2-2:hover {background:#009C5D;}
.header .header-gnb .depth-2-3:hover {background:#009C5D;}
.header .header-gnb .depth-2-4:hover {background:#009C5D;}
.header .header-gnb .depth-2-1:hover li > a span,
.header .header-gnb .depth-2-1:focus  li > a span{color: #fff; font-weight: 600;}
.header .header-gnb .depth-2-2:hover li > a span,
.header .header-gnb .depth-2-2:focus  li > a span{color: #fff; font-weight: 600;}
.header .header-gnb .depth-2-3:hover li > a span,
.header .header-gnb .depth-2-3:focus  li > a span{color: #fff; font-weight: 600;}
.header .header-gnb .depth-2-4:hover li > a span,
.header .header-gnb .depth-2-4:focus  li > a span{color: #fff; font-weight: 600;}
.header .header-gnb .depth-2 > a {display: block; padding: 10px 0; font-size: 17px; color: #777; transition: color 0.15s; font-weight: 500;}
.header .header-gnb .depth-2 > a span {transition: color 0.3s ease, font-weight 0.3s ease;}
.header .header-gnb .depth-2 > a.gray {display: block; padding: 10px 0; font-size: 17px; color: #aaa; transition: color 0.15s; font-weight: 500;}
.header .header-gnb .gnb-depth-2 .depth-2 > a:hover span {color:#009C5D; font-weight:600;}
.header .header-gnb .depth-2-1:hover .depth-2 > a:hover span,
.header .header-gnb .depth-2-2:hover .depth-2 > a:hover span,
.header .header-gnb .depth-2-3:hover .depth-2 > a:hover span,
.header .header-gnb .depth-2-4:hover .depth-2 > a:hover span {color:#fff; font-weight:700;}

/* GNB 1뎁스 호버 */
.header:not(.open):not(.white-bg) .header-gnb .depth-1 > a:hover > span {color: #009C5D;}
.header.open .header-gnb .depth-1 > a:hover > span,
.header.white-bg .header-gnb .depth-1 > a:hover > span {color: #009C5D;}



.header .header-logo .default-logo { display: block; }
.header .header-logo .alt-logo { display: none; }
.header.white-bg .header-logo .default-logo,
.header.open .header-logo .default-logo { display: none; }
.header.white-bg .header-logo .alt-logo,
.header.open .header-logo .alt-logo { display: block; }

/* .depth-2:hover ?? ?????? */
.header .header-gnb .gnb-depth-3 { display: none; background: #f9f9f9; }
.header .header-gnb .depth-2:hover > .gnb-depth-3,
.header .header-gnb .depth-2:focus-within > .gnb-depth-3 {display: block;}

/* .depth-2 ?? ???? ??? */
.header .header-gnb .depth-2 {  margin-bottom: 5px; }

/* 3?? ??? ??? ????? */
.header .header-gnb .gnb-depth-3 .depth-3 > a {  display: block;  padding: 8px 12px;  font-size: 14px;  color: #333;}
.header.white-bg .header-gnb .depth-1 > a {color: #222;}
.header.white-bg {  background-color: #fff !important;}

/* 메뉴 열림 시 화이트 영역 하단 구분용 그라데이션 */
.header.open { overflow: hidden; box-shadow: 0 16px 28px rgba(0, 0, 0, 0.08); border-radius: 0 0 30px 30px; }
.header.open::after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 20px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.2s ease 0.08s;
}
.header.open.is-open-done::after { opacity: 1; }

.header .header-gnb  > .right {position:absolute; right:230px; top:50%; transform:translateY(-50%); z-index:25;}
.header .header-gnb  > .right .gnb_custom {display: flex; align-items: center;}
.header .header-gnb  > .right .gnb_custom li {display: flex; align-items: center;}
.header .header-gnb  > .right .gnb_custom li + li:before {content:''; display: block; width:1px; height:14px; background: #D3E0E9; margin:0 25px;}
.header .header-gnb  > .right .gnb_custom a {font-size:16px;}
.header .header-gnb  > .right .login_box {display:flex; align-items:center;}

.header .header-gnb  > .right .login_box a.logoutBtn i {transform: translateY(1px)}
.header .header-gnb  > .right .login_box .login {margin:0 40px 0 0; float:left; display:flex; align-items:center;}
.header .header-gnb  > .right .login_box .login .login-item {display:inline-flex; align-items:center; line-height:1;}
.header .header-gnb  > .right .login_box .login .login-divider {
	display:inline-block; width:1px; height:12px; margin:0 12px; flex-shrink:0;
	background:rgba(34,34,34,0.5); vertical-align:middle;
}
.header .header-gnb  > .right .login_box .login span img.w {display: inline; }


.header .header-gnb  > .right .login_box .login span a {color:#222;}
.header.open .header-gnb  > .right .login_box .login span a {color:#222;}


.header .header-gnb  > .right .login_box .aiedter {margin:0px 100px 0px 0px;  width:107px; height:24px; float:left;}
.header .header-gnb  > .right .login_box .aiedter img {display:none; }
.header .header-gnb  > .right .login_box .aiedter img.w{display:inline; }


.header.open .header-gnb  > .right .login_box .aiedter img {display:inline; width:107px; height:24px;}
.header.open .header-gnb > .right .login_box .aiedter img.w {display:none; width:107px; height:24px;}

.header.white-bg .header-gnb > .right .login_box .aiedter img {display:inline; width:107px; height:24px;}
.header.white-bg .header-gnb > .right .login_box .aiedter img.w{display:none; width:107px; height:24px;}


.header .header-gnb > .right .login_box a span {padding-right:0px; font-weight: 400; font-size: 16px;  color:#222;}
.header.open  .header-gnb > .right .login_box a span {padding-right:0px; font-weight: 400; font-size: 16px;  color:#222;}
.header .header-gnb > .right .login_box a + a{margin-left: 20px}
.header .header-gnb > .right .login_box button {font-size:20px;}

.header.open .header-gnb > .right .login_box .login img {display: inline}
.header.open .header-gnb > .right .login_box .login img.w {display: none}

.header.white-bg .header-gnb > .right .login_box .login span img {display: inline; }
.header.white-bg .header-gnb > .right .login_box .login span img.w{display: none; }


	#google_translate_element {  z-index:99; position: absolute; top:32px; right:120px; display:block;}
	.goog-te-gadget { font-size:0 !important; color:#333 !important;}
	.goog-te-gadget select { padding:5px; border-radius:6px; }
	.goog-te-gadget-icon { background-image:none !important; width:0 !important; display:none !important; }
	.goog-te-gadget-simple {
		background:rgb(255, 255, 255) !important;
		width:120px !important;
		height:36px !important;
		line-height:36px !important;
		border-radius:20px !important;
		padding:0 !important;
		border:1px solid rgba(0,0,0,0.3) !important;
		box-sizing:border-box !important;
		display:flex !important;
		align-items:center !important;
	}
	.goog-te-gadget-simple > span { width:100%; height:100%; display:block; }
	.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
		display:flex !important;
		align-items:center !important;
		justify-content:space-between !important;
		width:100% !important;
		height:100% !important;
		padding:0 16px !important;
		box-sizing:border-box !important;
		text-decoration:none !important;
		margin-left:2px !important;
	}
	.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span,
	.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed img { display:none !important; }
	.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::before {
		content:"Language";
		font-family:'Pretendard', sans-serif;
		font-size:14px;
		font-weight:500;
		color:#222;
		letter-spacing:-0.02em;
	}
	.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after {
		content:"";
		width:0;
		height:0;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		border-top:6px solid #222;
		margin-left:8px;
	}
	.header.open .header-gnb .goog-te-gadget-simple,
	.header.white-bg .goog-te-gadget-simple,
	#google_translate_element.translate-bg .goog-te-gadget-simple {
		background:rgb(255, 255, 255) !important;
		border:1px solid rgba(0,0,0,0.3) !important;
	}
	.header.open .header-gnb .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::before,
	.header.white-bg .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::before,
	#google_translate_element.translate-bg .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::before {
		color:#222;
	}
	.header.open .header-gnb .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after,
	.header.white-bg .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after,
	#google_translate_element.translate-bg .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed::after {
		border-top-color:#222;
	}

#menu {
  z-index: 99999;
  min-width: 100%;
  min-height: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
#menu * {
  pointer-events: none;
}
#menu.overlay {
  visibility: visible;
  opacity: 1;
  height: 100vh;
  min-height: 100%;
  background: #222;
  pointer-events: auto;
  overflow: auto;
}
#menu.overlay * {
  pointer-events: auto;
}
.header:has(#menu.overlay),
.header:has(#burger-menu.close) {
  overflow: visible;
}
#menu ul {
  padding: 0;
}
#menu li {
  list-style: none;
  width:16.6%;
  height:100vh;
  float:left;
  border-left:1px solid rgba(255,255,255,0.1);
  text-align:center;
  box-sizing:border-box;
}

#menu li:first-child {  border-left:none;}

#menu li .site_tit { width:clamp(160px, calc(230 * max(1200px, min(100vw, 1920px)) / 1920), 230px); height:clamp(48px, calc(60 * max(1200px, min(100vw, 1920px)) / 1920), 60px);  background: url('../images/sitemap_tit.png') no-repeat; background-size:100% 100%; margin:clamp(80px, calc(160 * max(1200px, min(100vw, 1920px)) / 1920), 160px) auto 0; color:#fff;
 font-size:clamp(18px, calc(24 * max(1200px, min(100vw, 1920px)) / 1920), 24px); font-weight:600; line-height:30px; letter-spacing:-0.025em; text-align:left; padding:clamp(10px, calc(15 * max(1200px, min(100vw, 1920px)) / 1920), 15px) 0px 0px clamp(12px, calc(20 * max(1200px, min(100vw, 1920px)) / 1920), 20px); box-sizing:border-box;}
#menu li a {float:none; display:block; clear:both;}

#menu li a.site_menu {background: url('../images/Ellipse_1.png') no-repeat 8px 10px; background-size:4px 4px; font-weight: 400; font-size: clamp(15px, calc(18 * max(1200px, min(100vw, 1920px)) / 1920), 18px); line-height: 26px; width:clamp(160px, calc(230 * max(1200px, min(100vw, 1920px)) / 1920), 230px); text-align:left; padding-left:24px; margin-left:auto; margin-right:auto;
letter-spacing: -0.025em; color: #FFFFFF; margin-top:clamp(16px, calc(30 * max(1200px, min(100vw, 1920px)) / 1920), 30px); box-sizing:border-box;}
#menu-wrapper dl.nav_line dd a {color: #FFFFFF;}

#menu li a.site_menu_1 {background: url('../images/Ellipse_1.png') no-repeat 8px 10px; background-size:4px 4px; font-weight: 400; font-size: clamp(15px, calc(18 * max(1200px, min(100vw, 1920px)) / 1920), 18px); line-height: 26px; width:clamp(160px, calc(230 * max(1200px, min(100vw, 1920px)) / 1920), 230px); text-align:left; padding-left:24px; margin-left:auto; margin-right:auto;
letter-spacing: -0.025em; color: rgba(255,255,255,0.3); margin-top:clamp(16px, calc(30 * max(1200px, min(100vw, 1920px)) / 1920), 30px); box-sizing:border-box;}

#menu li a.site_menu_2 {width:clamp(160px, calc(230 * max(1200px, min(100vw, 1920px)) / 1920), 230px); color: rgba(255,255,255,0.6); font-size: clamp(14px, calc(16 * max(1200px, min(100vw, 1920px)) / 1920), 16px); text-align:left; padding-left:36px; margin-left:auto; margin-right:auto;  margin-top:10px;  line-height: 24px; box-sizing:border-box;}

/* 사이트맵 메뉴 호버 (글자만) */
#menu li a.site_menu,
#menu li a.site_menu_2 {
	transition: color 0.3s ease, font-weight 0.3s ease;
}
#menu li a.site_menu:hover {
	color: #5A9D8F;
	font-weight: 500;
}
#menu li a.site_menu_2:hover {
	color: #fff;
	font-weight: 500;
}


   
.header #burger-menu {
  cursor: pointer;
  height: 27px;
  width: 27px;
  overflow: visible;
  position: absolute;
  z-index: 99999999;
  top:35px; right:30px;
}

.header #burger-menu span,
.header #burger-menu span:before,
.header #burger-menu span:after {
  background: #222;
  display: block;
  height: 2px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
}

/* ???? ???/GNB ???? ????? ???? ?????? ???? (???? white-bg ?????? ????) */
.header.open #burger-menu span,
.header.open #burger-menu span:before,
.header.open #burger-menu span:after,
.header.white-bg #burger-menu span,
.header.white-bg #burger-menu span:before,
.header.white-bg #burger-menu span:after {
  background: #222;
}

/* ??????(????????) ???? ?? ????? ??? ?? ??? ?????? */
.header #burger-menu.close span,
.header #burger-menu.close span:before,
.header #burger-menu.close span:after {
  background: #FFF;
}

.header #burger-menu span:before,
.header #burger-menu span:after {
content: "";
}
.header #burger-menu span:before {
  left: 0px;
  top: -10px;
  width: 27px;
}
.header #burger-menu span {
  right: 0px;
  top: 13px;
  width: 27px;
}
.header #burger-menu span:after {
  left: 0px;
  top: 10px;
  width: 27px;
}
.header #burger-menu.close span:before {
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
.header #burger-menu.close span {
  transform: rotate(-45deg);
  top: 13px;
  width: 27px;
}
.header #burger-menu.close span:after {
  top: 0px;
  left: 0;
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
}
#wrap{position:relative; width:100%; min-width:1200px; margin:0 auto; z-index:10; float:left; box-sizing:border-box;}

.subCont {width:100%; min-width:1200px; float:left; min-height:700px; box-sizing:border-box;}

.mainvisual_tit {position:absolute; text-align:left; top:280px; left:200px; z-index:99; color:#fff; font-weight:300;font-size: 45px; line-height:60px; letter-spacing: -0.035em; 
font-family: 'Noto Sans Korean';}
.mainvisual_tit p.mainvisual_tit_s {word-break:keep-all;  margin-top:20px; font-weight:400; font-size:20px; line-height: 28px; color:#fff; 
transform: skew(-0.1deg);  letter-spacing:0em; }
.mainvisual_tit p.mainvisual_tit_ss {margin-top:20px; font-weight: 400; font-size:28px; line-height: 70px; letter-spacing:0em;}


.mainvisual_arrow {position:absolute; top:660px; right:150px; width:125px; height:60px; background:rgba(129, 129, 129, 0.3); backdrop-filter: blur(12px); border-radius: 60px; z-index:99;}
.mainvisual_arrow span.left_a { float:left; margin:5px 0px 0px 5px; width:50px; height:50px;}
.mainvisual_arrow span.right_a { float:right; margin:5px 5px 0px 0px;  width:50px; height:50px;}

.mainvisual{position:relative; width:100%; overflow:hidden; z-index:10; box-sizing:border-box;}	
.mainvisual .mainvisual_img { background:#000; width:100%; height:100vh;}
.mainvisual span.mainvisual_video_bg {background:rgba(0,0,0,0.2); width:100%;  height:100vh; z-index:12; display:block; position:absolute;}
.mainvisual span.mainvisual_video_bg img {width:100%; height:100%;}
.mainvisual .mainvisual_video {width:100%; height:100vh;  object-fit:cover; z-index:11; }

.mainvisual .main_bg {position:absolute; width:1400px; height:100vh; top:0px; right:0px; background: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 83.44%);}





.vertial_align {position:absolute; top:200px; left:60px; background:rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); border-radius: 60px; width:60px; height:180px; z-index:99;}

.vertial_align .nav_icon {
  display: block;
  width: auto;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  color: #f7f7f7;
  text-transform: uppercase;
  margin: 10px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  z-index: 99;
  float:left;
}
.vertial_align .nav_icon i { margin:10px 0px 0px 9px; float:left; width:22px; height: 30px; display:block;}
.vertial_align .nav_icon label {  display: none;    margin:0px 0px 0px 45px;} 



.vertial_align .nav_icon:nth-child(1) {margin-bottom:10px;}
.vertial_align .nav_icon:nth-child(2) {margin-bottom:10px;}
.vertial_align .nav_icon:nth-child(3) {margin-bottom:45px;}
.vertial_align .nav_icon:nth-child(4) {margin-top:10px; }

.vertial_align .nav_icon:nth-child(1):hover { width: 170px; background-color: #9137B0; transition:none;}
.vertial_align .nav_icon:nth-child(2):hover { width: 170px; background-color: #1975EF; transition:none;}
.vertial_align .nav_icon:nth-child(3):hover { width: 170px; background-color: #FF0000; transition:none;}
.vertial_align .nav_icon:nth-child(4):hover { width: 170px; background-color: #3299C2; transition:none;}




.vertial_align .nav_icon:nth-child(1) i {
  background: url('../images/icon_1.png') no-repeat 0px 0px;
  background-size: 22px 22px;
 
}
.vertial_align .nav_icon:nth-child(1):hover i {
  background: url('../images/icon_1_over.png') no-repeat 0px 0px;
  background-size: 22px 22px;
}
.vertial_align .nav_icon:nth-child(1):hover label { padding-top:10px; transition:none; font-family:'ONE Mobile OTF Regular';
display: block; max-width: 170px;  font-size: 14px;	letter-spacing:-0.025em; color:rgba(255, 255, 255, 0.9); line-height: 22px; font-weight:400; margin:0px 0px 0px 50px;
}


.vertial_align .nav_icon:nth-child(2) i {
  background: url('../images/icon_2.png') no-repeat 3px 1px;
  background-size: 16px 29px;
}
.vertial_align .nav_icon:nth-child(2):hover i {
  background: url('../images/icon_2_over.png') no-repeat 3px 1px;
  background-size: 16px 29px;
}
.vertial_align .nav_icon:nth-child(2):hover label { padding-top:10px; transition:none;  font-family:'ONE Mobile OTF Regular';
display: block; max-width: 170px;  font-size: 14px;	letter-spacing:-0.025em; color:rgba(255, 255, 255, 0.9); line-height: 22px; font-weight:400; margin:0px 0px 0px 46px;
}


.vertial_align .nav_icon:nth-child(3) i {
  background: url('../images/icon_3.png') no-repeat 0px 2px;
  background-size: 22px 16px;
}
.vertial_align .nav_icon:nth-child(3):hover i {
  background: url('../images/icon_3_over.png') no-repeat 0px 2px;
  background-size: 22px 16px;
}
.vertial_align .nav_icon:nth-child(3):hover label { padding-top:10px; transition:none;  font-family:'ONE Mobile OTF Regular';
display: block; max-width: 170px;  font-size: 14px;	letter-spacing:-0.025em; color:rgba(255, 255, 255, 0.9); line-height: 22px; font-weight: 400; margin:0px 0px 0px 47px;
}



.vertial_align .nav_icon:nth-child(4) i {
  background: url('../images/icon_4.png') no-repeat 3px 0px;
  background-size: 16px 19px;
}
.vertial_align .nav_icon:nth-child(4):hover i {
  background: url('../images/icon_4_over.png') no-repeat 3px 0px;
  background-size: 16px 19px;
}
.vertial_align .nav_icon:nth-child(4):hover label { padding-top:10px; transition:none;
display: block; max-width: 170px;  font-size: 14px;	letter-spacing:-0.025em; color:rgba(255, 255, 255, 0.9); line-height: 22px; font-weight: 700; margin:0px 0px 0px 45px;
}



.vertial_align .nav_icon.open {
  background-color: rgba(255, 0, 0, 0.3);
}
.vertial_align .nav_icon.open i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vertial_align .nav_icon.open:hover {
  width: 45px;
}
.vertial_align .nav_icon.open:hover label {
  max-width: 0;
}



#section-1 { position:absolute; z-index:99999; bottom:90px; left:200px; color: #fff;}
#section-1 .content-slider {  position: relative;  width:500px;  height: 10px; }
#section-1 .content-slider input {  display: none;}
#section-1 .content-slider .slider {  position: relative;  width: inherit;  height: inherit;  overflow: hidden;}
#section-1 .content-slider .slider .banner {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  width: inherit;
  height: inherit;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.5s ease;
 
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper { height: 100%; box-sizing: border-box;}

#section-1 .content-slider .slider .banner .banner-inner-wrapper .button_school { position:relative;
cursor:pointer;
text-align:left;
width: 407px;
height: 40px;
line-height: 40px;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(12px);
border-radius: 50px;
padding:0px 0px 0px 20px;
}



#section-1 .content-slider nav {
  position: absolute;
  bottom: 0.5em;
  width: 100%;
  z-index: 10;
  text-align: center;
}
#section-1 .content-slider nav .controls {
  display: block;
  color: #fff;
  
}
#section-1 .content-slider nav .controls label {
  float:left;
  position: relative;
  display: inline-block;
  width: 150px;
  height:50px;
  overflow: hidden;
  margin: 0px 10px 0px 0px;
  padding-top: 1em;
  text-align: left;
  text-transform: uppercase;
  font-size: 1em;
  color: rgba(255,255,255,0.5);
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s;
  cursor:pointer;
}
#section-1 .content-slider nav .controls label .progressbar-num { position: absolute; top:0px; font-size: 14px; line-height: 22px;}
#section-1 .content-slider nav .controls label .progressbar-txt { position: absolute; top:25px; font-size: 16px; line-height: 28px; font-family:'Pretendard'; }
#section-1 .content-slider nav .controls label .progressbar {
  position: absolute;
  top: 22px;
  left: 0;
  height:2px;
  width: 100%;
  background:rgba(255,255,255,0.5);
  z-index: 100;
}
#section-1 .content-slider nav .controls label .progressbar .progressbar-fill {
  position: inherit;
  width: inherit;
  height: inherit;
  margin-left: -100%;
  background: #14FF00;
}
#section-1 .content-slider nav .controls label span {
  font-weight: 500;
}

#section-1 .content-slider #banner1:checked ~ .slider #top-banner-1,
#section-1 .content-slider #banner2:checked ~ .slider #top-banner-2,
#section-1 .content-slider #banner3:checked ~ .slider #top-banner-3,
#section-1 .content-slider #banner4:checked ~ .slider #top-banner-4 {
  opacity: 1;
  z-index: 1;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1),
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2),
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3),
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) {
  cursor: default;
  color: #14FF00;
  transition: all 0.5s;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar,
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar {
  background: #fff;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar-fill,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar-fill,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar-fill,
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar-fill {
  animation: progressBarFill 5s linear;
}
/* Animations */
@keyframes progressBarFill {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0;
  }
}







.footer {position:relative; float:none; clear:both; width:100%; min-width:1200px; background:#212426; height:auto; min-height:400px; flex:1 0 auto; color:rgba(255,255,255,0.9); z-index:9999; box-sizing:border-box;}
.footer .footer_inner {max-width:none; width:100%; margin:0; padding:60px clamp(40px, calc(120 * max(1200px, min(100vw, 1920px)) / 1920), 120px); box-sizing:border-box; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; column-gap:20px; row-gap:48px; align-items:start; align-content:start;}
.footer .footer_top {display:contents;}
.footer .footer_logo {float:none; margin:0; width:auto; height:auto; flex:none; grid-column:1; grid-row:1;}
.footer .footer_logo a {display:block;}
.footer .footer_logo img {width:72px; height:auto; display:block;}
.footer .footer_text {float:none; margin:0 0 0 20px; flex:none; min-width:0; text-align:left; padding-top:2px; grid-column:2; grid-row:1;}
.footer .footer_text .footer_in {font-weight:400; font-size:15px; line-height:28px; letter-spacing:-0.025em; text-transform:uppercase; color:#FFFFFF;}
.footer .footer_text .footer_sep,
.footer .footer_num .footer_sep {display:inline-block; margin-left:12px; padding-left:12px; border-left:1px solid rgba(255,255,255,0.35); line-height:1.2;}
.footer .footer_text p.footer_num {margin-top:16px; font-weight:700; font-size:15px; line-height:28px; color:#fff;}
.footer .footer_text p.footer_num span {font-weight:700;}
.footer .footer_copy,
.footer .footer_url {margin-top:18px; color:rgba(255,255,255,0.5); font-weight:400; line-height:26px; font-size:14px;}
.footer .footer_url {margin-top:10px;}
.footer .footer_sns {float:none; margin:0; flex:none; padding-top:2px; grid-column:3; grid-row:1; justify-self:end; text-align:left;}
.footer .footer_sns a {display:flex; align-items:center; justify-content:flex-start; gap:12px; text-decoration:none; color:#fff;}
.footer .footer_sns img {width:42px; height:42px; display:block; flex:0 0 42px;}
.footer .footer_sns .sns_txt {display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left;}
.footer .footer_sns .sns_txt strong {font-weight:700; font-size:15px; line-height:20px; color:#fff; text-align:left;}
.footer .footer_sns .sns_txt em {font-style:normal; font-weight:400; font-size:13px; line-height:18px; color:rgba(255,255,255,0.7); text-align:left;}
.footer .footer_bottom {margin:0 0 0 20px; padding-top:40px; border-top:1px solid rgba(255,255,255,0.2); width:auto; grid-column:2 / -1; grid-row:2;}
.footer .r_site {float:none; margin:0; text-align:left; width:auto;}
.footer .r_site ul {display:flex; align-items:center; gap:16px; margin:0; padding:0; list-style:none;}
.footer .r_site li {float:none; width:240px; height:50px; background:#fff; margin:0; border-radius:4px; text-align:center; box-sizing:border-box; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:0 12px;}
.footer .r_site li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.footer .r_site li a img {display:block; width:auto; max-width:100%; height:auto; max-height:34px; object-fit:contain;}





.page_line {position:relative; width:100%; height:58px; margin-top:100px;
background:url('../images/page_bg.png') repeat-x left top, linear-gradient(90deg, #F5E8B9 0%, #E6A359 25%, #A7B262 50%, #5A9D8F 75%, #00695C 100%);  background-size:100% 39px;}

.subArea {width:100%; max-width:1280px; margin:0px auto; box-sizing:border-box;}



.contArea {margin:40px 0px 0px clamp(24px, calc(60 * max(1200px, min(100vw, 1920px)) / 1920), 60px); width:calc(100% - 280px); max-width:1000px; float:left; padding-bottom:100px; position:relative; z-index:1; box-sizing:border-box;}
.contArea h2 {width:100%; border-bottom:2px solid #222; font-weight: 700; font-size: 26px; line-height: 32px; color: #222222; padding:10px 0px 20px 0px; float:left;}

.contArea .greeting_text {margin-top:40px; font-weight: 400; font-size: clamp(22px, calc(30 * max(1200px, min(100vw, 1920px)) / 1920), 30px); line-height: 1.35; color: #222222; float:left; width:calc(100% - 290px); max-width:690px; box-sizing:border-box; word-break:keep-all; overflow-wrap:break-word;}
.contArea .greeting_text p {font-weight: 300; font-size: 18px; line-height: 32px; color: #222222; margin-top:28px; text-align: justify; letter-spacing: -0.025em; word-break:keep-all; overflow-wrap:break-word;}
.contArea .greeting_photo {float:right; margin:40px 0 0 0; width:250px; box-sizing:border-box;}
.contArea .greeting_photo > span img {max-width:100%; height:auto; display:block; border-radius:10px;}
.contArea .greeting_photo p img {display:block; margin-left:auto; max-width:100%; height:auto;}


.contArea .cont_box1 {position:relative; float:left; padding:40px; width:1000px; height:248px; margin-top:23px; background:#f7f7f7 url('../images/image6_bg.png') no-repeat right top; z-index:11;
 border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.2); font-weight: 700; font-size: 20px; line-height: 38px; letter-spacing: -0.025em; color: #222222;}
.contArea .cont_box1 p {font-weight: 300; font-size: 16px;line-height: 30px; margin-top:10px;}

.contArea .cont_box2 {position:relative; width:1006px; height:458px; margin-top:70px; float:left; background:url('../images/cont_bg1.png') no-repeat right top; 
border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:30px;}
.contArea .cont_box2 span.cont_box2_text { position: absolute; display:block; width:340px; text-align:center; font-weight: 700; font-size: 18px; line-height: 26px; color: #222222; padding-top:10px;}
.contArea .cont_box2 span.cont_box2_text p {font-weight: 400; font-size: 16px; line-height: 26px;}



.contArea .cont_box3 {width:1000px; margin-top:70px; float:left;}
.contArea .cont_box3 li {width:480px; height:247px; float:left; color:#fff; padding:17px 0px 0px 25px; margin-bottom:40px;}
.contArea .cont_box3 li:nth-child(2n) {margin-left:40px;}
.contArea .cont_box3 li p.text_1 {font-weight:700; font-size:22px; line-height:30px;}



.contArea .cont_box4 {width:1000px; margin-top:50px; float:left; border-radius:10px; border:1px solid rgba(0,0,0,0.1); padding:40px;}
textarea.privacy_box {background:#F9F9F9; padding:20px 40px; margin-top:20px; border-radius:10px; line-height:24px; height:180px;}
.contArea .cont_box4 h3.box4_tit {font-size:24px; color:#000; font-weight:600; }
.contArea .cont_box4 h3.box4_tit span.box4_txt {font-size:16px; font-weight:400; color:#727272;}



.agree_area {width:900px; margin:40px auto; border-radius:30px; border:1px solid rgba(0,0,0,0.1); width:400px;}


.advisory_box {width:1000px; background:#F7F7F7; border-radius:10px; float:left; margin-top:30px;padding:30px 100px;}
.advisory_box span.advisory_box_i { width:90px; height:90px; background:#fff; border-radius:50%; float:left; text-align:center; padding-top:20px;}
.advisory_box span.advisory_box_t { display:block; margin:10px 0px 0px 125px; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.025em; color: #222222;}


.search_s { width:310px; position:relative; float:right; margin-top:30px;}
.searchTerm { width:260px; border:1px solid rgba(0,0,0,0.1);  border-right:none;  padding:5px;  height:50px; border-radius:5px 0 0 5px; outline:none; color: #9DBFAF; float:left;}
.searchButton { width:50px; height:50px; border:1px solid #203A91; background:#203A91; text-align:center; border-radius:0 5px 5px 0; cursor:pointer; font-size:20px;}


.advisory_cont_2 {width:1000px; float:left; }
.advisory_cont_2 li {width:483px; border:1px solid rgba(0,0,0,0.1); border-radius:5px; float:left; margin-right:30px;  margin-top:30px;}
.advisory_cont_2 li:nth-child(2n) {margin-right:0px;}

.advisory_cont_2 .name_t {width:100%; background:#F7F7F7; height:60px; padding:16px 0px 0px 34px; float:left; border-top-left-radius:5px; border-top-right-radius:5px;}
.advisory_cont_2 .name_t span.box_ad {float:left; background:#2E7E84; color:#fff; width:106px; height:30px; line-height:30px; border-radius:3px; text-align:center; font-size:14px; font-weight:500; }
.advisory_cont_2 .name_t span.box_tit {font-size:24px; font-weight:500; line-height:30px; color:#000000; margin-left:60px;}
.advisory_cont_2 .ad_cont_2 {width:100%; padding:35px; float:left;}
.advisory_cont_2 .ad_cont_2 span.photo_sum {border:1px solid rgba(0,0,0,0.1); float:left; border-radius:50%;} 
.advisory_cont_2 .ad_cont_2 span.ad_text {font-weight:500; font-size: 14px; line-height: 24px; margin-left:155px; display:block;}








.ass_text {float:left;}
.ass_text h3{ margin-top:30px; padding-bottom:15px; border-bottom:1px solid rgba(34, 34, 34, 0.2); font-weight: 700; font-size: 26px; line-height: 32px; letter-spacing: -0.025em; color: #222222;}
.ass_text .ass_text_tt {float:left; color:#117365; font-weight:400; font-size:22px; line-height:30px; letter-spacing:-0.025em; width:100%;}
.ass_text .ass_text_tt p.ass_text1 {font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: -0.025em; color: #222222; margin-bottom:25px;}



.advisory_cont {float:left; width:100%;}
.advisory_cont h3.advisory_tt { margin:20px 0px 14px 0px; font-weight: 700; font-size: 22px; line-height: 32px; letter-spacing: -0.025em; color: #222222;}
.advisory_cont ul {width:100%; float:left;}
.advisory_cont li {float:left; width: 320px; height: 128px; background:rgba(0, 156, 137, 0.05) url('../images/cont_bg6.png') no-repeat right top; padding:30px; margin:0px 20px 20px 0px;
border: 1px solid rgba(6, 168, 148, 0.2); border-radius: 10px; color:#117365; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.025em;}
.advisory_cont li:nth-child(3n) {margin-right:0px;}
.advisory_cont li p.text_2 {margin-top:18px; font-weight:400; font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color:#222;}



.manage_cont {float:left; margin-top:40px; width:1000px; height:973px; border:1px solid rgba(17, 115, 101, 0.3); border-radius:10px; text-align:center;
background:url('../images/cont_bg7.png') no-repeat 20px;}

.manage_cont .manage_cont_tit {width:404px; height:134px; background:url('../images/cont_bg8.png') no-repeat; margin:113px auto 61px auto; font-size:28px; padding-top:38px; line-height:40px; 
 letter-spacing: -0.025em; }
.manage_cont .manage_cont_txt {width:620px; margin:0px auto; padding-bottom:30px; border-bottom:1px solid rgba(17, 115, 101, 0.3); font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: -0.025em; color: #222222;}
.manage_cont .manage_cont_txt_2 {width:620px; margin:0px auto; padding-bottom:30px; border-bottom:1px solid rgba(17, 115, 101, 0.3); }
.manage_cont .manage_cont_txt_2 dl {float:left; margin:30px 0px 10px 0px;}
.manage_cont .manage_cont_txt_2 dl dt {float:left; background:url('../images/tit_icon2.png') no-repeat; background-size:50px 50px; width:50px; height:50px; color:#fff; line-height:50px;
font-weight: 700;font-size: 16px; }
.manage_cont .manage_cont_txt_2 dl dd {font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.025em; color: #222222; text-align:left; margin-left:60px; }

.manage_cont .manage_cont_txt_3 {font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: -0.025em; color: #222222; margin-top:50px;}


.map_box {float:left; margin-top:30px; width:1000px; height:466px; border-radius:10px; position:relative; z-index:1; overflow:hidden; background:#f5f5f5; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
.map_box a {display:block; width:100%; height:100%;}
.map_box img {display:block; width:1000px; height:466px; object-fit:cover; border:0; transform:scale(2); transform-origin:center center;}
.map_box iframe {width:1000px; height:466px; border:0; display:block; border-radius:10px;}
.map_box .root_daum_roughmap {width:100% !important; max-width:1000px;}
.map_box .root_daum_roughmap .wrap_map {height:466px !important;}
.map_text {float:left; margin:70px 0px 0px 20px; }
.map_text .map_tit {font-weight: 700; font-size: 22px; line-height: 30px; letter-spacing: -0.025em; text-transform: uppercase; color: #117365; width:620px; float:left;}
.map_text .map_tit span.address {font-weight: 400; font-size: 18px; line-height: 30px; letter-spacing: -0.025em; text-transform: uppercase; color: #222222; margin-left:15px;
background:url('../images/line_1.png') no-repeat 0px 5px; background-size:1px 10px; padding-left:15px;}
.map_text .TEL {float:left; line-height: 30px; font-weight: 400; font-size: 18px; }
.map_text .FAX {float:left; line-height: 30px; margin-left:40px; font-weight: 400; font-size: 18px; }

.map_btn {float:left; width:1000px; border-top:1px solid rgba(0,0,0,0.1); margin:30px 0px 0px 0px; padding-top:15px; }
.map_btn .naver {float:left; text-align:center; width: 490px; height: 70px; line-height: 70px; background: #01C73C url('../images/tit_icon3.png') no-repeat 180px 26px;
border-radius: 10px;  padding-left:30px;}
.map_btn a.naver  {font-size: 18px; color: #FFFFFF; font-weight: 700; }
.map_btn .kakao {float:left; text-align:center; width: 490px; height: 70px; line-height: 70px; background: #FAE100 url('../images/tit_icon4.png') no-repeat 180px 26px;
border-radius: 10px;  padding-left:30px; margin-left:20px;}
.map_btn a.kakao  {font-weight: 700; font-size: 18px; color: #392120;}


.group {position:relative; float:left; width:1000px; height:614px; margin:50px 0px 0px 20px; background:url('../images/cont_bg10.png') no-repeat;}
.group span.name1 {position: absolute; top:48px; left:440px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px;}
.group span.name2 {position: absolute; top:285px; left:450px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px;}
.group span.name3 {position: absolute; top:178px; left:765px; text-align:center; color:#222; font-weight: 400; font-size:18px; line-height: 30px;}
.group span.name4 {position: absolute; top:292px; left:160px; text-align:center; color:#222; font-weight: 400; font-size:18px; line-height: 30px;}
.group span.name5 {position: absolute; top:394px; left:740px; text-align:center; color:#222; font-weight: 400; font-size:18px; line-height: 30px;}
.group span.name6 {position: absolute; top:565px; left:95px; text-align:center; color:#fff; font-weight: 700; font-size:18px; line-height: 30px; }
.group span.name7 {position: absolute; top:565px; left:450px; text-align:center; color:#fff; font-weight: 700; font-size:18px; line-height: 30px; }
.group span.name8 {position: absolute; top:565px; left:800px; text-align:center; color:#fff; font-weight: 700; font-size:18px; line-height: 30px; }


.group_1 {position:relative; float:left; width:900px; height:668px; margin:100px 0px 0px 50px; background:url('../images/Group_i.png') no-repeat; background-size:900px 668px;}
.group_1 span.name11 {position: absolute; top:39px; left:397px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px;}
.group_1 span.name12 {position: absolute; top:141px; left:40px; text-align:center; color:#797979; font-weight: 700; font-size:18px; line-height: 30px;}
.group_1 span.name13 {position: absolute; top:40px; left:804px; text-align:center; color:#fff; font-weight: 700; font-size:18px; line-height: 30px;}
.group_1 span.name14 {position: absolute; top:105px; left:798px; text-align:center; color:#797979; font-weight: 700; font-size:18px; line-height: 30px; }
.group_1 span.name15 {position: absolute; top:256px; left:750px; text-align:center; color:#797979; font-weight: 700; font-size:18px; line-height: 30px; width:140px;}
.group_1 span.name16 {position: absolute; top:325px; left:780px;text-align:center; color:#797979; font-weight: 700; font-size:18px; line-height: 30px; }
.group_1 span.name17 {position: absolute; top:238px; left:420px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px; }
.group_1 span.name18 {position: absolute; top:343px; left:402px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px;}
.group_1 span.name19 {position: absolute; top:453px; left:412px; text-align:center; color:#fff; font-weight: 700; font-size:22px; line-height: 30px;}
.group_1 span.name20 {position: absolute; top:610px; left:266px; text-align:center; color:#797979; font-weight: 700; font-size:22px; line-height: 30px;}
.group_1 span.name21 {position: absolute; top:610px; left:590px; text-align:center; color:#797979; font-weight: 700; font-size:22px; line-height: 30px;}





.sidebar {margin:40px 0px 100px 0px; width:220px;   float:left;}

.nav {list-style-type:none;  margin-top:0;}
.nav li.leftmenu_tit { height:134px; line-height:134px; padding:0px; border-left:none; border-right:none;}
.nav li {padding:0px 0px 0px 20px; border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0, 0, 0, 0.2); border-right:1px solid rgba(0, 0, 0, 0.2);}
.nav li:last-child {  border-bottom:1px solid rgba(0, 0, 0, 0.2); border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.nav li a {width:100%;  color: #616161;  display: block;  padding:18px 0px 18px 0px;  font-weight: 500;font-size: 18px;line-height: 24px;letter-spacing: -0.025em; color: #222222;}
.nav li.active {background: rgba(0, 0, 0, 0.05);  position: relative;}
.nav li:last-child.active {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.nav li.active a {  color: #117365;}




.sub_top_nav {padding-top:11px;}
.sub_top_nav .sub_nv {float:left; display: flex;flex-wrap: wrap;justify-content: flex-first; margin-left:clamp(520px, calc(1050 * max(1200px, min(100vw, 1920px)) / 1920), 1050px); padding-right:clamp(20px, calc(40 * max(1200px, min(100vw, 1920px)) / 1920), 40px); overflow:hidden;}
.sub_top_nav .sub_nv > li {font-weight:400; color:#fff; float:left; line-height:36px; position: relative; margin-left:50px;}
.sub_top_nav .sub_nv > li::after {content: "";position: absolute; top:13px; left:58px;  display:block; background:url('../images/sub_nv_arrow.png') no-repeat left top; background-size:7px 12px; width:7px; height:12px;}
.sub_top_nav .sub_nv > li.arrow_2::after {content: "";position: absolute; top:13px; left:92px;  display:block; background:url('../images/sub_nv_arrow.png') no-repeat left top; background-size:7px 12px; width:7px; height:12px;}
.sub_top_nav .sub_nv > li.arrow_3::after {content: "";position: absolute; top:13px; left:80px;  display:block; background:url('../images/sub_nv_arrow.png') no-repeat left top; background-size:7px 12px; width:7px; height:12px;}
.sub_top_nav .sub_nv > li:first-child {width:36px; height:36px; padding-top:4px; background:rgba(255,255,255,0.3); border-radius:50%; text-align:center;}
.sub_top_nav .sub_nv > li:last-child {border:0;}
.sub_top_nav .sub_nv > li:last-child::after {content: "";  background:none; }
.sub_top_nav .sub_nv > li.on {color:#fff; font-weight:700;}


.sub_nv_icon {display: flex; float:left; flex-wrap: wrap;justify-content: flex-first; padding-top:8px; margin-left:30px;}
.sub_nv_icon li {float:left; text-align:center; width:60px; display:block;}
.sub_nv_icon li:first-child {background:url('../images/footer_line.png') no-repeat right 8px; background-size:1px 10px;}











.menu-active #menu-btn img {
  display:none;
}
.menu-active #menu-btn span:before {
  transform: translateY(0) rotate(45deg) translateZ(0);  display:block;
}
.menu-active #menu-btn span:after {
  transform: translateY(0) rotate(-45deg) translateZ(0); display:block;
}
.menu-active #menu-wrapper {
  display:block;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.4s, opacity 0.4s;
}



#menu-btn {
  right: 45px;
   width:25px;
  height: 20px;
  cursor: pointer;
  top: 40px;
  display: block;
  position: fixed;
  z-index: 9999999999999999999999;

}

#menu-btn span {
  display:none;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 1px;
  
  font-size: 0;
-webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: all 0.3s ease-out;
  left: 50%;
  margin-left: -12px;
}
#menu-btn span:after,
#menu-btn span:before {
  transition: all 0.3s ease-out;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
   display:none;
}
#menu-btn span:before {
  transform: translateY(-298%) translateZ(0);
}
#menu-btn span:after {
  transform: translateY(298%) translateZ(0);
}



#menu-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:#222;
  z-index: 999999999;
  visibility: hidden;
  opacity: 0;
  transform: scale(1);
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
#menu-wrapper nav {
  text-align: center;
  position: relative;
  height: 100%;
  display: table;
  width: 100%;
}
#menu-wrapper nav ul {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
#menu-wrapper nav ul li {
  list-style: none;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0px;
  padding: 0px;
}
#menu-wrapper nav ul li a {
  font-size: 20px;
  font-weight: 400;
  display: block;
  color: #fff;
  transition: color 0.2s;
  outline: none;
  text-decoration: none;
  background: transparent;
  padding: 15px;
}
#menu-wrapper nav ul li a:hover {
  color: #00ffff;
}


#menu-wrapper dl.nav_line { position: relative;  height: 100%;  display: table; width:20%; float:left; border-right:1px solid rgba(255,255,255,0.1); } 
#menu-wrapper dl.nav_line dt { width:230px; height:60px;  background: url('../images/sitemap_tit.png') no-repeat; background-size:230px 60px; margin:160px auto 0px auto; color:#fff;
 font-size:24px; font-weight:600; line-height:30px; letter-spacing:-0.025em; text-align:left; padding:15px 0px 0px 20px;}
#menu-wrapper dl.nav_line dd {background: url('../images/Ellipse_1.png') no-repeat 80px 10px; background-size:4px 4px; padding-left:105px; font-weight: 400; font-size: 18px; line-height: 26px;
letter-spacing: -0.025em; color: #FFFFFF; margin-top:30px;}
#menu-wrapper dl.nav_line dd a {color: #FFFFFF;}
#menu-wrapper dl.nav_line dd.gray {background: url('../images/Ellipse_2.png') no-repeat 80px 10px; background-size:4px 4px; color: rgba(255,255,255,0.3);}


@media all and (max-width:1512px) {
	#menu-wrapper dl.nav_line dt { width:180px; height:50px; background-size:180px 50px; font-size:20px;  padding:10px 0px 0px 20px; }
	#menu-wrapper dl.nav_line dd {background: url('../images/Ellipse_1.png') no-repeat 20px 10px; padding-left:35px;}
	#menu-wrapper dl.nav_line dd.gray {background: url('../images/Ellipse_2.png') no-repeat 20px 10px;}
}


.select-box { position:relative;  display:inline-block;  min-height:50px;  max-height:50px;  width:140px;  margin-right: 20px;  padding: 40px 0 0;  box-sizing: border-box;
  outline:none;  overflow: hidden;  vertical-align:top;  background: #ECECEC;  border-radius:5px;  transition:.3s; z-index:1; cursor:pointer;}
.select-box.select-box-news { width:160px; }
.select-box.select-box-pub { width:160px; }
/* 기본(닫힘): 아래쪽 화살표(v) */
.select-box:after {  content: '';  position: absolute;  width: 24px;  height: 50px;  top: 0;  right: 10px; left:auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;  background-position: 50% 50%;  cursor: pointer;  transform: rotate(180deg); z-index:30; pointer-events:none;}
#hover-select:hover { max-height: 160px;}
#hover-select:hover:after { transform: none;}
.select-box > input { display: none;}
.select-box > label {  display: block;  height: 50px;  width: 100%;  padding: 0 10px;  box-sizing: border-box;  line-height: 50px;  cursor: pointer;  transition: background-color .4s;}
.select-box > label:hover { background-color: #f4f4f4;}
.select-box > input:checked + label {  position: absolute;  top: 0; background:#ECECEC; z-index:2;}
.select-box > input:checked + label:hover { background-color: #f4f4f4; cursor: pointer;}
/* 닫혀 있을 때 선택된 항목이 클릭을 가로채지 않도록 */
#select-box-input:not(:checked) + .select-box > input:checked + label {
	pointer-events: none;
}
#select-box-input {  display: none;}
#select-box-input:checked + label {
	max-height: 260px !important;
	overflow: hidden;
	z-index: 200;
	box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
#select-box-input:checked + label.select-box-news {  max-height: 260px !important;}
#select-box-input:checked + label.select-box-pub {  max-height: 310px !important;}
/* 열림/오버: 위쪽 화살표(^) */
#select-box-input:checked + label:after {transform: none; background-position: 50% 50%;}
.select-box:hover:after { transform: none; }
#select-box-input + label > label:hover {  background-color: rgba(0, 105, 92, .12);}
#select-box-input:not(:checked) + label { max-height: 50px;}



.search_area {width:730px; margin:0px auto; overflow:visible; position:relative; z-index:50;}
.search_area::after {content:""; display:block; clear:both;}
.search_area .select_form {float:left; margin:20px 0px; width:160px; height:50px; overflow:visible; position:relative; z-index:60;}
.search_area .search_form {float:left; margin:20px 0px 0px 20px; width:545px; position:relative; z-index:1;}
.search_area .search_form form {margin:0; padding:0; overflow:hidden;}
.search_area .search_form input {width:420px; height:50px; background: #ECECEC; border:none; border-radius:5px; float:left; box-sizing:border-box;} 
.search_area .search_form input::placeholder {	color: #82868A; font-size:16px; padding-left:20px;}
.search_area .search_form input::-webkit-input-placeholder{color: #82868A; font-size:16px; padding-left:20px;}
.search_area .search_form input:-ms-input-placeholder{	color: #82868A; font-size:16px; padding-left:20px;}
.search_area .search_form button {margin-left:20px; border:none; border-radius:5px; width:100px; height:50px; background:#00695C; color:#fff; float:left; font-size:16px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 10px; line-height:1;}
.search_area .search_form button span {width:18px !important; height:18px !important; padding:0 !important; display:inline-flex; align-items:center; justify-content:center; line-height:0; flex-shrink:0;}
.search_area .search_form button svg {display:block; width:18px; height:18px;} 


.board_area {float:left; width:100%; position:relative; z-index:1; overflow:visible;}
.rwd-table {width:100%; overflow: hidden; border-top:1px solid #222; position:relative; z-index:1;
     tr{border-bottom:1px solid rgba(0,0,0,0.2); }
	 th, td { text-align:center; letter-spacing: -0.025em; font-size: 16px; }
	 th { color:#222; font-weight:700; height:50px; line-height:50px;  }
	 td { color:#222; font-weight:300; height:50px; line-height:50px; }
	 td span.file {padding:10px 0px 0px 25px; float:left; width:43px; height:30px;}
	 td.text-l {text-align:left;}
	 tr:last-child {border-bottom:1px solid #222;}
	}

.page {margin:50px auto; width:100%; display:flex; justify-content:center; flex-wrap:nowrap; overflow:hidden;}
.page > ul {display:flex; justify-content:center; flex-wrap:nowrap; margin:0; padding:0; list-style:none;}
.page li,
.page > ul > li {color:#222; font-weight: 300; font-size: 18px; line-height: 24px; text-align:center; width:40px; height:40px; line-height:40px; float:left; flex:0 0 40px; cursor:pointer; display:block;}
.page li.active,
.page > ul > li.active { width:40px; height:40px; background:#222; color:#fff; border-radius:50%;}
.page li a,
.page > ul > li a {display:block; width:100%; height:100%; color:inherit; text-decoration:none;}


.slide {
  width: 100%;
  height: 100vh;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.slide#one {
  background: #525252;
}
.slide#two {
  background: #414141;
}
.slide#three {
  background: #313131;
}

 
nav.fixedmenu{width:100%;	z-index:10;  overflow:hidden; float:left; margin-top:40px; 	border:1px solid rgba(0,0,0,0.1); border-radius:5px;}

#sidebar ul {list-style:none; padding:0; float:left;}
#sidebar li {width:33.3333%; list-style:none; float:left; height:64px; line-height:64px; text-align:center; border-right:1px solid rgba(0,0,0,0.1);}
#sidebar li:last-child {border-right:none;}

nav.fixedmenu a {display:block;	color:#464646; text-decoration:none; font-size:18px;}
nav.fixedmenu li.active-section a{ height:64px; color: #fff; background:#203A91;}

.content-section {position:relative; width:100%; float:left;	margin-top:40px;}
.content-section span.tit_01 {color:#000; font-size:15px; margin-top:50px;}
.content-section span.tit_02 {color:#117365; font-size:22px;  margin-top:50px;}
.content-section p.txt_01 {color:#222; font-size:16px; line-height:30px; margin-top:10px;}

.table-scroll {
	position:relative;
	width:100%;
	 border-top:2px solid #18ADB4;
	overflow:hidden;
	margin-top:40px;
	float:left;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-wrap tr {border-bottom:1px solid #EAEAEA; font-size:16px; color:#222;}
.table-wrap th {background:#F6F6F6; width:150px;}
.table-wrap td {padding:15px 20px; line-height:26px; }

 
.btn_view {background:#52BF8A; padding:7px 13px; float:left; border-radius:5px; line-height:20px; margin-right:10px;}
.btn_caution {margin-top:50px;}
.btn_caution h3 {font-size:16px; color:#222; font-weight:700; line-height:32px;}
.btn_caution p {font-size:14px; color:#222; font-weight:400; line-height:26px;}

.meet_content {font-weight:400; font-size:18px; line-height:36px; letter-spacing:-0.025em; margin:40px 0px 60px 0px;}
.list_btn {width:95px; background:#666 url('../images/icon_1.png') no-repeat 16px 10px; color:#fff; border-radius:5px; font-size:16px; padding:12px 0px 12px 45px; float:right;}


.list {border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; float:left; width:100%; margin-top:25px; padding:15px 0px;}
.list li {float:left; width:100%; line-height:40px;}
.list li .list_btn_1 {width:95px; background:#0FAA76; color:#fff; border-radius:5px; font-size:16px; padding:0px 0px 0px 15px; height:40px; line-height:40px; float:left; margin-right:10px;}
.list li .list_btn_1 span.ico_2 {margin-right:10px;}



.photo_list {width:100%; border-top:2px solid #222; float:left; overflow:hidden;}
.photo_list li {width:310px; float:left; margin-right:30px; margin-bottom:30px;}
.photo_list li:nth-child(3n) {margin-right:0px;}
.photo_list li p.p_txt {margin-top:15px; color:#000; font-size:18px; line-height:24px; float:left;}
.photo_list li p.p_txt1 {float:left; color:rgba(0,0,0,0.5); font-size:15px; margin-top:5px;} 
.photo_list li p.p_txt1 span.p_txt2 {margin-left:20px;}
.photo_list li span.p_img {width:312px; height:190px; float:left;}
.photo_list li span.p_img img {width:310px; height:190px;}



.board_page {margin:30px 0px 12px 0px; font-size:16px; line-height:24px; color:rgba(0,0,0,0.5); float:left; width:1000px;}



.navs-tabs { display:none; }


.tab-pane { padding:6px; background:#efefef;}
.tab-pane.active {}
.tab-content>.active {display:block;}

.tab-content {
  > .tab-pane {
    display: none;
  }
  > .active {
    display: block;
  }
}
@media (min-width: 1000px) {

  .tab-content .heading {  display: none; }
  .navs-tabs {   display:block; width:100%; margin-top:40px; float:left;}

  .navs-tabs > li {   }
  .navs-tabs > li > a { width:16.66666%; color: #464646; height:64px; line-height:64px; margin-right:-1px; font-size: 18px;
    background: #fff;   text-align:center;   border:1px solid rgba(0,0,0,0.1);   border-radius: 0;	float:left;}
  .navs-tabs > li.active {  z-index: 2; }
  .navs-tabs > li.active > a {   margin-right: 0; }
  .tab-content {  width:100%;   background: #fff;   float:left;  }
  
  .tab-pane {   background: #fff; }


  .navs-tabs > li.active > a,
  .navs-tabs > li.active > a:focus,
  .navs-tabs > li.active > a:hover { color: #fff; cursor: default; background-color: #203A91;  }
  
}



.design_box {width:1000px; background:#F7F7F7; border-radius:10px; float:left; margin-top:30px; padding:30px 30px 40px 40px;}
.design_box dl {width:100%; float:left; margin-top:10px;}
.design_box dl dt {font-size:15px; line-height:40px; color:rgba(0,0,0,0.8); float:left; width:110px; border-right:1px solid rgba(113, 113, 113, 0.3);}
.design_box dl dd { color:rgba(0,0,0,0.8); margin-right:10px; float:left; width:100px; height:40px; line-height:40px; background:#fff; border:1px solid rgba(0,0,0,0.1); 
font-size:14px; text-align:center;}
.design_box dl dd.green {background:#0A8B7B; border:none; color:#fff; margin-left:20px;}


.design_table {margin:30px 0px; width:100%; float:left; border-top:1px solid #222; border-bottom:1px solid #222; overflow:hidden;} 
.design_table li {margin:30px 0px; width:310px; float:left; margin-right:32px;}
.design_table li:nth-child(3n) {margin-right:0px;}
.design_table li span.photo {width:310px; height:324px; float:left;}
.design_table li span.design_tit {font-weight: 500; font-size: 18px; line-height: 24px; margin-top:30px; float:left; width:100%;}
.design_table li dl.design_txt {width:310px; }
.design_table li dl dt {font-weight: 500; font-size: 14px; line-height: 30px; color: #CB1818; float:left; width:70px;}
.design_table li dl dd {font-weight: 500; font-size: 14px; line-height: 30px; color: rgba(0,0,0,0.5);}



.system_box {width:1000px; background:#F7F7F7; border-radius:10px; float:left; margin-top:30px; padding:40px 38px; border:1px solid rgba(0,0,0,0.1);}
.system_box li {float:left; width:164px; text-align:center; background:url('../images/Vector_48.png') no-repeat 130px 40px; background-size:10px 18px; }
.system_box li:last-child { width:88px;}
.system_box li span.s_photo {width:110px; display:block; text-align:center;}
.system_box li p {width:110px; margin-top:15px; font-weight: 400;font-size: 16px; line-height: 19px; color: #2B2B2B;}
.system_box li:last-child span.s_photo { width:88px;}
.system_box li:last-child p {width:88px;}

.paper_info {width:100%; margin-top:60px; float:left;}
.paper_info span.paper_tit {font-size:26px; color:#222; font-weight:500;}
.paper_info .paper_box { width:100%; height:365px; background:url('../images/icon_2.png') no-repeat 220px 60px; border:1px solid rgba(0,0,0,0.1); margin-top:20px; line-height:24px;}
.paper_info .paper_box .add {width:100%; padding:60px 0px 0px 340px; height:190px; overflow:hidden; display:block; color:#666;}
.paper_info .paper_box .phone {border-top:1px solid rgba(0,0,0,0.1); display:block; margin:0px 60px; text-align:center; padding-top:60px; color:#666;} 



.view_tit {font-weight:700; font-size:20px; line-height:normal; color: #222222; text-align:center; width:100%;}
.view_tit .view_tit_head {width:100%; padding:0; box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-height:88px;}
.view_tit .view_tit_head #title {line-height:1.4; padding:24px 0; margin:0; width:100%; box-sizing:border-box;}
.view_tit .view_date {background:rgba(248, 248, 248, 0.8); width:1000px; height:60px; border-top:1px solid rgba(34, 34, 34, 0.2); border-bottom:1px solid rgba(34, 34, 34, 0.2);
font-weight:500; font-size:16px; color:#222222; display:flex; align-items:center; justify-content:center; line-height:normal;}
.view_tit .view_date span.view_date_n {color:#676767; font-weight:300;}

.board-title-cell {position:relative;}
.board-title-cell .board-title-text {cursor:pointer; padding-right:28px; display:inline-block; max-width:calc(100% - 28px); vertical-align:middle;}
.btn-copy-link {
	display:inline-flex; align-items:center; justify-content:center;
	width:28px; height:28px; margin-left:6px; padding:0; border:none; border-radius:6px;
	background:transparent; color:#666; cursor:pointer; vertical-align:middle;
}
.btn-copy-link:hover {background:rgba(6, 154, 121, 0.12); color:#069A79;}
.btn-copy-link.copied {background:rgba(6, 154, 121, 0.18); color:#069A79;}
/* Align with vertical middle of page h2 (e.g. 공지사항): 10 + 32/2 = 26px + 5px */
.btn-copy-link-view {
	position:absolute; right:0; top:31px; transform:translateY(-50%);
	width:36px; height:36px; color:#555; z-index:5;
}

.view_cont {padding:50px; text-align:left; line-height:30px;}

.attach_file {width:1000px; float:left; border-top:1px solid rgba(34, 34, 34, 0.2); border-bottom:1px solid rgba(34, 34, 34, 0.2);}
.attach_file span.file_tit {display:none !important;}

.attach_file .file_list {padding:20px 0px; width:100%; }
.attach_file .file_list span.file {width:45px; height:44px;  margin-right:10px; padding-top:10px;  float:left; display:block;}
.attach_file .file_list span.file_txt {line-height:44px;}
.attach_file .file_list span.download {width:90px; height:32px; line-height:32px; padding-left:10px; border:1px solid rgba(16, 16, 16, 0.5); float:right; font-size:14px; margin-top:6px;
background:url('../images/icon_3.png') no-repeat 66px 10px; cursor:pointer;}


.list_btn_area {float:left; width:100%; margin:30px 0px;}
.list_btn_area span.list_btn0 a {margin:0px auto; color:#fff; width:120px; height:45px; line-height:45px; background:#222; text-align:center; border-radius:5px; display:block;}


.b_n_write { border-top:1px solid rgba(34, 34, 34, 0.2); border-bottom:1px solid rgba(34, 34, 34, 0.2); width:1000px; float:left;}
.b_n_write p {width:100%; float:left; padding:20px 0px;}
.b_n_write p span.arrow_t {float:left; width:100px; text-align:center; display:block;}
.b_n_write p span.before_write {float:left; width:120px; font-weight:300; font-size:16px; color:#676767;}
.b_n_write p span.before_tit {float:left; font-weight:300; font-size:16px; color:#676767;}

.p_infor {border:1px solid rgba(0,0,0,0.1); width:1000px; border-radius:10px; float:left; margin:30px 0px;}
.p_infor h3.name_tit {font-weight:600; font-size:22px;line-height:26px; margin:30px 40px 15px 40px;}
.p_infor h3.name_tit span.name_tit_s {font-weight:400; font-size:14px; line-height:26px; color:#727272; margin-left:10px;}

.p_infor .text_area {padding:0px 30px 30px 30px;  }
.p_infor .text_area form { background:#F9F9F9; padding:20px; border-radius:10px;}

	textarea { width:100%; height:200px; padding:0px; box-sizing:border-box; background:#F9F9F9; font-weight:400; font-size:14px; color:#666; resize:none; border: none; overflow-y:scroll;}
	textarea:focus {outline: none;}

	textarea::-webkit-scrollbar {
    width: 2px;
}
textarea::-webkit-scrollbar-track { 
    background-color: #3B3B3B;
}
textarea::-webkit-scrollbar-thumb { 
    background-color: #CDCDCD;
}
textarea:-webkit-scrollbar-button {
    display: none;
}


.check_area { width:410px; border:1px solid rgba(0,0,0,0.1); border-radius:30px; height:60px; margin:0px auto 40px auto;}
.check_area .check_agree {float:left;}

.checkbox-wrapper-18 .round {  position:relative; float:left; width:200px; padding:8px;}
.checkbox-wrapper-18 .round span.check_text {float:left; margin:10px 0px 0px 10px; font-weight:400; font-size:16px; line-height:26px; color:#6A6A6A;}
.checkbox-wrapper-18 .round label {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    cursor: pointer;
    height: 43px;
    width: 43px;
    display: block;
	float:left;
  }

  .checkbox-wrapper-18 .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 11px;
    left: 18px;
    opacity: 0;
    position: absolute;
    top: 20px;
    transform: rotate(-45deg);
    width: 20px;
  }

  .checkbox-wrapper-18 .round input[type="checkbox"] {
    visibility: hidden;
    display: none;
    opacity: 0;
  }

  .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
  }

  .checkbox-wrapper-18 .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }




.form_infor {border:1px solid rgba(0,0,0,0.1); width:1000px; border-radius:10px; float:left; margin:0px; padding:30px;}
.form_infor table tr th {width:180px; background:#F9F9F9; height:55px; line-height:55px; float:left; border-bottom:1px solid rgba(0,0,0,0.1); color:#444; font-size:15px; }
.form_infor table tr td {float:left; height:40px; margin-top:6px; margin-left:30px;}
.form_infor table tr td input { border:none; height:40px; line-height:55px; background:transparent; width:370px; border:1px solid rgba(0,0,0,0.1); border-radius:30px; padding:20px;}
.form_infor table tr td textarea.textarea {background:transparent; overflow:hidden; border:1px solid rgba(0,0,0,0.1); border-radius:15px; width:700px; height:240px; padding:20px;}
.form_infor table tr td select {border:1px solid rgba(0,0,0,0.1); border-radius:30px; height:40px; padding:0px 10px; }



.w_btn_area {width:265px; margin:30px auto 0px auto; overflow:hidden;}
.w_btn_area span.cancel_b {width:120px; line-height:45px; height:45px; background: #E4E4E4; border-radius: 30px; color:#494949; text-align:center; display:block; float:left; margin-right:20px;}
.w_btn_area span.ok_b {width:120px; line-height:45px; height:45px;  background:#0FAA76; border-radius: 30px; color:#fff; text-align:center; display:block;float:left; }




/* 1200 미만: 1200 고정(가로 스크롤) — 더 이상 축소·리플로우 없음 */
@media all and (max-width:1200px){
html, body {
	width:1200px !important;
	min-width:1200px !important;
	max-width:1200px !important;
	overflow-x:auto !important;
}
.header,
#wrap,
.subCont,
.footer {
	width:1200px !important;
	min-width:1200px !important;
	max-width:1200px !important;
}
}




.form-signin { width: 560px; margin: 0 auto;}
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
	color:#404040;
}

/* ????? ????? */
.custom-checkbox input[type="checkbox"] {
    display: none;
}

/* ?????? ????? ????? */
.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 2px;
    position: relative;
    margin-right: 10px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* ?? ?? ????? */
.custom-checkbox input[type="checkbox"]:checked + .checkmark {
    background-color: #069A79;
    border-color: #069A79;
}

/* ???? ?????? ?? ?????? */
.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* ???? ?? ?????? ??? */
.custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
    display: block;
}



.leftmenu {margin:40px 0px 100px 0px; width:220px; float:left; position:relative; z-index:5;}
.leftmenu  ul {	list-style: none;	margin: 0;	padding: 0;}
.leftmenu li.leftmenu_tit { height:134px; line-height:134px; padding:0px; border-left:none; border-right:none;}
.leftmenu li { border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0, 0, 0, 0.2); border-right:1px solid rgba(0, 0, 0, 0.2);}
.leftmenu li:last-child {  border-bottom:1px solid rgba(0, 0, 0, 0.2); border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.leftmenu ul li a.active {background: rgba(0, 0, 0, 0.05); position: relative; color: #117365;}
.leftmenu ul li a {	width:100%;  display: block;  padding:18px 0px 18px 20px;  font-weight: 600;font-size: 18px;line-height: 24px;letter-spacing: -0.025em; color: #222222; 
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}

.leftmenu  ul li a .fa {	width: 16px;	text-align: center;	margin-right: 5px;	float:right;}
.leftmenu  ul ul {	background-color:#ebebeb;}

.leftmenu  ul li ul li {border-left:none; border-right:none; border-bottom:none;}
.leftmenu  ul li ul li:last-child {border-bottom:none;}
.leftmenu  ul li ul li a {	background:#fff;	padding: 10px 38px; font-size: 16px; border-bottom:1px solid #ebebeb;  color:#117365; }
.leftmenu  ul li ul li:last-child a {border-bottom:none;}
.leftmenu ul li ul li a.active_1 {	background: #00A881;  color:#fff; }


.jdpbe_text {color: #222222; font-weight: 400; font-size: 18px; margin:40px 0px; float:left; line-height: 30px;}




@media all and (max-width:1512px){
	.nav_wrap > .left .gnb_box {left:38%;}
	.nav_wrap > .left .gnb > li + li {margin-left:40px;}
	.nav_wrap > .right {right:520px;}
	.nav_wrap > .right .login_box .aiedter {display:none;}

   .sub_nv_icon {display:none;}
   .footer .footer_logo {margin:0;}
}

.pre-wrap img,
#content img {
	max-width: 100%;
	height: auto;
}