@charset "utf-8";

/*main_layout*/
#main_wrap{min-width: 1300px; background: #eee; }
#header{min-width: 1300px;}
#footer{min-width: 1300px;}

#top_gap{padding-top: 0;}
#top_info{position:absolute;top:0px;right:0px;font-size:0;  z-index: 5;}
#top_info ul{height:98px;}
#top_info li{text-align: center; padding-right: 17px;padding-left: 17px; line-height: 98px; float: left;}
#top_info li a{display:inline-block;width: 100%;height: 100%;font-size:13px;color:#555;font-weight:300; letter-spacing: 0; }
#top_info li:nth-child(2){padding-right: 30px;}
#top_info li.last{width: 98px; height: 98px; background:#383d41; line-height: 20px;}
#top_info li.last a{color: #fff; padding-top: 25px;}
#top_info li.last a i{font-size: 20px;}
#top_info li.last a p{margin-top: 5px;font-size:14px;}

#header_wrap h1.logo{position:absolute;width:230px;height:54px;background:url(../img/logo.png) no-repeat center center;text-indent:-9999px;top:20px;left:20px; z-index: 1;}
#header_wrap h1.logo a{display: block;width:100%;height:100%;}
	
#gnb{padding: 30px 0px 0 0px; position:relative; text-align:center;  font-style: normal; font-weight: 400;}
#gnb ul.menu{font-size:0;}
#gnb ul.menu>li{display:inline-block;padding:0 37px;}
#gnb ul.menu>li>a{display:block;line-height:40px;font-size:18px;color:#333;text-align: center;letter-spacing: 0px; font-weight: 600;}
#gnb ul.menu>li>a span{}
#gnb ul.menu>li>a:hover{color:#073190;text-decoration:none;}
#gnb ul.menu>li>a.selected{color:#073190;}
#gnb ul.menu>li.first{background:none;}
#gnb ul.menu>li.last{padding-right:0;}
#gnb ul.menu li .submenu{height:1px;overflow:hidden;}
#gnb ul.menu li ul{padding-top:15px;}
#gnb ul.menu li ul li{text-align:center;}
#gnb ul.menu li ul li a{display:block;line-height:26px;color:#555;font-size:15.3px;letter-spacing:-1px; opacity: 0.9;}
#gnb ul.menu li ul li a:hover{color:#073190; opacity: 1;}
#gnb ul.menu li ul li a.selected{color:#073190;}


@media screen and (max-width:1440px){

#gnb{padding: 27px 0px 0 320px;text-align: left;}	
#gnb ul.menu>li>a{font-size: 16px;}
#gnb ul.menu>li{padding:0 10px;}	
	}
@media screen and (max-width:1260px){
#top_info {display: none;}
}			
@media screen and (max-width:768px){
	#main_wrap{min-width:auto; background: #eee; }
#header{min-width: auto;}
#footer{min-width: auto;}
}



#s1{ width: 100%;  padding-top: 150px; color: #fff; padding-bottom: 60px;}
#s1>.res_wrap{position: relative;}
#main_gal{position:relative; width: 814px; height:445px; display: inline-block;}
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
#banner_content {position:relative;width:100%;height:445px;}
/*#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}*/
#banner_content>div {position:absolute;top:0;left:0;width:100%;height:445px; overflow:hidden;}
#banner_content div.area{display:block; width:100%; height:445px;}
#banner_content div.img1 {background: url('../img/main/main3.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img2 {background: url('../img/main/main4.jpg') center center no-repeat; background-size:cover;}
/*#banner_content div.img1 {background: url('../img/main/main7.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img2 {background: url('../img/main/main5.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img3 {background: url('../img/main/main6.jpg') center center no-repeat; background-size:cover;}
*/
#main_gal .banner_container .slogan {position:absolute;top:48px; text-align: left; color: #111; left: 45px;}
#main_gal .banner_container .slogan .img img{ margin-bottom: 16px;}
#main_gal .banner_container .slogan .p1{font-size: 2.px; line-height: 28px;  letter-spacing: 3px; font-weight: 500;}
#main_gal .banner_container .slogan .p2{font-size:33px; line-height:45px; font-weight:600;letter-spacing: -1px;}
#main_gal .banner_container .slogan .p3{font-size:18px; line-height: 24px; margin-top: 20px; font-weight: 300;}

