@charset "utf-8";



#container {position:relative; z-index:0;  font-size:16px;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:430px; min-width:1100px; overflow:hidden;  z-index:1; }
.main_visual ul { width:100%; left:0px;top:0px; position:absolute; z-index:0; }
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:430px; }
.main_visual li a{display:block;}

.main_visual .main_visual_text {position:absolute; width:100%;  height:430px;  color:#fff; z-index:2; }
.main_visual .main_visual_text .t1{font-size:60px; margin-top:180px; line-height:60px; font-weight:bold; position:relative; z-index:3;  color:#fff;}
.main_visual .main_visual_text .t2{font-size:18px; padding-top:10px; position:relative; z-index:3; color:rgba(255,255,255,0.9);}

.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:30px; text-align:center;   z-index:99999999 !important; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#fff;}





/*메인 퀵버튼*/
.main_quick_btn_wrap {margin-top:-70px; position:relative; z-index:3; text-align:Center; clear:both;}
.main_quick_btn_wrap ul {}
.main_quick_btn_wrap li {float:left; width:49%;  text-align:center;}
.main_quick_btn_wrap li.right {float:right;}
.main_quick_btn_wrap li .box{display:table; width:100%;  text-align:left;}
.main_quick_btn_wrap li .box a{display:table-cell;vertical-align:middle; line-height:40px;  font-size:33px;padding:10px 65px;  font-weight:normal; background:#367ba9; height:120px; border-radius:10px; color:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.main_quick_btn_wrap li .box a .t1 {display:block; font-size:28px;}
.main_quick_btn_wrap li .box a .t2 {font-size:38px;  padding-right:25px;}
.main_quick_btn_wrap li.right .box a{background:#fff;  color:#367ba9;}
.main_quick_btn_wrap li.right .box .t1{color:#444;}

.main_quick_btn_wrap li .box a .fonti{float:right;}
.main_quick_btn_wrap li.right .box a .fonti{color:#367ba9; margin-top:8px; }
.main_quick_btn_wrap .help_tip {text-align:center; color:#888; overflow:hidden;  clear:both; padding:20px 0px;}
.main_quick_btn_wrap .help_tip .fonti {color:#e8443c;}


/*신청박스*/
.inquery_box {display:table; width:100%; table-layout:fixed; margin-top:0px;}
.inquery_box .col{display:table-cell; }
.inquery_box .col.first{padding-right:20px;}
.inquery_box .col.last{padding-left:20px; }
.inquery_box .col .box {background:#fff; margin-top:20px; height:166px; padding:30px; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.inquery_box .col .box h3 {font-size:20px; font-weight:bold; padding-bottom:5px; margin-bottom:5px;}
.inquery_box .col .box h3 .etc{display:inline-block; font-size:12px; font-weight:normal;}
.inquery_box .col .box h3 .color{color:#398941; }
.inquery_box .col .box h3 .hidden_text_agree{font-weight:normal; font-size:12px;}
.inquery_box .col .box h3 .more_link{float:right; font-size:13px; color:#444; font-weight:normal;}

/*대출상담*/
.inquery_box .col .fwrite_box{}

.inquery_box .col .fwrite_box .text_input {overflow:hidden; position:relative;}
.inquery_box .col .fwrite_box .text_input li {float:left; width:49%;margin:0.5% 0px;;}
.inquery_box .col .fwrite_box .text_input li.last {float:right;}
.inquery_box .col .fwrite_box .text_input li.full {width:100%; margin:0px;}
.inquery_box .col .fwrite_box .text_input li input[type="text"]{height:35px; line-height:35px; background:#fff; border:0px; vertical-align:middle; border:1px #ddd solid; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; vertical-align:top;}
.inquery_box .col .fwrite_box .text_input li select {height:35px; line-height:35px; background:#fff; border:0px;  vertical-align:middle; width:100%;border:1px #ddd solid;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; vertical-align:top;}


.inquery_box .col .fwrite_box  input.last[type="text"]{width:100%; margin:10px 0px 0 2px;; height:45px; line-height:45px; background:#fff; border:0px;  vertical-align:middle; }
.inquery_box .col .fwrite_box  input[type="submit"]{background:#444; color:#fff; border:0px; height:45px; line-height:45px; width:100%; font-size:16px; margin-top:10px;}

.inquery_box .col .fwrite_box ::-webkit-input-placeholder {font-size:12px; color:#999;}
.inquery_box .col .fwrite_box ::-moz-placeholder {font-size:12px; color:#999;}
.inquery_box .col .fwrite_box :-ms-input-placeholder {font-size:12px; color:#999;}
.inquery_box .col .fwrite_box :-moz-placeholder  {font-size:12px; color:#999;}


/*대출상담*/
.inquery_box .case_list_box .box {background:url(../images/main/fwrite_box_bg.png) 30px 70% no-repeat;}
.inquery_box .case_list_box .box ul {margin-left:120px; margin-top:10px; }
.inquery_box .case_list_box .box ul li{background:url(../images/main/fwrite_box_dot.png) left 8px no-repeat; padding-left:10px;}
.inquery_box .case_list_box .box ul li .cate{color:#ff7e79;}





/*고객센터안내*/
.main_help_wrap {background:#fff url(../images/main/main_help_bg.png?2020) 30px bottom no-repeat;; margin:50px 0px; padding:40px 60px 20px; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.main_help { display:table; width:100%; }
.main_help .col { display:table-cell; vertical-align:middle;}
.main_help .col.center {padding-left:250px;padding-right:80px;  color:#222;}
/*
.main_help .col.center .t1 strong {color:#000; font-size:26px}
.main_help .col.center .t2 {padding:6px 0px; }
.main_help .col.center .t2 .dot {font-size:16px; color:#888; padding-left:15px;}
*/

.main_help .col.center  .list_wrap {height:186px !important; overflow:hidden; font-size:14px;}
.main_help .col.center  .list_wrap .title_text {border-bottom:1px #ddd solid;  font-size:20px; font-weight:bold; padding-bottom:15px; margin-bottom:15px;}
.main_help .col.center  .list_wrap .title_text span {color:#367ba9;}
.main_help .col.center  .list_wrap ul li.list {float:left; position:relative; overflow:hidden; width:100% !important;  height:24px; line-height:24px; }
.main_help .col.center  .list_wrap ul li.list .cate { display:inline-block; width:100px;   color:#367ba9;}
.main_help .col.center  .list_wrap ul li.list .name {display:inline-block; margin-left:5px; width:60px;}
.main_help .col.center  .list_wrap ul li.list .date {float:right;  color:rgba(0,0,0,0.8);}



.main_help .col.last .t1 {font-size:45px; font-weight:bold; color:#367ba9}
.main_help .col.last .t2 {font-size:20px; margin-top:10px;}
.main_help .col.last .t2 .kakao_id {background:url(../images/common/header_kakao_bg.png) left top no-repeat; min-height:60px; padding-left:80px; margin-top:30px;}
.main_help .col.last .t2 .kakao_id dd {font-weight:bold;}



/*상담신청*/
.hidden_text_agree {padding:15px; height:150px; overflow:hidden; overflow-y:auto; display:none; color:#222; border:1px #ddd solid; background:#f8f8f8; z-index:111;  font-size:11px; }






@media all and (max-width:1024px) {


/*메인비주얼*/
.main_visual { width:100%; height:200px; min-width:100%;  }
.main_visual li{height:200px; background-size:cover; }

.main_visual .main_visual_text {height:200px; padding:0 10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.main_visual .main_visual_text .t1{font-size:26px; margin-top:60px; line-height:30px;}
.main_visual .main_visual_text .t2{font-size:16px; padding-top:10px;;}



/*메인 퀵버튼*/
.main_quick_btn_wrap {margin-top:-50px;}
.main_quick_btn_wrap ul {padding:0 10px; font-size:0px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:center;}
.main_quick_btn_wrap li {float:none;display:inline-block;  width:46%;  margin:0 2%;text-align:center;}
.main_quick_btn_wrap li.right {float:none;}

.main_quick_btn_wrap li .box a{ line-height:30px;  font-size:20px;padding:15px; height:90px; }
.main_quick_btn_wrap li .box a .t1 {display:block; font-size:11px;}
.main_quick_btn_wrap li .box a .t2 {font-size:20px;   display:block;}






.main_quick_btn_wrap .help_tip { padding:20px; font-size:12px;}








/*고객센터안내*/
.main_help_wrap {margin:30px 10px; padding:30px; padding-bottom:60px; background-position:left bottom; background-size:150px; }
.main_help { display:block; width:auto; }
.main_help .col { display:block; vertical-align:middle;}
.main_help .col.center {padding-left:0px; text-align:center; padding-right:0px; text-align:left;}
.main_help .col.center  .list_wrap{border-bottom:1px #ddd solid;}



.main_help .col.last  {padding:30px 0px; text-align:right;}
.main_help .col.last .t1 {font-size:30px;}
.main_help .col.last .t2 {margin-top:0px;}
.main_help .col.last .t2 {margin-top:0px;}
.main_help .col.last .t2 .kakao_id {background-position:40px top; padding-left:90px;}



/*신청박스*/
.inquery_box {display:block; width:auto; margin:0 10px; }
.inquery_box .col{display:block; }
.inquery_box .col.first{padding-right:0px;}
.inquery_box .col.last{padding-left:0px; }


/*대출상담*/
.inquery_box .col.last .box h3 {padding-left:40px;}
.inquery_box .case_list_box .box {background:url(../images/main/fwrite_box_bg.png) 25px 25px no-repeat; background-size:30px;}
.inquery_box .case_list_box .box ul {margin-left:0px; margin-top:20px; }










}