@charset "utf-8";

@media(max-width: 1500px){
	.s1_1 .map {max-width: 1000px; margin: 0 auto; background-size: contain;}
	.s1_1 .map > div i {width: 18px; height: 18px;}
	.s1_1 .map > div.kor {top: 300px; right: 77px; padding-right: 100px;}
	.s1_1 .map > div.chn1 {top: 328px; right: 105px; padding-right: 100px;}
	.s1_1 .map > div.chn2 {top: 356px; right: 215px; padding-left: 100px;}
	
	.s1_1 .map-wrap .popup {max-width: 600px;}
	.s1_1 .map-wrap .popup .inner {padding: 30px 30px 25px;}
	.s1_1 .map-wrap .popup .inner .pop_img img {max-width: 260px;}
}

@media(max-width: 1400px){

}

@media(max-width: 1200px){
	.s3 .ceramic .info {padding-left: 40px;}
	.s3 .ceramic.rev .info {padding-right: 40px;}
}

@media(max-width: 1024px){
	.section-header h3 {font-size: 50px;}
	.section-header p > br {display: none;}
	
	.s1_1 .map {max-width: 720px; height: 500px;}
	.s1_1 .map > div i {width: 12px; height: 12px;}
	.s1_1 .map > div.kor {top: 202px; right: 59px; padding-right: 70px;}
	.s1_1 .map > div.chn1 {top: 220px; right: 78px; padding-right: 70px;}
	.s1_1 .map > div.chn2 {top: 241px; right: 155px; padding-left: 70px;}
	
	.s1_1 .map-wrap .popup {max-width: 450px;} 
	.s1_1 .map-wrap .popup .inner {padding: 15px;}
	.s1_1 .map-wrap .popup .inner .pop_img img {max-width: 200px;}
	
	.s1_1 .map-wrap .popup .inner h4 {font-size: 22px;}
	.s1_1 .map-wrap .popup .inner .pop_img {margin-top: 15px;}
	.s1_1 .map-wrap .popup .inner .txt h5 {font-size: 18px;}
	.s1_1 .map-wrap .popup .inner .txt p {font-size: 16px;}
	
	.s3 .ceramic .info h5 {font-size: 30px;}
	.s3 .ceramic .info dl dd > br {display: none;}
}


@media(max-width: 768px){
	.page-header .sub-tit > h2 {font-size: 50px;}
	.page-header .s-visual {margin-top: 50px;}
	
	.page-header > .container {flex-wrap: wrap;}
	.lnb ul {gap: 20px;}
	.lnb ul li a {font-size: 18px;}
	
	.real-cont {padding: 80px 0 100px;}
	
	section {padding: 80px 0 100px !important;}
	.section-header h3 {font-size: 40px;}
	.section-header p {font-size: 18px; padding-top: 20px;}
	
	.article-header h4 {font-size: 30px;}
	.article-header h4::before {height: 28px; top: 8px;}
	
	.s1_1 .map {background-image:url(../images/sub/img_map_mo3.png); max-width: 450px;}
	.s1_1 .map > div.kor {top: 212px; right: 80px; padding-right: 95px;}
	.s1_1 .map > div.chn1 {top: 235px; right: 105px; padding-right: 95px;}
	.s1_1 .map > div.chn2 {top: 265px; right: 214px; padding-left: 95px;}
	
	.s1_1 .map-wrap {padding-bottom: 100px;}
	.s1_1 .map-wrap .popup  {top: auto; bottom: 0;}
	.s1_1 .map-wrap .popup.pop_kor {bottom: -105px;}
	
	.s2 article ~ article {margin-top: 80px;}
	.s2 .process ul li {width: 50%;}
	.s2 .process ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	
	.s3 .ceramic {flex-wrap: wrap; gap: 30px;}
	.s3 .ceramic ~ .ceramic {margin-top: 60px;}
	.s3 .ceramic .info {padding: 0 !important;}
	.s3 .ceramic .info h5 {font-size: 24px; margin-bottom: 20px;}
	
	.s3 .video ul {flex-wrap: wrap;}
	.s3 .video ul li {width: 100%; height: 300px;}
	.s3 .video ul li ~ li {margin-top: 20px;}
}

@media(max-width: 480px){
	.page-header > .container {padding-top: 60px;}
	.page-header .sub-tit > span {font-size: 20px; letter-spacing: 2px;}
	.page-header .sub-tit > h2 {font-size: 45px; padding-top: 20px;}
	.page-header .s-visual {height: 250px;}
	
	.section-header h3 {font-size: 32px;}
	
	.article-header h4 {font-size: 24px; padding-left: 20px;}
	.article-header h4::before {height: 20px; top: 6px;}
	.article-header h4 > br {display: none;}

	.s1_1 > .container {padding: 0;}
	.s1_1 .section-header {padding: 0 15px;}
	.s1_1 .map {max-width: none; background-size: contain; width: 400px;}
	.s1_1 .map > div.kor {top: 214px; right: 71px; padding-right: 85px;}
	.s1_1 .map > div.chn1 {top: 237px; right: 92px; padding-right: 85px;}
	.s1_1 .map > div.chn2 {top: 262px; right: 188px; padding-left: 85px;}
	.s1_1 .map-wrap {padding-bottom: 60px; margin-top: 20px;}
	.s1_1 .map-wrap .popup {left: 50%; transform: translateX(-50%); width: 100%; padding: 0 15px; bottom: -85px;}
	.s1_1 .map-wrap .popup .inner h4 {font-size: 18px;}
	.s1_1 .map-wrap .popup .inner .txt {margin-top: 20px;}
	.s1_1 .map-wrap .popup .inner .txt h5 {font-size: 16px;}
	.s1_1 .map-wrap .popup .inner .txt p {font-size: 14px; padding-top: 10px;}
	.s1_1 .map-wrap .popup .inner .txt p > br {display: none;}
	
	.s1_1 .map-wrap .popup .inner .pop_img {gap: 0; width: calc(100% + 10px); margin: 20px -5px 0;}
	.s1_1 .map-wrap .popup .inner .pop_img img {max-width: none; width: 50%; padding: 0 5px;}
	.s1_1 .map-wrap .popup.pop_kor .inner .pop_img img {width: 100%;}
	
	.s3 .ceramic .info dl {padding: 10px 0;}
	.s3 .ceramic .info dl dt {font-size: 16px;}
	.s3 .ceramic .info dl dd {font-size: 16px;}
	
	.s3_2 .ceramic:nth-of-type(3) .info dl dt {max-width: 190px;}
	
	.s3 .video ul li {height: 200px;}
}

@media(max-width: 360px){
	.s1_1 .map {max-width: none; background-size: contain; width: 400px; transform: translateX(-10%);}
	/* .s1_1 .map > div.kor {top: 213px; right: 61px; padding-right: 95px;}
	.s1_1 .map > div.chn1 {top: 233px; right: 178px;}
	.s1_1 .map > div.chn2 {top: 259px; right: 187px;} */
}