/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0;outline:0; font-size:100%;vertical-align:baseline;background:transparent;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q { quotes:none;}

body, html {  font-family: "Pretendard", "Inter", "MalgunGothic", "Helvetica Neue", "Helvetica", "Arial", "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", "emojisymbols", "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;}
h1,h2,h3,h4,h5,h6,p,span,i,em,dl,dt,dd {font-family: "Pretendard"}
a { cursor: pointer;}
p,span,em,i,b {font-style:normal; }
.font_ptd {  font-family: "Pretendard", sans-serif;}


blockquote:before, blockquote:after,
q:before, q:after {content:'';  content:none;}

a { margin:0;  padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#222;}

/* change colours to suit your needs */
ins { background-color:transparent;  color:#000; text-decoration:none;}

/* change colours to suit your needs */
mark {    font-style:italic;    line-height: initial;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table {  border-collapse:collapse;  border-spacing:0;}
td, th{  background-clip:padding-box;}

/* change border colour to suit your needs */
hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc; margin:0;padding:0;}
input, textarea {  appearance: none;  -webkit-appearance: none;  -webkit-border-radius: 0;}
input, select {    vertical-align:middle;}

select {  font-family: inherit;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  
&::-ms-expand {    display: none;  }
}

ul,ol,li{  list-style: none;}

input {  font-family: inherit;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}

textarea{  font-family: inherit;}
input[type=button],
input[type=submit],
button {  font-family: inherit;  background: transparent ;  border:none;  box-shadow:none;  border-radius:0;  padding:0;  overflow:visible;  cursor:pointer;  color: inherit;  font-size: 1em;}
button:active,
button:focus {  outline: none;}

img {  -ms-interpolation-mode: bicubic !important;}

html {  font-size: 100%;  -webkit-text-size-adjust: none;  -ms-text-size-adjust: none;}

a{  text-decoration: none;  color: inherit;}
*{  box-sizing: border-box;}
*::before, *::after {  box-sizing: border-box;}
img {  max-width: 100%; vertical-align: top;}



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


/* 스크롤바 */
::-webkit-scrollbar { background: transparent;width: 6px;height:6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background:var(--txt-default); opacity:1 !important;  border-radius:9px; }
::-webkit-scrollbar-button { display: none; }

::selection { background: #4c94ff; color: #fff; text-shadow: none; }

input,select,textarea,button {outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;}
input[type=text], input[type=number], input[type=password] {width:100%;height:40px;padding:0 10px;border:1px solid #e2e2e2;border-radius:3px;background-color:#fff;color:#222;font-size:16px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;}
textarea {width:100%;resize:none;padding:10px;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#222;font-size:16px;line-height:18px ;}
select {-webkit-appearance:none;appearance:none;height:40px;padding:0 0 0 10px;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;background:url(/images/icon_select.png) no-repeat right center #FFF;color:#222;font-size:16px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select::-ms-expand{display: none;}
input::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}

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

input:-ms-input-placeholder {color:#a9a9a9; font-size:16px; }
input::-webkit-input-placeholder {color:#a9a9a9;font-size:16px; }
input::-moz-placeholder {color:#a9a9a9;font-size:16px; }

textarea:-ms-input-placeholder {color:#a9a9a9;font-size:15px; }
textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:15px; }
textarea::-moz-placeholder {color:#a9a9a9;font-size:15px; }

@media screen and (max-width:767px){
	input:-ms-input-placeholder {color:#a9a9a9; font-size:14px; }
	input::-webkit-input-placeholder {color:#a9a9a9;font-size:14px; }
	input::-moz-placeholder {color:#a9a9a9;font-size:14px; }

	textarea:-ms-input-placeholder {color:#a9a9a9;font-size:14px; }
	textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:14px; }
	textarea::-moz-placeholder {color:#a9a9a9;font-size:14px; }

}



input[placeholder] {  color:#ccc; }
input::-webkit-input-placeholder {  color:#ccc; }
input::-moz-input-placeholder {  color:#ccc; opacity:1; }
input::-o-input-placeholder {  color:#ccc;  opacity:1; }
input::-ms-input-placeholder {  color:#ccc; opacity:1; }

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;margin:0;  padding:0 1rem 0 1.45rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:15px; font-weight:500; line-height:28px;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:18px;height:18px;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:6px;width:7px;height:11px;margin:-7.5px 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(--txt-default);background-color:var(--txt-default);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--txt-default);}
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:14px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;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(--txt-default);box-shadow:0 3px 8px -3px var(--txt-default);}

@media screen and (max-width:677px){
    input[type=checkbox] + label {padding:0 1rem 0 1.65rem;}
	input[type=checkbox] + label:before {width:22px;height:22px;}
	input[type=checkbox] + label:after {left:7px;width:8px;height:12px;margin:-8px 0 0 0;}

}

input, select, textarea, button {   display: inline-block;   outline: 0;   vertical-align: middle;    appearance: none; outline-width: 0; vertical-align: middle;transition: all 0.2s ease-in;background-color:transparent; border:0; 
   -webkit-appearance: none;   
   -moz-appearance: none;
}
select {  word-wrap: normal; appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;} 


select{ padding-right:25px; position:relative;cursor:pointer;
    border:1px solid #d0d3da; color: #333;font-size: 13px; height:28px; line-height: 28px; padding-left:10px; letter-spacing: 0;appearance: none;box-sizing: border-box;
	background-image:url('/images/icon_select.png'); background-size:15px 15px; background-repeat:no-repeat; background-position:calc(100% - 10px)  ; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}



.fl-left {float:left !important;}
.fl-right {float:right !important;}

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

.w100pc {width:100% !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}