/* --------------------------------sub layout-------------------------------- */
#container {padding-top:0;overflow: hidden;}
.sub_sec {}
.sub_sec[data-layout="w708"] .inner {max-width:708px}

/* scroll ani*/
[data-ani="scroll"] {opacity:0; transform:translateY(50px); transition:all 1s}
[data-ani="scroll"].on {opacity:1; transform:translateY(0)}
/* --------------------------------//sub layout-------------------------------- */



/* --------------------------------recruit_sec------------------------------ */
/* 채용 페이지 */
.recruit_sec {background-color:#F7F7F8}
.recruit_sec .inner {padding:13rem 0 11.5rem}
.recruit_sec .title_wrap {margin-bottom:2.5rem}
.recruit_sec .title_wrap .sec_title {font-size:3rem; line-height:4rem; font-weight:700; color:#161B20}
.recruit_sec .title_wrap .sub_title {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#BEC1C7; margin-bottom:4px}

@media screen and (max-width:1024px) {
    .recruit_sec .inner {padding:4.92rem 0}
    .recruit_sec .title_wrap .sub_title {font-size:1.24rem; line-height:2.15rem}
    .recruit_sec .title_wrap .sec_title {font-size:1.85rem; line-height:2.76rem}
}/* sm */


.recruit_sec_01 {background-color:#FFF}
.recruit_sec_01 .img_wrap {position:relative; width:100%; height:45rem; max-height:720px; overflow:hidden; background:url(/front/images/sub/recruit_sec_bg.png) no-repeat center / cover; background-attachment:fixed}
.recruit_sec_01 .img_wrap p {font-size:4.5rem; line-height:5.75rem; font-weight:500; color:#FFF; width:88%; max-width:1440px; position:absolute; top:50%; right:50%; transform:translate(50%,-50%)}
.recruit_sec_01 .card_wrap {display:flex; gap:1.125rem}
.recruit_sec_01 .card {position:relative; height:464px; background:#FFF; box-shadow:10px 10px 60px rgba(120,120,120,0.1); flex:1 1 0; cursor:pointer}
.recruit_sec_01 .card .front {width:100%; height:100%; padding:3.5rem 12%; position:relative}
.recruit_sec_01 .card .front i {background-position:bottom right; background-repeat:no-repeat; background-size:contain; position:absolute; right:3.5rem; bottom:3.5rem}
.recruit_sec_01 .card:nth-child(1) .front i {width:8rem; height:8rem; max-width:27.6%; background-image:url(/front/images/sub/recruit_ico_01.png)}
.recruit_sec_01 .card:nth-child(2) .front i {width:9.25rem; height:8.75rem; max-width:31.9%; background-image:url(/front/images/sub/recruit_ico_02.png)}
.recruit_sec_01 .card:nth-child(3) .front i {width:11rem; height:6.125rem; max-width:37.9%; background-image:url(/front/images/sub/recruit_ico_03.png)}
.recruit_sec_01 .card .back {opacity:0; width:100%; height:100%; padding:3.5rem 12%; position:absolute; top:0; left:0; background:linear-gradient(-90deg,#FFF 56%,#F0F0F0 100%); background:-webkit-linear-gradient(-90deg,#FFF 56%,#F0F0F0 100%); background:-o-linear-gradient(-90deg,#FFF 56%,#F0F0F0 100%); background:-ms-linear-gradient(-90deg,#FFF 56%,#F0F0F0 100%); background:-moz-linear-gradient(-90deg,#FFF 56%,#F0F0F0 100%); transition:all .2s ease-in-out}
.recruit_sec_01 .card h3 {font-size:2rem; line-height:2.625rem; font-weight:400; color:#161B20}
.recruit_sec_01 .card b {font-weight:700}
.recruit_sec_01 .card .back p {font-size:1.5rem; line-height:2.25rem; font-weight:400; color:#444; margin-top:1.5rem}

@media screen and (max-width:1580px) {
    .recruit_sec_01 .card h3 {font-size:1.6rem; line-height:2rem}
    .recruit_sec_01 .card .front,
    .recruit_sec_01 .card .back {padding:3rem 8%}
}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .recruit_sec_01 .card_wrap .card:hover .back {opacity:1}
}/* hover */

@media screen and (max-width:1024px) {
    .recruit_sec_01 {margin-top:0}
    .recruit_sec .title_wrap {margin-bottom:1.85rem}
    .recruit_sec_01 .img_wrap {height:26rem; min-height:348px; max-height:600px; background:url(/front/images/sub/recruit_sec_bg_mo.png) no-repeat center / cover; background-attachment:fixed}
    .recruit_sec_01 .img_wrap p {font-size:2.46rem; line-height:3.23rem}
    .recruit_sec_01 .card_wrap {flex-direction:column; gap:1.85rem}
    .recruit_sec_01 .card {height:320px; padding-bottom:200px; flex:none}
    .recruit_sec_01 .card h3 {font-size:1.54rem; line-height:2.46rem}
    .recruit_sec_01 .card .front {padding:2.46rem; position:absolute; top:0; left:0; z-index:3}
    .recruit_sec_01 .card .front h3 {opacity:0}
    .recruit_sec_01 .card .front i {right:2.3rem; bottom:2.3rem}
    .recruit_sec_01 .card .back {padding:2.46rem; position:relative; opacity:1; background:#fff}
    .recruit_sec_01 .card .back p {font-size:1.24rem; line-height:2.15rem; margin-top:1.24rem}
}/* sm */
@media screen and (max-width:360px) {
    .recruit_sec_01 .card .front,
    .recruit_sec_01 .card .back {padding:2.46rem 1.6rem}
}/* sm */


.recruit_sec_02 .card_wrap {display:flex; gap:1.5rem; flex-wrap:wrap}
.recruit_sec_02 .card_mo_wrap {display:none}
.recruit_sec_02 .card {position:relative; width:calc(50% - 0.75rem); height:22.5rem; padding:3.5rem; background:#FFF; box-shadow:10px 10px 60px rgba(120,120,120,0.1)}
.recruit_sec_02 .card h3 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#161B20; margin-bottom:2rem}
.recruit_sec_02 .card p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#161B20}
.recruit_sec_02 .card i {display:block; width:9rem; height:9rem; background-position:top right; background-repeat:no-repeat; background-size:contain; position:absolute; right:2rem; top:2rem}
.recruit_sec_02 .card:nth-child(1) i {background-image:url(/front/images/sub/recruit_gif_01.gif)}
.recruit_sec_02 .card:nth-child(2) i {background-image:url(/front/images/sub/recruit_gif_02.gif)}
.recruit_sec_02 .card:nth-child(3) i {background-image:url(/front/images/sub/recruit_gif_03.gif)}
.recruit_sec_02 .card:nth-child(4) i {background-image:url(/front/images/sub/recruit_gif_04.gif)}


@media screen and (max-width:1024px) {
    .recruit_sec_02 .card_wrap {display:none}
    .recruit_sec_02 .card_mo_wrap {display:block; overflow:visible}
    .recruit_sec_02 .card {width:100%; height:320px; padding:1.85rem}
    .recruit_sec_02 .card[data-ani="scroll"] {opacity:1; transform:translateY(0); transition:none}
    .recruit_sec_02 .card h3 {font-size:1.85rem; line-height:2.46rem}
    .recruit_sec_02 .card i {top:unset; bottom:1.25rem; right:1.25rem}

}/* sm */

.recruit_sec_03 .card_wrap {display:flex; gap:3rem; flex-direction:column}
.recruit_sec_03 .card {position:relative; width:100%; max-width:740px; background-color:#FFF; box-shadow:10px 10px 60px rgba(120,120,120,0.1); padding:2rem}
.recruit_sec_03 .card::before {content:''; display:block; position:absolute; bottom:0; right:10%; width:110px; height:52px; background:url(/front/images/sub/recruit_bubble.png) top center/contain no-repeat; transform:translateY(100%)}
.recruit_sec_03 .card:nth-child(odd) {align-self:flex-end}
.recruit_sec_03 .card:nth-child(odd)::before {}
.recruit_sec_03 .card:nth-child(even) {align-self:flex-start}
.recruit_sec_03 .card:nth-child(even)::before {left:10%; transform:scaleX(-1) translateY(100%)}
.recruit_sec_03 .card .txt {width:100%; text-align:center}
.recruit_sec_03 .card .txt img {margin:0 auto}
.recruit_sec_03 .card h3 {position:relative; display:inline-block; margin:0 auto}
.recruit_sec_03 .card p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#161B20; margin-top:1.25rem}
.recruit_sec_03 .card h3::after {content:''; display:block; width:0; height:1rem; background-color:#61E7E7; position:absolute; bottom:-4px; left:0; z-index:-1}
/*.recruit_sec_03 .card.on h3::after {animation:wideWid 0.8s 0.2s ease-in-out forwards}*/

@keyframes wideWid {
    to {width:100%}
}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .recruit_sec_03 .card:hover h3::after {animation:wideWid 0.4s ease-in-out forwards}
}/* hover */

@media screen and (max-width:1024px) {
    .recruit_sec_03 .card_wrap {gap:calc(40px + 1.85rem)}
    .recruit_sec_03 .card {padding:2.46rem}
    .recruit_sec_03 .card::before {width:80px; height:40px}
    .recruit_sec_03 .card .txt img {width:auto; height:84px; margin:0 auto}
    .recruit_sec_03 .card:nth-child(1) .txt img,
    .recruit_sec_03 .card:nth-child(2) .txt img {height:42px}
}/* sm */

.recruit_sec_04 .cont_wrap {display:block}
.recruit_sec_04 .cont_mo_wrap {display:none}
.recruit_sec_04 .list_wrap li {position:relative}
.recruit_sec_04 .list_wrap li:not(:last-child) {margin-bottom:2rem}
/*.recruit_sec_04 .list_wrap li.done::after {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3}*/
.recruit_sec_04 .list_wrap a {display:block; width:100%; height:100%; min-height:8.5rem; padding:2.25rem; background-color:#FFF; position:relative; transition:all .3s ease-in-out}
.recruit_sec_04 .list_wrap h3 {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161B20; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-right:5.5rem}
.recruit_sec_04 .list_wrap .done h3 {color:#BEC1C7}
.recruit_sec_04 .list_wrap .desc {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:8px; margin-top:1rem}
.recruit_sec_04 .list_wrap .period {font-size:.875rem; line-height:1.25rem; font-weight:400; color:#5A6470}
.recruit_sec_04 .list_wrap .tag_team {font-size:12px; line-height:20px; height:20px; font-weight:500; color:#5A6470; background-color:#EAEAEA; padding:0 4px}
.recruit_sec_04 .list_wrap .tag_career {font-size:12px; line-height:20px; height:20px; font-weight:500; color:#FDFDFD; background-color:#72A1E4; padding:0 4px}
.recruit_sec_04 .list_wrap .tag_career.exper {background-color:#0E356C}
.recruit_sec_04 .list_wrap .tag_career.all {background-color:#5A6470}
.recruit_sec_04 .list_wrap .status {font-size:.875rem; line-height:1.25rem; font-weight:700; color:#FDFDFD; background-color:#333; position:absolute; top:50%; right:2.25rem; transform:translateY(-50%); display:inline-flex; justify-content:center; align-items:center; width:4.5rem; height:4rem}
.recruit_sec_04 .list_wrap .done .status {color:#BEC1C7; background-color:#EAEAEA}
.recruit_sec_04 .noti_wrap {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161B20; background-color:#FFF; display:flex; justify-content:center; align-items:center; min-height:20rem}
.recruit_sec_04 .btn_wrap {background-color:#333; padding:2rem; position:relative; display:flex; justify-content:space-between; flex-direction:row; align-items:center; gap:1rem; margin-top:5.5rem}
.recruit_sec_04 .btn_wrap h3 {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#FFF}
.recruit_sec_04 .btn_apply {font-size:1.5rem; line-height:5.25rem; font-weight:700; color:#FFF; width:auto; height:5.25rem; padding:0 2.5rem; overflow:hidden; display:inline-block; transition:all .15s ease-in-out; position:relative
    /*border:1px solid; */
    /*border-image:linear-gradient(90deg,#3468b2 5%,#8acece 95%); border-image:-webkit-linear-gradient(90deg,#3468b2 5%,#8acece 95%); border-image:-o-linear-gradient(90deg,#3468b2 5%,#8acece 95%); border-image:-ms-linear-gradient(90deg,#3468b2 5%,#8acece 95%); border-image:-moz-linear-gradient(90deg,#3468b2 5%,#8acece 95%); border-image-slice:1; */}
.recruit_sec_04 .btn_apply em {position:relative; z-index:3}
.recruit_sec_04 .btn_apply:before {content:''; position:absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); z-index:1; background:#333}
.recruit_sec_04 .btn_apply:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-webkit-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-o-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-ms-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-moz-linear-gradient(90deg,#3468b2 5%,#8acece 95%); z-index:0; background-size:300% 300%}
.recruit_sec_04 .btn_apply .arr {position:relative; overflow:hidden; height:22px; width:0; transition:opacity .05s,transform .15s ease}
.recruit_sec_04 .btn_apply .arr i {position:absolute; top:50%; left:0; font-size:16px; transition:all ease .2s; transform:translateY(-50%) rotate(20deg); width:18px; height:18px; opacity:0; background:url(/front/images/main/sec6_logo_w.png) center / contain no-repeat}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .recruit_sec_04 .list_wrap li:hover a {box-shadow:10px 10px 60px rgba(120, 120, 120, 0.1)}
    .recruit_sec_04 .list_wrap li.done:hover a {box-shadow:none}
    .recruit_sec_04 .pagination a:hover {color:#72A1E4; font-weight:700}
    .recruit_sec_04 .btn_apply:hover {padding:0 4rem 0 2.5rem}
    /*.recruit_sec_04 .btn_apply:hover:after {animation:rotate 0.2s linear forwards}*/
    .recruit_sec_04 .btn_apply:hover .arr {width:16px}
    .recruit_sec_04 .btn_apply:hover .arr i {left:8px; transform:translateY(-50%) rotate(0); opacity:1}
}/* hover */

/*@keyframes rotate {*/
/*    0% {*/
/*        transform:rotate(0); */
/*}*/
/*    100% {*/
/*        transform:rotate(90deg); */
/*}*/
/*}*/

@media screen and (max-width:1024px) {
    .recruit_sec_04 .cont_wrap {display:none}
    .recruit_sec_04 .cont_mo_wrap {display:block}
    .recruit_sec_04 .cont_mo_wrap .swiper-container {overflow:visible}
    .recruit_sec_04 .list_wrap a {height:calc(16.46rem + 24px); padding:1.85rem}
    .recruit_sec_04 .list_wrap h3 {font-size:1.54rem; line-height:2.46rem; -webkit-line-clamp:2; padding-right:0}
    .recruit_sec_04 .list_wrap .desc {flex-wrap:wrap; margin-bottom:6.3rem}
    .recruit_sec_04 .list_wrap .status {font-size:1.08rem; line-height:1.54rem; top:unset; bottom:1.85rem; right:1.85rem; transform:unset; width:5.46rem; height:4.92rem}
    .recruit_sec_04 .list_wrap .period {font-size:1.08rem; line-height:1.54rem; display:block; width:100%; margin-bottom:-4px}
    .recruit_sec_04 .btn_wrap {flex-direction:column; justify-content:flex-start; align-items:flex-start}
    .recruit_sec_04 .btn_wrap h3 {font-size:1.24rem; line-height:2.15rem}
    .recruit_sec_04 .btn_apply {font-size:1.24rem; line-height:4.5rem; height:4.5rem}
    .recruit_sec_04 .btn_apply em {padding-right:16px}
    .recruit_sec_04 .btn_apply .arr {width:16px}
    .recruit_sec_04 .btn_apply .arr i {width:12px; height:13px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}
}/*sm*/
/* --------------------------------//recruit_sec------------------------------ */


/* --------------------------------apply_sec------------------------------ */
/* 인재풀 등록 페이지 */
.apply_sec {padding:6.5rem 0 13rem}
.apply_sec h2 {font-size:3rem; line-height:4rem; font-weight:700; color:#161B20; text-align:center}
.apply_sec h2 span {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#BEC1C7; display:block}
.apply_sec .apply_form {margin:6rem 0 4rem}
.apply_sec .apply_form .top {border-bottom:1px solid #E6E8EB; padding-bottom:4rem; margin-bottom:4rem}
.apply_sec .apply_form .file_wrap{width: 100%;height:144px;padding:1.875rem 1.5rem;border: 1px solid #BEC1C7}
.apply_sec .apply_form .file_wrap .input_sub{font-size:14px;line-height:20px;font-weight:400;color:#161B20;text-align:center;position:relative}
.apply_sec .apply_form .file_wrap .input_sub i{display:block;width:44px;height:44px;margin:0 auto;background:url(/front/images/sub/ico_file.png) center/100% auto no-repeat}
.apply_sec .apply_form .file_wrap .input_sub span{font-size:14px;line-height:20px;font-weight:400;color:#5A6470;display:block;}
.apply_sec .apply_form .file_wrap .file_name{font-size:14px;line-height:20px;font-weight:400;color:#5A6470;display:flex;justify-content: flex-start;align-items: center;flex-direction:row;gap:6px}
.apply_sec .apply_form .file_wrap .btn_delete{display:block;width:10px;height:10px;background:url(/front/images/sub/btn_delete.png) center/100% auto no-repeat}
.apply_sec .agree_wrap {text-align:center; margin-bottom:1.5rem}
.apply_sec .agree_wrap .input_wrap {margin-bottom:0}
.apply_sec .agree_wrap .input_wrap input[type="checkbox"] + label {justify-content:center}
.apply_sec .btn_group {margin-top:1rem}
.apply_sec .btn_group .desc {font-size:14px; line-height:20px; font-weight:400; color:#161B20; text-align:center; margin-top:2rem}
.apply_sec .btn_group .desc a {font-weight:700; text-decoration:underline; text-underline-position:under}

/* 에러 */
.apply_sec .apply_form .input_wrap.error input[required]{border-color:#DD3636}
.apply_sec .input_wrap .select_box .btn_select.error{border-color:#DD3636}
.apply_sec .apply_form .file_wrap.error{border-color:#DD3636}

@media screen and (max-width:1024px) {
    .apply_sec {padding:8rem 0 4.92rem}
    .apply_sec h2 { font-size:1.85rem; line-height:2.76rem}
    .apply_sec h2 span {  font-size:1.24rem; line-height:2.15rem}
    .apply_sec .apply_form {margin:2.46rem 0 1.85rem}
    .apply_sec .apply_form .top {padding-bottom:0; margin-bottom:1.85rem}
    .apply_sec .apply_form .flex_box {display:block}
    .apply_sec .apply_form .file_wrap{height:132px}
}/*sm*/
/* --------------------------------//apply_sec------------------------------ */


/* --------------------------------apply_done_sec------------------------------ */
/* 인재풀 등록 완료 페이지 */
.apply_done_sec {padding:13rem 0}
.apply_done_sec .inner {text-align:center}
.apply_done_sec .ico {width:26%; max-width:184px; margin:0 auto}
.apply_done_sec h2 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#0A0A0A; margin:2.5rem auto}
.apply_done_sec p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#0A0A0A}
.apply_done_sec p b,
.apply_done_sec a {font-weight:700}
.apply_done_sec .btn_group {margin-top:6.5rem}

@media screen and (max-width:1024px) {
    .apply_done_sec {padding:8rem 0 6.15rem}
    .apply_done_sec .ico {width:104px; height:104px}
    .apply_done_sec h2 {font-size:1.85rem; line-height:2.76rem; margin:1.85rem auto 2.46rem}
    .apply_done_sec p {font-size:1.24rem; line-height:2.15rem}
    .apply_done_sec .btn_group {margin-top:3.69rem}
}/*sm*/
/* --------------------------------//apply_done_sec------------------------------ */


/* --------------------------------contact_sec------------------------------ */
/* 문의 등록 페이지 */
.contact_sec {padding:13rem 0 9.25rem; background:url(/front/images/sub/contact_bg.png) center/cover no-repeat}
.contact_sec .inner {text-align:left; display:flex; justify-content:space-between; gap:5rem; max-height:1408px}
.contact_sec .fixed_wrap {/*position:absolute; */width:23.8%; min-width:320px; max-width:342px; /*max-height:80vh; overflow-y:scroll*/}
.contact_sec .fixed_wrap .fixed_inner {height:100%}
/*.contact_sec .fixed_wrap::-webkit-scrollbar {width:0; height:0}*/
/*.contact_sec .fixed_wrap::-webkit-scrollbar-thumb {background:transparent; border:2px solid transparent; border-radius:300px}*/
/*.contact_sec .fixed_wrap::-webkit-scrollbar-thumb:hover {background-color:transparent; border:2px solid transparent}*/
/*.contact_sec .fixed_wrap::-webkit-scrollbar-track {background:transparent}*/
.contact_sec .form_wrap {width:100%; flex-shrink:1; /*width:calc(100% - 23.8% - 10%); max-height:80vh; margin-left:calc(23.8% + 10%); */overflow-y:scroll; border-left:1px solid #1A1A1A; background-color:#FFF; padding:73px 61px}
.contact_sec .form_wrap::-webkit-scrollbar {width:10px; height:30px}
.contact_sec .form_wrap::-webkit-scrollbar-thumb {background:#FDFDFD; border:2px solid #FDFDFD; border-radius:300px}
.contact_sec .form_wrap::-webkit-scrollbar-thumb:hover {background-color:#BEC1C7; border:2px solid #BEC1C7}
.contact_sec .form_wrap::-webkit-scrollbar-track {background:#E6E8EB}
.contact_sec .title_wrap h2 {font-size:3rem; line-height:4rem; font-weight:700; color:#FDFDFD}
.contact_sec .title_wrap h2 span {font-size:2rem; line-height:2.625rem; font-weight:700; color:#BEC1C7; display:block; margin-bottom:4px}
.contact_sec .title_wrap p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#FDFDFD; margin-top:8px}
.contact_sec .cont_wrap {display:flex; flex-direction:column; gap:1.25rem; margin-top:3.5rem}
.contact_sec .cont_wrap h3 {font-size:1.25rem; line-height:2rem; font-weight:500; color:#161B20}
.contact_sec .cont_wrap p {font-size:.875rem; line-height:1.25rem; font-weight:400; color:#161B20}
.contact_sec .cont_wrap .btn_link {font-size:.875rem; line-height:1.75rem; font-weight:700; color:#161B20; display:inline-flex; justify-content:center; align-items:center; gap:2px; height:1.75rem; padding:0 8px; border:1px solid #696969; margin-top:4px}
.contact_sec .cont_wrap .btn_link::after {content:''; display:block; width:14px; height:14px; background:url(/front/images/common/ico_iba_bk.png) center /contain no-repeat}
.contact_sec .cont_item {background:#FFF; border:1px solid #FFF; box-shadow:10px 10px 60px rgba(120,120,120,0.1); padding:.75rem 1.25rem 1.25rem}
.contact_sec .color_bk {background:transparent; border-color:#BEC1C7}
.contact_sec .color_bk h3,
.contact_sec .color_bk p {color:#FDFDFD}
.contact_sec .color_bk .btn_link {color:#161B20; background-color:#FFF}
.contact_sec .map_item {background:transparent; box-shadow:10px 10px 60px rgba(120, 120, 120, 0.1)}
.contact_sec .map_item h3 {color:#FDFDFD}
.contact_sec .address_map {width:100%; height:234px; position:relative; margin-top:.5rem}
.contact_sec .address_map .btn_wrap {position:absolute; top:1rem; right:1rem; display:flex; justify-content:flex-end; align-items:center; gap:4px; z-index: 10}
.contact_sec .address_map .btn_wrap > * {font-size:14px; line-height:20px; font-weight:400; color:#FDFDFD; background-color:#333333; padding:4px 8px; display:inline-block}
.contact_sec .check_wrap {margin-top:5rem}
.contact_sec .check_wrap h3 {font-size:1rem; line-height:1.75rem; font-weight:700; color:#161B20; text-align:left; display:block; margin-bottom:1rem}
.contact_sec .check_wrap .input_wrap:not(:last-child) {margin-bottom:.5rem}
.contact_sec .check_wrap .input_wrap label {font-weight:400; margin-bottom:0}
.contact_sec .check_wrap .input_wrap input[type="checkbox"] + label span {font-weight:400; margin-bottom:0}
.contact_sec .check_wrap .input_wrap input[type="checkbox"]:checked + label span {background:url(/front/images/common/ico_checked.png) no-repeat center / 100% auto #3468B2}
.contact_sec .input_etc{display:none;margin-top:.5rem}
.contact_sec .input_etc.show{display:block}
.contact_sec .btm > .input_wrap {margin-top:5rem}
.contact_sec .input_wrap .desc {font-size:0.875rem; line-height:1.25rem; font-weight:400; color:#161B20; margin-top:1rem}
.contact_sec .input_wrap .desc span {font-size:12px; line-height:1rem; font-weight:400; color:#161B20; display:block; margin-top:4px}
.contact_sec .input_wrap textarea {font-size:0.875rem; line-height:1.25rem; font-weight:400; color:#161B20; padding:1.5rem; border-radius:4px; border:1px solid #BEC1C7; resize:none; width:100%; min-height:244px; margin:2rem auto 0}
.contact_sec .input_wrap textarea::placeholder {font-size:0.875rem; line-height:1.25rem; font-weight:400; color:#BEC1C7}
.contact_sec .btm > .agree_wrap {margin-top:5rem}

.contact_sec .agree_wrap {margin-bottom:1.5rem}
.contact_sec .agree_wrap .tip {text-align:left}
.contact_sec .agree_wrap label p {font-weight:500}
.contact_sec .agree_wrap label p b {font-weight:700}
.contact_sec .agree_wrap .btn_popup {font-weight:500}
.contact_sec .agree_wrap .btn_popup b {font-weight:700}
.contact_sec .btn_group {margin-top:1rem}
.contact_sec .btn_group .desc {font-size:14px; line-height:20px; font-weight:400; color:#161B20; text-align:left; margin-top:2rem}
.contact_sec .btn_group .desc a {font-weight:700; text-decoration:underline; text-underline-position:under}

/* 에러 */
.contact_sec .contact_form .input_wrap.error input[required]{border-color:#DD3636}
.contact_sec .input_wrap.error input[type="checkbox"] + label span{border-color:#DD3636}

@media screen and (max-width:1024px) {
    .contact_sec {padding:0; background:#FFF}
    .contact_sec .inner {width:100%; display:block; max-height:unset}
    .contact_sec .title_wrap {text-align:center}
    .contact_sec .title_wrap h2 {font-size:1.85rem; line-height:2.76rem}
    .contact_sec .title_wrap h2 span {font-size:1.24rem; line-height:2.15rem}
    .contact_sec .title_wrap p {font-size:1.24rem; line-height:2.15rem}
    .contact_sec .fixed_wrap {width:100%; min-width:unset; max-width:unset; background:url(/front/images/sub/contact_bg.png) center/cover no-repeat; padding:8rem 0 4.92rem}
    .contact_sec .fixed_wrap .fixed_inner {width:88%; margin:0 auto}
    .contact_sec .contact_form {width:88%; margin:0 auto}
    .contact_sec .cont_item {padding:1rem 1.54rem 1.54rem}
    .contact_sec .cont_wrap {gap:1.54rem}
    .contact_sec .cont_wrap h3 {font-size:1.24rem; line-height:2.15rem}
    .contact_sec .cont_wrap p {font-size:1.08rem; line-height:1.54rem}
    .contact_sec .cont_wrap .btn_link {font-size:1.08rem; line-height:2.15rem; height:2.15rem; margin-top:1.24rem}
    .contact_sec .map_item h3 {font-size:1.54rem; line-height:2.46rem}
    .contact_sec .form_wrap {overflow-y:hidden; margin-top:1rem; padding:4.92rem 0}
    .contact_sec .check_wrap {margin-top:2.46rem}
    .contact_sec .check_wrap h3 {font-size:1.08rem; line-height:1.54rem}
    .contact_sec .input_wrap .desc {font-size:1.08rem; line-height:1.54rem; margin-top:1.24rem}
    .contact_sec .input_wrap textarea {font-size:1.08rem; line-height:1.54rem; padding:1.8rem}
    .contact_sec .input_wrap textarea::placeholder {font-size:1.08rem; line-height:1.54rem}
    .contact_sec .agree_wrap {margin-bottom:1.24rem}
    .contact_sec .btm > .agree_wrap {margin-top:3.08rem}
}/*sm*/
/* --------------------------------//contact_done_sec------------------------------ */


/* --------------------------------contact_done_sec------------------------------ */
/* 문의 완료 페이지 */
.contact_done_sec {padding:13rem 0}
.contact_done_sec .inner {text-align:center}
.contact_done_sec .ico {width:26%; max-width:184px; margin:0 auto}
.contact_done_sec h2 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#0A0A0A; margin:2.5rem auto}
.contact_done_sec p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#0A0A0A}
.contact_done_sec .btn_group {margin-top:6.5rem}


@media screen and (max-width:1024px) {
}/*sm*/
/* --------------------------------//contact_done_sec------------------------------ */