@charset "utf-8";

@media (min-width: 1920px) {	
	#section6 .icons dl dt { width:30%; padding:20px 0 20px 10%; }
	#section6 .icons dl .iconsBox { width:35%; }

}

@media (max-width: 1600px) {
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 15%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 80%; }

	#section2 .aboutBg2 { background-size:120%; }

	#section3 .photo1 { width:1000px; margin:0 auto; background:url(../images/business_circle.png) no-repeat; background-size:100%; height:315px; }
	#section3 .photo1_img { width:1000px; }
	#section3 .photo1 li { margin-top:130px; }
	#section3 .photo1 li.mid { margin-top:88px; }
	#section3 .photo1 li.mid .ko { font-size: 18px; }
	#section3 .photo1 li:last-child { margin-top:136px; margin-right:-5px; }
	#section3 .photo2 { width:1000px; margin:0 auto; }
	#section3 .photo2 li { padding:80px 40px 200px; }
}

@media (max-width: 1200px) {		
	.gnb ul { margin:0 0 0 10%; width:80%; } 

	#section1 .swiper-text { left:10%; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 10%; }
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 16%; top:67%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 77.5%; top:67%; }

	#section2 { padding: 170px 10% 0; }
	#section2 .aboutBg1 { width:100%; }
	#section2 .aboutBg1 dt img { width:100%; }
	#section2 .aboutBg1 dd.tt { font-size: 16px; line-height:26px; }
	#section2 .aboutBg1 dd.ts { font-size: 14px; line-height:22px;  }
	#section2 .inblock1 { display: inline; }
	#section2 .aboutBg2 dt { font-size: 20px; }
	#section2 .aboutBg2 dd { font-size: 16px; line-height: 22px; }	

	#section3 .photo1 { width:100%; margin:0 auto; background:url(../images/business_circle.png) no-repeat; background-size:100%; height:305px; }
	#section3 .photo1_img { width:100%; }
	#section3 .photo1_img img { width:30%; }
	#section3 .photo1 li { font-size:2vw; margin-top:12%; }
	#section3 .photo1 li.mid { margin-top:8.5%; }
	#section3 .photo1 li.mid .en { font-size: 2.5vw; }
	#section3 .photo1 li.mid .ko { font-size: 1.5vw; }
	#section3 .photo1 li:last-child { margin-top:14%; }
	#section3 .photo2 { width:100%; margin:0 auto; }
	#section3 .photo2 li { padding:5% 40px 20%; }
	#section3 .photo2 li p { font-size:2vw; }
	#section3 .photo2 li p .inblock { font-size:2.3vw }
	
	#section7 .news { width: 90%; }
}

