@charset "utf-8";

#atc02{position:relative;padding:170px 0 140px}
#atc02:after{position:absolute;content:'';left:0;top:0;width:100%;height:530px;background:url(./img/bg.png) no-repeat right / cover;z-index:-1}
#atc02 .inner{max-width:var(--mainsize);margin:0 auto}
#atc02 .inner span{font-weight:600;color:#ad9b8e}
#atc02 .inner .list_box .left{position:relative;z-index:100}
#atc02 .inner .list_box .en_tit{font-size:15px;font-weight:700;color:rgba(255, 255, 255, 0.6);text-transform:uppercase}
#atc02 .inner .list_box .bot_txt{font-size:17px;color:rgba(255,255,255,0.6)}
#atc02 .inner .list_box .bot_txt .ko_tit{padding:50px 0 10px;font-size:43px;font-weight:700;color:#fff}
#atc02 .inner .slide_box{width:100%;max-width:1400px;margin-top:-180px}
#atc02 .inner .slide_box .more_view{display: flex;flex-direction: column;align-items:center;justify-content:center;gap:15px;width:130px;height:130px;position:absolute;right:700px;bottom:200px;font-weight:600;color:#fff;background:#382d26;border-radius:50%;!i;!;}
#atc02 .inner .slide{overflow:visible!important;display:flex;align-items:flex-end;justify-content: space-between;padding-bottom: 150px;position: relative;}
#atc02 .inner .slide .img{overflow:hidden;width:100%;max-width:750px;height:480px;border-radius:20px}
#atc02 .inner .slide .cont{opacity:0;display:flex;flex-direction:column;padding:0 0 50px 70px;transition: all 0.2s;color: #111;}
#atc02 .inner .slide .cont .top_tit{display:flex;align-items:center;gap:20px;padding-bottom: 30px;font-size:35px;font-weight:700}
#atc02 .inner .slide .cont .top_tit .num{margin-top:-14px;font-size:15px;font-weight:700;color:rgb(0,0,0,0.6)}
#atc02 .inner .slide .cont p{margin-bottom:15px;font-size:28px;font-weight:700;color:var(--dark);transition:all .2s}
#atc02 .inner .slide .cont .pl{font-size:17px;color: rgb(0, 0, 0, 0.7);line-height: 1.7;white-space:pre-line}
#atc02 .inner .slide .cont span{margin-top:auto;font-size:16px;text-align:right;color:var(--second);white-space:pre-line}
#atc02 .inner .slide .cont:hover p{color:var(--primary)}
#atc02 .inner .slide.on .cont{opacity:1}
#atc02 .inner .tabs{display:flex;position:relative;transform:none;margin:40px 0 45px;}
#atc02 .inner .tabs li{opacity:1;display:block;width:auto;height: 50px;padding:0 30px;margin: 0 5px;border-radius:30px;font-size:16px;font-weight:500;line-height:50px;color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.2);transition:all .4s;cursor:pointer}
#atc02 .inner .tabs li.on{padding:0 30px;color:#fff;background-color:#775e4c}
#atc02 .inner .customer{display:flex;gap:30px}
#atc02 .inner .customer .left{display:flex;width:100%;max-width:940px;height:450px;padding:60px 60px 80px;background:url(./img/bg02.png) no-repeat center / cover;border-radius:20px;align-items:flex-end}
#atc02 .inner .customer .left .main_tox{color:#fff;font-size:16px}
#atc02 .inner .customer .left .main_tox .top_tit{padding-bottom:40px;font-size:35px;font-weight:700;line-height:1.3}  
#atc02 .inner .customer .right{width:46%}
#atc02 .inner .customer .right .t_box{display:flex;align-items:flex-end;width:100%;max-width:430px;height:210px;padding:40px 46px;background:#f5f5f5;font-size:25px;font-weight:700;color:var(--black);border-radius:20px;line-height:1.4}
#atc02 .inner .customer .right .t_box p{word-break:keep-all}
#atc02 .inner .customer .right .t_box:hover a{background:var(--primary);transition:all 0.3s}
#atc02 .inner .customer .right .t_box:hover a svg{color:#fff}
#atc02 .inner .customer .right .t_box a{display:flex;align-items:center;justify-content:center;width:55px;height:55px;margin-left:auto;margin-bottom:auto;background:#fff;border-radius:50px}
#atc02 .inner .customer .right .b_box{display:flex;align-items:center;gap:60px;padding:70px 0 0 70px}
#atc02 .inner .customer .right .b_box .l_box{font-size:16px;color:#888;line-height:1.7}
#atc02 .inner .customer .right .b_box .l_box p{padding-top:30px}
#atc02 .inner .customer .right .b_box .l_box p span{color:#333}

