@media screen and (max-width:877px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/bg_main_01.jpg") no-repeat center; background-size:cover; padding:40px 0;}
    .main-slider h3{font-size:25px; text-transform: uppercase; color:#fff; margin-bottom:17px; line-height:35px;padding-top:70px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:14px; margin-bottom:50px; color:#fff;}
    .main-slider .btn{color:#fff; padding: 10px 18px !important;}
    .main-slider .btn i{padding-left:60px; font-size: 20px; padding-left: 30px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:45px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:10px; height:10px;background-color:#fff;margin-right:20px; border-radius: 50%;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    /*
	.main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:50px;}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){margin-top:20px; }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 50%;  margin-bottom: 40px;text-align:center; height:170px; align-items: flex-end;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:10px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}
	*/
	.main_biz {width:100%; overflow:hidden; margin:50px 0 0 0; padding-bottom:30px;}
	.main_biz li {cursor: pointer; float:left; width:49%; margin-right:2%; margin-bottom:2%; border:1px solid #e5e5e5; box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.main_biz li:nth-child(2n) {margin-right:0;}
	.main_biz .img {width:100%; height:130px; background-color:#f5f5f5;}
	.main_biz .text {width:100%; height:160px;padding:22px 15px; text-align:center; white-space:normal; word-break:keep-all;}
	.main_biz .text h4 {color:#000; font-size:16px; line-height:22px; letter-spacing:-1px; padding-bottom:12px;}
	.main_biz .text p {font-size:13px; line-height:19px; color:#888;}

    .main-section02{position:relative; height:400px ; margin-top:30px; text-align: center;}
    .main-section02 h3{font-size:30px; color:#000; line-height: 80px; font-weight: 300; }
    .main-section02 p{font-size:14px; line-height: 26px; color:#777; padding-bottom:55px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px #aaa;}
    .main-section02 img:nth-of-type(1){position: absolute; right: 38px; top: 295px; width: 34%;}
    .main-section02 img:nth-of-type(2){position: absolute; right: 156px; top: 358px; z-index: 1; width: 34%;}
    .main-section02 img:nth-of-type(3){position: absolute; left: 24px; top: 449px; width: 48%;}

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:495px; background-size: cover; margin-top: 183px;}
    .main-banner h3{font-size:30px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
	.main-banner h3 span{font-weight:500; font-family:"Noto Sans Korean Medium";}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:14px; line-height: 30px; color:#fff; display:inline-block;padding: 0 0 85px 100px; word-break: keep-all;} 
    .main-banner div{padding-top:63px; padding-right:45px;display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{}
    .main-section03 ul>li{width:90%; margin:0 auto 20px;  }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:10px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; width: 239px; margin: 50px auto; display: block;}
    .main-section03 .inner>a i{padding-left:60px; }




}
@media screen and (min-width:878px) and (max-width:1219px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/bg_main_01.jpg") no-repeat center; background-size:cover; padding:250px 0;}
    .main-slider h3{font-size:55px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:27px; margin-bottom:100px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    /*
	.main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:100px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 50%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}
	*/
	.main_biz {width:100%; overflow:hidden; margin:80px 0 80px; 0; padding-bottom:50px;}
	.main_biz li {cursor: pointer; float:left; width:23.5%; margin-right:2%; border:1px solid #e5e5e5; box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.main_biz li:nth-child(4) {margin-right:0;}
	.main_biz li:hover {border:1px solid #c4181f; transition:all .2s;}
	.main_biz .img {width:100%; height:180px; background-color:#f5f5f5;}
	.main_biz .text {width:100%; height:180px;padding:30px 25px; text-align:center; white-space:normal; word-break:keep-all;}
	.main_biz .text h4 {color:#000; font-size:19px; line-height:26px; letter-spacing:-1px; padding-bottom:15px;}
	.main_biz .text p {font-size:15px; line-height:23px; color:#888;}

    .main-section02{position:relative; height:400px ; }
    .main-section02 h3{font-size:40px; color:#000; line-height: 80px; font-weight: 300;}
    .main-section02 p{font-size:15px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px #aaa;}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; width:30%}
    .main-section02 img:nth-of-type(2){position: absolute; right:198px; top:162px; z-index: 1; width: 25%;}
    .main-section02 img:nth-of-type(3){position: absolute; right:80px; top:290px; width: 30%;}

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:550px; background-size: cover; }
    .main-banner h3{font-size:40px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
	.main-banner h3 span{font-weight:500; font-family:"Noto Sans Korean Medium";}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:15px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:125px; padding-right:20px;display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li{width:30%; }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 50px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }




}

@media screen and (min-width:1220px) and (max-width:1869px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/bg_main_01.jpg") no-repeat center; background-size:cover; padding:250px 0;}
    .main-slider h3{font-size:75px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:30px; margin-bottom:130px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    /*
	.main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:100px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 50%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; }
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}
	*/
	.main_biz {width:100%; overflow:hidden; margin:80px 0 80px; 0; padding-bottom:50px;}
	.main_biz li {cursor: pointer; float:left; width:23.5%; margin-right:2%; border:1px solid #e5e5e5; box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.main_biz li:nth-child(4) {margin-right:0;}
	.main_biz li:hover {border:1px solid #c4181f; transition:all .2s;}
	.main_biz .img {width:100%; height:210px; background-color:#f5f5f5;}
	.main_biz .text {width:100%; height:170px;padding:30px 25px; text-align:center; white-space:normal; word-break:keep-all;}
	.main_biz .text h4 {color:#000; font-size:21px; line-height:26px; letter-spacing:-1px; padding-bottom:18px;}
	.main_biz .text p {font-size:16px; line-height:25px; color:#888;}

    .main-section02{position:relative; height:690px ; }
    .main-section02 h3{font-size:60px; color:#000; line-height: 80px; font-weight: 300;}
    .main-section02 p{font-size:16px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px #aaa;}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; }
    .main-section02 img:nth-of-type(2){position: absolute; right:269px; top:102px; z-index: 1;}
    .main-section02 img:nth-of-type(3){position: absolute; right:380px; top:315px; }

    .main-banner{background-image: url('../img/ban_02.png'); width:100%; height:700px; background-size: cover; }
    .main-banner h3{font-size:60px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
	.main-banner h3 span{font-weight:500; font-family:"Noto Sans Korean Medium";}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:16px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:225px; padding-right:20px;display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03{margin-top:50px; }
    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li{width:30%; }
    .main-section03 ul li div img{width:100%}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 50px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }




}

@media screen and (min-width:1870px){


    .btn{border:2px solid #fff; padding:15px 20px;}

    .main-slider .swiper-slide{background: url("../img/bg_main_01.jpg") no-repeat center; background-size:cover; padding:300px 0;}
    .main-slider h3{font-size:75px; text-transform: uppercase; color:#fff; margin-bottom:40px; line-height:80px;}
    .main-slider h3 span{display:block;}
    .main-slider p{font-size:30px; margin-bottom:130px; color:#fff;}
    .main-slider .btn{color:#fff;}
    .main-slider .btn i{padding-left:60px; font-size: 20px;}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:90px; width:unset; left:unset; right:0;}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
    .main-section01:after{content:''; display:block; clear:both; visibility:hidden;}
    /*
	.main-section01 .inner div:first-child{border-top:2px solid #000; width:160px;  margin-top:105px; float:left}
    .main-section01 .inner div:first-child span:first-child{font-size:20px; font-weight: 700; color:#080404; display: block; line-height: 28px;padding-top:27px ;}
    .main-section01 .inner div:first-child span:last-child{font-size:16px; color:#aaa; display: block;line-height: 28px;}
    .main-section01 .inner div:nth-of-type(2){width:80%;float:right;margin-top:105px;margin-bottom:180px;  }
    .main-section01 .inner div:nth-of-type(2) ul{display: flex; flex-wrap: wrap;align-content: space-around; float:right}
    .main-section01 .inner div:nth-of-type(2) ul li{ display:flex; flex:1 1 25%;    justify-content: space-around; margin-bottom: 40px;}
    .main-section01 .inner div:nth-of-type(2) ul li img{object-fit: contain; margin-bottom:auto; margin-bottom:15px;}
    .main-section01 .inner div:nth-of-type(2) ul li dt{font-size:18px; color:#080404; font-weight: 700; margin-bottom:18px; line-height:23px;min-height:46px;}
    .main-section01 .inner div:nth-of-type(2) ul li dl{width:225px; }
    .main-section01 .inner div:nth-of-type(2) ul li dd{font-size:14px;line-height: 22px; color:#777;    letter-spacing: -2px;}
    .main-section01 .inner div:nth-of-type(2) ul li dd span{display: block;}
	*/

	.main_biz {width:100%; overflow:hidden; margin:80px 0 40px; 0; padding-bottom:40px;}
	.main_biz li {cursor: pointer; float:left; width:23.5%; margin-right:2%; border:1px solid #e5e5e5; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
	.main_biz li:nth-child(4) {margin-right:0;}
	.main_biz li:hover {border:1px solid #c4181f; transition:all .2s;}
	.main_biz .img {width:100%; height:210px; background-color:#f5f5f5;}
	.main_biz .text {width:100%; height:150px;padding:30px; text-align:center;}
	.main_biz .text h4 {color:#000; font-size:21px; letter-spacing:-1px; padding-bottom:20px;}
	.main_biz .text p {font-size:16px; line-height:25px; color:#888; word-break:keep-all;}

    .main-section02{position:relative; height:690px ; }
    .main-section02 h3{font-size:60px; color:#000; line-height: 80px; font-weight: 300;}
    .main-section02 p{font-size:16px; line-height: 30px; color:#777; padding-bottom:85px;} 
    .main-section02 p span{display: block;}
    .main-section02 a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-section02 a i{padding-left:60px; }
    .main-section02 img{box-shadow: 5px 5px 10px #aaa;}
    .main-section02 img:nth-of-type(1){position: absolute; right:0; top:0; }
    .main-section02 img:nth-of-type(2){position: absolute; right:269px; top:102px; z-index: 1;}
    .main-section02 img:nth-of-type(3){position: absolute; right:380px; top:315px; }

    .main-banner{background-image: url('../img/ban_02.png'); width:90%; height:770px; background-size: cover;  margin: 0 0 95px auto}
    .main-banner h3{font-size:60px; color:#fff; line-height: 80px; font-weight: 300; display:inline-block ;padding-bottom:30px}
	.main-banner h3 span{font-weight:500; font-family:"Noto Sans Korean Medium";}
    .main-banner p span{display:block ;}
    .main-banner p{font-size:16px; line-height: 30px; color:#fff; padding-bottom:85px; display:inline-block} 
    .main-banner div{padding-top:225px; padding-left:1070px;display: flex; flex-direction: column; align-items: flex-start;}
    .main-banner a{border:2px solid #cdcdcd; color:#cdcdcd; padding:15px 20px; }
    .main-banner a i{padding-left:60px; }

    .main-section03:after{clear: both; content:""; display: block;}
    .main-section03 ul{display:flex; justify-content: space-between;}
    .main-section03 ul li div{position: relative;}
    .main-section03 ul li div span{padding:25px 18px 0 ;background-color: #fff; color:#373737;position: absolute;left:0; bottom:0; font-size: 16px; }
    .main-section03 ul>li>span{font-size: 22px; line-height: 43px ; color:#222; font-weight: 700; padding-top:30px; display: block;}
    .main-section03 .inner>ul>li>ol>li a{font-size: 15px; line-height: 26px;color:#999; width: 415px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
    .main-section03 .inner>a{border:2px solid #cdcdcd;color:#cdcdcd; font-size:14px; padding:15px 20px; float: right;margin-top: 105px; margin-bottom:97px}
    .main-section03 .inner>a i{padding-left:60px; }




}