@charset "utf-8";
/*-------------------------------------------------
General Style Sheet
Version : 1.0
Author : myeong-hee park
Create date : 2018. 06. 18.
Last update : 2022. 07
-------------------------------------------------*/
*, *:before, *:after{box-sizing:inherit;}
html {margin: 0; padding: 0; font-size: 10px; overflow-y: scroll; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;box-sizing:border-box;}
body {margin: 0; padding: 0; color: #444; line-height: 1.6;  word-break: keep-all; font-size: 1.6rem; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight: 400;}
header, footer, article, section, aside, nav, main{display:block;}
mark{background-color:#fff;}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href*=tel]{color: inherit;}
img{border:none; max-width: 100%;}
h1, h2, h3, h4, h5, h6, p, figure, figcaption {margin: 0; padding: 0;}
ul, ol, li, dl, dt, dd{margin: 0; padding: 0; list-style:none;}
em, address, i {font-style:  normal;}
hr{display: block; margin: 0; padding: 0; border: none;}
iframe {margin:0; padding:0; border:currentcolor; border-image-source:none;}

form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none;}
/* select, input, textarea {padding: 0.7rem 1rem; background-color: #fff; border: 1px solid #aaa; border-radius: 0; -webkit-border-radius: 0; color: #666; vertical-align: middle; font-size:  inherit; font-family: inherit; font-weight: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select {position: relative; padding-right: 2.5rem; background: #fff url(../../images/common/bbs/select_arrow.png) no-repeat right 50%; }
select[multiple="multiple"]	 {height: auto;}
select::-ms-expand { display: none;}
select:focus, input:focus, textarea:focus  { border-color: #4d90fe;} */
/* input[type="radio"], input[type="checkbox"], input[type="image"]{display:none; width:18px; height:18px; padding:0;  border-color: transparent;} */
 input[type="radio"], input[type="checkbox"]{width: 18px; height: 18px;}
input[type="submit"], input[type="button"] {cursor:pointer;}
:-ms-input-placeholder {color: #333;}
::-webkit-input-placeholder {color: #333;}
:-moz-placeholder {color: #333;}
::-moz-placeholder {color: #333;}
* button{position:relative;display:inline-block;margin:0;padding:0;background:none;border:0;cursor:pointer;_cursor:hand;text-decoration:none; overflow: visible; font-size: inherit; font-family: inherit; font-weight: inherit; white-space: nowrap;}
legend, caption {width: 100%; height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}

/* skip navgation STYLE */
#accessibility{position:relative;width:100%;margin:0 auto;font-size: 15px;z-index:200;}
#accessibility dt{width:100%;height:0; font-size:0;line-height:0;}
#accessibility a{display:block;position:absolute;top:-10000px;left:0;width:100%;height:0;text-align:center;font-size:1em;z-index:200;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active{position:absolute;top:0;padding:10px 0 25px;background:#1d60a7;color:#fff;z-index:200;}
.skip-to {position: absolute; top: -99px; left: 0; padding: 10px 0; width: 100%; text-align: center; color: #fff; text-decoration: none; background: #333; z-index: 999;}
.skip-to:hover, .skip-to:focus, .skip-to:active {display: block; top: 0;}

/* 테이블 STYLE */	
table{width: calc(100% + 2px); margin: 0 -1px;  border-spacing: 0; border-collapse: collapse;}
table th{padding: 1rem 1.8rem; white-space: nowrap; font-weight: 300;}
table td{padding: 1.2rem 1.8rem; color: #666; white-space: normal; /* word-break: break-all; */}

/* Float STYLE*/
.float-wrap, .float-wrap02 {clear: both; overflow: hidden;}
.float-wrap02 {margin-top: 70px;}
.clear  {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.display-none {display: none;}
.display-block {display: block;}
.display-inline {display: inline-block;}
.vertical-middle {vertical-align: middle;}
.vertical-img {display: inline-block; margin-right: 10px;vertical-align: middle;}	
/* 폰트정렬 STYLE*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-justify {text-align: justify;}
.input-nomal  {width: auto;}
/* point color STYLE */
[class*="point01"] {/* 빨강 */color: #ed1a3b;}
[class*="point02"] {/* 그린 */color: #32a66c;}
.black-txt, .black-bold {color: #000;}		
.point01-bold, .point02-bold, .txt-bold, .black-bold  {font-weight: 500;}
.hidden,
.sr-only {position:absolute; width:1px;height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}
.responsive {max-width: 100%; height: auto;}
/* 부트스트랩 반응형*/
 .col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
	
/* 라디오, 체크박스 */
.checks {
	position: relative;
	}
.checks input {
	padding: 0.7rem 1rem; 
	background-color: #fff; 
	border: 1px solid #aaa; 
	border-radius: 0;
	color: #666; 
	vertical-align: middle; 
	font-size:  inherit; 
	font-family: inherit; 
	font-weight: inherit; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
}
.checks input[type="radio"], 
.checks input[type="checkbox"],
.checks input[type="image"]{
	display:none; 
	width:18px; 
	height:18px;
	padding:0;  
	border-color: transparent;
}
.checks input[type="radio"] + label,
.checks input[type="checkbox"] + label {
	position: relative;
	/* margin-left: -18px; */
	padding-left: 24px;
	cursor: pointer;
	}
.checks input[type="radio"] + label::before,
.checks input[type="radio"] + label::after,
.checks input[type="checkbox"] + label::before,
.checks input[type="checkbox"] + label::after   {
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #d5d5d5;
	border-radius: 100%;
	box-sizing: border-box;
	content: '';
	}
.checks input[type="checkbox"] + label::before,
.checks input[type="checkbox"] + label::after {
	border-radius: 0;
	background: #fff;
	}
.checks input[type="radio"]:disabled + label::before,
.checks input[type="checkbox"]:disabled + label::before {
	background-color: #dfdfdf;
    z-index: 1;
	}
.checks input[type="radio"]:checked + label::after {
	top: 7px;
	left: 5px;
	width: 8px;
	height: 8px;
	background-color: #e12e34;
	border: none;
	}
.checks input[type="checkbox"]:checked + label::before {
	background-color: #e12e34;
	border-color: #e12e34;
	}
.checks input[type="checkbox"]:checked + label::after	{
	top: 2px;
	left: 0;
    width: 18px;
    height: 18px;
    color: #fff;
    background-color: transparent;
	border: none;
    line-height: 1;
    font-size: 19px;
    font-family: 'xeicon';
 	content: "\e929";
	}
.checks label + input[type="text"] {
	margin: 0 5px 0 -5px;
	}