* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; margin:0 auto; font-family: 'Inter', 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 300}
a {text-decoration:none; color:inherit}
ul,ol,dl {list-style:none}
input[type="text"],
input[type="number"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border:0; padding:0 10px}
button {background:transparent; border:0; outline:0; cursor:pointer}
img {border:0; vertical-align:middle}
img {border:0; vertical-align:middle}
iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}


#brains {width:100%}
#brains > img {width:100%}


/* main_db */
#main_db {width:100%; padding:5%; background: #fb5316}
#main_db dl {width:100%; display:table; margin-bottom:10px}
#main_db dl > * {display:table-cell; vertical-align:middle}
#main_db dl dt {width:30%; font-size: 21px; font-weight: 500; color:#fff}
#main_db dl dd {width:70%}
#main_db dl dd input {width:100%; height:45px; padding:0 10px; font-family: inherit; font-size: 16px}
#main_db dl dd .s_btn {width:100%; height:45px; line-height:45px; text-align:center}
#main_db dl dd .s_btn > div {width:50%; height:100%; float:left; background:#fff; cursor:pointer}
#main_db dl dd .s_btn > div.on {background:#020742; color:#ffffff; font-weight: 500}

.dbform .input_form .privacy_agree {text-align: left; }
.privacy_agree {padding-bottom: 15px;}
.privacy_agree .check{font-size: 11px;}
.dbform .input_form .privacy_agree .check {display: inline-block; margin-right: 10px}
.dbform .input_form .privacy_agree .check a {font-size: 13px; letter-spacing: -1px}

#main_db .agree {width:100%;  margin:20px 0; text-align:center; clear:both}
#main_db .agree a {vertical-align: middle; font-size:12px; color:#fff}
#main_db .agree input[type="checkbox"] {vertical-align:middle; margin-right:3px}
#main_db .bnr {text-align:center}
#main_db .bnr button {width:100%; max-width:500px}
#main_db .bnr button img {width:100%}

.incall a {display:block}
.incall a img {width:100%}

.ppl a {display:block}
.ppl a img {width:100%; max-width:750px;}

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

