@charset "utf-8";

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic','Sans-serif';
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6, b, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Pretendard','Noto Sans KR','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic','Sans-serif';
}

/* HTML5 display-role reset for older browsers */
article,aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size:10px; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {line-height: 1; font-size:1.6rem; -webkit-print-color-adjust: exact; color: #222222;}
.scrollLock {overflow: hidden;}
address, em, i { font-style: normal; }
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:""; content:none;}
table {border-collapse:collapse; border-spacing:0;}
caption {overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px; overflow: hidden; position:static;}

input, select, button, textarea, optgroup { margin: 0; font-family: inherit; font-size: inherit; color: inherit;  height:3.8rem; -webkit-appearance: none; -moz-appearance: none; appearance: none}
input::placeholder, select::placeholder, textarea::placeholder, input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaaaaa;}
input {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid #dedede;}
input[type=submit], input[type=button], input[type=text], input[type=password],input[type=email],input[type=number], textarea, select {box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; vertical-align:middle; border:1px solid #DBDBDB; border-radius: 4px; font-size:1.5rem; }
input:focus, textarea:focus {outline: none;}
input[type=text]:focus, input[type=password]:focus,input[type=email]:focus,input[type=number]:focus, textarea:focus {/* border:2px solid #43464C; */  box-shadow: 0 0 0 1px #343434; background-color: #ffffff;}
input[type=submit], input[type=button] {cursor: pointer;}
input[type="checkbox"], input[type="radio"] {cursor: pointer; vertical-align:middle; width:2.0rem; height:2.0rem; margin:0; opacity:.3;-webkit-appearance:auto;}
input[type="checkbox"]:checked, input[type="radio"]:checked {opacity:1; accent-color: #242424;}
select {text-transform: none; display: block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background:url('../images/common/select_arrow.svg') no-repeat calc(100% - 1.2rem) 52%/12px auto; border:1px solid #dedede;}
select:focus {outline:none; box-shadow: 0 0 0 1px #343434;}
select::-ms-expand {display:none;}
button { background: none; cursor: pointer; line-height: inherit; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

:before,
:after {content:''; display: none;}
strong {font-weight: 700;}
p {word-wrap: break-word; word-break: keep-all;}
a {color: inherit; text-decoration: none;  cursor:pointer;}

.hidden, .Hidden,
.blind {position:absolute !important; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
.dis-none {display:none; position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; left:-9999px; top:-9999px; overflow:hidden;}
.dis-block {display:block !important;}

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

.small-txt {font-size:1.4rem;}
.bold {font-weight:600;}
.extra-bold {font-weight:700;}
.underline {text-decoration:underline;}
.relative {position:relative;}
.enterline {display: block;}
.flex-start {display:flex; justify-content: flex-start !important; align-items: center;}
.flex-center {display:flex; justify-content: center !important; align-items: center;}
.flex-end {display:flex; justify-content: flex-end !important; align-items: center;}
.flex-between {display:flex; justify-content: space-between !important; align-items: center;}
.flex-col {display: flex; flex-direction: column;}

.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.ellipsis-2 {white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; word-break: keep-all;}
.ellipsis-3 {white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word; word-break: keep-all;}

.colorBlue {color: #3B64CF;}
.colorOran {color: #F37723;}
.colorWt {color: #fff;}
.colorBk {color: #222;}

br.pc-only {display: block;}

@media screen and (max-width: 1280px) {
    html {font-size: 8px;}
	br.pc-only {display: none;}
}

/* margin */
.mtop0 { margin-top: 0px !important; }
.mtop5 { margin-top: 5px !important; }
.mtop8 { margin-top: 8px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop30 { margin-top: 30px !important; }
.mtop36 { margin-top: 36px !important; }
.mtop40 { margin-top: 40px !important; }
.mtop50 { margin-top: 50px !important; }
.mtop60 { margin-top: 60px !important; }
.mtop70 { margin-top: 70px !important; }
.mtop80 { margin-top: 80px !important; }
.mtop90 { margin-top: 90px !important; }
.mtop100 { margin-top: 100px !important; }

.mbtm0 { margin-bottom: 0px !important; }
.mbtm5 { margin-bottom: 5px !important; }
.mbtm10 { margin-bottom: 10px !important; }
.mbtm12 { margin-bottom: 12px !important; }
.mbtm20 { margin-bottom: 20px !important; }
.mbtm24 { margin-bottom: 24px !important; }
.mbtm30 { margin-bottom: 30px !important; }
.mbtm40 { margin-bottom: 40px !important; }
.mbtm50 { margin-bottom: 50px !important; }
.mbtm60 { margin-bottom: 60px !important; }
.mbtm70 { margin-bottom: 70px !important; }
.mbtm80 { margin-bottom: 80px !important; }
.mbtm90 { margin-bottom: 90px !important; }
.mbtm100 { margin-bottom: 100px !important; }

.mleft0 { margin-left: 0px !important; }
.mleft5 { margin-left: 5px !important; }
.mleft10 { margin-left: 10px !important; }
.mleft20 { margin-left: 20px !important; }
.mleft30 { margin-left: 30px !important; }
.mleft40 { margin-left: 40px !important; }
.mleft50 { margin-left: 50px !important; }
.mleft60 { margin-left: 60px !important; }
.mleft70 { margin-left: 70px !important; }
.mleft80 { margin-left: 80px !important; }
.mleft90 { margin-left: 90px !important; }
.mleft100 { margin-left: 100px !important; }

.mright0 { margin-right: 0px !important; }
.mright4 { margin-right: 4px !important; }
.mright5 { margin-right: 5px !important; }
.mright8 { margin-right: 8px !important; }
.mright10 { margin-right: 10px !important; }
.mright20 { margin-right: 20px !important; }
.mright30 { margin-right: 30px !important; }
.mright40 { margin-right: 40px !important; }
.mright50 { margin-right: 50px !important; }
.mright60 { margin-right: 60px !important; }
.mright70 { margin-right: 70px !important; }
.mright80 { margin-right: 80px !important; }
.mright90 { margin-right: 90px !important; }
.mright100 { margin-right: 100px !important; }


/* padding */
.ptop5 { padding-top: 5px !important; }
.ptop10 { padding-top: 10px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop30 { padding-top: 30px !important; }
.ptop40 { padding-top: 40px !important; }
.ptop50 { padding-top: 50px !important; }
.ptop60 { padding-top: 60px !important; }
.ptop70 { padding-top: 70px !important; }
.ptop80 { padding-top: 80px !important; }
.ptop90 { padding-top: 90px !important; }
.ptop100 { padding-top: 100px !important; }

.pbtm5 { padding-bottom: 5px !important; }
.pbtm10 { padding-bottom: 10px !important; }
.pbtm20 { padding-bottom: 20px !important; }
.pbtm30 { padding-bottom: 30px !important; }
.pbtm40 { padding-bottom: 40px !important; }
.pbtm50 { padding-bottom: 50px !important; }
.pbtm60 { padding-bottom: 60px !important; }
.pbtm70 { padding-bottom: 70px !important; }
.pbtm80 { padding-bottom: 80px !important; }
.pbtm90 { padding-bottom: 90px !important; }
.pbtm100 { padding-bottom: 100px !important; }

.pleft0 { padding-left: 0 !important; }
.pleft5 { padding-left: 5px !important; }
.pleft10 { padding-left: 10px !important; }
.pleft20 { padding-left: 20px !important; }
.pleft30 { padding-left: 30px !important; }
.pleft40 { padding-left: 40px !important; }
.pleft50 { padding-left: 50px !important; }
.pleft60 { padding-left: 60px !important; }
.pleft70 { padding-left: 70px !important; }
.pleft80 { padding-left: 80px !important; }
.pleft90 { padding-left: 90px !important; }
.pleft100 { padding-left: 100px !important; }

.pright5 { padding-right: 5px !important; }
.pright10 { padding-right: 10px !important; }
.pright20 { padding-right: 20px !important; }
.pright30 { padding-right: 30px !important; }
.pright40 { padding-right: 40px !important; }
.pright50 { padding-right: 50px !important; }
.pright60 { padding-right: 60px !important; }
.pright70 { padding-right: 70px !important; }
.pright80 { padding-right: 80px !important; }
.pright90 { padding-right: 90px !important; }
.pright100 { padding-right: 100px !important; }


/* width */
.w-auto {width:auto !important; min-width:auto !important;}
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }