/*
@import url('../css/page_style.css?ver=20210209');
@import url('../css/bbs_style.css?ver=20210209');
*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


/* Reset */
html,body{width:100%;height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:17px; line-height:normal}
html>/**/body { overflow-y:scroll; }
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
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: 'Pretendard',Sans-serif;
	 font-size:18px; 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;}

/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.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} /* 테이블 초기화 */
.page table{margin:0 auto}



/* 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_21 { font-size:21px;}
.font_22 { font-size:22px;}
.font_23 { font-size:23px;}
.font_24 { font-size:24px;}
.font_25 { font-size:25px;}
.font_26 { font-size:26px;}
.font_27 { font-size:27px;}
.font_28 { font-size:28px;}
.font_29 { font-size:29px;}
.font_30 { font-size:30px;}
.font_31 { font-size:31px;}
.font_32 { font-size:32px;}
.font_33 { font-size:33px;}
.font_34 { font-size:34px;}
.font_36 { font-size:36px;}

.font_dotum{font-family:'돋움',Dotum,'맑은 고딕',malgun gothic,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:tahoma,verdana,'굴림',Gulim,'돋움',Dotum,'맑은 고딕',malgun gothic,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',malgun gothic,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕',malgun gothic,'돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important; word-spacing:-1px;}
.font_nanum{font-family:NanumGothic,malgun gothic,'나눔고딕','맑은 고딕',malgun gothic,'돋움',Dotum,'굴림',Gulim,tahoma,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_verdana{font-family:verdana,NanumGothic,malgun gothic,'나눔고딕','맑은 고딕',malgun gothic,'돋움',Dotum,'굴림',Gulim,tahoma,Helvetica,'Apple SD Gothic Neo',Sans-serif;}

/* Wys2 reset */
#ct{font-size:18px;}
#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 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:18px;}
.ct *{font-size: inherit;}
.ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align:justify;}
.ct table{border-collapse: separate}
.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}



/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */
.ellipsis_line1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ellipsis_line1_clamp {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;}
.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;}
/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */


/* 본고딕 */
.noto100 {font-family: 'Pretendard' !important; font-weight:100 !important; }
.noto100 a{font-family: 'Pretendard' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Pretendard' !important; font-weight:100 !important;}

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

.noto400 {font-family: 'Pretendard' !important; font-weight:500 !important;}
.noto400 a{font-family: 'Pretendard' !important; font-weight:500 !important;}
.noto400 a:hover{font-family: 'Pretendard' !important; font-weight:500 !important;}

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

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

.noto900 {font-family: 'Pretendard' !important; font-weight:900 !important;}
.noto900 a{font-family: 'Pretendard' !important; font-weight:900 !important;}
.noto900 a:hover{font-family: 'Pretendard' !important; font-weight:900 !important;}


/* 모달 팝업 관련 CSS */
/* PC의 경우 모달 세로 사이즈가 해상도 보다 클 경우 스크롤바를 만들기 위한 소스*/
.blocker {
overflow: auto !important;
}

/* class="blocker" */
.happy_modal_bg_color_1 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.05) !important;
}

.happy_modal_bg_color_2 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.1) !important;
}

.happy_modal_bg_color_3 {
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.5) !important;
}

.happy_modal_bg_color_4 {
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.5) !important;
}

.happy_modal_bg_color_5 {
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.02) !important;
}
/* class="blocker" */



/* class="blocker" */
.happy_modal_left_class {
text-align:left !important;
}

.happy_modal_center_class {
text-align:center !important;
}

.happy_modal_right_class {
text-align:right !important;
}
/* class="blocker" */



/* class="modal" */
.happy_modal_top_class {
vertical-align: top !important;
}

.happy_modal_middle_class {
vertical-align: middle !important;
}

.happy_modal_bottom_class {
vertical-align: bottom !important;
}
/* class="modal" */
/* 모달 팝업 관련 CSS */