/* =========================================================================================================
	Reset
========================================================================================================= */
:root {
  --color-main: #0448e2;
  --color-sub: #3bc0c0;
  --color-dark-blue:#1e2534;
  --radius-basic: .35rem;
  --bg-light:#eaf8f8;
  --hei-gnb:4.688rem;
}

*,
*:after,
*:before {	margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

*+html table {border-collapse:collapse;}
body {-webkit-text-size-adjust:none;}
body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:16px;line-height:1.4; letter-spacing:-.02em;color:#323232;font-weight:normal;font-style:normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; font-family:'Pretendard', 'malgun gothic', dotum, sans-serif; }
fieldset,img {border:0 none;vertical-align:middle;max-width:100%;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0; }
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
li {list-style:none;padding:0;margin:0;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

@media screen and (max-width: 1150px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:14px;}
}
@media screen and (max-width: 1100px), screen\9 {
	body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:12px;}
}

/* =========================================================================================================
	form
========================================================================================================= */
input, select, textarea, button {display:inline-block;outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;}
input, select, textarea {font-weight:bold;/*font-family:dotum, arial, gulim;*font-family:dotum, arial, gulim;*/}
button {outline:0;vertical-align:middle;border:0 none;background-color:transparent;cursor:pointer;white-space:nowrap;*}
input[type=text], input[type=number], input[type=password], select {width:100%;height:2.5rem;border-color:#b9bfc4;border-width:1px;border-style:solid;background-color:#fff;color:#000;font-size:0.85rem;text-indent:0.438rem;letter-spacing:-.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=file] {height:24px;padding:0;border:1px solid #aaa;border-radius:0; background:#f6f8fa;color:#000; font-size:0.75rem;font-weight:500;line-height:1.375rem; letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.input_item {position:relative;border:1px solid #cacaca;border-radius:5px;padding:0.875rem 5px;}
.input_item input {background-color:transparent;border:0;font-size:1rem;}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:0;padding:0 5px;margin-top:-0.813rem;font-size:1rem;color:#a9a9a9;z-index:-1;-webkit-transition:all .5s ease;-mtransition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label  {top:9px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.input_item input:-webkit-autofill {-webkit-text-fill-color:#000;} 
.input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}
.input_item input:-webkit-autofill + label {top:5px !important;background:#fff;font-size:0.75rem !important;z-index:1 !important;}
.input_item input:focus {border:0 !important;}

input + label input {display:none;margin-left:5px;}
input:checked + label input {display:inline-block;}


input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;min-height:1rem;margin:0;padding:0 1rem 0 1.375rem;box-sizing:border-box;background:none;border:0;line-height:2.5rem;color:#333;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ccc;border-radius:3px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:.4rem;width:.4rem;height:.7rem;margin:-.45rem 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid var(--color-main);background-color:var(--color-main);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--color-main);}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:.9rem; font-weight:500; line-height:28px;color:#333;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ced5e0;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid var(--color-main);box-shadow:0 3px 8px -3px var(--color-main);}


input[type=checkbox][readonly] + label, input[type=radio][readonly] + label {opacity:.35 !important;}
input[type=checkbox]:checked[readonly] + label, input[type=radio]:checked[readonly] + label {opacity:1 !important;}

input.must, select.must, textarea.must {background-color:#fce9e9 !important;}
input.action, select.action, textarea.action {background-image:url(/images/input_action.png) !important;background-repeat:no-repeat;}
input.white, select.white, textarea.white {background-color:#fff;}
input.price {text-align:right;color:#dd042b !important;font-weight:bold;}

th.color, td.color {color:#0084e9;}
th.must_color {color:#0084e9;}
i {font-style:normal;}
strong,em,i, span, b {font-size:inherit; font-weight:inherit; }

[type=button]:focus,
a:active,
a:focus,
a:visited,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {  outline: 0;}
a:focus,
input:focus {  border-color: transparent;  outline: none;}


textarea {width:100%;resize:none;padding:3px 7px;border:1px solid #b9bfc4;background:#f6f8fa;line-height:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
@media screen and (min-width: 640px), screen\9 {
	input[type=checkbox] + label:before, input[type=radio] + label:before, textarea {border:1px solid #b9bfc4;}
}

select::-ms-expand{display:none;}
select {width:100%;padding-right:25px;border-color:#b9bfc4;border-width:1px;border-style:solid;background-image:url(/images/icon_select.png);background-repeat:no-repeat;background-position:right center;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* #f6f8fa */
select:focus, input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}
select[multiple] {padding-right:0;background-image:none;}
select[multiple]::-ms-expand{display:block;}
select option:nth-child(even) {background:#f1f1f1;}

@media screen and (min-width: 640px), screen\9 {
	select {width:100%;padding-right:25px;border-color:#b9bfc4;}
}

label {display:inline-block;font-size:0.75rem;line-height:1.625rem; cursor:pointer;vertical-align:middle;}

input:-ms-input-placeholder {color:#a9a9a9; font-weight:400; }
input::-webkit-input-placeholder {color:#a9a9a9; font-weight:400; }
input::-moz-placeholder {color:#a9a9a9; font-weight:400; }
textarea:-ms-input-placeholder {color:#a9a9a9; font-weight:400; }
textarea::-webkit-input-placeholder {color:#a9a9a9; font-weight:400; }
textarea::-moz-placeholder {color:#a9a9a9; font-weight:400; }

input:read-only, textarea:read-only {background-color:#fff;border-color:#f1f1f1 !important;}
input[readonly=readonly], textarea[readonly=readonly] {background:#fff;border-color:#f1f1f1;}
.select_item.readonly {background:#fff;border-color:#f1f1f1;}
.select_item.readonly label {background:url(/images/icon_select_readonly.png) no-repeat right center;}

select:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .disable-styled {opacity:.3;}


input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

@media \0screen {
    input[type=checkbox], input[type=radio] {margin-top:10px; }
	input[type=radio] + label {background:none !important;}
	input[type=checkbox] + label {background:none !important; }
}

fieldset {position:relative;padding:0;border:0;}

/* ½ºÅ©·Ñ¹Ù */
::-webkit-scrollbar { width: 8px;height:8px;}
::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background:#c8d5e4; border-radius:0;}
::-webkit-scrollbar-button { display:none; }

.inline {display:inline-block !important;width:auto !important;}

input[disabled], button[disabled] {opacity:.2;}

.left {text-align:left !important; }
.center {text-align:center !important; }
.right {text-align:right !important; }