@media (max-width: 1000px) {		
	.web { display:none; }
	.mobile { display:block; position:fixed; top:0; left:0; width:100%; z-index:99; }
	.m_gnb { width:100%; display:block; overflow:hidden; position:relative; padding:0; }	
	.m_gnb h1 { width: 50px; text-align:center; line-height:1em; margin-left: 20px; line-height: 70px; }
	.m_gnb h1 a { display:block; }
	.m_gnb h1 img { width: 50px; vertical-align:middle;  }
	.m_gnb .openMOgnb { width: 23px; height: 23px; }
	.m_gnb .openMOgnb i.fas { color:#fff; font-size:20px; }

	.realWrap { position:relative; right:0; } /* menu 열 때 옆으로 밀리도록 미리 준비 */

	.openMOgnb { position:absolute; right:20px; top:25px; } 
	.moPop { position:fixed; right:0; top:0; width:100%; height:100%; display:none; z-index:99; }
	.moPop .dimmed { display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); }
	.moPop .moPopCon { position:absolute; right:-300px; top:0; width:300px; height:100%; overflow-y:auto; background: #38bbc2; } /* 마진 : menu 열 때 옆으로 밀리도록 미리 준비 */
	.moPop .moPopCon .closeBtn { width:20px; height:20px; position:absolute; top:20px; right:10%; }
	.moPop .moPopCon .closeBtn i.fas { color:#fff; font-size:23px; }
	.moPopCon ul { padding:20px 0 0 20px; }
	.moPopCon ul li { font-size:18px; line-height:37px; }

	.moPopCon ul li a { display:block; padding-bottom:10px; color:#fff; }
	.moPopCon ul li a:hover,
	.moPopCon ul li a:active { color:#e94d16; }

	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 5%; }
	 #section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 115px; top: 66%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 150px; right:0; top: 66%; }
	/*#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 40px; bottom: 30%; } */
	#section1 .swiper-text { left: 40px; }
	#section1 .swiper-text .en { font-size: 18px;line-height: 25px; }
	#section1 .swiper-text .en strong { font-size: 27px; }
	#section1 .swiper-text .ko { font-size: 14px; line-height: 18px; }

	#section2 { padding: 70px 5% 0; }
	#section2 h3 { font-size: 27px; }
	#section2 p { font-size: 16px; }
	#section2 .aboutBg1 { margin:30px 0 0; }
	#section2 .aboutBg1 img { width:50%; }
	#section2 .aboutBg1 dd.tt { font-size: 16px; }
	#section2 .aboutBg1 dd.ts { font-size: 16px; line-height:24px; }
	#section2 .aboutBg2 { height:650px; }
	#section2 .aboutBg2 dt { font-size: 16px; }
	#section2 .aboutBg2 dd { font-size: 16px; line-height: 20px; width: 90%; margin-bottom:30px; }
	#section2 .news { padding-top: 30px; }
	#section2 .ko dt a,
	#section2 .en dt a { font-size: 14px; }
	#section2 .ko dd a,
	#section2 .en dd a { font-size: 11px; line-height: 15px; height: 40px; }
	#section2 .inblock, #section2 .inblock1 { display: inline; }

	#section6 { padding: 70px 5% 0; }
	#section6 .iconInner { width:100%; }
	#section6 h3 { left:5%; top:70px; font-size:23px; }
	#section6 .ttBox { left:5%; top:120px; }
	#section6 h4 { font-size: 14px; padding-bottom:5px; }
	#section6 .ttBox .smt { font-size:14px; }
	#section6 .icons dl dt,
	#section6 .icons dl dd .iconBg { font-size:14px; }
	
	#section3 { padding: 70px 5% 0; }
	#section3 h3 { font-size: 27px; }

	#section7 { padding: 70px 5% 50px; }
	#section7 h4 { font-size:27px; }
	#section7 .txt { font-size:12px; padding:5px 0 0 10px; }
	#section7 li { padding-bottom:22px; }
	#section7 .ko,
	#section7 .en { margin-top: 30px; }
	#section7 .ko dt a,
	#section7 .en dt a { font-size: 16px; }
	#section7 .ko dd a,
	#section7 .en dd a { font-size: 13px; line-height:24px; }
	#section7 .more { width:100px; margin:30px auto 0; position:relative; }
	#section7 .more img { width:100px; }
	#section7 .more span { position:absolute; top:14px; left:40px; font-size:12px; }

	#section5 { padding: 70px 5%; text-align:left; }
	#section5 h3 { font-size: 27px; padding-bottom:10px; }
	#section5 .tt { font-size: 14px; line-height:28px; }
	#section5 .mail a { font-size: 18px; padding-top: 30px; }
	#section5 address,
	#section5 .tel { font-size: 11px; line-height:20px; }
	#section5 .copy { font-size: 10px; }
	#section5 .footlogo img { width: 60px; }
	
}

@media (max-width: 800px) {

	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 90px; top: 66.7%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 130px; top: 66.7%; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width:50px; top: 65%; font-size: 18px; line-height: 24px; }
	#section1 .swiper-text { left:5%; }
	#section1 .swiper-text .en { font-size: 14px; line-height: 20px; }
	#section1 .swiper-text .en strong { font-size: 20px; line-height:26px; display: inline; }
	#section1 .swiper-text .ko { font-size: 14px; line-height: 20px; }	

	#section2 .fL { float:none; width:100%; }
	#section2 .fR { float:none; width:100%; }
	#section2 .aboutBg1 dt img { width:50%; }
	#section2 .aboutBg1 dd.ts { padding-bottom:20px; }
	#section2 .aboutBg2 { height:600px; background-size: 100%; }

	#section3 .photo1 { width:450px; margin:0 auto; background:url(../images/business_m_circle.png) no-repeat top center; background-size:450px; height:470px; position:relative; }
	#section3 .photo1 li,
	#section3 .photo1 li:last-child { float:none; position:absolute; width:200px; }
	#section3 .photo1 li { font-size:20px; }
	#section3 .photo1 li.first { top:60%; left:0%; }
	#section3 .photo1 li.mid { top:12%; left:11%; }
	#section3 .photo1 li.last1 { top:61%; left:57%; }
	#section3 .photo1 li.mid .en { font-size: 20px; }
	#section3 .photo1 li.mid .ko { font-size: 16px; }
	#section3 .photo2 { width:100%; margin:0 auto; }
	#section3 .photo2 li { float:none; width:100%; text-align:left; }
	#section3 .photo2 li { padding:10% 7% 30%; }
	#section3 .photo2 li.first { background:url(../images/business_m_img4.png) no-repeat; background-size:100%; }
	#section3 .photo2 li.mid { background:url(../images/business_m_img5.png) no-repeat; background-size:100%; }
	#section3 .photo2 li.last { background:url(../images/business_m_img6.png) no-repeat; background-size:100%; }
	#section3 .photo2 li p { font-size:2.5vw; line-height:4vw; }
	#section3 .photo2 li p .inblock { font-size:3vw; padding:5px 0; }

	/* #section6 .mapBg img { width:100%; } 지도 이미지 크기 조정 */
	#section6 .ttBox .smt { display:block; padding-left:0; }
	#section6 .icons dl { float:none; width:100%;  }
	#section6 .icons dl:last-child { margin-bottom:0; }
	#section6 .icons dl dt { float:none; width:100%; padding:5px 0 5px 20px; }
	#section6 .icons dl .iconsBox { float:none; width:100%; }
	#section6 .icons dl dd .iconBg { margin:3px 0 3px 20px; padding-left:15px; }

	/* #section7 .en dt a { font-size: 3vw; }
	#section7 .ko dd a,
	#section7 .en dd a { font-size: 2.5vw; line-height:4.2vw; } */
	
}

@media (max-width: 541px) {
	#section1 .swiper-text { width: 90%; left: 20px; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 20px; width: 40px; top: 64.5%; line-height: 27px; }
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 70px; top: 67%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 105px; right:0; top: 67%; }
	#section1 .swiper-text .ko .inblock { display: inline; }

	#section2 .aboutBg2 { width:100%; background-size:135%; }
	#section2 .aboutBg2 dl { width:80%; }
	#section2 .aboutBg2 dt { font-size: 14px;; padding-bottom:10px; }
	#section2 .aboutBg2 dd { font-size: 14px; line-height: 18px; width: 100%; margin-bottom:20px; }

	#section3 .photo1 { width:320px; height:330px; background-size:320px; }
	#section3 .photo1 li,
	#section3 .photo1 li:last-child { float:none; width:140px; font-size:16px; }
	#section3 .photo1 li.first { top:60%; left:0%; }
	#section3 .photo1 li.mid { top:10%; left:11%; }
	#section3 .photo1 li.last1 { top:61%; left:57%; }
	#section3 .photo1 li.mid .en { font-size: 16px; }
	#section3 .photo1 li.mid .ko { font-size: 13px; padding-top:10px; font-family:Futura1; }
	#section3 .photo2 { width:100%; margin:0 auto; }
	#section3 .photo2 li { padding:10% 7% 25%; }
	#section3 .photo2 li p { font-size:3vw; line-height:4vw; }
	#section3 .photo2 li p .inblock { font-size:3.5vw; padding:5px 0; }
	
	#section6 .mapBg img { width:100%; }

}

@media (max-width: 400px) {
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 65%; line-height: 30px; }
	#section1 .swiper-text .ko .inblock { display: inline; }
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 20%; top: 68%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 30%; right:0; top: 68%; }
}

