@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;300;400;500;700;900&display=swap');
:root {
--bs-body-color:#212529;
--bs-body-font-family:'Noto Sans KR';/*Nanum Gothic*/

--main-color:hsl(199, 70%, 39%);
--sub-color:#c96c5a;
--alt-color:#f00;
--main-color-contrast:#3e29fe;
--dominant-color:hsl(200.7, 13%, 43.7%);
--heading-color:#000;
--heading2-color:#3a3e4b;
--heading3-color:#474e60;
--heading4-color:#536685;

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

--bs-nav-link-font-size:1.4rem;


--border-color:#dfdfdf;
}
.navbar-expand-lg .navbar-nav .nav-link{
--bs-navbar-nav-link-padding-x:1rem;
--bs-navbar-nav-link-padding-y:1rem;
}
@media (prefers-color-scheme: light) {
 }
@media (prefers-color-scheme: dark) {
 }

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

p{word-break:keep-all;}

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

.fa{ font-family:FontAwesome,"Font Awesome 5 Free";}

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

#nav-top{justify-content:end; flex-grow:0; margin-left:auto; font-family:'var(--bs-body-font-family)',Montserrat, sans-serif;transform: scale(.88,1); transform-origin:right; /*text-transform:uppercase;*/}

.sidebar-mask {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1010;
}
.show+.sidebar-mask {
  display: block;
}

.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);}



.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 .5em 0; margin-top:4rem; 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(--heading2-color); opacity:.6; 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:4rem; }
/* #site-footer .logo-alt{filter: grayscale(1) invert(1);mix-blend-mode: exclusion;opacity: .6;} */
#site-footer address,
#site-footer p{ margin-bottom:0;}
#site-footer,#site-footer a{color:var(--bs-gray-500);}

/*
█▄▄ █▀█ ▄▀█ █▀█ █▀▄
█▄█ █▄█ █▀█ █▀▄ █▄▀
*/
.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%; 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;}
.list-btn .btn{ border:1px solid hsl(0, 0%, 50%); border-radius:0; padding-left:2rem; padding-right:2rem;}

/* } board  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.ui-datepicker { font-size:.9em;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{font-family: sans-serif;}
body.modal-open{padding-right: 0px !important;}
/*
#con #######################################################################
█▀▀ █▀█ █▄░█
█▄▄ █▄█ █░▀█
*/
html {
  scroll-padding-top: 105px;
}
.nav-top-sub{ display:none!important;}
.navbar-brand{ text-transform:uppercase;}
.navbar-brand img{ max-width:220px;}


#splash .slick-slide > img{ filter: brightness(.7); width:100%;}
#splash .splash-slogan{top: 50%;left: 50%;right: auto; bottom:auto;
color:#fff; font-size:2.12em; font-weight:500; text-align:center;transform: translate(-50%, -50%); width:100%;}
#splash .splash-slogan strong{ font-size:1.75em; display:block;    font-weight: 700;}
#splash .slick-slide::before{ opacity:.5;}


.mainpage #site-header{transition: all .5s ease;}
#site-header.header__bg {background:rgba(255,255,255,.8);border-bottom: 1px solid hsl(0,0%,95%);}

