@charset "UTF-8";

* {margin:0; padding: 0; border:0;}
body {background: #fdfdfd; color:#222; margin: 0; padding: 0;
    font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Verdana, Arial, sans-serif; -webkit-text-size-adjust:none; -ms-text-size-adjust: none;}
a {text-decoration: none; color:#222}
h2 {color:#537eef; font-size: 16px;}
input[type="text"] {-webkit-appearance: textfield;}

.mainsend-wrap {padding:30px 40px;}
.mainsend-wrap.con-back {background: url(/resource/images/email/confirm-mail-back.png) no-repeat center 39px; padding-top:115px; margin-top:50px;}
.mainsend-wrap.con-back > p {margin-bottom:85px; text-align: center; font-size: 16px;}
.mail-title {padding:12px 0 13px 20px; border-bottom:1px solid #e3e3e3;}
.mail-title img {width:95px;}
.mail-title h1 a {display: inline-block; width: 95px; height: 23px;  vertical-align: middle;
    background-image: url(/resource/images/logo_95x23.png);
    background-image: linear-gradient(transparent, transparent), url(/resource/images/logo_93x23.svg);
    background-size: 98%;
    background-repeat: no-repeat;}
.mail-title h1 span {display: inline-block; margin-bottom: 5px; font-size: 18px; vertical-align: inherit; margin-left:7px; padding-left:14px; background: url(/resource/images/email/logo-bul.png) no-repeat 0;}
.mail-send-form dl {position: relative; padding-left:50px; margin: 15px 0;}
.mail-send-form dl dt {position: absolute; left:0; top: 0; width:90px; line-height: 27px; letter-spacing: -1px;}
.mail-send-form dl dt label {font-size:13px;}
.mail-send-form dl dd input[type="text"] {height: 35px; border:1px solid #d7d7d7; width: 98%; padding:0 10px;}
.mail-send-form dl dd p.sub-exp {color:#777; margin-top: 5px; font-size:13px;}
.send-massg {margin-top:15px; margin-bottom:30px; position: relative;}
.send-massg textarea {width: 98%; padding:5px 0 0 5px; border: 1px solid #d7d7d7;}
.send-massg span.text-count {position: absolute; bottom:10px; right:20px; color:#d3d3d3; font-size:12px;}

.form-btn {text-align: center;}
.form-btn a {display: inline-block; width:105px; padding:13px 5px; font-size: 16px; font-weight: bold; background: #fff; border:1px solid #999;}
.form-btn a.btn-send-blue {background: #457fff; border: 1px solid #457fff; color:#fff;}

.mail-form label {font-size:13px;}
.mail-form input[type="text"] {padding-left:10px; width:98%; height:25px;}

.mail-send-article {display: inline-block;margin:20px 0;margin-bottom: 40px;padding:20px 15px;background: #f3f5f7; border:1px solid #d7d7d7}
.mail-send-article > div {display:flex; align-items:center}
.mail-send-article > div > div:nth-child(1) {flex:0 0 auto; width:80px !important}
.mail-send-article > div > div:nth-child(2) {flex:1 0 auto; width:calc(100% - 90px) !important; padding-top:0 !important}

/*  Mobile OS dark mode */
@media (prefers-color-scheme: dark) {
	body, a {color:#fff}
	body {background:#000}
	.mail-send-form dl dd input[type="text"],
	.send-massg textarea,
	.form-btn a,
	.mail-send-article {border:none; background-color:#1c1c1e}
	.form-btn a.btn-send-blue {border:none; background-color:#5a5a5f}
	.mail-title {border-width:0.5px; border-color:#323235}
	.mail-send-form dl dd p.sub-exp {color:#888}
	.mail-title h1 a {filter:grayscale(1) invert(1) brightness(10)}
	input[type="text"],
	.send-massg textarea {color:#fff}
}