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

@media screen and (max-width:1600px){
	/*common*/
	.font120{font-size:100px;}
	.font100{ font-size:85px; }
	.font70{ font-size: 60px; }
	.font65{ font-size:55px; }
	.innerP-m{ padding: 0 0 0 60px; margin: 0 180px 0 0;}
	.w1600{ padding: 0 20px;}

	/*header*/
	header .headerBox{ padding: 0 0 0 60px; margin: 0 180px 0 0;}
	#allMenu{ right: -100%;}

	/*main*/
	#fullpage section.visual .slideBox .itemBox .txtBox,#fullpage section.visual .playBox{ left: 60px; }

	/*sub*/
	#visualBox figure{ margin-right: 0;}

	#history .ctnBox #yearBox{ left: 0; padding: 30px 20px;}
	#cats .ctnBox{ padding: 0 20px;}
	#aso320 .second .rightBox figure{ height: auto; padding: 50px 20px; flex-wrap:wrap; }
	#small610 .overview figure{ flex-direction:column; }
	#small610 .overview figure .arrow{ transform: rotate(90deg); margin: 80px 0;}

	#contact .ctnBox{ padding: 75px 20px;}
	#contact .ctnBox .itemBox.email .inputBox input{ width: calc(100% / 3);}
	#contact .ctnBox .itemBox.email .inputBox select{ width: 100%;}

	/*footer*/
	.footer_in .rightBox #gnb .depth2 li a{ width: 100px; }
}

@media (max-width: 1500px){
	.pipeline .ctnBox table tr th{font-size:18px;}
	.pipeline .ctnBox table tr td{font-size:15px;}
	.pipeline .ctnBox table tr td.bg{font-size:17px;}

	#aso350 .overview .rightBox .itemBox.type2{ padding: 0 20px;}
}

@media screen and (max-width:1400px){
	/*common*/
	.font120{font-size:90px;}
	.font100{ font-size:75px; }
	.font75{ font-size:55px; }
	.font70{ font-size: 50px; }
	.font65,.font60{ font-size:45px; }
	.font55{ font-size:43px; }
	.font50{ font-size:40px; }
	header .headerBox nav .depth1 > li > a{ padding: 0 30px;}

	/*main*/
	#navWrap,#menu_btn{ width: 120px;}
	#fp-nav.right{ right: 45px;}

	#fullpage section.pl .ctnBox .itemBox .txtBox .font18 br{ display:none; }

	/*sub*/
	#greeting .ctnBox .itemBox .imgBox .Box{ padding: 40px 20px;}

	#history .ctnBox .Box .wrapBox .itemBox:not(:last-child){ margin-bottom: 200px;}

	#cats .ctnBox .itemBox > figure{ top: 30px;}
	#cats .ctnBox .itemBox{ padding: 100px 20px;}

	.aso > .ctnBox section h4.title{ width: 350px;}

	#small610 .second .imgBox .img{ flex-direction:column; gap:50px; }

	#contact .ctnBox .Box,#contact .ctnBox .policyBox{ gap:20px; }
	#contact .ctnBox .Box .itemBox{ width: calc((100% - 20px) / 2);}

	/*footer*/
	.footer_in .topBox{ flex-direction:column; margin-bottom: 70px;}
	.footer_in .topBox .leftBox{ margin-bottom: 50px;}
	.footer_in .rightBox #gnb .depth2{ margin-top: 20px;} 
}

