@charset "utf-8";





/*company } */
/*1-1미소금융이란 */
div.company_01{width:100%; line-height:1.5em}
p.title_company_01{font-size:2.4em; font-weight:700; text-align:center;  line-height:1.3em; margin:30px 0}
p.title_company_01 > span{color:#C4013E;}
div.company_01 > div{width:100%;display: flex;justify-content: center;
align-items: center;
align-content: space-between;
align-self: stretch;
flex-wrap: wrap;}

div.company_01 > div > div{width:50%; line-height:1.8em}
div.company_01 > div > div span{font-weight:700}
div.company_01 > div > div{width:50%; line-height:1.8em}
div.company_01 > div > div.company_01_01{display: flex;justify-content: center;}
div.company_01 > div > div.company_01_02{padding:0 40px}

/*1-2지원대상 */
div.company_02{width:100%; line-height:1.5em;}
div.company_02 ul.company_02_01{width:100%; display:flex; gap:32px; flex-wrap:wrap; margin-bottom:100px; align-items:center}

div.company_02 ul.company_02_01 > li{background:#F8F8F8; padding:40px; flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0; align-self: stretch; text-align:center; font-weight:700}
div.company_02 ul.company_02_01 > li > div > span{color:#C4013E;}

div.company_02 ul.company_02_02{width:100%; display: flex;
padding: 40px 48px;
flex-direction: column;
align-items: flex-start; background:#F8F8F8;
gap:5px;
}
div.company_02 ul.company_02_02 li{width:100%;  border-bottom:1px solid #D9D9D9; padding:10px 0; display:flex; }
div.company_02 ul.company_02_02 li:last-child{ border-bottom:0; }
div.company_02 ul.company_02_02 li > span{color:#C4013E;  margin-right:5px; font-weight:700}
div.company_02 ul.company_02_02 li > span.stext{font-size:0.8em; font-weight:400}
div.company_02 ul.company_02_02 li > span.stext:before{content:"·"; display:inline-block; vertical-align:middle}
div.company_02 ul.company_02_02 li > div > span{font-weight:700 }

/*1-4대출절차 */
div.company_04{width:100%; line-height:1.5em;}
ul.process{width:100%; display: flex;gap:32px; justify-content:space-evenly; margin:30px 0; flex-wrap:wrap}
ul.process > li{flex:1 1 0; background:#f7f7f7; min-width:545px; padding:40px 50px}
ul.process > li > dl{width:100%; height:100%;}
ul.process > li > dl > dt{width:100%; border-bottom:1px solid #ccc; display:flex; justify-content:space-between; align-items:center;line-height:2em; font-weight:700; font-size:1.1em}
ul.process > li > dl > dt > div > p:nth-child(1){ color:#AF0138}
ul.process > li > dl > dt > div > p:nth-child(2){ font-size:1.1em}
ul.process > li > dl > dd{ font-size:1em}
ul.process > li > dl > dd > ul{ padding-top:20px}
ul.process > li > dl > dd > ul > li{ font-size:0.9em;background:url('/images/sub/dot_01.png') no-repeat left center; padding-left:15px}

/*1-6rule */
div.rule{width:100%;padding:50px; background:#f7f7f7; line-height:1.5em; font-size:0.9em; margin-top:30px}
div.rule > div{margin-bottom:20px}
div.rule > div > div{padding:5px 10px; font-size:0.9em}
div.rule > div > p{margin-bottom:5px}
div.rule h4{font-size:1.2em; font-weight:600; margin-bottom:20px}

/*재단소개 } */

p.title_corp_01{font-size:2.4em; font-weight:700; text-align:center;  line-height:1.3em; margin:30px 0}
p.title_corp_01 > span{color:#C4013E;}
/*3-1인사말 */
div.corp_01{width:100%; line-height:1.5em; margin-top:30px}
div.corp_01 > div{width:100%;display: flex;justify-content: center;
align-items: center;
align-content: space-between;
align-self: stretch;
flex-wrap: wrap;}

div.corp_01 > div > div span{font-weight:700}
div.corp_01 > div > div{width:50%; line-height:1.8em}
div.corp_01 > div > div.corp_01_01{display: flex;justify-content: center; align-items:flex-end; flex-wrap:wrap; background:#F7F7F7 url('/images/sub/ceo_bg.png') no-repeat 100px bottom; }
div.corp_01 > div > div.corp_01_02{padding:0 40px}
div.corp_01 > div > div.corp_01_02 > p{margin-bottom:30px}
div.corp_01 > div > div.corp_01_02 > p{line-height:1.8em}
div.corp_01 > div > div.corp_01_02 > p:last-child{margin-bottom:0px}
/*비젼미션 */
div.corp_02{width:100%; line-height:1.5em; margin-top:30px}
div.vision{width:100%;display: flex;justify-content: center;flex-wrap:wrap; align-items:center; gap:30px; margin-top:100px; }

div.vision > div{ text-align:center; font-size:1.6em; font-weight:700; line-height:1.3em}
div.vision > div:nth-child(1){text-align:right; width:calc(50% - 235px); }
div.vision > div:nth-child(2){width:410px;}
div.vision > div:nth-child(3){text-align:left;; width:calc(50% - 235px);}

/*연혁 */
div.corp_03{width:100%; line-height:1.5em; margin-top:30px}
div.history > div.his_con{width:100%; display:flex; flex-wrap:wrap; margin-bottom:30px;  }

div.his_con > div.year{width:calc(50% - 15px);display:flex; justify-content:flex-end; gap:20px; padding-right:30px; font-weight:700; font-size:1.6em; }
div.his_con > div.year > div:nth-child(1){width:240px }
div.his_con > div.month{width:calc(50% - 15px);display:flex;justify-content:flex-start; padding-left:30px;  }
div.his_con > div.month > ul{width:100%;   }
div.his_con > div.month > ul > li{font-family:Arial; display:flex;font-size:0.9em; font-weight:500; gap:20px; padding-bottom:10px   }
div.his_con > div.month > ul > li > div:nth-child(1){font-size:1.1em; font-weight:500; color:#ccc  }

div.his_con > div.line{width:30px;  }
div.his_con > div.line > span:before{display:block; width:12px; height:12px; border-radius:50%; background:#C4013E; content:""; margin:10px auto }
div.his_con > div.line > span:after{display:block; width:1px; height:100%;  background:#ccc; content:""; margin:0 auto }
/* */
div.areamap{width:100%; display: flex;gap:30px; justify-content:space-evenly; margin:30px 0; flex-wrap:wrap; }
div.areamap> div.area_tab{width:800px }
div.area_tab > ul.tabTop{width:100%; display:flex; background:#f7f7f7; justify-content:center; flex-wrap:wrap}
div.area_tab > ul.tabTop > li{flex:1 1 0;display:flex; min-width:200px; max-width:200px; background:#f7f7f7; }
div.area_tab > ul.tabTop > li > a{display:block; width:100%; height:100%; font-size:0.9em;padding:10px 20px; text-align:center}
div.area_tab > ul.tabTop > li > a.on{background:#000; color:#fff;}
div.area_tab > div{width:100%;  padding-top:15px;display:flex; flex-wrap:wrap;min-height:420px; align-items:center}
div.area_tab > div > ul{background:#ccc; padding:15px; width:200px; display:flex; flex-direction:column; gap:15px; align-self:flex-start; margin-top:20px}
div.area_tab > div > ul > li{flex:1 1 0;}
div.area_tab > div > ul > li a{display:block; width:100%; height:100%; font-size:0.9em;padding:10px 20px; text-align:center; background:#fff}
div.area_tab > div > ul > li a.on{background:#000; color:#fff;}
div.area_tab > div > dl{width:calc(100% - 200px) ; height:100%; padding:50px 20px; }
div.area_tab > div > dl > dt{font-weight:700; border-bottom:1px solid #cccc; padding:20px }
div.area_tab > div > dl > dd{border-bottom:1px solid #cccc;padding:20px; font-size:0.9em }
div.area_tab > div > dl > dd > div{display:flex;  }
div.area_tab > div > dl > dd  span{font-weight:700; display:inline-block;padding-right:10px }
div.area_tab > div > dl > dd  span.a_location{background:url('/images/sub/ico_area_01.png') no-repeat left 5px; padding-left:30px }
div.area_tab > div > dl > dd  span.a_telephone{background:url('/images/sub/ico_area_02.png') no-repeat left center; padding-left:30px }
div.area_tab > div > dl > dd > ul{padding:15px }
div.area_tab > div > dl > dd  > ul > li{font-size:0.9em;background:url('/images/sub/dot_01.png') no-repeat left 13px; padding-left:10px }
div.area_tab > div > dl > dd  > ul > li > ul{font-size:0.9em;padding:5px; }
div.areamap> div.area_map{width:calc(100% - 830px); height:465px; overflow:hidden }

div.t_stext{margin-top:20px }
div.t_stext > p{font-size:0.9em;background:url('/images/sub/dot_01.png') no-repeat left center; padding-left:15px;  }
@media(max-width:1700px){

div.vision > div br{ display:none;}

}
@media(max-width:1500px){
div.vision > div{width:100%}
div.vision > div:nth-child(1){text-align:center;width:100%; }
div.vision > div:nth-child(2){width:100%;}
div.vision > div:nth-child(3){text-align:center;width:100%;}
div.vision > div br{ display:block;}

}

@media(max-width:1200px){
ul.process > li{ min-width:500px; padding:20px 30px}	
ul.process > li > dl > dt img{width:120px; }
div.area_tab > div{min-height:auto}

div.areamap> div.area_tab{width:100% }
div.areamap> div.area_map{width:100% }
div.area_tab > div > ul{padding:10px; width:150px;gap:10px}
div.area_tab > div > dl{padding:20px 20px; }
div.area_tab > div > dl{width:calc(100% - 150px) ; height:100%; padding:20px 20px; }
div.area_tab > div > ul > li a{padding:10px 10px;font-size:0.8em; }
}

@media(max-width:840px){
p.title_company_01{font-size:1.8em;margin:20px 0; }
p.title_company{font-size:1.8em;margin:20px 0}
div.company_01 > div > div{width:100%; }
div.company_01 > div > div.company_01_02{padding:0 20px}
div.company_02 ul.company_02_01{margin-bottom:50px;gap:10px; }
div.company_02 ul.company_02_01 > li{ padding:20px;}
div.company_02 ul.company_02_02{padding: 20px 28px;}
ul.process{margin:20px 0;}
ul.process > li{ min-width:300px; padding:10px 20px}	
ul.process > li > dl > dt img{width:100px; }

div.his_con > div.year{width:calc(50% - 5px);gap:10px; padding-right:10px; }
div.his_con > div.year > div:nth-child(1){width:140px }
div.his_con > div.month{width:calc(50% - 5px);padding-left:10px;  }
div.his_con > div.month > ul{width:100%;   }
div.his_con > div.month > ul > li{ gap:10px; padding-bottom:5px   }

div.his_con > div.line{width:10px;  }
div.his_con > div.line > span:before{width:5px; height:5px;  }


div.areamap{gap:10px;}

div.area_tab > div > ul{padding:10px; width:100px;gap:10px}
div.area_tab > div > dl{padding:10px 10px; }
div.area_tab > div > dl{width:calc(100% - 100px) ; height:100%; padding:10px 10px; }
div.area_tab > div > dl > dd  > ul > li{background:url('/images/sub/dot_01.png') no-repeat left 8px; padding-left:10px }


p.title_corp_01{font-size:1.8em;margin:20px 0}
div.corp_01 > div > div{width:100%; }
div.corp_01 > div > div.corp_01_02{padding:0 20px}
div.corp_01 > div > div.corp_01_02 > p{margin-bottom:20px}


div.rule{padding:20px; }
}

@media(max-width:640px){
div.company_02 ul.company_02_02{padding: 10px 10px;}
div.company_02 ul.company_02_01{margin-bottom:30px}
div.company_02 ul.company_02_01 > li{ padding:20px; flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%; }

ul.process li{min-width:100%; max-width:100%}	

div.area_tab > div > ul > li a{padding:5px 5px;}
div.his_con > div.year{width:100%;gap:10px; padding-left:5px; padding-right:0px;justify-content:flex-start; padding-bottom:10px}
div.his_con > div.year > div:nth-child(1){width:100px }
div.his_con > div.month{width:calc(100% - 10px);padding-left:5px;  }
div.rule{padding:10px; }
div.rule > div{margin-bottom:10px}
div.rule > div > div{padding:5px 5px;}

div.rule h4{margin-bottom:10px}
}




.modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 10px;
            border: 1px solid #888;
            max-width: 1000px; /* Could be more or less, depending on screen size */
        }
        /* The Close Button */
        .close {
            color: #aaa;
            position:absolute; right:10px; top:10px; z-index:99999999999999;
            font-size: 28px;
            font-weight: bold;color:#fff;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

.table_scroll{width:100%; overflow-x:auto}

table.busi{width:100%; border-top:3px solid #666; text-align:center; border-collapse:collapse;}



table.busi th{border:1px solid #e5e5e5; padding:10px; background:#F7F7F7; font-size:1em; font-weight:400; line-height:1.5em}
table.busi tr:first-child th{font-weight:700; border-bottom:1px solid #666; }
table.busi td{border:1px solid #e5e5e5;  padding:10px; font-size:0.8em; line-height:1.5em}
table.busi tr.tr_last td, table.busi tr.tr_last th{border-bottom:1px solid #666}
table.busi th.th_first, table.busi td.td_first {border-left: none; border-right: none;}
table.busi th.th_first{border-bottom:1px solid #666}
table.busi th.th_first2, table.busi td.td_first2 {border-left: none; border-right: none; font-size:0.9em}
table.busi th.th_first3, table.busi td.td_first3 {font-size:0.9em}
table.busi th.th_first4{border-bottom:1px solid #666;border-left:1px solid #e5e5e5; }
table.busi th.th_first5{border-bottom:1px solid #666;border-left:0; }
table.busi td.td_first4{border-bottom:1px solid #666;}
table.busi th.th_last, table.busi td.td_last {border-right: none;}

/* 게시판 관련 { */
div.content_board{width:100% }
div.content_board h4{padding:20px 10px; font-size:1.2em; font-weight:500; border-top:2px solid #000; border-bottom:1px solid #ccc; margin:20px 0 }
div.content_board table.board_list{width:100%; font-size:1em; border-top:2px solid #666; margin-top:24px; margin-bottom:100px }

div.content_board table.board_list td{padding:10px; border-bottom:1px solid #e5e5e5;  font-size:0.8em;text-align:center}
div.content_board table.board_list th{padding:10px; background:#f7f7f7; border-bottom:1px solid #e5e5e5; text-align:center; font-weight:700}
div.btn_file{display:flex; gap:10px;}
div.btn_file a{padding:10px 20px; border:1px solid #ccc; color:#3366cc;; border-radius:30px; background:#eee; font-size:0.9em}
div.btn_file a span{content:""; display:inline-block; margin-left:10px; vertical-align:middle; width:28px; height:28px; border-radius:50%;background:#fff url('/front/images/sub/btn_downfile.png') no-repeat center center; background-size:cover}
div.content_board table.board_write{width:100%; font-size:1em; border-top:2px solid #3366cc;  }

div.content_board table.board_write td{padding:10px; border-bottom:1px solid #ccc;  font-size:0.9em;}
div.content_board table.board_write th{padding:10px; background:#f2f2f2; border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:center; font-weight:normal}
div.content_board table.board_write span{display:inline-block; padding:0 5px; vertical-align:middle}
div.content_board table.board_write span.essencial{color:#3399cc}
div.content_board table.board_write.type01 tr{display:flex; flex-wrap:wrap}
div.content_board table.board_write.type01 th{width:200px; }
div.content_board table.board_write.type01 td{width:calc(50% - 200px); border:0; border-bottom:1px solid #ccc ; }
div.content_board table.board_write.type01 td.td100{width:calc(100% - 200px);}
.td_faq{background:#ebf8ff; padding:20px 40px !important}
ul.filelist{display:flex; flex-direction:column; gap:3px}
div.addFile{display:flex; padding-top:20px}
div.addFile > span{padding-right:10px}
div.addFile img{display:inline-block; vertical-align:middle; margin-right:3px}
div.addFile > a{color:#336699}
div.board_btn_01{width:100%; padding:40px 10px; display:flex; gap:10px; justify-content:center}
div.board_btn_01 a{display:inline-block; background:#ccc; color:#000; text-align:center; width:100px; height:40px; border-radius:30px;display:flex; justify-content:center;align-items:center }
div.board_btn_01 a.b_ok{background:#3366cc; color:#fff;}

div.boardTopBtn{width:100%; padding:40px 0px 10px 0; display:flex; gap:10px; justify-content:right}
div.boardTopBtn a{display:inline-block; background:#ccc; color:#000; text-align:center; padding:5px 30px; font-size:0.9em;  border-radius:30px;display:flex; justify-content:center;align-items:center }
div.boardTopBtn a.b_01{background:#3366cc; color:#fff;}
div.board_content{min-height:150px}
.bo_num{width:80px}
.bo_hit{width:80px}
.bo_gi{width:250px}
.bo_gu{width:100px}
.bo_state{width:100px}
.bo_writer{width:150px}
.bo_date{width:150px}

.bo_state span{display:inline-block; background:#999; width:80px; border-radius:10px; color:#fff; font-size:0.9em}
.bo_state span.state_on{background:#336699;}
span.rep_on{display:inline-block; background:#6699ff; width:80px; border-radius:10px; color:#fff; font-size:0.9em}
.bo_rep{width:50px; color:#336699}
div.m_state{width:100%; padding-top:5px; display:none }
div.m_state span{display:inline-block }



div.board_page{width:100%;padding:40px 0 }
div.board_page ul{width:100%;display:flex; align-items:center; justify-content:center; gap:5px }
div.board_page ul > li > a{display:inline-block; width:30px; height:30px; border-radius:3px; background:#fff; font-size:0.8em;display:flex; align-items:center; justify-content:center;  }
div.board_page ul > li > a.prev{border:0; }
div.board_page ul > li > a.on{ border:1px solid #C4013E;   }
div.board_page ul > li > a:hover{ border:1px solid #C4013E; background:#eee;  }
div.board_search{width:100%;  }
div.board_search ul{width:100%;display:flex; justify-content:flex-end; gap:5px; flex-wrap:wrap }
div.board_search ul > li {display:flex}
div.board_search ul > li > select{width:150px;text-align:center }
div.board_search ul > li > input[type='text']{width:300px; }

div.board_search ul > li > input[type='button']{width:100px;height:40px; font-size:0.8em; border:1px solid #000; background:#000;  border-radius:3px; color:#fff }
div.board_search input[type='date']{border:1px solid #ccc; height:40px; text-align:center; font-size:16px; width:100% }
a.filedown{font-size:0px; width:40px; height:40px;display:block; background:url('/images/common/Download.png') no-repeat center center; background-size:cover }
a.filedown:hover{background:url('/images/common/Download_o.png') no-repeat center center; background-size:cover }

ul.list_site{width:100%;display:flex; flex-wrap:wrap; margin-top:24px; }
ul.list_site li{width:25%;  padding:0 12px 12px 12px}
ul.list_site li > div{width:100%; background:#fff; display:flex; flex-direction:column;  padding:16px; position:relative; text-align:center; border:1px solid #ccc}
ul.list_site li > div a{position:absolute; left:0; top:0; width:100%; height:100%;}
ul.list_site li > div p:before{ display:block; content:""; width:100%;  margin:10px 0; height:1px; background:#ccc;}
ul.list_site li > div p{font-size:0.8em; color:#1A1A1;}

dl.board_video{max-width:850px;margin:0 auto; display:flex; flex-direction:column;margin-top:24px; gap:24px }
dl.board_video dt{width:100%; height:500px; background:#f7f7f7;  display:flex; justify-content:center;  align-items:center }
dl.board_video dd p:nth-child(2){font-size:0.8em }
/* 평상시 완전 숨김 */
.board_list tr.a_row { display: none; }

/* 슬라이드용 래퍼 */
.board_list tr.a_row .a_inner {
  overflow: hidden;
  height: 0;                  /* 시작 높이 */
  transition: height 260ms ease;
}

/* 클릭 가능한 표시(선택) */
.board_list tr.q_row { cursor: pointer; }
.board_list tr.q_row:hover { background: #f7f7f7; }

.info_box {width:100%; padding:0 20px; font-size:0.8em }

.info_box > div{width:100%; margin-top:20px; display:flex;  font-size:1.1em; gap:20px; flex-wrap:wrap}
.info_box > div > ul{padding:20px 20px; background:#f7f7f7; display:flex; border-radius:10px; min-width:600px; justify-content:center; }
.info_box > div > ul > li span:after{content:"|";padding:0 10px; display:inline-block }

@media(max-width:840px){
.info_box > div > ul{ min-width:auto; width:100% }

}

@media(max-width:840px){
div.content_board table.board_list td{padding:5px; }
div.content_board table.board_list th{padding:5px; }
.bo_num{width:50px}
.bo_hit{width:60px}
.bo_gi{width:180px}
.bo_state{width:80px}
.bo_writer{width:100px}
.bo_date{width:100px}


.bo_state span{ width:50px; border-radius:5px; font-size:0.8em}
.bo_hit{display:none}
.bo_writer{display:none}
.bo_date{display:none}
.bo_gi{display:none}
.bo_gu{display:none}
.bo_state{display:none}
div.m_state{display:flex; gap:5px; color:#336699; flex-wrap:wrap }
div.m_state span{vertical-align:middle }
span.m_state_on{display:inline-block; border:1px solid #336699; color:#336699; padding:0 10px; border-radius:5px; font-size:0.8em}
span.m_state_off{display:inline-block; border:1px solid #666; color:#666; padding:0 10px; border-radius:5px; font-size:0.8em}
div.content_board table.board_write.type01 th{width:120px; }
div.content_board table.board_write.type01 td{width:calc(100% - 120px); }
div.content_board table.board_write.type01 td.td100{width:calc(100% - 120px);}
div.board_btn_01{padding:20px 10px; gap:10px;}
dl.Survey > dt{padding:10px 10px; }
dl.Survey > dd{padding:10px 10px; }
dl.Survey > dd > ul > li{padding:10px }
div.comment_01{padding:10px 10px}
.filebox label {width:80px }
ul.list_site li{width:30%; }

}


@media(max-width:640px){

.bo_num{width:40px}
div.board_search{width:100%;padding:20px 0 }

div.board_search ul > li > select{width:80px;text-align:center; height:30px;  }
div.board_search ul > li > input[type='text']{width:100px;text-align:center; height:30px;  }

div.board_search ul > li > input[type='button']{width:50px;height:30px; font-size:12px; border:1px solid #3366cc; background:#eee;background:#eee url('/front/images/sub/ico_search.png') no-repeat 47px 8px;  }

div.board_search input[type='date']{border:1px solid #ccc; height:30px; text-align:center; font-size:12px; width:90px }
.field.date{width:100px; position:relative;height:30px; }

div.content_board table.board_write.type01 th{width:100px; }
div.content_board table.board_write.type01 td{width:calc(100% - 100px); }
div.content_board table.board_write.type01 td.td100{width:calc(100% - 100px);}
div.board_btn_01{padding:10px 5px; gap:5px;}

.field.date .ico-cal{width:10px !important; height:10px !important; }
dl.Survey > dd > ul > li > dl > dd textarea{height:100px;}
dl.Survey > dd > ul > li > dl > dd{padding:10px 0 0 10px}

.filebox .upload-name {
   
    height: 30px;
  
}


.filebox label {
      height: 30px; width:60px
    
}
ul.list_site li{width:100%; }

}