@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url(gnufix.css);
@import url(/css/splash.css);
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap');

:root {
--bs-body-color:#212529;
--bs-body-font-family:'Noto Sans KR';/*Nanum Gothic*/

--main-color:#0d4e96;
--sub-color:#f15f6f;
--alt-color:#f15f6f;
--main-color-contrast:#3e29fe;
--dominant-colr:#000;
--heading-color:#0c4f96;
--heading2-color:#0d4e96;
--heading3-color:#474e60;
--heading4-color:#536685;

--text-dark:hsl(0,0%,13%);
--text-grey:hsl(0,0%,29%);
--text-light:hsl(0,0%,70%);

--primary-color:#536685;
--primaryhover-color:#2e5aa1;

--border-color#dfdfdf;
}

@media (prefers-color-scheme: light) {
 }
@media (prefers-color-scheme: dark) {
 }

body{font-size:1rem;overflow-x: clip; }
body,h1, h2, h3, h4, h5, h6,textarea, select{font-family: var(--bs-body-font-family), sans-serif;}



.form-check-input:checked{background:var(--main-color);}

a{color:#0070c0; text-decoration:none;} 
a:hover{ color:#DC143C;} 
:focus {outline:0;box-shadow:none!important;}

optgroup{font-style:normal;}
address{ margin-bottom:0; font-style:normal;}
caption{caption-side: unset; color:inherit;}

ul{padding:0;}


@media (prefers-reduced-motion: reduce){
.fade {transition: opacity .15s linear;}
}
.btn-primary{ background-color:var(--primary-color); border-color:var(--primary-color);}
.btn-primary:hover{ background-color:var(--primaryhover-color); border-color:var(--primaryhover-color);}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.nav-top-sub{ background:rgba(0,0,0,.5); font-size:0.875em}
.nav-top-sub .col{ display:flex;align-items:flex-end;justify-content:flex-end; }
.nav-top-sub ul{ margin-bottom:5px}
.nav-top-sub li{ display:inline-block; margin-left:12px;}
.nav-top-sub a{ color:rgba(255,255,255,.8);}
.nav-top-sub a.admin-link{ color:#fff; padding:2px 6px; height:2em; line-height:1.5em}

#site-header{background: linear-gradient(180deg, rgba(241,95,111,1) 0%, rgba(241,95,111,1) 12px, rgba(255,255,255,1) 12px, rgba(255,255,255,1) 100%);}
.nav-top-g{background: linear-gradient(90deg, rgba(12,79,150,0) 0%, rgba(12,79,150,0) 70%, rgba(12,79,150,1) 70%, rgba(12,79,150,1) 100%);}
#sitemenu{ padding:0;align-items: flex-start; }
.navbar-brand{ padding-top:2rem; padding-bottom:0;}
#nav-top{ justify-content:end; flex-grow:0; margin-left:auto; background-image: url(../img/bg-nav-top-g.png); background-repeat: no-repeat; background-position: left bottom; padding:25px 0 40px 100px }
#nav-top .nav-link{ color:#fff;}
.breadcrumb-item + .breadcrumb-item::before{ content:"\003e";transform:scaleX(0.6); color:#CCC;}
.dropdown-item.active, .dropdown-item:active{ background:rgba(0,0,0,.5);}


#splash{ overflow:hidden; position:relative;  }
#splash .slick-slide img{ width:100%;}
#splash .splash-slogan{ font-size:1.8rem; color:#fff; width:65%; bottom:0; left:0; background-image: url(../img/bg-splashslogan.png); background-repeat: no-repeat; background-position: right top; padding:2.8rem; padding-left:4.6rem; padding-right:120px;  }
#splash .splash-slogan span{ font-size:.65em; display:block; margin-top:3rem; position:relative;}
#splash .splash-slogan span:before{ content:''; position:absolute; left:0; top:0; width:64px; height:4px; background:rgba(255,255,255, .5);transform: translate(0,-1.5rem);}
#splash .slick-dots {justify-content: end; padding-right:.5rem;}
#splash .slick-dots button{ border-radius:0; border:0; background:hsl(0, 0%, 80%);}
#splash .slick-active button{ background:var(--main-color);}

#splash video{ position:absolute; left:0; right:0; top:0; bottom:0;width: 100%;mix-blend-mode: screen;pointer-events: none; opacity:.15;aspect-ratio: 2.35; }


.con-container h1,
.con-container h2,
.con-container h3{ font-size:2em; color:var(--heading-color); font-weight:700; letter-spacing:-.5px; position:relative; padding:0 0 12px 0; margin-top:3rem; margin-bottom:2rem;}
.con-container h1:first-of-type,
.con-container h2:first-of-type,
.con-container h3:first-of-type,
.con-container h4:first-of-type{ margin-top:0;}
.con-container h1 strong{ color:#000; font-weight:900; }
.con-container h1:before,
.con-container h2:before,
.con-container h3:before{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}

.con-container h2{ font-size:1.8em; color:var(--heading2-color); margin-bottom:1rem; letter-spacing:-2px}
.con-container h2:before{ background:var(--alt-color); opacity:.9; width:50px; height:3px;bottom:-6px;}
.con-container h2.center{ text-align:center;}
.con-container h2.center:before{left:50%; transform: translate(-50%,0);}

.con-container h3{ color:var(--heading3-color); font-size:1.429em; padding:0 0 0 10px; margin-top:3rem; margin-bottom:1.5rem;}
.con-container h3:before{ background:var(--heading3-color); width:4px; height:auto; bottom:0; top:.25em;}

.con-container h4{ color:var(--heading4-color); font-size:1.286em; margin-top:2rem;margin-bottom:1rem;}
.con-container h4:before{ content:'-'; color:var(--heading4-color); font-size:1.143em; margin-right:5px; display:inline-block;}

ul.list{ padding:0;margin-bottom:0;}
ol.list{padding-left:26px;}
ol.list{ list-style-position: inside; }
ul.list li{list-style:none; position:relative; padding-left:12px;margin-bottom:8px;}
ul.list li:last-child{ margin-bottom:0;}
ul.list li:before { position:absolute; left:0; top:-2px;content: "\2022"; color:#777; }
.list li ul{ margin:10px 0 0 20px;}
ol.list>li{counter-increment: list;list-style-type: none;position: relative; margin-bottom:8px;}
ol.list>li:before {color: #e75204;content: counter(list) ".";left:-32px;position: absolute;text-align: right;width: 26px;}


#site-footer{ background:hsl(0, 0%, 25%); padding:2rem 0; margin-top:1rem; }
#site-footer .logo-alt img{  filter: brightness(0) invert(1);opacity: .6;}
#site-footer address,
#site-footer p{ margin-bottom:0;}
#site-footer,#site-footer a{color:hsl(0, 0%, 80%);}

/*
█▄▄ █▀█ ▄▀█ █▀█ █▀▄
█▄█ █▄█ █▀█ █▀▄ █▄▀
*/
.ck.ck-editor__editable { min-height: 200px; }
#bo_v_con div{ position:relative;}
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }

#addr1{margin-left:0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
#addr1:focus + label{ display:none!important;}
#bo_list .td_name{ width:120px; text-align:center}
#bo_list .td_num{ width:60px;}
#bo_list .td_datetime{  width:1%; white-space: nowrap; font-size:.9em;}
#bo_w{max-width: 960px;margin: 0 auto;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: .375rem .75rem;}
.write_div{ position:relative;}
._write_div input:valid + label.sound_only,
write_div input:not(:placeholder-shown) + label.sound_only,
.write_div input:focus + label.sound_only,
.write_div textarea:not(:placeholder-shown) + label.sound_only,
.write_div textarea:focus + label.sound_only{ display:block; position:absolute;top:-6px; left:8px; width:auto; height:1.1em; line-height:1; font-size:.92em; padding:0 3px!important; background:#fff; color:#999;}
label.sound_only strong{ display:none;}
.bo_w_info.write_div input:focus + label.sound_only{ display:none!important;}
.bo_v_nb{ display:none;}
.bo_notice td{ background:rgba(0,0,0,.06)!important;}
.bo_notice .notice_icon{color:crimson;}
#bo_list .bo_tit .fa-lock{ border:0 none; background:none;}
#bo_list .bo_tit .new_icon{ background:#1E90FF; width:auto; height:auto; line-height:normal; padding:1px 4px 2px; font-size:10px; color:#fff;}
#bo_list .bo_tit .fa-download{ font-size:10px; height:auto; width:auto; padding:5px 4px 3px; line-height:normal}
#bo_list .bo_tit .fa-link{ background:none; color:#4285f4; font-size:.6em;}
#bo_v_title .bo_v_tit{ font-size:1.5em;}
#bo_gall #bo_list_total,
#bo_gall .btn_bo_user,
#bo_gall .btn_bo_user li{ float:none;}
#bo_gall #bo_btn_top{display: flex;justify-content: space-between;}
#bo_gall .btn_bo_user{display: flex;margin-left: auto;}

.check-each{ position:absolute; right:10px; top:10px; z-index:900;}
.row.gallery .card{ height:100%;}
.row.gallery .card-body{padding:1rem;}
.row.gallery .card-img,.row.gallery .card-img-bottom,.row.gallery .card-img-top{max-width:100%; height:auto;}
.row.gallery .card-title{ font-size:1em; margin-top:0;}
.row.gallery .card-title a{ color:#333;text-decoration:none;}
.row.gallery .card-title a:hover{ color:#d95502;}
.row.gallery .card-text{ font-size:.91em; color:#777;}
.row.gallery .card .no-image{ width:100%; height:100%; position:relative; background:rgba(0,0,0,.1); }
.row.gallery .card .no-image span{ display:block; width:100%; position:absolute; top:50%; transform: translateY(-50%); text-align:center; text-transform:uppercase; color:#aaa; font-size:.8em}
.row.gallery .category{ display:none;}
.row.gallery .card-footer{ font-size:.8em; color:#777; display:flex; align-items: center;flex-wrap: wrap;}
.row.gallery .sv_member{ color:#626262; margin-right:1em;}
.row.gallery .sv_member:before,
.row.gallery .date:before {margin-right:.3em;font-family:FontAwesome, "Font Awesome 5 Free";}
.row.gallery .sv_member:before{ content: "\f007";}
.row.gallery .date:before{ content:"\f017";}
.row.gallery .hits{ margin-left:auto;}

.no-image span:before { display:block; font-size:1.8em; content: "\f03e";font-family:FontAwesome, "Font Awesome 5 Free";}

.list-btn{ text-align:center; border-top:1px solid hsl(0,0%,70%); padding-top:1rem}
.list-btn .btn{ border:1px solid hsl(0, 0%, 50%); border-radius:0; padding-left:2rem; padding-right:2rem;}


#bo_cate a{ border-color:var(--main-color); color:var(--main-color); opacity:.8; line-height:1.25; border-radius:0}
#bo_cate #bo_cate_on,
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{ box-shadow:none; background:var(--main-color); border-color:var(--main-color); opacity:1}

#bd_project .row.gallery .card-title{ font-size:1.625em; font-weight:700; margin-bottom:1em;}
#bd_project .row.gallery .card-title a{ color:var(--sub-color);}

#bo_cate_ul{ font-size:1.15em;}

/* } board  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.pdfview{ aspect-ratio:.71}




.ui-datepicker { font-size:.9em;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{font-family: sans-serif;}

.cut-corner img{
--g: #000, #0000 1deg 179deg,#000 180deg;
--mask:conic-gradient(from -45deg at top    40px right 40px,var(--g)) 100% 0   /100% 100% no-repeat;	
-webkit-mask: var(--mask);
mask: var(--mask);}


/* #con #######################################################################
█▀▀ █▀█ █▄░█
█▄▄ █▄█ █░▀█
*/
#content h1{font-family: 'Montserrat', sans-serif; font-weight:900; transform: scale(.9,1); transform-origin:left; color:var(--heading-color); font-size:4.6rem; position:relative; display:inline-block}
#content h1:after{ content:''; display:block; width:50px; height:3px; background:var(--alt-color); position:absolute; left:110%; bottom:0.25em;}
main#content > section{ padding:6rem 0;}
#c-forum{ background:var(--main-color);}
#c-forum h1{ color:#fff; display:block;}
#c-forum h1:after{ display:none;}

#c-about .slogan{ font-weight:700; color:var(--main-color); font-size:1.4em;}
.quote{ position:relative; margin:20px 0; padding:15px; font-size:.92em; color:#888}
.quote:before,
.quote:after{ font-family:FontAwesome; font-size:4em; z-index:-1; position:absolute; color:rgba(0,0,0,.08);}
.quote:before{content:"\f10d"; left:-10px; top:-16px;}
.quote:after{ content:"\f10e"; right:0; bottom:-20px;}
#c-about .quote{ font-size:1em; color:currentColor;}
#c-about .quote:after{ display:none;}

.about-menu{display:flex;align-items:center;flex-wrap:wrap;gap:2rem; margin-top:3rem}
.about-menu a{ padding:1rem 3rem; border:1px solid hsl(0, 0%, 80%); border-radius:0; color:hsl(0, 0%, 13%); display:block;}
.about-menu a:after { content: "\f061";font-family:FontAwesome, "Font Awesome 6 Free";margin-left:1.5em;display:inline-block; color:var(--sub-color);}
.about-menu a:hover{ background:var(--sub-color); color:#fff; border-color:var(--sub-color);}
.about-menu a:hover:after{ color:#fff;}

.latest{ padding-top:4rem;}
.latest li{display:flex;justify-content:space-between;align-items:center;gap:2rem; padding:2rem 1rem; border-top:1px solid hsl(0, 0%, 90%);}
.latest li:last-child{ border-bottom:1px solid hsl(0, 0%, 90%); }
.latest .article a{ color:hsl(0, 0%, 46%);font-size:1.25em;}
.latest .info{font-size:.86em; margin-bottom:.8rem}
.latest .info .date{ color:hsl(0, 0%, 46%);}
.latest .category{ background:hsl(0, 0%, 90%); border-radius:1rem; display:inline-block; padding:0 1rem;}
.latest .more{ color:var(--sub-color);transition: all .5s;}
.latest li:hover .more{ transform: translate(80%,0);}



main#content .rel-site{ padding:1rem 0; padding-top:2rem; border-top:1px solid #e7e7e7;}
main#content .rel-site img{ border:1px solid #bdbdbd;}



main#content #c-forum{ padding-top:1.5rem;}
#c-forum h1{transform: translate(0,50%); z-index:2}
#c-forum .slick-list{padding:0 20% 0 0 !important;}
#c-forum .slick-prev{ left:-40px;}
#c-forum .slick-next{ right:-70px;}
#c-forum .slick-slide {margin: 0 2rem;}
#c-forum .slick-list {margin: 0 -2rem; overflow:hidden}

#c-forum figcaption{ color:#fff;font-size:1.4em; margin-top:1.5rem; opacity:.7}
#c-forum figcaption p{ font-size:0.7em; margin-top:.6em}

.header-page{ padding-top:6rem; padding-bottom:5rem}
.header-page:after{ content:''; display:block; position:absolute; left:0; height:.75rem; width:70%; background-image: linear-gradient(45deg,var(--main-color) 90%,#fff 90%,#fff 91%,var(--sub-color) 91%,var(--sub-color) 94%,#fff 94%);}

.header-page h1{ position:relative; font-size:3.375rem; font-weight:900; color:hsl(0, 0%, 30%); font-family:Montserrat, sans-serif}
.header-page h1:before{ content:attr(data-subheading); display:inline-block; font-size:.25em; font-weight:400;transform: translate(0,-100%); padding:.25rem; color:#fff; 
background-image: linear-gradient(45deg,var(--alt-color) calc(100% - 24px),#fff 24px);
padding-right: 48px;
}
.header-page h1:after{  content: attr(data-subtitle);
  font-family: Montserrat, sans-serif;
  font-size: 12rem;
  font-weight: 500;
  position: absolute;
  bottom: -3rem;
  right: 0;
  color: hsl(0, 0%, 92%);
  white-space: nowrap;
  z-index: 1;
  letter-spacing: -.09em;
}
@media (max-width: 767.98px) {
.header-page h1:after{ display:none;}
}
.header-page span{ display:block; position:relative; z-index:2}
.header-page .lnb{ font-size:.9em; display:none}
.header-page .lnb a,
.header-page .lnb{ color:hsl(0, 0%, 48%);}


body#greeting figure{ position:relative;}
body#greeting figcaption{ position:absolute; left:0; right:0; bottom:0; padding:1.4rem; font-size:1.5em; font-weight:700; color:#fff; background:rgba(0,0,0,.4)}
body#greeting .heading{ font-size:1.25em; color:hsl(0,0%,40%); border:0 solid var(--main-color); border-width:3px 0; padding:1rem .5rem; margin-bottom:2rem}


.year-wrapper{ position:relative;display:flex;flex-direction:column-reverse;gap:2rem; }
.year-wrapper::before {content:''; position:absolute; top:0; bottom:0; left:50%; z-index:-1;width:1px; background:var(--text-light);}
.history{position:relative; padding-left:2rem}
.history:before{ content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:4px solid var(--main-color); background:#fff;transform: translate(-100%, 0);}
.history li{ margin-bottom:.6em;}
.history .date{ font-size:1.14em; font-weight:500; display:block; color:var(--text-light);}
.location-info address,
.location-info p { margin-bottom:.5em;}
.location-info .fa-solid{ color:var(--main-color);}

.business .card{ padding-bottom:2rem;}
.business .card-title{ color:var(--main-color); font-size:1.6em; margin:1rem 0 2rem;}
.business .card-title b{ color:var(--sub-color); font-size:1.75em; opacity:.8; font-family:Montserrat, sans-serif;}

/* safari iOS */
_::-webkit-full-page-media,
_:future,
:root .hoge {
  color: red;
}
 
/* firefox */
_:lang(x)::-moz-placeholder,
.hoge {
  color: blue;
}
 
/* edge chrome */
_:lang(x)::-internal-media-controls-overlay-cast-button,
.hoge {
  color: green;
}
/*
#rwd #######################################################################
█▀█ █░█░█ █▀▄
█▀▄ ▀▄▀▄▀ █▄▀
*/
@media (min-width: 576px) { /*sm~ */
}
@media (min-width: 768px) { /*md~*/
#nav-top .btn-close{ display:none;}
#nav-top.show .btn-close{ display:inline-block;}
}
@media (min-width: 992px) { /*lg~*/
#nav-top .dropdown-menu{  display:block; left:50%; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;border-top: 0 none;box-shadow: 0 7px 8px rgba(0, 0, 0, .175);border-radius:0 0 .25rem .25rem; transform: rotateX(-75deg) translateX(-50%);transform-origin: 0% 0%; background:var(--main-color); }
#nav-top .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; transform: rotateX(0deg) translateX(-50%); }
#nav-top .dropdown-item{border-top:1px solid #2367ae; padding:10px 8px; font-size:.9em; color:#fff}
#nav-top .dropdown-item:hover{ color:var(--main-color);}
#nav-top .dropdown-menu li:first-child .dropdown-item{ border-top:0 none;}
#splash .splash-slogan span{ min-height:4rem;}


}
@media (min-width: 1200px) {}


@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) { /*~md*/
#nav-top{ display:block;position:fixed; top:0; left:100%; width:280px; height:100vh; background:#fff;transition: all .5s; z-index:9000;overflow-y: auto; border-left: 1px solid #ddd; padding:0;}
#nav-top.show{transform: translateX(-100%);}
#nav-top .navbar-nav .nav-link{ color:#212121; display:block; position:relative; padding:1em; border-top:1px solid #dedede; font-weight:500}
#nav-top .dropdown-menu{ border:0 none;}
#nav-top .dropdown-toggle::after {position: absolute;right: 1em;top: 45%;}


.nav-top-g{ background:none; padding:20px 0}
.navbar-brand{ padding-top:0;}


#splash .splash-slogan{ font-size:1.25em; width:100%; padding:1rem; background-image:none; background-color:var(--main-color); position:relative; min-height: 12rem;}


.about-menu{ gap:1em;}
.about-menu a{ padding:1rem;}
#c-forum h1{transform: translate(0);}
.latest{ padding-top:2rem;}
.cut-corner img{--mask: conic-gradient(from -45deg at top 20px right 20px,var(--g)) 100% 0 /100% 100% no-repeat;}
.year-wrapper::before{ left:5px;}
.history::before{transform: translate(-5px,.3em);}


}
@media (max-width: 767.98px) { /* ~sm */
html{font-size:14px;}
.tbl_head01 thead th{ padding-top:5px; padding-bottom:5px;}
.bo_tit_sub .name,
.bo_tit_sub .date{ font-size:.9em; display:block;}

.header-page{ padding-top:3rem;}
.header-page h1{ font-size:2.4rem;}
.header-page h1::before { font-size:.4em;}
body#greeting figcaption{ font-size:1em;}

.rounded-start{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-right-radius: var(--bs-border-radius) !important;
}

}
@media (max-width: 575.98px) {
#splash .slick-list{ height:auto;}
}



@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}