@charset "utf-8";
.clr:before,
.clr:after { content: ' '; display: block; }
.clr:after { clear: both; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
html { overflow-y: scroll; height: 100%; }
body { font-size: 24px; color: #000; font-family: '맑은 고딕', '나눔고딕', dotum; margin: 0px;}
::-webkit-input-placeholder { color: #000 !important; opacity: 1 !important; }
::-moz-placeholder { color: #000 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #fff !important; opacity: 1 !important; }
:-moz-placeholder { color: #000 !important; opacity: 1 !important; }
.placeholder { color: #000 !important; opacity: 1 !important; }
a { color: inherit; }
.wrap { max-width: 1000px; margin: 0 auto; text-align: left; }
.img_content > img,
.img_content > a > img,
.img_content .wrap > img,
.img_content .wrap > a > img { display: block; width: 100%; }

.imgbox > img,
.imgbox > a > img,
.imgbox .wrap > img,
.imgbox .wrap > a > img { display: block; width: 100%; }

.content { max-width: 1000px; margin: 0 auto; overflow: hidden; }

.bottom { padding: 25px 10px; background: #3f3f3f; font-size: 16px; color: #fff; line-height: 1.2; }
.bottom > .inner { position: relative; max-width: 1000px; margin: 0 auto; }
.bottom .bottom-logo { position: absolute; left: 3%; top: 5%; width: 20%; }
.bottom .bottom-logo img { width: 100%; max-width: 197px; }
.bottom .copy {text-align: center; }
.bottom .copy span { margin-right: 5px; }
.bottom .copy .name { }
.bottom .copy .address { margin-top: 20px; }
.bottom .m-br { display: block; height: 0; line-height: 0; font-size: 0; }
@media (max-width:479px) {
    .bottom { padding: 15px 10px; font-size: 13px; letter-spacing: -0.05em; }
    .bottom .bottom-logo { position: static; width: 40%; margin: 0 auto; }
    .bottom .copy { margin: 0; padding-top: 10px; }
    .bottom .copy .name { }
    .bottom .copy .address { }
}

.co2 { position: relative; }
.co2 .count {position: absolute;left: 0%;color: #fff;font-size: 70px;padding: 0em 0em;border-radius: 0.25em;}
.co2 .count-1 { top: 35%; left: 73%; font-family: NanumGothic;}


@media (max-width:999px) {
    .co2 .count { font-size: 7.7vw; }
}


.send_db { max-width: 1000px; margin: 0 auto; background: #e8e8e8; }
.send_db-wrap { background: #fff; padding: 30px 15px; }
.send_db-box { margin: 0 auto; width: 95%; max-width: 870px; padding: 30px 0 50px; box-sizing: border-box; }
.send_db-box > .inner { position: relative; }
.send_db-box ul { width: 100%; box-sizing: border-box; }
.send_db-box ul li {border-bottom: 1px solid #3f3f3f; line-height: 3.5; font-size: 16px; white-space: nowrap; overflow: hidden; }
.send_db-box ul li:after { content: ''; display: table; clear: both; }
.send_db-box ul li .writer,
.send_db-box ul li .tel,
.send_db-box ul li .subject { display: inline-block; white-space: nowrap; }
.send_db-box ul li .writer { width: 150px; text-align: center; }
.send_db-box ul li .tel { width: 450px; text-align: center; }
.send_db-box ul li .subject { }
.send_db-box ul li:last-child { border-bottom: 0; }
@media (max-width:767px) {
    .send_db { letter-spacing: -0.05em; fon}
    .send_db-box { padding: 15px 0 25px; }
    .send_db-wrap { padding: 15px 10px; }
    .send_db-box ul { padding: 0; }
    .send_db-box ul li { }
    .send_db-box ul li .writer { width: 200px; }
    .send_db-box ul li .tel { width: 150px; }
    .send_db-box ul li .subject { display: none }
}

.form_check { position: relative; letter-spacing: -0.1em; background: #1a6aff; padding: 70px 0; }
.form_check .form { width: 95%; max-width: 939px; margin: 0 auto; background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 5px 8px 2px rgba(0, 0, 0, 0.35); }

.form_check .form-wrap { }
.form_check .form-wrap > .inner { position: relative; width: 95%; max-width: 938px; margin: 0 auto; padding-bottom: 5%; }
.form_check .form-title { margin: 0 auto; }
.form_check .form-title img { width: 100%; margin: 0 auto; }

.form_check .text,
.form_check .textarea,
.form_check .select { width: 100%; padding: 5px; border: 1px solid #000; background: #fff; background-image: none !important; height: 60px; box-sizing: border-box; }
.form_check .textarea { height: 140px; resize: none; }
.form_check .select { padding: 0; background-color: #fff; }

.form_check .item-list { margin-right: 280px; box-sizing: border-box; }
.form_check .item-row:before,
.form_check .item-row:after { content: ''; display: block; }
.form_check .item-row:after { clear: both; }
.form_check .item-row { position: relative; margin-bottom: 12px; }
.form_check .item-row:last-child { margin-bottom: 0; }
.form_check .item-row .item-row { margin-bottom: 0; }
.form_check .item-col,
.form_check [class*="item-col-"] { float: left; box-sizing: border-box; }
.form_check .item-col { width: 50%; padding-right: 10px; }
.form_check .item-col:last-child { padding-right: 0; }
.form_check .item-col-1 { width: 40%; }
.form_check .item-col-1 .label { }
.form_check .item-col-1 .field { }
.form_check .item-col-1 .text { }
.form_check .item-col-2 { width: 60%; }
.form_check .label2,
.form_check .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form_check .label { position: absolute; width: 100px; padding-right: 25px; text-align: right; line-height: 40px; height: 40px; color: #fff; font-weight: bold; white-space: nowrap; }
.form_check .field {vertical-align: top; }

.form_check .agree { padding-top: 10px; text-align: left; font-size: 16px;/* color: #fff; */ }
.form_check .privacy-link { margin-left: 3px; text-decoration: none; }
.form_check .submit { position: absolute; top: 0; right: 0; width: 260px; box-sizing: border-box; }
.form_check .submit-btn { width: 100%; cursor: pointer;}



@media (max-width:767px) {
    body { font-size: 16px; }
    .form_check { padding: 0px 0 0px; }
    .form_check .form { border-radius: 8px; box-shadow: 3px 5px 2px rgba(0, 0, 0, 0.35); }
    .form_check .text,
    .form_check .textarea,
    .form_check .select { height: 43px; }
    .form_check .item-list { padding-top: 2px; margin-right: 190px; }
    .form_check .item-row { margin-bottom: 8px; }
    .form_check .submit { width: 180px; }
}
@media (max-width:479px) {
    .form_check .text,
    .form_check .textarea,
    .form_check .select { height: 32px; }
    .form_check .item-list { padding-top: 2px; margin-right: 120px; }
    .form_check .item-row { margin-bottom: 5px; }
    .form_check .agree { font-size: 14px; }
    .form_check .submit { width: 110px; top: 0; }
    .form_check .submit-btn { }
}