@charset 'utf-8';
@media screen and (max-width:1860px){
	main.new .office .box .txtbox dd p br,
	main.new .operator .boxWrap .list .box .txtbox .txt p br { display:none }
	main.new .operator .boxWrap .list .box .imgbox { width:calc(40% - 50px); }
	main.new .operator .boxWrap .list .box .txtbox { width:calc(100% - 40% - 50px); }
}

@media screen and (max-width:1700px){
	/*common*/
	.w1700{ padding: 0 20px;}

	/*main*/
	main .aboutus .txtBox{ left: 67%; width: 50%;}
	main .aboutus .txtBox p br{ display:none; }

	/*sub*/
	#request .policyBox{ width: 60%;}
	#request .policyBox .txtBox p.ctn br{ display:none; }
	#aboutus .ceo{ margin-top: -130px;}
/* 	#aboutus .ceo .ctnBox .itemBox .txtBox{ height: 800px;} */
	#aboutus .who .txtBox p.font32 br,#aboutus .who .txtBox p.font18 br{ display:none; }
	#aboutus .who > figure{ flex-shrink: 0;} 

	#aboutus .who_new .txtBox .txt-2 br,
	#aboutus .who_new ul li br { display:none }
}

@media screen and (max-width:1600px){
	/*common*/
	.w1600{ padding: 0 20px;}

	/*sub*/
	#portfolio .ctnBox .itemBox .txtBox{ padding: 50px 40px 50px;}
	#portfolio .ctnBox .itemBox .txtBox .txt{ margin-bottom: 50px;}
	
	#team .people .itemBox .imgBox{ padding: 0 50px 0 0;}
	#team .people .itemBox:first-child.on .txtBox{ width: calc(100% - 550px);}
	 #team .advisory .m_swiper .pagination_bullet span{ width: calc(100% / 9); height: auto;}
	/* #team .advisory .m_swiper .pagination_bullet span{ width: calc(100% / 8); height: auto;} */

	#aboutus .ceo{ margin-top: -180px;}
	#aboutus .who .txtBox p.font32{ margin: 60px 0;}
	#aboutus .how .txtBox{ padding: 0 20px 0 75px;}
	#aboutus .ceo .ctnBox .itemBox .txtBox1 p br { display:none }
	#aboutus .ceo .ctnBox .itemBox .txtBox1 p span.m_br { display:block }
}

@media screen and (max-width:1400px){
	/*common*/
	html, body{ font-size: 55%;}
	.w1400{ padding: 0 20px;}

	/*header*/
	header .headerBox nav #gnb{ margin-right: 30px;}
	header .headerBox nav #gnb a{ padding: 0 30px;}
	
	/*main*/
	main .visual .txtBox{ left: 20px;}
	main .aboutus{ display:flex; align-items:center; justify-content:flex-end; background: url(/img/main/aboutus_bg.jpg) no-repeat 30% 50%; height: auto;  padding: 100px 20px;}
	main .aboutus .txtBox{ position: relative; top: auto; left: auto; width: 50%; transform: none;}
	main .portfolio .logoBox{ gap:30px}

	/*sub*/
	#team .people{ background: linear-gradient( rgba(13,15,16,0), rgba(13,15,16,1) 3%);}
	
	#sv.sv01 .bg{ background: #131313;  } 
	#aboutus .ceo{ margin: -10px 0 0 0; background: linear-gradient( #131313, #1e1e1e); padding:  0 20px;}
	#aboutus .ceo .ctnBox > div{ flex-direction: column; align-items: normal; padding: 0 0 100px;}
	#aboutus .ceo .ctnBox .ceoImg{ display:block; width: 40%; margin:  0 auto; position: relative; bottom: auto;}
	#aboutus .ceo .ctnBox .itemBox{ width: 100%; }
	#aboutus .ceo .ctnBox .itemBox .txtBox{ height: auto;}
	#aboutus .ceo .ctnBox .nameBox{ text-align: center; margin: 50px 0;}
	#aboutus .ceo .ctnBox .nameBox p.name{ margin-top: 10px;}
	#aboutus .who{ flex-direction:column; }
	#aboutus .who > figure{ order:-1;  width: 100%;  height: 600px; overflow: hidden;  position: relative;}
	#aboutus .who > figure img{ position: absolute; width: 100%; transform: translateY(-50%); top: 100%; left: 0;}
	#aboutus .who .txtBox{ padding: 70px 20px;}
	#aboutus .sector > .txtBox { padding: 0 20px;}
	#aboutus .panel .ctnBox > div{ flex-wrap:wrap; gap: 50px 15px;}
	#aboutus .panel .ctnBox .itemBox{  width: calc((100% - 30px) / 3);}
	#aboutus .panel .ctnBox .itemBox .imgBox > figure img{ width: 100%;}
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul{ font-size:1.7rem; }
	#aboutus .ceo .ctnBox .nameBox{ position: absolute; transform: translate(-50%,-50%); top: 38%; left: 50%; }
	#aboutus .ceo .ctnBox .itemBox{ margin-top: 50px;}

	#aboutus .who_new > div { gap:0 60px;  }
	#aboutus .who_new .txtBox { width:calc(55% - 30px); }
	#aboutus .who_new figure { width:calc(45% - 30px); }
	#aboutus .who_new ul li:before{ top: 9px; }
}

