@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; }

.top { position: fixed; top: 0; z-index: 9999; }

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

.contents { position:relative; text-align:center; display: flex; flex-direction: column; align-items: center; }
.contents img { width: auto; }

/*form */

.form1 { display: flex; justify-content: center; color: #333; line-height: 1.4; position: relative; }
.form1 p { font-family: initial; font-size: 16px; padding-bottom: 12px; }

.form1 form { width: 600px; position: absolute; top: 10%; }
.form1 form > p { text-align: right; }

.form1 .form_table { border-collapse:collapse; }
.form1 .form_table tbody tr { border-bottom:1px solid #d7d7d7; }
.form1 .form_table tbody :is(th, td) { vertical-align:middle; text-align:left; line-height:100%; font-size:18px; }
.form1 .form_table tbody th { font-weight:600; letter-spacing:-2px; white-space: nowrap; }
.form1 .form_table tbody td { padding-block: 2rem; padding-left: 3rem; }
.form1 .form_table th label { width: 100%; padding-inline: 20px; display: inline-flex; }
.form1 :is(.tel_wrap, .chk_wrap) { display: flex; gap: 8px; align-items: center; }

.form1 :is(.input_style, .sel_style, .textarea_style) { width:100%; padding-left:10px; height:42px; border:1px solid #ccc; font-size:18px; }
.form1 :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;}
.form1 .sel_style { vertical-align: middle;}
.form1 .textarea_style { padding: 10px; height: 90px; resize: none; }
.form1 input[type="checkbox"] { width: 16px; aspect-ratio: 1; }

.form1 .form_wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.form1 .form_wrap label { display: flex; align-items: center; gap: 4px; }
.form1 .chk_label { flex-direction: column; align-items: center; gap: 4px; }
.form1 .chk_label span { font-size: 0.8em; opacity: 0.8; font-weight: 400; }

.form1 .submit_box { width:100%; padding-top: 6rem; }
.form1 .submit_box button { background-color: transparent; }
.form1 .submit_box img { width: 100%; }

.form1 .popup1 { color: inherit; font-weight: 600; }
.form1 .chk_wrap { justify-content: center; padding-block: 12px; }

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

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


/*form */

@media screen and (max-width: 768px) {
    .contents img { width: 100%; }

    .form1 form { width: 80%; top: 5%; }

    .form1 :is(.input_style, .sel_style, .textarea_style) { height: 32px; }
    .form1 .form_table tbody :is(th, td, .input_style, .sel_style, .textarea_style) { font-size: 14px; }
    .form1 :is(p, .chk_wrap), label { font-size: 14px; }
    .form1 .submit_box .btn01 { font-size: 20px; }

    .form1 .submit_box { padding-top: 1.4rem; }

    .form1 .form_table tbody td { padding-block: 1rem; padding-left: 0; }
    .form1 .form_wrap { gap: 0.6rem; }
    .form1 .chk_wrap { gap: 4px; }
    .form1 input[type="checkbox"] { width: 14px; }

    .form1 .form_table th label { padding-left: 0; }
    .form1 p br { display: none; }

    .top_btn img { width: 40px; }
}