@charset "utf-8";

#atc06{padding:100px 12%;text-align:center;background:#d9edff}
#atc06 .tit{margin-bottom:60px}
#atc06 .tit span{display:block;margin-bottom:20px;font-size:20px;font-weight:700;color:var(--primary);letter-spacing:0;text-transform:uppercase;font-family:'Inter'} 
#atc06 .tit p{font-size:3vw;color:#222;font-family:'notokr-bold'}

#atc06 .flex{display:flex;justify-content:center;position:relative;max-width:1600px;width:100%;margin:0 auto}
#atc06 .flex.btm .day{padding-top:50px}
#atc06 .day{display:flex;flex-direction:column;align-items:center;position:relative;width:calc(100% / 3)}
#atc06 .day.day5{order:-1}
#atc06 .day.day3:after{display:block;content:"";position:absolute;right:0;bottom:0;width:18px;height:calc(100% - 345px);background:var(--primary)}
#atc06 .day.day4:after{display:block;content:"";position:absolute;right:-50%;top:395px;width:100%;height:18px;background:var(--primary)}
#atc06 .day.day4:before{display:block;content:"";position:absolute;right:-50%;top:0;width:18px;height:413px;background:var(--primary)}
#atc06 .day .img{position:relative;z-index:1;width:300px;height:300px;margin-bottom:45px;border-radius:50%;background:url(/sh_img/include/inc06/img01.jpg) center no-repeat;background-size:cover}
#atc06 .day .img:after{display:block;content:"";width:31px;height:31px;position:absolute;left:50%;bottom:-70px;transform:translateX(-50%);border:6px solid var(--primary);border-radius:50%;background:#fff}
#atc06 .day .img.img02{background-image:url(/sh_img/include/inc06/img02.jpg)}
#atc06 .day .img.img03{background-image:url(/sh_img/include/inc06/img03.jpg)}
#atc06 .day .img.img04{background-image:url(/sh_img/include/inc06/img04.jpg)}
#atc06 .day .img.img05{background-image:url(/sh_img/include/inc06/img05.jpg)}
#atc06 .day .cont{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;padding-top:65px}
#atc06 .day .cont:before{display:block;content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:18px;background:var(--primary)}
#atc06 .day .cont.bdl:before{border-radius:18px 0 0 18px}
#atc06 .day .cont.bdr:before{border-radius:0 18px 18px 0}
#atc06 .day .num{width:145px;height:50px;border-radius:30px;font-size:20px;line-height:50px;color:#fff;background:var(--primary);font-family:'notokr-bold'}
#atc06 .day .stit{margin:27px 0 20px;font-size:32px;color:#222;line-height:1.3;font-family:'notokr-bold'}
#atc06 .day .txt{line-height:1.4}

#atc06 .ps{display:inline-block;padding:40px 15%;margin-top:100px;border-radius:100px;color:#222;background:#fff}

@media(max-width:1650px){
#atc06{padding:100px 5%}
}
@media(max-width:1600px){
#atc06 .flex{width:90%}
}
@media(max-width:1320px){
#atc06 .tit p{font-size:52px}	
}
@media(max-width:1024px){
#atc06 .flex{width:calc(100% - 40px)}	
#atc06 .day .img{width:240px;height:240px}
#atc06 .day .stit{font-size:28px}
#atc06 .day.day3:after{height:calc(100% - 285px)}
#atc06 .day.day4:after{top:335px}
#atc06 .day.day4:before{height:353px}
#atc06 .ps{width:calc(100% - 40px);padding:20px 50px;word-break:keep-all}
}
@media(max-width:768px){
#atc06{padding:80px 0}	
#atc06 .flex{width:calc(100% - 20px)}	
#atc06 .tit{margin-bottom:30px}
#atc06 .tit p{font-size:40px}	
#atc06 .flex_wrap{position:relative;;padding-left:20px}
#atc06 .flex_wrap:before{display:block;content:"";position:absolute;left:12px;top:0;width:4px;height:100%;border-radius:8px;background:var(--primary)}
#atc06 .flex{display:block}
#atc06 .day{width:100%}
#atc06 .day .img{width:100%;height:250px;margin-bottom:25px;border-radius:14px}
#atc06 .day .img:after{left:-16px;bottom:-58px;width:20px;height:20px;border-width:4px}
#atc06 .day:after, #atc06 .day:before{display:none!important}
#atc06 .day .cont{align-items:flex-start;padding:0}
#atc06 .day .cont:before{display:none}
#atc06 .day .stit{margin:15px 0 10px;white-space:normal}
#atc06 .day .txt{white-space:normal;text-align:left;word-break:keep-all}
#atc06 .day + .day{margin-top:40px}
#atc06 .day.day4{margin-top:40px}
#atc06 .flex.btm .day{padding:0}
#atc06 .ps{margin-top:50px}
}
@media(max-width:480px){
#atc06{padding:40px 0}	
#atc06 .tit{margin-bottom:15px}
#atc06 .tit span{margin-bottom:15px;font-size:14px} 
#atc06 .tit p{font-size:24px}
#atc06 .day + .day{margin-top:20px}
#atc06 .day.day4{margin-top:20px}
#atc06 .day .img{opacity:1;transform:translateZ(0);height:100px;margin-bottom:5px}	
#atc06 .day .img:after{bottom:15px}
#atc06 .day .num{position:absolute;left:10px;top:-45px;z-index:10;width:75px;height:32px;font-size:13px;line-height:32px}
#atc06 .day .stit{margin:5px 0;font-size:18px}
#atc06 .ps{padding:15px;font-size:15px}
}