@charset "utf-8";

#atc04{padding:0 0 150px;text-align:center}
#atc04 .inner{max-width:var(--mainsize);margin:0 auto}
#atc04 .inner .top{font-size:17px}
#atc04 .inner .top .en_tit{font-size:15px;font-weight:700;color:#775e4c;text-transform:uppercase}
#atc04 .inner .top span{color:#775e4c}
#atc04 .inner .top .ko_tit{padding: 50px 0 10px;font-size:43px;font-weight:700;color:var(--black);line-height:1.3}
#atc04 .inner .center .sml_txt{padding: 0 16px 16px 0;font-weight: 500;color: #222;text-align:right}
#atc04 .inner .center .point_list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;}
#atc04 .inner .center .point_list ul li{display:flex;align-items:center;gap:26px;padding:27px;background:#775e4c;border-radius:10px}
#atc04 .inner .center .point_list ul li .p_num{width:102px;line-height:32px;font-size:15px;font-weight:700;color:#888;background:#fff;border-radius:50px}
#atc04 .inner .center .point_list ul li p{font-size:18px;font-weight:700;color:#fff}
#atc04 .inner .center .point_list ul li b{color:rgba(255,255,255,0.6);font-size:14px;font-weight:500}
#atc04 .inner .center .card_box{padding:60px 0}
#atc04 .inner .center .card_box .tit_box{display:flex;align-items:center;justify-content:center;gap:14px}
#atc04 .inner .center .card_box .tit_box p{padding:10px 45px;width:max-content;font-size:15px;font-weight:600;color:#222;background:#f5f5f5}
#atc04 .inner .center .card_box div:nth-child(1) img{position:relative;height:411px}
#atc04 .inner .center .card_box .tit{width:200px;line-height:50px;font-size:15px;font-weight:600;color:#222;background:#f5f5f5;margin:0 auto}
#atc04 .inner .bot .pro_box .list{display:flex;gap:26px;padding-top:60px}
#atc04 .inner .bot .pro_box .list a{display:block;position:relative}
#atc04 .inner .bot .pro_box .list a:nth-child(1){width:100%;height:222px;font-size:24px;font-weight:700;background:url(./img/bg01.jpg) no-repeat center / cover;border-radius:20px;color:#fff}
#atc04 .inner .bot .pro_box .list a:nth-child(2){width:100%;height:222px;background:url(./img/bg02.jpg) no-repeat center / cover;border-radius:20px}
#atc04 .inner .bot .pro_box .list a p{position:absolute;bottom:44px;right:54px;font-size:24px;font-weight:700;color:#fff}

/* 반응형 [s] */
@media(max-width:1380px){
#atc04{padding:0 30px 140px}
#atc04 .inner .center .point_list ul li p{font-size:17px}
}
@media(max-width:1200px){
#atc04 .inner .top .ko_tit{font-size:39px}
#atc04 .inner .center .point_list ul li{padding:28px 20px;flex-direction:column;gap:14px}
}
@media (max-width:768px){
#atc04{padding:0 15px 80px}
#atc04 .inner .top .ko_tit{font-size:32px}
#atc04 .inner .center .point_list ul li b{display:block}
#atc04 .inner .center .card_box img{width:100%;max-width:500px}
#atc04 .inner .bot .pro_box .list{padding-top:30px;gap:20px}
#atc04 .inner .bot .pro_box .list a p{width:100%;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;height:max-content}
}
@media (max-width:600px){
#atc04 .inner .bot .pro_box .list{flex-direction:column}
}
@media (max-width:480px){
#atc04{padding:0 15px 40px}
#atc04 .inner .top{font-size:16px}
#atc04 .inner .top .ko_tit{padding:30px 0 10px;font-size:28px}
#atc04 .inner .center .point_list ul li .p_num{font-size:13px}
#atc04 .inner .center .point_list ul li p{font-size:16px}
#atc04 .inner .center .point_list ul li p b{font-size:13px}
#atc04 .inner .center .point_list ul{grid-template-columns:repeat(2, 1fr)}
#atc04 .inner .center .point_list ul li:nth-last-child(3){grid-column:1 / span 2}
#atc04 .inner .center .card_box{padding:30px 0}
#atc04 .inner .center .card_box .tit_box p{padding:10px 30px;line-height:1.5;font-size:14px;word-break:keep-all}
#atc04 .inner .bot .pro_box .list{gap:16px}
#atc04 .inner .bot .pro_box .list a:nth-child(1){height:160px}
#atc04 .inner .bot .pro_box .list a:nth-child(2){height:160px}
#atc04 .inner .center .sml_txt{font-size:14px}
}
@media (max-width:380px){
}
/* 반응형 [e] */