@charset "utf-8";

/* 공통 */
.sub-tit {text-align:center;}

/*
*section01 시작
*/
/* 섹션 공통 */
.business-section01 {padding:50px 0; background:#fafdff; overflow:hidden; /* float 깨짐 방지 */}
/* 좌측 영역 */
.business-section01 .left-area {float:left; width:45%; max-width:625px;}
.business-section01 .left-area img {border-radius:20px; max-width:100%; height:auto;}
/* 우측 영역 */
.business-section01 .right-area {float:right; width:50%; padding:30px 0 0; margin-top:50px;}
.business-section01 .right-area .tit h3 {font-size:16px; color:#1179a7; font-weight:500;}
.business-section01 .right-area .tit h1 {font-size:36px; font-weight:800; margin:10px 0 30px;}
.business-section01 .right-area .tit h1 span {color:#1179a7;}
.business-section01 .right-area .tit h2 {font-size:28px; color:#177aa9; font-weight:600;}
.business-section01 .right-area p {font-size:24px; margin-top:30px; padding-left:5px; position:relative; line-height:1.6em;}

.business-section01 .ps-area {float:left; width:100%;}
.business-section01 .ps-area h1 {margin:120px auto 50px; font-size:36px; font-weight:800; text-align:center; -line-height:1.4;}
.business-section01 .ps-area ul {margin:0; padding:0; list-style:none;}
.business-section01 .ps-area ul:after {content:""; display:block; clear:both;}
.business-section01 .ps-area ul li {float:left; width:33.333%; padding:16px; box-sizing:border-box;}
.business-section01 .ps-area ul li .box {position:relative; font-size:24px; border:1px solid #e6edf3; border-radius:16px; background:#fff; text-align:center; padding:46px 18px; margin:0; box-shadow:0 2px 8px rgba(17,121,167,.06); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; overflow:hidden;}
.business-section01 .ps-area ul li .box:before {content:""; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg, #1179a7 0%, #4aaad1 100%);}

/* Tablet ≤1024px */
@media (max-width:1024px){
  .business-section01 .ps-area h2 {margin:60px auto 24px; font-size:24px;}
  .business-section01 .ps-area ul li {width:50%; padding:12px;}
  .business-section01 .ps-area ul li .box {padding:22px 16px; border-radius:14px;}
  .business-section01 .ps-area ul li .box:before {height:5px;}
  .business-section01 .ps-area ul li .box h3 {font-size:18px;}
  .business-section01 .ps-area ul li .box p {font-size:15px;}
}

/* Mobile ≤767px */
@media (max-width:767px){
  .business-section01 .ps-area h2 {margin:28px auto 14px; font-size:20px;}
  .business-section01 .ps-area ul li {width:100%; padding:10px 0;}
  .business-section01 .ps-area ul li .box {padding:18px 14px; border-radius:12px; box-shadow:0 1px 6px rgba(17,121,167,.08);}
  .business-section01 .ps-area ul li .box:before {height:4px;}
  .business-section01 .ps-area ul li .box h3 {font-size:17px;}
  .business-section01 .ps-area ul li .box p {font-size:14px;}
  .business-section01 .ps-area ul li .box a {font-size:13px; padding:7px 12px;}
}

/* 반응형 */
@media screen and (max-width:1280px){
  .business-section01 .right-area {padding-top:0px;}
  .business-section01 .right-area .tit h2 {font-size:25px;}
}
@media screen and (max-width:1024px){
  .business-section01 {padding:50px 0;}
  .business-section01 .left-area,
  .business-section01 .right-area {float:none; width:100%; max-width:100%; padding-bottom:20px;}
  .business-section01 .left-area img {width:100%; height:auto; max-height:400px; object-fit:cover; border-radius:15px; display:block; margin:0 auto;}
  .business-section01 .right-area .tit h1 {font-size:28px;}
  .business-section01 .right-area .tit h2 {font-size:22px;}
  .business-section01 .right-area p {font-size:18px;}
}
@media screen and (max-width:600px){
  .business-section01 {padding:30px 0;}
  .business-section01 .left-area img {max-height:250px;}
  .business-section01 .right-area .tit h1 {font-size:24px;}
  .business-section01 .right-area .tit h2 {font-size:20px;}
  .business-section01 .right-area p,
  .business-section01 .right-area p.ps {font-size:16px;}
}
/*
*section01 끝
*/

/*
*section02 시작
*/
.business-section02 {padding:0 0 100px;}
.business-section02 .box {border-radius:50px; height:280px; border:1px solid #1563ca; box-shadow:-3px 2px 10px 3px rgba(21,99,202,0.3); position:relative; margin-bottom:50px;}
.business-section02 .box .info {width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
.business-section02 .box .info:after {clear:both; display:block; content:"";}
.business-section02 .box .info .tit {float:left; width:34%;}
.business-section02 .box:first-child .info .tit {padding:30px 0 0 60px;}
.business-section02 .box:nth-child(2) .info .tit {padding:0 0 0 60px;}
.business-section02 .box:last-child .info .tit {padding:30px 0 0 60px;}
.business-section02 .box .info .tit:after {clear:both; display:block; content:"";}
.business-section02 .box .info .tit h1 {float:left; font-size:36px; color:#4697f2; font-weight:900; margin:8px 0 0 20px;}
.business-section02 .box .info .tit h2 {float:left; font-size:48px; color:#8fc9f1; font-weight:900;}
.business-section02 .box .info ul {float:left; width:60%;}
.business-section02 .box .info ul li {font-size:20px; padding-left:15px; position:relative; margin:10px 0; line-height:1.5em;}
.business-section02 .box .info ul li:after {width:3px; height:3px; top:12px; left:0px; background:#666; border-radius:50px; content:""; display:block; position:absolute;}
.business-section02 .box .info span.icon {position:absolute; right:100px; top:20%;}

/* Tablet & below */
@media screen and (max-width:1024px){
  .business-section02 {padding:0 0 60px;}
  .business-section02 .box {height:auto; border-radius:24px; padding:24px 20px 28px; margin-bottom:32px; box-shadow:-2px 2px 8px 2px rgba(21,99,202,0.25);}
  .business-section02 .box .info {position:static; transform:none; -ms-transform:none; -webkit-transform:none; -moz-transform:none;}
  .business-section02 .box .info .tit,
  .business-section02 .box .info ul {float:none; width:100%;}
  .business-section02 .box .info .tit {padding:0 0 12px 0 !important; display:flex; gap:10px; align-items:baseline;}
  .business-section02 .box .info .tit h2 {font-size:34px; color:#8fc9f1; font-weight:900; float:none;}
  .business-section02 .box .info .tit h1 {font-size:clamp(18px, 2.5vw, 36px); color:#4697f2; font-weight:900; margin:8px 0 0 10px; float:none;}
  .business-section02 .box .info .tit h1 br.none {display:none;}
  .business-section02 .box .info ul {margin-top:4px;}
  .business-section02 .box .info ul li {font-size:18px; line-height:1.7; margin:8px 0; padding-left:14px;}
  .business-section02 .box .info ul li:after {width:3px; height:3px; top:12px; left:0; background:#666; border-radius:50%; content:""; display:block; position:absolute;}
  .business-section02 .box .info span.icon {position:static; display:block; margin:14px 0 0 auto; width:56px; height:auto;}
}

/* Mobile */
@media screen and (max-width:600px){
  .business-section02 {padding:0 0 40px;}
  .business-section02 .box {border-radius:18px; padding:20px 16px 24px; margin-bottom:24px; box-shadow:-1px 1px 6px 2px rgba(21,99,202,0.2);}
  .business-section02 .box .info .tit h2 {font-size:28px;}
  .business-section02 .box .info .tit h1 {font-size:20px;}
  .business-section02 .box .info ul li {font-size:16px; line-height:1.7; margin:6px 0;}
  .business-section02 .box .info span.icon {width:48px; margin-top:12px;}
}
/*
*section02 끝
*/

/*
*section03 시작
*/
.business-section03 {padding:0 0 100px; background:#f6fcff;}
.business-section03 .process {}
.business-section03 .process:after {clear:both; display:block; content:"";}
.business-section03 .process li {float:left; width:27%; height:360px; margin-bottom:30px;}
.business-section03 .process li.arrow {width:6%; position:relative;}
.business-section03 .process li.arrow i {width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; font-size:28px; color:#525252;}
.business-section03 .process li .box {height:360px; border:1px solid #2c72d0; border-radius:20px; background:#fff; padding:40px; position:relative; box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.business-section03 .process li .box h3 {color:#2c72d0; font-size:20px; font-weight:900; border-bottom:1px solid #dedede; padding-bottom:20px;}
.business-section03 .process li .box h1 {font-size:24px; font-weight:800; margin:30px 0 20px;}
.business-section03 .process li .box p {font-size:18px;}
.business-section03 .process li .box span {position:absolute; right:40px; bottom:40px;}
.business-section03 .process li .box span img {height:60px;}

/* Tablet */
@media screen and (max-width:1024px){
  .business-section03 .page-tit p {padding:0 15px; line-height:1.7;}
  .business-section03 .process li .box span {right:20px; bottom:30px;}
  .business-section03 .process li .box span img {height:52px;}
}
/* Mobile (≤768px) */
@media screen and (max-width:768px){
  .business-section03 {padding:0 0 50px;}
  .business-section03 .page-tit p {padding:0 15px; font-size:18px; line-height:1.7; letter-spacing:0.3px;}
  .business-section03 .process li {float:none; width:100%; height:auto; margin-bottom:20px;}
  .business-section03 .process li.arrow {display:none;}
  .business-section03 .process li .box {height:auto; padding:24px 20px;}
  .business-section03 .process li .box h3 {font-size:18px; padding-bottom:12px;}
  .business-section03 .process li .box h1 {font-size:20px; margin:20px 0 12px;}
  .business-section03 .process li .box p {font-size:16px; line-height:1.6;}
  .business-section03 .process li .box span {position:static; display:block; margin-top:10px; text-align:right; right:20px; bottom:20px;}
  .business-section03 .process li .box span img {height:48px;}
}
/*
*section03 끝
*/

/** section04 시작 **/
.business-section04 {padding:0 0 100px;}
.business-section04 p {line-height:3rem;}
.business-section04 ul.info {margin:50px auto 0; text-align:center; max-width:430px; padding:0;}
.business-section04 ul.info li {font-size:18px; -display:inline-block; -width:45%; margin:0 10px 10px 0; vertical-align:middle; text-align:left; position:relative; padding-left:14px; line-height:1.5;}
.business-section04 ul.info li::before {content:"•"; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:0.7em; color:#666;}

.business-section04 .hotel-slider {overflow:hidden; position:relative;}
.business-section04 .hotel-slider .hotel-control {top:20px; left:20px; z-index:9999; position:absolute;}
.business-section04 .hotel-slider .hotel-control:after {clear:both; display:block; content:"";}
.business-section04 .hotel-slider .hotel-next,
.business-section04 .hotel-slider .hotel-prev {z-index:99; width:48px; height:48px; line-height:48px; font-size:34px; text-align:center; color:#fff; background:rgba(0,66,188,.7); border:1px solid #1868fc; font-weight:900; cursor:pointer; display:inline-block; float:left;}
.business-section04 .hotel-slider .hotel-prev {}
.business-section04 .hotel-slider .hotel-next {}
.business-section04 .hotel-slider .hotel-page {width:auto; bottom:auto; left:auto; margin-right:20px; font-size:32px; line-height:48px; color:#fff; display:inline-block; position:relative; float:left;}
.business-section04 .hotel-slider .swiper-pagination-current {color:#d1ecff; font-weight:900;}
.business-section04 .hotel-slider .swiper-slide {display:inline-block; width:100%; height:580px; position:relative; overflow:hidden;}
.business-section04 .hotel-slider .txt-area {width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; position:relative;}
.business-section04 .hotel-slider .txt-area .txt {width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; font-size:54px; color:#fff;}
.business-section04 .hotel-slider .txt-area .txt h1,
.business-section04 .hotel-slider .txt-area .txt strong {font-weight:900;}

/* Tablet (≤1024px) */
@media screen and (max-width:1024px){
  .business-section04 .page-tit p {padding:0 15px; line-height:1.7;}
  .business-section04 .hotel-slider .swiper-slide {height:500px;}
  .business-section04 .hotel-slider .hotel-control {top:12px; left:12px;}
  .business-section04 .hotel-slider .hotel-next,
  .business-section04 .hotel-slider .hotel-prev {width:44px; height:44px; line-height:44px; font-size:28px;}
  .business-section04 .hotel-slider .hotel-page {font-size:22px; line-height:44px; margin-right:12px;}
  .business-section04 .hotel-slider .txt-area .txt {font-size:clamp(24px, 4vw, 40px); padding:0 16px;}
  .business-section04 .hotel-slider .txt-area::before {content:""; position:absolute; inset:0; background:rgba(0,0,0,0.18); pointer-events:none;}
}

/* Mobile (≤600px) */
@media screen and (max-width:600px){
  .business-section04 .page-tit p {padding:0 15px; font-size:18px; line-height:1.7; letter-spacing:0.3px;}
  .business-section04 .hotel-slider .swiper-slide {height:320px;}
  .business-section04 .hotel-slider .hotel-control {top:10px; left:10px;}
  .business-section04 .hotel-slider .hotel-next,
  .business-section04 .hotel-slider .hotel-prev {width:40px; height:40px; line-height:40px; font-size:24px;}
  .business-section04 .hotel-slider .hotel-page {font-size:18px; line-height:40px; margin-right:10px;}
  .business-section04 .hotel-slider .txt-area .txt {font-size:clamp(18px, 5vw, 28px); padding:0 14px;}
  .business-section04 .hotel-slider .txt-area::before {background:rgba(0,0,0,0.25);}
}
/** section04 끝 **/