@charset "utf-8";
@import url("font.css");

html,
body {height: 100%; font-size: 16px; font-weight: 400;color: #333;
    font-family:"MaruBuri", "Noto Sans KR Regular","Noto Sans CJK KR","Noto Sans KR","맑은 고딕","돋움",sans-serif; background-color: transparent; scroll-behavior: smooth;} 
    
input, textarea {font-family:"MaruBuri", "Noto Sans KR Regular","Noto Sans CJK KR","Noto Sans KR","맑은 고딕","돋움",sans-serif; font-size: initial;}
select,input,button,textarea,button,a {font-family:"MaruBuri", "Noto Sans KR Regular","Noto Sans CJK KR","Noto Sans KR","맑은 고딕","돋움",sans-serif;}
#skip_menu {position: relative;z-index: 100000; } 
#skip_menu a {display: block;position: fixed;left: 0;top: -30px;width: 100%;height: 28px;margin: 0 auto;padding: 0 10px;background: #111;color: #fff;font-size: 14px;line-height: 28px;text-align: center;text-decoration: underline;z-index: 10000; } 
#skip_menu a:active,
#skip_menu a:focus {top: 0; } 
.wrap {position: relative; overflow-x: clip;} 
header { border-bottom: 1px solid #eaeaea; background: #fff; } 
header .top_util {width: 100%; border-bottom: 1px solid #eaeaea; height: 61px;} 
header .top_util h1 {float: left; } 
header .top_util h1 a {display: block;background: url('../images/logo.svg') no-repeat 0 center;width: 270px;height: 60px;margin-left: 20px; position: relative; text-indent: -1000000px;} 
header .top_util .util_wrap {float: right;height: 50px; } 
header .top_util .util_wrap > ul {height: 100%;} 
header .top_util .util_wrap > ul > li {float: left;height: 60px;line-height: 3.125em;position: relative; } 
header .top_util .util_wrap > ul > li > a {display: inline-block;font-size: 0.813em;text-align: center;width: 90px;font-weight: 400;line-height: 50px; } 
header .top_util .util_wrap > ul > li > a:hover{color:  #3dbfd4;} 
/* login - time  */
header .top_util .util_wrap > ul > li.login_time a,
header .top_util .util_wrap > ul > li.login_time span {display: inline-block; width: auto; padding: 0 15px; height: 30px; line-height: 30px; vertical-align: middle; background: #ececff; margin-right: -4px;}
header .top_util .util_wrap > ul > li.login_time span {background: #dddddd;}

/*---------220928 추가---------*/
.gnb.fixed {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /*overflow: hidden;*/
}
.gnb.fixed::-webkit-scrollbar {
    display: none;
    /*overflow: hidden;*/
}

/*---------220928 수정---------*/
.gnb.fixed {/*overflow:hidden !important;*/ touch-action:none; position: fixed; top: 0; width: 100%; background: #fff; /*overflow-x: hidden; overflow-y: auto;*/ z-index: 120; box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s;}

header .gnb {font-size: 100%; width: 100%; height: 68px; background: #fff; z-index: 1000;} 
header .gnb a:hover {color: #3dbfd4;} 
header .gnb > ul > li {position: relative; width: 17%; float: left; text-align: center; } 
header .gnb > ul > li:nth-child(6){width: 10%;} 
header .gnb > ul > li:nth-child(7){width: 5%;} 
header .gnb > ul > li > a {display: inline-block; padding: 1.2em 0; font-size: 1.250em; font-weight: 700; cursor: default;} 
header .gnb .depth2 {position: absolute; top: 68px;left: 0;display: none; list-style: none;border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;width: 100%;height: 320px;background: #fff;z-index: 110;padding-top: 10px; text-align: left; padding-left: 20px;} 
/* header .gnb .link_style a { display: block; margin: 15px auto 0 auto; width: 40px; height: 40px;} */
header .gnb .link_style a:hover {border: none !important;}

header .gnb .depth2:hover {background: #f8f8f8; border-top: 2px solid #143556; } 
header .gnb ul>li:last-child .depth2 {border-right: none; } 
header .gnb .depth2>ul>li>a {font-size: 1em;font-weight: 400;padding: 0.650em 0;color: #143556; } 
header .gnb .depth2>ul>li>a:hover {color: #3dbfd4; border-bottom: 2px solid #3dbfd4;} 
header .gnb .link_m {display: none;}
.snb_nav.fixed {position: fixed; left: 0; top: 0; width: 100%; transition: all 0.3s;}
.snb_nav { width: 100%; background: #f7f7f7;height: 45px;border-bottom: 1px solid #eaeaea; z-index: 100;} 
.snb_nav ul li {float: left;position: relative; } 
.snb_nav .btn_home {display: block;width: 60px;height: 45px;border-right: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;background: url('../images/home.svg') no-repeat 50% 50%;background-size: 20px 19px;text-indent: -100000px; } 
.snb_nav a.toggle {position: relative;min-width: 250px;padding: 0 30px;background:url('../images/snb_arrow.png') no-repeat right 10px top 50%;line-height: 45px;;text-align: left;border-right: 1px solid #e9e9e9;font-weight: 400; } 
.snb_nav .layer {position: absolute;top: 45px;left: -1px;background: #fff;border: 1px solid #e9e9e9;border-top: none;min-width: 251px;width: 100%;height: auto;display: none;z-index: 20; } 
.layer > .list > li {width: 100%;border-bottom: 1px solid #f2f2f2;color: #909090; } 
.layer > .list > li:last-child {border-bottom: none; } 
.layer > .list > .item > a, .layer > .list > .item > a:link {display: block;padding:0.875em 10px 0.875em 30px;font-size: 0.938em;color:#8d8d8d;line-height: 20px; } 
.layer > .list > .item > a:hover {background: #f7f7f7;color: #3dbfd4; } 

.openmenu,.close {display: none; } 
.inner {width: 1300px; margin: 0 auto; } 
.container {position: relative; min-height: 780px;/*  margin-top: 45px; */}

.btn_01 {background: #143556; padding: 2px 20px; border-radius: 30px; color: #fff;}
.btn_01:hover { background: #3dbfd4; transition: all .2s ease-in-out;}
.btn_02 {padding: 20px 46px; font-size: 1.25em; background: #143556; color: #fff; border-radius: 10px; box-shadow: 0 5px 5px 0 rgb(27, 38, 78, 0.3); -webkit-box-shadow: 0 5px 5px 0 rgb(27, 38, 78, 0.3); -moz-box-shadow: 0 5px 5px 0 rgba(27, 38, 78, 0.3); cursor: pointer; transition: all 0.3s;}
.btn_02:hover {background: #3dbfd4; box-shadow: none; color: #fff; transition: all .2s ease-in-out;}
.dtpri_con02 .btn_green  { width: 180px; padding: 20px; font-size: 1.25em; font-weight: bold; border-radius: 10px; background: #40be55; box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);-webkit-box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3); transition: all 0.3s; }
.dtpri_con02 .btn_yellow { width: 180px; padding: 20px; font-size: 1.25em; font-weight: bold; border-radius: 10px; background: #fde86e; box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3);-webkit-box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3); transition: all 0.3s;}
.dtpri_con02 .btn_green:hover  { color: #fff; transform: translateY(3px); box-shadow: none; background: #228b34;}
.dtpri_con02 .btn_yellow:hover { color: #fff; transform: translateY(3px); box-shadow: none; background: #a77f19; }
    

/* dot */
.dot {margin-left: 20px;}
.dot::before {content: ''; display: block; width: 10px; height: 10px; position: absolute; margin:10px 0 0 -20px; border-radius: 10px; background: #ff7eb0;}

/* 상단 링크 */
header .gnb .depth2 .link_style {text-align: center;}
.link_01 a {background: url('../images/icon_link_01.png') no-repeat; margin: 17px auto 0 auto; width: 40px; height: 40px;}
.link_02 a {background: url('../images/icon_link_02.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_03 a {background: url('../images/icon_link_03.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_04 a {background: url('../images/icon_link_04.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_05 a {background: url('../images/icon_link_05.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_06 a {background: url('../images/icon_link_06.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_07 a {background: url('../images/icon_link_07.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_08 a {background: url('../images/icon_link_08.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}
.link_09 a {background: url('../images/icon_link_09.png') no-repeat; margin: 5px auto !important; width: 40px; height: 40px;}

.link_01 a:hover {background: url('../images/icon_link_01_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_02 a:hover {background: url('../images/icon_link_02_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_03 a:hover {background: url('../images/icon_link_03_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_04 a:hover {background: url('../images/icon_link_04_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_05 a:hover {background: url('../images/icon_link_05_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_06 a:hover {background: url('../images/icon_link_06_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_07 a:hover {background: url('../images/icon_link_07_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_08 a:hover {background: url('../images/icon_link_08_h.png') no-repeat; transition: all ease-in 0.2s;}
.link_09 a:hover {background: url('../images/icon_link_09_h.png') no-repeat; transition: all ease-in 0.2s;}

/* footer */
footer {position: relative; background: #fff; text-align: center; font-weight: 400; padding: 1.3em 0; border-top: 1px solid #ccc;} 
.foot_logo {float: left; text-align: left;}
.foot_logo img { margin-bottom: 10px;}
.foot_logo ul li{ color: #777; margin-right: 40px; font-size: 0.875em; line-height: 1.4em;}
.foot_logo ul li span{font-weight: 600; margin-right: 10px;}
.foot_logo .foot_in {display: inline-block;}
.foot_logo ul li.line::after{ position: absolute; content: ''; display: inline-block; width: 1px; height: 16px; background: #777; margin-top: 2px; margin-left: 20px;}
.foot_sns {float: right;}
.foot_sns ul li {display: inline-block;}
.foot_sns ul li a {display: inline-block; width: 40px; height: 40px;}
.text_s01 {font-size: 1.125em;}

/* footer-popup */
.foot_overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 900; }
.foot_overlay:target {visibility: visible; opacity: 1;}
.f_popup {position: fixed; width: 60%; padding: 20px; max-width: 500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.9); -webkit-transition: opacity .5s, visivility 0s linear .5s; transition: opacity .5s, visivility 0s linear .5s; z-index: 1; box-sizing: border-box;}
.f_popup:target {visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s;}
.f_popup-close {position: absolute; padding: 10px; max-width: 500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.9);}
.f_popup .pop_close {position: absolute; display: block; right: 5px; top: 5px; padding: 5px; color: #143556; transition: color .3s; font-size: 2em; font-weight: bold;}
.f_popup h1 {font-size: 1.25em; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #143556; padding: 10px 0 20px 0; color: #143556;}
.f_popup p {line-height: 150%; margin-bottom: 20px;}

.clr:after {clear: both;display: block;content: ''; } 

/* select */
.select_wrap {min-width: 400px; } 
.select {width: 100%;height: 45px;padding: 0 20px;background: #fff url('../images/sch_arr_icon.png') no-repeat right 20px center;border: 1px solid #e1e1e1;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #6f6f6f; } 

/* table */
.board {width: 100%;_font-size: .87em;border-collapse: collapse;border-bottom: 1px solid #ddd;border-top: 3px solid #143556;} 
.board tr:hover {background-color: #f3f3f3}
.board th {border-left: 0;border-right: 0; padding: 15px 0; text-align: center; font-size: 1.125em; background-color: #f3f3f3; color: #333; _border-left: 1px solid #c4c9dc; border-bottom: 1px solid #e4e4e4; vertical-align: top;}
.board th:last-child {_border-right: 1px solid #c4c9dc; } 
.board th.title {background-color: #fff !important;color: #e64361}
.board td {padding: 1em; border-bottom: 1px solid #ddd;line-height: 1.5; vertical-align: middle;} 
.board.cbr {text-align: center; } 

.over_auto {overflow: auto;}
.over_auto table {min-width: 600px;}

/* paging */
.paging {margin: 40px 0;text-align: center;clear: both;position: relative; } 
.paging a {position: relative;display: inline-block;min-width: 30px;min-height: 30px;line-height: 30px;vertical-align: middle;border: 1px solid #d5d5d5; } 
.paging a::after {content: '';display: inline-block;clear: both; } 
.paging a.first:after {width: 10px;height: 10px;background: url('../images/first.png') 0 0 no-repeat; margin-top: 8px; } 
.paging a.prev:after {width: 10px;height: 10px;background: url('../images/prev.png') 0 0 no-repeat;  margin-top: 8px;} 
.paging a.last:after {width: 10px;height: 10px;background: url('../images/last.png') 0 0 no-repeat;  margin-top: 8px;} 
.paging a.next:after {width: 10px;height: 10px;background: url('../images/next.png') 0 0 no-repeat;  margin-top: 8px;} 
.paging>span {display: inline-block;margin: 0px; } 
.paging>span>a {text-align: center; } 
.paging>span>a:hover {background: #eeeeee;color: #000; } 
.paging>span>a.selected {background: #3dbfd4;border: 1px solid #3dbfd4;color: #fff; } 

/* tab */
.tab_w50 {width: 50%; margin: 0 auto;}
.tab_w80 {width: 80%; margin: 0 auto;}
.tab_w100 {width: 100%; margin: 0 auto;}
.sub_tab    {display: table; table-layout: fixed; width: 100%; margin: 0 auto; margin-bottom: 30px; } 
.sub_tab li {display: table-cell; border: 1px solid #d7d7d7;text-align: center; border-right: none; vertical-align: middle; } 
.sub_tab li:last-child {border-right: 1px solid #d7d7d7; } 
.sub_tab li a {padding: 0.813em 0; display: block; font-weight: 500; font-size: 1.5em; transition: all 0.5s; } 
.sub_tab li:hover {background: #3dbfd4; transition: all 0.5s;}
.sub_tab li:hover a {color: #fff; transition: all 0.5s;}
.sub_tab li.active { background: #3dbfd4; box-shadow: 0 5px 15px rgba(47, 151, 190, 0.65); -webkit-box-shadow: 0 5px 15px rgba(47, 151, 190, 0.65); -moz-box-shadow: 0 5px 15px rgba(47, 151, 190, 0.65); border: none;} 
.sub_tab li.active a {color: #fff !important;}

.sub_tab02  {display: table; table-layout: fixed; width: 100%; margin: 0 auto; margin-top: -1px ;}
.sub_tab02 li {display: table-cell; border: 1px solid #d7d7d7; text-align: center; border-right: none; vertical-align: middle; list-style-type: none;} 
.sub_tab02 li:last-child {border-right: 1px solid #d7d7d7; } 
.sub_tab02 li a {padding: 0.75em 20px; display: block; font-weight: 500; font-size: 1.125em; line-height: 150%; transition: all 0.5s; } 
.sub_tab02 li:hover { background: #5791d5; border: 1px solid #5791d5; transition: all 0.5s;}
.sub_tab02 li:hover a {color: #fff; transition: all 0.5s;}
.sub_tab02 li.active { background: #5791d5; border: 1px solid #5791d5;} 
.sub_tab02 li.active a {color: #fff !important;}

.sub_tab03  {display: table; table-layout: fixed; width: 100%; margin: 0 auto; margin-bottom: -1px ;}
.sub_tab03 li {display: table-cell; border: 1px solid #d7d7d7;text-align: center; border-right: none; vertical-align: middle;} 
.sub_tab03 li:last-child {border-right: 1px solid #d7d7d7; }
.sub_tab03 li a {padding: 15px 0; display: block; font-weight: 500; font-size: 1.125em; transition: all 0.5s; } 
.sub_tab03 li a:hover { color: #fff; background: #5791d5;}
.sub_tab03 li.active { background: #5791d5; border: none;} 
.sub_tab03 li.active a {color: #fff !important;}

/* 지원안내 - 2줄 탭메뉴*/
.sub_tab04  {display: flex; flex-direction: row; flex-wrap: wrap;}
.sub_tab04 li {width: 16.66%; border: 1px solid #d7d7d7;text-align: center; border-right: none; vertical-align: middle;}
.sub_tab04 li:nth-of-type(6), 
.sub_tab04 li:nth-of-type(12), 
.sub_tab04 li:last-child {border-right: 1px solid #d7d7d7; } 
.sub_tab04 li a {padding: 0.75em 20px; display: block; font-weight: 500; font-size: 1.125em; line-height: 150%; transition: all 0.5s; } 
.sub_tab04 li:hover { background: #5791d5; border: 1px solid #5791d5; transition: all 0.5s;}
.sub_tab04 li:hover a {color: #fff; transition: all 0.5s;}
.sub_tab04 li.active { background: #5791d5; border: 1px solid #5791d5;} 
.sub_tab04 li.active a {color: #fff !important;}

/* btn */
.more {background: #a49191;color: #fff;font-size: 0.688em;padding: 0.313em 0.500em; } 

/* popup - 시스템 점검 안내 */
.pop_overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; opacity: 1; z-index: 900; }
.popup01 {position: fixed; width: 60%; max-width: 600px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; -webkit-transition: opacity .5s, visivility 0s linear .5s; transition: opacity .5s, visivility 0s linear .5s; z-index: 1000; box-sizing: border-box; box-shadow: 0 10px 10px 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 10px 10px 10px rgb(0 0 0 / 20%);}
.pop_title {font-size: 1.5em; line-height: 1.5; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #143556; padding: 10px 0 20px 0; color: #143556;}
.pop_title_s {display: block; font-size: 1.25em; margin-bottom: 20px; text-align: center; }
.popup01 .popup_top {padding: 20px;}
.popup01 .popup_top p {line-height: 150%;}
.popup_bottom {background: #e0e0e0; border-radius: 0 0 10px 10px; min-height: 50px;}
.popup_bottom .pop_close {padding: 16px 20px; font-size: 1.063em;}
.popup_bottom .pop_close:hover {text-decoration: underline;}

/* popup - 메인팝업  */
.popup02 {position: fixed; max-width: 1000px; border-radius: 10px; top: 130px; left: 30px; background: #fff; z-index: 1000; box-sizing: border-box;
    box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);
    -webkit-box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);}
.popup02 .popup_top {padding: 10px; text-align: center;}
.popup02 .popup_top img {object-fit: contain; max-width: 980px; width: 100%;}
.popup02 .popup_top p {line-height: 1.5;}

.popup03 {position: fixed; width: 60%; max-width: 730px; border-radius: 10px; top: 130px; left: 30px; background: #fff; z-index: 1000; box-sizing: border-box;
    box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);
    -webkit-box-shadow: 0 13px 27px -5px hsl(240deg 30% 28% / 25%), 0 8px 16px -8px hsl(0deg 0% 0% / 30%), 0 -6px 16px hsl(0deg 0% 0% / 3%);}
.popup03 .popup_top {padding: 20px; text-align: center;}
.popup03 .popup_top img {object-fit: contain; max-width: 980px;}
.popup03 .popup_top p {line-height: 1.5;}
.btn_change {margin-left: 20px; transition: all 0.3s;}
.btn_change:hover {background: #999; color: #fff; border-radius: 10px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .popup02,
    .popup03 {box-shadow: 0px 6px 30px 5px rgba(97, 97, 97, 0.12);}
}

/* 연혁 탭메뉴 - 2025.05.26 */
.his_tab_area {
		position: relative; width: 100%; overflow-x: auto; padding: 10px; border-radius: 10px; margin-bottom: 10px; scrollbar-width: thin; scrollbar-color: #ccc #f5f5f5;
	.tab_list { 
		display: flex; flex-direction: row; min-width: 1850px; user-select: none; cursor: grab;
		&:active { cursor: grabbing; }
	}
	.tab_list > li { flex: 0 0 100px; transition: background 0.2s, color 0.2s; outline: none; cursor: pointer; }
	.tab_list > li > .tab_item { display: block; height: 40px; line-height: 40px; font-size: 1.25em; text-align: center; border-radius: 24px; }
	.tab_list > li > .tab_item.active,
	.tab_list > li > .tab_item:focus,
	.tab_list > li > .tab_item[aria-selected='true'] { background: #5791d5; color: #fff; font-weight: bold; }
	.tab_list > li > .tab_item:focus { outline: 2px solid #5791d5; outline-offset: 2px; }
} 
.his_tab_area::-webkit-scrollbar { height: 8px; }
.his_tab_area::-webkit-scrollbar-thumb { background: #bbb; border-radius: 4px; }
.his_tab_area::-webkit-scrollbar-track { background: #dadada; }

/* 재정보고 탭메뉴 - 2025.07.10 */
@media screen and (max-width:1100px) { 
    .his_tab_area.pc { display: none; }
}