/* 
	서브페이지 공통 스타일 
*/


/* 서브페이지메뉴 start */
.sub_page_menu{
	width: 200px;
	position: relative;
}
.full .sub_page_menu{
	display:none;
}
.sub_page_menu .page_title{
	width: 100%;
	height: 65px;
	background: #807980 url(/assets/ccd01/image/img_submenu_mark.svg) center right no-repeat;
	border-radius: 10px 10px 0 0;
	letter-spacing: -1.2px;
	color: #FFFFFF;
	text-shadow: 0px 0px 4px #00000033;
	font-size: 24px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.sub_page_menu .in_wrap{
	position: sticky;
	top: 100px;
	padding-top: 40px;
}
.sub_page_menu .in_wrap > ul.depth02{
	border-radius: 0 0 10px 10px;
}
.sub_page_menu .in_wrap > ul.depth02 > li{

}
.sub_page_menu .in_wrap > ul.depth02 > li > .depth02_in_btn{
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: auto;
    /* min-height: 50px; */
    padding: 10.4px 20px;
    padding-right: 23px;
    padding-bottom: 12px;
    line-height: 1.2;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-align: left;
}
.sub_page_menu .in_wrap > ul.depth02 > li > button.depth02_in_btn::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/assets/ccd01/image/icon_arrow_black_bottom.svg) center center no-repeat;
	transition: 0.3s;
}
.sub_page_menu .in_wrap > ul.depth02 > li.active{
	
}
.sub_page_menu .in_wrap > ul.depth02 > li.active:last-of-type > button{
	border-bottom: 1px solid #AE593F;
}
.sub_page_menu .in_wrap > ul.depth02 > li.active > button{
	border-top: 1px solid #AE593F;
}
.sub_page_menu .in_wrap > ul.depth02 > li.active > .depth02_in_btn{
	border: 1px solid #AE593F;
	background-color: #D66F50;
	color: #fff;
	border-top: 1px solid transparent;
}
.sub_page_menu .in_wrap > ul.depth02 > li.active > .depth02_in_btn::before{
    content: "";
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    height: 1px;
    background-color: #AE593F;
    top: -2px;
}
.sub_page_menu .in_wrap > ul.depth02 > li.active > .depth02_in_btn::after{
	transform: translateY(-50%) translateY(-1px) rotate(180deg);
	background: url(/assets/ccd01/image/icon_arrow_white_bottom.svg) center center no-repeat;
}

.sub_page_menu .in_wrap > ul.depth02 > li.active > ul.depth03{
	display: block;
}
.sub_page_menu .in_wrap > ul.depth02 > li:first-of-type .depth02_in_btn{
	border-top: 1px solid transparent;
}
.sub_page_menu .in_wrap > ul.depth02 > li:first-of-type.active > .depth02_in_btn{
	border-top: 1px solid #AE593F;
}
.sub_page_menu .in_wrap > ul.depth02 > li:first-of-type.active > .depth02_in_btn::before{
	display: none;
}
.sub_page_menu .in_wrap > ul.depth02 > li:last-of-type .depth02_in_btn{
	
}
.sub_page_menu .in_wrap > ul.depth02 > li:last-of-type.active > .depth02_in_btn{
	border-radius: 0 0 0 0;
}

.sub_page_menu .in_wrap > ul.depth02 > li > ul.depth03{
	display: flex;
	display: none;
	flex-direction: column;
	background-color: #F9F5F2;
	border: 1px solid #E5E5E5;
	border-top: 0;
	border-radius: 1px solid #E5E5E5;
	padding: 8px 0;
    padding-bottom: 10px;
}
.sub_page_menu .in_wrap > ul.depth02 > li:last-of-type > ul.depth03{
	border-bottom: 0;
}
.sub_page_menu .in_wrap > ul.depth02 > li > ul.depth03 > li{
	padding: 0px 20px;
}
.sub_page_menu .in_wrap > ul.depth02 > li > ul.depth03 > li > a{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}
.sub_page_menu .in_wrap > ul.depth02 > li > ul.depth03 > li.active > a{
	color: #D66F50;
    text-decoration: underline;
    text-decoration-color: #D66F50;
    text-underline-position: under;
}
.sub_page_menu .in_wrap > ul.depth02 > li:last-of-type::after{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0;
	height: 50px;
	width: 100%;
	background: #fff;
	border-radius: 0 0 10px 10px;
	border: 1px solid #E5E5E5;
	border-top: 0;
	box-sizing: border-box;
	
}
/* 서브페이지메뉴 end */



