@charset "utf-8";

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

body {
	width:100%;
	-webkit-text-size-adjust:none;
	font-family: "Pretendard Variable", Pretendard, -apple-system,'Poppins';
	font-size:11pt;
	line-height:1.5em;
	padding:0;
	margin:0; 	
}
#quickmenu {
	right:0px;
	top:250px;
	position:fixed;
	_position:absolute;
	_z-index:1;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
    margin:0; padding:0; border:0;
}
img {
	border:0;
}

/* input 기본, 개별 크기는 별도로 지정*/
textarea {
	width:95%;
	color:#666;
	border:1px solid #d0d0cc;
	padding:2px;
}
select {
	border:1px solid #d0d0cc;
	height:22px;
	font-size:90%;
}
input.basic {
	width:95%;
	height:22px;
	border: 1px solid #b8b8b8;
	line-height:22px;
	padding-left:3px
}
input.w100 {width:100%;}
input.w90 {width:90%;}
input.w80 {width:80%;}
input.w75 {width:75%;}
input.w70 {width:70%;}
input.w65 {width:65%;}
input.w60 {width:60%;}
input.w55 {width:55%;}
input.w50 {width:50%;}
input.w45 {width:45%;}
input.w40 {width:40%;}
input.w35 {width:35%;}
input.w30 {width:30%;}
input.w25 {width:25%;}
input.w20 {width:20%;}
input.w15 {width:15%;}
input.w10 {width:10%;}
input.w05 {width:5%;}
input.w03 {width:3%;}

/* button */
button, .button {
	border-radius:5px;
	border:1px solid #34477b;
	background-color:#657ab2;
	color:#fff;
	padding:6px 10px 8px 10px;
	font-weight:bold;
	cursor:pointer;
}

/* float 해제 */
.clear {
	display:inline-block;
}
.clear:after {
	content: * *;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}

/* ul ol caption 기본*/
ul, ol {
	list-style:none;
}
ul.show,ol.show {
	list-style:square;
	margin-left:10px;
}

legend, caption {
	position:absolute;
	left: 0; top :0;
	visibility:hidden;
	overflow:hidden;
	line-height: 0;
	width:0;
	height:0;
	margin:0;
	padding:0;
    font:0/0 Arial;
}
legend.show, caption.show{
    position:relative;
	visibility:visible;
	font-size:9pt;
	line-height: 20px;
	width:100%;
	height:20px;
	color:#000;
} /*다시 visible 되게*/


/* 데이터 디폴트 테이블 */
.tabledata {
	width:100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	TEXT-ALIGN: justify;
	TEXT-DECORATION:none;
	border-collapse:collapse;
	border-spacing: 0;
}
.tabledata th, .tabledata td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 5px 2px 5px;
	border-spacing: 0; 
	white-space:nowrap;
	text-align:center;
}
.tabledata .active {
  background-color:#ebebeb;
}
/* table 반응형 */
.table_response {
	overflow:auto;
}


/* 접근성을 위한 히든 */
.access {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.access a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.hidden_obj {
    position:absolute;
	left: 0; top :0; 
	visibility:hidden;
	overflow:hidden;
	height:0;
    line-height: 0;
	width:0;
	margin:0;
	padding:0;font:0/0 Arial
}

/* 링크 */
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:active {
	color:#0C0;
	text-decoration:none;
}

hr {
	display:none;
}

/* 약어 툴팁  */
abbr, acronym {
	border-bottom:1px dotted;
	cursor: help;
}

/* 스크린리더 약어를 한단어로 읽기 */
abbr {
	speak:spell-out;
}
acronym {
	speak:normal;
}

.handy {
	cursor:pointer;
	cursor:hand;
}
label {
  cursor:pointer;
	cursor:hand;
}

/* 드랍캡 첫글자 꾸미기 */
.drop {
	float:left;
	font-size: 400%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	background: #eee;
}

/*  png  */
.png24{tmp:expression(setPng24(this));} 

/* 글정렬 */
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}

/* 이미지 엘리먼트 정렬 */
.text-top {
	vertical-align:top;
}
.text-middle {
	vertical-align:middle;
}
.text-bottom {
	vertical-align:bottom;
}

/* 마진,패딩 */
.l03_m {
	margin-left:3px;
}
.r03_m {
	margin-right:3px;
}
.t03_m {
	margin-top:3px;
}
.b03_m {
	margin-bottom:3px;
}
.l05_m {
	margin-left:5px;
}
.r05_m {
	margin-right:5px;
}
.t05_m {
	margin-top:5px;
}
.b05_m {
	margin-bottom:5px;
}
.l10_m {
	margin-left:10px;
}
.r10_m {
	margin-right:10px;
}
.t10_m {
	margin-top:10px;
}
.b10_m {
	margin-bottom:10px;
}
.l15_m {
	margin-left:15px;
}
.r15_m {
	margin-right:15px;
}
.t15_m {
	margin-top:15px;
}
.b15_m {
	margin-bottom:15px;
}
.l20_m {
	margin-left:20px;
}
.r20_m {
	margin-right:20px;
}
.t20_m {
	margin-top:20px;
}
.b20_m {
	margin-bottom:20px;
}
.l25_m {
	margin-left:25px;
}
.r25_m {
	margin-right:25px;
}
.t25_m {
	margin-top:25px;
}
.b25_m {
	margin-bottom:25px;
}
.l30_m {
	margin-left:30px;
}
.r30_m {
	margin-right:30px;
}
.t30_m {
	margin-top:30px;
}
.b30_m {
	margin-bottom:30px;
}
.l35_m {
	margin-left:35px;
}
.r35_m {
	margin-right:35px;
}
.t35_m {
	margin-top:35px;
}
.b35_m {
	margin-bottom:35px;
}
.l40_m {
	margin-left:40px;
}
.r40_m {
	margin-right:40px;
}
.t40_m {
	margin-top:40px;
}
.b40_m {
	margin-bottom:40px;
}
.l45_m {
	margin-left:45px;
}
.r45_m {
	margin-right:45px;
}
.t45_m {
	margin-top:30px;
}
.b45_m {
	margin-bottom:45px;
}
.l50_m {
	margin-left:50px;
}
.r50_m {
	margin-right:50px;
}
.t50_m {
	margin-top:50px;
}
.b50_m {
	margin-bottom:50px;
}


/* 폰트색상 */
.fcolor_white {color: #ffffff;}
.fcolor_blue {color: #007496;}
.fcolor_gray {color: #dcdcdc;}
.fcolor_gray02 {color:#8c8c8c;}
.fcolor_red {color:#eb0000;}

/* 백그라운드색상 */
.bcolor_gray {background-color: #dcdcdc;}
.bcolor_9c9c {background-color: #9c9c9c;}

/*폰트사이즈*/
.fsize_80 {font-size:80%;}

/*백이미지 감춤*/
.nobackground {background:none;}

/*박스 라운드*/
#box_round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*페이지*/
.pagelist {
  text-align:center;
  margin-top:20px;
}
.pagelist span {
  display:inline-block;
	margin:0 2px;
	padding:5px 10px;
	border:1px solid #ccc;			
}
.pagelist span.active {
  display:inline-block;
	font-size:110%;
	background-color:#fafafa;			
}

/*box-sizing*/
.box-sizing {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}