@charset "utf-8";

* {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: 400}
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%}

.q_banner {position:fixed; bottom:10px; right:10px; display:block; width:100px; height:100px; z-index:9}
.q_banner img {width:100%; height:100%}

.kb_call {display:block}
.kb_call img {width:100%}

#top_banner {width:100%}
#top_banner a {display:block}
#top_banner a img {width:100%; height:auto}

.slide_wrap {width:100%; text-align:center}
.slide_wrap img {width:100%}
.slide_wrap .slick-prev, 
.slide_wrap .slick-next {top:45%}
.slide_wrap .slick-prev {left: -20px}
.slide_wrap .slick-next {right: -20px}


.dbform {width:100%; padding:5%; background:#f8f8f8; border:8px solid #12adcf}
.dbform dl {width:100%; display:table; margin-bottom:10px}
.dbform dl > * {display:table-cell; vertical-align:middle}
.dbform dl dt {width:25%; text-align:left; font-size:21px; font-weight:500}
.dbform dl dd {width:75%}
.dbform dl dd input {width:100%; height:50px; border:1px solid #222; padding:0 10px; outline:none; font-size: 18px; font-family: inherit;}
.dbform .agree {margin:4%; text-align:center}
.dbform .agree > * {vertical-align:middle; font-size:9px}
.dbform .agree a {display:inline-block}
.dbform .bnr {width:100%; text-align:center}
.dbform .bnr button {width:100%; max-width:550px}
.dbform .bnr button img {width:100%}

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

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

.msgbox1 { width:100px; font-size:20px;}
.msgbox2 { width:300px; font-size:20px;}

/* 하단 픽스 디비창 */
.fix_db_form {width: 100%; padding: 10px; background: #f15392; 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: 35%}
.fix_db_form .form_inner ul li.n_age {width: 20%}
.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) {

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