@charset "utf-8";

#atc01 .flex{display:flex;flex-wrap:wrap}
#atc01 .cont01{max-width:1400px;width:100%;margin:0 auto}
#atc01 .cont01 > div{width:50%}
#atc01 .cont01 .img img{width:100%}
#atc01 .cont01 .cont{display:flex;flex-direction:column;padding:3% 0 13% 2%;background:url(/sh_img/include/inc01/ci_bg.png) 130% bottom no-repeat;background-size:62%}
#atc01 .cont01 .cont .ci{display:flex;flex-direction:column;align-items:center;margin-bottom:6%}
#atc01 .cont01 .cont .ci .flag{margin-bottom:20px;padding-right:10px}
#atc01 .cont01 .cont .ci p{margin:30px 0 15px;font-size:35px;color:#222;letter-spacing:-.3px;font-family:'NEXEN_TIRE_Bold'}
#atc01 .cont01 .cont .ci span{font-size:20px;font-weight:700;color:#ccc;letter-spacing:0;text-transform:uppercase;font-family:'inter'}
#atc01 .cont01 .cont .txt{padding-left:5%;font-size:2.7vw;color:#222;line-height:1.25;font-family:'notokr-light'}
#atc01 .cont01 .cont .txt span{color:var(--primary)}

#atc01 .cont02{padding:0 15%}
#atc01 .cont02 .deco01{padding-top:8%;background:url(/sh_img/include/inc01/deco01.png) 40% 60% no-repeat}
#atc01 .cont02 .deco02{padding-top:140px;background:url(/sh_img/include/inc01/deco02.png) 95% 100% no-repeat}
#atc01 .cont02 .flex{justify-content: space-between;align-items:center}
#atc01 .cont02 .img{max-width:935px;width: 50%;}
#atc01 .cont02 .img img{width:100%}
#atc01 .cont02 .cont .icon{display:flex;align-items:center;justify-content:center;width:170px;height:170px;border-radius:50%;background-color:var(--pale)}
#atc01 .cont02 .cont p{margin:25px 0;font-size:2.8vw;color:#222}
#atc01 .cont02 .cont p span{color:var(--primary)}

@media(max-width:1650px){
#atc01 .cont02{padding:0 5%}
}
@media(max-width:1320px){
#atc01 .cont02{padding:0 3%}
#atc01 .cont02 .flex{justify-content:space-between}
#atc01 .cont01 .cont{padding:50px 0}
#atc01 .cont01 .cont .ci .flag{width:110px}
#atc01 .cont01 .cont .ci .bs{width:100px}
#atc01 .cont02 .cont .icon{width:150px;height:150px}
}
@media(max-width:1024px){
#atc01 .cont01 > div{width:100%}
#atc01 .cont01 .cont .txt{padding:0 5%;font-size:56px}
#atc01 .cont02{padding:0 20px}
#atc01 .cont02 .deco01 .img{order:-1}
#atc01 .cont02 .img{max-width:100%;width:100%;margin-bottom:40px}
#atc01 .cont02 .cont{width:100%;text-align:center}
#atc01 .cont02 .cont .icon{margin:0 auto}
#atc01 .cont02 .cont p{font-size:56px}
#atc01 .cont02 .deco02{padding-top:80px}
}
@media(max-width:768px){
#atc01 .cont01 .cont .ci{margin-bottom:50px}
#atc01 .cont01 .cont .ci .flag{width:90px}
#atc01 .cont01 .cont .ci .bs{width:80px}
#atc01 .cont01 .cont .ci p{margin:20px 0 10px;font-size:30px}	
#atc01 .cont01 .cont .ci span{font-size:18px}
#atc01 .cont01 .cont .txt{padding:0 20px;text-align:center;font-size:40px;line-height:1.4}	
#atc01 .cont02 .deco01{background-position:right center;background-size:40%}
#atc01 .cont02 .deco02{background-position:left 50%;background-size:55%}
#atc01 .cont02{padding:0 15px}
#atc01 .cont02 .cont .icon{width:110px;height:110px}
#atc01 .cont02 .cont .icon img{width:60%}
#atc01 .cont02 .deco02 .icon img{width:52%}
#atc01 .cont02 .cont p{margin:20px 0;font-size:40px}
}
@media(max-width:580px){
#atc01 .cont01 .cont .txt{font-size:36px}	
}
@media(max-width:480px){
#atc01 .cont01 .cont{padding:40px 0 10px;background-position:115% bottom;background-size:40%}
#atc01 .cont01 .cont .ci{margin-bottom:30px}
#atc01 .cont01 .cont .ci .flag{width:65px;margin-bottom:10px}
#atc01 .cont01 .cont .ci .bs{width:60px}
#atc01 .cont01 .cont .ci p{margin:15px 0 5px;font-size:22px}	
#atc01 .cont01 .cont .ci span{font-size:16px}
#atc01 .cont01 .cont .txt{font-size:24px}	
#atc01 .cont02 .deco02{padding-top:40px}
#atc01 .cont02 .cont p{font-size:24px}
}