/* ===== External icon fonts ===== */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/* ===== Fonts: load ONLY here ===== */
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* (옵션) 세리프를 실제로 쓸 때만 유지 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');

/* One source of truth */
:root{
  --font-base: 'Sen', 'Noto Sans KR',
               -apple-system, BlinkMacSystemFont,
               'Apple SD Gothic Neo', 'Malgun Gothic',
               Arial, sans-serif;
}
html, body{ font-family: var(--font-base); }


  /* default.css에서 body가 var(--bs-font-sans-serif)를 쓰고 있어서 같이 맞춰줌 */
  --bs-font-sans-serif: var(--font-base);
}

/* global apply */
html, body{
  font-family: var(--font-base);
}

/* form 요소 흔들림 방지 */
button, input, select, textarea,
table, th, td{
  font-family: inherit;
}



button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}
a:focus, button:focus{
	outline:none;
}

/* input 기본 스타일 초기화 */
input[type="text"],input[type="password"],input[type="file"],
select,
textarea{
   -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
	
}
input::-ms-clear, 
select::-ms-expand{ display: none; }
textarea{resize:none;}

body, table, th, td{ font-family: inherit; }
@media all and (max-width:1200px) {
	body, table, th, td{font-size:16px!important}
}
@media all and (max-width:850px) {
	body, table, th, td{font-size:14px!important}
}
@media all and (max-width:650px) {
	body, table, th, td{font-size:13px!important}
}
@media all and (max-width:400px) {
	body, table, th, td{font-size:12px!important}
}

@media all and (max-width:800px){
	.ios-os input[type="text"],
	.ios-os input[type="search"],
	.ios-os input[type="password"],
	.ios-os input[type="file"],
	.ios-os select,
	.ios-os textarea{
		    -webkit-appearance: none;
		    -moz-appearance: none;
			appearance: none;
			border-radius:0;
	}
	.ios-os select{
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' style='opacity:0.5'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
		background-size: 8px;
		background-position: calc(100% - 10px) calc(50% + 3px);
		background-repeat: no-repeat;
	}
}



/* *******************
 * description : font.css
 * date : 2019-11-12
******************* */
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic ExtraBold';
	font-style:normal;
	font-weight:800;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* 본고딕 웹폰트 가져오기 180124 */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

