/* fonts */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");



html {font-size:20px}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'Pretendard Variable', 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.5;
}

input, select {
	vertical-align:middle;
	color:#333;
	border: 1px solid #ddd;
	border-radius:8px;
	outline: none;
	box-sizing: border-box;
	line-height:1.5
}

input::placeholder{color: #ccc;}
input[type="text"]:disabled,input[type="date"]:disabled{background: #f1f1f1 !important; color: #333;}
select:disabled{background: #f1f1f1 !important; color: #333;}


a {text-decoration:none}
button {background: none; border:none; cursor:pointer; outline: none;}


input, textarea, button{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	/* position:absolute; */
	top:0;
	left:-999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-align:left;
	overflow:hidden;
	visibility:hidden;
}

strong {font-weight:500}

table {table-layout:fixed;word-break:break-all}

textarea {width: 100%; color: #333; font-size: .8rem; font-family: 'NanumSquare'; border:1px solid #ddd; overflow-y:auto; line-height:auto;
	letter-spacing:1px; resize:none; outline: none;}
textarea::placeholder{color: #ddd; font-size: .8rem; font-family: 'NanumSquare';}


html{height: 100%; overflow-x: hidden;}
body{position: relative; height: 100%;}
body#no_hidden{overflow: auto;}
.h100{height: 100%;}


/* 스크롤 커스텀 */
.scrollBar{overflow-y: auto;}
.scrollBar::-webkit-scrollbar {width: 8px;/* 스크롤바의 너비 */}
.scrollBar::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #999; /* 스크롤바의 색상 */ border-radius: 1000px;}
.scrollBar::-webkit-scrollbar-track {background: #f5f5f5; border-radius: 1000px;  /*스크롤바 뒷 배경 색상*/}


/* tab */
.tabBox {position: relative; width: 100%; margin-top: 2rem;}
.tabBox ul {display: flex; align-items: center; justify-content: flex-start; overflow: hidden; z-index: 100}
.tabBox ul li {text-align: center;}
.tabBox ul li a {display: block; color: #666; font-size: .8rem; font-weight: 500; border: 1px solid #ddd; border-left: none; padding: 0.65rem 0 0.7rem 0; box-sizing: border-box; line-height: 1.05rem}
/* .tabBox ul li a:hover{background: #eee;} */
.tabBox ul li:first-child > a{border-left: 1px solid #ddd; border-radius: 8px 0 0 8px;}
.tabBox ul li:last-child > a{border-right: 1px solid #ddd; border-radius: 0 8px 8px 0;}
.tabBox ul li.active > a{background: #333; border: 1px solid #333; color: #fff}

.tabBox.cols2 ul li {width: 50%}
.tabBox.cols3 ul li {width: 33%}
.tabBox.cols3 ul li:first-child {width: 34%}
.tabBox.cols4 ul li {width: 25%}
.tabBox.cols5 ul li {width: 20%}



/* padding */
.pt00{padding-top: 0;}
.pt025{padding-top: .25rem;}/* 10 */
.pt05{padding-top: .5rem;}/* 10 */
.pt10{padding-top: 1rem;}/* 20 */
.pt15{padding-top: 1.5rem;}/* 30 */
.pt20{padding-top: 2rem;}/* 40 */
.pt25{padding-top: 2.5rem;}/* 50 */
.pt30{padding-top: 3rem;}/* 60 */
.pt35{padding-top: 3.5rem;}/* 70 */
.pt40{padding-top: 4rem;}/* 80 */
.pt45{padding-top: 4.5rem;}/* 90 */
.pt50{padding-top: 5rem;}/* 100 */
.pt75{padding-top: 7.5rem;}/* 150 */
.pt100{padding-top: 10rem;}/* 200 */

.pb00{padding-bottom: 0 !important;}
.pb05{padding-bottom: .5rem;}/* 10 */
.pb10{padding-bottom: 1rem;}/* 20 */
.pb15{padding-bottom: 1.5rem;}/* 30 */
.pb20{padding-bottom: 2rem;}/* 40 */
.pb25{padding-bottom: 2.5rem;}/* 50 */
.pb30{padding-bottom: 3rem;}/* 60 */
.pb35{padding-bottom: 3.5rem;}/* 70 */
.pb40{padding-bottom: 4rem;}/* 80 */
.pb45{padding-bottom: 4.5rem;}/* 90 */
.pb50{padding-bottom: 5rem;}/* 100 */
.pb75{padding-bottom: 7.5rem;}/* 150 */
.pb100{padding-bottom: 10rem;}/* 200 */

.pl00{padding-left: 0;}
.pl025{padding-left: .25rem;}/* 5 */
.pl05{padding-left: .5rem;}/* 10 */
.pl10{padding-left: 1rem;}/* 20 */
.pl15{padding-left: 1.5rem;}/* 30 */
.pl20{padding-left: 2rem;}/* 40 */
.pl25{padding-left: 2.5rem;}/* 50 */
.pl30{padding-left: 3rem;}/* 60 */
.pl35{padding-left: 3.5rem;}/* 70 */
.pl40{padding-left: 4rem;}/* 80 */
.pl45{padding-left: 4.5rem;}/* 90 */
.pl50{padding-left: 5rem;}/* 100 */
.pl75{padding-left: 7.5rem;}/* 150 */
.pl100{padding-left: 10rem;}/* 200 */

.pr05{padding-right: .5rem;}/* 20 */
.pr10{padding-right: 1rem;}/* 20 */


/* margin */
.mt00{margin-top: 0 !important;}
.mt05{margin-top: .5rem;}
.mt10{margin-top: 1rem;}
.mt15{margin-top: 1.5rem;}
.mt20{margin-top: 2rem;}
.mt30{margin-top: 3rem;}
.mt40{margin-top: 4rem;}
.mt60{margin-top: 6rem;}


.mb00{margin-bottom: 0;}
.mb05{margin-bottom: .5rem;}
.mb075{margin-bottom: .75rem;}
.mb10{margin-bottom: 1rem;}
.mb40{margin-bottom: 4rem;}
.mb50{margin-bottom: 5rem;}


.ml00{margin-left: 0;}
.ml025{margin-left: .25rem;}
.ml05{margin-left: .5rem;}
.ml075{margin-left: .75rem;}
.ml10{margin-left: 1rem;}
.ml00{margin-left: 0;}


.mr025{margin-right: .25rem;}
.mr05{margin-right: .5rem;}
.mr075{margin-right: .75rem;}
.mr10{margin-right: 1rem;}


/* width */
.w10{width: 10%;}
.w20{width: 20%}
.w30{width: 30%}
.w40{width: 40%;}
.w50{width: 50%}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%}

.txt_udline{text-decoration: underline; cursor: pointer;}
.txt_hide{text-indent: -9999px;}

/* pagging */
.pagging {position: relative; margin-top: 1.5rem; text-align: center}
.pagging ul li {position: relative; display: inline-block; width: 1.5rem; height: 1.5rem; background: #fff; border: 1px solid #ddd;
    border-radius: 4px; margin-left: .01rem; box-sizing: border-box; vertical-align: middle}
.pagging ul li:first-child {margin-left: 0}
.pagging ul li a {display: block; color: #666; font-size: .75rem; line-height: 1.5rem}
.pagging ul li.active {background: #333; border: none}
.pagging ul li.active a {color: #fff}
.pagging ul li.page_first, .pagging ul li.page_prev, .pagging ul li.page_next, .pagging ul li.page_last {background: #fff; border: 1px solid #ddd}
.pagging ul li.page_first a {display: block; width: 1.5rem; height: 1.5rem; background: url(../../images/admin/btn_pg_first.png) no-repeat center center;
    text-indent: -9999px}
.pagging ul li.page_prev a {display: block; width: 1.5rem; height: 1.5rem; background: url(../../images/admin/btn_pg_prev.png) no-repeat center center;
    text-indent: -9999px}
.pagging ul li.page_next a {display: block; width: 1.5rem; height: 1.5rem; background: url(../../images/admin/btn_pg_next.png) no-repeat center center;
    text-indent: -9999px}
.pagging ul li.page_last a {display: block; width: 1.5rem; height: 1.5rem; background: url(../../images/admin/btn_pg_last.png) no-repeat center center;
    text-indent: -9999px}



/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

#inner{width: 100%; max-width: 1600px;}
#inner_wide{width: 100%; padding: 0 4rem; box-sizing: border-box;}
#inner_wide_sub{width: 100%; box-sizing: border-box;}

p, a{-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;}

.posi_rel{position: relative;}
.hidden{overflow: hidden;}
.txt_left{text-align: left !important;}