@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* 기본 텍스트 스타일 */
.formmail_txt { font-size:13px;color:#333; }
/* 텍스트박스 스타일 */
.formmail_border { font-size:13px; color:#333; border:1px solid #E5E5E5; padding:7px; }
.formmail_textarea_style { color:#333; border:1px solid #E5E5E5; padding:7px; width:100%; }
/* 항목칸 스타일 */
.formmail_title_bgcolor { width:20%; background-color:#F7F7F7; font-weight:bold; }
/* 입력칸 스타일 */
.formmail_cell_bgcolor { width:80%; background-color:#FFF; font-size:13px; color:#333; padding-left:10px; }
.formmail_cell_bgcolor td { border:0; }
.formmail_cell_bgcolor input { font-size:13px; color:#333; border:1px solid #E5E5E5; padding:7px; }
input { border:1px solid #E5E5E5; box-sizing:border-box; -webkit-box-sizing:border-box; }
input:focus { border:1px solid #333; box-shadow:none; }
input[type="checkbox"] { vertical-align:-2px; }
textarea { border:1px solid #E5E5E5; line-height:20px; color:#555; font-size:13px; box-sizing:border-box; -webkit-box-sizing:border-box; }
textarea.formmail_textarea_style { width:99%; }
textarea.formmail_textarea_style:focus { border:1px solid #333; box-shadow:none; }
/* 게시판 기본테이블 */
.table_02 { width:100%; border-top:1px solid #E5E5E5; border-bottom:0; border-left:0; }
.table_02 td { border-bottom:1px #E5E5E5 solid; border-right:0; color:#555; padding:10px; }
@media (max-width:360px) {
 input { width:90%; }
 input[name="phone_no1"] { width:26%; }
 input[name="phone_no2"] { width:26%; }
 input[name="phone_no3"] { width:26%; }
 input[name="mobile_no1"] { width:26%; }
 input[name="mobile_no2"] { width:26%; }
 input[name="mobile_no3"] { width:26%; }
 textarea { width:100%; line-height:1.4; }
 .formmail_textarea_style { width:100% !important; height:150px !important; }
 td[width="20%"] { width:35%; }
 td[width="80%"] { width:65%; }
 td[align="right"] { text-align:center; }
 input[name="captcha_code"] { width:45%; }
}
@media all and (min-width:361px) and (max-width:600px) {
 input { width:90%; }
 input[name="phone_no1"] { width:26%; }
 input[name="phone_no2"] { width:26%; }
 input[name="phone_no3"] { width:26%; }
 input[name="mobile_no1"] { width:26%; }
 input[name="mobile_no2"] { width:26%; }
 input[name="mobile_no3"] { width:26%; }
 textarea { width:100%; line-height:1.4; }
 .formmail_textarea_style { width:100% !important; height:150px !important; }
 td[width="20%"] { width:35%; }
 td[width="80%"] { width:65%; }
 td[align="right"] { text-align:center; }
 input[name="captcha_code"] { width:45%; }
}
@media all and (min-width:601px) and (max-width:767px) {
 input { width:90%; }
 input[name="phone_no1"] { width:26%; }
 input[name="phone_no2"] { width:26%; }
 input[name="phone_no3"] { width:26%; }
 input[name="mobile_no1"] { width:26%; }
 input[name="mobile_no2"] { width:26%; }
 input[name="mobile_no3"] { width:26%; }
 textarea { width:100%; line-height:1.4; }
 .formmail_textarea_style { width:100% !important; height:150px !important; }
 td[width="20%"] { width:30%; }
 td[width="80%"] { width:70%; }
 td.formmail_cell_bgcolor table td[align="left"] { width:35%; }
 td.formmail_cell_bgcolor table td[align="right"] { width:65%; text-align:right; }
 input[type="checkbox"] { width:8%; vertical-align:-3px; margin-right:-4px; }
 input[name="captcha_code"] { width:45%; }
}
@media all and (min-width:768px) and (max-width:1024px) {
 textarea { width:90%; }
}
@media all and (min-width:1025px) and (max-width:1430px) {
 textarea { width:90%; }
}
@media all and (min-width:1431px) {
 textarea { width:90%; }
}