@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; margin:0 auto; font-family: '맑은고딕', sans-serif; font-size:16px}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle}
a {text-decoration:none; color:inherit}
button {background:transparent; border:0; cursor:pointer}
input {border:0}
iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}


#repiera {width:100%; position:relative}
#repiera > img {width:100%}

.cf-wrap {padding: 0 30px; margin-top: -50px}
.cf-wrap img {width: 100%}

#main_db {padding: 30px; background: #efefef; border: 10px solid #a0022b}
#main_db dl {width: 100%; display: table; margin-bottom: 10px}
#main_db dl > * {display: table-cell; vertical-align: middle}
#main_db dl dt {width: 20%; font-size: 1.3rem; font-weight: 700}
#main_db dl dd {width: 80%}
#main_db dl dd input {width: 100%; height: 50px; padding: 10px; outline: none}
#main_db.db01 dl dd input {border: 1px solid #aaa}
#main_db.db02 dl dt {color: #fff}
#main_db.db02 .agree a {color:#fff}
#main_db .agree {text-align: center; margin:20px 0; font-size: 0.8125rem}
#main_db .agree input[type="checkbox"] {vertical-align: middle}
#main_db .agree a {vertical-align: middle}
#requestBTN {text-align: center}
#requestBTN button img {width: 100%; max-width: 650px}



.incall {background:#194a8e}
.incall a {display:block; max-width:1000px; margin:0 auto}
.incall a img {width:100%}

#footer {padding:20px 10px; background:#444; text-align:center}
#footer p {color:#eee; line-height:1.5; font-size:12px; opacity:.6}

#privacy_wrap {width:100%; padding:100px 0}
#privacy_wrap h2 {font-size:2em; text-align:center; margin-bottom:20px}
.priv_msg {width:100%; padding:30px; background:#f8f8f8; margin:30px 0; text-align:justify}

.priv_inner {margin-bottom:30px}
.priv_inner h3,
.priv_inner h4 {line-height:1.5; margin-bottom:10px}
.priv_inner > p {margin-bottom:15px}
.priv_inner ul li {position:relative; padding-left:10px; margin-bottom:5px}
.priv_inner ul li:before {content:'-'; position:absolute; top:0; left:0}
.priv_inner ul li p {font-size:0.85em; position:relative; padding-left:7px}
.priv_inner ul li p:before {content:'쨌'; position:absolute; top:0; left:0}

.priv_table {margin-bottom:30px; width: 100%}
.priv_table thead th {background:#eee; padding:10px}
.priv_table tbody th {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.priv_table tbody td {padding:10px; border-bottom:1px solid #ddd}


@media screen and (max-width:500px) {
    #main_db {padding: 30px 15px}
    #main_db dl dt {font-size: 1rem}
    #main_db dl dd input {height: 40px}
    #main_db .agree {margin: 10px 0; font-size: 0.6875rem; font-weight: 700}

    #footer p {font-size:0.6875rem}
    #privacy_wrap {padding:30px 10px}
    .priv_msg {margin:20px 0}
}