/* noto-sans-kr-100 - latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../font/noto-sans-kr-v13-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../font/noto-sans-kr-v13-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/noto-sans-kr-v13-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/noto-sans-kr-v13-latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../font/noto-sans-kr-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../font/noto-sans-kr-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/noto-sans-kr-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/noto-sans-kr-v13-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
/* noto-sans-kr-700 - latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../font/noto-sans-kr-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../font/noto-sans-kr-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/noto-sans-kr-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../font/noto-sans-kr-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../font/noto-sans-kr-v13-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'PyeongChangPeace';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChangPeace-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChangPeace-Light.eot?#iefix') format('embedded-opentype'),
        /* url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChangPeace-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChangPeace-Light.woff') format('woff'), */
        url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChangPeace-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'PyeongChang';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChang-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChang-Regular.eot?#iefix') format('embedded-opentype'),
         /* url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChang-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChang-Regular.woff') format('woff'), */
         url('https://cdn.jsdelivr.net/gh/webfontworld/PyeongChang/PyeongChang-Regular.ttf') format("truetype");
    font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/abrilfatface/v19/zOL64pLDlL1D99S8g8PtiKchq-lmjdLh.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/abrilfatface/v19/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
/* MaruBuri-Regular */
/* @font-face { 
	font-family: 'MaruBuri-Regular'; 
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff'); 
	font-weight: 300; 
	font-style: normal;
} */

/*
    font-family: 'MaruBuri';
    font-family: 'MaruBuriSemiBold';
    font-family: 'MaruBuriBold';
    font-family: 'MaruBuriLight';
    font-family: 'MaruBuriExtraLight';
*/

/* MaruBuri-Regular */
html, body, body *, div, a, span, input, select, p, .batang, button, .login_btn, .Table input::placeholder, .pointText .text, .note-editable {
	font-family: 'Noto Sans KR', sans-serif;
	/*font-family: 'MaruBuri', 'MaruBuri-Regular', serif;
	letter-spacing:-0.05rem;*/
}

/* noto-sans-kr */
html.gothic body *:not(i), body.gothic *:not(i), body.gothic .note-editable, html.gothic input::placeholder, html.gothic textarea::placeholder {
	/* font-family: 'Noto Sans KR', 'Noto Sans Light', 'Malgun Gothic', sans-serif !important; */
	/* font-weight:normal !important; */
	letter-spacing:normal !important;
}

html:not(.gothic) strong{
	font-family: 'MaruBuriSemiBold', 'MaruBuriBold', 'MaruBuri-Regular', serif;
	font-weight:700;
}

b, strong {
	font-weight : 600;
}

.lig{
	font-weight: 100;
}
.leg {
	font-weight: 300;
}

.mid {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}

@media (max-width: 1199px){

	html.gothic .Content, html.gothic .Content p, html.gothic .Content div, html.gothic .Content p * {
		font-size: 18px;
	}
	html.gothic .textCommnet {
		font-size: 0.91rem;
	    letter-spacing: -0.015em !important;
	}
}

