@charset "utf-8";

/* 폰트 */
@font-face {
  font-family: 'ONE-Mobile-POP';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cafe24Ohsquare';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-8Heavy';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-1Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream-6Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/
#formmail-write { position:relative;  padding:50px; max-width: 800px; font-size:12px ; color:#4e4e4e;}
#formmail-write .form-title ul {margin:0px 0 40px 0; }
#formmail-write .form-title ul h2{font-size: 34px; font-weight: bold; font-family: 'S-CoreDream-8Heavy'; line-height:1.5; color:#fff;}
#formmail-write .form-title ul h2 span{color:#3FAA50}
#formmail-write .form-title ul h3{font-size: 22px; color:#fff; font-family: 'S-CoreDream-4Regular';}
#formmail-write .form-group { display:flex; margin-bottom:20px; align-items: center }
#formmail-write .form-group>label { width:20%; color:#fff;}
#formmail-write .form-group>div { width:100% }
#formmail-write .form-group.col4>label { width:20%; font-size: 12px; color:#fff;}
#formmail-write .form-group.col4>div { width:100% }
#formmail-write .form-group .form-control { width:100%; padding:8px 10px;  color:#202020}
#formmail-write .form-footer { padding-top:20px; text-align: center; }
#formmail-write .btn_submit { padding:10px 20px; font-size:1.2em; height:auto; background:#43B749;  }
#formmail-write .btn_submit:hover { background:#00c795; }
#formmail-write .check-list { position:absolute; right:0; top:-30px }
#formmail-write .privacy-of-use { display:none; font-size:14px;padding:15px; border-top:1px solid #e0dedf; border-bottom:1px solid #e0dedf; height:150px; overflow-y:scroll }
#formmail-write .privacy-of-use .cont {margin-bottom:15px;}
#formmail-write .privacy-of-use h4 {margin-bottom: 5px}
#formmail-write .privacy-of-use dl { padding:10px 0}
#formmail-write .privacy-of-use dl dt { font-weight: 600}
#formmail-write .privacy-of-use dl dd { margin-left: 20px}
#formmail-write .privacy-of-use ul { margin-left:20px }
#formmail-write .privacy-of-use ul li { margin-top:5px }
#formmail-write .privacy-of-use table { width:100%; border-collapse: collapse }
#formmail-write .privacy-of-use table th,
#formmail-write .privacy-of-use table td { border:1px solid rgb(226,226,226); padding:5px }
#formmail-write .privacy-of-use table th { background:rgb(245,245,247) }

#formmail-write .privacy-of-use-check { text-align: left; padding:10px; color:#8a8a8a; font-size:14px; }
#formmail-write .privacy-of-use-more p a { color:#fff; display:block; text-align: right; margin-top:-28px; font-size:14px; text-decoration : underline; }