@media (max-width: 1800px) {
/* sub */
.item-introduce .container .section-content > ol{display: flex; justify-content: center; flex-wrap:wrap;}
.item-introduce .container .section-content > ol > li{width: auto;}
.item-introduce .container .section-content > ol > li > p{font-size: 18px; padding-left: 60px; padding-right: 20px;}	
.item-introduce .container .section-content > ol > li > p:before{left: 0px;}
.item-introduce .container .section-content > ol > li:nth-of-type(3n + 1){clear: none;}
.about .services2 .container .section-content > ul > li > figure figcaption{padding: 40px 20px; height: auto; font-size: 18px; line-height: 1.7;}

.about .closing .container .section-content ul{flex-wrap:wrap;}
.about .closing .container .section-content ul li{width: 19%; margin-right: 1.25%;}
.about .closing .container .section-content ul li img{width: auto; max-width:100%;}

}

@media (max-width: 1024px) {
/* sub */
.page-header .container{height: 55vw; padding: 0; padding-top: 40px;}
.page-header .container > .v-align h3{font-size: clamp(30px, 6vw, 80px); line-height: 1.7;}
.item-introduce .container .section-content > ol{display: flex; flex-wrap:wrap;}
.item-introduce .container .section-content > ol > li {width: 100%; }
.item-introduce .container .section-content > ol > li p{line-height: 2em;}
.item-introduce .container .section-content > ol > li > p {font-size: clamp(16px, 2.8vw, 50px); line-height: 1.4; height: auto !important; margin-bottom: 10px;}
.item-introduce .container .section-content > ol > li > p span{font-size: clamp(14px, 2.6vw, 50px); line-height: 1.4;}
.item-introduce .container .section-content > ol > li:nth-of-type(3) ~ li{margin-top: 0;}
.item-introduce .container .section-content > ol > li > p:before{width: 42px;}
.item-introduce .container .section-content > ol > li > p{padding-top: 0 !Important;}

/* s2 */
section{padding: 12vw 0;}
.section-header{padding-bottom: 5vw;}
.section-header h3{font-size: clamp(25px, 5.5vw, 50px); line-height: 1.2; padding-top: 20px;} 
.section-header p{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.7}
.item-introduce .container .section-content > ol{margin-top: 7vw;}
.item-introduce21{background-size: 100% 30% !important;}
.item-introduce{background-size: 100% 53%;}
.item-introduce4{background-size: 100% 30% !important;}

/* s5 */
.about .rock-korea .container .section-content .summary-list{padding: 5vw 5vw;}
.about .rock-korea .container .section-content .summary-list > ul{display: inline-flex; flex-wrap:wrap; justify-content: space-between; width: 100%; }
.about .rock-korea .container .section-content .summary-list > ul > li{width: 40vw; height: 40vw; padding: 0; margin-bottom: 5vw;}
.about .rock-korea .container .section-content .summary-list > ul > li .box{width: 100%; height: 100%;}
.about .rock-korea .container .section-content .summary-list > ul > li .box p{font-size: clamp(20px, 4.8vw, 38px); line-height: 1.2;}
.about .services .container .section-content > ul{display: flex; flex-wrap:wrap;}
.about .services .container .section-content > ul > li{width: 50%;}
.about .services .container .section-content > ul > li:nth-child(2){border-right: 0;}
.about .services .container .section-content > ul > li:nth-child(1){border-bottom: 1px solid #ddd;}
.about .services .container .section-content > ul > li:nth-child(2){border-bottom: 1px solid #ddd;}
.about .services .container .section-content > ul > li:nth-child(3):after{display: none;}
.about .services .container .section-content > ul > li:nth-child(2):after{display: none;}
.about .services .container .section-content > ul > li:after {top: auto; bottom: -6px;  transform: translateY(0%) rotate(45deg); z-index: 100; display: none;}
.about .services .container .section-content > ul > li figure{padding: 4vw 20px;}
.about .services .container .section-content > ul > li figure img{width: 20vw;}
.about .services .container .section-content > ul > li figure figcaption{padding-top: 3vw;}
.about .services .container .section-content > ul > li figure figcaption > dl > dt span{font-size: clamp(20px, 4.5vw, 38px); line-height: 1.2;}
.about .services .container .section-content > ul > li figure figcaption > dl > dd{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.6; margin-top: 3vw;}
.about .services2 .container .section-content > ul{display: block;}
.about .services2 .container .section-content > ul > li{display: block; width: 100%; margin-bottom: 5vw;}
.about .services2 .container .section-content > ul > li > figure figcaption{height: auto; font-size: clamp(14px, 2.6vw, 20px); line-height: 1.6; }

.about .closing .container .section-content ul {display: inline;}
.about .closing .container .section-content ul > li{display: inline-block; margin-right: 0; margin-bottom: 10px; width: 32.5%;}
.about .services2{margin-bottom: 10vw; padding-bottom: 0;}
.about .closing{padding: 12vw 0;}




}
@media (max-width: 480px) {

}