@charset "utf-8";

@media (max-width: 1800px) {
	.section03 .tt a {right:60px;}
}

@media (max-width: 1400px) {
	#header .lang-wrap {margin-right:30px;}
	
	.main-visual img.pc-visual {display:none;}
	.main-visual img.mob-visual {display:block; object-fit:cover; left:51%;}
	
	
	.section01 .col {align-items:flex-start;}
	.section01 .img-box {max-width:600px;}
	
	.section02 .wrap {padding:0 50px;}
	.section02 .img-box {max-width:400px;}
	.section02 .slick-prev {left:-35px;}
	.section02 .slick-next {right:-35px;}
	
	.section03 .tt .back {display:none;}
	
	.section04 .img-box {max-width:400px;}	
	
	
}

@media (max-width: 1024px) {
		

	.main-visual .txt-box p {font-size:50px;}
	.main-visual .txt-box .txt01 p {transform:translateX(0)}
	.main-visual .txt-box .txt02 p {transform:translateX(0)}
	.main-visual .txt-box .txt03 p {transform:translateX(0)}
	.main-visual .txt-box .txt04 p {transform:translateX(0)}

	/* section */ 
	.section {padding-top:100px; padding-bottom:200px; position:relative; border-radius:50px 50px 0 0;}
	/* section01 */
	.section01 {padding:100px 0 160px;}
	.section01 .col {display:block;}
	.section01 .img-box {max-width:none; margin-bottom:60px;}
	.section01 .img-box .img-wrap {max-width:550px; margin:0 auto;}
	.section01 .txt-box {width:100%;}
	.section01 .txt-box h3 {font-size:40px; margin-bottom:24px;}
	.section01 .txt-box p {font-size:18px; margin-bottom:50px;}
	.section01 .txt-box .more a {width:160px; line-height:50px; padding:0 20px; font-size:16px;}
	.section01 .txt-box .more a span {width:30px; height:30px; margin-top:-15px;}
	.section01 .tt {display:none;}
	/* section02 */
	.section02 {margin-top:-50px;}
	.section02 .title {margin-bottom:50px;}
	.section02 .title h3 {font-size:50px;}
	.section02 .wrap {padding:0 50px;}
	.section02 .inner {padding:30px;}
	.section02 .col {display:block;}	
	.section02 .img-box {max-width:640px; margin:0 auto 50px;}
	.section02 .txt-box {width:100%; padding-left:0;}
	.section02 .txt-box h4 {font-size:36px; margin-bottom:20px; padding-bottom:20px;}
	.section02 .txt-box h4:after {width:20px;}
	.section02 .txt-box .txt {margin-bottom:40px;}
	.section02 .txt-box .txt p.eng {font-size:20px; margin-bottom:10px;}
	.section02 .txt-box .txt p.kor {font-size:18px;}
	.section02 .txt-box .more a {width:160px; line-height:50px; padding:0 20px; font-size:16px;}
	.section02 .txt-box .more a span { width:30px; height:30px; margin-top:-15px;}
	.section02 .slick-arrow {width:40px; background-size:contain; background-position:center center;}
	.section02 .slick-prev {left:-25px;}
	.section02 .slick-next {right:-25px;}
	.section02 .slick-dots {bottom:-20px;}
	/* section03 */
	.section03 {margin-top:-50px;}
	.section03 .tt {max-width:none; height:300px; margin-bottom:60px;}
	.section03 .tt a {margin-top:-30px; width:60px; height:60px; right:60px;}
	.section03 .tt a:before,
	.section03 .tt a:after {content:''; width:16px; margin-left:-8px;}
	.section03 .tt a span {transform:scale(1); width:120px; height:120px; margin-top:-60px; margin-left:-60px;}
	.section03 .tit-box p {font-size:20px; margin-bottom:20px;}
	.section03 .tit-box h3 {font-size:36px;}
	.section03 .tit-box h3 br {display:none;}
	/* section04 */
	.section04 {padding-bottom:160px; margin-top:-50px;}
	.section04 .col {display:block; padding:60px 30px;}
	.section04 .txt-box {width:100%; margin-bottom:60px; text-align:center;}
	.section04 .txt-box h3 {font-size:40px; padding-right:80px; display:inline-block;}
	.section04 .txt-box h3 span {margin-top:-30px; width:60px; height:60px;}
	.section04 .img-box {margin:0 auto; max-width:700px;}

	/* footer */
	#footer {padding:60px 0;}
	#footer .foot-logo {margin-bottom:30px; flex-direction:column; align-items:center;}
	#footer .foot-logo .logo {margin-bottom:30px;}
	#footer .foot-logo ul li a {line-height:40px; font-size:13px; padding-left:15px; padding-right:30px;}

	#footer .foot-logo ul li a:after {right:15px;}	
	#footer .foot-cnt {text-align:center;}
	#footer .foot-cnt p {font-size:14px;}
	#footer .foot-cnt p span {display:none;}
	#footer .foot-cnt p br {display:block;}
	#footer .copy {margin-top:20px; text-align:center;}
	#footer .copy p {font-size:14px;}

	.scrolltop {right:15px; width:50px; height:50px;}

}

