/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }
h1,h2,h3,h4,h5,h6{text-align:left;}
body,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body{*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe,input,button{border:0 none;}


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;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

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


a{*color:#000}
a{color:; text-decoration:none; color:#000;}
a:hover{color:#000}
a:hover,a:active,a:focus{color:#000;text-decoration:none; outline:none;}

img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
hr{display: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}

/* IE7이하 버전 input style */
#input_ie7 input{#margin:-1px 0;}
/* WYSIWYG용 태그속성 재선언 항목 */
/* *************************************************************************************
	사용자가 위지윅툴에서 작성된 내용을 사용자 페이지에서 그대로 출력되게끔 할 때
	위지윅툴을 감싸는 레이어를 만들어주고  class="WYSIWYG" 항목을 추가시켜 줍니다.
	<div class="WYSIWYG">
		[위지윅툴]
	</div>
************************************************************************************* */
.WYSIWYG img{border:medium}
.WYSIWYG ul{list-style:disc}
.WYSIWYG ol{list-style:decimal}


* {-webkit-text-size-adjust:none;}

/* 위지윅관련 css */
#ct, #ct *{font-size:15px; 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{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;}

/* 음영을 삭제하려면 바래 아래 라인을 삭제하면 된다. 아래 라인은 반드시 CSS 영역의 가장 마지막에 위치시키도록 한다.*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */

/* 본고딕 */
.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;}

.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;}

.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;}

.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;}

/* 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.794em; line-height:0.794em;}
.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;}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ellipsis_line1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.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;}
.ellipsis_line4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis_line_1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line_2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line_3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line_4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line_5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.ellipsis_line_x{overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */  -webkit-box-orient: vertical;}

/* 댓글삭제팝업 */
.custom_blocker{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	padding: 0;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}
.custom_middle_class{
	opacity: 1;
	display: flex;
	position: relative;
	z-index: 2;
	box-sizing: border-box;     height: 100%; justify-content: center;
	align-items: center;
}
.custom_happy_modal_popup_wrap{
	width:300px;
	border: 1px solid #e9e9e9;
	z-index: 110;
	border-radius: 7px;
	overflow: hidden;
	padding: 25px;
	background: #fff;
}
.custom_happy_modal_popup_header{
	display: table;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #eaeaea;
}
.custom_happy_modal_popup_title{
	display: table-cell;
	vertical-align: top;
	text-align: left
}
.custom_happy_modal_popup_close {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
.custom_happy_modal_popup_contents{
	height: 120px
}
.custom_happy_modal_popup_btn{
	text-align: center;
	}