/* font color */
.text-purple { color: #ad5fcd }
.text-orange { color: #ff4545 }
.text-888 { color: #888 }


/* 회원가입 */
	div.md-wrap .head { padding: 1.2rem 0; background-color: #000; color: #fff; text-align: center; }
		div.md-wrap .head h5 { margin: 0; font-family: 'notokr-d'; font-size: 1.25rem; }
	
	div.contents .form-group >label { font-weight: bold; color: #000 }
	div.contents input.member { display: block; width: 100%; }
	div.contents input.member:read-only { background-color: transparent; }
	div.contents p.member { padding: .35rem; height: 42px; background-color: transparent; border: 1px solid #e1e1e3; font-size: 1.2rem; color: #888 }

	div.contents select.member { height: 42px; padding: .20rem .75rem 0 .75rem; background-position: right 11px top 19px; background-color: #fff; border: 1px solid #e1e1e3; font-size: .8rem; }

	div.contents textarea.member { padding: .25rem; background-color: #fff; border: 1px solid #e1e1e3; font-size: .8rem; color: #888 }

	div.contents input.member[type="radio"]{ display: none }

	div.contents .conts-radius { padding: 2rem; background-color: #fff; border-radius: 0 16px 0 16px; font-size: 1.15rem; text-align: center; color: #000; }
	div.contents > p { font-size: 1.15rem; text-align: center; color: #000 }

/* md size wrap */
	div.md-wrap { max-width: 554px; }

/* 마이페이지, 고객센터 */
	.contents { background-color: #f2f2f5 }

	div.columns h2 { height: 4rem; line-height: 4rem; padding: 0 0 0 1rem; text-align: left; }

	div.columns div.info { margin: .6rem 0 0 0; padding: 1rem; background: none; border: 1px solid #e1e1e3 }

	div.columns div.lnb { border: none }
	div.columns div.lnb a { display: block; padding: .3rem 1rem; border: none; }
	div.columns div.lnb > div { padding: 0; margin: 0 0 .5rem 0; border: 1px solid #e1e1e3 } 
	div.columns div.lnb p { font-size: .9rem; margin-bottom: 0; font-weight: bold; color: #222 }
	div.columns div.lnb p a { display: block; padding: .75rem 0 .75rem 1rem; color: #222 }

	div.columns.customer div.lnb p { padding: .75rem 0 .25rem 1rem; }


	div.order-summary { background-color: #f2f2f5; }
	div.order-summary .step { width: 20%; border-left: 1px solid rgba(0, 0, 0, .08); text-align: center }
	div.order-summary .step:first-child { border-left: none; }
	div.order-summary .step p { margin: 1rem 0; font-weight: bold; }
	
	div.order-cancel { background-color: rgba(0, 0, 0, .02); border-left: 1px solid rgba(0, 0, 0, .05) }
	div.order-summary .step span { font-family: 'Spoqa l', 'notokr-r'; font-size: 23px; text-align: center; letter-spacing: -1px }
	div.order-summary .step span a { display: block; padding: 1rem 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, .05); }
	
@media (min-width: 768px) {
	div.order-summary .step { position: relative; border-left: none; padding: 0 0 1.45rem 0; }
	div.order-summary .step:last-child { border-left: 1px solid rgba(0, 0, 0, .05) }
	div.order-summary .step::after { content: ''; position: absolute; display: block; left: 0; top: 63%; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .08); }
	div.order-summary .step:first-child::after { left: 50%; width: 50%; }
	div.order-summary .step:nth-child(4)::after { right: 50%; width: 50%; }
	div.order-summary .step:last-child::after { content: none }	
	div.order-summary .step span { position: relative; display: inline-block; font-family: 'Spoqa t', 'notokr-r'; font-size: 35px; color: #828282; z-index: 1 }
	div.order-summary .step span a { display: block; width: 70px; line-height: 70px; padding: 0; border-radius: 50px; border-bottom: none; }
	div.order-summary .step span a:hover { color: #ff4545 }
}

@media (min-width: 992px) {
	div.column_lg_right { position: relative; }
	/*
	div.column_lg_right::after { content:''; position: absolute; display: block; left: -1px; bottom: -3rem; width: 1px; height: 5rem; background-color: #e1e1e3; }  mypage, customer 하단 여백 */

	div.columns div.lnb { font-family: 'Spoqa l', 'notokr-r'; font-size: .9rem }
	div.columns div.lnb p { font-family: 'Spoqa m', 'notokr-r'; }
	div.columns div.lnb a:hover { background: none; color: #000 }
	div.columns div.lnb div { margin: 0; padding-bottom: .75rem; border-top: none }
	div.columns div.info { margin: 0; background: #f3f3f3 }
}