@charset "utf-8";
html {overflow: auto;}
.-common{display: block;}
sub{vertical-align: 0px;font-size: 11px;}

.inner{margin: 0 auto;width: 100%;max-width: 1110px;padding:0 7px;}
.inner:after{content: ''; display: table; clear: both;}
.inner2{margin: 0 auto;width: 100%;max-width: 1240px;padding: 0 7px;}
.inner2:after{content: ''; display: table; clear: both;}

/*header*/
#header {width: 100%;height: 116px;border-bottom: 1px solid #d3d3d3;}
#header .header_inner{max-width: 1240px;width: 100%;margin: 0 auto;}
.logo {float: left;width: 15%;	}
.logo a{display: inline-block;height: 100%;padding-top: 45px;}
.close_search{display: none;}
.header_right{float: right;width: 81%;}
.nav_open_btn{display: none;}
.nav_wrap {float: left;width: 70%;}
.nav_wrap:after {content: ""; display: table;clear: both;}
.snb_wrap {display: block;text-align: right;margin-top: 20px;}
.snb_wrap a{display: inline-block;margin-left: 25px;font-size: 14px;text-align: right;color: #262626;}
#pc_gnb {margin-right: 10%;position: relative;}
#pc_gnb:after {content: ''; display: table; clear: both;}
#pc_gnb li{float: left;width: 26%;text-align: center;padding-bottom: 4px;}
#pc_gnb li.gnb_list4 {width: 22%;}
#pc_gnb li a{font-size: 18px;font-weight: 500;text-align: left;color: #333333;display: block;padding-top: 20px;padding-bottom: 20px;padding-left: 3%;}
#pc_gnb li.gnbOn a{position: relative;color: #1d4293;}
#pc_gnb li.gnbOn a:after{position: absolute;left: -1px;
	bottom: -2px;content: '';display: inline-block;width: 100%;height: 2px;background-color: #1d4293;-webkit-animation: gnbMenu .2s linear 1 normal;-moz-animation: gnbMenu .2s linear 1 normal;-ms-animation: gnbMenu .2s linear 1 normal;-o-animation: gnbMenu .2s linear 1 normal;animation: gnbMenu .2s linear 1 normal;opacity: 1;}

@keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-moz-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-webkit-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-o-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
.nav_close_btn {
	display: none;
}
.total_search{float: right;width: 26%;}
.total_search.on{opacity: 1;display: block;}



.total_wrap {position: relative;margin-top: 14px;}
.total_wrap .search_input{border: none;width: 100%	;height: 40px;border-radius: 3px;background-color: #f3f3f3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 50px;padding-left: 10px;color: #000;}
.total_wrap .totalBtn {display: inline-block;width: 39px;height: 100%;position: absolute;right: 5px;top: 0;background: url(/images/search_btn.png) 50% 44% no-repeat;}
.depth_pc_nav{overflow: hidden;display: none;position: absolute;left: 0;top: 114px;z-index: 999;width: 100%;background-color: #fff;border-bottom: 1px solid #d3d3d3;}
.depth_pc_nav .inner2{height: 100%;}
.nav_inner {position: relative;margin-left: 19%;float: left;width: 79%;height: 100%;}

.nav_inner ul{float: left;padding-top: 5px;width: 16.8%;height: 100%;border-top: 1px solid #dedede;border-right: 1px solid #dedede;padding-bottom: 40px;}
.nav_inner ul.pc_list4{border-right: 0;}
.nav_inner ul li {line-height: 18px;margin-bottom: 15px;}
.nav_inner ul.pc_list4{width: 14%;}
.nav_inner ul li a{display: block;color: #201f1f;font-weight: 400;padding-left: 3%;}
.nav_inner ul li a:hover{font-weight: 500;color: #1d4293;}
.nav_inner ul li a.subOn{font-weight: 500;color: #1d4293;}

/*slider*/
.visual_wrap {opacity: 0;}
.visual_wrap .slider{position: relative;}
.visual_wrap .bx-wrapper .bx-pager{position: relative;bottom: 60px;margin-top: -40px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{width: 20px;height: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 13px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .visual_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .visual_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#1d4293}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;}

/*--------*/

.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2;-webkit-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-moz-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-ms-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-o-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;}


/*
.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2;-webkit-text-shadow: 4px 2px 3px #000000;-moz-text-shadow: 4px 2px 3px #000000;-ms-text-shadow: 4px 2px 3px #000000;-o-text-shadow: 4px 2px 3px #000000;text-shadow: 4px 2px 3px #000000;}
*/


/*
.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2; text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000;   }
*/



.visual_title p.title1{margin-bottom: 13px;font-size: 57px;font-weight: 500;font-family: "Helvetica Neue", "Segoe UI", Sans-Serif;}
.visual_title p.title2{font-size: 36px;font-weight: 300;}

.visual_title p.shadow1{-webkit-text-shadow: 4px 2px 3px #000000;-moz-text-shadow: 4px 2px 3px #000000;-ms-text-shadow: 4px 2px 3px #000000;-o-text-shadow: 4px 2px 3px #000000;text-shadow: 4px 2px 3px #000000;}
.visual_title p.shadow2{text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000;}

.visual_wrap .bx-wrapper .bx-controls-direction a{width: 94px;height: 94px;display:none;}
.visual_wrap .bx-controls .bx-prev{opacity: 0.7;top: 48%;left: 8%;background: url(/images/visual_prev.png) 50% 50% no-repeat;-webkit-background-size: 100%;background-size: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-next{opacity: 0.7;top: 48%;right: 8%;background: url(/images/visual_next.png) 50% 50% no-repeat;-webkit-background-size: 100%;background-size: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-prev:hover{opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-next:hover{opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}


.main_tap_wrap .tab_title {text-align: center;width: 100%;	height: 70px;background-color: #f0f0f0;margin-top: -2px;}
.main_tap_wrap .tab_title .inner{position: relative;height: 100%;}
.tab_title button {display: inline-block;margin-right: 30px;padding: 0 4px 0;width: auto;height: 100%;font-size: 18px;font-weight: 500;color: #000000;border: none;background: none;height: 100%;height: 68px;}
.tab_title button:last-child {margin-right: 0;}
.tab_title button.tab_sub3 {margin-right: 0;}
.tab_title button.tab_on {border-bottom: 2px solid #a5a8a8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab_title button.tab_on.tab_sub2 {border-bottom: 2px solid #184598;}
.tab_title button.tab_on.tab_sub3 {border-bottom: 2px solid #049794;}
.tab_content {margin-top: 14px;margin-bottom: 17px;}
.tab_content ul {display: none;}
.tab_content ul.tabC_on {display: block;}
.tab_content ul li:hover .notice_title a {color: #ff6c00;text-decoration: underline;}



.tab_content ul li{border-bottom: 1px solid #f0f0f0;}
.tab_content ul li:last-child{border: none;}
.tab_content .date  {display: inline-block;margin-right: 14px;width: 74px;font-size: 15px;color: #929292;vertical-align: middle;}
.tab_content .sub_news {display: inline-block;margin-right: 15px;width: 88px;min-width: 46px;height: 19px;border-radius: 2px;background-color: #184598;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .sub_dats {display: inline-block;margin-right: 15px;width: 88px;min-width: 46px;height: 19px;border-radius: 2px;background-color: #a5a8a8;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .sub_notice {display: inline-block;margin-right: 15px;min-width: 46px;width: 88px;height: 19px;border-radius: 2px;background-color: #049794;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .notice_title {display: inline-block;vertical-align: middle;text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;max-width: 94%;width: 63%;padding-bottom: 7px;padding-top: 7px;}
.tab_content .notice_title a {font-size: 15px;text-align: left;color: #191919;padding: 7px 0;}
.tab_content .notice_title a:hover{text-decoration: underline;}

.product_introduce{background: #00a3bf url(/images/info_bg.jpg) 0 126% repeat-x;padding: 20px 0 20px;text-align: center;}
.intro_title{text-align: center;}
.main_sub_title2 {font-size: 13px;font-weight: 300;text-align: center;color: #9dd2df;margin: 0;}
/*
.main_title2 {font-size: 28px;font-weight: 500;color: #ffffff;margin: 0;line-height: 31px;margin-bottom: 18px;}
*/
.main_title2 {font-size: 26px;font-weight: 500;color: #ffffff;margin: 0;line-height: 31px;margin-bottom: 18px;}

.intro_list {display: inline-block;max-width: 858px;width: 100%;}
.intro_list li {float: left;width: 33.333%;}
.intro_list .icon {margin-bottom: 12px;}
/*
.intro_list .text {word-break: keep-all; margin: 0 auto;font-size: 14px;text-align: center;color: #ffffff;width: 100%;}
*/
.intro_list .text {word-break: keep-all; margin: 0 auto;font-size: 15px;text-align: center;color: #ffffff;width: 100%;}
.intro_list .text strong {display: block;font-size: 18px;font-weight: 500;display: block;color: #ffffff;}

/*
.intro_list li img{width: 65px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover img{width: 75px;	-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: -10px;}
*/

.intro_list li img{width: 75px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover img{width: 85px;	-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: -10px;}

.intro_list li:hover .text{color: #d8d8d8;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover .text strong{color: #d8d8d8;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.project_wrap{position: relative;width: 100%;max-width: 1110px;margin: 20px auto 20px auto;text-align: center;}
.project_wrap .bx-wrapper .bx-next{background: url(/images/product_next.png) 50% 50% no-repeat;}
.project_wrap .bx-wrapper .bx-prev{background: url(/images/product_prev.png) 50% 50% no-repeat;}
.slider2 li {position: relative;background-color: #fff;}
.slider2 li:hover img{ opacity: 0.8;}
.slider2 li img {border: 1px solid #eee;margin: 0 auto;text-align: center;}
.slider2 .product_title {position: absolute;left: 50%;top: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-shadow: -2px 1px 0px rgb(42, 42, 42);font-size: 21px;font-weight: 500;color: #ffffff;text-align: center;}

.custom_support{text-align: center;padding: 20px 0;background-color: #f8f3e0;}
.custom_title {text-align: center;}
/*
.custom_title .title1 {font-size: 28px;font-weight: 500;text-transform: capitalize;color: #303030;}
*/
.custom_title .title1 {font-size: 26px;font-weight: 500;text-transform: capitalize;color: #303030;}
.support_list {display: inline-block;margin-top: 20px;}
.support_list li{float: left;margin-right: 65px;display: table;width: 146px;height: 154px;border-radius: 15px;background-color: #fff;text-align: center;}
.support_list li:last-child{margin-right: 0;}
.support_list li:nth-child(2) .img img{margin-left: 7px;}
.support_list a {display: table-cell;vertical-align: middle;}
.support_list .img {position: relative;height: 70px;}

/*
.support_list .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 63px;position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.support_list li:hover .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 69px;}
*/
.support_list .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 69px;position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.support_list li:hover .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 75px;}

.support_list strong {display: block;margin-top: 10px;font-size: 18px;font-weight: 500;text-align: center;color: #373737;line-height: 24px;}
.support_list li:hover strong {color: #1e3f93;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}


.tab_on{display: block;}
.banner_wrap {padding-top: 25px;padding-bottom: 10px;background-color: #eee;}


.banner_wrap li {float: left;margin-bottom: 14px;width: 15.1676%;margin-right: 1%;text-align: center;}



/*
.banner_wrap li:first-child{margin-left: 0px;}
.banner_wrap li:nth-child(7) {margin-left: 0px;}
.banner_wrap li {float: left;margin-bottom: 14px;width: 162px;margin-left: 24.5px;}
*/

.banner_wrap li a {}
.banner_wrap li a img {width: 163px;height: 56px;}
.banner_wrap .text{font-size: 12px;color: #2a2a2a;}

#footer{padding: 25px 0;background-color: #464646;}
.fnb_wrap {float: right;margin-top: 10px;}
.fnb_wrap a {position: relative;margin-right: 15px;font-size: 13px;color: #afafaf;}
.fnb_wrap a:last-child {margin-right: 0;font-weight: 500;}
.fnb_wrap a:after {position: absolute;top: 5px;right: -9px;content: '';display: inline-block;width: 1px;height: 12px;background: #afafaf;}
.fnb_wrap a:last-child:after {display: none;}
.address {float: left;}
.address p {font-size: 15px;text-align: left;color: #999999;line-height: 25px; }
.mb_total_btn{display: none;}
.top_btn{position: fixed;bottom: 20px;right: -100%;display: none;background: none;border: 0;z-index: 99;text-align: right;}
.more_btn{position: absolute;right: 0;display: inline-block;padding-right: 13px;background: url(/images/arrow1.png) 81% 47% no-repeat ;width: 80px;height: 22px;border-radius: 11px;background-color: #ffffff;font-size: 13px;font-weight: 300;text-align: center;color: #242424;margin-top: 24px;}
.depth_mb_nav{display: none;width: 100%;height: 100%;overflow: auto;}
.total_menu{position: relative;display: inline-block;border: none;background: none;float: right;z-index: 9;margin-top: -50px;z-index: 99;display: inline-block;width: 30px;height: 30px;margin-right: 3%;}
.total_menu.on{background: url(/images/total_menu_on.png) 50% 50% no-repeat;}
.total_menu.off{background: url(/images/total_menu_off.png) 50% 50% no-repeat;}

.nav_inner ul li.menu_more{background-color: #1d4293;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: 7px;margin-left: 5px;margin-right: 5px;}
.nav_inner ul li.menu_more:hover{background-color: #089a90;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.nav_inner ul li.menu_more a{color: #fff;display: inline-block;text-align: center;margin-right: 0;width: 98%;height: 32px;line-height: 32px;}
.nav_inner ul li.menu_more a:hover{font-weight: normal;}
.plus_icon{display: inline-block;background: url(/images/plus_icon.png) 50% 50% no-repeat;width: 11px;height: 11px;-webkit-background-size: 10px;
background-size: 10px;margin-right: 5px;}
.nav_bg_on{background-color: #f9f9f9;}

.popup_content{overflow: auto;padding: 60px 40px 210px;}
.popup_content p{font-weight: 400;color: #333; }
.popup_footer{position: absolute;background-color: #000;text-align: right;left: 0;bottom: 0;width: 100%;padding: 7px;}
.popup_box .popup_title{font-size: 28px;color: #193895;font-weight: 400;margin-bottom: 30px;}

.divpop {display:none;position: fixed;top: 0;left: 0;z-index: 99999;width: auto;height: auto;min-width: 300px;min-height: 280px;background: #fff url(/images/poup_bg1.jpg) 50% 100% no-repeat;border: 1px solid #8d8d8d;-webkit-background-size: 100%;background-size: 100%; 	}
.title_area {font-weight:bold;text-align:center;width:100%}
.button_area {position:absolute;bottom:0;left:10px;} 
#todaycloseyn{color: #fff;display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;}
.today_close{color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.popupClose{color: #fff;background: none;border: 0;height: 30px;background-color: #393939;padding: 0 10px;vertical-align: middle;}
.popup_box{position: relative;height: 100%;}


#-coding{display: block;}


@media (max-width:1200px){


	.visual_title p.title1{font-size: 51px;}
	.visual_title p.title2{font-size: 36px;}
	
	

}

@media (max-width:1100px){

    
	/* .banner_wrap li{width: 24%;} */
	.banner_wrap li{width: 22%;}
	.banner_wrap li:nth-child(6n){float: left;clear: inherit;}
	
	

}


@media (max-width:1024px){

	.snb_wrap.fadein{	display: block;-webkit-animation: fadein .3s linear 1 normal;-moz-animation: fadein .3s linear 1 normal;-ms-animation: fadein .3s linear 1 normal;-o-animation: fadein .3s linear 1 normal;animation: fadein .3s linear 1 normal;opacity: 1;}
	@keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-moz-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-o-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}

	.inner{padding: 5px 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

	.nav_inner{margin-left: 22%;text-align: left;width: 100%;}
	#pc_gnb{margin-right: 0;}
	.nav_inner ul{width: 14.6%;display: inline-block;vertical-align: top;float: left;}
	.nav_inner ul li{letter-spacing: -1px;}
	#pc_gnb li.gnb_list4{width: 24%;}
	.nav_inner ul li a{font-size: 14px;padding: 0;padding-left: 5px;}
	.nav_inner ul li.menu_more a{font-size: 12px;}


	.logo {float: left;width: 18%;	margin-top: 11px;}
	.logo img {width: 90%;	}

	.banner_wrap .text{line-height: 14px;}
	#pc_gnb li{width: 25%;}
	.more_btn{margin-top: 21px;}
	.intro_list .icon img{max-width: 65px;}


	.header_right{text-align: right;width: 78%;}
	.visual_title {top: 45%;}
	.visual_title p.title1{font-size: 239%;margin-bottom: 10px;}
	.visual_title p.title2{font-size: 175%;}
	.visual_wrap .bx-wrapper img{width: 133%;max-width: inherit;position: relative;left: -16%;}
	.visual_wrap .bx-wrapper .bx-pager{bottom: 37px;}
	.tab_content .notice_title{width: 70%;}
	.tab_content .date{margin-right: 1%;}
	.tab_content .sub_news{margin-right: 2%;width: 10%;}
	.tab_content .sub_dats{margin-right: 2%;width: 10%;}
	.tab_content .sub_notice{margin-right: 2%;width: 10%;}
	.project_wrap{padding: 0 5px;}
	.intro_list{padding: 0 3%;}
	
	.visual_wrap .bx-controls .bx-prev{top: 46%;}
	.visual_wrap .bx-wrapper .bx-controls-direction a{width: 77px;height: 69px;}



	.intro_list .text{width: 100%;}
	.product_introduce{background: #00a3bf url(/images/info_bg.jpg) 0 117% repeat-x;-webkit-background-size:  140px 102px ;
	background-size:  140px 102px;}
	.support_list{width: 100%;padding: 0 3%;}
	.support_list li{width: 22%;margin-right: 2%;height: 156px;}
	.main_title2{margin-bottom: 15px;}

	#footer{text-align: center;}
	.fnb_wrap{float: inherit;}
	.fnb_wrap a{font-size: 15px;}
	.address{text-align: center;float: inherit;}
	.address p{text-align: center;word-break: keep-all}
	.address p .mbb{display: block;}
	.mb_nav{ overflow: auto;position: fixed;top: 50px;left: 0;padding-bottom: 50px;overflow: auto;height: 100%;background-color: #fff;z-index: 9999;width: 100%;}
	.bak_layer{display: none;position: fixed;top: 0;left: 0;height: 100%;background-color: rgba(0, 0, 0, 0.48);z-index: 99;width: 100%;}
	.mb_title_btn{display: block;padding: 10px 4% 10px 2%;text-align: left;width: 100%;border: none;background: none;font-size: 18px;color: #00877e;font-weight: 400;border-bottom: 1px solid #e6e6e6;}
	.mb_title_btn em{float: right;display: inline-block;margin-top: 6px;width: 15px;height: 15px;}
	.mb_title_btn .on{background:  url(/images/mb_title_on.png) 50% 50% no-repeat;}
	.mb_nav .depth{border-bottom: 1px solid #d2d2d2; background-color: #f3f3f3;font-size: 18px;font-weight: 500;text-align: left;color: #00877e;border-bottom: 0;padding-bottom: 5px;}
	
	.mb_nav .depth .menu_more{background-color: #1d4293;margin-bottom: 8px;}
	.mb_nav .depth .menu_more a{color: #fff;}
	
	.mb_nav .depth li a{display: block;font-size: 16px;text-align: left;color: #404040;margin-left: 20px;margin-right: 20px;border-bottom: 1px solid #d2d2d2;padding-top: 6px;padding-bottom: 6px;}
	.mb_nav .depth li:last-child a{border-bottom:0;}
	.mb_total_btn{border: none;display: inline-block;position: relative;width: 40px;height: 40px;background: url(/images/search_btn.png) 50% 44% no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;margin-top: 13px;}
	.total_wrap{margin-top: 17px;display: none;opacity: 0;}
	.total_wrap.on{display: block;opacity: 1;}
	.total_search{float:none;position: absolute;right: 0;top: 99px;vertical-align: middle;z-index: 99;width: 180px;}
	.total_search.on{display: block;opacity: 1;}
	.close_search{position: absolute;left: -34px;top: 5px;display: inline-block;width: 30px;height: 30px;background: url(/images/nav_close.png) 50% 50% no-repeat;border: none;}
	.nav_wrap{width: 75%;}
	.slider2 .product_title{font-size: 18px;}
	.total_menu{margin-right: -10%;}
	
	
	/*.divpop{height: 81%;min-height: 280px;}*/
	.popup_content{overflow: auto;height: 100%;}
	
	
	#-1024{display: block;}

}


@media (max-width:768px){
	.depth_pc_nav{display: none;}
	.nav_wrap{width: 70%;}

	.depth_mb_nav.fadein{	display: block;-webkit-animation: fadein .3s linear 1 normal;-moz-animation: fadein .3s linear 1 normal;-ms-animation: fadein .3s linear 1 normal;-o-animation: fadein .3s linear 1 normal;animation: fadein .3s linear 1 normal;opacity: 1;}


	.mb_total_btn{border: none;display: inline-block;position: relative;margin-top: 0;width: 40px;height: 50px;background: url(/images/search_btn.png) 50% 50% no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;}

	.tab_title button{margin-right: 5px;}
	.more_btn{margin-top: 11px;margin-right: 1%;float: right;position: relative;}
	.more_btn a{font-size: 14px;}

	.visual_wrap{margin-top: 50px;}
	.visual_wrap .bx-wrapper img{width: 133%;max-width: inherit;position: relative;left: -16%;}
	.nav_open_btn{z-index: 9;display: inline-block;width: 50px;height: 50px;background: url(/images/mb_nav_btn.png) 50% 50% no-repeat;border: none;vertical-align: middle;-webkit-background-size: 32px;background-size: 32px;}
	.visual_title{width: 100%;}

	#pc_gnb{display: none;}
	#header{height: 50px;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;background-color: #fff;}
	.logo a{padding-top: 0;}
	.logo a img{width: 110px;}
	.nav_close_btn{display: inline-block;width: 50px;height: 50px;background:  url(/images/nav_close_white.png) 50% 50% no-repeat;border: none;position: absolute;right: 10px;top: 0;}
	.nav_close_btn:after{display: none;}
	.snb_wrap{display: none;position: fixed;top: 0;left: 0;width: 100%;background-color: #299b93;z-index: 999;text-align: center;margin-top: 0;height: 50px;padding-top: 13px;font-size: 14px;color: #4f4f4f;border-bottom: 1px solid #d2d2d2;}
	.snb_wrap a{position: relative;color: #fff;}
	.snb_wrap a:first-child{margin-left: -20px;}
	.snb_wrap a:after{position: absolute;top: 4px;left: -14px;content: '';display: inline-block; width: 1px;height: 12px;background-color: #fff;}
	.snb_wrap a:first-child:after{display: none;}
	.main_title2{padding-top: 20px;}
	.product_introduce{padding: 0 0 0px;background-image: inherit;}
	.visual_title p.title1{font-size: 164%;margin-bottom: 0;}
	.visual_title p.title2{font-size: 123%;}
	.main_tap_wrap .tab_title{height: 50px;}
	.intro_list li{width: 100%;}
	.intro_list .icon{display: inline-block;width: 20%;vertical-align: middle;margin-top: 7px;margin-bottom: 7px;}
	.intro_list .icon img{width: 100%;}
	.intro_list .text strong{font-size: 18px;}
	.intro_list .text{display: inline-block;margin-bottom: 12px;width: 79%;vertical-align: middle;text-align: left;font-size: 15px;}
	.tab_title button{height: 40px;}
	.tab_title button:after{content: '';display: inline-block;width: 2px;height: 2px;background-color: #838383;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;vertical-align: 4px;position: relative;right: -6px;}
	.tab_title button.tab_sub3:after {display: none;}
	.banner_wrap{padding-bottom: 5px;padding-top: 15px;}
	.main_title2{padding-top: 8px;padding-bottom: 8px;font-size: 20px;background-color: #0096af;}
	.custom_title .title1{font-size: 20px;}
	#footer{padding: 11px 0;}
	.banner_wrap li{width: 32%;}
	.banner_wrap li:nth-child(5n){clear: inherit;}
	.support_list .img img{max-width: 80px;max-width: 41px;}
	.support_list strong{font-size: 16px;word-break: break-all;margin-top: -10px;}
	.top_btn img{width: 74%;}

	.total_wrap{margin-top: 9px;}
	.intro_txt{font-size: 16px;}
	.total_search{top: 43px;}
	
	.tab_content{margin-top: 5px;margin-bottom: 5px;}
	.tab_content .date{font-size: 14px;margin-right: 0;}
	.tab_content .notice_title{max-width: 55%;width: auto;}
	.custom_support{padding: 10px 0;}
	.support_list{margin-top: 10px;}
	.fnb_wrap a{font-size: 14px;}
	.support_list a {padding-left: 10px;padding-right: 10px;}
	
	/*.divpop{width: 80%;}*/
	.popup_content{padding: 60px 40px 110px}
	.popup_box .popup_title{font-size: 20px;margin-bottom: 10px;}
	
	
	#-768{display: block;}

}

@media (max-width:640px){

	.visual_title p.title1{font-size: 24px;margin-bottom: 8px;word-break: keep-all}
	.visual_title p.title2{font-size: 18px;word-break: keep-all}

	.visual_wrap .bx-wrapper .bx-pager{bottom: 14px;}
	.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{width: 14px;height: 14px;}
	.support_list li{height: 120px;  width: 40%; margin-bottom:5px;margin-left:20px;}
	.support_list .img{margin-bottom: -6px;}

	.banner_wrap li a img{width: auto;height: auto;max-width: 100%}
	.banner_wrap li:nth-child(3n+1){clear: both;}
	.intro_list .text{padding-left: 15px;}
	
	.visual_wrap .bx-controls .bx-prev{left: 3%;}
	.visual_wrap .bx-controls .bx-next{right: 3%;}
	.visual_wrap .bx-wrapper .bx-controls-direction a{width: 57px;height: 55px;top: 44%;}
	.total_search{width: 51%;}
	.intro_list li:hover .text{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;color: #fff;}
	.intro_list li:hover .text strong{color: #fff;}
	.intro_list li:hover img{margin-top: 0px;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
	.project_wrap{padding:  0 20px;}
	.project_wrap .bx-wrapper .bx-prev{left: -4%;}
	.project_wrap .bx-wrapper .bx-next{right: -4%;}
	.slider2 .product_title{font-size: 16px;}
	/*.divpop{height: 100%;min-height: inherit;max-height: 600px;width: 100%;}*/
	.popup_content{padding: 30px 10px 90px;;}
	#-640{display: block;}

}


@media (max-width:479px){
	.intro_list .text strong{font-size: 18px;}
	.tab_title button{margin-right: 0;font-size: 16px;}
	.intro_list .text{width: 75%;}
	.intro_list .icon img{max-width: 48px;}
	.intro_list li:hover img{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;margin-top: 0;}

	
	#-479{display: block;}
}

@media (max-width:330px){
	.tab_title button{font-size: 13px;}
}