/**
* DND Cascading Style Sheets
* File Name : basic.css
* Description : basic 반응형 스타일시트
* Author : Web business Team / White
* Email : amt_web@gnmpm.com
* Date : 2019.03.29
* Update : 2021.04.16
* Copyright(c) DND. All Rights Reserved.
*/
/* 온라인문의스킨 */ 
.inquire-skin h3 { margin-bottom: 10px; font-size: 2rem; font-weight: 600; color: #222; letter-spacing: -.004em; line-height: 1.2em;}
.inquire-skin h3 span { display: inline-block; margin-left: 5px; font-size: 1.7rem; font-weight: 400; }
.inquire-skin h3.txt-s { font-size: 1.6rem;}
.privacy-box { line-height: 1.5em;}
.privacy-box .w-100 { width: 100% !important;}
.privacy-box h3 span { font-size: 1.4rem !important; font-weight: 500;}
.view-all { font-size: 1.3rem !important; font-weight: 500; padding: 8px 15px}
/* 공통스킨-글쓰기 */
.inquire-skin,
.basic-write-skin { width: 900px; margin: 0 auto;}
.basic-write-skin dl { overflow: hidden; border-top: solid 1px #333; border-bottom: solid 1px #dbdbdb;}
.basic-write-skin dt { float: left; width: 20%; border-top: solid 1px #dbdbdb; box-sizing: border-box; padding: 15px 0; font-weight: 700; font-size: 1.5rem; color: #444; text-align: center; line-height: 42px;}
.basic-write-skin dd { float: left; width: 80%; border-top: solid 1px #dbdbdb; box-sizing: border-box; padding: 15px 2.5%; font-size: 1.5rem; color: #444;}
.basic-write-skin dd a { color: #444;}
.basic-write-skin dd .tbl-file { line-height: 42px;}
/* .basic-write-skin dt.wt-colum2 { width: 15%;}
.basic-write-skin dd.wt-colum2 { width: 30%; padding-right: 5%;}
.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: 40px; line-height: 40px; padding: 0 2%; cursor: pointer; border: solid 1px #707070; font-size: 1.5rem; background: #fff; color: #333;}
.filebox .upload-name { display: inline-block; height: 42px; line-height: 42px; padding: 0 2%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 1.5rem; 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%;} */
/* 멤버십 */
.member-form { overflow: hidden; width: 500px; padding: 40px 30px; margin: 0 auto; box-sizing: border-box; border-top: solid 1px #333; border-bottom: solid 1px #dbdbdb;}
.member-form input[type="text"],
.member-form input[type="password"] { width: 100%;}
.tit-member { padding-bottom: 20px; text-align: center;}
.tit-member h3 { font-size: 2.7rem; font-weight: 700; color: #111; text-transform: uppercase; letter-spacing: -.03em;}
.tit-member p { padding: 10px 0; font-size: 1.5rem; color: #444;}
/* 온라인상담 조회 */
.login-box dt { width: 100%; margin: 20px 0 10px; font-weight: 700; font-size: 1.4rem; color: #222;}
.login-box dd.input-phone { width: 100%; border: solid 1px #ddd; border-radius: 3px; box-sizing: border-box; font-size: 1.4rem; color: #333;}
.login-box dd.input-phone .amt-input,
.login-box dd.input-phone .amt-input-select { border: 0;}
#inquire_search_message { padding-top: 10px; font-size: 1.4rem; text-align: center; color: rgba(26,115,232,1) !important;}
/* 온라인상담 내역확인 */
.tbl-inquire-list { width: 100%; border-top: solid 1px #333; table-layout: fixed;}
.tbl-inquire-list thead th { padding: 17px 0; border-bottom: solid 1px #dbdbdb; font-size: 1.5rem; text-align: center; color: #222; line-height: 1.5em;}
.tbl-inquire-list tbody td { padding: 14px 0; border-bottom: solid 1px #dbdbdb; font-size: 1.4rem; text-align: center; color: #999; line-height: 1.5em;}
.tbl-inquire-list tbody td a { display: block; color: #333; text-decoration: underline; word-break: break-all;}
.tbl-inquire-list tbody .td-left { text-align: left; padding: 14px 10px;}
.tbl-inquire-list tbody .reply-box { padding: 30px 20px 30px 21%; background: #f7f7f7; text-align: left;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 공통스킨-글쓰기 */
	.inquire-skin,
	.basic-write-skin { width: 95%;}
	.basic-write-skin dt { float: none; width: 100%; padding: 10px 2.5% 0; text-align: left;}
	.basic-write-skin dd { float: none; width: 100%; padding: 0 2.5% 20px; border-top: 0;}
	.basic-write-skin dt.wt-colum2,
	.basic-write-skin dd.wt-colum2 { width: 100%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 온라인문의스킨 */
	.inquire-skin h3 { margin-bottom: 10px; font-size: 21px;}
	.inquire-skin h3 span { margin-left: 0px; font-size: 1.4rem; color: #666;}
	.privacy-box h3 span.m-tit { display: block; padding-top: 5px;}
	.privacy-box { font-size: 12px; padding: 15px; border-radius: 12px;}
	/* 공통스킨-글쓰기 */
	.inquire-skin,
	.basic-write-skin { width: 95%;}
	.basic-write-skin dt { padding: 5px 2.5% 0; line-height: 36px; font-size: 1.7rem;}
	.basic-write-skin dd { padding: 0 2.5% 15px;}
	/* 다운로드 */
	/* .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%;} */
	/* 멤버십 */
	.member-form { width: 100%; padding: 30px 2.5%;}
	/* 온라인 상담 내역확인 */
	.tbl-inquire-list thead th { padding: 14px 0;}
	.tbl-inquire-list tbody td { padding: 11px 0;}
	.tbl-inquire-list tbody .reply-box { padding: 17px;}
	.tbl-m { width: 100%;}
	.mt40-m { margin-top: 0 !important}
}