@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;}


#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;
display:flex; align-items:center; box-sizing:border-box;}

.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: 30px; line-height: 32px; color: #222222; padding:10px 0px 20px 0px; float:left;}

.contArea .greeting_body {margin-top:40px; width:100%; float:left; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; box-sizing:border-box;}
.contArea .greeting_text {margin:0; font-weight: 400; font-size: clamp(26px, calc(36 * max(1200px, min(100vw, 1920px)) / 1920), 36px); line-height: 1.4; color: #222222; float:none; flex:1 1 auto; min-width:0; max-width:690px; box-sizing:border-box; word-break:keep-all; overflow-wrap:break-word;}
.contArea .greeting_text .greeting_slogan {margin:0; font-weight:700; font-size:inherit; line-height:inherit; color:inherit; text-align:left; letter-spacing:-0.025em;}
.contArea .greeting_text p {font-weight: 400; font-size: 18px; line-height: 32px; color: #222222; margin-top:28px; text-align: left; letter-spacing: -0.025em; word-break:keep-all; overflow-wrap:break-word;}
.contArea .greeting_text .greeting_slogan + p {margin-top:28px;}
.contArea .greeting_photo {float:none; margin:0; flex:0 0 clamp(250px, calc(370 * max(1200px, min(100vw, 1920px)) / 1920), 370px); width:clamp(250px, calc(370 * max(1200px, min(100vw, 1920px)) / 1920), 370px); box-sizing:border-box; position:relative; border-radius:10px; overflow:hidden;}
.contArea .greeting_photo img {width:100%; height:auto; aspect-ratio:370 / 504; object-fit:cover; display:block; border:none; border-radius:10px;}
.contArea .greeting_photo::after {content:""; position:absolute; inset:0; border:1px solid rgba(0,0,0,0.2); border-radius:10px; box-sizing:border-box; pointer-events:none;}
.contArea .greeting_sign {clear:both; float:left; width:100%; margin:6px 0 0 0; display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; box-sizing:border-box;}
.contArea .greeting_sign_title {font-weight:500; font-size:18px; line-height:26px; letter-spacing:-0.025em; color:#117365; white-space:nowrap;}
.contArea .greeting_sign_name {font-weight:700; font-size:28px; line-height:26px; letter-spacing:-0.025em; color:#117365; white-space:nowrap;}
.contArea .greeting_sign_img {width:160px; height:72px; object-fit:contain; display:block; mix-blend-mode:multiply;}


.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; display:grid; grid-template-columns:repeat(auto-fill, 320px); gap:20px; margin:0 0 20px 0; justify-content:start;}
.advisory_cont li {float:none; width:320px; height: 128px; background:rgba(0, 156, 137, 0.05) url('../images/cont_bg6.png') no-repeat right top; padding:30px; margin:0;
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; box-sizing:border-box; white-space:nowrap; overflow:hidden;}
.advisory_cont li:nth-child(3n) {margin-right:0;}
.advisory_cont li p.text_2 {margin-top:18px; font-weight:500; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; color:#222; white-space:nowrap; overflow:hidden;}



.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:0; border:none;
	background:url('../images/leftmenu_bg.png') no-repeat center center;
	background-size:220px 134px;
	color:#fff; font-weight:700; font-size:24px; text-align:center;
	letter-spacing:-0.025em; font-family:'Pretendard', 'Malgun Gothic', sans-serif;
}
.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: 600;font-size: 18px;line-height: 24px;letter-spacing: -0.025em; color: #222222; transition: color 0.2s ease, background-color 0.2s ease;}
.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;}
.nav li:not(.leftmenu_tit):hover {background: rgba(0, 0, 0, 0.05);}
.nav li:not(.leftmenu_tit):hover a {color: #117365;}




.sub_top_nav {padding-top:0; flex:0 0 auto; min-width:0; display:flex; align-items:center; height:100%;}
.sub_top_nav .sub_nv {float:none; display:flex; align-items:center; flex-wrap:nowrap; justify-content:flex-start; margin-left:calc(clamp(520px, calc(1050 * max(1200px, min(100vw, 1920px)) / 1920), 1050px) + 100px); padding-right:0; overflow:visible;}
.sub_top_nav .sub_nv > li {font-weight:400; color:#fff; float:none; line-height:36px; height:36px; display:flex; align-items:center; position:relative; margin-left:48px; padding-right:22px; white-space:nowrap; box-sizing:border-box;}
.sub_top_nav .sub_nv > li::after {content: ""; position:absolute; top:50%; right:0; left:auto; transform:translateY(-50%); 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,
.sub_top_nav .sub_nv > li.arrow_3::after {left:auto; right:0;}
.sub_top_nav .sub_nv > li:first-child {width:36px; height:36px; padding:0; margin-left:50px; background:rgba(255,255,255,0.3); border-radius:50%; text-align:center; justify-content:center; box-sizing:border-box;}
.sub_top_nav .sub_nv > li:first-child::after {right:-22px;}
.sub_top_nav .sub_nv > li:last-child {border:0; padding-right:0; margin-left:23px;}
.sub_top_nav .sub_nv > li:last-child::after {content: none; background:none; display:none; }
.sub_top_nav .sub_nv > li.on {color:#fff; font-weight:700;}


.sub_nv_icon {display:flex; align-items:center; float:none; flex-wrap:nowrap; justify-content:flex-start; padding:0; height:36px; margin-left:100px; margin-right:clamp(24px, calc(40 * max(1200px, min(100vw, 1920px)) / 1920), 40px);}
.sub_nv_icon li {float:none; text-align:center; width:auto; height:36px; display:flex; align-items:center; justify-content:center;}
.sub_nv_icon li:first-child {background:none; cursor:pointer; margin-left:0;}
.sub_nv_icon li:last-child {display:none;}











.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.1); }
	 th, td { text-align:center; letter-spacing: -0.02em; font-size: 16px; }
	 th { color:#222; font-weight:700; height:52px; line-height:52px; }
	 td { color:#222; font-weight:400; height:auto; min-height:56px; line-height:1.5; padding:16px 10px; vertical-align:middle; box-sizing:border-box; }
	 td span.file {padding:10px 0px 0px 25px; float:left; width:43px; height:30px;}
	 td.board-file-cell {text-align:center; line-height:0; vertical-align:middle;}
	 td.board-file-cell img {display:inline-block; width:25px; height:24px; vertical-align:middle;}
	 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;}
.view_tit .view_date span.view_date_n:first-of-type {
	position:relative;
	background-image:none !important;
	padding:0 36px 0 10px !important;
}
.view_tit .view_date span.view_date_n:first-of-type::after {
	content:"";
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:14px;
	background:rgba(34,34,34,0.2);
}

.board-title-cell {position:relative; text-align:left; line-height:1.5;}
.board-title-cell .board-title-text {cursor:pointer; display:inline; padding-right:0; max-width:none; vertical-align:baseline;}
.rwd-table .board-title-cell .btn-copy-link {
	display:inline-flex; align-items:center; justify-content:center;
	width:18px; height:18px; margin:0 0 0 4px; padding:0;
	vertical-align:-2px; flex:none;
}
.rwd-table .board-title-cell .btn-copy-link svg {width:15px; height:15px; display:block;}
.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 next to 조회수 in view meta bar */
.btn-copy-link-view {
	position:static;
	transform:none;
	width:22px;
	height:22px;
	margin-left:18px;
	color:#555;
	flex-shrink:0;
	z-index:5;
}
.view_tit .view_date .btn-copy-link-view svg {width:16px; height:16px; display:block;}

.view_cont {padding:50px; text-align:left; line-height:30px;}
.view_cont img,
#contentView img {display:block; max-width:100%; height:auto; margin:0;}

.dn {display:none !important;}

.attach_file {width:100%; max-width:1000px; float:left; border-top:1px solid rgba(34, 34, 34, 0.2); border-bottom:1px solid rgba(34, 34, 34, 0.2); padding:0 50px; box-sizing:border-box;}
.attach_file span.file_tit {display:none !important;}

.attach_file .file_list {padding:16px 0; width:100%; }
.attach_file .file_list p {display:flex; align-items:center; overflow:hidden; height:auto; min-height:44px; margin:0; padding:4px 0;}
.attach_file .file_list span.file {width:28px; height:24px; margin-right:10px; padding:0; float:none; display:flex; align-items:center; flex:none;}
.attach_file .file_list span.file img {display:block; width:25px; height:24px;}
.attach_file .file_list span.file_txt {line-height:24px; flex:1; min-width:0;}
.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:none; font-size:14px; margin-top:0; flex:none;
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 {
	--leftmenu-text: #222222; /* 좌측 메뉴 글자색 — 여기만 수정 */
	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:0; border:none;
	background:url('../images/leftmenu_bg.png') no-repeat center center;
	background-size:220px 134px;
	color:#fff; font-weight:700; font-size:24px; text-align:center;
	letter-spacing:-0.025em; font-family:'Pretendard', 'Malgun Gothic', sans-serif;
}
.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: var(--leftmenu-text);}
.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: var(--leftmenu-text); word-break:keep-all; overflow-wrap:break-word; 
	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:hover {background: rgba(0, 0, 0, 0.05); color: var(--leftmenu-text);}

.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:  #248770; }
.leftmenu  ul li ul li:last-child a {border-bottom:none;}
.leftmenu ul li ul li a.active_1 {	background: #00A881;  color:#fff; }
.leftmenu ul li ul li a:hover {background: rgba(0, 168, 129, 0.12); color: var(--leftmenu-text);}
.leftmenu ul li ul li a.active_1:hover {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,
#contentView img {
	max-width: 100%;
	height: auto;
	display: block;
}

@media print {
	.header,
	#header,
	.page_line,
	.sidebar,
	.leftmenu,
	.footer,
	.search_area,
	.list_btn_area,
	.sub_nv_icon,
	.attach_file .file_list span.download { display:none !important; }
	html, body { min-width:0 !important; width:auto !important; overflow:visible !important; background:#fff !important; }
	.subCont, .subArea, .contArea { width:100% !important; max-width:none !important; float:none !important; margin:0 !important; padding:0 !important; }
	.view_tit, .view_cont, .attach_file { width:100% !important; max-width:none !important; float:none !important; }
}