#banner_nav{ margin-top: 5px; }
#banner_nav li{display:inline-block;}
#banner_nav li a{display:inline-block;width:7px;height:7px;margin:0;overflow:hidden;padding:0;background:url('../img/main/btn_main_img2.png') 0 0 no-repeat;text-indent:-9999px; margin-right:2px;}
#banner_nav li a.select {background-position:0 -7px; width:7px;height:7px;}


#s1_2{width: 398px; height: 445px;display: inline-block; float: right;}
#s1_2 ul li{float: left;}
#s1_2 ul li.bt{width: 190px; height:148px; margin-bottom: 18px;  background: #e1dcd9; padding: 8px;}
#s1_2 ul li.bt a{color: #222; text-align: center; display: inline-block; width: 100%; height: 100%; font-weight: 600; padding-top:12px; font-size:18px; background-color: #fff;}
#s1_2 ul li.bt a p{margin-top: 7px;}
#s1_2 ul li.bt:hover{opacity: 0.75;}
#s1_2 ul li.bt2{ margin-left: 18px; }
#s1_2 ul li.bank{width: 100%; height:169px; background: url(/img/main/bg1.jpg) no-repeat bottom right #fff;  color: #555; font-size: 14px; line-height: 18px; padding: 27px; border:1px solid #e6e6e6; margin-bottom: 18px;}
#s1_2 ul li.bank .p1{color: #222;font-size: 18px; font-weight: 600;}
#s1_2 ul li.bank .p2{font-size: 14px; line-height: 18px; margin:7px 0;}
#s1_2 ul li.bank .p2 span{font-weight: 500; color: #db2020;font-size: 16px; }
#s1_2 ul li.bank .p3{display:inline-block; border-radius: 20px; background: #333; letter-spacing: -1px; padding: 3px 15px; font-size: 12px; color: #fff; font-weight: 500; margin-top: 10px;}
#s1_2 ul li.bank:hover .p3{background: #888;} 

#s1_2 ul li.bnn{width: 100%; height:92px; margin-bottom: 18px; background: #fff;border:1px solid #e6e6e6;}
#s1_2 ul li.bnn a{display: inline-block; width:100%; text-align: center; color: #fff; font-weight: 600; font-size: 18px; line-height:71px; text-align: center; padding-top: 10px;}
#s1_2 ul li.bnn:hover{opacity: 0.75;}