@media screen and (max-width:1200px){
	/*common*/
	.w1000,.w1200{	padding: 0 20px;}
	.font70{ font-size:6rem; }
	.font60{ font-size:5rem; }
	.font50{ font-size:4rem; }
	.font45{ font-size:3.5rem;}
	.font35{ font-size:3rem;}
	.font32{ font-size:2.9rem;}

	/*header*/
	header .headerBox{ padding: 30px 0 0;}
	header .headerBox .logo{ width: 300px;}
	header .headerBox nav{ display:none; }
	header .headerBox #menubar{ display:block; margin-left: 30px;}
	header.subOn{ height: 100px;}

	/*main*/
	main .aboutus{ background: url(/img/main/aboutus_bg.jpg) no-repeat 20% 0; height:auto; padding: 150px 20px;}
	main .aboutus .txtBox{ width: 70%;}
	main .aboutus .txtBox h2 br{ display:none; }
	main .area{ padding: 200px 0 150px;}
	
	main.new .office .box { gap:0 60px; }
	main.new .office .box .txtbox { width:calc(50.29% - 30px); }
	main.new .office .box .imgbox { width:calc((100% - 50.29%) - 30px); }
	main.new .operator .boxWrap .list .box { gap:0 60px; }
	main.new .operator .boxWrap .list .box .imgbox { width:calc(40% - 30px); }
	main.new .operator .boxWrap .list .box .txtbox { width:calc(100% - 40% - 30px); }
	main.new .operator .boxWrap .list .box .imgbox strong { height:55px; padding:0 15px; }
	main.new .portfolio h4 br { display:none }


	/*sub*/
	#subContents{ padding: 150px 0 0;}
	#portfolio .ctnBox .itemBox{ flex-direction:column; padding: 70px 0;}
	#portfolio .ctnBox .itemBox .txtBox{ padding: 0; margin-top: 50px;}
	#portfolio .ctnBox .itemBox .txtBox .titlebox h5 { margin:0 5px 0 0; }
	#portfolio .ctnBox .itemBox .txtBox .titlebox img { margin-left:20px; }
	#portfolio .viewBox{ padding: 150px 0 130px;}
	#request .ctnBox .itemBox{ padding: 20px 30px;}
	#request .ctnBox .Boxwrap .itemBox input{ width: 70%; }
	#request .ctnBox button.inquiryBtn{ margin: 0 auto 150px;}

	#team .people{  margin-top: -200px; padding: 200px 0;}
	#team .people .itemBox{ flex-direction: column; gap:50px}
	#team .people .itemBox:first-child .imgBox{ padding-top: 0;}
	#team .people .itemBox .imgBox{ padding: 0; width: 40%; margin: 0 auto; }
	#team .people .itemBox:nth-child(2n) .imgBox{ padding: 0; order:-1; }
	#team .people .itemBox .txtBox{ max-width:100%; }
	#team .people .itemBox .txtBox:not(:first-child){ margin: 0;}
	#team .advisory{ padding: 150px 0;}
	#team .advisory .m_swiper .swiper-slide .txtBox{  padding: 70px 30px;} 
	#team .advisory .m_swiper .swiper-slide .txtBox .imgBox{ width: 25%; }
	#aboutus .sector .slideBox .pagiBox .arrows p{ font-size:14px; }
	#aboutus .panel .w1400 > .txtBox p.font18 br{ display:none; }
	#aboutus .panel .ctnBox .itemBox{  width: calc((100% - 15px) / 2);}
	#aboutus .ceo .ctnBox .nameBox{ top: 30%; }

	#news{ padding: 0 0 150px 0;}
	#news .ctnBox{ gap:50px 20px; }
	#news .ctnBox .itemBox{ width: calc((100% - 40px) / 3);}
	#newsview .ctnBox .contBox figure{ padding-bottom: 40%;}
}

