@font-face {
    font-family: 'Yeongwol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguJungguEubseong.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* TOP */ 
.subTop_wrap {height: 400px; background: url(../img/sub/subtop01_bg.jpg) no-repeat 50% 50% / cover;display: flex; justify-content: flex-start; align-items: flex-end;}
.subTop_wrap .subTit p {font-size: 3.3333333rem; color: #fff; font-weight: 700; margin-bottom: 80px;}
.subTop_wrap .subTit small {display: block; font-size: 1.1111rem; font-weight: 400; margin-top: 10px; color:#fff;}
@media (max-width: 767.98px) {
    .subTop_wrap {height: 180px;}
    .subTop_wrap .subTit p {font-size: 2.222222rem; margin-bottom: 40px;}
}

/* mid-navi 서브메뉴 */
.bread-crumb-wrap {padding:70px 0 70px; align-items: center; gap: 0; width: 100%; display: flex;}
.bread-crumb-wrap .home-wrap a {display: inline-block}
.bread-crumb-wrap .bread-crumbs {align-items: center; width: auto; display: flex}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item {width: 100%; cursor: pointer; flex: 1; justify-content: space-between; display: flex}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-toggle {font-size: 18px; color:#777; font-weight:300; padding: 0 0 0 40px; height: 100%; display: flex; align-items: center; justify-content: space-between; gap:10px;}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item:last-child .dropdown-toggle {color:#000; font-weight:600;}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-toggle:after {content: ""; width: 1.1em; height: 1.1em; background: url(../img/sub/location_down.svg) no-repeat 100% 50%; border: 0; flex-shrink: 0;}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-menu li {font-size:17px; color:#777;}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-menu li:hover {color:var(--primary);}
.bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-menu li.selected {font-weight:500; color:#000; text-decoration:underline;}

@media(max-width: 767.98px) {
    .bread-crumb-wrap {padding:40px 0 20px;}
    .bread-crumb-wrap .home-wrap {width:20px; height:20px;}
    .bread-crumb-wrap .bread-crumbs > li:first-child {display:none;}
    .bread-crumb-wrap .bread-crumbs .bread-crumb-item .dropdown-toggle {font-size: 15px; padding:0 0 0 20px; gap:5px;}
}
@media(max-width: 575.98px) {
    .bread-crumb-wrap .bread-crumbs .bread-crumb-item:last-child .dropdown-toggle {max-width:170px;}
    .bread-crumb-wrap .bread-crumbs .bread-crumb-item:last-child .dropdown-toggle span {overflow: hidden; text-overflow: ellipsis;}
}

/* 기본 css */
.subCont_wrap > article {margin-top: 3.11111rem;}
.subCont_wrap > article p {font-size: 1.11111rem; color:#555; line-height: 1.6; margin-bottom: 2rem; word-break: keep-all;}

.gradient_box {background: linear-gradient(45deg, #EBF6F6, #D9E5F9); border-radius:30px; padding:80px 60px; color:#000;}
.gradient_box h4 {font-size: 35px; font-weight: 700; margin-bottom: 80px; line-height:1.8;}

.nofit {text-align:center}
.nofit img {max-width:1000px}

@media(max-width: 991.98px) {
    .subCont_wrap > article p {font-size: 20px; margin-bottom: 40px;}
    .gradient_box h4 {font-size: 35px; font-weight: 700; margin-bottom: 60px;}  
}
@media(max-width: 767.98px) {
    .subCont_wrap > article {margin-top: 30px;} 
    .subCont_wrap > article p {font-size: 18px; margin-bottom: 30px;}
    .gradient_box h4 {font-size: 28px; font-weight: 700; margin-bottom: 40px;}
}

.sub-nav, .sub-tab {position:relative; width: 100%;}
.sub-nav .sub-tab-buttons, .sub-tab .sub-tab-buttons, .tab-buttons {display:flex; flex:1; flex-wrap:wrap; position: relative; width:100%;}
.sub-nav .sub-tab-buttons.item04 button, .sub-tab .sub-tab-buttons.item04 button {width:25%; flex:none;}
.sub-nav .sub-tab-buttons.item05 button, .sub-tab .sub-tab-buttons.item05 button {width:20%; flex:none;}
.sub-nav .sub-tab-buttons button, .sub-tab .sub-tab-buttons button, .tab-buttons button {text-align: center; flex:1; border:1px solid #ddd; padding:20px; font-size:22px; color:#555; background-color:#fff;}
.sub-nav .sub-tab-buttons button:hover, .sub-tab .sub-tab-buttons button:hover, .tab-buttons button:hover {background-color:var(--secondary); color:#000}
.sub-nav .sub-tab-buttons button.active, .sub-tab .sub-tab-buttons button.active, .tab-buttons button.active  {color:#0066B3; font-weight:700; border-color:#0066B3}
.sub-nav .sub-tab-contents, .sub-tab .sub-tab-contents {margin-top:5rem;} 
.sub-nav .sub-tab-contents > li  {display:none;}
.sub-nav .sub-tab-contents > li.active, .sub-tab .sub-tab-contents > li {display: block;}

@media(max-width: 991.98px) {
    .sub-nav .sub-tab-buttons button, .sub-tab .sub-tab-buttons button, .tab-buttons button {font-size:1rem; padding:15px;}
}

@media(max-width: 767.98px) {
    .sub-nav .sub-tab-buttons button, .sub-tab .sub-tab-buttons button, .tab-buttons button {font-size:.88888rem; padding:15px 5px;letter-spacing: -1px;}
    .sub-nav .sub-tab-contents, .sub-tab .sub-tab-contents {margin-top:4rem;} 
}


/* page - 페이지 전체 css */
/* 기본적용 */
.subCont_wrap {min-height: 300px; margin-bottom:90px;}
.subConttit {font-size: 2.4444rem; color: #000; font-weight: 700; line-height: 1.3;}

@media(max-width: 767.98px) {
    .subConttit {font-size: 2rem;}
}

.subFoot {background: #f3f3f3; border-radius: 20px; padding: 1.22222rem 1rem; display: flex; margin-bottom: 1rem;   font-size: .78rem; color: #777; align-items: center; justify-content: flex-start; flex-wrap: wrap; letter-spacing: 0;}
.subFoot p {padding: 0 1rem;}

.btn-none, .btn-none:hover, .btn-none:active {color:#aaa !important; background-color:#f5f5f5 !important; padding:10px; font-weight:400; border-color:#ddd;}

.btn-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
@media(max-width: 767.98px) {
	.btn-grid {grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 575.98px) {
    .btn-group {flex-direction: column; width:100%;}
    .btn-group a+a {margin-left:0 !important; margin-top:5px;}

	.btn-grid a span {font-size:1rem;}
}


.btn-down, .btn-go {display:flex; justify-content: center; align-items: center; gap:5px; border:1px solid #ddd; text-align:center; font-size:1.1111rem; color:#000; padding:1.1111rem;}
.btn-down span, .btn-go span {font-weight:400;}
.btn-down i {width:28px; height:28px; display:block; background:url('../img/sub/icon_down.svg') no-repeat center / contain; }
.btn-down:hover i, .btn-down:active i {background-image:url('../img/sub/icon_down_wh.svg');}
.btn-go i {width:28px; height:28px; display:block; background:url('../img/sub/viewer_icon_blue.svg') no-repeat center / contain; }
.btn-go:hover i, .btn-go:active i {background-image:url('../img/sub/viewer_icon_wh.svg');}

/* note형 */
.sub dl {display: flex; flex-wrap: wrap; gap:20px; justify-content: space-between;}
.sub dl.lg dt {width:30%}
.sub dl.lg dd {width:calc(70% - 20px);}
.sub dl.lg dd+dd {margin-left:calc(30% + 20px);}
.sub dl dt {width:20%; font-size:1.55556rem; line-height:1.4}
.sub dl dt.dot {padding-left:20px; position:relative;}
.sub dl dt.dot:before {content:""; position:absolute; width: 3px; height: 1.222222rem; background: var(--primary); top:0.5rem; left:0;}
.sub dl dt small {display:block; font-size:1rem; color:#777; font-weight:400;}
.sub dl dd {width:calc(80% - 20px); margin-bottom:2rem; font-size:1.11111rem; color:#555; line-height:1.6; word-break: keep-all;}
.sub dl dd h5 {color:#333; font-weight:600; margin-bottom:10px;}
.sub dl dd p {margin-bottom:1rem;}
.sub dl dd.note_box {border:2px solid #D9E5F9; padding:2.4444rem;}
.sub dl dd+dd {margin-left:calc(20% + 20px);}
.sub dl dd strong {font-weight:600; color:#000; display:block; font-size:1.22222rem; margin-bottom:.777777rem;} 
.sub dl dd > ol, .sub dl dd > ul {padding-left:20px;}
.sub dl dd > ol li {list-style:outside decimal; font-size: 1rem; line-height:1.4; margin-bottom:8px;}
.sub dl dd > ul li {list-style:outside disc; margin-bottom:8px; line-height: 1.4; font-size:1rem;}
.sub dl dt b {color:var(--primary);}
.sub dl dd b {color:var(--primary); font-weight:normal}
.sub dl dd > .box, .sub dl dd > .box-line {display:flex; gap:1rem;  padding-left:0;}
.sub dl dd > .box li {list-style:none; flex:1; border-radius:20px; background-color:var(--secondary); display: flex; align-items: center; justify-content: center; padding:1.444rem .77777rem;flex-wrap: wrap;}
.sub dl dd > .box-line li {position:relative; list-style:none; flex:1 1 auto; border-radius:20px; border:1px solid #ccc; background-color:#fff; display: flex; align-items: center; justify-content: center; padding:3rem 1.444rem; gap: 5px; align-content: center; flex-wrap: wrap;} 
.sub dl dd > .box li p, .sub dl dd > .box-line li p {margin-bottom:0; color:#000; font-weight:500; font-size:1.333rem; width:100%; text-align:center; line-height:1.3}
.sub dl dd > .box li small, .sub dl dd > .box-line li small {display:block; color:#777; font-size:0.7778rem; width:100%; text-align:center;} 
.sub dl dd > .box li.grid {gap:30px;}
.sub dl dd > .box li.grid h5 {color:#000; font-weight:500;}
.sub dl dd > .box li.grid p {font-size:1rem;padding:3px 15px;}
.sub dl dd > .box li.grid p:last-child {border-top:1px solid #bdcbdd}

.sub dl dd.step {margin-bottom:0; position:relative;}
.sub dl dd.step:after {content:""; display:inline-block; width:100%; height:40px; margin-top:20px; background:url(../img/sub/step_next.jpg) no-repeat top center/contain;}
.sub dl dd.step:last-child:after {display:none;}
.sub dl dd.step > h5 {margin-bottom:15px;}
.sub dl dd.step > .box-line {gap:3rem;}
.sub dl dd.step > .box-line li+li:after {content:""; position:absolute; width:3rem; height:30px; left:-3rem; background:url(../img/sub/step_snext.png) no-repeat center / contain;}
.sub dl dd.step > .box-line li {box-shadow:0 -3px 0 var(--primary)}
.sub dl dd.step:nth-child(2) > .box-line li {box-shadow:0 -3px 0 #17a2b8}
.sub dl dd.step:last-child > .box-line li {box-shadow:0 -3px 0 #4d57f3}

.sub dl dd > .img-list {display:flex; gap:1rem; margin-bottom:1rem;}
.sub dl dd > .img-list img {flex:1;}

.img-box {display:flex;}
.img-box figure {flex:1;}


@media(max-width: 1199.98px) {
    .sub dl dd.step > .box-line {gap:2rem;}
    .sub dl dd.step > .box-line li+li:after {width:2rem; left:-2rem;}
}

@media(max-width: 767.98px) {
    .sub dl dt, .sub dl.lg dt {width:100%;}
    .sub dl dd, .sub dl.lg dd {width:100%; margin-bottom:2rem;}
    .sub dl dd+dd {margin-left:0;}
}

@media(max-width: 575.98px) {
    .sub dl dd > .box-line li {padding:2rem 1rem;}
    .sub dl dd.step > .box-line {flex-direction: column; gap:1rem;}
    .sub dl dd.step > .box-line li+li:after {height:22px; top:-2rem; left:auto; transform: rotate(90deg);}

	.sub dl dd > .box li.grid {gap:10px;}
}

.info-wrap {display:flex; gap:40px; flex-wrap: wrap; justify-content: space-between;}
.info-wrap h3 {font-size:1.55556rem; margin-bottom:1rem;}
.info-wrap p {font-size:1.11111rem; color:#555; line-height:1.6; word-break: keep-all;}
.info-wrap ul, .info-wrap ol {padding-left:20px;}
.info-wrap ul li {list-style:outside disc; line-height:1.4; margin-bottom:8px; font-size:1.11111rem; color:#555; word-break: keep-all;}
.info-wrap ol li {list-style:outside decimal; line-height:1.4; margin-bottom:8px; font-size:1.11111rem; color:#555; word-break: keep-all;}

.info-wrap .info-limg {width:calc(40% - 40px);}
.info-wrap .info-limg img {width:100%;}
.info-wrap .info-50 {width:60%;}

@media(max-width: 767.98px) {
    .info-wrap .info-limg {width:100%;}
    .info-wrap .info-limg img {width:100%;}
    .info-wrap .info-50 {width:100%;}
}

.info-wrap .info-grid {display:grid; grid-template-columns: repeat(2, 1fr); width:100%; gap:0 30px;}

@media(max-width: 575.98px) {
    .info-wrap .info-grid {display:block;}
}


/* ------------------ 대학소개 ----------------- */
#sub0111 h4 b {display: inline-block; padding-left:10px;}
#sub0111 .mission {position:relative;}
#sub0111 .mission:after {content:""; position:absolute; bottom:0; left:50%; width:1px; height:50%; background:#0066B3; z-index:0;}
#sub0111 .mission ol {position:relative; display: flex; align-items: center; justify-content: center;margin-bottom:55px; }
#sub0111 .mission ol > li {width: 30%; background: #0065b3c9; border-radius: 500px; padding: 80px 0;  margin: 0 -1%; color: #fff; z-index:1}
#sub0111 .mission ol > li:first-child {background-color:#2b4cd0c2}
#sub0111 .mission ol > li:last-child {background-color:#34b2c0bd}
#sub0111 .mission ol > li h5 {font-size: 50px; font-weight: 700;}
#sub0111 .mission ol > li small {font-size: 25px; font-weight: 200;}
#sub0111 .mission p {position:relative; margin: 20px auto; padding:24px; width:80%; background:#fff; font-size:26px; text-align:center; border-radius:50px; box-shadow:0 0 10px #0000002a; z-index:1;}

@media(max-width: 1199.98px) {
    #sub0111 .mission ol > li h5 {font-size: 40px;}
    #sub0111 .mission ol > li small {font-size: 20px;}
    #sub0111 .mission p {font-size:22px;}
}
@media(max-width: 991.98px) {
    #sub0111 .mission ol {flex-direction: column;}
    #sub0111 .mission ol > li {width: 80%; margin: 4px 0; padding: 40px 0;}
    #sub0111 .mission ol > li h5 {font-size: 30px;}
    #sub0111 .mission ol > li small {font-size: 16px;}
    #sub0111 .mission p {width: 100%; font-size:18px;}
    #sub0111 .mission:after {height:35%;}
}
@media(max-width: 767.98px) {
    #sub0111 .gradient_box {padding:60px 30px;}
    #sub0111 > p br {display:none;}
}

/*  ------------  대학연혁  -------------- */
#sub0112 .history_list {width:100%;}
#sub0112 .history_list li {display:flex; gap:10px; margin-bottom:3rem;}
#sub0112 .history_list li h5 {position:relative; width:190px; font-size:2rem; padding-left:40px; font-weight:700; color:#000;}
#sub0112 .history_list li h5:after {content:""; position:absolute; width:10px; height:10px; background:var(--primary); border-radius:50%; top:16px; left:0;}
#sub0112 .history_list li > div {width:calc(100% - 200px); margin-top:5px;}
#sub0112 .history_list li > div p {margin:0; font-size:1rem;}
#sub0112 .history_list li > div p b {font-weight:400; color:#000;}

@media(max-width: 575.98px) {
    #sub0112 .history_list {margin-top:3rem;}
    #sub0112 .history_list li {flex-direction: column; gap:5px; margin-bottom:1.6667rem;}
    #sub0112 .history_list li h5 {font-size:1.4444rem; padding-left:20px;}
    #sub0112 .history_list li h5:after {width:6px; height:6px; top:11px;}
    #sub0112 .history_list li > div {width:100%; margin-top:0;}
    #sub0112 .history_list li > div p {margin-bottom: 8px; line-height: 1.4;}
}


/* --------  심볼마크  --------- */
#sub0113 {position:relative;}
#sub0113 .symbol_wrap {border: 1px solid #ddd; background: url(../img/sub/ci_bg.gif); padding: 5rem 0; text-align:center;}
#sub0113 .main_symbol {position:relative; display:flex; gap:3rem;}
#sub0113 .main_symbol .symbol_wrap {width:calc(100% - 620px - 3rem);}
#sub0113 .main_symbol .symbol_cont {width:620px;}
#sub0113 .main_symbol .symbol_cont h4 {margin-bottom:25px;}
#sub0113 .main_symbol .symbol_cont ul {display:flex; gap:10px;}
#sub0113 .main_symbol .symbol_cont ul li {flex:1; background:#EAF1FB; text-align:center; padding: 1.555rem 0;}
#sub0113 .main_symbol .symbol_cont ul li span {display:block;}

#sub0113 .symbol_down {display:grid; grid-template-columns: repeat(3, 1fr); gap: 5% 1%;}

@media(max-width: 1199.98px) {
    #sub0113 .main_symbol {flex-direction: column;}
    #sub0113 .main_symbol .symbol_wrap, #sub0113 .main_symbol .symbol_cont {width:100%;}
}
@media(max-width: 575.98px) {
    #sub0113 .symbol_wrap {padding:4rem 0;}
    #sub0113 .symbol_wrap img {width:50%;}

    #sub0113 .main_symbol .symbol_cont ul {flex-wrap:wrap;}
    #sub0113 .main_symbol .symbol_cont ul li {flex:auto; width:calc(50% - 5px); height:160px;}
    #sub0113 .symbol_down {gap:2%; grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 459.98px) {
    #sub0113 .symbol_down {grid-template-columns: repeat(1, 1fr);}
}


#sub0114 > ul {display:flex; gap:3rem;}
#sub0114 > ul li {flex:1;}
#sub0114 > ul .song_wrap {border:1px solid var(--gray); min-width:800px;}
#sub0114 > ul .song_down {display:flex; flex-wrap: wrap; gap:10px;}
#sub0114 > ul .song_down a {flex:1;}

@media(max-width: 1199.98px) {
    #sub0114 > ul {gap:2rem;}
    #sub0114 > ul .song_wrap {min-width:400px;}
}
@media(max-width: 767.98px) {
    #sub0114 > ul {flex-direction: column;}
    #sub0114 > ul .song_wrap {min-width:auto; flex:auto;}
}
@media(max-width: 575.98px) {
    #sub0114 > ul .song_down a {flex:auto; width:100%;}
}

/* --------  대학의 사명  --------- */
#sub0121 .gradient_box {background:url(../img/sub/mission_bg.jpg) no-repeat center / cover; color:#fff; margin-bottom:80px;}
#sub0121 .gradient_box h4 {color: #fff; margin: 30px 0 0; font-size: 2.5555rem; text-shadow: 0 0 10px #00000073;}
#sub0121 .gradient_box ul {display: flex; text-align: center; border: 1px solid #fff; width: 70%; margin: 0 auto; padding: 20px; border-radius: 300px; justify-content: space-between; gap:30px;}
#sub0121 .gradient_box ul li {flex: 1; background: #fff; border-radius: 50%; color: #000; padding: 10% 3%; font-size: 2rem; line-height:1.4; text-align: center;}
#sub0121 .gradient_box ul li b {display: block; color:#0066B3}

@media(max-width: 1199.98px) {
    #sub0121 .gradient_box ul {width:90%}
    #sub0121 .gradient_box ul li {font-size:1.55555rem;}
}
@media(max-width: 767.98px) {
    #sub0121 .gradient_box {padding:40px; margin-bottom:40px;} 
    #sub0121 .gradient_box h4 {font-size:2rem; line-height: 1.3;}
    #sub0121 .gradient_box ul {width:100%}
    #sub0121 .gradient_box ul li {font-size:1.11111rem;}
}
@media(max-width: 575.98px) {
    #sub0121 .gradient_box h4 {margin:20px 0 0;} 
    #sub0121 .gradient_box ul {flex-direction: column; gap:10px; border-radius:60px;}
    #sub0121 .gradient_box ul li {background: #ffffffdb; padding: 5% 3%; border-radius:60px;}
}

#sub0122 .goal_box {display:flex; gap:2rem; margin-bottom:1rem;}
#sub0122 .goal_box h4 {width:600px; color:#fff; font-size:2rem; text-align:center; border-radius:30px; padding:3.5rem 0;}
#sub0122 .goal_01 h4 {background:url(../img/sub/goal_bg01.jpg) no-repeat center / cover;}
#sub0122 .goal_02 h4 {background:url(../img/sub/goal_bg02.jpg) no-repeat center / cover;}
#sub0122 .goal_03 h4 {background:url(../img/sub/goal_bg03.jpg) no-repeat center / cover;}
#sub0122 .goal_box > div {background:#f1f1f1; padding:2rem 4.5rem; width:calc(100% - 620px); border-radius:30px; display:flex; align-items: center;}
#sub0122 .goal_box > div ul {display:grid; grid-template-columns: repeat(2, 1fr); width:100%; padding-left:20px; gap:0 40px;}
#sub0122 .goal_box > div ul li {list-style: outside disc; color:#777}
#sub0122 dl .line h4 {display:inline-block; border:1px solid var(--primary); border-radius:55px; font-size:2rem; padding:1rem 3rem}
#sub0122 dl .line small {display:inline-block; font-size:1.222rem; margin-right:10px;}
#sub0122 dl .line small b {font-weight:400; color:var(--primary)}
#sub0122 dl h5 {font-size:1.3334rem; margin-bottom:10px; color:#000; font-weight: 600;}

@media(max-width: 1199.98px) {
    #sub0122 .goal_box {flex-direction: column; gap:0;}
    #sub0122 .goal_box h4 {width:100%; border-radius:30px 30px 0 0; padding:2rem 0;}
    #sub0122 .goal_box > div {width:100%; border-radius:0 0 30px 30px;}
    #sub0122 dl dt {width:100%; margin-bottom:10px;}
    #sub0122 dl .line h4 {border:none; border-bottom:3px solid var(--primary); border-radius: 0; padding:0}
    #sub0122 dl dd {width:100%}
}
@media(max-width: 575.98px) {
    #sub0122 .goal_box h4 {font-size:1.5rem;}
    #sub0122 .goal_box > div {padding:1.5rem 2.5rem;}
    #sub0122 .goal_box > div ul {grid-template-columns: repeat(1, 1fr);}
}

/* ------------- 총장인사말 -------------- */
#sub013 ul {display:flex; gap:3rem;}
#sub013 ul .presi_cont {flex:1;}
#sub013 ul .presi_cont h4 {font-family:'Yeongwol'; margin-bottom:2rem; font-size:1.8888rem; font-weight:normal}
#sub013 ul .presi_cont h4 b {color:var(--primary);}
#sub013 ul .presi_cont p {margin-bottom:2rem;}
#sub013 .sign {display: flex; align-items: center; gap: 1rem; justify-content: flex-end;}

@media(max-width: 1199.98px) {
    #sub013 ul .presi_cont h4 br {display:none;}
    #sub013 ul .presi_cont p {margin-bottom:1rem; font-size:1rem;}
    #sub013 ul .presi_img {flex:0.5}
}
@media(max-width: 767.98px) {
    #sub013 ul {flex-direction: column;}
}

/* ------------- 조직도 ------------ */
#sub0141 {flex-direction: column; justify-content: flex-start; align-self: stretch; align-items: flex-start; width: 100%; display: inline-flex; position: relative;}
#sub0141 h4 {font-size:1.6669rem;}

#sub0141 .president-section {justify-content: space-between; gap: 30px; flex-wrap: wrap;   width: 100%; display: flex; position: relative;}
#sub0141 .president-section .president {width: 400px; justify-content: center; align-items: center; border-radius: 20px; background-color: #014B83; display: inline-flex; position: relative; padding: 1.444rem; color:#fff;}

#sub0141 .dir-major-wrap {width: 100%; display: flex; position: relative;}
#sub0141 .dir-major-wrap .major-line {position:relative; overflow:hidden; justify-content: center; width: 30%; display: flex; position: relative;}
#sub0141 .dir-major-wrap .major-line:before {content: ""; position: absolute; top: 0; left: 45%; width: 1px; height: 100%; background:#ddd}
#sub0141 .dir-major-wrap .major-line:after {content: ""; position: absolute; height: 1px; width: 55%; top: 50%; right: 0; background:#ddd}
#sub0141 .dir-major-wrap .dir-major {margin-block: 2rem; border-radius: 20px; background-color: #DBEDFA; width: 70%; padding: 2.666rem; flex-wrap: wrap; display: flex;}
#sub0141 .dir-major-wrap .dir-major h4 {align-self: stretch; width: 20%; display: flex;}
#sub0141 .dir-major-wrap .dir-major ul {width: 80%; display: grid; gap: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr));}
#sub0141 .dir-major-wrap .dir-major ul li {border-radius: 20px; background-color: #fff; border:1px solid #73A3C8; justify-content: space-between; justify-content: center; align-self: stretch; align-items: center; display: inline-flex; font-size:1.11111rem; color:#003767; padding: 1.2222rem 0.5rem}

#sub0141 .org-major-wrap {padding: 2.666rem; flex-direction: column; align-self: stretch; display: inline-flex; margin-bottom: 1.5rem; justify-content: flex-start; gap:1rem; border-radius: 20px; background-color:#F1F1F1; width: 100%;}
#sub0141 .org-major-wrap .org-major {gap: .8rem; grid-template-columns: repeat(5, minmax(0, 1fr)); transition: all .5s; display: grid;}
#sub0141 .org-major-wrap .org-major li {grid-column: span 1;}
#sub0141 .org-major-wrap .org-major p {border-radius: 20px; background-color: #fff; border:1px solid #D7D7D7; justify-content: space-between; justify-content: center; align-self: stretch; align-items: center; display: inline-flex; font-size:1.11111rem; color:#333; padding: 1.2222rem 0.5rem; width:100%; margin:0;}
#sub0141 .org-major-wrap .org-major li > ul {display: flex; padding: 2rem 1rem; width: 100%; background: #ffffff7d; margin-top: -1rem; flex-direction: column; align-items: center; border-radius: 0 0 20px 20px; gap: 5px;}

@media(max-width: 991.98px) {
	#sub0141 .dir-major-wrap .dir-major {gap:1rem;}
	#sub0141 .dir-major-wrap .dir-major h4 {width:100%;}
	#sub0141 .dir-major-wrap .dir-major ul {width:100%;}
	#sub0141 > div:nth-child(4) .org-major, #sub0141 > div:nth-child(5) .org-major {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media(max-width: 767.98px) {
	#sub0141 .president-section .president {width:100%} 
	#sub0141 .dir-major-wrap .major-line {display:none;}
	#sub0141 .dir-major-wrap .dir-major {width:100%; margin-block: 1rem;}
	#sub0141 .dir-major-wrap .dir-major ul {grid-template-columns: repeat(2, minmax(0, 1fr));}
	#sub0141 .org-major-wrap {margin-bottom: 1rem;}
	#sub0141 > div:nth-child(3) .org-major {grid-template-columns: repeat(3, minmax(0, 1fr));}
	#sub0141 > div:nth-child(4) .org-major, #sub0141 > div:nth-child(5) .org-major {grid-template-columns: repeat(2, minmax(0, 1fr));}	
}
@media(max-width: 575.98px) {
	#sub0141 .dir-major-wrap .dir-major ul {grid-template-columns: repeat(1, minmax(0, 1fr));}
	#sub0141 > div:nth-child(3) .org-major, #sub0141 > div:nth-child(4) .org-major, #sub0141 > div:nth-child(5) .org-major {grid-template-columns: repeat(1, minmax(0, 1fr));}	
}

 
/* ------------- 캠퍼스맵 ------------ */
#sub0181 .tab-buttons {margin-bottom:3rem;}
#sub0181 .tab-content > div {margin-top:3rem; display:flex; gap:50px;}
#sub0181 .tab-content > div figure {width:400px;}
#sub0181 .tab-content > div ol {width:calc(100% - 450px);}
#sub0181 .tab-content > div ol li {display:flex; border:1px solid #e7e7e7;}
#sub0181 .tab-content > div ol li h5 {width:100px; padding:20px; font-size:1rem; background-color:var(--secondary)}
#sub0181 .tab-content > div ol li p {width:calc(100% - 100px); flex-wrap: wrap;  padding:10px 20px; display:flex; gap:5px; margin:0;}
#sub0181 .tab-content > div ol li p span {font-size:.777rem; color:#777; background:#f5f5f5; border-radius:5px; padding:10px;}


.sub-map {position:relative; overflow:hidden;}
.sub-map .img-buttons {position: absolute; z-index: 99; width: 100%; padding:28%;}
.sub-map .img-buttons button {position:absolute; padding-bottom:25px;}
.sub-map .img-buttons button:before {content:""; position:absolute; width:1px; height:25px; background:#0066B3; bottom:0px; left:50%;}
.sub-map .img-buttons button:after {content:""; position:absolute; width:6px; height:6px; background:#0066B3; bottom:0; left:calc(50% - 3px); border-radius:50%;}
.sub-map .img-buttons button:nth-child(1) {top:10%; left:50%}
.sub-map .img-buttons button:nth-child(2) {top:10%; left:30%}
.sub-map .img-buttons button:nth-child(3) {bottom:35%; right:35%}
.sub-map .img-buttons button:nth-child(4) {top:50%; left:40%}
.sub-map .img-buttons button:nth-child(5) {top:20%; right:25%}
.sub-map .img-buttons button:nth-child(6) {top:45%; left:15%}
.sub-map .img-buttons button {position:absolute;}
.sub-map .img-buttons button.active {animation: bounceitem 1.5s ease-in-out 0s infinite}
.sub-map .img-buttons button span {display:flex; color:#fff; align-items:center; justify-content: center; height:90px; width:90px; font-size:0.999rem; line-height:1.2;  padding:1rem 10px; background:var(--primary); border-radius:50%; box-shadow:0 4px 10px #00000059}
.sub-map .img-contents {width: 100%; background: url(../img/sub/campusmap.jpg) no-repeat; background-size: contain;}
.sub-map .img-contents > li {display:none;}
.sub-map .img-contents > li.active {display: block;}

@keyframes bounceitem {
    0% {transform:translateY(8px);}
    10% {transform: translateY(10px);}
    90% {transform: translateY(0px);}
    100% {transform: translateY(5px);}
}

@media(max-width: 991.98px) {
    #sub0181 .tab-buttons {margin-bottom:1rem;}
    #sub0181 .tab-content > div {margin-top:1rem; gap:20px; flex-direction:column;}
    #sub0181 .tab-content > div figure {width:100%;}
    #sub0181 .tab-content > div ol {width:100%;}

    .sub-map .img-buttons button {padding-bottom:0;}
    .sub-map .img-buttons button:before, .sub-map .img-buttons button:after {display:none;}
    .sub-map .img-buttons button span {width:75px; height:auto; border-radius:5px; padding:.5rem 5px; font-size:.8rem;}
    .sub-map .img-buttons button span br {display:none}
}
@media(max-width: 575.98px) {
    .sub-map .img-buttons {display:none;}
	#sub0181 .tab-buttons button {width:33.3333%; flex:auto;}
}


#sub0182 dl dd span {display:inline-block; margin-right:1rem;}
#sub0182 dl dd b {color:var(--primary);}


/* ---------- 교수소개 ---------- */
#professor > ul {display:grid; gap:15px 20px; grid-template-columns: repeat(3, minmax(0, 1fr));}
#professor > ul > li {border:1px solid var(--gray); padding:14px; display:flex; align-items: center;}
#professor > ul > li figure {flex:.7;}
#professor > ul > li div {margin:20px 0 20px 20px; flex:1.5;}
#professor > ul > li div h5 {display:flex; align-items: center; gap:10px;margin-bottom: 1rem;}
#professor > ul > li div h5 p {margin:0; font-size:1.66667rem; font-weight:700; color:#000; line-height:1;}
#professor > ul > li div h5 small {margin:0; font-size:.888rem;}
#professor > ul > li div li {display:flex; font-size:0.8889rem; color:#777; margin-top: 10px; gap: 10px; align-items: center;}
#professor > ul > li div li b {display:block;background: var(--secondary); padding: 5px 10px; color: var(--primary); min-width: 80px; text-align: center;}

@media(max-width: 1199.98px) {
	#professor > ul {gap:10px 15px; grid-template-columns: repeat(2, minmax(0, 1fr));}
	#professor > ul > li div {margin:10px 0 10px 20px;}
}
@media(max-width: 767.98px) {
	#professor > ul {gap:10px; grid-template-columns: repeat(1, minmax(0, 1fr));}
	#professor > ul > li div h5 {margin-bottom: 0.5rem;}
	#professor > ul > li div h5 p {font-size:1.44444rem;}
	#professor > ul > li div li {font-size:0.7778rem; margin-top: 5px;}
	#professor > ul > li div li b {padding:2px 10px; min-width:70px;}
}



/*  ------------- 발전기금 ---------------  */
#develop .top_tit {background-image: url(../img/main_info_bg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; border-radius: 30px; padding:8rem 5rem; text-align: center;}
#develop .top_tit h4 {font-family:'Yeongwol'; color:#fff; margin-bottom:1rem; font-size:1.888rem; font-weight:normal}
#develop .top_tit p {color:#fff; font-size:1rem; margin-bottom:0; font-size:0.888rem}
#develop .box-line li {flex-direction: column;}
#develop .box-line li img {max-width:120px;}
#develop .box li {gap:10px;}
#develop .box li p {font-size:1rem;}
#develop .box li span {text-align: center; background: #fff; width: 90%; padding: 1rem; font-size: 1rem; border-radius: 10px;}

@media(max-width: 767.98px) {
    #develop .top_tit {padding:4rem 2rem;}
}
@media(max-width: 575.98px) {
    #develop .box-line, #develop .box {flex-direction: column;}
}


/*  ------------- 진로탐색 ---------------  */
#career h4 {margin-bottom:1rem;}
#career .box-line {flex-wrap:wrap;}
#career .box-line > li {width:calc(33.33333% - 3rem/4);}

#career .card {border-radius:1.25rem;}
#career .card .card-img-top {border-top-left-radius: calc(1.25rem - 1px); border-top-right-radius: calc(1.25rem - 1px);}
#career .card-wrap {display:flex; flex-wrap:wrap; gap:1rem;}
#career .card-wrap .card {flex:1 1 auto; width:calc(33.33333% - 3rem/2)}
#career .card-wrap .card .card-text, .import-txt {font-size:1rem;}
#career .card-wrap .card .card-text span, .import-txt span {display:block; position:relative; padding-left:15px;}
#career .card-wrap .card .card-text span:before, .import-txt span:before {content:""; position:absolute; width:5px; height:5px; background:var(--primary); left:0; top:10px;}

@media(max-width: 1199.98px) {
	#career .card-wrap .card {width:100%;}
}
@media(max-width: 767.98px) {
	#career .box-line > li {width:calc(50% - 3rem/4);}
}
@media(max-width: 575.98px) {
	#career .box-line > li {width:100%;}
}


/*  modal  */
#career .modal-header {flex-direction:row; padding:0;}
#career .sub-tab-buttons button {font-size:1rem; padding:10px;}
#career .sub-tab-contents {margin-top:0;}
#career .sub-tab-contents > li {display:block; border-bottom: 1px dashed #ddd; margin-bottom: 2rem; padding-bottom: 1rem;}
#career .sub-tab-contents > li:last-child {padding:0; margin:0; border:none;}

#career .sub-tab-contents h5 {margin-bottom:1rem; display:inline-block; border-left: 4px solid var(--primary); line-height: 1;  padding-left: 8px; color:#000; font-weight:700}
#career .sub-tab-contents p {font-size:1rem;margin-bottom:5px;}
#career .sub-tab-contents strong {font-size:1.11111rem; margin-top:15px; }

/* 제증명 */
#verifi .card-wrap {display:flex; flex-wrap:wrap; gap:1rem;}
#verifi .card-wrap .card {flex:1 1 auto; width:calc(33.33333% - 2rem/3); border-radius:20px; padding:2rem;}
#verifi .card-wrap .card .card-title {font-size:1.333rem; font-weight:600; color:#000;}
#verifi .card-wrap .card .card-text, .import-txt {font-size:1rem; margin-bottom:10px;}
#verifi .card-wrap .card .card-text span {display:block; position:relative; padding-left:15px; font-size:.9rem; color:#777}
#verifi .card-wrap .card .card-text span:before {content:""; position:absolute; width:5px; height:5px; background:var(--primary); left:0; top:10px;}
#verifi .card-wrap .card a {text-align: center; margin-top: .5rem; display: inline-block;}
@media(max-width: 991.98px) {
	#verifi .card-wrap .card {width:calc(33.33333% - 1rem/2);}
}
@media(max-width: 767.98px) {
	#verifi .card-wrap .card {width:100%; padding:1rem;}
}


/* 동아리 */
#club .card-wrap {display:flex; flex-wrap:wrap; gap:1rem;}
#club .card-wrap .card {flex:1 1 auto; width:100%; border-radius:20px; padding:2rem;}
#club .card-wrap .card .row {align-items: center;}
#club .card-wrap .card .row .col-md-4 {text-align:center}
#club .card-wrap .card .card-title {font-size: 1.333rem; font-weight: 600; color: #000;}
#club .card-wrap .card .card-text {font-size:1rem;}
@media(max-width: 767.98px) {
	#club .card-wrap .card {padding:1rem;}
	#club .card-wrap .card img {border-radius:10px;}
	#club .card-wrap .card .card-body {padding:1.25rem 0 0 0;}
}





/* viewer */
/* -------------- 갤러리형 --------------- */
.viewer-gal {position:relative; overflow:hidden; width:100%;}
.viewer-gal ul {display:flex; flex-wrap: wrap; gap:calc(4% / 3);}
.viewer-gal ul li {width:24%; margin-bottom:2.44444rem;}
.viewer-gal ul li figure {border:1px solid var(--gray); border-radius:30px; height:320px; overflow:hidden;}
.viewer-gal ul li figure img {object-fit: cover; width: 100%; height: 100%; transition: all .2s ease-in-out; display: block;}
.viewer-gal ul.posi-top li figure img {object-position: top;}
.viewer-gal ul li div {display:flex; align-items: center; justify-content: space-between; margin: .5rem 1rem;}
.viewer-gal ul li div h4 {font-size:1.2333rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewer-gal ul li div i {height:1.23333rem; width:1.23333rem; border-radius:50%; background:url(../img/sub/viewer_icon_bk.svg) no-repeat center; padding:1rem;}
.viewer-gal ul li div span {width:0; display:inline-block; font-size:0;}
.viewer-gal ul li a:hover figure img {transform:scale(110%);}
.viewer-gal ul li a:hover h4 {font-size:1.2333rem; color:var(--primary);}
.viewer-gal ul li a:hover i {background-color:var(--primary); background-image:url(../img/sub/viewer_icon_wh.svg);}

@media(max-width: 1199.98px) {
	.viewer-gal ul li {width:31.3333%;}
}
@media(max-width: 767.98px) {
	.viewer-gal ul {gap:4%;}
	.viewer-gal ul li {width:48%;}
}
@media(max-width: 575.98px) {
	.viewer-gal ul {gap:0;}
	.viewer-gal ul li {width:100%;}
}

/*  ------------ 리스트형 -------------  */
.viewer-list {position:relative; overflow:hidden; width:100%;}
.viewer-list h4 {font-size:1.777rem; line-height:1.8}
.viewer-list h5 {font-size:1.222rem;}
.viewer-list ul {display:flex; flex-wrap:wrap; border-top:2px solid #000;}
.viewer-list ul li {width:100%; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid var(--gray); padding:1.33333rem .7778rem 1.333333rem; font-size:0.88889rem; line-height:1.6;}
.viewer-list ul li h6 {display:flex; align-items: center; gap:20px; width:calc(100% - 140px);}
.viewer-list ul li h6 small {color:#777; display:block; font-size:.9rem; min-width:100px; text-align:center;}
.viewer-list ul li h6 p {color:#000; font-size:1.1111rem; font-weight:600; margin-bottom:0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewer-list ul li a {display:flex; align-items: center; justify-content: center; font-size:.9rem; width:142px; color:#555; border-color:#ddd;}
.viewer-list ul li a i {background-image:url(../img/sub/viewer_icon_bk.svg); font-size:0; width: 1.111rem; height: 1.111rem;}
.viewer-list ul li a:hover i, .viewer-list ul li a:active i {background-image:url(../img/sub/viewer_icon_wh.svg);}

.viewer-list ul li .viewer-list-tit {font-size:1rem; color:#000; width:calc(100% - 160px); justify-content: flex-start; padding:0; display:block;}
.viewer-list ul li .viewer-list-tit:hover {font-weight:600}
.viewer-list ul li .viewer-list-txt {font-size:.89rem; color:#888; width:160px; margin:0;display:flex; gap:10px; justify-content: space-evenly;}

@media(max-width: 575.98px) {
    .viewer-list ul li h6 {gap:10px; width: calc(100% - 50px);}
    .viewer-list ul li h6 small {min-width:60px;}
    .viewer-list ul li a {width:40px; padding:10px;}
    .viewer-list ul li a span {display:none;}
    .viewer-list ul li a i {margin-left:0;}
}



/* program */
/* ------------- { 게시판 -------------- */

#board {position: relative;}
#board .board-top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; width:100%;}
#board .board-top .total {font-size: 15px; color:#777; margin:10px 0; line-height:1.2}
#board .board-top .total b {font-weight:600; color:#000;}

#board .board-cate {position: relative; width:100%; display:flex; flex-wrap: wrap; gap:10px; margin-bottom:20px;}
#board .board-cate .cate-btn {font-size:.88888rem; padding:.66666rem 1.4444rem; border-radius:1.6666rem; border:1px solid #e8e8e8; background-color:#fff; color:#555; cursor:pointer;}
#board .board-cate .cate-btn.active {border-color:var(--primary); color:var(--primary); font-weight:600;}
#board .board-cate .cate-btn.active:hover {background-color:var(--primary); color:#fff}
#board .board-cate .cate-btn:hover {background-color:#e8e8e8;}

#board .list-cate, #board .view-cate {display: inline-block; padding: 6px 8px; border: 1px solid #ddd; border-radius: 1.4rem; font-size: .8rem; color: #777; line-height: 1; font-weight: 400; margin-right: 10px;}

/* 일반게시판 */
.board01 table {border-top: 2px solid #000; border-bottom: 1px solid var(--gray); width: 100%; border-spacing: 0; table-layout: fixed;}
.board01 table thead {display: none;}
.board01 table tbody td {position: relative; padding: 2.222222rem .7778rem 2.2222222rem; border-bottom: 1px solid var(--gray); font-size:.88889rem; color:#777; line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;}

.board01 table tbody td.none {padding:8rem 0;}
.board01 table tbody td.Btit {font-size:1rem; font-weight:600; text-align:left; color:#000; display: flex; gap:10px;}
.board01 table tbody td.Btit .tit {display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 100px)}
.board01 table tbody td.Btit .tit a {max-width:calc(100% - 20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board01 table tbody td.Btit a:hover {color:var(--primary);}
.board01 table tbody .label {}
.board01 table tbody .Bnum {width: 80px;}
.board01 table tbody .Bnoti span {min-width: 50px; text-align: center; display:inline-block; padding: 6px 10px; border: 1px solid var(--primary); border-radius: 1.4rem; font-size: .8rem; background: var(--primary); color:#fff; line-height: 1; font-weight:800}
.board01 table tbody td.Bhit, .board01 table tbody td.Bname {width: 90px;}
.board01 table tbody td.Bdate {width: 120px;}

.board02 {border-top: 1px solid #0066B3; border-bottom: 1px solid #ddd; width: 100%; border-spacing: 0; table-layout: fixed;}
.board02 td, .board02 th {border-right:1px solid #ddd;}
.board02 td.line, .board02 th.line {border-right:1px solid #ddd !important;}
.board02 td:last-child, .board02 th:last-child {border-right:none;}
.board02 thead th {border-bottom:1px solid #0066B3; background:#e3f2fd; padding: 1rem .5rem 1rem; font-size:1rem; font-weight:600; color:#013862; text-align:center;}
.board02 tbody th, .board02 tbody td {position: relative; padding: 1rem .5rem 1rem; border-bottom: 1px solid #ddd; font-size:1rem; color:#777; line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;}
.board02 tbody th {font-weight:600; color:#555}
.board02 tfoot th, .board02 tfoot td {position: relative; padding: 1rem .5rem 1rem; border-top:2px solid var(--primary); font-size:1rem; color:var(--primary); line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;} 
.board02 tfoot th {font-weight:600;}

.board02.sm thead th {padding: .6rem .5rem; font-size: .8888rem; line-height: 1.4;}
.board02.sm tbody th, .board02.sm tbody td {padding: 1.4rem .5rem;font-size: .8888rem; line-height: 1.4;}

#board table .Bhit:before {content: ''; display: inline-block; margin: 0 4px 0 0; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_hit.svg) no-repeat center center / 100%; vertical-align: middle;}
#board table .Bhit span {display:inline-block; vertical-align: middle;}
#board table .icon-file {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_file.svg) no-repeat center / 100%;  text-indent: -99999px;}
#board table .icon-new {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_new.svg) no-repeat center / 100%;  text-indent: -99999px;}

@media (max-width: 767.98px) {
    #board .board-cate {gap:5px}
    #board .board-cate .cate-btn {padding: .666em 1.444rem;}
    
    .board01 table tbody tr {display: flex; border-bottom: 1px solid var(--gray); flex-wrap: wrap; justify-content: flex-start;   align-items: center; padding:10px 15px;}
    .board01 table tbody td {padding:0; border-bottom:none; text-align:left;}
    .board01 table tbody td.Btit {width:100%; padding: 4px 0; flex-direction: column; gap:0;}
	.board01 table tbody td.Btit .tit{width:100%;}
    /*.board01 table tbody td.Bnum {display:none;}*/
    .board01 table tbody .label {display:block; width:100%;}
    .board01 table tbody .label + div {width:100%; padding:4px 0;}
    .board01 table tbody td.Bhit, .board01 table tbody td.Bname, .board01 table tbody td.Bdate {width:auto; margin-right:20px;}
    .board02 thead th {padding: .6rem .5rem; font-size: .8888rem; line-height: 1.4;}
    .board02 tbody th, .board02 tbody td {padding: 0.4rem .5rem;font-size: .8888rem; line-height: 1.4;}

    .board-wrap {width:100%;overflow:auto;}
    .board-wrap > table {border-collapse:collapse; width:780px;}

}

/* 갤러리&웹진 게시판 */
.webzine ul {border-top: 2px solid #000; border-bottom: 1px solid var(--gray); width: 100%;}
.webzine ul li {display: flex; align-items: center; padding: 1.77777rem .7778rem 1.77777rem; box-sizing: border-box; gap:20px; border-bottom:1px solid var(--gray);}
.webzine ul li .gal-img {width:210px; height: 130px; border-radius: 20px; overflow:hidden;}
.webzine ul li .gal-img > div {width:100%; height:100%; border-radius:20px; background-size: cover; background-position: center; transition:all .1s ease-in}
.webzine ul li .gal-cont {width: calc(100% - 220px); flex:1; display: flex; flex-direction: column; justify-content:center;}   
.webzine ul li .gal-cont .tit {font-size:1rem; font-weight:600; color:#000; display: flex; align-items: center; justify-content: flex-start;}
.webzine ul li .gal-cont .tit a {max-width:calc(100% - 56px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.webzine ul li .gal-cont .tit .icon-file {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_file.svg) no-repeat center / 100%;  text-indent: -99999px;}
.webzine ul li .gal-cont .tit .icon-new {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_new.svg) no-repeat center / 100%;  text-indent: -99999px;}
.webzine ul li .gal-cont .txt {width: 100%; font-size: 0.88888rem; color: #777; margin: 10px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; height: 48px;}
.webzine ul li .gal-info {display:flex; gap:20px; text-align:center; align-items:center; font-size: 0.88889rem; color:#999;}
.webzine ul li .gal-info > span+span {position:relative; padding-left:1em;}
.webzine ul li .gal-info > span+span:before {content: ""; position: absolute; top: 50%; height: .5em; margin: -0.25em 0 0 -1px; left: 0; border-left: 1px solid #ddd;}
.webzine ul li .gal-info img {vertical-align: middle;margin-right:2px;}

/* .gallery ul {border:none; width: 100%; display: flex; flex-wrap: wrap;} */
.gallery ul {border:none; width: 100%; display: flex; flex-wrap: wrap;}
.gallery ul li {display: flex; align-items: center; padding: 1rem .7778rem; box-sizing: border-box; gap: 20px;  width: 25%; flex-direction: column;}
.gallery ul li .gal-img {width: 100%; height: 200px; border-radius:20px; overflow:hidden;}
.gallery ul li .gal-img > div {width:100%; height:100%; border-radius:20px; background-size: cover; background-position: center; transition:all .1s ease-in}
.gallery ul li .gal-img:hover > div, .gallery ul li .gal-img:active > div {transform: scale(1.1);}
.gallery ul li .gal-cont {width: 100%; flex: 1; display: flex; flex-direction: column; justify-content: flex-start;}
.gallery ul li .gal-cont .tit {font-size: 1rem; font-weight: 600; color: #000; display: flex; align-items: center;justify-content: flex-start;}
.gallery ul li .gal-cont .tit a {max-width:calc(100% - 56px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gallery ul li .gal-cont .tit .icon-file {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_file.svg) no-repeat center / 100%;  text-indent: -99999px;}
.gallery ul li .gal-cont .tit .icon-new {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_new.svg) no-repeat center / 100%;  text-indent: -99999px;}
.gallery ul li .gal-cont .txt {width: 100%; font-size: 0.778rem; color: #777; margin: 10px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; height: 48px;}
.gallery ul li .gal-info {display: flex; gap: 12px; text-align: center; align-items: center; font-size: 0.77rem; color: #999;}
.gallery ul li .gal-info > span+span {position:relative; padding-left:1em;}
.gallery ul li .gal-info > span+span:before {content: ""; position: absolute; top: 50%; height: .5em; margin: -0.25em 0 0 -1px; left: 0; border-left: 1px solid #ddd;}
.gallery ul li .gal-info img {vertical-align: middle;margin-right:2px;}

@media(max-width: 991.98px) {
    .gallery ul li {width:33.33333%}
    .gallery ul li .gal-img {height:150px;}
    .gallery ul li .gal-cont .txt {height:40px}
}
@media (max-width: 767.98px) {
    .gallery ul li {width:50%}
}
@media(max-width: 575.98px) {
    .webzine ul li {flex-direction: column; align-items: flex-start;}
    .webzine ul li .gal-img {width: 100%; height: 160px;}
    .webzine ul li .gal-cont {width:100%;}
    .webzine ul li .gal-cont .txt {margin:5px 0;}
    .webzine ul li .gal-info {gap:15px;}
    .webzine ul li .gal-info img {vertical-align: sub;}

    .gallery ul li {width:100%}
}


#b-search {display:flex;}
.board-swit {display: flex; padding: 5px; border: 1px solid #ddd; border-radius: 10px; margin-left: 5px; gap: 1px; width:132px;}
.board-swit li {user-select: none; display:block; padding: 6px 12px; background: #dddddd; font-size: 0.8rem; border-radius:5px; cursor: pointer;}
.board-swit li:hover, .board-swit li:active {background:#999;}
.board-swit li:first-child {border-radius:5px 0 0 5px}
.board-swit li:last-child {border-radius:0 5px 5px 0}
.board-swit li.active {background:var(--primary); color:#fff !important}
@media(max-width: 991.98px) {
    .board-swit {width:125px;}
}
@media(max-width: 575.98px) {
    .board-swit {display:none;}
}


/*    게시판 글보기      */


/* 페이징 */
.board-paginate {margin-top: 40px; text-align: center;}
.board-paginate ul {display:flex;flex-wrap: wrap; justify-content: center; gap: 15px;}
.board-paginate ul li a {display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.board-paginate ul li.pager a {display:block;width:2.333rem;height:2.333rem; line-height:2.333rem; border-radius:50%;background-repeat:no-repeat;background-position:center; font-size:16px;}
.board-paginate ul li:not(.pager) a {width:2.333rem;height:2.333rem;font-size:1.1111rem;line-height:1.8;font-weight:400;color:#000;}
.board-paginate ul li a.active{border-radius:50%;background:var(--primary);font-weight:600;color:#fff;}
.board-paginate ul li:hover a:not(.active) {border-radius:50%;background:var(--gray);font-weight:600; color:#000}
.board-paginate ul li:hover a {background:var(--primary); color:#fff;}

@media (max-width: 767.98px) {
    .board-paginate ul li:not(.pager) a {width:2rem; height:2rem; font-size:1rem; line-height:1.6;}
}


/* 게시판 view */
.board_view {position: relative; width: 100%; border-top:2px solid #000; padding-top:1.6667rem;}
.board_view h2 {font-size: 1.666667rem; font-weight:600; color:#000; margin-bottom:10px;} 
.board_view .view-info {display:flex; gap:20px; text-align:center; align-items:center; font-size: 0.88889rem; color:#999; padding-bottom:30px; border-bottom:1px solid var(--gray); margin-bottom:40px;}
.board_view .view-info > span+span {position:relative; padding-left:1em;}
.board_view .view-info > span+span:before {content: ""; position: absolute; top: 50%; height: .5em; margin: -0.25em 0 0 -1px; left: 0; border-left: 1px solid #ddd;}
.board_view .view-info img {vertical-align: middle;margin-right:2px;}

.board_view .view-file {display:flex; flex-direction:column; align-items:flex-start; border-radius:20px; background:var(--gray); gap:10px; margin-bottom:20px;}
.board_view .view-file a {display:inline-flex; align-items: center; gap:5px;}
.board_view .view-file:has(a) {padding:1.5rem;}
.board_view .view-file a i {font-size:0; background:url(../img/sub/icon_down.svg) no-repeat center / cover; width:1.2rem; height:1.2rem;}
.board_view .view-file a p {font-size:0.9rem; color:#000; font-weight:500; flex:1; margin:0;}
.board_view .view-file a:hover p {color:var(--primary);}
.board_view .view-cont {padding:2em 1.5em;}
.board_view .view-next li {overflow:hidden; width:100%; border-top:1px solid var(--gray); padding:15px 20px; display:flex; align-items:center; box-sizing:border-box; cursor:pointer; gap:20px}
.board_view .view-next li strong {width:70px;font-size:.88889rem; color:#000; font-weight:500; display: inline-block; overflow:hidden; position:relative;}
.board_view .view-next li strong:before {content: ""; display:inline-block; width: 20px; height: 20px; margin-right:5px; vertical-align: sub;}
.board_view .view-next li.prev strong:before {background: url(../img/sub/board_prev.svg) no-repeat center / contain;}
.board_view .view-next li.next strong:before {background: url(../img/sub/board_next.svg) no-repeat center / contain;}
.board_view .view-next li p {width:calc(100% - 60px); margin:0; font-size:0.88889rem; color:#777; overflow:hidden; white-space: nowrap ; text-overflow: ellipsis;}

.subCont_wrap > article .view-cont p {margin:0; font-size:1rem;}
.view-cont .table {max-width:100%;}

.board_view .view-btm {padding-top:40px; text-align:center; border-top:1px solid var(--gray)}

.table-bordered td, .table-bordered th {padding:6px 10px; font-size:.778rem;}

/* ------------- 게시판 } -------------- */



/* ------------- { 로그인 -------------- */
.login {position:relative; padding: 0 0 100px; }
.login section h2 {color:#000; font-size: 60px; font-weight: 700; text-align: center; margin-bottom: 40px;}
.login section h2 small {display: block; font-size: 20px; font-weight: 300;}
.login section {max-width: 700px; margin: 0 auto;}
.login section > article {background-color:#f5f5f5; background-image:url(../img/loginbox_bg.png); background-repeat:no-repeat; background-position:right bottom; background-size:contain; border-radius: 30px; padding:60px 100px; box-shadow: 0 0 20px #00000029;}
.login section > article fieldset {border: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;}
.login section > article fieldset .btn-link-wrap {gap:10px; margin: 10px 0 20px; display: flex; justify-content:flex-end; align-items: center;}
.login section > article fieldset .btn-link-wrap i {color:#cdcdcd; font-weight:100; font-style:normal;}

.login section > article .login-info {text-align:left; font-size:16px; color:#777; line-height:1.2;}
.login section > article .login-info p {margin-top:5px;}

@media(max-width: 767.98px) {
    .login {padding: 0 0 100px;}
    .login section h2 {font-size: 40px; margin-bottom: 20px;}
    .login section h2 small {font-size: 16px;}
    .login section > article {padding:40px}

    .login section > article .login-info p {font-size:14px;}
}
/* ------------- 로그인 } -------------- */


/* 조직도 */
.organ-wrap {overflow-y:auto;}
.organ {flex-direction: column; justify-content: flex-start; align-self: stretch; align-items: flex-start; width: 100%; display: inline-flex; position: relative; margin-bottom:1rem;}
.organ .president-section {justify-content: center; gap: 30px; flex-wrap: wrap; width: 100%; display: flex;  position: relative;}
.organ .president-section .president {width: 200px; justify-content: center; align-items: center; border-radius: 20px; background-color: #014B83; display: inline-flex; position: relative; font-size:1.333rem; padding: 1rem; color: #fff;}
.organ .dir-major-wrap {width: 100%; display: flex; justify-content: space-around; position: relative;}
.organ .dir-major-wrap:after {content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ddd;}
.organ .dir-major-wrap.col2:before {content: ""; position: absolute; top: 50%; left: 25%; width: 40%; height: 1px; background: #ddd;}
.organ .dir-major-wrap .dir-major {margin-block: 2rem; border-radius: 20px; background: #DBEDFA; border:1px solid #73A3C8; justify-content: center; align-items: center; display: inline-flex; position: relative; padding: 1rem; width:200px; z-index:1;}
.organ .dir-major-wrap .dir-major h4 {font-size:1.1111rem;}
.organ .dir-major-wrap.notop .dir-major {margin-block:0 2rem;}
.organ .org-major-wrap {flex-direction: column; align-self: stretch; display: inline-flex; justify-content: flex-start; width: 100%;}
.organ .org-major-wrap .org-line {position: relative; overflow: hidden; justify-content: center; width:100%; height:1px; display: flex; position: relative;}
.organ .org-major-wrap.mid .org-line:after {content:""; position:absolute; top:0; left:12%; height:1px; width:calc(72% + 2.4rem); background:#ddd;}
.organ .org-major-wrap .org-major {transition: all .5s; display: grid; position:relative;}
.organ .org-major-wrap.col3 .org-major {grid-template-columns: repeat(3, minmax(0, 1fr)); }
.organ .org-major-wrap.col4 .org-major {grid-template-columns: repeat(4, minmax(0, 1fr)); }
.organ .org-major-wrap.col5 .org-major {grid-template-columns: repeat(5, minmax(0, 1fr)); }
.organ .org-major-wrap.mid .org-major:after {content: ""; position: absolute; width: 75%; height: 1px; bottom: 0; background: #ddd;
    left: 12.5%;} 
.organ .org-major-wrap .org-major li {position: relative; overflow:hidden;}
.organ .org-major-wrap .org-major li:before {content:""; position:absolute; top:0; left:0; height:1px; width:100%; background:#ddd;}
.organ .org-major-wrap .org-major li:first-child::before {content:""; position:absolute; top:0; left:auto; right:0; height:1px; width:50%; background:#ddd;}
.organ .org-major-wrap .org-major li:last-child::before {content:""; position:absolute; top:0; left:0; height:1px; width:50%; background:#ddd;}
.organ .org-major-wrap.ext .org-major li:before  {display: none;}
.organ .org-major-wrap .org-major li:after {content:""; position:absolute; top:0; left:50%; height:100%; width:1px; background:#ddd;}
.organ .org-major-wrap .org-major p {position:relative; border-radius: 20px; background-color: #fff; border: 1px solid #D7D7D7; justify-content: space-between; justify-content: center; align-self: stretch; align-items: center; display: inline-flex; font-size: 1rem; color: #333; padding: 1rem 0.5rem; width: calc(100% - 1rem); margin-block: 2rem; margin-inline: .5rem; z-index:1;}
.organ .org-major-wrap.end .org-major p {margin-block:2rem 0;}

@media(max-width: 575.98px) {
	.organ {width:450px;}
    .organ .president-section .president, .organ .dir-major-wrap .dir-major {width:180px;}
    .organ .org-major-wrap .org-major p {width: calc(100% - .4rem); margin-inline: .2rem; font-size: .88rem;}
}

/* 개인정보보호방침 */
.subCont_wrap > article.privacy h5 {margin:30px 0 10px; font-size:1.1111rem; font-weight:600; color:#000}
.subCont_wrap > article.privacy p {margin:15px 0 10px; font-size:1rem;}
.subCont_wrap > article.privacy ol {font-size:1rem;}
.subCont_wrap > article.privacy ol > li {margin-bottom:8px;}
.subCont_wrap > article.privacy ol > li > li {margin-bottom:5px;}
.subCont_wrap > article.privacy ol ul {padding-left: 10px; margin-top:10px; font-size:.888888rem;}


/* 통합검색 */
.search-count {font-size:0.9rem; color:#777;}
.search-wrap {margin-bottom:3rem;}
.search-wrap h4 {display: flex; align-items: center; justify-content: space-between;}
.search-wrap .collapse {margin-top:.7rem;}

.search-wide {margin-bottom:3rem;}
.search-wide .srch-group {width:100%; max-width: 100%;}

@media(max-width: 575.98px) {
	.search-wrap .collapse li {flex-direction: column; align-items: flex-start;}
	.search-wrap .collapse li .viewer-list-tit {width:100%;}
	.search-wrap .collapse li .viewer-list-txt {justify-content: flex-start;}
}