@charset "utf-8";
#mainVisual ul,li,ol{list-style:none}
#mainVisual{font-size:16px;color:#111;line-height:1.5}
#mainVisual .top_txt_box{padding:40px 0 100px}
#mainVisual .top_rating{display:flex;align-items:center;justify-content:center;width:170px;margin:0 auto 40px;padding:10px 0;border-radius:50pt;background:#f4f7ff}
#mainVisual .top_rating .star_icon{display:inline-block;width:32px;height:32px;margin-right:8px;border-radius:50%;background:var(--primary) url("./star.png") no-repeat center}
#mainVisual .top_rating .txt{font-size:15px;font-weight:500}
#mainVisual .top_tit{margin-bottom:35px;font-size:60px;text-align:center;font-weight:600;line-height:1.3}
#mainVisual .top_stxt{margin-bottom:50px;text-align:center}
#mainVisual .consul_btn{display:flex;align-items:center;justify-content:center;width:174px;height:45px;margin:0 auto;background:var(--primary);border-radius:5px;font-size:15px;font-weight:500;color:#fff;transition:all .5s}

#mainVisual .all_img01{height:672px;margin-bottom:100px}
#mainVisual .enterprise_tit{margin-bottom:55px;font-size:18px;font-weight:500;text-align:center}
#mainVisual .enterprise_wrap{overflow:hidden;position:relative;z-index:10;display:flex;width:800px;margin:0 auto 120px;white-space:nowrap}
#mainVisual .enterprise_wrap > div{animation:logolist 20s infinite linear}
#mainVisual .enterprise_wrap .enterprise_logo{display:flex;gap:0 35px;align-items:center}
#mainVisual .enterprise_wrap::after{position:absolute;top:0;right:0;display:block;content:'';width:10%;height:100%;background:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0));z-index:2}
#mainVisual .enterprise_wrap::before{position:absolute;top:0;left:0;display:block;content:'';width:10%;height:100%;background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0));z-index:2}
@keyframes logolist{0%{transform:translateX(-10%)}100%{transform:translateX(-50%)}}
#mainVisual .all_tit_box{margin-bottom:75px}
#mainVisual .enterprise_wrap .enterprise_logo li{width:255px;height:126px}
#mainVisual .enterprise_wrap .enterprise_logo li img{width:100%}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .consul_btn:hover{background:var(--skybg)}
}
@media (max-width:1300px){
#mainVisual .all_img01{position:relative;height:auto;padding-bottom:60%}
#mainVisual .all_img01 img{position:absolute;top:0;left:0}
#mainVisual .top_tit{font-size:55px}
}
@media (max-width:1024px){
#mainVisual .top_txt_box{padding:30px 0 70px}
#mainVisual .top_tit{font-size:42px}
#mainVisual .all_img01{margin-bottom:90px}
#mainVisual .enterprise_tit{margin-bottom:50px}
#mainVisual .enterprise_wrap{margin:0 auto 80px;width:90%}
}
@media (max-width:768px){
#mainVisual .top_txt_box{padding:30px 0 60px}
#mainVisual .top_tit{margin-bottom:30px;font-size:35px}
#mainVisual .top_stxt{margin-bottom:35px}
#mainVisual .top_rating{margin:0 auto 35px}
#mainVisual .all_img01{margin-bottom:70px}
}
@media (max-width:480px){  
#mainVisual .top_rating{margin:0 auto 30px;padding:8px 0}
#mainVisual .top_rating .star_icon{width:30px;height:30px}
#mainVisual .top_rating .txt{font-size:14px;font-weight:550}
#mainVisual .top_txt_box{padding:30px 0 45px}
#mainVisual .top_stxt{margin-bottom:30px}
#mainVisual .top_stxt br{display:none}
#mainVisual .top_tit{margin-bottom:25px;font-size:27px;font-weight:700}
#mainVisual .all_img01{margin-bottom:55px;padding-bottom:70%}
#mainVisual .enterprise_tit{margin-bottom:30px}
#mainVisual .enterprise_wrap{margin:0 auto 60px}
#mainVisual .enterprise_wrap .enterprise_logo{gap:0 25px}
}
@media (max-width:390px){
#mainVisual .enterprise_tit{font-size:16px}
#mainVisual .enterprise_wrap .enterprise_logo{gap:0 20px}
#mainVisual .consul_btn{width:165px}
#mainVisual .top_tit{font-size:24px}
}
/* 반응형 [e] */