/* Reset */
html{font-size:14px; font-weight:normal; line-height:1.5;}
html,body{width:100%;height:100%;}
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:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','맑은 고딕',sans-serif;}
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;}
*:not(img) {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;}
/* Reset */


/* 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} /* 테이블 초기화 */
.clear_area:after {content:""; display:block;}
.clear_area:after{clear:both; display:block; content:"";}
/* Common */


/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_12 { font-size:12px;}
.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_22 { font-size:22px;}
.font_24 { font-size:24px;}
.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;}

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




.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 */



/* 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 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;}


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

.ellipsis_line1, .ellipsis_line1_bk {
	overflow:hidden !important;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	max-width:100%;
}
.ellipsis_line1 {
	display:inline-block;
}

.ellipsis_line1_bk {
	display:block !important;
}

.ellipsis_line1_clamp,
.ellipsis_line2,
.ellipsis_line3,
.ellipsis_line4,
.ellipsis_line5 {
	overflow:hidden !important;
	text-overflow:ellipsis;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-o-text-overflow:ellipsis;
}
.ellipsis_line1_clamp {-webkit-line-clamp:1;}
.ellipsis_line2 {-webkit-line-clamp:2;}
.ellipsis_line3 {-webkit-line-clamp:3;}
.ellipsis_line4 {-webkit-line-clamp:4;}
.ellipsis_line5 {-webkit-line-clamp:5;}




/* UIKIT 초기화 */
*:focus {outline:none;}

b,strong {font-weight:500;}


a:active{color:#383838;text-decoration:none; outline:none;}

a,
.uk-link {
	color:#383838;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
	color: #383838;
	text-decoration: none;
}
abbr[title] {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6{line-height:inherit;}

img {
	max-width:initial;
	height:initial;
	box-sizing:inherit;
}

sup {vertical-align:super; font-size:smaller; top:0;}
sub{vertical-align:sub; font-size:smaller; bottom:0;}

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
	margin:0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
	margin-top:0px;
}

ul,
ol {
	padding-left:0px;
}

.uk-table th {
	color:#000;
	background-color:rgba(250, 250, 250, 1);
}

.uk-icon {
	line-height:inherit;
}

.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
	border-radius:0.3em;
}

.uk-input,
.uk-select,
.uk-textarea {
	border-radius:0.2em;
}

.uk-button {
	border-radius:0.2em;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.20);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.20);
}


.uk-subnav {
	margin-left:0px;
}

.uk-subnav > * {
	padding-left:10px;
}

.uk-subnav > * > :first-child {
	font-size:15px;
	border-radius:25px;
}

.uk-subnav > *:first-child {
	padding-left:0px;
}

.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
	height:1.2em;
}

.uk-subnav-pill > * > :first-child {
	padding:8px 17px;
	background:#efefef;
}

.uk-subnav-pill > * > a:hover,
.uk-subnav-pill > * > a:focus {
	background-color:var( --main-color-8 );
	color:#fff;
}

.uk-subnav-pill> .uk-active > a {
	background-color:var( --main-color-10 );
	color: #fff;
}

.uk-subnav-pill > * > a:active {
	background-color:var( --main-color-10 );
	color:#fff;
}

.uk-thumbnav > * {
	padding-bottom:15px;
}

.uk-thumbnav > li > a > img {
	border-radius:8px;
}

.uk-thumbnav > * > :hover,
.uk-thumbnav > * > :focus {
	border:none;
}
.uk-thumbnav > * > :hover::after,
.uk-thumbnav > * > :focus::after {
	background-color:transparent;
	border:3px solid rgba(0, 0, 0,0.8);
	border-radius:5px;
}

.uk-thumbnav > .uk-active > *::after {
	background-color:transparent;
	border:3px solid rgba(0, 0, 0,0.8);
	border-radius:5px;
}

.uk-accordion > :nth-child(n+2) {
	margin-top:0px;
}

.uk-accordion-title:hover,
.uk-accordion-title:focus {
	color:inherit;
}

.uk-accordion-content {
	margin-top:0px;
}

.uk-drop {
	width:inherit;
	max-width:inherit;
}

[class*='uk-drop-bottom'] {
	margin-top:0px;
}

.uk-dropdown {
	display:none;
	width:230px;
	min-width:130px !important;
	padding:0px;
	background:#f2f3f5;
	color:#000000;
	border-radius:3px;
	border:1px solid #dadada;
	padding:5px 0;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
}

.uk-dropdown-nav {
	font-size:14px;
}

.uk-dropdown-nav > li > a {
	color:#000000;
	display:inline-block;
	height:36px;
	padding:10px 20px 0 20px;
	text-align:left;
	width:100%;
	font-size:14px;
	line-height:1.1;
}

.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
	color:#ffffff;
	background:var( --main-color-10 );
}

[class*='uk-dropdown-left'] {
	margin-top:-2px;
}

[class*='uk-dropdown-right'] {
	margin-left:210px;
}

.uk-slideshow-items {
	border-radius:5px;
}

.uk-notification-message-primary {
	color:var( --main-color-10 );
}

.uk-tooltip {
	z-index:9999999999;
	max-width:300px;
}

[class*='uk-tooltip-top'] {
	margin-top:-8px;
}
[class*='uk-tooltip-bottom'] {
	margin-top:8px;
}
[class*='uk-tooltip-left'] {
	margin-left:-8px;
}
[class*='uk-tooltip-right'] {
	margin-left:8px;
	margin-top:0px;
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus) {
	opacity:0 !important;
}

blockquote{
	font-style:normal
}

::selection,
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-button-primary,
.uk-section-primary,
.uk-tile-primary,
.uk-card-primary,
.uk-card-primary.uk-card-hover:hover,
.uk-badge,
.uk-label,
.uk-subnav-pill > .uk-active > a,
.uk-progress::-webkit-progress-value,
.uk-progress::-moz-progress-bar,
.uk-progress::-ms-fill,
.uk-background-primary {
	background:var( --main-color-10 );
}

@supports (-webkit-background-clip: text) {
	.uk-text-background {
		background-color:var( --main-color-10 );
	}
}

a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading,
.uk-link-toggle:focus .uk-link-heading,
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-alert-primary
{
	color:var( --main-color-10 );
}

.uk-text-primary,
.uk-text-background {
	color:var( --main-color-10 );
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus,
.uk-radio:focus,
.uk-checkbox:focus,
.uk-tab > .uk-active > a
{
	border-color:var( --main-color-10 );
}

.uk-offcanvas-overlay::before {
	background: rgba(0, 0, 0, 0.3);
}

/* UIKIT 초기화 */



/* 모달 팝업 관련 CSS */
/* 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 */