@charset "utf-8";
#atc03{max-width:1400px;position:relative;z-index:1;margin:0 auto;padding-bottom:100px;background:#fff}
#atc03 a{cursor:pointer}
#atc03 .tit_area{text-align:center}
#atc03 .tit_area p{padding-bottom:20px;font-size:20px;color:#111;font-family:'notokr-medium'}
#atc03 .tit_area .tit{font-size:90px;line-height:95px;font-weight:200;color:#111;font-family:'Poppins'}
#atc03 .tit_area .tit span{display:block;color:var(--primary);font-weight:700}
#atc03 .tit_area .more{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:225px;z-index:-1;margin:0 auto;padding:15px 0;border-radius:150px;font-size:16px;color:#fff;background:#111;transition:0.5s;font-family:'notokr-medium'}
#atc03 .tit_area .more::before{display:block;content:'';position:absolute;top:0;left:0;z-index:-1;width:0;height:100%;border-radius:0 150px 150px 0;background:var(--primary);transition:all .3s}

#atc03 .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 100px;margin-top:190px}
#atc03 .cont{position:relative;width:calc((100% - 70px) / 3);height:334px}
#atc03 .cont01 > p{padding:15px 20px;margin-right:40px;border-radius:5px;color:#fff;text-align:center;background:var(--primary);font-size:15px;font-family:'notokr-medium'}
#atc03 .cont01 > i{position:absolute;top:45px;left:34px;font-size:23px;color:var(--primary)}
#atc03 .cont01 > div .top{display:flex;align-items:center;justify-content:space-between;padding:25px 40px 30px 0;border-bottom:1px solid #e1e1e1}
#atc03 .cont01 > div .top .feather{transition:0.33s}
#atc03 .cont01 > div .top .img_area{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-right:20px;border-radius:50%;background:#f2f2f2}
#atc03 .cont01 > div .top > div{display:flex;align-items:center}
#atc03 .cont01 > div .top p{font-size:20px;color:#111;;white-space:pre-line;font-family:"notokr-bold"}

#atc03 .cont01 > div .bottom{display:block;padding:30px 0 25px 25px}
#atc03 .cont01 > div .bottom div{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 40px 0 0}
#atc03 .cont01 > div .bottom div p{font-size:15px;color:#777;white-space:pre-line}
#atc03 .cont01 > div .bottom span{display:block;font-size:20px;color:#111;font-family:"notokr-bold"}
#atc03 .cont01 > div .bottom .feather{transition:0.5s}

#atc03 .cont02{padding:25px 0}
#atc03 .cont02 > p{padding-left:20px;font-size:20px;color:#111;font-family:"notokr-bold"}
#atc03 .cont02 ul li a .subj{color:#777}
#atc03 .cont02 ul{padding:30px 0 35px 30px}
#atc03 .cont02 ul li{padding-bottom:8px;font-size:15px}
#atc03 .cont02 ul li::before{content:"";display:inline-block;position:relative;left:-15px;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--primary)}
#atc03 .cont02 ul li a{display:inline-block}
#atc03 .cont02 div{display:flex;align-items:center;justify-content:space-between}
#atc03 .cont02 div a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% / 3);height:120px;transition:all .3s}
#atc03 .cont02 div a:nth-child(2n-1){border-radius:20px}
#atc03 .cont02 div a p{padding-top:60px;font-size:15px;font-family:'notokr-bold'}
#atc03 .cont02 div a:first-child{background:url('./img/inc03_img02.png') no-repeat center 30px #f2f2f2}
#atc03 .cont02 div a:nth-child(2){background:url('./img/inc03_img03.png') no-repeat center 30px}
#atc03 .cont02 div a:nth-child(3){background:url('./img/inc03_img04.png') no-repeat center 30px #f2f2f2}

#atc03 .cont03{padding:40px;color:#fff;background: url(./img/inc03_img05.jpg)}
#atc03 .cont03 p{font-size:16px;font-family:'notokr-medium'}
#atc03 .cont03 b{display:block;padding:30px 0 20px 0;font-size:25px;font-family:"notokr-bold"}
#atc03 .cont03 span{display:block;padding-bottom:40px;font-size:18px;color:rgba(225, 225, 225, 0.5);white-space:pre-line}
#atc03 .cont03 a{display:block;width:100%;padding:15px 0;border-radius:150px;font-size:16px;text-align:center;color:#fff;background:rgba(225, 225, 225, 0.4);cursor:pointer;transition:all .3s;font-family:'notokr-medium'}
#atc03 .cont03 a i{padding-left:15px}


/* 모바일 호버 X */
@media (hover:hover) {
#atc03 .tit_area .more:hover::before{width:100%}
#atc03 .cont01 > div .top:hover .feather{margin-right:-8px}
#atc03 .cont01 > div .bottom:hover .feather{margin-right:-8px}
#atc03 .cont02 div a:hover:first-child{background:url('./img/inc03_img02_color.png') no-repeat center 30px #f2f2f2}
#atc03 .cont02 div a:hover:nth-child(2){background:url('./img/inc03_img03_color.png') no-repeat center 30px}
#atc03 .cont02 div a:hover:nth-child(3){background:url('./img/inc03_img04_color.png') no-repeat center 30px #f2f2f2}
#atc03 .cont02 div a:hover p{color:var(--primary)}
#atc03 .cont03 a:hover{background:#fff;color:#111}
}

