@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


/* Reset */
*{margin:0; padding:0; box-sizing:border-box;}
*:focus { outline:none; }
html, body { font-family:'Pretendard Variable', 'SUIT','GmarketSans','Noto Sans KR','나눔고딕', 'Nanum Gothic', 'sans-serif';color:#333; -webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; line-height:1; letter-spacing: -0.005em; word-break: keep-all; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-backface-visibility: hidden;font-weight:500;}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:top}
img, fieldset {border:0 none;}
button {border:0 none;background:transparent;cursor:pointer;}
hr {display:none;}
legend, .skip, .blind, .skip_nav, .hide {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption { position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:#333}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family: inherit;  font-size: inherit; font-weight: 500;color: inherit;margin: 0;}
input, textarea, select {border-radius:0;-webkit-appearance:none; font-family: inherit; font-size: 0.85rem; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;}
button {border:0; cursor: pointer;}

caption, legend,
.sr_only, .hidden, .blind, .IR {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0 none;
    clip: rect(0, 0, 0, 0);
}
/* 입력 스타일 */
input[type="checkbox"] {-webkit-appearance:checkbox;vertical-align:middle}
input[type="radio"] {-webkit-appearance:radio;width:13px;height:13px;margin:0 0 3px;padding:0;vertical-align:middle}
input[type="password"],
input[type="text"] {-webkit-appearance:none; width:100%; background:#fff;  border:1px solid #d8d8d8; -webkit-appearance: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 40px; text-align:left;}
select {padding: .7em .5em; font-family: inherit; background:#fff url("/images/common/default/content/sel.svg") no-repeat right+10px center; background-size:0.75rem;-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #E6E6E6; border-radius: 0px; }
select::-ms-expand { /* for IE 11 */   display: none;}
textarea{padding:20px; width:100%; box-sizing:border-box; vertical-align:middle; line-height:1.5; background:#fff; border:1px solid #b2b2b2;  color:#898989; -webkit-appearance: none; box-shadow: none; border-radius:0; resize: vertical; }

select:focus{border:1px solid #ea6a1c;outline:none;}

/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* IPHONE */
input:disabled, textarea:disabled { opacity: 1; -webkit-text-fill-color: inherit; }
input[type="text"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }


/*:-ms-input-placeholder{color:$color-dusty-gray !important;}!* Internet Explorer 10-11 *!*/
/*::-ms-input-placeholder{color:$color-dusty-gray !important;}!* Microsoft Edge *!*/
/*::placeholder{color:$color-dusty-gray;opacity:1;}!* Chrome, Firefox, Opera, Safari 10.1+ *!*/


/* 아이폰(사파리) 터치 메뉴 활성화 관련 */
a, button,
[role=button], [role=link], [role=tab] {-webkit-touch-callout:none;}


/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}





@media (max-width:767px){
    /* Prevent Zoom in when foucing input */
    input, select, textarea {font-size:15px !important;}

}