@media (max-width: 360px) {
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 65.5%; line-height: 30px; }
	#section1 .swiper-text .ko .inblock { display: inline; }
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 70px; top: 69%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 105px; right:0; top: 69%; }

	#section2 .fR { width: 100%; margin-top:0px; }
}

@media (max-width: 320px) {
	#section1 .swiper-text { width: 85%; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 64.5%; }
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 60px; top: 60.5%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 90px; right:0; top: 60.5%; }	
}

/* @media all and (max-height:780px) { 
	
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 18%; top: 67.5%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 27%; right:0; top: 67.5%; }
	#section1 .swiper-button-next, .swiper-button-prev { font-size: 18px; line-height:18px; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 65%; font-size: 14px; line-height: 24px; }
} */

@media all and (max-height:600px) { 
	
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 93px; top: 67%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: 125px; right:0; top: 67%; }
	/* #section1 .swiper-button-next, .swiper-button-prev { font-size: 18px; line-height:18px; }  */
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 65%; /* font-size: 14px; line-height: 24px; */ }
}

@media all and (max-height:500px) { 
	
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 73.5%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 73.5%; }
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 68.5%; }
}

@media all and (max-height:400px) { 
	
	#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { top: 80%; }
	#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top: 80%;}
	#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top: 75%; }
}