/* formmail_design_css */
.formmail_design {float: left; width: 100%; padding: 30px; box-sizing:border-box; background: rgba(255,255,255,0.4); border: 1px solid #e5e5e5;}
.formmail_design table {background: rgba(255,255,255,0);}
.formmail_design table.formmail_box {float: left; width: 100%; height: 380px; background: rgba(255,255,255,0); /* #e6e9ed */}
.formmail_design table.formmail_box tr {float: left; width: 50%; padding: 10px 0;}

.formmail_design table.formmail_box tr:nth-child(5) {float: left; width: 100%; height: 70px !important;}
.formmail_design table.formmail_box tr:nth-child(5) td:nth-child(1) {display: none;}
.formmail_design table.formmail_box tr:nth-child(5) td:nth-child(2) table tr {width: 100%; margin-left: 30px;}
.formmail_design table.formmail_box tr:nth-child(5) td:nth-child(2) table tr td {display: inline-block; padding: 20px 10px 0;}

.formmail_design table.formmail_box tr:nth-child(6) {float: left; width: 100%;}
.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(1) {display: inline-block; width: 117px;}
.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(2) {display: inline-block; width: 84%;}

.formmail_cell_bgcolor input {width: 400px; height: 40px; padding: 0 10px; background: rgba(255,255,255,0.5); border: 1px solid #e5e5e5; outline:none;}
.formmail_cell_bgcolor input[name="add1[]"] {float: left; width: 20px; height: 20px; margin-top: 2px; margin-right: 7px; background: rgba(255,255,255,0.5); border: 1px solid #e5e5e5 !important; outline:none;}
.formmail_cell_bgcolor input[name="mobile_no1"], .formmail_cell_bgcolor input[name="mobile_no2"], .formmail_cell_bgcolor input[name="mobile_no3"] {width: 111px;}
.formmail_cell_bgcolor textarea {width: 980px; height: 140px !important; border: 1px solid #e5e5e5; outline:none;}

/* formmail_design_btns */
.formbtns {float: left; width: 100%; text-align: center;} 
.formbtns a {display: inline-block; width: 180px; height: 54px; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #fff; font-weight: 500; line-height: 54px; border-radius: 50px;}
.formbtns a.request {margin-right: 10px; background-color: #5f78a9; transition: all 0.5s ease;}
.formbtns a.cancel {background-color: #b8b6b6; transition: all 0.5s ease;}
.formbtns a.request:hover {background-color: #1346a9;}
.formbtns a.cancel:hover {background-color: #636262;}

/* focus_eff */
.formmail_cell_bgcolor input[type="text"]:focus, .formmail_cell_bgcolor textarea:focus {border:1px solid #faa21e; transition: border 0.5s ease;}

/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.formmail_txt {font-size: 13px; font-family: "Noto Sans KR", sans-serif; color: #6b6969;}

/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.formmail_border {font-size: 13px; font-family: "Noto Sans KR", sans-serif; color: #6b6969;}

/* Ç׸ñÄ­ ½ºÅ¸ÀÏ */
.formmail_title_bgcolor {float: left; width: 140px !important; height: 50px; background-color: rgba(255,255,255,0); font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 500; line-height: 40px;}
.formmail_title_bgcolor font {color: #99a0a9 !important;}

/* ÀÔ·ÂÄ­ ½ºÅ¸ÀÏ */
.formmail_cell_bgcolor {font-size: 15px; font-family: "Noto Sans KR", sans-serif; color: #99a0a9;} 

/* ÅؽºÆ®¿¡¾î¸®¾î ½ºÅ¸ÀÏ */
.formmail_textarea_style {font-size:13px; font-family: "Noto Sans KR", sans-serif; color: #6b6969;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

.formmail_design {padding: 3% 3% 8%;}
.formmail_design table.formmail_box tr {width: 100%;}
.formmail_title_bgcolor {width: 22% !important; height: auto !important; font-size: 14px;}
.formmail_cell_bgcolor input {width: 200px;}
.formmail_cell_bgcolor input[name="mobile_no1"], .formmail_cell_bgcolor input[name="mobile_no2"], .formmail_cell_bgcolor input[name="mobile_no3"] {width: 17.5%;}

.formmail_design table.formmail_box {height: auto !important;}
.formmail_design table.formmail_box tr:nth-child(5) {height: auto !important;}
.formmail_design table.formmail_box tr:nth-child(5) td:nth-child(2) table tr {margin-left: 10px;}
.formmail_design table.formmail_box tr:nth-child(5) td:nth-child(2) table tr td {display: block !important; padding: 5px 10px 0;}
.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(1) {width: 100% !important;}
.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(2) {width: 96% !important;}
.formmail_design table.formmail_box tr:nth-child(6) {margin-top: -30px; border-top: 1px solid #ccc;}
.formmail_cell_bgcolor textarea {width: 100%;}

.formbtns {margin-top: 170px;}
.formbtns a {width: 140px; height: 44px; font-size: 15px; line-height: 44px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 400,600 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:600px) {

.formmail_cell_bgcolor input {width: 220px;}
.formmail_cell_bgcolor input[name="mobile_no1"], .formmail_cell_bgcolor input[name="mobile_no2"], .formmail_cell_bgcolor input[name="mobile_no3"] {width: 18%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** okweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

.formmail_title_bgcolor {width: 22% !important;}
.formmail_cell_bgcolor input {width: 80%;}
.formmail_cell_bgcolor input[name="mobile_no1"], .formmail_cell_bgcolor input[name="mobile_no2"], .formmail_cell_bgcolor input[name="mobile_no3"] {width: 22%;}

.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(1) {width: 80px !important;}
.formmail_design table.formmail_box tr:nth-child(6) td:nth-child(2) {width: 99% !important;}
.formmail_cell_bgcolor textarea {width: 100%;}
.formbtns {margin-top: 60px;}

}