/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; background-color:#f5f5f5}
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf; display:none}
.content_title h1		{font-size:18px; font-weight:700; color:#111;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:500px; padding:70px 0 130px}

@media(max-width:1300px){
.sub_right					{width:100%; padding-right:0%; padding:0 3%; float:none;}
}
@media(max-width:1200px){
.content_desc{padding:50px 0 80px}
}
@media(max-width:900px){
.sub_title_navi			{display:block; margin-top:60px}
.sub_tab						{display:none;}
.content_desc{padding:40px 0 60px}
}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto;  position: fixed; left:0; top:0px; z-index:9999; display:flex; justify-content:space-between; align-items:center; width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.header_wrap{max-width:1180px; margin:0 auto;display:flex; justify-content:space-between; width:100%;; align-items:center; }

/* 로고 */
.header_logo{transition:all 0.3s ease; width:15%;}
.header_logo a, .header_logo_scroll a{display:inline-block}
.header_logo img			{max-width:128px; display:block;}
.header_logo_scroll img			{max-width:128px; display:block;}
.header_logo_scroll{display:none; transition:all 0.3s ease; width:15%;}

.header_c{display:flex; align-items:center; justify-content: flex-end; width:25%}
.td_l{border:1px solid rgba(250,250,250,0.5); border-radius:100px; padding:7px 12px; font-size:13px; color:#fff;display:flex; align-items:center;transition:all 0.3s ease;cursor:pointer; position:relative; margin-right:30px;}
.td_l span{ background:url('./img/hd_icon_l.png') no-repeat center center; width:20px; height:20px; background-size:20px; margin-right:5px; transition:all 0.3s ease;}
.td_f{border:1px solid rgba(250,250,250,0.5); border-radius:100px; padding:7px 12px; font-size:13px; color:#fff;display:flex; align-items:center; margin:0 15px 0 10px;transition:all 0.3s ease;cursor:pointer;cursor:pointer;}
.td_f span{ background:url('./img/hd_icon_f.png') no-repeat center center; width:20px; height:20px; background-size:20px; margin-right:5px; transition:all 0.3s ease;}
.td_s img{max-width:22px;}
.ser_on{display:none;}
.td_l:hover, .td_f:hover{background-color:#0f69c5; border:1px solid #0f69c5; color:#fff;}
.td_l ul{position:absolute; left:0; top:44px; border-radius:10px; background:#f2f2f2; padding:10px; width:100%; padding:10px 0; display:none; z-index:9}
.td_l ul li a{display:block; text-align:center; font-size:13px; line-height:26px;transition:all 0.3s ease}
.td_l ul li a:hover{color:#0f69c5}



.site_m_btn{position:absolute;margin:0 auto; top:80px; left:0; padding:15px 0 30px;background-color:#fff; width:100%; border-top:1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;display:none; }
.site_m_btn_w{max-width:1180px; margin:0 auto;display:flex;}
.site_m_btn_w > div:first-child{width:15%;}
.site_m_btn_w > div:last-child{width:25%;}
.site_m_h{ width:60%;display:flex; ;z-index:999; overflow:hidden; justify-content: center;}
.site_m_h:after{content:''; position:absolute; right:-8px; bottom:-48px; background:url('./img/site_map_bg.png') no-repeat top center; width:306px; height:222px; }
.site_m_h li{text-align:center; z-index: 9; width:143px;}
.site_m_h li:last-child{border:none}
.site_m_h li a{font-size:15px; color:#111; line-height:28px; opacity:0.75; display:block; transition:all 0.3s ease; font-weight:700}

.header_gnb_bg{width:60%;display: flex; justify-content: center;}

.td_f_m{display:none}
.t_navi{font-size:22px !important; margin-bottom:10px; color:#0f69c5 !important; font-weight:600; transition:all 0.3s ease}
.site_m_h li:hover .t_navi{letter-spacing:3px}
.site_m_h li a:hover{opacity:1}
.m_navi{font-size:15px !important; line-height: 25px !important; color:#0f69c5 !important; opacity:0.7; font-weight:400 !important}

/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; background-color:transparent; background-image:none;  border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:28px; height:3px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:3px; width:28px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:28px; height:3px; }


.hd_com{width:100%; background-color:#fff; padding:40px; position:absolute; top:86px; left:0;z-index:9999; border-bottom:1px solid #dfdfdf; border-top: 1px solid #dfdfdf;display:none;}
.hd_com ul{max-width:1180px; margin:0 auto; display:flex; justify-content:space-between}
.hd_com ul li{width:18%;  height:200px; background-size:cover !important}
.hd_com ul li a{display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); width:100%; height:100%; color:#fff; font-size:18px; font-weight:600; letter-spacing:1px; transition:all 0.3s ease}
.hd_com ul li:first-child{background:url("./img/com_01.jpg") no-repeat center center;}
.hd_com ul li:nth-child(2){background:url("./img/com_02.jpg") no-repeat center center;}
.hd_com ul li:nth-child(3){background:url("./img/com_03.jpg") no-repeat center center;}
.hd_com ul li:nth-child(4){background:url("./img/com_04.jpg") no-repeat center center;}
.hd_com ul li:last-child{background:url("./img/com_05.jpg") no-repeat center center;}
.hd_com ul li a:hover{ background:#0f69c5;letter-spacing:3px; background:rgba(0,0,0,0.1);}


/**/
.f-nav{ height:86px; padding:0; background:#fff; border-bottom:1px solid #dfdfdf;}
.f-nav .menu .major ul li a span{color:#111}
.f-nav .header_logo_scroll{display:block;}
.f-nav .header_logo{display:none}
.f-nav .td_l, .f-nav .td_f{background-color:#0f69c5; border:1px solid #0f69c5; color:#fff;}
.f-nav .mo_nav .navbar-toggle .icon-bar {background:#0f69c5; }
.f-nav .hd_com{border-top:none}
.f-nav .ser_on{display:block;}
.f-nav .ser{display:none}

@media(max-width:1200px){
.header_t{padding:0 3%; height:86px}
.header_logo_scroll img{max-width:110px}
.td_l, .td_f{font-size:13px; padding:6px 13px}
.td_l span, .td_f span{background-size:16px; width:16px; height:16px; margin-right:6px}
.td_f{margin:0 25px 0 12px}
.hd_com ul li a{font-size:16px}
.hd_com{padding:24px 3%}
.site_m_h{padding-left: 10px;}
.site_m_h li{width:108px}

.t_navi{font-size:18px !important; }
.site_m_h li a{font-size:15px; line-height:26px}
.site_m_h li:hover .t_navi{letter-spacing:0px}
.m_navi{font-size:13px !important; line-height: 23px !important;}

}
@media(max-width:1080px){
.header_t						{margin-top:20px ;height:60px;}
.mo_nav							{display:block; display: flex;justify-content: center;}
.header_logo				{width:40%; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{height:60px;}
.header_c{display:none}
.f-nav{height:60px; margin-top:0px ;}
.header_logo img, .f-nav .header_logo_scroll img{max-width:100px;}
.hd_com ul li{height:180px}
.td_f{margin:0 10px 0 0 !important}


}

@media(max-width:1080px){
.f-nav, .header_t{height:60px; margin-top:0px ;}
.header_logo img, .header_logo_scroll img{max-width:100px;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; }
.hd_com{top:60px;}
.hd_com ul{flex-flow:wrap;}
.hd_com ul li {width:100%; height:60px; margin-bottom:7px;}
.hd_com ul li:last-child{margin-bottom:0}
.hd_com ul li a{font-size:14px;}
.td_f_m{display:block;margin: 0 10px 0 0;font-size: 12px;padding: 6px 10px;}
.td_f_m span{display:none}
}


/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}
.scroll_d{position:absolute; left:0; right:0; text-align: center; bottom:40px; z-index:999; cursor:pointer}
.scroll_d a{ color:#fff; font-size:17px;}
.scroll_d img{ margin:14px auto 0; display:block}

.main_title_t{font-family: 'Montserrat'; color:##fff; font-size:40px; text-align:center; font-weight:600;}
.main_title_b{ color:#646464; font-size:16px; text-align:center; margin:25px 0 60px; line-height:28px;}

.main_p{padding:70px 0 100px; text-align:center;}
.main01 ul{max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; flex-flow:wrap}
.main01 ul li{width:23%;}
.main01 ul li h3{font-size:24px; color:#111;}
.main01 ul li span{width:35px; height:2px; background-color:#c2c2c2; margin:18px auto 35px; display:block}
.main01 ul li > img{max-width:100%; display:block; opacity:0.8; margin:0 auto 35px; transition:all 0.3s ease;}
.main01 ul li a{font-size:15px; color:#fff; background-color:#0f69c5; opacity:0.8; border-radius:4px; width:100%; padding:16px 0;display:flex; justify-content:center; align-items:center; transition:all 0.3s ease;}
.main01 ul li a img{margin-left:20px; transition:all 0.3s ease;}
.main01 ul li:hover > img{opacity:1}
.main01 ul li:hover a{opacity:1}
.main01 ul li a:hover img{margin-left:30px;}

.main02{padding:60px 0; text-align:center;background:url("./img/main_business_01.jpg") no-repeat center center;}
.main_wrap{max-width:1180px; margin:0 auto;}
.main02_t{display:flex; justify-content:space-between; align-items:center; opacity:1; color:#fff;}
.main02_t div .main_title_t{text-align:left;}
.main02_t div .main_title_b{font-size:20px; line-height:30px;text-align:left; color:#fff;}
.main02_t div:last-child{background:url("./img/main02_cbg01.jpg") no-repeat center center;height:214px; text-align:left; width:58%; margin-bottom:30px}
.main02_t div:last-child h2{font-size:30px; color:#fff; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(250,250,250,0.5);text-shadow: 1px 1px 2px rgba(0,0,0,0.3); width:50%;position: relative;z-index: 1;}
.main02_t div:last-child p{font-size:17px; line-height:25px; color:#fff; word-break:keep-all;position: relative;z-index: 1;}
.main02_t div:last-child a{justify-content:center;  transition:all 0.3s ease}
.main02_t div:last-child a:hover{padding-left:50px}
.main02 ul{display:flex; justify-content:space-between; align-items:center;}
.main02 ul li{width:23%; height:440px; text-align:left; overflow:hidden}
.main02 ul li div{height:100%; background-size:cover !important}
.main02 ul li:first-child div{background:url("./img/main02_cbg02.jpg") no-repeat center center;}
.main02 ul li:nth-child(2n) div{background:url("./img/main02_cbg08.jpg") no-repeat center center; }
.main02 ul li:nth-child(3n) div{background:url("./img/main02_cbg06.jpg") no-repeat center center;}
.main02 ul li:last-child div{background:url("./img/main02_cbg07.jpg") no-repeat center center;}
.main02 ul li h2{font-size:22px; color:#fff; padding-bottom:20px;position: relative;z-index: 1; border-bottom:1px solid rgba(250,250,250,0.5);text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.main02 ul li p{font-size:15px; line-height:24px; color:#fff;position: relative;z-index: 1;}
.main02 a{width:100%; height:100%;padding:30px;display: flex; flex-flow: column; justify-content: space-between; position:relative; transition:all 0.3s ease}
.main02 a:hover:after{background:rgba(0,0,0,0.5);}
.main02 a:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.3s ease }
.main02 a:hover{padding:50px 30px;}

.main_new_s{max-width:1180px; margin:0 auto; position:relative;}

@media(max-width:1510px){
.main_new_s{padding:0 10%}
}
@media(max-width:1200px){
.main_title_t{font-size:30px;}
.main_title_b{margin:18px 0 50px; font-size:14px;}
.main_p{padding:70px 3%;}
.main01 ul li{width:22%}
.main01 ul li h3{font-size:20px;}
.main01 ul li span{margin:18px auto 25px}
.main01 ul li a{font-size:14px;}

.main02 ul li h2{font-size:18px;}
.main02 ul li{height:370px}
.main02_t div:last-child{height:190px}
.main02_t div .main_title_b{margin:18px 0 0; font-size:14px;line-height: 24px;}
.main02_t div:last-child h2{font-size:18px;}
.main02_t div:last-child p{font-size: 15px; line-height: 24px;}
.main02 a:hover{padding:30px;}
}
@media(max-width:900px){
.main_title_t{font-size:26px;}
.main_title_b{margin:15px 0 30px; padding: 0 10%; line-height: 21px;word-break: keep-all;}
.main_p{padding:50px 3%;}
.main01 ul li{width:48%;margin-bottom: 15px;background-color: #f2f2f2; padding: 25px;}
.main01 ul li h3{font-size:20px; margin-bottom:20px}
.main01 ul li span{display:none;}
.main01 ul li a{width:70%; margin: 0 auto; padding:12px 0}
.main01 ul li > img{max-width:100px; margin:0 auto 20px;}

.main_new_s{padding:0 6%}

.main02_t{flex-flow: column;}
.main02_t > div{width:100%; text-align:center}
.main02_t div:last-child{width:100%; height:150px; margin:30px 0 15px}
.main02 ul{flex-flow: wrap;}
.main02 ul li{width:48%; height:200px; margin-bottom:15px}

.main02_t div .main_title_t, .main02_t div .main_title_b{text-align:center;}
.main02 a{padding:15px}
.main02 a:hover{padding:15px;}
.main02 ul li p{font-size: 13px; line-height: 21px;word-break: keep-all;}
.main02 ul li h2{font-size:16px; padding-bottom:10px;width: 100%;}
.main02_t div .main_title_b{line-height:21px}
.main02_t div .main_title_b br{display:none}
.main02_t div:last-child h2{font-size:16px; padding-bottom:10px;}
.main02_t div:last-child p{font-size: 14px; line-height: 22px;word-break: keep-all;}
.main02_t div:last-child a:hover{padding:15px}
}
@media(max-width:600px){
.main01 ul li h3{font-size:18px; margin-bottom:10px}
.main01 ul li > img{max-width:50px;}
.main01 ul li a img{margin-left:7px;}
.main01 ul li a{font-size:12px; width:95%; padding:}
.main03{padding:50px 3% 70px}
.scroll_d{bottom:25px}
.scroll_d a{font-size:12px;}
.scroll_d img{margin:10px auto 0}

}

.font_m{font-family: 'Montserrat';  }

/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; background-color:#f5f5f5}
.navi_in	{margin:0 auto; padding:0;max-width:1180px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:15%; max-width:50px; }
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a img			{max-width:17px;; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:200px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; }
.navi_title01	{padding:0 0 0 0; height:30px; width:100%; position:relative; line-height:30px; }
.navi_title01 h1 {color:#777; font-size:13px !important; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#646464; font-size:15px; margin-left:10px;}
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:200px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer;}
.navi_sub > h2						{ color:#646464; font-size:15px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:12px 0}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:12px 0 }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

@media(max-width:900px){
.home_btn_all{display:none}
.navi_main h1, .navi_sub > h2{font-size:13px; padding-left:3%}
.navi_main, .navi_sub{max-width:50%}
.navi_title01 h1{font-size:12px !important; padding-left:3%}
}

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/


.footer_t{background-color:#f2f2f2; padding:45px 0; }
.footer_t .ft_wrap{max-width:1180px; margin:0 auto;position:relative; }

.ft_top{border-bottom:1px solid #dadada; padding-bottom:20px; margin-bottom:20px; display:flex; align-items:center}
.ft_top .footer_logo img{max-width:140px; margin-right:50px;}
.ft_top a{font-size:15px; color:#919191; margin-right:35px;}

.ft_bot{display:flex; justify-content:space-between}
.ft_bot ul li span{color:#343434; margin-right:18px;display:inline-block}
.ft_bot ul li{font-size:15px; color:#919191; line-height:24px;word-break: keep-all; }
.ft_bot .footer_familysite{position:relative; right:0; top:0; border:2px solid #868686; height:38px; width:160px; padding:0 15px; display:flex;justify-content: space-between;
align-items: center; cursor:pointer}
.ft_bot .footer_familysite:after{content:'';background:url("/img/select_p.png") no-repeat center center; position:absolute; right:15px; top:14px; width:6px; height:5px}
.ft_bot .footer_familysite h2{color:#343434; font-size:15px;}
.ft_bot .footer_familysite ul{position:absolute; top:36px; left:0; width:100%; background-color:#fff; padding:8px 0; display:none}
.ft_bot .footer_familysite ul li a{font-size:13px; line-height:20px; padding:0 15px}

.ft_wrap p{font-size:15px; color:#919191; margin-top:35px;}

.top {line-height:64px; max-width:60px; height:60px;  background-color:#0f69c5; text-align:center; flex:2 1 auto;  cursor:pointer; width:60px; position:absolute; right: 0px;top: 11px;transition:all 0.5s ease;}
.top img{max-width:11px;}
.top:hover{ background-color:#0a57a6; }

@media(max-width:1300px){
.top{right:3%}
.footer_t .ft_wrap{padding:0 3%}
.ft_bot ul{padding-right:10%}
.ft_wrap p a{display:none}
}
@media(max-width:900px){
.ft_top a{font-size:13px; margin-right:18px;}
.ft_top .footer_logo img{max-width:94px; margin-right:25px}
.ft_bot{flex-flow: column;}
.ft_bot ul li{font-size:13px; line-height:20px;}
.ft_bot .footer_familysite{display:none}
.ft_wrap p{font-size:13px; margin-top:20px}

.top {line-height:56px; max-width:48px; height:48px;   width:48px;  margin:0 auto; right: 0px; left:0;top:-70px;}
.top img{max-width:9px;}
}

/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

.sub_wrap{max-width:1180px; margin:0 auto}
.sub_t_b{text-align:center; margin-bottom:50px;}
.sub_title_t{font-size:15px; font-weight:bold; color:#111; opacity:0.4;font-family: 'Montserrat';margin-bottom:20px;text-transform: uppercase; }
.sub_title_b{font-size:40px; font-weight:700; color:#111; }
.sub_t_b span{width:1px; height:40px; display:block; background-color:#0f69c5; margin:30px auto 30px;}
.sub_t_b p{font-size:17px; color:#646464; line-height:30px;word-break: keep-all;padding: 0 6%;}

.sub_bg{height:400px; width:100%; margin-bottom: 200px;}
.sub_bg .sub_wrap{position:relative;  height:400px; }
.sub_bg .sub_bg_text{background-color:#024291; padding:60px 55px; text-align:left; position:absolute; bottom:-100px; left:0; width: 48%;}
.sub_bg .sub_bg_text h3{color:#fff; opacity:0.6; font-size:18px;}
.sub_bg .sub_bg_text h2{color:#fff; margin:40px 0 20px; font-size:26px;text-transform: uppercase; font-weight:700;letter-spacing: 3px;}
.sub_bg .sub_bg_text p{color:#fff; font-size:16px; line-height: 28px;word-break: keep-all;}
.sub_bg .sub_bg_text span{position:absolute; left:15px; top:15px; width:100%; height:100%; border-image:linear-gradient(#f6b73c, #4d9f0c) 30;}
.sub_bg_text_m{display:none; text-align:center; padding:0 6%}
.sub_bg_text_m h2{color:#0f69c5; margin:0px 0 12px; font-size:24px;text-transform: uppercase; font-weight:700;letter-spacing: 3px;}
.sub_bg_text_m p{color:#111; font-size:15px; line-height: 26px;word-break: keep-all;}

.busi_contact{max-width:1180px; margin:95px auto 0;  padding:10px;background: linear-gradient(135deg, rgba(183,210,237,1),rgba(183,218,237,1),rgba(183,225,237,1)); }
.busi_contact > div{background-color:#fff;padding:28px 2%;display:flex; justify-content:space-around; width:100%; align-items:center; }
.busi_contact h3{font-size:24px; color:#0f69c5;font-weight:bold; font-family: 'Montserrat';}
.busi_contact .con_btn{border:1px solid #0f69c5; height:48px; line-height:48px; width:22%}
.busi_contact .con_btn a{ color:#0f69c5; padding:0 2%; font-size:15px; text-align:center; display:block; width:100%; height:100%; transition:all 0.3s ease;}
.busi_contact p{font-family: 'Montserrat'; font-size:18px;}
.busi_contact p span{font-weight:bold;}
.busi_contact .con_btn a:hover{background-color:#0f69c5; color:#fff; }

@media(max-width:1300px){
.busi_contact{margin:100px 3% 0}
}
@media(max-width:1200px){
.sub_title_b{font-size:30px;}
.sub_t_b span{margin:20px auto; height:30px}
.sub_t_b p{font-size:15px; line-height:26px}
.sub_bg{margin-bottom:80px}
.sub_bg .sub_bg_text{padding:40px; position:static; width:42%;border-radius: 0 0 50px 0;}
.sub_bg .sub_bg_text h2{margin:15px 0 10px; font-size:24px;}
.sub_bg .sub_bg_text h3{font-size:14px;}
p.p_s{font-size: 15px !important; line-height: 26px !important;}
.busi_contact h3{font-size:16px;}
.busi_contact p{font-size:14px}
.busi_contact > div{padding:25px 3%}
.busi_contact .con_btn{width:30%}
.busi_contact .con_btn a{font-size:14px;}
}
@media(max-width:900px){
.sub_title_b{font-size:20px;}
.sub_title_t{margin-bottom:10px; font-size:12px}
.sub_t_b{margin-bottom:30px;}
.sub_t_b span{margin:15px auto; height:25px}
.sub_t_b p{font-size:14px; line-height:24px}
.sub_bg_text_m{display:block;padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 40px;}
.sub_bg_text{display:none}
.sub_bg .sub_wrap{height:auto;}
.sub_bg{margin-bottom:35px}
.sub_bg{height:180px;background-size: cover !important}
p.p_s{font-size: 14px !important; line-height: 24px !important;}
.busi_contact{margin:60px 3% 0; }
.busi_contact > div{flex-flow: column; display:block; padding:25px 5%;text-align:center}
.busi_contact h3{margin-bottom:10px}
.busi_contact p{font-size:13px; line-height: 20px;}
.busi_contact .con_btn a{font-size:13px; color:#fff; background-color:#0f69c5}
.busi_contact .con_btn{width:74%; height:38px; line-height:38px; margin:18px auto 0}
}

.sub_t_b ul.sub_title_nav{display:flex; justify-content:center; flex-flow:wrap; width:100%; max-width:1180px; margin:0 auto;}
.sub_t_b ul.sub_title_nav li{width:19.8%;}
.sub_t_b ul.sub_title_nav li a{background-color:#f5f5f5; font-size:20px; color:#646464;display: block; width: 100%;height: 100%; padding: 19px 0;text-align: center; }
.sub_t_b ul.sub_title_nav li a.on{background-color:#0f69c5; color:#fff}

@media(max-width:1200px){
.sub_t_b ul.sub_title_nav li a{font-size:16px; padding:18px 0}
}
@media(max-width:900px){
.sub_t_b ul.sub_title_nav{flex-flow: wrap; margin-bottom:30px}
.sub_t_b ul.sub_title_nav li a{ font-size:13px;padding:12px 0}
.sub_t_b ul.sub_title_nav li{width:33%;}
.sub_t_b ul.sub_title_nav li:nth-child(4), .n_cate_b ul li:last-child{width:49.7%; margin-top:4px}
.sub_t_b ul.sub_title_nav a.onon_new:after{opacity:0}
.sub_t_b{margin:0}
.sub_t_b{font-size:24px; margin-bottom:25px}