@charset "utf-8";



/*텍스트버튼 0731*/
.btnT{color:#555555 !important;/*	border-bottom:1px solid #000;*/font-family:'Dream Medium';font-size: 16px !important;margin-bottom:5px;/*text-decoration: underline !important;	display: inline-block;*/position:relative;transition:0.3;}
.btnT::after {margin-left:2px;width:15px;height:15px;content:"";display:inline-block;transition:0.3;}
.btnT.tBlank::after{background:url("https://www.konkuk.ac.kr/sites/style_guide/images/common/aLink_4_b_0729.png") no-repeat right center;}
.btnT.tSelf::after{background:url("https://www.konkuk.ac.kr/sites/style_guide/images/common/arrow_23_b.png") no-repeat right center;}
.btnT.tDown::after{background:url("https://www.konkuk.ac.kr/sites/style_guide/images/common/aDown_1_b.png") no-repeat right center;}
.btnT:hover{color:#04794f !important;border-color:#04794f;}
.btnT:hover::after{filter: invert(26%) sepia(70%) saturate(1204%) hue-rotate(123deg) brightness(92%) contrast(96%);}



/* 스타일 가이드 CSS 임폴트 */
@import "/sites/guide/style/css/w_guide.css";

/* Margin Custom */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb126 {margin-bottom:126px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100%;}

i,em,address{font-style:normal}
label,button{cursor:pointer}
button{font-family:'Noto Regular',sans-serif;background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
a:focus,button:focus,input:focus,select:focus {outline: none;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline: 2px solid #333;}
a:link,a:active,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#002d56;}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-spacing:0;table-layout:fixed;text-align:center}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
input::-ms-clear{display:none}
input,button{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Noto Regular'}
input[type="radio"]{position:relative;top:2px}
pre{white-space:pre-line;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow-y:auto}
select::-ms-expand{display:none}
textarea{resize:none}
figure{text-align:center}
h1,h2,h3,h4,h5,h6,strong{font-weight:400}

/* 특화기능용 CSS입니다 */

/* 테이블 스타일 1 */
.func-table thead th {background: #fff; font-size: 18px; font-family: 'Noto Medium'; font-weight: normal; padding: 22px 0; border-bottom: 1px solid #ababab; border-top: 2px solid #005128; color: #333;}
.func-table tbody tr.notice .td-num {text-indent: -99999px; background: url('../../images/func/ico-notice.png') no-repeat center center;}
.func-table tbody tr:hover {background: #f9f9f9;}
.func-table tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; font-family: 'Noto Regular'; padding: 16px 0; color: #333; border-bottom: 1px solid #e4e4e4;}
.func-table tbody td.td-subject {font-family: 'Noto Regular'; font-size: 16px; color: #444; text-align: left; padding-left: 20px; font-weight: normal;}
.func-table tbody td.td-subject a {color: #212121;}
.func-table tbody td.td-subject a:hover {color: #005128;}
.func-table tbody td.td-subject .new {position: relative; top: 1px; display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background: url('../../images/func/ico-new.png') no-repeat center center; margin-left: 7px;}
.func-table tbody td.td-subject .secret {position: relative; top: 1px; display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background: url('../../images/func/ico-secret.png') no-repeat center center; margin-left: 7px;}
.func-table tbody td.td-subject .mal {font-family: 'Noto Medium'; font-size: 18px; color: #008395;}
.func-table tbody tr.trash td.td-subject {text-decoration: line-through;}
.func-table tbody td.td-file p {position: relative; width: 26px; height: 31px; margin: 0 auto; background: url('../../images/func/ico-file.png') no-repeat center center;}
.func-table tbody td.td-file p.file-n {display: none;}
.func-table tbody td.td-file span {position: absolute; right: -9px; bottom: -6px; width: 20px; height: 20px; background: #00a754; border-radius: 100%; font-family: 'Play Regular'; font-size: 12px; line-height: 20px; text-align: center; color: #fff;}
.func-table tbody td.td-date {letter-spacing: 0;}
.func-table tbody td .processing span {display: inline-block; width: 80px; background: #fff; font-family: 'Noto Medium'; font-size: 16px; line-height: 35px;}
.func-table tbody td .processing .no-answer {border: 1px solid #aaabab; color: #aaabab;}
.func-table tbody td .processing .cp-answer {border: 1px solid #005128; color: #005128;}

/* 테이블 스타일 2 */
.func-table2 {position: relative;}
.func-table2:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.func-table2:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table2 thead th {padding: 13px 10px; background: #f5f5f5; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 18px; font-weight: 400; color: #121212;}
.func-table2 thead td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #666;}
.func-table2 tbody {display: table-header-group;}
.func-table2 tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table2 tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.func-table2 tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Noto Regular'; font-size: 16px; text-align: left; color: #666;}
.func-table2.center thead td,
.func-table2.center tbody td {text-align: center;}
.func-table2.mini thead th,
.func-table2.mini tbody th,
.func-table2.mini tbody td {padding: 7px; font-size: 14px;}
.func-table2.links tbody td {vertical-align: middle;}
.func-table2.links tbody td > div {display: flex; align-items: center;}
.func-table2.links tbody td p {flex: 1; float: left;}
.func-table2.links tbody td p span {font-size: 14px;}
.func-table2.links tbody td a {float: right;}
.func-table2 tbody td a {color: #333;}
.func-table2 .list > li {position: relative; padding-left: 15px;}
.func-table2 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table2 .list2 > li {position: relative; padding-left: 15px;}
.func-table2 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.func-table2 .align-l {text-align: left !important;}
.func-table2 .align-c {text-align: center !important;}
.func-table2 .align-r {text-align: right !important;}
.func-table2 .align-t {vertical-align: top !important;}
.func-table2 strong {font-family: 'Noto Regular'; color: #000;}

.func-table2 .link {position: relative; color: #666;}
.func-table2 .link:hover {color: #004a8f;}
.func-table2 .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table2 .link:hover span {background-size: 100% auto;}
.func-table2 .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}

.func-table2 .home {position: relative; color: #666;}
.func-table2 .home:hover {color: #004a8f;}
.func-table2 .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table2 .home:hover span {background-size: 100% auto;}
.func-table2 .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.func-table2 .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}

.func-table2 .down {position: relative; color: #666;}
.func-table2 .down:hover {color: #004a8f;}
.func-table2 .down span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table2 .down:hover span {background-size: 100% auto;}
.func-table2 .down::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-down.png') no-repeat center center; vertical-align: middle;}
.func-table2 .down:hover::after {background: url('../../images/guide/ic-link-down-hover.png') no-repeat center center;}

@media all and (max-width:960px) {
  .func-scroll {position: relative; overflow-x: hidden; min-height: 200px;}
  .func-scroll.on {min-height: auto;}
  .func-scroll.no-scroll {min-height: auto;}
  .func-scroll table {width: 1300px;}
  .func-scroll.no-scroll table {width: 100%;}
  .func-scroll:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .func-scroll.on:after,
  .func-scroll.no-scroll:after {display: none;}
  .func-scroll thead th,
  .func-scroll tbody th,
  .func-scroll tbody td {padding: 10px 8px; font-size: 16px;}
}
@media (max-width:860px) {
  .func-table tbody td.td-subject {font-size: 15px;}
  .func-table tbody td.td-subject .mal {font-size: 15px;}
}

/* 웹진 스타일*/
.func-webzine .list-webzine {display: inline-block; width: 100%; border-top: 2px solid #005128;}
.func-webzine .list-webzine > li { padding: 40px; border-bottom: 1px solid #e2e2e2;}
.func-webzine .list-webzine > li:hover{background-color: #f6f8fa;}
.func-webzine .list-webzine .no-data {float: none !important; width: 100% !important; padding: 40px 0; text-align: center;}
.func-webzine .box {position: relative; overflow: hidden;}
.func-webzine .box > a {width: 100%;}
.func-webzine .box > a::after{content:""; display: table; clear: both;}
.func-webzine .shadow > a {display: table; width: 100%;}
.func-webzine .thumb {position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 0; height: 250px; float: left; background: #fff; border: 1px solid #d1d1d1;}
.func-webzine .is .thumb {width: 180px;}
.func-webzine .is2 .thumb {width: 350px;}
.func-webzine .thumb.horizon img {height: 140%; max-width: none;}
.func-webzine .thumb.vertical img {width: 140%;}
.func-webzine .info {position: relative; line-height:1.2; float: right; width: calc(100%); padding-left: 50px;}
.func-webzine .is .info {width: calc(100% - 180px);}
.func-webzine .is2 .info {width: calc(100% - 350px);}
.func-webzine .info > .count{font-family: "Dream Regular"; font-size: 16px; color: #01499a; margin: 12px 0 20px; padding-left: 10px;}
.func-webzine .info .title {position: relative; margin-bottom: 20px; padding-bottom: 21px;}
.func-webzine .info .title::after {content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #152c46;}
.func-webzine .info .title strong {font-family: "Noto Bold"; color: #333; font-size: 24px; position: relative;}
.func-webzine .info:hover .title strong {color: #005128;}
.func-webzine .info .title .new {position: relative; top: -6px; display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 15px;}
.func-webzine .info .para {overflow: hidden ; display: -webkit-box; height: 90px; color: #666666; font-size: 18px; line-height: 1.7; font-family: "Noto Light"; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.func-webzine .info dl {position: relative; display: inline-block; padding-right: 15px; margin-right: 11px;}
.func-webzine .info dl:after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 13px; background: #bfbfbf;}
.func-webzine .info dl.writer:after {display: none;}
.func-webzine .info dt,
.func-webzine .info dd {display: inline-block;}
.func-webzine .info dt {color: #666; display: none;}
.func-webzine .info dd {color: #333; font-family: 'Noto Light'; font-size: 16px; letter-spacing: normal;}
.func-webzine .info dl.count{display: none;}
.func-webzine .info li {display: flex; margin-bottom: 10px;}
.func-webzine .info li:last-child {margin-bottom: 0;}
.func-webzine .info li strong {position: relative; width: 150px; padding-left: 20px; flex-shrink: 0; line-height: 1.6; font-size: 16px; color: #000;}
.func-webzine .info li strong::before {content: ''; position: absolute; left: 0; top: 8px; width: 2px; height: 10px; background: #005128;}
.func-webzine .info li p {flex-grow: 1; word-break: break-all; line-height: 1.6; font-size: 16px; color: #666}
.func-webzine .file-count.file {position: absolute; top: 50%; display: inline-block; padding: 10px 35px; border-radius: 100px; transform: translate(0, -50%); cursor: pointer;}
.func-webzine .file-count.file.down {right: 0; background: #004098;}
.func-webzine .file-count.file button {position: relative; font-family: 'Dream Regular'; font-size: 16px; color: #fff;}
.func-webzine .file-count.file button::after {content: ''; position: relative; top: 2px; display: inline-block; width: 17px; height: 17px; margin-left: 10px;}
.func-webzine .file-count.file.down button::after {background: url('../../images/func/ico-down.png') no-repeat center center;}
.func-webzine .deleteArtclSeqs {position: absolute; top: 20px; left: 20px; z-index: 1;}
.func-webzine .view-more {padding: 15px; border: 1px solid #d1d1d1; border-radius: 5px; position: absolute; right:15px; top:20px; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/ico-search.png') no-repeat center center;}

@media all and (max-width: 860px) {
  .func-webzine .list-webzine > li {padding: 25px 20px;}
  .func-webzine .box > a {display: block;}
  .func-webzine .info {display: block; width: 100% !important; padding-left: 0; padding-top: 30px; line-height: 1.5;}
  .func-webzine .info > .count {margin-top: 20px;}
  .func-webzine .info .title strong {font-size: 22px;}
  .func-webzine .info .title .new {top: -2px;}
  .func-webzine .info .para {height: 85px; font-size: 16px;}
  .func-webzine .thumb {height: 250px;}
  .func-webzine .thumb.horizon img {width: 100%; height: auto;}
  .func-webzine .thumb.vertical img {width: 100%; height: auto;}
}

@media all and (max-width: 660px) {
  .func-webzine .thumb {height: auto;}
}

/* 도서관리 */
.func-book {padding: 40px 45px 0 45px; border-top: 2px solid #152c46; border-bottom: 1px solid #ababab;}
.func-book .list-album {display: inline-block; width: calc(100% + 89px);}
.func-book .list-album > li {position: relative; float: left; width: 50%; padding: 0 35px 35px 0}
.func-book .list-album .no-data {float: none !important; width: 100% !important; padding: 42px 0 72px 0; text-align: center; text-indent: -90px;}
.func-book .box {position: relative;}
.func-book .shadow > a,
.func-book .shadow > .row {display: flex; justify-content: space-between; position: relative;}
.func-book .thumb {position: relative; overflow: hidden; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 160px; height: 220px; background-color: #fff; text-align: center;}
.func-book .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: calc(100%); height: calc(100%); border: 1px solid #0d5a33;}
.func-book .thumb:hover::after {border: 1px solid #0d5a33; }
.func-book .thumb:hover {box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);}
.func-book .thumb.horizon img {height: 100%; max-width: none;}
.func-book .thumb.vertical img {width: 100%;}
.func-book .reco {position: absolute; right: 0; bottom: 0; z-index: 1;}
.func-book .info {padding-left: 30px; padding-right: 30px; transition: .3s;}
.func-book .info .info-table {display: table; width: 100%; height: 100%; table-layout: fixed;}
.func-book .info .info-cell {display: table-cell; vertical-align: top;}
.func-book .info .title {margin-bottom: 20px;}
.func-book .info .title strong {display: -webkit-box; overflow: hidden; height: 40px; padding: 5px 0; font-family: 'Noto Medium'; font-size: 22px; color: #005128; line-height: 1.5; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.func-book .info .title strong:hover {color: #000;}
.func-book .info .title .new {position: relative; top: -2px; display: inline-block; text-indent: -9999px; width: 26px; height: 26px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.func-book .info dl {display: flex; margin-bottom: 10px;}
.func-book .info dt {position: relative; flex-shrink: 0; width: 100px; padding-left: 13px;}
.func-book .info dt::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #609015; border-radius: 100%;}
.func-book .info dd {position: relative; padding-left: 15px; color: #666;}
.func-book .info dd::after {content: ''; position: absolute; left: 0; top: 8px; width: 1px; height: 10px; background: #ddd;}
.func-book .modify {margin-top: 10px; text-align: center;}
.func-book .modify button {padding: 3px 7px; border: 1px solid #005128; font-family: 'Noto Medium'; font-size: 13px; color: #005128;}
.func-book .modify button:hover {background: #005128; color: #fff;}
.func-book .deleteArtclSeqs {position: absolute; top: 10px; left: 10px; z-index: 1;}
.func-book .view-more {display: none;}
.func-book .no-data {padding: 20px 0 60px 0; text-align: center;}

.func-book.view .list-album > li {width: 100%;}
.func-book.view .thumb {width: 220px; height: 310px}
.func-book.view .buttons {padding-top: 40px; border-top: 1px solid #d1d1d1;}

@media (max-width: 1250px) {
  .func-book {padding: 0 45px;}
  .func-book .list-album {width: 100%;}
  .func-book .list-album > li {width: 100%; padding: 30px 0; border-bottom: 1px solid #d1d1d1;}
  .func-book .list-album > li:last-child {border-bottom: 0;}
}

@media (max-width: 1095px) {
  .func-book.view .buttons a {width: 33.333%; margin-bottom: 10px; text-align: center;}
}

@media (max-width: 870px) {
  .func-book.view .buttons a {width: 45%;}
}

@media (max-width: 605px) {
  .func-book {padding: 0 20px;}
  .func-book .shadow > a,
  .func-book .shadow > .row {flex-wrap: wrap;}
  .func-book.view .thumb,
  .func-book .thumb {width: 100%; height: auto;}
  .func-book .info {padding-left: 0; padding-right: 0; padding-top: 30px;}
  .func-book.view .buttons a {width: 100%;}
}

/* 분류 */
.func-cate {margin-bottom: 30px; border: 2px solid #94b3a3;}
.func-cate .cate-now {padding: 20px 0;}
.func-cate .cate-now li {display: inline-block; height: 40px; padding-left: 40px; line-height: 40px;}
.func-cate .cate-now li.no-cate {display: none;}
.func-cate .cate-now a {position: relative; padding-left: 20px; font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.func-cate .cate-now a::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.func-cate .cate-now .all-list a {padding-left: 42px;}
.func-cate .cate-now .all-list a::before {top: 3px; width: 22px; height: 22px; background: transparent url('../../images/func/ico-all-list.png') no-repeat center !important; border-radius: 0;}
.func-cate .cate-now .active a,
.func-cate .cate-now a:hover {color: #007a3c;}
.func-cate .cate-now .active a::before,
.func-cate .cate-now a:hover::before {background: #00a754;}

@media (max-width: 860px) {
  .func-cate {margin-bottom: 20px;}
  .func-cate .cate-now {padding: 0;}
  .func-cate {padding: 10px 20px;}
  .func-cate .cate-now li {height: auto; padding-left: 0; padding: 5px 20px 5px 0; line-height: normal}
  .func-cate .cate-now a {font-size: 15px;}
  .func-cate .cate-now a::before {top: 8px;}
  .func-cate .cate-now .all-list a::before {top: 0px;}
}

/* 말머리 탭 */
.func-tab {margin-bottom: 30px;}
.func-tab ul {border-bottom: 1px solid #c1ccd6;}
.func-tab li {position: relative; display: inline-block;}
.func-tab li:last-child::after {display: none;}
.func-tab li::after {content: ''; position: absolute; right: 0; top: 19px; width: 1px; height: 15px; background: #e2e2e2;}
.func-tab a {padding: 0 20px; font-family: 'Noto Regular'; font-size: 16px; line-height: 50px; color: #666 !important;}
.func-tab a:hover,
.func-tab a.on {color: #005128 !important;}

@media (max-width: 860px) {
  .func-tab a {font-size: 15px;}
}

/* 기간 검색 */
.func-date {text-align: center; background: #fff; border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 30px;}
.func-date label {font-family: 'Noto Regular'; color: #666; margin: 0 15px; padding-left: 30px; background: url('../../images/func/icon-cal.png') no-repeat left center;}
.func-date.no-icon label {margin: 0; padding: 0; background: none;}
.func-date input {background: #fff;}
.func-date .line {display: inline-block;}
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button,
.ui-datepicker .ui-datepicker-title select,
.ui-datepicker table {font-size: 13px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 5px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}

@media (max-width:620px) {
  .func-date .line {display: block; margin: 5px 0;}
}

/* 검색 */
.func-search {display: inline-block; width: 100%;}
.func-search .util-search {float: left; font-family: 'Noto Light'; font-size: 17px;}
.func-search .util-search a {display: inline-block; width: 25px; text-indent: -9999px; background: url('../../images/func/ico-rss.png') no-repeat center center; margin-right: 6px;}
.func-search .util-search strong {font-family: 'Noto Regular'; color: #e63b53;}
.func-search .form-search {float: right;}
.func-search .form-search.left {float: left;}
.func-search .tbl-search {display: flex;}
.func-search .box-sel select {background: #fff url('../../images/func/arrow-search.png') no-repeat right center; font-size: 17px; font-family: 'Noto Regular'; color: #333; border: 1px solid #d9d9d9; height: 50px; padding-left: 17px; padding-right: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.func-search .box-date {position: relative; padding-left: 50px; background: url('../../images/func/icon-cal.png') no-repeat 15px center; height: 50px; line-height: 50px; border: 1px solid #d9d9d9;}
.func-search .box-date input {position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Regular'; font-size: 17px; text-indent: 15px; color: #333;}
.func-search .box-search {position: relative; background: #fff; height: 50px; line-height: 50px; min-width: 365px; border: 1px solid #d9d9d9;}
.func-search .box-search.short {min-width: 52px; border: 0px;}
.func-search .box-search input {position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Regular'; font-size: 17px; text-indent: 15px; color: #333;}
.func-search .box-search input[type="submit"],
.func-search .box-search .submit {position: absolute; right:0; top: 0; width: 50px; height: 100%; background: #016365 url('../../images/func/ico-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

@media (max-width: 940px) {
  .func-search .form-search {float: none !important;}
  .func-search .tbl-search {gap: 10px; flex-wrap: wrap; justify-content: space-between; width: 100%;}
  .func-search .tbl-search > div {width: calc(50% - 5px); margin: 0;}
  .func-search .box-sel select {width: 100%; margin-bottom: 10px;}
  .func-search .box-sel .btn-func {margin-left: 0 !important;}
  .func-search .box-search {min-width: auto;}
}

@media (max-width: 650px) {
  .func-search .tbl-search > div {width: calc(100% - 5px); margin: 0;}
}

/* 쓰기 */
.func-write {border-top: 2px solid #7c7c7c; margin-bottom: 40px;}
.func-write .row {display: table; width: 100%;border-bottom: 1px solid #dadada;}
.func-write .title {width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px; background: #f5f5f5; font-family: 'Noto Regular'; color: #222;}
.func-write .insert {display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 15px; font-family: 'Noto Regular'; color: #666;}
.func-write .insert.editor {padding: 12px 0 6px 0;}
.func-write .insert input[type="text"],
.func-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px; font-size: 15px;}
.func-write .insert .long {width: 100%;}
.func-write .insert .space {margin-bottom: 10px;}
.func-write .insert .tarea {width: 100%; font-family: 'Noto Regular'; font-size: 15px; color: #666;}
.func-write .insert .possible {font-size: 13px; color: #888; margin-top: 5px; text-transform: uppercase;}
.func-write .insert .ico-cal { padding-left: 30px; padding-right: 10px; background: url(../images/icon-cal.png) no-repeat left center;}
.func-write .insert .ico-cal.space {margin-left: 10px;}
.func-write .insert .switch {margin-top: 10px;}
.func-write .insert .file-select {font-family: 'Noto Regular'; font-size: 15px; color: #666; padding: 10px; height: 130px;}
.func-write .insert .one-line {overflow: hidden; background: #f5f5f5;  padding: 10px; border-radius:  7px;}
.func-write .insert .one-line li {float: left; margin-right: 10px; }
.func-write .insert .pass-form {margin-top: 10px;}
.func-write .insert .pass-form label {margin-right: 10px;}
.func-write .insert .sel-type {font-family: 'Noto Regular'; font-size: 15px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 50px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url(../images/arrow-search.png) no-repeat right center;}
.func-write .insert .line {display: inline-block;}

@media (max-width: 780px) {
  .func-write .row {display: block;}
  .func-write .title {display: block; width: 100%;}
  .func-write .insert {display: block; width: 100%; padding: 9px 0;}
  .func-write .insert .one-line {background: #fff; border: 1px solid #d1d1d1;}
}

@media (max-width: 580px) {
  .func-write .insert .line {display: block; margin: 5px 0;}
  .func-write .insert .ico-cal.space {margin-left: 0;}
}

/* 뷰 */
.func-view-info {padding: 35px 50px 30px 50px; border-top: 2px solid #005128; border-bottom: 1px solid #e2e2e2;}
.func-view-info .view-num {display: none;}
.func-view-info .view-title {font-size: 30px; font-family: 'Noto Bold'; line-height: 1.2; color: #000;}
.func-view-detail {display: inline-block; width: 100%; padding-top: 13px;}
.func-view-detail .view-util {float: left; font-size: 14px; color: #9b9b9b; font-family: 'Noto Regular';}
.func-view-detail .view-util dl {display: inline-block; padding-right: 20px; margin-right: 18px; position: relative;}
.func-view-detail .view-util dl:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 15px; background: #dcdcdc;}
.func-view-detail .view-util dl.cate {display: none;}
.func-view-detail .view-util dl.write:after {display: none;}
.func-view-detail .view-util dl dt {display: inline-block; margin-right: 5px; font-family: 'Noto Medium'; font-size: 16px; color: #2a2a2a;}
.func-view-detail .view-util dl dd {display: inline-block; font-family: 'Noto Light'; font-size: 16px; color: #666;}
.func-view-detail .view-util .modify {display: none;}
.func-view-detail .view-share {float: right;}
.func-view-detail .view-share .sns {display: inline-block;}
.func-view-detail .view-share .util {display: inline-block;}

.func-view-file .row {display: table; width: 100%;  border-bottom: 1px solid #e2e2e2;}
.func-view-file .row .title {width: 200px; display: none; vertical-align: middle; padding: 25px 0; background: #f5f5f5; text-align: center; font-family: 'Noto Regular'; color: #444;}
.func-view-file .row .insert {display: table-cell; vertical-align: middle; padding: 23px 50px;}
.func-view-file .row .insert a {display: inline-block; padding: 5px 0 5px 35px; margin: 5px 0; background: url('../../images/func/ico-add.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 17px; color: #333;}
.func-view-file .no-file {font-family: 'Noto Regular'; font-size: 17px; color: #888;}

@media (max-width:1000px) {
  .func-view-detail .view-util {width: 100%; float: none;}
  .func-view-detail .view-share {display: none; width: 100%; float: none;}
  .func-view-info {padding: 25px 20px 25px 20px;}
  .func-view-info .view-title {font-size: 25px; line-height: 1.4;}
  .func-view-file .row .insert {padding: 23px 20px;}
}

@media (max-width:700px) {
  .func-view-file .row {display: block;}
  .func-view-file .row .insert {display: block; width: 100%; padding: 15px;}
  .func-view-file .row .insert a {font-size: 15px;}
  .func-view-info .view-title {font-size: 22px;}
}

/* Contents */
.func-view-con {padding: 35px 45px; border-bottom: 2px solid #000; font-family: 'Noto Light'; font-size: 18px; color: #666;}
.func-view-img {margin-bottom: 30px;}

@media (max-width: 1000px) {
  .func-view-con {padding: 35px 20px;}
}

@media (max-width: 700px) {
  .func-view-con {font-size: 16px;}
}

/* Prev Next */
.func-view-list {position: relative; border-bottom: 2px solid #000;}
.func-view-list .navi-info {display: none;}
.func-view-list .row {display: table; width: 100%; border-bottom: 1px solid #d1d1d1;}
.func-view-list .row.prev {border-bottom: 1px solid #ccc;}
.func-view-list .row .title {position: relative; display: table-cell; width: 180px; padding: 16px 0;; font-family: 'Noto Medium'; font-size: 18px; vertical-align: middle; text-align: center; color: #000;}
.func-view-list .row .title::after {content: ''; position: absolute; right: 0; top: 24px; width: 1px; height: 15px; background: #ddd;}
.func-view-list .row .insert {display: table-cell; padding-left: 20px; font-family: 'Noto Medium'; font-size: 16px; vertical-align: middle; color: #333;}

@media (max-width: 700px) {
  .func-view-list .row,
  .func-view-list .row .title,
  .func-view-list .row .insert {display: block; width: 100%;}
  .func-view-list .row {padding: 10px 0;}
  .func-view-list .row .title {padding: 2px 0; text-align: left;}
  .func-view-list .row .insert {padding-left: 0; padding: 2px 0}
  .func-view-list .row .title::after {display: none;}
}

/* Button */
.row-button {text-align: center; display: inline-block; width: 100%;}
.row-button .left {float: left;}
.row-button .right {float: right;}
.btn-func {display: inline-block; cursor: pointer; font-size: 18px; min-width: 140px; height: 60px; line-height: 58px; text-align: center; padding: 0 20px; margin: 0 10px; border-radius: 5px; font-family: 'Noto Regular'; color: #fff !important;}
.btn-func.small {display: inline-block; cursor: pointer; min-width: 100px; font-size: 15px; height: 40px; line-height: 38px; text-align: center; padding: 0 17px; margin: inherit; font-family: 'Noto Regular'; color: #fff !important;}
.btn-func.tiny {display: inline-block; cursor: pointer; min-width: auto; font-size: 13px; height: 30px; line-height: 28px; text-align: center; padding: 0 10px; margin: inherit; font-family: 'Noto Regular'; color: #fff !important;}
.btn-func.color1 {background: #005128; border: 1px solid #005128;}
.btn-func.color1:hover {background: #003219; border: 1px solid #003219; color: #fff !important;}
.btn-func.color2 {background: #016365; border: 1px solid #016365;}
.btn-func.color2:hover {background: #004a4b; border: 1px solid #004a4b; color: #fff !important;}
.btn-func.color3 {background: #c90c0c; border: 1px solid #c90c0c;}
.btn-func.color3:hover {background: #a10808; border: 1px solid #a10808; color: #fff !important;}
.btn-func.color4 {background: #609015; border: 1px solid #609015;}
.btn-func.color4:hover {background: #3c5d08; border: 1px solid #3c5d08; color: #fff !important;}
.btn-func.color5 {background: #333333; border: 1px solid #333333;}
.btn-func.color5:hover {background: #000000; border: 1px solid #000000; color: #fff !important;}
.btn-func.color6 {background: #fff; border: 1px solid #121212; color: #121212 !important;}
.btn-func.color6:hover {background: #f9f9f9;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 30px; line-height: 24px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight'; vertical-align: middle;}
.tiny-btn.color1 {background: #fff; border: 1px solid #0c837f; color: #0c837f !important;}
.tiny-btn.color1:hover {background: #0c837f; color: #fff !important;}
.tiny-btn.color2 {background: #fff; border: 1px solid #609015; color: #609015 !important;}
.tiny-btn.color2:hover {background: #609015; color: #fff !important;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 35px; padding-right: 20px; cursor: pointer;}
.file-btn.add {background: #ececec url('../../images/func/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../../images/func/ico-file-del.png') no-repeat 14px center;}

@media (max-width: 600px) {
  .row-button .left {width: 100%;}
  .row-button .right {width: 100%;}
  .btn-func,
  .row-button .btn-func {display: block; width: 100%; height: 45px; margin: 0 0 10px 0; font-size: 16px; line-height: 45px;}
}

/* 공통 페이징 */
._paging{text-align:center;padding:10px 0}
._paging ._inner{overflow:hidden;position:relative;height:38px;display:inline-block;zoom:1;_display:block}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul{float:left}
._paging ._inner a,._paging ._inner strong{width:36px;height:36px;line-height:36px;border-width:1px;border-style:solid;border-color:#cdcdcd;text-align:center;margin:0 1px}
._paging ._inner ._pageState{display:none;padding:0 1em}
._paging ._inner ._pageState span{line-height:36px;font-size:1.4em;padding:0 .2em}
._paging ._inner ._pageState span._curPage{color:#d84a38}
._paging ._inner ._pageState span._curPage:after{content:"/";margin-left:.4em;color:#000}
._paging ._inner a{background-color:#f0f0f0;color:#333}
._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev{font-size:0;text-indent:-5000px;background-image:url(/Web-home/_UI/images/common/paging.gif);background-repeat:no-repeat}
._paging ._inner a._first{background-position:0 0}
._paging ._inner a._listPrev,._paging ._inner a._prev{background-position:0 -36px}
._paging ._inner a._listNext,._paging ._inner a._next{background-position:0 -72px}
._paging ._inner a._last{background-position:0 -108px}
._paging ._inner a._listNext,._paging ._inner a._listPrev{display:none}
._paging ._inner ul{overflow:hidden;position:relative;height:38px}
._paging ._inner ul li strong{background-color:#4f4f4f;border-color:#4f4f4f;color:#fff}
._paging ._inner ul li a{background-color:#fff}

._paging {padding: 30px 0;}
._paging > ._inner > ul {margin: 0 5px;}
._paging > ._inner > ul li a {border: 0; font-family: 'Gmarket Medium'; font-size: 16px; line-height: 37px;  color: #666;}
._paging > ._inner > ul li strong {width: 36px; height: 36px; line-height: 37px; background-color: #005128; border-color: #005128; border-radius: 100%; font-family: 'Gmarket Medium'; font-size: 16px; color: #fff;}

._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../../images/func/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging ._inner a._prev {background-position: 0 -35px;}
._paging ._inner a._next {background-position: 0 -140px;}
._paging ._inner a._listPrev {display: block; background-position: 0 -70px;}
._paging ._inner a._listNext {display: block; background-position: 0 -105px;}
._paging ._inner a._first {background-position: 0 0;}
._paging ._inner a._last {background-position: 0 -176px;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #005128;}

@media (max-width: 750px) {
  ._paging ._inner ._pageState {display: block;}
}

/* 공통 이미지 박스 타이틀 */
.img-box-title {position: relative;}
.img-box-title .text {display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: 'Noto Medium'; font-size: 50px; text-transform: uppercase; color: #fff;}
.img-box-title .text strong {font-family: 'Noto Bold';}

@media (max-width: 980px) {
  .img-box-title .img {overflow: hidden; display: flex; justify-content: center; align-items: center; max-width: 100%; height: 250px;}
  .img-box-title .img img {max-width: none; height: 100%;}
}

/* 공통 박스 스타일 */
.white-box {padding: 49px; border: 1px solid #c4c4c4;}
.grey-box {padding: 49px; background: #f9f9f9; border: 1px solid #d0d0d0;}
.white-box.mini {padding: 20px;}
.grey-box.mini {padding: 20px;}

@media (max-width: 1200px) {
  .white-box {padding: 30px;}
  .grey-box {padding: 30px;}
  .white-box.mini {padding: 15px;}
  .grey-box.mini {padding: 15px;}
}

/* 공통 헤드 */
.heading-h2 {position: relative; display: inline-block; font-family:'Noto Medium'; font-size: 30px; letter-spacing: -0.5px; line-height: 1.2; color: #121212;}
.heading-h3 {position: relative; display: inline-block; font-family:'Noto Medium'; font-size: 22px; letter-spacing: -0.5px; line-height: 1.2; color: #008395;}
.heading-h3.file a {color: #016365;}
.heading-h3.file a::after {content: ''; display: inline-block; width: 19px; height: 16px; margin-left: 10px; background: url('../../images/guide/ic-budget-file.png') no-repeat center;}
.heading-h3.file a:hover::after {background: url('../../images/guide/ic-budget-file-on.png') no-repeat center;}
.heading-h3.file a:hover {color: #e84855;}

/* 헤드 버튼 */
.heading-box {display:flex;}
@media (max-width:600px) {
  .heading-box {display:block;}
  .heading-box > div {margin-left: 0 !important; margin-top:10px;}
}

/* 공통 등록 폼 */
.apply-form {position: relative; border-top: 1px solid #000;}
.apply-form::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #646464;}
.apply-form .row {display: flex; align-items: center; min-height: 60px; border-bottom: 1px solid #e1e1e1;}
.apply-form .row .title {flex-shrink: 0; align-self: flex-start; position: relative; width: 225px; padding: 16px 0 16px 20px; font-family: 'Noto Regular'; font-size: 16px; color: #003219;}
.apply-form .row .title::after {content: ''; position: absolute; right: 0; top: 23px; width: 1px; height: 15px; background: #c4c4c4;}
.apply-form .row .insert {display: flex; align-items: center; flex-grow: 1; padding: 10px 0 10px 20px; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.apply-form .row .insert.flex-wrap {flex-wrap:wrap;}
.apply-form .row .flex-box {width:100%;}
.apply-form .row._mnthTp .insert > div {display:flex; align-items:center;}
.apply-form .row._mnthTp input.form-inp {margin:0 10px;}
input.form-inp {height: 40px; border: 1px solid #c4c4c4; border-radius: 5px; font-family: 'Noto regular'; font-size: 16px; line-height: 40px; text-indent: 15px; color: #333;}
input.form-inp.middle {min-width: 300px}
.form-sel {height: 40px; padding-left: 10px; padding-right: 50px; background: #fff url('../../images/func/arrow-search.png') no-repeat right center; border: 1px solid #c4c4c4; border-radius: 5px; font-family: 'Noto Regular'; font-size: 16px; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-radio {position: relative; display: inline-flex; align-items: center; margin-left: 10px;}
.form-radio:first-child {margin-left: 0;}
.form-radio label {margin-left: 10px; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.form-radio input[type="radio"] {opacity: 0; top: 2px; z-index: 1; width: 25px; height: 25px; margin: 0; padding: 0;;}
.form-radio input[type="radio"] ~ .custom-radio {position: absolute; left: 0; top: 2px; width: 25px; height: 25px; background: url('../../images/func/ic-radio-off.png') no-repeat center;}
.form-radio input[type="radio"]:focus-visible ~ .custom-radio,
.form-radio input[type="radio"]:checked ~ .custom-radio {background: url('../../images/func/ic-radio-on.png') no-repeat center;}
.form-textarea {width: 100%; border: 1px solid #c4c4c4; border-radius: 5px; font-family: 'Noto regular'; font-size: 16px; color: #333;}
mark.must {position: relative; top: 6px; display: inline-block; width: 7px; height: 7px; padding: 0; margin: 0; margin-right: 5px; background: url('../../images/func/ico-mark.png') no-repeat; text-indent: -9999px;}

@media (max-width: 1000px) {
  .apply-form .row {flex-wrap: wrap;}
  .apply-form .row .title {width: 100%; padding-top: 11px; padding-bottom: 0; padding-left: 0;}
  .apply-form .row .title::after {display: none;}
  .apply-form .row .insert {display: block; width: 100%; padding-bottom: 16px; padding-left: 0; padding-right: 0;}
  .apply-form .row .insert > p,
  .apply-form .row .insert > div {width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
  .form-inp {width: 100%; margin: 5px 0 !important;}
  .form-sel {width: 100%; margin: 5px 0 !important;}
  .form-radio {margin: 5px 0 !important;}

  .apply-form .mobile-flex {display:flex; align-items:center;}
  .apply-form .mobile-flex2 select {width:60%;}
  .apply-form .mobile-flex4 select {margin: 5px 0 5px 10px !important;}
  .apply-form .mobile-flex5 a{margin-left:10px;}
  .apply-form .form-radio label {margin-left:5px;}
  .apply-form .form-radio {padding-right:8px;}
}

/* 공통 캘린더 컨트롤 */
.cal-control {display: flex; align-items: center; justify-content: space-between;}
.cal-control .state strong {font-family: 'Noto Bold'; font-size: 40px; color: #333333;}
.cal-control .prev span {margin-left: 20px;}
.cal-control .next span {margin-right: 20px;}
.cal-control .btn-prev,
.cal-control .btn-next {display: inline-block; width: 50px; height: 50px; border: 1px solid #d7d7d7; text-indent: -99999px;}
.cal-control .btn-prev {background: url('../../images/func/btn-cal-prev.png') no-repeat center;}
.cal-control .btn-prev:hover {background: url('../../images/func/btn-cal-prev-on.png') no-repeat center;}
.cal-control .btn-next {background: url('../../images/func/btn-cal-next.png') no-repeat center;}
.cal-control .btn-next:hover {background: url('../../images/func/btn-cal-next-on.png') no-repeat center;}

@media (max-width: 840px) {
  .cal-control .state strong {font-size: 30px;}
}

@media (max-width: 600px) {
  .cal-control .state strong {font-size: 20px;}
}

/* 공통 캘린더 */
.cal-func {position: relative; line-height: 1.6;}
.cal-func table {position: relative; border: 1px solid #c4c4c4; border-bottom: 0; border-right: 0;}
.cal-func thead th {padding: 12px 10px; background: #fff; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #666666;}
.cal-func thead th.sun {color: #be0000;}
.cal-func thead th.sat {color: #016ad6;}
.cal-func tbody {display: table-header-group;}
.cal-func tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; font-family: 'Noto Medium'; font-size: 16px; font-weight: 400; color: #333;}
.cal-func tbody td {position: relative; height: 110px; padding: 12px 20px; background:#fff; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; font-family: 'Noto Regular'; font-size: 16px; text-align: left; vertical-align: top; color: #666;}
.cal-func tbody td i {position: absolute; left: 10px; top: 10px; font-family: 'Noto Medium'; font-size: 14px; color: #000000;}
.cal-func tbody td.sun i {color: #be0000;}
.cal-func tbody td.sat i {color: #016ad6;}
.cal-func tbody td .time {padding: 0 20px;}
.cal-func tbody td .btn-time {padding: 6px 10px; margin-bottom: 5px; border-radius: 5px; font-family: 'Noto Regular'; font-size: 15px; color: #fff;}
.cal-func tbody td .btn-time:last-child {margin-bottom: 0;}
.cal-func tbody td .btn-time.on {background: #13955c;}
.cal-func tbody td .btn-time.on:hover {background: #0e774a;}
.cal-func tbody td .btn-time.off {background: #d2d2d2; color: #333333;}
.cal-func tbody td .btn-time.off:hover {background: #bebebe;}
.cal-func tbody td .order {position: relative; padding: 0 20px;}
.cal-func tbody td .order strong {display: block; margin-top: 5px; font-family: 'Noto Regular'; font-size: 15px; color: #005128; cursor: pointer;}
.cal-func tbody td .order-list {display: none; position: absolute; left: 20px; top: 130%; z-index: 1; width: 130%; padding: 7px 13px; background: rgba(232, 72, 85, .8); border-radius: 5px;}
.cal-func tbody td .order-list.on {display: block;}
.cal-func tbody td .order-list li {font-family: 'Noto Light'; font-size: 15px; color: #fff;}
.cal-func.center tbody td {text-align: center;}

@media all and (max-width:960px) {
  .cal-func {position: relative; overflow-x: hidden; min-height: 200px;}
  .cal-func.on {min-height: auto;}
  .cal-func.no-scroll {min-height: auto;}
  .cal-func table {width: 1300px;}
  .cal-func.no-scroll table {width: 100%;}
  .cal-func:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
  .cal-func.on:after,
  .cal-func.no-scroll:after {display: none;}
  .cal-func thead th,
  .cal-func tbody th,
  .cal-func tbody td {padding: 10px 8px; font-size: 16px;}
}

/* 공통 동의폼 */
.agree-box {display: flex; align-items: center; justify-content: center; padding: 29px 20px; background: #f7f7f7; border: 1px solid #d1d1d1;}
.agree-box.right {justify-content: end;}
.agree-box.side {justify-content: space-between; padding: 30px;}
.agree-box .text {margin-right: 20px; font-family: 'Noto Medium'; font-size: 16px;}
.agree-box .radio {display: flex;}
.agree-box .radio .line {position: relative; display: flex; align-items: center; margin-left: 10px;}
.agree-box .radio .line.line:first-child {margin-left: 0;}
.agree-box .radio label {margin-left: 10px; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.agree-box .radio input[type="radio"] {opacity: 0; top: 1px; z-index: 1; width: 25px; height: 25px; margin: 0; padding: 0;;}
.agree-box .radio input[type="radio"] ~ .custom-radio {position: absolute; left: 0; top: 1px; width: 25px; height: 25px; background: url('../../images/func/ic-radio-off.png') no-repeat center;}
.agree-box .radio input[type="radio"]:focus-visible ~ .custom-radio,
.agree-box .radio input[type="radio"]:checked ~ .custom-radio {background: url('../../images/func/ic-radio-on.png') no-repeat center;}

@media (max-width: 980px) {
  .agree-box {flex-wrap: wrap;}
  .agree-box .text {width: 100%;}
  /*.agree-box .radio {width: 100%; margin-top: 15px;}*/
  .agree-box .radio {width: 100%; text-align:left; }
}

@media (max-width: 600px) {
  .agree-box .radio{flex-wrap:wrap;}
  .agree-box .radio .line{width:100%; margin-left:0;}
  .agree-box .radio .line.line:first-child{margin-bottom:15px;}
}

/* 공통 썸네일 슬라이드 */
.place-thumb {position: relative; padding: 0 40px;}
.place-thumb button {position: absolute; top: 35%; width: 35px; height: 35px; text-indent: -99999px;}
.place-thumb button.prev {left: 0; background: url('../../images/func/btn-place-prev.png') no-repeat center;}
.place-thumb button.prev:hover {background: url('../../images/func/btn-place-prev-on.png') no-repeat center;}
.place-thumb button.next {right: 0; background: url('../../images/func/btn-place-next.png') no-repeat center;}
.place-thumb button.next:hover {background: url('../../images/func/btn-place-next-on.png') no-repeat center;}
.place-thumb .slider {overflow: hidden;}
.place-thumb .slider li {padding: 0 5px;}
.place-thumb .slider .box {padding: 10px; background: #fff;}
.place-thumb .slider .thumb {position: relative;}
.place-thumb .slider li.on .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/func/ic-place-on.png') no-repeat center;}
.place-thumb .slider .thumb img {width: 100%;}
.place-thumb .slider .desc {text-align: center;}
.place-thumb .slider .desc strong {display: block; margin-top: 6px; font-family: 'Noto Regular'; font-size: 16px; color: #000;}
.place-thumb .slider .desc p {font-family: 'Noto Light'; font-size: 14px; color: #fff;}
.place-thumb .slider li.on .box,
.place-thumb .slider li:hover .box {background: #005128;}
.place-thumb .slider li.on .desc strong,
.place-thumb .slider li:hover .desc strong {color: #fff;}
.place-thumb .slider li.on .desc p,
.place-thumb .slider li:hover .desc p {color: #89cb1d;}

/* 공통 큰 글시 알림 */
.big-notify strong {font-family: 'Noto Medium'; font-size: 24px; color: #000000;}

/* 요람 */
.wrap-bull {padding: 0 6% 6% 6%; background: url('../../images/func/bg-bull.jpg') no-repeat top center; background-size: cover;}
.wrap-bull .title {text-align: center;}
.wrap-bull .title strong {display: block; padding-top: 7.5%; font-family: 'Mont Bold'; font-size: 70px; line-height: 1.1; color: #005128;}
.wrap-bull .title p {padding-top: 2.5%; font-family: 'Noto Regular'; font-size: 20px; color: #fff;}
.wrap-bull .title a {margin-top: 5.5%;}
.wrap-bull .form {margin-top: 6.5%; padding: 3.5% 5% 3.5% 5%; background: #fff; border-top: 2px solid #00a754;}
.wrap-bull .form dl {display: flex; align-items: center; margin-bottom: 15px;}
.wrap-bull .form dt {position: relative; flex-shrink: 0; width: 150px; padding-left: 18px; font-family: 'Noto Medium'; font-size: 20px; color: #333;}
.wrap-bull .form dt::after {content: ''; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; background: #609015; border-radius: 100%;}
.wrap-bull .form dd {flex-grow: 1;}
.wrap-bull .form dd select {width: 100%; height: 50px; padding-right: 50px; padding-left: 17px; background: #fff url('../../images/func/arr-search.png') no-repeat right center; font-family: 'Noto Regular'; font-size: 16px; border: 1px solid #d9d9d9; border-radius: 5px; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-bull .form .btn {text-align: center;}
.wrap-bull .form .btn-submit {margin-top: 3.5%; padding: 15px 97px; background: #005128; border: 1px solid #004724; font-family: 'Noto Medium'; font-size: 20px; color: #fff;}
.wrap-bull .form .btn-submit:hover {background: #fff; border: 1px solid #004724; color: #004724;}
.wrap-bull .form .btn p {margin-top: 2%; font-family: 'Noto Regular'; font-size: 16px; color: #e84855;}

@media (max-width: 1030px) {
  .wrap-bull .title strong {font-size: 5vw;}
  .wrap-bull .title p {font-size: 18px;}
  .wrap-bull .title p br {display: none;}
  .wrap-bull .form dt {font-size: 18px;}
  .wrap-bull .form dt::after {top: 11px;}
}

@media (max-width: 700px) {
  .wrap-bull .title strong {font-size: 6vw;}
  .wrap-bull .title p {font-size: 15px;}
  .wrap-bull .form dl {flex-wrap: wrap;}
  .wrap-bull .form dt {width: 100%; font-size: 16px; padding-left: 14px; margin-bottom: 10px;}
  .wrap-bull .form dt::after {top: 10px;}
  .wrap-bull .form .btn-submit {font-size: 18px;}
  .wrap-bull .form .btn p {margin-top: 4%; font-size: 14px;}
}

/* 전화번호 안내 */
.wrap-tel {position: relative;}
.wrap-tel::after {content: ''; position: absolute; left: 120px; bottom: 0; z-index: -1; width: 94.8%; height: 50%; background: #e6f2ee;}
.wrap-tel .info {position: absolute; z-index: 1;}
.wrap-tel .info .title {padding-top: 50px; padding-left: 40px; padding-bottom: 60px;}
.wrap-tel .info .title strong {font-family: 'Mont Bold'; font-size: 50px; line-height: 1; color: #212121;}
.wrap-tel .info .title strong span {position: relative;}
.wrap-tel .info .title strong span::after {content: ''; position: absolute; left: 107%; bottom: 19%; width: 15px; height: 15px; background: #e84855; border-radius: 100%;}
.wrap-tel .info .tel {padding: 30px 40px; background: rgba(1,99,101,.9) url('../../images/func/bg-tel-pattern.png');}
.wrap-tel .info .tel p {display: flex; align-items: center; font-family: 'Noto Regular'; font-size: 30px; color: #fff;}
.wrap-tel .info .tel p.location {margin-bottom: 30px;}
.wrap-tel .info .tel p::before {content: ''; display: block; width: 60px; height: 60px; margin-right: 15px; border-radius: 100%;}
.wrap-tel .info .tel p.location::before {background: #fff url('../../images/func/ic-tel-location.png') no-repeat center;}
.wrap-tel .info .tel p.phone::before {background: #fff url('../../images/func/ic-tel-phone.png') no-repeat center;}
.wrap-tel .thumb {position: relative; left: 47px; padding-left: 30%; text-align: right;}
.wrap-tel .down {position: relative; display: flex; margin-top: -50px; padding: 0 0 55px 120px;}
.wrap-tel .down .subject {display: flex; align-items: center; flex-shrink: 0; width: 300px; padding-left: 55px; font-family: 'Noto Bold'; font-size: 22px; color: #212121;}
.wrap-tel .down .list {flex-grow: 1;}
.wrap-tel .down .list ul {display: flex; gap: 0 20px;}
.wrap-tel .down .list li {width: 33.333%;}
.wrap-tel .down .list .box {background: #fff; padding: 20px;}
.wrap-tel .down .list .text {padding-bottom: 15px; font-family: 'Noto Regular'; font-size: 16px; color: #005128;}
.wrap-tel .down .list .icon {display: flex; align-items: center;}
.wrap-tel .down .list .down-icon {width: 70px; height: 70px; background: #f4f4f4 url('../../images/func/ic-tel-down.png') no-repeat center; border-radius: 100%;}
.wrap-tel .down .list a:hover .down-icon {background: #005128 url('../../images/func/ic-tel-down-hover.png') no-repeat center;}
.wrap-tel .down .list .down-text {flex-grow: 1; padding-left: 20px;}
.wrap-tel .down .list .down-text strong {font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.wrap-tel .down .list .down-text p {font-family: 'Noto Light'; font-size: 16px; color: #333333;}

.wrap-tel-search .search {display: flex; justify-content: center; align-items: center; gap: 0 10px; height: 90px; border: 1px solid #94b3b1;}
.wrap-tel-search .search select {background: #fff url('../../images/func/arr-search.png') no-repeat right center; font-size: 17px; font-family: 'Noto Light'; color: #333; border: 1px solid #d9d9d9; height: 50px; min-width: 120px; padding-left: 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-tel-search .search .input {position: relative; background: #fff; height: 50px; line-height: 48px; min-width: 500px; border: 1px solid #d9d9d9;}
.wrap-tel-search .search .input input {position: relative; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 17px; text-indent: 15px; color: #333;}
.wrap-tel-search .search .input input[type="submit"],
.wrap-tel-search .search .input button {position: absolute; right:0; top: 0; width: 50px; height: 100%; background: #016365 url('../../images/func/btn-tel-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.wrap-tel-search .noti {margin-top: 50px; font-family: 'Noto Light'; font-size: 18px; color: #000; text-align: right;}
.wrap-tel-search .noti strong {font-family: 'Noto Medium'; font-size: 22px; color: #00a754;}
.wrap-tel-search .noti p {display: inline-flex; align-items: center;}
.wrap-tel-search .noti p::before {content: ''; display: inline-block; width: 38px; height: 38px; margin-right: 15px; background: #f1f1f1 url('../../images/func/ic-tel-notify.png') no-repeat center; border-radius: 100%;}

/* 교수소개 */
.wrap-prof .cate {margin-bottom: 70px; padding: 0 4%; border: 2px solid #94b3a3;}
.wrap-prof .cate ul {display: flex; align-items: center; gap: 0 30px; height: 80px;}
.wrap-prof .cate li {position: relative; padding-left: 23px;}
.wrap-prof .cate li::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.wrap-prof .cate li:hover::before,
.wrap-prof .cate li.on::before {background: #00a754;}
.wrap-prof .cate a {font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.wrap-prof .cate a:hover,
.wrap-prof .cate .on a {color: #00a754;}

.wrap-prof .row {position: relative; display: flex; margin-bottom: 40px;}
.wrap-prof .row:last-child {margin-bottom: 0;}
.wrap-prof .row .thumb {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: end; flex-shrink: 0; width: 320px; min-height: 355px; background: #1a7143 url('../../images/func/bg-prof.png') no-repeat left top;}
.wrap-prof .row .thumb .img {position: relative; left: 50px; z-index: 1; display: inline-block; width: 210px; box-shadow: 0 0 20px rgba(105,105,105,.2);}
.wrap-prof .row .thumb .img::before {content: ''; position: absolute; left: 27px; top: -23px; display: block; width: 2px; height: 60px; background: #044965;}
.wrap-prof .row .thumb .img img {width: 100%;}
/* .wrap-prof .row .thumb::before {content: 'K'; position: absolute; left: -19px; top: -39px; font-family: 'Noto Black'; font-size: 230px; line-height: 1; color: #17613a;} */
/* .wrap-prof .row .thumb::after {content: 'U'; position: absolute; left: 60px; bottom: -39px; font-family: 'Noto Black'; font-size: 230px; line-height: 1; color: #17613a;} */
.wrap-prof .row .info {display: flex; flex-direction: column; flex-grow: 1; padding-left: 175px;}
.wrap-prof .row .title {position: relative; height: 130px; padding-top: 65px; padding-left: 270px;}
.wrap-prof .row .name {font-family: 'Noto Regular'; font-size: 25px; color: #666;}
.wrap-prof .row .name strong {margin-right: 10px; font-family: 'Noto Bold'; font-size: 40px; line-height: 1; color: #111;}
.wrap-prof .row .util {position: absolute; right: 0; top: 62px;}
.wrap-prof .row .util ul {display: flex;}
.wrap-prof .row .util li {padding-left: 15px;}
.wrap-prof .row .util a {display: block; width: 50px; height: 50px; border-radius: 100%; text-indent: -99999px;}
.wrap-prof .row .util .homepage a {background: #066190 url('../../images/func/ic-prof-home.png') no-repeat center;}
.wrap-prof .row .util .mail a {background: #1a7143 url('../../images/func/ic-prof-mail.png') no-repeat center;}
.wrap-prof .row .util .more a {background: #a4a4a4 url('../../images/func/ic-prof-more.png') no-repeat center;}
.wrap-prof .row .detail {flex-grow: 1; min-height: 225px; padding-top: 37px; padding-right: 60px; padding-bottom: 38px; padding-left: 270px; border: 1px solid #ccc;}
.wrap-prof .row .detail dl {display: flex; padding: 5px 0;}
.wrap-prof .row .detail dt {position: relative; flex-shrink: 0; padding-left: 20px; padding-right: 10px;  font-family: 'Noto Bold'; font-size: 18px; color: #336579;}
.wrap-prof .row .detail dt::before {content: ''; position: absolute; left: 0; top: 10px; display: block; width: 6px; height: 6px; background: #336579; border-radius: 100%;}
.wrap-prof .row .detail dd {flex-grow: 1; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.wrap-prof .row .detail .add {margin-top: 20px; padding-top: 20px; background: url('../../images/func/line-prof.png') left top repeat-x;}
.wrap-prof .row .detail dd li {margin-bottom: 10px;}
.wrap-prof .row .detail dd li:last-child {margin-bottom: 0;}
.wrap-prof .row .detail dd li strong {margin-right: 20px; color: #212121;}
.wrap-prof .con .tab {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 50px;}
.wrap-prof .con .tab li {margin-right: 15px;}
.wrap-prof .con .tab button {padding: 15px 20px; font-family: 'Noto Regular'; font-size: 18px; color: #212121; line-height: 1.1;}
.wrap-prof .con .tab button:hover,
.wrap-prof .con .tab .on button {background: url('../../images/func/bg-prof-tab.png') no-repeat center top; background-size: cover; color: #fff;}
.wrap-prof .con .tab button span {font-size: 14px; letter-spacing: 0; color: #777}
.wrap-prof .con .tab button:hover span,
.wrap-prof .con .tab .on button span {color: #fff;}
.wrap-prof .con .detail .box {margin-top: 30px; padding: 35px 45px; background: #f5f5f5; border-radius: 20px; line-height: 1.8;}
.wrap-prof .con .detail dl {display: flex; margin-bottom: 15px;}
.wrap-prof .con .detail dl:last-child {margin-bottom: 0;}
.wrap-prof .con .detail dt {flex-shrink: 0; width: 180px; padding-left: 22px; background: url('../../images/func/arr-prof-con.png') no-repeat left 8px; font-family: 'Noto Regular'; font-size: 18px; color: #212112;}
.wrap-prof .con .detail dd {flex-grow: 1; font-family: 'Noto Light'; font-size: 16px; color: #666666;}
.wrap-prof .con .detail.type2 dl {flex-wrap: wrap;}
.wrap-prof .con .detail.type2 dt {width: 100%; font-family: 'Noto Bold'; color: #212112;}
.wrap-prof .con .detail.type2 dd {width: 100%; padding-left: 22px;}
.wrap-prof .con .detail.type2 dd li {font-family: 'Noto Light'; font-size: 16px; color: #666666;}
.wrap-prof .con .detail.type2 dd .home {position: relative; display: inline-block; margin-top: 5px; font-family: 'Noto Regular'; font-size: 16px; color: #212121;}
.wrap-prof .con .detail.type2 dd .home:hover {color: #004a8f;}
.wrap-prof .con .detail.type2 dd .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-prof .con .detail.type2 dd .home:hover span {background-size: 100% auto;}
.wrap-prof .con .detail.type2 dd .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.wrap-prof .con .detail.type2 dd .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}
.wrap-prof .con ._paging {padding-bottom: 0px;}
.wrap-prof .con ._paging ._inner ul li a {background: transparent}

@media (max-width: 1135px) {
  .wrap-prof .row .thumb {width: 200px;}
  .wrap-prof .row .title {padding-left: 100px;}
  .wrap-prof .row .detail {padding-left: 100px;}
}

@media (max-width: 1240px) {
  .wrap-prof .con .tab {justify-content: space-between;}
  .wrap-prof .con .tab li {width: calc(33.333% - 10px); margin: 0}
  .wrap-prof .con .tab button {width: 100%; border: 1px solid #d1d1d1; font-size: 16px}
}

@media (max-width: 900px) {
  .wrap-prof .row {flex-wrap: wrap;}
  .wrap-prof .row .thumb {justify-content: center; position: static; width: 100%;}
  .wrap-prof .row .thumb .img {left: 0}
  .wrap-prof .row .info {padding-left: 0px;}
  .wrap-prof .row .title {padding-left: 0px;}
  .wrap-prof .row .detail {padding-left: 30px;}
  .wrap-prof .row .util {top: 75px}
  .wrap-prof .row .util li {padding-left: 10px;}
  .wrap-prof .row .util a {width: 35px; height: 35px;}
}

@media (max-width: 760px) {
  .wrap-prof .con .tab li {width: calc(50% - 10px);}
}

/* 교수소개 2 */
.wrap-prof2 .cate {margin-bottom: 70px; padding: 0 4%; border: 2px solid #94b3a3;}
.wrap-prof2 .cate ul {display: flex; align-items: center; gap: 0 30px; height: 80px;}
.wrap-prof2 .cate li {position: relative; padding-left: 23px;}
.wrap-prof2 .cate li::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #ababab; border-radius: 100%;}
.wrap-prof2 .cate li:hover::before,
.wrap-prof2 .cate li.on::before {background: #00a754;}
.wrap-prof2 .cate a {font-family: 'Noto Medium'; font-size: 18px; color: #333;}
.wrap-prof2 .cate a:hover,
.wrap-prof2 .cate .on a {color: #00a754;}
.wrap-prof2 .list {display: flex; flex-wrap: wrap; border-top: 2px solid #336579; border-bottom: 2px solid #336579;}
.wrap-prof2 .row {position: relative; display: flex; width: 50%; padding: 50px 0; border-bottom: 1px solid #ccd8dd;}
.wrap-prof2 .row:nth-child(odd)::after {content: ''; position: absolute; right: 0px; top: 50px; width: 1px; height: calc(100% - 100px); background: #ccd8dd;}
.wrap-prof2 .row:last-child {margin-bottom: 0;}
.wrap-prof2 .row .thumb {position: relative; display: flex; align-items: start; justify-content: start; flex-shrink: 0; width: 310px; height: 249px; padding-left: 45px;}
.wrap-prof2 .row .thumb::before {content: ''; position: absolute; left: 65px; top: 20px; z-index: -1; display: block; width: 200px; height: 100%; background: #ccdcd4; border-radius: 10px 30px 10px 30px}
.wrap-prof2 .row .thumb .img {overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; width: 200px; height: 100%; background: #fff; border-radius: 10px; border: 2px solid #fff; box-shadow: 0px 0px 4px rgba(0,0,0,.2) }
.wrap-prof2 .row .thumb .img img {width: auto; max-width: none; width: 100%;}
.wrap-prof2 .row .info {display: flex; flex-direction: column; flex-grow: 1;}
.wrap-prof2 .row .title {position: relative;}
.wrap-prof2 .row .name {font-family: 'Noto Regular'; font-size: 16px; color: #666666;}
.wrap-prof2 .row .name strong {margin-right: 10px; font-family: 'Noto Bold'; font-size: 28px; line-height: 1; color: #121212;}
.wrap-prof2 .row .util {margin-top: 30px}
.wrap-prof2 .row .util ul {display: flex;}
.wrap-prof2 .row .util li {padding-right: 5px;}
.wrap-prof2 .row .util a {display: block; height: 35px; border-radius: 7px; text-indent: -99999px;}
.wrap-prof2 .row .util .homepage a {width: 35px; background: #336579 url('../../images/func/ic-prof-home.png') no-repeat center;}
.wrap-prof2 .row .util .homepage a:hover {background: #fff url('../../images/func/ic-prof-home-ov.png') no-repeat center; border: 1px solid #336579;}
.wrap-prof2 .row .util .mail a {width: 35px; background: #609015 url('../../images/func/ic-prof-mail.png') no-repeat center;}
.wrap-prof2 .row .util .mail a:hover {background: #fff url('../../images/func/ic-prof-mail-ov.png') no-repeat center; border: 1px solid #609015;}
.wrap-prof2 .row .util .more a {display: flex; align-items: center; justify-content: center; width: 80px; border: 1px solid #016365; font-family: 'Noto Medium'; font-size: 15px; text-indent: 0; color: #016365;}
.wrap-prof2 .row .util .more a:hover {background: #016365; color: #fff;}
.wrap-prof2 .row .detail {flex-grow: 1; padding-top: 15px}
.wrap-prof2 .row .detail dl {display: flex; padding: 8px 0;}
.wrap-prof2 .row .detail dt {position: relative; flex-shrink: 0; width: 210px; padding-left: 35px; font-family: 'Noto Bold'; font-size: 16px; color: #19323c;}
.wrap-prof2 .row .detail dt::before {content: ''; position: absolute; left: 0; top: 1px; display: block; width: 25px; height: 25px; background: #85889f url('../../images/func/ic-prof1.png') no-repeat center; border-radius: 10px;}
.wrap-prof2 .row .detail .ico1 dt::before {background: #85889f url('../../images/func/ic-prof1.png') no-repeat center}
.wrap-prof2 .row .detail .ico2 dt::before {background: #85889f url('../../images/func/ic-prof2.png') no-repeat center}
.wrap-prof2 .row .detail .ico3 dt::before {background: #85889f url('../../images/func/ic-prof3.png') no-repeat center}
.wrap-prof2 .row .detail .ico4 dt::before {background: #85889f url('../../images/func/ic-prof4.png') no-repeat center}
.wrap-prof2 .row .detail .ico5 dt::before {background: #85889f url('../../images/func/ic-prof5.png') no-repeat center}
.wrap-prof2 .row .detail dt span {font-family: 'Noto Regular'; font-size: 13px;}
.wrap-prof2 .row .detail dd {flex-grow: 1; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.wrap-prof2 .row .detail .add {margin-top: 20px; padding-top: 20px; background: url('../../images/func/line-prof.png') left top repeat-x;}
.wrap-prof2 .row .detail dd li {margin-bottom: 10px;}
.wrap-prof2 .row .detail dd li:last-child {margin-bottom: 0;}
.wrap-prof2 .row .detail dd li strong {margin-right: 20px; color: #212121;}
.wrap-prof2 .add {margin-top: 40px;}
.wrap-prof2 .add dt {position: relative; padding-left: 15px; font-family: 'Noto Bold'; font-size: 26px; color: #000000;}
.wrap-prof2 .add dt::before {content: ''; position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; background: #609015; border-radius: 100%;}
.wrap-prof2 .add dt span {margin-left: 10px; font-family: 'Noto Regular'; font-size: 17px; color: #333333;}
.wrap-prof2 .add dd {margin-top: 20px;}
.wrap-prof2 .add li {display: flex; align-items: start; padding: 10px 0; font-family: 'Noto Light'; font-size: 16px; color: #333333;}
.wrap-prof2 .add li strong {flex-shrink: 0; width: 240px; font-family: 'Noto Regular'; font-size: 18px; color: #121212;}
.wrap-prof2 .add li em {position: relative; padding-left: 12px; font-family: 'Noto Regular'; color: #000;}
.wrap-prof2 .add li em::after {content: ''; position: absolute; left: 0px; top: 6px; width: 3px; height: 13px; background: #609015;}

.wrap-prof2 .con .tab {display: flex; flex-wrap: wrap; margin-top: 50px; border: 1px solid #c9d9ca; border-radius: 10px 10px 0 0;}
.wrap-prof2 .con .tab li {width: 16.666%}
.wrap-prof2 .con .tab button {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;  width: 100%; height: 90px; padding: 0 10px; font-family: 'Noto Medium'; font-size: 16px; color: #666666; line-height: 1.1;}
.wrap-prof2 .con .tab button::after {content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 5px; background: #005128; border-radius: 20px; transition: .5s}
.wrap-prof2 .con .tab button:hover,
.wrap-prof2 .con .tab .on button {color: #000}
.wrap-prof2 .con .tab button:hover::after,
.wrap-prof2 .con .tab .on button::after{width: 100%;}
.wrap-prof2 .con .tab button span {font-family:' Noto Light'; font-size: 13px; letter-spacing: 0; color: #666}
.wrap-prof2 .con .tab button:hover span,
.wrap-prof2 .con .tab .on button span {color: #000}
.wrap-prof2 .con .detail .func-table2:after {display: none;}
.wrap-prof2 .con .detail .func-table2 tbody::after {display: none;}
.wrap-prof2 .con .detail .func-table2 thead th {background: #fff; border-right: 0px; border-bottom: 2px solid #609015; font-size: 15px; color: #000}
.wrap-prof2 .con .detail .func-table2 thead th i {font-family: 'Noto Light'; font-size: 14px; color: #000;}
.wrap-prof2 .con .detail .func-table2 tbody th {border-right: 0px; background: #fff; font-family: 'Noto Regular'; color: #121212;}
.wrap-prof2 .con .detail .func-table2 tbody td {border-right: 0px; color: #121212;}
.wrap-prof2 .con .detail dl {display: flex; margin-bottom: 15px;}
.wrap-prof2 .con .detail dl:last-child {margin-bottom: 0;}
.wrap-prof2 .con .detail dt {flex-shrink: 0; width: 180px; padding-left: 22px; background: url('../../images/func/arr-prof-con.png') no-repeat left 8px; font-family: 'Noto Regular'; font-size: 18px; color: #212112;}
.wrap-prof2 .con .detail dd {flex-grow: 1; font-family: 'Noto Light'; font-size: 16px; color: #666666;}
.wrap-prof2 .con .detail.type2 dl {flex-wrap: wrap;}
.wrap-prof2 .con .detail.type2 dt {width: 100%; font-family: 'Noto Bold'; color: #212112;}
.wrap-prof2 .con .detail.type2 dd {width: 100%; padding-left: 22px;}
.wrap-prof2 .con .detail.type2 dd li {font-family: 'Noto Light'; font-size: 16px; color: #666666;}
.wrap-prof2 .con .detail.type2 dd .home {position: relative; display: inline-block; margin-top: 5px; font-family: 'Noto Regular'; font-size: 16px; color: #212121;}
.wrap-prof2 .con .detail.type2 dd .home:hover {color: #004a8f;}
.wrap-prof2 .con .detail.type2 dd .home span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-prof2 .con .detail.type2 dd .home:hover span {background-size: 100% auto;}
.wrap-prof2 .con .detail.type2 dd .home::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/guide/ic-link-home.png') no-repeat center center; vertical-align: middle;}
.wrap-prof2 .con .detail.type2 dd .home:hover::after {background: url('../../images/guide/ic-link-home-hover.png') no-repeat center center;}
.wrap-prof2 .con ._paging {padding-bottom: 0px;}
.wrap-prof2 .con ._paging ._inner ul li a {background: transparent}

.wrap-prof2.view .list {border-bottom: 0px;}
.wrap-prof2.view .row {width: 100%;}
.wrap-prof2.view .row:nth-child(odd)::after {display: none;}
.wrap-prof2.view .row .title {padding-bottom: 35px; border-bottom: 1px solid #e2e9ec;}
.wrap-prof2.view .row .util {position: absolute; right: 0px; top: -30px;}
.wrap-prof2.view .row .detail {padding-top: 30px;}

@media (max-width: 1340px) {
  .wrap-prof2 .row .thumb {width: 210px; padding-left: 20px;}
  .wrap-prof2 .row .thumb .img {width: 150px;}
  .wrap-prof2 .row .thumb .img img {height: 100%;}
  .wrap-prof2 .row .thumb::before {width: 150px; left: 40px}
}

@media (max-width: 1160px) {
  .wrap-prof2 .row {width: 100%;}
  .wrap-prof2 .row .thumb {width: 310px; padding-left: 45px;}
  .wrap-prof2 .row .thumb .img {width: 200px;}
  .wrap-prof2 .row .thumb::before {width: 200px; left: 65px}
  .wrap-prof2 .row:nth-child(odd)::after {display: none;}
  .wrap-prof2 .con .tab li {width: 33.333%}
}

@media (max-width: 760px) {
  .wrap-prof2 .row .thumb {width: 210px; padding-left: 20px;}
  .wrap-prof2 .row .thumb .img {width: 150px;}
  .wrap-prof2 .row .thumb::before {width: 150px; left: 40px}
  .wrap-prof2 .add li {flex-wrap: wrap}
  .wrap-prof2 .add li strong {width: 100%; margin-bottom: 10px;}
  .wrap-prof2 .con .tab li {width: 50%;}
  .wrap-prof2 .con .tab button {height: 65px}
}

@media (max-width: 600px) {
  .wrap-prof2 .row {flex-wrap: wrap; flex-direction: column; padding: 30px 0}
  .wrap-prof2 .row .thumb {width: 100%; justify-content: center; min-height: auto; margin-left: -10px; padding-bottom: 50px; padding-left: 0px;}
  .wrap-prof2 .row .thumb::before {width: 35%; height: 80%; left: 36%; top: 7%}
  .wrap-prof2 .row .thumb .img {width: 35%}
  .wrap-prof2 .row .info {width: 100%;}
}

/* 식당메뉴 */
.wrap-food .title {font-family: 'Noto Light'; font-size: 18px; color: #333333;}
.wrap-food .title strong {margin-right: 15px; font-family: 'Noto Bold'; font-size: 40px;}
.wrap-food .info {position: relative; display: flex; overflow: hidden; margin-top: 30px; margin-bottom: 40px; padding: 20px; border: 10px solid #dce5ce;}
.wrap-food .info::after {content: ''; position: absolute; right: -50px; bottom: -50px; width: 245px; height: 249px; background: url('../../images/func/bg-food.png') no-repeat center;}
.wrap-food .info .thumb {flex-shrink: 0; width: 300px;}
.wrap-food .info .thumb img {width: 100%;}
.wrap-food .info .detail {flex-grow: 1; padding-left:  55px;}
.wrap-food .info .detail dl {display: flex; margin-bottom: 5px;}
.wrap-food .info .detail dl:last-child {margin-bottom: 0;}
.wrap-food .info .detail dt {flex-shrink: 0; position: relative; width: 140px; padding-left: 20px; font-family: 'Noto Medium'; font-size: 20px; color: #333333;}
.wrap-food .info .detail dt::before {content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #00a754; border-radius: 100%;}
.wrap-food .info .detail dd {flex-grow: 1; font-family: 'Noto Light'; font-size: 18px; color: #666666;}
.wrap-food .week {font-family: 'Noto Bold'; font-size: 24px; color: #222;}
.wrap-food .week strong {color: #005128;}

@media (max-width: 970px) {
  .wrap-food .info {flex-wrap: wrap}
  .wrap-food .info .thumb {width: 100%;}
  .wrap-food .info .thumb img {max-width: 300px;}
  .wrap-food .info .detail {padding-left: 0px; padding-top: 20px}
}

/* 조직도 */
.wrap-organ  button {font-size: inherit; font-family: inherit; letter-spacing: inherit; text-align: inherit; color: inherit;}
.wrap-organ .top {position: relative; text-align: center;}
.wrap-organ .top::after {content: ''; position: absolute; left: 50%; top: 0; z-index: -1; width: 1px; height: 100%; background: #ddd;}
.wrap-organ .top::before {content: ''; position: absolute; left: 125px; bottom: 0; width: calc(50% - 125px); height: 1px; background: #ddd;}
.wrap-organ .top .cap {display: inline-flex; align-items: center; justify-content: center; width: 180px; height: 180px; background: url('../../images/func/bg-cap.jpg') no-repeat center; border-radius: 100%; font-family: 'Noto Bold'; font-size: 30px; color: #ffffff;}
.wrap-organ .top .support {padding-top: 80px; padding-right: 50%; padding-bottom: 115px; text-align: right;}
.wrap-organ .top .support strong {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 250px; height: 70px; margin-right: 70px; background: #fff; border: 2px solid #005128; font-family: 'Noto Bold'; font-size: 20px; text-align: center; color: #005128;}
.wrap-organ .top .support strong::before {content: ''; position: absolute; right: -73px; top: 50%;  z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .top .check {position: absolute; right: 0; bottom: 0; width: 350px; padding: 30px 50px; border: 1px solid #dddddd;}
.wrap-organ .top .check strong {display: flex; height: 70px; align-items: center; justify-content: center; background: #016365; border: 2px solid #016365; font-family: 'Noto Bold'; font-size: 20px; color: #fff;}
.wrap-organ .top .check strong.color2 {margin-top: 25px; background: #fff; border: 2px solid #016365; color: #016365;}

.wrap-organ .detail {padding-top: 60px;}
.wrap-organ .detail .row {display: flex;}
.wrap-organ .detail .total {position: relative; width: 252px; padding-right: 25px;}
.wrap-organ .detail .total::after {content: ''; position: absolute; left: 50%; top: 0; z-index: -1; width: 1px; height: 100%; background: #ddd;}
.wrap-organ .detail .first .total::before {content: ''; position: absolute; left: 50%; top: -60px; z-index: -1; width: 1px; height: 60px; background: #ddd;}
.wrap-organ .detail .row:last-child .total::after {display: none;}
.wrap-organ .detail .group {width: calc(100% - 252px);}
.wrap-organ .total strong {position: relative; display: flex; height: 70px; align-items: center; justify-content: center; background: #609015; font-family: 'Noto Bold'; font-size: 20px; text-align: center; color: #fff;}
.wrap-organ .total strong::after {content: ''; position: absolute; left: 100%; top: 50%; z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .group .line {position: relative; display: flex; flex-wrap: wrap;}
.wrap-organ .group .line::after {content: ''; position: absolute; left: 0; top: 36px; width: 1px; height: 100%; background: #ddd;}
.wrap-organ .group .line.no-line::after {display: none;}

.wrap-organ .group .line.no-line2::after {display: none;}

.wrap-organ .group .line.right-line::before {content: ''; position: absolute; right: -25px; top: 36px; width: 1px; height: 100%; background: #ddd;}
.wrap-organ .group .line.right-line.height-line1::before {height: 85.4%;}
.wrap-organ .group .line.right-line.height-line2::before {height: 62.1%;}
.wrap-organ .group .line.right-line.height-line3::before {height: 79%;}
.wrap-organ .group .line.right-line.height-line4::before {height: 63.5%;}
.wrap-organ .group .line.no-flex {display: block;}
.wrap-organ .group .line.solo {width: calc(100% - 25%);}
.wrap-organ .group .sub-line {position: relative; display: flex; flex-wrap: wrap;}
.wrap-organ .group .sub-line.add-line::after {content: ''; position: absolute; left: 25px; top: 35px; z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .group .line-title {padding-left: 25px; padding-bottom: 25px;}
.wrap-organ .group .line-title strong {position: relative; display: flex; height: 70px; align-items: center; justify-content: center; background: #097351; font-family: 'Noto Bold'; font-size: 20px; color: #fff;}
.wrap-organ .group .line-title strong::after {content: ''; position: absolute; left: -25px; top: 50%; z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .group .line-title strong.right-line::before {content: ''; position: absolute; right: -25px; top: 50%; z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .group .box {width: 25%; margin-bottom: 60px; padding-left: 25px;}
.wrap-organ .group .solo .box {width: 33.333%;}
.wrap-organ .group .vertical .box {margin-bottom: 30px;}
.wrap-organ .group .subject {position: relative; display: flex; height: 70px; align-items: center; justify-content: center; background: #e3f2cc; border: 1px solid #dddddd; font-family: 'Noto Bold'; font-size: 20px; text-align: center; color: #538209;}
.wrap-organ .group .subject::after {content: ''; position: absolute; left: -25px; top: 50%; z-index: -1; width: 100%; height: 1px; background: #ddd;}
.wrap-organ .group .subject.no-line::after {display: none;}
.wrap-organ .group .vertical .subject::after {left: 50%; top: -30px; width: 1px; height: 100%; background: #ddd;}
.wrap-organ .group .right-line .subject::after {left: auto; right: -25px}
.wrap-organ .group .subject.color {background: #097351; color: #fff;}
.wrap-organ .group .subject.color2 {background: #cbeed1; color: #09823a;}
.wrap-organ .group .subject i {display: inline-block; margin-left: 5px; font-size: 16px;}
.wrap-organ .group .list {padding: 6px 15px; border: 1px solid #ddd; border-top: 0;}
.wrap-organ .group .list .small-title {display: block; margin: 10px 0; padding: 10px; border: 1px solid #097351; color: #097351;}
.wrap-organ .group .level1 > li {position: relative; padding: 7px 0; padding-left: 18px; font-family: 'Noto Regular'; font-size: 18px; color: #666666;}
.wrap-organ .group .level1 > li::before {content: ''; position: absolute; left: 0; top: 18px; width: 5px; height: 5px; background: #666666; border-radius: 100%;}
.wrap-organ .group .level2 {margin-top: 5px;}
.wrap-organ .group .level2 > li {position: relative; margin: 7px 0; padding-left: 18px; font-family: 'Noto Regular'; font-size: 18px; color: #999999;}
.wrap-organ .group .level2 > li:last-child {margin-bottom: 0;}
.wrap-organ .group .level2 > li::before {content: ''; position: absolute; left: 0; top: 13px; width: 6px; height: 1px; background: #999999;}

@media (max-width: 1200px) {
  .wrap-organ .total strong {font-size: 18px;}
  .wrap-organ .group .line.solo {width: 100%;}
  .wrap-organ .group .box {width: 50%;}
  .wrap-organ .group .solo .box {width: 50%;}
  .wrap-organ .group .subject {font-size: 18px;}
  .wrap-organ .group .level1 > li {font-size: 16px;}
  .wrap-organ .group .level1 > li::before {top: 16px;}
}

@media (max-width: 940px) {
  .wrap-organ .top::before {left: 126px; width: calc(50% - 125px);}
  .wrap-organ .top .check {right: 20px; width: 230px;}
  .wrap-organ .top .support strong {width: 160px;}
}

@media (max-width: 800px) {
  .wrap-organ .group .box {width: 100%;}
  .wrap-organ .group .solo .box {width: 100%;}
}

@media (max-width: 600px) {
  .wrap-organ .top::before {left: 90px; width: calc(50% - 90px);}
  .wrap-organ .top .check {width: 190px; padding: 30px;}
  .wrap-organ .detail .total {width: 180px;}
  .wrap-organ .detail .group {width: calc(100% - 200px);}
  .wrap-organ .total strong {font-size: 17px;}
}

/* 조직도 팝업 */
.org-popup-wrap {opacity:0; visibility:hidden; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index: 1002; transition:all .5s; }
.org-popup-wrap.on {opacity:1; visibility:visible;}
.org-popup-wrap .org-popup-box {display: flex; align-items: center; justify-content: center; height:100%; position:relative;}
.org-popup-wrap .org-popup-inner {max-width:920px; width:90%; height:550px; background:#fff;position:relative;}
.org-popup-wrap .org-popup-title {background:#00532a url('../../images/func/bg-organ-pop.jpg') no-repeat; background-size: cover;}
.org-popup-wrap .org-popup-title h1 {font-size: 24px; line-height: 70px; color:#fff; font-family: 'Noto Bold'; padding:0 30px; font-weight: normal;}
.org-popup-wrap .org-popup-con {background:#fff; max-height:640px; height:100%; overflow-y:auto;}
.org-popup-wrap .org-popup-con::-webkit-scrollbar {width: 25px;}
.org-popup-wrap .org-popup-con::-webkit-scrollbar-thumb {background-color: #00532a; border: 10px solid #fff; border-radius: 10px;}
.org-popup-wrap .org-popup-con::-webkit-scrollbar-track {background-color: #fff;}
.org-popup-wrap .inner-title-box:after{content: ''; display: block; clear: both;}
.org-popup-wrap .list-box p {font-size: 17px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#333333;}
.org-popup-wrap .title-box01 {padding-bottom: 24px;}
.org-popup-wrap .org-text-box {padding-top: 40px;}
.org-popup-wrap .org-text-box ul {display: block;}
.org-popup-wrap .org-text-box li > p{font-size: 18px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#666666; padding-left: 16px; position: relative; margin-bottom: 15px;}
.org-popup-wrap .org-text-box > ul > li:last-child p{margin-bottom: 7px;}
.org-popup-wrap .org-text-box li > p::before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #002D56; position: absolute; top: 10px; left: 0;}
.org-popup-wrap .sub-text-box span {font-size: 16px; font-family:"Noto Regular" ; line-height: 1.5; letter-spacing: -.05em; color:#666666; padding-left: 14px; position: relative;  margin-bottom: 5px;}
.org-popup-wrap .sub-text-box span::before{content: ''; width: 6px; height: 2px; background: #A78258; position: absolute; top: 12px; left: 0;}
.org-popup-wrap .inner-box {padding:0 30px 20px 30px;}
.org-popup-wrap .group-h1 {padding: 35px 0; font-size: 30px; font-family: 'Noto Bold'; letter-spacing: -.05em; color:#016365;}
.org-popup-wrap .sub-title {display: block; font-size: 20px;font-family: "Noto Bold";line-height: 1.5;letter-spacing: -.05em;color: #e63b53; padding-bottom: 8px;}
.org-popup-wrap .org-popup-close {display:inline-block; text-indent:-9999px; width:90px; height:70px; position:absolute; top:0; right:0; background:url('../../images/func/close-btn-shape.png') no-repeat right 30px center;}

.org-popup-wrap .location-list {padding: 14px 0; border-top: 1px solid #6e6e6e; border-bottom: 1px solid #6e6e6e;}
.org-popup-wrap .location-list > ul > li {display: flex; align-items: center; position: relative; width: 100%; padding: 7px 0 7px 45px;}
.org-popup-wrap .location-list > ul > li.ico1 {background: url('../../images/func/ico-location1.png') no-repeat left 12px;}
.org-popup-wrap .location-list > ul > li.ico2 {background: url('../../images/func/ico-location2.png') no-repeat left 11px;}
.org-popup-wrap .location-list > ul > li.ico3 {background: url('../../images/func/ico-location3.png') no-repeat left 11px;}
.org-popup-wrap .location-list > ul > li strong {flex-shrink: 0; width: 95px; font-family: 'Noto Medium'; font-size: 18px; color: #121212;}
.org-popup-wrap .location-list > ul > li p {flex-grow: 1; font-family: 'Noto Regular'; font-size: 16px; color: #666;}

@media all and (max-width: 660px) {
  .org-popup-wrap .location-list > ul > li strong {font-size: 15px;}
  .org-popup-wrap .location-list > ul > li p {font-size: 15px;}
  .org-popup-wrap .location-list > ul > li.ico1 {background-position:  left 10px;}
  .org-popup-wrap .location-list > ul > li.ico2 {background-position:  left 7px;}
  .org-popup-wrap .location-list > ul > li.ico3 {background-position:  left 7px;}
}

/* 예결산 공고 */
.wrap-budget .row.border {border-top: 2px solid #000;}
.wrap-budget .choose {display: flex; align-items: center; justify-content: space-between;}
.wrap-budget .detail {display: flex; justify-content: space-between; margin-top: 50px;}
.wrap-budget .detail .col {width: 50%;}
.wrap-budget .detail .col:nth-child(2) {padding-left: 50px; border-left: 1px solid #d6d6d6;}

/* 찾아오시는 길 */
#mapContent {display: flex; align-items: center; background: #f2f2f2; padding: 0 30px;}
#mapContent .info {flex: 1; display: flex; align-items: center; height: 110px; padding: 0 0 0 70px; background: url('../../images/func/ic-location.png') no-repeat left center; font-family: 'Noto Regular'; font-size: 16px; color: #121212;}
#mapContent .button ul {overflow: hidden;}
#mapContent .button li {float: left; padding: 5px 0 5px 6px;}
#mapContent .button a {display: block; min-width: 170px; background: #fff; padding: 16px 22px; border: 1px solid #000; font-family: 'Noto Regular'; font-size: 16px; text-align: center; color: #121212;}
#mapContent .button a:hover {background: #005128; border: 1px solid #005128; color: #fff;}
#mapContent .button a.ico4 {padding: 16px 15px;}
#mapContent .button a span::after {content: ''; display: inline-block; margin-left: 45px; vertical-align: middle;}
#mapContent .button a.ico1 span::after {position: relative; top: -1px; width: 20px; height: 21px; background: url('../../images/func/btn-location1.png') no-repeat center;}
#mapContent .button a.ico2 span::after {width: 21px; height: 21px; margin-left: 34px; background: url('../../images/func/btn-location2.png') no-repeat center;}
#mapContent .button a.ico3 span::after {width: 20px; height: 16px; margin-left: 10px; background: url('../../images/func/btn-location3.png') no-repeat center;}
#mapContent .button a.ico4 span::after {width: 22px; height: 21px; margin-left: 10px; background: url('../../images/func/btn-location4.png') no-repeat center;}
#mapContent .button a.ico1:hover span::after {background: url('../../images/func/btn-location1-on.png') no-repeat center;}
#mapContent .button a.ico2:hover span::after {background: url('../../images/func//btn-location2-on.png') no-repeat center;}
#mapContent .button a.ico3:hover span::after {background: url('../../images/func/btn-location3-on.png') no-repeat center;}
#mapContent .button a.ico4:hover span::after {background: url('../../images/func/btn-location4-on.png') no-repeat center;}

@media all and (max-width: 1400px) {
  #mapContent.global {flex-wrap: wrap;}
  #mapContent.global .button {width: 100%; margin-bottom: 30px;}
  #mapContent.global .button a {padding: 10px 20px;}
  #mapContent.global .button a span::after {padding-left: 20px;}
}

@media all and (max-width: 1077px) {
  #mapContent {flex-wrap: wrap;}
  #mapContent .button {width: 100%; margin-bottom: 30px;}
  #mapContent .button a {padding: 10px 20px;}
  #mapContent .button a span::after {padding-left: 20px;}
}
@media all and (max-width: 660px) {
  #mapContent {padding: 0 20px;}
  #mapContent .button {margin-bottom: 20px;}
  #mapContent .button a {font-size: 14px;}
}

/* 서브로그인 */
.wrap-sub-login .tab {margin-bottom: 50px;}
.wrap-sub-login .tab ul {font-size: 0;}
.wrap-sub-login .tab ul {display: inline-block; position: relative; width: 100%;}
.wrap-sub-login .tab ul > li {position: relative; float: left; width: 50%; margin-left: -1px; margin-bottom: -1px;}
.wrap-sub-login .tab ul > li > a,
.wrap-sub-login .tab ul > li > button {position: relative; z-index: 3; display: block; width: 100%; padding: 15px 10px 16px 10px; border: 1px solid #c5c5c5; font-family: 'Noto Medium'; font-size: 18px; letter-spacing: -1px; text-align: center; color: #333; cursor:default;}
.wrap-sub-login .tab ul > li > a[target=_blank]::after {content: ''; position: relative; top: 0; display: inline-block; width: 12px; height: 11px; margin: 0 0 0 7px; background:  url('../../images/guide/tab-link-blank.png') no-repeat center; }
.wrap-sub-login .tab ul > li.on > a,
.wrap-sub-login .tab ul > li:hover > a,
.wrap-sub-login .tab ul > li.on > button,
.wrap-sub-login .tab ul > li:hover > button {background: #005128; border: 1px solid #005128; color: #fff;}
.wrap-sub-login .tab ul > li.on > a[target=_blank]::after,
.wrap-sub-login .tab ul > li:hover > a[target=_blank]::after {background: url('../../images/guide/tab-link-blank-ov.png') no-repeat center;}

.wrap-sub-login .row {display: none; padding: 85px; background: url('../../images/func/bg-sublogin.png') no-repeat center top / cover;}
.wrap-sub-login .row.on {display: flex;}
.wrap-sub-login .form {width: 500px;}
.wrap-sub-login .form .box {padding: 30px 50px; background: #fff; border-top: 1px solid #038343;}
.wrap-sub-login .form-title {display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.wrap-sub-login .form-title strong {margin-left: 20px; font-family: 'Noto Bold'; font-size: 30px; line-height: 1; color: #005128;}
.wrap-sub-login .form-desc {margin-bottom: 30px; font-family: 'Noto Light'; font-size: 16px; color: #333333;}
.wrap-sub-login .form-sns li {margin-bottom: 20px}
.wrap-sub-login .form-sns a {display: block; padding: 20px 20px 20px 60px; font-size: 20px;}
.wrap-sub-login .form-sns .ico1 a {background: #039c31 url('../../images/func/ico-sns1.png') no-repeat 10px center / 40px; color: #fff;}
.wrap-sub-login .form-sns .ico1 a:hover {background-color: #027c27}
.wrap-sub-login .form-sns .ico2 a {background: #fedc00 url('../../images/func/ico-sns2.png') no-repeat 15px center / 28px; color: #3f3137;}
.wrap-sub-login .form-sns .ico2 a:hover {background-color: #fec300;}
.wrap-sub-login .form-inp .inp {position: relative; padding-left: 45px; border: 1px solid #d9d9d9;}
.wrap-sub-login .form-inp .inp::after {content: ''; position: absolute; left: 0; top: 0; width: 45px; height: 100%;}
.wrap-sub-login .form-inp .inp.ico1 {margin-bottom: 20px;}
.wrap-sub-login .form-inp .inp.ico1::after {background: url('../../images/func/ic-sublogin1.png') no-repeat center;}
.wrap-sub-login .form-inp .inp.ico2 {margin-bottom: 50px;}
.wrap-sub-login .form-inp .inp.ico2::after {background: url('../../images/func/ic-sublogin2.png') no-repeat center;}
.wrap-sub-login .form-inp input {width: 100%; height: 55px; border: 0px; font-family: 'Noto Light'; font-size: 18px; line-height: 55px; color: #555555;}
.wrap-sub-login .form-inp input::placeholder {font-family: 'Noto Light'; font-size: 18px; color: #555555;}
.wrap-sub-login .form-btn button,
.wrap-sub-login .form-btn input {display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: #005128; font-family: 'Noto Medium'; font-size: 25px; color: #fff;}
.wrap-sub-login .form-btn button:hover,
.wrap-sub-login .form-btn input:hover {background: #013c1e;}
.wrap-sub-login .form-save {margin-top: 10px; text-align: right}
.wrap-sub-login .form-util li {margin-top: 10px}
.wrap-sub-login .form-util a {font-family: 'Noto Light'; font-size: 18px; color: #333333;}
.wrap-sub-login .form-util a span {position: relative;}
.wrap-sub-login .form-util a span::after {content: ''; position: absolute; left: 0px; bottom: 0px; width: 0; height: 1px; background: #e84855; transition: .75s;}
.wrap-sub-login .form-util a:hover {color: #e84855;}
.wrap-sub-login .form-util a:hover span::after {width: 100%;}

.wrap-sub-login .info {width: calc(100% - 500px); padding-left: 80px;}
.wrap-sub-login .info-check {margin-top: 30px}
.wrap-sub-login .info-title strong {display: block; font-family:'Noto Medium'; font-size: 30px; line-height: 1; color: #016365;}
.wrap-sub-login .info-title em {display: block; margin-top: 15px; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.wrap-sub-login .info-title ul {margin-top: 15px}
.wrap-sub-login .info-title li {position: relative; padding-left: 15px; font-family: 'Noto Regular'; font-size: 16px; color: #333333;}
.wrap-sub-login .info-title li::after {content: ''; position: absolute; left: 0px; top: 10px; width: 5px; height: 5px; background: #016365; border-radius: 100%;}
.wrap-sub-login .info-detail {margin-top: 20px; padding: 20px; background: #fff; border: 1px solid #407c7e;}
.wrap-sub-login .info-detail strong {display: block; font-family: 'Noto Medium'; font-size: 20px; color: #111111;}
.wrap-sub-login .info-detail .contact2 strong {margin-top: 10px;}
.wrap-sub-login .info-detail li {margin-top: 10px; padding-left: 30px; font-family: 'Noto Regular'; font-size: 17px; color: #555555;}
.wrap-sub-login .info-detail li.ico1 {background: url('../../images/func/ic-sublogin5.png') no-repeat left 6px;}
.wrap-sub-login .info-detail li.ico2 {background: url('../../images/func/ic-sublogin6.png') no-repeat left 7px;}
.wrap-sub-login .info-detail li.ico2_0731 {background: url('../../images/func/ic-sublogin6_0731.png') no-repeat left 5px;}
.wrap-sub-login .info-noti {margin-top: 20px;}
.wrap-sub-login .info-noti li {margin-top: 10px; font-family: 'Noto Light'; font-size: 16px; color: #555555;}
.wrap-sub-login .info-button {margin-top: 20px}
.wrap-sub-login .info-button a {display: inline-block; background: #fff; padding: 4px 10px 5px 40px; border: 1px solid #dddddd; font-family: 'Noto Regular'; font-size: 16px; color: #333333}
.wrap-sub-login .info-button a:hover {border: 1px solid #407c7e;}
.wrap-sub-login .info-button a.icon1 {background: #fff url('../../images/func/ic-sublogin3.png') no-repeat 13px 10px;}
.wrap-sub-login .info-button a.icon2 {background: #fff url('../../images/func/ic-sublogin4.png') no-repeat 15px 9px;}

.wrap-login-after {padding: 55px 0; background: #f9f9f9 url('../../images/func/bg-login-after.png') no-repeat center; text-align: center;}
.wrap-login-after .title strong {font-family: 'Noto Bold'; font-size: 30px; color: #000;}
.wrap-login-after .title p {padding-top: 5px; padding-bottom: 48px; font-family: 'Noto Medium'; font-size: 24px; color: #666;}
.wrap-login-after .title p em {color: #008395;}
.wrap-login-after .button button {width: 100%; max-width: 390px; height: 70px; background: #005128; font-family: 'Noto Medium'; font-size: 18px; line-height: 70px; box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.2); color: #fff;}
.wrap-login-after .button button:hover {background: #013018;}


@media (max-width: 1630px) {
  .wrap-sub-login .row {padding: 50px}
}

@media (max-width: 1500px) {
  .wrap-sub-login .form {width: 450px}
  .wrap-sub-login .form-desc {font-size: 15px}
  .wrap-sub-login .form-inp input {font-size: 15px}
  .wrap-sub-login .form-inp input::placeholder {font-size: 15px}
  .wrap-sub-login .form-btn button,
  .wrap-sub-login .form-btn input {font-size: 19px}
  .wrap-sub-login .form-util a {font-size: 16px;}
  .wrap-sub-login .info {width: calc(100% - 450px); padding-left: 50px}
  .wrap-sub-login .info-title em {font-size: 16px}
  .wrap-sub-login .info-detail li {font-size: 16px}
}

@media (max-width: 1100px) {
  .wrap-sub-login .row.on {flex-wrap: wrap;}
  .wrap-sub-login .form {width: 100%;}
  .wrap-sub-login .info {width: 100%; padding: 0; padding-top: 35px}
}

@media (max-width: 715px) {
  .wrap-sub-login .row {padding: 20px}
  .wrap-sub-login .form .box {padding: 20px 30px;}
  .wrap-sub-login .form-title {flex-wrap: wrap;}
  .wrap-sub-login .form-title strong {width: 100%; margin-top: 20px; text-align: center;}
  .wrap-sub-login .info-title strong {font-size: 25px}
  .wrap-sub-login .info-detail {padding: 20px}
}

/* 팝업 레이어 */
.popLayer {position: fixed; left: 0; top: 0; z-index: 200; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.7); backdrop-filter: blur(10px);}
.popLayer.on {display: flex;}
.popLayer .box {position: relative; width: 90%; max-width: 1400px; background: #fff;}
.popLayer .title {display: flex; align-items: center; height: 80px; padding: 0 20px; font-family: 'Noto Medium'; font-size: 25px; background: #005128; color: #fff;}
.popLayer .con {overflow: auto; max-height: 550px; padding: 30px;}
.popLayer .con::-webkit-scrollbar {width: 15px;}
.popLayer .con::-webkit-scrollbar-thumb {background-color: #008b46; border: 3px solid #002010; border-radius: 10px;}
.popLayer .con::-webkit-scrollbar-track {background-color: #002010;}
.popLayer .btn-close {position: absolute; right: -45px; top: -45px; width: 90px; height: 90px; background: #000 url('../../images/func/closeX.gif') no-repeat center; border-radius: 100%; text-indent: -9999px; transform: rotate(0deg); transition: .7s;}
.popLayer .btn-close:hover {transform: rotate(180deg);}

@media (max-width: 1000px) {
  .popLayer .btn-close {right: -30px; top: -30px; width: 60px; height: 60px; background-size: 40%;}
}


/* 상세보기 버튼 - 미래지식교육원 모집요강 */
.detail-more-btn {border: 1px solid #c2c2c2; padding: 5px 10px; border-radius: 5px; padding-left: 35px; position:relative;}
.detail-more-btn::after{content:''; width:20px; height:20px; position:absolute; left:10px; top:50%; margin-top:-10px; background: url('../../images/func/ico-detail-more.png') no-repeat center / cover;}
.detail-more-btn:hover {border: 1px solid #005128; color:#fff; background:#005128;}
.detail-more-btn:hover::after {background:url('../../images/func/ico-detail-more-hover.png') no-repeat center / cover;}

/* 개선제안 */
.apply-form .row .title.bg {background:#f5f5f5; align-self:normal;}
.apply-form .row .title.bg::after {display:none;}
.hyp {padding:0 5px;}
.shrink0 {flex-shrink:0;}

/* 교원소개 탑 */
._flex {display:flex; flex-wrap:wrap;}
._jcsb {justify-content:space-between;}

/* 버튼 */
.fnct-btn1 {color:#005128; font-family:'Noto Regular'; border: 1px solid #005128; padding: 5px 10px; display:inline-block;}
.fnct-btn1:visited,
.fnct-btn1:link {color:#005128;}
.fnct-btn1:hover {color:#fff; font-family:'Noto Regular'; border: 1px solid #005128; background:#005128; padding: 5px 10px;}

/* flex  */
.disf {display:flex; align-items:center; justify-content:space-between;}
/* 교육과정 팝업 */
.edu-fnct .popLayer .box {align-self:start; margin-top:100px; margin-bottom:50px; position:sticky; top:calc(50% - 250px);}

.board-search .box-search input {top: 0px}