@charset "utf-8";

/* =========================== SUB */
#shSub{display:flex;align-items:center;justify-content:center;height:350px;margin:0 auto;background:url('../img/sub/bg_10.jpg') center no-repeat;background-size:cover}
#shSub .txt_area{color:#fff;text-align:center;font-family:'Pretendard'}
#shSub .txt_area p{margin-bottom:20px;font-size:46px;font-weight:700}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}
@media (max-width:1024px){
#shSub{height:300px}
#shSub .txt_area p{font-size:35px}
}
@media (max-width:480px){
#shSub{height:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;background:#fff}
#shSub .txt_area{display:none}
#shSub .sub_tit{display:block;font-size:16px;font-weight:500}
}
/* =========================== SNB */
#shSnb{display:flex;justify-content:center;margin:0 auto 50px;background:var(--primary)}
#shSnb li+li{border-left:1px solid rgba(255,255,255,.15)}
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#fff}
#shSnb li.on a{font-weight:600;color:var(--primary);background:#fff}

@media (max-width:1024px){
#shSnb {display:none}
}
/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}

/*------------------------프로세스 상세 추가------------------------*/

/* =========================== PAGE */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}

/* 채용절차 */
#method1001{text-align:center}
#method1001 .eng_txt{margin-bottom:15px;font-size:15px;letter-spacing:0;font-weight:700;color:#042574;font-family:'Exo 2',sans-serif}
#method1001 .tit_box .kor{margin-bottom:35px;font-size:33px;line-height:43px;white-space:pre-line;color:#000;font-weight:300}
#method1001 .tit_box .kor span{font-weight:700}
#method1001 .box_group{display:flex;position:relative;z-index:2;justify-content:center;flex-wrap:wrap;row-gap:53px;width:calc(100% - 80px);margin:53px auto 0;padding:60px 0 54px;border:1px solid #e1e1e1;border-radius:20px;background:#fff}
#method1001 .box_group li{position:relative;width:calc(100%/3)}
#method1001 .box_group li:before{position:absolute;right:-9px;top:50%;transform:translateY(-50%);content:'';width:18px;height:18px;background:url('../img/sub/method1001_arrow.png') no-repeat center}
#method1001 .box_group li:nth-child(3n):before{display:none}
#method1001 .box_group li .icon_group{width:128px;height:128px;margin:0 auto 30px;border-radius:20px;line-height:128px;background-color:#f5f5f5}
#method1001 .box_group li .step{width:80px;margin:0 auto 12px;border-radius:15px;font-size:14px;line-height:30px;font-weight:600;color:#fff;background-color:#042574;font-family:'Exo 2',sans-serif}
#method1001 .box_group li .txt_group{white-space:pre-line;color:#666}
#method1001 .box_group li .txt_group span{display:block;margin-bottom:7px;font-size:18px;font-weight:700;color:#333}
#method1001 .bt_txt_box{position:relative;z-index:1;margin-top:-80px;padding:142px 0 65px;border-radius:20px;color:#fff;background:url('../img/sub/method1001_bg.png') no-repeat center bottom #042574;background-size:cover}
#method1001 .bt_txt_box .eng_txt{color:#fff}
#method1001 .bt_txt_box .mdi_txt{padding:0 15px;font-size:23px;line-height:33px;font-weight:300;white-space:pre-line;word-break:keep-all}
#method1001 .bt_txt_box .mdi_txt span{font-weight:700}

@media(max-width:1130px){
#method1001{padding:0 30px}
}
@media(max-width:1024px){
#method1001 .tit_box .kor{font-size:30px;line-height:40px}
#method1001 .box_group{width:calc(100% - 60px)}
#method1001 .box_group li .txt_group{padding:0 20px;white-space:normal;word-break:keep-all}
}
@media(max-width:768px){
.pagecommon{font-size:14px}
#method1001{padding:0 15px}
#method1001 .tit_box .kor{font-size:25px;line-height:35px;word-break:keep-all}
#method1001 .box_group{row-gap:45px;width:calc(100% - 30px);margin-top:45px;padding:50px 0 44px}
#method1001 .box_group li{width:calc(100%/2)}
#method1001 .box_group li:nth-child(3n):before{display:block}
#method1001 .box_group li:nth-child(2n):before{display:none}
#method1001 .box_group li .icon_group{width:115px;height:115px;line-height:115px}
#method1001 .bt_txt_box{padding:132px 0 55px}
#method1001 .bt_txt_box .mdi_txt{font-size:20px;line-height:30px}
}
@media(max-width:480px){
    .pagecommon{padding-left:12px}
#method1001 .eng_txt{font-size:13px}
#method1001 .tit_box .kor{font-size:20px;line-height:30px;white-space:normal}
#method1001 .box_group{display:block;margin-top:35px;padding:0;border:none;border-radius:0;background:none}
#method1001 .box_group li{width:100%;padding:30px 0;border:1px solid #e1e1e1;border-radius:20px;background:#fff}
#method1001 .box_group li+li{margin-top:40px}
#method1001 .box_group li:before{display:block !important;left:50%;right:auto;top:auto;bottom:-30px;transform:translateX(-50%) rotate(90deg)}
#method1001 .box_group li:last-child:before{display:none !important}
#method1001 .box_group li .icon_group{width:85px;height:85px;margin-bottom:20px;line-height:85px}
#method1001 .box_group li .icon_group img{height:35px}
#method1001 .box_group li .step{width:70px;font-size:13px;line-height:25px}
#method1001 .box_group li .txt_group{white-space:pre-line}
#method1001 .box_group li .txt_group span{font-size:15px}
#method1001 .bt_txt_box{padding:122px 0 45px}
#method1001 .bt_txt_box .mdi_txt{padding:0 25px;font-size:17px;line-height:27px;white-space:normal}
}
@media(max-width:380px){
#method1001 .bt_txt_box .mdi_txt{font-size:16px;line-height:26px}
}