@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.6;color:#666}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

#recruit1005 .tit_box{text-align:center}
#recruit1005 .tit_box:after{display:block;content:'';width:50px;height:1px;margin:48px auto 60px;border-radius:100px;background:#e1e1e1}
#recruit1005 .tit_box span{display:block;margin-bottom:16px;font-weight:600;color:var(--primary);font-family:var(--e-font)}
#recruit1005 .tit_box p{font-size:35px;font-weight:700;color:#111}
#recruit1005 .icon_box{display:flex;gap:30px}
#recruit1005 .icon_box li{display:flex;align-items:flex-start;width:calc(100%/3);padding:40px 40px 45px;border:1px solid #e1e1e1;border-radius:10px}
#recruit1005 .icon_box li .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:75px;height:75px;border-radius:10px;background-color:#f5f5f5}
#recruit1005 .icon_box li .txt{width:100%;padding:11px 0 0 20px}
#recruit1005 .icon_box li .txt b{display:block;margin-bottom:27px;font-size:20px;font-weight:700;color:#111;font-family:var(--e-font)}
#recruit1005 .icon_box li .txt b span{display:block;font-size:13px;color:var(--primary)}
#recruit1005 .cont_box{margin-top:70px;padding:64px 50px 70px;text-align:center;background:url('../img/recruit_img01.jpg') no-repeat center #f5f5f5;background-size:cover}
#recruit1005 .cont_box .box_tit_s{margin-bottom:30px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#recruit1005 .cont_box .box_tit_b{font-size:30px;line-height:1.35;font-weight:700;color:#111}
#recruit1005 .cont_box ul{display:flex;flex-wrap:wrap;gap:30px;margin-top:54px}
#recruit1005 .cont_box ul li{width:calc(100%/2 - 15px);padding:15px 15px 25px;border-radius:10px;background-color:#fff}
#recruit1005 .cont_box ul li .tit{margin-bottom:25px;padding:16px 0;border-radius:10px;font-size:16px;font-weight:600;color:#fff;background-color:var(--primary)}
#recruit1005 .cont_box ul li:nth-child(2) .tit, #recruit1005 .cont_box ul li:nth-child(3) .tit{background-color:#222}
#recruit1005 .cont_box ul li .tit span{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);font-family:var(--e-font)}


/* 반응형 s */
@media(max-width:1460px){
.pagecommon{padding:0 30px}
#recruit1005 .icon_box li{padding:30px 20px 35px}
}
@media(max-width:1230px){
#recruit1005 .icon_box li .icon{width:65px;height:65px}
#recruit1005 .icon_box li .txt{white-space:normal}
#recruit1005 .icon_box li .txt b{margin-bottom:20px}
}
@media(max-width:1024px){
.pagecommon{padding:0 15px}
#recruit1005 .tit_box:after{margin:40px auto 50px}
#recruit1005 .tit_box p{font-size:30px}
#recruit1005 .icon_box{gap:15px}
#recruit1005 .icon_box li{padding:25px 20px 30px}
#recruit1005 .icon_box li .icon{width:50px;height:50px}
#recruit1005 .icon_box li .icon img{height:25px}
#recruit1005 .icon_box li .txt{padding:11px 0 0 15px}
#recruit1005 .icon_box li .txt b{font-size:18px}
#recruit1005 .cont_box{margin-top:60px;padding:55px 20px 60px}
#recruit1005 .cont_box .box_tit_b{font-size:28px}
#recruit1005 .cont_box ul{gap:20px}
}
@media(max-width:768px){
.pagecommon{font-size:14px}
#recruit1005 .tit_box p{font-size:28px}
#recruit1005 .icon_box li{display:block}
#recruit1005 .icon_box li .txt{padding:20px 0 0}
#recruit1005 .icon_box li .txt b{margin-bottom:15px}
#recruit1005 .cont_box{margin-top:60px;padding:54px 15px 60px}
#recruit1005 .cont_box ul{gap:15px}
#recruit1005 .cont_box ul li{width:calc(100%/2 - 7.5px)}
#recruit1005 .cont_box ul li .txt{white-space:normal}
#recruit1005 .cont_box .box_tit_b{font-size:25px}
}
@media(max-width:480px){
#recruit1005 .tit_box:after{margin:35px auto 45px}
#recruit1005 .tit_box span{font-size:13px}
#recruit1005 .tit_box p{font-size:23px}
#recruit1005 .icon_box{display:block}
#recruit1005 .icon_box li{display:flex;width:100%;padding:20px 20px 25px}
#recruit1005 .icon_box li+li{margin-top:15px}
#recruit1005 .icon_box li .txt{padding:11px 0 0 20px;white-space:pre-line}
#recruit1005 .icon_box li .txt b{font-size:16px}
#recruit1005 .cont_box{padding:44px 15px 50px}
#recruit1005 .cont_box .box_tit_s{margin-bottom:20px;font-size:13px}
#recruit1005 .cont_box .box_tit_b{font-size:20px}
#recruit1005 .cont_box ul{margin-top:40px}
#recruit1005 .cont_box ul li{padding:10px 10px 20px}
#recruit1005 .cont_box ul li .tit{margin-bottom:20px;padding:12px 0;font-size:15px}
#recruit1005 .cont_box ul li .tit span{margin-bottom:5px}
}
@media(max-width:380px){
#recruit1005 .tit_box p{font-size:20px}
#recruit1005 .cont_box .box_tit_b{font-size:18px;white-space:normal}
#recruit1005 .cont_box ul{display:block}
#recruit1005 .cont_box ul li{width:100%}
#recruit1005 .cont_box ul li+li{margin-top:15px}
#recruit1005 .cont_box ul li:nth-child(2) .tit, #recruit1005 .cont_box ul li:nth-child(3) .tit{background-color:var(--primary)}
#recruit1005 .cont_box ul li:nth-child(2n) .tit{background-color:#111}
}
/* 반응형 e */