@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/
#formmail-write {position:relative;background-color: #5751bb;padding: 35px 10px 35px 10px;margin: 40px auto 20px auto;border-radius: 20px;}
#formmail-write .form-body{}
#formmail-write .form-group {display:flex;margin-bottom: 20px;align-items: center;}
#formmail-write .form-group>label {padding:0 20px;font-size: 20px;font-weight: 500;white-space: nowrap;}
#formmail-write .form-group>div {text-align:left;}
#formmail-write .form-group>label {width: 170px;text-align: right;color: #ffffff;}
#formmail-write .form-group>label span {color:#f94d49;}
#formmail-write .form-group>div {width: calc(100% - 170px);}
#formmail-write .form-group.col4 {width:50%; float:left;}
#formmail-write .width-full {width:100%;}
#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 }

#formmail-write .privacy-of-use{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 22;}
#formmail-write .privacy-of-use .dim{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../../../../../img/dakdonggari/s7_video_close_ic.png') hsla(0, 0%, 0%, 0.9) no-repeat 96% 6%; cursor: pointer;}
#formmail-write .privacy-of-use .content{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 768px; height: 70%; z-index: 1; background-color: #fff; color: #111; font-size: 14px; font-weight: 300; border-radius: 10px; padding: 30px; 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: 500}
#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; }


@media (max-width: 1400px){
    #formmail-write{width: 98%;}
    #formmail-write .form-group>label{font-size: 20px; }
}
@media (max-width: 1024px){
    #formmail-write .privacy-of-use .content{width: 80%; }
}
@media (max-width: 980px){
    #formmail-write .form-group.col4 {width:100%;}
}
@media (max-width: 768px){
    #formmail-write {padding: 20px 40px 20px 0px; margin: 30px auto 20px auto; border-radius: 10px;}
    #formmail-write .form-group>label {font-size: 18px; }
    #formmail-write .form-group>div {flex: 3;}
    #formmail-write .privacy-of-use .content{width: 92%; }
    #formmail-write .privacy-of-use .dim{background-size: 40px; }
}
@media (max-width: 600px){
    #formmail-write {padding: 20px 20px 30px 20px;width: 100%;}
    #formmail-write .form-group {display:inline-block;}
    #formmail-write .form-group>label {width: 100%;text-align: left;display:inline-block;padding: 0 0 10px 0;}
    #formmail-write .form-group>div {width: 100%;display:inline-block;}
}
@media (max-width: 500px){
    #formmail-write {padding: 10px 10px 20px 10px;}
    #formmail-write .form-body{padding: 5% 0 0; border-top-color: hsl(0deg 0% 100% / 50%); border-bottom-color: hsl(0deg 0% 100% / 50%); margin-bottom: 30px; }
    #formmail-write .form-group{flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
    #formmail-write .form-group>label {font-size: 16px; padding: 8px; }
    #formmail-write .form-group>div{flex: 1 1 100%; width: 100%; }
    #formmail-write .privacy-of-use .dim{background-size: 30px; }
}
@media (max-width: 400px){
    #formmail-write .form-group>label {font-size: 14px; }
}