/* 서브비쥬얼 */
@-webkit-keyframes kenburns-top
{0%{-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transform-origin:top;transform-origin:top}}
@keyframes kenburns-top
{0%{-webkit-transform:scale(1.1) translateY(0);transform:scale(1.1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);-webkit-transform-origin:top;transform-origin:top}}

.sub_visual{position:relative;width:100%; height:360px; overflow: hidden; }
.sub_visual_wrap {position:relative; width:100%; height:100%; background: url("/resources/images/site/contents/sub_visual01.jpg")center 0 no-repeat; -webkit-animation:kenburns-top 5s ease-out both;animation:kenburns-top 5s ease-out both;}
.sub_visual_wrap:before {position:absolute; top:0; left:0; content:""; width:100%; height: 100%; background: rgba(0,0,0,.3);}
.sub_visual .txt {position: absolute; top:65%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.sub_visual .txt h1 {font-size:48px; color:#fff;}
.sub_visual .txt p {font-size:16px; color:rgba(255,255,255,.85); margin-top:20px;}


.sub_visual_wrap.sub_image_resolve_1 {background: url("/resources/images/site/contents/sub_visual01.jpg")center 0 no-repeat;}
.sub_visual_wrap.sub_image_resolve_2 {background: url("/resources/images/site/contents/sub_visual02.jpg")center 0 no-repeat;}
.sub_visual_wrap.sub_image_resolve_3 {background: url("/resources/images/site/contents/sub_visual03.jpg")center 0 no-repeat;}
.sub_visual_wrap.sub_image_resolve_6 {background: url("/resources/images/site/contents/sub_visual06.jpg")center 0 no-repeat;}
.sub_visual_wrap.sub_image_resolve_7 {background: url("/resources/images/site/contents/sub_visual07.jpg")center 0 no-repeat;}
.sub_visual_wrap.sub_image_resolve_8 {background: url("/resources/images/site/contents/sub_visual08.jpg")center 0 no-repeat;}

/*** 서브페이지 공통 ***/
/* 제목 */
.sub_title{font-size:18px;background:url('/resources/images/site/contents/content_sub_title.gif') no-repeat left 5px; /* letter-spacing:-2px */;color:#00806e;font-weight: 500;padding-left:20px;margin-bottom:10px;}
.sub_title02{font-size:18px;background:url('/resources/images/site/contents/content_sub_title.gif') no-repeat left 8px; letter-spacing:-2px;color:#00806e;font-weight:normal;padding-left:20px;margin-bottom:10px;}
.sub_title_s{font-size:16px;background:url('/resources/images/site/contents/content_sub_title2.gif') no-repeat left 8px; letter-spacing:-2px;color:#00806e;font-weight:normal;padding-left:12px;margin:0 0 5px 10px}
.sub_title_s .s_txt{float:right;font-size:12px;color:#888;letter-spacing:-0.5px;}
.sub_title_s a{color:#00806e}
.sub_title_s a:hover{text-decoration:underline;}
.sub_title_s strong{letter-spacing:-0.5px;}

/* 탭메뉴(1) */
.tabmenu{overflow:hidden;font-family:'맑은 고딕','Malgun Gothic';}
.tabmenu ul{width:100%;border-bottom:2px solid #71bf45;height:38px;}
.tabmenu li{width:25%;float:left; font-size:15px;font-weight:normal;}
.tabmenu li a{display:block;padding:5px 0;border:1px solid #eaeaea;text-align:center; text-decoration:none; color:#666;height:26px;line-height:25px}
.tabmenu li:focus-within{border: 2px solid #000; box-sizing: border-box;}
.tabmenu li a:hover{background-color:#f8f8f8}
.tabmenu li.active a{border:2px solid #71bf45;color:#333;border-bottom:none;height:28px;background-color:#fff}

/* 탭메뉴(2) */
.tabmenu2{position:relative;border:2px solid #71bf45;padding:15px;font-family:'맑은 고딕','Malgun Gothic';}
.tabmenu2 li{display:inline-block;*display:inline;zoom:1;padding:5px 10px}
.tabmenu2 li .line{color:#eaeaea;font-size:10px;padding-left:15px}
.tabmenu2 li.active{font-weight:600}
.tabmenu2 li.active_green{color:#71bf45; font-weight:600;}
.tabmenu2 li a{color:#666;font-size:15px;}
.tabmenu2 li a:hover{color:#388f30}

/* 탭메뉴(5) */
.tabmenu5{position:relative;border:2px solid #71bf45;padding:15px 20px;font-family:'맑은 고딕','Malgun Gothic';}
.tabmenu5 li{display:inline-block;*display:inline;zoom:1;padding:5px 0 5px 10px;width:235px;background:url('/resources/images/site/contents/tabmenu5_dot.gif') no-repeat 0 15px;color:#666;}
.tabmenu5 li.active{font-weight:600; color:#388f30}
/*.tabmenu5 li.active_green{color:#71bf45; font-weight:600;}*/
.tabmenu5 li.active_green a{color:#00816e; font-weight:600;}
.tabmenu5 li a{color:#666;font-size:13px;}
.tabmenu5 li a:hover{color:#00816e}

/* 기본테이블표 */
.tbl_default{position:relative;width:100%;line-height:24px}
.tbl_default thead th.top_line{border:1px solid #71bf45;padding:0;border-top:2px solid #71bf45;border-bottom:none;}
.tbl_default thead th{color:#666;padding:10px 5px;background-color:#f8f8f8;border:1px solid #eaeaea;}
.tbl_default tbody td{color:#666;padding:10px 5px;border:1px solid #ddd;text-align:center;}
.tbl_default tbody td.left{text-align:left;padding-left:15px}

/* 인포박스 */
.info_box{background-color:#f1f1f1;padding:15px;font-family:'맑은 고딕','Malgun Gothic';font-size:14px;line-height:26px}

.note_txt .txt1{font-size:14px;font-family:'맑은 고딕','Malgun Gothic';letter-spacing:-1px;color:#666;font-weight:normal;text-align:center}

/* 대학 - 학장인사말 */
.college_wrap{position:relative;width:100%;float:left}
.college_img{width:145px;float:left}
.college_txt{float:left;padding:40px 0 40px 30px}
.college_txt02{float:left;padding:20px 0 20px 30px}
.college_txt03{float:left;padding:0 0 0 30px}
.eng_txt{font-family:'맑은 고딕','Malgun Gothic';color:#389c8e;font-size:13px;letter-spacing:0.5px;font-weight:bold;padding-bottom:10px}
.big_txt{font-family:'Nanummyeongjo';color:#444;font-size:26px; line-height:32px; letter-spacing:-1px;padding-bottom:5px;font-weight:600}
.name_txt{font-family:'맑은 고딕','Malgun Gothic';color:#555;font-size:15px;letter-spacing:-0.5px}

/*게시판 경고문*/
.caption_box{padding:15px 20px; border-top:2px solid #388f30; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; background:#f7f9f5;}
.caption_box h3{font-size:18px; color:#333; margin-bottom:8px;}
.caption_box ul li{background:url('/resources/images/site/contents/sub_txt_li_ico.gif') 0 7px no-repeat; font-size:14px; padding-left:12px; letter-spacing:0;}


/*식당*/
.life_rest_menu_wrap .select {padding:20px 0; margin:0 0 20px 0; background: #f7f7f7;}


/*숨김*/
.blind{display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}


/*조직도*/
.org_wrap { overflow-x: scroll;  }
.org{width: 800px; margin: 0 auto;}
.org_wrap .org_item{  display: flex;align-items: center;justify-content: center; background: #fff;  }
.org_wrap .lv_01{width: 100%;}
.lv_01 .org_item{background: #dadada;margin: 0 auto;width:200px;height:60px;color: #333;font-weight: 500;}
.org a:hover{text-decoration: underline;}
.org .lv_01{position: relative; padding-bottom: 20px;}
.org .lv_01:before{content: ''; position: absolute; z-index: 0; width: 1px; height: 255px; left: 50%; top: 37px; background:#888; }
.org .lv_01 .org_item {width: 150px; height: 60px;}
.org .lv_01 >.sub_box{display: flex; position: relative;padding: 23px 0;max-width: 800px;margin: 0 auto;}
.org .lv_01 > .sub_box:before{content: ''; position: absolute; width: 100%; height: 1px; top: 50%; background:#888; z-index: 0;}
.org .lv_01 > .sub_box .right,.org .sub_box .left{flex: 50%;position: relative;}
.org .lv_01 > .sub_box .org_item{margin: inherit}
.org .lv_01 > .sub_box .right{    display: flex;justify-content: flex-end;}
.org .lv_01 > li:last-child{position: relative; top: 20px;}
.org .lv_02 {display: flex; padding-top: 0;  position: relative;}
.org .lv_02:before{content: ''; position: absolute; width: 80%; height: 90px; top: 0; left: 50%; transform: translateX(-50%); border: 2px solid #888; border-bottom: 0; z-index: -1; }
.org .lv_02 > li{width: calc(100% / 5); min-width: 150px; margin: 0 5px; position: relative;}
.org .lv_02 > li > p {background: #777;color: #fff; padding: 10px; box-sizing: border-box;}
.org .lv_02 > li:before{content: ''; position: absolute; z-index: 0; width: 1px; height: 31px; left: 50%; bottom: 100%; background:#888; }
.org .lv_02 > li:first-child{margin: -137px 5px 0 0;}
.org .lv_02 > li:first-child:before{display: none;}
.org .lv_02 > li:last-child{margin-right: 0;}
.org .lv_02 .sub_box .org_item+.org_item{margin-top: 10px; position: relative;}
.org .lv_01 > .sub_box ul,.org .lv_02 .sub_box ul {background:#eaeaea;  padding:10px; color:#444;}
.org .lv_02 .sub_box ul {margin-top:0; padding:10px;}
.org .lv_01 > .sub_box .org_item {position: relative; z-index: 10; display:block; height:auto; text-align: center;  background:none; }
.org .lv_01 > .sub_box .org_item {padding:10px; color: #333; background: #dadada; border: 0;}

.org .lv_01 > .sub_box.first .left:before,.org .lv_01 .sub_box.first .right:before {content: ''; position: absolute; width:100%; height: 1px; top: 50%;  background:#888; z-index: -1;}
.org .lv_01 > .sub_box.first .left:before {left:0;}
.org .lv_01 > .sub_box.first .right:before {right:0;}
.org .lv_02 .sub_box .org_item {display:block; height:auto; text-align: center; border:0;}
.org .lv_02 .sub_box > dl {background: #eaeaea;}
.org .lv_02 .sub_box > dl dt{padding: 10px;background: #dadada;color: #333; margin-bottom: 8px;}
.org .lv_02 .sub_box > dl dd{padding: 3px 9px; font-weight: 400; letter-spacing: -1px;font-size: 15px; text-align: left; word-break: break-all;}
.org .lv_02 .sub_box > dl dd:last-child{padding-bottom: 8px;}

.org_item p {padding:10px;background:#dadada ; color: #333;}
.org_item ul li {position:relative; text-align:left; margin-bottom: 3px; word-break: break-all; letter-spacing: -1px; font-size: 15px;}
.org_item ul li:first-child {margin-top:0;}
.org .lv_02 .sub_box > dl dd ul{padding: 0;}
.org .lv_02 .sub_box > dl dd ul li {font-weight:normal;color:#666;border:0;text-align: left;padding:0 0 0 10px; background: transparent;}
.org .lv_02 .sub_box > dl dd ul li:before {content: '';position: absolute;left:2px; width: 3px;height: 3px;background: #333;border-radius: 50px; margin-top:10px;}
.org .lv_02 .sub_box .org_item ul li:last-child p:last-child {margin-bottom: 0;}
.org_flex_01 {justify-content: flex-end;}
.org_flex_03 {justify-content: center;}
.org .lv_01 .sub_box.org_flex_02 {max-width: 420px;}
.org_flex_01 .org_flex_item{padding-right: 100px; width: 405px;}
.org_flex_03 .org_flex_item{ width: 200px;}
.org_flex_item{display: flex;}
.org_flex_01 dd.org_item  {background:#DADADA!important; color: #333!important; }
.org .lv_01 .sub_box .gr1 {background:#00806C; color: #fff;}
.org_flex_02 .org_item {background:#DADADA!important; color: #333!important; }
.org_flex_02 .left {top:-25px;}
.org_flex_03 .gr2 {background:#3C8F49 !important;  color: #fff!important;}
.org .lv_01 .sub_box.org_flex_01:before {left: 50%; width: 160px;}
.org .lv_01 .sub_box.org_flex_03:before{top: 79px; right: 76px; width: 486px;}
.org .lv_01 .sub_box.org_flex_03 .right:before{content: ''; position: absolute; width:50px; height: 1px; top: 50%; left:-50px;  background:#888; z-index: 1;}
.org .lv_01 .sub_box.org_flex_02:before {right: 150px; width: 60px;}
.org_flex_02 .left:before {content: ''; position: absolute; width:60px; height: 1px; top: 50%; left:150px;  background:#888; z-index: 1;}
.org .lv_02 > li:nth-child(3):before {display: none;}
.line_01:before{content: ''; position: absolute; width:250px; height: 1px; top: 20px; left:150px;  background:#888; z-index: 1;}
.line_01:after {content: ''; position: absolute; width:1px; height: 155px; top: 20px; left:156px;  background:#888; z-index: 1;}
.line_02:before{content: ''; position: absolute; width:5px; height: 1px; top: 17px; left:150px;  background:#888; z-index: 1;}



/*대학(2025학년도)*/
.edu {width:100%; margin-bottom:60px;}
.edu:last-child {margin-bottom:0;}
.edu .info {position:relative; border-top:2px solid #047b6f;background:url("/resources/images/site/contents/edu_info_bg.png")#f4f8f5 96% bottom no-repeat;padding:35px;justify-content: space-between;}
.edu .info h1 {color:#333; font-size:1.6rem; margin-bottom:20px;}
.edu .info p {color:#666; font-size:1rem;}
.edu .list {display: flex;flex-wrap:wrap;gap:20px 0;margin-top:30px;justify-content: space-between;flex-shrink: 0;}
.edu .list li {display:flex;align-items:center;justify-content: space-between;width: calc(50% - 10px);border:1px solid #efefef;padding:15px;box-sizing:border-box;}
.edu .list li:hover {border:1px solid #333; transition: .3s;}
.edu .list li .lst_title {max-width:70%;}
.edu .list li .lst_title p,.edu .list li .lst_title span {display:inline-block;}
.edu .list li .lst_title p {color:#333; font-size:1rem;}
.edu .list li .lst_title span {color:#666; font-size:.9rem; vertical-align:top;}
.edu .list li .lst_title a {background:none;}
.edu .list li .lst_title span:before {content:"";display:inline-block;width:1px;height: 12px;background:#ccc;margin: 0px 5px;vertical-align: -1px;}
.edu .list li .lst_title span.tel{display:block;font-size:.85rem;color: #777;font-weight: 300;}
.edu .list li .lst_title span.tel:before {font-family: 'bootstrap-icons'; content:"\F5B4"; font-size:.6rem; margin:0 15px 0 0; background:none;}

.edu .list li a {position:relative; display: inline-block; border-radius: 100%; background:#f4f8f5; width:35px; height:35px; margin-left:5px;}
.edu .list li a:first-child {margin-left:0;}
.edu .list li a.ready {background:#f6f6f6; cursor:default;}
.edu .list li a:before {font-family: 'bootstrap-icons'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#2d8451; }
.edu .list li a.ready:before {color:#ccc;}
.edu .list li a.map:before {content: "\F3E7";}
.edu .list li a.home:before {content: "\F422";}
.edu .list li a.file:before {content: "\F63D";}


.edu .info_img {width:100%; height:350px; overflow:hidden; margin-top:30px;}
.edu .info_img img {width:100%; height:100%; object-fit:cover;}

.video_btn {position: relative; min-width:85px;height:85px;border-radius:100%;background: linear-gradient(180deg, #199a5c, #78a458);text-align:center; margin-left: 10px;}
.video_btn span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;}
.video_btn i {display:block; font-size:1.3rem; margin-bottom:3px;}

.edu .info .btn.mobile {display: none; flex-wrap:wrap; gap:.5rem;}
.edu .btn li a {display:block; font-size:.9rem; padding:5px 12px;}
.edu .board_list {margin-top:25px;}
.edu .board_list .btn { margin-bottom:10px; text-align: right;}
.edu .board_list .btn a {display:inline-block; color:#999; font-size:.9rem;}
.edu .board_list ul {border-top:2px solid #333;}
.edu .board_list ul li {padding: 15px 30px;justify-content: space-between;border-bottom:1px solid #ededed;}
.edu .board_list ul li a {font-size:.9rem; color:#666; max-width:85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.edu .board_list ul li a:hover {text-decoration: underline;}
.edu .board_list ul li a:before {content: "";display:inline-block;width: 4px;height: 4px;background: green;margin-right: 8px;vertical-align: middle;}
.edu .board_list ul li span {color:#999; font-size:.9rem;}

.edu .tab_menu{display:flex;flex-wrap:wrap;margin-top:35px;gap:5px}
.edu .tab_menu li{width:calc(100%/3 - 5px);background:#f5f5f5}
.edu .tab_menu li button{width:100%;text-align:center;font-size:.9rem;padding:13px 10px;display:block;border:0;background:transparent;cursor:pointer; font-family:inherit;}
.edu .tab_menu li.active button{color:#fff;background:linear-gradient(90deg,#02b87a,#1e9d7b);}
.edu .tab_menu li button:focus-visible{outline:2px solid #000;outline-offset:2px}
.edu .tab_contents_s{margin:30px 0 50px;}

.edu .greeting .box {padding:20px;align-items: center;background: url("/resources/images/site/contents/greeting_img.png") #eef4ee 104% 460% no-repeat;}
.edu .greeting .box .president {position: relative; margin-right:50px;width: 150px;height: 195px;overflow: hidden;}
.edu .greeting .box .president img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:auto; height: 100%; object-fit: cover;}
.edu .greeting .box .tit {width:calc(100% - 150px);}
.edu .greeting .box .tit span {color:#888; font-size:.9rem;}
.edu .greeting .box .tit h2 {font-size: 1.5rem;margin:10px 0 20px 0;line-height: 2rem; color:#047b6f;}
.edu .greeting .box .tit p {font-size: 1rem; color:#444;}
.edu .greeting .box .tit p span {display: inline-block; letter-spacing: 2px; font-weight: 500; color:#000; font-size:1.1rem;}
.edu .greeting .txt {margin-top:30px}
.edu .greeting .txt p {margin-top:25px; color:#666;}

/*.edu .history h2 {font-size:2rem; color:green; margin-top:25px; min-width:110px;}*/
/*.edu .history .txt {padding:30px 0 0 50px; margin:0 0 0 10px; border-left:1px solid green;}*/
.edu .history dl {position: relative; margin-top:15px;}
.edu .history dl:first-child {margin-top:0;}
/*.edu .history dl:first-child::before {content: ""; position: absolute;left:-55px; display: inline-block;width:5px;height:5px;background: #fff; border-radius: 100%; border:2px solid green; z-index: 9;}*/
/*.edu .history dl:first-child::after {content: ""; position: absolute; width:55px; height:1px; background: #ccc; left:-50px; top:5px;}*/
.edu .history .txt {margin-bottom:10px;}
.edu .history dl dt {position:relative; padding-right:15px; font-weight: bold;margin: 0 15px 0 0;min-width:100px;letter-spacing: 0px;}
.edu .history dl dt:after {content:""; position:absolute; right:0; top:5px; display:inline-block; width:1px; height:13px; background:#ccc;}
.edu .history dl dd span {display:block; font-size:.9rem; color:#666;}
.edu .note_txt02 {float: none; color:#666; font-size:.9rem; word-break: break-word;}
.edu table th,.edu table td {font-size:.9rem;}
.edu .root_daum_roughmap .cont {display: none;}


/* 기관별 SNS */
.tbl_sns a{outline-offset:4px;}

@media screen and (max-width: 1024px){
    /*대학(2025학년도)*/
    .edu .info h1 {font-size:1.4rem;}
    .edu .list li {padding:15px;}
    .edu .list li .lst_title p, .edu .list li .lst_title span {display:block;}
    .edu .list li .lst_title span:before {display:none;}
    .edu .list li .lst_title span.tel:before {display:inline-block;}
}



@media screen and (max-width: 760px){
    /*대학(2025학년도)*/
    .edu {margin-bottom:40px;}
    .edu .info {padding:25px;flex-direction: row;flex-wrap: wrap;}
    .edu .info h1 {font-size:1.3rem; margin-bottom:15px;}
    .edu .info p {font-size:.9rem;}
    .edu .list li .lst_title p, .edu .list li .lst_title span {display:block;}
    .edu_wrap .btn_right {text-align:left;}
    .edu .info .btn.mobile {display: block;}
    .edu .btn.pc {display: none;}
    .video_btn {position: absolute; min-width:70px; height:70px; top:-30px; right:20px; margin-left:0;}
    .video_btn span {font-size:.8rem;}
    .video_btn i {font-size: 1.1rem;margin-bottom: 0px;}

    .edu .board_list ul li {padding:15px;}
    .edu .board_list ul li a {max-width:70%;}

    .edu .tab_menu li {width:calc(100%/2 - 5px);}

    .edu .greeting .box {flex-wrap:wrap; justify-content: center}
    .edu .greeting .box .president {margin-right:0;}
    .edu .greeting .box .tit {width:100%; text-align:center; margin-top:15px;}
    .edu .greeting .box .tit h2 {font-size:1.3rem; margin: 5px 0 15px 0;line-height: 1.8rem;}
    .edu .greeting .box .tit p {font-size:.9rem;}
    .edu .greeting .box .tit p span {font-size:1rem;}

    .edu .greeting .txt p {margin-top:20px;}

    .edu .note_txt02 {text-align:center;}
    .edu .tab_contents_s {font-size:.9rem;}

    .edu .history h2 {min-width:auto; margin-bottom:20px;}
    .edu .history .con {display:block;}
    .edu .history dl {display:block;}
    .edu .history dl:first-child::after {width:40px;}
    .edu .history dl dt {margin:0;}
    .edu .history dl dt:after {display: none;}
    .edu .history dl dd span {position:relative;padding-left: 5px;}
    .edu .history dl dd span:before {content:"";display:inline-block;position:absolute;left:0;top: 10px;width: 2px;height: 2px;background:#666;}
}


@media screen and (max-width: 630px){
    /*대학(2025학년도)*/
    .edu .list {gap:1rem 0;}
    .edu .list li {width:100%;}
    .edu_wrap .btn_red {padding:7px 10px 8px 10px !important; font-size:.9rem !important;}
}


@media screen and (max-width: 480px){
    .tabmenu ul {border-bottom: 0;}
    .tabmenu li {width: 50%;}
    .tabmenu li a {height: 30px;}
    .tabmenu li.active a{border:2px solid #71bf45; }

    .tabmenu3 ul{border-bottom: 0;}
    .tabmenu3 li{width: 50%;}
    .tabmenu3 li a{height: 30px;}
    .tabmenu3 li.active a{border:2px solid #71bf45; }

    .tabmenu2{padding: 5px;}
    .tabmenu2 li {padding: 5px;}
    .tabmenu2 li a {font-size: 13px;}
}