@charset "utf-8";



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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:580px; 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:580px; }
.main_visual li a{display:block;}

.main_visual .main_visual_text .bg{position:absolute; bottom:top; left:0px; width:100%; height:580px; background:rgba(0,0,0,0.5); z-index:0;}
.main_visual .main_visual_text {position:absolute; width:100%;  height:580px;  color:#fff; z-index:2; }
.main_visual .main_visual_text .t1{font-size:60px; margin-top:250px; 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:80px; text-align:center;   z-index:99999999 !important; border:1px red solid; display:none;}
.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 .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;}


/*고객센터안내*/
.main_help_wrap {background:#fff url(../images/main/main_help_bg.png) 30px bottom no-repeat;; margin:30px 0px; padding:60px; 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; font-size:20px; color:#222;}
.main_help .col.center .t1 strong {color:#000; font-size:26px}
.main_help .col.center .t2 {padding:6px 0px; }

.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;}




/*대출상품안내*/
.type_list {margin-top:80px;}
.type_list h4 {font-size:40px; font-weight:normal;}
.type_list h4 span {color:#367ba9}


.main_bohum_list {overflow:hidden; margin-top:30px;}
.main_bohum_list li.list{float:left; margin-right:20px; width:403px;  }
.main_bohum_list li.list:nth-child(3n) {margin-right:0px; margin-bottom:20px;}
.main_bohum_list li.list .box{padding:30px; border:1px #ddd solid;  position:relative;}
.main_bohum_list li.list:hover .box{border-color:#367ba9; }

.main_bohum_list li.list .title {font-size:28px; padding:40px 0px; line-height:30px;  color:#000; }
.main_bohum_list li.list .title span.text {display:block; margin-top:5px; padding-bottom:20px; line-height:20px; height:40px; overflow:hidden; font-size:15px; color:#777;  border-bottom:2px #367ba9 solid;}

.main_bohum_list li.list .info_box {}
.main_bohum_list li.list .info_box ul li{position:relative;  font-size:15px; color:#888; margin-bottom:10px;}
.main_bohum_list li.list .info_box ul li span{color:#000; font-size:14px; display:block; font-weight:bold;}
.main_bohum_list li.list .btns {margin-top:15px;}
.main_bohum_list li.list .btns a{display:block; line-height:55px; color:#fff; text-align:center; font-size:16px; background:#367ba9;}







/*상담신청*/
.inquery {float:right; width:380px; height:358px; overflow:hidden; background:#fda100;}
.inquery .box {padding:30px;}

.inquery h3 {color:#fff;  font-family: "Do Hyeon"; font-weight:normal; font-size:20px; position:relative; margin-bottom:20px; padding:0 2px;}
.inquery h3 label,
.inquery .etc {vertical-align:middle; margin-top:15px;font-size:12px; color:#fff; }


.inquery .text_input {overflow:hidden; position:relative; display:table; width:100%; table-layout:fixed; border-spacing:2px;}
.inquery .text_input li {padding:0px 2px; display:table-cell;}
.inquery .text_input li input[type="text"]{height:45px; line-height:45px; background:#fff; border:0px; padding:0 2%; vertical-align:middle; width:96%; }
.inquery .text_input li select {height:45px; line-height:45px; background:#fff; border:0px;  vertical-align:middle; width:100%;}

.inquery .text_input li input[type="submit"]{background:#555; color:#fff; border:0px; height:45px; line-height:45px;   font-weight:bold; font-size:13px;  width:100%; text-align:center; margin-top:10px;}

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

.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; }



/*한도조회*/
.common_light_box_wrap_box {width:600px; margin:0 auto;   display:none;}
.common_light_box_wrap_box h3 {background:#367ba9; padding:25px; font-size:22px; color:#fff; position:relative;}
.common_light_box_wrap_box h3 .close {position:absolute; right:0px; top:0px; height:75px; line-height:75px; background:#255c81; color:#fff;width:75px; text-align:center; font-weight:normal; font-size:16px;}

#application_light_box h3 {background:#4f8b23;}
#application_light_box h3 .close {background:#42741d;}


.common_light_box_wrap_box .common_light_box_wrap_box_box { padding:30px; background:#fff url(../images/common/common_logo.png) 90% 90% no-repeat; padding-bottom:80px; background-size:100px;}
.common_light_box_wrap_box .text_input {display:table;width:100%; table-layout:fixed;}
.common_light_box_wrap_box .text_input li{display:table-cell; vertical-align:middle;}
.common_light_box_wrap_box .text_input li{padding:5px;}
.common_light_box_wrap_box .text_input li input[type="text"] {vertical-align:middle; line-height:60px; height:60px; border:1px #ddd solid; background:#fff; width:100%; font-size:14px;}
.common_light_box_wrap_box .text_input li select {vertical-align:middle; line-height:60px; height:60px; border:1px #ddd solid; background:#fff; width:100%; font-size:14px;}


.common_light_box_wrap_box .text_input li input[type="text"]::-webkit-input-placeholder {color:#d8d8d8; font-size:12px;}
.common_light_box_wrap_box .text_input li input[type="text"]::-moz-placeholder {color: #d8d8d8;  font-size:12px;}
.common_light_box_wrap_box .text_input li input[type="text"]:-ms-input-placeholder {color: #d8d8d8;  font-size:12px;}
.common_light_box_wrap_box .text_input li input[type="text"]:-moz-placeholder {color: #d8d8d8;  font-size:12px;}

.common_light_box_wrap_box .text_input li input[type="submit"] {width:100%; background:#444; text-align:center; line-height:60px; height:60px;  color:#fff; border:0px; font-size:20px;}






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


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

.main_visual .main_visual_text {height:300px;  }
.main_visual .main_visual_text .t1{font-size:26px; margin-top:150px; line-height:30px;}
.main_visual .main_visual_text .t2{font-size:18px; 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:14px;}
.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 20px; padding:30px; padding-bottom:60px; background-position:left bottom; }
.main_help { display:block; width:auto; }
.main_help .col { display:block; vertical-align:middle;}
.main_help .col.center {padding-left:0px; text-align:center;}
.main_help .col.center .t1 {font-size:18px;}
.main_help .col.center .t2 {font-size:18px;}
.main_help .col.center .t1 strong {color:#000; font-size:22px}


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




/*대출상품안내*/
.type_list {margin-top:80px; margin:80px 20px;}

.main_bohum_list li.list{float:none; margin-right:0px; width:auto;  margin-bottom:10px !important;; }
.main_bohum_list li.list .box{padding:20px;}





/*한도조회*/
.common_light_box_wrap_box {width:95%;}
.common_light_box_wrap_box h3 { padding:25px; font-size:18px;}
.common_light_box_wrap_box h3 .close {font-size:13px;}




.common_light_box_wrap_box .common_light_box_wrap_box_box { padding:20px; padding-bottom:120px;}

.common_light_box_wrap_box .text_input li input[type="text"] {line-height:40px; height:40px; font-size:14px; padding:0 10px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.common_light_box_wrap_box .text_input li select {line-height:40px; height:40px;}

.common_light_box_wrap_box .text_input li input[type="submit"] { line-height:60px; height:60px; font-size:18px;}





}