@charset "utf-8";
/*root*/
  :root{
    --bg:#0a0f24;          
    --bg-2:#f7f7f7;
    --bg-3:#F6F9FF;        
    --lightblue:#7EBEFF; 
    --skyblue:#E6F2FF; 
    --blue:#398AF5;
    --mint:#00B8A5;
    --gray:#8B8B8B;
    --darkgray:#58667B;
    --darkblue:#35465D;
    --red:#ff4040;
    --gradient:linear-gradient(91deg, #DBF9F3 0%, #C3ECF1 100%);
    --title:#1a1a1a;
    --text:#666;
    --muted:#959595;
    --line:1px solid #ddd;
    --boxshadow: 0 8px 10px rgba(231,235,249,1);
    --boxshadow_dark: 0 8px 10px rgb(0, 0, 0, 0.3);
    --radius: 15px;
    --radius-lg: 25px;
    --container: 1480px;
  }
/*base*/
.container{max-width:var(--container);margin:0 auto;position: relative;}
input[type="checkbox"]{width:15px;height:15px;}
input[type="radio"]{width:15px;height:15px;}
input[type="text"]{min-width: 180px;height: 42px;line-height: 42px;border: var(--line);font-size: 1.5rem;text-indent: 12px;font-family:inherit;border-radius: 8px;}
input[type="text"]:read-only {background:#e7e7e7;}
input[type="file"]{height:42x;line-height:42px;border: var(--line);background:#fff; font-size:1.5rem;text-indent:5px; margin-right: 5px; border-radius: 8px;}
input[type="password"]{height:42px;line-height:42px;border: var(--line); text-indent:12px; font-family:inherit;border-radius: 8px;}
input[type="date"] {width:200px;height: 42px;line-height: 42px;border: var(--line);font-family:inherit;font-size: 1.5rem;padding: 5px;box-sizing: border-box;text-indent:5px;background: #fff url('../../images/cal_icon.png')no-repeat top 10px right 10px;border-radius: 8px;margin: 0 5px;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {opacity:0; cursor:pointer;}
textarea{font-family:'NanumSquareNeo', sans-serif; font-size:1.6rem;width:100%;max-width:100%;min-height: 166px;border: var(--line);padding:10px;box-sizing:border-box;border-radius: 8px;}
select{width:180px;height: 42px;border: var(--line);font-size:1.4rem;padding:3px;border-radius: 8px;color: #666;}
select {
  background: url('../../images/select_arrow.png') no-repeat top 16px right 11px #fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  text-indent: 7px;
}
select::-ms-expand { display: none; }
caption {font-size: 0;position: absolute;left: -99999px;}
label {margin:0 10px 0 3px;}
.sticky {position: -webkit-sticky; position: sticky; top: 0;}
.sticky--desktop {display: none;}
.sticky:before, .sticky:after {content: ''; display: table;}
.clearfix { zoom: 1;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
img {max-width:100%;}
.weight-light {font-weight: 300;}
.weight-bold {font-weight: 600;}
.req {color:var(--red);}

/*margin*/
.mg-b10 {margin-bottom:10px;}
.mg-b20 {margin-bottom:20px;}
.mg-b30 {margin-bottom:30px;}
.mg-b60 {margin-bottom:60px;}
.mg-b90 {margin-bottom:90px;}
.container .mg-b60:last-child, 
.container .mg-b90:last-child {margin-bottom:0;} 

/*width size*/
.wd-20 {width: 20%;}
.wd-30 {width:30%;}
.wd-40 {width:40%;}
.wd-50 {width:50%;}
.wd-60 {width:60%;}
.wd-70 {width:70%;}
.wd-80 {width: 80%;}
.wd-100 {width:100%;}

/*첨부파일*/
.filebox .upload-name {
  display: inline-block;
  height: 35px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
  width: 250px;
  color: #999999;
  border-radius: 7px;
}
.filebox label {
  display: inline-block;
  padding: 0px 18px 0 37px;
  color: #fff;
  vertical-align: middle;
  background: url(../images/search_icon.png) no-repeat center left 15px #797E95;
  cursor: pointer;
  line-height: 35px;
  margin: 0 6px;
  border-radius: 10px;
}
.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.filebox button {margin-right: 3px;}

/* header*/
.sec-header {position: fixed;z-index:99;top:0;left:0;width:100%; background:#fff;}
.sec-header.active {background:#fff; box-shadow:0 0 8px 0 rgba(0,0,0,0.2);}
#header {
    width: 100%;
    max-width: 1820px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
#header .logo {display:block;float:left;margin-right: 2%; width:15%;}
#header .logo > img {vertical-align:bottom;}
.sec-header .change {display:none;}
#header .nav-bar {width:75%;}
#header .utill-menu {width: 12%;display: flex;justify-content: flex-end;}
#header .utill-menu > button {background:none;margin: 0 20px;}
#header .sitemap-btn {display:block; width:23px; height:23px; position:relative;}
#header .sitemap-btn:before, #header .sitemap-btn:after {content:''; display:block; width:100%; height:2px; background:#4A4A4A; position:absolute;}
#header .sitemap-btn:after {bottom:0;}
#header .sitemap-btn span {font-size:0; display:block; width:50%;  height:2px; background:#4A4A4A; position:absolute; top:46%; right:0;}
.push-btn {position:relative;padding-left: 13px;}
.push-btn > span {
  background: var(--blue);
  border-radius: 50%;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  display: block;
  width: 19px;
  line-height: 19px;
  position:absolute;
  bottom: 6px;
  left:0;
  z-index:2;
}
#header .allmenu-btn {display:none;}
.mobile-header {display:none;}
.msg-box {
  display: none;
  width: 90%;
  max-width: 355px;
  height: 204px;
  background: var(--bg-2);
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  top: 70px;
  box-shadow: 0px 10px 9px 0 rgba(0, 0, 0, 0.1);
}
.msg-box.on {display:block;}
.msg-box:before {
  content:'';
  display:block;
  width:0;
  height:0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom:10px solid #f1f3f8;
  margin-top: -30px;
  float: right;
  clear: both;
}
.msg-box#member {max-width:250px; height:auto;}
.msg-box#member:before {margin-right:0;} 
.msg-box .member {display:flex; align-items: center; justify-content: center; margin-bottom:15px;}
.msg-box .member .user-profile {border-radius:50%;background: #b6bdcd;display: block;width: 26px;height: 26px;text-align: center;margin-right: 7px;}
.msg-box#member:before {margin-right: 26px;} 
.msg-box#member .title {margin-bottom:0;}
.msg-box .member > strong {color:var(--title); font-weight:500; margin-right:6px;}
.msg-box #logout-btn {margin:0 auto 10px;}
.msg-box .title {display:block;margin-bottom:15px;position:relative; overflow:hidden;}
.msg-box .title > h3 {color:var(--title); float:left;}
.msg-box .title > button { float: right;}
.msg-box .list {height: 156px;overflow-y: auto;}
.msg-box .list > li {padding-bottom:8px; margin-bottom:8px; border-bottom:var(--line);}
.msg-box .list > li:last-child {padding-bottom:0; margin-bottom:0; border:0;}
#header .nav-bar .depth1:after {clear: both;}
#header .nav-bar .depth1  {display: flex;justify-content:center;}
#header .nav-bar .depth1 > li { position: relative; display:inline-block;}
#header .nav-bar .depth1 > li.on > a:before { opacity: 1; }
#header .nav-bar .depth1 > li.on .depth2:before {opacity: 1;}
#header .nav-bar .depth1 > li > a {
    font-size: 2rem;
    line-height: 90px;
    letter-spacing:0;
    color:var(--title);
    margin: 0 40px;
    position: relative;
    font-weight: 500;
    display: block;
}
#header .nav-bar .depth1 > li > a:hover {color:var(--mint);}
.nav-bar li ul li {padding:0 10px;}
.nav-bar li ul li a {
  padding: 10px;
  display: block;
  position: relative;
  line-height: normal;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}
.nav-bar li ul li a:hover {background: var(--mint);border-radius: 10px;border-bottom: 0;}
.nav-bar ul li ul {
  position: absolute;
  display: none;
  top: 78px;
  z-index: 1;
  width: 100%;
  min-width: 213px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  padding: 10px 0;
  background: #274C7E;
  border-radius: var(--radius);
  box-shadow: var(--boxshadow_dark);
}
.nav-bar ul li ul.on { height:auto; padding: 10px 0;}
.nav-bar ul li ul.last { border-right:var(--line);}

/*login*/
.login-box {width:90%;max-width: 484px;margin:0 auto; border-radius: var(--radius-lg);box-shadow: 0px 5px 8px 3px rgba(216, 222, 233, 0.9);background: #ffffff;box-sizing: border-box;padding:40px;text-align: center;}
.login-box .img-sec {margin: 10px auto 20px;text-align: center;}
.login-box h2 {font-size: 1.7rem;font-weight:400;margin-bottom: 25px;color: var(--darkblue);} 
.login-box h2 > span {font-size:2.2rem;}
.login-form > input {width:100%;height: 50px;border:0;border-radius:8px;box-sizing: border-box;margin-bottom:15px;border: var(--line);}
.login-form > input::placeholder {font-size:1.4rem; color:#929292;}
.input-id {background:url('../../images/id_icon.png')no-repeat center left 18px #fff; padding-left:36px;}
.input-pw {background:url('../../images/pw_icon.png')no-repeat center left 15px #fff; padding-left:43px;}
.login-box .btn-area {flex-wrap: wrap; margin-top:0;}
.login-box .btn-area ul {display:block; width:100%; text-align:center; margin:10px 0 20px 0;}
.login-box .btn-area ul > li {display:inline-block;}
.login-box .btn-area ul > li > a {margin:0 5px;}
.login-box .btn-area ul > li > a:hover {color:var(--mint);}
.login-box .btn-area .login-btn {display:block;width:100%;line-height: 50px;border-radius: 10px;background: var(--mint);color:#fff;font-size:1.7rem;font-weight:500;}

/******************************************** MAIN ********************************************/
#main {padding-bottom:100px;}
#main > section {padding:100px 0 0 0;}
#main .section-1 {padding: 89px 0 90px 0; position:relative; overflow:hidden;}
#main .section-1 .container {display:flex;}
#main-visual .visual-txt {text-align:center;margin-top: 125px;}
#main-visual .visual-txt h1 {font-size:4.5rem; font-weight:600; color:#fff;margin-bottom: 14px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
#main-visual .visual-txt h1 .weight-light {font-weight:400;}
#main-visual .visual-txt p {font-size: 2rem;color:#fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}
#main-visual .swiper-slide {padding-bottom: 19%; background-size:cover; background-position: center; background-repeat: no-repeat; transition:1.5s ease;}
@media all and (min-width:1400px) {
#main-visual .swiper-slide-active {animation: bg-ani01 6s;}
@keyframes bg-ani01 {
    0%{background-size:120%;}
    100% {background-size:100%;}
  }
}
.section-1 .img {position: absolute; bottom: 0; right: 0; z-index: 2; width: 28%;}
.statistics {display: flex;  justify-content: center; text-align: center; position: absolute; width: 100%; bottom: 178px; z-index: 2;}
.statistics li { float: left;display: block; width: 159px; color:#fff; position: relative; padding: 0 2%;}
.statistics li:nth-child(2n) {border-left: 1px solid rgba(255,255,255,0.4);}
.statistics li > p {font-size: 1.6rem; margin-bottom:15px;}
.statistics li .num > strong {font-size:3.5rem; font-weight:700; color:var(--mint);  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.main-title {display:block;margin-bottom: 40px;width: 25%;}
.main-title span {font-size:1.6rem; color:var(--mint); letter-spacing: 0.5px;}
.main-title h2 {font-size:3.5rem;font-weight: 600;color:var(--title);}
.section-2 .main-title {width:100%;}
.main-program {position:relative;}
.main-program .slide-button {top: -76px;left:auto;right:0;transform: translate(0);}
.main-program .swiper-button-next, .main-program .swiper-button-prev {border:1px solid #BEBEBE;width:32px;height:32px;border-radius:50%;margin: 0 14px 0 0;}
.main-program .swiper-button-next:after, .main-program .swiper-button-prev:after {border-color:#787878; width:8px; height:8px;}
.main-program .img-sec {border-radius: var(--radius-lg);overflow: hidden;width:100%;padding-bottom: 76%;position: relative;margin-bottom: 30px;}
.main-program .img-sec > img {position: absolute;top: 0;left: 0;transition:1s ease;height: 100%;width: 100%;}
.main-program .cont {display: flex;flex-direction: column;}
.main-program .cont p {
  max-height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-program .swiper-slide > a {
  background:#fff;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  transition:.3s ease;
  position:relative;
}
.main-program .swiper-slide > a .category {font-size:1.4rem; border-radius: var(--radius);background:var(--mint);color:#fff;padding:2px 10px;position:absolute;top: 17px;right: 20px;z-index: 2; transition:.6s ease;}
.main-program .swiper-slide > a:hover .board-subject {color:var(--mint);}
.main-program .swiper-slide > a:hover .img-sec > img {transform: scale(1.2);}
#main > section.section-3 {padding-top: 30px;}
#quick-menu .slide-button {display:none;}
.section-3 .banner li > a {display: block;height: 36.3rem;padding: 35px 30px;box-sizing: border-box;border-radius: var(--radius-lg);background:#227BF1;color: #fff;position: relative;text-align: center; transition:.3s ease;}
.section-3 .banner li > a:hover {background:#fff; box-shadow:inset 0 0 0 4px #227BF1;}
.section-3 .banner li > a:hover strong {color:#227BF1;}
.section-3 .banner li > a:hover p {color:var(--text);}
.section-3 .banner li > a .more-icon {opacity:0; background:none; border:1px solid #fff; margin-top:100px; width:40px; height:40px;}
.section-3 .banner li > a:hover .more-icon {opacity:1; margin-top:70px;}
.section-3 .banner li:nth-child(2) > a {background:#58A0FF;}
.section-3 .banner li:nth-child(2) > a:hover {background:#fff; box-shadow:inset 0 0 0 4px #58A0FF;}
.section-3 .banner li:nth-child(2) > a:hover strong {color:#58A0FF;}
.section-3 .banner li:nth-child(3) > a {background:var(--mint);}
.section-3 .banner li:nth-child(3) > a:hover {background:#fff; box-shadow:inset 0 0 0 4px var(--mint);}
.section-3 .banner li:nth-child(3) > a:hover strong {color:var(--mint);}
.section-3 .banner li:nth-child(4) > a {background:#787CF2;}
.section-3 .banner li:nth-child(4) > a:hover {background:#fff; box-shadow:inset 0 0 0 4px #787CF2;}
.section-3 .banner li:nth-child(4) > a:hover strong {color:#787CF2;}
.section-3 .banner li:nth-child(5) > a {background:#FF8444;}
.section-3 .banner li:nth-child(5) > a:hover {background:#fff; box-shadow:inset 0 0 0 4px #FF8444;}
.section-3 .banner li:nth-child(5) > a:hover strong {color:#FF8444;}
.section-3 .banner li > a > strong {display:block;font-size:2.6rem;margin-bottom:17px;line-height: 1.3;}
.section-3 .banner li > a > p {font-size: 1.5rem;opacity:0.8;}
.section-3 .banner li > a > .img {position:absolute;bottom: 24px;right: 50%; transform: translateX(50%);}
.section-5 .container {display:flex;}
.board-subject {
  display:block;
  font-size:2rem;
  color:var(--title);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
  width:100%;
  margin-bottom: 10px;
}

.borad-info {margin-top:40px; overflow:hidden; display:block; font-size:1.4rem;}
.borad-info .writer {float:left;color:var(--title);padding-right: 21px;position: relative;}
.borad-info .writer:after {content:'';display:block;width:1px;height: 13px;background:#ccc;position:absolute;top: 4px;right: 9px;}
.borad-info .date {float:left; color:var(--muted);}
.borad-info .hit {float:right;padding-left: 25px;background: url('../../images/hit_icon.jpg')no-repeat top 3px left;}
.slide-button {display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%, -50%);}
#main .section-4 {padding:0; background:var(--gradient);}
#main .section-4 .container {padding: 80px 0;}
#service {padding: 20px 0;}
#service .slide-button {display:none;}
#service .swiper-slide > a {
  box-sizing: border-box;
  background:#fff;
  border-radius: var(--radius-lg);
  box-shadow:0 8px 10px rgba(169, 211, 214, 0.6);
  height: 280px;
  padding: 40px 25px;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  transition:.4s ease;
} 
#service .swiper-slide > a:hover {background:var(--darkblue); transform:translateY(-20px);}
#service .swiper-slide > a:hover h3 {color:#fff;}
#service .swiper-slide > a:hover p {color:#fff; opacity:0.9;}
#service .img-sec {margin-bottom: 18px;}
#service .img-sec .basic {display:block;}
#service .img-sec .active {display:none;}
#service .swiper-slide > a:hover .basic {display:none;}
#service .swiper-slide > a:hover .active {display:block;}
#service h3 {font-size:2.5rem;color:var(--title);margin-bottom: 10px;}
#service p {color: var(--muted);}
.news-board {width: 75%;}
.news-board .first {width: 35%;margin-right: 3%;}
.borad-list {width: 100%;border-top:1px solid #000;}
.borad-list > li > a {display:flex;border-bottom:var(--line);padding: 29px;transition: .3s ease;align-items: center;}
.borad-list > li > a > .date {display:block;width: 53px;height:55px;margin-right:3%;color:#BFBFBF;text-align: center;}
.borad-list > li > a > .date > span {font-size:1.2rem;letter-spacing: 0.5px;margin-bottom: 3px;display: block;}
.borad-list > li > a > .date > strong {font-size: 3.4rem;font-weight: 700;}
.borad-list > li > a > .board-cont {width: calc(100% - 131px);}
.borad-list > li > a > .board-cont h3 {font-size:2.2rem;color:var(--title);margin-bottom: 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width: 89%;}
.borad-list > li > a > .board-cont p {font-size:1.8rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width: 89%;}
.borad-list > li > a .more-icon {border:1px solid #C1C1C1;background:#fff;position:relative;width: 40px;height: 40px;}
.borad-list > li > a .more-icon:before, .borad-list > li > a .more-icon:after {background:#c1c1c1;}
.borad-list > li > a:hover {background:var(--bg-3);}
.borad-list > li > a:hover .more-icon {background:url('../../images/more-arrow-w.png')no-repeat center #58667B; border:1px solid #58667B;}



/******************************************** SUB ********************************************/
#sub > .container {padding: 50px 0 90px 0;}
.sub-title {display:block;margin-bottom: 20px;position:relative;padding-left: 14px;}
.sub-title:before {content:'';display:block;width:5px;height:10px;background:var(--mint);position: absolute;top: 6px;left:0;}
.sub-title:after {content:'';display:block;width:5px;height:10px;background:#b6b6b6;position: absolute;top: 16px;left:0;}
.sub-title h2 {font-size: 2.2rem;color: var(--title);}

/*login*/
#sub.login {background: #ebeff7;}
#sub.login > .container {padding:160px 0 90px 0;}

/*sub-visual*/
#sub-visual {background-repeat: no-repeat;background-position: top center;background-size: cover;position:relative;padding-top: 90px;padding-bottom: 20.3%;}
#sub-visual:before {content:'';display:block;width:100%;height: 53px;position:absolute;bottom: -7px;background:#fff;border-radius: 160px 160px 0 0;}
#sub-visual.bg01 {background-image: url('../../images/sub_visual1.jpg');}
#sub-visual.bg02 {background-image: url('../../images/sub_visual2.jpg');}
#sub-visual.bg03 {background-image: url('../../images/sub_visual3.png');}
#sub-visual.bg04 {background-image: url('../../images/sub_visual4.png');}
#sub-visual.bg05 {background-image: url('../../images/sub_visual5.jpg');}
#sub-visual.bg06 {background-image: url('../../images/sub_visual6.jpg');}
#sub-visual .visual-txt {color:#fff;max-width: var(--container);margin: 0 auto;transform: translateY(168px);width: 100%;position: relative;overflow: hidden;display: flex;align-items: center;}
#sub-visual .visual-txt h1 {font-size: 4rem;font-weight: 600;margin-right: auto; text-shadow:0 0 7px rgba(0, 0, 0, 0.2);}
#sub-visual .visual-txt p {font-size:2.4rem; opacity:0.9;}
.path{position:relative;margin-left: auto;}
.path ul{margin:0 auto;overflow:hidden;display:flex;align-items: center;}
.path ul li img {padding-top: 0;}
.path ul li:first-child {background:none;}
.path ul li a {color: #fff;padding: 0 27px  0 0;position:relative;}
.path ul li a:before {content:'';display:block;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top: 5px;right: 11px;transform: rotate(45deg);}
.path ul li:last-child {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.path ul li:last-child a {padding-right:0;}
.path ul li:last-child a:before {display:none;}

/*gall-board*/
.gall-board {display:flex; flex-wrap:wrap; width:100%;}
.gall-board > li {width: calc(25% - 22.499px);margin-right:30px; margin-bottom:30px;}
.gall-board > li:nth-child(4n) {margin-right:0;}
.gall-board > li > a {
  background: #fff;
  border: var(--line);
  border-radius: var(--radius-lg);
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  transition: .3s ease;
  position: relative;
}

.gall-board > li > a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 0 var(--blue);
  border-radius: var(--radius-lg);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: .4s ease;
  pointer-events: none;
  z-index: 2;
}

.gall-board > li > a > .img-sec {
  border-radius: var(--radius-lg);
  overflow: hidden;
  width: 100%;
  height: 219px;
  position: relative;
}

.gall-board > li > a > .img-sec > img {
  position: absolute;
  top: 0;
  left: 0;
  transition: 1s ease;
  width:100%;
  height:100%;
}
.gall-board > li > a:hover .board-subject {color:var(--darkblue);}
.gall-board > li > a:hover:before {opacity:1;  box-shadow: inset 0 0 0 3px  var(--mint);}
.gall-board > li > a:hover {border:1px solid #fff;}
.gall-board > li > a:hover .img-sec > img {transform: scale(1.2);}
.gall-board > li > a > .cont { padding: 25px;}
.gall-board-cont dl {position:relative; padding-left:8px; margin-bottom:5px;}
.gall-board-cont dl:before {content:''; display:block; width:3px; height:3px; background:#7c7c7c; position:absolute; top:10px; left:0;}
.gall-board-cont dl dt {display:inline-block;padding-right: 14px;position:relative;}
.gall-board-cont dl dt:before {content:':';display:block;position:absolute;top: 0;right: 3px;}
.gall-board-cont dl dd {display:inline-block;}

/*board-list basic*/
.board-list table {width:100%; border-top:1px solid #000;}
.board-list table#notice tr:hover {background:#eaf5ff;}
.board-list table tr a {display: block;white-space: revert;width: 100%;height: 26px;text-overflow: ellipsis;overflow: hidden;}
.board-list table tr a:hover {color:var(--darkblue); font-weight:500;}
.board-list table th {padding:10px; background:#f7f7f7; border-bottom:1px solid #d7d7d7; font-weight:500; color:#1a1a1a;}
.board-list table td {padding:10px; border-bottom:1px solid #d7d7d7; text-align:center;}
.board-list table.border th, .board-list table.border td {border-right:1px solid#d7d7d7;}
.board-list table.border th:last-child, .board-list table.border td:last-child {border-right:0;}
.board-list table td.align-left {text-align:left;}
.board-list table td.align-right {text-align:right;}

/*search-bar*/
#sub .search-bar {
    display: flex;
    width: 100%;
    max-width: 580px;
    height: 60px;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 8px;
    position: relative;
    box-shadow: inset 0 0 0 2px var(--mint);
    margin: 0 auto 40px;
}
#sub .search-bar > input[type="text"] {border:0;width: 75%;height: 100%;font-size: 1.6rem;margin-right: 44px;}
#sub .search-bar > select {width:25%; border:0; font-family: inherit; font-size:1.6rem;}
#sub .search-bar > .search-btn {width:44px;height:44px;border-radius: 13px;background: #fff;font-size: 0;position: absolute;transition: .4s ease;right: 8px;}
#sub .search-bar > .search-btn:before {content:''; display:block; width:24px; height:24px; background:url('../../images/search_icon.png')no-repeat; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

/*map-list*/
.map-tabmenu {display:flex; flex-wrap: wrap; margin:0 auto 30px;}
.map-tabmenu li {width: 9%;margin-right: 15px;margin-bottom: 15px;}
.map-tabmenu li a {display: flex;width:100%;height: 4.2rem;background:var(--bg-2);border-radius: 50px;border:var(--line);align-items: center;justify-content: center; position: relative;}
.map-tabmenu li a.on, .map-tabmenu li a:hover {background:var(--mint); border:1px solid var(--mint); color:#fff;}
.map-tabmenu li a.all p {margin-left:14px;}
.map-tabmenu li a.all span {position:absolute;top: 6px;left: 6px;border-radius: 50%;background:#fff;color:var(--mint);width: 3rem;line-height: 3rem;text-align: center;font-size: 1.3rem;font-weight: 500;}
.map-tabmenu li:nth-child(10n) {margin-right:0;}
img[usemap] {border: currentColor; border-image: none; width: auto; height: auto; max-width: 100%;}
.map_img_box {width: 100%; max-width:1480px; margin:0 auto; position: relative;}

/*img-tabmenu*/
.img-tabmenu .swiper-container {padding-bottom:60px;}
.img-tabmenu li > a {
  position: relative;
  display: flex;
  width: 15.8rem;
  height: 15.8rem;
  border-radius: 50%;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition:.5s ease;
}
.img-tabmenu li > a.all {box-shadow:inset 0 0 0 2px var(--mint);}
.img-tabmenu li > a.all .cont {color:var(--mint);}
.img-tabmenu li > a.all .cont > i {display:block;}
.img-tabmenu li > a.all .cont > i > .active {display:none;}
.img-tabmenu li > a.all.on .cont > i > .active, .img-tabmenu li > a.all:hover .cont > i > .active {display:block;}
.img-tabmenu li > a.all.on .cont > i > .basic, .img-tabmenu li > a.all:hover .cont > i > .basic {display:none;}
.img-tabmenu li > a.on, .img-tabmenu li > a.all:hover {background:var(--mint); background-image: none !important;}
.img-tabmenu li > a:hover.all .cont, .img-tabmenu li > a.all.on .cont {color:#fff;}
.img-tabmenu li > a:hover { opacity:0.8;}
.img-tabmenu li > a .cont {color:#fff;}
.img-tabmenu li > a .cont > i {display:none; width:89%; margin:0 auto 10px;}
.img-tabmenu li > a .cont > p {font-weight:500;}
.img-tabmenu li > a.on .cont > i {display:block;}

/*theme-board-list*/
.theme-board-list {border-top:var(--line);}
.theme-board-list li {display:block;}
.theme-board-list li a {display:flex; border-bottom:var(--line); padding:35px;}
.theme-board-list h3 {font-size:2.2rem; color:var(--title); display:block; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}
.theme-board-list .list-cont-txt {margin-bottom: 20px;}
.theme-board-list .list-cont-txt p {max-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.theme-board-list .keyword {font-size:1.5rem; color:var(--mint); margin-bottom:8px;}
.theme-board-list > li > a:hover {background:var(--bg-3);}
.theme-board-list> li .img-sec {border-radius: var(--radius-lg);overflow: hidden;width: 25%;height: 22rem;position: relative;}
.theme-board-list > li .img-sec > img {position: absolute;top: 0;left: 0;transition:1s ease;width: -webkit-fill-available;height: 100%;}
.theme-board-list > li > a:hover .img-sec > img { transform: scale(1.2);}
.theme-board-list > li .list-cont {width: 72%;margin-right: 3%;position: relative;}
.board-info .date {background: url('../../images/date_icon.png')no-repeat top 2px left;padding-left: 22px;}

/*board-view*/
.board-view {border-bottom:var(--line);}
.board-view .board-head {border-bottom: var(--line); border-top: 1px solid #000; padding: 20px 0;}
.board-view .board-head h2 {color:var(--title);}
.board-info {display: flex;align-items: center;}
.board-info li {padding-right: 21px;position:relative; }
.board-info li span, .board-info li p {margin-right:6px; display:inline-block;}
.board-info li.file {width:100%; margin-top:8px;}
.board-info li.file:after {display:none;}
.board-info li.file a {display: block; margin-right:0; margin-bottom:6px; font-size:1.4rem; white-space: nowrap; width:90%; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left:20px;}
.board-info li.file a:last-child {margin-bottom:0;}
.board-info li.file a:before {content:''; display:block; width:16px; height:16px; background:url('../../images/file_icon.png')no-repeat; background-size:cover; position:absolute; top:3px; left:0;}
.board-info li:after {content:'';display:block;width:1px;height: 16px;background:#bbbbbb;position:absolute;top: 5px;right: 8px;}
.board-info li:nth-child(3):after {display:none;}
.board-info .ci > img {width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board-view .board-info {padding:15px; border-bottom:var(--line); flex-wrap:wrap;}
.board-info .hit {margin-right: 2%;background: url('../../images/hit_icon.png')no-repeat top 5px left;padding-left:23px;}
.board-view .date {background: url('../../images/date_icon.png')no-repeat top 2px left;padding-left: 21px;}
.board-view-cont {padding: 30px 20px;}
.board-view-cont p {margin-bottom:20px;}
.board-view-cont img {margin-bottom:20px; border-radius:20px;}
.board-view-bottom {display:flex;border-top:var(--line);border-bottom:var(--line);padding:20px;align-items: center;}
.board-view-bottom .prev {margin-right:auto; text-align:left; display:flex;}
.board-view-bottom .next {margin-left:auto;text-align:right;display:flex;align-items: center;}
.board-view-bottom .page-arrow {font-size:0; display: block;width: 30px;position: relative;}
.board-view-bottom .page-arrow:before {content:'';display:block;width: 12px;height: 12px;position: absolute;top: 4px;left: 0;border-top: 2px solid #8b8b8b;border-left: 2px solid #8b8b8b;transform: rotate(315deg);}
.board-view-bottom .page-arrow:after {content:'';display:block;width: 23px;height:2px;background:#8b8b8b;position: absolute;bottom: 42%;transform: translateY(-50%);}
.board-view-bottom .next .page-arrow:before {left:auto; right:7px; transform: rotate(135deg);}
.board-view-bottom .prev .page-arrow {margin-right:20px;}
.board-view-bottom .next .page-arrow {margin-left:20px;}
.board-view-bottom a:hover .page-arrow:before {border-color:var(--blue);}
.board-view-bottom a:hover .page-arrow:after {background:var(--blue);}
.board-view-bottom a:hover > p {color:var(--title);}

/*board-write*/
.board-write {border-top:1px solid #000;}
.board-write dl {display:flex;align-items: center;border-bottom: var(--line);background: var(--bg-2);}
.board-write dl dt {width:15%;padding:10px;text-align: center;font-weight:500;color:var(--title);}
.board-write dl dd {width:85%;padding:10px;display:flex; align-items:center; background: #fff; gap:5px;}
.schedule-form li {display:block; margin-bottom:8px;}
.schedule-form li > input {margin:0 8px;width: 10%;min-width: auto;}

/*tabmenu*/
.tabmenu {width:100%; display:block; border-bottom:1px solid #d7d7d7; margin-bottom:40px; overflow:hidden;}
.tabmenu li a {display:block;min-width: 112px;text-align: center;float:left;line-height:40px;padding:0 30px;margin-bottom: -2px;border-radius:8px 8px 0 0;cursor: pointer;background: #f7f7f7;border: 1px solid #d7d7d7;border-bottom: 0;color: var(--darkgray);font-weight: 500;}
.tabmenu li a.on {background: var(--mint);border: 1px solid var(--mint);color: #fff;}

/*paging*/
.paging{width: 100%;display:block;text-align:center;margin-top: 40px;}
.paging a{display:inline-block;width:32px;height:32px;line-height:32px; font-size:1.3rem; text-align: center;vertical-align: top;background: #fff;border: 1px solid #d7d7d7;border-radius: 6px;margin: 0 2px;overflow: hidden;}
.paging a.on {display:inline-block;width:32px;height:32px;line-height:32px;color: var(--mint);font-weight:bold;position:relative;}
.paging a.on:after {content:'';display:block;width:100%;height:2px;background:var(--mint);position:absolute;bottom: 0px;left:0;}
.paging a.on:hover {color: var(--mint);}
.paging a:hover {background:#f7f7f7; color:#000;}
.paging .page-arr {position:relative; width:32px; height:32px;}
.paging .page-arr img {position:absolute;top: 10px;left: 9px;}
.paging .page-arr.next img {transform: rotate(180deg);top: 9px;left: 12px;}
.paging .page-arr.end img {transform: rotate(180deg);top: 9px;left: 10px;}
.view-paging {display:flex; justify-content: center; align-items: center; margin-top:20px;}
.view-paging span {margin:0 10px;}
.page-btn {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: top;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    margin: 0 2px;
    overflow: hidden;
}
.page-btn.next > img {transform:rotate(180deg);}

/*button style*/
button {border:0; font-family:inherit;}
.btn {font-size: 1.7rem;display:flex;min-width: 83px;line-height: 45px;border-radius:10px;border:none;font-weight:500;text-align:center;padding:0 20px;transition:.2s ease;align-items: center;justify-content: center;} 
.btn > i {display:inline-block;}
.btn > i > img {margin-left: 10px;display: block;}
.btn > svg {margin-left: 10px;}
.btn-xs {display:block;width: 34px;min-width: min-content;line-height: 34px;transition:.4s ease;font-size: 1.4rem;border-radius: 8px;}
.btn-s {min-width: min-content;line-height: 34px; font-size: 1.5rem; }
.outline-btn {background:#fff; border:1px solid #54607B; border-radius:8px; color: #54607B;}
.outline-btn:hover {background:#54607B; color:#fff;}
.outline-btn:hover > svg {fill:#fff;}
.outline-btn.mint {border:1px solid var(--mint); color:var(--mint);}
.outline-btn.mint > svg {fill:var(--mint);height: 20px;}
.outline-btn.mint:hover {background:var(--mint); color:#fff;}
.outline-btn.mint:hover > svg {fill:#fff;}
.outline-btn.red {border:1px solid var(--red); color:var(--red);}
.outline-btn.red > svg {fill:var(--red);height: 20px;}
.outline-btn.red:hover {background:var(--red); color:#fff;}
.outline-btn.red:hover > svg {fill:#fff;}
.gray-btn {background:#54607B;  color:#fff;}
.outline-btn > svg {fill:#54607B; height:20px;}
.gray-btn:hover {background:#003b72;}
.mint-btn {background:var(--mint); color:#fff;}
.mint-btn:hover {background:#00858f;}
.d-blue-btn {background:var(--darkblue); color:#fff;}
.d-blue-btn:hover {background:var(--blue);}
.mint-btn > svg, .gray-btn > svg, .d-blue-btn > svg {fill:#fff;}
.more-icon {position:relative;display:block;border-radius:50%;background: url('../../images/more-arrow-w.png')no-repeat center #58667B;border: 1px solid #58667B;width: 32px;height: 32px;transition:.3s ease;font-size:0;}
.more-icon:hover {background:url('../../images/more-arrow-w.png')no-repeat center var(--blue); border:1px solid var(--blue);}
.more-icon:before {content:'';display:block;width: 17px;height:2px;background:#fff;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.more-icon:after {content:'';display:block;width:2px;height: 17px;background:#fff;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.more-icon:before,
.more-icon:after {background:#fff;}
.btn-area {display:flex; margin-top:30px;}
.btn-area a, .btn-area button {margin-right:10px;}
.btn-area a:last-child, .btn-area button:last-child {margin-right:0;}
.btn-area.center {justify-content: center;}
.btn-area.right {justify-content: end;}
.close-icon {display:block;width: 25px;height: 25px;position: relative;font-size: 0;background: none;}
.close-icon:before {content:'';display:block;width:100%;height:2px;background: #9799a7;transform:rotate(45deg);position: absolute;top: 10px;right: 0;}
.close-icon:after {content:'';display:block;width:100%;height:2px;background: #9799a7;transform: rotate(
320deg);position: absolute;top: 10px;right: 0;}

/*layerPopup*/
.layerPopup {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.layerPopup .popup-title {display:flex; margin-bottom:25px;}
.layerPopup .popup-title h2 {margin-right:auto;color:#1a1a1a;font-size: 2.8rem;}
.layerPopup .popup-box .popup-title .close-btn  {position:relative;margin-left:auto;font-size:0;display:block;width: 30px;height: 30px;background:none;}
.layerPopup .popup-box .popup-title .close-btn:before {content:'';width: 2px;height:100%;position: absolute;top: 3px;right: 9px;transform: rotate(45deg);background: #a1a1a1;}
.layerPopup .popup-box .popup-title .close-btn:after {content:'';width: 2px;height:100%;position: absolute;top: 3px;right: 9px;transform: rotate(315deg);background: #a1a1a1;}
.layerPopup .popup-box {
    width:90%;
    max-width: 800px;
    height: 650px;
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.layerPopup .popup-box.xs {max-width:400px;height: 293px;}
.layerPopup .popup-cont {height: 459px;overflow-y:auto;}
.layerPopup .popup-box.xs .popup-cont {height: 91px;}

/*footer*/
#footer {width:100%; background:var(--darkblue); position: relative;}
#footer .container {padding:30px 0; display:flex;}
#footer h1 {margin-right: 30px;width: 13%;}
#footer .footer-cont {width:83%}
#footer .footer-cont li {display:inline-block; padding-right:20px; position: relative; margin-bottom:6px; color:#96A2B2;}
#footer .footer-cont li.copyright {display:block;}
.partners_banner {background:var(--bg-2); padding:20px 0;}
#footer .partners_banner .container {padding:0;align-items: center;flex-direction: row;}
.partners_banner {width:100%;margin:0 auto;position: relative;padding:20px 0;overflow: hidden;background: #f7f7f7;}
.partners_banner .swiper-container {width:100%; max-width: 1480px;height:100%; margin: 0 auto; position:relative;}
.partners_banner .swiper-wrapper {position:static;}
.partners_banner .swiper-slide a {height: 5.5rem;text-align:center;display: flex;justify-content: center;align-items: center;overflow:hidden;background: #fff;border-radius: 7px;}
.partners_banner .swiper-button-next:after, .partners_banner .swiper-button-prev:after {border-color:var(--gray);}

/*checkbox style*/
.chk-box {margin-right:8px;}
.chk-box input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.chk-box input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #666;
	font-size: 1.6rem;
	margin: 0;
}

.chk-box input[type="checkbox"] + label:before {
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #a1a1a1;
	margin: 0 4px 2px 0;
	border-radius:3px;
}
.chk-box input[type="checkbox"] + label:active:before,
.chk-box input[type="checkbox"]:checked + label:active:before { box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk-box input[type="checkbox"]:checked + label:before {
	content: '';
	color: #ffffff;
	text-shadow: 1px 1px white;
	background: url('../../images/chk_icon.png')no-repeat center var(--blue);
	border: 1px solid var(--blue);
}
.chk-box input[type="checkbox"]:checked + label {color:var(--blue);}
.chk-box input[type="checkbox"]:disabled + label:before,
.chk-box input[type="checkbox"]:disabled + label:active:before, 
.chk-box input[type="checkbox"]:disabled:checked + label:active:before {background:#e1e1e1!important;}

/*radio button style*/
.radio-btn {margin-right:8px;}
.radio-btn input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.radio-btn input[type="radio"] + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #666;
	margin: 0;
}

.radio-btn input[type="radio"] + label:before {
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #a1a1a1;
	margin: 0 4px 3px 0;
	border-radius:50%;
}
.radio-btn input[type="radio"] + label:active:before,
.radio-btn input[type="radio"]:checked + label:active:before { box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.radio-btn input[type="radio"]:checked + label:before {
	content: '';
	color: #fff;
	text-shadow: 1px 1px white;
	background:var(--blue);
	border: 1px solid var(--blue);
}
.radio-btn input[type="radio"] + label:after {
	content: ' ';
	display: none;
	width: 16px;
	height: 16px;
	border-radius:50%;
	position:absolute;
	top: 2.5px;
	left: 0;
  background:#fff;
  box-shadow:inset 0 0 0 4px var(--blue);
  border: 1px solid var(--blue);
}
.radio-btn input[type="radio"]:checked + label:after {background:#fff;display: block;}
.radio-btn input[type="radio"]:checked + label {color:var(--blue)}
.radio-btn input[type="radio"]:disabled + label:before,
.radio-btn input[type="radio"]:disabled + label:active:before, 
.radio-btn input[type="radio"]:disabled:checked + label:active:before {background:#e1e1e1!important;}

/* faq */
.faq dt:first-child {border-top: 1px solid var(--darkgray);}
.faq dt {padding: 0 20px; border-bottom: 1px solid #d7d7d7; font-weight:500; font-size: 16px;}
.faq dt a {position:relative; display: block; padding: 15px 15px 25px; color:var(--title);}
.faq dt a:before {content:'Q';display:block;position: absolute;top: 15px;left:0;font-size:2rem;font-weight: 700;color: var(--muted);}
.faq dt.on a:before {color:var(--mint);}
.faq dt a:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 15px;
    right: 0;
    border-top: 2px solid var(--darkgray);
    border-right: 2px solid var(--darkgray);
    transform: rotate(135deg);
}
.faq dt.on a:after {border-color: var(--mint); transform: rotate(315deg); top: 22px;}
.faq dd {
	display: none;
	position:relative;
	background:#f7f7f7;
	border-bottom: 1px solid #d7d7d7;
	padding: 28px 30px 30px 50px;
	font-weight: 400;
	color: var(--bg);
}
.faq dd:before {content:'A';display:block;position: absolute;top: 28px;left: 25px;font-size: 2rem;font-weight: 700;color: var(--blue);}
.faq dd:first-child {display: block;}

/*survey*/
.survey {
  display: flex;
  background: var(--bg-3);
  border-radius: var(--radius);
  box-sizing: border-box;
  width: 95%;
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 40px;
  min-height: 400px;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 4px 0 0 #e1e5ed;
}
.survey .cont {display:flex; flex-direction: column; align-items: center;}
.survey .cont .img {margin-bottom: 10px;}
.survey .cont .step > strong {display:block; font-size:2rem; font-weight:700; color:var(--mint); margin-bottom:5px;}
.progress-bar {width: 100%;max-width: 600px;display:block;margin-bottom:30px;}
.progress-bar .bar {display:block;width:100%; height:8px;background: #bdc3cd;border-radius:30px;}
.progress-bar .bar > span {display:block; height:8px; background:linear-gradient(91deg, #00b8a5 0%, #2196f3 100%); border-radius:30px;}
.progress-bar > p {letter-spacing:3px;margin-bottom: 15px;}
.progress-bar > p > span {font-weight:600; color:var(--blue);}
.survey .cont h2 {color:var(--title); margin-bottom:20px;}
.survey .btn-area.center {flex-wrap: nowrap;}
.txt-box {width:100%; background:#fff; border-radius:10px; padding:25px; box-sizing: border-box;}
.txt-box ul > li {text-align:left; margin-bottom:5px;}
.txt-box ul > li:last-child {margin-bottom:0;}
.txt-box .file {display:block; margin-top:20px; text-align: left; padding-left:32px; background:url('../../images/file_icon.png')no-repeat top left;}
.txt-box .file a {font-size:1.5rem; color:var(--title);}
.txt-box .file a:hover {color:var(--blue); text-decoration: underline!important;}

/*info box*/
.info-box {background:var(--bg-3); border-radius:var(--radius); box-sizing:border-box;  border:1px solid #dae3f5; padding:20px; margin-bottom:30px;}
.info-box dl {overflow:hidden; margin-bottom:10px;}
.info-box dl:last-child {margin-bottom:0;}
.info-box dl > dt {position:relative;padding-left:10px;color:var(--title);font-weight:500;float: left;}
.info-box dl > dt:before {content:''; display:block; width:4px; height:4px; background:var(--blue); position:absolute; top:10px; left:0;}
.info-box dl > dt:after {content:':'; display:inline-block; padding:0 5px;}
.info-box dl > dd {float: left; width: 92%;}

/*oneclick*/
.tab-cont > ul > li {display:flex;margin-bottom:40px;align-items: center;}
.tab-cont > ul > li:last-child {margin-bottom:0;}
.tab-cont > ul > li .img {width: 40%;min-height: 309px;margin-right: 3%;border:var(--line);border-radius:var(--radius);padding:30px; box-sizing: border-box;}
.tab-cont > ul > li .cont {width: 53%;text-align: center;}
.tab-cont > ul > li .cont p.num {border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:block;width: 35px;line-height: 35px;text-align: center;margin: 0 auto 10px;}
.tab-cont > ul > li .cont h2 {color:var(--title);border-bottom:var(--line);padding-bottom: 20px;margin-bottom: 25px;position:relative; font-weight: 600;}
.tab-cont > ul > li .cont h2:before {content:'';display:block;width: 40px;height: 2px;background:var(--blue);position:absolute;bottom: -1px;left: 50%;transform: translateX(-50%);}
.tab-cont > ul > li .cont .arrow {display:block; margin:5px 0;}
.txt-list > li {position:relative;display:block;padding-left: 10px;text-align: left;margin-bottom:8px;}
.txt-list > li:before {content:'';display:block;width: 4px;height: 4px;background: var(--darkgray);position:absolute;top: 10px;left:0;}
.txt-list > li:last-child {margin-bottom:0;}

/*sitemap*/
.sitemap > li {display:inline-block; width:30%; vertical-align:top; margin-right:4%; margin-bottom:40px;}
.sitemap > li:nth-child(3n) {margin-right:0;}
.sitemap > li:nth-child(4), .sitemap > li:nth-child(5), .sitemap > li:nth-child(6) {margin-bottom:0;}
.sitemap > li > h2 {color:var(--mint); display:block; border-bottom:2px solid #ddd; padding-bottom:10px; margin-bottom:20px; position: relative;}
.sitemap > li > h2:before {content:''; display:block; width:80px; height:2px; background:var(--mint); position: absolute; bottom:-2px; left:0;}
.sitemap .sub-menu > li > a {display:block; padding-bottom:10px;margin-bottom:10px; border-bottom:var(--line); font-size:1.6rem; color:var(--title); position: relative; padding-left:10px;}
.sitemap .sub-menu > li > a:before {content:''; display:block; width:4px; height:4px; background:var(--gray); position: absolute; top:9px; left:0;}
.sitemap .sub-menu > li > a:hover {color:var(--mint);}

/*program-view*/
.program-view {border-bottom:var(--line);}
.program-view .board-head {border-bottom: var(--line); border-top: 1px solid #000; padding: 20px 0;}
.program-view .board-head .category {margin-bottom:10px;}
.program-view .board-head .category li {display:inline-block; margin-right:5px; border-radius:30px; padding:2px 15px; font-size:1.4rem; text-align: center; color:#fff; background:var(--blue); border:1px solid var(--blue);}
.program-view .board-head .category li:nth-child(2) {color:var(--blue); background:#fff;}
.program-view .board-head h2 {font-size:2.7rem; color:var(--title);}
.program-cont {display:flex; padding:30px 0;}
.program-cont .contents {width:75%; margin-right:5%;}
.program-cont .contents dl {margin-bottom: 35px;}
.program-cont .contents dl > dt {position:relative;padding-left: 10px;font-size: 2rem;font-weight: 600;color: var(--title);display: block;margin-bottom: 7px;}
.program-cont .contents dl > dt:before {content:'';display:block;width:4px;height:10px;background:var(--blue);position:absolute;top: 6px;left:0;}
.program-cont .contents dl > dt:after {content:'';display:block;width:4px;height:10px;background:var(--mint);position:absolute;top: 16px;left:0;}
.program-cont .contents dl > dd {display: block;position: relative;padding-left: 8px;margin-left: 10px;word-break:break-word;}
.program-cont .contents dl > dd:before {content:'';display:block;width:3px; height:3px; position:absolute;top: 10px;left:0; background:var(--gray);}
.program-cont .program-img {width:25%;}
.program-cont .program-img > img {width: -webkit-fill-available; margin-bottom:10px;}
.program-cont .program-img > img:last-child {margin-bottom:0;}
.program-view .schedule {margin-bottom:35px; padding:25px; background:var(--bg-3); border-radius:10px;}
.program-view .schedule h3 {color:var(--darkblue); font-size: 2rem; font-weight:600; margin-bottom:10px;}
.program-view .schedule ul > li {display:flex; margin-bottom:10px;}
.program-view .schedule ul > li:last-child {margin-bottom:0;}
.program-view .schedule ul > li strong {margin-right:10px; border-radius:30px; padding:0 10px; background:var(--lightblue); color:#fff; width:80px; text-align:center;}
.program-view .schedule ul > li:nth-child(2) strong {background:var(--blue);}
.program-view .schedule ul > li:nth-child(3) strong {background:var(--mint); }
.program-view .schedule .step {display:flex;}
.program-view .schedule .step p {color:var(--title);position: relative;}
.program-view .schedule .step p:before {content:'';display: inline-block;width: 7px;height: 7px;border-top: 2px solid var(--gray);border-right: 2px solid var(--gray);transform: rotate(45deg);margin: 0 7px 0 2px;}
.program-view .schedule .step p:first-child:before {display:none;}


/********************************************  RESPONSIVE ********************************************/
@media all and (max-width:1600px) {
  /** MAIN **/
  #main .section-1 {padding: 62px 0 80px 0;}
  #main .section-1 .left {width: 30%;margin-right: 3%;}
  #main .section-1 .right {width: 70%;}
  #main .section-1 .visual-txt .pc-only {display:none;}
  #quick-menu .slide-button {display:flex;bottom: 0;top: auto; width:100%;}

  /*header*/
  #header .logo, #header .utill-menu {padding-left:3%;}

  /*footer*/
  #footer .footer-menu {padding:15px 3%;}
  #footer .container {padding:40px 3%;}

  /** SUB **/
  #sub > .container {padding: 20px 3% 50px 3%;box-sizing: border-box;}
  #sub-visual .visual-txt {width:97%;}
}

@media all and (max-width:1366px) {
  .pc-only {display:none;}
  /* header */
  .sec-header {display:none;}
  .mobile-header {display:block;height: 7rem;position: fixed;width: 100%;z-index: 3;background: #fff;border-bottom: var(--line);}
  .mobile-header .logo {top:50%;left: 3%;position:absolute;transform:translateY(-50%);width: 65%;max-width: 200px;}
  .mobile-header .login-menu {
      display: flex;
      width: 110px;
      height: 40px;
      background: #5c6065;
      margin: 20px;
      border-radius: 8px;
      justify-content: center;
      align-items: center;
      gap: 6px;
  }
  .mobile-header .login-menu > img {width:20px;}
  .mobile-header .login-menu > p {color:#fff;}
  .mobile-header .mb-gnb.on {opacity: 1; visibility: visible; z-index: 3; right: 0;}
  .mobile-header .header-bg {display:none;width:100%;height:100vh;background:#000;opacity:0.5;position: absolute;top: 7.2rem;}
  .mobile-header .header-bg.on {display:block;}
  .mb_menu {position:relative;width: 3.2rem;height: 2.5rem;float:right;cursor:pointer;margin-top: 2.2rem;margin-right: 3%;}
  .mb_menu span {position:absolute;top:0px;left:0px;display:block;width: 100%;height:2px;background: #676767;transition:.4s ease;}
  .mb_menu span:nth-child(2) {top: 47%;}
  .mb_menu span:nth-child(3) {bottom: 0;top: auto;}
  .mb_menu.on {height: 2.2rem;margin-top: 1.5rem;}
  .mb_menu.on span {left: 0;top:15px;transform: rotate(45deg);}
  .mb_menu.on span:nth-child(2) {display:none;}
  .mb_menu.on span:nth-child(3) {transform: rotate(137deg);}
  .mobile-header .mb-gnb {
    position: fixed;
    top: 7.2rem;
    right: -100%;
    width:90%;
    max-width: 400px;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .mobile-header .push-btn {background: none; position: absolute;top: 57%;right: 93px; transform: translateY(-50%);}
  .mobile-header .push-btn > svg {fill:#676767;}
  .mb-gnb > .nav {height: 100%;overflow-y: auto;padding: 0 5%;}
  .mb-gnb > .nav > li > a {display:block;padding: 14px 4%;font-size: 2rem;font-weight: 500;border-bottom: 1px solid #ddd;color: var(--title);position:relative;}
  .mb-gnb > .nav > li > a:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #7d7d7d;
    border-top: 2px solid #7d7d7d;
    position: absolute;
    top: 17px;
    right: 6%;
    transform: rotate(135deg);
  }
  .mb-gnb > .nav > li > a.on:before {transform: rotate(315deg);top: 22px;border-right: 2px solid #fff;border-top: 2px solid #fff;}
  .mb-gnb > .nav > li > a.on {color:#fff;font-weight:500;background:var(--mint);border-radius: var(--radius-lg);}
  .mb-gnb > .nav > li > .depth2 {display: none;padding:10px 5%;background: #fff;border-bottom: var(--line);}
  .mb-gnb > .nav > li > .depth2 > li > a {font-size: 1.8rem;display: block;margin: 8px 0;}
  .mobile-header .utill-menu {padding:20px 5%;display: flex;}
  .mobile-header .member {display:flex;align-items: center;font-size:1.8rem;margin-right: 4%;}
  .mobile-header .member > strong {color:var(--title); margin-right:6px;}
  .mobile-header #logout-btn {height:36px;}
  
  /** MAIN **/
  #main > section {padding: 60px 3% 0 3%;}
  #main .section-1:before {background-size:cover;background-attachment: inherit;}
  #main .section-1 .container {flex-direction: column;}
  #main .section-1 .visual-txt {text-align:center;margin-top: 81px;}
  #main-visual .swiper-slide {padding-bottom:24%;}
  #main-visual .slide-button {top:53%;}
  #main .section-4 .container {padding:80px 3%;}
  #quick-menu {padding:0px 0 70px 0;}
  #quick-menu .slide-button .swiper-pagination-bullet {background:#9D9D9D;}
  #quick-menu .swiper-button-next:after, #quick-menu .swiper-button-prev:after {border-color:var(--gray);}
  .statistics {bottom:130px;}


  /** SUB **/
  /*sub-visual*/
  #sub-visual {padding-top:65px; box-sizing: border-box;}
  #sub-visual .visual-txt {transform:translateY(90px);}
  #sub-visual .visual-txt h1 {font-size:4rem;}

  /*map-list*/
  .tab-scroll {display:block; overflow-x:auto;}
  
  /**/
  .map-tabmenu li {width:13%;}
  .map-tabmenu li:nth-child(7n) {margin-right:0;}
  .map-tabmenu li:nth-child(10n) {margin-right:10px;}

  /*theme-borad*/
  .img-tabmenu {padding:0 20px 0 30px; position:relative;}
  .img-tabmenu .swiper-button-prev { position:absolute; top:37%; left:0; transform:translateY(-50%); pointer-events:all!important;  z-index:2; width:20px; height:20px; margin:0;}
  .img-tabmenu .swiper-button-next { position:absolute; top:37%; right:0; transform:translateY(-50%); pointer-events:all!important;  z-index:2; width:20px; height:20px; margin:0;}
  .img-tabmenu .swiper-button-prev:after,
  .img-tabmenu .swiper-button-next:after { border-color:var(--darkgray); width:20px; height:20px;}
  .theme-board-list li a {padding:25px 20px;}

  /*gall-board*/
  .gall-board > li {width:calc(50% - 15px);}
  .gall-board > li:nth-child(2n) {margin-right:0;}

   /*board-write*/
   .schedule-form li {margin-bottom:10px;}
	.schedule-form li strong {display:block; margin-bottom:8px}
	.schedule-form li > input {width:40%; min-width:100px; margin-bottom:8px;}

}

@media all and (max-width:1024px) {
  /*header*/
  .mobile-header .push-btn {right:80px;}

  /** MAIN **/
  .more-icon {width:32px; height:32px;}
  .section-2 .main-title {margin-bottom:75px;}
  .main-program .slide-button {top:-59px; right:50%; transform:translateX(50%);}
  .section-3 .container, .section-5 .container {flex-direction: column;}
  .main-title {width:100%; text-align:center;}
  .news-board {width:100%;}
  

  /** SUB **/
  .sub-title {flex-wrap:wrap;}
  .sub-title h2 {width:100%;}
  .sub-title .date-select {margin-left:0; margin-top:10px;}
  .sub-title .option-select {width:55%;}
  .sub-title .btn {margin-top:10px;}
  .tabmenu {display:flex; overflow-x:auto; }
  .tabmenu li a {min-width: auto;}


  /*sub-visual*/
  #sub-visual .visual-txt {transform: translateY(52px); flex-direction: column;  text-align: center; justify-content: center;}
  #sub-visual .visual-txt h1 {margin-right:0; margin-bottom:15px;}
  .path {margin-left:0;}

  /*map-list*/
  .tab-scroll {display:block; overflow-x:auto; width:100%; padding-bottom:5px; margin-bottom:15px;}
  .tab-scroll::-webkit-scrollbar {-webkit-appearance: none;}
  .tab-scroll::-webkit-scrollbar:vertical {width: 10px;}
  .tab-scroll::-webkit-scrollbar:horizontal {height: 10px;}
  .tab-scroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ddd;}
  .tab-scroll::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}
  .tab-scroll .map-tabmenu {flex-wrap: nowrap; width:900px; margin-bottom:0;}
  .map-tabmenu li {width:auto; margin-right:10px;}
  .map-tabmenu li a {padding:0 10px;}
  .map-tabmenu li:nth-child(10n), .map-tabmenu li:nth-child(7n) {margin-right:2%;}

  /*oneclick*/
  .tab-cont > ul > li {flex-direction: column;}
  .tab-cont > ul > li .img {width:100%; margin-right:0; margin-bottom:30px;}
  .tab-cont > ul > li .cont {width:100%;}
  .map-tabmenu li a {width:auto; padding:0 26px;}
  .tab-cont .info-box {margin-bottom:0px;}

}

@media all and (max-width:900px) {
  /*root*/
  :root{
    --radius: 8px;
    --radius-lg: 15px;
    --container: 1480px;
  }

  /** MAIN **/
  #main > section, #main .section-4 .container {padding: 60px 5% 0 5%;}
  #main > section.section-2 {padding: 60px 5%;}
  .section-1 .img {width:36%;}
  #main .section-1 .visual-txt {margin-top:50px;}
  #main-visual .visual-txt h1 {font-size:3.5rem; margin-bottom:5px;}
  #main-visual .visual-txt p {font-size:1.6rem;}
  .news-board {flex-direction: column;}
  .news-board .borad-list {width:100%;}
  .borad-list > li > a {padding:20px; flex-direction: column;}
  .borad-list > li > a > .board-cont,
  .borad-list > li > a > .board-cont h3, .borad-list > li > a > .board-cont p  {width:100%; text-align:center;}
  .borad-list .more-icon {margin-top:10px;}

  /*footer*/
  #footer .footer-menu {text-align: center;}
  #footer .container {flex-direction: column;text-align: center;}
  #footer h1 {width:auto; margin:0 auto 20px;}
  #footer .footer-cont {width:100%;}

  /** SUB **/
  /*sub-visual*/
  #sub-visual .visual-txt p {font-size:2rem;}

  /*tabmenu*/
  .tab-scroll .tabmenu {width:1000px; margin-bottom:10px;}
  .tab-scroll .tabmenu li a {padding:0 15px;}

  /*theme-borad*/
  .theme-board-list > li .board-info {position:relative; bottom:auto;}
  .theme-board-list> li .img-sec {height:17rem;}

  /*board-list basic*/
  .mobile-table {width:100%;overflow-x: auto;}
  .mobile-table::-webkit-scrollbar {-webkit-appearance: none;}
  .mobile-table::-webkit-scrollbar:vertical {width: 10px;}
  .mobile-table::-webkit-scrollbar:horizontal {height: 10px;}
  .mobile-table::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ddd;}
  .mobile-table::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}
  .mobile-table table {width: 1000px;}
  .mb-grid table colgroup {display:none;}
  .mb-grid table tr {display:grid; grid-template-columns: 35% 65%;}

  /*board-list basic*/
  .board-list table tr a {height:19px; }

  /*board-view*/
  .board-view-cont {flex-direction: column;}
  .board-view-cont .img-sec {margin:0 0 30px 0;}
  .view-cont-txt {width:100%;}

  /*siitemap*/
  .sitemap > li {width:47.5%;}
  .sitemap > li:nth-child(2n) {margin-right:0;}
  .sitemap > li:nth-child(3) {margin-right:4%;}

  /*program-view*/
  .program-cont {flex-direction: column;}
  .program-cont .contents, .program-cont .program-img {width:100%;}
  .program-cont .program-img > img {width:33%;height: 167px;vertical-align: top;margin-bottom: 15px;}
  .program-view .schedule .step  {display:block;}
  .program-view .schedule .step p {display:inline-block;}
}


@media all and (max-width:640px) {
  /*margin*/
  .mg-b60 {margin-bottom:30px;}
  .mg-b90 {margin-bottom:40px;}

  /* header */
  .mobile-header {height:6rem;}
  .mobile-header .logo {width:37%;}
  .mobile-header .push-btn {right:14%;}
  .mobile-header .push-btn > svg {width:25px; height:25px;}
  .mb_menu {margin-top:1.6rem;}
  .mobile-header .mb-gnb.on {top: 6.1rem;}

  /** MAIN **/
  #main .section-1 {padding:53px 0 60px 0;}
  #main-visual .swiper-slide {padding-bottom: 138%;}
  #main .section-1 .visual-txt {width: 90%;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
  #main-visual .visual-txt h1 {font-size:3rem;}
  .statistics {bottom:140px;}
  .statistics li > p {font-size:1.3rem; margin-bottom: 7px;}
  .statistics li .num > strong {font-size:2.8rem;}
  .section-1 .img {width:50%; bottom:15px;}
  .main-title h2 {font-size:3rem;}
  .section-3 .banner li > a {padding:25px;height: 23.2rem;text-align: left;}
  .section-3 .banner li > a > strong {font-size:2.4rem; margin-bottom:10px;}
  .section-3 .banner li > a > p {font-size:1.4rem;}
  .section-3 .banner li > a > .img {right:18px;bottom:18px;transform: translateX(0);}
  .section-3 .banner li > a > .img > img {height:9.8rem;}
  .section-3 .banner li:nth-child(2) > a > .img {bottom:14px;}
  #main .section-4 .container {padding:40px 5%;}
  
  /*footer*/
  #footer .container {padding:30px 4%;}
  .partners_banner {padding:15px 4%; box-sizing: border-box;}
  .partners_banner .swiper-button-next, .partners_banner .swiper-button-prev {display:none;}
  #footer .footer-cont li {padding-right:0; margin:0;}

  /*button style*/
  .btn-area.center {flex-wrap:wrap; justify-content: flex-start;}
  .btn-area a, .btn-area button {margin-bottom:10px;width: 34%;}
  .btn-area a:nth-child(2n), .btn-area button:nth-child(2n) {margin-right:0;}

  /** SUB **/
  #sub-visual:before {border-radius:20px 20px 0 0;}
  #sub-visual {padding-bottom: 51.3%;}
  #sub-visual .visual-txt {width:90%; transform: translateY(75px);}
  #sub-visual .visual-txt h1 {font-size:2.7rem; margin-bottom:6px;}
  .tabmenu {border-bottom:0;margin-bottom: 70px;}
  .tabmenu:after {content:'탭을 좌우로 스크롤해주세요 ← →';display:block;width: 100%;position: absolute;top: 83px;}
  .tabmenu::-webkit-scrollbar {-webkit-appearance: none;}
  .tabmenu::-webkit-scrollbar:vertical {width: 10px;}
  .tabmenu::-webkit-scrollbar:horizontal {height: 10px;}
  .tabmenu::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ddd;}
  .tabmenu::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}
 

  /*login*/
  #sub.login > .container {padding:100px 0 50px 0;}
  .login-box {padding:30px 20px;}
  .login-box .img-sec {width:50%; margin:0 auto 10px;}

  /*gall-board*/
  .gall-board > li {width:100%; margin-right:0!important;}

  /*search-bar*/
  #sub .search-bar {flex-direction: column; box-shadow: none; padding:0; height:auto; margin-bottom:20px;}
  #sub .search-bar > select {width:100%; border:var(--line); margin-bottom:10px;}
  #sub .search-bar > input[type="text"] {width:100%; min-width:100%; height: 42px; border:var(--line);}
  #sub .search-bar > .search-btn {width: 30px;height: 30px;right: 6px;bottom: 8px;border-radius: 8px;background-size: cover;}

  /*theme-borad*/
  .img-tabmenu {padding:0 20px; position:relative;}
  .img-tabmenu .swiper-button-prev, .img-tabmenu .swiper-button-next { width:15px; height:15px; margin:0;}
  .img-tabmenu .swiper-button-prev:after,
  .img-tabmenu .swiper-button-next:after { width:15px; height:15px;}

  .img-tabmenu.swiper-container {padding-bottom:30px;}
  .img-tabmenu li > a .cont > i {width:60%; margin:0 auto 5px;}
  .img-tabmenu li > a {width:12.5rem; height:12.5rem; margin: 0 auto;}
  .theme-board-list li a {padding:25px 10px; flex-direction: column;}
  .theme-board-list > li .list-cont {width:100%; margin:0 0 30px 0;}
  .theme-board-list > li .board-info {justify-content: left;}
  .theme-board-list> li .img-sec {width:100%; height:22rem;}

  /*board-write*/
  .board-write dl {flex-direction: column;}
  .board-write dl dt, .board-write dl dd {width:100%;}
  .schedule-form,
  .schedule-form li {width:100%;}
	.schedule-form li > input {width: 95%; margin-top:8px;}
  .schedule-form li strong {text-align:center; margin-bottom:0;}
  .schedule-form li > img {display:block; transform:rotate(90deg); margin:0 auto;}

  /*board-view*/
  .board-view .board-head {text-align: center;}
  .board-info {flex-wrap:wrap;justify-content: center;}
  .board-info .office {width:100%;margin-bottom:10px;justify-content: center;}
  .theme-board-list > li .board-info li {margin-right:5%;}
  .board-info li:after {display:none;}

  /*paging*/
  .paging .page-arr, .paging a, .paging a.on {width: 24px;height: 24px;line-height: 26px;border: 0;}
  .paging .page-arr img {top: 8px !important; height:10px;}

  /*layerPopup*/
  .layerPopup .popup-box {width: 90%;height: 450px;padding: 17px 0 17px 17px;}
  .layerPopup .popup-cont {height: 282px;overflow-y:auto;padding-right: 17px;}
  .layerPopup .popup-cont::-webkit-scrollbar {-webkit-appearance: none;}
  .layerPopup .popup-cont::-webkit-scrollbar:vertical {width: 10px;}
  .layerPopup .popup-cont::-webkit-scrollbar:horizontal {height: 10px;}
  .layerPopup .popup-cont::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ddd;}
  .layerPopup .popup-cont::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}
  .layerPopup .btn-area {width:95%; margin-top:20px;}
  .layerPopup .popup-box .popup-title .close-btn {margin-right: 15px;}
  .layerPopup .popup-box.xs {height: 255px;}

  /*survey*/
  .survey {padding:30px 20px; min-height: auto;}
  .survey .cont .img {width:45%;}
  .survey .cont h2 {font-size: 1.8rem;}
  .survey .cont .step {margin-bottom:10px;}
  .survey .cont .step > strong {font-size:1.7rem;}
  .survey .btn-area.center {margin-top:15px;}
  .txt-box {padding:20px; margin-bottom:10px;}

  /*siitemap*/
  .sitemap > li {width:100%; margin-right:0; margin-bottom:30px!important;}
  .sitemap > li:last-child {margin-bottom:0!important;}

  /*program-view*/
  .program-cont .program-img > img {width:100%; height:auto;}
  .program-view .schedule {padding:18px; text-align:center;}
  .program-view .schedule ul > li {display:block;}
   .program-view .schedule ul > li strong {display: block; width:100%; margin:0 auto 8px; box-sizing: border-box;}
}