@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url('gnufix.css');
@import url('rule_doc.css');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
/*@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');*/
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
:root {
--bs-body-font-size:1rem;
--bs-body-color:#212529;
--bs-body-font-family:Roboto,'Noto Sans KR';/*'Pretendard Variable';*/
--bs-body-font-weight:400;

--main-color:#713c58;
--sub-color:#c96c5a;
--alt-color:#f00;

--main-lighter:hsl(from var(--main-color) h s 80%);
--main-darker:hsl(from var(--main-color) h s 20%);
--main-contrast:#3e29fe;

--dominant-color:#000;
--heading-color:#000;
--heading2-color:#3a3e4b;
--heading3-color:var(--main-color);/*#595196*/
--heading4-color:#d04a00;

--primary-color:#713c58;
--primaryhover-color:#93456e;

--bs-border-color:hsl(0,0%,80%);

--gray-base:227, 10%;
--bs-gray-100: hsl(var(--gray-base), 96%);
--bs-gray-200: hsl(var(--gray-base), 93%);
--bs-gray-300: hsl(var(--gray-base), 88%);
--bs-gray-400: hsl(var(--gray-base), 74%);
--bs-gray-500: hsl(var(--gray-base), 62%);
--bs-gray-600: hsl(var(--gray-base), 42%);
--bs-gray-700: hsl(var(--gray-base), 38%);
--bs-gray-800: hsl(var(--gray-base), 26%);
--bs-gray-900: hsl(var(--gray-base), 13%);

--bs-border-color:var(--bs-gray-400);

accent-color:var(--main-color);
}



