@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/
/* #formmail-write { position:relative; border-top:1px solid #e0dedf; padding-top:50px; max-width: 800px; margin-bottom:100px; font-size:18px }
#formmail-write .form-group { display:flex; margin-bottom:20px; align-items: center }
#formmail-write .form-group>label { padding:0 20px; width:20% }
#formmail-write .form-group>div { width:80% }
#formmail-write .form-group.col4>label { width:20% ; color: #fff;}
#formmail-write .form-group.col4>div { width:30% }
#formmail-write .form-group .form-control { width:100%; padding:8px 10px; border:1px solid #e0dedf }
#formmail-write .form-footer { padding-top:50px; text-align: center; border-top:1px solid #e0dedf }
#formmail-write .btn_submit { padding:10px 20px; font-size:1.2em; height:auto}
#formmail-write .check-list { position:absolute; right:0; top:-30px } */
.form-body {display: flex; justify-content: space-between;}
.form-body .form-group {width: 49%;}
.form-body .form-group .box {margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.form-body .form-group .box:last-child {margin-bottom: 0px}
.form-body .form-group .box .con_title {width: 15%;}
.form-body .form-group .box .in_box {width: 85%;}
.form-body .form-group .box .in_box  input{width: 100%;}
.form-body .form-group .box .con_title label { font-size: var(--fs20); font-weight: 700; color: #fff;} 
.form-body .form-group .box .con_title label span { font-size: var(--fs20); font-weight: 700; color: red;} 

.form-group {width: 100%;}
.form-group .content {width: 100%; height: 205px;}
.form-group .content textarea {width: 100%; height: 100%; font-size: var(--fs20); font-weight: 600;}
.form-group .content textarea::placeholder {padding: 12px 15px; color:#d5d5d5 ;}

.form-footer .btn_submit { font-size: var(--fs20); font-weight: 700; height: 42px; line-height: 42px; width: 100%; text-align: center; color: #fff; background: #0079c4;}


.form-body .form-group .box .in_box  input {display: inline-block; width: 100%; line-height: 42px; height: 42px; font-size: var(--fs20); font-weight: 600; }
.form-body .form-group .box .in_box ::placeholder {padding: 12px 15px; color:#d5d5d5 ;}

.privacy-of-use-check {display: flex; justify-content: center;}
.privacy-of-use-check label  {padding: 12.3px; color: #fff; font-size: var(--fs17);}
.privacy-of-use-check label span {cursor: pointer; color: #fff; border-bottom: 1px solid #fff; font-size: var(--fs17); }
.privacy-of-use-check label span:hover {color: #bbf2ff; border-bottom: 1px solid #fff; }


/* #page5 .form_box .form_txt .in_box input {display: inline-block; width: 100%; line-height: 42px; height: 205px; font-size: var(--fs20); font-weight: 600; }
#page5 .form_box .form_txt .box .in_box input::placeholder {padding: 12px 15px; color:#d5d5d5 ;}
#page5 .check {display: flex; justify-content: center;}
#page5 .check label {padding: 12.3px; color: #fff; font-size: var(--fs17);}
#page5 .check label span {cursor: pointer; color: #fff; border-bottom: 1px solid #fff; font-size: var(--fs17); }
#page5 .check label span:hover {color: #bbf2ff; border-bottom: 1px solid #fff; }
#page5 .submit { font-size: var(--fs20); font-weight: 700; height: 42px; line-height: 42px; width: 100%; text-align: center; color: #fff; background: #0079c4;}

#page5 .flie_box {display: flex; margin-top: 60px; flex-wrap: wrap;}
#page5 .flie_box>div {border: 1px solid #fff; width: 50%; padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: center;}
#page5 .flie_box>div:first-child {border-right: none;}
#page5 .flie_box .box img{height: 64px; width: auto;}
#page5 .flie_box .box a {padding: 12px 0; text-align: center; width: 100%; font-size: var(--fs22); font-weight: 700; color: #fff;}
#page5 .flie_box .box span {text-align: center; width: 100%; font-size: var(--fs18); color: #0079c4;}




#formmail-write .privacy-of-use {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: right; padding:10px; color:#8a8a8a; font-size:14px; } */