/********************* 스킨 전체 커스텀 *********************/

:root {
--max-width:1570px;
--prm-clr:#B82927;
--scd-clr:#06437A;
}

/**************** 전체 폰트 설정 ****************/
.lnb_p .dep2 > li > a ,
.lnb_p .dep1 > li > a > span,
.sub_location > ul > li.snb_on > p,
.sub_location > ul > li > p,
.sub_location > ul > li.snb_on > ul > li > a,
.sub_loca_wrap .sub_top_title,
#footer .fnb ul li a,
#footer .finfo p,
#footer .finfo .copyright,
.lnb_p .dep1 > li > div div.sub_menu_cont1 p {font-family: 'pretendard';}


/**************** 컨테이너 ****************/
.shgroup .sub_top_wrap .sub_top_text .top_text2 {	word-break: keep-all;}

@media (min-width:1024px) {
		/* PC 화면 넓이값을 가진 센터유지 */
	#header > .inner, #lnb_p, .gnb_p > .inner, .sub_location > ul, .sub_loca_wrap,
	#footer .f_inner {margin:0 auto;max-width:var(--max-width)}
	.row > .white-space {max-width:var(--max-width) !important}

	.sub_loca_wrap .sub_top_title {margin: 14 0px 0 0 0;}
	#sub_view #container .contents_wrap .contents {padding: 130px 0 170px 0;}
}

@media (max-width:1023px) {
	.sub_loca_wrap .sub_top_title {margin-top: 75px;}
	#sub_view #container .contents_wrap .contents {padding-bottom: 80px;}
}


/* 모바일 서브페이지 고정 배너 */
#sub_view .mo_botBn {display: none;}


#sub_view .mo_botBn {background-image: url('/img_up/shop_pds/ehompy0428/design/2024/main/main_form_img1.jpg'); padding:2em 0;}
#sub_view .mo_botBn a {display: flex;    align-items: center;    justify-content: center;    flex-wrap: wrap;}
#sub_view .mo_botBn .tit {font-family: 'pretendard'; font-weight: 800;color: var(--scd-clr); font-size: 18px;}
#sub_view .mo_botBn .num {font-family: 'pretendard'; line-height: 60px;    height: 60px;    display: flex;  justify-content: center;  align-items: center;    color: var(--prm-clr);  font-size: 40px;        width: 100%; font-weight: 700}
#sub_view .mo_botBn .num i {font-family: "Font Awesome 6 Free";    font-size: 0.4em;    display: inline-flex;    justify-content: center;    align-items: center;  border-radius: 50%;    ertical-align: middle;    background: var(--prm-clr);    color: #fff;    margin-right: 12px;    flex-shrink: 0;            width: 35px;        height: 35px;}



@media (max-width:1023px) {
#sub_view .mo_botBn {display: flex; justify-content: center; align-items: center;}
}



/**************** 헤더/네브 ****************/
.gnb_p {display: none;}

#header .head_cs {position: absolute;  top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
#header .head_cs .num {font-family: 'pretendard'; color:#fff; font-size: 38px; font-weight: 900; letter-spacing: -0.02em;}
#header .head_cs i {font-size: 40px; color:var(--scd-clr); padding: 0 11px 0 20px;}
#header .head_cs .txt {font-family: 'pretendard'; font-size: 20px; font-weight: 700; background:var(--prm-clr); color:#fff; padding: 0.3em 1em; border-radius: 40px;}

@media (min-width:1024px) {
		#header .logo h1 img {max-height: 75px;}
		#header .logo h1 span a {height: 120px;}

		#header .head_cs {right: 0}

		.lnb_p .dep1 > li > a {height: 120px; line-height: 120px;}
		.lnb_p .dep1 > li > div {top: 120px;}
		.lnb_p {padding-right: 390px;}		#viewport.fixed_on #header .head_cs .num {color:var(--scd-clr);}
		.lnb_p .dep1 > li > div div.sub_menu_cont1 {display: none;}
		.lnb_p .dep1 > li > div div.sub_menu_cont1 p {		line-height: 1.5em;				word-break: keep-all;	}

		/* dep2 나오는 방식 아예 수정 */
		.lnb_p .dep1 > li > div {position: absolute;  top:80px; left:50%;  transform:translatex(-50%); border: none;}
		.lnb_p .dep2 {display: flex;  flex-direction: column; padding: 10px 0;}
		.lnb_p .dep2 > li {width: 100%;}


}

@media (max-width:1023px) {

	.head_cs {   left: 120px; width: 91px; flex-shrink: 0; padding-right: 30px; background:#ffffffa4; padding: 0.4em 0.6em; border-radius: 4px; justify-content: space-between;}
	#header .head_cs .num {display: none;}
	#header .head_cs .txt {font-size: 14px; border-radius: 3px;}
	#header .head_cs i {padding: 0 ; font-size: 28px;}
#header .logo #toggle_right:before {font-size: 40px;}

	#header .logo h1 img {max-height: 44px}
	#header .logo h1 span a {height: 66px;}

		#viewport.fixed_on #header .head_cs {box-shadow: 3px 3px 10px rgba(0,0,0,0.1); background:var(--prm-clr)}
		#viewport.fixed_on #header .head_cs .txt {background: #fff; color: var(--prm-clr)}
		#viewport.fixed_on #header .head_cs i {color: #fff}

		.gnb_m  {display: none}
}


/**************** 푸터 ****************/
#footer .f_inner {padding: 80px 0;}

@media (min-width:1024px) {

}

@media (max-width:1023px) {


}