@charset "utf-8";

/* 슬라이드 */
#atc02{position:relative;width:1204px;z-index:10;margin: 100px auto 0;}
#atc02 .ko_tit{margin-bottom:20px;font-size:20px;color:#333;font-family:'notokr-bold'}
#atc02 .atc02_wrap{display:flex;justify-content:space-between}
#atc02 .atc02_wrap .atc02_slide{position:relative;width:575px}
#atc02 .atc02_wrap .atc02_slide .act02_pager{position:absolute;top:7px;right:0}
#atc02 .atc02_wrap .atc02_slide .act02_pager span{margin:0 5px}
#atc02 .atc02_wrap .atc02_slide ul li{display:flex;align-items:center;border-radius:15px}
#atc02 .atc02_wrap .atc02_slide ul li img{margin-left:45px}
#atc02 .atc02_wrap .atc02_slide ul .s01{background: #fff9f8}
#atc02 .atc02_wrap .atc02_slide ul .s02{background: #fff9ee}
#atc02 .atc02_wrap .atc02_slide .slide_tit{margin-bottom:15px;font-size:19px;color:#333;font-family:'notokr-bold'}
#atc02 .atc02_wrap .atc02_slide .slide_tit span{color:#dbb721}
#atc02 .atc02_wrap .atc02_slide a{display:block;height:100%;padding:30px 40px;border-radius:15px;transition:all .3s;color:#333}
#atc02 .atc02_wrap .atc02_slide a p{margin-bottom:5px;font-size:15px;line-height:25px;font-family:'notokr-bold'}
#atc02 .atc02_wrap .atc02_slide a .slide_txt span{display:inline-block;width:85px;margin-right:10px;border-radius:30px;border:1px solid #000;font-size:13px;text-align:center;opacity:.4;color:#000;font-family:'notokr-bold'}

/* 빠른조회 */
#atc02 .atc02_wrap .atc02_box{width:575px}
#atc02 .atc02_wrap .atc02_box ul{display:flex;justify-content:space-between}
#atc02 .atc02_wrap .atc02_box ul li .icon{display:flex;align-items:flex-end;height:40px;margin:45px 0 10px}
#atc02 .atc02_wrap .atc02_box ul li{position:relative;width:calc(100% / 3 - 5px);height:164px;cursor:pointer;border:1px solid #e1e1e1;border-radius:15px}
#atc02 .atc02_wrap .atc02_box ul li:hover{border:none;background:#f7f7f7}
#atc02 .atc02_wrap .atc02_box ul li img{position:absolute;left:50%;transform:translateX(-50%);transition:all .3s}
#atc02 .atc02_wrap .atc02_box ul li .img_on{opacity:0}
#atc02 .atc02_wrap .atc02_box ul li:hover img:not(.img_on){opacity:0}
#atc02 .atc02_wrap .atc02_box ul li:hover .img_on{opacity:1}
#atc02 .atc02_wrap .atc02_box ul li p{font-size:15px;text-align:center;font-family:'notokr-medium'}
#atc02 .atc02_wrap .atc02_box ul li:hover p{color:var(--primary)}


/* 실시간 상담현황 */
#atc02 .box2{position:relative;overflow:hidden;margin-top:30px;padding:40px;border-radius:15px;background:#f5f5f5}
#atc02 .box2 .txt{float:left;width:170px;margin-top:25px}
#atc02 .box2 .txt p{font-size:22px;color:#222;letter-spacing:-.5px;font-family:'notokr-bold'}
#atc02 .box2 .txt span{font-weight:700;font-size:13px;color:#999;letter-spacing:0;font-family: 'Play', sans-serif}
#atc02 .inquiry{overflow:hidden;float:right;width:80%}