@charset "utf-8";

/* 공통 */
#pageCommon{font-size:15px;line-height:1.6;letter-spacing:-.2px;color:#777;font-family:'notokr-regular'}
#pageCommon h3{margin-bottom:10px;font-size:39px;font-weight:400;color:#222;font-family:'Montserrat'} 
#pageCommon h3 span{font-weight:700}

/* 회사소개 */
.page6{position:relative;padding:80px 0 100px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;text-align:center}
.page6:after{content:"";display:block;position:absolute;right:-65px;bottom:80px;width:65px;height:481px;background-image:url(/sh_page/img/p6_deco.png)}
.page6 .tit_area{margin-bottom:40px}
.page6 .tit_area p{display:inline-block;padding:0 20px;border-left:11px solid #b13327;border-right:11px solid #b13327;font-size:18px;color:#b13327}
.page6 .cont{padding-top:300px;background:url(/sh_page/img/p6_img.jpg) top center no-repeat}
.page6 .cont ul{display:table;margin:0 auto 50px}
.page6 .cont ul li{display:table;float:left;width:250px;height:195px;margin:0 -1px;border:1px solid #e1e1e1;line-height:1.4;color:#222;background-color:#fff;font-family:'notokr-medium'}
.page6 .cont ul li img{margin-bottom:15px}
.page6 .cont ul li p{display:table-cell;vertical-align:middle}

/* 상품소개 */
.loan_product{position:relative;padding:65px 0 80px;border-right:1px solid #e1e1e1}
.loan_product:before{display:block;content:"";position:absolute;left:-376px;top:0;width:746px;height:100%;background:url(/sh_page/img/loan_pro_bg.png) top no-repeat #d0c9ac}
.pro_cont .tit_area{padding-left:50px}
.pro_cont .tit_area:after{display:block;visibility:hidden;content:"";clear:both}
.pro_cont .tit_area h4{float:left;font-size:26px;color:#222;font-family:'notokr-bold'}
.pro_cont .tit_area p{float:right;margin-right:-19px;color:#222;letter-spacing:1.5px;font-family:'Montserrat'}
.pro_cont .tit_area p b{font-weight:800}
.pro_cont .tit_area p span{display:inline-block;vertical-align:baseline;width:37px;height:37px;margin-left:11px;color:#fff;text-align:center;line-height:37px;background-color:#b13327}
.pro_cont .bg_box{padding:35px 50px;margin:25px 0 45px;line-height:1.8;background-color:#f7f7f7}
.pro_cont .bg_box li:before{display:inline-block;vertical-align:middle;content:"";width:3px;height:3px;margin-right:10px;border-radius:3px;background-color:#b13327}
.pro_cont .product_tbl{overflow:hidden;border-top:2px solid #b13327;margin:0 50px}
.pro_cont .product_tbl li{overflow:hidden;padding:15px;border-bottom:1px dotted #d1d1d1}
.pro_cont .product_tbl dl{overflow:hidden}
.pro_cont .product_tbl dt{float:left;clear:both;width:210px;color:#222;font-family:'notokr-medium'}
.pro_cont .product_tbl dd{float:left;font-size:14px}
/* 상품소개 - 탭 */
#tabs-container{margin-left:370px}
#tabs-container:after{display:block;visibility:hidden;content:"";clear:both}
.tab_wrap{text-align:center}
.tabs-menu{border-bottom:1px solid #e1e1e1}
.tabs-menu li{display:inline-block;width:15%}
.tabs-menu li.current{position:relative;z-index:5}
.tabs-menu li a{display:block;position:relative;padding-bottom:12px;font-size:16px;color:#9e9e9e;text-align:center;-webkit-transition:all .2s;transition:all .2s}
.tabs-menu li a:hover{color:#b13327}
.tabs-menu .current a{color:#b13327;font-family:'notokr-medium'}
.tabs-menu .current a:after{display:block;content:"";position:absolute;bottom:-5px;left:50%;margin-left:-4px;width:7px;height:7px;border-radius:7px;background-color:#b13327}
.tab{width:100%;background-color:#fff}
.tab-content{display:none;width:100%;padding-top:50px}
#tab-1{display:block}

/* 대출절차 */
.page13{position:relative;padding:100px 0}
.page13 .tit_area{margin-bottom:40px;text-align:center}
.page13 .tit_area p{font-size:18px;color:#777}
.page13 .cont ul{overflow:hidden}
.page13 .cont ul li{float:left;position:relative;width:32.8%;height:265px;padding:40px 0 0 40px;margin-bottom:10px;background-color:#fff;background-repeat:no-repeat;background-position:88% 45px}
.page13 .cont ul li:before{content:"";display:block;position:absolute;left:0;top:45px;width:6px;height:14px;background-color:#b13327}
.page13 .cont ul li:nth-child(3n-1){margin:0 .8%}
.page13 .cont ul li p{padding-bottom:75px;font-weight:700;letter-spacing:0;color:#222;font-family:'Montserrat'}
.page13 .cont ul li h4{margin-bottom:10px;font-size:18px;color:#222;font-family:'notokr-bold'}
.page13 .cont ul li:nth-child(1){background-image:url(/sh_page/img/p13_icon01.png);-webkit-animation-delay:.2s;animation-delay:.2s}
.page13 .cont ul li:nth-child(2){background-image:url(/sh_page/img/p13_icon02.png);-webkit-animation-delay:.4s;animation-delay:.4s}
.page13 .cont ul li:nth-child(3){background-image:url(/sh_page/img/p13_icon03.png);-webkit-animation-delay:.6s;animation-delay:.6s}
.page13 .cont ul li:nth-child(4){background-image:url(/sh_page/img/p13_icon04.png);-webkit-animation-delay:.8s;animation-delay:.8s}
.page13 .cont ul li:nth-child(5){background-image:url(/sh_page/img/p13_icon05.png);-webkit-animation-delay:1s;animation-delay:1s}
.page13 .cont ul li:nth-child(6){background-image:url(/sh_page/img/p13_icon06.png);-webkit-animation-delay:1.2s;animation-delay:1.2s}

/* 대출상담신청 */
.grid{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;max-width:1200px;margin:0 auto}
.grid span{position:absolute;top:0;bottom:0;z-index:1;display:block;width:1px;background:rgba(255,255,255,.1)}
.grid span.line01{left:0}
.grid span.line02{left:25%}
.grid span.line03{left:50%}
.grid span.line04{left:75%}
.grid span.line05{left:100%}
.page15{position:relative;padding:100px 0 120px}
.page15 .tit_area{margin-bottom:60px;text-align:center}
.page15 .tit_area h3{color:#fff!important}
.page15 .tit_area p{font-size:18px;color:#fff}
.page15 .info_area{margin-top:100px;text-align:center}
.page15 .info_area li{display:inline-block;width:24.7%;color:rgba(255,255,255,.6)}
.page15 .info_area li h4{padding:15px 0;font-size:20px;font-weight:600;color:#fff;letter-spacing:0;font-family:'Montserrat'}
.page15 .info_area li span{padding-right:3px}
.page15 .info_area li .c_white{color:#fff}
.page15 .info_area li .c_yellow{color:#e6d100}
.page15 .info_area li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
.page15 .info_area li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.page15 .info_area li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}

/* ARTICLE FADE-IN */
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}