@font-face {
 font-family: 'NanumSquare';
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
      
}

@font-face {
 font-family: 'NanumSquareBold';
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}


/* ---- common ------*/

p,span,td,th,a,input,div,em,button,dl,dt,dd,select{font-family:NanumSquare,Verdana,sans-serif;font-size:14px;line-height:18px;box-sizing:border-box;}
button{border:0;padding:0;text-decoration:none;}
a:hover,a:active,a:link{text-decoration:none;}
    
input[type="text"],input[type="password"],input[type="tel"]{width:100%;border:1px solid #ccc;height:37px;padding:0 5px;font-size:14px;color:#787878;box-sizing:border-box;}
select{-webkit-appearance:none;width:100%;height:37px;border:1px solid #ccc;padding:0 37px 0 5px;color:#787878;background:url(../images/select.png) no-repeat right center;background-size:36px 36px;}
select.dimm{background:#f7f7f7 url(../images/select.png) no-repeat right center;background-size:36px 36px;}
input[type="password"]{font-family:Verdana,sans-serif;}
textarea{display:block;border:1px solid #ccc;padding:10px 5px;box-sizing:border-box;width:100%;height:146px;}

input[type="checkbox"]{margin:0;-webkit-appearance:none; border:0;opacity:0;}
input[type="checkbox"] + label{display:inline-block;padding-left:33px;color:#333;font-family: 'NanumSquareBold';line-height:25px;}
input[type="checkbox"] + label span{display:inline-block;margin-right:5px;width:24px;height:25px;overflow:hidden;background:url(../images/checkbox.png) no-repeat left top;background-size:24px 50px;vertical-align:middle;}
input[type="checkbox"] + label:active span,input[type="checkbox"]:checked + label span{display:inline-block;margin-right:5px;width:24px;height:25px;overflow:hidden;background:url(../images/checkbox.png) no-repeat left bottom;background-size:24px 50px;vertical-align:middle;}

.wrap{position:fixed;top:0;right:0;left:0;bottom:0;overflow:hidden;}
header{position:relative;width:100%;height:45px;padding:0 14px;box-sizing:border-box;}
header .logo{display:inline-block;width:117px;height:45px;background:url(../images/logo.png) no-repeat 0 center;background-size:117px 30px;}
header .menu{position:absolute;right:0;top:0;width:45px;height:45px;background:url(../images/menu.png) no-repeat 0 top;background-size:45px 90px;}
header .menu:active, header .menu:hover .header .menu.on{background:url(../images/menu.png) no-repeat 0 bottom;background-size:45px 90px;}

aside{position:absolute;top:45px;left:0;right:0;bottom:0;z-index:100;}
aside .dimm{width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.6);box-sizing:border-box;}
aside .lnb{position:absolute;right:0;top:0;bottom:0;left:35.5vw;padding:0 14px;height:100%;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling: touch;box-sizing:border-box;z-index:101;}
aside .lnb ul li{display:block;}
aside .lnb ul li p{padding:12px 7px 0;font-size:15px;color:#5cb02b;border-bottom:2px solid #5cb02b;line-height:34px;font-family: 'NanumSquareBold';}
aside .lnb ul li a{display:block;font-size:14px;line-height:30px;padding-left:33px;box-sizing:border-box;color:#6a6a6a;}
aside .lnb ul li:nth-child(1){padding-bottom:7px;}
aside .lnb ul li:nth-child(2) a{background:url(../images/m_icon1.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(3) a{background:url(../images/m_icon2.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(4){padding-bottom:7px;}
aside .lnb ul li:nth-child(5) a{background:url(../images/m_icon3.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(6) a{background:url(../images/m_icon4.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(7) a{background:url(../images/m_icon5.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(8) a{background:url(../images/m_icon6.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(9) a{background:url(../images/m_icon7.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(10){padding-bottom:7px;}
aside .lnb ul li:nth-child(11) a{background:url(../images/m_icon8.png) no-repeat 14px center;background-size:16px 16px;}
aside .lnb ul li:nth-child(12){padding-bottom:7px;}
aside .lnb ul li:nth-child(13) a{background:url(../images/m_icon9.png) no-repeat 14px center;background-size:16px 16px;}

footer{padding:15px 14px;height:90px;text-align:center;background:#ccc;box-sizing:border-box;}
footer ul{margin-bottom:15px;}
footer ul li{display:inline-block;padding:0 10px;}
footer ul li a{color:#333;font-size:13px;font-family:'NanumSquareBold';line-height:1.1;}
footer p{font-size:12px;color:#666;line-height:18px;}

.title{position:relative;width:100%;height:40px;background:#eef4f3;text-align:center;box-sizing:border-box;border-top:1px solid #d4dcdb;border-bottom:1px solid #d4dcdb;}
.title .back{position:absolute;left:0;top:0;display:inline-block;width:40px;height:40px;background:url(../images/back.png) no-repeat center center;background-size:10px 18px;}
.title h2{font-size:15px;color:#333;line-height:38px;font-family:'NanumSquareBold';}


.space{padding:15px 14px 30px;}
.space.intro{padding:15px 14px 30px;background:url(../images/intro_bg.png) no-repeat 0 0;background-size:100vw auto;}

.search{position:relative;width:100%;height:37px;border:1px solid #ccc;padding-right:37px;box-sizing:border-box;}
.search input[type="text"]{height:35px;border:0;}
.search .bt_search{position:absolute;right:0;top:0;width:35px;height:35px;background:url(../images/search.png) no-repeat center center;background-size:35px 35px;}

.right{text-align:right!important;}
.center{text-align:center!important;}
.left{text-align:left!important;}
.bold{font-family:'NanumSquareBold';}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt18{margin-top:18px;}
.mt23{margin-top:23px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.pr95{padding-right:95px;}

.button{width:100%;padding-top:13px;}
.button.col3 div{display:inline-block;width:33.33%;padding:0 4px;}
.button.col2 div{display:inline-block;width:50%;}
.button div:first-child {padding:0 8px 0 0;}
.button div:last-child {padding:0 0 0 8px;}
.button .bt_del{display:block;width:100%;height:36px;text-align:center;line-height:36px;background:#bbb;color:#fff;}
.button .bt_edit{display:block;width:100%;height:36px;text-align:center;line-height:34px;background:#fff;color:#535353;border:1px solid #535353;}
.button .bt_list{display:block;width:100%;height:36px;text-align:center;line-height:34px;background:#fff;color:#5cb02b;border:1px solid #5cb02b;}
.button .bt_green{display:block;width:100%;height:36px;text-align:center;line-height:34px;background:#5cb02b;color:#fff;}
.btn_gray{display:block;background:#f3f3f3;border:1px solid #ccc;text-align:center;height:30px;line-height:28px;color:#666;font-size:12px;border-radius:4px;}

h4{font-size:16px;color:#5cb02b;text-align:left;padding-left:7px;line-height:26px;border-bottom:2px solid #5cb02b;font-family:'NanumSquareBold';}

.color_r{color:#e80b0b;}
.color_g{color:#5cb02b;}
.color_o{color:#ed972d!important;}
.color_b{color:#003066!important;}

.tab{ width:100%;height:41px;border-bottom:2px solid #5cb02b;}
.tab li{display:inline-block;width:33.33%;text-align:center;vertical-align:top;}
.tab li a{display:block;font-size:16px;line-height:41px;color:#999;}
.tab li a:active,.tab li a:hover,.tab li a:focus,.tab li.on a{color:#5cb02b;font-family:'NanumSquareBold';}
.tab_conts{}
.tab_conts li{}

.page{margin:15px auto 0;text-align:center;}
.page a{display:inline-block;margin:0 12px;vertical-align:top;font-size:13px;color:#999;}
.page a:hover,.page a:active,.page a:focus , a.on{font-family:'NanumSquareBold';color:#ed972d;}
.page .bt_prev{display:inline-block;width:20px;height:20px;background:url(../images/prev.png) no-repeat left center;background-size:20px 20px;}
.page .bt_next{display:inline-block;width:20px;height:20px;background:url(../images/next.png) no-repeat left center;background-size:20px 20px;}


/* ------ 메인 -----*/

.contents{position:absolute;top:45px;left:0;right:0;bottom:0;width:100%;overflow:hidden;}
.contents .banner{position:relative;width:100%;height:calc(100% - 90px);overflow:hidden;}
.contents .banner .slide ul li{position:absolute;z-index:0;}
.contents .banner .slide ul li img{width:100%;height:auto;}
.contents .banner .slide .btn_slide{}
.contents .banner .slide .btn_slide .bt_left{position:absolute;left:0;top:29vh;display:inline-block;width:25px;height:32px;background:url(../images/bt_left.png) no-repeat left center;background-size:25px 32px;z-index:10;}
.contents .banner .slide .btn_slide .bt_right{position:absolute;right:0;top:29vh;display:inline-block;width:25px;height:32px;background:url(../images/bt_right.png) no-repeat left center;background-size:25px 32px;z-index:10;}



.contents .linkbox{position:fixed;bottom:10px;left:0;right:0;width:100%;padding:0 9px;vertical-align:top;box-sizing:border-box;z-index:10;}
.contents .linkbox ul li{display:inline-block;width:33.33%;padding:0 5px;box-sizing:border-box;vertical-align:top;text-align:center;}
.contents .linkbox ul li a{display:block;width:100%;height:80px;box-sizing:border-box;border-radius:4px;text-align:center;background:rgba(113,191,68,0.8); }
.contents .linkbox ul li a span{display:block;padding-top:42px;font-size:14px;color:#fff;line-height:16px;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.contents .linkbox ul li:first-child a span{background:url(../images/link_icon01.png) no-repeat center -3px;background-size:41px 49px;}
.contents .linkbox ul li:nth-child(2) a span{background:url(../images/link_icon02.png) no-repeat center -3px;background-size:27px 49px;}
.contents .linkbox ul li:nth-child(2) a{background:rgba(50,150,27,0.8);}
.contents .linkbox ul li:last-child a span{background:url(../images/link_icon03_1.png) no-repeat center -3px;background-size:28px 49px;}

.contents .branch{position:absolute;left:0;bottom:0;right:0;padding:15px 14px;width:100%;height:75px;background:rgba(9,9,9,0.46);box-sizing:border-box;z-index:10;box-sizing:border-box;}
.contents .branch h3{color:#ade486;display:block;font-size:15px;line-height:1.1;font-family:'NanumSquareBold';}
.contents .branch ul{margin-top:10px;width:100%;}
.contents .branch ul li{display:inline-block;width:33.33%;vertical-align:middle;text-align:center;}
.contents .branch ul li a{display:block;text-align:center;box-sizing:border-box;vertical-align:middle;}
.contents .branch ul li a span{display:inline-block;font-size:15px;color:#fff;line-height:18px;}
.contents .branch ul li:first-child a{text-align:left;}
.contents .branch ul li:last-child a{text-align:right;}






/* ---board -----*/
.sub_conts{position:absolute;top:40px;left:0;right:0;bottom:0;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}

.list{border-top:2px solid #707070;}
.list li{position:relative;width:100%;border-bottom:1px solid #ccc;box-sizing:border-box;}
.list li:active,.list li:hover,.list li:focus{background:#fdf7f0;}
.list li:last-child{border-bottom:2px solid #707070;}
.list li a{display:block;padding:13px 62px 13px 7px;padding-right:62px;box-sizing:border-box;}
.list li a .bd_title{display:block;font-size:14px;color:#333;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.list li .lock .bd_title{padding-left:15px;background:url(../images/lock.png) no-repeat left center;background-size:11px 14px;}
.list li a p{margin-top:4px;}
.list li a p span{position:relative;display:inline-block;color:#ababab;line-height:18px;margin:0 5px;}
.list li a p span:before{content:'';position:absolute;left:-5px;top:calc(50% - 5px);width:1px;height:10px;background:#ababab;}
.list li a p span:first-child{margin:0 5px 0 0;}
.list li a p span:first-child:before{background:none;}
.list li .state{position:absolute;right:5px;top:calc(50% - 12px);display:inline-block;text-align:center;line-height:22px;width:57px;height:24px;border:1px solid #ed972d;color:#ed972d;font-size:13px;font-family:'NanumSquareBold';}
.list li .state.end{background:#ed972d;color:#fff;}
.list li .state.ing{border:1px solid #5cb02b;color:#5cb02b;}
.list li .pw_input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:6px 10px;background:#f3f3f3;z-index:11;box-sizing:border-box;}
.list li .pw_input p{padding-left:15px;background:url(../images/lock.png) no-repeat left center;background-size:11px 14px;color:#787878;font-size:14px;line-height:18px;}
.list li .pw_input div{position:relative;height:37px;padding-right:107px;}
.list li .pw_input div .bt_enter{position:absolute;right:52px;display:inline-block;width:47px;height:37px;background:#6b6b6b;color:#fff;text-align:center;line-height:37px;}
.list li .pw_input div .bt_cancel{position:absolute;right:0;display:inline-block;padding:0;width:47px;height:37px;background:#fff;color:#6b6b6b;text-align:center;border:1px solid #ccc;line-height:35px;}

.list.view li:active, .list.view li:hover, .list.view li:focus{background:none;}
.list.view li .list_th{padding:13px 7px;}
.list.view li .list_th p{font-family:'NanumSquareBold';color:#333;padding-right:70px;line-height:18px;}
.list.view li .list_th .user{margin-top:4px;}
.list.view li .list_th .user span{position:relative;display:inline-block;color:#6a6a6a;line-height:18px;font-size:13px;margin:0 5px;}
.list.view li .list_th .user span:before{content:'';position:absolute;left:-5px;top:calc(50% - 5px);width:1px;height:10px;background:#787878;}
.list.view li .list_th .user span:first-child{margin:0 5px 0 0;}
.list.view li .list_th .user span:first-child:before{background:none;}
.list.view li .list_th .date{position:absolute;top:13px;right:7px;color:#ababab;font-size:12px;line-height:18px;}
.list.view li .list_view{padding:10px 7px 30px;}
.list.view li .list_view p{color:#787878;line-height:18px;}
.list.view li.reple{padding-bottom:20px;}
.list.view li.reple .reple_head{position:relative;background:#f3f3f3;height:38px;padding:0 7px;border-bottom:1px solid #ccc;}
.list.view li.reple .reple_head p{line-height:37px;color:#333;font-family:'NanumSquareBold';}
.list.view li.reple .reple_head .admin{position:absolute;top:0;right:7px;line-height:37px;color:#787878;font-family:'NanumSquare';font-size:13px;}
.list.view li.reple .reple_head .admin span{position:relative;color:#ababab;font-size:12px;padding-left:10px;}
.list.view li.reple .reple_head .admin span:before{content:'';position:absolute;left:5px;top:calc(50% - 5px);background:#787878;width:1px;height:10px;}
.list.view li.reple .re_conts{padding:13px 7px 0;}
.list.view li.reple .re_conts p{color:#787878;line-height:18px;}

.popup {z-index: 99;position: absolute;}
.popup .pw_input{margin:0 auto;width:292px;height:100%;padding:10px;background:#f3f3f3;z-index:11;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;}
.popup .pw_input p{padding-left:18px;background:url(../images/lock.png) no-repeat left center;background-size:11px 14px;color:#333;font-size:15px;font-family:'NanumSquareBold';line-height:22px;}
.popup .pw_input div{position:relative;margin-top:10px;}
.popup .pw_input div  .button{margin-top:0;}
.popup .pw_input div .bt_enter{display:inline-block;width:50%;height:37px;background:#6b6b6b;color:#fff;text-align:center;line-height:37px;}
.popup .pw_input div .bt_cancel{display:inline-block;padding:0;width:50%;height:37px;background:#fff;color:#6b6b6b;text-align:center;border:1px solid #ccc;line-height:35px;}


.write{width:100%;border-top:2px solid #707070;}
.write th{padding:22px 0 0 7px;border-bottom:1px solid #ccc;vertical-align:top;text-align:left;}
.write th p{padding-left:10px;background:url(../images/th.png) no-repeat left 6px;color:#333;background-size:4px 5px;line-height:18px;text-indent:-0.05em;}
.write td{padding:10px 7px;border-bottom:1px solid #ccc;text-align:left;}
.write td .pr95{position:relative;}
.write td .pr95 select{position:absolute;right:0;width:85px;}
.write td input.ct30{width:30%!important;margin-right:5%;}
.write td .ct30:last-child{margin-right:0;}
.write tr:last-child th,.write tr:last-child td{border-bottom:2px solid #707070;}
.write.loan{width:100%;border-top:0;}
.write.loan .noline td,.write.loan .noline th{border-bottom:0;}
.write.loan td.notice{padding:0 7px 0 20px}
.write.loan td.notice .bedge{padding-left:20px;background:url(../images/bedge.png) no-repeat left 1px;background-size:15px 15px;font-size:12px;color:#8e8e8e;line-height:18px;}
.write.loan td.notice .mt10{padding-left:10px;}
.write.loan td.notice .link{display:inline-block;width:50%;padding-left:10px;padding-bottom:10px;vertical-align:top;}
.write.loan tr:last-child th, .write.loan tr:last-child td{border-bottom:1px solid #ccc;}
.write.loan td.nopd{border-top:1px solid #ccc;padding:0;}
.write.loan td.nopd .office{border-bottom:0;padding:5px 5px;}
.write.loan td.nopd .office div{padding:5px 5px;}

/* 인사말 */

.space.intro .thanks{position:relative;padding:7px 80px 0 0;height:100px;}
.space.intro .thanks p{color:#333;line-height:23px;font-size:16px;font-family:'NanumSquareBold';}
.space.intro .thanks p span{line-height:23px;font-size:16px;font-family:'NanumSquareBold';}
.space.intro .thanks img{position:absolute;right:0;top:0;width:75px;height:100px;}
.space.intro p{font-size:14px;color:#555;line-height:23px;}
.space.intro .sign{text-align:right;}
.space.intro .sign p{color:#333;font-size:12px;font-family:'NanumSquareBold';line-height:18px;}

/*찾아오시는 길*/
.sub_conts.withtab{position:absolute;top:40px;left:0;right:0;bottom:0;width:100%;overflow:hidden;}

.sub_conts.withtab .tab{position:absolute;left:0;right:0;top:0;}
.sub_conts.withtab .tab_conts{position:absolute;left:0;right:0;top:43px;bottom:0;padding-bottom:90px;}
.sub_conts.withtab .tab_conts li{width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.sub_conts.withtab footer{position:absolute;right:0;bottom:0;left:0;}

.office{padding:6px 8px;background:#f3f3f3;border-bottom:1px solid #bbb;}
.office div{display:inline-block;width:33.33%;padding:6px;vertical-align:top;}
.office div a{display:block;width:100%;height:37px;line-height:35px;background:#fff;border:1px solid #ccc;text-align:center;font-size:13px;color:#999;}
.office div a:active ,.office div.active a ,.tab_conts li .office div a:hover ,.tab_conts li .office div a:focus ,.tab_conts li .office .active a{background:#5cb02b;color:#fff;border:0;line-height:37px;}
.tab_conts li article{}
.tab_conts li article dl{}
.tab_conts li article dt{display:block;color:#333;padding-left:20px;text-align:left;line-height:18px;}
.tab_conts li article dt.address{background:url(../images/map_01.png) no-repeat left center;background-size:16px 15px;}
.tab_conts li article dt.tel{margin-top:25px;background:url(../images/map_02.png) no-repeat left center;background-size:16px 15px;}
.tab_conts li article dt.fax{margin-top:25px;background:url(../images/map_03.png) no-repeat left center;background-size:16px 15px;}
.tab_conts li article dt.transit{margin-top:25px;background:url(../images/map_04.png) no-repeat left center;background-size:16px 15px;}
.tab_conts li article dd{display:block;padding-top:10px;color:#787878;line-height:20px;text-align:left;}
.tab_conts li article dd p{display:block;padding-top:0;color:#787878;line-height:20px;text-align:left;}
.tab_conts li article dd .howto{padding-left:10px;/* text-indent:-40px; */}
.tab_conts li article dd .howto2{padding-left:20px;text-indent:-10px;}
.tab_conts li article dd .howto3{padding-left:10px;}


/*사업소개*/
.company{width:100%;height:auto;}
.company img{width:100%;height:auto;}
.bussiness{}
.bussiness p{color:#555;line-height:22px;font-size:15px;}
.bussiness .color_g{font-size:20px;line-height:24px;}
.list_type1{}
.list_type1 dt{margin-top:20px;display:block;padding-left:12px;background:url(../images/bar.png) no-repeat 5px center;background-size:3px 10px;color:#333;font-family:'NanumSquareBold';line-height:18px;}
.list_type1 dd{padding:0 12px;color:#555;line-height:18px;margin-top:8px;}
.list_type1 dd .color_o{padding-left:10px;text-indent:-10px;}
.intent22{padding:0 12px 0 22px;text-indent:-10px;line-height:18px;}
.intent12{padding:0 12px;text-indent:-10px;line-height:18px;}
.intent10{padding-left:10px;text-indent:-10px;}

.talkbox{border-radius:4px;border:1px solid #d5d5d5;background:#f3f3f3;padding:12px;}
.talkbox p{color:#555;line-height:20px;}

.tb_type{width:100%;}
.tb_type thead th{padding:12px 5px;border-bottom:1px solid #555;color:#333;text-align:center;font-family:'NanumSquareBold';}
.tb_type tbody th{padding:12px 5px;background:#f6f8f4;border-bottom:1px solid #555;text-align:center;vertical-align:middle;}
.tb_type tbody td{border-left:1px solid #bbb;border-bottom:1px solid #bbb;padding:12px 5px;text-align:center;color:#555;vertical-align:middle;}
.tb_type tbody td p{color:#555; }
.tb_type tbody td .color_b{font-size:12px;line-height:15px;}
.tb_type tbody td .lt08{letter-spacing:-0.08em;}
.tb_type tbody .hr td{border-bottom:1px solid #555;}

.process{width:100%;}
.process li{display:block;padding-bottom:37px;}
.process li div{position:relative;height:110px;border-radius:4px;padding:32px 50px 32px 115px;vertical-align:middle;}
.process li div .tit{margin-top:0;font-size:16px;font-family:'NanumSquareBold';color:#5cb02b;line-height:20px;}
.process li div p{margin-top:6px;font-size:15px;line-height:20px;}
.process li div:after{content:'';position:absolute;left:calc(50% - 18px);bottom:-27px;z-index:11;width:37px;height:38px;background:url(../images/step.png) no-repeat 0 0;background-size:37px 38px;}
.process li:first-child div{border:1px solid #ccc;background:url(../images/step01.png) no-repeat 20px center;background-size:67px 67px;}
.process li:nth-child(2) div{padding:26px 50px 26px 115px;background:#cae8b9 url(../images/step02.png) no-repeat 27px center;background-size:54px 52px;}
.process li:nth-child(3){padding-bottom:0;}
.process li:nth-child(3) div{background:#8fcc4e url(../images/step03.png) no-repeat 19px center;background-size:70px 52px;}
.process li:nth-child(3) div:after{background:none;}
.process li:nth-child(3) div .tit{color:#fff;}


/*대출상담*/
.bedge2{padding-left:10px;background:url(../images/th.png) no-repeat left 6px;color:#333;background-size:4px 5px;line-height:18px;text-indent:-0.05em;}
.phonebook{padding:23px 7px 0}
.phonebook ul{margin:10px 3px 0;border-top:1px solid #707070;}
.phonebook ul li{display:table;width:100%;border-bottom:1px solid #ccc;}
.phonebook ul li:last-child{border-bottom:1px solid #707070;}
.phonebook ul li .name{display:table-cell;width:19%;padding:10px 8px;vertical-align:middle;color:#333;}
.phonebook ul li .detail{display:table-cell;width:57%;padding:10px 5px;vertical-align:middle;text-align:left;}
.phonebook ul li .detail p{color:#787878;}
.phonebook ul li .detail .phone{color:#ababab;}
.phonebook ul li .call{display:table-cell;width:24%;padding:10px 5px;vertical-align:middle;color:#333;text-align:right;}
.phonebook ul li .call a{display:block;border-radius:4px;border:1px solid #5cb02b;width:64px;height:30px;text-align:center;}
.phonebook ul li .call a span{display:inline-block;padding-left:20px;background:url(../images/call.png) no-repeat left center;background-size:15px 15px;font-size:14px;color:#5cb02b;line-height:28px;}


/*약관*/
.contents .banner .privacy{width:100%;height:100%;padding:15px 10px 30px;}
.contents .banner .privacy .term{margin-top:0;border-top:2px solid #5cb02b;border-bottom:1px solid #ccc;padding:12px 10px;height:100%;overflow-y:scroll;-webkit-overflow-scrolling: touch;border-left:0;border-right:0;}
.contents .banner .privacy .term p{color:#555;}
.email{width:82px;height:123px;margin:10px auto;}
.email img{width:100%;height:100%;}

.privacy{padding:12px 7px;}
.privacy p{padding-left:6px;color:#555;line-height:18px;text-indent:-6px;}
.privacy .term{margin-top:12px;border:1px solid #ccc;padding:10px;height:225px;overflow-y:scroll;}
.privacy .term p{color:#787878;line-height:19px;text-indent:0;padding-left:0;font-size:13px;}


.contents{position:absolute;top:45px;left:0;right:0;bottom:0;width:100%;overflow:hidden;}
.contents .banner{position:relative;width:100%;height:calc(100% - 90px);overflow:hidden;}

/* add::20230410::자료실 추가 */
.hidden-obj{display:block;width:0;height:0;opacity:0;visibility:hidden;}
.dataRoom .FLR_box{display:flex;flex-wrap:wrap;align-items:center;padding:10px 0;padding-top:30px;}
.dataRoom .FLR_box .ac.pageNo{width:100%}
.dataRoom .fL.pageNo{width:100px}
.dataRoom .searchBoxS{display:flex;width:calc(100% - 100px)}
.dataRoom .searchBoxS fieldset{display:flex;width:100%;}
.dataRoom .searchBoxS fieldset legend{width:0;height:0;opacity:0;visibility:hidden;}
.dataRoom .searchBoxS fieldset form{display:inline-block;margin-left:auto;vertical-align:middle;}
.dataRoom .searchBoxS ul{display:flex;}
.dataRoom .searchBoxS ul li input{width:auto !important}
.dataRoom .searchBoxS ul li input[type="submit"]{height:100%;margin-left:5px;border:1px solid #ccc;background-color:#fff;font-weight:600;}
.table-data{overflow:auto;padding-bottom:30px;border-top:2px solid #5cb02b}
.table-data table{table-layout:fixed;min-width:500px;}
.table-data table caption{opacity:0;visibility:hidden;width:0;height:0;}
.table-data__capt{display:none;margin-top:10px;}
.paginate{text-align:center;}

@media all and (max-width:320px){
    footer ul li{display:inline-block;padding:0 5px;}
    footer ul li a{font-size:12px;}
    footer p{font-size:11px;}
    .space.intro .thanks p{letter-spacing:-0.03em;}
    .tb_type tbody td p{letter-spacing:-0.1em;}
    .office div a{font-size:13px;letter-spacing:-0.05em;}
    .write.loan td.nopd .office{border-bottom:0;padding:4px 3px;}
    .write.loan td.nopd .office div{padding:4px 3px;}
    .contents .linkbox ul li a span{display:block;padding-top:42px;font-size:12px;color:#fff;line-height:16px;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
}

@media all and (min-width:414px){

}


@media all and (min-width:480px) and (orientation:landscape){
    .contents{height:calc(100% - 45px);overflow-y:scroll;-webkit-overflow-scrolling:touch;}
    .contents .banner{height:auto;}
    .contents .banner .slide ul li{position:static;z-index:0;}
    .contents .banner .linkbox{position:static;width:100%;padding:0 9px;vertical-align:top;box-sizing:border-box;z-index:10;}
    .contents .banner .branch{position:static;margin-top:15px;}
    
}

@media all and (max-width:570px){
	.table-data__capt{display:block;}
}