@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

.ly-right {position: relative;width: calc(100% - 250px);left: 250px;transition: 0.7s ease;}
.blind, caption{width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;}
.inner{max-width: 1300px; margin: 0 auto; }
.lg_block {display: block;}
.header .top{background: transparent;}
.sub_top{height: 350px; position: relative; z-index: 1;  }
.sub_visual_wrap{ position: absolute; width: 100%; overflow: hidden;height: 400px; top: -50px;  }
.sub_top p{color: #fff; font-size: 3rem; padding: 150px 40px 0; font-weight: 600; text-align: center; letter-spacing: 5px; word-break: break-all;}
.sub_visual_wrap:before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;animation: visual_down 1.5s forwards;}
.sub_visual_wrap.fixed:before{animation: visual_up 1.5s forwards;}
.sub_visual01.change1:before{background: url("/resources/images/site/common/sub_visual01.jpg") center no-repeat;}
.sub_visual01.change2:before{background: url("/resources/images/site/common/sub_visual02.jpg") center no-repeat;}
.sub_visual01.change3:before{background: url("/resources/images/site/common/sub_visual03.jpg") center no-repeat;}
.sub_visual01.change4:before{background: url("/resources/images/site/common/sub_visual04.jpg") center no-repeat;}
.sub_visual01.change5:before{background: url("/resources/images/site/common/sub_visual05.jpg") center no-repeat;}
.sub_visual01.change6:before{background: url("/resources/images/site/common/sub_visual06.jpg") center no-repeat;}
.sub_visual01.change7:before{background: url("/resources/images/site/common/sub_visual07.jpg") center no-repeat;}
.sub_visual01.change8:before{background: url("/resources/images/site/common/sub_visual08.jpg") center no-repeat;}
.sub_visual01.change9:before{background: url("/resources/images/site/common/sub_visual09.jpg") center no-repeat;}
.sub_top .inner {position: relative; height: 100%; z-index: 0; padding: 0; margin: 0 auto;}
@keyframes visual_down{
    0%{ top:  50px;}
    100%{top:  0;}
}
@keyframes visual_up{
    0%{top:  0;}
    100%{top: 50px;}
}