/* darkmode */
html.darkmode,
html.darkmode body, 
html.darkmode body *:not(
	i,
	img, 
	button, button *, 
	select,
	.btnGreen, .btnGreen *, 
	li.on, 
	.point, 
	.day_txt, 
	.val,
	.greenTop, .greenTop *, 
	.modal_my_profile *,
	#calDataArea a,
	.count_box,
	a.btn *,
	.btnGray *,
	#myInfo .camera,
	.switch .slider.round,
	.Location,
	.whiteBtn,
	.btnWhite,
	.ch_name,
	.User .UserText,
	.User .writeDate,
	.info .memName,
	.comment-name,
	.content.batang.cut,
	.batang.Areacontent.cut,
	.replyCommnet .textCommnet,
	.date.comment-date,
	.date.batang,
	.diaryContent *,
	.pointText .text,
	input[type=text],
	input[type=password],
	input[type=number],
	.titleInput,
	.greenCircle,
	.green,
	.emotion label,
	.loginBtn input,
	.cd_ui_year, .cd_ui_area *,
	.selectric, .selectric *,
	.selectric-items, .selectric-items *,
	.search input[type="button"],
	input:checked+.slider,
	.textLauncherIcon,
	.note-toolbar .note-color *,
	.user_select,
	.nanumbangBox .smallText,
	.helpTextarea,
	.pointText .point,
	#ch-plugin, #ch-plugin *,
	.note-editable pre,
	.left_box, .left_box *,
	.sortBox, .sortBox *,
	.favorite,
	.contentArea.moment .cutTitle,
	.contentArea.moment .quote,
	.momentArea,
	.momentArea *,
	.momentBody,
	#sectionMoment,
	#sectionMoment *,
	.openLine.titleInput,
	.writeModeBtn.typingMode,
	.momentWrite .guideTxt,
	.momentCounts,
	.ocrUploadBox,
	.ocrUploadBox *,
	textarea[name=momentCnts],
	.audioColumnHeader *,
	.no-dm,
	.no-dm-all *,
	.on
){
	background-color:#121212;
	color:#e7e7e7 !important;
	font-weight:300;
}

html.darkmode .content.batang.cut,
html.darkmode .batang.cutTitle.BigText,
html.darkmode header .PcNone > .wrap,
html.darkmode header .PcNone > .wrap > .side-menu,
html.darkmode header .PcNone > .wrap > .side-menu > a.on{
	background:#121212 !important;
	background-color:#121212 !important;
	  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

html.darkmode .PcNone .side-menu{
	height:52px;
}

html.darkmode #momentPop .AddWhite.custom{
	background-color:transparent !important;
}
html.darkmode .pop_momentCnts textarea[name=momentCnts]{
	color:#121212 !important;
}

html.darkmode .contentArea.thumbMode{
	border-bottom:0px !important;
}

html.darkmode header .alertIcon img.light,
html.darkmode .note-toolbar .note-color{
	display:none;
}
html.darkmode header .alertIcon img.dark{
	display:block;
}
html.darkmode .content.batang.cut,
html.darkmode .batang.Areacontent.cut,
html.darkmode .diaryContent, html.darkmode .diaryContent *:not(pre),
html.darkmode .date.comment-date,
html.darkmode .nanumbangBox .smallText,
html.darkmode .helpTextarea,
html.darkmode .replyCommnet .textCommnet{
	color:#b7b7b7 !important;
}
html.darkmode .ch_name,
html.darkmode .User .UserText,
html.darkmode .User .writeDate,
html.darkmode .info .memName,
html.darkmode .comment-name,
html.darkmode .date.batang,
html.darkmode .emotion label,
html.darkmode .pointText .text{
	color:#828282 !important;
}
html.darkmode div:not(.titleInput) input[type=text]:not(.diaryTitle),
html.darkmode input[type=password],
html.darkmode input[type=number]{
	background-color:#232323 !important;
	border:0.05rem solid #676767;
	color:#fff;
}
html.darkmode .titleInput input[type=text].diaryTitle{
	color:#fff;
}
html.darkmode .loginBtn input{
	background-color:#676767 !important;
	border:1px solid #777;
	color:#e7e7e7;
}
html.darkmode .contentArea.Noti .point, html.darkmode .contentArea.Event .point, html.darkmode .contentArea.QnA .point, .bannerArea .point{
	background-color:#869095 !important;
}
html.darkmode .contentArea.Diary .point{
	background-color:#b02831 !important;
}
html.darkmode .contentArea.Column .point{
	background-color:#287abb !important; /* 0c83c2 */
}
html.darkmode .contentArea.shared .point{
	background-color:#5a9803 !important;
}
html.darkmode .contentArea.Rcmd .point{
	background-color:#e49702 !important; /* #e1c60f */
}

