#container  {width:100%; height:460px;}


/*main_contents*/
#contents {width:1160px;  background:#fff;z-index:9; margin:-80px auto 0 auto;  position:relative;  padding:20px 20px 0 20px; z-index:99;}
#main_contents_01 {height:150px; }
#main_contents_02 {height:430px;  margin:30px 0;}



#main_contents_01  h2 {font-size:20px; color:#fff; margin:5px 0 15px 0;}
#main_contents_01  h2 a {color:#fff; }
#main_contents_01  p {font-size:13px; color:#fff; }
#main_contents_01  p a {font-size:13px; color:#fff; }

#main_contents_01  div {width:15%; height:130px; float:left;  padding:20px 0 0 10%; }




/*ȸ»ç¼Ò°³*/
.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') 30px bottom no-repeat;}

/*¿¬Çõ*/
.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') 30px bottom no-repeat;}

	/*ETC*/
.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') 30px bottom no-repeat;}

/*ã¾Æ¿À½Ã´Â±æ*/
.mainb_04 {background: #009bab url('/images/main/mico_04.gif') 30px bottom no-repeat;}


/* °øÁö»çÇ× */
.notice_big {float:left; width:35.3%; height:410px; background-color:#fff; padding:20px 2% 0 0; margin-right:1%; border-right:1px solid #d1d1d1; box-sizing:border-box; }


/* °øÁö»çÇ× */
.notice {float:left; width:100%; height:210px; background-color:#fff; padding:0px 0% 0 0;  }
.notice h3 {float:left; font-size:1.7em; color:#134088; margin-bottom:10px;}
.notice .more {float:right; }
.notice li {clear:both;float:left; width:98%; height:27px;overflow:hidden; line-height:27px;background: url(/images/main/notice_dot.gif) no-repeat 0px 10px; padding:0 0 0 7px;}
.notice li img {vertical-align:middle; margin-left:5px;}
.notice .text {float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;max-width:77%;z-index:6}
.notice .data {float:right;display:block; z-index:5}


/* °¶·¯¸® */
.change {width:61.7%;height:420px; float:left; padding:10px 0 0 1%; }
.change h2 {margin:10px 0; font-size:2.0em;}
.change h2 strong{color:#116cca;}
.change p {margin-bottom:30px; }
.change .more {float:right;margin-top:14px; margin-bottom:14px; }

/* °¶·¯¸® */
.change .more_main,.m_internet .more_main{top:17px;right:7px}
.change,.m_internet{position:relative;padding-top:5px}
.change h3{float:left; margin-top:14px; margin-bottom:14px;color:#1b1b1b;font-size:1.7em; font-weight:600;letter-spacing:-0.03em}
.change ul{clear:both;overflow:hidden}
.change li{float:left;width:32%;margin-left:2%;text-align:center}
.change li:first-child{margin-left:0}
.change li:nth-child(4){margin-left:0}
.change li a,.m_internet li a{display:block;position:relative}
.change li a em{display:inline-block;position:absolute;top:0;left:0;width:81px;line-height:32px;color:#fff;font-size:0.8em;text-align:center;border-bottom-right-radius:10px;background:#56a643;z-index:5}
.change li a span,.change li a strong,.m_internet li a span,.m_internet li a strong{overflow:hidden;display:inline-block;max-width:100%}
.change li a strong,.m_internet li a strong{height:35px;line-height:25px;color:#2f2f2f;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.change li a img,.m_internet li a img{transition:all 0.3s linear}
.change li a img{width:240px;height:135px}
.change li a:hover img,.m_internet li a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}






/*À§¾Æ·¡¹öÆ°*/
.btn_scroll {display: block; position:absolute; right:-50px;top: 50px;width: 61px;z-index: 51;}
.btn_scroll li {display: block;margin-bottom: 5px; text-align:center;}


/* ÇÏ´Ü ¹è³Ê ·Ñ¸µ */
.main_cont03 {clear:both;display:block;width:1200px;margin:0px auto;padding:10px 0 65px 0;}
.main_cont04 {clear:both;display:none;margin-top:30px;}
.main_cont04 img{padding:20px;}



.link_bar_tit {background:url(/images/main/bg_banner.jpg) repeat 0 0;padding:27px 39px 28px 40px;display:inline-block;float:left;}
.link_bar_tit strong {font-size:18px;color:#fff;float:left;margin:0 60px 0 0;}
.link_bar_tit a {display:inline-block;float:left;margin:0 20px 0 0}
.link_bar_tit a:last-child  {margin:0}
.rolling_warp {background-color:#fff;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:18px;display:inline-block;box-sizing:border-box;width:74%;}
.banner_link {}
.banner_link a {display:inline-block;padding: 0 20px;}
.banner_link img {}



/* Tablet Device ÃÖ¼Ò 900 ~ 1199  */
@media (min-width:1200px)  {
	/* ÇÏ´Ü ¹è³Ê ·Ñ¸µ */
	.main_cont03 {clear:both;display:block;width:1200px;margin:0px auto;padding:10px 0 65px 0;}
	.main_cont04 {clear:both;display:none;}
}

/* Tablet Device ÃÖ¼Ò 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {




	#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
	#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




	#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
	#main_contents_01  div {width:45%; height:130px; float:left;  padding:20px 0 0 5%; }



	#main_contents_02 {width:100%; margin-left:1%; height:auto;margin-right:0; }



	/*ȸ»ç¼Ò°³*/
	.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

	/*¿¬Çõ*/
	.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

	/*ETC*/
	.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

	/*ã¾Æ¿À½Ã´Â±æ*/
	.mainb_04 {background: #009bab url('/images/main/mico_04.gif') right bottom no-repeat;}


	/* °øÁö»çÇ× ¹Ú½º */
	.notice_big {float:left; width:35.3%; height:auto; background-color:#fff; padding:20px 2% 0 0; margin-right:1%; border-right:1px solid #ffffff; box-sizing:border-box; }

	/* °øÁö»çÇ× */
	.notice {width:99%; float:left; padding:20px 0 0 0;border-right:0;box-sizing:border-box;}
	.notice .text {max-width:100%;}
	.notice .data {display:block;}


	/*Æ÷Åä°¶·¯¸®*/
	.change {width:58%;float:left; padding:10px 0 0 3%; border-left:1px solid #d1d1d1;; border-right:0; }



	/*°í°´¼¾ÅÍ*/
	.call {width:98%; height:auto; padding:25px 1% 20px 1%; border-top:1px solid #d1d1d1; background: url('/images/main/m_customer.gif') 95% 50% no-repeat;}
	.call h2 {float:left; margin: 5px 0 0 0; padding-right:20px;}
	.call .tel {float:left;  padding-right:20px; margin-left:20px;}
	.call .fax {float:left; margin:0px 0 0 10px; font-size:1.6em;}
	.call .txt02 {display:none;}



	/*À§¾Æ·¡¹öÆ°*/
	.btn_scroll {display:none;}







	/* ÇÏ´Ü ¹è³Ê ·Ñ¸µ */
	.main_cont03 {clear:both;display:none;width:1200px;margin:0px auto;padding:10px 0 65px 0;}
	.main_cont04 {clear:both;display:block;padding-top:20px;border-top:1px solid #d1d1d1;}


	.link_bar_tit {background:url(/images/main/bg_banner.jpg) repeat 0 0;padding:27px 39px 28px 40px;display:inline-block;float:left;}
	.link_bar_tit strong {font-size:18px;color:#fff;float:left;margin:0 60px 0 0;}
	.link_bar_tit a {display:inline-block;float:left;margin:0 20px 0 0}
	.link_bar_tit a:last-child  {margin:0}
	.rolling_warp {background-color:#fff;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:18px;display:inline-block;box-sizing:border-box;width:74%;}
	.banner_link {}
	.banner_link a {display:inline-block;padding: 0 20px;}
	.banner_link img {}




}







/* Tablet Device ÃÖ¼Ò 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {


	#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
	#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




	#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
	#main_contents_01  div {width:45%; height:130px; float:left;  padding:20px 0 0 5%; }


	#main_contents_02 {width:98%; margin-left:1%; height:auto;margin-right:0; }



	/*ȸ»ç¼Ò°³*/
	.mainb_01 {background:#0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

	/*¿¬Çõ*/
	.mainb_02 {background:#0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

	/*ETC*/
	.mainb_03 {background:#1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

	/*ã¾Æ¿À½Ã´Â±æ*/
	.mainb_04 {background:#009bab url('/images/main/mico_04.gif') right bottom no-repeat;}


	/* °øÁö»çÇ× ¹Ú½º */
	.notice_big {float:left; width:35.3%; height:auto; background-color:#fff; padding:20px 2% 0 0; margin-right:1%; border-right:1px solid #ffffff; box-sizing:border-box; }

	/* °øÁö»çÇ× */
	.notice {width:99%; float:left; padding:20px 0 0 0;border-right:0;box-sizing:border-box;}
	.notice .text {max-width:100%;}
	.notice .data {display:none;}


	/*Æ÷Åä°¶·¯¸®*/
	.change {width:58%;float:left; padding:10px 0 0 3%; border-left:1px solid #d1d1d1;; border-right:0; }


	/* ¹è³Ê¸ðÀ½ */ 
	.main_cont03 {clear:both;display:none;}
	.main_cont04 {clear:both;display:block;padding-top:20px;border-top:1px solid #d1d1d1;}

	/*°í°´¼¾ÅÍ*/
	.call {width:98%; height:auto; padding:25px 1% 20px 1%; border-top:1px solid #d1d1d1; background: url('/images/main/m_customer.gif') right 50% no-repeat;}
	.call h2 {margin: 0 0 0 0px; }
	.call .tel { margin-left:0px;}
	.call .fax {margin-left:0px;}
	.call .txt02 {display:none;}


	/*À§¾Æ·¡¹öÆ°*/
	.btn_scroll {display:none;}



}







/* Mobile Device ÃÖ¼Ò ~ ÃÖ´ë 589 */
@media  (max-width:589px) {


	#container  {width:100%; height:400px;  background:#EDEDED url('/images/main/main_bg.jpg') repeat-x 40% top;}
	#contents {width:98%; padding:0 1%; margin:0 auto;padding:0;}




	#main_contents_01 {width:100%; height:auto;margin-right:0; margin-bottom:20px;}
	#main_contents_01  div {width:95%; height:130px; float:left;  padding:20px 0 0 5%; }



	#main_contents_02 {width:98%; margin-left:1%; height:auto;margin-right:0; }



	/*ȸ»ç¼Ò°³*/
	.mainb_01 { background: #0072dd url('/images/main/mico_01.gif') right bottom no-repeat;}

	/*¿¬Çõ*/
	.mainb_02 {background: #0f398d url('/images/main/mico_02.gif') right bottom no-repeat;}

	/*ETC*/
	.mainb_03 { background: #1772aa url('/images/main/mico_03.gif') right bottom no-repeat;}

	/*ã¾Æ¿À½Ã´Â±æ*/
	.mainb_04 {background: #009bab url('/images/main/mico_04.gif') right bottom no-repeat;}


	/* °øÁö»çÇ× ¹Ú½º */
	.notice_big {float:left; width:99%; height:auto; background-color:#fff; padding:20px 2% 0 0; margin-right:1%; border-right:1px solid #ffffff; box-sizing:border-box; }

	/* °øÁö»çÇ× */
	.notice {width:100%; padding:20px 0 0 1%;border-right:0;}
	.notice .text {max-width:100%;}
	.notice .data {display:none;}



	/*Æ÷Åä°¶·¯¸®*/
	.change {width:99%;height:auto; padding:10px 0 0 1%; margin-top:60px;border-top:1px solid #d1d1d1;  }

	/* °¶·¯¸® */
	.change .more_main,.m_internet .more_main{top:17px;right:7px}
	.change,.m_internet{position:relative;padding-top:5px}
	.change h3{float:left; margin-top:14px; margin-bottom:14px;color:#1b1b1b;font-size:1.7em; font-weight:600;letter-spacing:-0.03em}
	.change ul{clear:both;overflow:hidden}
	.change li{float:left;width:48%;margin-left:2%;text-align:center}
	.change li:first-child{margin-left:0}
	.change li:nth-child(3){margin-left:0}
	.change li:nth-child(4){margin-left:2%}
	.change li:nth-child(5){margin-left:0}
	.change li a,.m_internet li a{display:block;position:relative}
	.change li a em{display:inline-block;position:absolute;top:0;left:0;width:81px;line-height:32px;color:#fff;font-size:0.8em;text-align:center;border-bottom-right-radius:10px;background:#56a643;z-index:5}
	.change li a span,.change li a strong,.m_internet li a span,.m_internet li a strong{overflow:hidden;display:inline-block;max-width:100%}
	.change li a strong,.m_internet li a strong{height:35px;line-height:25px;color:#2f2f2f;font-weight:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
	.change li a img,.m_internet li a img{transition:all 0.3s linear}
	.change li a img{width:240px;height:135px}
	.change li a:hover img,.m_internet li a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

	/* ÇÏ´Ü ¹è³Ê ·Ñ¸µ */
	.main_cont03 {clear:both;display:none;width:1200px;margin:0px auto;padding:10px 0 65px 0;}
	.main_cont04 {clear:both;display:block;padding-top:20px;border-top:1px solid #d1d1d1;}
	.main_cont04 img{width:35%;}




	/*À§¾Æ·¡¹öÆ°*/
	.btn_scroll {display:none;}


}