/* *******************
 * description : common.css
 * date : 2020-11-25
******************* */
.cm-fl { float:left; }
.cm-fr { float:right; }
.cm-cb { clear:both; }
.cm-cf { clear:both; height:1px; }
.cm-pr { position:relative; }
.cm-pa { position:absolute; }
.cm-al { text-align:left !important; }
.cm-ac { text-align:center !important; }
.cm-ar { text-align:right !important; }
.cm-aj { text-align:justify !important; }
.cm-vt { vertical-align:top; }
.cm-vm { vertical-align:middle; }
.cm-vb { vertical-align:bottom; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{vertical-align:middle;}
.font-xi:before{font-family:xeicon !important}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{
	-webkit-transition:transform 0.3s;
	-moz-transition:transform 0.3s;
	-o-transition:transform 0.3s;
	-ms-transition:transform 0.3s;
	transition:transform 0.3s
}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.over-bg{
	overflow:hidden;
	-webkit-transition:transform 0.3s;
	-moz-transition:transform 0.3s;
	-o-transition:transform 0.3s;
	-ms-transition:transform 0.3s;
	transition:transform 0.3s
}
a:hover .over-bg{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.line-clamp2{
	overflow:hidden;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp3{
	overflow:hidden;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.line-clamp4{
	overflow:hidden;
	display:block;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.img-center{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	max-width:100%;
	max-height:100%;
	margin:auto;
}
.img-cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.pos-full{
	position:absolute; 
	top:0px; 
	left:0px; 
	bottom:0px; 
	right:0px;
} 

/* Skip Navgation */
.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#222; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}

/* 191016 kakao 지도 이슈로 border, padding초기화 */
.root_daum_roughmap{padding:0 !important; border:0 !important;  border-radius:0 !important;}
.root_daum_roughmap .map_border{display:none !important;}
.wrap_controllers{display:none  !important;}
 
/* Split Text (plugin) */
.cm-word-split-JS{overflow:hidden; opacity:0; }
.cm-word-split-JS.splitting{opacity:1.0; }
.cm-word-split-JS.splitting .word{overflow:hidden; line-height:1.2; display:inline-block; margin-bottom:-18px}
.cm-word-split-JS.splitting .char{display:inline-block; position:relative; font-size:inherit; font-family:inherit; font-weight:inherit; opacity:0; }

/* br tag */
.m-br{display:none;}
@media all and ( max-width: 1024px ){
	.m-br{display:block;}
	.pc-br{display:none;}
}


/* global */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.taC{text-align: center;}
.taL{text-align: left!important;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}
.mr10{margin-right: 10px!important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.ml5 { margin-left: 5px !important;}
.mt10 {padding-top:10px !important}
.mt15 { margin-top: 15px !important; }
.mt20 {padding-top:20px !important}
.mt20xsmt0 {padding-top:20px !important}
.mt30 {padding-top:30px !important}
.mt40 {padding-top:40px !important}
.mt50 {padding-top:50px !important}
.mt60 {padding-top:60px !important}
.mt70 {padding-top:70px !important}
.mt80 {padding-top:80px !important}
.mt90 {padding-top:90px !important}
.mt100 {padding-top:100px !important}
.mb10 {padding-bottom:10px !important;}
.mb20 {padding-bottom:20px !important;}
.mb30 {padding-bottom:30px !important;}
.mb40 {padding-bottom:40px !important;}
.mb50 {padding-bottom:50px !important;}
.mb60 {padding-bottom:60px !important;}
.mb70 {padding-bottom:70px !important;}
.mb80 {padding-bottom:80px !important;}
.mb90 {padding-bottom:90px !important;}
.mb100 {padding-bottom:100px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:20px !important}
.pt20xspt0 {margin-top:20px !important}
.pt30 {margin-top:30px !important}
.pt40 {margin-top:40px !important}
.pt50 {margin-top:50px !important}
.pt60 {margin-top:60px !important}
.pt70 {margin-top:70px !important}
.pt80 {margin-top:80px !important}
.pt90 {margin-top:90px !important}
.pt100 {margin-top:100px !important}
.pb10 {margin-bottom:10px !important;}
.pb20 {margin-bottom:20px !important;}
.pb30 {margin-bottom:30px !important;}
.pb40 {margin-bottom:40px !important;}
.pb50 {margin-bottom:50px !important;}
.pb60 {margin-bottom:60px !important;}
.pb70 {margin-bottom:70px !important;}
.pb80 {margin-bottom:80px !important;}
.pb90 {margin-bottom:90px !important;}
.pb100 {margin-bottom:100px !important;}


@media (max-width: 767px) {
.mt20xsmt0 {padding-top:0px !important;}
.mt10 {padding-top:10px !important}
.mt20 {padding-top:10px !important}
.mt30 {padding-top:15px !important}
.mt40 {padding-top:20px !important}
.mt50 {padding-top:25px !important}
.mt60 {padding-top:30px !important}
.mt70 {padding-top:35px !important}
.mt80 {padding-top:40px !important}
.mt90 {padding-top:45px !important}
.mt100 {padding-top:50px !important}
.mb20 {padding-bottom:10px !important;}
.mb30 {padding-bottom:15px !important;}
.mb40 {padding-bottom:20px !important;}
.mb50 {padding-bottom:25px !important;}
.mb60 {padding-bottom:30px !important;}
.mb70 {padding-bottom:35px !important;}
.mb80 {padding-bottom:40px !important;}
.mb90 {padding-bottom:45px !important;}
.mb100 {padding-bottom:50px !important;}
.pt20xspt0 {margin-top:0px !important;}
.pt10 {margin-top:10px !important}
.pt20 {margin-top:10px !important}
.pt30 {margin-top:15px !important}
.pt40 {margin-top:20px !important}
.pt50 {margin-top:25px !important}
.pt60 {margin-top:30px !important}
.pt70 {margin-top:35px !important}
.pt80 {margin-top:40px !important}
.pt90 {margin-top:45px !important}
.pt100 {margin-top:50px !important}
.pb20 {margin-bottom:10px !important;}
.pb30 {margin-bottom:15px !important;}
.pb40 {margin-bottom:20px !important;}
.pb50 {margin-bottom:25px !important;}
.pb60 {margin-bottom:30px !important;}
.pb70 {margin-bottom:35px !important;}
.pb80 {margin-bottom:40px !important;}
.pb90 {margin-bottom:45px !important;}
.pb100 {margin-bottom:50px !important;}
}