@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/
#formmail-write { position:relative; font-size:18px; transform: translateY(125px); max-width: 500px; float:right; }
#formmail-write .form-group { display:flex; margin-bottom:20px; align-items: end; }
#formmail-write .form-group>div { width:80% }
#formmail-write .form-group.col4>label { width:20% }
#formmail-write .form-group.col4>div { width:30% }
#formmail-write .form-group .form-control { width:100%;  background-color:transparent; border:none; line-height: 40px; }
#formmail-write .form-footer {  text-align: right; }
#formmail-write .btn_submit { padding:7px 30px; height:auto; background-color:#26504e; font-size:1.1em; border-radius: 0; font-weight:600; }
#formmail-write .btn_submit i { padding-left:10px; }
#formmail-write .btn_submit:hover { background-color:#203a39; }
#formmail-write .check-list { position:absolute; right:0; top:-30px }
#formmail-write .privacy-of-use {font-size:14px;padding:15px; 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 { padding:5px }
#formmail-write .privacy-of-use table th { background:transparent; }

#formmail-write .privacy-of-use-check {  text-align:left; color:#8a8a8a; font-size:14px; }

#formmail-write .form-group .form-control { background:transparent; }

#formmail-write .form-group::after { clear:both; display: block; content:""; }
#formmail-write .form-group li.w50 { width:50%; float:left; border-bottom:1px solid #3d4347; margin-right:5%; }
#formmail-write .form-group li.w50:nth-child(2n) { margin-right:0; }
#formmail-write .form-group li::after { clear:both; display: block; content:""; }
#formmail-write .form-group li label { width:20%; float:left; font-weight:600; color:#000; line-height:40px; }
#formmail-write .form-group li div { width:80%; float:left; }
#formmail-write .form-group li div.txtarea_box { width:100%; margin-top:25px; }
#formmail-write .form-group  .textarea { border:1px solid #3d4347; height:200px; padding:10px 23px; }
#captcha #captcha_info { color:#8a8a8a; font-size:13px; letter-spacing:0; }


#formmail-write .chk_box { align-items: flex-start;}
#formmail-write .chk_box > li { border-bottom:0 !important; }
#formmail-write .chk_box li div { width:100%; }
#formmail-write .chk_box li:first-child { width:60%; }
#formmail-write .chk_box li:nth-child(2) { width:40%; }
#formmail-write .form-group .privacy-of-use-check label { width:100%; font-size:14px; font-weight:normal; color:#8a8a8a; line-height:1; }

/* 반응형 - 768px 까지 */
@media screen and (max-width: 768px) {
    #formmail-write .chk_box li:first-child { width:100%; }
    #formmail-write .chk_box li:nth-child(2) { width:100%; }
}