@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url(gnufix.css);
:root{
--bs-red: #f44336;
}
body{font-size:1rem}
ul{ padding-left:0;}
body,h1, h2, h3, h4, h5, h6,textarea, select{font-family: 'Noto Sans KR', sans-serif;}
_body{font-family: 'Nanum Gothic', sans-serif;}
a{color:#4682B4; text-decoration:none} 
a:hover{ color:#DC143C; text-decoration:underline;} 
caption{caption-side: unset; color:inherit;}
.eqheight {display:flex;flex-wrap: wrap; -ms-display:flexbox; /*ie10*/ padding:0 5px;}
.eqheight [class^='col-']{ display:flex;flex-direction: column;}
.fa{ font-family:FontAwesome,"Font Awesome 5 Free";}
#content,p{ word-break:keep-all;}

.navbar-toggler{ padding:.25rem .35rem;}

.nav-top-sub{ background:#34415b;font-size:0.857em;  padding:.5em 0;}
.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); text-decoration:none;}
.nav-top-sub a.admin-link{ color:#fff; padding:2px 6px; height:2em; line-height:1.5em}
.nav-top-g .navbar { padding-top:1rem; padding-bottom:1rem;}
#nav-top{justify-content:end; flex-grow:0}

.navbar-brand-two{ width:calc(100% - 50px);}
.navbar-brand-two img{ width:100%;}

.lnb{font-size:0.937em;}
.lnb a{ color:#212529;}
.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:#5798d2; 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.825em; color:#4e5d7f; margin-bottom:2rem; letter-spacing:-2px}
.con-container h2:before{ background:#719d8b; width:32px; 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:#4e5d7f; font-size:1.429em; padding:0 0 0 10px; margin-top:3rem; margin-bottom:1.5rem;}
.con-container h3:before{ background:#4e5d7f; width:4px; height:auto; bottom:0; top:.25em;}

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

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


.site-footer{ background:#3b3b3b; padding:50px 0; margin-top:60px; }
.site-footer address{ margin-bottom:0;}
.site-footer,.site-footer a{color:#fff;}


.corner-edge{ position:relative;}
.corner-edge .figure-img{ margin-bottom:0;}
.corner-edge:after {
    content: '';
    position:absolute;
    bottom:0;
    right:0;
    height: 0px;
    width: 0px;
    border-left:15px solid transparent;
    border-top:15px solid transparent;
    border-bottom:15px solid white;
    border-right:15px solid white;
}

@media (min-width: 768px) {
.dropdown-toggle::after { color:#ccc} /* caret */
.nav-top-g a{ text-decoration:none;}
.nav-top-g .nav-item{ font-size:1.1em; font-weight:500; padding-left:15px; padding-right:15px; min-width:160px; text-align:center;}
.nav-top-g .nav-link{ color:#333; padding-left:0; padding-right:0; }
.nav-top-g .nav-link.active,
.nav-top-g .nav-link:hover{color: #0f72ba;}
.navbar-nav > li > .dropdown-menu {
    width: 160px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0 none;
    box-shadow: 0 7px 8px rgba(0, 0, 0, .175);
    border-radius:0 0 .25rem .25rem;
	background:#34415b;
}
.navbar-nav .dropdown-item{ color:#FFFFFF;}
.navbar-nav .dropdown-item:hover{background:#000;}
.dropdown-menu > a{border-top:1px solid #e5e5e5; padding:10px 8px; font-size:.9em}
.dropdown-menu > a:first-child{ border-top:0 none;}
}

/* board #####################################################################*/
/* if font-size 16 { */
#bo_v_title{ font-size:2em;}
#bo_list .td_name{ width:120px;}
#bo_list .td_num{ width:60px;}
/* } */
.btn_bo_user .btn{ font-size:1em;}
.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_list .attachedfiles a{ display:block; color:rgba(0,0,0,.7); font-size:.9em; margin-top:.5em;}
.attachedfiles .fas { margin-right:4px; color:#4682B4}
#bd_journal_club #bo_list .bo_tit .fa-download{ display:none;}
.bo_notice td{ background:#f1f1f1!important;}
.pg_current{ background:#4e5d7f; border-color:#4e5d7f;}


#bo_v_info{ display:flex; justify-content:space-between;}
#bo_v_info .profile_info{float:none;}
#bo_v_info #bo_v_top{ display:flex;flex-grow:1;justify-content:flex-end; align-items:center;}
#bo_v_info #bo_v_top .btn{ margin-left:5px;}
#bo_v_top .btn-primary{ background:#5993ce;}
#bo_v_top .btn-secondary{ background:#a6a6a6;}


#bo_cate a{border-radius:5px;border:1px solid #acbad0;color: #536685;}
#bo_cate #bo_cate_on{background: #536685;box-shadow: none; border-color:#536685}

#bd_facilities .bo_cate_link{ display:inline-block; min-width:90px; text-align:center}

#bo_v_share{ display:none;}

.mb_log_cate .join{ display:none;}
#login_fs{ padding:20px;}
.mb_log_cate h2{ font-size:1.5rem; text-align:left; padding-left:20px; float:none; width:auto;}

/* gallery */
.check-each{ position:absolute; right:10px; top:10px; z-index:900;}
.row.gallery .col{ margin-bottom:20px; padding-left:10px; padding-right:10px;}
.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;}
.row.gallery .card-title a:hover{ color:#d95502;}
.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:48%;text-align:center; text-transform:uppercase; color:#aaa; font-weight:700; font-size:.8em}
.row.gallery .category{ display:none;}
.row.gallery .card-footer{ font-size:.94em; color:#777}
.row.gallery .sv_member{ color:#626262;}
.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";}

/* con ###################################################################### */
#splash{ z-index:1 }
#splash .slogan{ font-family:Roboto;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.68); bottom:70px; left:50%;transform: translate(-50%,0); color:#fff; font-size:4.5em; font-weight:400; letter-spacing:-3px; line-height:1}
#splash .slogan span{ display:block; color:#c8e5f1; font-size:.7em; font-weight:100;}
#splash .slides li::before,
#splash .slides li img{ max-width:none;}
.flex-control-paging{  bottom:40px;}
#splash .flex-control-paging a{ background-color:rgba(255,255,255,.7);;}
#splash .flex-control-paging a.flex-active{ background-color:#719d8b;}
@media (min-width: 1399.98px) {
#splash .slides li img{object-fit:cover; max-height:480px;}
}
@media (max-width: 767.98px) {
#splash{ height:25vh; }
#splash .slides, #splash .slides > li{ height:100%;}
#splash .slides>li img{object-fit: cover; width:100%; height:100%;}
#splash .slogan{ left:10px; bottom:40px; font-size:2em;transform: translate(0,0);}
.flex-control-paging {bottom: 10px;}
}

.header-page{ text-align:center; background-color:#777; padding:80px 0 10px; margin-bottom:50px;background-size:cover;position:relative;}
.header-page::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0.65) 100%); z-index:1}
.header-page{background-image:url(../img/bg-header-page.jpg); } /* 1600 x 300+@ */
body.pds .header-page{background-image:url(../img/bg-header-page-bd.jpg); }
body#bd_infomer_plaza .header-page{background-image:url(../img/bg-header-page-book.jpg); }
body#relsite .header-page{background-image:url(../img/bg-header-page-garden.jpg); }
.header-page h1{ margin:0; color:#fff; text-shadow:1px 2px 4px rgba(0, 0, 0, 1); position:relative; font-size:2.6em;animation: fadein .8s; z-index:2}
.header-page h1 span:before { content:''; display:block; position:absolute; bottom:32px; left:50%; width:1px; height:20px; background:rgba(255,255,255,.9);} 
.header-page h1:after{ content:attr(data-subheading); display:block; margin-top:50px; font-size:.4em; font-weight:normal; color:rgba(255,255,255,.7)}
.header-page .lnb{ position:relative; z-index:2; margin-top:30px; color:#fff; }
.header-page .lnb a{ color:#fff;}
@keyframes fadein {
    from {
        opacity:0;
        top:15px;
    }
    to {
        opacity:1;
        top:0;
    }
}

.quick-link{transform: translate(0,-54%); z-index:920; position:relative; text-align:center;background:#34415b; margin-bottom:60px;}
.quick-link a{ color:#fff; display:block; width:100%; padding:1em 0;}
.quick-link a:hover{ background:#719d8b;}

.mainpage #content .row{margin-bottom:60px;}
.mainpage h2{ font-size:3.4em; font-family:Montserrat,'Noto Sans KR', sans-serif; font-weight:700; letter-spacing:-3px; color:rgba(0,0,0,.69);}
.mainpage h2:lang(en) { font-size:4em;transform: scale(.9,1); transform-origin:left;}

.about_us h2{ margin-bottom:.4em;}
.about_us em{ color:rgba(77,93,126,.75); font-size:1.6em; font-style:normal; display:block; margin-bottom:.4em;}

.latests h3{ font-size:1rem; color:#fff; background:#34415b; padding:6px; padding-left:12px; margin-bottom:1em; border-left:6px solid #7089bb;}
.latests h3 a{ color:#fff; display:block}
.latests h3 a .more{opacity:0;transition: all .25s;display:inline-block;transform: translate(-50%,0);}
.latests h3 a:hover .more{transform: translate(5px,0); opacity:.7}
.latests h3 a .more:after { content: "\f054";font-family:FontAwesome, "Font Awesome 5 Free";margin-left:.2em; display:inline-block;transform: scale(.65);}

.latest{padding:0;}
.latest li{list-style:none; position:relative; padding-left:10px; margin-bottom:.5em;}
.latest li:before { position:absolute; left:0; top:-2px;content: "\2022"; color:#777;}
.latest a{ color:#565656; display:inline-block; width:90%; width:calc(100% - 84px);text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.latest a:hover{ color:#1E90FF;}
.latest .date{ font-size:.9em; color:#999; position:absolute; right:0}


#greeting #content br{ margin-bottom:1em;}

@media (max-width: 767px) {
.latest span{ display:block;}
.latest a{ display:block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.latest .date{ position:relative; font-size:.8em}
}

.latest-articles{padding:0;}
.latest-articles li{ margin-top:30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,.15); position:relative;}
.latest-articles li:first-child{ margin-top:0;}
.latest-articles a{ font-size:1.143em; font-weight:500; color:#333; display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.latest-articles a:hover{color:#f60;}
.latest-articles .date{ display:block; margin:.5em 0; color:#719d8b; font-size:.9em; font-weight:500;}
.latest-articles p{ color:#5f5f5f;}

.latest-cards a{ text-decoration:none;}
.latest-cards .card{ border-radius:0; position:relative;transition: all .2s;}
.latest-cards .card-title{ border:0 solid rgba(0,0,0,.19); border-width:0 0 1px; padding-bottom:1em; margin-bottom:1em; margin-top:.4em}
.latest-cards .card-title a{ color:#333333;}
.latest-cards .card-title a:hover,
.latest-cards .card,active .card-title a,
.latest-cards .card:hover .card-title a{ color:#bffcff;}
.latest-cards .card-text{ color:#777;}
.latest-cards .card-footer{ border:0 none; background:transparent; font-size:.9em; color:#888}
.latest-cards .card.active,
.latest-cards .card:hover{ color:#fff; background-color: #34415b; border-top-color:#7089bb;
  background-image: url(../img/bg-main-latest-card-top.png);
  background-position:left top;
  background-repeat: repeat-x;
}
.latest-cards .card.active .card-title,
.latest-cards .card:hover .card-title{ color:#36dee5; border-color:rgba(255,255,255,.39);}
.latest-cards .card:active .card-title,
.latest-cards .card:hover .card-text, 
.latest-cards .card.active a,
.latest-cards .card:hover a{ color:#fff;}

.no-image{ width:100%; position:relative; background:rgba(0,0,0,.1); }
.no-image span{ display:block; width:100%; position:absolute; top:48%;text-align:center; text-transform:uppercase; color:#aaa; font-weight:700; font-size:.8em}

.crew .col{ margin-bottom:1.5rem;}
.crew small{ color:#999;}
.crew .card{ background-image: url(../img/bg-logo.png); background-repeat: no-repeat; background-position: 98% 8px; }
.crew .card-title{ font-size:1.125em;}
.crew .card-body{font-size:0.937em;}
.crew .profile-pic img{ max-width:92px; height:auto; margin-top:.3rem; margin-right:1rem; margin-bottom:1rem}
.crew .profile-info li{ position:relative; padding-left:12px;}
.crew .profile-info li:before{ content:'\2010'; position:absolute; left:0;}

.rule { background:rgba(0,0,0,.05); padding:30px;}
.rule h3{ display:block; font-weight:700; margin-top:2rem; margin-bottom:.2rem; font-size:1em; }
.rule ul.list{ margin-left:12px;}
#graduate .table{ border-collapse:separate;}
#graduate .table tbody th{ text-align:center; vertical-align:middle; background:#3c4955; color:#fff;}
#graduate .table tbody td{background:rgba(0,0,0,.05);}
#graduate .table ul{ margin-bottom:0;column-count: 3; padding:1rem}
#graduate .table li{  min-width:33%; margin-right:1.2em; margin-bottom:1rem}
#graduate .table li::before{content: "\2759"; margin-right:.4em}

#relsite #content .list a{ color:#333;}
#relsite a span{ color:#0063b2; font-size:.9em;}

.historys h3{ font-size:2.5em; font-family:'Merriweather', serif; font-style:italic; text-align:right; margin-top:5px!important; margin-right:20px}
.historys h3:before{ display:none}
.history-bx{ position:relative; padding-left:20px; padding-top:.8em; border-left:1px solid #e5e5e5}
.history-bx:before{ content:''; display:block; position:absolute; left:-6px; top:0;  width:12px; height:12px; border:3px solid #d7d7d7; border-radius:50%; background:#fff;}
ol.history{ margin-left:0; padding-left:0; list-style-type: none; }
.history li{ margin-bottom:.8em; position:relative; padding-left:140px;}
.history .date{ color:#4e5d7f; font-weight:500; position:absolute; left:0; top:0;}

.vision-goal .col { margin-bottom:20px; text-align:center;}
.vision-goal .card{ padding:15px; font-size:.87em}
.vision-goal img{ border-radius:50%; background:#4e5d7f; width:80px; padding:10px; margin:0 auto 15px}

body#vision figure{ position:relative;}
body#vision figcaption{ position:absolute; left:30px; bottom:40px;font-family:Roboto;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.68);color:#fff; font-size:4.5em; font-weight:400; letter-spacing:-3px; line-height:1 }
body#vision figcaption span{ display:block; color:#c8e5f1; font-size:.7em; font-weight:100;}
body#vision figcaption p{ font-size:.3em; font-weight:normal; line-height:1.2; width:60%; margin:1rem 0 0; letter-spacing:normal;}

.notready{ text-align:center;}
.notready .fas{ font-size:2em; display:block; color:rgba(0,0,0,.3);}


/* rwd ####################################################################### */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
.tbl_head01 thead th{ padding-top:5px; padding-bottom:5px;}
.bo_tit_sub .name,
.bo_tit_sub .date{ font-size:.9em; display:block;}
/*c*/
body{ font-size:15px;}
#content [class^='col']{ margin-bottom:25px;}

#nav-top{ margin-top:1rem;}

.header-page{ padding:20px 0 10px;}
.header-page .lnb{ margin-top:5px;}
.header-page h1 span::before { width:20px; height:1px; transform: translate(-50%,0); bottom:42px}

.site-footer .logo-alt{ margin-bottom:1rem;}

.mainpage .content .row{ margin-bottom:30px;}
.mainpage h2{ font-size:2em;}
.quick-link{transform: translate(0); font-size:.84em; margin-bottom:30px}
.quick-link a{ padding:.5em 0;}
.about_us em{ font-size:1.2em;}
.latest-cards [class^='col-'] { margin-bottom:15px;}

.historys h3{ text-align:left; margin-right:0;}
ol.history{ margin-left:0;padding-left:0; list-style-type: none;}
.history .date{ position:relative; display:block;}
.history li{ padding-left:0;}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.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) {}