@charset "UTF-8";

/* default */
body,html {height:99.99%; background:#fff}
html {overflow-y:scroll; }
body {font-family:'RixSGo M','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; font-size:14px; color:#000; /* letter-spacing:-0.03em; */letter-spacing:0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; }
html.pc,
html.pc body {min-width:1260px}
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:'RixSGo M','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; font-size:14px; color:#000}
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, ol {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 {/* border-collapse:collapse; */ border-spacing:0; width:100%}
table th {font-family:'RixSGo B'; font-weight:400}
html.eng table th {font-family:'Montserrat'}
a {text-decoration:none; font-family:'RixSGo M','맑은고딕','MalgunGothic','돋움',Dotum, sans-serif; color:#000}
a:hover, a:active, a:focus {}
a.disabled {/*pointer-events:none; */cursor:default}
h1, h2, h3, h4, h5, h6, strong {font-weight:normal}
strong {font-family:'RixSGo B'}
*:focus {outline:0}

/* english font setting */
html.eng body, html.eng p, html.eng h1, html.eng h2, html.eng h3, html.eng h4, html.eng h5, html.eng h6, html.eng ul, html.eng ol, html.eng li, html.eng dl, html.eng dt, html.eng dd, html.eng div, html.eng table, html.eng th, html.eng td, html.eng form, html.eng fieldset, html.eng legend, html.eng input, html.eng textarea, html.eng button, html.eng select, html.eng pre, html.eng code, html.eng input, html.eng textarea, html.eng select, html.eng button, html.eng table, html.eng a, html.eng span, html.eng strong, html.eng em {font-family:"Montserrat", "RixSGo M"; font-size:13px}
html.eng strong {font-family:"Montserrat", "RixSGo B"}

/* form element */
/* radio, checkbox */
input[type="checkbox"],
input[type="radio"] {position:absolute; left:-9999px}
input[type="checkbox"] + label,
input[type="radio"] + label {display:inline-block; position:relative; padding-left:32px; height:22px; line-height:22px; vertical-align:middle; font-size:14px; text-align:left}
html.eng input[type="checkbox"] + label,
html.eng input[type="radio"] + label {font-size:13px}
input[type="checkbox"] + label:after {content:""; position:absolute; left:0; top:0; width:18px; height:18px; border:2px solid #aeaeae; border-radius:100%; background:#fff url(/images/common/ico-checkbox-def.png) 4px 5px no-repeat}
input[type="checkbox"]:checked + label:after {border-color:#000; background:#000 url(/images/common/ico-checkbox.png) 4px 5px no-repeat}
input[type="radio"] + label:before {content:""; position:absolute; left:0; top:0; width:18px; height:18px; border:2px solid #aeaeae; border-radius:100%; background:#fff}
input[type="radio"] + label:after {content:""; position:absolute; left:5px; top:5px; width:8px; height:8px; border:2px solid #aeaeae; border-radius:100%; background:#fff}
input[type="radio"]:checked + label:before {border-color:#000}
input[type="radio"]:checked + label:after {border-color:#000; background:#000}
input[type="checkbox"] + label ~ label,
input[type="radio"] + label ~ label {margin-left:48px}
/* select, input text */
select,
input:not([type=checkbox]):not([type=radio]),
.select-title {display:inline-block; height:46px; line-height:44px; padding:0 19px; background:#fff; border:1px solid #ccc; vertical-align:middle; font-size:14px; box-sizing:border-box}
html.eng select,
html.eng input:not([type=checkbox]):not([type=radio]),
html.eng .select-title {font-size:13px}
textarea {display:block; width:100%; padding:10px 19px; border:1px solid #ccc; background:#f3f3f3; line-height:1.517em; resize:none}
textarea.large {padding:15px 19px}
input:not([type=checkbox]):not([type=radio]):focus,
textarea:focus {border-color:#000}
::placeholder {color:#666}
::-webkit-input-placeholder {color:#666}
:-moz-placeholder {color:#666}
::-moz-placeholder {color:#666}
:-ms-input-placeholder {color:#666}
input[type='number'] {-moz-appearance:textfield;}
input[type='number']:-webkit-outer-spin-button,
input[type='number']:-webkit-outer-spin-button {-webkit-appearance:none; margin:0}
input:not([type=checkbox]):not([type=radio]).readonly {background:url(/images/common/bg-input-readonly.gif)}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {display:none; -webkit-appearance:none}
label.hidden {overflow:hidden; width:0; height:0; line-height:0; font-size:0; opacity:0}
input:not([type=checkbox]):not([type=radio])::-ms-clear {width:24px; height:24px; color:#666}

/* mobile setting */
@media screen and (max-width:767px) {
    /* form element */
    /* radio, checkbox */
    input[type="checkbox"] + label,
    input[type="radio"] + label {padding-left:23px; height:auto; line-height:1.6; vertical-align:middle; font-size:11px}
    html.eng input[type="checkbox"] + label,
    html.eng input[type="radio"] + label {font-size:11px}
    input[type="checkbox"] + label:after {top:0; width:14px; height:14px; border-width:1px; background:#fff url(/images/common/ico-checkbox-def-m.png) 46% 50% no-repeat; background-size:7px 7px}
    input[type="checkbox"]:checked + label:after {background:#000 url(/images/common/ico-checkbox-m.png) 46% 50% no-repeat; background-size:7px 7px}
    input[type="radio"] + label:before {width:14px; height:14px}
    input[type="radio"] + label:after {left:5px; top:5px; width:4px; height:4px}
    input[type="checkbox"] + label ~ label,
    input[type="radio"] + label ~ label {margin-left:48px}
    /* select, input text */
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="date"] {-webkit-appearance:none; -moz-appearance:none; border-radius:0}
    select {-webkit-appearance:none; -moz-appearance:none; border-radius:0; background:url(/images/common/ico-select-m.png) right 50% no-repeat; background-size:17.5px 5px}
    select,
    input:not([type=checkbox]):not([type=radio]),
    .select-title {height:35px; line-height:33px; padding:0 10px; font-size:11px}
    html.eng select,
    html.eng input:not([type=checkbox]):not([type=radio]),
    html.eng .select-title {font-size:11px}
    input:not([type=checkbox]):not([type=radio]) {line-height:normal; padding:9px 10px 8px; line-height:1.2em}
}