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

#slimway {width:100%; max-width:750px; margin:0 auto; }
#slimway > img {width: 100%}
#header {width: 100%; height: auto; border-bottom: 1px solid #222; overflow: hidden}
#header > div {display: inline-block; padding: 5% 3%}
#header > div img {height: 30px}
#header .t_incall {float: right}
#header .t_incall a {display: block}

/* main_db */
#main_db {width:100%; padding:5%; background: #282928}
#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: 18px; border-radius: 0;}
#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; font-size: 18px}
#main_db dl dd .s_btn > div.on {background:#fa2d0e; color:#222; font-weight: 600; color:#fff}

/* DB창 감량목표 부분 */
#main_db dl dd .content_wrap {margin:0 -3px}
#main_db dl dd .content_wrap:before,
#main_db dl dd .content_wrap:after {content:''; width: 100%; display: block}
#main_db dl dd .content_wrap:after {clear: both;}
#main_db dl dd .content_wrap > div {width: 25%; float: left; text-align: center; padding: 0 3px}
#main_db dl dd .content_wrap > div label {color: #fff; border: 1px solid #ddd; display: block; width: 100%; height: 45px; line-height: 45px}
#main_db dl dd .content_wrap > div input[type="radio"] {display: none}
#main_db dl dd .content_wrap > div input[type="radio"]:checked + label {background: #fa2d0e; border-color:#fa2d0e; font-weight: 500}

#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%}
#main_db .bnr button img {width:100%}
#main_db .bnr a {display: block; margin-top: 10px}
#main_db .bnr a 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:10px; font-weight:300; opacity:.6}

/* 하단 픽스 디비창 */
.fix_db_form {width: 100%; padding: 10px; background: #e70302; 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}


@media screen and (max-width:500px) {
    #header > div img {height: 25px}

    #main_db dl dd .content_wrap > div {width: 50%; padding: 3px}

    .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}

}