@media screen and (max-width:1200px){
	/*common*/
	.font120{font-size:70px;}
	.font100{ font-size:65px; }
	.font75{ font-size:43px; }
	.font70{ font-size: 40px; }
	.font65,.font60{ font-size: 38px;}
	.font55{ font-size:37px; }
	.font50{ font-size:36px; }
	.font46,.font45{ font-size: 35px; }
	.font40{ font-size:30px; }
	.font35{ font-size: 26px; }
	.font30{ font-size: 25px; }
	.font28{ font-size: 23px; }
	.font26,.font25{ font-size:21px; }
	.font24{ font-size:20px; }

	/*header*/
	header .headerBox{ padding: 0 0 0 20px; margin: 0 100px 0 0;}
	header .headerBox nav .depth1{ display:none; }
	#menu_btn{ width: auto !important; padding: 50px 20px;}
	#allMenu{ padding: 100px 20px;}
	#allMenu .depth1 > li > a{ font-size:40px; }
	#allMenu .depth1 > li:not(:last-child){ margin-bottom: 40px;}
	#topBtn{ right: 20px;}

	/*main*/
	#navWrap{ display:none; }
	.innerP-m{ margin: 0; padding: 150px 60px;}
	
	#fullpage section:not(.visual){ height: auto;}
	#fullpage section.visual .slideBox .itemBox .txtBox .title{ line-height: 1.6; }
	#fullpage section.science .innerP-m,#fullpage section.pl .innerP-m{ padding: 150px 60px; }
	#fullpage section.science,#fullpage section.pl{ padding-top: 0;}
	
	#fullpage section.pl .ctnBox{ flex-wrap:wrap; }
	#fullpage section.pl .ctnBox .itemBox{ box-sizing: border-box; padding: 30px 20px; width: calc((100% - 26px) / 3);}

	#fullpage section.introduce .innerP-m{ padding-top:150px;}

	/*sub*/
	#subContents{ padding: 60px 0 150px;}
	#txtBox-c .title.font46{ margin: 30px 0 20px;}
	#txtBox-c .txt.font20 br{ display:none; }
	#visualBox{ margin-bottom: 100px;}
	#visualBox .bg{ position: relative; height: 300px; }	
	#visualBox .bg img{ position: absolute;  top: 50%;  left: calc(50% - 20px) ; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; object-fit: cover; border-top-right-radius:20px;
		border-bottom-right-radius:20px; }	
	#visualBox .txtBox{ width: 80%;}
	#visualBox .txtBox .title br{ display:none; }
	#visualBox .txtBox .txt{ line-height: 1.5;}

	#greeting .ctnBox .itemBox #txtBox-c button{ width: 120px; height: 50px;}
	#greeting .ctnBox .itemBox1 #txtBox-c{ margin: 0;}
	#greeting .ctnBox .itemBox:not(.itemBox3){ gap: 20px; }
	#greeting .ctnBox .itemBox:not(.itemBox3) > div{ width: calc((100% - 20px) / 2);}

	#history .ctnBox .Box h3{ margin-bottom: 80px;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox{ padding-left: 50px;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox:before{ height: 100px; top: -25px;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox .title:after{ left: -52px;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox .title:before{ left: -50px; width: 40px;}
	#history .ctnBox .Box .wrapBox .itemBox figure{ margin-right: 50px;}

	#leadership section .ctnBox{ gap:80px 50px; }
	#leadership section .ctnBox:first-child{ margin-bottom: 80px;}
	#leadership section .ctnBox .itemBox{ width: calc((100% - 100px) / 3);}
	#leadership section .ctnBox .itemBox .popupBox{ width: 90%;}
	#leadership section .ctnBox .itemBox .popupBox ul li{ text-indent: -15px; margin-left: 15px; }

	#asode .ctnBox{ margin-bottom: 100px;}
	#asode .ctnBox .itemBox { gap:30px; }
	#asode .ctnBox .itemBox .txtBox .title{ margin: 40px 0 20px;}
	#asode .ctnBox .itemBox .txtBox .txt br{ display:none; }
	#asode .ctnBox .itemBox .txtBox .num{ width: 45px; height: 45px;}

	.pipeline .ctnBox table tbody tr,
	.pipeline .ctnBox table tbody,
	.pipeline .ctnBox table{display:block;}
	.pipeline .ctnBox table colgroup{display:none; }
	.pipeline .ctnBox table tbody tr{border-bottom: 1px solid #ececec; padding-bottom:20px;}
	.pipeline .ctnBox table tr th{display:none; }
	.pipeline .ctnBox table tr td{display:inline-block; width: 100%; text-align: left; padding: 10px 16px; border-right: none; border-bottom: none;		font-size:18px;}
	.pipeline .ctnBox table tr td.link a span,
	.pipeline .ctnBox table tr td.bg a span{position:relative; }
	.pipeline .ctnBox table tr td.link a span img,
	.pipeline .ctnBox table tr td.bg a span img{top: 50%; right: -25px; left: auto; bottom: auto; transform: translateY(-50%);}
	.pipeline .ctnBox table tr td.link{padding: 0 16px;}
	.pipeline .ctnBox table tr td.link a{display:inline-block; padding: 10px 0;}
	.pipeline .ctnBox table tr td.bg{padding: 0; border-bottom: 1px solid #ececec;}
	.pipeline .ctnBox table tr td.bg a{width: 100%; padding: 20px 16px; font-size:26px;}
	.pipeline .ctnBox table tr td br{display:none; }
	.pipeline .ctnBox table tr td::before{content:attr(data-tit); font-family: 'Pretendard', sans-serif; font-weight:500; font-size:20px; color: #000;}
	.pipeline .ctnBox table tr td.progress ul{border-top: 1px dashed #2AAFEC; border-bottom: 1px dashed #2AAFEC; margin: 10px 0 20px;}
	.pipeline .ctnBox table tr td.progress ul li{display:flex; align-items:center; justify-content:center; height: 50px; font-size:18px; color: #000; text-align: center; font-weight:500;}
	.pipeline .ctnBox table tr td.progress ul li:nth-of-type(1){width: 30%;}
	.pipeline .ctnBox table tr td.progress .line{position:static; transform:translateY(0);}
	.pipeline .ctnBox table.on tr td.progress .line1{width: 30%}
	.pipeline .ctnBox table.on tr td.progress .line2{width: 40%}
	.pipeline .ctnBox table.on tr td.progress .line3{width: 60%}
	.pipeline .ctnBox table.on tr td.progress .line5{width: 90%}

	.aso > .ctnBox section:not(.overview){ padding-top: 100px;}

	#aso320 .second{ padding-bottom: 150px;}

	#aso350 .overview{ padding-bottom: 100px;}
	#aso350 .overview .rightBox{ flex-direction: column; gap:50px; }
	#aso350 .overview .rightBox > div,#small101 .overview .rightBox > div{ width: auto;}

	#small101 .second .rightBox figure{ height: auto; padding: 40px;}
	#small101 .second .rightBox .txt br,#small101 .third .rightBox .txt br{ display:none; }

	#news .ctnBox{ gap:35px 30px;}
	#news .ctnBox .itemBox{ width: calc((100% - 30px) / 2);}
	#news_view .buttonBox{ margin: 80px 0 0;}

	#contact .tabBox{ margin-bottom: 30px; flex-wrap:wrap; }
	#contact .tabBox li button{ padding: 30px 20px; height: 100%; border-radius:20px; border:none; }
	#contact .tabBox li.on button{ border: 1px solid #E9E9E9; }
	#contact .tabBox li.on button:after{ display:none; }
	#contact .ctnBox{ border-radius:20px; }
	#contact .ctnBox .Box{ flex-direction:column; }
	#contact .ctnBox .Box .itemBox{ width: 100%; margin-bottom: 20px;}
	#contact .ctnBox .itemBox.email .inputBox select{ width: 300px;}
	#contact .ctnBox .itemBox{ margin-bottom: 20px;}
	#contact .ctnBox .btnBox{ margin-top: 80px;}

	#direction .itemBox1, #direction .itemBox2 > div{ flex-direction:column; gap:30px; }
	#direction .itemBox .mapBox p{ flex-wrap:wrap; gap:10px 0; }
	#direction .itemBox1{ margin-bottom: 80px;}
	#direction .itemBox2{ padding: 80px 0 100px;}

	#joinus .visualBox .txtBox{ padding: 50px 20px; flex-direction: column; justify-content: normal; gap:30px 0; }
	#joinus .visualBox .txtBox button{ width: 150px;	height: 60px;}

	/*footer*/
	.footer_in .rightBox{ display:none; }
}

@media screen and (max-width:960px){
	/*common*/
	.font120{font-size:60px;}
	.font100{ font-size:55px; }
	.font75{ font-size:38px; }
	.font70{ font-size: 35px; }
	.font65,.font60{ font-sizE: 33px; }
	.font55{ font-size:32px; }
	.font50{ font-size:31px; }
	.font46,.font45{ font-size: 30px; }
	.font40{ font-size:25px; }
	.font35{ font-size: 23px; }
	.font30{ font-size: 22px; }
	.font28{ font-size: 21px; }
	.font26,.font25{ font-size:19.5px; }
	.font24{ font-size:19px; }
	.font20{ font-size:18px; }
	.font18{ font-size:17px; }
	.innerP-m{ padding: 100px 40px;}

	/*header*/
	header{ height: 80px; }
	header .headerBox{ margin: 0 55px 0 0;}
	header .headerBox .logo{ width: 200px;}
	header.navy{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
	#allMenu{ width: 100%; box-sizing: border-box;}
	#menu_btn{ padding: 35px 20px;}

	/*main*/
	#titleBox{ flex-direction:column; align-items: flex-start; }
	#titleBox .viewBtn{ margin-top: 50px;}
	#fullpage section.science .innerP-m,#fullpage section.pl .innerP-m{ padding: 100px 40px; }
	#fullpage section.visual .slideBox .itemBox .txtBox .title br{ display:none; }
	#fullpage section.science .ctnBox .itemBox .imgBox .arrow{ top: 160px;}
	#fullpage section.science .ctnBox .itemBox .imgBox .arrow > img{ width: 80%; }
	#fullpage section.science .ctnBox .itemBox .imgBox .arrow .ic{ width: 45px; height: 45px; margin: 20px auto 0;}
	#fullpage section.pl .ctnBox .itemBox{ width: calc((100% - 13px) / 2);}
	#fullpage section.introduce #titleBox{ width: 55%;}
	#fullpage section.introduce .videoBox .circleBox{ width: 70px; height: 70px; left: -35px; }
	#fullpage section.introduce .videoBox .circleBox img.txt{ width: 80%;}
	#fullpage section.introduce .videoBox .circleBox img.in{ width: 10px;}
	#fullpage section.introduce .innerP-m{ padding-top:100px;}
	#fullpage section.visual .slideBox .itemBox .txtBox,#fullpage section.visual .playBox{ left: auto; padding: 0 40px; }

	/*sub*/
	#subContents{ padding: 60px 0 100px;}
	#visualBox{ margin-bottom: 80px;}
	#visualBox .txtBox{ transform:translateY(-50%); top: 50%;}
	#visualBox .txtBox .txt br{ display:none; }
	#greeting .ctnBox .itemBox:not(.itemBox3){ flex-direction:column; gap:40px}
	#greeting .ctnBox .itemBox:not(.itemBox3) > div{ width: 100%; }
	#greeting .ctnBox .itemBox:not(.itemBox3) > div.img{ order:-1; }
	#greeting .ctnBox .itemBox .imgBox{ flex-direction: column; }
	#greeting .ctnBox .itemBox .imgBox .Box{ width: 100%; height: auto;}
	#greeting .ctnBox .itemBox .imgBox .Box figure.icon{ width: 50px; margin: 30px 0 0 auto;}

	#history .ctnBox .Box .wrapBox .itemBox:not(:last-child){ margin-bottom: 80px;}
	#history .ctnBox #yearBox{ padding:  20px;}	
	#history .ctnBox .Box h3{ margin-bottom: 60px;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox .title{ margin-bottom: 30px;}
	#history .ctnBox .Box .wrapBox .itemBox{ flex-direction:column; }
	#history .ctnBox .Box .wrapBox .itemBox figure{ width: 100%; margin-right: 0; border-radius:20px; padding: 25% 0;}
	#history .ctnBox .Box .wrapBox .itemBox .txtBox{ width: 100%; padding: 0; }
	#history .ctnBox .Box .wrapBox .itemBox figure img{ width: 100%; }
	#history .ctnBox .Box .wrapBox .itemBox .txtBox{ display: flex; flex-direction: column; align-items: center; margin-top: 50px; }
	#history .ctnBox .Box .wrapBox:after,#history .ctnBox .Box .wrapBox .itemBox .txtBox:before,#history .ctnBox .Box .wrapBox .itemBox .txtBox .title:after,#history .ctnBox .Box .wrapBox .itemBox .txtBox				.title:before{ display:none; }
	
	#leadership section .ctnBox{ gap:60px 30px;} 
	#leadership section .ctnBox:first-child{ margin-bottom: 60px;}
	#leadership section .ctnBox .itemBox{ width: calc((100% - 30px) / 2);}
	#leadership section .ctnBox .itemBox .popupBox{ flex-direction:column; padding: 40px; gap:30px; }
	#leadership section .ctnBox .itemBox:not(.itemBox-L) .popupBox img{ height: 250px;}
	#leadership section .ctnBox .itemBox .popupBox .close{ top: 30px;	right: 30px; width: 35px; height: 35px;}
	#leadership section .ctnBox .itemBox .popupBox .nameBox{ margin-bottom: 10px;}
	#leadership section .ctnBox .itemBox-L .popupBox .img{ width: 70%; height: 250px;}
	#leadership section .ctnBox .itemBox .imgBox figure p.plus{ width: 50px; height: 50px; font-size:20px; }

	#asode .ctnBox{ margin-bottom: 80px;}
	#asode .ctnBox .itemBox:not(:last-child){ margin-bottom: 60px;}
	#asode .ctnBox .itemBox{ flex-direction:column; }
	#asode .ctnBox .itemBox figure{ order:-1; }
	#asode .ctnBox .itemBox figure, #asode .ctnBox .itemBox .txtBox{ width: 100%; }
	#asode .intro .pc{ display:none; }
	#asode .intro .mobile{ display:block; text-align: center; }
	#asode .intro .mobile > figure{ margin-bottom: 50px;}
	#asode .intro .mobile .ctnBox{ margin-bottom: 0;}
	#asode .intro .mobile .ctnBox .itemBox{ box-shadow: 0 0 10px rgba(34,34,34,0.15); border-radius:20px; padding: 40px 20px; gap:0;}
	#asode .intro .mobile .ctnBox .itemBox .num{ color:#fff; text-shadow: 0 0 10px rgba(34,34,34,0.4); font-size:50px; font-weight: 700; margin: 15px 0 0;}
	#asode .intro .mobile .ctnBox .itemBox .title{ color:#222; font-weight: 600;}
	#asode .intro .mobile .ctnBox .itemBox ul{ margin-top: 20px;}
	#asode .intro .mobile .ctnBox .itemBox ul li{ color:#666; letter-spacing:-0.5px; }
	#asode .intro .mobile .ctnBox .itemBox ul li:before{ content:"·"; color:#2AAFEC; display:inline-block; margin-right: 5px;}
	#asode .intro .mobile .ctnBox .itemBox ul li:not(:last-child){ margin-bottom: 10px;}

	#cats .ctnBox{ padding: 0; flex-direction:column; }
	#cats .ctnBox .itemBox{ width: 100%; padding: 120px 20px; }
	#cats .ctnBox .itemBox:first-child{ padding-top: 100px;}
	#cats .ctnBox .itemBox:not(:last-child){ border-right:none;}
	#cats .ctnBox .itemBox .imgBox figure:first-child{ margin-bottom: 50px;}
	#cats .ctnBox .itemBox > figure{ transform:translateX(-50%); left: 50%; right: auto; top: auto; bottom: -50px;}
	#cats .ctnBox .itemBox > figure .pc{ display:none;}
	#cats .ctnBox .itemBox > figure .mobile{ display:block; position: relative; z-index: 5;}

	.pipeline .ctnBox table tr td.progress ul li{height: 60px;}

	.aso > .ctnBox section > div{ flex-direction:column; align-items:center; }
	.aso > .ctnBox section h4.title{ width: auto; text-align: center; margin-bottom: 30px;}
	.aso > .ctnBox section.overview .rightBox .itemBox:first-child{ padding: 0 0 40px;}
	.aso > .ctnBox section.overview .rightBox .itemBox:not(:first-child){ padding: 40px 0;}
	.aso > .ctnBox section.overview{ padding-bottom: 60px;}
	.aso > .ctnBox section:not(.overview){ padding-top: 80px;}
	.aso > .ctnBox section.second{ padding-bottom: 80px;}

	#aso301 .second .rightBox .ctnBox{ flex-direction:column; }
	#aso301 .second .rightBox .arrow{ margin: 30px 0;}
	#aso301 .third .rightBox figure{ height: auto ; padding: 40px 20px;}
	#aso301 .second .rightBox .ctnBox .itemBox{ width: auto;}

	#aso350 .overview{ padding-bottom: 80px;}
	#aso320 .second{ padding-bottom: 100px;}
	#aso320 .second .rightBox figure.img2,#aso350 .second .rightBox figure.img:not(.img1),#aso350 .second .rightBox figure.img1{ height: auto; padding: 40px 20px;}

	#small101 .overview .rightBox{ flex-direction: column; }
	#small101 .overview .rightBox .itemBox.type2 figure{ margin-top: 50px;}

	#small610 .overview figure,#small610 .second .imgBox{ padding: 40px 20px;}
	#small610 .second .txt br{ display:none; }

	#news .searchBox{ width: 100%; }
	#news .ctnBox{ gap:30px 20px; }
	#news .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	#news .ctnBox .itemBox a{ padding: 60% 0;}
	#news .ctnBox .itemBox a .Box{ padding: 20px;}
	
	#news_view .ctnBox{ padding: 60px 0 100px;}
	#news_view .arrowBox .arrow a{ flex-direction: column; align-items: flex-start; gap: 10px; }
	#news_view .buttonBox{ margin:  60px 0 0;}

	#contact .tabBox{ gap:15px; }
	#contact .tabBox li { width: calc((100% - 30px) / 3);}
	#contact .tabBox li button{ padding: 20px;}
	#contact .tabBox li button p{ font-size:16px; }
	#contact .ctnBox{ padding: 40px 20px;}
	#contact .ctnBox .policyBox{ flex-direction:column; }
	#contact .ctnBox .policyBox .txtBox{ height: 200px;}
	#contact .ctnBox .policyBox .itemBox2 .txt .img{ width: 70%;}
	#contact .ctnBox .itemBox.email .inputBox{ flex-wrap:wrap; gap: 20px 0}
	#contact .ctnBox .itemBox.email .inputBox select,#contact .ctnBox .itemBox.email .inputBox .selectBox{ width: 100%; margin: 0;} 
	#contact .ctnBox .itemBox.email .inputBox input{ width: calc((100% - 50px) / 2);}
	#contact .ctnBox .itemBox.email .inputBox p{ margin: 0 ; width: 50px; text-align: center; }
	#contact .ctnBox .itemBox.file .inputBox label .btn{ width: 100px;}
	#contact .ctnBox .btnBox{ margin-top: 60px;} 

	#joinus .visualBox figure{ position: relative;height: 300px; border-radius:30px; overflow: hidden;}
	#joinus .visualBox figure img{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%;  min-width: 100%; min-height: 100%; object-fit: cover;  }
	#joinus .visualBox .txtBox{ justify-content: center; align-items: center; }

	/*footer*/
	.footer_in .leftBox .infoBox ul li:not(:last-child):after{ display:none; }
	.footer_in .topBox .leftBox{ margin: 0;}
	.footer_in .leftBox .infoBox ul.inner{ flex-direction:column; }
	.footer_in .leftBox .infoBox li,.footer_in .leftBox .infoBox ul li{ line-height: 2;}
	.footer_in .innerP-m{ padding: 70px 20px 0;}
	
}