@charset "UTF-8";

/* hanwha webfont */
@font-face{
    font-family:"Hanwha";
    src:url("/assets/css/Hanwha_L.woff2") format("woff2");
    font-weight:200;
    font-style:normal;
    font-display:swap;
    unicode-range:U+0000-4DFF,U+A000-10FFFF;
}
em {font-family:'Hanwha'; font-weight:200; font-style:normal;}
@font-face{
    font-family:"Hanwha";
    src:url("/assets/css/Hanwha_R.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap;
    unicode-range:U+0000-4DFF,U+A000-10FFFF;
}
h1 em, h2 em, h3 em {font-family:'Hanwha'; font-weight:400; font-style:normal;}

/* hanwha gothic */
@font-face {
  font-family: 'HanwhaGothic';
  font-weight: 300;
  src: url('/assets/css/HanwhaGothicT.woff2') format('woff2');
}
@font-face {
  font-family: 'HanwhaGothic';
  font-weight: 400;
  src: url('/assets/css/HanwhaGothicEL.woff2') format('woff2');
}
@font-face {
  font-family: 'HanwhaGothic';
  font-weight: 500;
  src: url('/assets/css/HanwhaGothicL.woff2') format('woff2');
}
@font-face {
  font-family: 'HanwhaGothic';
  font-weight: 600;
  src: url('/assets/css/HanwhaGothicR.woff2') format('woff2');
}
@font-face {
  font-family: 'HanwhaGothic';
  font-weight: 700;
  src: url('/assets/css/HanwhaGothicB.woff2') format('woff2');
}

/* default */
* { word-break: keep-all; overflow-wrap: break-word;}
body,html {background:#fafafa; -webkit-text-size-adjust:none}
html {overflow-y:scroll; }
body {font-family:'HanwhaGothic','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; font-size:14px; font-weight:300; color:#111; letter-spacing:-0.02em; -webkit-text-size-adjust:none;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, table, th, td, form, fieldset, legend, input, textarea, button, select, pre, code {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
input, textarea, select, button, table {font-family:'HanwhaGothic','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; font-size:14px; color:#111}
input, textarea, select, button {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
a, p, span, strong, em, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div {line-height:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
img, fieldset {border:0; vertical-align:middle}
iframe, button {border:0}
ul {list-style:none}
caption, hr {display:none}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
table {table-layout:fixed; border-spacing:0; width:100%; border-collapse:collapse}
th {font-weight: 600;}
a {text-decoration:none; font-family:'HanwhaGothic','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; color:#111}
a:hover, a:active, a:focus {}
h1, h2, h3, h4, h5, h6, strong {color:#111; font-weight: 600;}
strong {font-weight: 500;}
*:focus {outline:0}

/* form element */
/* radio, checkbox */
input[type="checkbox"] {display:none}
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:22px; height:22px; line-height:22px; font-size:14px; vertical-align:middle}
input[type="checkbox"] + label:before {content:""; position:absolute; left:0; top:4px; width:12px; height:12px; border:1px solid #cecece; background:#fff}
input[type="checkbox"] + label.hide {width:14px; padding-left:0; font-size:0; text-indent:-9999em; vertical-align:top}
input[type="checkbox"]:checked + label {font-weight:400; color:#ff6600}
input[type="checkbox"]:checked + label:after {content:"\f00c"; font-family:Font Awesome\ 5 Free, FontAwesome; font-weight:900; font-size:9px; line-height:12px; text-align:center; position:absolute; left:0; top:4px; width:14px; height:14px; border-color:#ff6600; background:#ff6600; color:#fff}
input[type="radio"] {display:none}
input[type="radio"] + label {display:inline-block; position:relative; padding-left:22px; height:22px; line-height:22px; vertical-align:middle; font-size:14px; text-align:left}
input[type="radio"] + label:before {content:""; position:absolute; left:0; top:3px; width:12px; height:12px; border:1px solid #cecece; border-radius:100%; background:#fff}
input[type="radio"] + label.hide {width:14px; padding-left:0; font-size:0; text-indent:-9999em; vertical-align:top}
input[type="radio"]:checked + label {font-weight:400; color:#ff8482}
input[type="radio"]:checked + label:before {border-color:#ff8482; background:#ff8482}
input[type="radio"]:checked + label:after {content:""; position:absolute; left:4px; top:7px; width:6px; height:6px; border-radius:100%; background:#fff}
input[type="radio"] + label ~ label {margin-left:30px}
/* select, input text */
select,
input[type="text"],
input[type="password"] {display:inline-block; height:33px; line-height:29px; padding:0 5px; vertical-align:middle; font-size:14px; color:#111; letter-spacing:-0.05em; background:#fafafa; border:1px solid #dbdbdb; box-sizing:border-box}
textarea {display:block; width:100%; padding:7px 10px; border:1px solid #dbdbdb; background:#fff; line-height:1.517em; resize:none; box-sizing:border-box}
::placeholder {color:#b7b7b7}
::-webkit-input-placeholder {color:#b7b7b7}
:-moz-placeholder {color:#b7b7b7}
::-moz-placeholder {color:#b7b7b7}
:-ms-input-placeholder {color:#b7b7b7}
textarea::placeholder {font-size:13px; color:#92979b}
textarea::-webkit-input-placeholder {font-size:13px; color:#92979b}
textarea:-moz-placeholder {font-size:13px; color:#92979b}
textarea::-moz-placeholder {font-size:13px; color:#92979b}
textarea:-ms-input-placeholder {font-size:13px; color:#92979b}