@charset "utf-8";

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600&family=Kanit:ital,wght@0,300;1,300&display=swap');
@import url('https://tistory1.daumcdn.net/tistory/3325850/skin/images/themify-icons.css'); 
:root{ --point-color:rgb(176,200,255);--dft-color:rgb(56,56,56);  }

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

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


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

input,textarea,select,option,*::placeholder {font-family:-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;, sans-serif; }
body { color:rgb(56,56,56); font-size:13px; font-family:-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Pretendard Variable', Pretendard, Roboto, 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;, sans-serif; }
.txt-default { color:rgb(56,56,56); }
a, .txt-point, .sch_word { color:rgb(176,200,255); }

.txt-menu-font {}


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

.enterWrapper { }
.enterWrapper .guide { font-size:17px; font-family:'Noto Sans KR', sans-serif; }


@media all and (min-width: 1025px) { 
	.admin-preview-box,
	html.single:before { background-size:cover; }
}

@media all and (max-width: 1024px) {
	.admin-preview-box,
	html.single:before { }
}


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

/* 관리자 미리보기 스타일 정의 */
.admin-preview-box .gnbWrap { }
.admin-preview-box .gnbWrap .tooltips { }

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

#topCont a .icons:before,
.icons-link-box a .icons:before,
.admin-preview-box .gnbWrap .icons:before { }
.admin-preview-box .gnbWrap .tooltips { color:rgb(81,81,81); font-size:12px; }

/* 사용자단 스타일 정의 */
#header .gnbWrap,
#mo_header .gnbWrap { 
		}
@media all and (min-width: 1025px) { 
	#header { top:0; bottom:0; right:20px; }
	#header .gnbWrap { }
	#header .gnbWrap li {  }
	#header .gnbWrap li.line { display:block; position:relative; height:.5em; }
	#header .gnbWrap .tooltips { margin-right:.5em; right:80%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
	#header .gnbWrap a:hover .tooltips { right:100%; }

	#header .gnbWrap a,
	#header .gnbWrap label { color:rgb(81,81,81); }

	#header .gnbWrap .icons { color:rgb(182,182,182); }
	#header .gnbWrap .icons:before { }
	#header .gnbWrap .tooltips { color:rgb(81,81,81); font-size:12px; }
}
@media all and (max-width: 1024px) {
	#mo_header { color:rgb(81,81,81); }
	#mo_header .gnbWrap a { color:rgb(81,81,81); }
	#mo_header .gnbWrap li.line { background-color:rgb(81,81,81); }
	body.open-gnb .control-mobile-menu { color:rgb(81,81,81); }
}



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

*::-webkit-scrollbar { width:2px; height:2px; }
*::-webkit-scrollbar-track { background-color:rgb(227,227,227); }
*::-webkit-scrollbar-thumb { background-color:rgb(103,103,103); }

* { outline-color:rgb(176,200,255); }

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

.ui-btn { height:30px; font-size:13px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; background-color:rgb(81,81,81); color:rgb(241,241,241); border-color:rgb(81,81,81); }
.ui-btn:hover { background-color:rgb(81,81,81); color:rgb(241,241,241); border-color:rgb(81,81,81); }
.ui-btn.point { border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; background-color:rgb(255,255,255); color:rgb(81,81,81); border-color:rgb(176,200,255); }
.ui-btn.point:hover { background-color:rgb(255,255,255); color:rgb(81,81,81); border-color:rgb(119,155,219); }
.ui-btn.etc { border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; background-color:rgb(255,255,255); color:rgb(119,119,119); border-color:rgb(255,255,255); }
.ui-btn.etc:hover { background-color:rgb(255,255,255); color:rgb(119,119,119); border-color:rgb(255,255,255); }

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 { }


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

.pg_wrap { font-size:13px; }
.pg_wrap .pg_page { 
	color:#9f9f9f;}
.pg_wrap .pg_page:hover { 
	color:#272727;}
.pg_wrap .pg_control { 
	color:#9f9f9f; }
.pg_wrap .pg_current { 
	color:#272727;}


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

hr.line	{ background:rgb(56,56,56); }


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

.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.8); color:rgb(119,119,119); font-size:13px; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; }

*::placeholder { color:rgba(119,119,119,0.5); }


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

.theme-box { border-color:rgba(238,238,238,0.5); border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; 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; }

.board-notice-box { }


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

.theme-list thead th { background-color:rgba(176,200,255,0.8); color:rgb(255,255,255); border-color:rgb(255,255,255); 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:rgb(255,255,255); border-color:rgba(176,200,255,0.8); border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; }

.theme-form tbody th { background-color:rgba(176,200,255,0.8); color:rgb(255,255,255); border-color:rgb(255,255,255); border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px; }
.theme-form tbody td { background-color:rgb(255,255,255); border-color:rgba(176,200,255,0.8); border-top-width:1px; border-bottom-width:1px; }




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

#load_log_board { }

#log_list { }

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

#log_list .item .item-inner .ui-pic { color:rgb(17,17,17); }

#log_list .item .item-inner .item-comment { 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 { background-color:rgb(255,255,255); color:rgb(17,17,17); }

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

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

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

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

#log_list .item .item-inner .co-content .link_hash_tag { color:rgb(176,200,255); }

#log_list .item .item-inner .co-content .log_link_tag { color:rgb(176,200,255); }