/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.email_title { position: realtive; width: 100%; padding: 100px 0px 20px 0px; font-size: 20px; color: #000000; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; text-align: center; }
.email_title > div { display: inline-block; position: relative; }
.email_title > div:after { content: ''; width: 100%; border-top: 2px solid #000000; position: absolute; bottom: -10px; left: 0px; }

.email_form_list { padding: 30px 0px 100px 0px; position: relative; width: 800px; margin: 0 auto; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.email_form_list input { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }


.email_form_list_top { border: 1px solid #cccccc; padding: 30px 20px; background: #fafafa; }
.email_form_list_top > div { padding-bottom: 20px; }
.email_form_list_top input,
.email_form_list_top input[type=email] { border: 0px; border-bottom: 1px solid #cccccc; width: 250px; padding: 0px 0px 10px 0px; background: none; outline: 0px; color: #000000; font-size: 14px; vertical-align: initial;  }
.email_form_list_top div.email_form_text_list { padding-bottom: 50px; }
.email_form_list_top input[type=email]:focus { background: none; outline: 0px; border: 0px; border-bottom: 1px solid #cccccc; }


.email_form_text_list {}
.email_form_text_list span { display: inline-block; }
.email_form_text_list span:first-child { width: 100px; }
.email_form_text_list span:last-child { color: #999999; }

.email_form_text_list_l { font-size: 0px; }
.email_form_text_list_s { width: calc( 50% - 50px ); padding-right: 50px; display: inline-block; font-size: 14px; vertical-align: top; padding-bottom: 20px; }
.email_form_text_list_s:nth-child(n+3) { padding-bottom: 0px; }
.email_form_text_list_s label { display: inline-block; width: 50px; color: #000000; font-size: 14px; vertical-align: initial; }


.email_form_list_mid { padding: 20px 0px; color: #000000; }
.email_form_list_mid input { color: #000000; margin-right: 3px; vertical-align: baseline; }
.email_form_list_mid input:last-child { margin-left: 10px; }

.email_form_list_bottom { position: relative; border: 1px solid #cccccc; }
.email_form_list_bottom label { display: block; padding: 20px 0px 20px 5px; color: #999999; margin-left: 20px; font-size: 14px; }
.email_form_list_bottom textarea { width: calc( 100% - 40px ); margin: 0px auto 20px auto; display: block; background: none; border: 1px solid #cccccc; min-height: 300px; outline: 0px; font-size: 14px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; color: #000000; box-sizing: border-box; padding: 20px; }
.email_form_list_bottom textarea:focus { border: 1px solid #cccccc; background: none; color: #000000; }

.email_form_list button { position: relative; width: 100%; background: #a36d6a; padding: 15px 75px; margin-top: 20px; color: #ffffff; font-size: 16px; border: 0px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; cursor: pointer; }
.email_form_list button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.email_form_list button:hover { background: #000000; }

input[type="radio"]{ background-color: #FFFF; -webkit-appearance: none; -moz-appearance: none; margin-left: 16px; border: 1px solid rgb(216, 216, 216); width: 12px; height: 12px; border-radius: 100%; cursor: pointer; }
input[type="radio"]:checked{ background-color: #ff0000; -webkit-appearance: none; -moz-appearance: none; border: none; width: 12px; height: 12px; border-radius: 100%; }




/* BASIC css end */