#splash .overlay-text{
display: grid;
place-items: end start;
padding:2rem;
clip-path: polygon(20px 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
transform: translateY(-325px); margin-bottom:-300px; background-color:var(--dominant-color); color:#fff;font-size:1.2em; overflow:hidden}
@media (max-width: 767.98px) {
#splash .overlay-text{ transform: translateY(-2rem); margin-bottom:-2rem; font-size:1em;}
}


#splash .overlay-text strong{ font-size:1.5em; display:block; position:relative; margin-bottom:1.8rem;}
#splash .overlay-text strong:after{ content:''; display:block; position:absolute; left:0; bottom:-1rem; height:2px; width:100px; background:rgba(255,255,255,.5);}
#splash .overlay-text:before{ content:'VISION'; display:block; position:absolute; right:0; top:0; color:rgba(255,255,255,.1); font-family:Montserrat, sans-serif;font-size:6em; font-weight:300; letter-spacing:-.5rem}

.mainpage h2,
.mainpage h3{ font-family:'var(bs-body-font-family)', Montserrat, sans-serif;font-size:3em; font-weight:400 }
.mainpage h2{margin-top: 7rem; margin-bottom:2rem; color:var(--main-color); color: hsl(199, 71%, 33%);}
.mainpage h2 small{ display:block; font-size:.4em; color:var(--bs-gray-700); margin-top:.5em;}
.mainpage .investment h3{ font-size:2rem; margin-left:.25em; margin-bottom:1em; margin-top:8rem; padding-left:1rem; position:relative;}
.mainpage .investment h3:before{ content:''; background:var(--bs-gray-400); width:.5rem; height:.5rem; display:block; position:absolute;top:.7rem; left:0;}
.title--seperate{display:flex;align-items:center;gap:.5em; margin-top:6rem; margin-bottom:3rem;}
.title--seperate:after{ content:"";flex:1 0 auto;height: 1px;border-bottom: 1px solid silver;}


#splash{ position:relative;}

.row.investment{ margin-top:5rem;}
.company-list li{ margin-bottom:5rem; /* display:flex; gap:1.5rem; align-items:start */}
.investment__logo{ width:300px; max-width:60%;}
.investment__since{ font-family:Montserrat, sans-serif; font-size:1.6em; font-weight: 700;color: var(--bs-gray-500);font-style: italic; display:block; margin-bottom:.25em}

.investment-domestic img{mix-blend-mode: multiply;}
.mainpage .investment h3{ margin-top:6rem; margin-bottom:.625rem}
.mainpage .investment h2 + h3{ margin-top:1rem;}


.company-list--hor .col{/*display:grid; place-items:center;*/aspect-ratio: 10 / 4; text-align:center;}
.company-list--hor .box{ border:1px solid var(--bs-gray-200); border-radius:.2rem}
.company-list--hor img,
.company-list--hor svg,
.company-list--hor webp{ display:block; margin:0 auto;object-fit: contain;width:50%;}
.company-list--hor .company--name{ display:none;}

.process .col{ position:relative; text-align:center; }
.process .col .box{
display:flex;
flex-direction: column;
background:#007eb5; color:#fff;
border:1px solid var(--border-color);
}
.process .col:nth-child(even) .box{background:var(--dominant-color);}
.process .col .box span{ display:grid; place-items:center; width:100%;padding:0 1em;}
.process .col .box .title{font-size:1.125em; height:6rem; min-height:6rem;}
.process .col .box .description{font-size:.875em;flex-basis: 30%; height:4rem; min-height:4rem; padding:.5em; letter-spacing:-1px; color:var(--bs-gray-700); background:#fff;}
.process .col:before{
display:inline-block; text-rendering: auto;font:var(--fa-font-solid);content: "\f061";
  position: absolute;
  top: 50%;
  left:0;
  transform: translate(-50%, -50%);
  font-size: 1.2em;
  color:var(--bs-gray-500);
}
.process .col:first-child:before{display:none;}

.process {counter-reset: process;}
.process .col:after {
  counter-increment: process 1;
  content: counter(process);
  color:#fff; opacity:.7; font-size:2em; font-family:Montserrat, sans-serif;
  position:absolute; left:calc(var(--bs-gutter-x) * .75 ); top:0;
}
@media (max-width: 767.98px) {
.process .col:before{ content:'\f063'; top:calc(var(--bs-gutter-y) * -.5); left:50%;}
}


.visual-crew{ padding:3rem 0 7rem;; margin:5rem 0 4rem; position:relative;
	background-image: url(../img/o-team.jpg);
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
}
.visual-crew:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0;background:rgba(0,0,0,.3);}
.visual-crew h2{ color:#fff; position:relative; z-index:2}


.team ul.list li::before { display:none;}
.team .row{ margin-bottom:4rem;}
.team h3{ font-family:Montserrat, sans-serif; font-size:2rem; font-weight:500; margin-bottom:1em; text-align:center}
.team h4{ margin-bottom:0; font-weight:300;width: fit-content;margin-left: auto;}
.team__info{font-size:1.25rem; font-weight:300;
display: grid;
grid-template-columns: minmax(90px, 40%) auto;
grid-template-areas:
"heading info"
"heading career";
grid-column-gap: 1.4rem;
grid-row-gap: .625rem;
}
.team-row .team__info {grid-template-columns: minmax(110px, 25%) auto;grid-column-gap: 1rem;}
.team__info h4{grid-area: heading;text-align: end;}
.team__info h4 small{display: block;font-size: .625em;margin-top: .25em; color:hsl(0,0%,65%);}
.team__info .info{grid-area: info;}
.team__info .career{ grid-area: career;font-size: .9em;}
.team .career li{ margin-bottom:.1em; padding-left:0}
.team .info{color:var(--bs-gray-600); font-size:.875em;}
.teamlist{ font-size:1.2em;}
.resume-trigger{ font-size:.5em; color:#fff; background:var(--main-color); border-radius:.25rem; font-weight:400; padding:.25rem; text-transform:uppercase;  display: block;
  width: fit-content;
  margin: .5em auto;
}
.resume-trigger:hover{ color:#FFFF00;}

.resume h5{ text-align:center;font-size:1.5em;}
.resume h6{ text-align:center; font-size:1.25em; margin-top:5rem; margin-bottom:2rem}
.resume h6 span{ border-bottom:1px solid silver; padding-bottom:.4em;}
.resume p{ margin-bottom:.25rem;}
.resume .list{ margin-bottom:1rem}
.resume .summary{ margin-top:3rem; margin-bottom:2rem;}
.resume .summary p{display:flex;justify-content:space-between;flex-wrap:wrap; margin-bottom:1em}




/* 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%; }
#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 #e5e5e5; padding:10px 8px; font-size:.9em}
#nav-top .dropdown-menu li:first-child .dropdown-item{ border-top:0 none;}
}
@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;}
#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%;}
.mainpage h2{ font-size:2.2em;}
.mainpage .investment h3{ font-size:1.8em;}
}
@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;}
#splash .splash-slogan{ font-size:1em;}
#splash .splash-slogan p{ max-width:96%;}
.investment__logo{ width:100%; max-width:100%;}

.visual-crew {
  padding: 1rem 0 2rem;
}
.visual-crew h2{ margin-top:4rem;}  
.team__info {grid-template-columns: 20% auto;grid-column-gap: 1rem;}
}
@media (max-width: 575.98px) {}



@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) {}