@charset "utf-8";

/*메인 이미지슬라이드배너*/
#menu969_obj15081{margin:0 auto !important ; max-width:1920px !important ;}

/*비주얼 영상*/
#menu969_obj3962 {display: none; overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; top: 0; right: 0; z-index: 60; background: #fff; transform: translate(0, 0%);}
#menu969_obj3962.on {display: block;}
/*#menu969_obj3962.on {display: none;}*/ /*비디오를 무조건 없앨시 */
#menu969_obj3962::after{content:""; display: block; width: 100%; height: 100%; background: #00000030 url('../../images/main/pattern.png'); top: 0; left: 0; position: absolute; mix-blend-mode: overlay;}
.edit #menu969_obj3962 {display: none;}
.video-box {height: 100%;}
.video-box video {display:block; /*max-height:968px;*/ height: 120%; position:relative; left:50%; top: -10%; transform:translate(-50%,0); max-width:none;}
.edit .video-box video {height: 150%}

.video-box .youtube,
.video-box .video-container,
.video-box .video-foreground,
.video-box .video-foreground iframe {width: 100%; height: 100%}
.video-box .video-container {overflow: hidden; position: relative;}
.video-box .video-container iframe {position: absolute; top: 50%; left: 50%; width: 140%; height: calc(100% + 990px); transform: translate(-50%, -50%);}
.video-box .video-foreground {pointer-events: none;}
.video-box .movie-control {position: absolute; left: 0; bottom: 7%; z-index: 1; width: 100%; text-align: right;}
.video-box .movie-control .container {display: flex; justify-content: space-between; align-items: center; flex-direction: column; height: 130px;}
.video-box .movie-control .btn-movie-close {overflow: hidden; width: 30px; height: 40px; background: rgba(19 32 26) url('../../images/main/main_video_btn.png') no-repeat center; backdrop-filter: blur(10px); border-radius: 6px; transform: rotate(0deg); transition: .5s;}
.video-box .movie-control .btn-movie-close:hover {border-radius: 100%; background: rgba(240, 0, 72, 0.7) url('../../images/main/main_video_btn.png') no-repeat center;}
.video-box .movie-today {display: inline-block; position: relative; margin: 0 6px; padding: 8px 11px; background: rgb(16, 28, 18, .8); backdrop-filter: blur(10px); border-radius: 6px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 13px; color: #fff; vertical-align: middle; cursor: pointer; transition: .5s;}
.video-box .movie-today:hover {background: rgba(240, 0, 72, 0.7)}
/*.video-box .movie-today input[type="checkbox"] {position: absolute; right: 13px; top: 10px; z-index: 1; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; cursor: pointer;}
.video-box .movie-today input[type="checkbox"] + label {position: relative; top: 1px; display: inline-block; width: 14px; height: 13px; margin-left: 6px; background: url('../../images/main/ico-movie-close.png') no-repeat center;}*/
.video-box .movie-today button{color:#fff; display:inline-block; font-family:"FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial;}
.video-box input[type="checkbox"] {position: absolute; right: 13px; top: 10px; z-index: 1; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; cursor: pointer;}
.video-box input[type="checkbox"] + label {position: relative; top: 1px; display: inline-block; width: 14px; height: 13px; margin-left: 6px; background: url('../../images/main/ico-movie-close.png') no-repeat center;}

.video-box .movie-util {display: flex;}
.video-box .movie-util button:focus-visible {outline: 1px solid yellow}
.video-box .movie-play {margin-right: 5px; padding: 8px 11px; background: rgb(16, 28, 18, .8); backdrop-filter: blur(10px); border-radius: 6px; }
.video-box .movie-play .video-stop,
.video-box .movie-play .video-play {display: none; position: relative; top: -3px; width: 8px; height: 11px; text-indent: -99999px; vertical-align: middle;}
.video-box .movie-play .video-stop.on,
.video-box .movie-play .video-play.on {display: inline-block;}
.video-box .movie-play .video-stop {background: url('/style/fnct/imageSlide/kon_visual/images/btn-visual-pause.png') no-repeat center;}
.video-box .movie-play .video-play {background: url('/style/fnct/imageSlide/kon_visual/images/btn-visual-play.png') no-repeat center;}

.videoWrapper {display:block; /*max-height:968px;*/ height: 120% !important; position:relative; left:50%; top: -10%; transform:translate(-50%,0); max-width:none;}

.video-edit {display: none; position: absolute; right: 30px; top: 130px; z-index: 90; cursor: pointer;}
.edit .video-edit {display: block;}
.video-edit button {width: 150px; height: 60px; background: #609015; border-radius: 20px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; line-height: 60px; color: #fff;}

@media (max-width: 660px) {
  #menu969_obj3962.on {display: none;}
}

/* 학과 */
#multipleDiv_konkuk_136 {display: none;}
.wrap-college {padding: 80px 0 20px 0; background: #19323c;}
.wrap-college .title {line-height: 1;}
.wrap-college .title .left {padding-right: 53%; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 90px; font-style: italic; text-align: right; color: #fff;}
.wrap-college .title .left strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial;}
.wrap-college .title .left p {position: relative;}
.wrap-college .title .left span {position: absolute; left: 100%; top: 0; width: 100%; padding: 20px 0 0 50px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: normal; font-size: 17px; text-align: left; line-height: 1.7; color: #fff;}
.wrap-college .title .right {padding-left: 42%; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 90px; font-style: italic;  color: #fff;}

.wrap-college .list {display: flex; justify-content: space-between; margin-top: 60px;}
.wrap-college .list .line {width: calc(25% - 60px);}
.wrap-college .list .line1 {margin-top: 100px;}
.wrap-college .list .line2 {margin-top: 210px;}
.wrap-college .list .line4 {margin-top: 120px;}
.wrap-college .list .line li {position: relative; margin-bottom: 70px; padding-left: 30px;}
.wrap-college .list .line .box {display: flex; flex-direction: column; justify-content: space-between; height: 300px; padding: 40px; background: #0a202a;}
.wrap-college .list .line .box strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 24px; line-height: 1; color: #fff;}
.wrap-college .list .line .deco {text-align: right;}
.wrap-college .list .line .name {position: absolute; left: 15px; top: 0; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 16px; letter-spacing: 1px; color: rgba(255,255,255,.5); transform-origin: left top; transform: rotate(90deg);}
.wrap-college .list .name {position: absolute; left: 0; top: 0;}

@media (max-width: 1510px) {
  .wrap-college .title .left {font-size: 60px;}
  .wrap-college .title .right {font-size: 60px;}
  .wrap-college .title .left span {padding: 0 0 0 50px}
  .wrap-college .list .line {width: calc(25% - 30px)}
  .wrap-college .list .line .box {height: 250px}
  .wrap-college .list .line li {margin-bottom: 50px;}
  .wrap-college .list .line .name {font-size: 12px}
  .wrap-college .list .line .deco img {height: 50px}
  .wrap-college .list .line1 {margin-top: 0}
  .wrap-college .list .line2 {margin-top: 70px}
  .wrap-college .list .line4 {margin-top: 70px}
}

@media (max-width: 1400px) {
  .wrap-college .list .line .box {padding: 20px;}
  .wrap-college .list .line .box strong {font-size: 20px}
  .wrap-college .list .line {width: calc(25% - 5px)}
  .wrap-college .list .line li {margin-bottom: 20px}
  .wrap-college .list .line .name {display: none;}
  .wrap-college .list .line .box {height: 100px}
  .wrap-college .list .line .deco img {display: none;}
}

@media (max-width: 1200px) {
  .wrap-college .title .left span {display: none;}
  .wrap-college .title .left {display: inline-block; padding-right: 0; text-align: left; letter-spacing: 2px; font-size: 40px}
  .wrap-college .title .right {display: inline-block; padding-left: 0; font-size: 40px; letter-spacing: 2px;}
  .wrap-college .list .line2 {margin-top: 0px}
  .wrap-college .list .line4 {margin-top: 0px;}
}

@media (max-width: 1045px) {
  .wrap-college {padding: 40px 0}
  .wrap-college .list .line .box strong {font-size: 16px}
  .wrap-college .list .line {width: calc(25% - 15px)}
  .wrap-college .list .line li {padding-left: 0}
  .wrap-college .title .left,
  .wrap-college .title .right {font-size: 30px}
}

@media (max-width: 780px) {
  .wrap-college .list {flex-wrap: wrap; margin-top: 30px}
  .wrap-college .list .line {width: calc(50% - 15px)}
  .wrap-college .title .left,
  .wrap-college .title .right {font-size: 20px; letter-spacing: 1px}
  .wrap-college .list .line .deco img {display: inline-block; height: 30px}
}

/* 서비스 */
.wrap-service-banner {padding: 50px 0; background: #f8f8f8;}
.wrap-service-banner .title {position: relative; left: -50px; opacity: 0; display: flex; align-items: center; line-height: 1;}
.wrap-service-banner .title strong {display: inline-block; padding-right: 30px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 50px; color: #2a2a2a;}
.wrap-service-banner .title strong em {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; color: #e84855;}
.wrap-service-banner .title p {display: inline-block; vertical-align: middle;}

.wrap-service-banner .list {margin-top: 42px;}
.wrap-service-banner .list .slider {display: flex; justify-content: space-between; gap: 0 10px; height: 400px;}
.wrap-service-banner .list .slider > li {position: relative; top: 50px; opacity: 0; width: 0%; flex-grow: 1; background-size: cover !important; transition: width .75s;}
.wrap-service-banner .list .slider > li.on {width: 51.5%; flex-grow: 0; flex-shrink: 0; transform-origin: left top; background-size: cover !important;}
.wrap-service-banner .list .slider > li.bg1 {background: url('../../images/main/img-service1.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.bg2 {background: url('../../images/main/img-service2.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.bg3 {background: url('../../images/main/img-service3.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.bg4 {background: url('../../images/main/img-service4.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.bg5 {background: url('../../images/main/img-service5.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.bg6 {background: url('../../images/main/img-service6.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg1 {background: url('../../images/main/img-service1-on.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg2 {background: url('../../images/main/img-service2-on.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg3 {background: url('../../images/main/img-service3-on.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg4 {background: url('../../images/main/img-service4-on.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg5 {background: url('../../images/main/img-service5-on.jpg') no-repeat center top;}
.wrap-service-banner .list .slider > li.on.bg6 {background: url('../../images/main/img-service6-on.jpg') no-repeat center top;}

.wrap-service-banner .list .small {display: flex; justify-content: center; width: 100%; height: 100%; padding-top: 50px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 34px; line-height: 1.1; text-align: center; color: #fff; cursor: pointer;}
.wrap-service-banner .list .on .small {display: none;}
.wrap-service-banner .list .on .big {overflow: hidden; display: block;}
/* 학교기관만 따로 3줄로 - 요청 */
.wrap-service-banner .bg4 .big .links li {width: 33.3333%; padding-bottom: 10px;}
.wrap-service-banner .bg4 .big .links a {font-size:16px;}
/* 학교기관만 따로 3줄로 - 요청 */
.wrap-service-banner .big {display: none; padding: 54px 20px 0 50px;}
.wrap-service-banner .big .subject {padding-bottom: 40px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 34px; line-height: 1; color: #fff;}
.wrap-service-banner .big .subject strong {position: relative;}
.wrap-service-banner .big .subject strong::after {content: ''; position: absolute; left: calc(100% + 30px); top: 50%; width: 1000%; height: 1px; background: rgba(255,255,255,.8);}
.wrap-service-banner .big .links {overflow: auto; opacity: 0; display: flex; flex-wrap: wrap; justify-content: space-between; max-height: 225px; padding: 0 40px 0 40px; transition: .75s;}
.wrap-service-banner .big .links::-webkit-scrollbar {width: 5px;}
.wrap-service-banner .big .links::-webkit-scrollbar-thumb {background-color: #fff; border: 3px solid #fff; border-radius: 10px;}
.wrap-service-banner .big .links.tween {opacity: 1;}
.wrap-service-banner .big .links li {width: 50%; padding-bottom: 10px;}
.wrap-service-banner .big .links a {position: relative; padding-left: 20px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px; color: #fff;}
.wrap-service-banner .big .links a::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #fff; border-radius: 100%;}
.wrap-service-banner .big .links a span {position: relative;}
.wrap-service-banner .big .links a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: .75s;}
.wrap-service-banner .big .links a:hover span::after {width: 100%;}

@media (max-width: 1450px) {
  .wrap-service-banner .big .subject {font-size: 30px;}
  .wrap-service-banner .big .links {padding: 0;}
  .wrap-service-banner .big .links a {font-size: 16px;}
  .wrap-service-banner .list .small {font-size: 26px;}
}

@media (max-width: 1000px) {
  .wrap-service-banner {padding: 50px 0;}
  .wrap-service-banner .title {left: 0 !important; opacity: 1 !important;}
  .wrap-service-banner .title strong {font-size: 30px;}
  .wrap-service-banner .title p {font-size: 15px;}
  .wrap-service-banner .big {padding: 30px 20px 0 30px;}
  .wrap-service-banner .big .subject {font-size: 20px; padding-bottom: 17px;}
  .wrap-service-banner .big .links {max-height: 125px;}
  .wrap-service-banner .big .links li {padding-bottom: 0;}
  .wrap-service-banner .big .links a {padding-left: 10px; font-size: 14px;}
  .wrap-service-banner .big .links a::before {top: 8px; width: 4px; height: 4px;}
  .wrap-service-banner .list {margin-top: 15px;}
  .wrap-service-banner .list .slider {height: 220px; gap: 0 5px;}
  .wrap-service-banner .list .slider li {top: 0 !important; opacity: 1 !important;}
  .wrap-service-banner .list .small {padding-top: 30px; font-size: 20px;}
}

@media (max-width: 768px) {
  .wrap-service-banner {padding: 40px 0;}
  .wrap-service-banner .title strong {font-size: 24px;}
  .wrap-service-banner .title p {display: none;}
  .wrap-service-banner .list .small {display: flex; justify-content: flex-start; align-items: center; padding-top: 0; padding-left: 30px; height: 80px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; letter-spacing: -2.5px;}
  .wrap-service-banner .list .small br {display: none;}
  .wrap-service-banner .list .slider {height: auto; gap: 10px 0;}
  .wrap-service-banner .list .slider {flex-direction: column;}
  .wrap-service-banner .list .slider li {width: 100%;}
  .wrap-service-banner .list .slider li.on {width: 100%; transition: height .75s;}
  .wrap-service-banner .list .slider li.bg1 {background: url('../../images/main/img-service1-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .list .slider li.bg2 {background: url('../../images/main/img-service2-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .list .slider li.bg3 {background: url('../../images/main/img-service3-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .list .slider li.bg4 {background: url('../../images/main/img-service4-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .list .slider li.bg5 {background: url('../../images/main/img-service5-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .list .slider li.bg6 {background: url('../../images/main/img-service6-m.jpg') no-repeat center; background-size: cover;}
  .wrap-service-banner .big {padding: 30px;}
  .wrap-service-banner .big .links li {width: 50%;}
}

/* 온에어 */
#multipleDiv_konkuk_104 {max-width: 1920px; margin: 0 auto;}
.wrap-air {padding: 100px 0 0 0; background: #fff;}
.wrap-air.no-margin {padding: 0}
.wrap-air .title {position: relative; left: -50px; opacity: 0;  line-height: 1;}
.wrap-air .title::after { content: ''; position: absolute; left: 50%; top: 50%; z-index: 0; width: 90%; max-width: 1600px; height: 1px; background: #000; transform: translate(-50%, 0);}
.wrap-air .title .container {display: flex; justify-content: space-between; align-items: center;}
.wrap-air .title strong {z-index: 1; display: inline-block; padding-right: 50px; background: #fff; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 50px; color: #2a2a2a;}
.wrap-air .title strong em {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; color: #e84855;}
.wrap-air .title .link {position: relative; right: -50px; opacity: 0; z-index: 1;}
.wrap-air .title .link ul {display: flex; background: #fff;}
.wrap-air .title .link li {position: relative; margin-left: 30px; padding-left: 30px;}
.wrap-air .title .link li::after {content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background: #9b9b9b;}
.wrap-air .title .link li:first-child {margin-left: 0; padding-left: 50px;}
.wrap-air .title .link li:first-child::after {display: none;}
.wrap-air .title .link a {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 20px; color: #333;}
.wrap-air .title .link a:hover {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; color: #e84855;}
.wrap-air .title .link a span {position: relative;}
.wrap-air .title .link a span::after {content: ''; position: absolute; left: 0; bottom: -14px; width: 0%; height: 5px; background: #e84855; transition: .35s;}
.wrap-air .title .link a:hover span::after {width: 100%;}

.wrap-air .list {margin-top: 42px;}
.wrap-air .list ul {display: flex; height: 320px;}
.wrap-air .list ul li {position: relative; top: 50px; opacity: 0; width: 16.666%; background-size: cover !important;}
.wrap-air .list ul li:nth-child(n+7) {display:none;}
.wrap-air .list .detail {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; background: rgba(0,0,0,.8); backdrop-filter: blur(10px); text-align: center; opacity: 0; transition: opacity .35s;}
.wrap-air .list li:hover .detail {opacity: 1;}
.wrap-air .list .detail .desc {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 16px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 16px; color: #fff;}

.wrap-air .banner {display: flex; height: 230px;}
.wrap-air .banner .donation,
.wrap-air .banner .letter {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; text-align: center;}
.wrap-air .banner .donation {position: relative; left: -50px; opacity: 0; background: url('../../images/main/img-air7.jpg') no-repeat center;}
.wrap-air .banner .donation strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 24px; color: #fff;}
.wrap-air .banner .donation a {margin-top: 22px; padding: 17px 35px; background: rgba(1,99,101,.78); border-radius: 5px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px; color: #fff;}
.wrap-air .banner .donation a:hover {background: rgba(1,99,101,.9);}
.wrap-air .banner .letter {position: relative; right: -50px; opacity: 0; background: url('../../images/main/img-air8.jpg') no-repeat center;}
.wrap-air .banner .letter strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 24px; color: #fff;}
.wrap-air .banner .letter .form {display: flex; align-items: center; width: 100%; max-width: 590px; margin-top: 22px;}
.wrap-air .banner .letter .form input {width: 100%; height: 60px; line-height: 60px; border-radius: 5px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px; text-indent: 25px; color: #666;}
.wrap-air .banner .letter .form button {display: flex; align-items: center; height: 100%; margin-left: 5px; padding: 18px 25px; background:rgba(0,0,0,.5); border-radius: 5px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px; color: #fff;}
.wrap-air .banner .letter .form button:hover {background:rgba(0,0,0,.7);}
.wrap-air .banner .letter .form button::before {content: ''; display: inline-block; width: 20px; height: 24px; margin-right: 12px; background: url('../../images/main/ic-newsletter.png') no-repeat center;}

@media (max-width: 1660px) {
  .wrap-air .title::after {width: calc(100% - 120px);}
}

@media (max-width: 1480px) {
  .wrap-air .banner .letter strong {font-size: 22px;}
  .wrap-air .banner .letter .form button {font-size: 17px;}
  .wrap-air .banner .donation strong {font-size: 22px;}
  .wrap-air .banner .donation a {font-size: 17px;}
}

@media (max-width: 1270px) {
  .wrap-air .title .link li {margin-left: 20px; padding-left: 20px;}
  .wrap-air .title .link a {font-size: 18px;}
  .wrap-air .list ul li {width: 25%;}
  .wrap-air .list ul li.bg5,
  .wrap-air .list ul li.bg6 {display: none;}
  .wrap-air .banner .letter .form {padding: 0 40px;}
  .wrap-air .banner .letter strong {font-size: 20px;}
  .wrap-air .banner .letter .form button {font-size: 15px;}
  .wrap-air .banner .donation strong {font-size: 20px;}
  .wrap-air .banner .donation a {font-size: 15px;}
}

@media (max-width: 1000px) {
  .wrap-air {left: 0 !important; opacity: 1 !important; padding: 50px 0 0 0;}
  .wrap-air .title {left: 0 !important; opacity: 1 !important;}
  .wrap-air .title strong {padding-right: 30px; font-size: 30px;}
  .wrap-air .title .link {right: 0 !important; opacity: 1 !important;}
  .wrap-air .title .link li {margin-left: 15px; padding-left: 15px;}
  .wrap-air .title .link li:first-child {padding-left: 20px;}
  .wrap-air .title .link a {font-size: 16px;}
  .wrap-air .list {margin-top: 32px;}
  .wrap-air .list ul {height: 250px;}
  .wrap-air .list .detail img {width: 48px;}
  .wrap-air .list .detail .desc {font-size: 13px;}
  .wrap-air .list ul li {top: 0 !important; opacity: 1 !important;}
  .wrap-air .banner {height: 120px;}
  .wrap-air .banner .donation {left: 0 !important; opacity: 1 !important;}
  .wrap-air .banner .donation strong {font-size: 14px;}
  .wrap-air .banner .donation a {margin-top: 10px; padding: 7px 13px; font-size: 12px;}
  .wrap-air .banner .letter {right: 0 !important; opacity: 1 !important;}
  .wrap-air .banner .letter strong {font-size: 14px;}
  .wrap-air .banner .letter .form {margin-top: 10px; padding: 0 95px;}
  .wrap-air .banner .letter .form input {height: 30px; line-height: 30px; font-size: 12px; text-indent: 13px;}
  .wrap-air .banner .letter .form button {font-size: 12px; padding:6px 25px;}
  .wrap-air .banner .letter .form button::before {width: 12px; height: 14px; background-size: cover;}
}

@media (max-width: 940px) {
  .wrap-air .banner .letter .form {padding: 0 30px;}
}

@media (max-width: 768px) {
  .wrap-air .title strong {font-size: 24px;}
  .wrap-air .title .link a {font-size: 12px;}
  .wrap-air .title .link li {margin-left: 7px; padding-left: 7px;}
  .wrap-air .title::after {top: 55%;}
  .wrap-air .banner {flex-wrap: wrap; height: 240px;}
  .wrap-air .banner .donation,
  .wrap-air .banner .letter {width: 100%;}
  .wrap-air .list ul li {width: 50%;}
  .wrap-air .list ul li.bg3,
  .wrap-air .list ul li.bg4,
  .wrap-air .list ul li.bg5,
  .wrap-air .list ul li.bg6 {display: none;}
}

@media (max-width: 600px) {
  .wrap-air .title::after {display: none;}
  .wrap-air .title .link li::after {display: none;}
  .wrap-air .title .link li {margin-left: 3px; padding-left: 3px;}
  .wrap-air .banner .letter .form {padding: 0 95px;}
}

/* 포인트 */
#multipleContentsDiv_konkuk_186 {overflow: hidden;}
.wrap-point {position: relative; top: 50px; opacity: 0; padding: 100px 0  100px 0; background: #f8f8f8;}
.wrap-point .title {position: relative; text-align: center;}
.wrap-point .title .big {position: relative; z-index: 3; padding-top: 166px;}
.wrap-point .title .big strong {display: inline-block; font-family: 'Gmarket Bold';}
.wrap-point .title .big strong.text1 {position: relative; top: 50px; opacity: 0; color: #005128;}
.wrap-point .title .big strong.text2 {position: relative; top: 50px; opacity: 0; margin: 0 5.8%; color: #609015;}
.wrap-point .title .big strong.text3 {position: relative; top: 50px; opacity: 0; color: #19323c;}
.wrap-point .title p {position: relative; z-index: 3; margin-top: 29px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; color: #000;}

.wrap-point .deco {position: absolute; opacity: 0; filter: blur(20px);}
.wrap-point .deco i {position: absolute; opacity: 0; filter: blur(20px);font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-weight: 900; font-size: 120px; line-height: 1; color: rgba(192, 192, 192, .4);}
.wrap-point .deco1 { z-index: 1; left: -4%; top: 15.5%; width: 27.15%;}
.wrap-point .deco1 i { left: 93%; top: -36%;}
.wrap-point .deco2 { z-index: 2; left: -13%; top: 46.5%; width: 16.9%;}
.wrap-point .deco2 i { left: 94%; bottom: 7%;}
.wrap-point .deco3 { right: 6.2%; top: 0; width: 20.2%;}
.wrap-point .deco4 { right: -12.7%; top: 36.5%; width: 20.3%;}
.wrap-point .deco4 i { right: 89%; bottom: 0%;}

.wrap-point .list {position: relative; padding: 0 10%; /*margin-top: 117px;*/}
.wrap-point .list .slider {display: flex; justify-content: space-between; padding-top:20px;}
.wrap-point .list .slider li {width: calc(25% - 54px);}
.wrap-point .list .slider .slick-slide {margin: 0 38px;}
.wrap-point .list .slider .slick-list {margin: 0 -38px;}
.wrap-point .list .number {line-height: 1;}
.wrap-point .list .number strong {/*display: block; padding-bottom: 20px; border-bottom: 1px solid #000;*/ font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; color: #00a754;}
.wrap-point .list .number em {margin-right: 20px; font-family: 'Mont SemiBold'; font-size: 50px; line-height: 1;}
.wrap-point .list .desc {margin-top: 30px;}
.wrap-point .list .desc strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; line-height: 1; color: #000;}
.wrap-point .list .desc span {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px;}
.wrap-point .list .prev,
.wrap-point .list .next {position: absolute; top: 50%; width: 45px; height: 85px; text-indent: -99999px; transform: translate(0, -50%);}
.wrap-point .list .prev {left: 0; background: url('../../images/main/btn-count-prev.png') no-repeat center;}
.wrap-point .list .prev:hover {background: url('../../images/main/btn-count-prev-on.png') no-repeat center;}
.wrap-point .list .next {right: 0; background: url('../../images/main/btn-count-next.png') no-repeat center;}
.wrap-point .list .next:hover {background: url('../../images/main/btn-count-next-on.png') no-repeat center;}

.wrap-point .control {margin-top: 10px; text-align: center;}
.wrap-point .control .stop,
.wrap-point .control .play {display: none; width: 10px; height: 10px; margin: 9px 0; text-indent: -99999px}
.wrap-point .control .stop.on,
.wrap-point .control .play.on {display: inline-block;}
.wrap-point .control .stop {background: url('/Web-home/fnct/recentBbs/kon_recent_news/images/ic-bannerzone-stop.png') no-repeat center;}
.wrap-point .control .play {background: url('/Web-home/fnct/recentBbs/kon_recent_news/images/ic-bannerzone-play.png') no-repeat center;}

@media (max-width: 1620px) {
  .wrap-point .deco1 {left: -3% !important}
  .wrap-point .deco i {font-size: 10vw;}
}

@media (max-width: 1500px) {
  .wrap-point .title .big {padding-top: 14%;}
  .wrap-point .title .big strong {width: 10vw;}
  .wrap-point .list .number em {font-size: 35px;}
  .wrap-point .list .desc strong {font-size: 22px;}
}

@media (max-width: 1250px) {
  .wrap-point .list .number em {font-size: 40px;}
  .wrap-point .list .slider .slick-slide {margin: 0 25px;}
  .wrap-point .list .slider .slick-list {margin: 0 -25px;}
}

@media (max-width: 1000px) {
  .wrap-point {top: 0 !important; opacity: 1 !important; padding: 50px 0;background: #f8f8f8;}
  .wrap-point .title .big {padding-top: 26%;}
  .wrap-point .title .big strong.text1 {top: 0 !important; opacity: 1 !important;}
  .wrap-point .title .big strong.text2 {top: 0 !important; opacity: 1 !important; margin: 0 7.4%;}
  .wrap-point .title .big strong.text3 {top: 0 !important; opacity: 1 !important;}
  .wrap-point .title p {margin-top: 23px; font-size: 16px;}
  .wrap-point .list {left: 0 !important; opacity: 1 !important; /*margin-top: 60px;*/}
  .wrap-point .list .number em {font-size: 30px;}
  .wrap-point .list .number strong {font-size: 16px;}
  .wrap-point .list .desc {margin-top: 15px; line-height: 1.1;}
  .wrap-point .list .desc strong {font-size: 16px;}
  .wrap-point .list .desc span {font-size: 12px;}
  .wrap-point .deco i {opacity: 1 !important; filter: blur(0px) !important;}
  .wrap-point .deco1 {left: -7.5% !important; opacity: 1 !important; filter: blur(0px) !important; top: 15.5%; width: 40%;}
  .wrap-point .deco2 {left: -15% !important; opacity: 1 !important; filter: blur(0px) !important; top: 45.5%; width: 25.5%;}
  .wrap-point .deco3 {right: 0.2% !important; opacity: 1 !important; filter: blur(0px) !important; top: 0; width: 33.5%;}
  .wrap-point .deco4 {right: -13.7% !important; opacity: 1 !important; filter: blur(0px) !important; top: 37.5%; width: 27%;}
}

@media (max-width: 768px) {
  .wrap-point .list {padding: 0 12%;}
}

@media (max-width: 660px) {
  .wrap-point {padding: 40px 0;}
  .wrap-point .title .big {padding-top: 71%;}
  .wrap-point .title .big strong {width: 14vw;}
  .wrap-point .title p {padding: 0 10%;}
  .wrap-point .list {margin-top: 35px; padding: 0 20%;}
  .wrap-point .deco1 {left: -8% !important; top: 18%; width: 54%;}
  .wrap-point .deco2 {left: -18% !important; top: 41.5%; width: 35.5%;}
  .wrap-point .deco3 {right: 16.2% !important; top: 0; width: 45.5%;}
  .wrap-point .deco4 {right: -18.7% !important; top: 27.5%; width: 43.5%;}
  .wrap-point .deco i {font-size: 14vw;}
  .wrap-point .deco1 i {left: 56%; top: -41%;}
  .wrap-point .deco2 i {left: 94%; top: 21%;}
  .wrap-point .deco4 i {right: 94%; bottom: 11%;}
}
@media (max-width:607px) {
  .wrap-point .list .slider li {text-align:center;}
  .wrap-point .list .number em {margin-right:10px}
  .slick-slide img {text-align: center;}
}

.wrap-count {position: relative; top: 50px; opacity: 0; padding: 100px 0; background: #f8f8f8;}
.wrap-count .title {position: relative; text-align: center;}
.wrap-count .title .big {position: relative; z-index: 3; padding-top: 209px;}
.wrap-count .title .big strong {display: block; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 100px; line-height: 1.2; color: #000;}
.wrap-count .title .big strong.text1 {position: relative; left: -50px; opacity: 0;}
.wrap-count .title .big strong.text2 {position: relative; right: -50px; opacity: 0;}
.wrap-count .title .big strong.text3 {position: relative; left: -50px; opacity: 0;}
.wrap-count .title p {position: relative; z-index: 3; margin-top: 23px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; color: #000;}

.wrap-count .deco {position: absolute; opacity: 0; filter: blur(20px);}
.wrap-count .deco1 { z-index: 1; left: -4%; top: 15.5%; width: 33%; height: 54.1%; background: url('../../images/main/img-count1.jpg') no-repeat center; background-size: cover;}
.wrap-count .deco2 { z-index: 2; left: -13%; top: 45.5%; width: 22%; height: 60.5%; background: url('../../images/main/img-count2.jpg') no-repeat center; background-size: cover;}
.wrap-count .deco3 { right: 6.2%; top: 0; width: 28.5%; height: 79.4%; background: url('../../images/main/img-count3.jpg') no-repeat center; background-size: cover;}
.wrap-count .deco4 { right: -12.7%; top: 37.5%; width: 27%; height: 76.3%; background: url('../../images/main/img-count4.jpg') no-repeat center; background-size: cover;}

.wrap-count .list {position: relative; padding: 0 10%; margin-top: 117px;}
.wrap-count .list .slider {display: flex; justify-content: space-between;}
.wrap-count .list .slider li {width: calc(25% - 54px);}
.wrap-count .list .slider .slick-slide {margin: 0 38px;}
.wrap-count .list .slider .slick-list {margin: 0 -38px;}
.wrap-count .list .number {line-height: 1;}
.wrap-count .list .number strong {display: block; padding-bottom: 20px; border-bottom: 1px solid #000; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; color: #00a754;}
.wrap-count .list .number em {margin-right: 20px; font-family: 'Mont SemiBold'; font-size: 60px; line-height: 1;}
.wrap-count .list .desc {margin-top: 30px;}
.wrap-count .list .desc strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; line-height: 1; color: #000;}
.wrap-count .list .desc span {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px;}
.wrap-count .list .prev,
.wrap-count .list .next {position: absolute; top: 50%; width: 45px; height: 85px; text-indent: -99999px; transform: translate(0, -50%);}
.wrap-count .list .prev {left: 0; background: url('../../images/main/btn-count-prev.png') no-repeat center;}
.wrap-count .list .prev:hover {background: url('../../images/main/btn-count-prev-on.png') no-repeat center;}
.wrap-count .list .next {right: 0; background: url('../../images/main/btn-count-next.png') no-repeat center;}
.wrap-count .list .next:hover {background: url('../../images/main/btn-count-next-on.png') no-repeat center;}

@media (max-width: 1620px) {
  .wrap-count .deco1 {left: -2% !important}
}

@media (max-width: 1500px) {
  .wrap-count .title .big strong {font-size: 80px;}
  .wrap-count .list {margin-top: 140px;}
  .wrap-count .list .number em {font-size: 50px;}
  .wrap-count .list .desc strong {font-size: 22px;}
}

@media (max-width: 1250px) {
  .wrap-count .list .number em {font-size: 40px;}
  .wrap-count .list .slider .slick-slide {margin: 0 25px;}
  .wrap-count .list .slider .slick-list {margin: 0 -25px;}
}

@media (max-width: 1000px) {
  .wrap-count {top: 0 !important; opacity: 1 !important; padding: 50px 0;}
  .wrap-count .title .big {padding-top: 132px;}
  .wrap-count .title .big strong {font-size: 64px;}
  .wrap-count .title .big strong.text1 {left: 0 !important; opacity: 1 !important;}
  .wrap-count .title .big strong.text2 {right: 0 !important; opacity: 1 !important;}
  .wrap-count .title .big strong.text3 {left: 0 !important; opacity: 1 !important;}
  .wrap-count .title p {margin-top: 13px; font-size: 16px;}
  .wrap-count .list {left: 0 !important; opacity: 1 !important; margin-top: 110px;}
  .wrap-count .list .number em {font-size: 38px;}
  .wrap-count .list .number strong {font-size: 16px;}
  .wrap-count .list .number img{text-align: center;}
  .slick-slide img {text-align: center;}
  .wrap-count .list .desc {margin-top: 15px; line-height: 1.1;}
  .wrap-count .list .desc strong {font-size: 16px;}
  .wrap-count .list .desc span {font-size: 12px;}
  .wrap-count .deco1 {left: -7% !important; opacity: 1 !important; filter: blur(0px) !important; top: 15.5%; width: 38%; height: 54.1%;}
  .wrap-count .deco2 {left: -15% !important; opacity: 1 !important; filter: blur(0px) !important; top: 45.5%; width: 25%; height: 60.5%;}
  .wrap-count .deco3 {right: 0.2% !important; opacity: 1 !important; filter: blur(0px) !important; top: 0; width: 33.5%; height: 79.4%;}
  .wrap-count .deco4 {right: -13.7% !important; opacity: 1 !important; filter: blur(0px) !important; top: 37.5%; width: 27%; height: 76.3%;}
  
}

@media (max-width: 768px) {
  .wrap-count .list {padding: 0 12%;}
}

@media (max-width: 660px) {
  .wrap-count {padding: 40px 0;}
  .wrap-count .title .big {padding-top: 258px;}
  .wrap-count .title .big strong {font-size: 40px;}
  .wrap-count .title p {padding: 0 20%;}
  .wrap-count .list {margin-top: 35px; padding: 0 20%;}
  .wrap-count .deco1 {left: -4% !important; top: 15.5%; width: 39%; height: 34.1%;}
  .wrap-count .deco2 {left: -11% !important; top: 38.5%; width: 25%; height: 37.5%;}
  .wrap-count .deco3 {right: 12.2% !important; top: 0; width: 34.5%; height: 48.4%;}
  .wrap-count .deco4 {right: -8.7% !important; top: 27.5%; width: 27%; height: 46.3%;}
}

@media (max-width: 500px) {
  .wrap-count .deco1 {left: -5% !important; top: 18.5%; width: 51%; height: 34.1%;}
  .wrap-count .deco2 {left: -11% !important; top: 38.5%; width: 29%; height: 37.5%;}
  .wrap-count .deco3 {right: 16.2% !important; top: 0; width: 44.5%; height: 48.4%;}
  .wrap-count .deco4 {right: -4.7% !important; top: 27.5%; width: 27%; height: 46.3%;}
}

/* 캠퍼스 */
.wrap-campus {/*padding: 115px 0 130px 0; background: url('../../images/main/bg-campus.jpg') no-repeat; background-size: cover;*/background: #f8f8f8; padding-bottom: 50px;}
.wrap-campus .slogan {display: flex; justify-content: space-between; padding-bottom: 48px;}
.wrap-campus .slogan .kor {position: relative; left: -50px; opacity: 0; filter: blur(20px); font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 25px; line-height: 1.3; color: #fff;}
.wrap-campus .slogan .kor strong {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 40px;}
.wrap-campus .slogan .eng {position: relative; right: -50px; opacity: 0 ; filter: blur(20px); font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 40px; font-style: italic; text-align: right; line-height: 1.3; color: #fff;}
.wrap-campus .buttons {/*padding-top: 70px; border-top: 1px solid #fff;*/ text-align: center; font-size: 0;}
.wrap-campus .buttons li {position: relative; top: 50px; opacity: 0; display: inline-block; margin: 0 5px;}
.wrap-campus .buttons a {display: inline-block; min-width: 190px;  /*padding: 20px 0; border: 1px solid #fff;*/ font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 17px; color: #fff;}
.wrap-campus .buttons a:hover {background: #fff; color: #005128;}

@media (max-width: 1480px) {
  .wrap-campus .slogan .kor {font-size: 20px;}
  .wrap-campus .slogan .kor strong {font-size: 30px;}
  .wrap-campus .slogan .eng {font-size: 30px;}
  .wrap-campus .buttons a {padding: 15px 0; font-size: 16px;}
}

@media (max-width: 1000px) {
  .wrap-campus {padding: 45px 0 60px 0;}
  .wrap-campus .slogan {padding-bottom: 24px;}
  .wrap-campus .slogan .kor {filter: blur(0px) !important; left: 0 !important; opacity: 1 !important; font-size: 16px;}
  .wrap-campus .slogan .kor strong {font-size: 25px; line-height: 1.5;}
  .wrap-campus .slogan .eng {filter: blur(0px) !important; right: 0 !important; opacity: 1 !important; font-size: 25px;}
  .wrap-campus .buttons {padding-top: 39px;}
  .wrap-campus .buttons li {top: 0 !important; opacity: 1 !important;}
  .wrap-campus .buttons a {min-width: 150px; padding: 8px 0; font-size: 14px;}
}

@media (max-width: 840px) {
  .wrap-campus {padding: 27px 0 56px 0;}
  .wrap-campus .slogan {flex-wrap: wrap; padding-bottom: 21px;}
  .wrap-campus .slogan .kor,
  .wrap-campus .slogan .eng {width: 100%;}
  .wrap-campus .slogan .kor {font-size: 15px;}
  .wrap-campus .slogan .kor strong {font-size: 24px;}
  .wrap-campus .slogan .eng {margin-top: 30px; font-size: 24px;}
  .wrap-campus .buttons {padding-top: 28px;}
  .wrap-campus .buttons a {min-width: 110px; font-size: 13px;}
}
/* IE */
.ie .wrap-today .list::after {content:''; display:block; clear:both;}
.ie .wrap-today .list1 {float:left;}
.ie .wrap-today .list2 {float:right; width:calc(100% - 69.5%);}
.ie .wrap-today .list1 .text .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ie .wrap-today .list2 .text .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ie .wrap-today .list2 .text .desc {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* people */
.ie .wrap-people .list .text .subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ie .wrap-people .list .text .desc {height:115px; overflow:hidden; display:block;}
/* notice */
.ie .wrap-notice .detail strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ie .wrap-notice .detail p {display:block; height:51px; overflow:hidden;}
@media (max-width:1480px) {
  .ie .wrap-notice .detail p {height:45px;}
}
@media (max-width:635px) {
  .ie .wrap-notice .detail strong {width:100%;}
  .ie .wrap-notice .detail p {display:none;}
  
}
/* ie noti */
.ie .ie-noti {display:block;}
.ie-noti {background: #fff; padding:5px 0;  border-bottom:1px solid #ddd; display:none;}
.ie-noti .ie-noti-inner{max-width:1700px; margin:0 auto; width:100%;}
.ie-noti p {font-size:16px; font-family:"FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial;}
.ie-noti p a.link-underline {text-decoration:underline; display:inline-block; margin-left:10px; font-family:"FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial;}
.ie-noti strong {font-size:18px; display:block; font-family:"FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial;}

/* IE */