html.darkmode .PcNone .side-menu{
	border-top:0.04rem solid #676767 !important;
}
html.darkmode .PcNone .side-menu .imgIcon img{
	filter:contrast(0%) brightness(140%);
}
/*
html.darkmode .side-menu:not(.inCludeSideMenu) a:not(.on) .menuIcon .imgIcon{
	border:0.08rem solid #ababab;
}
html.darkmode .side-menu:not(.inCludeSideMenu) a.on .menuIcon .imgIcon{
	border:0.08rem solid #7cba25;
}
*/
html.darkmode .Launcherstyled__TextLauncher-oef45p-1{
	background-color:transparent !important;
}
html.darkmode .contentArea .Areacontent, 
html.darkmode #guideHtml .modal_inner{
	background-color:#121212 !important;
}
html.darkmode .switch input:not(:checked)+.slider{
	background-color:#777;
}
html.darkmode .cd_ui_area ul{
	border-radius:5px;
}
html.darkmode .select_date select{
	padding:10px 12px !important;
	border:1px solid #232323;
}
html.darkmode .modal_my_profile{
	background-color:#777 !important;
}
html.darkmode .modal_my_profile .pop_momentCnts textarea,
html.darkmode .AddWhite{
	background-color:#b0b0b0 !important;
}
html.darkmode .modal_my_profile .selectric{
	background-color:#fff !important;
}

html.darkmode body.home .ColumnMark{
	background-color:transparent !important;
}
html.darkmode body.home #section4{
	/*background-image: none !important;*/
	background: rgba(0, 0, 0, .65);
	background-blend-mode: darken;
	margin-bottom:-20px;
}
html.darkmode  body.home .admin_name{
	margin-bottom:5px;
}
html.darkmode .whiteBtn, html.darkmode .blackBtn{
	border:0px solid transparent;
}
html.darkmode .contentArea.selectedItem, 
html.darkmode .contentArea.selectedItem *:not(.pointText .point),
html.darkmode .btnGray, html.darkmode .btnGray *:not(.greenCircle),
html.darkmode .note-editor, html.darkmode .note-editor *:not(pre),
html.darkmode body.home #section1, html.darkmode body.home #section1 *:not(button, .user_select, textarea[name=momentCnts]),
html.darkmode body.home .communityTable th,
html.darkmode #section1-1, html.darkmode #section1-1 *,
html.darkmode #calDataArea td.selected, html.darkmode #calDataArea td.selected *:not(.count_box),
html.darkmode .calendar_table thead th,
html.darkmode .initBlank,
/* html.darkmode .titleInput input, */
html.darkmode .overScroll, html.darkmode .overScroll *:not(button),
html.darkmode .greenBtn:not(.momentBtn), html.darkmode .greenBtn:not(.momentBtn) *,
html.darkmode .LastArea .comment.batang, html.darkmode .LastArea .comment.batang *,
html.darkmode .titleInput,
html.darkmode .textarea,
html.darkmode .SelectAndSearch, html.darkmode .SelectAndSearch *,
html.darkmode .BoxWhite
{
	background-color:#232323 !important;
}
html.darkmode body.home button.brown{
	background-color:#676767;
}
html.darkmode .titleInput input{
	border:0px solid #000 !important;
}
html.darkmode .btnGray, html.darkmode .btnGray *:not(.greenCircle){
	background-color:#343434 !important;
}
html.darkmode .bookmake_btn, html.darkmode .calendar_btn{
	background-color:#676767 !important;
	color:#e7e7e7 !important;
	border:1px solid transparent !important;
}
html.darkmode .btnGray *{
	color:#b7b7b7;
}
html.darkmode .btnGray img{
	filter:grayscale(1) brightness(160%) contrast(170%)
}
html.darkmode .btn{
	background-color:#232323 !important;
	border:0.05rem solid #676767;
	color:#e7e7e7 !important;
}
html.darkmode .btnSearch{
	border:0.05rem solid #e1e1e1 !important;
}
html.darkmode select[name=dutyTypeCd]{
	color:#e7e7e7 !important;
	background-color:#676767 !important;
}

html.darkmode .note-editor *{
	color:#e7e7e7 !important;
}
html.darkmode .note-editor pre, html.darkmode .Content pre{
	color:#b7b7b7;
	background-color:#676767;
	border:0.05rem solid #555;
}
html.darkmode .note-mybutton1 > button:first-child, html.darkmode .note-mybutton1 > button:first-child i, html.darkmode .note-mybutton1 .note-picture{
	background-color:#6da61d !important;
}
html.darkmode .note-mybutton1 .note-picture i{
	background-color:transparent !important;
}