.cs{width: 240px; height:56px; margin-bottom: 0px; background: #331500;/*border:1px solid #e76302;*/ position: absolute; top:350px; left: 48px; }
.cs a{display: inline-block; width:100%; text-align: center; color: #fff; font-weight: 600; font-size: 17px; line-height:50px; }
.cs a img{margin-top: 12px; margin-right: 3px; width: 30px;}
.cs:hover{opacity: 0.75;}



#s1_3{ position: relative; margin-top: 20px;}
.bd_box{width:398px; margin-right: 18px; background: #fff; float: left; padding: 25px; min-height: 278px; border:1px solid #e6e6e6;}
.bd_box.last{margin-right: 0; width:814px;}
.bd_box.last ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bd_box.last ul li{width: 32%;}
.bd_box.last ul li a{background: none; font-size: 14px; color: #666; } 
.bd_box.last ul li a p{overflow:hidden;text-overflow:ellipsis;margin-top: 5px; font-size: 14.4px; font-weight: 500;text-align:center;}
.bd_box.last ul li:hover{opacity: 0.8;}

.bd_box .bd_tit{font-size: 24px; font-weight: 600; color: #333; line-height: 31px; margin-bottom: 15px;}
.bd_box .bd_tit a{float: right; width: 31px; height: 31px; border-radius: 18px;  background: #d2d2d2; color: #fff; font-size: 18px; text-align: center;}
.bd_box .bd_tit a:hover{background: #dfcfb2;}

.bd_box.first ul li a{display:block;position:relative;background: url(/img/common/blet1.png) no-repeat top 15px left; padding:0 70px 0 8px; font-size: 15px; letter-spacing:0px; color: #333; border-bottom: 1px dotted #dfdfdf; line-height: 36px;}
.bd_box.first ul li a:hover{opacity: 0.8;}
.bd_box.first ul li a p{overflow:hidden;text-overflow:ellipsis;}
.bd_box.first ul li span{position:absolute;top:0;right:0; font-size: 13px; color: #333;}
.bd_box.first ul li:last-child a{border-bottom: none;}


#s1_4{ position: relative; margin-top: 20px;}
.bt_box{color: #fff; padding: 25px; position: relative; margin-right: 18px; width: 606px!important; height: auto; float: left; display: flex; flex-wrap: wrap; justify-content: space-between;}


.bt_box p{font-size: 21px; font-weight: 600; margin-bottom: 8px; line-height: 26px; color: #fff;}
.bt_box span{font-size: 13px; letter-spacing: -1px; opacity: 0.5; display: inline-block;line-height: 18px; font-weight: 300; color: #fff;}
.bt_box img{position: absolute; bottom:20px; left: 20px; width: 55px;}

.bt_box.box01{background: #ed750e; border:1px solid #ee7c28;}
.bt_box.box02{background:#03266d; border:1px solid #24435d; margin-right: 0; width: 606px!important; }

.bt_box>div.bt1{width: 30%;}
.bt_box>div.bt2{width:65%;}
.bt_box>div.bt2 a{width: 100%; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,231,218,1) 100%); display: inline-block; margin-bottom:7px; padding:0 10px; line-height: 38px; font-size: 14.3px; font-weight: 600; color: #222; border-radius: 3px;}
.bt_box>div.bt2 a.last{margin-bottom: 0;}
.bt_box>div.bt2 i{display: inline-block; vertical-align: top; font-size:14px; float: right; font-weight: 600; margin-top: 10px;}
.bt_box>div.bt2 a:hover{background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,214,188,1) 100%);}

@media screen and (max-width:768px){
.drag_pop{max-width:310px !important;height:auto !important;}
#main_wrap{min-width: auto;}
#main_gal .banner_container .slogan .img img{width:170px; margin-bottom: 15px;}
#s1{ height: auto; padding: 80px 0 50px; }

#main_gal{height:350px; width: 100%;  float: left;}
#banner_content {position:relative;width:100%;height:350px;}
#banner_content>div {height:350px; }
#banner_content div.area{height:350px;}
#main_gal .banner_container .slogan {top:45px; left: 37px;}
#main_gal .banner_container .slogan .p1{font-size: 18px; line-height: 24px; }
#main_gal .banner_container .slogan .p2{font-size:26px; line-height:36px; }
#main_gal .banner_container .slogan>a{font-size: 12px;  padding:7px 30px; margin-top: 30px;}


#banner_content div.img1 {background: url('../img/main/main3.jpg') center 60% no-repeat; background-size:cover;}
#banner_content div.img2 {background: url('../img/main/main4.jpg') center 60% no-repeat; background-size:cover;}

/*#banner_content div.img1 {background: url('../img/main/main7.jpg') center right no-repeat; background-size:cover;}
#banner_content div.img2 {background: url('../img/main/main5.jpg') center right no-repeat; background-size:cover;}
#banner_content div.img3 {background: url('../img/main/main6.jpg') center right no-repeat; background-size:cover;}
*/

#s1_2{width: 100%; height:auto; float: none;}
#s1_2 ul li.bt{width: 49%; height:auto;  margin-bottom: 18px; margin-top: 74px; }
#s1_2 ul li.bt a{ padding:15px 10px; }
#s1_2 ul li.bt a img{width: 70px;}
#s1_2 ul li.bt a p{margin-top: 7px;}
#s1_2 ul li.bt2{ margin-left: 2%; }


.cs{width: 100%; height:56px; margin-bottom: 0px;  top:350px; left: 0px; background: #ee7c28;border:1px solid #e76302;}
.cs a{display: inline-block; width:100%; text-align: center; color: #fff; font-weight: 600; font-size: 18px; line-height:56px; }
.cs a img{margin-top: 12px; margin-right: 3px; width: 35px;}
.cs:hover{opacity: 0.75;}


#s1_3{ position: relative; margin-top: 15px;}
.bd_box{width:100%; margin-right:0;  padding: 25px; min-height:auto; margin-bottom: 15px; }
.bd_box.last{width: 100%;}

#s1_4{margin-top: 15px;}
.bt_box{ padding: 20px; margin-right: 0%; width: 100%!important; height: 186px; margin-bottom: 15px;}
.bt_box p{font-size: 20px;  margin-bottom: 10px; line-height: 24px; word-break: keep-all;}
.bt_box span{font-size: 13px; letter-spacing: -1px; opacity: 0.5; display: inline-block;line-height: 18px; font-weight: 300;}
.bt_box img{position: absolute; bottom: 15px; right: 20px;}
.bt_box.box02{ width: 100%!important; }

}

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

#s1{ height: auto; padding: 80px 0 40px; }

#main_gal{height:230px; width: 100%;  float: left;}
#main_gal .banner_container .slogan .img img{width:150px; margin-bottom: 10px;}
#s1{ height: auto; padding: 80px 0 50px; }

#banner_content {position:relative;width:100%;height:230px;}
#banner_content>div {height:230px; }
#banner_content div.area{height:230px;}
#main_gal .banner_container .slogan {top:20px; left: 20px;}
#main_gal .banner_container .slogan .p1{font-size: 14px; line-height: 20px; letter-spacing:2px; }
#main_gal .banner_container .slogan .p2{font-size:18px; line-height:25px; }
#main_gal .banner_container .slogan .p3{font-size:15px; line-height: 20px; margin-top: 10px; font-weight: 300;}
#main_gal .banner_container .slogan>a{font-size: 12px;  padding:5px 20px; margin-top: 20px;}
#banner_nav{margin-top: 10px;}

#s1_2 ul li.bt{margin-bottom: 12px; margin-top: 52px; padding:6px; }
#s1_2 ul li.bt a img{width: 60px;}
#s1_2 ul li.bank{height:auto;  font-size: 12px; line-height: 16px; padding: 20px 15px; margin-bottom: 12px;}
#s1_2 ul li.bank .p1{font-size: 15px; }
#s1_2 ul li.bank .p2{font-size: 13px; line-height: 18px; margin:7px 0;}

#s1_2 ul li.bank .p4{  margin-top: 40px;}

.cs{width: 100%; height:40px; margin-bottom: 0px;  top:230px; left: 0px; background: #ee7c28;border:1px solid #e76302;}
.cs a{display: inline-block; width:100%; text-align: center; color: #fff; font-weight: 600; font-size: 15px; line-height:40px; }
.cs a img{margin-top: 5px; margin-right: 3px; width: 28px;}

#s1_2 ul li.bnn{height: auto; padding:11px 3px;}
#s1_2 ul li.bnn a{padding-top: 0; line-height: 1;}

#s1_3{  margin-top: 12px;}
.bd_box{ padding: 20px 15px; margin-bottom: 12px; }
.bd_box .bd_tit{font-size: 20px;  line-height: 26px; margin-bottom: 10px;}
.bd_box .bd_tit a{ width: 27px; height: 27px;  font-size: 18px; text-align: center;}

.bd_box ul li a{background: url(/img/common/blet1.png) no-repeat top 13px left;font-size: 13px;  line-height: 30px;}
.bd_box ul li a span{font-size: 12px;}
.bd_box.last ul li:nth-child(3){display:none;}
.bd_box.last ul li{width: 49%;}

#s1_4{margin-top: 12px;}
.bt_box{ padding: 10px 10px;height: auto; margin-bottom: 12px;}

.bt_box p{font-size: 18px;  margin-bottom:3px; line-height: 24px;}
.bt_box span{font-size: 12px; line-height:16px; word-break: keep-all;}
.bt_box img{position: absolute; bottom: auto; right: 10px; top:18px; width: 40px; left:auto;}

.bt_box>div.bt1{width:100%; margin-bottom: 15px; padding-right: 45px;}
.bt_box>div.bt2{width:100%;}
}



#f_bn_wrap{background: #fff; padding: 20px 0; border-top:1px solid #efefef;}

@media screen and (max-width:768px) {
	#f_bn_wrap{ padding: 15px 0;}
}

@media screen and (max-width:480px) {
#f_bn_wrap{ padding: 10px 0;}
	
	}