/* 페이징 */
.front_paging_line{margin-top:1rem;display:block;text-align:center;}
.front_paging_box{display:inline-block;}
.flex_box{display:flex;}
.front_paging_number_box ul {display: flex;align-items: center;justify-content: center;}
.front_paging_number_box ul li.on_front_paging{background: #06566F;color:#fff;border: 1px solid #1D3B6C;font-family: 'Pretendard-Bold';}
.front_paging_number_box ul li.on_front_paging:hover{background: #1D3B6C;color:#fff;border: 1px solid #1D3B6C;font-family: 'Pretendard-Bold';}
.front_paging_number_box ul li {margin:0rem 0.2rem;cursor: pointer;border-radius: 0.6rem;background: #fff;width: 5rem;height: 5rem;border: 1px solid #fff;display: flex;color: #222;font-size: 1.6rem;font-family: 'Pretendard-Medium';line-height: 2.2rem;align-items: center;justify-content: center;}
.front_paging_number_box ul li:hover{border: 1px solid #1D3B6C;background: #FFF;}

.prev_page {margin-right:0.2rem;position:relative;cursor:pointer;padding: 0rem 1.8rem 0rem 3.8rem;display: flex;color: #222;font-family: Pretendard;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: 2.2rem;border-radius: 0.6rem;border: 1px solid #fff;height: 5rem;background: #fff;align-items: center;justify-content: center;}
.prev_page:after {content: '';position: absolute;left: 1.8rem;top: 1.7rem;width: 1.4rem;height: 1.2rem;background-image: url(../img/haesong/sub/prev_arrow.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.next_page {margin-left:0.2rem;position:relative;cursor:pointer;padding: 0rem 3.8rem 0rem 1.8rem;display: flex;color: #222;font-family: Pretendard;font-size: 1.6rem;font-style: normal;font-weight: 500;line-height: 2.2rem;border-radius: 0.6rem;border: 1px solid #fff;height: 5rem;background: #fff;align-items: center;justify-content: center;}
.next_page:after {content: '';position: absolute;right: 1.8rem;top: 1.7rem;width: 1.4rem;height: 1.2rem;background-image: url(../img/haesong/sub/next_arrow.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
@media (max-width:767px) {
	.front_paging_box {display: block;}
	.front_paging_line{margin-top:3rem;}
	.flex_box {position: relative;display: flex;align-items: center;justify-content: center;}

	.front_paging_number_box ul li {margin: 0rem 0.2rem;border-radius: 0.4rem;width: 4rem;height: 4rem;font-size: 1.4rem;}

	.prev_page {left: 0rem;position: absolute;width: 4rem;padding: 0rem;font-size: 1.4rem;line-height: 2.2rem;border-radius: 0.4rem;height: 4rem;}
	.prev_page span{display:none;}
	.prev_page:after {content: '';position: absolute;left: 0rem;top: 0rem;width: 4rem;height: 4rem;background-image: url(../img/haesong/sub/prev_arrow.png);background-size: 1.2rem;background-repeat: no-repeat;background-position: center center;}

	.next_page {right: 0rem;position: absolute;width: 4rem;padding: 0rem;font-size: 1.4rem;line-height: 2.2rem;border-radius: 0.4rem;height: 4rem;}
	.next_page span{display:none;}
	.next_page:after {content: '';position: absolute;right: 0rem;top: 0rem;width: 4rem;height: 4rem;background-image: url(../img/haesong/sub/next_arrow.png);background-size: 1.2rem;background-repeat: no-repeat;background-position: center center;}
}
@media (max-width:600px) {
	.front_paging_number_box ul li {margin: 0rem 0.1rem;border-radius: 0.3rem;width: 3rem;height: 3rem;font-size: 1.4rem;}
	.prev_page {left: 0rem;position: absolute;width: 3rem;padding: 0rem;font-size: 1.4rem;line-height: 2.2rem;border-radius: 0.3rem;height: 3rem;}
	.prev_page:after {content: '';position: absolute;left: 0rem;top: 0rem;width: 2.8rem;height: 2.8rem;background-image: url(../img/haesong/sub/prev_arrow.png);background-size: 1.2rem;background-repeat: no-repeat;background-position: center center;}
	.next_page {right: 0rem;position: absolute;width: 3rem;padding: 0rem;font-size: 1.4rem;line-height: 2.2rem;border-radius: 0.3rem;height: 3rem;}
	.next_page:after {content: '';position: absolute;right: 0rem;top: 0rem;width: 2.8rem;height: 2.8rem;background-image: url(../img/haesong/sub/next_arrow.png);background-size: 1.2rem;background-repeat: no-repeat;background-position: center center;}
}
/* // 페이징 */

/*================== :::::::::::::: 채용파트너쉽 영역 START ~ :::::::::::::: ==================*/
.tempbox.recr_top_bg{
	background:inherit;
	background-image: url(../img/haesong/sub/recr_top_bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recwrapCont{
	width:100%;
	position:relative;
}
.recIntwrap {
	margin-top:2rem;
    width: 100%;
    position: relative;
    padding: 12rem 0 0 0;
}
.recSidebox{
	max-width: 164rem;
    padding: 0 2rem 0 2rem;
    margin: 0 auto;
}
.rectitlebox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.rectitlebox h3 {
    text-align: left;
    display: inline-block;
    color: #111;
    font-family: 'Pretendard';
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.2rem;
}
.recbr{display:none;}
.rectitlebox h3 a{
font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	display:inline-block;
	color: #185A7D;
	text-decoration-line: underline;
	/* text-decoration: underline; */
}
.mapflexbox {
    gap: 0 6rem;
    width: 100%;
    display: flex;
    margin: 6rem 0 0rem 0;
    align-items: flex-start;
    justify-content: center;
}
.mapflex{
	position:relative;
	width:50%;
}
.mapifbox {
    padding-bottom: 47%;
    position: relative;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    overflow: hidden;
}
.mapifbox iframe {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.mapinfoInner {
    gap: 0 4rem;
    margin: 3rem 0 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.mapinfo{
	position:relative;
	/* width:50%; */
}
.mapinfo dl{
	display:block;
	margin:0;
	padding:0;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
	letter-spacing: -0.4px;
}
.mapinfo h3{
	display:block;
	margin:1rem 0 0 0;
	padding:0;
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	font-family: 'Pretendard';
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}


.repimg{
	display:flex;
	margin:8rem 0 4rem 0;
}
.repimg img{
	max-width:100%;
}
.reppc{display:inline-block;}
.repmo{display:none;}

.reptextBox.firbox{
	padding-bottom:12rem;
	border-bottom:1px solid #eee;
}
.reptextBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reptext{
	position:relative;
}
.reptext dl{
	position:relative;
	margin:0;
	padding:0;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
.reptext span{
	display:block;
	margin:2rem 0 0 0;
	padding:0;
	color: #111;
	font-family: 'Pretendard';
	font-size:1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.repBtn a {
    margin: 0 1rem 0 0;
    padding: 1.8rem 3.2rem;
    display: flex;
    border-radius: 0.6rem;
    border: 2px solid #102C59;
    position: relative;
    color: #102C59;
    text-align: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    align-items: center;
    justify-content: center;
}
.repBtn a img {
    display: inline-block;
    margin-left: 1rem;
    height: 12px;
}



.parIntwrap {
    width: 100%;
    position: relative;
    padding: 12rem 0;
}
.parSidebox{
	max-width: 164rem;
    padding: 0 2rem 0 2rem;
    margin: 0 auto;
}

/* @media (max-width:1200px) { */
	/* .rectitlebox { */
		/* display: flex; */
		/* justify-content: flex-end; */
		/* align-items: flex-start; */
		/* flex-direction: column; */
	/* } */
	/* .rectitlebox h3 { */
		/* margin: 3rem 0 0 0; */
		/* display: block; */
		/* font-size: 2.2rem; */
		/* line-height: 4rem; */
	/* } */
/* } */
@media (max-width:1500px) {
	.rectitlebox h3 {
		font-size: 2.6rem;
		line-height: 4rem;
	}
}
@media (max-width:991px) {
	.rectitlebox h3 {
		font-size: 2.2rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.tempbox.recr_top_bg{
		background:inherit;
		background-image: url(../img/haesong/sub/recr_top_bg_mo.webp);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.worknavSli.Recruit .swiper-wrapper {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.recIntwrap {
		margin-top: 1rem;
		padding: 5rem 0 0 0;
	}
	.contiInner .rectitlebox {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.rectitlebox h3 {
		text-align: center;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.recbr{display:block;}
	.repimg {
		display: flex;
		margin: 3rem 0 2rem 0;
	}
	.reppc{display:none;}
	.repmo{display:inline-block;}
	.reptext dl {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.reptext span {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.reptextBox {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.reptext {
		margin-bottom: 2rem;
	}
	.reptextBox.firbox {
		padding-bottom: 6rem;
	}
	.repBtn{
		width:100%;
	}
	.repBtn a {
		width: 100%;
		margin: 0 0.5rem 0 0;
		padding: 1.2rem 1.8rem;
		border-radius: 0.4rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.parIntwrap {
		padding: 6rem 0;
	}
}
/*================== :::::::::::::: 채용파트너쉽 영역 END ~ :::::::::::::: ==================*/




/*================== :::::::::::::: 이용약관 , 개인정보처리방침 영역 START ~ :::::::::::::: ==================*/
.policyContWrap {margin-top:15rem; padding: 0rem 0 12rem;}
.tecontent {
    max-width: 152rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.priv_tit {
    font-family: Pretendard-Bold;
    margin-bottom: 3rem;
    padding: 4.5rem 0 3rem;
    display: block;
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: -1px;
    color: #222;
    border-bottom: 1px solid #222;
}

.priPopUp {display:none; position:relative; top: 0;width: 100%; height: 100vh; position: fixed;}
.priPopUp.show {
    z-index: 40;
	display: flex;
	align-items: center;
    justify-content: center;
}

.priPopUp_BG {
	left:0;
	top:0;
	opacity: 0;
	position:absolute;
	width:100%; height:100%;
    background: rgba(0,0,0,0.5);
    transition: all 0.8s ease-in-out;
}
.priPopUp.show .priPopUp_BG {opacity:1;}




.per_popup {
    width: calc(100% - 4rem);
    max-width: 140rem;
    margin: 0 auto;
	position: relative;
	height: 77%;
	padding: 0 1rem;
	background:#FFF;
}

.open .per_popup {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFF;
}
.per_popupClose {
    top: 0;
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    transform: translateX(150%);
    cursor: pointer;
}
.per_popupClose img {width:100%; height:auto;}



html.hidden {overflow:hidden;}

.per_popcont {
    position: relative;
    width: 100%;
    height: 86.4%;
    padding: 3rem 5rem;
}
p.tp_toptitle {
    letter-spacing: -0.2px;
    margin: 0px;
    width: 100%;
    padding-bottom: 2rem;
    border-bottom: 1px solid #c4c4c4;
    font-weight: 500;
    color: #333;
    font-size: 2.4rem;
    line-height: 2.6rem;
}

.pop_terms.strong.top {margin: 0px 0 10px 0;}

.pop_terms.strong {
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	letter-spacing: 0em;
	text-align: left;
}

.per_popup .per_popcont {
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.3rem;
    letter-spacing: 0em;
    text-align: left;
    overflow-y: scroll;
    background: #FFF;
	overflow-x: hidden;
}

.per_popup .per_popcont::-webkit-scrollbar {width: 4px;}
.per_popup .per_popcont::-webkit-scrollbar-thumb {height: 4px; background: red; border-radius: 10px; border: 5px solid #888; box-sizing: border-box;}
.per_popup .per_popcont::-webkit-scrollbar-track {background: #FFF;}
.per_popcontTxt {padding: 0; position: relative;}

.closeBtn {right: 6rem; top: 3rem; width: 2rem; height: 2rem; position: absolute; cursor: pointer;}
.closeBtn span {width: 1px; right: 50%; height: 2.6rem; background: #333333; position: absolute;}
.closeBtn span:nth-child(1) {transform: rotate(-45deg);}
.closeBtn span:nth-child(2) {transform: rotate(45deg);}

.popuptitleBox {width: 100%; padding: 3rem 5rem 0rem 5rem; background: #fff; z-index: 10;}


.privTBox {margin-bottom: 4rem; word-break: keep-all;}
.privTBoxTitle {
    font-family: 'Pretendard-SemiBold';
    display: block;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 3rem;
    letter-spacing: -0.3px;
    color: #222;
}
.privTBox .privTBoxSTitle {
    font-family: "Pretendard-Medium";
    display: block;
    font-size: 1.8rem;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #222222;
    margin-top: 3rem;
    margin-bottom: 0rem;
}
.privTBox .privTBoxTxt {
    font-family: Pretendard;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.7rem;
    letter-spacing: -0.3px;
    color: #222222;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
}
.privList {
    margin-top: 0.5rem;
    line-height: 2.8rem;
    font-size: 1.6rem;
}
.privUpdate {font-size: 1.6rem; color: #888;}
@media (max-width:991px) {
	.policyContWrap {margin-top: 10rem; padding: 0rem 0 4rem;}
	.priv_tit {
		font-family: Pretendard-Bold;
		margin-bottom: 2rem;
		padding: 4.5rem 0 2rem;
		display: block;
		font-size: 3rem;
		font-weight: 400;
		letter-spacing: -1px;
		color: #222;
		border-bottom: 1px solid #222;
	}

	.per_popcontTxt br {display:block;}
	.per_popup {width: calc(100% - 4rem); height: calc(100% - 4rem);}
	p.tp_toptitle {font-size: 1.8rem; line-height: 2.6rem; padding-bottom: 1.1rem;}
	.closeBtn {top:2.3rem; right:2rem;}
	.closeBtn span {height:1.8rem;}
	
	.pop_terms.strong.top {margin: 0 0 1.3rem 0;}
	.pop_terms.strong {font-size:1.6rem;}
	.per_popcont {font-size: 1.3rem; line-height: 2.1rem;}
	.per_popcontTxt {padding: 0; position: relative;}
	
	.popuptitleBox {padding: 2rem 1rem 0rem 1rem;}
	.per_popcont {padding: 2rem 1rem; height: 91%;}
	
	.per_popup .ta5box {overflow: scroll;}
	.per_popup .ta5box table {width: 100%; overflow: scroll;}
	.per_popup .privSubTBox ul li {margin-bottom:2rem}
	
	.per_popup .privTBox h3 {
		font-size: 1.7rem;
		line-height: 2.2rem;
		word-break: keep-all;
	}
	.privTBox {margin-bottom: 3rem; word-break: keep-all;}

	.privTBox .privTBoxTxt {
		font-size: 1.4rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
		margin-top: 0.8rem;
		margin-bottom: 1rem;
	}
	.privTBox .privTBoxSTitle {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.3px; margin-top: 1rem; margin-bottom: 0rem;}
	.privList {margin-top: 0.5rem; line-height: 2.8rem; font-size: 1.3rem; line-height: 2.4rem;}
	.privUpdate {font-size: 1.2rem;}
	
	
}
@media (max-width:767px) {
	.policyContWrap {margin-top: 7.2rem; padding: 0rem 0 4rem;}
	.per_popup {width: calc(100% - 4rem); height: calc(100% - 4rem);}
	.pop_terms.strong {font-size: 1.4rem;}
	.per_popup .privTBox h3 {font-size: 1.4rem; line-height: 2rem;}
	.priv_tit {
		line-height: 3rem;
		padding: 4.5rem 0 2rem;
		font-size: 2.2rem;
		letter-spacing: -1px;
	}
	.privTBoxTitle {
		font-size: 1.9rem;
		font-weight: normal;
		line-height: 2.6rem;
		letter-spacing: -0.1px;
	}
}
/*================== :::::::::::::: 이용약관 , 개인정보처리방침 영역 END ~ :::::::::::::: ==================*/

.gnb h1 {
    padding-left: 10px;
    float: left;
    margin-top: 5px;
}
.gnb h1 a {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}
.gnb h1 span {
    color: #3e3e3e;
    background: url(/web/upload/unfold_images/main-logo.svg) center no-repeat;
    background-size: 160px auto;
    display: block;
    width: 160px;
    height: 50px;
    margin-top: 7px;
    margin-left: 16px;
}
.main .gnb h1 span {
    background: url(/web/upload/unfold_images/main-logo-w.svg) center no-repeat;
    background-size: 160px auto;
}
@media (max-width: 1024px) {
    .gnb h1 span {
        margin-top: 2px;
        margin-left: -2px;
        background-size: 145px auto;
    }
}
@media (max-width: 1024px) {
    .main .gnb h1 span {
        margin-top: 2px;
        margin-left: -2px;
        background-size: 145px auto;
    }
}