@charset "utf-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td {margin:0; padding:0;}
html {overflow-x: hidden;}
body {height:100%; font-size:14px; color:#333; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 400; overflow-x: hidden;}
* {box-sizing: border-box;}
/* html, body {font-family: 'Pretendard', sans-serif;} */
html, body {font-family: 'Nanum Gothic', '나눔고딕', 'NanumGothic', 'Pretendard', sans-serif; font-synthesis: none;}
img {border:none; vertical-align:top; max-width: 100%; max-height: 100%;}

ul li , ol li {list-style:none;}

fieldset {border:none;}

table {border-collapse:collapse;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

img, fieldset, button { border:0; padding:0px;}
button {background:none; border: none; cursor: pointer;}
input, select {vertical-align:middle;}
legend {width:0; height:0; font-size:0; position:absolute; overflow:hidden;} 

a {color:#333; text-decoration:none; cursor:pointer;}
a:link {color:#333;}
a:visited {color:#333;}
a:active {color:#333;}

.hide{position:absolute; overflow:hidden; width:0; height:0; font-size:0;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4{font-weight:normal;}
input[type="submit"]{-webkit-appearance:none;}

.wrap {width: 1500px; margin: 0 auto; position: relative;}
@media all and (max-width: 1540px){
    .wrap {width: 100%; padding: 0 20px;}
}

#skipNavi {position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index:1000; background:#eee; border:1px solid #ccc;}
#skipNavi a:active, #skipNavi a:focus{
position: absolute; left: 0; padding-top: 0.5em; width: 100%; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0;}

@media all and (max-width:1100px) {
	#skipNavi{display:none;}
}

/*-------------------------------------------------------------------
	분류이름 : blind
	분류그룹 : Accessibility
-------------------------------------------------------------------*/
.blind,
.hidden {overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}

/*-------------------------------------------------------------------
	분류이름 : 공통
	분류그룹 : essential
-------------------------------------------------------------------*/
/* 스크롤 전파 방지 */
.prevent-scroll {overscroll-behavior: contain; -ms-scroll-chaining: none;}

/* 스크롤바 커스텀 */
@media (hover: hover) and (pointer: fine) {
    .scrollbar-custom::-webkit-scrollbar {width: 8px; height: 8px; box-sizing: content-box;}
	.scrollbar-custom::-webkit-scrollbar-thumb {border-radius: 8px; background: #8E8E8E;}
	.scrollbar-custom::-webkit-scrollbar-track {padding: 0 8px; border-radius: 10px; background: #E4E4E4;}
}

/*-------------------------------------------------------------------
	분류이름 : text-overflow
	분류그룹 : Typography
-------------------------------------------------------------------*/
.text-overflow-1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-overflow-2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-overflow-3 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.text-overflow-4 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.text-overflow-5 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}

em {font-style: normal;}