@charset "utf-8";

/*
html, body{font-size: calc(100vw / 75);}

@media screen and (max-width: 767px) {
  html, body{font-size: calc(100vw / 40);}
}
*/

.header {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; padding-top: 10px;}
.scrolled .header {border-bottom: 1px solid #ddd;}
.header.open-gnb {background: #119AD8;}
.header .header-inner {display: flex; align-items: center; justify-content: space-between; height: 83px;}
.header .logo {width: 170px; height: 65px; background: url(../img/main/logo.webp); background-repeat: no-repeat; text-indent: -9999px;}
.header.open-gnb .logo {background-image: url(../img/main/logo-active.webp);}
.header .hd-side {display: flex; align-items: center;}
.header .top-menu {display: flex;}
.header .top-menu li {margin-left: 5px;}
.header .top-menu a {display: flex; align-items: center; height: 30px; padding: 0 10px; border: 2px solid #0B4DA2; border-radius: 15px;}
.header .top-menu a.ico {background: #0B4DA2;}
.header .top-menu .txt {position: relative; color: #0B4DA2; font-size: 13px; letter-spacing: 0.17px;}
.header .top-menu .ico .txt {padding-left: 19px; color: #fff;}
.header .top-menu .ico .txt:before {content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; background-size: 100%; transform: translateY(-50%);}
.header .top-menu .home:before {background-image: url(../img/main/top_icon_01.webp);}
.header .top-menu .write:before {background-image: url(../img/main/top_icon_02.webp);}
.header .top-menu .quote:before {background-image: url(../img/main/top_icon_03.webp);}
.header.open-gnb .top-menu a {border-color: #fff;}
.header.open-gnb .top-menu a.ico {background: #fff;}
.header.open-gnb .top-menu .txt {color: #fff;}
.header.open-gnb .top-menu .ico .txt {color: #119AD8;}
.header.open-gnb .top-menu .home:before {background-image: url(../img/main/top_icon_01_active.webp);}
.header.open-gnb .top-menu .write:before {background-image: url(../img/main/top_icon_02_active.webp);}
.header.open-gnb .top-menu .quote:before {background-image: url(../img/main/top_icon_03_active.webp);}
.header .logo2 {display: block; width: 136px; height: 36px; margin-left: 18px; background: url(/new/img/main/logo_240507.png) 0/100% no-repeat; background-position: 0 3px;}
.header.open-gnb .logo2 {background-image: url(/new/img/main/logo_240507_menu.png);}
.header .btn-mm {display: block; width: 30px; height: 24px; margin-left: 18px; background: url(../img/main/menu.webp) 0/100%;}
.header.open-gnb .btn-mm {width: 39px; height: 28px; background-image: url(../img/main/menu-close.webp);}
.gnb {display: none; position: absolute; top: 83px; left: 0; right: 0; height: auto; padding: 25px 0; background: #119AD8;}
.gnb .gnb-inner {display: flex;}
.gnb .gnb-inner .gnb-item {width: 100%; margin-left: 20px; padding: 20px; background: #fff; border-radius: 27px;}
.gnb .gnb-inner .gnb-item:first-child {margin-left: 0;}
.gnb .gnb-inner .gnb-title a {color: #141212; font-weight: 600; font-size: 20px; line-height: 28px;}
.gnb .gnb-inner .gnb-list {margin-top: 8px; padding-top: 10px; border-top: 1px solid rgba(112, 112, 112, 0.2);}
.gnb .gnb-inner .gnb-list li {margin-bottom: 4px;}
.gnb .gnb-inner .gnb-list li:last-child {margin-bottom: 0;}
.gnb .gnb-inner .gnb-list a {color: #141212; font-weight: 400; font-size: 18px;}

.gnb .gnb-inner .gnb-list li .gnb-list2{margin: 5px 0 15px;}
.gnb .gnb-inner .gnb-list .gnb-list2 li {margin-bottom: 3px; padding-left: 10px;}
.gnb .gnb-inner .gnb-list .gnb-list2 li:last-child {margin-bottom: 10px;}
.gnb .gnb-inner .gnb-list .gnb-list2 li a{color: #141212; font-weight: 400; font-size: 16px;}

.quick-menu {position: fixed; bottom: 30px; right: 50px; z-index: 10;}
.quick-menu .qm-list li {margin-bottom: -11px;}

.call_box{max-width:1400px; width: 100%; display:flex; align-items:center; justify-content:space-evenly; gap:0 1%; padding: 30px 325px 30px 30px; margin:0 auto 20px; background-repeat: no-repeat; background-color: #EDC526; background-position: 100% -11px; background-size: 360px; background-image: url(../img/main/cominity05.webp); border-radius: 30px;}
.call_box .a-box-txt1 {color: #fff; font-size: 14px; line-height: 23px; letter-spacing: -0.56px; opacity: 0.5;}
.call_box .a-box-txt2 {color: #fff; font-weight: 700; font-size: 24px; line-height: 33px; letter-spacing: -0.72px; margin-top: 6px;}
.call_box .big-box-txt1 {color: #fff; font-weight: 700; font-size: 24px; line-height: 33px; letter-spacing: -0.72px;}
.call_box .big-box-txt2 {margin: 10px 0 10px; color: #fff; font-weight: 500; font-size: 50px; letter-spacing: -0.72px;}
.call_box .big-box-txt2 a{color:#fff;}
.call_box .big-box-txt3 {color: #fff; font-weight: 700; font-size: 24px; line-height: 33px; letter-spacing: -0.56px; opacity: 0.5;}

@media screen and (max-width: 767px) {
  .header .header-inner {display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 15px;}
  .header .logo {width: 100px; height: 44px; background-size: 100% !important; background-repeat: no-repeat; background: url(../img/main/logo.webp);}
  .header.open-gnb .logo {background-image: url(../img/main/logo-active.webp);}
  .header .logo2 { background-position: 0 0;}
  .header .hd-side {display: flex; align-items: center;}
  .header .top-menu {display: none;}
  .header .top-menu-mo {overflow: hidden;}
  .header .top-menu-mo li {float: left; margin: 0 5px 5px 0;}
  .header .top-menu-mo a {display: flex; align-items: center; height: 30px; padding: 0 10px; border: 2px solid #0B4DA2; border-radius: 15px;}
  .header .top-menu-mo .ico .txt {padding-left: 14px; color: #fff;}
  .header .top-menu-mo .ico .txt:before {content: ''; position: absolute; top: 50%; left: 0; width: 11px; height: 11px; background-size: 100%; transform: translateY(-50%);}
  .header.open-gnb .top-menu-mo a {border-color: #fff;}
  .header.open-gnb .top-menu-mo a.ico {background: #fff;}
  .header.open-gnb .top-menu-mo .txt {position: relative; font-size: 13px; letter-spacing: 0.17px; color: #fff;}
  .header.open-gnb .top-menu-mo .ico .txt {color: #119AD8;}
  .header.open-gnb .top-menu-mo .home:before {background-image: url(../img/main/top_icon_01_active.webp);}
  .header.open-gnb .top-menu-mo .write:before {background-image: url(../img/main/top_icon_02_active.webp);}
  .header.open-gnb .top-menu-mo .quote:before {background-image: url(../img/main/top_icon_03_active.webp);}
  
  .header .logo2 {width: 150px; height: 31px; margin-left: 0;}
  .header.open-gnb .logo2 {background-image: url(../img/main/logo2_menu.png); background-position: 0 0;}
  .header .btn-mm2 {position: absolute; top: 24px; right: 24px; width: 27px; height: 27px; background: url(../img/main/menu-close.webp) 50%/100% no-repeat;}
  .gnb {top: 0; height: 100vh; padding: 70px 30px; overflow-y: auto;}
  .gnb .gnb-inner {display: block;}
  .gnb .gnb-inner .gnb-item {margin: 10px 0; padding: 10px 30px;}
  .gnb .gnb-inner .gnb-item:first-child {margin-left: 0;}
  .gnb .gnb-inner .gnb-title a {display: block; padding: 0 10px; color: #141212; font-weight: 600; font-size: 20px; line-height: 28px; background: url(../img/main/gnb-arrow.webp) 100% 50%/24px no-repeat;}
  .gnb .gnb-inner .gnb-item.active .gnb-title a {background: url(../img/main/gnb-arrow-active.webp) 100% 50%/24px no-repeat;}
  .gnb .gnb-inner .gnb-list {display: none; margin-top: 8px; padding: 10px;}
  .gnb .gnb-inner .gnb-list li {margin-bottom: 5px;}
  
  .quick-menu {top: auto; bottom: 50px; right: 10px; transform: translateY(0);}
  .quick-menu .qm-list li {width: 150px; margin-bottom: 10px;}

  .call_box{margin:0 auto 20px; width:95%; flex-wrap:wrap; padding: 26px 30px 138px 30px; border-radius: 20px; background-size:200px; background-position:center bottom;}
  .call_box .a-box-txt1 {font-size: 14px; line-height: 19px;}
  .call_box .a-box-txt2 {font-size: 18px; line-height: 23px;}
  .call_box .big-box-txt1 {font-size: 20px; line-height: 20px; width:100%; text-align:center;}
  .call_box .big-box-txt2 {margin-top: 12px; margin-left: -6px; font-weight:600; font-size: 46px; line-height: 50px; letter-spacing: -1px; width:100%; text-align:center;}
  .call_box .big-box-txt3 {font-size: 16px; line-height: 22px; letter-spacing: 0; width:100%; text-align:center;}
}


.mobile-btns{display:none;}

.footer {background: #102849;}
.footer .footer-top .ft-inner {display: flex; justify-content: space-between; align-items: center; height: 74px;}
.footer .footer-top .foot-menu {display: flex;}
.footer .footer-top .foot-menu li {position: relative; margin-right: 42px;}
.footer .footer-top .foot-menu li:after {content: ''; position: absolute; top: 50%; right: -22px; width: 1px; height: 10px; background: #3a4d68; transform: translateY(-50%);}
.footer .footer-top .foot-menu li:last-child:after {display: none;}
.footer .footer-top .foot-menu a {font-size: 14px; line-height: 20px; color: #fff; opacity: 0.25;}
.footer .footer-top .sns-menu {display: flex;}
.footer .footer-top .sns-menu li {margin-left: 9px;}
.footer .footer-top .sns-menu a {display: block; width: 30px;}
.footer .footer-top .sns-menu a img {width: 100%;}
.footer .footer-bot {padding: 28px 0 160px; border-top: 1px solid rgba(129, 192, 255, 0.05);}
.footer .footer-bot address {font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}
.footer .footer-bot address a {font-size: 14px; line-height: 20px; color: #fff; opacity: 0.25;}
.footer .footer-bot .copyright {margin-top: 28px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}

@media screen and (max-width: 767px) {
  .footer .footer-top {background: #153258;}
  .footer .footer-top .ft-inner {align-items: start; height: auto; padding: 25px;}
  .footer .footer-top .foot-menu {display: block;}
  .footer .footer-top .foot-menu li {margin-right: 0; margin-left: 14px;}
  .footer .footer-top .foot-menu li:after {display: none;}
  .footer .footer-top .foot-menu a {line-height: 28px; opacity: 0.33;}
  .footer .footer-bot {padding: 20px 40px 68px;}
  .footer .footer-bot .copyright {margin-top: 28px; font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.2);}
}

.foot-dep {background-color: #153258;}
.foot-dep .footer-top .ft-inner {display: flex; justify-content: space-between; align-items: center;}
.foot-dep .footer-top .foot-menu {display: flex; width: 100%;}
.foot-dep .footer-top .foot-menu li {width: 100%; border-left: 1px solid #1F4067;  padding: 20px 25px; }
.foot-dep .footer-top .foot-menu li:last-child {border-right: 1px solid #1F4067;}
.foot-dep .footer-top .foot-menu a {font-size: 16px; font-weight: 600; color:#B6BFCB; line-height:1.6;}
.foot-dep .footer-top .foot-menu li ul {margin-top: 5px; line-height:1.8;}
.foot-dep .footer-top .foot-menu li ul li{border: 0; padding: 0; font-size: 14px; color:#435B79; }
.foot-dep .footer-top .foot-menu li ul li a{border: 0; padding: 0; font-size: 14px; color:#435B79; font-weight: 400; }
.foot-dep .footer-top .foot-menu li ul li:last-child{border: 0; padding: 0;}


@media screen and (max-width: 767px) {
  .foot-dep{display: none;}

  .mobile-btns{display:flex;}
  .mobile-btns li{flex:1; border-right:1px solid #fff; text-align:center;}
  .mobile-btns li:nth-child(1){background:#26cbed;}
  .mobile-btns li:nth-child(2){background:#61d469;}
  .mobile-btns li:nth-child(3){background:#febc00; border-right:none;}
  .mobile-btns li a{display:block; font-size:15px; color:#000; text-decoration:none; padding:10px 0;}
  .mobile-btns li a p{font-size:15px; color:#fff; padding-top:5px;}
}