* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; margin:0 auto; font-family:'NotoSansKR', sans-serif; font-size:16px}
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}
.hiddenfrm {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}

#icletime {width:100%}
#icletime > img {width:100%}
#icletime .cf {padding:50px 30px}
#icletime .cf img {width:100%}
#icletime .sns {padding:50px 20px}
#icletime .sns img {width:100%}

/* main_db */
#main_db {width:100%; padding:50px 30px; background:#efefef; text-align:center}
#main_db > img {width:90%; margin-bottom:30px}
#main_db dl {width:50%; height:auto; float:left; display:table; margin-bottom:10px}
#main_db dl > * {display:table-cell; vertical-align:middle}
#main_db dl dt {width:35%; font-weight:600; padding-right:10px; text-align:right}
#main_db dl dd {width:70%}
#main_db dl dd input {width:100%; height:45px; border-radius:5px; padding:0 10px}
#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:#0b143f; color:#fff}
#main_db dl dd .s_btn .s_m {border-radius:5px 0 0 5px}
#main_db dl dd .s_btn .s_f {border-radius:0 5px 5px 0}

#main_db .agree {width:100%; height:40px; line-height:40px; background:#f8f8f8; margin:20px 0; text-align:center; clear:both}
#main_db .agree > * {vertical-align:middle; display:inline-block; font-size:0.8em}
#main_db .bnr {width:80%; margin:0 auto}
#main_db .bnr button {width:100%; max-width:880px}
#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:0.8em; font-weight:300; opacity:.6}

.selet, .tel {height:40px!important; width:30%!important; border:1px solid #eee; border-radius:5px;}
.s_btn input {display:none;}
.s_btn input + label {background:#fff; display:block;}
.s_btn input:checked + label {background: #ff8d00; color:#fff;}
.s_btn .s_m {border-top-left-radius: 5px; border-bottom-left-radius:5px;}
.s_btn .s_f {border-top-right-radius: 5px; border-bottom-right-radius:5px;}


@media screen and (max-width:500px) {
    body {font-size:13px}

    #icletime .cf {padding:30px 10px}
    #icletime .sns {padding:30px 10px}
    
    #main_db {padding:30px 10px}
    #main_db dl {width:100%}
    #main_db dl dt {width:25%; text-align:left}
    #main_db dl dd {width:75%}
    #main_db dl dd input {height:35px}
    #main_db dl dd .s_btn {height:35px; line-height:35px}
    #main_db .agree {height:30px; line-height:30px}

    #footer p {font-size:0.85em}
}