@charset "utf-8";


/********************
** 메인배너
********************/
.mainBanner{background: linear-gradient(110deg, rgba(24, 33, 61, 0.72), rgba(23, 102, 120, 0.45)), url('../../img/recruit-coaching/mainBannerBg.jpg'); background-size:cover; background-position: center;}

.differenceBox{display:grid; grid-template-columns: repeat(3, 1fr);}
.differenceBox > div{transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 10px 30px rgba(13, 23, 42, 0.2);}
.differenceBox > div:hover{transform: translateY(-6px); box-shadow: 0 18px 38px rgba(13, 23, 42, 0.28);}

.aboutBox{display:grid; grid-template-columns: repeat(3, 1fr);}
.aboutBox > div{border: 1px solid #eceef4; box-shadow: 0 8px 24px rgba(26, 32, 44, 0.06);}

.stepoBox{display:grid; grid-template-columns: repeat(5, 1fr);}
.stepoBoxList{aspect-ratio: 1 / 1; border-radius: 50%; border:1px solid #1f2937; background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f4f7fb 60%, #e7edf7 100%);}

.lastBanner{background: linear-gradient(120deg, rgba(20, 31, 56, 0.78), rgba(126, 36, 32, 0.45)), url('../../img/recruit-coaching/subBannerBg.jpg'); background-size:cover; background-position: right;}

/********************
** faq
********************/
.faq_answer {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.4s ease-in-out;opacity: 0;}
.faq_question{border-radius:16px 16px 16px 16px; border: 1px solid #f1d7d2; transition: background-color 0.25s ease, border-color 0.25s ease;}
.faq_item.active .faq_question{ border-radius: 16px 16px 0 0; border-bottom:none; background:#FFF2F1;}
.faq_item.active .faq_answer {max-height: 500px; padding:24px 36px; opacity: 1;background:#FFF2F1;border-radius: 0 0 16px 16px; border:1px solid #ffd8d4; border-top:none;}
.faq_item.active .icon_plus {transform: rotate(180deg); }
.icon_plus {filter: invert(1); transition: transform 0.3s ease-in-out;}

/********************
** Contact
********************/
.online{background: linear-gradient(125deg, rgba(12, 19, 42, 0.72), rgba(14, 83, 107, 0.52)), url('../../img/recruit-coaching/qaBg.jpg'); background-size:cover; background-position:center}
.auto-detail > div:last-child{backdrop-filter: blur(4px); box-shadow: 0 24px 50px rgba(5, 15, 32, 0.3);}
.inputBox{ padding: 24px; border: 1px solid #D9DADE; border-radius: 4px;}
.inputBox:placeholder-shown{color: #91949f; line-height: 1em;}

.custom-checkbox{width: 20px; height: 20px; padding: 0; border: 1px solid #26272b; border-radius: 4px; background-color: #fff; margin-right: 10px; transition: background-color 0.3s, border 0.3s; position: relative;}
.checkpolicy input[type="checkbox"] {display: none;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox{background-color: #F84A3B; border-color: #F84A3B;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after{content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 8px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}

.moreBtn{text-decoration: underline;}

.onlineBtn{ cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.onlineBtn:hover{transform: translateY(-2px); box-shadow: 0 10px 22px rgba(248, 74, 59, 0.32);}