@charset "utf-8";
/************************************************************************
visual
************************************************************************/
/* list */
.wrap-visual{position:relative;}
.wrap-visual .visual-title{display:none;}

/* slider in text */
.wrap-visual .visual-slide .swiper-slide{height:82rem;}
.wrap-visual .visual-slide .swiper-slide img{width:100%; height:100%; object-fit: cover;}
.wrap-visual .visual-slide .swiper-slide .subject{display:none;}
.wrap-visual .visual-slide img {max-height: 100%;}

@media screen and (max-width: 1600px) {
  .wrap-visual .visual-slide .swiper-slide {height: 76rem;}
}

@media screen and (max-width: 1279px) {
  .wrap-visual .visual-slide .swiper-slide{height: 55rem;}
}

/* control */
.wrap-visual .visual-util{position: absolute;bottom: 6rem; left: 50%;transform: translateX(-50%);z-index: 1;width: 100%;text-align: center;}
.wrap-visual .visual-util .area{display:inline-block; background: rgba(0, 0, 0, 0.5); padding: 0.8rem 1.6rem 0.8rem 2.3rem; border-radius: 5rem;}
.wrap-visual .visual-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-visual .visual-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-visual .visual-util .row .paging span{opacity:1;width: 1.2rem;height: 1.2rem;padding: 0.5rem;background: #fff;border-radius: 100%;transition: width .25s;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{width: 2.8rem;background: #0275ce;border-radius: 1.2rem;}

/* icon counter */
.wrap-visual .visual-util .row .counter{display: flex;gap: 1rem;margin-right: 3rem;display: none;}
.wrap-visual .visual-util .row .counter span{position: relative;color:#dedede;font-size: 1.5rem;font-weight: 200;font-family: Suite;}
.wrap-visual .visual-util .row .counter span::before {content: "0";font-size: 1.5rem;color: #fff;}
.wrap-visual .visual-util .row .counter span.now {font-weight: 500;color: #fff;}
.wrap-visual .visual-util .row .counter .slash:before{content:'/';}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-util {bottom: 3.6rem;}
  .wrap-visual .visual-util .row .counter {margin-right: 1.2rem;}
  .wrap-visual .visual-util .area {padding: 0.6rem 1.3rem}
  .wrap-visual .visual-util .row .counter span {font-size: 1.3rem;}
  .wrap-visual .visual-util .row .counter span::before {font-size: 1.3rem;}
  .wrap-visual .visual-util .control-button button {background-size: 38%;}
  .wrap-visual .visual-util .control-button button.stop {background-size: 30%;}
  .wrap-visual .visual-util .control-button button.play {background-size: 48%;}
  .wrap-visual .visual-util .row {gap: 1.2rem;}
  .wrap-visual .visual-util .row .paging span {width: 1rem;height: 1rem;}
  .wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active {width: 1rem;height: 1rem;}
}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;justify-content: space-between;margin-left: 0;}
.wrap-visual .control .stop, .wrap-visual .control .play {margin: 0;}
.wrap-visual .visual-util .control-button{display: flex;gap:0rem;}
.wrap-visual .visual-util .control-button button{ display: block;text-indent: -9999px;}
.wrap-visual .visual-util .control-button button.prev {order: 1;}
.wrap-visual .visual-util .control-button button.next {order: 2;}
.wrap-visual .visual-util .control-button .p-s {order: 3;}
.wrap-visual .visual-util .control-button  .p-s button{display:none;}
.wrap-visual .visual-util .control-button  .p-s button.on{display:block;}
.wrap-visual .visual-util .control-button button{width: 2rem;height: 2rem; background-repeat: no-repeat;background-position: center;}
.wrap-visual .visual-util .control-button button.prev{background-image: url(./../../images/icon/arrow_back.png);}
.wrap-visual .visual-util .control-button button.next{background-image: url(./../../images/icon/arrow_forward.png);}
.wrap-visual .visual-util .control-button button.stop{background-image: url(./../../images/icon/pause.png);}
.wrap-visual .visual-util .control-button button.play{background-image: url(./../../images/icon/play.png);}


/************************************************************************
Notice
************************************************************************/
.wrap-photo{margin:0 auto; position:relative;padding: 10rem 0;max-width: 170rem;}
.wrap-photo ul{min-height: 47.5rem;}
.wrap-photo .list{position: absolute; left: 0; top: 0rem;padding-top: 11.5rem; width: 100%;display:none;overflow:hidden;}
.wrap-photo .active .list{display:block;width: calc(100% + 40px);}
.wrap-photo h2 {position: absolute;display: inline-block;margin-bottom: 1rem;font-size: 5.5rem;font-weight: 800;color: #212121;top: 8rem;line-height: 1;}
.wrap-photo .title {position: relative;gap: 0;text-align: center;padding-left: 25px;}
.wrap-photo .title button {transform: translateY(.3rem);color: #333;font-size: 2.2rem;font-weight: 400;transition: color .25s;display: inline-block;}
.wrap-photo .title:hover button {font-weight: 800;}
.wrap-photo ul > li .title::after {content: '';display: inline-block;width: 2rem;height: 2rem;transform: translate(1rem,.4rem);background: url(./../../images/icon/ic-tab-dot.png) no-repeat center;margin-left: .5rem;}
.wrap-photo ul > li:last-child .title::after {display: none;}
.wrap-photo li.active .title::after {transform: translate(1rem,0);}
.wrap-photo li.active .title button {position: relative;font-weight: 800;font-size: 2.6rem;transform: translateY(0);}
.wrap-photo li.active .title button::before {content: '';position: absolute;top: -1.2rem;left: 50%;transform: translateX(-50%);width: .7rem;height: .7rem;background: #005baa;border-radius: 50%;}
.wrap-photo ul {display: flex;position: relative;justify-content: center;}
.wrap-photo .swiper-slide {overflow: hidden;padding-right: 40px;}
.wrap-photo .swiper-slide::before {content: '';position: absolute;left: 0;bottom: 5.5rem;width: calc(100% - 40px);height: 2px;background: #3a3a3a;}
.wrap-photo .swiper-slide a {position: relative;display: block;padding: 4rem 0 14rem 1rem;min-height: 27rem;border-top: 1px solid #ccc;}
.wrap-photo .swiper-slide a:after{content:'더보기';position: absolute;left: 0;bottom: 0;width: 10rem;padding-bottom: .8rem;color: #595959;font-size: 1.4rem;font-weight: 200;font-style: italic;border-bottom: 1px solid #3a3a3a;background: url(./../../images/icon/ic-more-arrow.png) no-repeat right .5rem;}
.wrap-photo .list .thumb{display:none;}
.wrap-photo .list .con {display: flex;align-items: flex-start;flex-direction: column;}
.wrap-photo .date {position: absolute;bottom: 9.2rem;left: 1rem;background: transparent;color: #666;font-weight: 200;font-size: 1.5rem;}
.wrap-photo .date em::after {content: "-";}
.wrap-photo ul > li .title {position: relative;z-index: 2;}
.wrap-photo ul > li:nth-child(1) .title {}
.wrap-photo ul > li:nth-child(1) .title:hover::before,
.wrap-photo ul > li:nth-child(1).active .title::before {background-image: url(./../../images/icon/ic-notice1-on.png);}
.wrap-photo ul > li:nth-child(2) .title {}
.wrap-photo ul > li:nth-child(2) .title:hover::before,
.wrap-photo ul > li:nth-child(2).active .title::before {background-image: url(./../../images/icon/ic-notice2-on.png);}
.wrap-photo ul > li:nth-child(3) .title {}
.wrap-photo ul > li:nth-child(3) .title:hover::before,
.wrap-photo ul > li:nth-child(3).active .title::before {background-image: url(./../../images/icon/ic-notice2-on.png);}
.wrap-photo .subjectText {position: relative;padding-right: 2rem;font-size: 2.4rem;color: #333;font-weight: 500;margin-bottom: 1.5rem;line-height: 3.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 72px;}
.wrap-photo .subjectText span {background-image: linear-gradient(#333,#333);background-repeat: no-repeat;background-size: 0 2px;background-position: left bottom;transition: background-size .5s;}
.wrap-photo .swiper-slide a:hover .subjectText span {background-size: 100% 2px;}
.wrap-photo .content {display: block;width: 100%;padding-right: 5rem;font-size: 1.7rem;color: #666;font-weight: 200;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2.7rem;height: 55px;}
.wrap-photo .button-prev,
.wrap-photo .button-next {display: none !important;width: 8rem;height: 8rem;border: 1px solid #bfbfbf;border-radius: 50%;background: #fff;transition: .25s;}

.wrap-photo .button-prev {left: 0;margin-top: -4rem;}
.wrap-photo .button-next {right: 0;margin-top: -4rem;}

.wrap-photo .more {position: absolute;right: 4rem;top: 0;width: 3.4rem;height: 3.4rem;z-index: 1;text-indent: -9999px;background: url(./../../images/icon/ic-plus.png) no-repeat center;}
.wrap-photo .readMore {position: absolute;left: 0;bottom: 0;width: 10rem;padding-bottom: .8rem;color: #595959;font-size: 1.4rem;font-weight: 200;font-style: italic;border-bottom: 1px solid #3a3a3a;background: url(./../../images/icon/ic-more-arrow.png) no-repeat right .5rem;}

@media screen and (max-width:1750px) {
  .wrap-photo {width: calc(100% - 4rem);}
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width:768px) {
  .wrap-photo {padding: 6rem 0 12rem;}
  .wrap-photo ul > li .title {padding-left: 0.5rem;}
  .wrap-photo .title button {font-size: 1.6rem;}
  .wrap-photo li.active .title button {font-size: 1.8rem;transform: translateY(3px);}
  .wrap-photo h2 {position: relative;top: 1.5rem;text-align: center;margin-top: -2rem;font-size: 4rem;display:block;margin-bottom: -1rem;}
  .wrap-photo ul {min-height: 42.5rem;padding-top: 60px;}
  .wrap-photo .list {top: 10rem;width: calc(100% - 6rem) !important;left: 50%;transform: translateX(-50%);padding-top: 20px;}
  .wrap-photo .more {display: none;}
  .wrap-photo .swiper-slide{padding-right:0;}
  .wrap-photo .swiper-slide::before{width:100%;}
  .wrap-photo ul > li .title::after{transform:translateY(7px) !important;}
}

.quick-menu h2{display:none;}
.quick-menu .quick-slide{padding-left:16%;background: url(./../../images/main/img-service1.jpg) no-repeat left bottom / 631px 480px;}

.quick-menu .swiper-wrapper{display:grid;grid-template-columns:50%;}
.quick-menu .swiper-slide{width:100%;flex-shrink: initial;}
.quick-menu .swiper-slide a{display:block;height:240px;transition:background-color .25s;padding: 4rem 5rem 2rem;}
.quick-menu .swiper-slide a:before{content: ''; position: absolute;left: 4rem;bottom: 5rem;width: 2rem;height: 2rem;background: #fff;opacity: .2;border-radius: 50%;}
.quick-menu .swiper-slide a:after{content:'View More';color:#fff;position:absolute;left:5rem;bottom:4rem;padding-right:4rem;background:url('./../../images/icon/ic-service-more-arrow.png') no-repeat right 1.2rem;}

.quick-menu .swiper-slide:nth-child(1) {grid-column-end: 1;grid-row-start: 2;}
.quick-menu .swiper-slide:nth-child(2) {grid-row-start: 1;grid-column-end: 2;}
.quick-menu .swiper-slide:nth-child(3) {grid-column-end: 2;}

.quick-menu .swiper-slide:nth-child(1) a{background: #0a7b77db;}
.quick-menu .swiper-slide:nth-child(2) a{background: #273ca5;}
.quick-menu .swiper-slide:nth-child(3) a{background: #3266a3;}

.quick-menu .swiper-slide:nth-child(1) > a:hover {background-color: #0a7b77;}
.quick-menu .swiper-slide:nth-child(2) > a:hover {background-color: #1d2e85;}
.quick-menu .swiper-slide:nth-child(3) > a:hover {background-color: #265387;}

.quick-menu .t-1{font-size: 2.8rem;color: #fff;font-weight: 800;}
.quick-menu .t-2{font-size: 1.8rem;color: #fff;font-weight: 200;opacity: .8;}

.quick-menu .thumb{position:absolute;right:30px;bottom:30px;}

@media screen and (max-width:1200px) {
  .quick-menu .swiper-slide a{padding:3rem;}
  .quick-menu .t-1{font-size:2rem;}
  .quick-menu .t-2{font-size:1.6rem;}
  .quick-menu .thumb{transform:scale(0.7);}
}

@media screen and (max-width:767px) {
  .quick-menu .quick-slide{padding-top: 210px;background-position: left top;background-size: 100% 390px;padding-left: 0;}
  .quick-menu .swiper-wrapper{display:block;}
  .quick-menu .t-1{font-size:2.3rem;margin-bottom:0.75rem;}
  .quick-menu .swiper-slide a{height:175px;}
  .quick-menu .swiper-slide a:before{left:2rem;width: 1.5rem;height: 1.5rem;left: 2.2rem;bottom: 4.8rem;}
  .quick-menu .swiper-slide a:after{left:3rem;font-size:1.4rem;background-size: 1.5rem;padding-right: 2.5rem;background-position: right 1.1rem;}
}

@media screen and (max-width:500px) {
  .quick-menu .quick-slide{background-size: auto 390px;background-position: 40% top;}
}



/*

*/