.snb_wrap{position: absolute; bottom:0; background: rgba(0,0,0,.7); width: 100%;}
.snb_wrap:after{    content: '';
    width: calc(calc(100% - 1300px) / 2);
    background: rgba(0,0,0,0.55);
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;}
.snb{display:flex;justify-content: space-between;box-shadow: 0 4px 20px rgba(103,103,103,0.1);width: 100%; }
.snb > ul { display: flex; align-items: center;}
.snb ul > .depth > a {position: relative; display: block;padding: 0 30px; height: 100%; line-height: auto; color: #fff;}
.snb ul > .depth > a:after{content: '';position: absolute;top: 50%;right: 1rem;width: 6px;height: 6px;margin-top: -6px;background-color: transparent;border-top: 2px solid #c8c8c8;border-right: 2px solid #c8c8c8;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all .3s;
}
.snb ul > .depth > a:hover {text-decoration: none !important;}
.snb ul > .depth > a.active:after{ transform: rotate(45deg);}
.snb .depth{position: relative; width: 245px;}
.snb .depth:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%; background: rgba(255,255,255,.15);}
.snb .depth ul{position: absolute; z-index: 10; width: 100%; background: #fff; top:40px; box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1);}
.snb .depth ul li{}
.snb .depth ul li:hover{background: #897C75; }
.snb .depth ul li a{display: inline-block;width: 100%; height: 100%;padding: 10px 30px;}
.snb .depth ul li a:hover {text-decoration: none !important;}
.snb .depth ul li a[target="_blank"]:after{content: '';display: inline-block; width: 15px ;height: 15px; transform: translateY(1px); background: url(/resources/images/site/contents/ico_link_sm2.png) center no-repeat;padding-right: 8px;}
.snb .depth ul li a[target="_blank"]:hover:after {background: url(/resources/images/site/contents/ico_link_sm3.png) center no-repeat;}
.snb #depth3 {min-width: 245px;width:auto;}

.snb .depth ul li:hover a{color: #fff;}
.snb .depth ul li.active a{color: #E94E1B;}
.snb .depth ul li.active:hover a{color: #fff;}
.snb ul li.home{background: #E47821 url("/resources/images/site/common/ico_snb_home.png") center no-repeat; width: 60px; height: 60px;}
.snb ul li.home a{display: inline-block; width: 100%; height: 100%;}
.snb ul.util{}
.snb ul.util li{position: relative; width: 60px; height: 60px;}
.snb ul.util > li > a{display: inline-block; width: 100%; height: 100%;}
.snb ul.util .print {background:url("/resources/images/site/common/ico_snb_print.png") center no-repeat;}
.snb ul.util .share {background:url("/resources/images/site/common/ico_snb_share.png") center no-repeat;}
ol i{font-style: normal;display: inline-block;width: 20px;height: 20px; vertical-align:top; line-height: 20px; transform: translateY(2px);background: #898887;border-radius: 50px;text-align: center;font-size: 0.8rem;margin-right: 10px;color: #fff;}
ol p {display: inline-block; width: calc(100% - 30px);}

/*공유하기*/
.card_share {float: right;position: relative;margin-top: -42px;}
.social {position: absolute;top: 0;right: 10px;visibility: hidden;transform: translateY(0px);transition: transform 0.35s ease;}
.social_active {visibility: visible; /*z-index: 3;*/transform: translateY(75px);transition: transform 0.35s ease;}
.share_toggle {z-index: 2;}

.share_icon {display: block;width: 37px;height: 37px;line-height: 37px;margin-bottom: 5px;text-align: center;border-radius: 50%;background-color: #fff;transition: all 0.3s ease;outline: 0;box-shadow: 0 2px 4px rgba(0,0,0, 0.12), 0 2px 4px rgba(0,0,0, 0.24);}
.share_icon:hover,
.share_icon:focus {box-shadow: 0 3px 6px rgba(0,0,0, 0.12), 0 3px 6px rgba(0,0,0, 0.24);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.facebook {background: #3b5998 url("/resources/images/site/common/ico_share_facebook.png") center no-repeat;}
.twitter {background: #00abe3 url("/resources/images/site/common/ico_share_twitter.png") center no-repeat;}
.googleplus {background-color: #d3492c;}
.facebook, .twitter, .googleplus {color: #fff;}
.facebook:hover, .twitter:hover, .googleplus:hover {color: #eee;}
.facebook:focus, .twitter:focus {border: 2px solid #000;}

.contents{padding: 50px 0;line-height: 1.8; font-weight: 300; overflow: hidden;}
.section_tit{padding-bottom: 60px;}
.section_tit h3{text-align: center;font-size: 2.5rem; color: #333; letter-spacing: 3px;}
.cont_tit{font-size: 1.45rem;font-weight: 500;margin:20px 0;color: #333;position: relative;/* padding-left: 30px; */}
.cont_tit:before{content: "";position: absolute;left: -12px;top: -10px;display: block;width: 7px;height: 10px;background: #EA5514;-webkit-transform: skew(-45deg);-ms-transform: skew(-45deg);transform: skew(-45deg);}
.cont_sub_tit{ position:relative; font-size: 1.25rem; font-weight: 500; margin: 10px 0; color: #333;  /*padding-top: 15px;background: url("/resources/images/site/common/ico_h3.png") left no-repeat;)*/ }
/*.cont_sub_tit:before{content: ''; width: 8px; height: 3px; background:#EA5514; position: absolute; top:0; left: 0; }*/
/*.cont_sub_tit:after{content: ''; width: 8px; height: 3px; background:#FBC400; position: absolute; top:0; left: 8px; }*/
.cont_group {margin-bottom: 50px;}

.board_filter{display: flex; justify-content: space-between; align-items: flex-end;   margin-bottom: 15px;}
.board_filter .count{color: #444; font-size: 1rem;}
.board_filter .count span {color: #E94E1B;}

/* 민원접수대장 */
.minwon_tbl tr:hover .minwon_tit {text-decoration: underline;}
.minwon_filter .board_function {display: flex; gap: 10px;}
.minwon_filter .board_function a {position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid #bbb;}
.minwon_filter .board_function a::after {content: ''; position: absolute; background: #eee; width: 100%; height: 100%; z-index: -1;}
.minwon_filter .board_function .board_print{background: url(/resources/images/site/common/printer-line.png) center no-repeat;}
.minwon_filter .board_function .board_excel{background: url(/resources/images/site/common/file-excel-2-line.png) center no-repeat;}

.admin_alert {display: flex; justify-content: flex-end; gap: 30px; flex-wrap: wrap;}

.board_search_area {position: relative; margin-bottom: 60px; overflow: hidden;}
.board_search_area ul {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #333; border-bottom: 1px solid #e6e6e6;}
.board_search_area ul li {display: flex; align-items: center; gap: 15px; width: 50%; border-bottom: 1px solid #e6e6e6;}
.board_search_area ul li:nth-of-type(2n-1){border-right: 1px solid #e6e6e6;}
.board_search_area ul li:last-of-type {border: 0;}
.select_wrap {display: flex; gap: 15px; flex-wrap: wrap;}
.board_search_area .select select {min-width: 160px;}
.board_search_area .tit {width: 130px; padding: 20px; background: #f5f4f4; font-weight: 500; border-right: 1px solid #e6e6e6;}
.board_search_area .date_input {display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.board_search_area .date_input input{border: 1px solid #bbb;padding: 10px 20px; font-size: 1rem; max-width: 160px;}
.board_search_area .search_area {text-align: center; margin-top: 15px;}
.board_search_area .search_area a {padding: 10px 50px; background: #333; color: #fff; display: inline-block;}
/* 민원접수대장 끝 */

.board_search{display: flex; }
.board_search .select{height: 55px; width: 170px;}
.board_search .select_first{margin-right: 5px;}
.select{position: relative;}
.select select{height: 100%;width: 100%;font-size: 1rem;background: transparent;padding: 10px 50px 10px 20px;border: 1px solid #bbb;cursor: pointer;transition: all 0.3s;}
.select select:focus{border: 1px solid #333;}
.select:before{content: '';width: 1px;height: 20px;background: #bbb;right: 50px;position: absolute;top: 50%;transform: translateY(-50%);}
.select:after{content: ''; width: 20px; height: 20px; position: absolute; right: 16px;  top: 50%; transform: translateY(-50%);background: url("/resources/images/site/common/ico_select01.png") center no-repeat; z-index: -1;}
.board_search .input_addition {position: relative;height: 55px; width: 300px; margin-left: 5px;}
.board_search .input_addition input{background: #fff; border: 1px solid #bbb; height: 100%; width:100%; font-weight: 300; font-size: 1rem;  padding: 10px 60px 10px 20px; transition: all 0.3s;}
.board_search .input_addition input:focus {border: 1px solid #333;}
.board_search .input_addition .btn_search {position: absolute; right: 0; top: 0; width: 50px; height: 55px; background: url("/resources/images/site/common/ico_input_search.png") center no-repeat;}
.board_search .input_addition .btn_search:before {content: ''; width: 1px; height: 20px; background: #bbb; right: 50px;position: absolute;top: 50%;transform: translateY(-50%);}
.board_list{border-top: 2px solid #333; }
.board_list li{border-bottom: 1px solid #e8e8e8; position: relative;}
.board_list a{display: flex; flex-wrap:wrap; align-items: center; padding:25px 0; }
.board_list a:hover:not(p) {text-decoration: none !important;}

.board_list li:hover .top p.tit{text-decoration: underline; }
.board_list li .mark{ width: 100px; text-align: center; }
.board_list li .mark .fix{color: #E94E1B; font-weight: 700;}
.board_list li .mark .num{color: #747474; }
.board_list .top{width: calc(100% - 100px);}
.board_list .top em{display:inline-block; font-style: normal; color: #E94E1B; font-size: .9rem;}
.board_list .top p.tit{font-size: 1.18rem; font-weight:600; padding:3px 0;width: calc(100% - 100px); }
.board_list .top p.tit span.mobile {display: none;}
.board_list .top p.tit .comment_num{font-size: 1.1rem; color: #f15922;padding-left: 1%}
.board_list .top .etc{display: flex; align-items: center; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.board_list .top .etc span+span {margin-left: 10px;}
.board_list .top .lock{display: inline-block; width: 25px; height: 30px;  background: url("/resources/images/site/common/ico_lock.png") center no-repeat;}
.board_list .top .file {display: inline-block; width: 25px; height: 30px; background: url("/resources/images/site/common/ico_board_file.png") center no-repeat;}
/*.board_list .top .ico_period {display: inline-block; width: 22px; height: 22px; background: url("/resources/images/site/common/ico_period.svg") center no-repeat; vertical-align: sub; margin-right: 0.3rem;}*/
.board_list .top .info span{font-size: .95rem; position: relative; display: inline-block;  color: #777;}
.board_list .top .info span + span{margin-left:30px;}
.board_list .top .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#d1d1d1; position: absolute;left: -17px;top: 50%;transform: translateY(-50%);}
.board_list .ans_complete {color: #ea5514; border: 1px solid #ea5514;  display: inline-block; padding: 10px; font-size: .9rem; }
.board_list.qna .top p.tit{width: calc(100% - 180px);}
.ico_period {display: inline-block; width: 22px; height: 22px; background: url("/resources/images/site/common/ico_period.svg") center no-repeat; vertical-align: sub; margin-right: 0.3rem;}

.board_empty {margin: 30px 0; text-align: center;}
.board_gallery .board_empty{ width: 100%;border-top: 2px solid #333;padding: 30px 0;margin: 0;border-bottom: 1px solid #e8e8e8;}

.list_answer  a{padding: 25px 0 25px 145px;}
.list_answer .top{position: relative;}
.list_answer .top:before{content: '';position: absolute; left: -25px;top: 5px;display: inline-block;margin: 5px 10px 0 0;width: 10px;height: 10px;border-left: 1px solid #333;border-bottom: 1px solid #333;vertical-align: top;}

.board_image{border-top: 2px solid #333;}
.board_image li{border-bottom: 1px solid #e8e8e8; position: relative;}
.board_image a{display: flex;  padding:25px 0; }
.board_image a:hover {text-decoration: none !important;}
.board_image .thumb{width: 375px; height: 240px; margin-right: 50px; align-items: center; vertical-align: middle; overflow: hidden;}
.board_image .thumb img{width: 100%;}
.board_image .top {display: flex; flex-wrap: wrap; /*(align-content: space-between;*/ width: calc(100% - 425px)}
.board_image .top .txt{width: 100%}
.board_image .top p.tit{width: 100%; margin-top: 20px; font-size: 1.18rem; font-weight:600; padding: 10px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_image .top p.desc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.5rem; height: 47px;}
.board_image li:hover .tit{text-decoration: underline; }

.board_image .top .info span{font-size: .95rem; position: relative; display: inline-block;  color: #777;}
.board_image .top .info span + span{margin-left:30px;}
.board_image .top .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#d1d1d1; position: absolute;left: -17px;top: 50%;transform: translateY(-50%);}

.board_gallery ul {display: flex; flex-wrap: wrap; margin: 0 -10px 0 -10px;}
.board_gallery ul li {width: 25%; padding: 0 10px; margin-bottom: 20px;}
.board_gallery ul li a{display: inline-block; width: 100%; height: 100%; border: 1px solid #eee;transition: all 0.3s;}
/*.board_gallery ul li:hover a{    box-shadow: 0 0 25px rgba(0,0,0,.1);z-index: 2;}*/
.board_gallery .thumb{overflow: hidden; height: 200px; align-items: center; vertical-align: middle; position: relative;}
.board_gallery .thumb img{width: 100%; height: 100%; object-fit: cover;}
.board_gallery .top {padding: 20px;}
.board_gallery .top p.tit{width: 100%; font-size: 1.18rem; font-weight:600; padding: 10px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_gallery .top .info span{font-size: .95rem; position: relative; display: inline-block;  color: #777;}
.board_gallery .top .info span + span{margin-left:30px;}
.board_gallery .top .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#ADADAD; position: absolute;left: -17px;top: 50%;transform: translateY(-50%);}

.board_gallery.type2 .thumb{height: 173px;}
.board_gallery.type2 .top{padding: 25px 20px;}
.board_gallery.type2 .top p.tit{white-space: inherit; padding:0; min-height: 62px; line-height: 1.6;}
.board_gallery.type2 .top .info {text-align: center;}
.board_gallery.type2 .top .info span.modify{color: #f39301; border: 1px solid #f39301; padding: 0 10px;font-size: .9rem;margin-top: 0.7rem; transition: all .2s;}
.board_gallery.type2 .top .info span.modify:hover{background: #f39301; color: #fff;}

.board_view{border-top: 2px solid #333;}
.board_view .tit{text-align: center; padding: 35px 0; border-bottom: 1px solid #e8e8e8;}
.board_view .tit em{font-style: normal; color: #A09690; font-size: 1rem;}
.board_view .tit p{font-size: 1.5rem; font-weight:500; padding: 10px 0; color: #333;}

.board_view .tit span {display:block; margin:0 0 15px 0;}
.board_view .tit span a {display:inline-block; padding:2px 15px; background:#333; color:#fff; font-size:.9rem; border-radius: 30px;}
.board_view .tit span a:hover {text-decoration: none !important; background:#222; transition:.3s;}
.board_view .tit .info span{font-size: .90rem; position: relative; display: inline-block;  color: #777;}
.board_view .tit .info span + span{margin-left:30px;}
.board_view .tit .info span + span:before{content: '';display: inline-block; width: 1px; height: 10px; background:#d1d1d1; position: absolute;left: -17px;top: 50%;transform: translateY(-50%);}

.board_view .view_files {background:#FBFBFB; padding: 30px 60px;   }
.board_view .view_files a:hover {text-decoration: underline;}
.board_view .view_files li {padding: 3px 0 3px 25px; font-size: .9rem; position: relative;}
.board_view .view_files li:before{ content: ''; position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background: url("/resources/images/site/common/ico_board_file_sm.png") center no-repeat;}
.board_view .view_files li {color: #555;}
.board_view .view_cont {padding: 60px; font-size:18px;}
.board_view .view_cont img {max-width: 100%; height: auto!important; image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;}
.board_view .view_more ul{overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
.board_view .view_more ul:after{content: ''; position: absolute; left: 50%; width:1px; height: 100%; background: #ddd; }
.board_view .view_more li{float: left; width: 50%;position: relative; }
.board_view .view_more li a{display: block; }
.board_view .view_more li a:hover {text-decoration: none !important;}
.board_view .view_more li a span {font-size: 1.1rem; font-weight: 500;}
.board_view .view_more li a p{ padding-top: 10px; color: #4B4B4B; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view .view_more li:hover a p{text-decoration: underline;}
.board_view .view_more li.prev{padding: 25px 10px 25px 120px;}
.board_view .view_more li.next{padding: 25px 120px 25px 10px; text-align: right;}
.board_view .view_more li .icon{position: absolute; top: 0; display: inline-block; width:100px; height: 100%;}
.board_view .view_more li.prev .icon{left: 0;   background: #F9F9F9 url("/resources/images/site/common/ico_board_prev.png") center center no-repeat;}
.board_view .view_more li.next .icon{right: 0;  background: #F9F9F9 url("/resources/images/site/common/ico_board_next.png") center center no-repeat;}

.board_view .view_answer{ border-top: 1px solid #333; border-bottom: 1px solid #333;  margin-bottom: 50px;}
.board_view .view_answer .date {font-size: 1rem; color: #333; margin-bottom: 20px;}
.board_view .view_answer_tit{padding: 30px 60px; border-bottom: 1px solid #e8e8e8;}
.board_view .view_answer_tit h5{position: relative; }
.board_view .view_answer_tit h5 span{color: #fff; font-weight: bold; display: inline-block; text-align: center; margin-right: 10px; width: 30px ;height: 30px; line-height: 30px;  background: #F29300;}
.board_view .view_answer_tit h5:before{content: '';display: inline-block;margin: 5px 10px 0 0;width: 10px;height: 10px;border-left: 1px solid #333;border-bottom: 1px solid #333;vertical-align: top;}
.board_view .view_answer .info{margin: 10px 0 0 20px;}
.board_view .view_answer .info span{font-size: 1rem; color: #333; font-weight: 600; }
.board_view .view_answer .info .date{font-size: .93rem; color: #888; margin-left: 10px; font-weight: 300; }
.board_view .view_answer .txt {padding: 30px 60px 30px 75px;}

.board_view .view_comment .count {padding-bottom: 10px; color: #444; border-bottom:1px solid #eee;}
.board_view .view_comment .count span{color:#E94E1B; }
.board_view .view_comment .comment {padding: 20px 0; border-bottom: 1px solid #f1f1f1;}
.board_view .view_comment .comment .info{margin-bottom: 10px; display: flex; justify-content: space-between;}
.board_view .view_comment .comment .info span{font-size: 1rem; font-weight: 500; color:#333;}
.board_view .view_comment .comment .info em{display: inline-block; margin-left: 10px; font-style: normal; color: #999; font-size: .9rem;}
.board_view .view_comment .comment .info .etc a{position:relative; font-size: .9rem; color: #777; display: inline-block; }
.board_view .view_comment .comment .info .etc a+a{margin-left: 15px; }
.board_view .view_comment .comment .info .etc a:first-child {margin-left:0;}
.board_view .view_comment .comment .info .etc a:before{content: '';display: inline-block; width: 1px; height: 8px; background:#d1d1d1; position: absolute;left: -7px;top: 50%;transform: translateY(-50%);}
.board_view .view_comment .comment .info .etc a:first-child:before {width:0;}
.board_view .view_comment .comment .info .etc a:hover{text-decoration: underline;}
.board_view .view_comment .comment p {line-height: 1.5rem; color: #444;}
.board_view .view_comment .comment.reply{border: 0; border-bottom: 1px solid #f1f1f1; margin: 0 0 0 50px; padding: 20px 0 30px ;}
.board_view .view_comment .comment.reply .info{position: relative}
.board_view .view_comment .comment.reply .info:before{content: '';position: absolute; left: -25px;top: -5px;display: inline-block;margin: 5px 10px 0 0;width: 10px;height: 10px;border-left: 1px solid #333;border-bottom: 1px solid #333;vertical-align: top;}

.board_view .view_comment .comment_wrap .comment_list {color:#777;}
.board_view .view_comment .comment_wrap .comment_modify {padding:20px; background:#f7f7f7; margin:20px 0;}
.board_view .view_comment .comment_wrap .comment_modify span {color:#333; font-weight:500; margin-bottom:5px;}


.comment_write {padding: 20px 30px; background:#f7f7f7;}
.comment_write span {font-weight: 500;margin-bottom: 5px;display: block;}
.comment_write textarea ,.comment textarea{border: 1px solid #e0e0e0; padding: 15px; width: 100%; resize: none; font-size: .95rem;}
.comment_write textarea:focus ,.comment textarea:focus {border: 1px solid #333;}
.comment_write .btn_area {text-align: right; margin-top: 10px;}
.comment_modify .btn_area {text-align: right; margin-top: 10px;}
.comment_modify .btn_comment{border-radius: 0; padding: 10px;}

.board_write{border-top: 2px solid #333;}
.board_write li {display: flex; align-items: center; border-bottom: 1px solid #e8e8e8;}
.board_write .w_category .select {width: 250px; height: 50px;}
.board_write .w_category .select select{border: 1px solid #cdcdcd;}
.board_write .w_tit input{width: 100%;}
.board_write .tit {width: 160px;  font-size: 1rem; font-weight: 500; padding: 0 0 0 20px; border-bottom: 0; text-align: left;}
.board_write .txt {width: calc(100% - 160px); padding: 20px; border-left: 1px solid #e8e8e8;}
.board_write .txt.radio {display: flex; border-left: none !important; padding: 0px !important;}
.board_write .txt.radio .checkbox:not(:last-child) {margin-right: 20px;}
.board_write .w_edit {padding: 20px 0;}
.input_group input{border: 1px solid #cdcdcd; height: 50px; padding: 5px 20px; /*line-height: 50px;*/ font-size: 1rem; width: 100%;}
.input_group input:focus {border: 1px solid #333;}
.input_group textarea{border: 1px solid #cdcdcd; resize: none; min-height: 50px; padding: 0px 20px; line-height: 50px; font-size: 1rem; width: 100%;}
.input_group textarea:focus {border: 1px solid #333;}
.input_desc{color: #777; font-weight: 300; font-size: .95rem; }
.input_desc span{color: #E94E1B;}
.up_file_list li{border: 0; display: block; position: relative;}
.up_file_list .del{position: absolute; right: 0; top:0; display: inline-block; font-size: 0; width: 15px; height: 15px; background: url("/resources/images/site/common/ico_delete.png") no-repeat;}
.up_file_list{ padding-top: 10px;}
.input_group .yt_box { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
.input_group .yt_box input {margin-left: 5px;}

.notify_box {background: #f8f8f8; padding: 30px; margin-bottom: 30px; z-index:0;}
.notify_box p {display: inline-block; padding-left: 5px; font-weight: 400; position: relative; left: 30px;}
.notify_box p::before {content: ''; background: url("/resources/images/site/contents/notify_01.png") no-repeat; position: absolute; left: -30px; top: 4px; width: 20px; height: 20px;}
.notify_box.type2{ padding: 1px;background: #dfdfdf; position: relative;}
.notify_box.type2:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 150px;background: #f29300;}
.notify_box.type2 .box{background: #fff; padding: 30px; position: relative; z-index: 1; }
.notify_box.type2 h2{text-align: center;padding-bottom: 15px}
.notify_box.type2 p{text-align: center; position: static;width: 100%;font-weight: 300; }
.notify_box.type2 ul{padding:15px 0; max-width: 850px; margin: 0 auto;}
.notify_box.type2 ul li{display: flex; align-items: baseline;}
.notify_box.type2 ul em{font-style: normal; background: #f29300; border-radius: 5px; transform: translateY(-2px); font-size: .8rem; color: #fff; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; }
.notify_box.type2 ul span{padding-left: 5px; width: calc(100% - 20px)}
.notify_box.type2 p::before{display: none;}
.noti_video_wrap{padding:0; background: #fff;}
.noti_video{text-align:center;}

/*페이지네이션*/
.pagenation {padding: 30px 0;text-align: center;line-height: normal; margin-top: 30px;}
.pagenation a{display: inline-block; font-weight: 400; position: relative;margin: 0 10px;font-size: .9rem;color: #333;line-height: normal;text-decoration: none;vertical-align: middle;}
.pagenation a.active {min-width:26px;  color: #fff; font-weight: 600; border-radius: 100%;background: #E94E1B; margin:0 5px; padding:5px; font-size:.8rem;}
.pagenation a.active:hover {text-decoration: none !important;}
.pagenation .direction {font-weight: normal;color: #767676;white-space: nowrap;width:21px; height: 21px; }
.pagenation .prev_all{ background: url("/resources/images/site/common/ico_page_prev_all.png") center no-repeat;}
.pagenation .prev{ background: url("/resources/images/site/common/ico_page_prev.png") center no-repeat;}
.pagenation .next_all{ background: url("/resources/images/site/common/ico_page_next_all.png") center no-repeat;}
.pagenation .next{ background: url("/resources/images/site/common/ico_page_next.png") center no-repeat;}
.pagenation .direction span {font-weight: bold;font-size: 16px;}
.pagenation .direction:hover, .pagenation .direction:active, .pagenation .direction:focus {background-color: #fff ;color: #333;}

.board_paging {text-align:center; margin:20px 0 40px 0;}
.board_paging li {display:inline-block; margin-left:15px;}
.board_paging li:first-child {margin-left:0;}
.board_paging li a {}
.board_paging li a{display: inline-block; font-weight: 400; position: relative;margin: 0 10px;font-size: .9rem;color: #333;line-height: normal;text-decoration: none;vertical-align: middle;}
.board_paging li a.active {width:25px; height:25px; line-height:25px; color: #fff; font-weight: 600; border-radius: 100%;background: #E94E1B; margin:0 5px;}
.board_paging li a.active:hover {text-decoration: none!important;}

/*체크박스*/
.checkbox {display: inline-block;position: relative;font-size: 16px;line-height: 30px;}
.checkbox_input {position: absolute;top: 4px;left: 0;width: 20px;height: 20px;opacity: 0;z-index: 0;}
.checkbox_label {display: block;padding: 0 0 0 30px;cursor: pointer;}
.checkbox_label:before {content: '';position: absolute;top: 4px;left: 0;width: 20px;height: 20px;background-color: transparent;border: 1px solid #a6a6a6;z-index: 1;-webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property: background-color, border-color;transition-property: background-color, border-color;}
.checkbox_label:after {content: '';position: absolute;top: 8px;left: 7px;width: 5px;height: 9px;border-bottom: 2px solid transparent;border-right: 2px solid transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: 2;-webkit-transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);}
.checkbox_input:checked + .checkbox_label:before {background-color: #EA5717;border-color: #EA5717;}
.checkbox_input:checked + .checkbox_label:after {border-color: #fff;}
.checkbox_input:focus + .checkbox_label:before{outline:2px solid #000;}

/*기간*/
.board_write .period_date {display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.board_write .period_date input{border: 1px solid #bbb;padding: 10px 20px;font-size: 1rem;max-width: 190px;}

/*버튼*/
.btn_bezier {display: inline-block;background: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);cursor: pointer;}
.btn_bezier:after {position: absolute;top: 0;left: 0;height: 100%;width: 0;content: '';z-index: -1;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    will-change: width;}
.btn_bezier:hover:after {width: 100%;}
.btn_bezier:hover {color: #FFF !important;}

.btn_area {text-align: center; margin-top: 20px;}
.btn_area a{  background: #fff;border: 1px solid #ccc; padding: 20px 50px; margin: 0 3px; }
.btn_area a:hover {text-decoration: none !important;}

.btn{display: inline-block; padding: 10px 20px;  text-align: center; transition: all 0.3s;}
.btn+.btn{margin-left: 5px;}
.btn_default{ position: relative; padding: 15px 40px 15px 20px; border: 1px solid #333; background: #fff; }
.btn_default:hover{background: #444; color: #fff; text-decoration: none !important;}
.btn_default:after{content: ''; position: absolute; width: 15px; height: 15px; right: 15px; top:50%; transform: translateY(-50%); background: url("/resources/images/site/common/ico_btn_link.png") center no-repeat;}
.btn_default:hover:after { background: url("/resources/images/site/common/ico_btn_link_w.png") center no-repeat;}
.btn_default.down:after {background: url("/resources/images/site/common/ico_btn_down.png") center no-repeat;}
.btn_default.down:hover:after{background: url("/resources/images/site/common/ico_btn_down_w.png") center no-repeat;}
.btn_primary{ position: relative; padding: 15px 40px 15px 20px; border: 1px solid #EF6E00; color: #fff!important; background: #ef6e00;}
.btn_primary:after {content: ''; position: absolute; width: 15px; height: 15px; right: 15px; top:50%; transform: translateY(-50%); background: url("/resources/images/site/common/ico_btn_link_w.png") center no-repeat;}
.btn_primary:hover {background: #ff4e00}
.btn_primary.down:after {background: url("/resources/images/site/common/ico_btn_down_w.png") center no-repeat;}


.btn01{color: #927140 !important;}
.btn01.btn_bezier:after {background: #7E746E;}
.btn02{color: #927140;}
.btn02.btn_bezier:after {background: #757575;}
.btn03{color: #927140;}
.btn03.btn_bezier:after {background: #222;}
.btn_file {background: #5D6468; color: #fff; font-size: 1rem; padding: 15px 20px; display: inline-block; margin-top: 10px;}
.btn_comment{border: 1px solid #ccc; padding: 13px 20px; border-radius: 50px; color: #444; background: #fff;}

.tabs {margin-bottom: 50px;}
.tabs ul {display: flex; flex-wrap: wrap; }
.tabs ul {display: flex; flex-wrap: wrap; }
.tabs ul li{width: calc(100% / 4 - 6px); text-align: center;  border:1px solid #ddd; margin:3px;display: flex;flex-direction: column;justify-content: center;}
.tabs ul li a{ align-items:center; position: relative; display:block; padding: 20px 5px;  z-index: 0;color: #666;font-weight: 700;}
.tabs ul li a:hover {text-decoration: none !important;}
/*.tabs ul li+li a:before{content: ''; position: absolute; left: -3px; top: 26px; width: 3px; height: 15px; background: #ddd; transform:  rotate(195deg); }*/
.tabs ul li > a[target="_blank"]:after{content: '';display: inline-block; width: 15px ;height: 15px; transform: translateY(1px); background: url(/resources/images/site/contents/ico_link_sm2.png) center no-repeat;padding-right: 15px;}

.tabs ul li.active{border: 0; background:#897C75; box-shadow:0px 10px 20px rgba(160,150,144,0.4);}
.tabs ul li.active > a{color: #fff; }

.tabs.tab_bbs_cate {}
.tabs.tab_bbs_cate ul{}
.tabs.tab_bbs_cate ul li{width:calc(100% / 7 - 6px);}
.tabs.tab_bbs_cate ul li a {padding:15px 5px;}
.tabs.tab_bbs_cate ul li.active{ background: #ea723e;}

.page_noti{ background:#fff1f1; padding: 30px; margin-bottom: 20px; }
.page_noti strong{ font-size: 1.5rem; margin-bottom: 10px; display: block;}
.page_noti p{position:relative; font-size: 1.07rem; line-height: 1.5rem; color: #444; padding-left:10px; margin-top:5px;}
.page_noti p:before {content: '';  position: absolute; left: 0; top:10px;  width: 3px; height: 3px; background: #333; border-radius: 50px;}
.page_noti p span {display:block; font-size:.9rem; color:#666;}



.tbl{position: relative;width: 100%; border-top: 2px solid #333; }
.tbl th{padding: 15px 10px;border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center;word-break: break-all; background: #F5F4F4; font-weight: 500;}
.tbl th+th{border-left: 1px solid #e6e6e6;}
.tbl th:last-child{border-right: 0;}
.tbl td {padding: 15px 10px;border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center; }
.tbl td+td{border-left: 1px solid #e6e6e6;}
.tbl td:last-child {border-right: 0;}

.tbl td a:hover {text-decoration: underline;}

.staff_info_wrap {display: flex;  border-top: 2px solid #333; border-bottom: 1px solid #ccc;}
.staff_list {width: 40%; background: #f9f9f9;}
.staff_info { width: 60%;  border-left: 1px solid #eaeaea;}
.staff_info .tbl{border-top: 1px solid #ddd;}
/*.staff_info .tbl tr:last-child td{border-bottom: 0;}*/
/*.staff_list .jstree-default .jstree-wholerow, .staff_list .jstree-default .jstree-anchor{height: 30px; line-height: 30px;}*/
.staff_list .jstree-default .jstree-wholerow, .staff_list .jstree-default .jstree-anchor {height: auto; line-height: 30px; display: inline-flex; width: 100%; word-wrap: break-word; word-break: break-all; white-space: normal;}
.jstree-default .jstree-icon:empty {min-width: 24px;}

.staff_search { justify-content: center; padding: 19px; margin-bottom: 0;  }
.staff_list .staff_tit {padding: 20px; background: #fff; border-bottom: 1px solid #ddd; height: 94px;}
.staff_list h3{position: relative; padding: 20px 0 0; }
.staff_list h3:before{    content: "";display: block;width: 15px;height: 5px;background: #EF6E00;position: absolute;left: 0;top: 0;}
.staff_list  .staff_item {padding: 50px}
.staff_list .jstree-default .jstree-wholerow-clicked {background: transparent;}
.staff_list .jstree-default .jstree-wholerow-hovered{background: transparent;}
.staff_list .jstree-default .jstree-hovered {text-decoration: underline;}
.staff_list .jstree-default .jstree-clicked{color: #ff4e00}

.doc{display: flex; align-items: center; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.doc li{width: 50%;padding: 10px;}
.doc li a{display: flex;padding: 30px;border: 1px solid #eee; align-items: center;justify-content: space-between;   transition: all 0.3s;}
.doc li:hover a{/*box-shadow: 10px 10px 16px rgba(227,230,236,.6);*/ border: 1px solid #333;}
/*.doc li:hover a span{border: 1px solid #333;}*/
.doc li a p {font-size: 1.2rem;font-weight: 400;}
.doc li a span{position: relative;background: #fff;display: inline-block;padding: 3px 30px 3px 10px;font-size: .9rem;/* margin-top: 10px; */}
.doc li a span:after{content: ''; position: absolute; right: 5px; top:53%; transform: translateY(-50%); width: 17px; height: 15px; background: url("/resources/images/site/common/ico_btn_down.png") no-repeat;}

.doc li a .link:after{content: ''; position: absolute; right: 5px; top:53%; transform: translateY(-50%); width: 17px; height: 15px; background: url("/resources/images/site/contents/ico_link_sm.png") no-repeat;}


.dot_list li{position: relative; padding-left: 10px;}
.dot_list li:before {content: '';  position: absolute; left: 0; top:12px;  width: 3px; height: 3px; background: #333; border-radius: 50px;}

.step_box {display: flex;}
.step_box li{position: relative; display: inline-block;width: 25%;text-align: center;background: #f5f5f8;padding: 35px 10px; font-weight:400; font-size: 1.05rem;}
.step_box li+li {margin-left: 50px;}
/*.step_box li+li:before{content: '';display: block; width: 20px;height: 20px;background: #b0b0b0;position: absolute;left: -15%;top: 50%;transform: translateY(-50%);border-radius: 50%;}*/
.step_box li+li:after{content: '';position: absolute;left: -12%;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;margin-top: -6px;background-color: transparent;border-top: 2px solid #777;border-right: 2px solid #777;
    transform: rotate(45deg);}


/*총장인사말*/
.greeting{display: flex; justify-content: space-between;-webkit-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify; position: relative; align-items: center; width: 100%;}
.greeting:after{content: '';display: block;position: absolute;top: 55px; left: 0; z-index: -1;width: 100%;height: 100%;max-width: 1220px; background: #F9F8F7 url("/resources/images/site/contents/greeting_02.png") right bottom no-repeat;}
.greeting_txt {margin: 100px 0 0 50px;}
.greeting .txt_01 {position: absolute;top: -22px; left:-3px;font-size: 4rem;letter-spacing: 10px;font-weight: bold;color: #f9f8f7;}
.greeting .txt_02 {font-size: 2.5rem; font-weight: bold; font-family: 'play'}
.greeting .txt_02 span:first-child{color: #FDBE11;}
.greeting .txt_02 span:last-child{color: #F1592A; display: inline-block; margin-left: 10px; }
.greeting .txt_03 {font-size: 1.3rem; color: #444; font-weight: 400; margin-top: 20px;}
.greeting_img{box-shadow: 0 30px 30px rgba(0,0,0,.2); position: relative;}
/*.greeting_img:before{ content:''; width: 200px; height: 200px; position: absolute; left: -115px;bottom: -80px; background: linear-gradient( to right,#ff0066,#990099 ); }*/
.greeting_cont{margin-top: 100px;}
.greeting_cont p {margin-bottom: 15px; }
.greeting_cont .sign{text-align: right; }
.greeting_cont .sign span{font-size: 1.3rem; font-weight: 600; letter-spacing: 5px; display: inline-block; margin-left: 10px;}

/*총장프로필*/
.profile {display: flex;align-items: flex-start;/* padding-top: 30px; *//* border-top: 2px solid #333; */}
.profile .profile_img{width: 25%; position: relative; text-align: center;}
.profile .profile_img:after {content: '';position: absolute;bottom: 0;left: 0;z-index: -10;width: 100%;height: 80%;}
.profile .profile_list{width: 75%;margin-left: 100px;}
.profile .name {padding: 20px 0;}
.profile .name em{ color: #747474; font-style: normal; display: block; }
.profile .name strong{display: block; font-size: 1.5rem}
.profile .name p{font-size: .9rem; }
.career {margin-bottom: 30px;padding-bottom: 30px;display: flex;border-bottom: 1px solid #eee;/* border-top: 2px solid #333; */}
.career h4{font-size: 1.3rem;color: #333;margin-bottom: 15px;font-weight: 600;position: relative;width: 25%; position: relative;}
.career h4:before{content: "";position: absolute;left: -12px;top: -10px;display: block;width: 7px;height: 10px;background: #EA5514;-webkit-transform: skew(-45deg);-ms-transform: skew(-45deg);transform: skew(-45deg);}
.career ul{width: 75%;/* padding-top: 15px; *//* border-top: 1px solid #eee; */margin-left: 40px;}
.career ul span{display: inline-block; min-width: 130px; color: #555; font-weight: 500; font-family: 'Play'; }
.career ul li {display:flex; margin-bottom: 5px;}


.history_wrap{display: flex;position: relative;}
.history_tit{width:40%;font-size: 2.5rem;font-weight:800;transition: all 0.3s; color: #333;}
.history_tit .tit_wrap{background: url("/resources/images/site/contents/history_01.jpg") no-repeat; width: 100%; height: 600px; padding: 50px; }
.history_tit .tit_wrap h4{color: #fff; padding: 20px 0; border-bottom: 5px solid #fff;}

/*.history_wrap.fixed .history_tit {position: fixed; top: 50px; }*/
.history_list {width:60%; padding-left: 100px;}
/*.history_wrap.fixed .history_list{left: 40%;}*/
.history_list:before{display: none; content: ''; position: absolute; left: 0; width: 1px; height: 100%; background: #ddd;}
.history_list .item > p {position: relative; overflow: hidden;  font-size: 2.5rem;font-family: 'Play';color: #c7c0b8;font-weight: 900;margin-bottom: 30px;/* border-bottom: 1px solid #333; */}
.history_list .item > p:after {content: ''; position: absolute; width: 100%; height: 1px; background: #c7c0b8; top: 50%; left: 120px;}
.history_list ul li {margin-bottom: 10px; display: flex;}
.history_list ul li span{display: inline-block;width: 115px;font-family: 'Play';}
.history_list ul li p {width: calc(100% - 115px)}
.history_list .item {margin-bottom: 50px; padding-bottom: 20px;}
.progress { display: none; position: absolute;top: 0;left: 0;height: 10px;background-color: #f29000;transition: all linear 0.1s;min-width: 2px;}
.progress:before{content: '';width: 15px;height: 15px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: #f29300;}
.progress:after{content: '';width: 30px;height: 30px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;background: #f18800;opacity: .3;}

/*상징*/
.symbol_01 ul {display: flex; align-items: center; text-align: center;  border: 3px solid #eee; padding: 40px 0; position: relative;}
.symbol_01 ul:after{content: ''; position: absolute; width: 2px; height: 80%; top: 10%; transform: translate(-50%); left: 50%; background: #eee;}
.symbol_01 ul li {width: 50%;}
.symbol_01 .symbol_img {width: 100%; }
.symbol_01 .symbol_img~p {padding-top: 15px;color: #777;letter-spacing: 1px;}

.symbol_02 ul{display: flex; justify-content: space-between; margin: 0 -20px;}
.symbol_02 ul li{ width: 50%; padding: 20px;}
.symbol_02 ul li:first-child .symbol_img {order: 2;}
.symbol_02 .symbol_img img{width: 100%;}
.symbol_02 .symbol_desc{padding-top: 20px;}
.symbol_02 .symbol_desc h3{position: relative; padding: 15px 0; color: #333;}
.symbol_02 .symbol_desc h3:before{content: ''; width: 15px; height: 3px; background: #333; position: absolute; top:0; left: 0;}
.symbol_02 .symbol_desc strong{font-size: 1.2rem; font-weight: 600;}
.symbol_02 .symbol_desc strong span{ color: #EE5311;}
/*UI다운로드*/
.ui_wrap .btn_group {padding-top: 25px; text-align: right;}
.ui_wrap .btn_group a+a{margin: 0 5px;}
.ui_01 ul{display: flex; margin: 0 -30px;}
.ui_01 ul li{width: 50%; padding: 0 30px;}
.ui_01 .symbol_img{border: 3px solid #eee; padding: 50px; text-align: center;}
.ui_01 .symbol_desc { padding-top: 20px;}
.ui_01 .symbol_desc strong{color: #333; font-weight: 600; font-size: 1.1rem;}
.ui_02 ul {display: flex; align-items: flex-start; text-align: center;  border: 3px solid #eee; padding: 40px 0; position: relative; margin-bottom: 15px;}
.ui_02 ul li+li{border-left: 2px solid #eee}
.ui_02 ul li {width: 50%; padding: 0 20px;}
.ui_02 .symbol_desc{padding-top: 15px;}
.ui_02 .symbol_img~p {padding-top: 15px;color: #777;letter-spacing: 1px;}
.ui_02 .symbol_img~p+p{padding-top: 8px;}
.ui_02 .symbol_img~p+small{color: #777;letter-spacing: 1px; font-size: .9rem;}
.ui_03 .symbol_img {padding: 50px; border: 3px solid #eee; text-align: center;}
.ui_03 .symbol_desc{padding-top: 25px;}
.ui_03 .symbol_desc strong{margin-bottom: 15px; font-size: 1.1rem; color: #EE5311; display: block;}
.ui_guide p{color: #777;letter-spacing: 1px; padding-bottom: 15px;}
.ui_guide .symbol_img{padding: 50px;    border: 3px solid #eee; text-align: center;}
.ui_02.incorrect ul{border: 0;}
.ui_02.incorrect ul:first-child {padding-bottom: 0;}
.ui_02.incorrect {border: 3px solid #eee; margin-bottom: 15px;}
.ui_02.incorrect ul li+li {border: 0;}

/*교가*/
.song {display: flex;}
.song_img{width: 50%;padding: 10px;display: flex;box-shadow: 0 5px 30px rgb(61,61,61,.1);}
.song_img img{width: 100%;}
.lyrics{width: 50%;padding:50px;}
.lyrics h4{font-size: 2rem; font-weight: 600; color: #333;}
.lyrics .name{ margin-bottom: 20px; font-size: 1rem;}
/*.lyrics p {font-size: 1.1rem;}*/
.lyrics ul li{margin-bottom: 30px; display: flex;}
.lyrics ul li span {display: block;margin-bottom: 10px;padding-right: 40px;font-weight: 600;font-size: 1.3rem;color: #f15922;}
.lyrics .btn_group {padding: 20px 0;}

.wrap_controllers{width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: block;text-indent: -9999em;line-height: 0;}
.map .root_daum_roughmap,.map .wrap_map{ width: 100% !important;}
.map .map_box {position: relative; z-index: 0;}
.map .map_skip{position: absolute;top: 0;text-align: left;width: 100%; z-index: -1;}
.map .address{position: absolute; bottom: 0; z-index: 1; padding: 30px; background: rgba(0,0,0,.7); width: 100%; }
.map .address p {color: #fff; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 65px; }
.map .address p:before{content: ''; position: absolute; left:0; top: -10px; width: 50px; height: 50px; border-radius: 50px; background: #F15922 url("/resources/images/site/contents/map_01.svg")  center center no-repeat;}

.map_info {margin-top: 50px;}
.address_desc > ul li span{display: inline-block; margin-right: 5px; font-weight: 500;}
.address_desc > ul li p{display: inline-block;}
.address_desc > ul li p+p { position: relative;}
.address_desc > ul li p+p:before{ content: '';display: inline-block;width: 1px;height: 10px;background: #ADADAD;margin: 0 15px;vertical-align: middle; }
.address_desc .ex p{ margin-top: 30px;}
.address_desc .ex em{font-style: normal; display: inline-block; padding: 1px 5px; background: #777; color: #fff;}
.address_desc .ex ul {display: flex; border: 3px solid #eee; padding: 50px 0; margin-top: 10px; }
.address_desc .ex ul li{width: 50%; padding: 0 50px;}
.address_desc .ex ul li:last-child {border-left: 1px solid #eee;}

.map_way{ border-top: 2px solid #333;}
.map_way dl {display: flex;border-bottom: 1px solid #ddd;align-items: center;}
/*.map_way dl:first-child{border-top: 2px solid #ddd;}*/
.map_way dl dt{width: 16%;font-size: 1.2rem;font-weight: 500;}
.map_way dl dd{width:84%;padding: 50px;}
.map_way li{margin-bottom: 5px;}
.map_way li span{font-weight: 500; display: inline-block;  text-align: center; font-size: .9rem; padding: 3px 6px; color: #fff; background: #666; }
.map_way li p{display: inline-block; margin-left: 10px;}
.map_way .subway li:first-child span{  background:#F46C0B; margin-right: 15px; }
.map_way .subway li:last-child span:first-child{background:#F46C0B;}
.map_way .subway li:last-child span+span{background:#3495DF; margin-right: 15px;}
.map_way .bus > p{margin-bottom: 5px; font-weight: 500; font-size: 1.1rem; position: relative; padding-left: 15px;}
.map_way .bus > p:before{content: '';  position: absolute; left: 0; top:12px;  width: 3px; height: 3px; background: #333; border-radius: 50px;}

.map_way .bus ul {margin-bottom: 10px;}
.map_way .bus li:first-child span{background:#1ca11b; }
.map_way .bus li:last-child span{background:#2783EB; }
.map_way .walk > p{margin-bottom: 5px; font-weight: 500;font-size: 1.1rem;}
.map_way .walk span{min-width: 74px;}

.map_way_02 li p {display: block; margin: 0; width: 100%; word-break: break-all;}
.map_way_02 li span{margin-right: 5px; background:#FF7D21; }

/*법인기구표*/
.org_wrap .org_item{  display: flex;align-items: center;justify-content: center; background: #fff; height: 55px; border-radius: 3px; }
.org_wrap .lv_01{width: 100%;}
.lv_01 .org_item{background: #f26000;margin: 0 auto;width:200px;height:60px;color: #fff;font-weight: 500;}
.org_01 .org_item {width: 200px;}
.org_01 .lv_02 {display: flex; position: relative; padding: 50px 0 ; max-width: 800px; margin: 0 auto;}
.org_01 .lv_02:before{content: ''; position: absolute; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_01 .lv_02 li {flex: 50%; position: relative;}
.org_01 .lv_02 li:before{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.lv_02 .org_item{background: #fff;color: #333;font-weight: 500;border: 3px solid #7b7979;}
.org_01 .lv_02 li:last-child {display: flex; justify-content: flex-end; position: relative; top: 40px; }
.org_01 .lv_03 {display: flex; position: relative;}
.org_01 .lv_03:before{content: ''; position: absolute; width: 100%; height: 1px; top: 30px; background:#ddd; z-index: -1;}
.org_01 .lv_03 > li {width: calc(100% / 3); margin: 0 30px;}
.org_01 .lv_03 > li:first-child{margin-left: 0;}
.org_01 .lv_03 > li:last-child{margin-right: 0;}
.lv_03 .org_item{background:#777; color: #fff; width: 100%;  font-weight: 500; margin: 0 auto;}
.org_01 .lv_04 {border: 3px solid #eee; text-align: left; padding: 20px; margin-top: 10px;}
.org_01 .lv_04 dl+dl{margin-top: 20px;}
.org_01 .lv_04 dl dt{font-weight: 500;}
.org_01 .lv_04 dl dd , .org_01 .lv_04 li{position: relative; padding-left: 15px;}
.org_01 .lv_04 dl dd:before , .org_01 .lv_04 li:before {content: '';  position: absolute; left: 0; top:12px;  width: 3px; height: 3px; background: #333; border-radius: 50px; }
.org_01 .lv_04 a{position: relative; padding-right: 25px;}
.org_01 .lv_04 a:hover{text-decoration: underline;}
.org_01 .lv_04 a:after{content: ''; position: absolute; right: 0; width: 15px; height: 25px; background: url("/resources/images/site/contents/ico_link_sm.png") center no-repeat;}
.lv_02_1 { padding-bottom: 50px;   position: relative;}
.lv_02_1 .org_item { width: 200px; height: 60px; color: rgb(255, 255, 255);  font-weight: 500;  background: rgb(242, 96, 0); margin: 0px auto;}
.lv_02_1:before { content: ""; position: absolute;  width: 1px;  height: 100%; left: 50%; top: 0px; z-index: -1; background: rgb(221, 221, 221);}

/*법인조직*/

.org_02 .lv_01{position: relative; padding-bottom: 50px;}
.org_02 .lv_01:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_02 .lv_01 .org_item {width: 235px; height: 60px;}
.org_02 .lv_01 .sub_box{display: flex; position: relative;padding: 50px 0;max-width: 800px;margin: 0 auto;}
.org_02 .lv_01 .sub_box:before{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.org_02 .lv_01 .sub_box .right,.org_02 .sub_box .left{flex: 50%;position: relative;}
.org_02 .lv_01 .sub_box .org_item{margin: inherit}
.org_02 .lv_01 .sub_box .right{    display: flex;justify-content: flex-end;}
.org_02 .lv_02 {display: flex; padding-top: 50px;  position: relative;}
.org_02 .lv_02:before{content: ''; position: absolute; width: 80%; height: 90px; top: 0; left: 50%; transform: translateX(-50%); border: 2px solid #ddd; border-bottom: 0; z-index: -1; }
.org_02 .lv_02 > li{width: calc(100% / 4); margin: 0 30px; position: relative;}
.org_02 .lv_02 > li:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 50px; left: 50%; bottom: 100%; background:#ddd; }
.org_02 .lv_02 > li:first-child{margin-left: 0;}
.org_02 .lv_02 > li:first-child:before{display: none;}
.org_02 .lv_02 > li:last-child{margin-right: 0;}
.org_02 .lv_02 > li:last-child:before{display: none;}
.org_02 .lv_02 .sub_box div+div{margin-top: 20px; position: relative;}
.org_02 .lv_02 .sub_box div+div:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 50px; left: 50%; bottom: 100%; background:#ddd; }

/*건학위원회*/
.org_03 .lv_01{position: relative; padding-bottom: 20px;}
.org_03 .lv_01:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_03 .lv_01 li{padding-bottom: 20px;}
.org_03 .lv_01 .sub_box{display: flex; justify-content: space-between; position: relative;}
.org_03 .lv_01 .sub_box:before {content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.org_03 .lv_01 .sub_box .right{ position: relative; width: 50%;}
.org_03 .lv_01 .sub_box .right .org_item {position: absolute; right: 0; top: 0;}
.org_03 .lv_02 {display: flex; padding-top: 50px;  position: relative;}
.org_03 .lv_02:before{content: ''; position: absolute; width: 79%; height: 70px; top: 0; left: 50%; transform: translateX(-50%); border:1px solid #ddd; border-bottom:0; z-index: -1; }
.org_03 .lv_02 > li{width: calc(100% / 4); margin: 0 30px; position: relative;}
.org_03 .lv_02 > li:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 50px; left: 50%; bottom: 100%; background:#ddd; }
.org_03 .lv_02 > li:first-child:before, .org_03 .lv_02 > li:last-child:before{display: none;}
.org_03 .lv_02 > li:first-child{margin-left: 0;}
.org_03 .lv_02 > li:last-child{margin-right: 0;}
.org_03 .lv_03{position: relative;}
.org_03 .lv_03:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 200%; left: 50%; bottom: 0; background:#ddd; }
.org_03 .lv_03 li {padding-top: 20px; position: relative;}
.org_03 .lv_03 .org_item{margin: 0 auto;width: 250px;height: 55px; }

.org_wrap.flex {display: flex;}
.org_03 {width: 70%;}
.org_03_sub {width: 30%;}
.org_03_sub .lv_02 {width: 200px;margin: 0 auto;padding-top: 10px; position: relative;}
.org_03_sub .lv_02:before{content: ''; position: absolute; z-index: -1; width: 1px; height:97%; left: 15px; top: 0; background:#ddd; }
.org_03_sub .lv_02 li {margin-bottom: 10px; position: relative;}
.org_03_sub .lv_02 li:last-child {margin-bottom:0;}
.org_03_sub .lv_02 li:before{content: ''; position: absolute; width: 80%; height: 1px; left: 15px; top: 50%; background:#ddd; z-index: -1;}
.org_03_sub .lv_02 .org_item{width: 160px; height: 40px; margin-left: 40px; }

.org_04{margin-bottom: 40px;}
.org_04 .lv_01{position: relative; padding-bottom: 50px;}
.org_04 .lv_01:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_04 .lv_01 .sub_box{display: flex; justify-content: flex-end; padding-bottom: 0; padding-top: 50px;}
.org_04 .lv_01 .sub_box .right{ position: relative; width: 50%; display: flex;}
.org_04 .lv_01 .sub_box .right:before{content: ''; position: absolute; width: 95%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.org_04 .lv_01 .sub_box .org_item{width: 180px;}
.org_04 .lv_02 {display: flex; padding-top: 50px;  position: relative;}
.org_04 .lv_02:before{content: ''; position: absolute; width: 84%; height: 70px; top: 0; left: 50%; transform: translateX(-50%); border:2px solid #ddd; border-bottom:0; z-index: -1; }
.org_04 .lv_02 > li{width: calc(100% / 5); margin: 0 30px; position: relative;}
.org_04 .lv_02 > li:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 50px; left: 50%; bottom: 100%; background:#ddd; }
.org_04 .lv_02 > li:first-child:before, .org_04 .lv_02 > li:last-child:before{display: none;}
.org_04 .lv_02 > li:first-child{margin-left: 0;}
.org_04 .lv_02 > li:last-child{margin-right: 0;}

.org_05 .sub_item {width: 200px;margin: 5px auto;text-align: center;padding: 10px;border: 1px solid #ddd; background: #fff;}
.org_05 .lv_01 {position: relative;}
.org_05 .lv_01:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_05 .lv_01 .sub_box{display: flex; justify-content: flex-end; padding-bottom: 0; padding-top: 15px;}
.org_05 .lv_01 .sub_box .right{ position: relative; width: 50%;}
.org_05 .lv_01 .sub_box .right:before{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.org_05 .lv_01 .sub_box .right .org_item{margin-left: 145px;}

.org_05 .lv_02 {position: absolute; top: -185%; right: 0;}
.org_05 .lv_02:before{content:'';width: 100px;height: 80%;border: 1px solid #ddd;position: absolute;left: 95px;top: 22px;z-index: -1;border-right: 0;}
.org_05 .lv_02 .org_item {position: relative; height: 50px;}
.org_05 .lv_02 li:nth-child(2) .org_item:before,
.org_05 .lv_02 li:nth-child(4) .org_item:before{
    content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1; left: -52px;
}
.org_05 .lv_02 li{margin-bottom: 10px;}
.org_05 .lv_03{position: relative;}
.org_05 .lv_03:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 200%; left: 50%; bottom: 0; background:#ddd; }
.org_05 .lv_03 li {padding-top: 30px; position: relative;}
.org_05 .lv_03 .org_item{margin: 0 auto;width: 250px;height: 55px; }


/*건학이념*/
.object .object_list > li {display: flex;padding: 20px 0;}
.object .object_list > li h2 {width: 20%; margin: 0;}
.object .object_list > li > div {width: 80%}
.object .object_list .found{}
.object .object_list .found div{
    font-size: 1.2rem;
    text-align: center;
}
.object .object_list .goal {padding: 30px 0;}
.object .goal ul {display: flex;}
.object .goal li{width:calc(100% / 3);border: 1px dashed #bd927f;border-radius: 10px;text-align: center;padding: 20px 10px;background: #fff4ef;}
/*.object .goal li:first-child{border: 3px solid #FBC400; color: #FBC400;}*/
/*.object .goal li:nth-child(2){border: 3px solid #F29300; color: #F29300;}*/
/*.object .goal li:last-child{border: 3px solid #EA5514; color: #EA5514;}*/
.object .goal li+li{margin-left: 30px;}
.object .goal li p {display: block; font-size: 1.2rem; width: 100%; font-weight: 600;}
.object .purpose p+p { border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px;}
/*.object .capa{ text-align: right;}*/
.object .object_list.capa{padding: 30px 0; text-align: right;}
.object .capa h3 { text-align: left;}
.object .capa div > img {width: 100%;}
/*.object .capa ul {display: flex;margin-bottom: 15px;}*/
/*.object .capa ul li {width: calc(100% / 5);position: relative;font-size: 1.2rem;font-weight: 600;border-radius: 100%;text-align: center;padding: 80px 0;background: #f3f3f3;box-shadow: 0 0 0 10px #fff inset;}*/
/*.object .capa ul li+li {margin-left: 15px;}*/
/*.object .capa ul li:before{position: absolute;content: "";width: 100%;height: 100%;bottom: 0;left: 0;right: 0;margin: auto;transform: rotate(45deg);border-radius:50%;border: 1px dashed #b5b5b5;}*/
/*.object .capa ul li:after{position: absolute;content: "";width: 100%;height: 100%;top: 50%;left: 50%;transform: rotate(45deg) translate(-70%,0%);border-radius:50%;border: 5px solid #cdcdcd;}*/
/*.object .capa ul li:nth-child(even):before{border-top-color: transparent; border-left-color: transparent;}*/
/*.object .capa ul li:nth-child(odd):before{ border-bottom-color: transparent; border-right-color: transparent;}*/
/*.object .capa ul li:nth-child(even):after{border-bottom-color: transparent; border-right-color: transparent;}*/
/*.object .capa ul li:nth-child(odd):after{border-top-color: transparent; border-left-color: transparent;}*/
/*.object .capa ul li:nth-child(1){}*/
/*.object .capa ul li:first-child {background: url("/resources/images/site/contents/purpose_01.png") center top no-repeat;}*/
/*.object .capa ul li:nth-child(2) {background: url("/resources/images/site/contents/purpose_02.png") center top no-repeat;}*/
/*.object .capa ul li:nth-child(3) {background: url("/resources/images/site/contents/purpose_03.png") center top no-repeat;}*/
/*.object .capa ul li:nth-child(4) {background: url("/resources/images/site/contents/purpose_04.png") center top no-repeat;}*/
/*.object .capa ul li:nth-child(5) {background: url("/resources/images/site/contents/purpose_05.png") center top no-repeat;}*/

.full_bg{position: relative;}
.full_bg:after{content: '';width: 100vw;height: 100%;position: absolute; top: 0; background: #F9FAFB;z-index: -1;margin-left: -200px;}

/*대학*/
.collage{position: relative}
.collage .btn_default{padding: 10px 40px 10px 20px; margin-top: 10px;}
.collage_info {display: flex;justify-content: flex-end;align-items: center; margin-bottom: 30px;position: relative;}
.collage_desc {background: rgba(0,0,0,.5);box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);padding: 50px;width: 40%;color: #fff;position: absolute;left: 20px; top: 50%;transform: translateY(-50%);}
.collage_desc h2{margin-bottom: 10px;font-size: 1.8rem;}
/*.collage_desc p.tel{margin-top: 10px;  position: relative; padding-left: 15px; }*/
/*.collage_desc p.tel:before{content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; left: 0; top: 0; background:url("/resources/images/site/contents/ico_tel.png") no-repeat;}*/
/*.collage_desc p.tel:after{content: ''; display: inline-block; width: 15px; height: 15px; background: #FF9354; border-radius: 20px; position: absolute; left: 0; top: 0;}*/
.collage_desc a{color: #fff; position: relative; display: inline-block; padding-right: 20px; margin-top: 25px;}
.collage_desc a:after{content: ''; width:100%; height: 100%;position: absolute; left: 100%; background:url("/resources/images/site/contents/collage_link.png") no-repeat; }
.collage_desc a:before{content: '';  width: 50px;  height: 50px;  background: #f29300;  border-radius: 50%;  position: absolute;  top: -14px;  left: 120%;  transition: all ease .3s;}
.collage_desc a:hover{color:#fff; }
.collage_desc a:hover:before{opacity: 0.5;}
.collage .collage_img{ overflow: hidden;}
.collage .collage_img img {position:relative; top:50%; left:50%; transform:translate(-50%, 0px); z-index: -1;}
.collage .cont_group:last-child {margin-bottom:0;}
.collage .contact {display: flex;    align-items: center; }
.collage .contact li{width: 50%; text-align:center; padding: 20px 0;}
/* .collage .contact li+li{border-left:1px solid #e6e6e6;} */
.collage .contact li span{font-size: 1.5rem; display: inline-block;color: #949494;font-weight: bold; padding-right: 30px; vertical-align: middle;}
.collage .contact li p {display: inline-block;}

.depart_tit{display: flex; align-items: center;}
.depart_tit h2{padding-right: 15px;}
.depart_tit .link_home {display: inline-block;padding: 6px 20px; position: relative; font-size: 0; width: 50px ;height: 50px;}
.depart_tit .link_home:after{content: ''; display: inline-block; width: 50px; height: 50px; position: absolute; left: 0; top: 0;  background:url("/resources/images/site/contents/ico_collage_home.png") center no-repeat;}
.depart_tit .link_home:before{content: ''; display: inline-block; width: 50px; height: 50px; background: #FF9354; border-radius: 50px;  transition: all ease .3s; position: absolute; left: 0; top: 0;}
.depart_tit .link_home:hover:before {background: #F15922;}
.depart_tit .link_home.download {margin-left: 5px;}
.depart_tit .link_home.download:after {background: url("/resources/images/site/common/ico_btn_down2_w.png") center no-repeat;}

/*산하교육기관*/
.institution ul {border-top: 2px solid #333;}
.institution li{display: flex;    justify-content: space-evenly; align-items: center; padding: 50px 0; border-bottom: 1px solid #ddd;}
.institution .img_box {width:160px;}
.institution .img_box img {width:100%;}
.institution .desc_box {width: 55%;}
.institution li strong {font-size: 1.2rem; display: block; margin-bottom: 10px;}
.institution i {position: relative;padding-left: 35px;font-style: normal;display: block; margin-top: 3px;}
.institution .address:before{content: '';position: absolute;left:0;top: -1px;width: 25px;height: 25px;border-radius: 50px;background: #F15922 url("/resources/images/site/contents/map_01.svg")  center center no-repeat;background-size: 45%;}
.institution .tel:before{content: '';position: absolute;left:0;top: -1px;width: 25px;height: 25px;border-radius: 50px;background: #F15922 url("/resources/images/site/contents/ico_tel.png")  center center no-repeat;}
.institution p span{display: inline-block; font-weight: 500; width: 90px;}


/*예결산공고*/
.budget ul {text-align: left;}
.budget ul li{display: inline-block; position: relative;}
.budget ul li+li:before {content: '';display: inline-block;width: 1px;height: 10px;background: #ADADAD;margin: 0 15px;vertical-align: middle;}
.budget ul li a:hover{text-decoration: underline;}


/*교내홈페이지*/
.homepage_list .consonant {display: flex; padding-bottom: 30px;}
.homepage_list .consonant li{width: calc(100% / 16); text-align: center;padding: 3px; }
.homepage_list .consonant li a{display: inline-block; padding: 10px 0;  border: 2px solid #eee; width: 100%; color: #444; font-weight: 500;}
.homepage_list .consonant li a:hover,.homepage_link .link_group > li > a {text-decoration:none !important;}
.homepage_list .consonant li.active a{background:#897C75; color: #fff; border: 2px solid #897C75;  }
.homepage_list .consonant li a:hover{background:#897C75; color: #fff; border: 2px solid #897C75;}
.homepage_link .link_group{display: flex; flex-wrap: wrap; margin: 0 -10px; padding-bottom: 30px; }
.homepage_link .link_group > li {width:25%; }
.homepage_link .link_group > li > a{position: relative; display: block;background: #F8F8F8; border: 1px solid #eee; margin: 10px; padding: 10px; }
.homepage_link .link_group > li > a:after{    content: '';position: absolute;right: 10px;width: 15px;height: 25px;background: url(/resources/images/site/contents/ico_link_sm.png) center no-repeat;}
.homepage_link .link_group > li > a:hover {border: 1px solid #333;}
.homepage_link .link_group h3{background: #F8F8F8; border: 1px solid #eee; margin: 10px 10px 0; padding: 10px; font-size: 1rem; font-weight: 300;}
.homepage_link .link_group_02 {border: 1px solid #eee;border-top: 0;margin: 0 10px 10px;padding: 15px;}
.homepage_link .link_group_02 a{position: relative; display: inline-block; padding-right: 35px;}
.homepage_link .link_group_02 a:hover{text-decoration: underline;}
.homepage_link .link_group_02 a:after{content: '';position: absolute;right: 10px;width: 15px;height: 25px;background: url(/resources/images/site/contents/ico_link_sm.png) center no-repeat;}


/*발전계획*/
.development_plan_area p{text-align: center;}


/*로그인*/
.bg_login{background: url("/resources/images/site/contents/bg_login.jpg") no-repeat; background-size: cover; padding-bottom: 70px;}
.login_wrap {max-width: 1300px; margin: 0 auto;}
.login_logo {text-align: center; padding-top: 20px;}
.portal_desc{padding: 50px; text-align: center; background: rgba(0,0,0,.5); margin: 30px 0; color: #fff; line-height: 1.6;}
.portal_desc h3{font-size: 1.5rem;margin-bottom: 20px;}
.portal_desc dt{padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 10px;}
.portal_desc dl{ margin-top: 10px; display: inline-block;}
.btn_portal {padding: 15px 40px; background: #EA5717; display: inline-block; color: #fff !important; margin-top: 20px;}
.btn_portal:hover{background: #ff5207; text-decoration: none !important;}
.login_form {display: flex; border: 1px solid #ddd; background: #fff;}
.login_form .login_box {width: 50%; display: flex; flex-wrap: wrap;}
.login_form .login_box .group {text-align: center; padding: 50px 100px 30px; width: 100%;}
.login_form .login_box .group h3{font-size: 1.5rem;color: #333; margin-bottom: 20px;}
.login_form .login_box .group p { color:#555; margin-bottom: 10px;}
.login_form .input_area {}
.login_form .input_area input[type=text],
.login_form .input_area input[type=password]{border:1px solid #ddd; padding: 15px; width: 100%; margin-bottom: 10px; height: 60px; line-height: 60px; font-size: .95rem;transition: all 0.3s ease; }
.login_form .input_area input[type=text]:focus,
.login_form .input_area input[type=password]:focus{border: 1px solid #444;}
.login_form .input_area .btn_login{display: block; width: 100%; height: 60px; line-height: 60px; background: #897C75; color: #fff; font-weight: 700;}
.login_form .input_area .btn_login:hover{background: #6f645d; text-decoration: none !important;}
.login_form  .normal {border-left: 1px solid #ddd;}
.login_form  .normal .input_area {padding: 15px 0;}
.campus_select {display: flex;font-size: 1rem; color: #444; padding: 10px 0;}
.campus_select li {width: 50%;}
.campus_select li label:hover {cursor:pointer;}
.campus_select input{display: inline-block}
.agree {text-align: left; margin: 10px 0; color: #444; }

.radio {margin: 0.5rem;}
.radio input[type=radio] {position: absolute;opacity: 0;}
.radio input[type=radio] + .radio-label:before {content: "";background: #fff;border-radius: 100%;border: 1px solid #a6a6a6;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: -0.2em;margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;transition: all .3s ease;}
.radio input[type=radio]:checked + .radio-label:before {background-color: #ea5717;box-shadow: inset 0 0 0 4px #f4f4f4;    border: 1px solid #ea5717;}
.radio input[type=radio]:focus + .radio-label:before {outline:2px solid #000;}
.radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.radio input[type=radio] + .radio-label:empty:before {margin-right: 0;}

.radio.alarm input {position:relative;}
.radio.alarm input[type='checkbox'] {opacity: unset; appearance:radio;}
.radio.alarm .input_group {margin-bottom:10px;}
.radio.alarm > div {display: inline-block}
.login_desc{padding:30px 50px; background: #FAFAFA; line-height: 1.7; }
.login_desc dl{margin-bottom: 15px;}
.login_desc dt{font-weight: 600; margin-bottom: 10px;}
.login_desc dd{}
.login_desc dd span{display: inline-block;background: #898887; margin-right: 5px;color: #fff;font-size: .9rem;width: 70px;text-align: center;border-radius: 20px;}
.login_desc h5{font-size: 1rem; margin-bottom: 10px;  color: #333;}
.login_desc small {color: #F84C01;}
.login_desc .sub_desc{margin-top: 15px;}
.login_desc .sub_desc strong {color: #F84C01; font-weight: 400;}

.organization{text-align: center;}


/*국제처소개*/
.org_06 .lv_01{position: relative; padding-bottom: 50px;}
.org_06 .lv_01:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_06 .lv_01 .org_item {display:block;width:35%;height:auto;text-align: center;font-size:20px;border-radius: 0;padding: 10px  0;}
.org_06 .lv_01 .org_item p {display:block; font-weight:lighter; font-size:15px;}
.org_06 .lv_01 .sub_box{display: flex; position: relative;padding: 50px 0;max-width: 800px;margin: 0 auto;}
.org_06 .lv_01 .sub_box:before{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#ddd; z-index: -1;}
.org_06 .lv_01 .sub_box .right,.org_02 .sub_box .left{flex: 50%;position: relative;}
.org_06 .lv_01 .sub_box .org_item{margin: inherit}
.org_06 .lv_01 .sub_box .right{    display: flex;justify-content: flex-end;}

.org_06 .lv_02 {display: flex; padding-top: 50px;  position: relative;}
.org_06 .lv_02 .org_item {height:60px; line-height: 60px; font-size:18px;}
.org_06 .lv_02:before{content: ''; position: absolute; width: 70%; height: 90px; top: 0; left: 50%; transform: translateX(-50%); border: 2px solid #ddd; border-bottom: 0; z-index: -1; }
.org_06 .lv_02 > li{width: calc(100% / 2); margin: 0 30px; position: relative;}
.org_06 .lv_02 > li:before{content: ''; position: absolute; z-index: -1; width: 1px; height: 50px; left: 50%; bottom: 100%; background:#ddd; }
.org_06 .lv_02 > li:first-child{margin-left: 0;}
.org_06 .lv_02 > li:first-child:before{display: none;}
.org_06 .lv_02 > li:last-child{margin-right: 0;}
.org_06 .lv_02 > li:last-child:before{display: none;}

.org_06 .lv_02 > li div {padding:20px; background:#f6f6f6;  margin-top:10px;}

@media screen and (max-width: 1600px){
    .inner{padding: 0 60px;}
    /*총장인사말*/
    .greeting .txt_01 {font-size: 2rem; top: 16px; text-align: left;}
    /*ui다운로드*/
    .ui_02.incorrect img{ width: 100%;}
    
    /*건학위원회*/
    .org_04 .lv_01 .sub_box .org_item{width: 130px;}
    .org_05 .lv_01 .sub_box .right .org_item {margin-left: 30px;}
    .org_05 .lv_02:before{left: -20px;}
    
    /*로그인*/
    .login_wrap{padding: 0 15px;}
    
    /*교내홈페이지*/
    .homepage_link .link_group > li {width:33.3%; }
    
    /*학과소개*/
    .collage_desc {width:55%;}
    
    
    
}

@media screen and (max-width: 1200px){
    
    /*서브탑*/
    .sub_top p {padding:180px 40px 0; font-size:2.6rem;}
    
    /*.header .top .search .util-search{background: transparent;}*/
    .header .top {background: #333;}
    .ly-right{width: 100% !important; left: 0 !important;}
    .board_gallery ul li{width: 33.33%}
    
    /*ui다운로드*/
    .ui_01 img {width: 100%;}
    .ui_02 img {width: 100%;}
    
    /*건학위원회*/
    .org_04 .lv_01 .sub_box .org_item {width: 120px;}
    .lv_01 .org_item{width: 160px}
    .org_05 .sub_item{width: 160px;}
    
    /*로그인*/
    .login_form .login_box .group{padding: 50px 40px 30px;}
    
    
    .board_list .top p.tit span.mobile  {display: inline-block; color:#E94E1B; font-weight:700; margin-right:5px;}
    .board_list li .mark .fix {display: none;}
    .board_list a {flex-direction:row-reverse;}
    
    .board_list .top .etc {right:10px;}
    .board_list li .mark {text-align: left;}
    
}

@media screen and (max-width: 991px){
    .snb >ul >li{display: none;}
    .snb >ul >li:first-child,.snb >ul >li:last-child {display: block;}
    .snb >ul:first-child{width: calc(100% - 60px)}
    .snb >ul.util >li{display: block;}
    .snb .depth {width: 100%;}
    .snb >ul.util >li.print{display: none;}
    .inner{padding: 0 25px;}
    .lg_block {display: inline;}
    .board_filter{flex-direction: column; padding: 20px 10px;}
    .board_filter .count{width: 100%; font-size: .9rem;}
    .board_search {flex-wrap: wrap; width: 100%; margin-top: 5px;}
    .board_search .select{width: 100%; height: 40px;}
    .board_search .select_first{width: 100%; height: 40px; margin: 0 0 5px 0;}
    .board_search .select select,.board_search .input_addition input{font-size: .9rem;}
    .board_search .input_addition {width: 100%; height: 40px; margin-top: 5px; margin-left: 0;}
    .board_search .input_addition .btn_search {height: 40px;}
    
    /* tab */
    .tabs.tab_bbs_cate ul li{width:calc(100% / 5 - 6px);}
    
    /* 민원접수대장 */
    .admin_alert {font-size: .9rem; justify-content: space-between;}
    .board_search_area ul li {width: 100%;}
    .board_search_area ul li:nth-of-type(2n-1){border-right: 0;}
    .minwon_filter {flex-direction: initial; padding: 0 10px;}
    .minwon_tbl{overflow-x: scroll;}
    .minwon_tbl .tbl {width: 200%;}
    
    /* 민원접수대장 끝 */
    .board_list a{padding: 25px 10px;}
    .board_list li .mark{display: none;}
    .board_list .top{width: 100%}
    .board_list .top p.tit{ width: calc(100% - 25px); font-size: 1.1rem;}
    .board_list .top p .lock {position: absolute;}
    .board_list .top .etc{ right: 10px; }
    .board_list .top .lock{width: 15px; height: 18px; margin-right: 5px; background-size: contain;}
    .board_list .top .file{width: 15px; height: 18px; background-size: contain;}
    .board_list .top .ico_period {width: 16px; height: 16px; background-size: contain; vertical-align: middle;}
    .board_list .top .info span{font-size: .85rem; margin-right:0;}
    .board_list .top .info span.due {display: none;}
    .board_list.qna .top p.tit {width: 100%;}
    .board_list.qna .top .etc{position: static; transform: inherit; padding-bottom:7px;}
    .board_list.qna .top .etc span+span{padding: 5px; font-size: .85rem;}
    
    .list_answer a {padding: 25px 10px 25px 40px;}
    
    .board_view .tit{padding: 25px 0px;}
    .board_view .tit em {font-size: .9rem;}
    .board_view .tit p {font-size: 1.25rem;}
    .board_view .view_files{padding: 20px 10px;}
    .board_view .view_files li{font-size: .85rem;}
    .board_view .view_cont{padding: 50px 0; overflow-x: scroll;}
    .board_view .view_more li .icon{width: 50px;}
    .board_view .view_answer_tit {padding: 30px 20px;}
    .board_view .view_answer .txt{padding: 30px 20px }
    
    .pagenation {padding: 20px 0;}
    .pagenation a{margin: 0; padding: 0px 3px;}
    .pagenation a.active {margin:0 3px;}
    .board_view .view_more li.prev{padding: 20px 10px 20px 60px;}
    .board_view .view_more li.next{padding: 20px 60px 20px 10px; }
    .board_view .view_more li a span{font-size: .9rem;}
    .board_view .view_more li a p{font-size: .85rem;}
    .board_view .view_more li.prev .icon,.board_view .view_more li.next .icon{background-size: 10px auto;}
    .btn_area a{padding: 8px 20px; font-size: .95rem; }
    
    .board_view .view_comment {padding: 30px 0px;}
    .board_view .view_comment .comment.reply{margin: 20px 0 0 30px;}
    .board_view .view_comment .comment p {line-height: 1.3rem;}
    
    .board_image a {flex-wrap: wrap;}
    .board_image .top{width: 100%;}
    .board_image .thumb{width: 100%; margin: 0;}
    .board_image .thumb img {position:relative; top:50%; left:50%; width: 100%; transform: translate(-50%, -50%);}
    .board_image .top p.tit{font-size: 1.1rem; margin-top: 20px;}
    .board_image .top p.desc{font-size: .95rem; margin-bottom: 10px;}
    .board_image .top .info span{font-size: .85rem;}
    
    .board_gallery ul li{width: 50%}
    .board_gallery .top p.tit{font-size: 1.1rem; }
    .board_gallery .top .info span{font-size: .85rem;}
    
    .board_write li{flex-wrap: wrap; padding: 15px;}
    .board_write .tit{width: 100%; font-size: 1rem; padding: 0; border-bottom: 0; text-align: left;}
    .board_write .txt{border-left: 0; padding: 10px 0 0; width: 100%;}
    .board_write .w_category .select {height: 40px; width: 100%;}
    
    .board_list .ans_complete {padding:4px; background: #fff;}
    .qna_board .board_list .top p.tit {width: calc(100% - 65px);}
    .board_gallery.type2 .top p.tit{min-height: 57px;}
    
    .input_group input{height: 40px;}
    
    .staff_info_wrap{flex-wrap: wrap;}
    .staff_list{width: 100%;}
    .staff_info{width: 100%; border: 0; padding: 0}
    .staff_info .tbl{border-top: 2px solid #333;}
    
    .section_tit{padding-bottom: 30px;}
    .section_tit h3 {font-size: 1.8rem; }
    
    .tabs ul li a{padding: 12px 5px;}
    
    
    /*총장프로필*/
    .profile {display: block;}
    .profile .profile_img{width: 100%; display: flex; background: #f7f7f7;align-items: center;}
    .profile .profile_img img {width: 170px;}
    .profile .name {width: 100%;}
    .profile .profile_list {width: 100%; margin-left: 0; padding-top: 30px;}
    .career {display: block;}
    .career h4{width: 100%;}
    .career ul{width: 100%; margin-left: 0;}
    
    
    /*연혁*/
    .history_wrap {display: block;}
    .history_tit{width: 100%;}
    .history_tit .tit_wrap{background: url(/resources/images/site/contents/history_01.jpg) bottom no-repeat; height: 200px;  background-size: cover;}
    .history_list {width: 100%; padding-left: 0; padding-top: 30px;}
    .history_tit .tit_wrap h4 {font-size: 2rem;}
    .history_list .item{margin-bottom: 30px;}
    .history_list .item > p{font-size: 1.8rem; margin-bottom: 20px;}
    
    
    /*교육목적*/
    .object .object_list > li {display: block}
    .object .object_list > li h2 {width: 100%; font-size: 1.3rem;}
    .object .object_list .found div {text-align: left; width: 100%;}
    .object .object_list > li > div{width: 100%;}
    
    
    /*상징*/
    .symbol_01 li img{width: 100%}
    
    
    /*교가*/
    .song {display: block}
    .song_img{width: 70%; margin: 0 auto;}
    .lyrics {width: 100%; padding: 0; padding-top: 30px;}
    .lyrics h4{font-size: 1.8rem;}
    
    
    /*발전계획*/
    .development_plan_area img {width: 100%;}
    
    
    /*건학위원회*/
    .org_04 .lv_01{padding-bottom: 30px;}
    .org_04 .lv_01 .sub_box {display: block; padding-top: 30px;}
    .org_04 .lv_01 .sub_box .right{width: 100%; display: block;}
    .org_04 .lv_01 .sub_box .org_item{width: 160px; margin-bottom: 15px;}
    .org_04 .lv_01 .sub_box .right:before{width: 70%; left: 50%; transform: translateX(-50%); display: none;}
    .org_05 .lv_01 .sub_box .right {width: 100%;}
    .org_05 .lv_01 .sub_box .right .org_item {margin: 0 auto;}
    .org_05 .lv_02{position: static; padding-top: 10px;}
    .org_05 .lv_02:before{display: none;}
    .org_05 .lv_02 li:nth-child(2) .org_item:before, .org_05 .lv_02 li:nth-child(4) .org_item:before{display: none;}
    .org_05 .lv_01 .sub_box .right:before{display: none;}
    
    
    /*총장인사말*/
    .greeting {text-align: center;}
    .greeting_txt{margin: 100px 0 30px 0;  width: 100%;}
    .greeting {flex-wrap: wrap;flex-direction: column;}
    
    
    /*교내홈페이지*/
    .homepage_link .link_group > li{width: 50%;}
    
    /*산하교육기관*/
    .institution .desc_box {width:50%;}
    .institution li{flex-wrap: wrap;}
    .institution li .btn_default {padding:10px 30px 10px 10px; margin-top:10px;}
    
    .organization img{width: 100%;}
    
    
    /*국제처 소개*/
    .org_06 .lv_01 .org_item {width:100%;}
    .org_06 .lv_01 {padding-bottom:20px;}
    .org_06 .lv_02 {display:block; padding-top:0;}
    
    .org_06 .lv_01:before,.org_06 .lv_02:before,.org_06 .lv_02 > li:before {display:none;}
    .org_06 .lv_02 > li{width:100%; margin: 0;}
    
    
    /*대학*/
    .collage_info{display: block;}
    .collage_desc {width: 100%; height:100%; left: 0;}
    
    
}

@media screen and (max-width: 767px){
    
    /*서브탑*/
    .sub_top p {font-size:2.3rem;}
    
    
    /* 민원접수대장 */
    .board_search_area .tit {width: 34.5%;}
    .board_search_area li:first-of-type .tit{padding: 45px 20px;}
    .select_wrap {width: 100%; gap: 5px;}
    .board_search_area .select {width: 100%;}
    .board_search_area .date_input {width: 100%;}
    .board_search_area .date_input input{width: 100%; padding: 10px; max-width: 45%;}
    .minwon_filter .board_function a {width: 40px; height: 40px;}
    
    
    /* 민원접수대장 끝 */
    
    .board_gallery ul li{width: 100%}
    .board_gallery.type2 .thumb{height: 363px;}
    
    .dot_list li{}
    .dot_list li:before {top: 10px;}
    
    /* tab */
    .tabs.tab_bbs_cate{margin-bottom:0;}
    .tabs.tab_bbs_cate ul li{width:calc(100% / 2 - 6px);}
    .tabs ul li{width:calc(100% / 2 - 6px);}
    
    
    /*대학자체평가*/
    .doc li a {display: block; padding: 15px}
    .doc li a span {padding: 3px 30px 3px 0px;}
    
    
    /*ui다운로드*/
    .ui_01 ul {flex-wrap: wrap;}
    .ui_01 ul li{width: 100%;}
    .ui_02 ul{flex-wrap: wrap;}
    .ui_02.signature {padding: 10px;}
    .ui_02.signature li{ padding: 10px 20px;}
    .ui_02.signature li:nth-child(1), .ui_02.signature li:nth-child(2) {border-bottom: 2px solid #eee;}
    .ui_02.signature li:nth-child(3) {border-left: 0;}
    .ui_02.vertical li{ width: 33%;}
    
    
    /*상징*/
    .symbol_02 ul{display: block;}
    .symbol_02 ul li {width: 100%;}
    
    
    /*법인기구표*/
    .org_01 .org_item {width: 130px;}
    .org_01 .lv_03 {display: block;}
    .org_01 .lv_03 > li{width:100%; margin: 0;padding-bottom: 20px;}
    .org_01 .lv_03:before {display: none;}
    .lv_03 .org_item{width: 100%;}
    
    
    /*건학위원회*/
    .org_03 .lv_01 li {padding-bottom: 20px;}
    /*.org_03 .lv_01 .sub_box{padding-top: 25px; display: block;}*/
    /*.org_03 .lv_01 .sub_box .right{width: 100%;}*/
    .org_03 .lv_01 .sub_box .org_item{width:155px; }
    .org_03 .lv_02{display: block;}
    .org_03 .lv_02 > li{width: 100%; margin: 0 0 15px;}
    .org_03 .lv_03 .org_item{width: auto;}
    /*.org_03 .lv_01 .sub_box .right .org_item {width: 100% !important;}*/
    
    .org_wrap.flex {flex-wrap: wrap;}
    .org_03 {width: 100%;}
    .org_03_sub {width: 100%; margin-top: 30px;}
    .org_03_sub .lv_01 .org_item{width: 100%;}
    .org_03_sub .lv_02 {width: 100%; padding-left: 40px;}
    .org_03_sub .lv_02 .org_item{width: 100%;  margin-left: 0; }
    .org_03_sub .lv_02 li:before {left: -25px;}
    
    .org_04 .lv_02{display: block; padding-top: 0;}
    .org_04 .lv_02:before {display: none;}
    .org_04 .lv_02 > li{width: 100%; margin: 0 0 15px;}
    .org_04 .lv_02 > li:last-child:before{display: block;}
    
    
    /*법인조직*/
    .tbl_wrap{width:100%; overflow-x: scroll;}
    .org_wrap .tbl_wrap{ overflow-x: scroll;}
    .org_wrap .tbl_wrap .tbl{width: 200%;}
    .org_02 .lv_01 .org_item{width: 135px;}
    .org_02 .lv_02{display: block; padding-top: 0;}
    .org_02 .lv_02:before{display: none;}
    .org_02 .lv_02 > li{width: 100%; margin: 0 0 15px;}
    .org_02 .lv_02 > li:before{display: none;}
    
    
    /*산하교육기관*/
    .institution .desc_box {width:100%; margin:10px 0;}
    .institution .desc_box p {margin-bottom:10px;}
    .institution .img_box {margin-bottom:20px;}
    .institution .img_box img {width:100%; height:100%;}
    .institution li {display:block; flex-wrap: nowrap; padding:30px 0;}
    .institution p span {display: block;}
    
    
    /*대학*/
    .collage .contact li span{font-size: 1.8rem; padding-right: 0; width: 100%;}
    .collage table.tbl {width: 200%;}
    .collage_desc {padding:50px 30px 30px 30px;}
    .collage_desc p {font-size:15px;}
    
    
    /*로그인*/
    .login_form{display: block;}
    .portal_desc{padding: 30px;}
    .login_form .login_box{width: 100%;}
    .login_form .normal{border-left: 0;}
    
    
    /*총장인사말*/
    .greeting .txt_01{font-size: 1.5rem;letter-spacing: 5px;}
    .greeting_txt{padding: 0 20px;}
    .greeting .txt_02{font-size: 2rem;}
    .greeting .txt_03{font-size: 1.3rem;}
    
    
    /*교내홈페이지*/
    .homepage_list .consonant{flex-wrap: wrap;}
    .homepage_list .consonant li{width: calc(100% / 8);}
    
    
    /*찾아오시는길*/
    .address_desc .ex ul {flex-wrap: wrap; padding: 0 20px;}
    .address_desc .ex ul li {width: 100%; padding: 20px 0;}
    .address_desc .ex ul li:last-child {border-top: 1px solid #eee; border-left: 0;}
    .map_way dl {flex-wrap: wrap;}
    .map_way dl dt, .map_way dl dd {width: 100%;}
    .map_way dl dd {padding: 20px 0;}
    .map_way dl dt img {margin: 30px auto;}
    
    /*버튼*/
    .cont_group p > .btn {width: 100%;}
    .btn+.btn {margin: 5px 0;}
    
    .notify_box.type2 .box{padding: 30px 15px;}
    .notify_box.type2 ul li{line-height: 1.5;}
    .notify_box.type2 ul li+li{margin-top: 5px;}
    .notify_box.type2 h2 {line-height: 1.5;}
    .noti_video_wrap iframe {width:100%; height:185px;}
}

@media screen and (max-width: 565px){
    
    /*서브탑*/
    .sub_top p {font-size:2rem; padding: 180px 20px;}
    
    .contents {padding:50px 0 0 0;}
    
    .btn_default, .btn_primary {padding:8px 35px 8px 15px;}
    
    .ui_03 img {width: 100%;}
    .ui_02.vertical ul{padding: 40px;}
    .ui_02.vertical li{width: 100%; border: 0; }
    .ui_02.vertical li+li{padding-top: 15px;}
    .song_img{width: 100%; margin: 0 auto;}
    
    
    /*건학위원회*/
    .lv_01 .org_item{width: auto;}
    .org_05 .lv_03 .org_item{width: 100%;}
    .org_05 .sub_item{width: 100%;}
    
    
    /*총장인사말*/
    .greeting_img img {width: 100%;}
    .greeting_cont .sign span {display:block;}
    
    
    /*교내홈페이지*/
    .homepage_link .link_group > li{width:100%;}
    
    
    /*교육목적 및 인재상*/
    .object .goal li+li{margin-left: 0px;}
    
    
    /*예결산공고*/
    .budget ul li{display:block;}
    .budget ul li+li:before {display: none;}
    
    
    /*대학평의원회*/
    .doc li {width:100%;}
    
    
    /*페이지 준비중*/
    .no_data img {width:100%;}
    
    .board_gallery.type2 .thumb{height: 181px;}
    
    /*대학*/
    .collage .contact{flex-wrap:wrap;}
    .collage .contact li{width:100%;}


    .staff_list .staff_item {padding: 30px; max-height: 500px; overflow-x: scroll;}
    .staff_list .jstree-default .jstree-wholerow, .staff_list .jstree-default .jstree-anchor {white-space: nowrap;}
    .jstree-default .jstree-node {margin-left: 10px!important;}
}

@media screen and (max-width: 321px){
    /* 민원접수대장 */
    .board_search_area .tit {width: 44.5%;}
    .board_search_area li:last-of-type .tit{padding: 45px 20px;}
    .board_search_area .date_input input {max-width: 88%;}
    /* 민원접수대장 끝 */
}

/*캠퍼스 명소*/
.d_best_info{background: url(/resources/images/site/contents/dot_pattern.png) repeat; padding: 5px;}
.d_best_inner{background: #ffffff; padding: 20px; text-align: center;}



/*이사장 인사말*/
.greeting_wrap .bg_section{height: 285px; padding: 0; background: url(/resources/images/site/contents/greetings_bg.jpg) no-repeat; background-size: cover;}
.bg_inner{max-width: 1300px;}
.bg_cont{height: 285px; display: flex;}
.bg_cont > div{flex: 1;}
.bg_cont > div+div{padding-right: 0;}
.bg_cont .presd_img{position: relative; padding-right: 0;}
.bg_cont .presd_img img{position: absolute; bottom: 0; left:50%; transform: translateX(-10%);}
.bg_cont .text_wrap{display: flex; align-items: center; padding-left: 0;}
.text_wrap .intro_txt strong{display: block; font-size: 24.5px; font-weight: 500; line-height: 1.4; margin-bottom: 15px;}
.text_wrap .intro_txt span{display: block; font-size: 40px; font-weight: 700;}
.text_wrap .intro_txt p{font-size: 18px; color: #3F3F3F;}
.orange_txt{color: #f1592A;}

@media screen and (max-width: 991px) {
    .greeting_wrap .bg_section{height: auto; background: url(/resources/images/site/contents/greetings_bg.jpg) no-repeat; background-position: 0 -14%;}
    .bg_inner{padding: 0 20px;}
    .bg_cont{height: auto; display: block;}
    .bg_cont .presd_img{margin-top: 40px; height: 260px;}
    .bg_cont .presd_img img{transform: translateX(-50%);}
    .bg_cont >div+div{padding-top: 20px;}
    .text_wrap .intro_txt{padding: 15px 0;}
    .text_wrap .intro_txt strong{margin-bottom: 10px; font-size: 20px;}
    .text_wrap .intro_txt p {font-size: 16px;}
    .greeting_cont{margin-top: 40px;}
}

/*page contact*/
.page_contact {position:relative; border: 1px solid #eaeaea; background: #fafafa; margin-top: 70px; padding: 20px 30px;}
.page_contact:after {content: ""; display: block; clear: both;}
.page_contact a {float:right; padding:3px 15px; border:1px solid #927140 ; border-radius: 30px; font-size:.9rem;}
.page_contact ul {display: flex; float:left;}
.page_contact ul li {display: flex; align-items: center; position: relative;padding-left: 30px; }
.page_contact ul li:after{content: ''; width: 3px; height: 3px; position: absolute; left: 0; }
.page_contact ul li+li {margin-left: 30px;}
.page_contact ul li:first-child{background: url("/resources/images/site/contents/ico_contact_01.png") left center no-repeat;}
.page_contact ul li:nth-child(2){background: url("/resources/images/site/contents/ico_contact_02.png") left center no-repeat;}
.page_contact ul li span{font-weight: 600; display: inline-block; margin-right: 20px; color: #333;}
.page_contact ul li p{border:0; -webkit-border:0;}

@media screen and (max-width: 565px) {
    /*page contact*/
    .page_contact {padding: 10px 30px; margin:20px 0 0 ;}
    .page_contact ul {flex-wrap: wrap;}
    .page_contact ul li{width: 100%; margin-left: 0;}
    .page_contact ul li+li{margin-left: 0; margin-top: 5px;}
}