/* 반응형 [s] */
@media (max-width:1380px){
#atc02{padding:100px 30px 110px}
#atc02 .inner .slide .cont{padding:70px 0}
#atc02 .inner .slide .img{max-width:700px}
#atc02 .inner .slide_box{margin-top:-152px}
#atc02 .inner .slide_box .more_view{right:630px}
#atc02 .inner .slide .cont .top_tit{padding-bottom:14px;font-size:32px}
#atc02 .inner .customer .left{max-width:830px}
#atc02 .inner .customer .right .b_box{padding:70px 0 0 30px;gap:30px}
#atc02 .inner .customer .right .t_box{max-width:100%}
#atc02 .inner .customer{gap:15px}
}
@media (max-width:1200px){
#atc02 .inner .list_box .bot_txt{font-size:16px}
#atc02 .inner .list_box .bot_txt .ko_tit{font-size:39px}
#atc02 .inner .slide .img{max-width:600px}
#atc02 .inner .slide_box .more_view{right:535px}
#atc02 .inner .customer .right .b_box{padding: 70px 0 0 20px;}
#atc02 .inner .customer .left .main_tox .top_tit{font-size:32px}
#atc02 .inner .customer .right .b_box .l_box p br{display:none}
}
@media (max-width:1100px){
#atc02 .list_box{text-align:center}
#atc02 .inner .slide{flex-direction:column}
#atc02 .inner .tabs{justify-content:center}
#atc02 .inner .slide_box{margin-top:0}
#atc02:after{height:450px}
#atc02 .inner .slide{align-items:center}
#atc02 .inner .slide .cont{margin:0 auto}
#atc02 .inner .slide_box .more_view{left:156px}
#atc02 .inner .slide .cont .top_tit{justify-content:center}
#atc02 .inner .slide_box .more_view{left:50%;transform:translateX(-50%);bottom:50px;z-index:1}
#atc02 .inner .slide .img{position: relative;height:auto}
#atc02 .inner .slide .img img{width:100%}
#atc02 .inner .slide .cont .top_tit .num{margin-top:0}
}
@media (max-width:1024px){
#atc02{padding:60px 15px 100px}
#atc02 .inner .slide .cont .top_tit{justify-content:center}
#atc02:after{height:400px}
#atc02 .inner .customer .left{max-width:550px;padding:44px}
#atc02 .inner .customer .right .b_box{padding:0;flex-direction:column;gap:20px}
#atc02 .inner .customer .right .b_box .r_box img{max-width:100px;width:100%}
#atc02 .inner .customer .right .b_box .l_box{padding:18px 0 0;text-align:center}
#atc02 .inner .customer .right .b_box .l_box p{padding:20px 0 0}
#atc02 .inner .customer .right .t_box{padding:40px;font-size:22px}
#atc02 .inner .customer .left .main_tox br{display:none}
#atc02 .inner .customer .right .t_box p br{display:none}
#atc02 .inner .customer .left .main_tox .top_tit{font-size:26px}
#atc02 .inner .slide{padding-bottom:100px}
}
@media (max-width:900px){
#atc02 .inner .customer .right .t_box{padding:30px;font-size:22px} 
}
@media (max-width:768px){
#atc02 .inner .list_box .bot_txt .ko_tit{padding:30px 0 10px;font-size:32px}
#atc02 .inner .slide .cont{padding:50px 0 30px 0}
#atc02 .inner .slide .cont .top_tit{font-size:28px}
#atc02 .inner .slide .cont .pl{font-size:16px}
#atc02:after{height:360px}
#atc02 .inner .customer{flex-direction:column}
#atc02 .inner .customer .left{max-width:100%;padding:40px;height:300px}
#atc02 .inner .customer .right{display:grid;grid-template-columns:repeat(1, 1fr);width:100%}
#atc02 .inner .customer .right .t_box{height:150px}
#atc02 .inner .customer .right .t_box a{width:46px;height:46px}
#atc02 .inner .customer .right .t_box a svg{width:20px}
}
@media (max-width:600px){
#atc02 .inner .customer .left .main_tox .top_tit{font-size:24px}
}
@media (max-width:480px){
#atc02{padding:50px 15px 40px}
#atc02 .inner .list_box .bot_txt .ko_tit{font-size:28px}
#atc02 .inner .slide .cont .top_tit{font-size:24px;white-space:normal;word-break:keep-all}
#atc02 .inner .tabs li{font-size:15px}
#atc02 .inner .slide_box .more_view{width:110px;height:110px;font-size:13px}
#atc02 .inner .slide .cont{padding:20px 0 30px 0}
#atc02:after{height:330px}
#atc02 .inner .slide .cont .pl{font-size:15px;white-space:normal}
#atc02 .inner .customer .left{padding:30px}
#atc02 .inner .customer .left .main_tox .top_tit{font-size:19px}
#atc02 .inner .slide{padding-bottom:80px}
#atc02 .inner .slide_box .more_view {bottom:30px}
}
@media (max-width:440px){
#atc02 .inner .tabs{margin:30px 0 45px}
}
@media (max-width:380px){
#atc02 .inner .tabs li{padding:0 25px;font-size:13px}
}
@media (max-width:330px){
#atc02 .inner .tabs li{padding:0 20px;font-size:12px}
}
/* 반응형 [e] */