@charset "UTF-8";

@media screen  and (max-width: 1500px)  {
	#body_box #header .headerBox{width:100%;}
	#body_box #header .logo{left:30px;}
	#body_box #header .mgnb{margin-left:0px;left:0px;padding-left:300px;padding-right:100px;}
	#body_box #header .mgnb .gnb li p a{font-size:16px;padding: 0px 10px;}
	#body_box #header #contact_us{right:20px}
	#body_box #header .mgnb .gnb > li{width:120px;}


	.sub_contents{width:auto;}
	.sb_contents .sub_title{padding-left:30px;padding-bottom:40px;}
	.sb_contents .sub_title:before {left:30px;}
	.sb_contents .sub_title ul.navi{right:30px;}
	
	.s_conts{margin-left:0px;width:auto;padding-left:30px;padding-right:30px;padding-top:30px;}

	#sub03_01 ul{margin:0 auto}
	#sub04_01{text-align:center;}
	#sub04_02{text-align:center;}
	#sub04_03{text-align:center;}
	#sub04_04{text-align:center;}
	#sub04_05{text-align:center;}
	#sub04_06{text-align:center;}
	#sub04_07{text-align:center;}
	#sub04_08{text-align:center;}
	#sub04_09{text-align:center;}
}
@media screen  and (max-width: 1280px)  {
	#body_box #header .logo{width:170px;top:32px;}
	#body_box #header.on .logo a,#body_box #header:hover .logo a,#body_box #header.active .logo a{background-size:100%}

	#body_box #header .logo a{background-size:100%}
	#body_box #header .mgnb{padding-left:240px;}
	#body_box #header .mgnb .gnb li p a{font-size:16px;padding: 0px 5px;}
	#body_box #header .mgnb .gnb > li{width:100px;}

	#section_sn1 .pbox{width:90%;margin:0 auto}
	#section_sn1 .pbox .sm_title_exp{left:230px;}


	#section_sn2{height:auto}
	#section_sn2 .pbox{width:90%;margin:0 auto;padding-top:60px;}
	#section_sn2 .pbox .sm_title{position:relative;left:auto;top:auto;padding:20px 0px;}
	#section_sn2 .pbox .card_area{position:relative;left:auto;top:auto;padding-bottom:60px;}
	#section_sn2 .pbox .card_area ul{width:auto}
	#section_sn2 .pbox .card_area ul li{width:30%;margin-right:3%;}

	#section_sn3{height:auto;padding:30px 0px;}
	#section_sn3 .pbox{width:90%;margin:0 auto;}
	#section_sn3 .pbox .sm_title{padding-top:10px;}
	#section_sn3 .pbox a.go{top:5px;}

	#footer_area .box2{height:auto;}
	#footer_area .box2 .footer_menu{width:auto}

	#footer_area .copyright_box .box1{width:auto;padding-top:40px;}

	#sub01_04 ul{width:auto;margin-left:40px;}
}
@media screen  and (max-width: 1100px)  {
	#body_box #header .mgnb .gnb > li{width:90px;}


	#sub01_01 .image{}
	#sub01_01 .image img{width:100%;}

	#sub01_02 .image{}
	#sub01_02 .image img{width:100%;}

	#sub01_03 .image{}
	#sub01_03 img{width:100%;}

	#sub04_01 img{width:100%;}
	#sub04_02 img{width:100%;}
	#sub04_03 img{width:100%;}
	#sub04_04 img{width:100%;}
	#sub04_05 img{width:100%;}
	#sub04_06 img{width:100%;}
	#sub04_07 img{width:100%;}
	#sub04_08 img{width:100%;}
	#sub04_09 img{width:100%;}

}
@media screen  and (max-width: 1000px)  {
	#body_box #header .logo{top:20px;}
	#body_box #header .mgnb{display:none;}
	#body_box #header #contact_us{display:none}
	#body_box #header .m_btn{display:block;right:30px;top:25px;}
	#body_box #header .headerBox{height:70px;}

	#section_sn1{height:auto;padding:20px 0px;}
	#section_sn1 .pbox .sm_title{line-height:130%}
	#section_sn1 .pbox .sm_title_exp{line-height:130%;position:relative;left:auto;top:auto}
	#section_sn1 .pbox a.download{top:50%;margin-top:-20px;}

	#sub01_04 ul li{width:30%;margin-right:3%;}
	#sub01_04 ul li img{width:100%;}

	#sub01_04 ul{width:auto;margin-left:1%;}
	#sub01_04 ul li p{font-size:14px;height:90px;}


	#footer_area .box2{display:none}

	#box_business_area #business_area_pager{width:80%;margin:0 auto}
	#box_business_area #business_area_top a.prev{left:0px;}
	#box_business_area #business_area_top a.next{right:0px;}
	#box_business_area #business_area_top li a {text-align:center;}
	#box_business_area #business_area_top li a .p_box_area{text-align:center;display:inline-block}

	#box_business_area p{height:auto}
	#box_business_area #business_area_center .big_image img{width:100%;}

	#box_business_area #business_area_center #business_area_center_slider .center_slider{width:80%;margin:0 auto}
	#box_business_area #business_area_center a.prev{left:10px;}
	#box_business_area #business_area_center a.next{right:10px;}
	#box_business_area #business_area_center .sp_box_area{text-align:center}

	#box_business_area #business_area_content{min-height:auto;}
	#box_business_area #business_area_content .map{position:relative;width:100%;height:300px;left:auto;top:auto}
	#box_business_area #business_area_content .table{padding-left:0px;margin-top:20px;}


	#sub03_01 ul{width:100%;}
	#sub03_01 ul li{width:32%;margin-right:1%;}
	#sub03_01 ul li .image{}
	#sub03_01 ul li .image img{width:100%;}
	#sub03_01 ul li p{font-size:14px;}

}
@media screen  and (max-width: 800px)  {
	#section0{height:100%;}
	#section0 .box{height:100%;width:100%;overflow:hidden}
	#section0 .text{top:40%;}

	#section0 .text .text1{font-size:24px;height:auto}
	#section0 .text .text2{font-size:30px;height:auto;padding:10px;}
	#section0 .text .text3{font-size:16px;height:auto;top:80px;}

	#section_sn2{background-size:cover}
	#section_sn2 .pbox .card_area ul li{height:260px;}
	#section_sn2 .pbox .card_area ul li a span img{height:150px;}

	#section_sn3 .pbox .sm_title_exp span{display:block;padding-left:0px}

	#footer_area .copyright_box .box1 .cp_name{padding:10px 10px;}

}
@media screen  and (max-width: 600px)  {
	#section_sn1 .pbox .sm_title_exp{font-size:14px;}
	#section_sn1 .pbox a.download{width:160px;}
	#section_sn2 .pbox .card_area ul li{width:47%;margin-bottom:20px;}

	#footer_area .copyright_box .box1 .cp_name p{font-size:14px;}


	.sub_visual{height:280px;}
	.sub_visual .top_title{top:45%;font-size:30px;}
	.sub_visual .sub_title{top:70%;}

	#sub01_01 .text p{font-size:16px;}
	.sb_contents .sub_title span{font-size:24px;padding-right:30px;}
	.sb_contents .sub_title span:after {height:22px;}
	.sb_contents .sub_title ul.navi{top:-30px;}

	#sub01_02 .history .year_area{padding-left:0px;}
	#sub01_02 .history .year_area ul{margin-top:20px;margin-bottom:40px;padding-left:10px;}
	#sub01_02 .history .year_area ul li{padding-left:60px;}
	#sub01_02 .history .year_area h4{position:relative;left:auto;top:auto;background-image:url('');width:auto;display:block;font-size:24px;}
	#sub01_02 .history .year_area ul li strong{font-size:16px;}
	#sub01_02 .history .year_area ul li p{font-size:16px;}

	#sub01_04 ul li{width:47%;margin-right:3%;}

	#sub01_05 iframe{height:350px;width:100%}

	#box_business_area p{font-size:16px;}
	#box_business_area #business_area_center .title{font-size:20px;}
	#box_business_area #business_area_content .table table th{font-size:16px;}
	#box_business_area #business_area_content .table table td{font-size:16px;}


	#sub03_01 ul li{width:48%;margin-right:2%;}

	#body_box #header .headerBox{height:50px;}
	#body_box #header .logo{top:10px;}
	#body_box #header .m_btn{top:15px;}


}