/* 하단 픽스 디비창 */
.fix_db_form {width: 100%; padding: 10px; background: #aa53f1; position: fixed; bottom: 0; left: 0; z-index: 9}
.fix_db_form h1 {text-align: center; line-height: 1; margin-bottom: 10px}
.fix_db_form .form_inner {max-width: 750px; margin: 0 auto}
.fix_db_form .form_inner ul {width: 70%; float: left; display: flex;}
.fix_db_form .form_inner ul li {margin-right: 5px}
.fix_db_form .form_inner ul li.n_name {width: 30%}
.fix_db_form .form_inner ul li.n_age {width: 25%}
.fix_db_form .form_inner ul li.n_tel {width: 45%}
.fix_db_form .form_inner ul li input {width: 100%; height: 50px; padding: 0 10px; border-radius: 3px; font-family: inherit; font-size: 18px; outline: 0; border: 0; text-align: center; letter-spacing: -1px}
.fix_db_form .form_inner .agree {text-align: right; clear: both; line-height: 2}
.fix_db_form .form_inner .agree input {vertical-align: middle}
.fix_db_form .form_inner .agree a {font-size: 13px; color:#fff; letter-spacing: -1px}
.fix_db_form .form_inner .bnr {width: 30%; float: left}
.fix_db_form .form_inner .bnr button {width: 100%; height: 50px; background: #222; border-radius: 3px; color: #fff; font-size: 24px; font-weight: 600; font-family: inherit; letter-spacing: -1px; line-height: 50px}

/* 레이어팝업 */
.layer_popup {display:none; background:#fff; width:800px; height:500px}
.layer_popup .title {width:100%; height:60px; background:#1c2637; line-height:60px; padding:0 20px; position:relative}
.layer_popup .title h2 {font-size:18px; font-weight:400; color:#fff}
.layer_popup .title a {width:60px; height:60px; display:block; text-align:center; color:#fff; font-size:30px; position:absolute; top:0; right:0}
.layer_popup .title a i {line-height:60px; vertical-align:top}
.layer_popup .inner { margin:30px 0; padding:0 30px; overflow-x:hidden; overflow-y:scroll;}

.layer_popup .inner { width :100% !important }

/* db 개인정보취급동의 체크박스 커스텀 */
.privacy_agree .checkbox {position:relative; width:auto; display:inline-block; line-height: 1.6; text-align: center}
.privacy_agree .checkbox input[type="checkbox"] {position:absolute; width:1px; height: 1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.privacy_agree .checkbox input[type="checkbox"] + label {display:inline-block; position:relative; cusor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.privacy_agree .checkbox input[type="checkbox"] + label:before {content:''; display: inline-block; width:14px; height:14px; line-height:13px; text-align: center; background:rgba(255,255,255,0.5); border:0.5px solid rgba(0,0,0,0.5); border-radius:3px; position: absolute; top:5px; left:0; font-size: 9px}
.privacy_agree .checkbox input[type="checkbox"] + label:active:before,
.privacy_agree .checkbox input[type="checkbox"]:checked + label:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}
.privacy_agree .checkbox input[type="checkbox"]:checked + label:before {content:'\EB7B'; font-family:'remixicon'; color: #222}
.privacy_agree .checkbox label {padding-left:16px}
.privacy_agree .checkbox label a {display:inline-block; font-size:9px; letter-spacing:-1px; font-weight:400}

/* 레이어팝업 */
.layer_popup {display:none; background:#fff; width:90%; height:400px}
.layer_popup .title {width:100%; height:60px; background:#1c2637; line-height:60px; padding:0 20px; position:relative}
.layer_popup .title h2 {font-size:15px; font-weight:500; color:#fff}
.layer_popup .title a {width:60px; height:60px; display:block; text-align:center; color:#fff; font-size:30px; position:absolute; top:0; right:0}
.layer_popup .title a i {line-height:60px; vertical-align:top}
.layer_popup .inner {height:300px; padding:0 15px; margin-top:20px; overflow-x:hidden; overflow-y:scroll;}

/* 개인정보처리방침 */
#blank {width:100%; padding:30px 10px}
#blank h2 {font-size:18px; text-align:center; margin-bottom:20px}
.privacy-wrap {letter-spacing:-0.5px}
.privacy-wrap .priv_msg {text-align:justify; line-height:1.7; margin-bottom:15px}
.privacy-wrap .normal-text {text-align:justify; line-height:1.7}
.privacy {margin-bottom:15px}
.privacy:last-child {margin-bottom:0}
.privacy h3 {margin-bottom:5px; font-size:15px}
.privacy h4 {font-size:13px; font-weight:600}
.privacy ul {margin:5px 0}
.privacy ul > li {position:relative; padding-lefT:7px; line-height:1.7}
.privacy ul > li:before {content:'-'; position: absolute; top:0; left:0}
.privacy ol {margin:5px 0}
.privacy ol > li {position: relative; padding-left:7px}
.privacy ol > li:before {content:'·'; position: absolute; top:0; left:0}
.priv_table {width:100%; margin:10px 0; border-top:0.5px solid #333}
.priv_table thead th {background:#f8f8f8; font-weight:600; padding:6px 0; border-bottom:0.5px solid #ddd}
.priv_table tbody td {padding:6px; border-bottom:0.5px solid #ddd}
.priv_table tbody th {padding:6px; border-bottom:0.5px solid #ddd; border-right:0.5px solid #ddd; font-weight:600}

/* 개인정보처리방침 */
#privacy_all {width:100%; margin:100px auto}
#privacy_all .title {font-size:24px; text-align:center; margin-bottom:20px}
.privacy-wrap {width:100%; font-size:14px; letter-spacing:-0.5px}
.privacy-wrap .priv_msg {background:#f9f9f9; padding:15px; text-align:justify; line-height:2; margin-bottom:20px}
.privacy-wrap .normal-text {text-align:justify; line-height:1.7}
.privacy {margin-bottom:20px}
.privacy:last-child {margin-bottom:0}
.privacy h3 {margin-bottom:10px}
.privacy h4 {font-weight:500; line-height:1.7}
.privacy ul {margin:10px 0}
.privacy ul > li {position:relative; padding-lefT:7px; line-height:2}
.privacy ul > li:before {content:'-'; position: absolute; top:0; left:0}
.privacy ol {margin:5px 0}
.privacy ol > li {position: relative; padding-left:7px; font-size:13px; font-family:'NotoSansKR'; line-height:1.8; letter-spacing:-0.7px}
.privacy ol > li:before {content:'·'; position: absolute; top:0; left:0}
.priv_table {width:100%; margin:10px 0; border-top:1px solid #333}
.priv_table thead th {background:#f8f8f8; font-weight:600; padding:10px 0; border-bottom:1px solid #ddd}
.priv_table tbody td {padding:10px; border-bottom:1px solid #ddd}
.priv_table tbody th {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:600}

#footer-wrap {width:100%; background:#f7f7f7; padding:40px 0; margin-bottom: 200px}
#footer-wrap .footer {width:1200px; margin:0 auto; text-align:center}
.bottom-logo {margin-bottom:20px}
.bottom-logo img {height:100px}
.address p {font-size:13px; line-height:1.7; color:#777; letter-spacing: -1px}
.address a {width:120px; height:25px; line-height:25px; font-size:12px; background:#555; color:#fff; text-align:center; margin-top:10px; display:inline-block;}
.address a.naver {background:#00c901}
#footer-wrap .privacy_open {font-size:13px; background:#555; color:#fff; padding:5px 10px; text-align:center; margin-top:10px; display:inline-block;}

#top_btn {width:70px; height:70px; background:#222; position:fixed; bottom:30px; right:10px; z-index:999}
#top_btn > i {font-size:30px; color:#fff}



@media screen and (max-width:500px) {
    body {font-size:13px}
    #main_db {padding: 5% 3%}
    #main_db dl dt {font-size: 16px}

/* 하단 픽스 디비창 */

    .fix_db_form h1 {margin-bottom: 5px}
    .fix_db_form h1 img {width: 70%}
    .fix_db_form .form_inner ul li input {height: 40px; padding: 0; font-size: 15px}
    .fix_db_form .form_inner .bnr button {height: 40px; font-size: 16px; line-height: 40px}
    .fix_db_form .form_inner .agree {text-align: center}
    .fix_db_form .form_inner .agree a {font-size: 11px}

}