﻿@charset "utf-8";

@import "fonts.css";

/* 초기화 */
html {min-width: 1200px; overflow-y:scroll}
body {margin:0;padding:0;font-size: 15px; letter-spacing:-0.8px; color:#222; line-height:1.4; font-family:  'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif; font-weight: 400; background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: 'NanumSquare', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0; font-family: 'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {/* WebKit browsers */ color: #a9a9a9;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #a9a9a9;}
::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #a9a9a9;}
:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #a9a9a9;}

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#222; text-decoration:none;}

/* blind */
.blind, .skip, legend, caption, .hidden{position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
caption{position:static;}


/*========레이아웃========*/

/*공통*/
.sc_inner{width:1240px; margin:0 auto;}
.cfixed:after{display:block; content:""; clear:both;}
.table{display:table;}
.table_cell{display:table-cell; vertical-align:middle;}



/* 상단 레이아웃 */
#header_wrap {width: 100%; z-index: 9999; position:absolute; top:0; border-bottom:1px solid rgba(255,255,255,0.7);}

/* 상단메뉴 */
#tnb {border-bottom: #F3F3F3 solid 1px;}
#tnb .sc_inner {overflow: hidden; margin: 0 auto; padding:0;}
#tnb li {float: left; font-size: 14px; text-align: center;}
#tnb li.mb{line-height:23px;}
#tnb li.join{margin: 0 0 0 32px;}
#tnb li a{color:#fff;}
#tnb ul.member {float: right; padding:15px 0 0 0;}

/* 헤더 */
#header {height: 80px; width:1300px; margin: 0 auto;}
#header::after {display:block;visibility:hidden;clear:both;content:""}
#header .logo {float: left; margin:10px 0 0 50px;}

/*메인메뉴*/
#menu {height:50px; width:840px; float:right; z-index:9999; margin:10px 18px 0 0; font-family: 'NanumSquare';}
.main1>li {float:left; width:16.66%; line-height:50px; text-align:center; position:relative; z-index:9999; }
.main1>li:hover .main2 {left:0;}
.main1>li a {display:block; font-size:18px; font-weight:700; text-align:center; color:#fff;}
.main1>li a:hover {color:#24aef6;}

.main2 {position:absolute; top:50px; left:-9999px; background:rgba(255,255,255,0.8); width:140%; padding:10px 0 10px 0;}
.main1 li:nth-child(2) .main2{width:160%;}
.main2>li {position:relative; border-bottom:1px dotted #fff; text-align:left; padding-left:15px;}
.main2>li:last-child {border-bottom:0;}
.main2>li a{margin:0 10px; font-size:15px; text-align:left; font-weight:500; color:#222; font-family: 'Noto Sans KR';line-height: 1.3;padding: 12px 0;}

.main2 > li .main3{display: none;position: absolute;left: 100%;top: 0;background:rgba(255,255,255,0.8); width:100%; padding:10px 0 10px 0;}
.main2 > li:hover .main3{display: block;}

/* 비쥬얼이미지 */
/* #main_visual {position: relative; height:845px; overflow:hidden;}
#main_visual .bx-wrapper, #main_visual .bx-viewport, #main_visual .bxslider, #main_visual .slider {height: 100%!important; border:0;}
#main_visual .bx-wrapper img {display: inline;}
#main_visual .bx-wrapper .bx-controls-direction a {margin-top: -27px; width: 24px; height: 45px; position:absolute; top:50%; z-index:999; font-size:0px;}
#main_visual .bx-wrapper .bx-prev {left: 3%; background: url("../img/arrow_left.png") no-repeat left top; width:24px;}
#main_visual .bx-wrapper .bx-next {right: 3%; background: url("../img/arrow_right.png") no-repeat left top; width:24px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager{position:absolute; bottom:150px; width:100%; left:50%; margin-left:-600px; height:10px; z-index:999;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager div{display:inline-block;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {display:block; width: 13px; height: 13px; border-radius:50%; box-sizing:border-box; text-indent:-999999px; background:#fff; margin-right:8px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus, 
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background: #24aef6; width:35px; border-radius:30px;}
#main_visual .slider01 {background: url("../img/visual01_1.jpg") no-repeat center center; background-size: cover;}
#main_visual .slider02 {background: url("../img/visual02.jpg") no-repeat center center; background-size: cover;}
#main_visual .slider03 {background: url("../img/visual03.jpg") no-repeat center center; background-size: cover;}

.visual_box{padding-top:255px; color:#fff; text-align:left; width:1200px; margin:0 auto;}
.visual_box span{font-size:23px; opacity:0.7; letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:15px;}
.visual_box h2{position:relative; font-size:65px; font-weight:500; margin-bottom:40px;}
.visual_box h2 b {font-weight:900;}
.visual_box h2:after {content:''; position:absolute; left:0; bottom:-40px; display:block; width:60px; height:3px; background:#fff;}
.visual_box p{padding-top:40px;font-size:30px; font-weight:400; opacity:0.9;} */


/* ms01 : 학과소개 */
/* .ms01 {position:relative; padding: 120px 0; background:url('/html/img/ms01_bg.jpg') no-repeat; background-size:cover; overflow:hidden;}
.ms01 .title_wrap {width:30%;  float:left;}
.ms01 .title_wrap h2 {font-size:50px; font-weight:900; margin:30px 0;}
.ms01 .title_wrap p {font-size:21px; margin-bottom:60px;}
.ms01 .banner_wrap {width:812px; float:right; }
.ms01 .banner_wrap li {width:380px; height:210px; margin:0 0 26px  26px; float:left; background:#fff;
-webkit-box-shadow: 3px 3px 30px 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 30px 3px rgba(0,0,0,0.2);}
.ms01 .banner_wrap li:nth-child(3),
.ms01 .banner_wrap li:nth-child(4) {margin-bottom:0;}
.ms01 .banner_wrap li .bn_box {width:100%; height:100%; padding:40px; }
.ms01 .banner_wrap li:nth-child(1) .bn_box {background:url('/html/img/ms01_icon01.png') 90% 80% no-repeat;}
.ms01 .banner_wrap li:nth-child(2) .bn_box {background:url('/html/img/ms01_icon02.png') 90% 80% no-repeat;}
.ms01 .banner_wrap li:nth-child(3) .bn_box {background:url('/html/img/ms01_icon03.png') 90% 80% no-repeat;}
.ms01 .banner_wrap li:nth-child(4) .bn_box {background:url('/html/img/ms01_icon04.png') 90% 80% no-repeat;}
.ms01 .banner_wrap .bn_tit {font-size:30px; color:#24AEF6; margin-bottom:20px; font-weight:600;}
.ms01 .banner_wrap .bn_txt {font-size:18px;}
.ms01 .more_btn {display:block; width:155px; height:50px; padding-left:17px; border:1px solid #222; line-height:48px; font-size:18px; background: url('/html/img/btn_apply.png') 85% center no-repeat;} */

/* ms02 : 전문인력양성 */
/* .ms02 {position:relative; padding: 100px 0; background:url('/html/img/ms02_bg.jpg') no-repeat; background-size:cover; overflow:hidden;}
.ms02 .title_wrap {color:#fff; text-align:center; margin-bottom:45px;}
.ms02 .title_wrap h2 {font-size: 35px; margin-bottom:23px;}
.ms02 .title_wrap p {font-size:22px;}
.ms02 {}
.post_slider {}
.post_slider .post_wrapper {width: 100%; margin: 40px auto 0;}
.post_slider .post_wrapper .post {position:relative; overflow:hidden;}
.slick-dots li.slick-active button:before {color:#fff !important;}
.post_box {position:absolute; right:15px; bottom:40px; min-width:210px; min-height:102px; padding:20px; background:#fff;}
.post_box p {font-size:13px; display: block;}
.post_box h2 {font-size:22px; display: block; color:#001360; padding-top:10px;}
.post_box h2:before {content:''; width:15px; height:1px; display:block; background:#001360; margin-bottom:10px;} */

/* ms03 : 공지사항,게시판 */
/* .ms03  {position:relative; padding: 100px 0; overflow:hidden; }
.ms03 h2 {line-height:75px; font-size:28px;}
.ms03 .lt_more {position:absolute; right:30px; top:25px;}
.notice_wrap {position:relative; width:48%;  margin-right:1%; float:left;}
.notice_wrap h2 {padding-left:35px; border:1px solid #dcdcdc; border-top:2px solid #001360;}
.notice_wrap .notice {padding:40px 35px; border:1px solid #dcdcdc; border-top:0; height:238px;}
.notice_wrap .notice li {position:relative; overflow:hidden; margin-bottom:20px; font-size:17px; padding-left:10px;}
.notice_wrap .notice li:last-child {margin-bottom:0;}
.notice_wrap .notice li:before {content:''; display:block; width:4px; height:4px; background:#222; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.notice_wrap .notice li a {display:block; width:80%; float:left;}
.notice_wrap .notice li span {display:block; width:20%; float:right; color:#777777; font-size:16px;}
.qna_wrap {position:relative; width:25%; margin-right:1%;float:left;  background:#001360; color:#fff;}
.qna_wrap h2 {padding-left:25px;}
.qna {padding:0 23px;  height:240px;}
.qna li {border-top:1px solid rgba(255,255,255,0.3); padding:18px 0;}
.qna li a {color:#fff; display:block; font-size:16px;}
.qna li span {font-size:14px; font-weight:300;}


.faq_wrap {position:relative; width:25%;float:right; }
.faq_wrap h2 {padding-left:25px; border:1px solid #dcdcdc; border-top:2px solid #001360;}
.faq {padding:0 23px;  border:1px solid #dcdcdc; border-top:0; height:240px;}
.faq li {border-top:1px solid #dcdcdc; padding:18px 0;}
.faq li:first-child {border-top:0;}
.faq li a {display:block; font-size:16px;}
.faq li span {font-size:14px; font-weight:300; color:#555;} */

/* ms04 : 갤러리 */
/* .ms04 {position:relative; background:#EBEEF7;  padding: 100px 0; overflow:hidden; }
.ms04 .title_wrap {position:relative;}
.ms04 h2 {font-size:35px; font-weight:900;}
.ms04 .lt_more {position:absolute; right:5px; bottom:2px;}
.ms04 .gll_txt {background:#fff; border:1px solid #dcdcdc; width:284px; overflow:hidden; margin:0 8px;  float:left;}
.ms04 .gll_txt .box {position:relative; padding:30px 22px; height:170px;}
.ms04 .gall_date {font-size:14px; font-weight:300; color:#999; margin-bottom:10px;}
.ms04 .gall_tit {font-size:18px; font-weight:500;}
.ms04 .gall_mr {position:absolute; bottom:30px; left:22px;}
.ms04 .gall_mr img {display:inline-block; margin-left:10px;} */


/* 우수취업자 */
/* .ms05 {position:relative; padding: 100px 0; background:#fafafa; background-size:cover; overflow:hidden;}
.ms05 .title_wrap {position:relative;}
.ms05 h2 {font-size:35px; font-weight:900;}
.ms05 .lt_more {position:absolute; right:5px; bottom:2px;}
.ms05 .title_wrap p {font-size:22px;}
.ms05 .gll_txt {border:1px solid #ccc; padding:20px; background:#fff;}
.ms05 .gll_txt img {width:100%;}
.ms05 .gll_txt .box {margin-top:20px; text-align:center;}
.ms05 .gall_tit {font-size:18px; font-weight:500; color:#24aef6; border-bottom:1px solid #24aef6; padding-bottom:10px; margin-bottom:10px;}
.ms05 .gall_date {font-size:15px; }
.ms05 .slick-slide {margin:0 10px;}
.ms05 .slick-list {margin: 0 -10px; } */



/* ms_youtube 갤러리 */
/* .ms_youtube .inner {padding-bottom:0;}
.ms_youtube h2 {text-align:center; font-weight:600; font-size:40px; padding-bottom:50px;
display:flex; align-items: center;  justify-content: center;  gap: 10px;}
.ms_youtube .h2_txt {text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:0.06em; font-weight:300; padding-bottom:10px;}
.yt_slide {margin:0 -9px;}
.yt_box {margin:0 10px; border:1px solid #ccc;}
.yt_box .text_box {background:#fff; padding:20px;}
.yt_box .gall_tit {font-size:20px; font-weight:500; margin-bottom:15px; min-height:60px; width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden;}
.yt_box .gall_txt {font-size:18px; color:#8E959F;}
.yt_box .gall_date {color:#8E959F;}
.yt_btn {text-align:center; margin-top:40px;}
.yt_btn span {display:inline-block; cursor:pointer; margin:0 10px;}
.yt_btn span:hover {background:#f7f7f7;}
.ms_youtube .slick-prev {width:75px; height:14px; background:url("../img/prev_btn.png") no-repeat; top:-70px; left:10px;}
.ms_youtube .slick-next {width:75px; height:14px; background:url("../img/next_btn.png") no-repeat; top:-70px; right:10px;} */

/* ms_sns */
/* .ms_sns {background:url('/html/img/ms_sns_bg.jpg') no-repeat center/cover; padding:100px 0; }
.ms_sns .title_wrap {position:relative; margin-bottom:40px;}
.ms_sns h2 {font-size:35px; font-weight:900; text-align:center;}
.ms_sns .sns_boxes {margin-top:40px;}
.ms_sns .sns_boxes ul {width:100%; display:flex; justify-content: center;}
.ms_sns .sns_boxes a {display:inline-block; border:1px solid #DFDFDF; background:#fff;  padding:7px 40px; height: 100%; width:100%; border-radius:500px;}
.ms_sns .sns_boxes a img {margin-right:10px; margin-left:-33px;}
.ms_sns .sns_boxes li {margin:0 8px; font-size:18px; font-weight:700;}
.ms_sns .sns_boxes li:last-child {margin-right:0;}
.ms_sns .sns_banner {width:100%; overflow:hidden;}
.ms_sns .sns_banner ul {width:100%; overflow:hidden;}
.ms_sns .sns_banner li {float:left; margin-right:48px;}
.ms_sns .sns_banner li:last-child  {margin-right:0;}

.ms_sns .sns_banner_s {width:100%; overflow:hidden;}
.ms_sns .sns_banner_s ul {width:100%; overflow:hidden;}
.ms_sns .sns_banner_s li {position:relative; float:left; width:24%; height:270px; margin-right:16px;}
.ms_sns .sns_banner_s li:last-child  {margin-right:0;}
.ms_sns .sns_banner_s .bs_img {position:relative; height:100%; z-index:2; opacity: 1;  }
.ms_sns .sns_banner_s li:hover .bs_sec {z-index:3; opacity: 1; }
.ms_sns .sns_banner_s .bs_img img {display:block; height:100%; width:100%;}

.ms_sns .bs_sec {position:absolute;top:0;left:0;width:100%; height:100%; z-index:0; padding: 30px; border:1px solid #ccc; background: url('/html/img/ist_bg.jpg') no-repeat;
background-size:cover;transition: 0.5s; overflow: hidden; opacity: 0; transition:opacity .3s ease-in-out;}
.ms_sns  .bs_tit {font-size: 24px; color: #0283ad; margin-bottom: 30px; }
.ms_sns  .bs_con {font-size: 16px; margin-bottom: 16px; color:#222; width:100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden;}
.ms_sns  .bs_date {font-size:16px; color:#919191;}


.flow-text {margin-top:60px;	  display: flex; white-space: nowrap; overflow: hidden; font-size: 50px; color: #222;  opacity:0.1; }
.flow-wrap { animation: textLoop 20s linear infinite;    padding-right: 1.4881vw;  }
  
  @keyframes textLoop {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  } */




/*footer*/
#footer_wrap {padding:40px 0; background:#333333;}
#footer_wrap .f_logo,
#footer_wrap .addr_wrap{float:left;}
#footer_wrap .addr_wrap{width:530px; margin-left:40px; color:#fff;}
#footer_wrap .addr_wrap ul{margin-bottom:20px;}
#footer_wrap .addr_wrap li {float:left; margin-right:5px;}
#footer_wrap .addr_wrap li a{font-size:13px; padding:6px 15px; border:1px solid #848a92; display:block; color:#fff;}
#footer_wrap .addr_wrap address{font-style:normal; font-size:15px; font-weight:300; line-height:24px;}
#footer_wrap .addr_wrap address span{display:block;}
#footer_wrap .addr_wrap address span.copy{margin-top:12px; opacity:1;}
#footer_wrap .sns_link{float:right;}
#footer_wrap .sns_link li{float:left; margin-right:10px;}
#footer_wrap .sns_link li:last-child{margin-right:0;}


/*========서브========*/
/* 서브헤더 */
.sub_header {color:222; background:#fff;}
.sub_header .logo a {display:none;}
.sub_header .logo .sub_logo {display:block;}
.sub_header .main1>li a { color:#222;}
.sub_header .main1>li a:hover {color:#24aef6;}
.sub_header #tnb li a {color:#222;}


/*서브 상단이미지*/
/* #sub_top {width: 100%; margin-top:120px; height: 430px; background: url("/html/img/sub_visual.jpg") no-repeat center; background-size: cover;}
#sub_top .sc_inner {width:1200px; margin:0 auto; text-align:center; padding:0;}
#sub_top .sc_inner h2 {color:#fff; font-size:45px; padding:160px 0 10px 0;}
#sub_top .sc_inner p {font-size:22px; color:#fff; font-weight:200;} */

/*서브 컨테이너*/
/* #container.sub_container {width:1200px; margin:0 auto;}
#container.sub_container::after{content:""; display:block; clear:both;} */


/*서브네비*/
/* #left_side {float: left; width: 270px; height: 100%; margin-right: 80px; position:relative;}
#left_side .snb_title {width: 100%; height: 170px; padding-top: 50px; font-size: 30px; color: #fff; text-align: center; background: url("../img/snb_title_bg.jpg") no-repeat left top; font-weight:600;}
#left_side .snb_mtit {position: absolute; top: 100px; letter-spacing: 0.03em; text-transform: uppercase; color:#fff; opacity: 0.5; left: 50px;}

.snb_1dul {border-bottom: 1px solid #ebebeb;}
.snb_1dli {}
.snb_1da {position: relative; display: block; padding: 18px 20px 16px; font-size: 1.09em; background: #fff; border: 1px solid #ebebeb; border-bottom: 0;}
.snb_2dul {display: none; padding: 17px 20px; background: #f7f7f7; border: 1px solid #ebebeb; border-bottom: 0;}
.snb_2dli {line-height: 32px;}
.snb_2da {position: relative; display: block; padding-left: 10px;}
.snb_2da:after {content: ""; width: 2px; height: 2px; background: #3d3d3d; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);} */

/* 좌측메뉴 활성화 효과 */
/* .snb_1dli.on .snb_1da, .snb_1dli:hover .snb_1da {background: #d8effb;}
.snb_1dli.on .snb_1da {font-weight: 700;}
.snb_1dli.on .snb_2dul {display: block;}
.snb_2dli.on .snb_2da {font-weight: 700;} */


/*개인정보_처리방침*/
/*공통*/
.email_wrap h1 { display:block; padding:10px 0 9px 30px;  background-color:#0174d6; color:#fff; font-size:24px;}
.email_box{padding:30px;}
.email_wrap .info{font-size:16px; margin-bottom:20px;}
.email_wrap .exp_tit{color: #0057a9; font-weight: 600; font-size: 22px; padding-bottom: 20px;}
.email_wrap ul{margin-bottom:20px;}
.email_wrap li{font-size:15px; margin-bottom:5px;}
.email_wrap li.t_bold{font-weight:700; font-size:17px;}


/*교수진소개*/
.ctt_professor .professor_list{display: flex;gap: 40px;flex-wrap: wrap;}
.ctt_professor .professor_list > li{width: calc(50% - 20px); padding:25px 0 25px 0; margin-bottom:30px; border-top:2px solid #fbaa1d; border-bottom:1px solid #e1e1e1;}
/* .ctt_professor .professor_list > li:nth-child(2n){float:right;} */
.ctt_professor .professor_list .pf_img,
.ctt_professor .professor_list .details{float:left;}
.ctt_professor .professor_list .details{width:calc(100% - 310px);}
.ctt_professor .professor_list .pf_img{max-width:270px;width: 100%; margin-right:30px;}
.ctt_professor .professor_list .t_list{min-height: 70px;}
.ctt_professor .professor_list .details .major{font-size: 20px;font-weight:700;color:#304da0;}
.ctt_professor .professor_list .details .name{font-size: 28px;font-weight:700;padding:8px 0 2px 0;}
.ctt_professor .professor_list .details .position{font-size: 18px;}
.ctt_professor .professor_list .details .sb_list {min-height: 150px;font-size: 17px;}
.ctt_professor .professor_list .details .sb_list li{position:relative; padding-left:8px; margin-bottom:2px;}
.ctt_professor .professor_list .details .sb_list li::before{content:""; display:block; position:absolute; width:2px; height:2px; background:#222; top:9px; left:0;}
.ctt_professor .professor_list .details .sb_list li::after{content:""; display:block; clear:both;}
.ctt_professor .professor_list .details .sb_list li span{display:block; float:left;}
.ctt_professor .professor_list .details .sb_list li span.con{/* width:140px; */  margin-left:5px; word-break: break-all;}
.ctt_professor .btn_more {width: 110px; height: 30px; line-height: 26px; border: 1px solid #9b9b9b; border-radius: 3px; margin-top:20px; background:url("../img/icon_more.png") no-repeat 90px center;}
.ctt_professor .btn_more a {display:block;padding: 0 19px; }




/*학과소개 - 교육시설*/
.facility_wrap {max-width: 1020px;width: 100%;margin: 0 auto;}
.facility {}
.fa_slider {width:850px;}
.fa_slider li img {width:100%; height:auto;}
.facility #bx-pager {display: flex;gap: 20px;flex-wrap: wrap;margin-top:20px;}
.facility #bx-pager a {width: calc(25% - 15px);}
/* .facility #bx-pager a:nth-child(4n) {margin-right:0;} */
.facility #bx-pager img {width: 100%;}
.facility .bx-wrapper .bx-prev {background:url("/html/img/controls_prev.png") no-repeat; height:49px;}
.facility .bx-wrapper .bx-next {background:url("/html/img/controls_next.png") no-repeat; height:49px;}
.facility .title {position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,0.8); color:#222; text-align:center; padding:10px 0; font-size:20px;}