@media screen  and (max-width: 500px)  {
	#section0{height:100%;}
	#section0 .box{height:100%;}
	#section0 .text{top:40%;}

	#section0 .text .text1{font-size:20px;height:auto}
	#section0 .text .text2{font-size:26px;height:auto;padding:10px;width:auto}
	#section0 .text .text3{font-size:14px;height:auto;top:120px;}

	#section_sn1 .pbox a.download span{padding-left:10px;}
	#section_sn1 .pbox a.download:after {right:10px;}
	#section_sn1 .pbox a.download{width:100px;font-size:12px;}
	#section_sn1 .pbox .sm_title{font-size:20px;}
	#section_sn1 .pbox .sm_title_exp{font-size:12px;}
	#section_sn2 .pbox .sm_title a span{font-size:20px;}

	#section_sn3 .pbox .sm_title_exp{font-size:16px;padding-top:10px;}
	#section_sn3 .pbox .sm_title_exp span{font-size:13px;}
	#section_sn3 .pbox .sm_title{font-size:20px;}

	#section_sn3 .pbox a.go span{font-size:14px;}
	#section_sn3 .pbox a.go{width:120px;}

	#box_business_area #business_area_content .table table th{font-size:12px;}
	#box_business_area #business_area_content .table table td{font-size:12px;}

	#body_box #subMenu .s_box{width:300px;}
	#body_box #subMenu .s_box .mgnb{padding:0px 30px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1 p a{font-size:20px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1 ul li a{font-size:14px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1{margin-bottom:15px;}
	#body_box #subMenu .s_box .mgnb .sgnb{padding-top:15px;}
	#body_box #subMenu .s_box .sub_title ul{left:30px;}

}
@media screen  and (max-width: 450px)  {
	#section_sn2 .pbox .card_area ul li{width:100%;margin:0 auto;margin-bottom:30px;}
	.sub_visual .sub_title{font-size:14px;}

	#sub01_01 .text p{font-size:14px;}

	#sub01_04 ul li p {font-size:13px;}
	#sub03_01 ul li{width:100%;margin-right:0%;}

}