/**
* A-Marketing Cascading Style Sheets
* File Name : basic.css
* Description : basic 반응형 스타일시트
* Author : Web business Team / White
* Email : yan@amarketing.co.kr
* Date : 2019.03.29
* Update : 2019.03.29
* Copyright(c) A-Marketing. All Rights Reserved.
*/

/* 멤버십상단 */
.tit-member { padding-bottom: 30px; text-align: center;}
.tit-member h3 { font-size: 40px; font-weight: 200; color: #111; text-transform: uppercase;}
.tit-member p { padding: 10px 0; font-size: 16px; color: #111;}
/* 멤버십 */
.member-form { overflow: hidden; width: 400px; padding: 80px; margin: 0 auto; border-top: solid 1px #333; border-bottom: solid 1px #dbdbdb;}
.member-form dt { width: 100%; font-weight: 700; font-size: 15px; color: #444; line-height: 46px;}
.member-form .input-text { width: 100%; height: 60px; line-height: 60px; margin: 5px 0; padding: 0 5%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 30px; font-size: 15px; background: #f2f2f2; color: #444;}
.member-search { overflow: hidden; width: 600px; padding: 80px; margin: 0 auto; border-top: solid 1px #333; border-bottom: solid 1px #dbdbdb;}
.round-input-box { height: 60px; line-height: 60px; margin-bottom: 10px; padding: 0 5%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 30px; background: #f2f2f2; font-size: 15px; color: #444;}
.member-search .input-text { width: 100%; height: 60px; line-height: 60px; background: none; border: 0; font-size: 15px; color: #444;}
.member-search .input-select { width: 31%; height: 60px; line-height: 60px; background: #f2f2f2 url('image/bg-arr-select-black.png') no-repeat 97% center; border: 0; font-size: 15px; color: #444;}
.member-search .wd-small { width: 31% !important;}
/* 아이디비번찾기결과 */
.member-result { text-align: center;}
.member-result h4 { padding: 50px 0 10px; font-size: 20px; font-weight: 700; color: #222;}
.member-result p { font-size: 17px; color: #444; line-height: 1.7em;}
/* 회원가입 */
.member-join-step ul { width: 70%; margin: 0 auto 70px;}
.member-join-step li { float: left; width: 33.33%; padding: 20px 0; border-bottom: solid 1px #dbdbdb; border-top: solid 1px #dbdbdb; font-size: 17px; text-align: center; color: #aaa;}
.member-join-step li div { display: inline-block; border-radius: 50%; margin-right: 10px; background: #aaa; width: 46px; height: 46px; line-height: 46px; color: #fff;}
.member-join-step li.on { border-bottom: solid 1px #aaa; border-top: solid 1px #333; color: #333;}
.member-join-step li.on div { background: #333;}
.join-privacy-wrap li { float: left; width: 45%; margin: 0 2.5%;}
.join-privacy-wrap h4 { margin-bottom: 30px; font-size: 30px; font-weight: 200; color: #222; letter-spacing: -0.075em; line-height: 1em;}
.join-privacy-box { overflow-y: scroll; height: 200px; padding: 50px; border-radius: 20px; border: solid 1px #dbdbdb; background: #f8f8f8; font-size: 15px; color: #444; line-height: 1.6em;}
/* 회원가입완료 */
.join-result { text-align: center;}
.join-result p { padding-top: 50px; font-size: 17px; color: #444; line-height: 1.7em;}
/* 공통스킨-글쓰기 */
.required-mark { color: #d71617; font-size: 12px;}
.basic-write-skin .p-required { padding-bottom: 10px; font-size: 15px; color: #444; text-align: right;}
.basic-write-skin .p-summury { padding-top: 5px; font-size: 13px; color: #797979; line-height: 1.4em;}
.basic-write-skin dl { overflow: hidden; width: 100%; border-top: solid 1px #333; border-bottom: solid 1px #dbdbdb;}
.basic-write-skin dt { float: left; width: 20%; border-top: solid 1px #dbdbdb; padding: 20px 0; font-weight: 700; font-size: 15px; color: #444; text-align: center; line-height: 46px;}
.basic-write-skin dd { float: left; width: 80%; border-top: solid 1px #dbdbdb; padding: 20px 0; font-size: 15px; color: #444; line-height: 46px;}
.basic-write-skin dd a { color: #444;}
.basic-write-skin .input-select { width: 200px; height: 46px; line-height: 46px; padding: 0 20px; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 15px; background: #f2f2f2 url('image/bg-arr-select-black.png') no-repeat 97% center; color: #444;}
.basic-write-skin .input-text { width: 96%; height: 46px; line-height: 46px; padding: 0 2%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 15px; background: #f2f2f2; color: #444;}
.basic-write-skin .input-textarea { width: 96%; min-width: 96%; max-width: 96%; height: 200px; max-height: 200px; min-height: 200px; line-height: 46px; padding: 0 2%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 15px; background: #f2f2f2; color: #444;}
.basic-write-skin .wd-small,
.basic-write-skin .wd-call,
.basic-write-skin .wd-kca { width: 20% !important;}
.basic-write-skin .wd-mail { width: 30% !important;}
.basic-write-skin .wd-medium { width:50% !important;}
.basic-write-skin .wd-large { width:70% !important;}
.basic-write-skin .wd-grand { width:90% !important;}
.basic-write-skin .img-kca { float: left; cursor: pointer; height: 46px;}
/* 로그인 */
.member-link { display: table; margin: 40px auto 0;}
.member-link li { float: left; background: url('image/bg-category-line.gif') no-repeat left center; padding: 0 10px;}
.member-link li:first-child { background: none;}
.member-link li a { display: block; font-size: 15px; color: #444;}
.member-link li a:hover { text-decoration: underline;}
/* 스킨하단-중간버튼 */
.board-btn-center { margin-top: 50px; text-align: center;}
/* 스킨하단-우측버튼 */
.board-btn-right { margin-top: 30px; text-align: right;}





/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
	/* 멤버십 */
	.member-form,
	.member-search { width: 70%; padding: 60px 15%;}

}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 회원가입 */
	.member-join-step ul { width: 100%;}
	.join-privacy-wrap li { float: none; width: 100%; margin: 0 0 50px 0;}
	/* 공통스킨-글쓰기 */
	.basic-write-skin dt { float: none; width: 90%; padding: 10px 5% 0; text-align: left;}
	.basic-write-skin dd { float: none; width: 90%; padding: 0 5% 25px; border-top: 0;}
	.basic-write-skin .input-text { width: 100%;}
	.basic-write-skin .input-select { width: 30%;}
	.basic-write-skin .input-textarea { width: 100%; min-width: 100%; max-width: 100%;}
	.basic-write-skin .wd-small { width:50% !important;}
	.basic-write-skin .wd-call { width:30% !important;}
	.basic-write-skin .wd-medium { width:100% !important;}

}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 멤버십상단 */
	.tit-member h3 { font-size: 30px;}
	.tit-member p { padding: 7px 0; font-size: 13px;}
	/* 멤버십 */
	.member-form { width: 80%; padding: 40px 10%;}
	.member-form .input-text { height: 50px; line-height: 50px; font-size: 13px;}
	.member-search { width: 90%; padding: 40px 5%;}
	.round-input-box { height: 50px; line-height: 50px; border-radius: 25px; font-size: 13px;}
	.member-search .input-text { width: 100%; height: 50px; line-height: 50px; font-size: 13px;}
	.member-search .input-select { width: 31%; height: 50px; line-height: 50px; font-size: 13px;}
	.member-search .wd-small { width: 30% !important;}
	/* 아이디비번찾기결과 */
	.member-result h4 { padding: 35px 0 10px; font-size: 17px;}
	.member-result p { font-size: 14px}
	/* 회원가입 */
	.member-join-step ul { margin: 0 auto 40px;}
	.member-join-step li { font-size: 15px;}
	.member-join-step li div { display: block; margin: 0 auto 7px; width: 38px; height: 38px; line-height: 38px; text-align: center;}
	.join-privacy-wrap h4 { margin-bottom: 20px; font-size: 21px;}
	.join-privacy-box { height: 100px; padding: 30px; font-size: 13px;}
	/* 회원가입완료 */
	.join-result p { font-size: 14px}
	/* 공통스킨-글쓰기 */
	.basic-write-skin .p-required { font-size: 13px;}
	.basic-write-skin dt { font-size: 13px; line-height: 38px;}
	.basic-write-skin dd { font-size: 13px; line-height: 38px;}
	.basic-write-skin .input-select { height: 38px; line-height: 38px; padding: 0 20px; font-size: 13px;}
	.basic-write-skin .input-text { height: 38px; line-height: 38px; font-size: 13px;}
	.basic-write-skin .input-textarea { height: 70px; max-height: 70px; min-height: 70px; font-size: 13px;}
	.basic-write-skin .wd-kca { width: 50% !important;}
	.basic-write-skin .img-kca { height: 38px;}
	/* 로그인 */
	.member-link li a { font-size: 13px;}
	/* 스킨하단-중간버튼 */
	.board-btn-center { margin-top: 35px;}

}