@charset "UTF-8";

*,*:before,*:after,figure,figcaption {box-sizing: border-box; margin: 0; padding: 0; border: 0; word-break: keep-all; word-wrap: break-word;}
html,body {-ms-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}
html {font-size: 62.5%; font-family: 'Pretendard',-apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
body {font-size: 1.6rem; font-weight: 400; line-height: 1.5;color: #000;letter-spacing: -0.04em;}
address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
h1,h2,h3,h4,h5,h6 {line-height: 1;}
button,input,label {line-height: 1.2;}
img {vertical-align: top;}
ol,ul,li,dl,dt,dd {list-style: none;}
table {width:100%; border-spacing: unset; border-collapse: collapse;}
a {display: block; text-decoration: none; color: inherit;}
button {outline: none; background:transparent; color: inherit}

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

/* 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%; display: block;}

/* 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;}
input:not([type="checkbox"]),input:not([type="radio"]),select,textarea {border-radius: 0; font: inherit;color:inherit;background:#fff;border: 1px solid black}
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;}

textarea {min-height: 10em;}
[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;}

/* space */
.T10 {padding-top: 10px;}
.T20 {padding-top: 20px;}
.T30 {padding-top: 30px;}
.T40 {padding-top: 40px;}
.T50 {padding-top: 50px;}

.R10 {padding-right: 10px;}
.R20 {padding-right: 20px;}
.R30 {padding-right: 30px;}
.R40 {padding-right: 40px;}
.R50 {padding-right: 50px;}

.B10 {padding-bottom: 10px;}
.B20 {padding-bottom: 20px;}
.B30 {padding-bottom: 30px;}
.B40 {padding-bottom: 40px;}
.B50 {padding-bottom: 50px;}

.L10 {padding-left: 10px;}
.L20 {padding-left: 20px;}
.L30 {padding-left: 30px;}
.L40 {padding-left: 40px;}
.L50 {padding-left: 50px;}

.mT0 {margin-top: 0 !important;}
.mT06 {margin-top: 6px !important;}
.mT10 {margin-top: 10px;}
.mT12 {margin-top: 12px !important;}
.mT20 {margin-top: 20px;}
.mT22 {margin-top: 22px !important;}
.mT30 {margin-top: 30px !important;}
.mT40 {margin-top: 40px !important;}
.mT50 {margin-top: 50px;}
.mT60 {margin-top: 60px !important;}

.mR10 {margin-right: 10px;}
.mR20 {margin-right: 20px;}
.mR30 {margin-right: 30px;}
.mR40 {margin-right: 40px;}
.mR50 {margin-right: 50px;}

.mB0 {margin-bottom: 0 !important;}
.mB10 {margin-bottom: 10px;}
.mB20 {margin-bottom: 20px;}
.mB30 {margin-bottom: 30px;}
.mB40 {margin-bottom: 40px;}
.mB50 {margin-bottom: 50px;}

.mL10 {margin-left: 10px;}
.mL20 {margin-left: 20px;}
.mL30 {margin-left: 30px;}
.mL40 {margin-left: 40px;}
.mL50 {margin-left: 50px;}