@charset "utf-8";

/* 공통 */
.doc-cnt {margin-bottom:90px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {position:relative; padding-left:50px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:30px;}
.doc-tit:before {content:""; position:absolute; width:26px; height:26px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; background-size:contain; left:11px; top:0;}
.doc-tit span {font-weight:400;}

.page-menu {margin-bottom:40px;}
.page-menu ul {display:flex;}
.page-menu ul li {flex:1; border:1px solid #ddd; margin-left:-1px; position:relative;}
.page-menu ul li.active:before {content:""; position:absolute; width:100%; height:100%; border:1px solid #2358aa; left:0; top:0;}
.page-menu ul li:first-child {margin-left:0;}
.page-menu ul li a {display:flex; height:58px; align-items:center; justify-content:center; font-weight:400; letter-spacing:0; color:#333;}

.back-list {text-aligN:center; margin-top:35px;}
.back-list a {display:inline-block; padding:15px 60px; border:1px solid #ddd; border-radius:100vh; font-weight:600; line-height:1em; letter-spacing:-0.03em; color:#555;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #222;}
.table01 {text-align:center; margin-bottom:20px;}
.table01 th {background:#f4fcff; padding:14px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#222;}
.table01 td {border-bottom:1px solid #ddd; font-weight:500; font-size:20px; letter-spacing:0; color:#222; padding:14px 10px; border-right:1px solid #ddd;}
.table01 td strong {font-size:24px; font-weight:700;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}

.table02 {text-align:center;}
.table02 table {widtH:100% !important;}
.table02 th {background:#f4fcff; padding:14px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd !important; color:#222; border-left:1px solid #ddd;}
.table02 td {border-bottom:1px solid #ddd; font-weight:400; letter-spacing:0; color:#555; padding:14px 10px; border-right:1px solid #ddd !important; background:#fff; border-left:1px solid #ddd;}


/* term-wrap */
.term-wrap p {margin-bottom:20px;}
.term-wrap .sec {margin-bottom:60px; font-size:16px; line-height:1.6em;}
.term-wrap .sec:last-child {margin-bottom:0;}
.term-wrap .sec .tit {margin-bottom:10px;}
.term-wrap .table02 td,
.term-wrap .table02 th {font-size:15px; padding:10px;}
.term-wrap dl {background:#fafafa; padding:20px;}
.term-wrap dt {font-weight:600;}
.list02 > li {position:relative; padding-left:16px;}
.list02 > li > .num {position:absolute; left:0;}
/* about */
.about .top-txt-box {display:flex; padding:45px 60px; border:1px solid #ddd; border-radius:13px;}
.about .top-txt-box .img {padding-top:12px;}
.about .top-txt-box .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; margin-left:40px; padding:10px 0 10px 40px; border-left:1px solid #ddd;}
.about .top-txt-box .txt-wrap p {font-weight:500; letter-spacing:-0.025em; color:#333; margin-bottom:30px;}
.about .top-txt-box .txt-wrap p:last-child {margin-bottom:0;}
.about-info p {color:#555; letter-spacing:-0.025em; font-weight:400; margin-bottom:25px;}
.about-info h3 {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#333; margin-bottom:10px;}
.about-info h3 span {font-size:16px; font-weight:500; color:#999; margin-left:14px;}

/* greeting */
.greeting {display:flex;padding:0 50px;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-right:85px;}
.greeting .txt-wrap .t1 {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#1c489f; margin-bottom:10px;}
.greeting .txt-wrap .t2 {font-size:22px; font-weight:700; line-height:1.3em; letter-spacing:-0.025em; color:#52c2f0; margin-bottom:16px;}
.greeting .txt-wrap .txt {font-weight:500; letter-spacing:-0.025em; color:#333; margin-bottom:30px;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}

/* history */
.history .group {display:flex;position:relative; padding-bottom:25px;}
.history .group:first-child {padding-top:15px;}
.history .group:last-child {padding-bottom:40px;}
.history .group:before {content:""; position:absolute; width:1px; height:100%; left:215px; background:#ccc; top:0;}
.history .group .year {font-size:36px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#1c489f; min-width:215px;  padding-left:67px; position:relative;} 
.history .group .year:before {content:""; position:absolute; width:14px; height:14px; background:#1c489f; border-radius:100%; right:-7px; top:13px;}
.history .group > ul {padding-left:55px; padding-top:7px;}
.history .group > ul > li {display:flex; font-weight:400; letter-spacing:-0.025em; color:#555;}
.history .group .date {display:inline-block; min-width:95px; font-weight:700; font-size:20px; color:#333;}

/* safe */
.safe {display:flex; padding:60px 60px 60px 90px; border:1px solid #ddd;}
.safe .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.safe .cnt dl {display:flex; align-items:center; margin-bottom:12px;}
.safe .cnt dl:last-child {margin-bottom:0;}
.safe .cnt dt {text-align:center; font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#fff; background:#52c2f0; display:block; width:186px; padding:9px; border-radius:100vh; margin-right:35px; flex:0 0 auto;}
.safe .cnt dd {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.025em; color:#333;}

/* public */
.public .top-txt-wrap {min-height:420px; background:url("../images/sub/public_bg.png") no-repeat right bottom #daeefd; padding:85px 98px; border-radius:13px; margin-bottom:60px; background-size:contain;}
.public .top-txt-wrap .col {display:flex; align-items:center; margin-bottom:13px;}
.public .top-txt-wrap .col:last-child {margin-bottom:0;}
.public .top-txt-wrap .col-tit {font-weight:700; line-height:1.2em; letter-spacing:0; color:#fff; display:inline-block; padding:11px 20px; background:#1c489f; border-radius:100vh; margin-right:22px;}
.public .top-txt-wrap .txt {font-weight:500; letter-spacing:0; color:#333;}

/* location */
.location .local {margin-bottom:40px;}
.location .root_daum_roughmap {width:100% !important; height:600px !important;}
.location .root_daum_roughmap .wrap_map {height:600px !important;}

#map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map1 .roughmap_lebel_text:after {content:"더좋은새마을금고 본점"; font-size:12px; line-height:15px;}
#map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map2 .roughmap_lebel_text:after {content:"더좋은새마을금고 이문1동점"; font-size:12px; line-height:15px;}
#map3 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map3 .roughmap_lebel_text:after {content:"더좋은새마을금고 이문2동점"; font-size:12px; line-height:15px;}
#map4 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#map4 .roughmap_lebel_text:after {content:"더좋은새마을금고 신이문점"; font-size:12px; line-height:15px;}

.local-info {padding:0 25px;}
.local-info h3 {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:44px;}
.local-info .cnt {display:flex; flex-wrap:wrap; margin:0 -33px -27px 0;}
.local-info .cnt .box {display:flex; align-items:center;  margin-right:33px; margin-bottom:27px;}
.local-info .cnt .box .icon {margin-right:13px; flex:0 0 auto;}
.local-info .cnt .box dl {display:flex; font-weight:400; letter-spacing:0; color:#333;}
.local-info .cnt .box dt {font-size:20px; font-weight:700; margin-right:10px;}

/* esg-info */
.esg-info {display:flex; padding:95px 75px; border-radius:13px; background:#f5f2e7;}
.esg-info .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:96px; padding-top:30px;}
.esg-info .txt-wrap h3 {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#555; margin-bottom:18px;}
.esg-info .txt-wrap p {font-weight:500; line-height:1.5em; letter-spacing:0; color:#555;}

/* esg-goal */
.esg-top-bg {background:url("../images/sub/esg_bg.jpg") no-repeat 50% 50%; background-size:cover; border-radius:10px; overflow:hidden; padding:50px 70px; text-align:right; margin-bottom:20px;}
.esg-top-bg .inner {display:inline-block; text-align:center;}
.esg-top-bg h3 {font-size:29px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#000; margin-bottom:10px;}
.esg-top-bg p {font-size:22px; font-weight:500; line-height:1.5em; letter-spacing:0; color:#000;}

.esg-goal .top-tit {text-align:center; font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#333;}
.esg-goal .top-tit img {vertical-align:middle; display:inline-block; margin-right:22px;}
.esg-goal ul {display:flex; margin:0 -37px;}
.esg-goal ul li {width:33.333%; padding:0 37px; text-align:center;}
.esg-goal ul li .img {margin-bottom:20px;}
.esg-goal ul li .img img {width:100%;}
.esg-goal ul li .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:10px;}
.esg-goal ul li .txt {font-weight:400; line-height:1.4em; letter-spacing:0; color:#555;}

/* member-info */
.member-info .top-tit {display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:0; color:#333; padding:0 35px}
.member-info .top-tit img {vertical-align:middle; display:block; margin-right:44px;}
.membership {display:flex; margin-left:-20px;}
.membership li {width:calc(33.333% - 20px); margin-left:20px; border-radius:13px; border:1px solid #ddd; padding:37px;}
.membership li .tit {display:flex; align-items:center; font-size:24px; font-weight:700; letter-spacing:0; color:#333; margin-bottom:25px;}
.membership li .tit strong {font-size:30px; letter-spacing:-0.02em; display:block; color:#52c2f0;}
.membership li .tit img {display:block; margin-right:20px;}
.membership li .txt {line-height:1.4em; color:#555; font-weight:400;}

/* allocation */
.allocation .info-txt	 {display:flex; justify-content:center; align-items:center; padding:50px 10px; border-radius:13px; border:4px solid #52c2f0;}
.allocation .info-txt	 .icon {margin-right:30px; flex:0 0 auto;}
.allocation .info-txt	 .txt {font-size:36px; font-weight:400; letter-spacing:0; color:#333;}
.allocation .info-txt	 .txt .small {font-size:16px; font-weight:400; color:#555;}
.allocation .info-txt	 .txt .deco1 {color:#1c489f; font-weight:700;}
.allocation .info-txt	 .txt .deco2 {color:#52c2f0; font-weight:700;}
.allocation .sub-info {padding:30px 40px 0 40px; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:0; color:#033333;}
.allocation .cap-txt {text-align:right; font-weight:400; line-height:1.2em; letter-spacing:0; color:#1c489f; padding-right:10px; margin-top:14px;}

/* scholarship */
.scholarship .top-tit {display:flex; align-items:center; padding:0 40px; margin-bottom:50px;}
.scholarship .top-tit .icon {margin-right:45px; flex:0 0 auto;}
.scholarship .top-tit h3 {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:5px;}
.scholarship .top-tit p {font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:0; color:#333;}
.scholaship-info {padding:65px 80px; border:1px solid #ddd; border-radius:13px; margin-bottom:60px;}
.scholaship-info dl {display:flex; align-items:flex-start; font-weight:400; letter-spacing:-0.025em; color:#555; margin-bottom:13px;}
.scholaship-info dl:last-child {margin-bottom:0;}
.scholaship-info dt {display:block; width:50%; max-width:185px; background:#1c489f; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.025em; color:#fff; padding:11px; border-radius:100vh; text-align:center; margin-right:35px;}
.scholaship-info dd {flex: 1 1 auto; min-width: 0; width: 1%; padding-top:6px;}
.scholaship-info .apply-paper {text-decoration:underline; color:#1c489f; letter-spacing:-0.025em; margin-left:20px;}
.scholarship .imgBox {display:flex; margin:0 -16px;}
.scholarship .imgBox .img {width:33.333%; padding:0 16px;}

/* recomend */
.recomend {padding:60px 80px; background-repeat:no-repeat; background-size:cover; background-position:right bottom; border-radius:13px; margin-bottom:80px;}
.recomend p {font-size:30px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#2358aa;}
.recomend.rec1 {background-image:url("../images/sub/rec_bg1.jpg");}
.recomend.rec2 {background-image:url("../images/sub/rec_bg2.jpg");}
.recomend.rec3 {background-image:url("../images/sub/rec_bg3.jpg");}
.recomend.rec4 {background-image:url("../images/sub/rec_bg4.jpg");}
.recomend.rec5 {background-image:url("../images/sub/rec_bg5.jpg");}

/* tariff */
.tariff .doc-cnt {position:relative;}
.table-cap {margin-top:10px; color:#555;}
.top-table-cap {position:absolute; right:0; margin-top:-40px;}

/* protect */
.protect .top-tit {font-size:24px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:75px;}
.protect .box-txt {text-align:center; padding:60px 10px; border:1px solid #ddd; border-radius:13px; margin-bottom:75px;}
.protect .box-txt p {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#333;}
.protect .box-txt2 {margin-top:70px; border:1px solid #ddd; border-radius:13px; padding:37px 50px;}
.protect .box-txt2 h3 {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:23px;}
.list01 > li {padding-left:27px; position:relative; font-size:20px; font-weight:500; line-height:1.8em; letter-spacing:0; color:#333;}
.list01 > li > .num {position:absolute; left:0;}