@charset "utf-8";


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


body *{box-sizing: border-box !important;}
body {font-size:0.93em;margin:0;padding:0; font-family: 'Pretendard'; font-weight:400; color: #000;}
input, select, button, textarea{font-family: 'Pretendard';font-weight: 500;}
h1, h2, h3, h4, h5, h6, bold, strong, dt, th, b{ font-weight:500;}

a{text-decoration:none;color:#000;margin:0;padding:0;/*border:none;*/}
a:visited{text-decoration:none;/*border:none;*/}
a:active{text-decoration:none;/*border:none;*/}
a:hover{text-decoration:none;/*border:none;*/}

  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
div, p, ul, ol, li, img, a, table, td, th, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none;}

img, input.image, button {border:0 none; vertical-align:middle; }
table{border-collapse:collapse; vertical-align:middle;}

a, button, submit{transition: .2s ease-out; /*transform: translate(0, -10px);*/}
	
fieldset{border:none;margin:0; padding:0;}
form{margin:0;padding:0;}
legend{display:none !important; margin:0; padding:0;}
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
ul,ol,li {list-style:none;}
address, em, i{font-style: normal;}

hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}


/*  사용시 달력날짜 아이콘 표출됨
input[type="date"]{ padding-left: 1%;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
	display: block; 
	width: 22px;
	height: 18px; 
	background:url("../images/board/icon_calendar02.png") center no-repeat;
	cursor: pointer;
}
*/

input[type=radio],
input[type=checkbox]{vertical-align:middle;  border:none;width:28px; height:28px; line-height: 28px; border-radius: 6px;}
input[type=button], 
input[type=submit], 
button{ cursor:pointer;border-radius: 4px;}
input[type=file]{width:100%;  border:none;line-height:35px; height:35px;border-radius: 4px;}

input[type=text],
input[type=password], 
input[type=url],
input[type=number],
input[type=email],
input[type=number],
input[type=tel], 
input[type=email]{ padding: 0 10px;line-height:35px; height:35px;border-radius: 4px; border: 1px solid #ddd;}

textarea{width:100%; border:1px solid #ddd; padding:10px;border-radius: 4px;}

select{ background:#fff url("../images/board/select_arrow.png") calc(100% - 10px) center no-repeat; border-radius: 4px;border:1px solid #ddd; height:35px; line-height: 35px; padding:0 10px; background-size: 9px;}

select::-ms-expand {display:none !important;}
select{-moz-appearance:none !important; /* Firefox */ -webkit-appearance:none !important; /* Safari and Chrome */ appearance:none !important;}






/* radio & check 디자인설정 */
.form_guide{display: inline-block ;position: relative; vertical-align: middle; cursor: pointer; padding-left: 30px; font-size: 15px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; box-sizing: border-box; line-height: 24px; height: 24px;}
.form_guide:first-child{margin-left:0px;}

/* Hide the browser's default checkbox*/
.form_guide input { opacity: 0;position: absolute;cursor: pointer;height: 24px;width: 24px; left: 0; top: 0;  border-radius: 10px;}
.form_guide input:focus{opacity: 1; }


/* Create a custom checkbox */
.form_guide .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: #fff;border: 1px solid #ddd;  display: inline-block;}
.form_guide em{display:block; height: 24px; line-height: 24px; font-size: 13px;}
.check .checkmark {border-radius: 4px;}
.radio .checkmark {border-radius: 50%;}

/* On mouse-over, add a grey background color */
/*.form_guide:hover input ~ .checkmark {background-color: #ccc;}*/

/* When the checkbox is checked, add a blue background */
.form_guide input:checked ~ .checkmark {background-color: #2764d0;border: none; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.form_guide input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.check .checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.radio .checkmark:after {top: 6px;left: 6px;width: 12px;height: 12px;border-radius: 50%;background: white;}



/* 접근성 :  포커스 라인 설정
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
*[tabindex='0']:focus,
*[tabindex='1']:focus{
outline :1px dashed red;
}
 */


::selection {
  background: #0052B3;
  color: #FFF;
  text-shadow: none;
}