@charset "utf-8";

@media (max-width: 1500px) {
	/* s1-1 */
	.overview .arti02 .img-box {max-width: 460px; margin-left: 80px;}
	.overview .arti02 .box-wrap {margin: -12px;}
	.overview .arti02 .box {padding: 12px;}
	.overview .arti02 .box .inner {width: 210px; min-height: 190px; padding: 26px;} 

	/* s2-1 */
	.process-list ol {margin: 0 -30px;}
	.process-list ol li {padding: 0 30px;}
	.process-list ol li:after {top: 60px;}
	.process-list ol li .icon {width: 140px; height: 140px; background-size: 140px auto;}

	/* s3-2 */
	.equip-list .item {margin: 0 -25px;}
	.equip-list .item > div {padding: 0 25px;}
	.equip-list .item:nth-child(odd) .text-box .inner {padding: 0 40px;}
	.equip-list .item:nth-child(even) .text-box .inner {padding: 0 60px;}
}

@media (max-width: 1200px) {
	/* s1-1 */
	.overview .arti02 .img-box {max-width: 400px; margin-left: 50px;}

	/* 1-2 */
	.history-wrap:before {left: 400px;}
	.history-wrap .year {max-width: 400px;}
	.history-wrap .year p {left: 80px;}
	.history-wrap .year h4 {left: 80px;}

	.history-wrap.history-fixed .year p {left: 95px;}
	.history-wrap.history-fixed .year h4 {left: 95px;}

	/* s2-1 */
	.process-list ol {margin: 0 -20px;}
	.process-list ol li {padding: 0 20px;}
	.process-list ol li:after {top: 55px;}
	.process-list ol li .icon {width: 130px; height: 130px; background-size: 130px auto; margin: 0 auto 30px;}
	.process-list ol li p {font-size: 24px;}

	/* s3-2 */
	.equip-list .item {margin: 0 -20px;}
	.equip-list .item > div {padding: 0 20px;}
	.equip-list .item:nth-child(odd) .text-box .inner {padding: 0 30px;}
	.equip-list .item:nth-child(even) .text-box .inner {padding: 0 30px;}
}

