/*웹폰트*/
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;font-weight: 100;
  src: url(../fonts/NotoSansKR/NotoSansKR-Thin.woff2) 
  format('woff2'),url(../fonts/NotoSansKR/NotoSansKR-Thin.woff) 
  format('woff'),url(../fonts/NotoSansKR/NotoSansKR-Thin.otf) 
  format('opentype');
} 
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;font-weight: 300;
  src: url(../fonts/NotoSansKR/NotoSansKR-Light.woff2) 
  format('woff2'),url(../fonts/NotoSansKR/NotoSansKR-Light.woff) 
  format('woff'),url(../fonts/NotoSansKR/NotoSansKR-Light.otf) 
  format('opentype');
} 
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;font-weight: 400;
  src: url(../fonts/NotoSansKR/NotoSansKR-Regular.woff2) 
  format('woff2'),url(../fonts/NotoSansKR/NotoSansKR-Regular.woff) 
  format('woff'),url(../fonts/NotoSansKR/NotoSansKR-Regular.otf) 
  format('opentype');
} 
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;font-weight: 700;
  src: url(../fonts/NotoSansKR/NotoSansKR-Medium.woff2) 
  format('woff2'),url(../fonts/NotoSansKR/NotoSansKR-Medium.woff) 
  format('woff'),url(../fonts/NotoSansKR/NotoSansKR-Medium.otf) 
  format('opentype');
} 
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;font-weight: 900;
  src: url(../fonts/NotoSansKR/NotoSansKR-Bold.woff2) 
  format('woff2'),url(../fonts/NotoSansKR/NotoSansKR-Bold.woff) 
  format('woff'),url(../fonts/NotoSansKR/NotoSansKR-Bold.otf) 
  format('opentype');
} 



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;


}

input:focus {
  outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
*{-webkit-box-sizing:border-box; -moz-box-size:border-box; box-sizing:border-box;}
body {
   line-height: 1;
   font-family: "noto_l", sans-serif;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
th, h1, h2, h3, h4, h5, h6, th {font-weight:normal;}
fieldset legend {display:none;}
ul:after {clear: both;display: block;content: ''}
dl:after {clear: both;display: block;content: ''}
caption {display:none;}

/* text link */
a, a:link, a:active, a:hover {text-decoration:none;}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,h6,p,span {word-break:break-all;}
button {border:0; padding:0; margin:0; cursor:pointer; background-color:#fff;}

input[type=text],select,textarea {
	border:0;
	border:1px solid #bbb;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	transition: border-color 0.3s;
	padding-left:10px;
}
select {
/*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}
select:focus, input[type="text"]:focus,textarea:focus {
	outline:none;
    border-color: #ff8601 !important;
}
option {font-family: "noto_l", sans-serif;}

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

::-moz-selection {
  background: #ff8601;
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #ff8601;
  color: #FFF;
}


.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }
.hidden-md{display: none;}



input[type="checkbox"] {  /* ���� üũ�ڽ��� ȭ�鿡�� ���� */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-bottom:0;
 font-weight:normal;
}
input[type="checkbox"] + label:before {  /* ��¥ üũ�ڽ� */
  content: ' ';
  display: inline-block;
  width: 16px;  /* üũ�ڽ��� �ʺ��� ���� */
  height: 16px;  /* üũ�ڽ��� ���̸� ���� */
  line-height: 16px; /* ���������� ���� ���̰��� ��ġ */
  margin: -2px 3px 0 5px;
  text-align: center;
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);

}
input[type="checkbox"] + label:active:before,
input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked + label:before {  /* üũ�ڽ��� üũ������ */
  content: '\2714';  /* üũǥ�� �����ڵ� ���� */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

input[type="radio"] {  /* ���� üũ�ڽ��� ȭ�鿡�� ���� */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
input[type="radio"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-bottom:0;
 font-weight:normal;
}
input[type="radio"] + label:before {  /* ��¥ üũ�ڽ� */
  content: ' ';
  display: inline-block;
  width: 16px;  /* üũ�ڽ��� �ʺ��� ���� */
  height: 16px;  /* üũ�ڽ��� ���̸� ���� */
  line-height: 16px; /* ���������� ���� ���̰��� ��ġ */
  margin: -2px 3px 0 5px;
  text-align: center;
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 20px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);

}
input[type="radio"] + label:active:before,
input[type="radio"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="radio"]:checked + label:before {  /* üũ�ڽ��� üũ������ */
  content: '\2714';  /* üũǥ�� �����ڵ� ���� */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.letter1{
	transform: scaleX(.9);
	transition: transform .3s;
	transition-duration:.5s;
	transform-origin:center;
	-webkit-transform: scaleX(.9);
	-webkit-transition: transform .3s;
	-webkit-transition-duration:.5s;
	-webkit-transform-origin:center;
}


/******************************** 22.03.07 박유빈 추가 */
* select{
  background-color: #ffffff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg height='15' viewBox='0 0 64 64' width='15' fill='%23999999' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_49' data-name='Layer 49'%3E%3Cpath d='m61.35 13.34a1.51 1.51 0 0 0 -1.35-.84h-56a1.51 1.51 0 0 0 -1.35.84 1.49 1.49 0 0 0 .17 1.58l28 36a1.49 1.49 0 0 0 2.36 0l28-36a1.49 1.49 0 0 0 .17-1.58z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px);
  padding: 0 15px;
  background-size: 10px;
}
* select:focus{
  outline: #fff;
}
/** 체크박스, 라디오 버튼 **/
/* .chk, .rdo{
  display: relative!important;
} */
.chk input[type="checkbox"],
.rdo input[type="radio"]{
  position:absolute;
  width: 20px;
  height: 20px;
  padding:0;
  margin: -13px;
  overflow:hidden; 
  clip:rect(0,0,0,0); 
  border: 0;
  
} 
.chk input[type="checkbox"] + label,
.rdo input[type="radio"] + label{ 
  display:inline-block; 
  position:relative; 
  padding-left:26px; 
  cursor:pointer; 
} 
.chk input[type="checkbox"] + label:before{ 
  content: ''; 
  position: absolute; 
  left: -4px;
  top: 4px;
  width: 20px;
  height: 20px; 
  border-radius: 5px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #83C5CE; 
  box-sizing: border-box;
} 
.rdo input[type="radio"] + label:before{ 
  content: ''; 
  position: absolute; 
  left: -4px;
  top: 4px;
  width: 20px;
  height: 20px; 
  border-radius: 20px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #83C5CE; 
  box-sizing: border-box;
} 

.chk input[type="checkbox"]:checked + label:after{ 
  content: ''; 
  position:absolute; 
  left: 1px;
  top: 2px;
  width: 20px;
  height: 20px; 
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 5px solid #83C5CE;
  box-sizing: border-box;
}
.rdo input[type="radio"]:checked + label:after{ 
  content: ''; 
  position:absolute; 
  left: 1px;
  top: 2px;
  width: 20px;
  height: 20px; 
  border-radius: 20px;
  background-color: #FFFFFF;
  border: 5px solid #83C5CE;
  box-sizing: border-box;
}

.chk span,
.rdo span{
  font-family: '';
  font-size: 12px;
  line-height: 25px;
  color: #000000;
  padding-left: 2px;
  letter-spacing: 1px;
}



/* 위,아래첨자 css 추가 : 방현우
 */

sup.sup_txt {
    position : relative;
    vertical-align : top;
    font-size : 0.4em;
    top : -4px;
}
        
sub.sub_txt {
	vertical-align : bottom; 
	font-size : 0.4em;
}