@charset "utf-8";
main{
    padding-top: 160px;
}
.sublayout{overflow: hidden;}

/* sub_header */
.sub_header{width: 100%; height: 60px; background: #f1f1f1; position: fixed; top: 100px; left: 0;z-index: 99; border-bottom: 1px solid #ccc;}
.subnav-con{display: flex; align-items: center; height: 60px;}
.subnav-con-1{margin-right: 15px;}
.subnav-con-2, .subnav-con-3, .subnav-con-4{width: 200px; position: relative; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.subnav-con-3{margin-left: -1px;}
.subnav-con-2 > a, .subnav-con-3 > a, .subnav-con-4 > a{padding: 0 15px;}
.subnav-con > li > a{display: flex; align-items: center; font-size: 16px;}

.subnav-con-2 > a::after, .subnav-con-3 > a::after, .subnav-con-4 > a::after{content: '▼'; display: block; width: 10px; height: 20px; font-size: 12px; position: absolute; top: 2px; right: 15px; transition: 0.2s;}

.subnav-con-2.show .subnav-dropdown1, .subnav-con-3.show .subnav-dropdown2, .subnav-con-4.show .subnav-dropdown3{
    display: block;
}
.subnav-con-2.show > a::after, .subnav-con-3.show > a::after, .subnav-con-4.show > a::after{transform: rotate(180deg);}

.subnav-dropdown a{ padding: 0 15px; display: flex; align-items: center; height: 40px; font-size: 16px;}
.subnav-dropdown > li:hover > a{background: #0081CC; color: #fff;}
.subnav-dropdown1, .subnav-dropdown2, .subnav-dropdown3{display: none; position: absolute; top: 41px; left: 0; width: 200px; background: #fff; border: 1px solid #ccc;}
.subnav-dropdown3{left: -1px;}

/* 공통 */
h4{margin: 50px auto; text-align: center; font-size: 40px; font-weight: 700;}

/* 탑 버튼 */
.top_button{position: fixed; right: 30px; bottom: 15px; z-index: 20; opacity:0; transition:all 0.5s ease;}
.top_button button{display: block; width: 60px; height: 60px; border-radius: 50%; text-align: center; color: #fff; background: #0081CC; cursor: pointer; box-shadow: 0 0 0 rgb(88 120 243 / 40%); animation: pulseAnim 2s infinite; border: none; transition: 0.5s;}
.top_button button:hover{background: #1d50a2;}
.top_button.fixed { bottom:30px; opacity:1; }
@keyframes pulseAnim {
	0% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 40%);
	}
	70% {
		box-shadow: 0 0 0 10px rgb(88 120 243 / 0%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(88 120 243 / 0%);
	}
}
.top_button i{display: block; background: url(../../images/top_button.png) 50%/20% no-repeat; width: 60px; height: 60px;}

/* sub1 */
/* sub1_intro1 */
/* 이사장 인사말 */
.ceo-wrap{width: 100%; margin: 0 auto;  position: relative; height: 0; padding-top: 56.25%; border: none;}
.ceo-con{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ceo-con iframe{width: 100%; height: 100%;}

/* .ceo{display: flex; justify-content: space-between;}
.ceo-img{width: 40%;}
.ceo-con{width: 55%;} */

.ceo-name{margin-top: 10px; display: flex; align-items: flex-end; justify-content: center; width: 100%;}
.ceo-name p{font-size: 20px;}
.ceo-name strong{font-size: 22px; font-weight: 700; margin-left: 10px;}

.ceo-strong{border-bottom: 1px solid #ccc; padding-bottom: 30px; font-family: 신협나눔, CUNanumR; letter-spacing: -1.5px; text-align: center;}
.ceo-strong p{font-size: 24px;}
.ceo-strong strong{font-size: 30px; font-weight: 700; color: #0081CC; letter-spacing: -0.05em; }

.ceo-greetings{margin-top: 30px;}
.ceo-greetings p{margin-top: 20px; font-size: 18px; color: #666;}

/* sub1_intro2 */
/* 연혁 */
.sub_menu{margin: 0px 0 50px;}
.sub_menu ul{display: flex; justify-content: center; flex-wrap: wrap; width: 900px; margin: 0 auto;}
.sub_menu ul li{margin: 0 10px;}
.sub_menu ul li a{display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #f2f2f2; border: 1px solid #ccc; color: #666; font-size: 16px; transition: 0.3s;}
.sub_menu ul li.on a{ background: #0081CC; color: #fff; font-weight: 700;}
.sub_menu ul li:hover a{border: 1px solid #0081CC; color: #0081CC;}
.sub_menu ul li.on:hover a{border: 1px solid #ccc; color: #fff;}

.history{margin-top: -50px;}
.history > ul{position: relative; display: flex; margin-top: 50px; flex-wrap: wrap;}
.history > ul:first-child{margin-top: 0;}
.history > ul > li{width: 23%; margin-right: 20px; position: relative; margin-top: 100px;}
.history > ul > li:nth-child(4n){margin-right: 0px;}
.history > ul > li::before{display: block; content: ''; border-bottom: 1px solid #ccc; width: 110vw; position: absolute; top: 105px; left: -80%; z-index: -1;}
.history > ul > li strong{font-size: 50px; font-weight: 700;}
.history > ul > li strong::after{display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #0081CC; margin: 20px 0 30px;}
.history_con li{margin-top: 10px; /* min-width: 330px; */}
.history_con img{margin-top: 10px;}
.history_info{display: flex;}
.history_info b{font-weight: 700; color: #0081CC; font-size: 20px; min-width: 70px;}
.history_info p{color: #666;}

.history2{position: relative;}
.history2 > p{position: absolute; font-size: 30px; font-weight: 700; top: -30px; left: 0; color: #0081CC;}

/* sub1_intro3 */
/* 조직도 */
/* 총회 */
.general{width: 100%; height: 50px; margin: 0 auto; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #333; border: 2px solid #007564;}

.organization_wrap{display: flex; justify-content: space-between;}
.organization_con_wrap{display: flex; justify-content: space-between;}
.organization_info_f{display: flex; justify-content: space-between;}
.organization_con{margin-top: 50px;}

.organization strong{display: flex; justify-content: center; align-items: center; height: 50px; color: #fff; font-weight: 700; font-size: 20px; width: 208px; margin: 0 auto;  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.organization_name{border: 1px solid #ccc; width: 208px; margin: 0 auto; background: #fff;  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.organization p{font-size: 18px; padding: 7px 0; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: -1px;}
.organization_name p b{font-weight: 700; text-align: center; display: inline-block; width: 70px; margin-right: 20px;}
.organization_name p{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.organization_name span{display: block; text-align: center; width: 100%; color: #A64B98; font-weight: 700; margin-bottom: 5px;}

.organization strong.organization_b{margin-top: 20px;}
.organization_con2{margin-right: 20px; margin-top: 50px;}
.organization_con3{margin-left: 30px;}
.organization_mr{margin-right: 130px;}
.organization_mt{margin-top: 50px;}
.organization_mt30{margin-right: 20px;}
.organization_mt50{margin-top: 45px;}

.organization_con_m{margin-top: 145px !important;}

/* 조직도 선 */
.organization > li:first-child{position: relative;}
.organization > li:first-child::after{display: block; content: ''; width: 1px; height: 457px; background: #ccc; position: absolute; top: 0px; left: 50%; z-index: -1;}

.organization .organization_line_r{position: relative;}
.organization .organization_line_r::after{display: block; content: ''; width: 50vw; height: 1px; background: #ccc; position: absolute; top: 25px; left: 0; z-index: -1;}

.organization > li:nth-child(2){position: relative;}
.organization > li:nth-child(2)::after{display: block; content: ''; width: 50%; height: 1px; background: #ccc; position: absolute; top: 75px; left: 50%; z-index: -1;}

.organization_wrap .organization_wrap2:nth-child(1){position: relative;}
.organization_wrap .organization_wrap2:nth-child(1)::before{display: block; content: ''; width: 800px; height: 1px; background: #ccc; position: absolute; top: 75px; left: 300px; z-index: -1;}

.organization > li:nth-child(4){position: relative;}
.organization > li:nth-child(4)::before{display: block; content: ''; width: 1192px; height: 1px; background: #ccc; position: absolute; bottom: -15px; left: 104px; z-index: -1;}

.organization > li:nth-child(6){position: relative;}
.organization > li:nth-child(6)::before{display: block; content: ''; width: 1192px; height: 1px; background: #ccc; position: absolute; top: 15px; left: 104px; z-index: -1;}

.organization > li:nth-child(5) .organization_con{position: relative;}
.organization > li:nth-child(5) .organization_con::before{display: block; content: ''; width: 1px; height: 15px; background: #ccc; position: absolute; top: -15px; left: 104px; z-index: -1;}

.organization > li:nth-child(6) .organization_con{position: relative;}
.organization > li:nth-child(6) .organization_con::before{display: block; content: ''; width: 1px; height: 15px; background: #ccc; position: absolute; top: -15px; left: 104px; z-index: -1;}

.organization_line{position: relative;}
.organization_line::before{display: block; content: ''; width: 1px; height: 150px; background: #ccc; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); z-index: -1;}
.organization_line::after{display: block; content: ''; width: 300px; height: 1px; background: #ccc; position: absolute; top: 75px; left: 200px; z-index: -1;}

.organization_line2{position: relative;}
.organization_line2::before{display: block; content: ''; width: 1px; height: 120px; background: #ccc; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); z-index: -1;}

.organization_line3{position: relative;}
.organization_line3::before{display: block; content: ''; width: 1px; height: 50px; background: #ccc; position: absolute; top: -70px; right: -140px; z-index: -1;
}

.organization_line4{position: relative;}
.organization_line4::before{display: block; content: ''; width: 1px; height: 200px; background: #ccc; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); z-index: -1;}

.organization_line5{position: relative;}
.organization_line5::before{display: block; content: ''; width: 1px; height: 175px; background: #ccc; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: -1;}

.organization_line6{position: relative;}
.organization_line6::before{display: block; content: ''; width: 1px; height: 312px; background: #ccc; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: -1;}

.organization_line7{position: relative;}
.organization_line7::before{display: block; content: ''; width: 200px; height: 1px; background: #ccc; position: absolute; top: 25px; left: -50px; z-index: -1;}

.organization_line8{position: relative;}
.organization_line8::before{display: block; content: ''; width: 1px; height: 50px; background: #ccc; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); z-index: -1;}

.organization_line9{position: relative;}
.organization_line9::before{display: block; content: ''; width: 460px; height: 50px; /* background: #ccc; */ position: absolute; top: -20px; left: 50%; /* transform: translateX(-50%); */ z-index: -1; border: 1px solid #ccc; border-bottom: none;}

.organization_line10{position: relative;}
.organization_line10::before{display: block; content: ''; width: 250px; height: 50px; /* background: #ccc; */ position: absolute; top: -20px; left: -50%; /* transform: translateX(-50%); */ z-index: -1; border: 1px solid #ccc; border-bottom: none;}

.sublayout2{overflow: inherit;}


/* sub1_intro4 */
/* 오시는 길 */
.way_add{margin-top: 50px; margin-bottom: 50px;}
.way_add p{font-size: 24px; font-weight: 700;}
.way_add table{margin-top: 10px; text-align-last: left; border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%;}
.way_add table tbody tr{padding: 20px; border-bottom: dashed 1px #ccc; }
.way_add table tbody tr:last-child{border: none;}
.way_add table tbody tr th{font-size: 18px; font-weight: 700; vertical-align: middle; padding-left: 20px; width: 15%;}
.way_add table tbody td{color: #666; padding: 10px; vertical-align: middle;}
.way_wrap iframe{margin-top: 50px;}
#copyBtn {cursor: pointer; width: 6%;}

.way_add table tbody td{color: #666; padding: 10px; vertical-align: middle;}
.way_add table tbody td a{color: #666;}
#copyBtn:hover{color: #0056A8; text-decoration: underline;}
.way_add table tbody td a:hover{color: #0056A8; text-decoration: underline;}
.way_add table tbody td img{margin-top: 3px;}
.way_wrap iframe{margin-top: 50px;}

.root_daum_roughmap .wrap_controllers{display: none;}

/* 시설안내 */
.facility strong{font-size: 28px; font-weight: 700; color: #333;}
.facility p{font-size: 24px; font-weight: 700; border-bottom: 2px solid #333;}
.facility_slide{position: relative;}



.slick-prev{position: absolute; bottom: 37px; left: 40%; background: url(../../images/facility_prev.png) 0 0 no-repeat; width: 15px; height: 25px; text-indent: -99999px; color: transparent; z-index: 1;}
.slick-next{position: absolute; bottom: 37px; right: 40%; background:  url(../../images/facility_next.png) 0 0 no-repeat; width: 15px; height: 25px; text-indent: -99999px; color: transparent; z-index: 1;}
.slick-dots{display: flex; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.4); width: 100%; height: 100px; align-items: center; justify-content: center;}
.slick-dots li{margin-right: 10px; display: flex; align-items: center; justify-content: center;}
.slick-dots li:last-child{margin-right: 0;}
.slick-dots li button{width: 15px; height: 15px; border-radius: 50%; text-indent: -9999px; color: transparent; background: #999;}
.slick-active button{background: #fff !important;}

.facility .slick-dots li{display: none;}

/* 든솔신협소개 */
.introduce_wrap{background: #f0f2ee url(../../images/introduce_bg.png) 50% no-repeat; padding: 100px 0;}

.introduce_top .inner{display: flex; justify-content: space-between; align-items: center;}
.introduce_title{font-size: 40px; width: 65%;}
.introduce_title strong{font-weight: 700;}
.introduce_title_con{font-size: 18px;}
.introduce_title_con p{margin-top: 20px;}
.introduce_title_img{width: 35%;}

.introduce_con .inner{display: flex; justify-content: space-between; align-items: center; margin-top: 100px;}
.introduce_img{width: 35%;}
.introduce_info{width: 60%;}
.introduce_info strong{font-size: 30px; font-weight: 500; color: #0081CC;}
.introduce_info p{margin-top: 20px;}

.introduce_con2{margin-top: 100px;}
.introduce_con2 .introduce_info{width: 100%;}
.introduce_con2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.introduce_con2 li{width: 32.5%; margin-top: 20px;}
.introduce_pig {display: flex; justify-content: center; align-items: flex-end;}
.introduce_pig img{width: 80%;}

.introduce_con2_2 li{width: 49%;}


/* sub2 */
/* 게시판 */
/* 검색바 */
.search_bar{width: 100%; height: 100px; border: 1px solid #ccc; background: #f3f3f3; display: flex; align-items: center; justify-content: center;}
.search_bar1 select{width: 120px; height: 40px; border: 1px solid #ccc; padding-left: 10px; font-size: 16px;}
.search_bar2 input{margin-left: 5px; width: 450px; height: 40px; border: 1px solid #ccc;
font-size: 14px; padding-left: 10px;}
.search_bar_btn button{text-indent: -9999px; color: transparent; margin-left: 5px; width: 40px;height: 40px; background: url(../../images/search.svg) 0 0 no-repeat;}

/* 조합원 분류 */
.classify ul{display: flex; justify-content: space-between; margin-top: 50px;}
.classify ul a{display: flex; justify-content: center; align-items: center; width: 180px; background: #f2f2f2; height: 40px; border: 1px solid #ccc; color: #666; font-size: 16px;}
.classify ul li.on a{background: #0081CC; color: #fff; font-weight: 700;}
.classify ul li.on:hover a{color: #fff;}
.classify ul li:hover a{color: #0081CC;}

.sub_menu ul{display: flex; justify-content: center; flex-wrap: wrap; width: 900px; margin: 0 auto;}
.sub_menu ul li{margin: 0 10px;}
.sub_menu ul li a{display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #f2f2f2; border: 1px solid #ccc; color: #666; font-size: 16px;}

/* 게시판 */
.notice_table{margin-top: 50px; text-align: center; font-size: 16px; font-weight: normal;}
.notice_table_con{table-layout:fixed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 100%;}
.notice_table_con thead{background: #f2f2f2; border-top: 1px solid #333;}
.notice_table_con thead th{height: 50px; vertical-align: middle; color: #333; font-weight: 700;
}

.notice_table_con tbody tr:hover{background: #f8f8f8;}
.notice_table_con tbody tr{border-bottom: 1px solid #ccc;}
.table_title{width: 50%;}
.notice_table_con tbody td{height: 50px; vertical-align: middle; color: #666;}
.notice_table_con tbody tr .text-left{font-weight: 700; text-align: left; padding-right: 5px;}
.notice_table_con tbody tr .text-left a{display: block; padding-right: 5px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; width: 100%;}

.notice_indicator{display: flex; align-items: center; justify-content: center; margin-top: 100px;}
.notice_indicator a{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px;}

.notice_indicator > a{margin: 0 5px;}
.notice_indicator span{margin: 0 20px; border: 1px solid #ccc; border-radius: 50%;}
.notice-on{background: #0081CC; border-radius: 50%; color: #fff;}
.notice-on:hover{color: #fff;}

/* 화살표 움직임 */
.notice_indicator span img{transition: all .3s ease;}
.notice_indicator span:first-child:hover img{transform: translateX(-5px);}
.notice_indicator span:last-child:hover img{transform: translateX(5px);}

/* 게시글 내용 */
.notice-title{width: 100%; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #f3f3f3;}
.notice-title p{display: flex;  align-items: center; height: 80px; padding: 0 30px; font-weight: 700; font-size: 24px;}
.notice-title-bar{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; font-size: 16px; height: 50px; padding: 0 30px;}
.notice-title-bar strong{font-weight: 700;}
.notice-title-bar p strong{margin-right: 5px;}
.notice-title-bar-r{display: flex;}
.notice-title-bar-r p{margin-left: 20px;}
.notice-file{height: 40px; padding: 0 30px; font-size: 16px; display: flex; align-items: center; border-bottom: 1px solid #ccc;}
.notice-file p{font-weight: 700;margin-right: 10px;}
.notice-con{padding: 50px 30px; word-break: keep-all; border-bottom: 1px solid #666;}
.notice-con p img{height: auto !important;}
.notice-con b{font-weight: 700;}
.notice-con iframe{max-width: 100%;}
.notice-con-img{text-align: center;}

.page-move{border-bottom: 1px solid #666; border-top: 1px solid #666; font-size: 16px; margin-top: -1px;}
.page-move-prev{display: flex; align-items: center; height: 50px; border-bottom: 1px solid #ccc;}
.page-move-prev li{display: flex; align-items: center; }
.page-move-prev li:first-child{justify-content: center; padding: 0 30px; background: #f3f3f3; height: 100%;}
.page-move-prev li:last-child{padding: 0 20px; width: 85%; height: 100%;}
.page-move-prev li:last-child a{width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 13px 0;}
.page-move-prev li p{margin-right: 5px; color: #666;}

.page-move-next{height: 50px; display: flex; align-items: center;}
.page-move-next li{display: flex; align-items: center;}
.page-move-next li:first-child{justify-content: center; padding: 0 30px; background: #f3f3f3; height: 100%;}
.page-move-next li:last-child{padding: 0 20px; width: 85%; height: 100%;}
.page-move-next li:last-child a{width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 13px 0;}
.page-move-next li p{margin-right: 5px; color: #666;}

.notice-btn-group{margin-top: 10px; text-align: right;}
.notice-btn-group button{margin-left: 10px; width: 100px; height: 50px; border-radius: 5px; background: #0081CC; color: #fff; font-size: 16px; transition: 0.3s;}
.notice-btn-group button:hover{background: #0081CC;}

/* 갤러리 */
.gallery_wrap{margin-top: 50px; display: flex; flex-wrap: wrap;}
.list_wrap{margin-bottom: 50px; width: 327px; margin-left: 30px;}
.list_wrap:first-child{margin-left: 0;}
.list_wrap:nth-child(4n+1){margin-left: 0;}
.list_wrap a{display: block; width: 100%; border: 1px solid #ccc;}
.gallery_con{padding: 20px 0 10px; }
.gallery_con p{font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px 20px;}
.gallery_con_date{display: flex; justify-content: space-between; padding: 0 20px; border-top: 1px dashed #ccc; color: #666; font-size: 14px;}
.gallery_con span{ margin-top: 10px;}
.gallery_date{display: flex;}
.gallery_date::before{display: block; content: ''; width: 20px; height: 20px; background-image: url(../../images/gallery_date.png); margin-right: 5px;}
.gallery_view{display: flex;}
.gallery_view::before{display: block; content: ''; width: 20px; height: 20px; background-image: url(../../images/gallery_view.png); margin-right: 5px;}
.list_wrap a figure{overflow: hidden; height: 218px;}
.list_wrap a img{transition: 0.5s; width: 100%; height: 100%;}
.list_wrap a:hover img{transform: scale(1.1);}

/* 등록된 내용이 없습니다. */
.notice_table_no {border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;}
.notice_no{font-weight: normal;}

/* 동영상 갤러리 */
.video_list_wrap{margin-bottom: 100px;}
.video_list_wrap .gallery_con{border: 1px solid #ccc;}
.video_list_wrap a{
    width: 100%;
    margin: 30px auto;
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
.video_list_wrap a figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_list_wrap a figure iframe{
    width: 100%;
    height: 100%;
}

/* 동영상 갤러리 내용 */
.video-con{width: 100%; margin: 50px auto;  position: relative; height: 0; padding-top: 56.25%; border: none;}
.video-con .vod-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-con .vod-wrap iframe{width: 100%;height: 100%;}

/* sub3 */
/* 금융상품안내 */


/* sub3_finance1 */
/* 출자금안내 */
.deposit-title strong{color: #333; font-size: 28px; font-weight: 700;}

/* sub3_finance2 */
/* 예적금안내 */
.deposit-con2{margin-top: 50px;}
.deposit-con2:last-child{margin-bottom: 0;}
.deposit-info{border: 1px solid #ccc; padding: 30px; background: #fff;}
.deposit-info strong{font-weight: 500;}
.deposit-info2 dl{padding: 5px 0; display: flex; align-items: center;}
.deposit-info2 dl dt{margin-right: 10px; font-weight: 500;}
.deposit-info2-table span{display: block; min-width: 150px; font-weight: 500;}
.deposit-info2 dl dd{color: #666; font-size: 16px;}
.interest_rate_table td b{font-size: 18px; font-weight: 500; letter-spacing: 0; color: #0081CC;}
.deposit-box-table{margin-top: 10px; font-size: 16px; text-align: center; vertical-align: middle; width: 100%;}
.deposit-box-table th{padding: 5px 10px; background: #0081CC; color: #fff; vertical-align: middle;}
.deposit-box-table td{padding: 5px 10px; border: 1px solid #ccc; vertical-align: middle;}

.deposit-info b{color: #0081CC;}
.deposit-info .line{width: 100%; border-bottom: 1px dashed #ccc; margin: 20px 0;}
.deposit-info i{font-size: 14px; color: #999; font-weight: normal; margin-left: 5px;}
.deposit-info p a{margin-right: 5px; display: contents;}
.deposit-con_p{position: relative; margin-top: 100px;}
.deposit_img{position: absolute; z-index: -1; right: 0; top: -160px;}
.deposit-info_p2{position: relative;}
.deposit_img2{position: absolute; z-index: 1; right: 0px; bottom: 0; width: 20%;}

/* 심의필 */
.review{margin-top: 5px;}
.review p{text-align: right; font-size: 16px; color: #666;}

/* 금리안내 */
.enforcement_date{text-align: right;}
.rate_title{display: flex; align-items: center; margin-bottom: 10px;}
.rate_title strong{font-size: 20px; font-weight: 700; border-radius: 20px; padding: 2px 15px 4px; color: #fff;}
.rate_title p{margin-left: 20px;}

.rate_title_f{display: flex; justify-content: space-between; align-items: end;}
.rate_title_f>p{font-size: 16px; color: #666;}
.sub-con>p{font-size: 16px;}
.sub-table{width: 100%; text-align: center; font-size: 16px; vertical-align:middle; table-layout: auto; margin-bottom: 50px;}
.sub-table2{margin-bottom: 20px;}
.sub-table-title{background: #f2f2f2; font-weight: 700; font-size: 18px; }
.sub-table-title2{border-top: 2px solid #333; border-bottom: 1px solid #ccc; font-size: 18px;}
.sub-table-title th{padding: 10px 0; vertical-align: middle; border-right: 1px solid #ccc;}
.sub-table-title th:last-child{border-right: none;}
.sub-table b{font-size: 16px; letter-spacing: 0; color: #333;}
.sub-table td{padding: 5px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: middle; color: #333;}
.sub-table tbody tr td:last-child{border-right: none;}
.sub3-con span{font-size: 16px; padding: 10px 0; border-bottom: 1px solid #ccc; display: block; color: #666;}
.intro-interestrate{font-size: 16px; color: #666;}
.title-font{background: #f2f2f2; font-size: 18px; font-weight: 700;}

/* 예적금안내 */
/* 예금안내 */
.sub_menu5 ul{width: auto;}

.deposit-box{background: url(../../images/deposit_bg1.jpg) 0/100% no-repeat; text-align: center; color: #fff; height: 520px; font-size: 30px; padding-top: 200px;}
.deposit-box span{font-size: 40px; font-weight: 700; text-align: center; margin-bottom: 20px; display: block;}
.deposit-box strong{color: #D8A100; font-weight: 700;}
.deposit-con{padding: 20px 0;}
.deposit-title{font-size: 30px; margin-bottom: 10px; color: #333; font-weight: 700;}
.deposit-info p{font-size: 16px; padding: 3px 0 0; color: #666; margin: 5px 0;}
.deposit-info table{width: 100%; border-top: 2px solid #333; margin-top: 10px;}
.deposit-info table th{background: #f3f3f3; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; vertical-align: middle;}
.deposit-info table th:last-child{border-right: none;}
.deposit-info table td{padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle; font-size: 16px; color: #666;}
.deposit-info table td:last-child{border-right: none;}
.deposit-info span{display: flex; font-size: 16px; color: #666;}
.deposit-info span::before{display: block; content: ''; background: url(../../images/icon.png) 50% no-repeat; min-width: 16px; height: 16px; margin-right: 5px; margin-top: 5px;}

.deposit-info p{display: flex;}
.deposit-info p::before{display: block; content: ''; min-width: 5px; height: 5px; border-radius: 50%; background: #0081CC; margin: 10px 5px 0 0;}

/* 정기 적금 */
.interest_rate{display: flex; justify-content: space-between; align-items: center;}
.interest_rate2{align-items: start;}
.interest_rate2 .interest_rate_table table{margin-top: 50px;}
.interest_rate_title{width: 59%;}
.interest_rate_table{width: 40%;}
.interest_rate_table strong{font-weight: 700; margin-bottom: 8px; display: block;}
.interest_rate_table table{width: 100%; text-align: center; border: 1px solid #ccc;}
.interest_rate_table th{vertical-align: middle; height: 38px;}
.interest_rate_table td{height: 38px; vertical-align: middle; border-bottom: 1px dashed #ccc;}
.interest_rate_table tr:last-child{border-bottom: 1px solid #ccc;}

.sub-table-title1{background: #f2f2f2; font-weight: 700; font-size: 18px;}
.interest_rate_table .sub-table-title{font-weight: 500; background: #fff;}

/* 예금안내 */
.tab_info2, .tab_info3, .tab_info4{display: none;
}

.deposit1 .list a{margin: 30px auto 0;}
.finance_tab{margin: 30px 0;}
.finance_tab ul{display: flex;}
.finance_tab li{width: 25%;}
.finance_tab2 li{width: 50%;}
.finance_tab li a{display: flex; align-items: center; justify-content: center; width: 100%; font-size: 24px; padding: 10px 0; font-weight: bold; color: #666; 
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.caution{display: inline-block; margin-top: 6px; margin-right: 3px;}

.finance_table{width: 75%;}
.finance_table table{width: 100%;}
.finance_table table{width: 100%; border-top: 2px solid #333; margin-top: 10px;}
.finance_table table th{background: #f3f3f3; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; text-align: center;}
.finance_table table th:last-child{border-right: none;}
.finance_table table td{padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle; font-size: 16px; color: #666;}
.finance_table table td:last-child{border-right: none;}

.finance_tab li a:hover:before, .finance_tab li a:focus:before, 
.finance_tab li a:active:before {right: 0;}
.finance_tab li a::before{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 100%;
    bottom: 0px;
    background: #0081CC;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.finance_tab li a::after{
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0px;
    background: #d4ecf1;
    width: 100%;
    height: 4px;
}
.finance_tab li.on a::after{
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0px;
    background: #0081CC;
    width: 100%;
    height: 4px;
}
.finance_tab li.on a{color: #0081CC;}

.finance_wrap ul li{display: flex; justify-content: space-between; align-items: center; padding: 30px 0; border-bottom: 1px solid #ccc;}
.pictogram{width: 80px; height: 80px; background: #f3f3f3; border-radius: 50%;}

.finance_title strong{font-size: 28px; font-weight: 700; color: #333;}
.finance_title p{color: #666;}

.finance_info{width: 75%;}
.finance_info a{transition: 0.3s;}
.finance_info a:hover strong{color: #0081CC;}
.finance_info span{display: block; font-size: 14px; color: #666;}
.finance_info strong{font-size: 20px; color: #333; font-weight: bold;}
.finance_info p{color: #666;}

.finance_btns{display: flex;}
.finance_btns a{display: flex; justify-content: center; align-items: center; width: 150px; height: 40px; border: 1px solid #ccc; transition: 0.3s; font-size: 16px; color: #666;}
.finance_btns a:hover{background: #0081CC; color: #fff;  border: 1px solid #0081CC;}

.finance_box{border: 1px solid #ccc;  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);}
.finance_box_top{height: 3px; z-index: 10; display: flex; justify-content: space-between;}
.finance_top1{width: 30%; background: #D7A100;}
.finance_top2{width: 15%; background: #0057A7;}
.finance_top3{width: 55%; background: #00AFD6;}

.finance_box_bottom{padding: 30px;}
.finance_box strong{display: block; font-size: 24px; color: #0071c1;}
.finance_box_con{display: flex; align-items: flex-start;}
.finance_box_con span{font-size: 24px; color: #666; display: flex; align-items: center;}
.finance_box_con span::after{display: block; content: ''; height: 20px; width: 2px; background: #999; margin-left: 20px; margin-right: 20px;}
.finance_box_con p{font-size: 24px; color: #333; width: 80%;}
.finance_box_con p b{color: rgb(0, 169, 239); font-size: 24px;}

.finance_con li{display: flex; align-items: center; padding: 20px 0; border-bottom: 1px dashed #ccc; flex-wrap: wrap; justify-content: flex-end;}
.finance_con strong{font-size: 20px;  width: 25%; position: relative;}
.finance_con strong::after{position: absolute; top: 50%; left: 120px; transform: translateY(-50%); content: ''; height: 20px; width: 1px; background: #999; margin-left: 100px;}
.finance_con p{font-size: 18px; width: 75%;}

.list a{display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; border: 1px solid #ccc; transition: 0.3s;}
.list a:hover{background: #0081CC; color: #fff;  border: 1px solid #0081CC;}

.finance_con li p{color: #666;}
.finance_con li p a{color: #0055a7; font-weight: bold;}
.finance_con li p a:hover{text-decoration: underline;}

.finance_down{border: 1px solid #ccc; padding: 30px; background: #f3f3f3;} 
.finance_down ul{display: flex; justify-content: center;}
.finance_down ul li a{display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #ccc; width: 400px; height: 80px; margin: 10px; font-weight: bold; font-size: 20px; transition: 0.3s;}
.finance_down ul li a > img{width: 50px; height: 50px; border-radius: 50%; background: #f3f3f3; margin-right: 20px;}
.finance_down ul li a span{border: 1px solid #ccc; padding: 5px 10px; display: flex; justify-content: center; align-items: center; margin-left: 30px; color: #666; font-size: 16px; font-weight: 400;}
.finance_down ul li a span img{margin-left: 10px; margin-bottom: 3px;}
.finance_down ul li a:hover{border: 1px solid #0081CC;}

/* 자유예금 */
.deposit-info2-table{display: flex; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}

/* 예금자보호제도 */
.deposit-box3{background: url(../../images/deposit_bg3.jpg) 50% 50% no-repeat; height: 330px; padding: 70px 50px;}
.deposit-box3 .deposit-title p{color: #fff; font-size: 30px;}
.deposit-box3 .deposit-title strong{color: #D8A100;}
.deposit-box3 .deposit-info p{color: #fff;}
.deposit-box3 .deposit-info span{color: #ccc; font-size: 14px; margin-top: 20px; display: block;}

/* 금리안내 */
.precautions{border: 1px solid #ccc; padding: 30px;}
.precautions strong{font-size: 20px; text-align: center; display: block; font-weight: 500; margin-bottom: 20px;}
.precautions p{font-size: 16px; color: #666; margin: 5px 0; display: flex;}
.precautions p::before{display: block; content: ''; min-width: 5px; height: 5px; border-radius: 50%; background: #0081CC; margin: 10px 5px 0 0;}
.precautions span{text-align: right; color: #666; font-size: 16px; border-bottom: none; padding: 0;}

/* 대출안내 */
.sub_menu6 ul{width: 800px;}
.sub_menu6 ul li:nth-child(4) {margin-top: 20px;}
.deposit-info-o{display: flex; align-items: center; justify-content: space-between;}
.deposit-info-o li{display: flex; align-items: center; justify-content: center;}

/* 온뱅크 */
.onbank_sec{margin-bottom: 50px; border-bottom: 1px solid #ccc; padding-bottom: 100px; position: relative;}
.onbank_sec1_top{display: flex; justify-content: space-between;}
.onbank-title{display: flex; align-items: center; font-size: 34px; font-weight: 700;}
.onbank-title p{margin-left: 10px;}
.onbank_sec1_bottom{display: flex; margin-top: 30px; align-items: center; justify-content: space-between;}
.onbank_sec1_bottom_con{display: flex;}
.onbank_sec1_bottom_con2{margin-left: 100px;}
.onbank_sec1_bottom_con p{display: flex; align-items: center; font-size: 20px; margin-top: 10px;}
.onbank_sec1_bottom_con p::before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #0081CC; margin-right: 5px;}
.onbank_sec1_bottom_con p::after{content: ''; display: block; background: url(../../images/onbank_on.svg) 0 0/80% 100% no-repeat; width: 40px; height: 20px; margin-left: 5px;}
.onbank_installation{display: none;}

.onbank_notice{display: flex; justify-content: space-between;}
.onbank_slide{position: absolute; bottom: 40px; left: 0; display: flex; align-items: flex-end;}
.onbank_slide_m{display: none;}

.onbank_sec_con{width: 100%;}
.onbank_sec_con ul{white-space: nowrap; overflow-x: auto; display: block; padding-bottom: 50px; }
.onbank_sec_con ul li{display: inline-block;}
.onbank_sec_con ul li img{width: 250px;}
.big img{width: 500px !important;}
.onbank_sec_con ul::-webkit-scrollbar{height: 10px; width: 300px;}
.onbank_sec_con ul::-webkit-scrollbar-thumb{background: #0081CC; border-radius: 5px;}
.onbank_sec_con ul::-webkit-scrollbar-track{background-color: #ccc;}
.container::-webkit-scrollbar

.onbank_sec4_con{display: flex; justify-content: space-between;}
.onbank_sec4_con img{width: 16%;}

.onbank_sec5_con{display: flex; justify-content: center; background: #f4f4f4; padding: 50px 0;}
.onbank_sec5_con img{width: 20%; margin: 0 10px;}

.onbank_sec6{text-align: center; font-weight: 700; background: #f4f4f4; padding: 0 0 50px;}
.onbank_sec6 > p{font-size: 20px;}
.onbank_tel{display: flex; justify-content: center;}
.onbank_tel p{font-size: 30px; margin: 0 5px;}

/* 프로그램안내 */
.tab_menu{margin: 0px 0 50px;}
.tab_menu ul{display: flex; justify-content: center; flex-wrap: wrap; width: 900px; margin: 0 auto;}
.tab_menu ul li{margin: 0 10px;}
.tab_menu ul li a{display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #f2f2f2; border: 1px solid #ccc; color: #666;}
.tab_menu ul li.on a{background: #0081CC; color: #fff; font-weight: 700;}

/* 제휴상품안내 */
/* 공제상품 */
.deduction-title{background: url(../../images/deduction_bg.jpg) 50% 50% no-repeat; text-align: center;}
.deduction-title{padding: 50px 0;}
.deduction-title p{color: #fff; font-size: 30px;}
.deduction-title strong{
    color: #D8A100;
    font-size: 40px;
    font-weight: 700;
}
.deduction-title ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}
.deduction-title ul li{font-size: 20px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    margin: 0 10px;
    transition: 0.3s;
}
.deduction-title:hover ul li{background: rgba(255,255,255, 0.2);}
.deduction-title button{font-size: 20px;
    margin: 50px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    background: transparent;
}
.deduction-title:hover button{color: #0081CC; background: #fff;}

.deduction-con{margin-top: 50px;}
.deduction-con strong{font-weight: 700; color: #0081CC; font-size: 24px;}
.deduction-con p{font-size: 18px;}

.deduction-box{
    margin-top: 50px;
    border: 1px solid #0081CC;
    padding: 20px;
}
.deduction-box strong{display: block; width: 100%; font-weight: 700; color: #0081CC; border-bottom: 1px solid #0081CC; font-size: 24px;}
.deduction-box dl{
    font-size: 16px;
    margin-top: 20px;
}
.deduction-box dt{font-weight: 700; font-size: 20px;}
.deduction-box dd{margin-top: 5px;}
.deduction-kind{margin-top: 50px;}
.deduction-kind ul li{display: flex; align-items: center; font-size: 16px; margin-top: 10px;}
.deduction-kind ul li dl{padding: 10px 30px;}
.deduction-kind ul li dl dt{font-weight: 700; color: #0081CC; font-size: 24px;}
.deduction-kind ul li dl dd{font-size: 18px;}

/* 체크카드 */
.card-wrap{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #ccc; margin: 20px 0; padding-bottom: 20px;}
.card-wrap:last-child{border-bottom: 1px solid #ccc;}
.card-left{width: 30%; display: flex; justify-content: center; align-items: center;}
.card-right{width: 70%;}
.card-right .card-title strong{font-weight: 700; color: #0081CC; font-size: 24px;}
.card-right .card-title p{font-size: 20px;}
.card-right .card-con{margin-top: 10px; color: #666;}
.card-right .card-text{display: flex; justify-content: space-between; flex-wrap: wrap;}
.card-right .card-text dl{width: 50%; color: #555;}
.card-right .card-text dt{margin-top: 10px; font-weight: 600;}

.card_wrap ul{display: flex; flex-wrap: wrap;}
.card_wrap ul li{width: 22%; border: 1px solid #ccc; padding: 20px; margin: 20px;}
.card_wrap ul li a{display: block; text-align: center;}
.card_wrap ul li a .pictogram{width: 50%; height: auto; margin: 0 auto;}
.card_wrap ul li a .pictogram2{width: 80%;}
.card_wrap ul li a .card_con{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc;}
.card_wrap ul li a .card_con span{font-size: 14px; display: block; color: #666;}
.card_wrap ul li a .card_con strong{font-size: 20px; font-weight: 700; color: #333; margin: 5px 0; transition: 0.3s;}
.card_wrap ul li:hover a .card_con strong{color: #0081CC;}
.card_wrap ul li a .card_con p{font-size: 16px; color: #666;}
.card_wrap ul li a .card_con button{width: 200px; height: 40px; border: 1px solid #ccc; background: #fff; font-size: 16px; color: #666; margin-top: 10px; transition: 0.3s;}
.card_wrap ul li:hover a .card_con button{background: #0081CC; color: #fff; border: 1px solid #0081CC;}

.card_wrap ul li:hover a .pictogram{animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.card_wrap .finance_info{width: 100%; border-top: 1px dashed #ccc; margin-top: 20px; padding-top: 20px;}
.card_wrap li .finance_info strong{transition: 0.3s;}
.card_wrap li:hover .finance_info strong{color: #0081CC;}
.card_wrap .finance_info p{font-size: 16px; text-align: left; display: flex;}
.card_wrap .finance_info p::before{content: ''; display: block; min-width: 3px; height: 3px; background: #0081CC; margin-right: 5px; margin-top: 12px;}
.card_wrap .finance_info button{width: 200px; height: 40px; border: 1px solid #ccc; background: #fff; font-size: 16px; color: #666; margin-top: 10px; transition: 0.3s;}
.card_wrap ul li:hover .finance_info button{background: #0081CC; color: #fff; border: 1px solid #0081CC;}


.checkcard_wrap .finance_box_bottom{padding: 50px 200px; display: flex; align-items: center;}
.finance_box_con{margin-left: 50px;}
.checkcard_wrap .finance_box_con > strong{display: block; font-size: 24px; color: #ff5252;  font-weight: 700;}
.finance_box_con span{font-size: 24px; color: #666; display: flex; align-items: center;}
.finance_box_con span::after{display: block; content: ''; height: 20px; width: 1px; background: #999; margin-left: 20px; margin-right: 20px;}
.checkcard_wrap .finance_box_con > p{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 5px;}
.finance_box_con p b{color: rgb(0, 169, 239); font-size: 24px;}

.fianace_box_info{margin-top: 20px;}
.checkcard_wrap .fianace_box_info p{color: #666; font-size: 16px; width: 100%;}

.finance_box_cons{margin-top: 10px;}
.finance_box_cons p{display: flex;}
.finance_box_cons p::before{content: ''; display: block; min-width: 3px; height: 3px; background: #d8302f; margin-right: 5px; margin-top: 12px;}
.finance_box_cons p b{color: #d8302f; margin: 0 3px; font-weight: 600; display: contents;}

.checkcard_wrap .finance_box_con{flex-direction: column;}
.checkcard_wrap .finance_box .fianace_box_info strong{font-size: 20px; font-weight: 700;}

.finance_box_button{display: flex; margin-top: 20px;}
.finance_box_button a{border: 1px solid #ccc; display: block; padding: 10px 30px; margin-right: 10px; transition: 0.3s; color: #666;}
.product_button:last-child{border: none; background: #0081CC; color: #fff;}
.finance_box_button a:first-child:hover{border: 1px solid #0057A7; color: #0057A7;}
.product_button:last-child:hover{background: #0057A7;}

.checkcard{margin-top: 50px; margin-bottom: 50px;}
.checkcard > strong{display: block; text-align: center; font-size: 28px; font-weight: 700; color: #333;}
.checkcard > p{text-align: center; color: #666; margin-top: 5px; font-size: 16px;}
.checkcard ul{display: flex; margin-top: 20px; flex-wrap: wrap;}
.checkcard ul li{width: 33%; border-right: 1px dashed #ccc; padding: 20px; margin-bottom: 20px;}
.checkcard ul li:nth-child(3n){border-right: none;}
.checkcard_con figure{background: #f5f5f5; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.checkcard_con strong{display: block; font-size: 20px; color: #333; text-align: center; margin-top: 10px; word-break: keep-all;} 
.checkcard_con strong b{font-size: 20px; color: #0a86c8;}
.checkcard_con span{text-align: center; color: #666; display: block; margin-bottom: 20px; margin-top: 5px; word-break: keep-all; font-size: 16px;}
.checkcard_con p{display: flex; color: #666; word-break: keep-all; margin: 5px 0; font-size: 16px;}
.checkcard_con p::before{display: block; content: ''; min-width: 2px; height: 2px; background: #999; margin-right: 5px; margin-top: 12px;}
.checkcard_con p:first-child{margin-top: 20px;}

.limit strong{font-size: 28px; font-weight: 700; color: #333; margin-bottom: 10px; display: block;}
.limit table{width: 100%; border-top: 2px solid #333; margin-top: 10px; border-collapse : collapse; border-spacing : 0;}
.limit table th{background: #f5f5f5; padding: 10px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; vertical-align: middle;}
.limit table th:last-child{border-right: none;}
.limit table td{padding: 10px; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; color: #666; vertical-align: middle;}
.limit table td:last-child{border-right: none;}
.limit p{display: flex; word-break: keep-all; color: #666;}
.limit p::before{display: block; content: ''; min-width: 3px; height: 3px; background: #0081CC; margin-right: 5px; margin-top: 12px; border-radius: 50%;}

.limit table.limit_table{margin-top: 30px;}

.etc{margin-top: 50px;}
.etc strong{font-size: 28px; font-weight: 700; color: #333; margin-bottom: 10px; display: block;}
.etc p{display: flex; word-break: keep-all; color: #666;}
.etc p::before{display: block; content: ''; min-width: 3px; height: 3px; background: #0081CC; margin-right: 5px; margin-top: 12px; border-radius: 50%; }
.etc span{display: flex; margin-left: 5px; color: #666;}
.etc span::before{display: block; content: ''; min-width: 20px; height: 20px; background: url(../images/bu_atte_line.png) 50% no-repeat;}

.checkcard_info{margin-top: 20px;}
.checkcard_info p{display: flex; word-break: keep-all;}
.checkcard_info p::before{display: block; content: ''; min-width: 3px; height: 3px; background: #0081CC; margin-right: 5px; margin-top: 12px; border-radius: 50%; }

.checkcard_box{border: 1px solid #ccc; padding: 30px; margin-top: 50px;}
.checkcard_box_title p{text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 20px;}

.checkcard_box_con{margin-bottom: 20px;}
.checkcard_box_con strong{font-size: 22px; font-weight: 700; color: #333;}
.checkcard_box_con p{margin: 5px 0; display: flex; word-break: keep-all;}
.checkcard_box_con p::before{display: block; content: ''; min-width: 3px; height: 3px; background: #0081CC; margin-right: 5px; margin-top: 12px; border-radius: 50%;}
.checkcard_box_con span{display: flex; margin-left: 5px; color: #666;}
.checkcard_box_con span::before{display: block; content: ''; min-width: 20px; height: 20px; background: url(../images/bu_atte_line.png) 50% no-repeat;}

.checkcard_box_con a{color: #0081CC; display: block;}
.checkcard_box_con a:hover{text-decoration: underline;}

.checkcard_box_con dt{margin: 5px 0; display: flex; word-break: keep-all; margin-left: 10px; color: #666; font-size: 16px;}
.checkcard_box_con dt::before{display: block; content: ''; min-width: 3px; height: 3px; background: #999; margin-right: 5px; margin-top: 12px; border-radius: 50%;}
.checkcard_box_con dd{margin: 5px 0; display: flex; word-break: keep-all; margin-left: 20px; color: #666; font-size: 16px;}
.checkcard_box_con dd::before{display: block; content: '-';  margin-right: 3px; margin-top: -1px; color: #999;}
.checkcard_box_con dd a{color: #057ebe;}
.checkcard_box_con dd a:hover{text-decoration: underline;}

@keyframes slide-top {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

/* 개인정보처리방침 */
.personal_wrap{word-break:keep-all;}
.subclass_personal{display: flex; justify-content: center;}
.personal_first{margin-top: 55px; background: #f5f5f5; border-top: 3px solid #0081CC; border-bottom: 1px solid #0081CC; text-align: center; font-weight: 700; padding: 40px 20px 30px;}
.personal_first strong{font-size: 18px; font-weight: 700;}
.personal_first p{font-size: 16px; margin-top: 10px;}
.personal_first span{display: inline-block; font-size: 18px; background: #fff; padding: 10px; margin-top: 20px;}
.personal_article{ margin-top: 50px;}
.personal_article strong{font-size: 24px; font-weight: 700;} 
.personal_article > p{font-size: 16px;}
.personal_article_box{border: 1px solid #ccc; margin-top: 10px; padding: 20px;}
.personal_article_con{display: flex; margin-bottom: 20px;}
.personal_article_con:last-child{margin-bottom: 0;}
.personal_article_con i{display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; width: 30px; height: 30px; border-radius: 50%; background: #0081CC; margin-right: 20px;}
.personal_article_con b{font-size: 16px; font-weight: 700;}
.personal_article_con p{font-size: 16px;}
.personal_article_bundle{width: 94%;}
.personal_article_bundle p a{text-decoration: none; color: inherit;font-size: 16px;}
.personal_article_bundle p a:hover{color: #0081CC;}
.personal_article_a{text-decoration: none; font-size: 16px; display: flex; justify-content: center; align-items: center; color: #0081CC; border: 1px solid #0081CC; width: 210px; height: 40px;}
.personal_article_a:hover{background: #0081CC; color: #fff;}
.personal_table{width: 100%; text-align: center; margin-top: 10px;}
.personal_table_wrap{width: 100%; border-collapse: collapse;}
.personal_table_title{height: 40px;}
.personal_table_title th{background: #0081CC; font-size: 18px; color: #fff; font-weight: 700;}
.personal_article_con_b{margin-top: 10px;}
.personal_article_con_b p{font-size: 16px;}
.personal_article_con_b span a{text-decoration: none; color: inherit;}
.personal_article_con_b span a:hover{color: #0081CC;}

/* 사이트맵 */
.sitemap-con{display: flex; justify-content: start; flex-wrap: wrap;}
.sitemap-con > li{padding-right: 10px; margin-top: 30px; width: 20%;}
.sitemap-con > li:last-child{padding-right: 0;}

.sitemap-con > li > p{display: flex; justify-content: center; align-items: center; font-size: 18px; text-align: center; height: 40px; background: #f2f2f2; color: #0081CC; font-weight: 700;}
.sitemap-info li a{display: block; border-bottom: 1px solid #ccc; padding: 10px; font-size: 16px; position:relative; transition: 0.3s; text-align: center;}
.sitemap-info li a:hover{color: #fff;}
.sitemap-info li a:hover::before{width:15px; height:100%;}
.sitemap-info li a::after{content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:#0081CC;transform:scaleX(0); transition:0.5s; transform-origin:left; z-index:-1;}
.sitemap-info li a:hover::after{transform:scaleX(1);}

/* 이메일무단수집거부 */
.mail{width: 600px; margin: 55px auto 0; border-radius: 20px 20px 0 0; border: 1px solid #ccc; text-align: center;}
.mail-top p{font-size: 26px;  font-weight: 600; padding: 15px 0; background: #0081CC; border-radius: 20px 20px 0 0; color: #fff;}
.mail-img{padding: 30px 0;}
.mail-con{border-top: 2px dotted #ccc;}
.mail-con p{font-size: 18px; padding: 30px 0;}
.mail-con p b{font-size: 18px; color: #0081CC; font-weight: 600;}

@media screen and (max-width:1500px) {
    /* sub1 */
    /* 미션·비전 */
    /* .vision .vision_con img{width: 100%;} */
    .platform{justify-content: space-between;}
    .platform li{width: 24%; margin: 0;}
    .platform strong{width: 100%; font-size: 16px; text-align: center;}
    .platform li p{width: 100%; height: auto;}

    .platform_t strong{width: 100%;}
    .platform_t p{width: 100%;}
    .platform_title p{width: 100%;}
    .platform_lr p{width: 80%;}
    .platform_l{margin-right: 10px;}
    .platform_r{margin-left: 10px;}
    .platform2{width: 100%;}
    .platform2 li p{padding: 10px 0 10px 20%;}
    .platform_b{width: 100%;}

    /* 조직도 */
    .organization strong{width: 14vw;}
    .organization_name{width: 14vw;}

    /* 조직도선 */
    .organization_wrap .organization_wrap2:nth-child(1)::before{left: 40%;}
    .organization_line::after{left: 90%;}

    .organization_line9::before{width: 30.5vw;}
    .organization_line3::before{right: -10vw;}
    .organization_line10::before{width: 17vw;}

    /* sub4 */

    /* 체크카드 */
    .card_wrap ul li{width: 21%;}

    /* 온누리상품권 */
    .deposit-con_p{margin-top: 50px;}
    .deposit_img{width: 40%; top: -130px;}

    /* sub5 */
    /* 사회적금융 */
    .finance_fund{justify-content: center;}
    .finance_fund li{margin: 0 50px;}
    .finance_coop_rt{padding-bottom: 40px;}
    .finance_coop_rb{margin-top: 40px; padding-bottom: 40px;}

    .finance_wrap > strong{font-size: 40px;}
    .finance_con{flex-direction: column; margin-top: 10px;}
    .finance_info{margin-right: 0;}
    .finance_info strong{font-size: 24px;}
    .finance_info2_con strong{font-size: 24px;}
    
    .enterprise{margin-top: 50px;}
    .enterprise_img img{width: 47vw;}
    .enterprise iframe{width: 100%; height: 50vh; margin-top: 0;}

    .finance3{width: 100%;}
    .finance3 figure{white-space: nowrap; overflow-x: auto; display: block; padding-bottom: 50px; }
    .finance3 img{display: inline-block; margin-right: 20px;}
    .onbank_sec_con ul li img{width: 250px;}
    .big img{width: 500px !important;}
    .finance3 figure::-webkit-scrollbar{height: 10px; width: 300px;}
    .finance3 figure::-webkit-scrollbar-thumb{background: #0081CC; border-radius: 5px;}
    .finance3 figure::-webkit-scrollbar-track{background-color: #ccc;}
    /* .container::-webkit-scrollbar */
    
}
@media screen and (max-width:1460px){
    /* sub2 */
    /* 포토갤러리 형식 */
    .list_wrap{width: 30vw; margin-left: 3vw;}
    .list_wrap:nth-child(3n+1){margin-left: 0;}
    .list_wrap:nth-child(4n+1){margin-left: 3vw;}
    .list_wrap:first-child{margin-left: 0;}
    .list_wrap a figure{height: 20vw;}
    
    /* 동영상 */
    .video_list_wrap a figure{height: 16.85vw;}
}
@media screen and (max-width:1400px) {
    /* sub1 */
    /* 연혁 */
    .history{overflow: hidden; margin-top: -20px;}
    .history > ul{flex-wrap: wrap;}
    .history > ul > li{width: 33%; margin-right: 0; margin-top: 30px;}
    .history_con{width: 90%;}
    .history_con li{max-width: unset;}

    /* 온뱅크 */
    .onbank_sec1_bottom_con2{margin-left: 50px;}
}
@media screen and (max-width:1300px){
    /* sub1 */
    /* 이사장인사말 */
    .ceo{flex-direction: column;}
    .ceo-img, .ceo-con{width: 100%; text-align: center;}
    .ceo-name{margin: 10px auto 10px; justify-content: center; width: 100%;}
    .ceo-greetings{text-align: left;}

    .onbank_sec1_bottom{flex-direction: column;}
    .onbank_sec1_bottom_con{margin-top: 30px;}
}
@media screen and (max-width:1200px){
    /* sub1 */
    /* 조직도 */
    .organization strong{font-size: 16px; height: 40px;}
    .organization_name p{font-size: 16px;}
    .organization_name p b{font-size: 16px; margin-right: 10px; width: 50px;}
    .organization_con2{margin-right: 20px;}
    .organization_con3{margin-left: 20px;}
    .organization_con{margin-top: 30px;}
    .organization_mr{margin-right: 8vw;}
    .organization_mt{margin-top: 30px;}
    .organization_mt50{margin-top: 45px;}
    .organization_mt30{margin-top: 30px;}
    .organization_con2{margin-top: 45px;}

    /* 조직도 선 */
    .organization > li:first-child::after{height: 351px;}
    .organization > li:nth-child(2)::after{top: 50px;}
    .organization_wrap .organization_wrap2:nth-child(1)::before{top: 50px; width: 60vw;}
    .organization_line::after{top: 50px;}
    .organization_line2::before{height: 90px;}
    .organization_line3::before{right: -9vw;}
    .organization_line5::before{height: 135px;}
    .organization_line9::before{top: -15px; width: 31.5vw;}
    .organization_line6::before{height: 246px;}

    .organization .organization_line_r::after{top: 20px;}

    .organization_con_m{margin-top: 110px !important;}
    
    /* sub3 */
    /* 온누리상품권 */
    .deposit_img{width: 35%; top: -80px;}
    .deposit_img2{top: -150px;}

    /* sub4 */
    /* 공제상품 */
    .deduction-title ul li{width: 15vw; height: 15vw;}
    .deduction-kind ul li img{width: 15vw;}

    .finance_table td{padding: 10px 5% 10px 0;}
    .sub_menu ul li a{width: 17vw;}

    /* 체크카드 */
    .card_wrap ul li{width: 29%;}
}
@media screen and (max-width:1024px) {
    main{padding-top: 100px;}
    h4{margin: 60px auto 50px; font-size: 36px;}
    .sub_header{top: 60px;}
    .sublayout{overflow: hidden;}

    .ceo-strong strong{font-size: 24px;}
    .ceo-greetings p{font-size: 16px;}
    
    /* 조직도 */
    /* .organization_name p b{font-size: 16px; width: 60px; margin-right: 5px;} */
    .organization_wrap:nth-child(3){flex-direction: column;}
    .organization_con_wrap2{flex-direction: column;}
    .organization strong{width: 20vw;}
    .organization_name{width: 20vw;}
    .organization_mr{margin-right: 0;}
    
    /* 조직도선 */
    .organization_line::before{left: 46%;}
    .organization_line::after{left: 85%;}
    .organization > li:first-child::after{height: 466px;}
    .organization_wrap .organization_wrap2:nth-child(1)::before{display: none;}
    .organization_line5::before{display: none;}
    .organization_line::after{width: 40vw;}
    .organization_line7::before{left: -290%; width: 60vw;}

    .organization_line9::before{width: 45vw;}
    .organization_line10::before{left: -80%; width: 40vw;}
    .organization_line3::before{right: -24vw;}
    
    /* 연혁 */
    .sub_menu ul{width: 100%; justify-content: space-between;}
    .sub_menu ul li{margin: 5px;}
    .sub_menu ul li a{width: 23vw;}
    .sub_menu5 ul li{margin: 5px;}
    .sub_menu5 ul li a{width: 25vw;}

    .tab_menu ul{width: 100%; justify-content: space-between;}
    .tab_menu ul li{margin: 0;}
    .tab_menu ul li a{width: 23vw;}

    .history2 > p{font-size: 28px;}
    .history > ul > li strong{font-size: 46px;}
    .history > ul > li::before{top: 95px;}

    /* 오시는 길 */
    .way_add{margin-bottom: 50px;}
    .way_add table tbody tr{padding: 10px;}
    .way_add table tbody tr th{width: 15%;}
    .way_wrap iframe{width: 100%; height: 50vh; margin-top: 0;}

    /* 시설안내 */
    .facility strong{font-size: 24px;}

    /* 든솔신협소개 */
    .introduce_top .inner{flex-wrap: wrap;}
    .introduce_title{font-size: 30px; width: 100%;}
    .introduce_title_img{width: 100%; margin-top: 20px; text-align: center;}
    .introduce_title_img img{text-align: center; width: 80%;}

    .introduce_con .inner{flex-wrap: wrap; margin-top: 50px;}
    .introduce_img{width: 100%; text-align: center;}
    .introduce_img img{width: 80%;}

    .introduce_info{width: 100%; margin-top: 20px;}
    .introduce_info strong{font-size: 24px;}

    .introduce_con2{margin-top: 50px;}

    .introduce_con2 ul{width: 96vw; margin: 0 auto;}
    .introduce_con2 ul li{width: 49%;}
    
    /* sub2 */
    /* 페이지 */
    .notice_indicator{margin-top: 50px;}

    /* 공지사항 이전글 */
    .page-move-prev li:last-child, .page-move-next li:last-child{width: 80%;}

    /* sub3 */
    .rate_title strong{font-size: 24px;}
    /* 예적금안내 */
    .sub_menu ul{justify-content: center;}
    .tab_menu ul li{margin: 0 3px;}
    .tab_menu ul{justify-content: center;}
    
    .deposit-box p{font-size: 18px;}
    .deposit-box{font-size: 24px; height: 37vw; padding-top: 50px;}
    .deposit-con{padding: 30px 0;}
    
    /* 출자금안내 */
    .deposit-box2{height: 100%; padding: 20px;}

    /* 예금안내 내용 */
    .finance_box_bottom{padding: 10px 0;}
    .finance_box_con{margin-left: 0;}

    .finance_tab li a{font-size: 20px;}
    .finance_con strong::after{left: 8vw;}

    .finance_down ul{justify-content: space-between;}
    .finance_down li{width: 49%;}
    .finance_down ul li a{width: 100%;}
    
    /* 적금안내 */
    .deposit-con2{margin-top: 30px;}

    /* 예금자보호제도 */
    .deposit-box3{height: 100%; padding: 30px 20px;}
    .deposit-box3 .deposit-info span{margin-top: 20px;}
    .deposit-info p{padding: 0;}

    /* sub3_3 */
    /* 대출안내 */
    /* 대출안내 */
    .sub_menu6 ul li{margin: 0 10px;}
    .tab_menu ul li{margin: 0 10px;}
    .deposit-info-o{flex-wrap: wrap; justify-content: center;}
    .deposit-info-o li img{width: 90%;}

    /* 온뱅크 */
    .onbank-title{font-size: 26px;}
    .onbank-title img{width: 200px;}
    .onbank_sec5_con img{width: 25vw;}
    .onbank_sec1_bottom_con p{font-size: 18px;}
    .onbank_sec1_bottom_con2{margin-left: 30px;}
    
    .onbank_notice{align-items: center;}
    .onbank_slide{display: none;}
    .onbank_slide_m{display: flex; align-items: flex-end;}

    .onbank_installation{display: block; margin-top: 30px;}
    .onbank_installation a{display: block; display: flex; align-items: center; justify-content: center; background: #507aff; border-radius: 30px; width: 310px; height: 65px; color: #fff; font-size: 18px;}
    .onbank_installation a img{width: 50%; margin-right: 10px;}

    .deduction-con p{font-size: 16px;}

    /* 체크카드 */
    .card_wrap ul li{width: 44%;}

    /* 체크카드 내용 */
    .checkcard_wrap .finance_box_bottom{padding: 10px 0;}
    .checkcard_wrap .finance_box_con{margin-left: 30px;}

    /* 온누리상품권 */
    .deposit_img {width: 45%; top: -50px;}
    .deposit_img2{top: -170px; width: 26%;}

    /* 사회적금융 */
    /* sub5 */
    /* 사회적경제 */
    .sub_menu2 ul li a{width: 40vw;}
    .enterprise_img{flex-direction: column;}
    .enterprise_img img{width: 100%;}
    .enterprise_img img:last-child{margin-top: 10px;}

    .finance_box{padding: 30px;}

    .finance_wrap > strong{font-size: 34px;}
    .finance_fund li{width: 30vw; margin: 0 20px;}
    
    .finance_table td{padding: 10px 10px 10px 0;}

    .cooperation{flex-wrap: wrap;}
    .finance_info{width: 70%;}
    .finance_info figure img{width: 49%;}
    .finance_info figure img:nth-child(3), .finance_info figure img:nth-child(4){margin-top: 20px;}
    .cooperation img{width: 49%;}
    .cooperation img:nth-child(3), .cooperation img:nth-child(4){margin-top: 20px;}

    .finance_info_con table th{font-size: 16px;}
    .finance_info_con table td img{width: 80%;}

    .finance_info_con p{font-size: 16px;}

    .finance_coop_warp{display: block;}
    .finance_coop{width: auto;}
    .finance_coop_r{margin-top: 30px;}
    .finance_coop_r strong{font-size: 20px;}
    .finance_coop_r p{font-size: 16px;}
    .finance_coop_rt{padding-bottom: 30px;}
    .finance_coop_rb{margin-top: 30px; padding-bottom: 30px;}
    .finance_info.finance_info_t > p{font-size: 18px;}

    .finance2{width: 48%;}

    .finance_info_t{margin-top: 50px;}
    .finance_info2_con{margin-bottom: 50px;}

    /* 개인정보처리방침 */
    .personal_first{margin-top: 30px;}
}
@media screen and (max-width:950px) {
    /* 출자금 안내 */
    .deposit-box2 .deposit-title p{font-size: 24px;}
}
@media screen and (max-width:900px) {
    /* sub1 */
    /* 미션·비전 */
    .vision_mision p{font-size: 16px;}
    .v_strategy li strong{font-size: 18px; width: 130px; height: 130px;}
    .v_strategy li p{font-size: 16px; width: 150px;}

    /* sub4 */
    /* 공제상품 */
    .deduction-title{padding: 30px 0;}
    .deduction-title p{font-size: 20px;}
    .deduction-title strong{font-size: 30px;}
    .deduction-title ul{margin-top: 30px;}
    .deduction-title ul li{width: 15vw; height: 15vw; font-size: 18px;}
    .deduction-title button{font-size: 18px; margin-top: 20px auto 0;}

    /* 체크카드 */
    .card-left{width: 40vw;}
    .card-right{width: 55vw;}
}
@media screen and (max-width:768px) {
    /* sub1 */
    /* 연혁 */
	.sub_menu ul li a{width: 45vw;}
    .sub_menu ul li{margin: 5px;}
    .sub_menu
	.tab_menu ul li a{width: 22vw;}
    .history > ul > li{width: 100vw;}
    .history > ul > li::before{width: 200vw;}
    .history_con{width: 100%;}
    .history2 > p{font-size: 20px; top: -20px;}
    .history > ul > li strong{font-size: 40px;}
    .history > ul > li::before{top: 87px;}
    .history_info b{font-size: 18px;}
    .history_info p{font-size: 16px;}
    .history > ul{margin-top: 30px;}

    /* 조직도 */
    .organization_wrap{flex-wrap: wrap;}
    .organization strong{width: 28vw;}
    .organization_name{width: 28vw;}
    .organization_con{margin-top: 30px;}
    .organization_con2{margin-right: 0; margin-top: 30px; width: 100%;}
    .organization_mt50{margin-top: 30px;}
    .organization_con_wrap{margin-top: -20px; flex-wrap: wrap; justify-content: center;}
    .organization_mt30{margin-right: 0;}
    .organization_mt50{margin-top: 20px;}
    .organization_line2{width: 100%;}
    
    .organization_line::after{display: none;}
    .organization_line::before{display: none;}
    .organization > li:nth-child(2)::after{top: 50px;}
    .organization > li:first-child::after{height: 500px;}
    .organization_line2::before{height: 75px;}
    .organization > li:nth-child(4)::before{bottom: -16px; left: 15.7%; width: 68.7%;}
    .organization > li:nth-child(6)::before{left: 15.7%; width: 68.7%;}
    .organization_con2:nth-child(4)::before, .organization_con2:nth-child(5)::before, .organization_con2:nth-child(6)::before{height: 200px; top: -200px;}
    .organization > li:nth-child(5) .organization_con:nth-child(4)::before {height: 40px; top: -30px;}

    .organization_line9::before{width: 60vw; top: 20px;}
    .organization_line10::before{left: -50%; width: 35vw;}
    .organization_line3::before{right: -20vw;}
    .organization_line7::before{left: -150%; width: 50vw;}
    .organization_line6::before{height: 226px;}

    /* 오시는 길 */
    .sub_menu2 ul li a{width: 45vw; font-size: 16px;}

    /* 든솔신협소개 */
    .introduce_wrap{padding: 50px 0;}
    .introduce_title{font-size: 24px;}
    .introduce_title_con p{font-size: 16px;}

    .introduce_info strong{font-size: 20px;}
    .introduce_info p{margin-top: 10px;}

    /* sub2 */
    /* 검색바 */
    .search_bar{height: 70px;}
    .search_bar1 select{font-size: 14px; width: 14vw; padding-left: 0;}
    .search_bar2 input{width: 62.5vw;}

    /* 이전글 다음글 */
    .page-move-prev li:last-child, .page-move-next li:last-child{width: 75%;}

    /* 이벤트 */
    .list_wrap{width: 44.661vw;}
    .list_wrap a figure{height: 29.82vw;}
    .list_wrap:nth-child(2n-1){margin-left: 0;}
    .list_wrap:nth-child(2n){margin-left: 5vw;}

    /* 동영상 */
    .video_list_wrap a{padding-top: 56.25%;}
    .video_list_wrap a figure{height: 25.39vw;}

    /* 비밀글 */
    .password_wrap {width: 90vw; padding: 30px 0;}
    .password{display: flex; justify-content: center; align-items: center; margin-top: 10px;}
    .password_info{margin-top: 10px;}
    .password_button{margin-top: 20px;}
    .password input{width: 60%;}

    /* sub3 */
	.sub_menu6 ul li a{width: 28vw;}
    .sub_menu3 ul li a{width: 30vw;}

	.tab_menu ul li a{width: 28vw;}

    /* 금리안내 */
    .rate_title strong{font-size: 20px;}

    /* 출자금안내 */
    .deposit-con2{margin-top: 20px;}
    .deposit-box span{font-size: 24px; margin-bottom: 10px;}
    .deposit-box p{font-size: 16px;}
    .deposit-box{font-size: 20px; height: 37vw; padding-top: 7%;}
    .deposit-con{padding: 30px 0;}

    /* 예금안내 내용 */
    .finance_box strong{font-size: 20px;}
    .finance_box_con span{font-size: 20px;}
    .finance_box_con p{font-size: 16px;}
    .finance_box_con p b{font-size: 16px;}
    .finance_tab li{width: 20%;}
    .finance_tab li:last-child{width: 40%;}
    .finance_tab2 li{width: 50%;}
    .finance_tab2 li:last-child{width: 50%;}
    .finance_table{width: 100%;}
    .finance_title strong{font-size: 20px;}
    .finance_con strong{font-size: 18px; width: 100%;}
    .finance_con li p{font-size: 16px;}

    .finance_con li{justify-content: flex-start; padding: 10px 0;}
    .finance_con p{width: auto; margin-top: 5px;}
    .finance_con strong::after{display: none;}

    .finance_down{padding: 20px;}
    .finance_down ul{flex-wrap: wrap;}
    .finance_down li{width: 100%;}
    .finance_down ul li a{font-size: 16px; margin: 5px 0;}


    /* 예금자보호제도 */

    /* 대출안내 */
    .deposit-info2 dl dt{min-width: 25vw;}
    .deposit-info2-table span{min-width: 25vw;}

    /* 정기 적금 */
    .interest_rate{flex-direction: column;}
    .interest_rate_title{width: 100%;}
    .interest_rate_table{width: 100%; margin-top: 10px;}
    .interest_rate2 table{margin-top: 0px;}
    .interest_rate2 .interest_rate_table table{margin-top: 0;}

    /* 온뱅크 */
    .onbank_sec{margin-bottom: 30px; padding-bottom: 50px;}
    .onbank_sec1_bottom_con{flex-direction: column;}
    .onbank_sec1_bottom_con2{margin-left: 0;}
    .onbank-title{font-size: 24px;}
    .onbank_slide_m img{width: 30px;}
    .onbank_notice{flex-direction: column; margin-bottom: 20px;}
    .onbank_tel{flex-direction: column;}

    /* sub4 */
    /* 공제상품 */
    .deduction-title{pointer-events: none; cursor: default;}
    .deduction-title button{display: none;}

    /* 체크카드 */
    .card-wrap{flex-direction: column;}
    .card-left{width: 100%;}
    .card-right{width: 100%; padding: 10px;}
    .card-right .card-text dl{width: 100%;}
    /* 체크카드 */
    .card_wrap ul li{width: 45%; margin: 10px;}
    .card_wrap ul li a .card_con button{width: 100%;}
    .card_wrap ul li a .card_con strong{font-size: 18px;}
    .card_wrap .finance_info{margin-left: 0;}
    .card_wrap .finance_info button{width: 80%;}

    /* 체크카드 내용 */
    .checkcard_wrap .finance_box_bottom{flex-wrap: wrap; justify-content: center;}
    .checkcard_wrap .finance_box_con{margin-left: 0; margin-top: 10px;}
    .checkcard_wrap .finance_box_con > p{font-size: 18px;}
    .checkcard_wrap .finance_box_con > strong{font-size: 18px;}
    .fianace_box_info{margin-top: 5px; font-size: 18px;}
    .finance_box_con p b{font-size: 16px;}
    .finance_box_button a{font-size: 16px; padding: 5px 20px;}

    .checkcard > strong{font-size: 20px;}
    .checkcard_con strong{font-size: 18px;}
    .checkcard_con strong b{font-size: 18px;}
    .checkcard_con span{margin-bottom: 10px;}

    .checkcard ul li{padding: 10px; margin-bottom: 10px;}

    .limit strong{font-size: 20px;}
    .etc strong{font-size: 20px;}

    /* 온누리상품권 */
    .deposit_img{width: 50%; top: -20px;}
    .deposit_img2{width: 35%; top: -150px;}
    

    /* 사회적금융 */
    .finance_con{margin-top: 20px;}
    .finance_info_img img{width: 98%}
    .finance_info2_con img{width: 98%;}
    .finance_info2_con strong{font-size: 20px;}

    .finance{flex-direction: column; padding-bottom: 50px;}
    .finance2{width: 100%;}
    .finance2 img{margin: 20px auto 0; display: block;}
    .finance3{padding-bottom: 50px;}
    .finance3 img{margin-top: 20px;}

    .finance_box{padding: 20px;}
    .finance_wrap > strong{font-size: 30px; margin-top: 30px;}
    .finance_info{width: 65%;}
    .finance_info strong{font-size: 20px;}
    .finance_fund li span{width: 50px; height: 50px; margin: -35px 0 0 30%;}
    .finance_fund li p{font-size: 16px; margin-top: 10px;}
    .finance_fund li strong{font-size: 20px; margin: 10px 0 20px;}
    .finance_info_t{margin-top: 30px;}
    
    .finance_coop{margin-right: 0; margin-top: 20px;}
    .finance_coop p{font-size: 18px;}
    .finance_coop_r{margin-top: 20px;}
    .finance_coop_rb{margin-top: 20px; padding-bottom: 20px;}

    /* 협동사회경제 네트워크 기금 */
    /* 테이블 */
    .finance_t{overflow-x: scroll; margin-top: 0px;}
    .scroll_img{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px;  margin-top: 30px;}
    .scroll_img span{margin-right: 10px;}
    .finance_scroll td{padding: 10px 20px;}
    .finance_scroll{width: 800px !important;}

  

    
    /* sub6 */
    /* 연수원 소개 */
    .institute_mission{margin-top: 50px; height: 100%; padding: 20px 0 50px;}
    .institute_mission .inner{padding-top: 0;}
    .institute_mission ul li{width: 30vw; height: 30vw; margin-right: 20px;}
    .institute_mission ul li img{width: 50%;}
    .institute_vision{background: url(../../images/institutevision_m.jpg) 50%/100% no-repeat; height: 120vw;}
    .institute_vision .inner{padding-top: 20vw;}
    .institute_vision > .inner > ul > li{width: 40vw;}
    .institute_vision > .inner > ul > li:first-child{margin-right: 20px;}

    .institute_end {margin-top: 100px;}

    .slick-dots{height: 50px;}
    .slick-prev{bottom: 10px; left: 35%;}
    .slick-next{bottom: 10px; right: 35%;}

    .tab-menu ul{flex-wrap: wrap;}
    .tab-menu ul li{width: 49%;}
    .tab-menu ul li:nth-child(3), .tab-menu ul li:nth-child(4){margin-top: 20px;}
    .question_call{height: 150px; padding: 40px 0;}
    .question_call p{font-size: 18px;}
    .question_call strong{font-size: 30px;}
    .question_info{padding: 30px 0;}
    .question_info strong{font-size: 24px;}
    
    .cafe{flex-direction: column;}
    .cafe img{width: 100%;}
    .cafe-con{margin-left: 0;}
    .cafe-con strong{font-size: 30px; margin-top: 20px; margin-bottom: 10px;}
    .cafe-con p{margin-bottom: 5px;}
    .tab{margin-top: -20px;}
    .tab-info{margin-top: 30px;}
    .tab-info table{margin: 20px 0 50px;}
    .tab-info strong{font-size: 20px;}
    .tab-info table tbody tr th{font-size: 16px;}

    /* 사이트맵 */
    .sitemap-con > li{width: 32vw; margin-top: 20px;}

    /* 이메일무단수집거부 */
    .mail{width: 90vw;}
    .mail-con p{font-size: 16px;}
}
@media screen and (max-width:680px) {
    /* 서브 메뉴3 */
    .subnav-con-4{display: none;}

    .v_strategy li{width: 33%;}

    .platform{flex-wrap: wrap; justify-content: space-between; margin-bottom: 0;}
    .platform li{width: 49%; margin-bottom: 20px;}

    .platform2{flex-wrap: wrap; justify-content: space-between;}
    .platform2 li{width: 49%;}
    .platform2 li:nth-child(2){margin: 0;}
    .platform2 li:nth-child(3){width: 100%; margin-top: 10px;}
    .platform_lr{justify-content: space-between;}
    .platform_l{margin-right: 0;}
    .platform_r{margin-left: 0;}
    .platform_lr p{width: 97%; margin: 5px 0;}
    .platform_lr img{width: 20%;}

    .platform_b{margin-top: 30px;}
}

@media screen and (max-width:550px) {
    /* sub3 */
    /* 예적금안내 */
    /* 예금안내 */
    .deposit-box p{font-size: 16px;}

    /* 대출안내 */
    .sub_menu6 ul li{margin: 0 5px;}
    .sub_menu6 ul li a{width: 29vw;}
    .tab_menu ul li{margin: 0 5px;}
    .tab_menu ul li a{width: 29vw;}
    .sub-table-title th{font-size: 16px;}
    .deposit-info-o li:nth-child(2n-1){width: 130px;}

    .interest_rate_table th{font-size: 16px;}

    /* 온뱅크 */
    .onbank_sec1_top{flex-direction: column;}
    .onbank_sec1_top figure {display: none;}
    .onbank_sec5 .onbank-title{flex-direction: column; margin-bottom: 10px;}
    .onbank_sec5 .onbank-title p{text-align: center;}
    .onbank_sec5_con{flex-direction: column; align-items: center;}
    .onbank_sec5_con img{width: 50vw; margin-bottom: 10px;}
    .onbank-title{margin: 0 auto;}
    .onbank-title img{width: 150px;}
    .onbank-title p{font-size: 20px;}

    .onbank_sec5_con{padding: 30px 0;}
    .onbank_sec6 > p{font-size: 16px;}
    .onbank_tel p{font-size: 24px;}

    /* sub6 */
    /* 연수원 소개 */
    .institute_mission .inner p{font-size: 14px;}
}

@media screen and (max-width:480px) {
    h4{margin: 50px auto 20px; font-size: 30px;}
    .subnav-con-2 > a, .subnav-con-3 > a, .subnav-con-4 > a, .subnav-dropdown a{padding: 0 10px;}
    .subnav-con-2 > a::after, .subnav-con-3 > a::after, .subnav-con-4 > a::after{right: 10px;}
    
    /* sub1 */
    /* 이사장 */
    .ceo-name p{font-size: 16px; }
    .ceo-name strong{font-size: 20px;}
    .ceo-strong{padding-bottom: 20px;}
    .ceo-strong strong{font-size: 18px;}
    .ceo-greetings{margin-top: 20px;}
    /* 조직도 */
    /* .general{width: 120px; height: 120px; font-size: 20px;} */

    .organization strong{width: 30vw;}
    .organization_name{width: 30vw;}
    .organization_con3{margin-left: 0;}
    /* .organization_info.organization_mt50.organization_mt30:nth-child(1) strong{width: 38vw;}
    .organization_info.organization_mt50.organization_mt30:nth-child(1) .organization_name{width: 38vw;}
    .organization_line2 .organization_info.organization_mt50:nth-child(1) strong{width: 38vw;}
    .organization_line2 .organization_info.organization_mt50:nth-child(1) .organization_name{width: 38vw;} */
    .organization > li:first-child::after{height: 420px;}
    .organization > li:first-child::after{height: 490px;}
    .organization_line6::before{height: 207px;}


    .organization > li:nth-child(6)::before{left: 15.7%; top: 10px; width: 68.9%;}
    .organization > li:nth-child(6) .organization_con::before{top: -10px;}
    .organization > li:nth-child(4)::before{bottom: -12px;}
    .organization > li:nth-child(5) .organization_con::before{top: -9px;}
    .organization_line3::before{right: -19vw;}

    .organization_mt{margin-top: 20px;}
    .organization_con_m{margin-top: 100px !important;}

   
    /* 오시는 길 */
    .way_add{margin-top: 30px; margin-bottom: 30px;}
    .way_add table tbody tr th{font-size: 16px; width: 20%; text-align: left; padding-left: 5px;}
    .subnav-con-2, .subnav-con-3, .subnav-con-4{width: 135px;}
    .subnav-dropdown1, .subnav-dropdown2 {width: 135px;}
    .subnav-dropdown3{width: 135px;}

    .facility strong{font-size: 20px;}

    /* 든솔신협소개 */
    .introduce_title_img img{width: 100%;}
    .introduce_img img{width: 100%;}
    .introduce_con .inner{margin-top: 30px;}
    .introduce_con2{margin-top: 30px;}
    .introduce_con2 ul li{width: 100%;}
    .introduce_pig{display: none;}

    /* sub2 */
    /* 검색바 */
    .search_bar1 select{width: 20vw;}
    .search_bar2 input{width: 55vw;}

    /* 게시판 */
    .notice_indicator span{margin: 0 5px;}
    .notice_table{margin-top: 30px;}
    .notice_table_con thead{display: none;}
    .notice_table_con tbody{border-top: 2px solid #333; display: block; width: 96vw;}
    .notice_table_con tbody tr td:first-child{display: none;}
    .notice_table_con tbody tr{display: flex; flex-wrap: wrap; padding-bottom: 10px;}
    .notice_table_con tbody tr td{height: auto; border-right: 1px solid #ccc; padding: 0 10px; font-size: 14px;}
    .notice_table_con tbody tr td:nth-child(2){border-right: none;}
    .notice_table_con tbody tr td:last-child{border-right: none;}
    .text-left{width: 100%; border-right: none;}
    .text-left a{padding: 10px 0; font-size: 16px;}

    /* 게시판 내용 */
    .notice-title p{padding: 0 10px; font-size: 20px;}
    .notice-title-bar{padding: 0 10px;}
    .notice-file{padding: 0 10px;}
    .notice-con{padding: 30px 10px;}
    .page-move-prev li:first-child, .page-move-next li:first-child{padding: 0 15px; font-size: 14px;}
    .page-move-prev li:last-child, .page-move-next li:last-child{padding: 0 10px;}
    .notice-btn-group button{width: 80px; height: 40px;}

    /* 포토갤러리 */
    .gallery_wrap{margin-top: 30px;}
    .list_wrap{width: 100%;}
    .list_wrap a figure{height: 63.75vw;}
    .list_wrap:nth-child(2n){margin-left: 0;}

    /* 동영상갤러리 */
    .video_list_wrap{margin-bottom: 80px;}
    .video_list_wrap a{margin: 0 auto 60px;}
    .video_list_wrap a figure{height: 54.75vw;}

    /* 동영상갤러리 내용 */
    .video-con{margin: 30px auto;}

    /* sub3 */
    /* 금리안내 */
    .sub-table{margin-bottom: 30px;}
    .rate_title strong{font-size: 16px;}
    .rate_title p{margin-left: 10px;}
    .precautions{padding: 20px;}
    .sub3-con .sub-table-title th{font-size: 14px;}
    .sub3-con .sub-table td{font-size: 14px;}
    .sub3-con .sub-table b{font-size: 14px;}


    /* 출자금안내 */
    .deposit-title strong{font-size: 20px;}

    /* 예적금안내 */
    /* 예금안내 */
    
    .sub-table b{font-size: 16px;}
    .deposit-box{padding-top: 7%;}
    .deposit-box p{font-size: 14px;}
    .deposit-box span{font-size: 20px;}
    .deposit-title{font-size: 18px;}
    /* .deposit-box-table td{word-break: normal;} */
    .deposit-info2-table{flex-direction: column;}
    

    .deposit-box2 .deposit-title p{font-size: 18px;}
    
    .deposit-con{padding: 10px 0;}

    .deposit-title2 strong, .card-right .card-title strong{font-size: 20px;}
    .deposit-title2 p, .card-right .card-title p{font-size: 16px;}

    /* 예금안내 내용 */
    .finance_tab li a{font-size: 18px;}

    /* 대출안내 */
    .deposit-info2 dl dt{min-width: 30vw;}
    .deposit-info2-table span{min-width: 30vw;}

    /* 예금자보호제도 */
    .deposit-box3{background: url(../../images/deposit_bg3.jpg) 50%/230% 100% no-repeat; padding: 20px;}

    /* 온뱅크 */
    .onbank-title{font-size: 20px;}

    /* sub4
    제휴상품안내 */
    /* 공제상품 */
    .finance_box{padding: 10px 15px;}
    .finance_box strong{font-size: 24px;}
    .deduction-title{padding-top: 20px; height: 55vw;}
    .deduction-title{height: 100%; padding-top: 20px;}
    .deduction-title p{font-size: 18px;}
    .deduction-title strong{font-size: 24px;}
    .deduction-title ul{margin-top: 10px;}
    .deduction-title ul li{font-size: 16px; width: 25vw; height: 25vw;}
    .deduction-title button{font-size: 16px; margin: 20px auto 0;}
    .deduction-kind ul li{flex-direction: column; align-items: start;}
    .deduction-kind ul li img{width: 50vw; margin: 0 auto;}
    .deduction-kind ul li dl{padding: 20px 0;}

    .finance_wrap > strong{font-size: 24px;}
    .institute_title strong{font-size: 24px;}
    .institute_title p{font-size: 18px;}
    .institute_con p{margin-top: 5px;}
    
    .finance_fund li{margin: 0 5px;}
    .finance_coop p{font-size: 16px; padding: 10px;}
    .finance_info strong{font-size: 18px;}

    .finance_info figure img{margin-top: 10px;}
    .cooperation img{width: 100%;}
    .cooperation img{margin-top: 10px;}
    .finance_info figure img:nth-child(3), .finance_info figure img:nth-child(4){margin-top: 10px;}
    .cooperation img:nth-child(3), .cooperation img:nth-child(4){margin-top: 10px;}

    .finance_info2_con strong{font-size: 18px;}
    .finance_info2{flex-direction: column;}
    .finance_info2_con{width: 100%;}
    .finance_info2_con img{width: 100%;}
    .finance_info_i{flex-direction: column;}
    .finance_info_img{width: 100%;}
    .finance_info_img img{width: 100%;}
    .finance_info figure img{width: 100%;}

    /* 체크카드 */
    .card_wrap ul li{width: 95%;}

    /* 체크카드 내용 */
    .checkcard ul li{width: 48%;}
    .checkcard ul li:nth-child(3n){border-right: 1px dashed #ccc;}
    .checkcard ul li:nth-child(2n){border-right: none;}
    .finance_box_cons p::before{margin-top: 10px;}
    .checkcard_con p::before{margin-top: 10px;}
    .limit p::before{margin-top: 10px;}
    .etc p::before{margin-top: 10px;}

    /* 온누리상품권 */
    .deposit_img2{top: -100px;}

    /* 조합원 분류 */
    .classify ul{flex-wrap: wrap; justify-content: center; margin-top: 30px;}
    .classify ul li{margin: 5px;}
    .classify ul a{width: 20vw;}

    /* sub6 */
    /* 연수원 소개 */
    .institute_mission{margin-top: 50px;}
    .institute_mission ul{flex-wrap: wrap; justify-content: center;}
    .institute_mission ul li{margin-top: 10px; width: 40vw; height: 40vw; margin-right: 10px;}

    .institute_vision > .inner > ul{margin-top: 20px;}
    .institute_vision p{width: 80vw; height: 70px;}
    .institute_vision > .inner > ul > li ul li{padding-left: 5px;}
    .institute_end{margin-top: 30px;}

    .tab-info table tbody tr th{font-size: 16px;}
    .tab-info table tbody td{font-size: 14px; padding: 10px 0;}
    .slick-next{right: 25%;}
    .slick-prev{left: 25%;}

    .program table thead th{font-size: 14px;}
    .program table tbody tr th{font-size: 14px; padding: 0 5px;}
    .program table tbody td{padding-left: 5px; font-size: 14px;}
    .program .won{padding-right: 5px; padding-left: 0;}

    /* 이메일무단수집거부 */
    .mail{width: 100%; margin: 30px auto 0;}
    .mail-top p{font-size: 20px;}
    .mail-con p{font-size: 15px;}
    .mail-con p b{font-size: 16px;}
}
@media screen and (max-width:435px){
    .long a{padding: 0 15px;}
}
@media screen and (max-width:400px) {
    .organization strong{font-size: 14px;}
    .organization_name p{font-size: 14px;}
    .organization_name p b{font-size: 14px;}

    .organization_line2::before{height: 72px;}

    .organization_con_m{margin-top: 96px !important;}

    /* sub3 */
    /* 예적금안내 */
    /* 예금안내 */
    .deposit-box{padding-top: 4%;}
    .deposit-box span{margin-bottom: 0;}


}

@media screen and (max-width:380px) {
    /* 온뱅크 */
    .onbank_sec1_bottom_con p{font-size: 16px; margin-top: 5px;}
    .onbank_sec_con ul li img{width: 170px;}
    .onbank-title img{width: 100px;}
    .onbank_installation{margin-top: 20px;}
    .onbank_installation a{width: 260px; height: 55px;}
}


.deposit_box ul{display: flex; margin: 30px 0;}
.deposit_box ul li>a{display: flex; justify-content: center; align-items: center; border: 1px solid #0081CC; width: 150px; height: 35px; margin-right: 20px; color: #666; transition: 0.3s;}
.deposit_box ul li:hover > a{background: #0081CC; color: #fff;} 

@media screen and (max-width:768px) {
	.deposit_wrap{padding-bottom: 30px; margin-bottom: 30px;}
	.deposit-title2 p{font-size: 16px;}
	.deposit_box ul{flex-wrap: wrap; }
	.deposit_box ul li>a{margin-right: 10px; width: 20.9vw;}
	.deposit_box ul li:nth-child(4)>a {margin-right: 0;}

    .finance_wrap ul li{flex-wrap: wrap; justify-content: flex-end;}
    .finance_info{width: 80%; margin-left: 10px;}
    .finance_btns{margin-top: 10px;}

    .deduction-title p{font-size: 18px;}
    .deduction-title strong{font-size: 20px;}
    .deduction-title ul li{font-size: 16px;}
    .deduction-con{margin-top: 30px;}
    .deduction-con strong{font-size: 20px;}
    .deduction-box strong{font-size: 20px;}
    .deduction-kind ul li dl dt{font-size: 20px;}
    .deduction-kind ul li dl dd{font-size: 16px;}
    
}

.pop_wrap{display: none; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); background: #fff; width: 1300px; border: 1px solid #ccc;  box-shadow: 10px 10px 10px rgba(0,0,0,0.3); z-index: 2000;}
.pop_info{position: relative;}
.personal_top{display: flex; justify-content: space-between; height: 10px; z-index: 10000;}
.personal_top1{background: #D7A100; width: 30%;}
.personal_top2{background: #0057A7; width: 15%;}
.personal_top3{background: #00AFD6; width: 55%;}

.btn_close {display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #ccc; position: absolute; top: 0;right: -50px; width: 50px; height: 50px; }
.btn_close:after {display: inline-block;content: "\00d7"; font-size:25pt;}
.btn_close:hover{color: #0081CC;}

.pop_wrap.open{display: block;}
.pop_inner{overflow: hidden; overflow-y: scroll; height: 80vh;}

.personal_wrap{word-break:keep-all; padding: 0 50px 50px; }
.subclass_personal{display: flex; justify-content: center;}
.personal_first2{
    margin-top: 20px;
    text-align: center;
}
.personal_first2 strong{font-size: 30px; font-weight: 700; display: block; margin: 20px 0; font-weight: 700;}
.personal_first2 p{
    font-size: 18px;
    margin-top: 10px;
}
.personal_first2 span{
    display: inline-block;
    font-size: 18px;
    background: #fff;
    padding: 10px;
    margin-top: 20px;
}
.personal_article{
    margin-top: 30px;
}
.personal_article strong{
    font-size: 24px;
    font-weight: 700;
}
.personal_article > p{
    font-size: 18px;
}
.personal_article_box{
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 20px;
}
.personal_article_con{
    display: flex;
    margin-bottom: 20px;
}
.personal_article_con:last-child{
    margin-bottom: 0;
}
.personal_article_con i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0081CC;
    margin-right: 20px;
}
.personal_article_con b{
    font-size: 18px;
    font-weight: 700;
}
.personal_article_con p{
    font-size: 18px;
}
.personal_article_bundle{
    width: 94%;
}
.personal_article_bundle p a{
    text-decoration: none;
    color: inherit;
    font-size: 18px;
}
.personal_article_bundle p a:hover{
    color: #0081CC;
}
.personal_article_a{
    text-decoration: none;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0081CC;
    border: 1px solid #0081CC;
    width: 210px;
    height: 40px;
}
.personal_article_a:hover{
    background: #0081CC; 
    color: #fff;
}
.personal_table{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.personal_table_wrap{
    width: 100%; 
    border-collapse: collapse;
}
.personal_table_title{
    height: 40px;
}
.personal_table_title th{
    background: #0081CC;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.personal_article_con_b{
    margin-top: 10px;
}
.personal_article_con_b p{
    font-size: 18px;
}
.personal_article_con_b span a{
    text-decoration: none;
    color: inherit;
}
.personal_article_con_b span a:hover{
    color: #0081CC;
}

.personal_table table{width: 100%;padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
.personal_table table th{text-align: center; vertical-align: middle; border: 1px solid #ccc; padding: 5px;}
.personal_table table td{text-align: center; vertical-align: middle; border: 1px solid #ccc; padding: 5px;}

.explanation_box p{text-align: left;}
.personal_table2 table td{text-align: left;}
.personal_table3 table td{text-align: center;}

.deposit_wrap{padding-bottom: 50px; border-bottom: 1px solid #ccc; margin-bottom: 50px;}
.deposit_review p{margin-top: 10px; font-size: 14px; text-align: right;}

.addendum{margin-top: 10px;}

.personal_article img{width: 50%;}

/* 예적금안내 */
@media screen and (max-width:1300px) {
	.pop_wrap{width: 85vw;}
}

@media screen and (max-width:1200px) {
	.deposit_box ul li{width: 23%; margin-right: 10px;}
	.deposit_box ul li:last-child{margin-right: 0px;}
	.deposit_box ul li>a{width: 100%;}

    .personal_wrap{padding: 0 30px 50px;}
    .personal_article{margin-top: 20px;}
}

@media screen and (max-width:1024px) {
	.deposit_box ul{margin: 10px 0;}
    .deposit-info2 dl{flex-wrap: wrap;}
    .deposit-title strong{font-size: 24px;}
}

@media screen and (max-width:800px) {
	.final_nav_tab li:nth-child(1){width: 40%;}
	.final_nav_tab li:nth-child(2){width: 30%;}
	.final_nav_tab li:nth-child(3){width: 30%;}
}

@media screen and (max-width:768px) {
	.deposit_wrap{padding-bottom: 30px; margin-bottom: 30px;}
	.deposit-title2 p{font-size: 16px;}

	.btn_close{top: -50px; right: 0;}

    .personal_wrap{padding: 0 20px 30px;}
    .personal_first2 strong{font-size: 24px; margin: 10px 0;}
    .personal_first2 p{font-size: 16px;}
    .personal_article strong{font-size: 20px;}
    .personal_article > p{font-size: 16px;}
    .personal_article_con p{font-size: 16px;}
    .personal_article_con i{margin-right: 10px;}
	.personal_article_box{padding: 10px;}
    .personal_article_bundle p a{font-size: 16px;}
}

@media screen and (max-width:480px) {
    .deposit_box ul li{width: 47%;}
    .deposit_box ul li:nth-child(3), .deposit_box ul li:nth-child(4){margin-top: 10px;}
    .deposit-title strong{font-size: 20px;}

	.pop_wrap{width: 90vw;}
	.personal_wrap{padding: 0 20px 20px;}
	.personal_article strong{font-size: 18px;}
	.personal_article{margin-top: 20px;}
	.personal_article_con{margin-bottom: 10px;}

    .deposit-info{padding: 20px;}

    .finance_info{width: 70%;}
}


/* 금융소비자보호안내 */
/* 개인정보처리방침 */
.sublayout2 h4{margin-top: 0px;}

.sub_menu.sub_menu4 ul{width: 100%;}
.sub_menu.sub_menu4 ul li:nth-child(2) a{width: 250px;}
/* .sub_menu.sub_menu4 ul{width: 100%;}
.sub_menu.sub_menu4 ul li{width: 20%;}
.sub_menu.sub_menu4 ul li a{width: 100%; height: auto; padding: 5px 0;} */

.policy_first{background: #f7f7f7; font-size: 16px; padding: 30px; border: 1px solid #ccc;}
.policy_con{margin-top: 50px;}
.policy_con h5{font-size: 24px; font-weight: 700;}
.policy_con h5 img{width: 40px; height: 40px;}
.policy_con > p{font-size: 16px; color: #555;}
.policy_box{padding: 50px; border: 1px solid #ccc; margin-top: 10px;}
.policy_box p{font-size: 16px; color: #555; position: relative; margin-bottom: 5px;}
.policy_box p.policy_num{position: relative; padding-left: 40px; padding-top: 2px; margin-top: 10px;}
.policy_box p.policy_num span{width: 30px; height: 30px; border-radius: 50%; background: #0081CC; position: absolute; top: 0; left: 0; text-align: center; padding-top: 5px; margin-right: 5px; font-weight: 500; color: #fff; font-size: 14px; margin-bottom: 10px;}
.policy_box ul.policy_list{width: 70%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto;}
.policy_box ul.policy_list li{width: 32%; height: 14rem; padding: 1rem; text-align: center; border: 1px solid #ccc; margin-right: 1%; margin-bottom: 1%;}
.policy_box ul.policy_list li:nth-child(3n){margin-right: 0;}
.policy_box ul.policy_list li strong{font-size: 16px; font-weight: 500;}
.policy_box ul.policy_list li p{font-size: 14px; color: #555;}

.policy_box ul.policy_index li{display: flex; align-items: center; padding: 5px 0; cursor: pointer;}
.policy_box ul.policy_index li:hover p{color: #0081CC;}
.policy_box ul.policy_index li img{min-width: 30px; height: 30px;}
.policy_box ul.policy_index li p{font-size: 16px; margin-left: 5px;}

.policy_table{margin-top: 10px;}
.policy_table table{width: 100%; border-top: 2px solid #333;}
.policy_table table th{background: #f3f3f3; padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; vertical-align: middle;}
.policy_table table th:last-child{border-right: none;}
.policy_table table td{padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle; font-size: 16px; color: #555;}
.policy_table table td:last-child{border-right: none;}
.policy_table table td.t_l{text-align: left;}
.policy_table table td b{display: block; font-weight: 500; color: #333;}
.policy_table table td p{position: relative; padding-left: 10px;}
.policy_table table td p::before{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #0081CC; top: 10px; left: 0;}
.policy_c{position: relative; display: block; padding-left: 10px; font-size: 16px;}
.policy_c::before{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #0081CC; top: 10px; left: 0;}

.policy_box > a{display: block; padding: 10px 20px; margin-top: 10px; border: 1px solid #0081CC; background: #fff; color: #0081CC; transition: 0.3s; width: max-content; font-size: 16px;}
.policy_box > a:hover{background: #0081CC; color: #fff;}
.policy_box > p > a{display: block; padding: 10px 20px; margin-top: 10px; border: 1px solid #0081CC; background: #fff; color: #0081CC; transition: 0.3s; width: max-content; font-size: 16px;}
.policy_box > p > a:hover{background: #0081CC; color: #fff;}


.policy_bt{margin-top: 30px; border-top: 1px dashed #ccc; padding-top: 20px;}
.policy_bt .policy_c{font-size: 20px;}
.policy_c2{font-size: 16px; margin-top: 10px;}
.policy_c2:first-child{margin-top: 0;}
.policy_c::before{top: 13px;}
.policy_bt p{position: relative; display: block; padding-left: 10px; margin-left: 10px;}
.policy_bt p::before{position: absolute; content: ''; width: 5px; height: 5px; background: #ccc; top: 10px; left: 0;}
.policy_b{margin-bottom: 10px;}
.policy_b p{color: #0055a7; margin-bottom: 0;}
.policy_b span{position: relative; display: block; padding-left: 10px; margin-left: 10px; font-size: 16px; color: #666;}
.policy_b span::before{position: absolute; content: ''; width: 5px; height: 5px; background: #ccc; top: 10px; left: 0;}

.sublayout h4{position: relative;}
.sublayout h4 span{font-size: 16px; color: #666; font-weight: normal; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}

.policy_box_bdb{border-bottom: 1px dashed #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.policy_box_bdb:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.policy_box_bdb > strong{font-size: 20px; color: #0081CC;}
.policy_box p.policy_fz{font-size: 20px; color: #333; margin-top: 10px;}
.policy_c3{font-size: 16px; margin-left: 40px; margin-top: 5px; color: #666;}
.policy_box_bdb > a{display: block; padding: 10px 20px; margin-top: 10px; border: 1px solid #0081CC; background: #fff; color: #0081CC; transition: 0.3s; width: max-content; font-size: 16px;}
.policy_box_bdb > a:hover{background: #0081CC; color: #fff;}
.policy_first2 p{text-align: center; font-size: 18px;}
.policy_first2 strong{font-size: 20px; color: #0081CC; font-weight: 500;}

.policy_con_ul ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.policy_con_ul ul li{width: 24%; margin-bottom: 20px;}
.policy_con_ul ul li a{display: block; text-align: center; border: 2px solid #f3f3f3; border-radius: 20px; box-shadow: 4px 4px 0px #f3f3f3; padding: 20px 10px; min-height: 17rem; transition: 0.3s; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.policy_con_ul ul li:hover a{border: 2px solid #0081CC; background: #f4f8ff;}
.policy_con_ul ul li a strong{font-size: 18px; font-weight: 500;}
.policy_con_ul ul li a p{color: #666; font-size: 16px;}
.policy_con_ul ul li a span{font-size: 14px; border: 1px solid #ccc; padding: 10px 5px; margin: 10px auto 0; display: block; width: 95%; transition: 0.3s; color: #666;}
.policy_con_ul ul li:hover a span{background: #0081CC; color: #fff;}

.policy_con_ul.policy_con_ul_7 ul li a{min-height: 15rem;}
.policy_con_ul_7 ul li:nth-child(5),.policy_con_ul_7 ul li:nth-child(6),.policy_con_ul_7 ul li:nth-child(7){width: 32.5%;}

.shortcuts a{display: flex; justify-content: center; align-items: center; font-size: 16px; width: 200px; height: 45px; border: 1px solid #0081CC; margin: 30px auto 0; color: #0081CC; transition: 0.3s;}
.shortcuts:hover a{background: #0081CC; color: #fff;}

.protect_title{display: flex; justify-content: space-between; align-items: center;}
.protect_title_l p{font-size: 30px;}
.protect_title_l p strong{font-weight: 500; color: #0081CC;}
.protect_title_r{width: 30%; animation: slide-top  ease-out 2s infinite alternate both;}

@keyframes slide-top {
	0% {
	  transform: translateY(0);
	}
	100% {
	  transform: translateY(-50px);
	}
}

.protect_df_con strong{color: #0081CC; font-weight: 500; font-size: 20px; margin-bottom: -10px; margin-top: 20px; display: block;}
.protect_df{display: flex; align-items: center; justify-content: space-between;}
.protect_df_con{width: 70%;}
.protect_df_img{width: 25%;}
.protect_df_con strong.protect_mb{margin-bottom: 30px; margin-top: 0;}

.protect_faq strong{color: #0081CC; font-weight: 500; font-size: 20px; display: block; position: relative;}
.protect_faq p{margin-bottom: 50px; padding-left: 80px; padding-top: 10px; position: relative;}
.protect_faq p:last-child{margin-bottom: 0;}

.protect_pig{position: absolute; top: -10px;}
.protect_pig1{left: 20px; top: 0;}
.protect_pig2{margin-left: 10px;}

.protect_mt{margin-top: 10px; margin-bottom: -5px;}
.protect_df_con figure{margin-top: 20px;}

@media screen and (max-width:1500px) {
    .policy_con_ul ul li a{min-height: 20rem;}
}

@media screen and (max-width:1200px) {
    .sub_menu.sub_menu4 ul li:nth-child(2) a{width: 25vw;}
    .policy_box ul.policy_list{width: 100%;}
}

@media screen and (max-width:1024px) {
    .sub_menu.sub_menu4 ul li a{width: 19vw;}
    .sub_menu.sub_menu4 ul li:nth-child(2) a{width: 33vw;}
    .policy_con_ul ul li{width: 49%;}
    .policy_con_ul_7 ul li:nth-child(5),.policy_con_ul_7 ul li:nth-child(6),.policy_con_ul_7 ul li:nth-child(7){width: 49%;}
    .policy_con_ul ul li a{min-height: 17rem;}

    .protect_title_l p{font-size: 24px;}
    .protect_title_r{display: none;}
    .protect_df{flex-wrap: wrap;}
    .protect_df_con{width: 100%;}
    .protect_df_img{width: 100%; text-align: center; width: 50%; margin: 0 auto;}
    .protect_df_con strong:first-child{margin-top: 0;}
}

@media screen and (max-width:768px) {
    .sub_menu.sub_menu4 ul li a{width: 27vw;}
    .sub_menu.sub_menu4 ul li:nth-child(2) a{width: 50vw;}

    .policy_box{padding: 20px;}
    .policy_box ul.policy_list li{width: 49%;}
    .policy_box ul.policy_list li:nth-child(3n){margin-right: 1%;}
    .policy_box ul.policy_list li:nth-child(9){display: none;}

    .policy_con_ul ul li a{padding: 10px; min-height: 20rem;}

    .policy_con_ul.policy_con_ul_7 ul li a{min-height: 13rem;}
    
    .protect_title_l p{font-size: 20px;}
    .protect_df_con strong{font-size: 18px; margin-top: 10px;}
    .protect_df_con strong:first-child{margin-bottom: 10px;}
    .protect_df_img{width: 70%;}

    .protect_pig1{left: 0;}
    .protect_pig3{right: -25px; top: -30px;}
    .protect_faq p{padding-left: 60px;}
}

@media screen and (max-width:500px) {
    .policy_table_t{overflow-x: scroll; margin-top: 0px; background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 10%);}
    .policy_table_scroll{width: 500px !important;}
}

@media screen and (max-width:480px) {
    .subnav_con_2{width: 180px;}
    .subnav_dropdown1{width: 180px;}
    .subnav_con_3{display: none;}
    .sub_menu.sub_menu4 ul li a{width: 70vw;}
    .sub_menu.sub_menu4 ul li:nth-child(2) a{width: 70vw;}

    .policy_first{padding: 20px;}

    .policy_con h5{font-size: 20px;}
    
    .policy_box{padding: 15px;}

    .policy_box ul.policy_list li{padding: 0.5rem; height: 13rem;}
    .policy_box ul.policy_list li img{width: 60%;}
    .policy_box ul.policy_list li:nth-child(1), .policy_box ul.policy_list li:nth-child(2){height: 13rem;}
    .policy_box ul.policy_list li:nth-child(3), .policy_box ul.policy_list li:nth-child(4){height: 14rem;}
    .policy_box ul.policy_list li:nth-child(7), .policy_box ul.policy_list li:nth-child(8){height: 14rem;}
    .policy_box ul.policy_list li:nth-child(9){height: 14rem;}

    .policy_table table td{font-size: 14px;}
    .policy_table table td p{font-size: 14px;}

    .policy_box > a{padding: 5px 10px; font-size: 14px;}
    .policy_box > p > a{padding: 5px 10px; font-size: 14px;}

    .policy_first2 strong{font-size: 18px;}
    .policy_first2 p{font-size: 16px;}
    .policy_con_ul ul li{width: 100%;}
    .policy_con_ul ul li figure img{width: 80%;}
    .policy_con_ul ul li a{ min-height:auto;}
    .policy_con_ul.policy_con_ul_7 ul li a{min-height: 12rem;}

    .protect_faq p{margin-bottom: 30px;}
    .protect_pig2{right: -15px;}
    .protect_pig3{right: -15px;}
    .protect_pig4{top: -40px;}
}