.location_con .map_wrap{width: 100%; height: 550px;}
.location_con .root_daum_roughmap{width: 100%;}
.location_con .root_daum_roughmap .wrap_map{height: 550px;}
.location_con .txt_wrap{margin-top: 60px;}
.location_con .txt_wrap .top{display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd;}
:lang(en) .location_con .txt_wrap .top{flex-direction: row;}
.location_con .txt_wrap .top b{font-size: 30px; display: block; }
.location_con .txt_wrap .top .link_wrap{display: flex; align-items: center;}
:lang(en) .location_con .txt_wrap .top .link_wrap{display: none;}
.location_con .txt_wrap .top .link_wrap a{display: flex; align-items: center;padding: 12px 24px;  margin-right: 16px; font-weight: 600; border-radius:2px;}
.location_con .txt_wrap .top .link_wrap a.naver{background-color: #00C73C; color: #fff;}
.location_con .txt_wrap .top .link_wrap a.kakao{background-color: #F7E600; color: #222;}
.location_con .txt_wrap .top .link_wrap a img{width: 16px; margin-right: 10px;}

.location_con .txt_wrap .top .link_wrap a:last-child{margin-right: 0;}

.location_con .txt_wrap .txt_in p{display: flex; font-size: 18px;}
.location_con .txt_wrap .txt_in p + p{margin-top: 16px;}
.location_con .txt_wrap .txt_in p img{width: 25px; height: 26px; margin-right: 16px;}

.service_list02 > li {display: flex; flex-direction: column; justify-content: space-between; gap: 16px;}
.service_list02 > li > i {width: 45px; height: 50px; overflow: hidden; display: block; margin: 0 auto;}
.service_list02 > li > i > img{width: 100%; height: auto;  filter: opacity(0.2); transition: all 0.3s;}
.service_list02 > li:hover  i > img {filter: opacity(1);}
.service_list02 li p { width: 100%; height: auto; font-size: 1.05rem;}
.certi_banner {display: block; width: 350px; height: auto; margin: 0 auto;}
.certi_banner > img {width: 100%; height: 100%; object-fit: cover; display: block;}
.subway_list_1 {display: flex; width: 100%;}
.subway_flex {width: 38%;}
.subway_flex > div {padding: 15px; border: 1px solid #ddd; border-radius: 4px;}
.subway_flex > div > select {width: 100%; height: -webkit-fill-available; border: none; font-size: 16px;}

.hope_box > .title_area > span {font-size: 15px; color: #888;}

.deco::before {content: '▪'; color: #fd94c5; margin-right: 6px;}
p.deco {font-size: 1.3rem; font-weight: 600; color: #fd94c5;}

.about_text > p {font-weight: 400; font-size: 1rem; color: #333;}

.info_table {width: 100%; border: 1px solid #ddd;}
.info_table tr {border: 1px solid #ddd; }
.info_table tr > th {border-right: 1px solid #ddd; background-color: #fffcd0; font-weight: 600; font-size: 1rem;}
.info_table tr > td {font-size: 1rem; color: #333;}
.info_table tr > th,
.info_table tr > td {text-align: center; vertical-align: middle; padding: 12px 0;}

.bot-txt-box {width: 100%; display:  block; padding: 16px; background-color: #f9f9f9; border-radius: 10px;}
.bot-txt-box > p.rd-txt {font-weight: 500; margin-bottom: 10px; font-size: 1.1rem; margin-left: 0;}
.bot-txt-box > p {margin-left: 14px; font-size: 1rem;}

.worknat {margin-bottom: 10px;}

.posting_employ form .worknat input{padding: 8px;}
.posting_employ form .worknat input[type='radio']:checked {width: 10px; padding: 6px;}

.p-txt {margin-top: 10px; font-size: 15px; color: orangered;}
.gr-tx {color: #bbb; font-weight: 400;}

.service_list02.service_list03 {width: 100%; flex-wrap: nowrap;}
.service_list02.service_list03 > li {width: calc(100% / 3);}
.service_list02.service_list03 > li i {display: block; margin: 0 auto; max-width: 80px; text-align: center; margin-bottom: 7px; padding: 3px 8px; background-color: #fd94c5; border-radius: 25px; color: #fff; font-size: 0.9em; font-weight: 500;}
.service_list02.service_list03 > li p {display: block; color: #fd94c5; margin-top: 14px; line-height: 1.4;}

.note-txt > p {color: #ff214a; font-size: 1rem;}

.img-upload-box > img {height: 100%; object-fit: cover;}


.foreign_address {display: flex;     align-items: center;}
.foreign_address > .place {width: 84%;}
.foreign_address > .place > div {width: 100%;  padding: 15px; border-radius: 4px; border: 1px solid #ddd; } 
.foreign_address > .place > div > select {width: 100%; font-size: 16px; color: #888; border: 0;}



/* ********************************************* *
* 960px
* ********************************************* */

@media screen and (max-width: 960px){

    .foreign_address {flex-direction: column;}
    .foreign_address > .place {width: 100%; margin-top: 10px;}

    .address-input-wrap {margin-top: 10px;}

    .location_con .map_wrap .wrap_map{height: 370px;}
    .location_con .txt_wrap .top b{font-size: 27px;}

}




/* ********************************************* *
* 860px
* ********************************************* */

@media screen and (max-width: 860px){

    .service_list > li {width: 100%;}

}

/* ********************************************* *
* 768px
* ********************************************* */

@media screen and (max-width: 768px){

    .service_list02 { justify-content: space-between; flex-wrap: wrap;}
    .service_list02 > li {width: calc(50% - 6px);}

    .service_list02.service_list03 {flex-wrap: wrap;}
    .service_list02.service_list03 > li {width: 100%;}

    .note-txt > p {color: #ff214a; font-size: 0.8rem;}

    .location_con .root_daum_roughmap .wrap_map{height: 400px !important;}

}


/* ********************************************* *
* 735px
* ********************************************* */

@media screen and (max-width: 735px){


    .subway_flex { width: 100%; }
    .subway_flex > div {width: calc(100% / 3); padding: 12px;}
    .subway_flex > div > select {font-size: 13px;} 


}


/* ********************************************* *
* 640px
* ********************************************* */

@media screen and (max-width: 640px){

    .foreign_address > .place > div {padding: 12px;}
    .foreign_address > .place > div > select {font-size: 13px;}

    .joblist_region .table_body_box_on {padding: 20px; flex-direction: column; gap: 0;}
    .joblist_region .table_body_box_on > div {width: 100%;}

    .location_con .txt_wrap .top{padding-bottom: 16px; margin-bottom: 16px;}
    .location_con .txt_wrap .top b{font-size: 22px;}
    .location_con .txt_wrap .txt_in p{font-size: 16px;}
    .location_con .txt_wrap{margin-top: 24px;}
    .location_con .txt_wrap .txt_in p img{margin-right: 8px;}
    .location_con .txt_wrap .txt_in p + p{margin-top: 8px;}


}


/* ********************************************* *
* 500px
* ********************************************* */

@media screen and (max-width: 500px){

    .service_tab ul {flex-wrap: wrap;}
    .service_tab ul li {width: 100%;}
    .service_tab ul li a {display: block; width: 100%; text-align: center; padding: 8px 12px; font-size: 15px;}

    .about_txt .about_tt{font-size: 20px;}
    .about_txt .about_tt > b {font-size: 25px;}
    .service_list > li {height: 60px; font-size: 15px;}

    .second_tit{font-size: 22px;}
    .service_list02 li p {font-size: 0.9rem;}
    p.deco {font-size: 1.1rem;}

    .bot-txt-box > p.rd-txt {font-size: 1rem; font-weight: 600;}
    .bot-txt-box > p {margin-left: 0; font-size: 0.9rem;}
    .info_table tr > td,
    .info_table tr > th {font-size: 0.9rem;}

    .location_con .map_wrap .wrap_map{height: 230px;}
    .location_con .txt_wrap .top{display: block;}
    .location_con .txt_wrap .top .link_wrap a{width: 50%; text-align: center; justify-content: center; margin-bottom: 24px;}
    .location_con .txt_wrap{margin-top: 16px;}


}