* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size:16px; font-weight: 400; background:#fff}
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}


#hwalbowon {width:100%; max-width:750px; margin:0 auto; }
#hwalbowon > img {display:block; width: 100%}


/* main_db : 시안 하단 신청폼 (흰 바탕 · 보라 테두리 칸 · 주황 버튼) */
#main_db {width:100%; padding:6% 5% 7%; background:#fff}
#main_db dl {width:100%; display:table; margin-bottom:12px}
#main_db dl > * {display:table-cell; vertical-align:middle;}

#main_db dl dt {width:25%; font-size: 21px; font-weight: 700; color:#222}
#main_db dl dd {width:75%}
#main_db dl dd input {width:100%; height:52px; padding:0 14px; font-family: inherit; font-size: 18px; color:#222; border-radius: 0; border:1px solid #b9a7e6; background:#fff}
#main_db dl dd input::placeholder {color:#888}

#main_db .agree {width:100%;  margin:16px 0 18px; text-align:center; clear:both}
#main_db .agree a {vertical-align: middle; font-size:13px; font-weight:500; color:#222}
#main_db .agree input[type="checkbox"] {vertical-align:middle; margin-right:4px}
#main_db .bnr {text-align:center}
#main_db .bnr button {display:block; width:100%; height:96px; background:#ff6b3b; color:#fff; font-size:44px; font-weight:700; letter-spacing:-1px}
#main_db .bnr button em {font-style:normal; color:#ffe35a}

/* 증상 선택 (리피어라 랜딩 꼴) */
.n_content {background: #f4f1ec; margin-bottom: 24px; padding: 24px 20px}
.n_content .n_content_title {letter-spacing: -1px; margin-bottom: 12px}
.n_content .n_content_title p {font-size: 20px; font-weight: 700; color:#222}
.content_wrap {margin: 0 -5px}
.content_wrap:before,
.content_wrap:after {content:''; width: 100%; display: block}
.content_wrap:after {clear: both}
.content_wrap > div {width: 33.33%; float: left; padding: 0 5px; margin: 5px 0}
.content_wrap > div label {display: block; width: 100%; height: 44px; text-align: center; line-height: 42px; border: 1px solid #8a7a6a; background:#fff; font-size: 17px; color:#333; cursor: pointer; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden}
.content_wrap > div input[type="checkbox"] {display: none}
.content_wrap > div input[type="checkbox"]:checked + label {background: #ff6b3b; border-color: #ff6b3b; color:#fff; font-weight: 500}

#footer {padding:20px 10px 30px; background:#2b221b; text-align:center}
#footer p {color:#eee; line-height:1.6; font-size:11px; font-weight:300; opacity:.7}

/* 하단 픽스 디비창 */
.fix_form_open {width: 100%; position: fixed; bottom: 0; left: 0; display: none;}
.fix_form_open button {display: block; width: 100%; height: 60px; line-height: 60px; background: #2b221b; color:#f3cf7a; font-size: 24px; font-family: inherit; font-weight: 600}

.fix_db_form {width: 100%; padding: 10px; background: #3b2d20; position: fixed; bottom:0; left: 0; z-index: 9}
.fix_db_form .close {background: #2b221b; color:#fff; position: absolute; top: -34px; left: 50%; margin-left: -75px; width: 150px; height: 34px; border-radius: 15px 15px 0 0; display: none;}
.fix_db_form .form_inner {max-width: 850px; margin: 0 auto}
.fix_db_form .form_inner form {display: flex; align-items: center}
.fix_db_form .form_inner .input_form {width: 70%}
.fix_db_form .form_inner .input_form ul {margin: 0 -5px}
.fix_db_form .form_inner .input_form ul:before,
.fix_db_form .form_inner .input_form ul:after {content:''; width: 100%; display: block}
.fix_db_form .form_inner .input_form ul:after {clear: both}
.fix_db_form .form_inner .input_form ul li {width: 50%; float: left; padding: 5px; display: flex; align-items: center}
.fix_db_form .form_inner .input_form ul li p {font-size: 17px; font-weight: 500; color: #fff; display: inline-block; width: 25%}
.fix_db_form .form_inner .input_form ul li input[type="text"],
.fix_db_form .form_inner .input_form ul li input[type="tel"] {width: 75%; height: 40px; font-weight: 500; background:#fff}

.fix_db_form .form_inner .bnr {width: 30%; padding-left: 20px}
.fix_db_form .form_inner .bnr button {width: 100%; height: 50px; background: #ff6b3b; color: #fff; font-size: 24px; font-weight: 600; letter-spacing: -1px; line-height: 50px}
.fix_db_form .form_inner .bnr .agree {margin-top: 10px; text-align: center}
.fix_db_form .form_inner .bnr .agree input {vertical-align: middle}
.fix_db_form .form_inner .bnr .agree a {color: #fff; font-size: 12px}


@media screen and (max-width:500px) {
    #main_db dl dt {font-size: 17px}
    #main_db dl dd input {height: 46px; font-size: 15px; padding: 0 10px}
    #main_db .bnr button {height: 68px; font-size: 32px}
    .n_content {padding: 16px 12px}
    .n_content .n_content_title p {font-size: 17px}
    .content_wrap > div {width: 50%}
    .content_wrap > div label {font-size: 15px}

    .fix_form_open {display: block}
    .fix_db_form {bottom: -9999px; padding-bottom: 25px}
    .fix_db_form .close {display: block}
    .fix_db_form .form_inner form {display: block}
    .fix_db_form .form_inner .input_form,
    .fix_db_form .form_inner .bnr {width: 100%}

    .fix_db_form .form_inner .input_form ul li {display: block}
    .fix_db_form .form_inner .input_form ul li p {display: block; width: 100%; font-size: 14px; margin-bottom: 4px}
    .fix_db_form .form_inner .input_form ul li input[type="text"],
    .fix_db_form .form_inner .input_form ul li input[type="tel"] {width: 100%}

    .fix_db_form .form_inner .bnr {padding-left: 0; margin-top: 10px}
}