@charset "utf-8";

/* sub common */
.tab_div.div_4{max-width: 1500px; margin: 0 auto;}

@media screen and (max-width: 1530px) {
  .tab_div.div_4{margin: 0 20px;}
}
/* sub common */

/* sub visual */
.wrap-sub-visual{position: relative; display: table; width: 100%; height: 600px; z-index: 101;}
.wrap-sub-visual.m1{background: url(../../images/sub/sub_visual.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m2{background: url(../../images/sub/sub_visual_2.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m3{background: url(../../images/sub/sub_visual_3.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m4{background: url(../../images/sub/sub_visual_4.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m5{background: url(../../images/sub/sub_visual_5.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m6{background: url(../../images/sub/sub_visual_6.jpg) no-repeat center center / cover;}
.wrap-sub-visual.m7{background: url(../../images/sub/sub_visual_7.jpg) no-repeat center center / cover;}
.wrap-sub-visual .wrap-sub-cell{display: table-cell; vertical-align: middle; text-align: center; position: relative;}
.wrap-sub-visual .wrap-sub-cell > .container{max-width: 1630px; padding: 0 30px; width: 100%; margin: 0 auto; position: relative;}
.wrap-sub-visual .wrap-sub-cell .slogan{margin-top: 24px;}
.wrap-sub-visual .wrap-sub-cell .slogan-big{font-family: "SBA Medium"; font-size: 50px; color: white; display: block; text-shadow: 3px 0 7px rgba(0,0,0,.35);}
.wrap-sub-visual .wrap-sub-cell .slogan p{font-size: 16px; line-height: 25px; letter-spacing: .025em; color: white; margin-top: 5px;}
.wrap-sub-visual .page-move{position: absolute; left: 0; top: 50%; margin-top: -35px; width: 100%; height: 0;}
.wrap-sub-visual .page-move a{position: relative; display: block; width: 50px; height: 50px; border: 2px solid white; border-radius: 50%; opacity: .5;}
.wrap-sub-visual .page-move a span{font-size: 0;}
.wrap-sub-visual .page-move a.prev{float: left; }
.wrap-sub-visual .page-move a.prev::after{content:""; display: block; position: absolute; left: 18px; top: 50%; margin-top: -4px; width: 12px; height: 9px; background: url(../../images/sub/page_move_prev.png) no-repeat left center; transition: width .3s;}
.wrap-sub-visual .page-move a.next{float: right}
.wrap-sub-visual .page-move a.next::after{content:""; display: block; position: absolute; right: 18px; top: 50%; margin-top: -4px; width: 12px; height: 9px; background: url(../../images/sub/page_move_next.png) no-repeat right center; transition: width .3s;}
.wrap-sub-navi{position: absolute; left: 0; bottom: -1px; width: 100%;}
.wrap-sub-navi .container{max-width: 1600px; margin: 0 auto; width: 100%; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 6px 0 33px;}
.wrap-sub-navi .sub-navi{position: relative; flex-grow: 1;}
.wrap-sub-navi .sub-navi > ul{display: flex; flex-wrap: wrap;}
.wrap-sub-navi .sub-navi > ul > li{position: relative; min-width: 250px; display: none;}
.wrap-sub-navi .sub-navi > ul > li.on{display: block;}
.wrap-sub-navi .sub-navi > ul > li.home{width: 88px; display: block;  position: relative; min-width: auto;}
.wrap-sub-navi .sub-navi > ul > li.home::after{content:""; display: block; position: absolute; width: 40px; height: 1px; background-color: #b2b2b2; right: 0; top: 50%; margin-top: -.5px;}
.wrap-sub-navi .sub-navi > ul > li.home a{height: 80px; background: url(../../images/sub/sub_home.png) no-repeat left center; display: block; text-indent: -9999px;display: block;}
.wrap-sub-navi .sub-navi > ul > li > .inner{position: relative; height: 100%;}
.wrap-sub-navi .sub-navi > ul > li > .inner::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background-color: #b2b2b2;}
.wrap-sub-navi .sub-navi > ul > li > .inner.last::after{display: none;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button{text-align: left; font-size: 16px; color: #515151; font-family: "SBA Light"; transition: color .3s; padding: 0 60px 0 28px; width: 100%; background-repeat: no-repeat; background-position: right 30px center; background-image: url(../../images/sub/select_arrow_black.png); position: relative; height: 100%;}
.wrap-sub-navi .sub-navi > ul > li > .inner.last > button{color: hsl(215, 100%, 53%); background-image: url(../../images/sub/select_arrow_active.png);}
.wrap-sub-navi .sub-navi .navUl{position: absolute; width: 100%; top: 100%; left: 0; overflow: hidden; max-height: 0; overflow-y: auto;}
.wrap-sub-navi .sub-navi .navUl.on{max-height: 261px; box-shadow: 0 0 15px rgba(0,0,0,.1); background-color: white;}
.wrap-sub-navi .sub-navi .navUl > a{color: #333333; font-size: 15px; line-height: 30px; font-family: "SBA Light"; width: 100%; display: block; padding: 12px 30px 8px; position: relative; transition: all .2s; text-align: left; background-repeat: no-repeat; background-position: right 25px center; background-color: white;}
.wrap-sub-navi .sub-navi .navUl > a[target="_blank"] span{display: inline-block; padding-right: 22px; background: url(../../images/sub/nav_blank.png) no-repeat right center;}
.wrap-sub-navi .sub-navi .navUl > a._active[target="_blank"] span,
.wrap-sub-navi .sub-navi .navUl > a[target="_blank"]:hover span{background: url(../../images/sub/nav_blank_hover.png) no-repeat right center;}
.wrap-sub-navi .sub-util{position: relative;}
.wrap-sub-navi .sub-util > ul{display: flex;}
.wrap-sub-navi .sub-util > ul > li{position: relative;}
.wrap-sub-navi .sub-util > ul > li::before{content:""; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #b2b2b2;}
.wrap-sub-navi .sub-util > ul > li:last-child::before{display: none;}
.wrap-sub-navi .sub-util > ul > li > button{width: 75px; height: 80px; text-indent: -9999px;}
.wrap-sub-navi .sub-util .box-sub-favo{opacity: 0; overflow: hidden; position: absolute; border: 1px solid #cacaca; right: -50px; top: 100%; width: 260px; background-color: #fff; transition: all .5s; max-height: 0; visibility: hidden;}
.wrap-sub-navi .sub-util .box-sub-favo.on{opacity: 1; max-height: 1000px; visibility: visible;}
.wrap-sub-navi .sub-util .box-sub-favo .title{border-bottom: 1px solid #cacaca;}
.wrap-sub-navi .sub-util .box-sub-favo > strong{display: block; font-family: "SBA Light"; color: #2a2a2a; font-size: 14px; padding: 16px 20px 12px; text-align: left;}
.wrap-sub-navi .sub-util .box-sub-favo .close{text-indent: -9999px; position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(../../images/sub/share_exit.png) no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-favo .faviriteTitle-box{background-color: #f0f0f0; padding: 17px 0 20px}
.wrap-sub-navi .sub-util .box-sub-favo .favoriteTitle{line-height: 1;}
.wrap-sub-navi .sub-util .box-sub-favo .favoriteTitle strong{font-size: 14px; line-height: 20px; font-family: "SBA Light"; color: #464444; letter-spacing: .01em;}
.wrap-sub-navi .sub-util .box-sub-favo .add{background: #1174ff url(../../images/sub/share_more.png) no-repeat right 15px center; border-radius: 5px; color: white; font-size: 12px; font-family: "SBA Light"; padding: 8.5px 39px 6.5px 17px; margin-top: 7px;}
.wrap-sub-navi .sub-util .box-sub-favo #favoriteList li{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5.5px 19px 7.5px 21px;}
.wrap-sub-navi .sub-util .box-sub-favo #favoriteList li a{display: block;  text-align: left; width: calc(100% - 15px)}
.wrap-sub-navi .sub-util .box-sub-favo #favoriteList li a span{display: none;}
.wrap-sub-navi .sub-util .box-sub-favo #favoriteList li a strong{font-size: 14px; color: #333333; font-family: "SBA Light";}
.wrap-sub-navi .sub-util .box-sub-favo #favoriteList li .del{width: 13px; height: 13px; text-indent: -9999px; background: url(../../images/sub/share_delete.png) no-repeat left top; margin-top: 6.5px;}
.wrap-sub-navi .sub-util .box-sub-favo .control{padding: 20px 0 19px; border-top: 1px solid #cacaca;}
.wrap-sub-navi .sub-util .box-sub-favo .control .reset{border-radius: 5px; border: 1px solid #50555d; font-size: 12px; font-family: "SBA Light"; padding: 7px 22px 5px; display: inline-block;}
.wrap-sub-navi .sub-util .box-sub-share{opacity: 0; position: absolute; right: 0; top: 100%; transition: all .5s; background-color: white; padding: 10px 0 0; border: 1px solid #cacaca; width: 60px; max-height: 0; visibility: hidden;}
.wrap-sub-navi .sub-util .box-sub-share.on{opacity: 1; max-height: 1000px; visibility: visible;}
.wrap-sub-navi .sub-util .box-sub-share li{margin-bottom: 7px;}
.wrap-sub-navi .sub-util .box-sub-share li:last-child{margin-bottom: 0;}
.wrap-sub-navi .sub-util .box-sub-share ul button{position: relative; display: block; width: 37px; height: 37px; border-radius: 50%; text-indent: -9999px; margin: 0 auto;}
.wrap-sub-navi .sub-util .box-sub-share ul button.fb{background: url(../../images/sub/fb_logo.png) no-repeat center center / cover;}
.wrap-sub-navi .sub-util .box-sub-share ul button.tw{background: url(../../images/sub/tw_logo.png) no-repeat center center / cover;}
.wrap-sub-navi .sub-util .box-sub-share ul button.insta{background: url(../../images/sub/insta_logo.png) no-repeat center center / cover;}
.wrap-sub-navi .sub-util .box-sub-share ul button.blog{background: url(../../images/sub/blog_logo.png) no-repeat center center / cover;}
.wrap-sub-navi .sub-util .box-sub-share ul button.addr{background: url(../../images/sub/url_logo.png) no-repeat center center / cover;}
.wrap-sub-navi .sub-util .box-sub-share > .close{background: #2c2d2f url(../../images/sub/share_exit_white.png) no-repeat center center; text-indent: -9999px; display: block; width: calc(100% + 2px); position: relative; left: -1px; bottom: -1px; padding: 13px 0; margin-top: 8px;}
.wrap-sub-navi .sub-util .sub-print{background: url(../../images/sub/sub_print.png) no-repeat 50% 50%;}
.wrap-sub-navi .sub-util .sub-favo{background: url(../../images/sub/sub_favo.png) no-repeat 50% 50%;}
.wrap-sub-navi .sub-util .sub-favo.sel,
.wrap-sub-navi .sub-util .sub-favo.on{background: url(../../images/sub/sub_favo_on.png) no-repeat 50% 50%;}
.wrap-sub-navi .sub-util .sub-share{background: url(../../images/sub/sub_share.png) no-repeat 50% 50%;}
.wrap-sub-navi .sub-util .sub-share.on{background: url(../../images/sub/sub_share_on.png) no-repeat 50% 50%;}

/* hover */
.wrap-sub-visual .page-move a:hover{opacity: 1;}
.wrap-sub-visual .page-move a.prev:hover::after,
.wrap-sub-visual .page-move a.next:hover::after{width: 47px;}
.wrap-sub-navi .sub-navi .navUl > a:hover,
.wrap-sub-navi .sub-navi .navUl > a._active{color: white; background-color: #1174ff; background-image: url(../../images/sub/sub_navi_arrow.png); background-position: right 20px center;}

@media screen and (max-width: 1660px) {
  .wrap-sub-visual .page-move{left: 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1200px) {
  .wrap-sub-navi .container{margin: 0 40px; width: calc(100% - 80px); padding-right: 0; padding-left: 30px;}
  .wrap-sub-visual{height: 400px;}
  .wrap-sub-visual .page-move{margin-top: -24px;}
  .wrap-sub-visual .wrap-sub-cell .slogan{margin-top: 0;}
  .wrap-sub-visual .wrap-sub-cell .slogan-big{font-size: 50px;}
  .wrap-sub-visual .wrap-sub-cell .slogan p{font-size: 16px; line-height: 25px;}
  .wrap-sub-navi .sub-navi > ul{flex-wrap: nowrap;}
  .wrap-sub-navi .sub-navi > ul > li{max-width: 210px; min-width: auto; width: 100%;}
  .wrap-sub-navi .sub-navi > ul > li.home{width: 68px;}
  .wrap-sub-navi .sub-navi > ul > li.home a{height: 60px;}
  .wrap-sub-navi .sub-navi > ul > li.home::after{width: 20px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button{font-size: 15px; background-position: right 20px center; padding: 0 60px 0 20px;}
  .wrap-sub-navi .sub-util > ul > li:first-child,
  .wrap-sub-navi .sub-util > ul > li:nth-child(2){display: none;}
  .wrap-sub-navi .sub-util > ul > li > button{width: 60px; height: 60px;}
  .wrap-sub-navi .sub-util .sub-share,
  .wrap-sub-navi .sub-util .sub-share.on{background-position: left 7px center;}
  .wrap-sub-navi .sub-navi .navUl > a{font-size: 14px; line-height: 25px; padding: 10px 20px 8px; background-position: right 20px center;}
  .wrap-sub-navi .sub-navi .navUl > a:hover,
  .wrap-sub-navi .sub-navi .navUl > a._active{background-position: right 25px center;}
  .wrap-sub-navi .sub-navi .navUl > a[target="_blank"] span{background-position: right top 5px;}
  .wrap-sub-navi .sub-navi .navUl > a._active[target="_blank"] span,
  .wrap-sub-navi .sub-navi .navUl > a[target="_blank"]:hover span{background-position: right top 5px;}
}

@media screen and (max-width: 768px) {
  .wrap-sub-navi .container{width: calc(100% - 40px); margin: 0 20px; padding: 0 0 0 14px;}
  .wrap-sub-visual{height: 290px;}
  .wrap-sub-visual .wrap-sub-cell > .container{padding: 0 20px;}
  .wrap-sub-visual .slogan{margin-top: 70px;}
  .wrap-sub-visual .wrap-sub-cell .slogan{margin-top: 10px;}
  .wrap-sub-visual .wrap-sub-cell .slogan-big{font-size: 34px;}
  .wrap-sub-visual .wrap-sub-cell .slogan p{font-size: 15px; line-height: 23px; padding: 0 100px;}
  .wrap-sub-visual .page-move{margin-top: -25px;}
  .wrap-sub-navi .sub-navi > ul{align-items: center;}
  .wrap-sub-navi .sub-navi > ul > li.home{height: 40px; width: 19px;}
  .wrap-sub-navi .sub-navi > ul > li.home::after{display: none;}
  .wrap-sub-navi .sub-navi > ul > li.home a{height: 37px; background-position: center center; width: 19px; background-size: 19px;}
  .wrap-sub-navi .sub-navi > ul > li{width: auto; flex-shrink: 0; height: 40px;}
  .wrap-sub-navi .sub-util > ul > li:nth-child(2){display: none;}
  .wrap-sub-navi .sub-util > ul > li > button{height: 40px; width: 32px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button{padding: 0 16px 0 15px; background: none !important; font-size: 13px;}
  .wrap-sub-navi .sub-util .sub-share,
  .wrap-sub-navi .sub-util .sub-share.on{background-size: 17px; background-position: left center;}
  .wrap-sub-navi .sub-navi .navUl{width: 200px;}
  .wrap-sub-navi .sub-navi .navUl > a{padding: 5px 20px 3px 10px; background-position: right 10px center;}
  .wrap-sub-navi .sub-navi .navUl > a:hover,
  .wrap-sub-navi .sub-navi .navUl > a._active{background-position: right 8px center;}
}
/* sub visual */

/* vision 2030 */
.image-banner-wrap.type2{background: url(../../images/sub/image_banner_2.jpg) no-repeat center center / cover;}

.vision-content-wrap .vision-content-box{position: relative;}
.vision-content-wrap .vision-content-box .vision-content-title{position: absolute; left: 50%; transform: translateX(-50%); width: 130px; border-radius: 5px; text-align: center; font-size: 16px; color: #ffffff; background: linear-gradient(90deg,rgba(0, 103, 179, 1) 0%, rgba(63, 142, 221, 1) 100%); padding: 8px 0; top: -20px;}

.vision-content-wrap .vision-content-box.vision-slogan{background: linear-gradient(45deg,rgba(0, 103, 179, 1) 0%, rgba(63, 142, 221, 1) 100%); padding: 5px; border-radius: 100px; margin-bottom: 50px;}
.vision-content-wrap .vision-content-box.vision-slogan h1{text-align: center; font-size: 36px; color: #0067b3; font-family: "HG Medium"; background-color: #ebf7ff; border-radius: 100px; padding: 28px 0;}

.vision-content-wrap .vision-content-box.vision-goal{margin-bottom: 70px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-content-title{top: 67px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 128px; background: url(../../images/sub/vision_arrow.png) no-repeat top center;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li{border-radius: 10px; border: 3px solid #8093a9; position: relative; overflow: hidden; width: 18%; margin-right: 2.5%; display: flex; align-items: center; padding: 43px 0; justify-content: center; background-color: white;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:last-child{margin-right: 0;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li .vision-goal-logo{position: absolute; right: -7px; bottom: -6px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(3) .vision-goal-logo{bottom: -10px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(4) .vision-goal-logo{bottom: -10px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li p{text-align: center; font-size: 19px; color: #555555;}

.vision-content-wrap .vision-content-box.vision-strategy{margin-bottom: 70px;}
.vision-content-wrap .vision-strategy-list{background-color: #ebf7ff; border-radius: 10px; padding: 70px 0 50px;}
.vision-content-wrap .vision-strategy-list ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative;}
.vision-content-wrap .vision-strategy-list ul::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 426px; height: 3px; transform: translate(-50%, -50%); background: url(../../images/sub/vision_line.png); z-index: 1;}
.vision-content-wrap .vision-strategy-list li{margin-right: 10px; position: relative; z-index: 2;}
.vision-content-wrap .vision-strategy-list li:last-child{margin-right: 0;}
.vision-content-wrap .vision-strategy-list .vision-circle-wrap{width: 270px; height: 270px; padding: 15px; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-circle-inner{width: 100%; height: 100%; padding: 15px; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-circle-box{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-strategy-logo{width: 50px; height: 50px; text-align: center;}
.vision-content-wrap .vision-strategy-list p{font-size: 19px; color: #ffffff; font-family: "HG Medium";}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-wrap{background-color: rgba(63,142,221,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-inner{background-color: rgba(63,142,221,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-box{background-color: rgba(63,142,221,1);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-wrap{background-color: rgba(4,46,111,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-inner{background-color: rgba(4,46,111,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-box{background-color: rgba(4,46,111,1);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-wrap{background-color: rgba(0,182,173,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-inner{background-color: rgba(0,182,173,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-box{background-color: rgba(0,182,173,1);}

.vision-content-wrap .plan-list{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #f7f7f7; border-radius: 10px; padding: 37px 0 40px;}
.vision-content-wrap .plan-list .plan-list-box{width: 50%; padding: 0 40px; position: relative;}
.vision-content-wrap .plan-list .plan-list-box::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #dddee0;}
.vision-content-wrap .plan-list .plan-list-box:last-child::after{display: none;}

.vision-content-wrap .vision-main-list > ul{display: flex; flex-wrap: wrap; justify-content: start; align-items: stretch; margin: -20px -15px 0;}
.vision-content-wrap .vision-main-list > ul > li{width: calc(100%/3); padding: 0 15px; margin-top: 30px;}
.vision-content-wrap .vision-main-list-box{height: 100%;}
.vision-content-wrap .vision-main-title{padding-bottom: 30px; position: relative;}
.vision-content-wrap .vision-main-title::after{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 100%; background-color: #222222; top: 0;}
.vision-content-wrap .vision-main-title h1{font-size: 18px; font-family: "HG Bold"; color: #ffffff; position: relative; z-index: 2; background-color: #8093a9; text-align: center; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 80px;}
.vision-content-wrap .vision-main-content{border: 1px solid #222222; border-radius: 10px; padding: 21px 30px; height: calc(100% - 110px);}

@media screen and (max-width: 1250px) {
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li p{font-size: 16px;}   
  .vision-content-wrap .vision-strategy-list .vision-circle-wrap{width: 200px; height: 200px;}
  .vision-content-wrap .vision-strategy-list p{font-size: 16px;}
  .vision-content-wrap .vision-main-list > ul > li{width: 50%;}
}

@media screen and (max-width: 768px) {
  .vision-content-wrap .vision-content-box.vision-slogan h1{font-size: 25px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list ul{margin-top: -10px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li{width: 49%; margin-right: 2%; margin-top: 10px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(even){margin-right: 0;}
  .vision-content-wrap .vision-strategy-list ul::before{display: none;}
  .vision-content-wrap .plan-list .plan-list-box{width: 100%; padding: 0 20px; margin-bottom: 5px;}
  .vision-content-wrap .plan-list .plan-list-box::after{display: none;}
  .vision-content-wrap .plan-list .plan-list-box:last-child{margin-bottom: 0;}
  .vision-content-wrap .vision-main-list > ul > li{width: 100%;}
  .vision-content-wrap .vision-main-title h1{padding: 0 10px;}
}

/* vision 2030 */

/* 대학 발전계획 */
.hallym-report-wrap{border-radius: 10px; overflow: hidden; height: 500px;}
.hallym-report-wrap img{width: 100%; height: 100%; object-fit: cover;}
.hallym-report-wrap .hallym-report-text{position: absolute; left: 50%; margin-left: -500px; bottom: 0; background-color: white; width: 1000px; text-align: center; padding: 60px 0 46px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.hallym-report-wrap .hallym-report-text > span{font-size: 17px; color: #555555;}
.hallym-report-wrap .hallym-report-text h1{font-size: 40px; color: #000000; font-family: "SBA Medium"; margin-top: 9px;}
.hallym-report-wrap .hallym-report-text h1 span{color: #1174ff;}

@media screen and (max-width: 1200px) {
  .hallym-report-wrap{height: 350px;}
  .hallym-report-wrap .hallym-report-text{width: calc(100% - 60px); margin-left: 0; transform: translateX(-50%); padding: 40px 0 32px;}
  .hallym-report-wrap .hallym-report-text h1{font-size: 30px;}
}

@media screen and (max-width: 768px) {
  .hallym-report-wrap{height: 300px;}
  .hallym-report-wrap .hallym-report-text{padding: 30px 0 20px;}
  .hallym-report-wrap .hallym-report-text > span{font-size: 14px;}
  .hallym-report-wrap .hallym-report-text h1{font-size: 25px; margin-top: 5px;}
}
/* 대학 발전계획 */

/* 조직도 */
.organ-wrap .organ-main{margin-bottom: 130px;}
.organ-wrap .organ-header{position: relative; padding-bottom: 310px;}
.organ-wrap .organ-header::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #cccccc;}
.organ-wrap .organ-header .organ-header-wrap{width: 260px; height: 260px; border-radius: 50%; box-shadow: 0 0 35px rgba(0,0,0,.1); background-color: white; padding: 15px; margin: 0 auto; position: relative; z-index: 2;}
.organ-wrap .organ-header .organ-header-inner{width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #d9d9d9; padding: 15px;}
.organ-wrap .organ-header .organ-header-text{width: 100%; height: 100%; border-radius: 50%; background: url(../../images/sub/organ_title.png) no-repeat center center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.organ-wrap .organ-header .organ-header-text p{font-size: 28px; font-family: "HG Medium"; color: white;}
.organ-wrap .organ-content{position: absolute; left: 50%; transform: translateX(-50%); bottom: 49px; width: 100%; max-width: 821px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.organ-wrap .organ-header .organ-box{position: relative;}
.organ-wrap .organ-header .organ-box::before,
.organ-wrap .organ-header .organ-box .organ-textbox::before{content:""; display: block; position: absolute; background-color: #cccccc;}
.organ-wrap .organ-header .organ-box.right-line::before,
.organ-wrap .organ-header .organ-box.left-line::before{width: 100%; height: 1px; top: 50%;}
.organ-wrap .organ-header .organ-box.right-line::before{left: 0;}
.organ-wrap .organ-header .organ-box.left-line::before{right: 0;}
.organ-wrap .organ-header .organ-box.top-line .organ-textbox::before,
.organ-wrap .organ-header .organ-box.bottom-line .organ-textbox::before{width: 1px; height: 100%; left:50%; transform: translateX(-50%);}
.organ-wrap .organ-header .organ-box.top-line .organ-textbox::before{bottom: 0;}
.organ-wrap .organ-header .organ-box.bottom-line .organ-textbox::before{top: 0;}
.organ-wrap .organ-header .organ-box.right-line{padding-right: 130px;}
.organ-wrap .organ-header .organ-box.left-line{padding-left: 130px;}
.organ-wrap .organ-header .organ-box.top-line .organ-textbox{padding-top: 50px;}
.organ-wrap .organ-header .organ-textbox{width: 280px; position: relative;}
.organ-wrap .organ-header .organ-textbox p{background-color: white; width: 100%; height: 100%; font-size: 22px; color: #8093a9; font-family: "HG Medium"; border-radius: 5px; text-align: center; z-index: 2; position: relative; border: 2px solid #8093a9; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 19px 0;}
.organ-wrap .organ-header .organ-right .organ-box{margin-bottom: 50px;}
.organ-wrap .organ-header .organ-right .organ-box:last-child{margin-bottom: 0;}
.organ-wrap .organ-footer .organ-footer-wrap{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; position: relative; margin-right: -80px;}
.organ-wrap .organ-footer .organ-box{position: relative; padding-right: 80px;}
.organ-wrap .organ-footer .organ-box::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #cccccc;}
.organ-wrap .organ-footer .organ-box:first-child::after{width: calc(50% + 40px);}
.organ-wrap .organ-footer .organ-box:last-child::after{width: calc(50% - 40px);}
.organ-wrap .organ-footer .organ-box:first-child::after{right: 0; left: auto;}
.organ-wrap .organ-footer .organ-box .organ-textbox::before{content:""; display: block; position: absolute; background-color: #cccccc;}
.organ-wrap .organ-footer .organ-box.top-line .organ-textbox::before,
.organ-wrap .organ-footer .organ-box.bottom-line .organ-textbox::before{width: 1px; height: 100%; left:50%;}
.organ-wrap .organ-footer .organ-box.top-line .organ-textbox::before{bottom: 0;}
.organ-wrap .organ-footer .organ-box.bottom-line .organ-textbox::before{top: 0;}
.organ-wrap .organ-footer .organ-box.top-line .organ-textbox{padding-top: 50px; height: 100%;}
.organ-wrap .organ-footer .organ-textbox{width: 280px; position: relative;}
.organ-wrap .organ-footer .organ-textbox p{background-color: #042e6f; width: 100%; height: 100%; font-size: 22px; color: white; font-family: "HG Medium"; border-radius: 5px; text-align: center; z-index: 2; position: relative; border: 2px solid #042e6f; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 19px 0; word-break: break-all; text-align: center;}

.organ-list-wrap .organ-list-box{margin-bottom: 100px; position: relative; border: 1px solid #000000; border-radius: 10px;}
.organ-list-wrap .organ-list-box:last-child{margin-bottom: 0;}
.organ-list-wrap .organ-list-box .organ-list-title{width: 280px; border-radius: 5px; color: #000000; font-size: 20px; font-family: "HG Medium"; text-align: center; border: 1px solid #000000; border-radius: 5px; display: block; position: absolute; left: 50%; margin-left: -140px; top: -30px; z-index: 2; background-color: white; padding: 14px 0;}
.organ-list-wrap .organ-list-box .organ-list-title a{color: #000000;}
.organ-list-wrap .organ-list-box .organ-list-content{padding: 78px 64px 50px;}
.organ-list-wrap .organ-list-box .organ-box-list ul{display: flex; flex-wrap: wrap; justify-content: start; margin: -30px -15px 0; align-items: stretch;}
.organ-list-wrap .organ-list-box .organ-box-list ul.center{justify-content: center;}
.organ-list-wrap .organ-list-box .organ-box-list li{width: 25%; padding: 0 15px; margin-top: 30px;}
.organ-list-wrap .organ-list-box .organ-box-list li > p{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px; padding: 17px 10px;; font-size: 18px; text-align: center; background-color: #DFEFFF; margin-bottom: 30px;}
.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link5{background: linear-gradient(to bottom, transparent 98%, rgba(51,51,51,1) 0) left center no-repeat; padding-right: 18px; position: relative; background-size: 0; color: #333333;}
.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link5::before{content:""; display: block; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/sub/organ_link.png) no-repeat center center / cover;}
.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link5:hover{color: #333333; background-size: 100% auto;}

.organ-list-wrap .organ-list-box .organ-box-list li .organ-dots-content{border-radius: 5px; background-color: #f7f7f7; padding: 25px 30px; height: 100%;}
.organ-list-wrap .organ-list-box .organ-box-list li .organ-dots-content p{font-size: 15px; color: #666666; line-height: 26px; padding-left: 15px; position: relative; margin-bottom: 4px;}
.organ-list-wrap .organ-list-box .organ-box-list li .organ-dots-content p::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background-color: #222222; border-radius: 50%;}
.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p{background-color: #dfefff; color: #333333;}
.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p a{color: #333333; background: linear-gradient(to bottom, transparent 98%, rgba(51,51,51,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}

.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p a.organ-link4{background: linear-gradient(to bottom, transparent 98%, rgba(51,51,51,1) 0) left center no-repeat; padding-right: 18px; position: relative; background-size: 0; color: #333333;}
.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p a.organ-link4::before{content:""; display: block; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/sub/organ_link.png) no-repeat center center / cover;}
.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p a.organ-link4:hover{color: #333333; background-size: 100% auto;}

.organ-list-wrap .organ-list-box .organ-box-list .type1 li > p a:hover{background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-box-list .type2 li > p{background-color: #8bcac7; color: #ffffff;}
.organ-list-wrap .organ-list-box .organ-box-list .type2 li > p a{color: #ffffff; background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}
.organ-list-wrap .organ-list-box .organ-box-list .type2 li > p a:hover{background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-box-list .type3 li > p{background-color: #8093a9; color: #ffffff;}
.organ-list-wrap .organ-list-box .organ-box-list .type4 li > p{background-color: #efefef; color: #888888;}

.organ-list-wrap .organ-list-box .organ-box-list .type3 li > p .organ-link3{color: #ffffff; background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}
.organ-list-wrap .organ-list-box .organ-box-list .type3 li > p .organ-link3:hover{background-size: 100% auto;}

.organ-list-wrap .organ-list-box .organ-box-list ul.type6{margin: 0; margin-bottom: 30px;}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6:last-child{margin-bottom: 0;}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6 > li{width: auto; flex: 1; margin: 0;}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6 > li > .organ-dots-content{height: calc(100% - 91px);}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6 ul{margin: 0;}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6.one ul{margin: 0 -15px;}
.organ-list-wrap .organ-list-box .organ-box-list ul.type6 ul li{width: auto; flex: 1; margin-top: 0;}

.organ-list-wrap .organ-list-box .organ-dots-list > ul{display: flex; flex-wrap: wrap; justify-content: start; align-items: stretch; margin: -30px -15px 0;}
.organ-list-wrap .organ-list-box .organ-dots-list > ul.center{justify-content: center;}
.organ-list-wrap .organ-list-box .organ-dots-list > ul > li{width: 25%; padding: 0 15px; margin-top: 30px;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title{border-radius: 5px; padding: 16px 5px; margin-bottom: 30px;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title p{text-align: center; font-size: 18px; color: white;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title p a{color: #ffffff; background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title p a:hover{background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content{height: calc(100% - 89px); border-radius: 5px; background-color: #f7f7f7; padding: 25px 30px;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li{font-size: 15px; color: #666666; line-height: 26px; position: relative; padding-left: 15px; margin-bottom: 4px;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li:last-child{margin-bottom: 0;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li::before{Content:""; display: block; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background-color: #222222; border-radius: 50%;}

.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a{color: #666666; background: linear-gradient(to bottom, transparent 98%, rgba(102,102,102,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a.organ-link{background: linear-gradient(to bottom, transparent 98%, rgba(0,182,173,1) 0) left center no-repeat; padding-right: 18px; position: relative; background-size: 0;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a.organ-link::before{content:""; display: block; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/sub/organ_link.png) no-repeat center center / cover;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a:hover{background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a.organ-link:hover{color: #00b6ad; background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content li a.organ-link:hover::before{background: url(../../images/sub/organ_link_hover.png) no-repeat center center / cover;}

.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a{color: #666666; background: linear-gradient(to bottom, transparent 98%, rgba(102,102,102,1) 0) left center no-repeat; background-size: 0; transition: background-size .5s; display: inline-block;}
.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a.organ-link6{background: linear-gradient(to bottom, transparent 98%, rgba(0,182,173,1) 0) left center no-repeat; padding-right: 18px; position: relative; background-size: 0;}
.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a.organ-link6::before{content:""; display: block; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/sub/organ_link.png) no-repeat center center / cover;}
.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a:hover{background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a.organ-link6:hover{color: #00b6ad; background-size: 100% auto;}
.organ-list-wrap .organ-list-box .organ-box-list .organ-dots-content p a.organ-link6:hover::before{background: url(../../images/sub/organ_link_hover.png) no-repeat center center / cover;}

.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link2{background: linear-gradient(to bottom, transparent 98%, rgba(255,255,255,1) 0) left center no-repeat; padding-right: 18px; position: relative; background-size: 0; color: white;}
.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link2::before{content:""; display: block; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/sub/organ_link_white.png) no-repeat center center / cover;}
.organ-list-wrap .organ-list-box .organ-box-list li > p a.organ-link2:hover{background-size: 100% auto;}

.organ-list-wrap .organ-list-box .organ-dots-list .type1 .organ-dots-title{background-color: #8093a9;}
.organ-list-wrap .organ-list-box .organ-dots-list .type2 .organ-dots-title{background-color: #dfefff;}
.organ-list-wrap .organ-list-box .organ-dots-list .type2 .organ-dots-title p{color: #3f8edd;}

@media screen and (max-width: 1430px) {
  .organ-wrap .organ-header{padding-bottom: 250px;}
  .organ-wrap .organ-content{max-width: 560px;}
  .organ-wrap .organ-header .organ-box.right-line{padding-right: 80px;}
  .organ-wrap .organ-header .organ-box.left-line{padding-left: 80px;}
  .organ-wrap .organ-header .organ-box.top-line .organ-textbox{padding-top: 30px;}
  .organ-wrap .organ-header .organ-right .organ-box{margin-bottom: 30px;}
  .organ-wrap .organ-footer .organ-box.top-line .organ-textbox{padding-top: 30px;}
  .organ-wrap .organ-footer .organ-box:first-child::after{width: calc(50% + 17.5px);}
  .organ-wrap .organ-footer .organ-box:last-child::after{width: calc(50% - 17.5px);}
  .organ-wrap .organ-footer .organ-footer-wrap{margin-right: -35px;}
  .organ-wrap .organ-footer .organ-box{padding-right: 35px;}
  .organ-wrap .organ-header .organ-textbox,
  .organ-wrap .organ-footer .organ-textbox{width: 200px;}
  .organ-wrap .organ-header .organ-textbox p,
  .organ-wrap .organ-footer .organ-textbox p{font-size: 18px; padding: 15px 0;}

  .organ-list-wrap .organ-list-box .organ-list-content{padding: 78px 30px 50px;}
  .organ-list-wrap .organ-list-box .organ-dots-list > ul > li{width: calc(100%/3);}
}

@media screen and (max-width: 1000px) {
  .organ-wrap .organ-header{padding-bottom: 200px;}
  .organ-wrap .organ-header .organ-header-wrap{width: 200px; height: 200px;}
  .organ-wrap .organ-header .organ-header-text p{font-size: 22px;}
  .organ-wrap .organ-content{max-width: 500px;}
  .organ-wrap .organ-header .organ-box.right-line{padding-right: 50px;}
  .organ-wrap .organ-header .organ-box.left-line{padding-left: 50px;}
  .organ-wrap .organ-header .organ-box.top-line .organ-textbox{padding-top: 20px;}
  .organ-wrap .organ-header .organ-right .organ-box{margin-bottom: 20px;}
  .organ-wrap .organ-footer .organ-box.top-line .organ-textbox{padding-top: 20px;}
  .organ-wrap .organ-footer .organ-footer-wrap{margin-right: calc(-4%/3)}
  .organ-wrap .organ-footer .organ-box{width: 24%; padding-right: calc(4%/3);}
  .organ-wrap .organ-footer .organ-box:first-child::after{width: calc(50% + calc(4%/1.5));}
  .organ-wrap .organ-footer .organ-box:last-child::after{width: calc(50% - calc(4%/1.5));}
  .organ-wrap .organ-footer .organ-textbox{width: 100%;}
  .organ-wrap .organ-header .organ-textbox p,
  .organ-wrap .organ-footer .organ-textbox p{font-size: 16px; padding: 10px 0;}

  .organ-list-wrap .organ-list-box .organ-list-title{width: 200px; margin-left: -100px; font-size: 16px; padding: 10px 0; top: -23px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul{margin-top: -20px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.center{justify-content: start;}
  .organ-list-wrap .organ-list-box .organ-box-list li{width: calc(100%/3); margin-top: 20px;}
  .organ-list-wrap .organ-list-box .organ-box-list li p{font-size: 16px; margin-bottom: 20px;}
  .organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title{padding: 12px 5px; margin-bottom: 20px;}
  .organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-title p{font-size: 16px;}
  .organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content{height: calc(100% - 68px);}

  .organ-list-wrap .organ-list-box .organ-box-list ul.type6{margin-bottom: 20px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.one ul{flex-wrap: wrap; margin-top: -15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.one ul li{width: 50%;flex: none; margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.odd,
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.even{flex-wrap: wrap; margin-top: -15px; margin-bottom: 20px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.odd li{width: 33.3333%; flex: none; margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.even li{width: 50%;flex: none;margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6 > li > .organ-dots-content{height: calc(100% - 78px);}
}

@media screen and (max-width: 768px) {
  .organ-wrap .organ-main {margin-bottom:60px;}
  .organ-wrap .organ-header .organ-textbox{width: 174px;}
  .organ-list-wrap .organ-list-box {margin-bottom:50px;}
  .organ-wrap .organ-content > div{flex: 1;}
  .organ-wrap .organ-header .organ-box.right-line{padding-right: 51px;}
  .organ-wrap .organ-header .organ-box.left-line{padding-left: 51px; display: flex; justify-content: end;}
  .organ-list-wrap .organ-list-box .organ-list-content{padding: 50px 20px 22px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul{justify-content: start; margin-top: -15px;}
  .organ-list-wrap .organ-list-box .organ-box-list li{width: 100%; margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-dots-list > ul > li{width: 100%;}
  .organ-list-wrap .organ-list-box .organ-dots-list .organ-dots-content{padding: 15px 20px;}

  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.one ul{flex-wrap: wrap; margin-top: -15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.one ul li{width: 100%;flex: none; margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.odd,
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.even{flex-wrap: wrap; margin-top: -15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.odd li{width: 100%; flex: none; margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6.even li{width: 100%;flex: none;margin-top: 15px;}
  .organ-list-wrap .organ-list-box .organ-box-list ul.type6 > li > .organ-dots-content{height: auto; margin-top: 15px;}
}
/* 조직도 */

/* 학교 오시는 길 */
.map-wrap{background-color: #f7f7f7; border-radius: 10px; padding: 30px 40px;}
.map-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.map-wrap li{width: 50%;}
.map-wrap li .map-inner{display: flex; flex-wrap: wrap; align-items: center;}
.map-wrap li .map-icon{width: 75px; height: 75px; border-radius: 50%; background-color: white; text-align: center; line-height: 75px; margin-right: 22px;}
.map-wrap li .map-icon img{vertical-align: middle;}
.map-wrap li .map-inner p{font-size: 17px; color: #555555;}

@media screen and (max-width: 1200px) {
  .map-wrap{padding: 20px 30px;}
  .map-wrap li .map-icon{width: 60px; height: 60px; line-height: 60px; margin-right: 10px;}
  .map-wrap li .map-inner p{font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .map-wrap{padding: 10px 20px;}
  .map-wrap ul{flex-direction: column;}
  .map-wrap li{width: 100%; margin-bottom: 10px;}
  .map-wrap li:last-child{margin-bottom: 0;}
}
/* 학교 오시는 길 */

/* 외국인 */
.admission-wrap {background-color: #f7f7f7; border-radius: 10px; padding: 50px 0;}
.admission-inner{display: flex; flex-wrap: wrap;}
.admission-inner .addmission-box{width: calc(100%/3); padding: 0 100px; border-right: 1px solid #cecece;}
.admission-inner .addmission-box:last-child{border-right: 0;}
.admission-inner .addmission-content{margin-top: 25px;}
.admission-inner .addmission-image img{width: 100%;}
.admission-inner .addmission-content span{font-size: 19px; color: #888888;}
.admission-inner .addmission-content h1{font-size: 19px; line-height: 30px; color: #000000; font-family: "HG Medium"; margin: 1px 0 14px;}

@media screen and (max-width: 1200px) {
  .admission-wrap{padding: 30px 0;}
  .admission-inner{margin-top: -50px;}
  .admission-inner .addmission-box{padding: 0 30px; width: 50%; margin-top: 50px;}
  .admission-inner .addmission-box:last-child{border-right: 1px solid #cecece;}
  .admission-inner .addmission-box:nth-child(even){border-right: 0;}
}

@media screen and (max-width: 768px) {
  .admission-inner .addmission-box{width: 100%; border-right: 0 !important;}
  .admission-inner .addmission-content span{font-size: 16px;}
  .admission-inner .addmission-content h1{font-size: 16px; line-height: 25px;}
}
/* 외국인 */

/* 학과 */
.department-wrap > ul > li{margin-bottom: 50px;}
.department-wrap > ul > li:last-child{margin-bottom: 0;}
.department-wrap .department-inner{display: flex; flex-wrap: wrap; align-items: start;}
.department-wrap .department-box{width: 537px; padding: 0 37px 37px 0; margin-top: 0; position: relative;}
.department-wrap .department-box .department-image{position: relative; z-index: 2; border-radius: 10px; overflow: hidden}
.department-wrap .department-box .department-deco{position: absolute; right: 0; bottom: 0; width: calc(100% - 37px); height: calc(100% - 37px); border: 10px solid #f4f4f4; border-radius: 10px;}
.department-wrap .department-box .department-deco p {font-family: "HG Bold"; font-size: 16px; color: #e9e9e9; position: absolute; right: -44px; top: 13px; width: 44px; white-space: nowrap; transform: rotate(90deg); transform-origin: top left;}
.department-wrap .department-box .department-deco.small p{font-size: 12px; right: -41px;}
.department-wrap .department-box .department-deco.medium p{font-size: 14px; right: -43px;}
.department-wrap .department-box .department-deco.medium2 p{font-size: 13px; right: -41px;}
.department-wrap .department-text{width: calc(100% - 537px);}
.department-wrap .department-header{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 25px 0 15px 40px; border-bottom: 1px solid #cccccc;}
.department-wrap .department-header h1{font-size: 30px; color: #000000; font-family: "SBA Medium"; margin-top: 4px;}
.department-wrap .department-header .link-button{margin-top: 4px;}
.department-wrap .department-header a{margin-right: 7px;}
.department-wrap .department-header a:last-child{margin-right: 0;}
.department-wrap .department-content {padding: 30px 20px 20px 42px;}
.department-wrap .department-content ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: -11px -15px 0 -15px;}
.department-wrap .department-content li{width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 11px; padding: 0 15px; align-items: start;}
.department-wrap .department-content li p{font-size: 18px; color: #555555; padding-left: 15px; position: relative; margin-top: 5px;}
.department-wrap .department-content li p::before{content:""; display: block; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #c8c8c8;}
.department-wrap .department-content li a.service-link{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(/sites/guide/images/guide/home_icon.png); text-indent: -9999px;}
.department-wrap .department-content li a.service-link:hover{background-color: #0066b5;}
.department-wrap .department-content li a.more-link{width: 40px; height: 40px; border-radius: 3px; background-color: #999999; background-repeat: no-repeat; background-position: center center; background-image: url(/sites/guide/images/guide/home_icon2.png); text-indent: -9999px;}
.department-wrap .department-content li a.more-link:hover{background-color: #0066b5;}

@media screen and (max-width: 1200px) {
  .department-wrap .department-box{width: 450px; padding: 0 40px 40px 0;}
  .department-wrap .department-text{width: calc(100% - 450px);}
  .department-wrap .department-content{padding: 15px 20px 20px 40px;}
  .department-wrap .department-content ul{margin: -11px -10px 0 -10px;}
  .department-wrap .department-content li{padding: 0 10px;}
}

@media screen and (max-width: 1000px) {
  .department-wrap .department-box{width: 100%;}
  .department-wrap .department-box img{width: 100%;}
  .department-wrap .department-box .department-deco p {font-size:12px; right: -40px;}
  .department-wrap .department-box .department-deco.small p{font-size: 8px; right: -37px;}
  .department-wrap .department-box .department-deco.medium p{font-size: 10px; right: -39px;}
  .department-wrap .department-box .department-deco.medium2 p{font-size: 10px; right: -39px;}
  .department-wrap .department-text{width: 100%;}
  .department-wrap .department-header{padding: 20px 15px;}
  .department-wrap .department-header h1{font-size: 20px;}
  .department-wrap .department-content{padding: 15px 20px;}
  .department-wrap .department-content li{width: 100%;}
  .department-wrap .department-content li p{font-size: 16px;}
}
/* 학과 */

/* 학군단 */
.full-arrow{background: url(../../images/sub/full-arrow.png) no-repeat bottom center; padding-bottom: 153px;}
.arrow-flow-wrap.sec{margin-top: 130px;}
.arrow-flow-wrap .arrow-flow-inner{display: flex; flex-wrap: wrap; align-items: stretch;}
.arrow-flow-wrap .arrow-flow-box{width: 36%; padding-right: 9.34%; position: relative;}
.arrow-flow-wrap .arrow-flow-box::after{content:""; display: block; position: absolute; right: 8%; top: 44%; width: 57px; height: 41px; background: url(../../images/sub/arrow-flow.png) no-repeat center center / cover;}
.arrow-flow-wrap .arrow-flow-box:last-child{padding-right: 0; width: 26.67%;}
.arrow-flow-wrap .arrow-flow-box:last-child::after{display: none;}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-content{height: 100%;}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-header{position: relative; padding-bottom: 30px;}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-header::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #222222;}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-header h1{text-align: center; font-size: 18px; color: #ffffff; font-family: "HG Medium"; border-radius: 10px; padding: 16px 0; position: relative; z-index: 2;}
.arrow-flow-wrap .arrow-flow-box.color1 .arrow-flow-header h1{background-color: #042e6f}
.arrow-flow-wrap .arrow-flow-box.color2 .arrow-flow-header h1{background-color: #fe9019}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-textbox{border: 1px solid #222222; border-radius: 10px; height: calc(100% - 89px); padding: 23px 39px 34px;}
.arrow-flow-wrap .arrow-flow-box .arrow-flow-text{font-size: 17px; font-family: "HG Medium"; border-radius: 10px; padding: 12px 20px;}
.arrow-flow-wrap .arrow-flow-box.color1 .arrow-flow-text{background-color: #dfefff; color: #042e6f}
.arrow-flow-wrap .arrow-flow-box.color2 .arrow-flow-text{background-color: #fff1e2; color: #fe9019;}

.image-banner-wrap.type3{background: url(../../images/sub/image_banner_3.jpg) no-repeat center center / cover;}
.image-banner-wrap.type4{background: url(../../images/sub/image_banner_4.jpg) no-repeat center center / cover;}
.image-banner-wrap.non-span{padding: 120px 20px}

@media screen and (max-width: 1200px) {
  .arrow-flow-wrap.sec{margin-top: 80px;}
  .arrow-flow-wrap .arrow-flow-box{width: 40%;}
  .arrow-flow-wrap .arrow-flow-box:last-child{width: 30.67%;}
  .arrow-flow-wrap .arrow-flow-box::after{right: 3%;}
  .arrow-flow-wrap .arrow-flow-box .arrow-flow-textbox{padding: 20px 30px 30px;}
}

@media screen and (max-width: 768px) {
  .arrow-flow-wrap .arrow-flow-box,
  .arrow-flow-wrap .arrow-flow-box:last-child{width: 100%; padding-right: 0;}
  .arrow-flow-wrap .arrow-flow-box{padding-bottom: 80px;}
  .arrow-flow-wrap .arrow-flow-box:last-child{padding-bottom: 0;}
  .arrow-flow-wrap .arrow-flow-box::after{bottom: 18px; left: 50%; margin-left: -28.5px; top: auto; transform: rotate(90deg);}

  .image-banner-wrap.non-span{padding: 47px 20px;}
}
/* 학군단 */

/* 모듈형 전공트랙 소개 */
.arrow-box-wrap > ul{display: flex; flex-wrap: wrap; margin: 0 -30px; justify-content: stretch;}
.arrow-box-wrap > ul > li{width: calc(100%/3); padding: 0 30px; position: relative;}
.arrow-box-wrap > ul > li::after{content:""; display: block; position: absolute; right: -7.5px; top: 50%; width: 15px; height: 18px; margin-top: -9px; background: url(../../images/sub/arrow-flow2.png) no-repeat center center / cover;}
.arrow-box-wrap > ul > li:last-child::after{display: none;}
.arrow-box-wrap .arrow-box-inner{height: 100%;}
.arrow-box-wrap .arrow-box-header{position: relative; padding-bottom: 30px;}
.arrow-box-wrap .arrow-box-header::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #222222;}
.arrow-box-wrap .arrow-box-header h1{position: relative; z-index: 2; text-align: center; font-size: 18px; color: #ffffff; font-family: "HG Medium"; border-radius: 10px; background-color: #0067b3; padding: 16.5px 0;}
.arrow-box-wrap .arrow-box-content{border-radius: 10px; border: 1px solid #222222; height: calc(100% - 90px); padding: 23px 39px;}


.plus-box-wrap > ul{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.plus-box-wrap > ul.plus{padding-bottom: 87px; position: relative;}
.plus-box-wrap > ul.plus::after{content:""; display: block; position: absolute; width: 27px; height: 27px; background: url(../../images/sub/plus-icon.png) no-repeat center center / cover; left: 50%; bottom: 30px; margin-left: -13.5px;}
.plus-box-wrap > ul > li{padding: 0 15px; width: 23%;}
.plus-box-wrap > ul > li:nth-child(2){width: 54%;}
.plus-box-wrap .plus-box-header{border-radius: 10px; background-color: #0067b3; padding: 16.5px 0; margin-bottom: 20px;}
.plus-box-wrap .plus-box-header h1{text-align: center; font-size: 18px; color: #ffffff; font-family: "HG Medium";}
.plus-box-wrap .plus-box-content{border-radius: 10px; background-color: #f7f7f7; padding: 16.5px 0;}
.plus-box-wrap .plus-box-content p{text-align: center; font-size: 17px; color: #555555;}

@media screen and (max-width: 1200px) {
  .arrow-box-wrap > ul {margin: 0 -15px;}
  .arrow-box-wrap > ul > li{padding: 0 15px;}

  .plus-box-wrap .plus-box-content p{font-size: 16px;}
}

@media screen and (max-width: 768px) {
  .arrow-box-wrap > ul > li{width: 100%; padding-bottom: 50px;}
  .arrow-box-wrap > ul > li:last-child{padding-bottom: 0;}
  .arrow-box-wrap > ul > li::after{top: auto; bottom: 15px; right: 50%; margin-right: -7.5px; margin-top: 0; transform: rotate(90deg);}
  .arrow-box-wrap .arrow-box-content{padding: 15px 20px;}

  .plus-box-wrap > ul > li{padding-bottom: 30px;}
  .plus-box-wrap > ul > li,
  .plus-box-wrap > ul > li:nth-child(2){width: 100%;}
  .plus-box-wrap > ul > li:last-child{padding-bottom: 0;}
  .plus-box-wrap .plus-box-content{padding: 10px;}
}

/* 모듈형 전공트랙 소개 */

/* 나노디그리 소개 */
.nanodegree-wrap > ul{display: flex; flex-wrap: wrap; justify-content: stretch; margin: 0 -30px;}
.nanodegree-wrap > ul > li{padding: 0 30px; width: 50%;}
.nanodegree-wrap .nanodegree-header{position: relative; padding-bottom: 30px;}
.nanodegree-wrap .nanodegree-header::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #121212;}
.nanodegree-wrap .nanodegree-header h1{border-radius: 10px; position: relative; z-index: 2; text-align: center; font-size: 18px; color: #ffffff; padding: 16.5px 0;}
.nanodegree-wrap .nanodegree-header.type1 h1{background-color: #042e6f}
.nanodegree-wrap .nanodegree-header.type2 h1{background-color: #fe9019}
.nanodegree-wrap .nanodegree-inner{height: 100%;}
.nanodegree-wrap .nanodegree-content{border: 1px solid #121212; border-radius: 10px; padding: 22.5px 39px; display: flex; align-items: center; width: 100%; justify-content: center; height: calc(100% - 90px);}
.nanodegree-wrap .nanodegree-logo-inner{display: flex; align-items: center; justify-content: center;}
.nanodegree-wrap .nanodegree-logo-box{display: flex; align-items: center; padding-right: 95px; position: relative;}
.nanodegree-wrap .nanodegree-logo-box::after{content:""; display: block; position: absolute; right: 35px; top: 50%; margin-top: -13.5px; width: 27px; height: 27px; background: url(../../images/sub/plus-icon.png) no-repeat center center / cover;}
.nanodegree-wrap .nanodegree-logo-box:last-child{padding-right: 0;}
.nanodegree-wrap .nanodegree-logo-box:last-child::after{display: none;}
.nanodegree-wrap .nanodegree-logo{border-radius: 50%; width: 70px; height: 70px; text-align: center; line-height: 65px;}
.nanodegree-wrap .nanodegree-logo.type1{background-color: #0067b3;}
.nanodegree-wrap .nanodegree-logo.type2{background-color: #00b6ad;}
.nanodegree-wrap .nanodegree-logo img{vertical-align: middle;}
.nanodegree-wrap .nanodegree-logo-box p{font-size: 18px; color: #555555; margin-left: 10px;}

@media screen and (max-width: 1200px) {
  .nanodegree-wrap > ul{margin: 0 -15px;}
  .nanodegree-wrap > ul > li{padding: 0 15px;}
}

@media screen and (max-width: 768px) {
  .nanodegree-wrap > ul > li{width: 100%; margin-bottom: 50px;}
  .nanodegree-wrap > ul > li:last-child{margin-bottom: 0;}

  .nanodegree-wrap .nanodegree-header h1{font-size: 16px; padding: 10px 0;}
  .nanodegree-wrap .nanodegree-content{padding: 30px 20px;}
}
/* 나노디그리 소개 */

/* 개인정보처리방침 */
.private-button-wrap{border-radius: 5px; border: 5px solid #eeeeee; padding: 35px }
.private-button-wrap ul{display: flex; flex-wrap: wrap; margin: -33px -18px 0;}
.private-button-wrap li{width: 25%; padding: 0 18px; margin-top: 33px;}
.private-button-wrap li a{display: flex; align-items: center;}
.private-button-wrap li a p{font-size: 16px; line-height: 25px; color: #555555; margin-left: 10px;}
.private-button-wrap li a p span{background-image: linear-gradient(#0044cc, #0044cc); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.private-button-wrap li a:hover p{color: #0044cc;}
.private-button-wrap li a:hover p span{background-size: 100% 1px;}

.private-big-title{background-color: #f7f7f7; border-radius: 5px; display: flex; align-items: center; gap: 40px; padding: 30px 40px;}
.private-big-title .private-big-image {flex-shrink: 0;}
.private-big-title strong{font-size: 26px; color: #000000; }
.private-big-title p {font-size: 17px; color:#666666; line-height: 30px; margin-top: 6px;}

.private-middle-title{display: flex; flex-wrap: wrap;}
.private-middle-title .private-middle-image{margin-right: 12px; margin-top: 5px;}
.private-middle-title .private-middle-image ~ h2{margin: 10px 0 0 10px; top: 13px;}
.private-middle-title p{font-size: 20px; font-family: "HG Medium"; color: #000000;}

.private-organ-wrap{border-radius: 5px; border: 5px solid #eeeeee; padding: 45px 0 45px 295px;}
.private-organ-wrap .private-organ-box{display: flex; flex-wrap: wrap; align-items: start;}
.private-organ-wrap .private-organ-box p{padding-bottom: 50px; position: relative;}
.private-organ-wrap .private-organ-box p span{text-align: center; font-size: 18px; line-height: 30px; border-radius: 5px; padding: 15px 40px; display: block; position: relative; z-index: 2; width: 480px;}
.private-organ-wrap .private-organ-box p::before{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #cccccc; z-index: 1;}
.private-organ-wrap .private-organ-box:last-child p{padding-bottom: 0;}
.private-organ-wrap .private-organ-box:last-child p::before{display: none;}
.private-organ-wrap .private-organ-box .line-text{position: relative; font-size: 15px; color: #333333; padding: 4px 36px 34px;}
.private-organ-wrap .private-organ-box .line-text::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #cccccc;}
.private-organ-wrap .private-organ-box p.type1 span{background-color: #8093a9; color: white;}
.private-organ-wrap .private-organ-box p.type2 span{background-color: #fe9019; color: white; width: 360px;}
.private-organ-wrap .private-organ-box p.type2::before{display: none;}
.private-organ-wrap .private-organ-box p.type3 span{background-color: #dfefff; color: #3f8edd;}
.private-organ-wrap .private-organ-box p.type4 span{background-color: #8bcac7; color: white;}


@media screen and (max-width: 1200px) {
  .private-button-wrap ul{margin: -20px -10px 0;}
  .private-button-wrap li{width: calc(100%/2); padding: 0 10px; margin-top: 20px;}

  .private-big-title{gap: 30px; padding: 20px 30px;}
  .private-big-title strong{font-size: 20px;}

  .private-organ-wrap{padding: 45px 20px;}
  .private-organ-wrap .private-organ-box p span{width: 400px;}
}

@media screen and (max-width: 768px) {
  .private-button-wrap{padding: 20px;}
  .private-button-wrap li{width: 100%;}

  .private-big-title{flex-direction: column; justify-content: center; gap: 20px; padding: 30px;}
  .private-big-title strong{font-size: 18px;}
  .private-big-title p {font-size: 16px;}

  .private-organ-wrap .private-organ-box p{padding-bottom: 30px; width: 100%;}
  .private-organ-wrap .private-organ-box p::before{left: 25%;}
  .private-organ-wrap .private-organ-box p span{font-size: 14px; padding: 10px 25px; width: 100%}
  .private-organ-wrap .private-organ-box p.type2 span{width: 100%;}
  .private-organ-wrap .private-organ-box:nth-child(2) .type1{width: 50%;}
  .private-organ-wrap .private-organ-box:nth-child(2) .type1::before{left: 50%;}
  .private-organ-wrap .private-organ-box .line-text{width: 10%; padding: 13px 0 43px; text-align: center;}
  .private-organ-wrap .private-organ-box:nth-child(2) .type2{width: 40%;}
}
/* 개인정보처리방침 */

/* 편의시설 */
.facilities-wrap ul{display: flex; flex-wrap: wrap; margin: -40px -20px 0; justify-content: stretch;}
.facilities-wrap li{width: 25%; padding: 0 20px; margin-top: 40px;}
.facilities-wrap li .facilities-box{border: 1px solid #cccccc; padding: 36px 29px 44px; height: 100%;}
.facilities-wrap li h1{font-size: 19px; color: #121212; margin-bottom: 23px; font-family: "HG Medium";}
.facilities-wrap li dl{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.facilities-wrap li dl:last-child{margin-bottom: 0;}
.facilities-wrap li dt{width: 83px; font-size: 15px; color: #000000; position: relative; padding-left: 40px; line-height: 30px;}
.facilities-wrap li dt::before{content:""; display: block; position: absolute; left : 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center;}
.facilities-wrap li dt.location-icon::before{background-image: url(../../images/sub/icon-location.png);}
.facilities-wrap li dt.tel-icon::before{background-image: url(../../images/sub/icon-call.png);}
.facilities-wrap li dt::after{content:""; display: block; position: absolute; right: 0; top: 10px; width: 2px; height: 9px; background-color: #cccccc;}
.facilities-wrap li dd{width: calC(100% - 83px); font-size: 15px; line-height: 23px; color: #555555; padding-left: 15px; margin-top: 4px;}

@media screen and (max-width: 1200px) {
  .facilities-wrap li{width: 50%;}
  .facilities-wrap li .facilities-box{padding: 25px 20px 30px;}
}

@media screen and (max-width: 768px) {
  .facilities-wrap ul{margin: -20px -10px 0;}
  .facilities-wrap li{width: 100%; padding: 0 10px;}
}
/* 편의시설 */

/* 시설이용 */
.facilities-list li{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0; border-bottom: 1px solid #dddee0; align-items: start;}
.facilities-list li:first-child{border-top: 2px solid #000000;}
.facilities-list li:last-child{border-bottom: 2px solid #000000;}
.facilities-list .facilities-image{width: 470px; border-radius: 5px; overflow: hidden; position: relative;}
.facilities-list .facilities-image::before{content:""; display: block; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #e8e8e8; border-radius: 5px;}
.facilities-list .facilities-image img{width: 100%;}
.facilities-list .facilities-content{width: calc(100% - 470px); padding-left: 60px; position: relative; top: -6px;}
.facilities-list .facilities-content h1{font-family: "HG Medium"; color: #000000; font-size: 26px; margin-bottom: 26px;}
.facilities-list .facilities-content dl{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.facilities-list .facilities-content dl:last-child{margin-bottom: 0;}
.facilities-list .facilities-content dt{font-size: 15px; color: #555555; width: 270px; position: relative; padding-left: 15px;}
.facilities-list .facilities-content dt::before{content:""; display: block; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #c8c8c8;}
.facilities-list .facilities-content dd{font-size: 16px; color: #000000; width: calc(100% - 270px)}

.list-arrow-wrap.custom > ul > li .list-arrow-box{height: calc(100% - 42.5px);}
.list-arrow-wrap.custom > ul > li > p{font-size: 15px; font-family: "HG Medium"; color: #000000; text-align: center;}

@media screen and (max-width: 1200px) {
  .facilities-list .facilities-image{width: 350px;}
  .facilities-list .facilities-content{width: calc(100% - 350px); padding-left: 40px;}
}

@media screen and (max-width: 768px) {
  .facilities-list .facilities-image{width: 100%;}
  .facilities-list .facilities-content{width: 100%; padding-left: 0; margin-top: 30px;}
  .facilities-list .facilities-content img{width: 100%;}
  .facilities-list .facilities-content h1{font-size: 20px;}
  .facilities-list .facilities-content dt{width: 210px; font-size: 15px;}
  .facilities-list .facilities-content dd{width: calc(100% - 220px); font-size: 15px;}
}
/* 시설이용 */




/* 게시판 게시글에서 테이블이 있을 경우 반응형 처리 */
.viewCont .view-table-inner {width:100%; overflow-x:auto; overflow-y:hidden;}
.viewCont .view-table-inner::-webkit-scrollbar {width: 10px;height: 10px;}
.viewCont .view-table-inner::-webkit-scrollbar-thumb {background: linear-gradient(90deg, rgba(0,128,224,1) 0%, rgba(5,183,175,1) 100%);border: 2px solid #f1f1f1;border-radius: 10px;}
.viewCont .view-table-inner::-webkit-scrollbar-track {background-color: transparent;}
.viewCont table {width:100%;}
/* faq 게시판 테이블 처리 */
.faq-list .answer .view-table-inner {width:100%; overflow-x:auto; overflow-y:hidden; position:relative;}
.faq-list .answer .view-table-inner::-webkit-scrollbar {width: 10px;height: 10px;}
.faq-list .answer .view-table-inner::-webkit-scrollbar-thumb {background: linear-gradient(90deg, rgba(0,128,224,1) 0%, rgba(5,183,175,1) 100%);border: 2px solid #f1f1f1;border-radius: 10px;}
.faq-list .answer .view-table-inner::-webkit-scrollbar-track {background-color: transparent;}
.faq-list .answer table {width:100%;}

@media screen and (max-width:767px) {
  .faq-list .answer table {width:1000px;}
  .faq-list .answer .view-table-inner {overflow-x:hidden;}
  .faq-list .answer .view-table-inner.on {overflow-x:auto;}
  .faq-list .answer .view-table-inner::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/sites/guide/images/guide/table_scroll.png) no-repeat top 40px center;}
  .faq-list .answer .view-table-inner.on::after {display:none;}
}