/*visual*/
#visual{position: relative; width: 100%; padding:0 4% 4% 4%; background:url('/m/img/visual.jpg') center no-repeat; background-size:100% 100%; box-sizing:border-box}

#visual h2{color:#fff; font-weight:600; font-size:20px; letter-spacing:-1pt; padding:150px 0 5px 0; text-align: center; }
#visual p.stit{color:rgba(255,255,255,.8); text-align: center; letter-spacing:-0.5pt; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:15px}

#visual .visual_bn{width: 100%; overflow:hidden;}
#visual .visual_bn dl{position:relative; width:100%; transition: all .4s;}
#visual .visual_bn dl dt{padding:20px 0 13px 0;}
#visual .visual_bn dl dt a{position:relative; display:block; padding:0 2%}
#visual .visual_bn dl dt a:after{position:absolute; top:50%; margin-top:-17px; right:0; display:block; content:""; overflow:hidden; width:33px; height:33px; background:#fff url('/m/img/visual_arrow.png') center no-repeat; background-size:7px; border-radius:100%;}

#visual .visual_bn dl dt p.tit{font-size:20px; line-height:100%; color:#fff; font-weight:600; letter-spacing:-0.5pt;}
#visual .visual_bn dl dt p.txt{color:rgba(255,255,255,.8); padding-top:8px; letter-spacing:-0.5pt;}
#visual .visual_bn dl ul{margin:10px 0 0 0;}
#visual .visual_bn dl dt li{color:#fff; text-align:left; line-height:20px;}
#visual .visual_bn dl dt li span{display:inline-block; color:rgba(255,255,255,.7); line-height:20px; letter-spacing:-0.5pt;}
#visual .visual_bn dl.one dt li span{width:40px;}
#visual .visual_bn dl.two dt li span{width:78px;}
#visual .visual_bn dl.three dt li span{width:78px;}

#visual .visual_bn dl dd.btn a{color:#fff; text-align:center; width:100%; display:inline-block; font-size:14px; line-height: 43px; box-sizing:border-box; letter-spacing:-0.5pt; border:1px solid rgba(255,255,255,.4); font-weight:600; animation: btn_ani 4s ease-in-out infinite;}  
#visual .visual_bn dl.two dd.btn a{width:50%;}
#visual .visual_bn dl.three dd.btn a{width:50%;  }
#visual .visual_bn dl.two dd.btn a:last-child{border-left:0;}
#visual .visual_bn dl.three dd.btn a:last-child{border-left:0;}
#visual .visual_bn dl.two.on dd.btn a:last-child, #visual .visual_bn dl.three.on dd.btn a:last-child{border-left:1px solid rgba(0,0,0,.1)}