@media screen and (max-width:960px){
	/*common*/
	.font70{ font-size:5rem; }
	.font60{ font-size:4rem; }
	.font50{ font-size:3.5rem; }
	.font45{ font-size:3.2rem;}
	.font35{ font-size:2.7rem;}
	.font32{ font-size:2.5rem;}
	.font22,.font24{ font-size:2.1rem; }

	/*main*/
	main .visual .txtBox{ transform: translateY(-50%); top: 50%; bottom: auto;}
	main .visual .slideBox .slick-dots{ top: auto; bottom: 10%; transform:translateX(-50%); left: 50%; right: auto; display:flex; }
	main .area .slideBox .Aswiper .swiper-slide button{ opacity: 1;  bottom: 65px;}
	main .visual .slideBox .slick-dots li:not(:last-child){ margin: 0 50px 0 0;}
	main .visual .slideBox .slick-dots li:after{ width: 40px; height: 40px;}
	main .area .slideBox{ padding: 0 80px;}
	main .area .txtBox .txt br{ display:none; }
	main .area .slideBox .Aswiper .swiper-slide{ box-shadow:0 0 50px rgba(119,119,119,0.4); }

	main.new .aboutus { padding:150px 20px 100px; }
	main.new .office { padding:150px 20px; height:auto; }
	main.new .office .box { flex-wrap:wrap; }
	main.new .office .box .txtbox { width:100%; }
	main.new .office .box .imgbox { width:100%; margin-top:50px; }
	main.new .office .box .txtbox dl { margin-bottom:30px; }
	main.new .office .box .txtbox dd { margin-top:20px; }
	main.new .office .box .txtbox dd p:not(:last-child) { margin-bottom:15px; }
	main.new .operator { padding:150px 20px; }
	main.new .operator .boxWrap .list { margin-top:40px; }
	main.new .operator .boxWrap .list .box:not(:last-child) { margin-bottom:40px; }
	main.new .operator .boxWrap .list .box { flex-wrap:wrap; }
	main.new .operator .boxWrap .list .box .imgbox { width:100%; max-width:596px; margin:0 auto; }
	main.new .operator .boxWrap .list .box .txtbox { width:100%; margin-top:30px; }
	main.new .operator .boxWrap .list .box .txtbox .txt { margin-top:20px; }
	main.new .operator .boxWrap .list .box .txtbox .txt p:not(:last-child) { margin-bottom:15px; }

	/*sub*/
	#subWrap .subVisual{ height: 400px;}
	#portfolio .ctnBox .itemBox{ padding: 0 20px;}
	#portfolio .ctnBox .itemBox:not(:first-child){ padding-top: 30px;}
	#portfolio .ctnBox .itemBox:not(:last-child){ padding-bottom: 70px;}
	#portfolio .ctnBox .itemBox figure,#portfolio .ctnBox .itemBox .txtBox{ width: 100%; }
	#request .ctnBox .Boxwrap{ flex-direction:column; }
	#request .ctnBox .Boxwrap .itemBox{ width: 100%; }
	#request .ctnBox .itemBox3{ flex-direction: column; align-items: flex-start; gap:15px; }
	#request .ctnBox .itemBox .filebox{ margin: 0;}
	#request .ctnBox .itemBox .filebox label.txt{ padding: 0 30px;}
	#request .policyBox{ width: 90%;}
	#request .policyBox p.line{ margin: 30px 0;}
	#request .policyBox .txtWrap{ height: 90%;}
	#team .advisory .m_swiper .pagination_bullet{ flex-wrap:wrap; }
	#team .advisory .m_swiper .swiper-slide,#team .advisory .m_swiper .swiper-slide.swiper-slide-prev{  flex-direction: column;}
	#team .advisory .m_swiper .swiper-slide.swiper-slide-prev figure{ order:unset; }
	#team .advisory .m_swiper .swiper-slide .txtBox{ gap:30px; }
	#team .advisory .m_swiper .swiper-slide figure{ width: 40%; margin: 0 auto; padding-top: 50px;}
	#team .advisory .m_swiper .swiper-slide .txtBox{ padding: 50px 30px;}
	#team .advisory .m_swiper .barBox{ gap:20px}
	#team .advisory .m_swiper .barBox .arrow i{ font-size:15px; }
	#team .people .itemBox .txtBox .infoBox{ margin-top: 35px;}

	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1-1{ display:none; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1-2{ display:block; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1-2 ul li p{ display:inline-block; }
	#aboutus .ceo .ctnBox .itemBox .txtBox .txt .listBox ul li{ text-indent:-15px; margin-left: 15px; position: relative; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li .innerList{ margin: 0;}
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox{ gap: 5px; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:first-child li:last-child{ white-space: unset;}
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:first-child{ width: 100%;}
	#aboutus .who > figure{ height: 400px;}
	#aboutus .sector{ padding: 100px 0 ;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox{ padding: 0 40px 40px;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2 .font15 br,#aboutus .value > div > .txtBox .font18 br,#aboutus .value .ctnBox .itemBox .txtBox p.font24 br{ display:none; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1-2 span{ margin-left: 10px; position: absolute; right: 0; top: 0;}
    #aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:first-child li { padding-right:50px }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:nth-child(2){ display:none; }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li span{ display:contents; }
    #aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li span.stxt { left: auto; right: 0; text-align:right }
	#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2.new ul:first-child li{padding-right: 0;}
	#aboutus .ceo .ctnBox .nameBox{ top: 25%; }
	#aboutus .value,#aboutus .panel{ padding: 100px 0 ;}
	#aboutus .value .ctnBox{ gap: 70px 10px; flex-wrap: wrap; }
	#aboutus .value .ctnBox .itemBox{	width:calc((100% - 20px) / 2);}
	#aboutus .value .ctnBox .itemBox .txtBox p.font24{ height: 50px;}
	#aboutus .value .ctnBox .itemBox figure img{ width: 100%; }

	#aboutus .who_new { padding:100px 0; }
	#aboutus .who_new > div { gap:40px; flex-wrap: wrap; flex-direction: column-reverse; }
	#aboutus .who_new .txtBox,
	#aboutus .who_new figure { width:100%; }
	#aboutus .who_new .txtBox .txt-1 { margin-top:40px; }
	#aboutus .who_new .txtBox .txt-2 { margin-top:20px; }
	#aboutus .who_new ul { margin-top:30px; }
	#aboutus .who_new ul li:not(:last-child) { margin-bottom:10px; }
	#aboutus .who_new ul li { padding-left:14px; }

	/*footer*/
	footer .footer_in{ padding: 70px 0 30px;}
	footer .footer_in .logo{ margin-bottom: 35px;}
	footer .footer_in .f_bottom{ flex-direction: column;}
	footer .footer_in .f_bottom .f_right{ order:-1; }
	footer .footer_in .f_bottom .f_right .menuBox{ display:flex;}
	footer .footer_in .f_bottom .f_right .menuBox li:not(:last-child):after{ content:'|'; margin: 0 10px; vertical-align: super;}
	footer .footer_in .f_bottom .f_left{ display:flex; flex-direction: column;}
	footer .footer_in .f_bottom .f_left .infoBox{ order:-1; }
	footer .footer_in .f_bottom .f_left .icon{ margin-bottom: 50px;}
	footer .footer_in .f_bottom .f_left .infoBox{ margin: 40px 0 30px;}
	footer .footer_in .f_bottom .f_right .linkBox{ margin-top: 50px;}
	footer .footer_in .f_bottom .f_left .infoBox li:first-child p{  text-indent: -21px; margin-left: 40px;}
	footer .footer_in .f_bottom .f_left .infoBox li p span{ width: auto; margin-right: 10px;}
}

@media screen and (max-width:768px){
	/*header*/
	#allMenu .allMenu_gnb{ top: 45%;}
	#allMenu .allMenu_gnb #gnb li a{ font-size:6rem;}

	/*main*/
	main .visual .txtBox h2 br{ display:none; }
	main .aboutus{ background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(/img/main/aboutus_bg.jpg) no-repeat 10% 50%;  padding: 200px 20px 150px; background-size: cover;}
	main .aboutus .txtBox{ width: 100%;}
	main .portfolio{ margin-top: -2px;}
	main .portfolio .logoBox{ gap: 50px 30px; flex-wrap:wrap; justify-content: center;}
	main .portfolio .logoBox figure{ width: calc((100% - 60px) / 3); display:flex; justify-content:center; align-items:center;  }
	main .portfolio .logoBox figure:last-child img{ width: 85px;}
	main .request .txtBox p.info br{ display:none; }

	/*sub*/
	#subContents section h2.title{ margin-bottom: 70px;} 
	#team .people { margin-top: -340px;  padding: 320px 0 100px; }
	#team .photo .logo p{ white-space:nowrap; margin-top: 10px;}
	#team .people .itemBox .imgBox{ width: 60%; }
	#team .advisory .m_swiper .pagination_bullet span{ width: calc(100% / 3);}
	/* #team .advisory .m_swiper .pagination_bullet span{ width: calc(100% / 4);} */
	#team .advisory .m_swiper .pagination_bullet span img{ width: 100%;}
	#team .advisory{ padding: 100px 0;}
	#team .advisory .m_swiper .swiper-slide .txtBox .imgBox{ width: 20%;}
	#aboutus .panel .w1400 > .txtBox p.font32 br{ display:none; }
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox{ padding: 0 20px 20px;}
	#aboutus .ceo .ctnBox .nameBox .name{ font-size: 4rem;}
	#aboutus .ceo .ctnBox .nameBox{ top: 23%; }
	#aboutus .ceo .ctnBox .ceoImg{ width: 100%;}
	#portfolio .ctnBox .itemBox .txtBox .txt br{ display:none; }

	#news .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	#newsview .ctnBox .contBox{ padding: 70px 20px 100px;}
	#newsview .ctnBox .contBox figure{ width: 90%;}
}

@media screen and (max-width:640px){
	/*common*/
	.font70{ font-size:4.2rem; }
	.font60{ font-size: 3.2rem; }
	.font50{ font-size: 2.8rem; }
	.font45{ font-size:2.5rem;}
	.font35{ font-size:2.2rem;}
	.font32{ font-size:2rem;}
	.font22,.font24{ font-size:1.9rem; }
	.font20{ font-size:1.7rem; }
	.font19{ font-size:1.6rem; }

	/*header*/
	header .headerBox .logo{ width: 200px;}
	header.subOn{ height: 80px;}
	#allMenu .allMenu_gnb{ top: 45%;}
	#allMenu .allMenu_gnb #gnb li a{ font-size:5rem;}

	/*main*/
	main .visual .txtBox h5{ font-size:14px; }
	main .visual .slideBox{ height: auto;}
	main .visual .slideBox .slick-slide{ height: 70vh;}
	main .visual .slideBox .slick-slide video{ height: 100%;}
	main .visual .slideBox .slick-slide.slick-active h5{ animation: fadeLeft 1s 0.5s both; }
	main .visual .slideBox .slick-slide.slick-active h2{ animation: fadeLeft 1s 0.7s both;  }
	main .visual .slideBox .slick-slide.slick-active button{ animation: fadeLeft 1s 1s both;  }
	main .visual .slideBox .slick-slide .txtBox{ padding-bottom: 0; bottom: auto; top: 60%; }
	main .visual .slideBox .slick-slide .txtBox h2{ margin: 30px auto 20px;}
	main .visual .slideBox .slick-slide:first-child video{ left: 80%;}
	main .visual .slideBox .slick-slide .txtBox{ padding-right: 20px;}
	main .area{ padding: 100px 0;}
	main .area .txtBox h4{ margin: 60px auto 40px;}
	main .area .txtBox .txt br{ display:none; }
	main .area .slideBox .Aswiper .swiper-slide{ height: 420px;}
	main .portfolio{ padding-bottom: 150px;}
	main .portfolio h4{ margin:  0 0 70px;}
	main .request{ padding: 250px 0;}
	main .request .txtBox h3{ margin: 70px auto 35px;}

	/*sub*/
	#subWrap .subVisual{ height: 300px;}
	#subContents{ padding: 100px 0 0;}
	#portfolio .viewBox{ padding: 100px 0;}

	#request .ctnBox .itemBox{ padding: 20px;}
	#request .ctnBox .itemBox .filebox{ width: 100%; display: flex; }
	#request .ctnBox .itemBox .filebox .upload-name{ font-size:1.3rem; width: 130%; }
	#request .ctnBox .itemBox .filebox label.txt{ padding: 0 15px; width: 100px; text-align: center;}
	#request .ctnBox .checkBox{ margin:50px 0;}
	#request .ctnBox .checkBox button{ margin-left: 10px;}
	#request .ctnBox .checkBox .agreeBox input[type="checkbox"] + label.box{ flex-shrink:0; }
	#request .ctnBox button.inquiryBtn{ margin:  0 auto 100px;}
	#request .policyBox p.line{ margin: 20px 0;}
	#request .ctnBox .checkBox{ flex-direction: column;}
	#request .ctnBox .checkBox button{ width: 150px; justify-content: center;  margin: 30px auto 0; text-align: center;}
	#request .ctnBox .checkBox button:after{ bottom: -5px;}
	#request .policyBox{ padding: 50px 20px 30px;}

	#team .advisory .m_swiper .swiper-slide .txtBox{ height: 1000px; justify-content:flex-start; }
	#team .people .itemBox .txtBox .name{ font-size:3.5rem;}
	#team .people .itemBox .txtBox .name span{ font-size:1.9rem;l}

	#aboutus .ceo .ctnBox .itemBox .tabBox ul{ justify-content: center;}
	#aboutus .who > figure{ height: 250px;}
	#aboutus .panel .ctnBox{ overflow: hidden;}
	#aboutus .panel .ctnBox > div{ flex-wrap: unset; gap:0; }
	#aboutus .panel .ctnBox .itemBox{ padding: 0 5px;}
	#aboutus .sector .slideBox .pagiBox{ gap:10px; }
	#aboutus .sector .slideBox .Uswiper .swiper-slide{ height: 300px; overflow: hidden;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide figure{ width: 700px; position: absolute; transform: translate(-50%, -50%); height: 100%; top: 50%; left: 50%;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide figure img{}
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox{ padding:  0 20px 15px;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2 .font32{ margin-bottom: 15px;}
	#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2 .font17{ line-height: 1.5;}
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox{ padding: 20px 10px;}
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox .txtBox figure img{ width: 20px;}
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox p.font30{ font-size:2rem; margin: 10px 0 5px ;}
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul{ font-size:10px; }
	#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul li:not(:last-child){ margin-bottom: 3px;}
	#aboutus .panel .ctnBox .pagibar2{ display:block;}

	#aboutus .video-box { padding:80px 0; }
	#aboutus .video-box .control-box button { margin:0 15px; }
	#aboutus .video-box .txtbox { margin-top:40px; }

	#news{ padding: 0 0 100px 0;}
	#news .ctnBox .txtBox .day{ margin-top: 30px;}
	#newsview .ctnBox h3.title{ font-size:2.5rem}
	#newsview .ctnBox .contBox figure{ padding-bottom: 60%;}
	#newsview .ctnBox .listBox dt{ width: 100px;}
	#newsview .ctnBox .listBox dd{ width: calc(100% - 100px);}
	#newsview .ctnBox button.listBtn{ width: 200px; height: 60px;}

}

@media screen and (max-width:580px){
	#aboutus .who > figure{ height: 230px;}
}

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