@charset "utf-8";
/* version 1.0 | 2023-11-16 */
/*==========================================================
리셋
==========================================================*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; letter-spacing:-.02em;}
body { margin: 0; }
article, aside, footer, header, nav, section { display: block; }
h1 { font-family: "GmarketSansTTF"; font-weight: 700; margin:0; }
h2, h3 { margin:0; }
figcaption, figure, main { display: block; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; cursor: pointer; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type=" "]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
input::-webkit-credentials-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }

/*------------------------------------------------
리셋 - 오버라이드
------------------------------------------------*/
body { font-family: "Noto_Sans_KR", "malgun gothic", "sans-serif", "dotum"; font-size: 10px; color: #222; font-weight: 400; }
input, select, textarea, button, a { font-family: "Noto_Sans_KR"; }
a { text-decoration: none; color: inherit; font-weight: 400;}
button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; }
img { vertical-align: top; }
fieldset { margin: 0; padding: 0; border: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
p { margin: 0; }
dl, dt, dd { margin: 0; padding: 0; }
pre { font-family: "malgun gothic", "sans-serif", "dotum"; color: #222; letter-spacing: -0.05em; }
h1, h2, h3 { font-size: 10px; }

/*==========================================================
Common
==========================================================*/
/*------------------------------------------------
Input(text, number, password, tel)  2024-02-27
------------------------------------------------*/
input[type="text"]{width: 100%; height: 56px; line-height: 56px; border: 1px solid #E0E0E0; box-sizing: border-box; font-size: 16px; text-indent: 16px; color: #424242; padding: 0; -webkit-border-radius: 0; -webkit-appearance:none;}
input[type="text"]::placeholder{color: #757575;}
input[type="text"]:focus{border: 1px solid #222; outline: none;}

input[type="checkbox"]{box-shadow: none; font-size:1em; -webkit-appearance:none; -moz-appearance: none; -o-appearance:none; appearance: none;}
input[type="checkbox"] + label{font-size: 1.6em; display: inline-block; vertical-align: middle; color: #424242; padding-left: 28px; background: url("../images/common/ic_check_off.svg") top 3px left 0 no-repeat; cursor: pointer;}
input[type="checkbox"]:checked + label{background: url("../images/common/ic_check_on.svg") top 3px left 0 no-repeat;}
/* S::2024-10-24 수정 */
input[type="checkbox"]:focus + label{outline: auto;}
input[type="checkbox"]:focus + label:hover{outline: none;}
input[type="checkbox"] + label.blur{outline: none;}
/* E::2024-10-24 수정 */

input[type="radio"]{box-shadow: none; font-size:1em; -webkit-appearance:none; -moz-appearance: none; -o-appearance:none; appearance: none;}
input[type="radio"] + label{font-size: 1.4em; display: inline-block; vertical-align: middle; color: #424242; padding-left: 28px; background: url("../images/common/ic_radio_off.svg") 0 center no-repeat; cursor: pointer;}
input[type="radio"]:checked + label{background: url("../images/common/ic_radio_on.svg") 0 center no-repeat;}
/* S::2024-10-24 수정 */
input[type="radio"]:focus + label{outline: auto;}
input[type="radio"]:focus + label:hover{outline: none;}
input[type="radio"] + label.blur{outline: none;}
/* E::2024-10-24 수정 */
label + input[type="radio"] { margin-right: 16px; }

/* 초기화 */
.input_pack { position: relative; display: block; vertical-align: middle; word-break: break-all; }
.input_pack input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; }
.input_pack input::-ms-clear, .input_pack input::-ms-reveal { display: none; }
.input_pack input::-ms-check { visibility: hidden; }
.input_pack input[type="number"]::-webkit-outer-spin-button,
.input_pack input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_pack input[type="number"] { -moz-appearance: textfield; }
.input_pack input::placeholder { font-size: 14px; }

/*------------------------------------------------
Select
------------------------------------------------*/
/* 초기화 */
select{-webkit-appearance: none; -moz-appearance:none; appearance:none; background: url("../images/common/ic_arrow_open_20px.svg") center right 16px no-repeat #fff; display: inline-block; width: 100%; height: 48px; line-height: 48px; border: 1px solid #E0E0E0; box-sizing: border-box; font-size: 14px; color: #424242; padding-left: 16px; outline: none; -webkit-border-radius: 0; cursor: pointer;} /* 2024-04-08 수정 */
select:focus{border-color: #222;}
select::-ms-expand { display:none;}

.select_pack select { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
.select_pack select[disabled="disabled"] { cursor: default; }
.select_pack select::-ms-expand { display: none; }

@media all and (max-width: 767px){
    input[type="text"]{height: 48px; line-height: 48px; font-size: 14px;}
    
}
@media all and (max-width: 500px){ /* 2024-02-27 수정 필요 */
input[type="checkbox"]{visibility: hidden;}
}