@charset "UTF-8";

/*title*/
.title_box{margin-bottom: 20px;}
.title_box h2{font-size: 17px; line-height: 25px; color: #1774C3;}
.title_box h3{margin-top:8px; font-weight: 500; font-size: 32px; line-height: 36px; color: #222222;}
.title_box h3 span{position: relative;}
.title_box h3 span:before{content:''; position: absolute; top:0; right:-10px; width: 8px; height: 8px; background-color: #E4032E; border-radius: 50px;}
.title_box2 h2{color:#fff; background-image: url(../images/main/tbg.png); background-repeat: no-repeat; background-position: 0 center;}
.title_box2 h3{color:#fff;}
.title_box2 h3 span:before{background-color: #fff;}

/*more*/
.list_more a{display:inline-block; font-weight: 500; font-size: 16px; line-height: 23px; color: #666666; border-bottom:1px solid #666; padding-bottom:5px;}
.list_more span{display:inline-block; padding-right:30px; background-image: url(../images/main/more2.png); background-repeat: no-repeat; background-position: right center;}


/*visual*/
.visual{width:100%; height:290px; background-image: url(../images/main/visual.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden;}
.visual dl{}
.visual dl dt{font-weight: bold; font-size: 38px; line-height: 34px; color: #333333;margin:80px 0 25px;}
.visual dl dd{font-weight:300; font-size: 24px; line-height: 36px; color: #333333;}
.visual dl dd span{display: block;}

/*분야별 금융정보*/
.part1{width:100%; height:435px; overflow:hidden;}
.part1 .inner{max-width:1700px; margin:0 0 0 auto;}
.fi_box{float:left;width:459px;height:435px;padding: 30px 121px 0 71px;background-color: #1774C4;color:#fff;}
.fi_box .w_txt{font-weight: 300; font-size: 18px; line-height: 28px;}
.fi_box .w_txt span{display:block;}
.fi_box ul{overflow:hidden; margin-top:20px;}
.fi_box ul li{float:left; margin: 0 5px 5px 0;}
.fi_box ul li:last-child{margin:0 0 5px 0;}
.fi_box ul li a{display:block; padding:7px 21px; background-color: #0A3A64; font-weight: 500; font-size: 17px; line-height: 26px;}
.fi_box ul li a.on{background-color:#fff; color: #145388;}
.fi_box .fi_roll{float:left;margin-top: 24px;}
.fi_box .fi_roll button{width:50px; height:50px; border:1px solid #fff; background-color: #1774C4; background-repeat: no-repeat; background-position: center center;}
.fi_box .fi_roll .fl{background-image: url(../images/main/left.png);}
.fi_box .fi_roll .fr{background-image: url(../images/main/right.png); margin-left:5px;}
.fi_box .list_more{float:right;margin-top: 45px;}
.fi_box .list_more a{color:#fff; border-bottom:1px solid #fff;}
.fi_box .list_more a span{background-image: url(../images/main/more.png);}
.fi_list{width:1300px; position: absolute; top:59px; left:385px;}
.fi_list .fi_listBox .item{width:250px; height:290px; border: 1px solid #DDDDDD; background-color: #fff; margin-right:12px;}
.fi_list .fi_listBox .item:hover{border:2px solid #0A3A64; }
.fi_list .fi_listBox .owl-item.active:last-child{opacity: 0.6;}
.fi_list .fi_listBox .fi_info{padding:20px;}
.fi_list .fi_listBox p{font-size: 15px; line-height: 22px; color: #333333;}
.fi_list .fi_listBox a{display:block; font-size: 16px; line-height: 22px; color: #999999; padding:17px 0 16px 29px; background-color: rgba(243, 243, 243, 0.9); background-image: url(../images/main/more2.png); background-repeat: no-repeat; background-position: 88% center;}
.fi_list .fi_listBox .item:hover a{background-color: #0A3A64; color:#fff; background-image: url(../images/main/more.png);}
.fi_list .fi_listBox{position: relative;}
.fi_list .fi_listBox:before{content:''; position: absolute; top:0; right:0; width:252px; height:290px; background-color: rgba(255,255,255,0.6); z-index:99;}


/*주요이슈*/
.part2{background: #E9F2FA; height:449px; padding-top:49px;}
.part2 .inner{max-width:1500px; padding:0 69.5px;}
.part2 .list_more{position: absolute; top:29px; right:69.5px;}
.main_issue{}
.main_issue .issue_slide{width:100%; overflow:hidden;}
.main_issue .issue_slide .item{float:left; position:relative; width:264px; margin-right:10px;}
.main_issue .issue_slide .item:last-child{margin-right:0;}
.main_issue .issue_slide .item img{width:100%;}
.main_issue .issue_slide .item p{margin-top:9px; font-size: 15px; line-height: 22px; color: #222222; }
.main_issue .issue_slide .item p span{display:block;}
.main_issue .issue_a{position: absolute; top:183px; z-index:999;}
.main_issue .issue_a button{width:45px; height:45px; background-color: #1774C3; background-image: url(../images/main/left.png); background-repeat: no-repeat; background-position: 15px center; border-radius: 50px;}
.main_issue .issue_l{left: 0;}
.main_issue .issue_r{right:0;}
.main_issue .issue_r button{background-image: url(../images/main/right.png); background-position: 18px center;}

/*주요소식*/
.part3{padding:69px 0 74px;}
.news_box{overflow: hidden;}
.news_box h4{font-weight: 500; font-size: 22px; line-height: 36px; color: #222222; margin-bottom:12px;}
.news_box .cont_more{position:absolute; top:10px; right:0; font-weight: 300; font-size: 16px; line-height: 23px; color: #666666;}
.news_box .news{float:left; width:650px; position: relative;}
.news_box .news ul{border-top:2px solid #333;}
.news_box .news ul li{border-bottom:1px solid #ddd; overflow:hidden; padding:0 13px 0 11px;}
.news_box .news ul li .txt{float:left; font-size: 16px; line-height: 60px; color: #222222; display:inline-block; width: 481px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_box .news ul li .data{float:right; font-weight: 300; font-size: 15px; line-height: 60px; color: #666666;}

.card_news{float:right; width:650px; position: relative;}
.card_news ul{overflow:hidden;}
.card_news ul li{float:left; width:315px; position: relative;}
.card_news ul li:first-child{margin-right:20px;}
.card_news ul li .card_txt{position:absolute; bottom:0; left:0; width:100%; padding:20px 28px; background-color: rgba(0, 0, 0, 0.6); }
.card_news ul li p{font-size: 15px; line-height: 22px; color: #FFFFFF; height:3em;}

/*금융정보 배너*/
.info_banner{height:205px; margin-top:40px; background-color: #E9F2FA; position: relative;}
.info_banner h4{margin:36px 0 0 40px; vertical-align:top; display:inline-block; font-weight: 300; font-size: 23px; line-height: 30px; color: #222222;}
.info_banner h4 strong{font-weight:500; display:block;}
.info_banner .banner_slide{width:1110px; margin:40px 0 0 50px; display:inline-block !important; overflow: hidden;}
.info_banner .banner_slide .item{float:left; margin-left:12px;}
.info_banner .banner_slide .item a{display:block;}
.info_banner .banner_slide .item:first-child{margin-left:0;}
.info_banner .banner_slide .item dl{margin-top:5px;}
.info_banner .banner_slide .item dl dt{font-size: 14px; line-height: 20px; text-align: center; color: #222222;}
.info_banner .banner_slide .item dl dd{font-weight: 300; font-size: 13px; line-height: 19px; text-align: center; color: #555555;}
.info_banner .banner_a{position: absolute; top:127px; z-index:999;}
.info_banner .banner_a button{width:36px; height:36px; background-color: #1774C3; background-image: url(../images/main/left2.png); background-repeat: no-repeat; background-position: 12px center; border-radius: 50px;}
.info_banner .banner_l{left:40px;}
.info_banner .banner_r{left:86px;}
.info_banner .banner_r button{background-image: url(../images/main/right2.png); background-position: 16px center;}


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

    .inner{width:95%;}

    .news_box .news{width:47%;}
    .news_box .news ul li .txt{width:80%;}
    .card_news{width:49%; height:355px;}
    .card_news ul li{width:48.5%; height:100%; overflow:hidden;}
    .card_news ul li:first-child{margin-right:3%;}
    .card_news ul li img{width:100%;}

    .info_banner .banner_slide{width:79%;}

}

@media all and (max-width:1024px) {
    body{overflow-x: hidden;}

    .title_box{margin-bottom:25px;}

    /*.visual{background-position: 60% center;}*/
    .visual .inner{width:80%;}
    .visual dl dt{font-size:35px;margin: 85px 0 15px;}
    .visual dl dd{line-height:30px; font-size:22px; word-break: keep-all;}

    /*분야별 금융정보*/
    .part1{height:auto; padding-bottom:40px;}
    .part1 .inner{max-width:100%; width:100%;}
    .fi_box{width:100%; float:none; padding:41px 5% 0;}
    .fi_box .w_txt{display:none;}
    .fi_box ul li a{font-size:16px; padding:6px 10px;}
    .fi_box .fi_roll{margin-top:29px;}
    .fi_box .fi_roll button{width:40px; height:40px; background-size: 10px 17px;}
    .fi_box .list_more{margin-top:40px;}
    .fi_list{width:100%; float:none; margin:-150px 0 0 5%; position: static;}
    .fi_list .fi_listBox:before{display:none;}

    /*주요이슈*/
    .part2{height:auto; padding:40px 0 10px;}
    .part2 .inner{max-width:100%; width:100%; padding:0 0 0 5%;}
    .part2 .list_more{top:40px; right:5%;}
    .main_issue .slick-initialized .slick-slide{margin:0 8px;}
    .main_issue .issue_slide .item{margin-bottom:20px;}

    .main_issue .issue_slide .item.site_move:before{content:''; position: absolute; bottom:54px; right:0; width:26px; height:26px; background-color:rgba(0, 0, 0, 0.6); background-image: url(../images/main/move_icon.png); background-repeat: no-repeat; background-position: center center;}
    .main_issue .issue_slide .item p{margin-top:9px; font-size: 15px; line-height: 22px; color: #222222; white-space: normal; height: 3em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
    .main_issue .issue_slide .item p span{display:block;}

    .main_issue .issue_a{displaY:none;}

    /*주요소식*/
    .part3{padding:50px 0 0 0;}
    .part3 .inner{width:100%;}
    .part3 .title_box{padding:0 5%;}
    .news_box{padding:0 5%;}
    .news_box .news{width:100%; float:none; margin-bottom:30px;}
    .card_news{width:100%; float:none; height:auto;}
    .card_news ul li img{width:100% !important; height: 100% !important;}

    .info_banner{padding:0 5%; overflow: hidden;}
    .info_banner h4{margin:36px 0 0 0;}
    .info_banner .banner_slide{position: absolute; margin:40px 0 0 35px;}
    .info_banner .banner_l{left:5%;}
    .info_banner .banner_r{left:100px;}
    
    }

@media all and (max-width:562px) {
    .fi_box .fi_roll{margin-top:8px;}
    .fi_box .list_more{margin-top:19px;}
}

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

    .title_box h3{font-size:30px;}

    .visual dl dt{font-size:32px;}
    .visual dl dd{font-size:20px;}

    .part1{padding-bottom:37px;}
    .fi_box ul li a{font-size:14px; padding:4px 10px;}

    .part2{padding:37px 0 30px 0;}
    .main_issue .issue_slide .item{margin-bottom:0;}

    .news_box .news ul li .txt{line-height: 50px; width:70%;}
    .news_box .news ul li .data{line-height:50px; width:30%; text-align: right;}

    .card_news ul li .card_txt{padding:12px 14px;}

    .info_banner .banner_r{left:75px;}


}


@media all and (max-width:371px) {
    .fi_list{margin:-120px 0 0 5%;}

    .list_more a{font-size:15px; padding-bottom:2px;}
    .list_more a span{padding-right:15px; background-size: 15px;}
}