/*common*/
.sub_nav {height: 80px;}
.sub_right_ng {
	z-index: 1;
	position: relative;
	display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end;
}
.sub_right_ng>ul {
	position: relative;
	height: auto;
	display: flex;
	align-items: center;
}
.sub_right_ng>ul li {
	display: block;
}
.sub_right_ng>ul li a {
	font-size: 14px; letter-spacing: -0.025em; color: #888; font-weight: 300;
}

.sub_right_ng>ul li.arrow>span{
	display: block;
	width: 20px;
	height: 9px;
	background: url(/images/common/sub_right_ng_arrow.png)no-repeat center;
}
.cate_tit {position: relative; display: block; width: 100%; height: 60px; font-sizE: 30px; letter-spacing: -0.040em; color: #4f3461; font-weight: 500;}

.sub_pc_nav {
	position: relative;
	display: block;
	height: auto;
	background: #fff;
	border-bottom: 1px solid #ddd;
	width: 220px;
}
.sub_pc_nav .block {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border-top: 1px solid #eaeaea;
}
.sub_pc_nav .block:first-child {border-top: 1px solid #ddd;}
.sub_pc_nav .block>h3 {
	position: relative;
	display: flex;
	width: 100%;
	height: auto;
	background: #6b5d49;
	width: 220px;
	height: 50px;
	align-items: center;
	cursor: pointer;
	padding-left: 20px;
	/* background: #fff; */
	letter-spacing: -0.040em;
	color: #222;
	font-weight: 400;
	font-size: 17px;
	transition: all 0.3s;
	background: transparent;
	justify-content: space-between;
}
.sub_pc_nav .block>h3 a {font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; display: block; width: 100%; height: 100%; display: flex; align-items: center;}

.sub_pc_nav .block:before {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 49px; content: ""; background: url(/images/common/pc_nav_current.png)no-repeat left top; opacity:0; transition: all 0.15s;}

.sub_pc_nav .block.current:before {
	opacity: 1;
}
.sub_pc_nav .block.current>h3 {color: #fff; font-weight: 500;}

.sub_pc_nav .block>h3:after {
	content: "";
	display: block;
	width: 12px;
	height: 20px;
	background: url(/images/common/pc_nav_h3_before1.png)no-repeat center center;
	margin-right: 20px;
}

.sub_pc_nav .block.current>h3:after {
	background: url(/images/common/pc_nav_h3_before2.png)no-repeat center center;
}


.sub_pc_nav.sub_pc_nav3 .block:before {height: 50px;}
.sub_pc_nav.sub_pc_nav3 .block>h3 {color: #222;}
.sub_pc_nav.sub_pc_nav3 .block.current>h3 {color: #fff;}
.sub_pc_nav.sub_pc_nav3 .block>h3:after {display: none;}


.sub_pc_nav .block ul {
	transition: all 0.3s ease-in-out;
	padding: 0 0;
	background: #f9f9f9;
}

.sub_pc_nav .block.current ul {
	padding: 23px 0;
}

.sub_pc_nav .block ul li {
	position: relative;
	height: 0;
	margin-bottom: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	line-height: 21px;
}
.sub_pc_nav .block.current ul li {
	height: 19px;
	line-height: 19px;
	margin-bottom: 17px;
}
.sub_pc_nav .block ul li a {
	height: 100%;
	line-height: inherit;
	font-weight: 300;
	color: #666666;
	font-size: 0;
	font-size: 15px;
	padding-left: 28px;
}
.sub_pc_nav .block ul li a :hover {
	font-size: 400;
	color: #4a3657;
}

.sub_pc_nav .block ul li.on a {
	font-weight: 500;
	color: #4a3657;
}
.sub_pc_nav .block ul li:hover a {
	font-weight: 500;
	color: #4a3657;
}

.sub_pc_nav .block ul li:before {
	content: "";
	position: absolute;
	left: 18px;
	top: 9px;
	display: block;
	width: 3px;
	height: 3px;
	background: #bbbbbb;
}
.sub_pc_nav .block ul li.on:before {
	background: #4a3657;
}
.sub_pc_nav .block ul li:hover:before {
	background: #4a3657;
}
.sub_pc_nav .block ul li:last-child {
	margin-bottom: 0 !important;
}

.sub_inner {display: flex;}
.left_cate {position: relative; display: block; width: 270px; height: auto;}
.sub_main {position: relative; display: block; width: calc(100% - 270px); height: auto;}
.sub_main>h2.sub_tit {position: relative; display: block; line-height: 1; font-size: 36px; letter-spacing: -0.040em; color: #111; padding-bottom: 29px;}
/*common end*/


/*약관*/
.terms_txt {
	font-size: 16px;
	letter-spacing: -0.025em;
	color: #444;
	font-weight: 300;
	line-height: 150%;
	white-space: pre-line;
}
/*약관end*/








/*구매페이지 약관*/
.login_wrap.terms___ {
display: block;
background: #fff;
width: 100%;
height: auto;
min-height: auto;
padding: 0;
}
.login_wrap.terms___ .join_ {width: 100%; padding: 0;}

.login_wrap.terms___ .join_ .terms {height: 180px;}
/*구매페이지 약관 end*/