@charset "utf-8";

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}


* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:100%; color:#000; font-size:1em; font-family: 'S-CoreDream-4Regular'; overflow-y:visible!important; box-sizing:border-box; }
img { vertical-align:middle; border:none; }
a { text-decoration:none; cursor:pointer; }
p { }
div, input, button { vertical-align:middle; border:none; font-family: 'S-CoreDream-4Regular'; }
textarea { border:none; }
.red {color:#ee0000; font-weight:500; }

li { list-style: none; margin: 0; padding: 0;}
.continaer { max-width: 1920px; margin: 0 auto; outline: 1px solid red; }

button, .click img { cursor: pointer; }
.top_btn { right:20px; bottom:20px; position: fixed; z-index: 9999; background-color: transparent; }

.mo { display: none; }

@media screen and (max-width: 768px) {
    .pc { display: none; }
    .mo { display: block; }
}

/* PC 
------------------------------------------------------------------------------------------------------------*/

.contents { position:relative; text-align:center; min-width: 1600px; }
.contents img { width:100%; max-width:1920px; }

/*form */

form { width: 100%; padding-inline: 2rem; }
form > p { text-align: right; }

.form_table { border-collapse:collapse; }
.form_table tbody tr { border-bottom:1px solid #d7d7d7; }
.form_table tbody :is(th, td) { vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }
.form_table tbody th { font-weight:600; letter-spacing:-2px; white-space: nowrap; }
.form_table th label { width: 100%; padding: 28px 20px; display: inline-flex; gap: 4px; }
.form_table th label::before { content: '*'; color: #ee0000; }
:is(.tel_wrap, .chk_wrap, .date-buttons) { display: flex; gap: 8px; align-items: center; }
.form_wrap .chk_wrap { padding-block: 0.4rem; }
.chk_wrap { width: max-content; justify-content: center; }

:is(.input_style, .sel_style, .textarea_style) { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; }
:is(.input_style, .sel_style, .textarea_style):focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}
.sel_style { vertical-align: middle;}
.textarea_style { padding: 10px; height: 90px; resize: none; }
input[type="checkbox"] { width: 16px; aspect-ratio: 1; margin-top: 0; }

.submit_box { width:100%; padding-top:20px; display: flex; justify-content: center; }
.submit_box .btn-submit { width:60%; text-align:center; font-weight:500; font-size:20px; background-color:#000; color:#fff; padding:15px 0; }

.popup1 { color: inherit; font-weight: 600; }

/* MOBILE
------------------------------------------------------------------------------------------------------------*/

.mobile_map .root_daum_roughmap {margin:0 auto; width:100%!important;}


/*form */

@media screen and (max-width: 768px) {
    .contents { min-width: 0; }

    form { width: 100%; position: static; }

    :is(.input_style, .sel_style, .textarea_style) { font-size: 14px; }
    :is(p, .chk_wrap), label { font-size: 14px; }
    .submit_box .btn-submit { font-size: 16px; }

    .chk_wrap { gap: 4px; }
    input[type="checkbox"] { width: 14px; }

    .form_table th label { padding: 1.4rem 1rem; }
    p br { display: none; }

    .top_btn img { width: 40px; }
}