/* 서브 페이지 상단 비주얼 */
.matchhWrap {font-family: 'Pretendard';}
.subVtop {
	padding:0 2rem;
	overflow:hidden;
	position:relative;
	max-height: 67.3rem;
	background: url(/temp/public/img/sub/s_bg.jpg) no-repeat center / cover;
}
.subV {
    width: 100%;
    display: flex;
    margin: 0 auto;
    max-width: 124rem;
    padding: 19rem 2rem 0;
    align-items: flex-end;
    justify-content: space-between;
}
.subVInnerLeft {width: 44.5%; padding-bottom: 23.4rem;}
.subVTitle {
	font-family: 'NanumSquareNeo_800';
	font-size: 3.8rem;
	font-weight: 800;
	line-height: 5rem;
	color:#333;
	margin-bottom:2.9rem;
}
.subVTxt {
	font-family: 'Pretendard';
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2.8rem;
	/* padding-top:2.9rem; */
	padding-top:0rem;
	color:#333;
}
.pt10 {padding-top:1rem;}
.appBtn {
    margin-top: 2.9rem;
    max-width: 41rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.appBtnBox {
    width: calc(100% - 0.5rem);
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 1.8rem 0em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20rem;
}
.w100 {width:100%;}
.appBtnBox.w100 {width: 100%; margin-top: 1rem;}
.appBtnBox figure {width: 2.4rem; height: 2.4rem;}
.appBtnBox figure img {width:100%; height:100%;}
.appBtnBox p {
	color: #222;
	font-family: Alexandria;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 2.4rem;
	margin-left: 1rem;
}	
.subVInnerRight {width: 55.85%; position: relative;}
.subVRightBox {width: 100%; height: auto;}
.subVRightBox img {height: auto; width: 100%; vertical-align: bottom;}
@media (max-width:991px) {
	.subVtop {
		height: auto;
		max-height:inherit;
		display: flex;
		padding: 0 3rem;
		align-items: center;
	}
	.subV {height: auto; flex-direction: column;  padding: 13rem 0rem 0;}
	.subVInnerLeft {width: 100%; padding-bottom: 3.4rem;}
	.subVInnerRight {width: 100%;}
	.subVTitle {
		font-size: 2.5rem;
		line-height: 3.5rem;
		margin-bottom: 1.8rem;
	}
	.subVTxt {
		font-size: 1.6rem;
		line-height: 2.2rem;
		padding-top: 1.8rem;
	}
	.appBtn {margin-top: 2.5rem;}
	.appBtnBox {
		display: flex;
		width: 16.7rem;
		background: #fff;
		border-radius: 8px;
		align-items: center;
		display: inline-flex;
		padding: 1.55rem 2.15rem;
		justify-content: center;
	}
	.appBtnBox figure {width: 1.5rem; height: 1.35rem;}
	.appBtnBox figure img {width:100%; height:100%;}
	.appBtnBox p {
		font-size: 1.4rem;
		line-height: 1.5rem;
		margin-left: 0.6rem;
	}
	.subVRightBox {height: auto; margin: 0rem auto 0;}
	.subVRightBox {width: 82%; height: auto; margin: 2rem auto 0;}
	.subVRightBox figure img.pc_only {display:block!important;}
	.subVRightBox figure img.mo_only {display:none!important;}
}
@media (max-width:767px) {
	.subV {padding: 10rem 0rem 0; flex-direction: column;}
	.subVInnerLeft {width: 100%; padding-bottom: 1.6rem;}
	.subVInnerRight {width: 100%; position: relative;}
	.subVRightBox {
		margin: 0;
		width: 100%;
		height: auto;
	}
	.subVTitle {
		font-size: 2rem;
		line-height: 3rem;
		margin-bottom:0rem;
	}
	.subVTxt {
		padding-top:1rem;
		font-size: 1.5rem;
		line-height: 2.1rem;
		letter-spacing: -0.01em;
	}
	.pt10 {padding-top:0.6rem;}
	.appBtn {margin-top: 2rem;}
	.appBtnBox {
		display: flex;
		width: 14.7rem;
		background: #fff;
		border-radius: 8px;
		align-items: center;
		display: inline-flex;
		padding: 1.55rem 2.15rem;
		justify-content: center;
	}
	.appBtnBox figure {width: 1.5rem; height: 1.35rem;}
	.appBtnBox p {
		font-size: 1.4rem;
		line-height: 1.5rem;
		margin-left: 0.6rem;
	}
	.appBtnBox.google {margin-right: 0.6rem;}
}
@media (max-width:500px) {
	.subVRightBox figure img.pc_only {display:none!important;}
	.subVRightBox figure img.mo_only {display: block!important;}
}
.comInner {
    padding: 12rem 2rem 16rem;
    position: relative;
    max-width: 124rem;
    margin: 0 auto;
}
.sub_navWrap {
	top: 0;
    left: 2rem;
    width: 100%;
    margin: 0 auto;
	max-width: 120rem;
    position: absolute;
    transform: translateY(-100%);
}
.sub_nav {
    display: flex;
    background: #FFF;
    max-width: 32.1rem;
	border-radius: 6px 6px 0px 0px;
	height:7rem;
}
.sub_nav .homeIcon {
    width: 7rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_nav .homeIcon figure {width:1.8rem; height:1.8rem;}
.subArrow {width:1.4rem; height:1.4rem;}
.subArrow img {width:100%; height:100%;}
.sub_nav .homeIcon figure img {width:100%; height:100%;}
.b_nav.sub_page {width: 25rem; display: flex; position: relative;}
ul.select_nav_h {
    width: 100%;
	height:100%;
    padding:0px 0px;
	display:flex;
	align-items:center;
}
.snavBox {width: 100%; display: flex; justify-content: space-between;}
.select_nav_h {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
	padding: 0 2rem;
	justify-content: center;
	position:relative;
	
	width:100%;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 2rem;
}
.select_nav_h::before {
	left:0;
	top:50%;
	content:'';
	height:2rem;
	width:0.1rem;
	background:#DDD;
	position:absolute;
	transform:translateY(-50%);
}
.select_nav_h:hover .select_nav_menu {
	display:block;
	padding-top: 0px;
	box-shadow: 0px 5px 15px 0px #00000014;
}
.select_nav_menu {
    left: 0;
    top: 100%;
    opacity:0;
    width: 100%;
	background: #FFF;
	position: absolute;
    transform: translateY(0%);
}
.select_nav_menu li {
	background: #FFF;
	font-size: 1.7rem;
    font-weight: 400;
    line-height: 2rem;
    padding: 2.5rem 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #EEE;
}
.b_nav.sub_page:hover .select_nav_menu {opacity:1;}
@media (max-width:991px) {
	.sub_nav {height: 5rem; max-width: 23rem; border-radius: 8px 8px 0px 0px;}
	.sub_nav .homeIcon {width: 5rem;}
	.sub_nav .homeIcon figure {width: 1.6rem; height: 1.6rem;}
	.select_nav_h {
		padding: 0 2rem;
		font-size: 1.4rem;
		line-height: 1.7rem;
	}
	.select_nav_menu li {
		background: #FFF;
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding: 1.6rem 2rem;
	}
	.sub_navWrap {left:0; padding:0;}
}
/* ========== :::::::::::: 병원 · 기업회원 START ~:::::::::::: ==========*/
.com_TitleBox {margin-bottom: 6rem;}
.com_BTitle {
    font-size: 5rem;
    font-weight: 600;
    line-height: 6rem;
    margin-bottom: 2.6rem;
    color: #372512;
}
.com_sTitle {font-size: 2.2rem; font-weight: 300; line-height: 3rem; color: #444;}
@media (max-width:991px) {
	.comInner {padding: 3rem 2rem 8rem; margin: 0 auto;}
	.com_TitleBox {margin-bottom: 4rem;}
	.com_BTitle {font-size: 2.4rem; line-height: 3rem; margin-bottom: 1.2rem;}
	.com_sTitle {font-size: 1.5rem; line-height: 2.5rem;}
}
/* ========== :::::::::::: // ~ 병원 · 기업회원 END  :::::::::::: ==========*/


.joinWrap .subVInnerRight {width:55.85%;}
@media (max-width:991px) {.joinWrap .subVInnerRight {width: 100%;}}
@media (max-width:767px) {.joinWrap .subV {padding:10rem 0rem 0rem;}}