@charset "utf-8";

/***************************************************************
	Design Manager Setting Style: 자동생성 CSS
---------------------------------------------------------------
	- 최종 수정일 : 2025-12-02 11:57:48 
	- 모바일 사이즈 기준 (공통) : 1024px
***************************************************************/

/* 손글씨 */
/* 노회찬체 */
@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 영주선비체 */
@font-face {
    font-family: 'YEONGJUSeonbiTTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2403@1.0/YEONGJUSeonbiTTF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 인천교육자람체 */
@font-face {
    font-family: 'iceJaram-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 인천교육시민체 */
@font-face {
    font-family: 'iceSimin-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceSimin-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* IM혜민체 */
@font-face {
    font-family: 'IM_Hyemin-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 휴먼범석체 */
@font-face {
    font-family: 'Humanbumsuk';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Humanbumsuk.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 김정철손글씨 */
@font-face {
    font-family: 'KimjungchulScript-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 교보손글씨 2019 */
@font-face {
    font-family: 'KyoboHand';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 오뮤 다예쁨체 */
@font-face {
    font-family: 'omyu_pretty';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 온글잎 매일옥자체 */
@font-face {
    font-family: 'Ownglyph_Dailyokja-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2403@1.0/Ownglyph_Dailyokja-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 열아홉의 반짝임 */
@font-face {
    font-family: 'Syning_19';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Syning_19.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* KCC도담도담체 */
@font-face {
    font-family: 'KCC-DodamdodamR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCC-DodamdodamR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* KCC임권택체 */
@font-face {
    font-family: 'KCCImkwontaek';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCCImkwontaek.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* KCC김환기체 */
@font-face {
    font-family: 'KCC-Kimhwanki';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCC-Kimhwanki.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* KCC손기정체 */
@font-face {
    font-family: 'KCC-Sonkeechung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KCC-Sonkeechung.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 둘기마요 */
@font-face {
    font-family: 'Dovemayo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/Dovemayo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/* 캘리폰트 */
/* 밀양해맑은상상체 */
@font-face {
    font-family: 'MYHaemalgeunSangsang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/MYHaemalgeunSangsang.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 밀양영남루체 */
@font-face {
    font-family: 'MYYeongnamnu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/MYYeongnamnu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 학교안심 가을소풍 */
@font-face {
    font-family: 'HakgyoansimGaeulsopungB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimGaeulsopungB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}





/* 두꺼운 장식체 */
/* 기후위기-한글 */
@font-face {
    font-family: 'ClimateCrisisKR-1979';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/ClimateCrisisKR-1979.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

/* 기후위기-한글 VF */
@font-face {
    font-family: 'ClimateCrisisKRVF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/ClimateCrisisKRVF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 상주곶감체 */
@font-face {
    font-family: 'SANJUGotgam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 평창평화체 */
@font-face {
    font-family: 'PyeongChangPeace-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 모노플렉스WideNerd Italic */
@font-face {
    font-family: 'MonoplexKRWideNerd-BoldItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_Monoplex-widenerd@1.0/MonoplexKRWideNerd-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* 산돌 삼립호빵체 Outline */
@font-face {
    font-family: 'SDSamliphopangche_Outline';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/* 고딕 */
/* 조선굴림체 */
@font-face {
    font-family: 'ChosunGu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 조선굵은고딕 */
@font-face {
    font-family: 'ChosunKg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 조선가는고딕 */
@font-face {
    font-family: 'ChosunSg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunSg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 나눔바른펜 */
@font-face {
    font-family: 'NanumBarunpen';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 에스코어드림 */
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/* 수트 */
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 둘기마요고딕 */
@font-face {
    font-family: 'Dovemayo_gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.1/Dovemayo_gothic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 넥슨 Lv.2 고딕 */
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
}

/* 스위트 */
@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

/* Interop */
@font-face {
  font-family: 'Interop';
  src: url('https://raw.githubusercontent.com/payw-org/Interop/main/web/fonts/Interop-Regular.woff2')
      format('woff2'),
    url('https://raw.githubusercontent.com/payw-org/Interop/main/web/fonts/Interop-Regular.woff')
      format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 순천체 */
@font-face {
    font-family: 'SuncheonR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/SuncheonR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 코레일 장체 */
@font-face {
    font-family: 'KORAILCondensed-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KORAILCondensed-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 코레일체 */
@font-face {
    font-family: 'KORAIL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KORAIL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 서울남산체 */
@font-face {
    font-family: 'SeoulNamsanM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* 명조 */
/* 아리따부리 */
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 


/**************************************************************
	기본 레이아웃
***************************************************************/

.fix-layout { max-width:1160px; }
@media all and (max-width:1160px) {
	.fix-layout { max-width:1040px; }
	#body > .fix-layout > .mid-layout {padding-left:20px; padding-right:20px;}
}


/**************************************************************
	기본 폰트 설정
***************************************************************/

* {font-family:'SeoulNamsanM', sans-serif; }
body { color:rgb(105,46,103); font-size:12px; font-family:'SeoulNamsanM', sans-serif; }
.txt-default { color:rgb(255,166,163); }
a, .txt-point, .sch_word { color:rgb(233,180,238); }

.txt-menu-font {font-family:'SDSamliphopangche_Outline', sans-serif; }


/**************************************************************
	사이트 배경 설정
***************************************************************/

.enterWrapper { background-color:rgba(236,198,198,0.1); }
.enterWrapper .guide { color:rgb(209,209,209); font-size:17px; font-family:'PyeongChangPeace-Light', sans-serif; }


@media all and (min-width: 1025px) { 
	.admin-preview-box,
	html.single:before { background-image:url('https://images.unsplash.com/photo-1521133573892-e44906baee46?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); background-color:rgb(255,255,255); background-repeat:no-repeat; background-size:cover; }
}

@media all and (max-width: 1024px) {
	.admin-preview-box,
	html.single:before { background-image:url('https://images.unsplash.com/photo-1521133573892-e44906baee46?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); background-color:rgb(255,255,255); background-repeat:no-repeat; background-size:cover; }
}


/**************************************************************
	메뉴 스타일 설정
***************************************************************/

/* 관리자 미리보기 스타일 정의 */
.admin-preview-box .gnbWrap { font-size:70px; }
.admin-preview-box .gnbWrap .tooltips { font-family:'SDSamliphopangche_Outline', sans-serif; }

#topCont a .icons,
.icons-link-box .icons,
.admin-preview-box .gnbWrap .icons { color:rgb(117,216,218); }

#topCont a .icons:before,
.icons-link-box a .icons:before,
.admin-preview-box .gnbWrap .icons:before { border-radius:100%; background-color:rgba(255,249,235,0); border-color:rgb(253,124,126); border-width:1px; }
.admin-preview-box .gnbWrap .tooltips { background-color:rgba(240,240,240,0.5); color:rgb(60,24,28); font-size:12px; }

/* 사용자단 스타일 정의 */
#header .gnbWrap,
#mo_header .gnbWrap { font-size:70px; }
#header .gnbWrap .tooltips,
#mo_header .gnbWrap .tooltips { font-family:'SDSamliphopangche_Outline', sans-serif; }

@media all and (min-width: 1025px) { 
	#header { top:0; bottom:0; left:20px; }
	#header .gnbWrap { top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	#header .gnbWrap li {  }
	#header .gnbWrap li.line { display:block; position:relative; height:.5em; }
	#header .gnbWrap .tooltips { margin-left:.5em; left:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	#header .gnbWrap a:hover .tooltips { left:100%; }
	
	#header .gnbWrap .icons { color:rgb(117,216,218); }
	#header .gnbWrap .icons:before { border-radius:100%; background-color:rgba(255,249,235,0); border-color:rgb(253,124,126); border-width:1px; }
	#header .gnbWrap .tooltips { background-color:rgba(240,240,240,0.5); color:rgb(60,24,28); font-size:12px; }
}
@media all and (max-width: 1024px) {
	#mo_header { background-color:rgba(240,240,240,0.5); color:rgb(60,24,28); }
	#mo_header .gnbWrap a { color:rgb(60,24,28); }
	#mo_header .gnbWrap li.line { background-color:rgb(60,24,28); }
	body.open-gnb .control-mobile-menu { color:rgb(60,24,28); }
}



/**************************************************************
	스크롤 / 마우스 드래그 블록 색상 지정
***************************************************************/

*::-webkit-scrollbar { width:5px; height:5px; }
*::-webkit-scrollbar-track { background-color:rgb(255,255,255); }
*::-webkit-scrollbar-thumb { background-color:rgb(255,178,178); border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; }

* { outline-color:rgb(233,180,238); }

::selection { background:rgb(233,180,238); color:rgb(255,255,255); }
::-moz-selection { background:rgb(233,180,238); color:rgb(255,255,255); }
::-webkit-selection { background:rgb(233,180,238); color:rgb(255,255,255); }


/**************************************************************
	버튼 색상 지정
***************************************************************/

.ui-btn { height:30px; font-size:13px; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; background-color:rgb(255,249,235); color:rgb(60,24,28); border-color:rgb(253,124,126); }
.ui-btn:hover { background-color:rgb(150,236,213); color:rgb(255,255,255); border-color:rgb(97,186,196); }
.ui-btn.point { border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; background-color:rgb(255,178,178); color:rgb(60,24,28); border-color:rgb(253,124,126); }
.ui-btn.point:hover { background-color:rgb(150,236,213); color:rgb(255,255,255); border-color:rgb(97,186,196); }
.ui-btn.etc { border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; background-color:rgb(234,234,234); color:rgb(119,119,119); border-color:rgb(222,222,222); }
.ui-btn.etc:hover { background-color:rgb(222,222,222); color:rgb(119,119,119); border-color:rgb(202,202,202); }

a.ui-btn { line-height:28px; }
.ui-btn.small { height:20px; }
a.ui-btn.small { line-height:20px; }
.ui-btn.big { font-size:16px; height:40px; }
a.ui-btn.big { line-height:38px; }


/**************************************************************
	검색박스 영역
***************************************************************/

#bo_sch { margin-top:30px; }
#bo_sch button { width:30px; height:30px; font-size:15px; }


/**************************************************************
	글 상세보기 영역
***************************************************************/

#bo_list,
#bo_w,
#bo_v { }

#bo_v .board-title,
#bo_v .board-info,
#bo_v #bo_vc,
#bo_v #bo_v_bot { border-color:rgb(253,124,126); }
#bo_v .board-title,
#bo_v .board-info { border-bottom-style:solid; border-bottom-width:1px; }
#bo_v #bo_vc,
#bo_v #bo_v_bot { border-top-style:solid; border-top-width:1px; }

#bo_v .board-title > * { color:rgb(233,180,238); }
#bo_v #bo_vc .is-reply { border-color:rgb(253,124,126); }



/**************************************************************
	페이징 스타일 설정
***************************************************************/

.pg_wrap { font-size:13px; }
.pg_wrap .pg_page { color:rgb(105,46,103); }
.pg_wrap .pg_page:hover { color:rgb(233,180,238); }
.pg_wrap .pg_control { color:rgb(255,166,163); }
.pg_wrap .pg_current { color:rgb(233,180,238); }


/**************************************************************
	구분선 설정
***************************************************************/

hr.line	{ background:rgb(105,46,103); }


/**************************************************************
	인풋 타입
***************************************************************/

.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
select { height:30px; }

.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select { background-color:rgba(255,255,255,0.5); border-color:rgb(253,124,126); color:rgb(60,24,28); font-size:13px; }

*::placeholder { color:rgba(60,24,28,0.5); }


/**************************************************************
	기본박스 설정
***************************************************************/

.theme-box { background-color:rgb(255,253,245); color:rgb(60,24,28); border-color:rgb(253,124,126); border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; }

.board-notice-box { background-color:rgba(255,239,213,0.2); color:rgb(60,24,28); border-color:rgb(97,186,196); border-top-left-radius:15px; border-bottom-right-radius:15px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; }


/**************************************************************
	테이블 설정
***************************************************************/

.theme-list thead th { background-color:rgb(253,124,126); color:rgb(255,255,255); border-color:rgba(255,255,255,0.5); border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; }
.theme-list tbody th,
.theme-list tbody td { background-color:rgba(255,255,255,0.5); color:rgb(46,46,46); border-color:rgba(253,124,126,0.5); border-top-style:dashed; border-top-width:1px; border-bottom-style:dashed; border-bottom-width:1px; }

.theme-form tbody th { background-color:rgb(253,124,126); color:rgb(255,255,255); border-color:rgba(255,255,255,0.5); border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; }
.theme-form tbody td { background-color:rgba(255,255,255,0.5); color:rgb(46,46,46); border-color:rgb(253,124,126); border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; }




/**************************************************************
	로드비 게시판 설정
***************************************************************/

#load_log_board { background-color:rgba(255,255,255,0); }

#log_list { }

#log_list .item { margin-bottom:40px; }

#log_list .item .item-inner .ui-pic { color:rgb(119,119,119); border-color:rgb(255,255,255); border-top-width:4px; border-bottom-width:4px; }

#log_list .item .item-inner .item-comment { background-color:rgba(255,255,255,0); color:rgb(119,119,119); border-color:rgb(236,198,198); border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; margin-bottom:10px; }

#log_list .item .item-inner .ui-comment { }

#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-header p a { color:rgb(56,35,41); font-size:14px; }

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a { color:rgb(236,198,198); font-size:୨୧px; }

#log_list .item .item-inner .co-footer .date { color:rgb(199,199,199); font-size:11px; }

#log_list .item .item-inner .co-content .other-site-link { color:rgb(236,198,198); }

#log_list .item .item-inner .co-content .link_hash_tag { color:rgb(227,172,170); }

#log_list .item .item-inner .co-content .log_link_tag { color:rgb(236,198,198); }