@charset "utf-8";

/* CSS Document */
*{padding:0; margin:0; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; box-sizing: border-box;}
*::before,
*::after {box-sizing: border-box;}
header,main,footer,section,article {display: block;}
html {position: relative; overflow-y:scroll;}
html,body {width:100%; height:100%;}
ul,ol,li,dl,dt,dd {list-style: none;}
i,em,address {font-style: normal;}
label,button {cursor: pointer;}
button {border: none; background: none;}
hr,legend {display: none;}
img,fieldset,iframe {border:none;}
img {max-width: 100%; vertical-align: top;}
caption {display: none;}
input,button {box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; border-radius: 0; outline: none;}
select {box-sizing: border-box; vertical-align: middle; border-radius: 0; outline: none;}
table {border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed;}
select::-ms-expand {display: none;}
table {border:none; border-collapse:collapse; padding:0; border-spacing:0; table-layout: fixed;}
input::-webkit-input-placeholder {font: 14px/1em 'nanum gothic',sans-serif;}
input::-moz-placeholder { /* Firefox 19+ */font: 14px/1em 'nanum gothic',sans-serif;}
input:-ms-input-placeholder { /* IE 10+ */font: 14px/1em 'nanum gothic',sans-serif;}

.btn_box {margin-top: 15px; font-size: 0; text-align: center;}
.btn_box a {display: inline-block ; margin: 0 5px;}
.btn_box button {display: inline-block; margin: 0 5px;}
.bt_type1 {padding: 0 18px; color: #fff; line-height: 35px; border-radius: 3px;}
.bt_color1 {background-color: #0061ad;}
.bt_color2 {background-color: #808080;}

.flex-row {display: flex;}
.justify-center {justify-content: center;}
.justify-sb {justify-content: space-between;}
.justify-sa {justify-content: space-around;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}

.row,.col {box-sizing: border-box;}
.row:after {display: block; content: ''; clear: both;}
.guide-line {position: relative; width: 1400px; margin: 0 auto; box-sizing: border-box; padding-top:15px;}
.pc-view {display: block;}
.pc-view02 {display: inline-block;}
.pc-view03 {display: inline;}
.mo-view {display: none;}
.mo-view02 {display: none;}
.mo-view03 {display: none;} 

.skip a {display: block; position: absolute; left: 0; top: -9999em; width: 100%; background-color: #272727; color: #aaa; font: bold 12px/3.4 arial, sans-serif; text-align:center; z-index: 99999;}
.skip a:hover,
.skip a:active,
.skip a:focus {top:0;}

a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
.blind {display: block; overflow: hidden; top: -1000em; position: absolute;}

/* float */
.clearfix:after {content:''; display: block; clear: both;}
.fl_left {float:left;}
.fl_right {float:right;}

/*񃧯*/
.wrap {width:100%; height:100%; min-width: 1400px; margin: 0 auto;}
.header {position: relative;}
.container {position: relative;}
.container:after {display: block; clear: both; content:'';}
.footer {position: relative;}

/*°øÅëºÎºÐ*/
input[type=text], 
input[type=password] {background:#fff; border: 1px solid #e8e8e8; padding: 5px 8px;}
input[type=text]:hover,
input[type=password]:hover, 
input[type=text]:focus, 
input[type=password]:focus {border:1px solid #909090;}
textarea {border:1px solid #c9c9c9; padding:5px;}
select {border:1px solid #c9c9c9; padding:2px 2px 2px 6px; vertical-align:middle;}
.container-row:after {display: block; clear: both; content: '';}

/*ÆäÀÌ¡*/
.pagenation {width:100%; text-align:center; margin:10px 0}
.pagenation a {display: inline-block; border: 1px solid #aaa; width: 25px; height: 25px; line-height: 23px; border-radius: 3px; box-sizing: border-box; text-align: center; transition: 0.3s;}
.pagenation a.num:hover {color: #fff; background: #666; border-color: #666;}
.pagenation a.num.on {color: #fff; background: #666; border-color: #666;}

h1{font-size:0;}


@media screen and (max-width: 768px){
	.guide-line {width: auto;}
	.pc-view {display: none;}
	.pc-view02 {display: none;}
	.pc-view03 {display: none;}
	.mo-view {display: block;}
	.mo-view02 {display: inline-block;}
	.mo-view03 {display: inline;}

  .wrap {min-width: auto;}
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@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;}
}