@media (max-width: 640px) {
	#header .sitelogo a {width:140px;}
	#header .contact {width:80px; line-height:30px; margin-right:10px; font-size:12px;}
	
	#header .lang-wrap {width:60px; height:30px; margin-right:20px;}
	#header .lang {border-radius:15px;}
	#header .lang .open {line-height:28px; padding:0 10px; font-size:12px;}
	#header .lang .open:after {right:10px;}
	#header .lang ul a {padding:0 10px; font-size:12px; line-height:24px;}
	
	#header .sitemap-btn {width:32px;}

	.main-visual .txt-box p {font-size:40px;}
	/* section */
	.section {padding-top:80px; padding-bottom:180px; border-radius:30px 30px 0 0;}
	/* section01 */
	.section01 {padding:80px 0 140px;}	
	.section01 .img-box {margin-bottom:40px;}
	.section01 .img-box .img-wrap {height:530px;}
	.section01 .img-box .img01 {right:0; left:auto;}
	.section01 .img-box .box01 {width:50px; height:50px; top:10%; left:10%;}
	.section01 .img-box .box02 {width:80px; height:80px; bottom:200px; right:15px; left:auto; top:auto;}
	.section01 .img-box .box02 img {right:-15px; width:50px;}
	.section01 .img-box .box03 {width:40px; height:40px; bottom:120px; left:auto; right:15px;}
	.section01 .txt-box h3 {font-size:30px; margin-bottom:20px;}
	.section01 .txt-box p {font-size:16px; margin-bottom:30px;}
	/* section02 */
	.section02 {margin-top:-30px;}
	.section02 .title {margin-bottom:50px;}
	.section02 .title h3 {font-size:50px;}
	.section02 .wrap {padding:0 50px;}
	.section02 .inner {padding:30px;}
	.section02 .col {display:block;}	
	.section02 .img-box {margin:0 auto 30px;}
	.section02 .txt-box h4 {font-size:28px;}
	.section02 .txt-box .txt {margin-bottom:30px;}
	.section02 .txt-box .txt p.eng {font-size:18px;}
	.section02 .txt-box .txt p.kor {font-size:16px;}
	/* section03 */
	.section03 {margin-top:-30px;}
	.section03 .tt {height:200px; margin-bottom:30px;}
	.section03 .tt .img {background-position:center center;}
	.section03 .tt a {margin-top:-25px; width:50px; height:50px;}
	.section03 .tt a:before,
	.section03 .tt a:after {content:''; width:12px; margin-left:-6px;}
	.section03 .tt a span {width:100px; height:100px; margin-top:-50px; margin-left:-50px;}
	.section03 .tit-box p {font-size:18px;}
	.section03 .tit-box h3 {font-size:28px;}
	/* section04 */
	.section04 {padding-bottom:120px; margin-top:-30px;}
	.section04 .col {padding:40px 20px;}
	.section04 .txt-box {margin-bottom:30px;}
	.section04 .txt-box h3 {font-size:32px;}
	/* footer */
	#footer {padding:30px 0;}
	#footer .foot-logo {margin-bottom:20px;}
	#footer .foot-logo .logo {margin-bottom:20px;}
	#footer .foot-logo ul {display:block;}
	#footer .foot-logo ul li {margin-bottom:10px;}
	#footer .foot-logo ul li:last-child {margin-bottom:0;}
	#footer .foot-logo ul li a {line-height:1.5em; padding:10px 35px 10px 15px; font-size:12px;}
	#footer .foot-cnt p {font-size:12px;}
	#footer .copy p {font-size:12px;}

	.scrolltop {width:40px; height:40px;}
	
}

@media (max-width: 400px) {
	.section01 .img-box .img-wrap {height:390px;}
	.section01 .img-box .img01 img {width:200px;}
	.section01 .img-box .img02 img {width:240px;}
	.section01 .img-box .box02 {bottom:150px;}
	.section01 .img-box .box03 {bottom:60px;}
	
	.section02 .wrap {padding:0;}
	.section02 .slick-arrow {display:none; opacity:0;}
	
}