@charset "utf-8";

#wrap {text-align:center;  overflow-x:hidden; }
#header{width:100%;height:104px;background-image:none}
#header.active {background:url(../img/common/gnb-line.gif) 0 100px repeat-x}
#container{position:relative; width:100%; height:272px; background-color:rgb(5, 155, 154);  margin-top:-4px; overflow:hidden;} /* 240611 은퇴설계이벤트 추가에 따른 수정 */
/* 메인 GNB 재정의 */
#gnb li.item1 {background-position: 0 -126px;}
#gnb li.item2 {background-position:-71px -126px} /* 231027 아파트대출 수정 */
#gnb li.item3 {background-position:-158px -126px}
#gnb li.item4 {background-position:-229px -126px}
#gnb li.item5 {background-position:-301px -126px}
#gnb li.item6 {background-position:-370px -126px}
#gnb li.item7 {background-position:-460px -126px} /* 231027 아파트대출 추가 */
#gnb li.item8 {background-position:-646px -126px} /* 250526 아파트대출 추가 */
/* - 초점 이 맞춰졌을때 / 호버일때  */
#gnb li.item1 > a:focus,
#gnb li.item1 > a:hover{background-position:0 -168px}
#gnb li.item2 > a:focus,
#gnb li.item2 > a:hover{background-position:-71px -168px} /* 231027 아파트대출 수정 */
#gnb li.item3 > a:focus,
#gnb li.item3 > a:hover{background-position:-158px -168px}
#gnb li.item4 > a:focus,
#gnb li.item4 > a:hover{background-position:-229px -168px}
#gnb li.item5 > a:focus,
#gnb li.item5 > a:hover{background-position:-301px -168px}
#gnb li.item6 > a:focus,
#gnb li.item6 > a:hover{background-position:-370px -168px}

/* 250526 아파트대출 > 모기지 타이틀 변경 */
/* 231027 아파트대출 추가 */
#gnb li.item7 > a:focus,
#gnb li.item7 > a:hover{background-position:-460px -168px}
#gnb li.item8 > a:focus,
#gnb li.item8 > a:hover{background-position:-646px -168px}
/* //231027 아파트대출 추가 */
/* //250526 아파트대출 > 모기지 타이틀 변경 */

/* - 활성화 일때  */
#gnb li.item1 > a.on {background-position:0 0}
#gnb li.item2 > a.on {background-position:-71px 0;} /* 231027 아파트대출 수정 */
#gnb li.item3 > a.on {background-position:-158px 0}
#gnb li.item4 > a.on {background-position:-229px 0}
#gnb li.item5 > a.on {background-position:-301px 0}
#gnb li.item6 > a.on {background-position:-370px 0}
#gnb li.item7 > a.on {background-position:-460px 0}/* 231027 아파트대출 추가 */
#gnb li.item8 > a.on {background-position:-646px 0}/* 250526 아파트대출 추가 */
/* - 헤더가 활성 되었으며 */
/* - 기본상태 */
.active #gnb li.item1 {background-position:0 -42px}
.active #gnb li.item2 {background-position:-71px -42px} /* 231027 아파트대출 수정 */
.active #gnb li.item3 {background-position:-158px -42px}
.active #gnb li.item4 {background-position:-229px -42px}
.active #gnb li.item5 {background-position:-301px -42px}
.active #gnb li.item6 {background-position:-370px -42px}
.active #gnb li.item7 {background-position:-460px -42px}/* 231027 아파트대출 추가 */
.active #gnb li.item8 {background-position:-646px -42px}/* 250526 아파트대출 추가 */
/* - 초점이 맞춰졌을때 */
.active #gnb li.item1 > a:focus{background-position:0 0}
.active #gnb li.item2 > a:focus{background-position:-71px 0} /* 231027 아파트대출 수정 */
.active #gnb li.item3 > a:focus{background-position:-158px 0}
.active #gnb li.item4 > a:focus{background-position:-229px 0}
.active #gnb li.item5 > a:focus{background-position:-301px 0}
.active #gnb li.item6 > a:focus{background-position:-370px 0}
.active #gnb li.item7 > a:focus{background-position:-460px 0}/* 231027 아파트대출 추가 */
.active #gnb li.item8 > a:focus{background-position:-646px 0}/* 250526 아파트대출 추가 */
/* - 호버상태일때 */
.active #gnb li.item1 > a:hover{background-position:0 -84px}
.active #gnb li.item2 > a:hover{background-position:-71px -84px} /* 231027 아파트대출 수정 */
.active #gnb li.item3 > a:hover{background-position:-158px -84px}
.active #gnb li.item4 > a:hover{background-position:-229px -84px}
.active #gnb li.item5 > a:hover{background-position:-301px -84px}
.active #gnb li.item6 > a:hover{background-position:-370px -84px}
.active #gnb li.item7 > a:hover{background-position:-460px -84px}/* 231027 아파트대출 추가 */
.active #gnb li.item8 > a:hover{background-position:-646px -84px}/* 250526 아파트대출 추가 */
/* - 메뉴가 활성 상태일때 */
.active #gnb li.item1 > a.on {background-position:0 0}
.active #gnb li.item2 > a.on {background-position:-71px 0;} /* 231027 아파트대출 수정 */
.active #gnb li.item3 > a.on {background-position:-158px 0}
.active #gnb li.item4 > a.on {background-position:-229px 0}
.active #gnb li.item5 > a.on {background-position:-301px 0}
.active #gnb li.item6 > a.on {background-position:-370px 0}
.active #gnb li.item7 > a.on {background-position:-460px 0}/* 231027 아파트대출 추가 */
.active #gnb li.item8 > a.on {background-position:-646px 0}/* 250526 아파트대출 추가 */

