@charset "utf-8";



/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
*,*::before,*::after {box-sizing:border-box;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,
footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0; padding:0; line-height:1.2;}
body,input,textarea,select,button {font-family:'Pretendard', 'NotoSansKR', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:100%; letter-spacing:0; color:#484848; font-weight:normal; line-height:1.2; word-break:break-all;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; word-break:break-all;}
img,fieldset {margin:0; padding:0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display:block;}
em, dfn, i {font-style: normal;}


/* 링크-버튼 관련 */
a {text-decoration:none; color:#333; transition:all 0.3s;}
a:hover {text-decoration:none; color:#0074bc;}
a,button,*[onclick] {cursor:pointer;}
button {border:none; font-size:1em; font-family:inherit; background:transparent; cursor:pointer; transition:all 0.3s;}
button:active {outline:none;}
button:focus {outline:none;}

/* 테이블 관련 */
table {border-collapse:collapse; border-spacing:0;}
table * {font-size:15px; font-weight:500; line-height:1.2;}
table a, table button, table span {display:inline-block;}
table a {text-decoration:underline;}
table a:hover {text-decoration:underline; color:#0074bc;}
table a[class*="button"], table a[class*="bbs"], table a[class*="add"] {text-decoration:none;}
table input[type*="text"][readonly=readonly] {font-size:15px; width:auto; height:auto; border:none; padding:0; resize:none;}
table input[type*="text"][class*="hasDatepicker"][readonly=readonly] {font-size:14px; height:35px; padding:0 8px; border:1px solid #ddd;}
@media screen and (max-width: 768px) { 
	table * {font-size:14px;}
	table input[type*="text"][readonly=readonly] {font-size:14px;}
}


/* form태그  */
input:focus {outline:none;}
select:focus {outline:none;}
input,select,textarea {vertical-align:middle; border-radius:3px; border:1px solid #ccc; background:#fff;}
input[type=text], input[type=password] {font-size:14px; height:40px; padding:0 8px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
select {
	font-size:14px; height:40px; padding:0 20px 0 8px; background:url('/static_root/images/common/selectArr.png') right 8px center no-repeat, #fff; 
	appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
select::-ms-expand, input[type=text]::-ms-expand, input[type=password]::-ms-expand {display:none; appearance:none;}
textarea {width:100%; height:100px; font-size:14px; line-height:1.3; padding:8px; color:#555;}


/* 라디오버튼-체크박스 */
input[type="radio"] {
	width:18px; height:18px; margin:-2px 5px 0 0; border-radius:50%; border:1px solid #ccc; outline:none; 
	background:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
input[type="radio"]::-ms-expand {display:none; appearance:none;}
input[type="radio"]:before {content:""; display:block; width:42%; height:42%; margin:30% auto; border-radius:50%;}
input[type="radio"]:disabled {border:1px solid #ccc; background:#f2f3f8;}
input[type="radio"]:disabled:before {background:#f2f3f8;}
input[type="radio"]:checked {border:1px solid #0074bc; background:#0074bc;}
input[type="radio"]:checked:before {background:#fff;}

input[type="checkbox"] {
	position:relative; width:18px; height:18px; margin:-2px 5px 0 0; border:1px solid #ccc; outline:none; 
	background:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
input[type="checkbox"]::-ms-expand {display:none; appearance:none;}
input[type="checkbox"]:before {content:""; display:block; position:absolute; left:6px; top:2px; width:5px; height:10px; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg);}
input[type="checkbox"]:disabled {border:1px solid #ccc; background:#f2f3f8;}
input[type="checkbox"]:disabled:before {border-color:#f2f3f8;}
input[type="checkbox"]:checked {border:1px solid #0074bc; background:#0074bc;}
input[type="checkbox"]:checked:before {border-color:#fff;}


/* placeholder 안내문구 */
::-webkit-input-placeholder {color:#9e9e9e; /* 크롬 4–56 */}
:-moz-placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 4–18 */}
::-moz-placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 19–50 */}
:-ms-input-placeholder {color:#9e9e9e; /* 인터넷 익스플로러 10+ */}
::placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 51+, 크롬 57+ */ }

/* label */
label {display:inline-block; margin:2px 4px;}


.ellipsis { /*table 사용 시 table-layout:fixed; 설정 되어 있어야 함*/
	white-space:nowrap;
	overflow:hidden;			/* "overflow" value must be different from "visible" */
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;	/* Opera under 10.7 */
	-ms-text-overflow:ellipsis;
	-moz-binding:url('ellipsis.xml#ellipsis');
}
.strCut {float:left; max-width:-moz-calc(100% - 20px); max-width:-webkit-calc(100% - 20x); max-width:calc(100% - 20px);}




/* 웹접근성 기본공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 웹접근성 네비게이터 */
.skipNavi {font-size:0; line-height:0; overflow:hidden;}
.skipNavi a {display:block; width:100%; box-sizing:border-box; padding:10px; color:#fff; position:absolute; left:0; top:-100px; z-index:999999999; text-align:center; background:#333; boder:0 none;}
.skipNavi a:active, .skipNavi a:focus {top:0; font-weight:500; font-size:14px; line-height:1.4;}

/* 블라인드처리  */
.blind {position:absolute; width:1px; height:1px; clip:rect(0 0 0 0); overflow:hidden;}

/* float로 인한 레이아웃 깨짐 방지 */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {content:""; display:block; line-height:0;}
.clearfix:after {clear:both;}