* {
  box-sizing: border-box;
  outline: 0;
}
html {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    /* min-width: 1400px; */
    /* max-width: 2700px; */
    margin: 0 auto;
    font-size: 62.5%;
    font-family: 'Pretendard';
    position: relative;
    padding: 0;
    border: 0;
}
@media (max-width:1600px) {
	html {
		font-size: 56.5%;
	}
}
@media (max-width:1450px) {
	html {
		font-size: 52.5%;
	}
}
body{
	width:100%;
	position:relative;
	min-height: 100vh;
}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
p {
	margin: 0;
	/* word-break: keep-all; */
}
a {
	color: inherit;
	text-decoration: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul {
	padding-left: 0;
	margin: 0;
	list-style-type: none;
}
button {
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background-color: inherit;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: inherit;
	color: inherit;
}
button:focus {
	outline: 0;
}
input {
	border: none;
}
iframe {
	border-width: 0px;
	border-style: none;
	border-color: transparent;
	border-image: none;
}
table {
	border-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}
img {
	vertical-align: middle;
}


/*--------------------------------------------------------------
# width 클래스
--------------------------------------------------------------*/
.wid44{width:4.4rem;}
.wid60{width:6rem;}
.wid64{width:6.4rem;}
.wid70{width:7rem;}
.wid80{width:8rem;}
.wid90{width:9rem;}
.wid100{width:10rem;}
.wid108{width:10.8rem;}
.wid110{width:11rem;}
.wid120{width:12rem;}
.wid122{width:12.2rem;}
.wid124{width:12.4rem;}
.wid125{width:12.5rem;}
.wid130{width:13rem;}
.wid132{width:13.2rem;}
.wid138{width:13.8rem;}
.wid140{width:14rem;}
.wid150{width:15rem;}
.wid162{width:16.2rem;}
.wid164{width:16.4rem;}
.wid172{width:17.2rem;}
.wid180{width:18rem;}
.wid190{width:19rem;}
.wid195{width:19.5rem;}
.wid205{width:20.5rem;}
.wid210{width:21rem;}
.wid220{width:22rem;}
.wid236{width:23.6rem;}
.wid265{width:26.5rem;}
.wid270{width:27rem;}
.wid275{width:27.5rem;}
.wid280{width:28rem;}
.wid320{width:32rem;}
.wid360{width:36rem;}
.wid400{width:40rem;}
.wid480{width:48rem;}
.wid500{width:50rem;}
.wid662{width:66.2rem;}

.w1528per{width:15.28%;}
.w8472per{width:84.72%;}

.w15s28per{width:16.28%;}
.w84s72per{width:83.72%;}

.wid20per{width:20%;}
.wid25per{width:25%;}
.wid33per{width:33.333333333%;}
.wid50per{width:50%;}
.wid100per{width:100%;}

.hei40{height:4rem;}
.hei60{height:6rem;}
.maxH410impor{max-height:41rem!important;}

/*--------------------------------------------------------------
# margin 클래스
--------------------------------------------------------------*/\
.marB4{margin-bottom:0.4rem;}
.marB8{margin-bottom:0.8rem;}
.marB10{margin-bottom:1rem;}
.marB12{margin-bottom:1.2rem;}
.marB16{margin-bottom:1.6rem;}
.marB20{margin-bottom:2rem;}
.marB24{margin-bottom:2.4rem;}
.marB28{margin-bottom:2.8rem;}
.marB32{margin-bottom:3.2rem;}
.marB36{margin-bottom:3.6rem;}
.marB40{margin-bottom:4rem;}
.marB46{margin-bottom:4.6rem;}
.marB50{margin-bottom:5rem;}
.marB60{margin-bottom:6rem;}
.marB70{margin-bottom:7rem;}
.marB80{margin-bottom:8rem;}
.marB100{margin-bottom:10rem;}
.noneMarB{margin-bottom:0rem!important;}


.marT12{margin-top:1.2rem;}
.marT16{margin-top:1.6rem;}
.marT20{margin-top:2rem;}
.marT23{margin-top:2.3rem;}
.marT24{margin-top:2.4rem;}
.marT32{margin-top:3.2rem;}
.marT40{margin-top:4rem;}
.marT50{margin-top:5rem;}
.marT60{margin-top:6rem;}
.marT64{margin-top:6.4rem;}
.marT68{margin-top:6.8rem;}
.marT100{margin-top:10rem;}
.marT110{margin-top:11rem;}

.marR10{margin-right:1rem;}
.marR30{margin-right:3rem;}
.marR40{margin-right:4rem;}
.noneMarR{margin-right:0rem!important;}

.marL8impor{margin-left:0.8rem!important;}
.marL8{margin-left:0.8rem;}
.marL10{margin-left:1rem;}
.marL16{margin-left:1.6rem;}
.marL30{margin-left:3rem;}
.noneMarL{margin-left:0rem!important;}


/*--------------------------------------------------------------
# padding 클래스
--------------------------------------------------------------*/
.padR20{padding-right:2rem;}
.padR108{padding-right:10.8rem;}

.padL20{padding-left:2rem;}

.padA142142{padding: 1.4rem 2rem 1.4rem 2rem;}
.nonePad{padding:0!important;}

/*--------------------------------------------------------------
# border 클래스
--------------------------------------------------------------*/
.borT:after{content:'';position:absolute;left:0rem;top:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}
.borB:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}
.borL:after{content:'';position:absolute;left:0rem;top:0rem;width:1px;height:100%;background:#E2E5EA;z-index:10;}