@charset "utf-8";


.intro_wrap{position:relative;text-align:center;padding: 20px 15px;background:url(../images/main_bg.jpg) no-repeat center;background-size:cover;height:100vh;}
.intro_wrap h1{position:relative;padding: 10px 0 10px 0;z-index:100;}
.intro_wrap h1 img{width: 100px;}
.intro_wrap h2{position:relative;padding: 0 0 30px 0;z-index:100;}
.intro_wrap h2 img{width: 95%;}
.intro_wrap .intro_list{position:relative; }
.intro_wrap .intro_list li{position:relative;padding: 35px 25px 30px;border-radius: 20px;margin-bottom:20px;color:#fff;font-size: 24px;font-weight: 600;letter-spacing: -2px;line-height:1.4;}
.intro_wrap .intro_list li:first-child{background: #099449; box-shadow: rgb(165 165 165 / 15%) 5px 5px 5px;}
.intro_wrap .intro_list li:nth-child(2){background: #054d9e;box-shadow: rgb(165 165 165 / 15%) 5px 5px 5px;}
.intro_wrap .intro_list li:last-child{background: #e06730;box-shadow: rgb(165 165 165 / 15%) 5px 5px 5px;}
.intro_wrap .intro_list li a{width: 100%;display:block;border: 1px solid #fff;border-radius: 10px;font-size: 16px;margin-top:20px;padding:10px 0;font-weight: 400;}
.intro_wrap .intro_list li:first-child a{color: #fff;}
.intro_wrap .intro_list li:nth-child(2) a{color: #fff;}
.intro_wrap .intro_list li:last-child a{color: #fff;}

.intro_wrap .intro_list li:first-child a:hover{color: #099449; background: #fff; transition:0.5s;}
.intro_wrap .intro_list li:nth-child(2) a:hover{color: #054d9e; background: #fff; transition:0.5s;}
.intro_wrap .intro_list li:last-child a:hover{color: #e06730; background: #fff; transition:0.5s;}



.intro_wrap .copy{font-size:16px; line-height:1.5;}



@media all and (min-width:425px) {
.intro_wrap h2 img{width: 80%;}
}

@media all and (min-width:481px) {
.br{display:none;}
.intro_wrap h2 img{width: 400px;}
}


@media all and (min-width:768px) {
.intro_wrap{display:flex;flex-direction: column;justify-content: center;}
.intro_wrap h2 img{width: 420px;}
.intro_wrap{padding:20px 15px 70px 15px;}
.intro_wrap .intro_list{overflow:hidden; margin-bottom:40px;}
.intro_wrap .intro_list li{font-size:27px;}
.intro_wrap .intro_list li a{font-size:17px;}
}

@media all and (min-width:800px) {
.br{display:block;}
.intro_wrap:before{display:block;content:"";position:absolute;background-size:contain;background-repeat:no-repeat;background-position:bottom;right: 20px;bottom: 0;width: 400px;height: 100%;margin-bottom: 20px;background-image:url("../images/hampyeong.png")}
.intro_wrap h1 img{width: 120px;}	  
.intro_wrap .intro_list{width: 100%;display:flex;flex-direction: row;justify-content: space-between;align-items: stretch;margin-bottom: 80px;}	
.intro_wrap .intro_list li{width:32%; padding:25px; font-size:26px;}
.intro_wrap .intro_list li:first-child a{margin-top:90px;}
.intro_wrap .intro_list li:nth-child(2) a{margin-top:90px;}
}


@media all and (min-width:1024px) {
.container{width: 968px;margin:0 auto;position:relative;}
.intro_wrap .intro_list li{font-size: 28px;}
}

@media all and (min-width:1200px) {
.container{width: 1100px;}
.intro_wrap:before{right: 45px;}
.intro_wrap h1{padding: 50px 0 10px 0;}
.intro_wrap h2{padding: 0 0 70px 0;}
.intro_wrap .intro_list li{padding: 35px 65px;font-size: 32px;}
}

@media all and (min-width:1440px) {
.intro_wrap:before{right: 80px; bottom:40px}  
}