*,*:before,*:after,figure,figcaption {box-sizing: border-box; word-break: keep-all; word-wrap: break-word;white-space: normal;}
figure,figcaption {box-sizing: border-box; border: 0; word-break: keep-all; word-wrap: break-word; white-space: normal;}
html,body {margin: 0; padding: 0; -ms-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; height: 100%;}
html {font-size: 62.5%; font-family: 'Pretendard', sans-serif;}
body {font-size: 2rem; font-family: 'Pretendard', sans-serif; font-weight: 400; line-height: 1.3;color: #333;}
address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
h1,h2,h3,h4,h5,h6 {line-height: 1.3;}
button,input,label,select {line-height: 1.3;}
img {vertical-align: top;}
ol,ul,li,dl,dt,dd {list-style: none; margin: 0; padding: 0;}
table {width:100%; border-spacing: unset; border-collapse: collapse;}
a {display: block; text-decoration: none; color: inherit;}
button {outline: none; background:transparent; color: inherit; padding: 0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, input, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video {margin:0; padding:0; box-sizing: border-box; }

/* common */
.ellipsis {overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.ellipsis-multiple-2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis-multiple-3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis-multiple-7 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; word-wrap:break-word;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; clear: both;}
.hide {position: absolute; z-index: -10; width: 0; height: 0; line-height: 0; font-size: 0; text-indent: -9999px; display: none;}
button, input[type=text],input[type=tel],input[type=password], select, textarea {border-radius:0; vertical-align:middle; border: none;  background: none;font-family:inherit; }
textarea {border:0 none; resize: none;}

/* HTML5 display */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;} /* Edge, IE9 이상, FireFox에서 올바른 표시 추가 */
audio,canvas,progress,video {display: inline-block;}
audio:not([controls]) {display: none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align: baseline;} /* Chrome, FireFox, Opera 올바른 수직 정렬 추가 */
template, [hidden] {display: none;} /* IE10 이상 에서 올바른 표시 추가 */

/* a link */
a {background-color: transparent;} /* IE10에서 활성 링크에 회색 배경을 제거 */
a:active, a:hover {outline-width: unset;} /* a링크 윤곽선 제거 */

/* fonts */
abbr[title] {border-bottom: none; text-decoration: underline dotted;} /* Chrome, Edge, IE, Opera, Safari에서 올바른 텍스트 장식 추가 */
b,strong {font-weight: bolder;} /* Chrome, Edge, 및 Safari에서 올바른 글꼴 두께 */
dfn {font-style: italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
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;}

/* Embedded content */
img {border-style: none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow: hidden;}
img,picture {max-width: 100%; vertical-align: top;height: auto;}

/* Grouping content */
code,kbd,pre,samp {font-family: inherit; font-size: 1em;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; height: 0; overflow: visible;}

/* Form Controls */
fieldset {border: 0;}
optgroup {font-weight: bold;}
button,input,select {overflow: visible;}
button,input,select,textarea {margin: 0;}
button,select {text-transform: none;} /* FireFox에서 변환 텍스트의 상속을 제거 */
select {outline: none;}
button,[type="button"],[type="reset"],[type="submit"] {cursor: pointer;} [disabled] {cursor: default;}
button,html[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} /* FireFox의 내부 테두리와 패딩을 제거 */
button:-moz-focusring,input:-moz-focusring {outline: 1px dotted ButtonText;}
input:focus {outline: none;}

[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto; -webkit-appearance: none;
 margin: 0;}
[type="search"] {-webkit-appearance: textfield;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[readonly], input:disabled{background:#F6F6F6; color: #999;}
select {-webkit-appearance: none; -moz-appearance: none;appearance: none; display: inline-block;border: 1px solid #5D5D5D;width: 100%;padding: 1.2rem 4.8rem 1.2rem 1.2rem;  background: url("../images/common/icon_search_arrw.svg")no-repeat right 12px center; color: #999999;font-size: 1.6rem;font-weight: 400; line-height: 1.5;}