@charset "utf-8";

body {width:100%; min-width:320px; font-family: 'SpoqaHanSansNeo'; font-size: 16px; color: #343434; letter-spacing: -1.13px;max-width: 1920px; margin-left: auto; margin-right: auto;}
section {padding: 50px 40px 60px; box-sizing: border-box;}
.inner {padding:0 30px; box-sizing:border-box;}
header {position: relative; background:#e9f0fa;}
header .logo {position:absolute; left:30px; top:50%; transform:translateY(-50%);}
header:has(+ #sub_content) {background:#eaf0f9;}
em {font-style: initial;}
.wrap {min-width:1700px;}

.gnb_area {max-width:840px; margin:0 auto;}
.gnb_area > ul {display: flex;}
.gnb_area > ul > li {position:relative; width:calc(100% / 4); text-align: center;}
.gnb_area > ul > li > a {position:relative; display:block; width:100%; padding: 45px 0; font-size:22px; font-weight:bold; color:#404040; box-sizing: border-box;}
.gnb_area > ul > li.on > a::after {position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); border-top: 13px solid #e9f0fa; border-left: 13px solid transparent; border-right: 13px solid transparent; content:''; z-index:100;}
.gnb_area > ul > li:last-child .depth2_wrap {border-right:1px solid #245c89;}
.gnb_area > ul > li.on .depth2_wrap {background:#245c89;}
.gnb_area .depth2_wrap {display:none; position:absolute; width:100%; height: 360px; padding:35px 0; background-color:#104975; border-left:1px solid #245c89; box-sizing: border-box; z-index: 99;}
.gnb_area .depth2_wrap > ul > li {color:#fff; font-size:17px;}
.gnb_area .depth2_wrap > ul > li + li {margin-top:20px;}
.gnb_area .depth2_wrap > ul > li > a {display:block; width:100%;}
.pc #header.on .depth2_wrap {display:block;}
.gnb_area  .full-out {display:none;}
.pc #allmenu {display:none; position:absolute; left:0; width:100%; height:360px; background-color:#104975; background-image:url(../images/layout/all_menu_bg.png); background-position:left 20px bottom; background-repeat:no-repeat; z-index: 98;}
.pc #header.on #allmenu {display:block;}
#menu-con > ul > li > a > span {color:#404040;}
.bar_menu {display:none; position:absolute; top:50%; right:30px; transform:translateY(-50%); background-color: transparent; /*20240614 추가*/}
.mo_menu_area {display:none; position:fixed; top:0; left:0; width:100%; height: 100%; z-index:100; background: rgba(0,0,0,0.5);}
.mo_menu_area .gnb_wrap {position:relative; width:95%; height:100vh; max-width:450px; float:right; background:#104975;}
.mo_menu_area .gnb_area {display:block; max-width:initial; height: 100%; overflow-y: auto;}
header .mo_menu_area .logo {position: initial; transform: initial; padding:30px; border-bottom:1px solid #34648a;}
.mo_menu_area .gnb_area > ul {display:block; padding-bottom: 112px;}
.mo_menu_area .gnb_area > ul > li {width:100%; border-bottom:1px solid #34648a; text-align:left; box-sizing:border-box;}
.mo_menu_area .gnb_area > ul > li > a {position:relative; padding: 30px 35px; color:#fff; box-sizing:border-box;}
.mo_menu_area .gnb_area > ul > li > a::after {position:absolute; left: auto; bottom: auto; top:50%; right:35px; transform:translateY(-50%); border-top: 8px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; content:'';}
.mo_menu_area .close_btn {position:absolute; top:30px; right:35px; display:inline-block; width:50px; height:50px; border:1px solid #34648a; border-radius:50%; background:url(../images/layout/close_btn.png) center no-repeat;}
.mo .mo_menu_area .gnb_area .depth2_wrap {display:none; position: initial; height: auto;  padding:0 35px 30px; border-left:0;}
.mo_menu_area .gnb_area .depth2_wrap ul {padding: 25px 20px; background-color: #135588;}
.mo_menu_area .gnb_area .depth2_wrap a {position:relative; padding-left:10px; box-sizing:border-box;}
.mo_menu_area .gnb_area .depth2_wrap a::before {position:absolute; left:0; top:7px; width:6px; height:2px; background:#fff; content:'';}
.mo .mo_menu_area .gnb_area > ul > li.on .depth2_wrap {display:block;  background:none;}

.footer_area {padding:0 40px 50px; background-color:#f3f5fb; border-radius:0 0 50px 50px;}
.footer_area .footer_top {}
.footer_area .footer_bottom { border-top:1px solid #053863; margin-top:20px; padding-top:20px; }
.footer_area .util_menu {display: flex; justify-content: space-between;}
.footer_area .address_logo {display:flex; justify-content: space-between;}
.footer_area .web_access_logo {width:80px;}
.footer_area .web_access_logo img {width:100%;}
.sns_list > li {float:left;}
.sns_list > li + li {margin-left:15px;}
.sns_list a > img {width:32px; height:32px;}
.north_k_menu {}
.north_k_menu > ul {float:left; margin-right:10px; margin-bottom:10px; font-size:0;}
.north_k_menu > ul > li {display:inline-block; color:#053863; font-size:15px; font-family: 'koreanSWG';}
.north_k_menu > ul > li + li {margin-left:7px; border-radius:3px;}
.north_k_menu > ul > li > a {position:relative; display:block; padding:12px 42px 12px 25px; background-color:#dee4f5;}
.north_k_menu > ul > li > a::after {position:absolute; top:50%; right:15px; transform: translateY(-50%); color:#053863; font-size:15px; content:'>';}
.footer_wrap {padding-top:30px;}
.footer_area .select_site {float:left;}
.footer_area .select_site > select {display:block; min-height:39px; padding:0 30px 0 20px; border:1px solid #f3f3f3; background-image:url(../images/layout/arrow_up.png); background-color:#fff; background-position:right 10px center; background-repeat:no-repeat; color:#626367; appearance: none;}
.footer_area .address_wrap {margin-top:7px;}
.footer_area .address_wrap > p {color:#717a8a; font-size:14px; line-height:1.5;} 
.footer_area .address_wrap > p > span {position:relative; display:inline-block;}
.footer_area .address_wrap > p > span:first-child {padding-right:20px;}
.footer_area .address_wrap > p > span:first-child::after {position:absolute; right:10px; top:5px; width:1px; height:10px; background:#c7c7c7; content:'';}

/*공통요소*/
.state {position: absolute; top: -5px; left: 10px; display: inline-block; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; color: #fff; font-size: 13px; text-align: center; font-weight: 500;}
.state.ing {background: #0095ab;}
.state.done {background: #484848;}
.state.center {left:60px !important;}
.state.incheon {background:#0095ab;}
.state.honam {background:#0b5e73;}
.state.gangwon {background:#df445a;}
.state.gyeonggi {background:#F39325;}
.state.chungcheong {background:#6fa14d;}

.home-btn {}

@media all and (max-width:1200px){
.mo_none {display:none;}
section {padding:50px 0;}
header {height:120px;}
.gnb_area {display:none;}
footer {background-color: #f3f5fb;}
.footer_area {padding:30px 0 40px; background-color: initial;}
.footer_wrap {padding-top:0;}
.footer_area .util_menu {flex-direction: column;}
.north_k_menu {margin-top:20px;}
.north_k_menu > ul {float:none; margin-right:0;}
.north_k_menu > ul > li {display:block; width:100%;}
.north_k_menu > ul > li + li {margin-left:0; margin-top:7px;}
.north_k_menu > ul > li > a {padding:20px 42px 20px 25px;}
.footer_area .select_site {float:none;}
.footer_area .select_site > select {width:100%; margin-top:7px; padding:15px 30px 15px 20px;}
.bar_menu {display:block;}
}

@media all and (max-width:768px){
.inner {padding:0 15px;}
.footer_area .address_logo {flex-direction: column;}
.footer_area .web_access_logo {width:120px; margin:20px auto 0;}
}

@media all and (max-width:479px){
section {padding:35px 0;}
header {height:100px;}
header .logo {left:15px;}
.bar_menu {right:15px;}
.footer_area .address_wrap > p > span:first-child::after {content:none;}
}