html.darkmode .whiteBtn,
html.darkmode .whiteBtn2,
html.darkmode .btnWhite, html.darkmode .btnWhite *:not(span),
html.darkmode .btnWhite2,
html.darkmode .btnSmall,
html.darkmode .smallBtn:not(.grn, .on){
	background-color:#676767;
	border:0rem solid #555;
	color:#e7e7e7;
}
html.darkmode .tabMenu li.on a{
	background-color:rgb(85, 85, 85) !important;
}

html.darkmode #txtMoreLoading img.white{
	display:none;
}
html.darkmode #txtMoreLoading img.black{
	display:block;
	padding-left:calc(50% - 35px);
}

html.darkmode .diaryContent .point{
	color:#e75226;
}
html.darkmode .contentArea,
html.darkmode .settingLine,
html.darkmode .hideNav li:not(:last-child),
html.darkmode .divTable
html.darkmode .divTable:last-child{
	border-bottom:0.03rem solid #555 !important;
}
html.darkmode .hideNav li{
	border-top:0px solid #555 !important;
	border-bottom:0.03rem solid #555 !important;
}
html.darkmode div:not(.dailyCheckBox) > .border{
	border:0.05rem solid #555 !important;
	border-radius:5px;
}
html.darkmode div:not(.writeOption, .titleInput).openLine{
	border:0.05rem solid #6da61d;
}
html.darkmode .optionBox, html.darkmode .optionBox *:not(button){
	background-color:#454545 !important;
}
html.darkmode .overScroll{
	border:0.05rem solid #555;
	background-color:#232323;
}
html.darkmode .btn.btnWhite span{
	color:#121212 !important;
}
html.darkmode .comment,
html.darkmode textarea,
html.darkmode .writeBtn button,
html.darkmode input[type=number]{
	border:0.05rem solid #333;
}
html.darkmode .BoxWhite{
	border:0rem solid #aaa;
	padding:0 1rem;
	background-color:#343434 !important;
}
html.darkmode .makeAmityRoom .BoxWhite{
	padding:0 1.5rem;
}
html.darkmode #groupListArea ul.menuUl > li,
html.darkmode #roomListArea ul.menuUl > li,
html.darkmode .communityTable th,
html.darkmode .sponsor_links .list,
html.darkmode .sponsor2 li,
html.darkmode .alramLine,
html.darkmode .roomMainSubList,
html.darkmode .church li:not(:last-child),
html.darkmode ul.menuUl > li:not(:last-child){
	border-bottom:0.05rem solid #676767 !important;
}
html.darkmode ul.menuUl > li.menu:first-child{
	border-top:0px solid #000;
}
html.darkmode .calendar_btn{
	border:1px solid rgb(124, 186, 37);
}
html.darkmode .nextArea,
html.darkmode .reply2{
/*html.darkmode ul.hideNav li{*/
	border-top:0.03rem solid #555;
}
html.darkmode .previousArea,
html.darkmode .divTable:not(.titleInput, .editor){
	border-top:0.03rem solid #555;
	border-bottom:0.03rem solid #555;
}
html.darkmode select, html.darkmode .makeBook{
	background-color:#676767 !important;
	border:0.05rem solid #121212;
	color:#e7e7e7 !important;
	border-radius:5px;
}
html.darkmode #searchCombo select{
	margin-right:4px;
}
html.darkmode .note-toolbar button{
	border:0.05rem solid #676767 !important;
}
html.darkmode .modal_visibility .modal_header{
	border-top:0px;
}
html.darkmode .find_btn_box li{
	background-color:#343434 !important;
}
html.darkmode .note-editor.note-frame{
	border:0.05rem solid #676767;
}
html.darkmode .note-toolbar.panel-heading{
	border-bottom:0.05rem solid #676767 !important;
}
@media(min-width:1200px){
	html.darkmode footer, html.darkmode footer *:not(button){
		background-color:#232323 !important;
	}
	html.darkmode .date.batang{
		background-color:#121212;
	}
	html.darkmode .left_box{
		border-right:0.03rem solid #333;
		box-shadow:3px 3px 3px rgb(255 255 255 / 10%);
		background-color:transparent;
	}
	html.darkmode .hideNav li,
	html.darkmode #groupListArea > .menuUl > .menu_one{
		border-top:0px solid #000;
	}
	html.darkmode .column_sort .selectric{
		border-radius:5px;
		border:0rem solid #676767 !important;
		background-color:#676767;
	}
	html.darkmode .column_sort .selectric *{
		color:#e7e7e7;
	}
	html.darkmode .selectric-items, html.darkmode .selectric-items ul{
		background-color:#676767;
		border:0px;
	}
	html.darkmode .column_sort .selectric-items .selectric-scroll li{
		border:0px;
	}
	html.darkmode .User.myInfo .user_select{
		background-color:#fff;
	}
	html.darkmode select{
		padding:8px 10px;
	}
	html.darkmode .openPop1, html.darkmode .openPop2{
		background-color:rgb(90,90,90,0.9) !important;
	}
	html.darkmode #guideContent, html.darkmode #guideContent *,
	html.darkmode #modal_writeGuide_STD, html.darkmode #modal_writeGuide_STD .guideHtml-block, html.darkmode #modal_writeGuide_STD .guideHtml-block *{
		background-color:#333 !important;
	}
	html.darkmode .MNone .inCludeSideMenu a:not(.on){
		color:#e7e7e7;
	}
}
html.darkmode .profile-image, html.darkmode .list-profile-image{
	border:0.01rem solid #131313;
}
html.darkmode .inform-layer .inform-list{
	border:1px solid #121212 !important;
}
html.darkmode .inform-layer li:not(:first-child){
	border-top:1px solid #121212 !important;
}
html.darkmode .inform-layer .inform-list li, html.darkmode .inform-layer .inform-list li *{
	background-color:#343434 !important;
	color:#fff;
}
html.darkmode #layerInformPop .pop-container, html.darkmode #layerInformPop .pop-container .pop-conts{
	background-color:#343434 !important;
	color:#fff;
}
html.darkmode #layerInformPop .pop-container .pop-conts *:not(ul, button){
	background-color:transparent !important;
}
html.darkmode #layerInformPop .pop-container .pop-conts ul{
    background-color: #454545;
    border: 1px solid #343434 !important;
}
html.darkmode #layerInformPop .pop-container .pop-conts ul li:not(:first-child){
    border-top: 1px solid #343434;
}