.btn{--bs-btn-font-size:1em;}
.btn-outline-secondary {--bs-btn-border-color: #aab9c7;}
.btn_admin{ background:crimson; color:#fff; padding:3px 8px; border-radius:4px; font-size:.8em}
@media (prefers-color-scheme: light) {
 }
@media (prefers-color-scheme: dark) {
 }
html{ font-size:15px}
body,p{word-break:keep-all;}
body,h1, h2, h3, h4, h5, h6,textarea, select{font-family: var(--bs-body-font-family), sans-serif;}
em{ font-style:normal;}
body.modal-open{padding-right: 0px !important;}

/*
@media (992px <= width) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 980px;
  }
}
*/

input[type="checkbox"]{accent-color: var(--main-color);}
.form-check-input:checked{background-color:var(--main-color);}
.form-control.d-inline-block{width: unset !important;}

a{color:#0070c0; text-decoration:none;} 
a:hover{ color:#DC143C;} 
:focus {outline:0;box-shadow:none!important;}
input.form-control::placeholder {color:hsl(0,0%,80%);}
.button{ padding:6px 10px; background:#ddd; border:1px solid #bbb; border-radius:4px; color:#000;}
.button.selector{padding:.25em .75em;}
.button.btn-primary{ color:#fff;}
select{/*padding: .7em 1em;border: 1px solid #bbb; border-radius:6px;*/}
.form-select.d-inline-block{width:auto;}

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

ul{padding:0;}
.emphasis{ font-weight:700;}
.fa{ font-family:FontAwesome,"Font Awesome 6 Free";}

.container img{max-width:100%;}
.align_center{ text-align:center;}
.align_center:has(.closepop){padding:1em;}
.align_alt{text-align:end;}

@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);}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.navbar-brand{ display:block;}
.nav-top-sub{ background:#FFF;font-size:0.875em; padding:.5rem 0 0;}
.nav-top-sub .col{ display:flex;align-items:flex-end;justify-content:flex-end; }
.nav-top-sub ul{ margin-bottom:0}
.nav-top-sub li{ display:inline-block; margin-left:12px;}
.nav-top-sub li:not(.admin-link):before{content:'\2022'; display:inline-block; margin-right:.25rem;}
.nav-top-sub a{ color:rgba(0,0,0,.8);}
.nav-top-sub .admin-link a{ color:#d33500;}
.nav-top-g h1{ margin-bottom:0; line-height:1}
.nav-top-g h1 .navbar-brand{display:block;}
#nav-top{justify-content:end; flex-grow:0; margin-left:auto;}

.btn-link.show-allnav{ position:absolute; right:0; top:2px; color:#fff; font-size:1.333rem;}
#allnav .btn-close{ scale:125%; margin:0 10px 24px;}
#allnav{ position:absolute; top:100%; left:0; width:100%; z-index:9000; display:none; background:#fff; font-size:.9em; border-radius:0 0 6px 6px;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.25);
padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
#allnav > ul{display:flex; margin-bottom:0;}
#allnav > ul > li{ flex-basis:calc(100% / 7); margin-top:10px; padding:0 8px;}
#allnav > ul > li:not(:first-child){border-left:1px solid #d5d5d5;}
#allnav li li a{ color:#424242; display:block; padding:4px; font-weight:500;}
#allnav li li a:before{content:'\2022'; display:inline-block; margin-right:6px;}
#allnav li li a:hover{ color:#fff; background:var(--main-color);}

.btn_admin_tiny{ background:crimson; color:#fff!important; padding:2px 4px;font-size:.875em;border-radius: 4px;}
.btn_admin_tiny:hover{ color:gold;}

.dropdown-item.active, .dropdown-item:active{ background:rgba(0,0,0,.5);}

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

.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 h4{ font-size:1em;}
.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 .5em 0; margin-top:3rem; margin-bottom:1.5rem;border-bottom: 1px dotted var(--heading3-color);}
.con-container h3:before{ display:none; background:var(--heading3-color); width:4px; height:auto; bottom:.15em; top:.2em;}

#container_title,
.con-container h4{ color:var(--heading4-color); font-size:1.214em; margin-top:2rem;margin-bottom:1rem;background: url("../img/blut_arr.png") no-repeat left center;padding-left: 15px;}
.con-container h4:before{ /*content:'-'; color:var(--heading4-color); font-size:1.143em; margin-right:5px; display:inline-block;*/}

.con-container div h4:first-child{ margin-top:0;}

.con-container h5{font-size:1em;}

.heading-img-bx{background:#adaede;display: flex;align-items: center;justify-content: space-between; position:relative;}
.heading-img{}
img.heading-img-text{position: absolute;max-width:100%;inset: 15% 5% 0 auto;}
@media (width < 992px) {
.heading-img{width: 50%;}
img.heading-img-text{max-width: 40%;}
}
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;}
ul.line li:not(:first-child){ border-top:1px dotted var(--bs-border-color); }

.definition-group dl{margin-bottom:0;}
.definition-group dl>div{display: flex; align-items: flex-start;flex-wrap: wrap; --dt-width:120px;}
.definition-group dt{ width:var(--dt-width); font-weight:inherit;}
.definition-group dd{ width:calc(100% - var(--dt-width));}
.definition-group dt:after {content: ": ";}

#site-footer{ background:hsl(0, 0%, 30%); padding:1rem 0 2rem; margin-top:4rem; }
#site-footer .logo-alt{filter: grayscale(1) invert(1);mix-blend-mode: exclusion;opacity: .6;transform: scale(.7);transform-origin: top left;}
#site-footer address,
#site-footer p{ margin-bottom:0;}
#site-footer,#site-footer a{color: hsl(0, 0%, 75%);}
.ft-menu{width: 100vw;margin-left: calc(-50vw + 50%); margin-bottom:1em; border-bottom:1px solid #848484;box-shadow:0 1px 0 hsl(0,0%,0%);}
.ft-menu .inline{justify-content:start; flex-wrap:wrap;row-gap: .5rem;}

/*
█▄▄ █▀█ ▄▀█ █▀█ █▀▄
█▄█ █▄█ █▀█ █▀▄ █▄▀
*/
.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:10ch;}
#bo_list .td_datetime{  width:1%; white-space: nowrap; font-size:.9em;}
#bo_w{max-width: 960px;margin: 2rem 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.25em;}
#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{ width:100%; position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; background:rgba(0,0,0,.07); }
.no-image span{ color:rgba(0,0,0,.5);position:absolute; text-align:center; top:50%;transform: translate(0,-50%); text-transform:uppercase}
.no-image span:before { display:block; font-size:1.4em; content: "\f03e";font-family:FontAwesome;}

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

#fwrite #wr_content{ height:360px;}
td iframe{ width:99%!important;}
/*.attachedfiles a{display:block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}*/
.attachedfiles a{display:inline-block; height:18px; width:20px; margin:0;overflow:hidden; text-indent:-100000%; background-repeat: no-repeat; background-image: url(../img/blt_files.png);}
.attachedfiles{ text-align:center;
.xls,.xlsx{ background-position: 0px -294px; }
.hwp{ background-position: -32px -262px; }
.media{ background-position: -64px -230px; }
.zip{ background-position: -96px -200px; }
.png,
.jpg,.jpeg,
.gif{ background-position: -128px -167px; }
.txt{ background-position: -160px -134px; }
.ppt,.pptx{ background-position: -192px -102px; }
.doc,.docx{ background-position: -224px -70px; }
.pdf{ background-position: -256px -38px; }
}
#bo_v_table{display:none;}
#bo_list .td_date {width: 12ch;}
.td_c_admission{ text-align:center;}
/* } board
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
.ui-datepicker { font-size:.85em;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{font-family: sans-serif;}

.primary-box {
  border: 1px solid var(--bs-border-color);;
  padding: 1rem;
  background-color: var(--bs-gray-100);;
  margin: 1rem 0;
}

.alert:before{display:inline-block; margin-right:6px;  text-rendering: auto;font:var(--fa-font-solid);content: "\f06a";}
div.alert{padding:10px; padding-left:32px;}
div.alert:before{position:absolute; left:10px; top:14px;}

/* table */
table.default { width:100%; margin-bottom:1rem;border-collapse:collapse; border: 1px solid #CFCFCF;border-width:1px 0; background-color:#fff }
.default summary,
.default caption { display:none }
.default th,
.default td { text-align:center; padding:12px; border:0 solid #CFCFCF; border-width:0 1px 1px 1px; }
table .price{white-space: nowrap; }
.center td,
tr.center td { text-align:center }
#bo_v_atc .default td,
.align-alt td,
.default li { text-align:left }
.default thead th { background-color:#e9e9e9; color:#555; border-color:#CFCFCF }
/* .default tbody th { white-space:nowrap; background: #dedede; } */
.default tbody th { white-space:nowrap; background: #f4f4f4; }
table .subject {text-align: center;background-color: #eaeaea;font-weight:700;}

.inline{display: flex;
  gap: 2rem;
  justify-content: center;}


.bx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(0px, 100%, 320px), 1fr));
  grid-template-rows:repeat(4, auto);
  column-gap: 20px;
  row-gap: 1rem;
}

.bx-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
.bx-item div:not(:first-child) { border-top:1px dotted var(--bs-border-color); padding-top:1rem;}

.admin-help{ margin:10px 0 1em 0; padding:10px; background:#FCF0AD; border:1px solid #FCC592;display: flex;flex-wrap: wrap;gap: .5em; font-size:.875em;}
.admin-help a{ display:inline-block; background:#c40; color:#fff; padding:4px 8px; margin:0 4px 0 0; border-radius:3px;}



#bo_cate_ul{ display:flex; gap:.25rem;flex-wrap: wrap;}
#bo_cate #bo_cate_on{ color:#fff; background:var(--main-color); border-color:var(--main-color); box-shadow:none}
#bo_cate a{font-size:.938em; line-height:1.5;  border-color:var(--main-color); color:var(--main-color);}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{ background:var(--main-color); color:#fff;}

#bo_v_info{ display:flex; justify-content:space-between;flex-wrap: wrap;}
#bo_v_info .profile_info{float:none;display: flex;}
#bo_v_info #bo_v_top{ display:flex;flex-grow:1;justify-content:flex-end; align-items:center; gap:.4rem;}
#bo_v_info #bo_v_top .btn{ margin-left:5px;}


#bx_calendar{ position:relative;}

#schedule_day{ /*display:none;*/ position:absolute;right:14px; top:80px; z-index:9999; background:#fff; width:60%; padding:10px; border:1px solid #bbb}
#schedule_day h4{ font-size:1em; margin:-10px; margin-bottom:10px; padding:8px; background:#666666; color:#fff; position:relative}
#schedule_day h4 .close{ position:absolute; right:0; top:0; cursor:pointer; padding:8px 10px 8px 20px;}
#schedule_day li { border-top:1px dotted #bdbdbd; padding:10px 0;}
#schedule_day li:first-child{ border:0 none;}
#schedule_day .scd-time .organ{ display:inline-block;width:12px;}
#schedule_day p{ margin-bottom:4px;}
#schedule_day p.subject{ padding-left:16px;}
#calendar_legend ul{ display:flex; gap:8px;justify-content: end; margin:10px 0 0;font-size:.875em;}
.page-selector ul{ display:grid;grid-template-columns: repeat(auto-fit, minmax(0, 220px)); text-align:center; gap:1px; margin-bottom:2rem;}
.page-selector a{ display:block; width:100%; padding:.8em 1em; color:var(--bs-gray-600); border:1px solid var(--bs-border-color);}
.page-selector .active a{ background:#afaad3; color:#fff; font-weight:700;}

.login .title{ text-align:center; margin-top:2rem;}
.login .title h1{font-size:2.5rem; font-weight:700; text-transform:uppercase;}
#mb_login{ margin-top:2rem; border:4px solid var(--main-color); border-radius:.5rem; padding:1.5rem;}
.mbskin .mbskin_box{ border:0 none; margin-top:1rem}
.mbskin{ width:520px; max-width:90%;}
.mb_log_cate h2{ font-size:1rem; margin-bottom:0;line-height: 1.5;}
#login_fs{ padding:0;}

#resultBox{ margin:.5rem 0; color:#CC0000}
#resultBox li:before{display:inline-block; text-rendering: auto;font:var(--fa-font-solid);content: "\f017"; margin-right:.5em;}

#bd_seminar_app #bo_w{ padding:2rem; border:1px solid var(--bs-border-color);}

/*
#con #######################################################################
█▀▀ █▀█ █▄░█
█▄▄ █▄█ █░▀█
*/
body.offcanvas-open, 
body[style*="padding-right"] {
    padding-right: 0 !important;
}
.navbar-toggler{ font-size:2rem;}
.nav-top-g{ background:var(--main-color);}
.nav-top-g .container{ position:relative;}
#sitemenu{background:var(--main-color);}

@media (992px <= width) {
#sitemenu{
	.nav-link{
	--bs-nav-link-color:#fff;
	--bs-nav-link-hover-color:#fff;	
	}
	.dropdown-menu{
	--bs-dropdown-bg:var(--main-color);
	--bs-dropdown-item-padding-x : 1rem;
	--bs-dropdown-item-padding-y : .625rem;
	--bs-dropdown-border-color : var(--bs-border-color-translucent);
	}
	.dropdown-item{
	--bs-dropdown-link-color:#fff;
	--bs-dropdown-link-hover-color:var(--main-color);
	--bs-dropdown-link-hover-bg:#fff;;
	}
}
}

#sitemenu{ padding:0;}
#sitemenu .nav-link{ padding:.8rem 0; text-align:center; }
#sitemenu .nav-item:not(:first-child) .nav-link{border-left:1px solid rgba(255,255,255,.25);}
#sitemenu .nav-link:hover{ background:#fff; color:var(--main-color);}
#allnav a[target="_blank"]:after,
#sitemenu a[target="_blank"]:after{display:inline-block; margin-left:.5em; text-rendering: auto;font:var(--fa-font-solid);content: "\f14c";font-size:.82em; opacity:.6;}

.navbar-nav{justify-content: center;width: 100%;}
.navbar-nav li{flex-basis: calc(100% / 7);}

.side-top-menu {display: flex;justify-content: end;gap: .5em; padding-right:.75em;}
.side-top-menu a{ font-size:0.786em; color:#fff;}


@property --splash-bgcolor {
  syntax: '<color>';
  initial-value: #62707d;
  inherits: false;
}
#splash:has(#splash-slide2.swiper-slide-active){--splash-bgcolor:#262a36;}
#splash:has(#splash-slide3.swiper-slide-active){--splash-bgcolor:#98be8f;}
#splash:has(#splash-slide4.swiper-slide-active){--splash-bgcolor:#9676c9;}
#splash:has(#splash-slide5.swiper-slide-active){--splash-bgcolor:#c08f42;}

#splash{
transition: --splash-bgcolor ease .5s 0s;
--splash-bgcolor:#62707d;
width:100%;
max-width:1320px;
margin-inline:auto;
/*border-image: conic-gradient(var(--splash-bgcolor) 0 0) fill 0//0 100vmax;*/
border-image: linear-gradient(
    to top, 
    var(--main-color) 4px, 
    var(--splash-bgcolor) 4px
  ) fill 0 // 0 100vmax;
 padding-bottom: 4px; 
}

#splash .splash-slogan,
#splash .splash-link{ position:absolute; inset:15% auto auto 1%; z-index:2;}
#splash .splash-link{inset:65% auto auto 1%;z-index:3;}
#splash .splash-link .btn{ font-size:14px; font-weight:500; background:#EAEAEA;box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.15);}

#splash.en{ max-width:100%;} 
#splash.en .splash-slogan{inset:30% auto 50% 1%; translate:50% 0;}

#splash .thumbnail-slider{ position:absolute;translate: 0 -120%;}
#splash .thumbnail-slider .swiper-slide{ width:120px; border:1px solid #bbb; cursor:pointer;pointer-events:auto;}
#splash .thumbnail-slider .swiper-slide img{ width:100%; opacity:.5}
#splash .thumbnail-slider .swiper-slide-thumb-active img{ opacity:1;}

@media (width < 992px) {
.splash-slogan img{ width:64%;}
#splash .splash-link{position: relative;margin: 1em 0 .2em; padding-left:20px;}
#splash .thumbnail-slider{position:relative; translate:none; margin:1em 0;}
#splash .thumbnail-slider .swiper-wrapper{justify-content:center;}
#splash .thumbnail-slider .swiper-slide{ width:64px}
}


.header-page{ background-image: url(../img/bg-content-title-.jpg); background-repeat:no-repeat; background-position: 0 0; padding:3rem 0 2rem;background-size: cover;margin-bottom: 3rem;}

.header-page h1{ margin:0 0 1.5rem; color:#fff; text-shadow:1px 2px 4px rgba(0, 0, 0, .25); position:relative; font-size:2.2em; font-weight:900;animation: fadein .8s;z-index:2;}
.header-page h1:after{ content:attr(data-subheading); display:block; margin-top:.7rem; font-size:.5em; font-weight:500; color:rgba(255,255,255,.7);}

.gr-aboutLaw .header-page{ background-image: url(../img/bg-content-title-aboutLaw.jpg);}
.gr-lawUniv .header-page{ background-image: url(../img/bg-content-title-lawUniv.jpg);}
.gr-lawMaster .header-page{ background-image: url(../img/bg-content-title-lawMaster.jpg);}
.gr-professor .header-page{ background-image: url(../img/bg-content-title-professor.jpg);}
.gr-student .header-page{ background-image: url(../img/bg-content-title-student.jpg);}
.gr-boardRoom .header-page{ background-image: url(../img/bg-content-title-boardRoom.jpg);}
.gr-archives .header-page{ background-image: url(../img/bg-content-title-archives.jpg);}


.breadcrumb,.breadcrumb .home{ color:#ffF}
.breadcrumb-item + .breadcrumb-item::before{ content:"\003e";scale:.3 .6; color:#fff;font-family: FontAwesome,"Font Awesome 6 Free";}
.breadcrumb > li:first-child:before{ content:""; padding:0}
.breadcrumb .home{ font-size:.8em;}


.trigger{ padding-bottom:15px}
.trigger li{ padding:0}
.trigger li a{ display:block; height:100%; color:#7a7a7a;font-weight:bold;text-align:center; background-color:#f4f4f4;padding:8px; border:1px solid #dfdfdf;}
.en #lnb-3dep .trigger li a{ font-size:1.1em;}
.trigger li a:hover,
.trigger li.active a{ background-color:#afaad3; color:#fff; border-color:#9691ba;}

#lnb-4dep .trigger li a:hover,
#lnb-4dep .trigger li.active a{ background-color:#743C59;}

.trigger{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(140px,100%), 1fr));gap: 1rem;}

#sitemenu .offcanvas{--bs-offcanvas-width:260px;--bs-offcanvas-padding-x:0;}
#sitemenu .offcanvas-header{ padding:1.5em 1em;}

.mainpage h2{ font-size:1.25em; margin-bottom:0;}

ul.latest { margin:0;}
ul.latest li{display: grid;grid-template-columns:auto  minmax(11ch, max-content);
grid-template-areas:"article date";align-items: baseline; gap:.625em; padding-top:.5em; margin-bottom:.5em; padding-left:14px; position:relative;}
ul.latest li:before{content:'\2022'; position:absolute; left:0; top:.5em;}
ul.latest li:not(:first-child){ border-top:1px dotted var(--bs-gray-600);} 
ul.latest li a{grid-area: article; color:var(--bs-gray-800);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.latest li a:hover{ color:var(--main-color);}
ul.latest li .date{grid-area: date; font-family:Roboto, sans-serif;font-size:.9em; color:var(--bs-gray-600);text-align: end;}

.latest-bx{position:relative; margin-top:1.25em;
.nav-link{ padding-left:0; font-size:1.25em; color:var(--bs-gray-400);}
.nav-link.active{ color:var(--main-color);}
.nav-tabs,
.nav-tabs > li > .nav-link,
.nav-tabs > li.active > .nav-link{ border:0 none;}
}
.latest-link{position:absolute; right:0; top:.75em;}

.bn-professor_list_role {display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center; padding:10px 30px;}
.bn-professor_list_role .fa-stack { color:var(--main-color);}
.bn-professor_list_role span{ font-size:20px;}
.bn-professor_list_role a{ color:var(--main-color);}

.bn-hakbong{ padding:10px; display:flex; text-align:center;align-items:flex-start;height: 100%;}
.bn-hakbong .bx{flex: 1;}
.bn-hakbong strong{ display:block; font-size:1.5em;}
.bn-hakbong a{  background:var(--main-color); color:#fff; padding:.5em 1em; font-size:.8em; display:inline-block; margin:.25em auto 0;}
.bn-magazine img{aspect-ratio: 3.6/1;object-fit: cover;}

.ft-quickmenu-box{
margin:20px 0;padding:0 30px;
  --swiper-navigation-size:22px;
  --swiper-navigation-top-offset: 40%;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-color:#000;
}
.ft-quickmenu-box .swiper-slide{ text-align:center;}

.m-institutions h3{font-size:.875em;}
.m-institutions a{ color:hsl(0,0%,0%);}


#m-banner-mo a{ color:var(--bs-gray-600);}
#m-banner-mo figure{ margin:0;border:1px solid var(--bs-border-color);}
#m-banner-mo figcaption{ padding:.5em;}

.require:before{content:"\f0c8"; padding-right:5px; font:var(--fa-font-solid);}
.liberal:before{ color:#1C866A}/*교양필수*/
.major:before{ color:#B70808}/*전공필수*/
.option:before{color:#1d5987}/*선택적 필수*/

.down-list li{ margin-bottom:10px;
--color1:#4b776c;
--color2:#f4f4f4;
}
.down-list li a{background: linear-gradient(to right,  var(--color1) 0,var(--color1) 40px,var(--color2) 40px,var(--color2) 100%); display:flex; padding:10px; gap:26px; border-bottom:1px solid #ddd; color:#333}
.down-list li .fa{ color:#fff;align-self: center;}
.down-list li a:hover{background: linear-gradient(to right,var(--color2) 0,var(--color2) 40px,var(--color1) 40px,var(--color1) 100%); color:var(--color2)}
.down-list li a:hover .fa{ color:var(--color1);}


.profile-list ul{display: grid;
grid-template-columns: repeat(auto-fit, minmax(clamp(0px, 100%, 320px), 1fr));
gap: 1.2rem;
justify-content: center;}
.profile-list li{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:start;row-gap: .6rem;column-gap: 1rem; padding:.7em; border:1px solid var(--bs-border-color);}
.profile-list .profile-pic{flex:0 0 auto;}
.profile-list .profile-pic img {width: 80px;height: auto;}
.profile-list .profile-info{flex-grow:1;}
.profile-list .profile-info span{ display:block;}
.profile-list .profile-info i{ color:#aaa;}
.profile-list .profile-name a{ color:#636363; font-weight:700;}
.profile-list .profile-info .profile-xtra-info{ display:none;}
.profile-list .profile-position{flex:1 1 100%;background: var(--bs-gray-500);color: #fff; padding:5px;}
.profile-list .profile-email a{ color:#777;}
.part-time .profile-pic {display: none;}

.prof-content ul{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px,220px));
gap: 1rem;
}
.prof-content ul li{-flex-basis:25%;}
.prof-content ul li a.btn-view{ color:#109F97; display:block;border:1px solid #018b83; padding:10px; text-align:center;}
.prof-content ul li a.btn-view:hover{background-color: #109F97; color:#fff;}
.prof-content ul li a.btn-view:hover:before{display:inline-block; margin-right:4px; text-rendering: auto;font:var(--fa-font-solid);content: "\f067";}

.professor-xtra h1 {
  font-size: 16px;
  background: #743C59;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 6px 16px;
}

#tab4 .profile-list ul{grid-template-columns: 1fr;}
#tab4 .profile-list li{flex-flow: row;}
#tab4 .profile-list .profile-position{flex: 0 1 180px;text-align: center;}

#popContainer {position:absolute; z-index:998; background-color:#ffffff;border-left:5px solid #743C59;border-right:5px solid #743C59;border-top:5px solid #743C59;border-bottom:5px solid #743C59;}
#popContainer h1 {height:30px;padding-top:5px;text-indent:10px;width:100%;font-size:14px; color:#ffffff;background-color:#743C59;}
#popContainer .popcontents {position:relative; padding:0 10px 10px 10px; }
#popContainer .popcontents:after {position:absolute; content:""; bottom:0; left:-5px; width:67px; height:24px;}
#popContainer .popcontents:before {position:absolute; content:"."; top:0; right:0; width:6px; height:90%;}
#popContainer .btn_popClose {position:absolute; top:0px; right:10px;font-size:16px; color:#ffffff;}

#mask {position:absolute;left:0;top:0;z-index:900;background-color:#000000;display:none;}

table.prof-info{ border-top:2px solid var(--bs-gray-600);}
table.prof-info th{ width:140px;}
table.prof-info .edu-level td{ text-align:center; color:#FF6600;}

#calendar h2{ font-size:1.2em;}
.fc-basicWeek-view .fc-day-header{ padding-top:.6em; padding-bottom:.6em;}
.fc-day-number{ cursor:pointer;}
#calendar a{ color:#333;}
.fc-time,.fc-title{ font-size:0.857em;display: block;}
.location-info-title{background: url(/image/bg-location-title.jpg) no-repeat 0 0; color:#fff; font-size:2em;text-shadow: 0 1px 2px #646464; padding:20px;line-height:1.3;}
.location-info-title span{ font-size:.4em; display:block; }
.location-list{font-size:.938em;}
.location-list span{ display:block; background:var(--main-color); color:#fff; padding:2px 5px; margin:1em 0}


.fig-process-box{ text-align:center; padding:20px;border:1px solid #dadada;}
.fig-process-box li{ background:var(--bs-gray-200);border:var(--bs-gutter-x) solid #fff;box-shadow: inset 0px 0px 0px 1px var(--bs-border-color); padding:1rem;margin: 1rem 0;}
.fig-process-box .process-next{ position:relative;margin:38px 0 0!important; }
.fig-process-box .process-next:before{content:""; background:url(/image/bg-arrow-down.png) no-repeat 0 0;position:absolute;top:-30px;left:50%; margin-left:-21px;width: 43px;height: 22px;}
.fig-process-box p.process-next{ font-weight:bold; border:1px solid #235649; background-color:#3c6f62; color:#fff; padding:10px 0}

.hb_group_menu {
  border: 1px solid;
  padding: 10px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: .5em 2em;
  margin-top: .5em;
}
.hb_group_menu.menu{text-align: center;display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}

.sideimage{ float:left; margin:0 1em 1em 0}
.sideimage_alt{ float:right; margin:0 0 1em 1em;}
.history-box ol{ padding-left:0; list-style:none;}


#coucel-range p{ margin:8px 0 0 0; padding:0 0 8px 0; border-bottom:1px dotted #e9e9e9;}
.subpage #councel-register h4{ font-size:1em; color:#743C59; background:none; padding:0;}
#councel-register .councel_family .frm_input{ width:100%;}
#councel-register .range-title{ width:140px; display:inline-block;}
#councel-register .range-legend{ padding:0 0 0 140px; width:100%;}
#councel-register  .range-legend span{ display:inline-block; text-align:center; width:33.3%; color:#999}
#coucel-range tbody th,
#councel .td_subject{ text-align:center;}
#coucel-range label{ width:10%; float:left; text-align:center;}
#coucel-range td{ background: url(../image/bg_range.png) repeat-x left bottom; }
.td_c_date,
.td_c_admission{ text-align:center;}
#councel_calendar .fc-event-container a{ color:#fff;}
#councel_calendar .fc-event-container a:hover{ color:gold;}

#master_curriculum td .emphasis{ color:var(--bs-gray-600);}

.sitemap-bx > a{ display:block; padding:.5rem 0; color:var(--main-color); font-weight:700; border:1px solid var(--bs-gray-600); border-width:2px 0 1px; margin-bottom:10px;}
.sitemap-bx li a{ display:block; color:#424242; padding:4px;transition: all 0.3s ease-in-out 0s;}
.sitemap-bx li a:before{content:'\2022'; margin-right:6px;}
.sitemap-bx li a:hover{ background:var(--main-color); color:#fff;}


#gototop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}


/* 
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
/* 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 #######################################################################
█▀█ █░█░█ █▀▄
█▀▄ ▀▄▀▄▀ █▄▀
*/
.poppage #site-header,
.poppage .header-page,
.poppage #site-footer{ display:none;}
.poppage .container{ width: 98%;margin: 2% auto;max-width:98%;}
.poppage .con-container h2::before{ display:none;}
@media (576px <= width) {
/*sm~ */
}
@media (768px <= width) {
/*md~*/
}
@media (992px <= width) {
/*lg~*/
#sitemenu .dropdown-menu{ width:100%;  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%; }
#sitemenu .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; transform: rotateX(0deg) translateX(-50%); }
#sitemenu .dropdown-item{border-top:1px solid rgba(255,255,255,.15); padding:10px 8px; font-size:.9em}
#sitemenu .dropdown-menu li:first-child .dropdown-item{ border-top:0 none;}
}
@media (1200px < width) {}

/* max-width */
@media (width < 1200px) {}
@media (width < 992px) {
/* ~md */
.header-page{padding: 1rem 0 .5rem;font-size: .9rem;}
#navbarOffcanvas{ background:var(--main-color);}
#sitemenu .navbar-nav .nav-link{ color:#fff; display:block; position:relative; padding:1em; border-top:1px solid #7b5072; font-weight:500; text-align:start;}
#sitemenu .nav-item:not(:first-child) .nav-link {border-left:none;}
#sitemenu .nav-link:hover{ background:inherit;}
#sitemenu .dropdown-menu{ border:0 none; background:#522c40; border-radius:0;}
#sitemenu .dropdown-toggle::after {position: absolute;right: 1em;top: 45%;}
#sitemenu .dropdown-item{ color:#fff; padding:.6rem 1rem;}
#sitemenu .dropdown-item:hover{ background:#571b3a; color:#fff;}
}
@media (width < 768px) {
/* ~sm */
html{font-size:14px;}
.tbl_head01 thead th{ padding-top:5px; padding-bottom:5px;}
.bo_cate_link,
.bo_tit_sub .name,
.bo_tit_sub .date{ font-size:.9em; display:block;float: none;width: fit-content;}
}
@media (width < 576px) {}


@media (576px <= width < 768px) {}
@media (768px <= width < 992px) {}
@media (992px <= width < 1200px) {}