@charset "utf-8";

/* main layout */
._objWidget:hover ._fnctAdmin{display:block;}

/************************************************
section01 - visual slogan
************************************************/
#multipleContentsDiv_pnu_basic_67{position:relative; }
#multipleContentsDiv_pnu_basic_67 ._objHtml{position:absolute; top: 12rem; width: 100%; text-align: center; z-index:1;}

.main-slogan {color:#fff; line-height:1.3;}
.main-slogan .inner{max-width:130rem; margin:0 auto;}

.main-slogan .t-1{font-size: 6.5rem;margin-bottom: 5.5rem;display: block;font-weight: 200;line-height:1.4;}
.main-slogan .t-1 span{font-weight:600;}
.main-slogan .t-2{font-size: 2.6rem;display:block;margin-bottom:25px;}

.main-slogan ul{display:flex;width:100%;gap:3rem;}
.main-slogan ul li{width:100%;}
.main-slogan ul li a{background:rgba(255,255,255,0.85);display:block;height:28rem;padding:5.5rem 2rem 0;border-radius:3.5rem;transition:all ease .5s;position:relative;}
.main-slogan ul li a:after{content:'';width:40px;height:40px;background:url('../../images/icon/vis-list-plus.png') no-repeat center;position:absolute;left:50%;bottom:40px;transform:translateX(-50%);}
.main-slogan ul li a strong{display:block;color:#212121;font-size:3rem;font-style:italic;margin-bottom:2rem;}
.main-slogan ul li a p{font-size:18px;color:#333;line-height:1.4;}
.main-slogan ul li a:hover{background:#007edf;}
.main-slogan ul li a:hover strong,
.main-slogan ul li a:hover p{color:#fff;}
.main-slogan ul li a:hover:after{background:url('../../images/icon/vis-list-plus-on.png') no-repeat center;}

@media screen and (max-width:1400px) {
  .main-slogan .inner{padding:0 20px;}
  .main-slogan .t-2{font-size:2rem;}
  .main-slogan .t-1{font-size:38px;}
  .main-slogan ul li a strong{font-size:2.4rem;}
  .main-slogan ul li a{height:22rem;padding-top: 3rem;}
  .main-slogan ul li a:after{bottom:2.5rem;}
}

@media screen and (max-width:1023px) {
  #multipleContentsDiv_pnu_basic_67 ._objHtml{top:80px;}
  .main-slogan ul{flex-wrap:wrap;gap:20px;}
  .main-slogan ul li{width:calc(100% / 2 - 10px);}
  .main-slogan ul li a{height:18rem;}
  .main-slogan ul li a p{font-size:16px;}
  .main-slogan ul li a:after{width:30px !important;height:30px !important;background-size:contain !important;}
}

@media screen and (max-width:767px) {
  .main-slogan .t-2{font-size:16px;margin-bottom:15px;}
  .main-slogan .t-1{font-size:30px;margin-bottom: 3.5rem;}
  .main-slogan ul li a strong{font-size:20px;}
  .main-slogan ul li a{height:140px;}
  .main-slogan ul li a p{display:none;}
}



/************************************************************************
visual
************************************************************************/
/* visual */
.wrap-visual{position:relative;}
.wrap-visual .visual-title{display:none;}

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

/* control */
.wrap-visual .visual-util{position: absolute;bottom: 4rem; z-index: 10; width: 100%; text-align: center;display:none;}
.wrap-visual .visual-util .area{display:inline-block; background: rgba(0, 0, 0, 0.5); padding: 0.5rem 2.5rem; 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;padding: 0.5rem;display: flex;align-items: center;justify-content: center;background: transparent;border: 1px solid transparent;width: auto;height: auto;}
.wrap-visual .visual-util .row .paging span:before{content:'';width: 0.5rem;height: 0.5rem;display: block;background: #fff;border-radius: 100%;position: relative;z-index: 1000;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #fff;}

/* icon counter */
.wrap-visual .visual-util .row .counter{}
.wrap-visual .visual-util .row .counter span{color:#fff;}
.wrap-visual .visual-util .row .counter .slash:before{content:'/';}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;gap: 1rem;}

.wrap-visual .visual-util .control-button{display: flex;gap:0rem;}
.wrap-visual .visual-util .control-button button{background-color:#fff; display: block;text-indent: -9999px;}
.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; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-repeat: no-repeat;}
.wrap-visual .visual-util .control-button button.prev{-webkit-mask-image: url(./../../images/icon/arrow_back.svg); mask-image: url(./../../images/icon/arrow_back.svg);}
.wrap-visual .visual-util .control-button button.next{-webkit-mask-image: url(./../../images/icon/arrow_forward.svg); mask-image: url(./../../images/icon/arrow_forward.svg);}
.wrap-visual .visual-util .control-button button.stop{-webkit-mask-image: url(./../../images/icon/pause.svg); mask-image: url(./../../images/icon/pause.svg);}
.wrap-visual .visual-util .control-button button.play{-webkit-mask-image: url(./../../images/icon/play.svg); mask-image: url(./../../images/icon/play.svg);}

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

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

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

#_hisList{max-width:1700px;margin:0 auto;}
#_hisList > ul:nth-child(1){display:flex;background:#f5f5f5;padding:10px;border-radius:100px;max-width:380px;margin: 0 auto 50px;}
#_hisList > ul:nth-child(1) > li{width:100%;text-align:center;}
#_hisList > ul:nth-child(1) > li a._on{color:#fff;background:#005baa;}
#_hisList > ul:nth-child(1) > li a{color:#005baa;padding: 15px 0;border-radius:100px;display:block;font-size:30px;font-weight:600;line-height: 1;}

#_hisList > ul:nth-child(2){display:flex;padding: 35px 30px;background: #f7f7f7;}
#_hisList > ul:nth-child(2) > li > a{color:#333;padding:12px;position:relative;}
#_hisList > ul:nth-child(2) > li > a._on:after{content:'';width:100%;height:5px;background:#005baa;position:absolute;left:0;bottom:0;}

.hisList .inner{padding:90px 0;max-width:1700px;margin:0 auto;}
.hisList .cate01 > ul{display:flex;background:#f5f5f5;padding:10px;border-radius:100px;max-width:380px;margin: 0 auto 50px;}
.hisList .cate01 > ul > li{width:100%;text-align:center;}
.hisList .cate01 > ul > li a{color:#005baa;padding: 15px 0;border-radius:100px;display:block;font-size:30px;font-weight:600;line-height: 1;}
.hisList .cate01 > ul > li a._on{color:#fff;background:#005baa;}

.hisList .cate02{background: #f7f7f7;padding-right: 700px;position:relative;margin-bottom: 50px;}
.hisList .cate02 > ul{display:flex;padding: 35px 30px;}
.hisList .cate02 > ul > li > a{color:#333;padding:12px;position:relative;}
.hisList .cate02 > ul > li > a._on:after{content:'';width:100%;height:5px;background:#005baa;position:absolute;left:0;bottom:0;}
.hisList .cate02 form{position:absolute;right: 30px;top: 20px;width: 670px;display: flex;align-items: center;gap: 10px;justify-content: flex-end;}
.hisList .cate02 select{width:190px;height:55px;line-height:55px;border:1px solid #aeaeae;border-radius:10px;font-size: 19px;font-weight:400;padding:0 15px;-webkit-appearance: none;appearance: none;background: #fff url('../../images/icon/select-arr.png') no-repeat 90% center;}
.hisList .cate02 input[type="text"]{width:350px;border:1px solid #aeaeae;height:55px;line-height:55px;border-radius:10px;font-size: 19px;font-weight:300;padding:0 15px;}
.hisList .cate02 input[type="button"]{width:110px;text-align:center;background:#005baa;color:#fff;border-radius:10px;height:55px;font-size: 19px;font-weight:500;}

.hisList .List > ul{flex-wrap:wrap;display:flex;gap: 0 100px;position:relative;}
.hisList .List > ul:after{content:'';width:1px;height:100%;background:#e7e7e7;position:absolute;left:50%;}
.hisList .List > ul > li{width: calc(100% / 2 - 50px);border-bottom: 1px solid #e7e7e7;position:relative;}
.hisList .List > ul > li:nth-child(1),
.hisList .List > ul > li:nth-child(2){border-top:1px solid #e7e7e7;}
.hisList .List > ul > li a{padding: 15px 30px 15px 180px;display: block;}
.hisList .List > ul > li a:after{content:'';width:30px;height:30px;background:url('../../images/icon/app-plus.png') no-repeat center;position:absolute;right: 30px;top: 50%;margin-top: -15px;}
.hisList .List > ul > li span{width: 120px;min-height: 80px;padding: 15px 5px;background:#e5f4ff;display: flex;position:absolute;left:30px;top:15px;border-radius: 20px;flex-direction: column;font-size: 14px;color: #005baa;font-weight: 500;justify-content: center;text-align: center;line-height: 1.3;letter-spacing: -1px;}
.hisList .List > ul > li strong{font-size:25px;color:#323232;font-weight: 400;display:block;line-height: 1.25;margin-bottom: 12px;margin-top: 10px;padding-right: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hisList .List > ul > li dl{position:relative;display:flex;gap:35px;padding-left:15px;margin-bottom: 10px;}
.hisList .List > ul > li dl:before{content:'';width:5px;height:5px;background:#2a5ca5;position:absolute;left:0;top: 6px;border-radius:50%;}
.hisList .List > ul > li dl dt,
.hisList .List > ul > li dl dd{color:#666;font-weight:300;line-height: 1;}

.hisList .List ._noData{font-size:20px;padding:25px;}


@media screen and (max-width:1800px) {
  .hisList .inner{padding:80px 20px;}
  .hisList .cate02{padding-right:0;display:flex;flex-wrap:wrap;}
  .hisList .cate02 form{position:initial;order: 1;width:100%;justify-content: flex-start;padding: 35px 0 0 30px;}
  .hisList .cate02 > ul{order:2;padding-top: 20px;}
}

@media screen and (max-width:1400px) {
  .hisList .cate01 > ul > li a{font-size: 20px;}
  .hisList .cate01 > ul{padding:7px;margin-bottom: 30px;}
  .hisList .cate02{margin-bottom:35px;}
  .hisList .List > ul{gap: 0 60px;}
  .hisList .List > ul > li{width:calc(100% / 2 - 30px);}
  .hisList .List > ul > li strong{font-size:20px;}
  .hisList .List > ul > li a{padding-left:160px;}
  .hisList .List > ul > li span{left: 20px;min-height: 70px;}
  .hisList .cate02 select{font-size:16px;}
  .hisList .cate02 input[type="button"]{font-size: 17px;width: 80px;}
  .hisList .cate02 > ul > li > a{font-size: 17px;}
  .hisList .List > ul > li a:after{right:5px;}
  .hisList .List > ul > li dl:before{top:5px;}
  .hisList .List > ul > li dl dt, .hisList .List > ul > li dl dd{font-size:14px;}
}

@media screen and (max-width:1023px) {
  .hisList .cate02 > ul{white-space:nowrap;overflow:auto;padding-bottom: 15px;}
  .hisList .cate02{padding-bottom:20px;padding-right:20px;}
  .hisList .List > ul{flex-wrap:wrap;}
  .hisList .List > ul > li{width:100%;}
  .hisList .List > ul:after{display:none;}
  .hisList .List > ul > li:nth-child(1){border-top:1px solid #eee !important;}
  .hisList .List > ul > li:nth-child(1), .hisList .List > ul > li:nth-child(2){border-top:0;}
}

@media screen and (max-width:767px) {
  .hisList .cate02 form{flex-wrap:wrap;}
  .hisList .cate02 select,
  .hisList .cate02 input[type="text"],
  .hisList .cate02 input[type="button"]{width:calc(100% - 10px);}
  .hisList .List > ul > li span{position:initial;text-align:left;padding:10px 15px;min-height:initial;border-radius:8px;width:auto;display:inline-block;font-size:18px;}
  .hisList .List > ul > li a{padding-left: 5px;}
}

@media screen and (max-width:768px){
  ._paging ._pageState {display: flex; align-items: center; padding: 0 1rem;}
  ._paging ._pageState span {font-size: 2.1rem;color: #000;}
  ._paging ._pageState ._curPage {color: #00baff;}
  ._paging ._pageState ._totPage::before {content: '/'; margin: 0 1rem;}
  ._paging ._inner ul {display: none;}
}


.quick-service{background:url('../../images/main/center-visual.jpg') no-repeat top center;padding-top:130px;}
.quick-service .inner{max-width:1520px;margin:0 auto;text-align:center;}
.quick-service .inner > strong{color:#fff;font-size:50px;font-weight:600;display:block;margin-bottom: 20px;line-height: 1.25;}
.quick-service .inner > p{font-size:23px;color:#fff;font-weight:300;margin-bottom:70px;line-height:1.4;}
.quick-service .inner > ul{display:flex;}
.quick-service .inner > ul > li{width:100%;}
.quick-service .inner > ul > li > a{display: flex;height:360px;text-align: right;padding-right: 35px;padding-bottom: 45px;flex-direction: column;justify-content: flex-end;position: relative;overflow:hidden;z-index: 1;}
.quick-service .inner > ul > li:nth-child(1) > a{border-top-left-radius:25px;border-bottom-left-radius:25px;background: #0275ce;}
.quick-service .inner > ul > li:nth-child(1) > a:before{content:'';width:252px;height:255px;background:url('../../images/icon/quick-icon01.png') no-repeat center;position:absolute;left:-15px;bottom:-15px;}
.quick-service .inner > ul > li:nth-child(1) > a:after{content:'';width: 65px;height: 65px;background:url('../../images/icon/quick-plus01.png') no-repeat center;position:absolute;right: 35px;top: 35px;}
.quick-service .inner > ul > li:nth-child(2) > a{background: #00a651;}
.quick-service .inner > ul > li:nth-child(2) > a:before{content:'';width:228px;height:239px;background:url('../../images/icon/quick-icon02.png') no-repeat center;position:absolute;left:-45px;bottom:0;}
.quick-service .inner > ul > li:nth-child(2) > a:after{content:'';width: 65px;height: 65px;background:url('../../images/icon/quick-plus02.png') no-repeat center;position:absolute;right: 35px;top: 35px;}
.quick-service .inner > ul > li:nth-child(3) > a{border-top-right-radius:25px;border-bottom-right-radius:25px;background: #35b2c2;}
.quick-service .inner > ul > li:nth-child(3) > a:before{content:'';width:242px;height:202px;background:url('../../images/icon/quick-icon03.png') no-repeat center;position:absolute;left:-15px;bottom:5px;}
.quick-service .inner > ul > li:nth-child(3) > a:after{content:'';width: 65px;height: 65px;background:url('../../images/icon/quick-plus03.png') no-repeat center;position:absolute;right: 35px;top: 35px;}

.quick-service .inner > ul > li > a span{color:#fff;font-size:24px;font-weight:300;position: absolute;left: 35px;top: 45px;}
.quick-service .inner > ul > li > a p{color:#fff;font-size:24px;font-weight:300;}
.quick-service .inner > ul > li > a strong{color:#fff;font-size:38px;font-weight:500;}

.quick-service .inner > ul > li > a:after{transition:all ease .5s;}
.quick-service .inner > ul > li > a:hover:after{transform:rotate(90deg);}

@media screen and (max-width:1500px){
  .quick-service .inner{padding:0 20px;}
}

@media screen and (max-width:1400px){
  .quick-service{padding-top:90px;}
  .quick-service .inner > strong{font-size:34px;}
  .quick-service .inner > p{font-size:20px;margin-bottom:40px;}
  .quick-service .inner > ul > li > a{height:280px;}
  .quick-service .inner > ul > li > a span{font-size:20px;}
  .quick-service .inner > ul > li > a p{font-size:20px;}
  .quick-service .inner > ul > li > a strong{font-size:32px;}
  .quick-service .inner > ul > li > a:before{transform:scale(0.75);left: -40px !important;bottom: -40px !important;}
  .quick-service .inner > ul > li a:after{width:35px !important;height:35px !important; background-size:contain !important;top:45px !important;}
}

@media screen and (max-width:767px){
  .quick-service .inner > ul{flex-wrap:wrap;}
  .quick-service .inner > ul > li > a{height:220px;padding-bottom: 25px;padding-right: 25px;}
  .quick-service .inner > ul > li:nth-child(1) > a{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0;}
  .quick-service .inner > ul > li:nth-child(3) > a{border-top-right-radius:0;border-bottom-left-radius:20px;}
  .quick-service .inner > p{font-size:18px;}
}


#multipleDiv_ihis_90{background:#eff5f6;padding:310px 0 200px;margin-top:-195px;}
.temp-intro{text-align:center;padding-bottom:60px;}
.temp-intro > strong{font-size:50px;color:#212121;display:block;margin-bottom:15px;line-height:1.25;}
.temp-intro > p{font-size:23px;color:#888;line-height:1.4;}

.wrap-quick{max-width:1620px;margin:0 auto;text-align:center;position:relative;}
.wrap-quick .quick-slide{padding:0 35px;position: relative;}
.wrap-quick .quick-slide .slider{overflow:hidden;}
.wrap-quick .quick-slide .swiper-slide{padding:10px;overflow:hidden;}
.wrap-quick .quick-slide .swiper-slide a{display:block;position:relative;}
.wrap-quick .quick-slide .swiper-slide a:after{content:'';width:100%;height:100%;border:3px solid #005abb;position:absolute;left:0;top:0;transition:all ease .5s;opacity:0;}
.wrap-quick .quick-slide .swiper-slide a:hover:after{opacity:1;}
.wrap-quick .quick-slide .thumb{height:520px;overflow:hidden;border:1px solid #dedede;}
.wrap-quick .quick-slide .thumb img{width:100%;min-height: 520px;object-fit:cover;object-position: top;}
.wrap-quick .quick-slide .subject{background:rgba(45,57,80,0.8);padding:20px;position:absolute;left:0;bottom:0;width:100%;}
.wrap-quick .quick-slide .subject .t-1{color:#fff;font-size:23px;font-weight:300;}
.wrap-quick .quick-title,
.wrap-quick .p-s,
.wrap-quick .counter{display:none;}
.wrap-quick .control-button button{width:70px;height:70px;text-indent:-9999px;position:absolute;top:50%;z-index:1;margin-top:-35px;}
.wrap-quick .control-button .prev{background:url('../../images/icon/temp-left.png') no-repeat center;left:0;}
.wrap-quick .control-button .next{background:url('../../images/icon/temp-right.png') no-repeat center;right:0;}

@media screen and (max-width:767px){
  #multipleDiv_ihis_90{padding-top: 270px;padding-bottom: 100px;}
  .temp-intro > strong{font-size:34px;}
  .temp-intro > p{font-size:18px;}
}

/************************************************************************
banner
************************************************************************/
/* banner */
.wrap-banner{border-top:0.1rem solid #ddd;}
.wrap-banner ._inner{position:relative;  max-width:160rem; margin:0 auto; overflow:hidden; gap: 3rem; padding:4rem 0; display: flex; align-items: center;}
.wrap-banner .banner-title{display:none;}

.wrap-banner .banner-slide{margin: 0 3rem; overflow:hidden;}
.wrap-banner .banner-slide .swiper-slide{width: auto !important; padding-right:7rem;}
.wrap-banner .banner-slide .swiper-slide:hover{text-decoration:underline;}
.wrap-banner .banner-slide .swiper-slide img{display:none;}
.wrap-banner .banner-slide .swiper-slide .subject{display:block;}
.wrap-banner .banner-slide .swiper-slide .subject .t-1{font-size:2rem;}

/* control */
.wrap-banner .banner-util{}
.wrap-banner .banner-util .area{display:inline-block;}
.wrap-banner .banner-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-banner .banner-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-banner .banner-util .row .paging span{opacity:1;padding: 0.5rem;display: flex;align-items: center;justify-content: center;background: transparent;border: 1px solid transparent;width: auto;height: auto;}
.wrap-banner .banner-util .row .paging span:before{content:'';width: 0.5rem;height: 0.5rem;display: block;background: #fff;border-radius: 100%;position: relative;z-index: 1000;}
.wrap-banner .banner-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #fff;}

/* icon counter */
.wrap-banner .banner-util .row .counter{display:none;}
.wrap-banner .banner-util .row .counter span{color:#fff;}
.wrap-banner .banner-util .row .counter .slash:before{content:'/';}

/* icon setting */
.wrap-banner .banner-util .row .control{display: flex;align-items: center;gap: 1rem;}

.wrap-banner .banner-util .control-button{display: flex;gap:1rem;}
.wrap-banner .banner-util .control-button button{background-color:#586273; display: block;text-indent: -9999px;}
.wrap-banner .banner-util .control-button  .p-s button{display:none;}
.wrap-banner .banner-util .control-button  .p-s button.on{display:block;}
.wrap-banner .banner-util .control-button button{width: 2rem;height: 2rem; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-repeat: no-repeat;}
.wrap-banner .banner-util .control-button button.prev{-webkit-mask-image: url(./../../images/icon/arrow_back.svg); mask-image: url(./../../images/icon/arrow_back.svg);}
.wrap-banner .banner-util .control-button button.next{-webkit-mask-image: url(./../../images/icon/arrow_forward.svg); mask-image: url(./../../images/icon/arrow_forward.svg);}
.wrap-banner .banner-util .control-button button.stop{-webkit-mask-image: url(./../../images/icon/pause.svg); mask-image: url(./../../images/icon/pause.svg);}
.wrap-banner .banner-util .control-button button.play{-webkit-mask-image: url(./../../images/icon/play.svg); mask-image: url(./../../images/icon/play.svg);}

@media all and (max-width:1024px) {
  .wrap-banner{gap:1rem;}
  .wrap-banner .banner-slide{margin:0;}
  .wrap-banner .banner-slide .swiper-slide{padding-right:3rem;}
}