/* = Main Visual
	= New Generation ~ 
	= 2013-04-23 Choi Sunki
======================= */
/* = Visual Definitions */
#visualScope {width:980px;height:392px;margin:0 auto;position:relative;z-index:10}  /* 2023웹접근성 수정 */
/* = common */
#vsplay,
#vspager {position:absolute;z-index:30}
#vspager {top:351px;left:15px}
#vsplay {top:349px;left:0}
/* = Resume & Pause */
#vsplay li {float:left;display:inline}
#vsplay button {background:url(../img/main/btn_pr.png) no-repeat;display:block;width:15px;height:15px;border:0;padding:0;text-indent:-3721em;cursor:pointer}
/* 양승욱 익스7에서 .resume버튼 display:none에서 block 안바뀌는거 해결 2013-04-29 */
#vsplay .resume {display:block; position:absolute; left:0px; top:0; z-index:-10;}
#vsplay .pause {background-position:-15px 0}
/* = Pager */
#vspager ul li {float:left;display:inline;margin-left:5px}
#vspager a {display:block;width:12px;height:12px;overflow:hidden;background:url(../img/main/btn_pager.png) no-repeat;text-indent:-3721em}
#vspager a.on,#vspager a:focus,#vspager a:hover {width:38px;background-position:-23px 0}
/* = visual-container  */
#visual-container,
#visual-container .onepx,
#visual-container .slidee,
#visual-container .slidee li {height:392px}  /* 2023웹접근성 수정 */
#visual-container .onepx {width:1px;margin:0 auto;position:relative;}
#visual-container .slidee {width:1502px;position:absolute;left:-750px;overflow:hidden}  /* 2023웹접근성 수정 */

/* #visual-container .slidee li {position:absolute;top:0;left:0}   */


/* 양승욱 슬라이드 1번부터 나오게 2013-04-29 */
#visual-container .slidee li {position:absolute;top:0;left:0; display:none;}
#visual-container .slidee li:first-child { display:block;}


