/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }

html,body{width:100%;height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:12px; line-height:normal}
html>/**/body { overflow-y:scroll; }

body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,figure,address,p,button,legend,pre,code,blockquote,input,textarea,button,select,ul,li,ol,dd,dl,dt{margin:0;padding:0; font-family:'굴림','돋움','맑은고딕',Dotum,tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:12px; color:#6c6c6c; font-weight:normal;}
h1,h2,h3,h4,h5,h6{line-height: inherit;}
img,fieldset,iframe,input,button{border:0 none;}
img{max-width:inherit;}
input,select,textarea,button{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
sup {vertical-align: super; font-size: smaller; top:0;}
sub{vertical-align: sub; font-size: smaller; bottom:0;}
blockquote{font-style:normal}
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;}
hr{display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
iframe{vertical-align:top}
a{color:#6c6c6c;text-decoration:none;}
a:hover{color:#6c6c6c;text-decoration:none;}
/* Reset */


/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.clear:after{clear:both; content:""; display:block;}
.f_l{float:left}
.f_r{float:right}
.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} /* 테이블 초기화 */
/* Common */


/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_26 { font-size:26px;}
.font_30 { font-size:30px; }

.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;}
.font_verdana{font-family:verdana,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}

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

/* noto600 기존에 있던 클래스 사용하지 마세요*/
.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;}
/* noto600 기존에 있던 클래스 사용하지 마세요*/

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

/* Font-style */


/* Wys2 reset */
#ct{font-size:14px}
#ct *{font-size: inherit;}
#ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align:justify; line-height:normal}
#ct table{border-collapse: separate}
#ct table[align="center"]{margin:auto;}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#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 blockquote{line-height:normal; position: relative;}
#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{font-size:14px}
.ct *{font-size: inherit;}
.ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align:justify; line-height:normal}
.ct table{border-collapse: separate}
.ct table[align="center"]{margin:auto;}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.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 p, .ct div{font-size:inherit}
.ct blockquote{line-height:normal; position: relative;}
.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;}
/* Wys2 reset */

.ellipsis_line1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis_line_c {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -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_6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 6; -webkit-box-orient: vertical;}


.img_border_st_01 img{
border:1px solid #eaeaea;
}
.img_border_st_02 img{
border:1px solid #c6c6c6;
}

.rows_table_st table { width:100%; }
.right_qr { border:2px solid #040204; width:95px; padding:10px 0; text-align:center;  }


/* 메인페이지 박스설정 css */
.mainAreaEditBorder {position:relative !important; }
.mainAreaEditBorder .mainAreabg{left:0; bottom:0; right:0; width:100%; height:100%; background:url('../img/bg_area.png') repeat; position:absolute; z-index:2000;}
.mainAreaEditBorder .mainAreatitle{left:0 !important; bottom:0 !important; width:100%; background:url('../img/bg_area_bar.png') repeat-x; position:absolute; z-index:2001;}

.common_inputform input[type="text"]{
	padding:0 10px; 
	border:1px solid #dddddd; 
	font-size:14px; 
	background:#fff; 
	line-height:34px; 
	height:33px; 
	vertical-align:middle;
}
.common_inputform select{
	line-height:35px; 
	height:35px; 
	border:1px solid #dddddd; 
	padding:0 10px;
	font-family: 'Noto Sans KR' !important; 
}





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

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

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

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

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

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

.notos900 {font-family: 'Noto Serif KR' !important; font-weight:900 !important;}
.notos900 a{font-family: 'Noto Serif KR' !important; font-weight:900 !important;}
.notos900 a:hover{font-family: 'Noto Serif KR' !important; font-weight:900 !important;}

/* Font-style */



/* 모달팝업 */
.happy_modal_popup_wrap {
	width:100%;
	height:100%;
	border: 1px solid #e9e9e9;
	z-index: 110;
	border-radius: 7px;
	overflow: hidden;
	padding: 25px;
	background: #fff;
	box-sizing: border-box;
}

.happy_modal_popup_header {
	display: table;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #eaeaea;
}

.happy_modal_popup_title {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

.happy_modal_popup_close {
	display: table-cell;
	vertical-align: top;
	text-align: right;
}

.happy_modal_popup_close span:hover {
	color:#333 !important;
}

/* 하단에 버튼 항상출력 상하단을 제외한 컨텐츠 높이 */
.happy_modal_popup_contents {
	overflow:auto;
	height: calc(100% - 130px);
}

/* 상단을 제외한 컨텐츠 높이 */
.happy_modal_popup_contents_s {
	overflow:auto;
	height: calc(100% - 40px);
}

.happy_modal_popup_btn {
	padding-top:33px;
	text-align:center;
}
.happy_modal_popup_sub_title {
	padding-bottom:15px;
}
.happy_modal_popup_sub_title_icon {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-top:3px;
	border:3px solid #f43142;
}
.happy_modal_popup_sub_title_text {
	padding-left:5px;
	color:#333;
	letter-spacing:-0.5px;
	vertical-align:middle;
}

/*모달 팝업에서 간격 폰트(게시글 신고하기)*/
.happy_modal_popup_contents_report .my_page_pop_table{
	border-top:1px solid #e9e9e9;
	margin-top:20px;
}
.happy_modal_popup_contents_report .my_page_pop_table tr th{
	background:#f7f7f7;
	width:140px;
	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;
	height:60px;
}
.happy_modal_popup_contents_report .my_page_pop_table tr td{
	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;
}
.happy_modal_popup_contents_report .my_page_pop_table tr td span{
	font-size:15px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
}
.happy_modal_popup_contents_report{
	overflow:auto;
	height: calc(100% - 130px);
}
.happy_modal_popup_contents_report::-webkit-scrollbar{width: 5px;}
.happy_modal_popup_contents_report::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2); border-radius:0px; transition:all 0.5s;}
.happy_modal_popup_contents_report::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2); border-radius:0px; transition:all 0.5s;}
.happy_modal_popup_contents_report::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.1); background:rgba(0,0,0,0.1); border-radius:0;}