/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }
body,div,table,tbody,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,input,textarea,button,select,dd,dl,dt,ul,li,ol{margin:0; padding:0; font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','맑은 고딕',sans-serif; color:#424242; font-size:14px}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all; }
h1,h2,h3,h4,h5,h6{text-align:left;}
img,fieldset,iframe,input,button{border:0 none;}

/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.f_none{float:none !important}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.show{display:block}
.hide{display:none}
.tbl, .tbl table{border-collapse:collapse; border-spacing:0} /* 테이블 초기화 */
.txt_bold{font-weight:bold}

button, input[type=text], input[type=password], input[type=file], input[type=submit], input[type=image]{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

select{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

img{vertical-align:middle;}
i,em,address{font-style:normal;}
button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#2f3743;text-decoration:none; cursor: auto;}
a:hover{color:#2f3743;text-decoration:none;}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
* {-webkit-text-size-adjust:none;}
/* Reset */



.dis_flex{
	display: flex;
	align-items: center;
}
.dis_flex_col{
	display: flex;
	flex-direction: column;
}

.dis_flex_between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.point_color{
	color:var(--main-pcm-color-10) !important;
}

.point_color_bg{
	background-color:var(--main-pcm-color-10) !important;
}

.empty_info{
	font-weight: 400 !important;
	font-size: 1.6rem !important;
	color: #000000 !important;
	padding:50px 0 !important;
	text-align: center;
	display: block !important;
	grid-column: 1 / -1;
}

.empty_info_2{
	font-weight: 500;
	font-size: 1.6rem;
	color: #000000;
	text-align: center;
	display: block;
}

.empty_info_table{
	font-weight: 400 !important;
	font-size: 1.6rem !important;
	color: #000000 !important;
	padding:50px 0 !important;
	text-align: center;
    border-bottom: 1px solid #EEE;
}

.footer_btn_wrap {
	display: flex;
	align-items: center;
	gap: 5px;
	max-width: max-content;
	margin: 0 auto;
	padding: 20px 0;
}

.hidden_roll_box{
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.hidden_roll_box::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}



/* Wys2 reset */
#ct{font-size:14px; font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','맑은 고딕',sans-serif;}
#ct *{font-size: inherit; font-family: inherit;}
#ct{word-break:break-all; text-align:justify;}
#ct table{width:100% !important; border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct img{max-width:100%; height:auto !important}
#ct iframe{max-width:100%;}
#ct blockquote{line-height:normal; position: relative; font-style:normal}
#ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
#ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
#ct blockquote > p, #ct blockquote > div{text-align:center;}
#ct sup {vertical-align: super; font-size: smaller; top:0;}
#ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
#ct [id*="mapContainer"]{width:100% !important; min-height:200px;}


.ct{font-size:14px; font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','맑은 고딕',sans-serif;}
.ct *{font-size: inherit; font-family: inherit;}
.ct{word-break:break-all; text-align:justify;}
.ct table{width:100% !important; border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct img{max-width:100%; height:auto !important}
.ct iframe{max-width:100%;}
.ct p, .ct div{font-size:inherit}
.ct blockquote{line-height:normal; position: relative; font-style:normal}
.ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
.ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
.ct blockquote > p, .ct blockquote > div{text-align:center;}
.ct sup {vertical-align: super; font-size: smaller; top:0;}
.ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
.ct [id*="mapContainer"]{width:100% !important; min-height:200px;}

.iframe_wrap{position:relative; top:0; left:0; height:0; padding-bottom:56.4%;}
.iframe_wrap iframe{position:absolute; width:100% !important; height:100%; left:0; right:0; top:0; bottom:0;}

/* Fonts */
.font_6 { font-size:0.429em; line-height:0.429em}
.font_8 { font-size:0.571em; line-height:0.571em;}
.font_10 { font-size:0.714em; line-height:0.714em;}
.font_11 { font-size:0.714em; line-height:0.714em;}
.font_12 { font-size:0.857em; line-height:0.857em;}
.font_13 { font-size:0.929em; line-height:0.929em;}
.font_14 { font-size:1.000em; line-height:1.000em;} /* body 폰트사이즈 기준 기본 텍스트 크기 */
.font_15 { font-size:1.071em; line-height:1.071em;}
.font_16 { font-size:1.143em; line-height:1.143em;}
.font_18 { font-size:1.286em; line-height:1.286em;}
.font_20 { font-size:1.429em; line-height:1.429em;}
.font_22 { font-size:1.571em; line-height:1.571em;}
.font_24 { font-size:1.714em; line-height:1.714em;}
.font_26 { font-size:1.857em; line-height:1.857em}
.font_28 { font-size:2.000em; line-height:2.000em;}



.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.font_nanum{font-family:'나눔고딕','나눔 고딕',Nanum Gothic,NanumGothic,nanum gothic,nanumgothic,'맑은 고딕','고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}

.noto100 {font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}

.noto200 {font-family: 'Noto Sans KR' !important; font-weight:200 !important;}
.noto200 a{font-family: 'Noto Sans KR' !important; font-weight:200 !important;}
.noto200 a:hover{font-family: 'Noto Sans KR' !important; font-weight:200 !important;}

.noto300 {font-family: 'Noto Sans KR' !important; font-weight:300 !important;}
.noto300 a{font-family: 'Noto Sans KR' !important; font-weight:300 !important;}
.noto300 a:hover{font-family: 'Noto Sans KR' !important; font-weight:300 !important;}

.noto400 {font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a:hover{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.noto500{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a:hover{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

.noto600 {font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a:hover{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}

.noto700 {font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}
.noto700 a:hover{font-family: 'Noto Sans KR' !important; font-weight:700 !important;}

.noto800 {font-family: 'Noto Sans KR' !important; font-weight:800 !important;}
.noto800 a{font-family: 'Noto Sans KR' !important; font-weight:800 !important;}
.noto800 a:hover{font-family: 'Noto Sans KR' !important; font-weight:800 !important;}

.noto900 {font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
.noto900 a:hover{font-family: 'Noto Sans KR' !important; font-weight:900 !important;}
/* Font-style */


/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */
.ellip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ellipsis_line1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */


.box_class {box-sizing:border-box; -webkit-box-sizing: border-box;}


/* uikit 모달 스타일 */
.uikit_modal_wrap.uk-modal {
	z-index: 10002 !important;
}

.uikit_modal_wrap .uk-modal-dialog {
	border-radius: 20px !important;
	width: 600px;
}

.uikit_modal_wrap .uk-modal-dialog .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: rgba(0, 0, 0, 1);
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid rgba(229, 229, 229, 1);
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.uikit_modal_wrap .uk-modal-dialog .title .title_icon_text{
	display: flex;
	align-items: center;
	gap: 7px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.uikit_modal_wrap .uk-modal-dialog .title .title_icon_text svg{
	margin-top: 3px;
}
/* uikit 모달 스타일 */

.empty_info{
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #000000 !important;
	padding:50px 0 !important;
	text-align: center;
	display: block !important;
	grid-column: 1 / -1;
}

.empty_info_2{
	font-weight: 500;
	font-size: 16px;
	color: #000000;
	text-align: center;
	display: block;
}

.empty_info_table{
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #000000 !important;
	padding:50px 0 !important;
	text-align: center;
	border-bottom: 1px solid #EEE;
}

/* happy 모달 스타일 */
.happy_modal_popup_wrap {
	width:100%;
	height:100%;
	border:1px solid #e9e9e9;
	z-index:110;
	border-radius:20px;
	background:#fff;
	box-sizing:border-box;
	overflow: hidden;              /* 둥근 모서리 바깥쪽을 잘라서 overlay 누수 방지 */
	background-clip: padding-box;  /* 경계부 누수 줄이기 */
	-webkit-font-smoothing: antialiased;
	transform: translateZ(0);      /* 합성 레이어 분리로 경계선 이슈 완화 */
	backface-visibility: hidden;
}

.happy_modal_popup_header {
	display:flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
	padding: 15px 20px;
	border-bottom:1px solid #eaeaea;
	box-sizing: border-box;
}

.happy_modal_popup_title {
	text-align:left;
	font-weight: 700;
	color:#000;
	letter-spacing: -0.5px;
	font-size:20px;
}

.happy_modal_popup_close {
	text-align:right;
	color:rgba(153, 153, 153, 1);
}

.happy_modal_popup_close a,
.happy_modal_popup_close span{
	color:rgba(153, 153, 153, 1);
}

.happy_modal_popup_close span:hover {
	color:rgba(153, 153, 153, 1) !important;
}

.modal_form_box{
	margin-top:20px;
	border-top:1px solid #e9e9e9;
}
.modal_form_box .form_group{
	display: flex;
	flex-direction: column;
}
.modal_form_box .form_group div.group_title{
	background:#f7f7f7;
	text-align:left;
	padding-left:20px;
	color:#333;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:15px;
	letter-spacing:-0.5px;
	border-bottom:1px solid #e9e9e9;
	color:#333;
	display: flex;
	align-items: center;
}
.modal_form_box .form_group > div{
	background:#ffffff;
	padding:10px;
	border-bottom:1px solid #e9e9e9;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:15px;
	letter-spacing:-0.5px;
	color:#333;
}
.modal_form_box .form_group > div span{
	font-size:15px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	color:#333;
}
.modal_form_box .form_group > div span:before{
	min-width: 18px;
}
.modal_form_box .form_group > div label{
	margin:0 !important;
}
.happy_modal_popup_contents{
	overflow:auto;
	height: calc(100% - 150px);
	padding: 0 20px;
}

.happy_modal_popup_btn {
	text-align:center;
	padding: 20px;
}
/* happy 모달 스타일 */