/* 반응형 [s] */
@media (max-width:1400px){
#atc03 .wrap{padding:0 30px}
#atc03 .cont{width:calc((100% - 40px) / 3)}
#atc03 .cont01 > p{margin-right:0}
}
@media (max-width:1230px){
#atc03 .wrap{margin-top:160px}
#atc03 .cont01 > p{padding:15px;word-break:keep-all}
#atc03 .cont01 > div .top{padding:35px 15px}
#atc03 .cont01 > div .top p{font-size:18px;line-height:28px}
#atc03 .cont01 > div .top .img_area{width:70px;height:70px;margin-right:15px}
#atc03 .cont01 > div .top .img_area img{height:25px}
#atc03 .cont01 > div .bottom{padding:30px 15px 25px}
#atc03 .cont01 > div .bottom div{padding-right:0}
#atc03 .cont02 div a{height:110px;background-size:28px !important;background-position:center 25px !important}
#atc03 .cont02 div a p{padding-top:42px;font-size:14px;word-break:keep-all;text-align:center}
#atc03 .cont03{padding:40px 25px}
#atc03 .cont03 b{font-size:22px}
#atc03 .cont03 span{font-size:16px}
}
@media (max-width:1024px){
#atc03{padding-bottom:80px}
#atc03 .tit_area p{font-size:18px}
#atc03 .tit_area .tit{padding-bottom:35px;font-size:75px;line-height:85px}
#atc03 .wrap{flex-wrap:wrap;margin-top:145px}
#atc03 .cont{width:calc((100% - 20px) / 2)}
#atc03 .cont03{position:relative;width:100%;height:auto;margin-top:40px;padding:50px 30px;background-repeat:no-repeat;background-position:right bottom;background-size:cover}
#atc03 .cont03 span{padding-bottom:0}
#atc03 .cont03 a{position:absolute;width:235px;right:30px;bottom:50px}
}
@media (max-width:768px){
#atc03{padding-bottom:60px}
#atc03 .tit_area p{font-size:17px}
#atc03 .tit_area .tit{font-size:55px;line-height:65px}
#atc03 .tit_area .more{width:215px;padding:12px 0;font-size:15px}
#atc03 .wrap{margin-top:100px;padding:0 15px}
#atc03 .cont{width:100%;height:auto}
#atc03 .cont01{border-bottom:1px solid #e1e1e1}
#atc03 .cont01 > div{display:flex}
#atc03 .cont01 > div a{width:50%}
#atc03 .cont01 > div .top{padding:40px 25px 40px 15px;border-bottom:none}
#atc03 .cont01 > div .top .img_area{width:60px;height:60px;margin-right:0}
#atc03 .cont01 > div .top p{width:calc(100% - 60px);max-width:230px;padding-left:15px;font-size:17px;line-height:27px;white-space:normal;word-break:keep-all}
#atc03 .cont01 > div .bottom{padding:40px 15px 40px 25px;border-left:1px solid #e1e1e1}
#atc03 .cont01 > div .bottom span{font-size:18px}
#atc03 .cont01 > div .bottom div p{max-width:280px;white-space:normal;word-break:keep-all}
#atc03 .cont01 > div .feather{display:none}
#atc03 .cont02 > p{padding-left:15px;font-size:18px}
#atc03 .cont02 ul{padding:20px 0 35px 15px}
#atc03 .cont02 ul li::before{left:0}
#atc03 .cont02 ul li a{padding-left:10px}
#atc03 .cont03{margin-top:0;padding:40px 25px}
#atc03 .cont03 p{font-size:15px}
#atc03 .cont03 b{font-size:20px}
#atc03 .cont03 span{font-size:15px;line-height:25px}
#atc03 .cont03 a{right:25px;bottom:40px;width:185px;padding:12px 0;font-size:15px}
}
@media (max-width:480px){
#atc03 .tit_area p{font-size:15px}
#atc03 .tit_area .tit{font-size:40px;line-height:50px}
#atc03 .tit_area .more{width:190px;padding:10px 0;font-size:14px}
#atc03 .wrap{margin-top:85px}
#atc03 .cont01 > p{font-size:14px}
#atc03 .cont01 > div{display:block}
#atc03 .cont01 > div a{width:100%}
#atc03 .cont01 > div .top{padding:30px 15px}
#atc03 .cont01 > div .top p{max-width:none;font-size:16px}
#atc03 .cont01 > div .bottom{padding:30px 15px;border-left:none;border-top:1px solid #e1e1e1}
#atc03 .cont01 > div .bottom span{font-size:16px}
#atc03 .cont01 > div .bottom div p{max-width:none;font-size:14px;line-height:24px}
#atc03 .cont02{padding:30px 0}
#atc03 .cont02 > p{font-size:16px}
#atc03 .cont02 ul li{font-size:14px}
#atc03 .cont02 div a p{font-size:14px}
#atc03 .cont03{padding:30px 25px}
#atc03 .cont03 p{font-size:14px}
#atc03 .cont03 b{font-size:16px}
#atc03 .cont03 span{font-size:14px;line-height:24px}
#atc03 .cont03 a{position:initial;width:100%;margin-top:20px}
}
@media (max-width:380px){
#atc03 .tit_area .tit{font-size:33px;line-height:43px}
#atc03 .wrap{margin-top:75px}
#atc03 .cont01 > div .top p{font-size:15px}
#atc03 .cont01 > div .bottom span{font-size:15px}
#atc03 .cont02 > p{font-size:15px}
#atc03 .cont02 div{flex-wrap:wrap}
#atc03 .cont02 div a{width:100%;height:100px;background-size:25px}
}
/* 반응형 [e] */