@charset "utf-8";

#atc03{padding: 0 0 150px;text-align:center}
#atc03 .inner{max-width:1760px;height:993px;margin:0 auto;padding:180px;background:url(./img/bg.png) no-repeat center / cover;border-radius:20px}
#atc03 .inner span{color:#775e4c}
#atc03 .inner .en_tit{font-size:15px;font-weight:700;color:#775e4c;text-transform:uppercase}
#atc03 .inner .ko_tit{padding: 50px 0 80px;font-size:43px;font-weight:700;color:var(--black);line-height:1.3}
#atc03 .inner .bot_list ul{display: grid;grid-template-columns: repeat(3, 1fr);gap:28px} 
#atc03 .inner .bot_list ul li{padding:55px 40px;background:#fff;border-radius:20px} 
#atc03 .inner .bot_list ul li:nth-child(1) .icon,#atc03 .inner .bot_list ul li:nth-child(2) .icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:10px;border:2px solid #e1e1e1;margin:0 auto} 
#atc03 .inner .bot_list ul li .tit{padding:30px 0;font-size:25px;font-weight:700;color:var(--black)} 
#atc03 .inner .bot_list ul li .small_txt div{position:relative;padding:18px;margin-bottom:10px;font-size:18px;font-weight:600;background:#775e4c;color:#fff;border-radius:10px} 
#atc03 .inner .bot_list ul li .small_txt div:nth-child(1):after{position:absolute;content:'';top:-10px;left:50%;width:25px;height:25px;border-radius:5px;background:#775e4c;transform:translateX(-50%)rotate(45deg)}
#atc03 .inner .bot_list ul li .small_txt div:nth-child(2){margin-bottom:0}
#atc03 .inner .bot_list ul li:nth-child(3){background:#382d26}
#atc03 .inner .bot_list ul li:nth-child(3) .small_txt div{margin:60px 0 0 0;font-size:25px;font-weight:700;color:var(--black);background:#Fff}
#atc03 .inner .bot_list ul li:nth-child(3) .small_txt div:after{background:#Fff}
#atc03 .inner .bot_list ul li:last-child p{width:80px;height:40px;font-size:17px;font-weight:600;color:#fff;line-height:40px;background:rgba(255,255,255,0.1);border-radius:20px;margin:0 auto 40px}

/* 반응형 [s] */
@media (hover:hover){
#atc03 ul li:hover .img img{transform:scale(1.08)}
#atc03 .controls .arr:hover{color:var(--point)}
}
@media (max-width:1700px){
#atc03 .inner{padding:100px 50px;height:auto}
}
@media (max-width:1380px){
#atc03{padding:0 30px 140px}
}
@media (max-width:1200px){
#atc03 .inner{padding:80px 30px}
#atc03 .inner .ko_tit{padding:50px 0;font-size:39px}
#atc03 .inner .bot_list ul{gap:20px}
#atc03 .inner .bot_list ul li{padding:30px}
}
@media (max-width:1024px){
#atc03{padding:0 20px 110px}
#atc03 .inner .bot_list ul {grid-template-columns:repeat(2, 1fr)}
#atc03 .inner .bot_list ul li .small_txt div{font-size:16px}
#atc03 .inner .bot_list ul li:nth-child(3) .small_txt div{font-size:20px}
#atc03 .inner .bot_list ul li .tit{font-size:22px}
#atc03 .inner .bot_list ul li:nth-child(3){grid-column:1 / span 2}
}
@media (max-width:768px){
#atc03{padding:0 15px 80px}
#atc03 .inner{padding:50px 20px}
#atc03 .inner .ko_tit{padding:30px 0;font-size:32px}
#atc03 .inner .bot_list ul{grid-template-columns:repeat(1, 1fr);gap:15px}
#atc03 .inner .bot_list ul li{padding:24px}
#atc03 .inner .bot_list ul li .tit{font-size:20px}
#atc03 .inner .bot_list ul li:nth-child(1) .icon, #atc03 .inner .bot_list ul li:nth-child(2) .icon{width:100px;height:100px}
#atc03 .inner .bot_list ul li:nth-child(1) .icon img, #atc03 .inner .bot_list ul li:nth-child(2) .icon img{width:50%}
#atc03 .inner .bot_list ul li:nth-child(3) .icon img{width:60px}
#atc03 .inner .bot_list ul li:nth-child(3){grid-column: 1 / span 1}
}
@media (max-width:480px){
#atc03{padding:0 15px 40px}
#atc03 .inner{padding:30px 20px}
#atc03 .inner .ko_tit{font-size:28px}
#atc03 .inner .bot_list ul li:nth-child(3) .small_txt div{font-size:18px}
#atc03 .inner .bot_list ul li:last-child p{font-size:15px}
}
@media (max-width:450px){
#atc03 .inner .ko_tit{font-size:26px}
}

@media (max-width:380px){

}
/* 반응형 [e] */