.mail table, .mail tbody, .mail tbody > tr, .mail tbody > tr > th, .mail tbody > tr > td {display: block;}
.mail tbody > tr {width:100%;}
.mail tbody > tr:after {content:''; height: 0; clear: both; display: block;}
.mail tbody > tr > th {width:16.66667%; float: left; box-sizing: border-box;text-align: right; padding-right: 1.9rem;}
.mail tbody > tr > td {width:83.33333%; float: left; box-sizing: border-box;}
.mail tbody > tr > th strong {font-size: .875rem; color:#0a0a0a;font-weight:500;}
.mail tbody > tr > th strong:before {content: '*';margin-right: 5px; font-style: normal; color:#e32f66;}


.mail caption {display: none;}
.mail{padding-bottom:42px;padding-top:10px;}
.mail table {width:100%; margin-top: 20px;}
.mail table td.askKind{text-align:right;}
.mail table td.askKind input[type="radio"]{margin-right:5px;margin-top:-2px;vertical-align:middle;}
.mail table td.askKind label{padding-right:10px;vertical-align:middle;}
.mail table td input[type="text"],
.mail table td input[type="input"],
.mail table td input[type="password"]{border:1px solid #ccc;padding:3px;}
/* .mail table td textarea{border:1px solid #ccc;width:98%;height:150px;padding:5px;padding-right:0;resize:none;overflow-y:scroll;} */
.mail table td .message{padding-left:10px;}
.mail .inputFull{width:99%;}
.mail .message{padding-top:5px;}
.mail .btnWrap{padding:10px 0;}
.mail .btnWrap:before{display:table; content: '';box-sizing: inherit;}
.mail .btnWrap .btn {width:83.33333%;margin-left:16.66667%}
.mail .btnWrap .btn span:nth-child(1) {display: inline-block;width:10px; height: 10px;background-image: url("/company/img/check-solid.png");background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 5px;}
/* .mail .btnWrap .btn {padding: 0.3em 1em;background:#3fb137;border: 0;color:#fff;} */
.mail .btnWrap .btn button {padding: 0.6em 2em;background:#3fb137;border: 0;color:#fff; font-size: 16px; font-weight: lighter!important;}


input, textarea {
  display: block;
  box-sizing: border-box;
  width:100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: .5rem !important;
  border:1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  color:#0a0a0a;
}
input:focus, textarea:focus {
  outline: none;
  border:1px solid #8a8a8a !important;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
}
input::placeholder, textarea::placeholder {
  color:#bbb;
  font-weight: lighter;
}
/*IE체크안할 시 빨간테두리 제거*/
input:required,textarea:required {outline : 0;}
/* IE */
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
  color:#bbb;
  font-weight: lighter;
}
/* Firefox */
input:-mos-input-placeholder,textarea:-mos-input-placeholder {
  color:#bbb;
  font-weight: lighter;
}

textarea {height: auto; resize: vertical;}

/*폼 반응형*/
@media screen and (max-width:639px) {
  .mail tbody > tr > th {width:100%; text-align: left; padding: .7rem 0;}
  .mail tbody > tr > td {width:100%;}
  .mail .btnWrap{padding:20px 0;}
  .mail .btnWrap .btn {width:100%;margin: 0 auto;}
  .mail .btnWrap .btn button {padding: 0.6em 0; width:100%}

}


/* RSS서비스 */
#siteContents dl dd.rss-wrap{
	font-family: 'Malgun Gothic', serif;
}
.rss-wrap{

	box-sizing:border-box;
	padding: 35px 20px;
	border: 1px solid #ccc;
	color:#2b2b2b;
	line-height:27px;
	font-size:14.5px;
}
.rss-wrap > div{
	margin-bottom:40px;
}
.rss-wrap > div:last-child{
	margin-bottom:0;
}
.rss-wrap h6{
	margin-bottom:10px;
}
.rss-wrap p {
	word-break: keep-all;
}
.rss-wrap img{
	vertical-align: middle;
}
.rss-wrap table{
	line-height:21px;
	border-top:2px solid #000;
	width:100%;
}
.rss-wrap table tr{
	border-bottom:1px solid #ccc;
}
.rss-wrap table tr th{
	max-width:120px;
	background:#f3f3f3;
	font-weight:bold;
	border-right:1px solid #ccc;
	text-align:center;
}
.rss-wrap table tr th,.rss-wrap table tr td{
	padding:10px;
}
.rss-wrap table tr td:first-of-type{
	padding-left:20px;
}
.rss-wrap table tr td:last-of-type{
	white-space: nowrap;
	text-align:center;
	font-weight:bold;
	cursor: pointer;
}
.rss-wrap table tr td:last-of-type img{
	margin-right:5px;
}
.rss-wrap a {
  color:#333;
  text-decoration: none;
}
.button-copyurl {
	cursor: pointer;
}