/**
* 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.
*/

/* 온라인문의스킨 */
.inquire-skin h3 { margin-bottom: 30px; font-size: 30px; font-weight: 200; color: #222; letter-spacing: -0.075em; line-height: 1em;}
.privacy-box { overflow-y: scroll; height: 200px; border: solid 1px #dbdbdb; background: #f8f8f8; color: #444; font-size: 15px; padding: 50px; border-radius: 20px; line-height: 1.6em;}
/* 공통스킨-글쓰기 */
.required-mark { color: #d71617; font-size: 12px;}
.basic-write-skin .p-required { margin-top: -30px; 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: 15%; border-top: solid 1px #dbdbdb; padding: 20px 0; font-weight: 700; font-size: 15px; color: #444; text-align: center; line-height: 45px; height: 45px;}
.basic-write-skin dd { float: left; width: 85%; border-top: solid 1px #dbdbdb; padding: 20px 0; font-size: 15px; color: #444; line-height: 46px; height: 46px;}
.basic-write-skin dd .privacy-check { padding: 0;}
.basic-write-skin dt.wt-colum2 { width: 15%;}
.basic-write-skin dd.wt-colum2 { width: 30%; padding-right: 5%;}
.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; padding: 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;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label { display: inline-block; height: 44px; line-height: 44px; margin-left: 10px; padding: 0 2%; cursor: pointer; border: solid 1px #707070; border-radius: 23px; font-size: 15px; background: #fff; color: #333;}
.filebox .upload-name { display: inline-block; 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* 다운로드 */
.addfile-box { margin: 60px 0; text-align: center;}
.addfile-box p { padding-bottom: 40px; font-size: 16px; font-family: 'CoreGTE', sans-serif !important; color: #333;}
.addfile-box div { position: relative; width: 550px; margin: 0 auto; padding: 50px 0; border: solid 5px #ccc; border-radius: 20px;}
.addfile-box h4 { position: absolute; white-space: nowrap; top: -25px; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); display: inline-block; background: #fff; padding: 5px 20px; font-size: 21px; font-weight: 700; color: #111;}
.addfile-box h4 span { font-size: 16px;}
.addfile-box ul { width: 80%; margin: 0 auto;}
.addfile-box li { float: left; width: 33.33%;}
/* 스킨하단-중간버튼 */
.board-btn-center { margin-top: 50px; text-align: center;}
/* 스킨하단-우측버튼 */
.board-btn-right { margin-top: 30px; text-align: right;}
/* 온라인 상담 조회 */
.login-top { text-align: center; padding-top: 25px; margin-top: -25px; background: url('image/bg-black-line.gif') no-repeat center top;}
.login-top h3 { padding-bottom: 5px; font-size: 20px; font-weight: bold; color: #222;}
.login-top p { padding-bottom: 40px; font-size: 15px;}
.login-box { width: 400px; margin: 0 auto;}
.login-box dt { width: 100%; font-weight: 700; font-size: 15px; color: #444; line-height: 46px;}
.login-box dd.in-phone { width: 100%; height: 60px; line-height: 60px; padding: 0 5%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 30px; font-size: 15px; background: #f2f2f2; color: #444;}
.login-box .input-text { width: 100%; height: 60px; line-height: 60px; padding: 0 5%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 30px; font-size: 15px; background: #f2f2f2; color: #444;}
.login-box .input-phone { width: 20%; height: 50px; line-height: 50px; padding: 0 5%; border: 0; background: none;}
#inquire_search_message { padding-top: 15px; font-size: 14px; text-align: center; color: #1b9000;}
/* 온라인 상담 내역확인 */
.tbl-inquire-list { width: 100%; border-top: solid 2px #474747;}
.tbl-inquire-list thead th { padding: 17px 0; border-bottom: solid 1px #ccc; font-size: 16px; text-align: center; line-height: 1.5em;}
.tbl-inquire-list tbody td { padding: 14px 0; border-bottom: solid 1px #ccc; font-size: 15px; text-align: center; line-height: 1.5em;}
.tbl-inquire-list tbody td a { color: #333;}
.tbl-inquire-list tbody td a:hover { text-decoration: underline;}
.tbl-inquire-list tbody .td-left { text-align: left; padding: 14px 20px;}
.tbl-inquire-list tbody .reply-box { background: #f7f7f7; padding: 30px; text-align: left;}
.tbl-inquire-list tbody .q-box { padding: 15px; background: rgba(255,255,255,.7); border: dotted 1px #ccc; border-radius: 5px;}
.tbl-inquire-list tbody .a-box { padding: 15px 30px 15px 50px; background: url('image/ico-rep.png') no-repeat; background-position: 5px 20px;}




/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 공통스킨-글쓰기 */
	.basic-write-skin dt { float: none; width: 90%; padding: 10px 5% 0; text-align: left; height: auto;}
	.basic-write-skin dd { float: none; width: 90%; padding: 0 5% 25px; border-top: 0; height: auto;}
	.basic-write-skin dt.wt-colum2 { width: 90%;}
	.basic-write-skin dd.wt-colum2 { width: 90%;}
	.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;}
	/* 온라인 상담 조회 */
	.login-box { width: 70%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 온라인문의스킨 */
	.inquire-skin h3 { margin-bottom: 20px; font-size: 21px;}
	.privacy-box { font-size: 13px; padding: 30px;}
	/* 공통스킨-글쓰기 */
	.basic-write-skin .p-required { font-size: 13px;}
	.basic-write-skin dt { font-size: 13px; line-height: 36px; padding: 5px 5% 0;}
	.basic-write-skin dd { font-size: 13px; line-height: 36px; padding: 0 5% 17px;}
	.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;}
	/* 다운로드 */
	.addfile-box { margin: 40px 0;}
	.addfile-box p { padding-bottom: 30px; font-size: 14px;}
	.addfile-box div { width: 90%; padding: 35px 0;}
	.addfile-box h4 { top: -20px; padding: 3px 10px; font-size: 16px;}
	.addfile-box h4 span { font-size: 13px;}
	.addfile-box img { width: 45px;}
		.addfile-box ul { width: 80%; margin: 0 auto;}
		.addfile-box li { float: left; width: 33.33%;}
	/* 스킨하단-중간버튼 */
	.board-btn-center { margin-top: 35px;}
	/* 온라인 상담 조회 */
	.login-box { width: 80%;}
	.login-top h3 { padding-bottom: 5px; font-size: 17px;}
	.login-top p { padding-bottom: 27px; font-size: 14px;}
	.login-box dt { font-size: 13px; line-height: 38px;}
	.login-box dd.in-phone,
	.login-box .input-text { height: 50px; line-height: 50px; font-size: 13px;}
	.login-box .input-phone { height: 40px; line-height: 40px;}
	/* 온라인 상담 내역확인 */
	.tbl-inquire-list thead th { padding: 14px 0; font-size: 14px;}
	.tbl-inquire-list tbody td { padding: 12px 0; font-size: 13px;}
	.tbl-inquire-list tbody .td-left { padding: 12px 20px;}
	.tbl-inquire-list tbody img { width:40px;}
	.tbl-inquire-list tbody .reply-box { padding: 15px;}

}