/* 서브페이지 공통 start */
.subpage.layout_max{
	display: flex;
	padding-top: 0;
	padding-bottom: 130px;
	position: relative;
}
.subpage.layout_max.full{

}
.subpage.layout_max .flex{
	display: flex;
	flex-direction: column;
}
.page_wrap{
	width: 100%;
	padding-left: 90px;
	padding-top: 60px;
}
.page_wrap.board_st{
	padding-top: 30px;
}
.full .page_wrap{
	width: 100%;
	padding-left: 0;
}
.subpage.layout_max #section{
	width: calc(100% - 200px);
}
.subpage.full.layout_max #section{
	width: 100%;
}
.page_top_info{
	width: 100%;
	padding-top: 40px;
	position: relative;
	background-color: #fff;
	z-index: 10;
	padding-left: 90px;
	display: block;
}
.page_top_info .step{
	display: flex;
	justify-content: flex-end;
	padding-bottom: 29px;
}
.page_top_info .step .in .left_area{
	display: flex;
	gap: 23px;
	box-sizing: border-box;
}
.page_top_info .step .in .box{
	font-size: 14px;
	font-weight: 400;
	position: relative;
	display: flex;
	align-items: center;
}
.page_top_info .step .in .box.home img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: translateY(1px);
}

.page_top_info .step .in .box a{
	display: flex;
	align-items: center;
}
.page_top_info .step .in .box::after{
    content: "";
    position: absolute;
    top: 60%;
    right: -15px;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    background: url(/assets/ccd01/image/icon_depth_arrow_small.svg) center center no-repeat;
    background-size: contain;
}
.page_top_info .step .in .box:last-child:after{
	display: none;
}
.page_top_info .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	transition: 0.3s;

}
.full .page_top_info .title{
	padding-bottom: 30px;
}
.page_top_info .title .left_text{
	letter-spacing: -1.6px;
	color: #231915;
	font-size: 32px;
	font-weight: 800;
}
.page_top_info .title .right_btn{

}
.page_top_info .title .right_btn .sns_wrap{
	position: relative;
}
.page_top_info .title .right_btn .sns_wrap .sns_share_btn{
	width: 40px;
	height: 40px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_top_info .title .right_btn .sns_wrap .sns_share_btn i{
	display: inline-flex;
	padding-bottom: 1px;
}
.page_top_info .title .right_btn .sns_wrap ul.active{
	display: flex;
}
.page_top_info .title .right_btn .sns_wrap ul{
    width: 200px;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    display: flex;
    gap: 15px;
    background-color: #fff;
    box-shadow: 2px 3px 6px #0000000D;
    border: 1px solid #E5E5E5;
    padding: 8px 19px;
    display: none;
    border-radius: 5px;
}
.page_top_info .title .right_btn .sns_wrap ul::before{
	content: "";
    position: absolute;
    top: calc(-11% - +1px);
    right: 8%;
    width: 4%;
    /* height: 5%; */
    aspect-ratio: 1 / 1;
    background-color: #ffffff;
    border: 1px solid #E5E5E5;
    transform: rotate(45deg);
}
.page_top_info .title .right_btn .sns_wrap ul::after{
	content: "";
    position: absolute;
    top: calc(-11% + +1px);
    right: 8%;
    width: 4%;
    /* height: 5%; */
    aspect-ratio: 1 / 1;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    transform: rotate(45deg);
}
.page_top_info .title .right_btn .sns_wrap ul li{

}
.full .page_top_info{
	padding-left: 0;
}
.full .page_top_info .step{
	justify-content: center;
}
.full .page_top_info .title{
	justify-content: center;
}
.full .page_top_info .title .right_btn{
	display: none;
}
@media screen and ( min-width: 767px ) {
	.page_top_info{
		/* position: sticky;
		top: 100px; */
	}
	.page_top_info .step{
		height: 50px;
	}
}
@media screen and ( max-width: 1200px ) {
	.page_top_info{
		padding-top: 20px;
		padding-left: 50px;
	}
	.page_wrap{
		padding-left: 50px;
	}
}
@media screen and ( max-width: 1024px ) {
	.subpage.layout_max #aside .in_wrap{
		display: none;
	}
	.sub_page_menu{
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0;
		z-index: 1001;
	}
	.sub_page_menu.zindex{
		z-index: 99;
	}
	.subpage.layout_max #section{
		flex: 1;
	}
	.page_wrap{
		width: 100%;
		padding-left: 0;
	}
	.page_top_info{
		padding-left: 0;
	}
	.page_top_info .step .in{
		width: 100%;
	}
}
@media screen and ( max-width: 767px ) {
	.page_wrap{
		padding-top: 30px;
	}
	.page_wrap.member_wrap{
		padding-top: 0;
	}
	.page_top_info{
		padding-top: 0px;
		position: sticky;
		top: -50px;
	}
	.page_top_info.scrollUp .title .left_text{

	}
	.page_top_info .title .left_text{
		font-size: 26px;
		padding-bottom: 2px;
		transition: 0.3s;
	}
	.page_top_info .step{
		padding-bottom: 0px;
	}
	.page_top_info .step .in .box{
		font-size: 12px;
	}
	.page_top_info .title .right_btn .sns_wrap .sns_share_btn{
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.page_top_info.scrollUp .page_top_info .title{

	}
	.page_top_info .title{
		height: auto;
		padding: 0;
		padding-top: 20px;
		border-bottom: 0;
	}
	.page_top_info.scrollUp .title .right_btn .sns_wrap .sns_share_btn{
	    border: 1px solid #E5E5E5;
	}
	.page_top_info .title .right_btn .sns_wrap .sns_share_btn{
		border: 0;
	}
	.page_top_info.scrollUp .title .right_btn .sns_wrap .sns_share_btn i{
		width: 14px;
	}
	.page_top_info .title .right_btn .sns_wrap .sns_share_btn i{
		width: 18px;
	}
	.page_top_info .step .in .left_area{
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
		border-top: 1px solid #EBE9E7;
		border-bottom: 1px solid #EBE9E7;
		gap: 0px;
		height: 50px;
		box-sizing: border-box;
	}
	.full .page_top_info .title{
		padding-bottom: 0;
	}
	.page_top_info.top_position .title{
		border-bottom: 0;
		box-shadow: 0px	2px 4px #0000000D;
		margin-left: -15px;
        padding-left: 15px;
		padding-right: 15px;
		padding-top: 0;
		padding-bottom: 0;
        width: calc(100% + 30px);
		box-sizing: border-box;
		background-color: #fff;
		height: 50px;
	}
	.page_top_info.top_position .title .left_text{
		padding-top: 0px;
		padding-bottom: 3px;
		font-size: 22px;
	}
	.page_top_info.top_position .title .right_btn{
		transform: translateY(0px);
	}
	.page_top_info.top_position.scrollup .title{
		box-shadow: 0 0 0 #fff;
	}
	.subpage.layout_max{
		padding-bottom: 60px;
	}
	.page_top_info .step .in .box.hide_in_mobile{
		display: none;
	}
	.page_top_info .step .in .box.home img{
		width: 18.72px;
		height: 15.21px;
		transform: translateY(-1.5px);
	}
	.page_top_info .step .in .box::after{
		display: none;
	}
}
@media screen and ( max-width: 425px ) {

}
/* 서브페이지 공통 end */



/* 필수표시마크 start */
i.essential_mark{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px 8px 3px;
	border: 1px solid #D66F50;
	border-radius: 800px;
	font-style: normal;
	letter-spacing: -0.5px;
	color: #D66F50;
	font-size: 10px;
	font-weight: 600;
	margin-left: 6px;
	background-color: #fff;
}
/* 필수표시마크 end */