@charset "utf-8";
/* 실시간 상담현황 */
#atc03{position:relative;width:100%}
#atc03:before{position:absolute;left:0;top:0;width:calc(100% / 2 - 25px);height:425px;border-radius:0 15px 15px 0;background:#dfe2ff;content:''}
.atc03_wrap{display:flex;position:relative;max-width:1204px;z-index:10;margin:60px auto}
#atc03 .box1{position:relative;overflow:hidden;width:50%;height:425px;padding:55px 0;margin-right:50px}
#atc03 .tit p{font-size:20px;margin-bottom:25px;color:#222;letter-spacing:-.5px;font-family:'notokr-bold'}
#atc03 .inquiry{overflow:hidden;padding-right:50px}

/* 상담 라테스트 */
#atc03 .i_lt{height:255px}
#atc03 .i_lt li{display:flex;position:relative;border:1px solid #ddd;border-radius:5px;background:#fff}
#atc03 .i_lt li .option{display:inline-block;width:65px;height:25px;margin-left:10px;border-radius:5px;font-size:12px;text-align:center;line-height:25px;color:#fff;font-family:'notokr-medium'}
#atc03 .i_lt li .option01{background:#b2b2b2}
#atc03 .i_lt li .option02{background:#2b3d72}
#atc03 .i_lt li .option03{background:#8294ca}
#atc03 .i_lt li .option04{background:#090097}
#atc03 .i_lt li a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 30px}
#atc03 .i_lt li .lt_tit{font-size:15px;color:#222;font-family:'notokr-medium'}
#atc03 .i_lt li .date{font-size:14px;font-weight:400;color:#a9a9a9;letter-spacing:0;font-family: 'Play', sans-serif}
#atc03 .i_lt li.empty{width:234px;height:164px;text-align:center;line-height:164px}

/* 상담신청폼 */
#atc03 .box2{width:50%;padding:55px 0}
#atc03 .box2 .tit p{margin-bottom:30px}
#atc03 .form ul .li_st{display:flex}
#atc03 .form ul .li_st input:first-of-type{margin-right:10px}
#atc03 .form ul li+li{margin-top:8px}
#atc03 .form input[type=text]{width:100%;height:52px;padding-left:15px;border:none;border-bottom:1px solid #e1e1e1;font-size:15px;font-family:'notokr-regular'}
#atc03 .form input[type=text]:focus{border:none!important;border-bottom:1px solid #e1e1e1 !important;box-shadow:none}
#atc03 .form .pvc_ck{padding:30px 0;font-size:14px;text-align:right;font-family:'notokr-regular'}
#atc03 .form .pvc_ck a{vertical-align:middle;color:#999;text-decoration:underline}
#atc03 .form .pvc_ck label{font-size:14px;color:#999}
#atc03 .form input[type=submit]{width:100%;height:58px;border:none;border-radius:6px;font-size:16px;color:#fff;background:var(--primary);font-family:'notokr-medium'}
#atc03 .form .sel_st{display: flex;height:52px;color:#727272;font-family: 'notokr-regular';font-size: 15px;}
#atc03 .form .sel_st label{width: 30%;line-height: 52px;border-bottom: 1px solid #e1e1e1;padding-left:15px;}
#atc03 .form .sel_st select{width: 70%;border:0;border-bottom: 1px solid #e1e1e1;padding-left:15px;color:#727272;}


@media (max-width:1200px){
#atc03{padding:0 20px}
#atc03 .inquiry{padding-right:30px}
}
@media (max-width:1024px){
#atc03{max-width:1204px}
.atc03_wrap{flex-direction:column;margin:50px 0}
#atc03:before{display: none;width:100%;margin:0 20px;border-radius:15px}
#atc03 .box1{width:100%;height:auto;margin-right:0;padding:40px;border-radius:15px;background:#f5f5f5}
#atc03 .box2{width:100%;box-shadow:4px 4px 16px rgba(0,0, 0, .1);border-radius:15px;padding:40px;margin-top:50px}
#atc03 .inquiry{padding-right:0}
}
@media (max-width:510px){
#atc03{padding:0}
#atc03 .box1{padding:25px 0;border-radius:0 0}
#atc03 .tit p{padding:0 20px}
#atc03 .i_lt{height:auto}
#atc03 .i_lt li a{flex-direction:column-reverse;align-items:normal;padding:20px 30px}
#atc03 .i_lt li .date{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:20px}
#atc03 .i_lt li .option{margin-left:0}
#atc03 .box2{width:calc(100% - 40px);padding:25px;margin:30px auto 0}
}