@media (max-width: 1024px) {
	.sub-visual {height: 450px;}
	.sub-visual > .container {padding-top: 20px;}
	.sub-visual h2 {font-size: 60px;}
	#lnb .container {padding: 0;}
	#lnb ul li a {height: 70px; font-size: 16px;}

	.sub-cont {padding: 100px 0 110px;}
	.page-title {margin-bottom: 55px;}
	.page-title h3 {font-size: 46px; padding-top: 40px;}

	/* s1-1 */
	.overview .arti01 {padding-bottom: 90px;}
	.overview .arti01 .box-wrap {margin: -6px;}
	.overview .arti01 .box {padding: 6px;}
	.overview .arti01 .box .inner {min-height: 280px; padding: 40px 35px;}
	.overview .arti01 .box.col02 .inner {padding: 40px 60px 40px 35px;}
	.overview .arti01 .box b {font-size: 24px;}
	.overview .arti01 .box p {font-size: 18px; margin-top: 10px;}
	.overview .arti01 .box p br {display: none;}
	.overview .arti01 .box .icon {bottom: 35px; right: 35px; background-size: 58px auto;}

	.overview .arti02 {padding: 110px 0 120px;}
	.overview .arti02 .wrap {display: flex;}
	.overview .arti02 .text-box {width: 1%; flex: 1 1 auto; padding-top: 10px;}
	.overview .arti02 .arti-title .eng-name {width: 100px; margin-bottom: 25px;}
	.overview .arti02 .arti-title h4 {font-size: 42px;}
	.overview .arti02 .arti-title p {font-size: 20px; margin-top: 15px; margin-bottom: 50px;}
	.overview .arti02 .box-wrap {display: flex; flex-wrap: wrap; margin: -10px;}
	.overview .arti02 .box {padding: 10px;}
	.overview .arti02 .box .inner {width: 170px; min-height: 160px; padding: 20px 20px 25px 25px;} 
	.overview .arti02 .box .num {font-size: 16px;}
	.overview .arti02 .box p {font-size: 22px;}
	.overview .arti02 .img-box {max-width: 300px; margin-left: 40px;}

	/* 1-2 */
	.history .top-img-box {margin-bottom: 50px;}

	.history-wrap:before {left: 300px;}
	.history-wrap .year {max-width: 300px;}
	.history-wrap .year p {left: 40px; font-size: 28px;}
	.history-wrap .year h4 {top: 58px; left: 40px; font-size: 80px;}

	.history-wrap.history-fixed .year p {top: 195px; left: 55px;}
	.history-wrap.history-fixed .year h4 {top: 253px; left: 55px;}

	.history-wrap .details {padding-bottom: 350px;}
	.history-wrap .year-wrap {padding-left: 40px;}
	.history-wrap .year-wrap:not(:last-child) {margin-bottom: 60px;}
	
	.history-wrap .month-wrap .month {max-width: 60px;}
	.history-wrap .month-wrap .month p {font-size: 18px;}
	.history-wrap .month-wrap:not(:last-child) ul {margin-bottom: 20px;}
	.history-wrap .month-wrap ul li {font-size: 18px;}

	/* s1-3 */
	.location .map {margin-bottom: 35px;}
	.location .root_daum_roughmap {height:400px !important;}
	.location .root_daum_roughmap .wrap_map {height:400px !important;}
	.location .info dl {font-size: 18px; margin-bottom: 6px;}
	.location .info dt {max-width: 58px; padding-left: 10px;}
	.location .btn-wrap a {width: 56px; height: 56px;} 

	/* s2-1 */
	.service .arti01 {padding-bottom: 90px;}
	.top-img-box {height: 320px; margin-bottom: 80px;}
	.arti-title .eng-name {width: 140px; height: 48px; font-size: 15px; line-height: 48px; margin-bottom: 35px;}
	.arti-title h4 {font-size: 32px;}
	.arti-title p {font-size: 18px; margin-top: 30px;}

	.service .arti02 {padding: 110px 0 120px;}
	.service .arti02 .arti-title {margin-bottom: 60px;}
	.process-list ol {display: flex; flex-wrap:wrap; margin: 0 -15px;}
	.process-list ol li {padding: 0 15px;}
	.process-list ol li:after {top: 40px;}
	.process-list.col05 ol li {width: 20%;}
	.process-list ol li .icon {width: 100px; height: 100px; background-size: 100px auto; margin: 0 auto 25px;}
	.process-list ol li .num {font-size: 16px; margin-bottom: 10px;}
	.process-list ol li p {font-size: 22px;}

	/* s3-1 */
	.analysis-list .list-title {height: 60px; font-size: 18px;}
	.analysis-list ul li {width: 25%; height: 60px; padding: 0 25px; font-size: 16px;}
	.analysis-list ul li:nth-child(5n) {border-right: 1px solid #ddd;} 
	.analysis-list ul li:nth-child(4n) {border-right: 0;}

	/* s3-2 */
	.equip-list .item {margin: 0 -15px;}
	.equip-list .item:not(:last-child) {margin-bottom: 40px;}
	.equip-list .item > div {width: 50%; padding: 0 15px;}
	.equip-list .item:nth-child(odd) .text-box .inner {padding: 0 20px;}
	.equip-list .item:nth-child(even) .text-box .inner {padding: 0 20px;}
	.equip-list .item .text-box p {font-size: 30px; line-height: 1.2em; margin-bottom: 20px;}
	.equip-list .item .text-box ul li {font-size: 18px; padding-left: 14px;}
	.equip-list .item .text-box ul li:before {top: 13px;}
}

@media (max-width: 768px) {
	.sub-visual {height: 350px;}
	.sub-visual > .container {padding-top: 10px;}
	.sub-visual h2 {font-size: 48px;}
	#lnb ul li a {height: 60px; font-size: 16px;}

	.sub-cont {padding: 80px 0 90px;}
	.page-title {margin-bottom: 50px;}
	.page-title h3 {font-size: 40px; padding-top: 35px;}

	/* s1-1 */
	.overview .arti01 {padding-bottom: 70px;}
	.overview .arti01 .box-wrap {margin: -6px;}
	.overview .arti01 .box {padding: 6px;}
	.overview .arti01 .box.col01 {width: 50%;}
	.overview .arti01 .box.col02 {width: 100%;}
	.overview .arti01 .box .inner {min-height: 240px; padding: 35px 25px;}
	.overview .arti01 .box.col02 .inner {padding: 35px 25px;}
	.overview .arti01 .box b {font-size: 20px;}
	.overview .arti01 .box p {font-size: 16px; margin-top: 10px;}
	.overview .arti01 .box p br {display: block;}
	.overview .arti01 .box .icon {bottom: 30px; right: 30px; background-size: 50px auto;}
	.overview .arti02 {padding: 80px 0 90px;}
	.overview .arti02 .wrap {display: block;}
	.overview .arti02 .text-box {width: 100%; flex: auto; padding-top: 0;}
	.overview .arti02 .arti-title .eng-name {width: 100px; margin-bottom: 20px;}
	.overview .arti02 .arti-title h4 {font-size: 38px;}
	.overview .arti02 .arti-title p {font-size: 18px; margin-top: 15px; margin-bottom: 40px;}
	.overview .arti02 .box-wrap {margin: -6px;}
	.overview .arti02 .box {width: 33.333%; padding: 6px;}
	.overview .arti02 .box .inner {width: 100%; min-height: 140px; padding: 15px 10px 15px 15px;} 
	.overview .arti02 .box .num {font-size: 15px;}
	.overview .arti02 .box p {font-size: 20px;}
	.overview .arti02 .img-box {max-width: none; margin: 40px auto 0; text-align: center;}

	/* 1-2 */
	.history .top-img-box {margin-bottom: 40px;}
	.history-wrap {position: relative; display: block;}
	.history-wrap:before {height: calc(100% - 65px); top: 65px; left: 9px;}
	.history-wrap .year {max-width: none;}
	.history-wrap .year p {position: relative; left: 20px; font-size: 25px; margin-bottom: 15px; padding-left: 10px;}
	.history-wrap .year h4 {position: relative;}
	.history-wrap .year h4.on {display: none;}

	.history-wrap.history-fixed .year p {position: relative; top: 0; left: 30px;}
	.history-wrap.history-fixed .year h4 {position: relative; left: 0;}

	.history-wrap .details {padding-bottom: 90px;}
	.history-wrap .year-wrap {padding-left: 30px;}
	.history-wrap .year-wrap:not(:last-child) {margin-bottom: 35px;}
	.history-wrap .year-wrap:before {top: 12px; left: 0;}
	.history-wrap .year-wrap:after {top: 16px; left: 4px;}
	.history-wrap .year-wrap h5 {display: block;}
	
	.history-wrap .month-wrap .month {max-width: 50px;}
	.history-wrap .month-wrap .month p {font-size: 16px;}
	.history-wrap .month-wrap:not(:last-child) ul {margin-bottom: 15px;}
	.history-wrap .month-wrap ul li {font-size: 16px;}

	/* s1-3 */
	.location .map {margin-bottom: 30px;}
	.location .root_daum_roughmap {height:320px !important;}
	.location .root_daum_roughmap .wrap_map {height:320px !important;}
	.location .info-wrap {display: block;}
	.location .info {width: 100%; flex: auto;}
	.location .info dl {font-size: 16px; margin-bottom: 6px;}
	.location .info dt {max-width: 50px; padding-left: 10px;}
	.location .info dd {width: 100%; flex: auto;}
	.location .btn-wrap {justify-content: flex-end; margin-top: 15px;}
	.location .btn-wrap a {width: 56px; height: 56px; } 

	/* s2-1 */
	.service .arti01 {padding-bottom: 70px;}
	.top-img-box {height: 280px; margin-bottom: 60px;}
	.arti-title .eng-name {width: 130px; height: 44px; font-size: 15px; line-height: 44px; margin-bottom: 30px;}
	.arti-title h4 {font-size: 28px;}
	.arti-title p {font-size: 16px; margin-top: 25px;}
	.arti-title p .br-pc {display: none;}

	.service .arti02 {padding: 80px 0 90px;}
	.service .arti02 .arti-title {margin-bottom: 60px;}
	.process-list ol {justify-content: center; margin: -15px -12px;}
	.process-list ol li {padding: 15px 12px;}
	.process-list ol li:after {top: 56px;}
	.process-list ol li:nth-child(3n):after {display: none;}
	.process-list.col05 ol li {width: 33.333%;}
	.process-list ol li .icon {width: 100px; height: 100px; background-size: 100px auto; margin: 0 auto 20px;}
	.process-list ol li .num {font-size: 15px; margin-bottom: 8px;}
	.process-list ol li p {font-size: 20px;}

	/* s2-2 */
	.process-list.col04 ol li:nth-child(3n):after {display: block;}
	
	/* s2-3 */
	.process-list.col06 ol li {width: 33.3333%;}

	/* s3-1 */
	.analysis-list .list-title {height: 50px; font-size: 18px;}
	.analysis-list ul li {width: 33.3333%; height: 60px; padding: 0 15px; font-size: 16px;}
	.analysis-list ul li:nth-child(4n) {border-right: 1px solid #ddd;} 
	.analysis-list ul li:nth-child(3n) {border-right: 0;}

	/* s3-2 */
	.equip-list .item {display: block;}
	.equip-list .item:not(:last-child) {margin-bottom: 40px;}
	.equip-list .item > div {max-width: 680px; width: 100%; margin: 0 auto;}
	.equip-list .item .img-box {margin-bottom: 20px;}
	.equip-list .item:nth-child(odd) .text-box .inner {padding: 0 10px;}
	.equip-list .item:nth-child(even) .text-box .inner {padding: 0 10px;}
	.equip-list .item .text-box p {font-size: 24px; margin-bottom: 10px;}
	.equip-list .item .text-box ul li {font-size: 16px; padding-left: 12px;}
	.equip-list .item .text-box ul li:before {top: 12px;}
}

@media (max-width: 480px) {
	/* main */
	.main-rnd:before {display: none;}
		
	.arti-title h4 br {display: none;}
	
	/* s2-2 */
	.process-list.col04 ol li {width: 50%;}
	.process-list.col04 ol li:nth-child(2n):after {display: none;}

	/* s3-1 */
	.analysis-list .list-title {height: 50px;}
	.analysis-list ul li {width: 50%;}
	.analysis-list ul li:nth-child(3n) {border-right: 1px solid #ddd;} 
	.analysis-list ul li:nth-child(2n) {border-right: 0;}

	/* s3-2 */
	.equip-list ul li {width: 100%;}
}