html.darkmode body.home #section1 .momentWrite .guideTxt.kr{
	background-color:transparent !important;
}
html.darkmode body.home #section1 .wrap,
html.darkmode body.home #section1.momentWriteBox .momentBox .momentWrite,
html.darkmode body.home #section1.momentWriteBox .momentBox .momentBtns,
html.darkmode body.home #section1.momentWriteBox .momentBox{
	background-color:#f7efac !important;
}
html.darkmode #momentList .momentCnts .momentBalloon .momentConts,
html.darkmode body.home #section1.momentWriteBox .momentBox .momentWrite textarea{
	color:#000 !important;
}

html.darkmode .momentArea,
html.darkmode #momentList .momentCnts .momentBalloon,
html.darkmode #momentList .momentCnts .momentBalloon *{
	background-color:#f7efac !important;
}
html.darkmode #momentList .momentCnts .momentBalloon:after{
	border-top: 15px solid #f7efac !important;
}
html.darkmode .pop_momentCnts,
html.darkmode .pop_momentCnts *,
html.darkmode .pop_momentWrapper *{
	color:#232323;
}
html.darkmode textarea[name=momentCnts]{
	border:0px solid transparent !important;
	background-color:transparent !important;
	color:#fff !important;
}
html.darkmode .momentWrite .guideTxt,
html.darkmode .momentCounts{
	color:#787878;
}

html.darkmode #jydateBox li:not(.selected),
html.darkmode .cd_ui_area li.be.active{
	color:#e7e7e7;
}