@charset "utf-8";

.page_tit_box .tit{padding-bottom:7.5rem;margin-bottom:2.5rem;font-weight:700;font-size:3.5rem;line-height:100%;text-align:center;color:#333;position:relative;font-family:'Poppins'}
.page_tit_box .tit span{color:#767676}
.page_tit_box .tit:before{content:'';width:1px;height:4.8rem;background:#333;left:50%;bottom:0;position:absolute}

/*공지뉴스텝*/
.comm_tab{max-width:30rem;width:100%;margin:0 auto 5rem;display:flex;flex-wrap:wrap;justify-content:center}
.comm_tab li{width:calc(50% - .5rem);height:5rem;border-radius:5rem;border:1px solid #ddd;font-weight:500;font-size:1.6rem;line-height:5rem;color:#333;text-align:center;transition:all .3s;cursor:pointer}
.comm_tab li.on, .comm_tab li:hover{border-color:#333;background:#f7f7f7}
.comm_tab li + li{margin-left:1rem}

/*company*/
#about_page .about_box{margin-bottom:4rem;display:flex;flex-wrap:wrap;justify-content:center}
#about_page .about_box .circle{width:20rem;padding-bottom:20rem;border-radius:100%;border:2px solid #333;background:#fff;position:relative}
#about_page .about_box .circle .txt{width:100%;font-weight:700;font-size:1.8rem;text-align:center;color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#about_page .about_box .circle + .circle {margin-left:-2rem}
#about_page .about_box .circle_bk{background:url(/way_page/img/c_bg.jpg) repeat}
#about_page .about_box .circle_bk .txt{color:#fff}

#about_page .txt_box{margin-bottom:5rem;font-size:1.7rem;color:#666;line-height:150%;text-align:center}
#about_page .txt_box p{margin-bottom:3rem}
#about_page .txt_box p:last-child{margin-bottom:0}
#about_page .txt_box span{font-weight:500;color:#333}


#about_page .map_info{display:flex;flex-wrap:wrap;align-items:center}
#about_page .map_info .map_box{width:50% !important;height:37rem;border:1px solid #ddd}
#about_page .map_info .map_box .wrap_map{width:100% !important;height:100% !important}
#about_page .map_info .map_box .hide{display:none}

#about_page .map_info .com_info{width:50%;padding-left:5rem}
#about_page .map_info .com_info .info_tit{margin-bottom:2.5rem;padding-bottom:2.5rem;font-weight:700;font-size:2.2rem;color:#333;position:relative;font-family:'Poppins'}
#about_page .map_info .com_info .info_tit:before{content:'';width:4.2rem;height:2px;background:#333;position:absolute;bottom:0;left:0}


#about_page .map_info .com_info li{font-size:1.6rem;line-height:150%;color:#666;display:flex;flex-wrap:wrap;}
#about_page .map_info .com_info li + li{margin-top:2rem}
#about_page .map_info .com_info li .li_tit{display:inline-block;width:11rem;font-weight:700;font-size:1.6rem;color:#333;font-family:'Poppins'}
#about_page .map_info .com_info li .li_txt{width:calc(100% - 11rem)}

/*오디션 추가*/
.audition {max-width:100rem;width:100%;margin:0 auto}
.audition .audition_cont_area{border-top:1px solid #333;}
.audition .audition_cont_area .cont{width:100%;padding:3rem;border-bottom:1px dotted #ddd;display:flex;flex-wrap:wrap}
.audition .audition_cont_area .cont .cont_tit{width:30%;padding-right:2rem;font-size:1.8rem;font-weight:700;color:#333}
.audition .audition_cont_area .cont .cont_txt{width:70%;font-size:1.7rem;line-height:150%;color:#666}
.audition .audition_cont_area .cont .cont_txt li{padding:0 0 2rem 1rem;position:relative}
.audition .audition_cont_area .cont .cont_txt li:last-child{padding-bottom:0}
.audition .audition_cont_area .cont .cont_txt li:before{content:'';width:3px;height:3px;border-radius:3px;background:#333;position:absolute;top:1rem;left:0;}

.audition .audition_cont_area .cont .cont_txt li .li_tit{margin-bottom:1rem;font-weight:500;color:#333}
.audition .audition_cont_area .cont .cont_txt li .down{display:block;width:20rem;height:5rem;border-radius:.5rem;margin-top:1rem;border:1px solid #ddd;background:#fff;font-size:1.5rem;font-weight:500;color:#333;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;}
.audition .audition_cont_area .cont .cont_txt li .down img{width:1.8rem;margin-right:1rem}
.audition .audition_cont_area .cont .cont_txt li .down:hover{background:#333;color:#fff}
.audition .audition_cont_area .cont .cont_txt li .down:hover img{filter: invert(100%) sepia(0%) saturate(7453%) hue-rotate(319deg) brightness(124%) contrast(100%);}


@media(max-width:1024px){
.page_tit_box .tit{font-size:3.3rem}
}

@media(max-width:767px){
.page_tit_box .tit{padding-bottom:5rem;font-size:3rem}
.page_tit_box .tit:before{height:3.5rem}

/*company*/
#about_page .about_box{max-width:48rem;width:100%;margin:0 auto 4rem}
#about_page .about_box .circle{width:50%;padding-bottom:50%}
#about_page .about_box .circle + .circle{margin-left:-1rem}
#about_page .about_box .circle:nth-child(3){margin-left:0}
#about_page .about_box .circle:nth-child(n+3){margin-top:-1rem}

#about_page .txt_box br{display:none}

#about_page .map_info .map_box{width:100% !important;margin-bottom:3rem}
#about_page .map_info .com_info{width:100%;padding:0}

}

@media(max-width:480px){
.audition .audition_cont_area .cont{display:block;padding:3rem 0}
.audition .audition_cont_area .cont .cont_tit{width:100%;margin-bottom:2rem;padding:0}
.audition .audition_cont_area .cont .cont_txt{width:100%}
}

@media(max-width:320px){

}