/* = Main Visual
	= OLD~
======================= */
/* 메인 비주얼 */
#visualwrap { position:relative; min-width: 980px; width:1500px; margin:0 auto;}   /* 2023웹접근성 수정 */
#visualwrap #visual { height:390px; }
#visualwrap #buttonList { position:absolute; left:50%; bottom:20px; z-index:1; margin-left:-470px;  }
#visualwrap #buttonList li img { vertical-align:top;}
#visualwrap #buttonList li { float:left; *margin-top:-2px;  }
#visualwrap #buttonList li #playBtn { position:absolute; left:-20px; top:-2px; }
#visualwrap #buttonList li #stopBtn { position:absolute; left:-20px; top:-2px; }
#visualwrap #buttonList li #playBtn { display:none;}
#visual-sub {  position:absolute; right:50%; top:30px; height:332px; z-index:1;  margin-right:-460px;}
#visual-sub:after { content:""; clear:both; display:block;}
#visual-sub ul { width:330px; height:332px; }
#visual-sub li { float:left;width:165px; height:165px; background:url("../img/main/visual-sub-200914.png") no-repeat left top; } /* 2023웹접근성 수정 */
/*#visual-sub li a { display:block; width:165px; height:165px; background:url("../img/main/visual-sub.png") no-repeat left top;}*/
/*#visual-sub li a { display:block; width:165px; height:165px; background:url("../img/main/visual-sub-181228.png") no-repeat left top;} */
#visual-sub li a { display:block; width:165px; height:165px; border: 2px solid transparent; box-sizing:border-box;} /* 2023웹접근성 수정 */
#visual-sub li a:focus{outline:none; border:2px dashed #0006ff !important;} /* 2023웹접근성 추가 */
#visual-sub .sub1 { background-position:0 0;}
#visual-sub .sub2 { background-position:-165px 0;}
#visual-sub .sub3 { height:165px; background-position:-330px 0;} /* 2023웹접근성 수정 */
#visual-sub .sub4 { height:165px; background-position:-495px 0;} /* 2023웹접근성 수정 */
#visual-sub ul li span { display:block; width:165px; height:165px; }
#visual-sub a:hover.sub1 { height:165px; background-position:0px -167px;}
#visual-sub a:hover.sub2 { height:165px; background-position:-165px -167px; }
#visual-sub a:hover.sub3 { height:167px; background-position:-330px -167px;}
#visual-sub a:hover.sub4 { height:167px; background-position:-495px -167px;}
/* 비주얼 하단 컨텐트 */
#main-content { width:940px; margin:0 auto; height:270px; position:relative; margin-top:30px; margin-bottom:50px;  padding:0 20px;}
#main-content .h3ab { position:absolute; left:20px; top:0px;}
#main-content #spd-svc { width:535px; float:left; overflow:hidden; position:relative;  height:94px; margin-top:33px; }  /* 2023웹접근성 수정 */
#main-content #spd-svc #spd-banner { position:relative; width:960px;  }
#main-content #spd-svc #spd-banner ul:after { content:""; display:block; clear:both;   }
#main-content #spd-svc #spd-banner li { float:left; width:91px; margin-right:16px; text-align:left}  /* 2023웹접근성 수정 */
#main-content #spd-svc #spd-banner li a {position:relative; display: block;  border: 2px solid transparent; box-sizing:border-box; overflow:hidden;}  /* 2023웹접근성 수정 */
#main-content #spd-svc #spd-banner li a:focus{outline:none; border:2px dashed #0006ff !important;} /* 2023웹접근성 추가 */
#main-content #spd-svc #spd-banner li img {width:100%; height:100%;  border:0; } /* 2023웹접근성 수정 */
/*
#main-content #spd-svc #spd-banner li a{background: url(../img/main/spd-service2.png) no-repeat 0 0;  width:100px; height:100px; display:block; line-height:0; text-indent:-9999px;}
#main-content #spd-svc #spd-banner li a:active{background: url(../img/main/spd-service-o.png) no-repeat 0 0;}
*/
#btn-list { position:absolute; left:500px; top:0; }
#btn-list li {float:left; margin-right:5px; }
.ml0 { margin-left:0 !important; } 


/* 공지사항 */
#notice-list {float:right; position:relative;  text-align:left; width:380px; }
#notice-list ul { margin-top:15px;}
#notice-list li { width:370px;}
#notice-list li a { margin-bottom:3px; color:#666; font-size:13px; float:left; display:block;  background:url("../img/main/list-bul.png") no-repeat 0 50%; padding-left:6px; letter-spacing:-1px; }
#notice-list li a:hover{ color:#ea0061; }
/*#notice-list li span {color:#a5a5a5; font-size:12px; float:right; display:block; } */
#notice-list li span {color:#666; font-size:12px; float:right; display:block; }
#notice-list .nonice-more {position:absolute; right:10px; top:0;  }

