@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/
.main .wrapper {font-family:'Pretendard', 'Noto Sans Korean', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic'; background:#f6f9f9;}

.main #header,
.main .hd_box02 {width:100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.main #header {background:transparent;  }
.main .wrapper:not(.gnb_open) #header,
.main .wrapper:not(.gnb_open) .hd_box02 {background:#f6f9f9; border:none;  overflow: hidden;}




.main article { overflow: hidden;}
.main article > section {display:flex; position:relative; }



.main .main_grid {}
.main .main_grid {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;  grid-gap: 10px;}
.main .main_grid .main_vis {grid-area: 1 / 1 / span 2 / span 2;}
.main .main_grid .main_tit { grid-column: 3 / span 2;}
.main .main_grid .main_bann01{  grid-column: 3 / span 1; grid-row: 3 / span 2;}
.main .main_grid .main_bann02{  grid-column: 4 / span 1; grid-row: 3 / span 2;}
.main .main_grid .main_service {grid-column: 1 / span 4; }

.main_btn_icon {position:relative; width:50px; height:50px; background:#d2e7f7; }
.main_btn_icon .icon { position:absolute;  left:50%; top:50%; margin-top:-1px; margin-left:-7px; width:14px; height:3px; background:#0a4a9b;}
.main_btn_icon .icon:before {content:''; display:block; position:relative; transform: rotate(90deg); height:100%;background:#0a4a9b;}

.main .main_grid .main_vis img,
.main .main_pic01 img,
.main_pic02 img {width:100%; height:100%; object-fit: cover;}

.main .main_grid .main_tit {height:417px; }
.main .main_grid .main_tit .txt {display:flex; flex-direction: column; justify-content: center; padding-left:20px; height: 100%; }
.main .main_grid .main_tit .txt .t {font-size:82px; font-family: 'BebasNeue'; line-height: 0.85; color:#0a4a9b; letter-spacing: 0;}
.main .main_grid .main_tit .txt .x { margin-top:30px; font-size:20px; color:#b4b4b4; text-transform: uppercase;}

.main .main_pic01 {height:218px;}

.main h3 {margin-bottom:0; color:#0a4a9b;}

.main .main_map {height:218px;}
.main_map .txt { display:flex; flex-direction: column; justify-content: center;     align-items: center; height: 100%; text-align: center; color:#0a4a9b;}
.main_map .txt .t { font-size:35px; font-weight: bold; color:#0a4a9b;}
.main_map .txt .main_btn_icon {margin-top:25px;}

.main .main_customer {height: 317px;}
.main_customer .main_box {position:relative; height: 100%;}
.main_customer .main_box .img {position:relative; height: 100%;}
.main_customer .main_box .img:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.main_customer .txt_w {display:flex; flex-direction: column; justify-content: center; align-items: center; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.main_customer .txt_w span {display:block;}
.main_customer .txt_w .icon {margin:0 auto 8px; width:35px; height:35px; background:rgba(255,255,255,0.27) url(../images/main/main_icon_customer01.png) no-repeat 50% 50%; border-radius: 50%;}
.main_customer .txt_w .icon.icon0101 {background-image: url(../images/main/main_icon_customer01.png);}
.main_customer .txt_w .icon.icon0102 {background-image: url(../images/main/main_icon_customer02.png);}
.main_customer .txt_w dt { margin-bottom:3px; font-size:21px; font-weight: 300;}
.main_customer .txt_w dd {display:block; font-size:27px; font-weight:500;}
.main_customer .txt_w dd:not(:last-child) {margin-bottom:20px;}


.main .main_bann03 {height:317px;}
.main_bann03 .txt { display:flex; flex-direction: column; justify-content: center;     align-items: center; height: 100%; text-align: center; color:#0a4a9b;}
.main_bann03 .txt .t {font-size:35px; font-weight: bold;}
.main_bann03 .txt .x {    margin-top: 0.75rem; line-height: 1.6;}
.main_bann03 .txt .main_btn_icon {margin-top:30px;}

.main_bann .txt { display:flex; flex-direction: column; justify-content: center;     align-items: center; height: 100%; text-align: center; }
.main_bann .txt .img { display:block; margin:10px auto 25px; width:190px; height:190px; background:#003d8f url(../images/main/main_icon_01.png) no-repeat 50% 50%; border-radius: 50%;}
.main_bann .txt .img0201 { background-image: url(../images/main/main_icon_01.png); }
.main_bann .txt .img0202 { background-image: url(../images/main/main_icon_02.png); }
.main_bann .txt .t {    margin-bottom: 3px; height: 77px;; font-size:35px; font-weight: 500; line-height: 1.1;}
.main_bann .txt .x {    margin-top: 0.75rem; height: 137px; line-height: 1.6;}
.main_bann .txt .main_btn_icon {margin-top:30px; background-color:#fff;}

.main_bann.main_bann01 {color:#fff; background:#0a4a9b;}
.main_bann.main_bann01 .txt .t {color:#fff;}

.main_bann.main_bann02 { color:#0a4a9b; background:#bce4e6;}
.main_bann.main_bann02 .txt .img {background-color:#a7d5d7;}

.main_service {padding:30px 40px; color:#0a4a9b; background:#c1dff7;}
.main_service dt {margin-bottom:12px; font-size:30px; font-weight: 500;}
.main_service dd {display:flex; flex-wrap: wrap; overflow: hidden; }
.main_service dd a { padding:0.5rem 0; margin-bottom:-1px; width:33.33%; font-size:18px;  border-bottom:1px solid #aed0ee; white-space: nowrap;}
.main_service dd a span {padding-right:20px; background: url(../images/main/main_icon_arw.png) no-repeat 100% 50%;}