@keyframes btn_ani {          
       0% {border-color:rgba(255,255,255,.4); background:none} 
	   50% {border-color:#fff; background:#fff; color:#1098c3}  
       100% {border-color:rgba(255,255,255,.4); background:none} 
}


#contents{position: relative;}

#contents .direct_btn{position: fixed; bottom:0; width: 100%; max-width:640px; border-bottom:1px solid #ddd; background:#fff; box-sizing:border-box; z-index:99 !important; box-shadow:rgba(0,0,0,.2) 0 -5px 8px; display:none}
#contents .direct_btn ul{position: relative; overflow:hidden; padding:2% 0;}
#contents .direct_btn ul li{float:left; width:33.3333%; position: relative;  text-align:center; box-sizing:border-box; border-right:1px solid #ddd;}
#contents .direct_btn ul li.three{border-right:0}
#contents .direct_btn ul li a{display:block; color:#1098c3; font-size:14px; letter-spacing:-0.5pt; padding:34px 0 6px 0;}
#contents .direct_btn ul li.one a{background: url('/img/inquiry_icon.gif') center 8px no-repeat; background-size:21px}
#contents .direct_btn ul li.two a{background: url('/img/hando_icon.gif') center 8px no-repeat; background-size:21px}
#contents .direct_btn ul li.three a{background: url('/m/img/top_call_blue.png') center 8px  no-repeat; background-size:18px;}

#contents .direct_btn ul li a span{display:block; margin:5px auto 0 auto; width:70px; font-size:12px; line-height:23px; height: 23px; background:#1098c3; border:1px solid #1098c3; color:#fff; text-align: center;}

@keyframes btn_ani2 {          
       0% {background: #1098c3;} 
	   50% {background:#fff; color:#1098c3}  
       100% {background: #1098c3;} 
}

#contents .contents_in{width: 92%; margin: 0 auto; position: relative; overflow:hidden; padding:4% 0;}
#contents .contents_in h4{position: relative; font-size:15px; color:#333; font-weight:normal; letter-spacing:-0.5pt; line-height:130%;}
#contents .contents_in p.txt{position: relative; font-size:13px;}

#contents .contents_in .info_con{position: relative; overflow:hidden; text-align: center; width:100%; padding:40px 0; background:url('/m/img/pro_img.jpg') center no-repeat; background-size:cover;  margin-bottom:10px;}
#contents .contents_in .info_con h4{color: #fff; z-index:9}
#contents .contents_in .info_con p.button{position: relative; z-index:9; }
#contents .contents_in .info_con p.button a{display:inline-block; width:125px; height:31px; font-size:13px; background:url('/img/btn_bg.gif') no-repeat; border:1px solid #1098c3; background-size:100%; color:#fff;  margin-top: 20px; color: #fff; line-height: 30px; transition: all 0.5s;}

#contents .contents_in .quick_con{position: relative; overflow: hidden; width: 100%; padding:0; border:1px solid #ddd; border-right:0; border-bottom:0; box-sizing:border-box;  margin-bottom:30px}
#contents .contents_in .quick_con ul{}
#contents .contents_in .quick_con ul li{position: relative; width: 50%; float: left; border:1px solid #ddd; border-top:0; border-left:0; overflow: hidden; box-sizing:border-box;}
#contents .contents_in .quick_con ul li a{display:block; padding:0 0 0 50px; line-height:55px; color:#666; letter-spacing:-0.4pt; transition: all .4s;}
#contents .contents_in .quick_con ul li a:hover{color:#11a1cf; transition: all .4s;}
#contents .contents_in .quick_con ul li.one a{ background: url('/img/quick_icon01.gif') 8px no-repeat; background-size:33px}
#contents .contents_in .quick_con ul li.two a{background: url('/img/quick_icon02.gif') 9px no-repeat; background-size:33px}
#contents .contents_in .quick_con ul li.three a{background: url('/img/quick_icon03.gif') 9px no-repeat; background-size:33px}
#contents .contents_in .quick_con ul li.four a{background: url('/img/quick_icon04.gif') 9px no-repeat; background-size:33px}

#contents .contents_in .video_con{position: relative; overflow:hidden; clear:both;}
#contents .contents_in .video_con h4{text-align:center; padding-bottom:12px;}
#contents .contents_in .video_con ul{}
#contents .contents_in .video_con li iframe{margin:0}


#contents .contents_in .cs_con{position: relative; width: 100%; background: #f4f4f4; box-sizing:border-box; padding:8% 4%}
#contents .contents_in .cs_con p.tel{font-size:22px; font-weight:bold; line-height:100%; color:#11a1cf; padding:5px 0 0 0;}

#contents .contents_in .cs_con p.faq{position: absolute; right:4%; top:50%; margin-top:-17px}
#contents .contents_in .cs_con p.faq a{display:inline-block; width:34px; height:34px; line-height: 36px; font-weight:600; text-align:center; font-size:12px; background:#fff; border:1px solid #1098c3; border-radius:100%; color:#1098c3;}

#contents .contents_in .cs_con p.tel_b{position: absolute; right:calc(4% + 38px); top:50%; margin-top:-17px}
#contents .contents_in .cs_con p.tel_b a{display:inline-block; width:36px; height:36px; font-weight:600; text-align:center; font-size:13px; background:#1098c3; border-radius:100%;}
#contents .contents_in .cs_con p.tel_b a img{width:15px; margin:10px 0 0 1px;}


.loan01_direct_btn{position: relative; width: 100%; color:#fff; font-size:14px; background:#11a1cf;}

/* 바로가기 버튼 */
.loan01_direct_btn ul{position: relative; width: 92%; margin: 0 auto; padding:2% 0;}
.loan01_direct_btn ul > li{position: relative; width: 100%;line-height:36px; padding-left:32px; box-sizing:border-box;}
.loan01_direct_btn ul li.one{background: url('/loan/img/direct_icon01.png') 0 no-repeat; background-size:21px}
.loan01_direct_btn ul li.two{background: url('/loan/img/direct_icon02.png') 0 no-repeat; background-size:21px}
.loan01_direct_btn ul li.three{background: url('/loan/img/direct_icon03.png') 0  no-repeat; background-size:21px}
.loan01_direct_btn ul > li > a{position: absolute; top:5px; right:0; width:90px; line-height:30px; height: 28px; background: #fff; border:1px solid #11a1cf; color:#11a1cf; font-size:13px; text-align: center;  transition: all 0.5s;}
.loan01_direct_btn ul > li > a:hover{background:#11a1cf; border-color:rgba(255,255,255,.5); color:#fff; box-shadow:0 3px 8px rgba(0,0,0,.1); transition: all 0.5s;}