/* 하단 베너 및 전화번호 */
#bot-content { border:1px solid #cacbcc; margin-top:30px; float:left;width:931px}
/* 2014-05-27 수정 */
.banner1 {text-align:left; border-right:1px solid #cacbcc; width:539px; height:124px;}  /* 2023웹접근성 수정 */
/* 2014-05-27 수정 */
.call { padding:20px 0 0 20px; width:370px;}
.call li:first-child {background:none; margin-left:0px; padding-left:0px}
.call li {float:left; background:url("../img/main/list-line.png") no-repeat left; margin-left:5px; padding-left:5px} /* 230927 수정 */
.call li a { color:#666; font-size:12px; } 
.call li a:hover { color:#333; font-size:12px; } 
.call .wd1 { width:60px;}
.call .wd2 { width:125px;}
.call .wd3 { width:90px;}
.call .wd4 { width:65px; background:none;}
.hdd{width:0; height:0; font-size:0; line-height:0; overflow:hidden; /* 2022웹접근성 삭제 visibility:hidden;*/ z-index:-1 } 
.mr5 { margin-right:5px !important; }


.d-green a{font-weight:bold; color:#006766 !important;}

/* 2023웹접근성 수정 */
#visual-container .slidee li a {
    display: block;
	width: calc(100% - 7px); /* 230927 2023웹접근성 수정*/
    height: 389px;
    box-sizing: border-box;
    border: 2px solid transparent;
}
#visual-container .slidee li a:focus{
	border:2px dashed #0006ff !important;
}
/* //2023웹접근성 수정 */
/* 231031 메인화면 상단 공지배너 추가 */

@font-face {
	font-family:'NotoSans_Regular';
	font-style:normal;
	font-weight:normal;
	src:	url('../font/NotoSansKR-Regular.woff') format('woff');
;}

.maintop_bnr_wrap {
	position:absolute;
	top:0; left:0;
    display: none;
    justify-content: center;
    width:100%;
    min-width:1200px;
    height: 240px;
    background: #e2f3f1;
    font-family: 'NotoSans_Regular';
    z-index:15;
}
.maintop_bnr_wrap .main_bnr {
    position: relative;
    width: 1150px;
    padding: 30px 0;
    box-sizing: border-box;
    display: flex;
}
.maintop_bnr_wrap .bnr_detail{
	max-width:587px;
}
.maintop_bnr_wrap .main_bnr .bnr_title {
    margin-right: 45px;
    font-family: 'NotoSans_Regular';
}
.maintop_bnr_wrap .top_today {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
    align-items: center;
}
.maintop_bnr_wrap .sub_title {
    font-size: 19px;
    font-weight: 400;
    color: #333;
    line-height: 1;
    font-family: 'NotoSans_Regular';
}
.maintop_bnr_wrap .main_title {
    font-size: 24px;
    font-weight: 600 !important;
    color: #009490;
    line-height: 1;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-family: 'NotoSans_Regular';
}
.maintop_bnr_wrap .main_title::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    left: -2px;
    right: 2px;
    height: 16px;
    bottom: -5px;
    background: #fff;
}

.maintop_bnr_wrap .bnr_detail .bul_check li img {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: top;
    margin-top: 5px;
}
.maintop_bnr_wrap .bnr_detail .bul_check li + li {
    margin-top: 5px;
}
.maintop_bnr_wrap .bnr_detail .bul_check div {
    display: inline-block;
}
.maintop_bnr_wrap .bnr_detail .bul_check div > * {
    font-size: 15px;
    color: #000;
    line-height: 23px;
    font-weight: 500;
}
.maintop_bnr_wrap .bnr_detail .bul_check div > .txt_bline{
	max-width:485.3px;
}
.maintop_bnr_wrap .bnr_detail .bul_check div span,
.maintop_bnr_wrap .bnr_detail .bul_check div strong{
	font-family: 'NotoSans_Regular';
}
.maintop_bnr_wrap .bnr_detail .bul_check li .flex {
    display: inline-flex;
}
.maintop_bnr_wrap .top_today input.img_chk {
    display: none;
}
.maintop_bnr_wrap .top_today label {
    font-size: 14px;
    color: #000;
    font-family: 'NotoSans_Regular';
}
.f_btn {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    font-weight: lighter;
}
.maintop_bnr_wrap .top_today .f_btn {
    width: 14px;
    height: 14px;
    background: none;
    margin-left: 8px;
    margin-top: -1px;
}

.maintop_bnr_wrap .top_today input.img_chk + label:hover{
	cursor:pointer;
}

.maintop_bnr_wrap .top_today input.img_chk + label::before {
    position: relative;
    left: -8px;
    bottom: 1px;
    display: inline-block;
    content: '';
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background: url(/img/main/mainpopup_check_box.png) no-repeat left top;
}

.maintop_bnr_wrap .top_today input.img_chk:checked + label::before {
    background: url(/img/main/mainpopup_check_box_on.png) no-repeat left top;
}

/* //231031 메인화면 상단 공지배너 추가 */