@charset "utf-8";
/* ----------------------------------------------------------------------------------------------
 *                 ORANGE-PMI PLATFORM  Version 2.0.0 - Last modified 2026-09-21
 *           Modular Web Architecture · Powered by Orangecommunication · www.oranc.net
 * ----------------------------------------------------------------------------------------------
 * main 사이트의 프론트 스킨 전부 + 화면 안의 배치 — **여러 가지가 한 파일에 들어 있다.**
 *
 * layout.css (public_html/main/asset/css) — base.php 가 variables.css 다음 **두 번째**로 건다.
 *
 *   ⚠ **이 파일은 임시 합본이다** (2026-09-21 사용자 지시 "우선은 살려줘 임시방편으로").
 *     2026-09-21 에 이 사이트의 CSS 여덟 장이 `asset/asset_reg/` 로 물러나면서 홈페이지 디자인이
 *     통째로 빠졌다. 그중 일곱 장의 **본문을 그대로** 여기 이어 붙여 되살린 것이다 —
 *     새로 짠 것이 아니고 값도 한 글자 고치지 않았다(순서도 옛 base.php 그대로).
 *     나머지 한 장 `swiper-bundle.css` 는 **벤더 라이브러리**라 따로 두고 맨 뒤에 건다.
 *     그래서 지금 이 파일은 **이름(layout)보다 훨씬 넓은 것**을 담고 있다. 나중에 정리할 때는
 *     `c-*`·`l-*` 체계로 **다시 짜는 것**이 목표다 — 지금은 옛 이름 그대로다.
 *
 *   ★ **@import 세 줄이 맨 앞에 있는 이유** — 원래 `common.css` 안에 있었는데, 합본에서 guava·root
 *     뒤로 밀리면 **CSS 명세상 다른 규칙보다 앞이 아니게 되어 브라우저가 통째로 무시한다**(글꼴이
 *     전부 바뀐다). 그래서 여기로 끌어올렸다. 폰트는 `@font-face` 라 cascade 경쟁을 하지 않으므로
 *     자리를 앞당겨도 결과가 같다. **이 위에 규칙을 넣지 말 것** — 넣는 순간 셋 다 죽는다.
 *
 *   ★ **두 번째로 거는 이유** — 옛 순서가 (사이트 7장) → (공통 c-* 5장) 이었다. 그 순서를 지켜야
 *     모양이 그대로다. gwizard 와 같은 사정이다(그쪽 layout.css 헤더 참고).
 *
 *   ✗ **`asset_reg/` 를 다시 걸어서 해결하지 않는다** — 거기는 읽기 전용 보관이다(README "`*_reg/`").
 *     원본은 그대로 두고 **여기로 옮겨 온** 것이다. 앞으로 고칠 때는 이 파일만 고친다.
 *
 *   ※ 알려진 결함(이번에 생긴 것이 아니다) — `layout` 절이 `var(--transition-1)` 을 읽는데 `root` 절의
 *     선언은 `--transition1`(하이픈 없음)이다. 이름이 어긋나 그 속성은 적용되지 않는다.
 *
 *   ── 출처 (옛 base.php 로드 순서 그대로) ────────────────────────────────────
 *     ① guava   ② root(:root 토큰)   ③ common   ④ layout   ⑤ main   ⑥ sub   ⑦ program
 *     ⑧ (원래 이 파일) l-actions · l-search
 * ---------------------------------------------------------------------------------------------- */

/*  웹폰트 — 원래 common.css 안에 있던 것. 합본에서는 **반드시 맨 앞**이어야 한다(위 ★).  */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url("https://cdn.jsdelivr.net/gh/ayaan-fonts/Paperlogy@v1.001/fonts/webfonts/Paperlogy-subset.css");   /*  Paperlogy   - G마켓 산스랑 비슷, 숫자로 굵기 조절 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');


/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ①  guava                                        [구 asset_reg/guava.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

 

/*  공통스타일   ==================================================================================== */
.newicon				{position:relative;display:inline-block;top:3px; width:18px; height:18px;  background:url('../img/icon_new.png') no-repeat right 52%;}  /* 새 게시물 표시*/
.notibox					{position:relative; border:1px solid #dbdee1; border-bottom:5px solid #eee; padding:35px 40px; text-align:justify; margin-bottom:40px; line-height:1.6;}
.notibox:after			{position:absolute; top:-1px; left:-0; width:35px; height:7px; background:#4d75c3; content:'';}
.notibox:before		{position:absolute; top:0; left:-1px; width:7px;  height:30px;  background:#4d75c3; content:'';}
.notibox1				{border:1px solid #ebebeb; background:#f8f8f8; padding:25px; margin-bottom:20px; line-height:1.4;}
.notibox2				{background:#f8f8fb; padding:25px; margin-bottom:20px; line-height:1.4;}
.notibox3				{border:10px solid #f7f7f7; padding:25px; margin-bottom:20px;}

.txtline				{display:inline-block; box-shadow: inset 0 -10px 0 #ddecff; font-weight:500; padding:0 3px; color:#111;}
.txtline1				{display:inline-block; box-shadow: inset 0 -10px 0 #fbe3cd; font-weight:500; padding:0 3px; color:#111;}
.txtline2				{display:inline-block; box-shadow: inset 0 -10px 0 #d7edd7; font-weight:500; padding:0 3px; color:#111;}
.txtline3				{display:inline-block; box-shadow: inset 0 -10px 0 #ecdff0; font-weight:500; padding:0 3px; color:#111;}
.txtline4				{display:inline-block; box-shadow: inset 0 -10px 0 #a1f9fe; font-weight:500; padding:0 3px; color:#002759;}

 
 

.ab_copy				{position:relative; display: inline-block; cursor: pointer; text-align:center; white-space:nowrap; vertical-align:middle; touch-action:manipulation; user-select:none; border-radius:2px; padding: 0 10px;   line-height:28px;  border:1px solid #ccc; background:#fff;color:#464c51; font-size:0.95em; } 
.ab_copy:hover			{border-color:#000; background:#444; color:#fff;}
.ab_copied				{border-color:#278adf !important; background:#278adf !important; color:#fff;}

.input_form[disabled],
.textarea_form[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

#ui-datepicker-div		{z-index:1000 !important;}


.gsorting				{position:relative;line-height:1.5 !important;}
.gsorting span			{display:inline-block; padding-right:20px; line-height:1; cursor:pointer; position:relative;}
.gsorting::before,
.gsorting::after		{position:absolute; display:block; top:0px; opacity:.3;font-weight: 900; font-family:"Font Awesome 6 Free";}
.gsorting::before		{right:0.6em;content:"\f30c"; }
.gsorting::after		{right:0;content:"\f309"; }
.gsorting_asc::before,
.gsorting_desc::after	{opacity:1;}


/* .gtable thead th a		{color:#ffde00 !important;}  */


/*  최고관리자 표시  ==============*/
.icon_user					{position:relative;top:3px;margin-left:5px;padding-right:2px; display:inline-block;  overflow:hidden; font-weight:600;font-size:0.7em; border-width:1px;border-style:solid; width:17px; height:17px; line-height:16px; border-radius:50%;    }  
.icon_user.main			{ color:#fb586b; border-color:#fb586b;}
.icon_user.sub			{ color:#4871f8; border-color:#4871f8; }
/*  최고관리자 표시  ==============*/
 

 
/*  새창 스타일 (담당자 정보, 컨텐츠 수정 등)  ==================================================================================== */
.newwin_wrap					{position:relative;}
.newwin_top						{position:relative;padding:18px  20px;background:#1c2940;  }  
.newwin_top .tit				{position:relative; color:#bfcadf; font-size:1.4em;font-weight:400;letter-spacing:-1px; }
.newwin_wrap .inner		{padding:20px;}
.newwin_subtit					{position:relative;font-size:1.3em;line-height:1.3;font-weight:600; padding:0 0 15px 3px; color:#111; letter-spacing:-1px; } 
.newwin_top .newwin_close			{position:absolute; right:10px;top:5px;width:50px;height:50px;  }
.newwin_top .newwin_close span			{display:inline-block;width:50px;height:50px; cursor:pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.newwin_top .newwin_close span:before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:35px; height:1px; background:#bfcadf;}
.newwin_top .newwin_close span:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%);height:35px; width:1px;  background:#bfcadf;}


/*  파일 프로그레스 첨부  ==================================================================================== */
.file_box	.up_file_progress			{display:none;}
.file_box	.file_progress				{position:absolute;float:left;width: 0px; height: 40px; border-radius:6px; overflow: hidden; background: #000;}
.file_box .file_preview img			{width:100% !important; height:100% !important; object-fit:cover;}
.file_box .file_preview a,
.file_box .file_preview span		{display:block !important; width:100%; min-width:0; height:100%; line-height:40px; padding:0 6px; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; font-size:0.9em !important; font-weight:500; color:#333; box-sizing:border-box;}


 

/*  게시글 리스트  ==================================================================================== */
.gtable tbody td .icon_notice							{display:inline-block;width:30px;height:30px; border-radius:50%;vertical-align:middle;background:url('../img/icon_notice.png') no-repeat center 50% #a3a6b2;background-size:100% auto;margin-right:5px;}


/*  게시글 뷰  ==================================================================================== */
#bwriteview_box											{margin:0 auto;}
#bwriteview_box .tit_wrap								{padding:15px; border-top:1px solid #fff; border-bottom:1px solid #dfdfdf;} 
#bwriteview_box .tit_wrap .tit							{font-size:1.4em; letter-spacing:-1px; line-height:140%; COLOR:#333; font-weight:700;padding:0 0 10px 0;} 
#bwriteview_box .tit_wrap .tit span						{display:inline-block; padding:0px 10px; height:31px; line-height:31px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:0.8em; background-color:#fff; }
#bwriteview_box .tit_wrap .tit .info					{display:inline-block; padding:2px 8px; line-height:18px; color:#444; border:1px solid #ddd; margin-left:20px; font-size:0.7em; border-radius:5px; }
#bwriteview_box .tit_wrap .tit .info i					{margin-right:5px;}
#bwriteview_box .tit_wrap .name							{color:#999;  font-size:1em; }
#bwriteview_box .tit_wrap .name span					{position:relative; padding-right:23px;}
#bwriteview_box .tit_wrap .name span:after				{content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
#bwriteview_box .tit_wrap .name span:last-child			{padding:0;}
#bwriteview_box .tit_wrap .name span:last-child:after	{display:none;}

#bwriteview_box .content_wrap			{overflow:hidden;padding:30px 20px; word-break:break-all; min-height:300px; }
#bwriteview_box .content_wrap img		{max-width:100%; }

#bwriteview_box .video_wrap						{text-align:center;margin-bottom:40px;}
#bwriteview_box .video_wrap .youtube_iframes		{width:720px; height:480px; }

#bwriteview_box .file_wrap 				{padding:10px; border-top:1px solid #ddd; overflow:hidden; }
#bwriteview_box .file_wrap li			{font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }
#bwriteview_box .file_wrap .tit			{float:left; width:140px; }
#bwriteview_box .file_wrap .tit span	{display:inline-block; margin-left:10px; width:120px; font-size:1em; font-weight:bold; text-align:center; line-height:40px; border:1px solid #ccc; }
#bwriteview_box .file_wrap .txt			{float:right; width:calc(100% - 140px); line-height:180%; }

#bwriteview_box .btn_wrap				{padding:10px 0; overflow:hidden; }

#bwriteview_box .pn_wrap					{position:relative; border-top:1px solid #ddd; }
#bwriteview_box .pn_wrap li				{position:relative;overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; } 
#bwriteview_box .pn_wrap li:last-child	{border-bottom:1px solid #ddd; } 
#bwriteview_box .pn_wrap li a			{display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
#bwriteview_box .pn_wrap li a span		{display:inline-block; text-align:left; text-indent:20px; margin-right:20px; width:13%; color:#333333; border-right:1px solid #e8e8e8; }
#bwriteview_box .pn_wrap li.next span:after		{content:''; position:absolute; top:42%; left:80px; border:solid #555; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(-45deg);}
#bwriteview_box .pn_wrap li.prev span:after		{content:''; position:absolute; top:42%; left:80px; border:solid #555; border-width:1px 1px 0 0;  padding:3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}


#bwriteview_box .bwrite_cm				{padding-top:20px;}

 


@media screen and (max-width:1024px) {

	#bwriteview_box .tit_wrap			{padding:20px;} 
	#bwriteview_box .tit_wrap .tit		{font-size:1.2em;}
	#bwriteview_box .tit_wrap .name		{font-size:0.85em;}

	#bwriteview_box .content_wrap		{padding:30px 10px;}
	.btn_wrap							{padding:20px 0; }

}

@media screen and (max-width:768px) {

	#bwriteview_box .file_wrap li		{font-size:0.8em; }
	#bwriteview_box .file_wrap .tit		{display:none; }
	#bwriteview_box .file_wrap .txt		{float:none; width:100%; }

	#bwriteview_box .pn_wrap li			{overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; } 
	#bwriteview_box .pn_wrap li a		{font-size:0.8em; }
	#bwriteview_box .pn_wrap li a span	{text-indent:10px; }

}


/*  게시글 폼  ==================================================================================== */
#bwriteform_box								{margin:40px auto;}
#bwriteform_box .tit						{color:#111; font-weight:bold; padding:15px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:1.1em; }
#bwriteform_box	table						{border-collapse:collapse; width:100%; table-layout:fixed; }
#bwriteform_box table tbody th				{padding:10px 8px; background:#cdcfd4; border:1px solid #aaa;}
#bwriteform_box table tbody th:first-child	{border-left:0;}
#bwriteform_box table tbody th:last-child	{border-right:0;}
#bwriteform_box table tbody th span			{display:block;font-size:0.85em;color:#ec0b0b;}
#bwriteform_box table tbody td				{background:#fff; padding:8px 6px;  word-break:break-all; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:48px;} 
#bwriteform_box table tbody td:first-child	{border-left:0;}
#bwriteform_box table tbody td:last-child	{border-right:0;}
#bwriteform_box table tbody tr:hover td		{background:#f9f9f9;}

#bwriteform_box .btn_wrap					{padding:40px 0; overflow:hidden; text-align:center; }


/*  게시판 스킨리스트  ==================================================================================== */
.boardskinlist_wrap								{position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap:  20px; }
.boardskinlist_wrap:after						{content:""; display:block; clear:both;}
.boardskinlist_wrap li							{position:relative;  overflow:hidden;border:1px solid #ccc;}
.boardskinlist_wrap li figure					{position:relative; height:200px; overflow:hidden;padding:10px;  }
.boardskinlist_wrap li figure img			{width:100%;  }
.boardskinlist_wrap li:hover figure		{opacity:0.5; }
.boardskinlist_wrap li .txt						{margin-top:10px;padding:15px 15px 20px 15px  ;color:#999; background:#f5f5f5;}
.boardskinlist_wrap li .txt p					{font-size:1.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #214da7; font-weight:600;padding-bottom:5px;}
.boardskinlist_wrap li .txt	div				{position:relative;}
.boardskinlist_wrap li .txt	div span		{position:absolute; right:0; top:-3px;}
.boardskinlist_wrap li .layer					{position:absolute;display:none; top:calc(50% - 25px); left:calc(50% - 25px);   z-index:1; width:50px; height:50px; opacity:.6;background:rgb(0,0,0,0.8);  border-radius:50px ;}
.boardskinlist_wrap li .layer:before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:28px; height:2px; background:#fff; border-radius:5px ;}
.boardskinlist_wrap li .layer:after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:28px; width:2px; background:#fff;border-radius:5px ;}
.boardskinlist_wrap li:hover .layer		{display:block;}


.list_btn_wrap							{padding-top:40px ; display: grid; grid-template-columns:1fr; gap:20px;  }			/* 1:1문의 등 리스트 버튼 스타일 */


/*  문자 관련  ==================================================================================== */
.sms_box_wrap							{position:relative; overflow:hidden;display: flex; flex-flow:wrap;justify-content: space-between;margin:0 0 20px 0; }
.sms_box01								{border:1px solid #eb7954;background:#f88560;padding:25px 0 20px 0 ;width:280px;text-align:center; color:#fff;font-weight:500;border-radius:4px;margin:0 25px 0 0;}
.sms_box01 p							{padding:7px 0 0 0;font-weight:500;}
.sms_box01 strong					{font-size:3.6em;font-weight:700;color:#ffee2e;}
.sms_box02								{border:1px solid #bfbfbf;background:#fff;padding:20px;flex:2;line-height:170%;color:#555;border-radius:4px;}

.sms_box									{position:relative; width:280px; background:#fff; border:1px solid #e5e5e5; border-radius:30px; text-align:left; padding:60px 15px 30px 15px; box-shadow:0 5px 20px 0px rgba(0,0,0,0.1);}
.sms_box:before						{position:absolute; content:''; left:105px; top:27px; height:10px; width:10px; background:#ebebeb; border-radius:100%;}
.sms_box:after							{position:absolute; content:''; left:120px; top:27px; width:50px; height:10px; background:#ebebeb; border-radius:20px;}
.sms_box .wrap							{padding:15px 12px 12px 12px; background:#f6f7f9; border:1px solid #e8e8e8; border-radius:2px;}
.sms_box textarea						{width:100%; height:240px; overflow:auto; color:#000;}
.sms_box textarea::placeholder		{color:#999;}
.sms_box .byteinfo					{color:#838383;padding:10px 0 0 0;text-align:right;}
.sms_box .byteinfo span				{color:#6a86f3;}
.sms_box .field							{overflow:hidden; margin:15px 0 20px 0;}
.sms_box .field dt						{float:left; font-weight:500; width:60px; color:#333; line-height:34px;}
.sms_box .field dd						{float:right; width:calc(100% - 60px);}
.sms_box .field dd input			{border:1px solid #ccc; width:100%; padding:0px 5px; line-height:32px; border-radius:2px;}

.sms_group_box						{background-color:#f5f5f5;border:1px solid #cccccc;padding:0px 4px;}
.sms_group_lists						{background-color:#ffffff;padding:5px;margin-bottom:5px;}
.sms_group_lists .overauto			{max-height:100px;}


/*  약관  ==================================================================================== */
#rule_box								{margin:40px auto;}


/*  팝업  ==================================================================================== */
#popup_box .cont						{background-color:#ffffff;}
#popup_box .bottom						{position:fixed; bottom:0; width:100%; background-color:#000000; height:32px; padding:5px 0; text-align:center; color:#ffffff; }


/*  방문자  ==================================================================================== */
.visit_graph_wrap						{width:98%;	margin:0 1%; height:13px; line-height:13px;	background:#eee;}
.visit_graph_wrap .bars					{height:13px; background:#ff9648; border-top:1px solid #fc7e21; border-bottom:1px solid #fc7e21; display:inline-block;}


.visit_summary_wrap						{ margin-bottom:20px; min-height:50px; background:#fff; overflow:hidden; }
.visit_summary_wrap.two li				{width:50%;}
.visit_summary_wrap.four li				{width:24%;}
.visit_summary_wrap li					{float:left; border-left:1px solid #d9d9d9; margin-left:-1px;}
.visit_summary_wrap li:first-child		{border-left:0;}
.visit_summary_wrap li .txt01			{padding:10px 0 15px 20px; font-size:1em; font-weight:700; color:#444; }
.visit_summary_wrap li .txt02			{padding:0 0 10px 20px; font-size:1.5em; font-weight:700; color:#ff4e1f;}
.visit_summary_wrap li .txt03			{display:inline-block; margin-left:10px; padding-left:8px; font-size:0.9em; color:#5283ff; line-height:110%; font-weight:500;border-left:1px solid #d9d9d9;}


/*	연혁관리 관리자 스타일	*/
.history_new_div			{display:none;position:fixed; width:600px;overflow:hidden;z-index:999999999;-webkit-overflow-scrolling:touch;margin:0 auto;background:#fff;padding:15px;}
#history_fade				{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:999999998;}


/* 관리자 팝업 상단 */
#guava_win_title							{padding:15px 15px 15px 20px;background:#2b2f36;letter-spacing:-0.5px; overflow:hidden;display:flex;justify-content: space-between; }
#guava_win_title .tit						{position:relative; font-size:1.45em; font-weight:500;color:#fff; display: flex; flex-direction: column; justify-content:center;  }
#guava_win_title .close				{position:relative;right:0; cursor:pointer;color:#fff; background:#e52150;width:40px;height:40px;   border-radius:50%;transition:all 0.3s ease;opacity:1 !important;}
#guava_win_title .close:before,
#guava_win_title .close:after		{position:absolute;top:9px;left:calc(50% - 1px);content:'';height:22px;width:2px;background-color:#fff;}
#guava_win_title .close:before		{transform:rotate(45deg);}
#guava_win_title .close:after		{transform:rotate(-45deg);}
#guava_win_title .close:hover		{transform: scale(1.07);  }

.guava_win_fix							{position:fixed;width:100%;z-index:999;background:#fff;}
#guava_win_wrap							{padding:90px 15px 15px 15px;}
 


/*  개발자도구  ==================================================================================== */
.ghalf									{max-width:1300px !important; }

.guava_dev_box							{background:#f5f5f5; position: relative; border: 1px solid #cccdcd;  padding: 20px; font-size: 0.95em; margin-bottom:30px;}
.guava_info_box							{background:#feffd3; position: relative; border: 1px solid #cccdcd;  padding: 20px; font-size: 0.95em; margin-top: -20px; margin-bottom:30px;}


.qna_view_tit_wrap	{padding:8px; border-top:1px solid #333; border-bottom:1px solid #ccc; background:#f4f4f4; overflow:hidden; font-size:17px; } 
.qna_view_title		{line-height:180%; color:#333; font-weight:500; padding:2px 0; }
.qna_view_name		{text-align:right; color:#888; padding:4px 0 0 0; font-size:0.9em; }
.qna_view_content		{padding:30px 10px; word-break:break-all; font-size:16px; min-height:300px;border-bottom:1px solid #B5B5B5; }

.qna_file_wrap 							{padding:17px 5px; overflow:hidden; border-bottom:1px solid #B5B5B5;}
.qna_file_wrap li						{font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;   }
.qna_file_wrap .tit						{float:left; width:13%;color:#333333;  }
.qna_file_wrap .tit span				{ display:inline-block;   }
.qna_file_wrap .txt						{border-left:1px solid #e8e8e8;float:left; width:87%; color:#888;  padding:0 0 0 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.qna_reply_title		{font-size:18px; line-height:140%; COLOR:#333; font-weight:500;padding:8px 0  10px 0;} 
.qna_reply_content	{background:#dfdfdf;padding:10px 10px 30px 10px ; word-break:break-all; border-bottom:1px solid #ccc;} 


@media screen and (max-width:1024px) {
	.qna_list_wrap .head		{display:none;}	
	.qna_list_wrap li p			{display:block; padding:0; text-align:left;}
	.qna_list_wrap .wrap		{padding:15px 10px;}
	.qna_list_wrap .btn			{position:absolute; right:10px; top:15px; width:auto;}
	.qna_list_wrap .tit,
	.qna_list_wrap .people,
	.qna_list_wrap .date		{width:100%;font-size:0.9em;line-height:1.4;}
	.qna_list_wrap .tit			{padding:0px 85px 0px 0px;}
	.qna_list_wrap .stit		{display:inline-block; margin-right:3px;}
}


/*  관리회원 스타일  ==================================================================================== */
.emenuadmin_box							{background:#dfe2e6; border:1px solid #c1c5c9; margin-top:40px;display: flex; border-radius:3px;overflow:hidden; }
.emenuadmin_box .subject				{font-weight:500;font-size:1.15em;letter-spacing:-1px;padding:20px  ; color:#34436d;width:220px;line-height:1em; }
.emenuadmin_box .subject i			{display:inline-block; margin-right:10px;}
.emenuadmin_box .subject span	{display:inline-block; border:1px solid #a6a7ab; background:#fff;width:21px;height:21px;text-align:center;cursor:pointer; border-radius:2px; }
.emenuadmin_box .subject span:hover		{border:1px solid #3f7dd4; background:#4282dd;color:#fff;}
.emenuadmin_box ul						{position:relative; display: flex;flex-flow:wrap;gap:10px 30px; flex:2;background:#fff;padding:20px  ;  }
.emenuadmin_box ul li					{position:relative; color:#333;font-size:1.05em; }
.emenuadmin_box ul li:hover			{text-decoration:underline;}
.emenuadmin_box ul li i					{display:inline-block; margin-left:5px;color:#4282dd; }

/*  관리회원 스타일  ==================================================================================== */


/*  QR 스타일 (여기 스타일은 수정하지마세요 큐알디자인은 고정으로 갑니다. 대신 아이콘 위치변경시에는 layout.css에 그부분만 써주세요.)  ==================================================================================== */


 


  


 


 


/*  QR 스타일  ==================================================================================== */


 

/*  게시글 블라인드  ==================================================================================== */
.blind_box					{margin:0 auto; max-width:640px;padding:60px;text-align:center; } 
.blind_box i				{font-size:3em;margin-bottom:30px;}
.blind_box .txt				{font-weight:600; font-size:1.35em; color:#444; letter-spacing:-1.5px; line-height:1.5;}
.blind_box .txt span		{display:block; font-size:1.1rem; letter-spacing:-1px; color:#797979; line-height:1.6; margin:10px 0 0 0;}


/*  개인정보 접속기록 현황  ==================================================================================== */
.gtable	.dtypesels .dtypecons				{display: inline-block; position: relative; border: 1px solid #ddd; text-align: center; padding: 0px 5px; width:50px; height: 30px; line-height: 28px; background-color: #fff; vertical-align: middle;}
.gtable	.dtypesels input[type="radio"]		{border: 0;clip: rect(0, 0, 0, 0);height: auto;margin: 0;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}
.gtable	.dtypesels input[type="radio"]:checked + .dtypecons {border: 1px solid #0092d7;color: #0092d7;}


/*  파일정보(신규)  ==================================================================================== */
.guavamode_wrap					{display:none;position:fixed;bottom:100px;right:10px;width:300px;  height:200px; z-index:999999999; cursor:move;}
.guavamode_wrap.on .fbold		{color:#f22800 !important; font-size:14px;} 

.guavamode_box						{position:relative; width:100%;  padding: 10px 13px; border:1px solid rgb(0,0,0,0.075); background: rgb(240,240,240,0.65);   }
.guavamode_box dl					{position:relative;font-size:13px; color:rgb(0,0,0,0.75);line-height:22px; display: grid; grid-template-columns:60px auto; gap:8px; }
.guavamode_box dt					{position:relative;  padding-left:8px;}
.guavamode_box dt:before		{position:absolute;content:''; left:0;top:9px;width:2px;height:2px; background: rgb(0,0,0,0.41); }
.guavamode_box dt:after			{position:absolute; content:':';right:0;top:0;width:1px;height:14px;  }
.guavamode_box dd					{position:relative;  letter-spacing:0; }
.guavamode_btn						{text-align:center; border-top:1px dashed rgb(0,0,0,0.17); margin-top:5px;padding-top:8px; }
.guavamode_btn li					{display:inline-block;background:rgb(80,80,80,0.74);border:1px solid rgb(0,0,0,0.2);color:#fff;text-align:center;width:30px;height:30px; line-height:27px; border-radius:2px;font-size:14.5px;cursor:pointer;  }
.guavamode_btn li.on				{background:#ff7700; } 
.guavamode_open					{position:fixed;bottom:100px;right:15px;  width:50px; height:50px;line-height:45px;text-align:center;font-size:19px;font-weight:bold;color:#000;  background:#fff; border:1px solid rgb(0,0,0,0.3); border-radius:100%; cursor:pointer;  box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); opacity:0.3; z-index:999999999; transition:all 0.3s ease;}
.guavamode_open:hover			{background:#ff9000; color:#fff; opacity:1; border:1px solid rgb(0,0,0,0.1); }

/*  파일정보(신규)  ==================================================================================== */


 


/*  대시보드  ==================================================================================== */
.dashboard_wrap							{max-width:1200px; position:relative; display: flex; flex-direction: column; gap:10px; }

/* 기본현황 파란박스  ===========*/ 
.dashboard_box01						{background:#0092fb; padding:25px 0; border:1px solid rgb(0,0,0,0.07); display: grid; grid-template-columns: repeat(5, 1fr); gap:20px;  border-radius:8px;}
.dashboard_box01 li						{font-size:1.2em; font-weight:bold; color:#fff; border-left:1px solid rgb(255,255,255,0.15); padding:5px 0 5px 25px;}
.dashboard_box01 li	 span			{display:block; padding:25px 0 10px 0;font-size:1.7em; color:#ffe400;  font-weight:bold;}
 
/* 온라인 프로그램 현황  ===========*/
.dashboard_box02						{background:#fff;border:1px solid #c2c2c2; padding:25px 0  ;  border-radius:8px;}
.dashboard_box02 .subject			{font-size:1.55em; font-weight:bold; color:#000; padding:0 0 30px 25px; letter-spacing:-1px;   }
.dashboard_box02 ul					{display: grid; grid-template-columns: repeat(5, 1fr); gap:20px; }
.dashboard_box02 li						{font-size:1.15em; font-weight:bold; color:#333;  border-left:1px solid rgb(0,0,0,0.1); padding:5px 0 5px 25px;}
.dashboard_box02 li	 span			{display:block; padding:10px 0 5px 0;font-size:1.8em; color:#f0424d;  font-weight:bold;}
.dashboard_box02 li:first-child	{border-left:0;}

/* 서버사용량  ===========*/
.dashboard_box03										{background:#fff;border:1px solid #c2c2c2; padding:25px 20px  ;  border-radius:8px;}
.dashboard_box03 .subject							{font-size:1.55em; font-weight:bold; color:#000; padding:0 0 20px 5px; letter-spacing:-1px;   }
.dashboard_box03 .total								{border:1px solid #e6e6e6; background:#f6f6f6; padding:20px 15px;  }
.dashboard_box03 .total .txt						{position:relative; font-size:1.2em; font-weight:bold; color:#333;padding:0 0 15px 0; letter-spacing:-1px; }
.dashboard_box03 .total .txt span				{display:inline-block; color:#a5a5a5;  padding-left:10px; letter-spacing:0; }
.dashboard_box03 .total .txt .num				{position:absolute;top:0; right:0; font-size:1.2em; font-weight:bold; color:#f0424d; }
.dashboard_box03 .total .graph					{position:relative; display:block; height:13px;width:100%; background:#d8d8d8; }
.dashboard_box03 .total .graph span			{position:absolute; display:block; height:100%; background:#f1858b; }

.dashboard_box03 .list_wrap											{ padding: 20px 15px  10px 15px;   display: grid; grid-template-columns: repeat(2, 1fr); gap:60px; }
.dashboard_box03 .list_wrap .item01							{ display: flex; flex-direction: column; gap:15px;}
.dashboard_box03 .list_wrap .item01 .txt						{position:relative; font-size:1.1em; font-weight:bold; color:#333;padding:0 0 7px 0; letter-spacing:-1px; }
.dashboard_box03 .list_wrap .item01 .txt span			{display:inline-block; color:#a5a5a5;  padding-left:10px; letter-spacing:0; }
.dashboard_box03 .list_wrap .item01 .txt span b			{ color:#f0424d; }
.dashboard_box03 .list_wrap .item01 .txt .num			{position:absolute; top:0;right:0; font-size:1.15em; font-weight:bold; color:#f0424d; }
.dashboard_box03 .list_wrap .item01 .graph				{position:relative; display:block; height:13px;width:100%; background:#e4e5e7; }
.dashboard_box03 .list_wrap .item01 .graph span		{position:absolute; display:block; height:100%; background:#9276e9; }
.dashboard_box03 .list_wrap .item02							{ display: flex; flex-direction: column; gap:15px;}
.dashboard_box03 .list_wrap .item02 .txt						{position:relative; font-size:1.05em; font-weight:500; color:#6e6d6d;padding:0 0 7px 0; letter-spacing:-1px; }
.dashboard_box03 .list_wrap .item02 .txt span			{display:inline-block; color:#a5a5a5;  padding-left:10px; letter-spacing:0;  }
.dashboard_box03 .list_wrap .item02 .txt span b			{ color:#555; }
.dashboard_box03 .list_wrap .item02 .txt .num			{position:absolute; right:0; top:0;font-size:1.1em; font-weight:bold; color:#676767; }
.dashboard_box03 .list_wrap .item02 .graph				{position:relative; display:block; height:13px;width:100%; background:#e4e5e7; }
.dashboard_box03 .list_wrap .item02 .graph span		{position:absolute; display:block; height:100%; background:#6abfd7; }


 
/* 방문자현황  ===========*/
.dashboard_box04								{position:relative; display: grid; grid-template-columns: auto 370px; gap:10px; }
.dashboard_box04 .item01					{position:relative;background:#fff;border:1px solid #c2c2c2; padding:25px 20px  ;  grid-column: 1 / 2; grid-row: 1 / 3;  border-radius:8px; }
.dashboard_box04 .subject					{font-size:1.55em; font-weight:bold; color:#000; padding:0 0 20px 5px; letter-spacing:-1px;   }
.dashboard_box04 .subject span			{display:inline-block; padding-left:10px; font-size:0.8em;   color:#838383;letter-spacing:0;  }
.dashboard_box04 .total						{border:1px solid #e6e6e6; background:#f6f6f6; padding:  20px; margin-bottom:30px;display: flex; }
.dashboard_box04 .total .date			{width:50%;  font-size:1.1em; color:#777;font-weight:500;letter-spacing:0; padding-top:3px;}
.dashboard_box04 .total ul					{flex:2;    display: grid; grid-template-columns: repeat(2, 1fr); gap:40px; }
.dashboard_box04 .total ul li				{position:relative; font-size:1.1em; font-weight:bold; color:#333; text-align:right; }
.dashboard_box04 .total ul li span		{display:inline-block; padding:0 0 0 5px;font-size:1.45em; color:#000;  font-weight:bold;}
.dashboard_box04 .total ul li:first-child::after		{position:absolute; content:'';top:0;right:-35px; width:1px; height:25px; background:#ddd;  }
 
.dashboard_box04 .subject02				{font-size:1.45em; font-weight:bold; color:#000; padding:0 0 20px 0; letter-spacing:-1px;   }
.dashboard_box04 .item02					{position:relative;background:#fff;border:1px solid #c2c2c2; padding:25px 20px  ;  border-radius:8px;}
.dashboard_box04 .item03					{position:relative;background:#fff;border:1px solid #c2c2c2; padding:25px 20px  ; border-radius:8px; }
 

/* 공지사항  ===========*/
.dashboard_box05								{position:relative; display:flex; gap:10px; }
.dashboard_box05 .item01					{width:calc(50% - 5px);background:#fff;border:1px solid #c2c2c2; padding:35px 25px  ; border-radius:8px;}
.dashboard_box05 .item02					{width:calc(50% - 5px);flex:2; background:#fff;border:1px solid #c2c2c2; padding:35px 25px  ; border-radius:8px;}
.dashboard_box05 .subject					{position:relative; font-size:1.5em; font-weight:bold; color:#000; padding:0 0 25px 0; letter-spacing:-1px;   }
.dashboard_box05 .subject .more		{position:absolute;display:block; right:0;top:-10px; font-size:0.75em; color:#666; font-weight:500; padding:10px 20px 10px 10px; }
.dashboard_box05 .subject .more::after		{content:''; position:absolute; top:15px;right:0; width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid  transparent;border-left:6px solid #666;} 
.dashboard_box05 ul							{position:relative; display: flex; flex-direction: column;  }
.dashboard_box05 .item01 ul				{ gap:7px; }
.dashboard_box05 .item02 ul				{ gap:5px; } 
.dashboard_box05 li								{position:relative;}
.dashboard_box05 li a							{display:block;}
.dashboard_box05 li p							{position:relative; font-size:1.15em; color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;  }   
.dashboard_box05 .item01 li p			{ display:inline-block; max-width:calc(100% - 120px);     }   
.dashboard_box05 .item02 li p			{ display:block; width:calc(100% - 100px);    }    
.dashboard_box05 .item01 li .newicon			{top:-2px !important;}	
.dashboard_box05 li:hover p					{text-decoration:underline; }
.dashboard_box05 .item01 li .cate			{font-size:0.95em; color:#e77987; }

/* .dashboard_box05 .item01 li p::before			{position:absolute; content:''; display:block; left:0; top:8px; width:3px; height:3px; background:#666;}  */
.dashboard_box05 .item02 li p span	{margin:0 6px 0 0;}
.dashboard_box05 li	 .date					{position:absolute;right:0;top:0; display:block; color:#999; }
 
.dashboard_box05 .nolist						{border:0;}


/*  대시보드  ==================================================================================== */


/*  이미지 미리보기  ==================================================================================== */

#img_preview_fade								{position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.55;z-index:100000 !important;}
#img_preview_layer								{position:absolute;max-width:900px;width:92%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;z-index:100001 !important;}
#img_preview_imgfade							{position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100002 !important;}
#img_preview_img								{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100003 !important;}

#img_preview_layer .top							{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #111;color: #fff;}
#img_preview_layer .top .tit					{font-size: 1.2em;font-weight: 500;}
#img_preview_layer .top .btn_close				{position:relative;float:right;width:20px;height:20px;cursor:pointer;}
#img_preview_layer .top .btn_close:before,
#img_preview_layer .top .btn_close:after		{position:absolute;left:calc(50% - 1px);content:'';height:20px;width:2px;background:#fff;}
#img_preview_layer .top .btn_close:before		{transform:rotate(45deg);}
#img_preview_layer .top .btn_close:after		{transform:rotate(-45deg);}
#img_preview_layer .top .btns					{position:absolute;right:50px;}
#img_preview_layer .top .btns div				{display:inline-block;background:rgba(256,256,256,.1);margin-right: 10px;border-radius: 5px;}
#img_preview_layer .top .btns button			{padding: 5px 15px;	border:1px solid rgb(255,255,255,.13);color: #eeeeee;border-radius: 5px;cursor: pointer;}
#img_preview_layer .top .btns button i			{margin-right:6px;}

#img_preview_layer .preview						{text-align:center;}
#img_preview_layer .preview iframe				{width:100%;height:600px;}


@media screen and (max-width:768px) {
    #img_preview_layer .top .tit					{font-size: 1.1em;font-weight:600; }
    #img_preview_layer .top .btns div				{ margin-right:5px; }
    #img_preview_layer .top .btns button			{ padding: 5px 10px;border-width:0  ;}
    #img_preview_layer .top .btns button span			{display:none;}
    #img_preview_layer .top .btns button i			{margin-right:0;}
}

/*  이미지 미리보기  ==================================================================================== */


 

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ②  root                                        [구 asset_reg/root.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

:root {
	--color1: #003d97; 
	--color2: #187ad2; 
	--color3: #be1824; 
	--color4: #001B54; 
	--point1: #fc6562;   /* 포인트 컬러 - 주황 */
	--point2: #ff5544;   /* 포인트 컬러 - 빨강 */
 
	--gra1: linear-gradient(48deg, #003d97, #3e90d9);  /* 그라데이션 스타일 */ 
   
    --white1: #ffffff;
 
    --bg-gray1:#f9f9f9;    /* error 박스 등 연한 회색배경 */
    --border-color1: #dfdfdf;
    --border-color2: #d5d5d5;

    --bbs-border-color1: #555;
    --bbs-border-color2: #888;
    --bbs-border-width1: 2px; 
    --bbs-border-width2: 1px;
    --bbs-bgcolor1: #f5f5f5;

    --outline-color:#b3ccff;
    --outline-offset:-2px;
 
    --space-sm:20px;
    --space-md:40px;
    --space-lg:60px;
    --space-xl:100px;

    --transition1: all 0.35s ease;
 

    --shadow-xs: 0px 1px 5px 0px #0000001f;
    --shadow-sm: 0px 5px 5px 0px #0000001f;
    --shadow-md: 0px 5px 15px 0px #0003;
    --shadow-lg: 0px 10px 24px 0px #00000014;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
    --animate-bounce: bounce 1s infinite;

}

 



.table-bordered												{display: table; width:100% ;  border:1px solid #ccc  ;   } 
.table-bordered th, .table-bordered td						{border:1px solid #ccc  ; line-height:160%;  }

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ③  common                                        [구 asset_reg/common.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

  
/*  COMMON  ==================================================================== */ 
 


 

  

/*   base   ==========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
 
html {
    scrollbar-gutter: stable;
}

*										{margin:0;padding:0;box-sizing:border-box; /*outline:none; text-size-adjust:none;   -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; */ }
html								{  line-height:1.55;  font-family :'pretendard',  sans-serif; font-weight:400;   color:#555; letter-spacing:-0.5px;  }   /* 2026-09-23 155% → 1.55: **단위를 뗐다.** %·em 은 그 자리에서 px 로 굳어 자식에게 내려가서, 글자가 작은 곳(도움말·캡션)까지 본문 간격이 그대로 붙었다. 단위 없는 수는 각 요소가 제 글자 크기로 다시 센다 */
html, body						{width:100%; height:100%;word-break:break-all; }
body								{position:relative;min-width:320px; background:var(--white1);}

h2									{display:block; }
ul, ol								{list-style-type:none; } 
nav ul, li							{list-style:none; }
table								{  border-collapse:collapse; border-spacing:0;   }
b, strong							{font-weight:bold; }
fieldset,iframe				{margin:0; border :0; vertical-align:middle; } 
img									{ max-width: 100%; height: auto; }
label,i								{cursor:pointer;}
caption,legend				{visibility:hidden; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
object,video,embed		{position:relative; top:0; left:0; max-width:100%; }
  
::before, ::after				{ box-sizing: border-box; }

:focus                             { outline:2px dotted var(--outline-color); outline-offset:var(--outline-offset); z-index:1;}    

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary			{display:block; padding:0; margin:0; }

input								{vertical-align: middle; border-radius: 0;  }
input[type="text"]:focus						{background:#fbf7e4; border-color:#fbf7e4; color:#000;}
textarea							{resize:none;   }

template,
datalist,
section h6						{width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
em									{font-style:normal;}

button								{ border:0; background:none; }
button, input, select, textarea {font:inherit; vertical-align:middle; box-sizing:border-box; }
input[type="file"],
input[type="button"],
input[type="reset"],
input[type="submit"]	 {cursor: pointer; overflow: visible; box-sizing: border-box; -webkit-appearance: button; appearance: button;vertical-align:middle;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
datalist							{border:1px solid #ccc;  padding:0px 10px;   line-height:32px; -webkit-appearance: none; appearance: none;  }

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display: none; }
 
select								{position:relative; min-width:80px; line-height:32px; border:1px solid #ccc; border-radius:0 ; padding: 0 25px 0 10px;  background:var(--white1)  url("../../_common/img/common/icon_select_arrow.png")no-repeat right 8px center; background-size: 10px auto; appearance: none;  -webkit-appearance: none; -moz-appearance: none; }

textarea							{overflow:auto; resize:none; max-width:100%; } 
.input_datepicker			{background:var(--white1) url("../../_common/img/common/icon_select_arrow.png")no-repeat right 10px center; background-size: 10px auto;}

input[type="checkbox"],
input[type="radio"]		{ position:relative; top:-2px;width:20px; height:20px; line-height:20px; box-sizing:border-box;    }
input[type="search"]		{box-sizing:content-box; }
a										{text-decoration:none; cursor:pointer; color:#444; }
a:link, a:visited, a:hover, a:focus, a:active					{text-decoration:none; } 


/*  폼 관련  ==================================================================================== */
.pw_icon									{position:relative; display:inline-block; }
.pw_icon i									{position:absolute; right:10px; top:35%;  font-size:0.7em;  color:#aaa; }
.input_form								{border:1px solid #ccc;  padding:0px 10px;  line-height:32px; max-width:100%; }
.textarea_form							{width:100%; min-height:50px; background:var(--white1); padding:10px; border:1px solid #ccc; overflow-x:hidden; }
.textarea_form .extra01			{color:var(--point1) !important;}
.input_form:focus,
.textarea_form:focus,
select:focus						            {border-color:#888;}
input::placeholder, textarea::placeholder			{color:#999;}

.input_form[disabled],
.textarea_form[disabled] { cursor: not-allowed; background-color: #eee; opacity: 1; }
 
 

#add_box,
#add_box2									{display:none;position:absolute;z-index:2;background:var(--white1);}

.nolist											{  text-align: center;  padding:70px 0; color: #8d9199; font-weight:600; font-size:1.3em; letter-spacing:0 ;  border: 1px solid #e9e9e9; border-radius:0.5em;  }
.nolist .icon                                { display:block; margin:auto; margin-bottom:1.5em; width:65px;height:65px; background:url('../img/common/icon_nolist.svg') no-repeat 50% 50% / 100% auto ;}
@media screen and (max-width:768px) { 
    .nolist											{   font-size:1.2em; }
    .nolist .icon                                {  width:55px;height:55px; }
}

.help_box									{border:1px solid var(--border-color1); background:var(--bg-gray1); padding:25px; margin-bottom:15px; line-height:1.4;}
@media screen and (max-width:768px) {
	.help_box								{padding:15px;}
} 

 
.blind					{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.hidden                  {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.fbig					{font-size:1.1em;}
.block					{display:block !important;}
.inlineblock		{display:inline-block !important;}
.left						{text-align:left !important; }
.center					{text-align:center !important; }
.right					{text-align:right !important; } 
.fgray					{color:gray !important; }
.fred					{color:#f22800 !important; }
.fyellow				{color:#ffcc00 !important; }
.fsky						{color:#3090d6 !important; } 
.fblue					{color:#0575e9 !important; }
.fmint					{color:#1cb1b8 !important; }
.forange				{color:#ff9933 !important; }
.fcharcoal			{color:#777 !important; }
.fblack					{color:#000 !important; }
.fwhite				{color:var(--white1) !important; }
.fpilsu					{color:#f27a22 !important; }
.fbold					{font-weight:500 !important; }
.vtop					{vertical-align:top !important; }
.vmiddle				{vertical-align:middle !important; }
.stx_word			{color:#d32d12 !important;  background:#ffe88a;}
.overauto			{overflow:auto !important; }
.overhidden		{overflow:hidden !important; }
.extra01				{color:var(--point1) !important; }
.extra02				{color:var(--color1) !important; }
.sfont					{font-size:0.9em;}
.alink					{color:#2684dc;text-decoration:underline !important;}
.alink i					{background-color:var(--white1) !important;color:#2684dc !important;}

.bg_y					{background-repeat:repeat-y !important; }
.bg_x					{background-repeat:repeat-x !important; }
.bgno					{background-repeat:no-repeat !important; }

.fl							{float:left; }
.fr							{float:right; }
.cb						{clear:both; margin:0; }
.cursor					{cursor:pointer; }


.ginfo_box			{position:relative;overflow:hidden; margin-bottom:1em;display:flex;justify-content: space-between; }
.ginfo_box .ginfo_txt	{ font-size:0.9em;} 
.ginfo					{ font-size:0.9em; color:#777;  display: flex;  align-items:center; margin-left:4px;   }
.ginfo b				{color:var(--color1); font-weight:bold;}
.ginfo b:first-child    {padding-left:5px; }
.ginfo span			{position:relative;display:inline-block; font-weight:500; color:var(--color1); margin-left:5px; } 
.ginfo2 i				{color:var(--color1); margin-right:5px;} 

@media screen and (max-width:480px) {
    .ginfo_box			{flex-direction: column; margin-bottom:0.7em;gap:0.5em;  }
}

  
/*  게시글 리스트 검색  ==================================================================================== */
.board_search																	{overflow:hidden; margin-bottom:1em; display: flex;justify-content: space-between; gap:0.5em; }
.board_search .ginfo															{flex:1; position:relative;   } 
.board_search .search_inner												{ flex:1.5; position:relative; overflow:hidden;display: flex;justify-content: flex-end;  gap:5px; }
.board_search .search_select_box									{display:inline-block; display: flex; gap:5px; }  
.board_search .search_inner select									{display:inline-block; height:42px;  font-size:0.9em;  color:#555; border:1px solid var(--border-color2); border-radius:5px; overflow:hidden; min-width:130px;  }
.board_search .search_input_box  									{position:relative;  }   
.board_search .search_inner input[type="text"]				{position:relative;width:100%; height:42px;  font-size:0.9em;  padding-right:55px; border:1px solid var(--border-color2); border-radius:5px;overflow:hidden;}
.board_search .search_input_box a									{position:absolute; top:-7px; right:5px; color:#aaa; font-size:0.9em; }
.board_search .search_inner .search_btn						{position:absolute;top:0;right:0;width:40px;height:40px; line-height:40px;  font-size:1rem; text-align:center; border:0;  color:#666; background:transparent; cursor:pointer; transition:var(--transition1); z-index:22; }
 
@media screen and (max-width:768px) {
    .board_search																	{ flex-direction: column;} 
    .board_search .search_inner												{  justify-content:flex-start; }  
    .board_search .search_select_box									{flex:1; }
    .board_search .search_inner select									{ flex:1; }
    .board_search .search_input_box  									{flex:1.5; }
}    
/*  게시글 리스트 검색  ==================================================================================== */

 



.newicon				{position:relative;display:inline-block;top:3px; width:18px; height:18px;  background:url('../img/guava/icon_new.png') no-repeat right 52%;}  /* 새 게시물 표시*/
.notibox					{position:relative; border:1px solid #dbdee1; border-bottom:5px solid #eee; padding:35px 40px; text-align:justify; margin-bottom:40px; line-height:1.6;}
.notibox:after			{position:absolute; top:-1px; left:-0; width:35px; height:7px; background:#4d75c3; content:'';}
.notibox:before		{position:absolute; top:0; left:-1px; width:7px;  height:30px;  background:#4d75c3; content:'';}
  

.ghelp					{color:var(--point1); font-size:0.9em;}


.fsize8					{font-size:0.5rem !important; }
.fsize9					{font-size:0.55rem !important; }
.fsize10				{font-size:0.6rem !important; }
.fsize11				{font-size:0.65rem !important; }
.fsize12				{font-size:0.7rem !important; }
.fsize13				{font-size:0.75rem !important; }
.fsize14				{font-size:0.8rem !important; }
.fsize15				{font-size:0.85rem !important; }
.fsize20				{font-size:1.1rem !important; }

 

/*mt1->등 변환*/
.mt                      { margin-top: var(--mt, 1em) !important; }
.mb                     { margin-bottom: var(--mb, 1em) !important; }
.ml                      { margin-left: var(--ml, 1em) !important; }
.mr                      { margin-right: var(--mr, 1em) !important; }
.ma                     { margin: var(--ma, 1em) !important; }

.pt                      {padding-top: var(--pt, 1em) !important; }
.pb                     {padding-bottom: var(--pb, 1em) !important; }
.pl                      {padding-left: var(--pl, 1em) !important; }
.pr                      {padding-right: var(--pr, 1em) !important; }
.pa                     {padding: var(--pa, 1em) !important; }




.mt5					{margin-top:5px !important; }
.mt10					{margin-top:0.55rem !important; }
.mt15					{margin-top:0.8rem !important; }
.mt20					{margin-top:1.1rem !important; }
.mt40					{margin-top:2.2rem !important; } 
/*
.mt25					{margin-top:25px !important; }
.mt30					{margin-top:30px !important; }
.mt35					{margin-top:35px !important; }
*/ 

.mb5					{margin-bottom:5px !important; }
.mb10					{margin-bottom:0.55rem !important; }
.mb15					{margin-bottom:0.8rem !important; }
.mb20					{margin-bottom:1.1rem !important; }
.mb30					{margin-bottom:1.65rem !important; }
.mb40					{margin-bottom:2.2rem !important; }
/*
.mb25					{margin-bottom:25px !important; }
.mb35					{margin-bottom:35px !important; }
.mb50					{margin-bottom:50px !important; }
.mb60					{margin-bottom:60px !important; }
.mb70					{margin-bottom:70px !important; }
*/

.ml5					{margin-left:5px !important; }	
.ml10					{margin-left:0.55rem !important; }	
.ml15					{margin-left:0.8rem !important; }
/*
.ml20					{margin-left:20px !important; }
.ml25					{margin-left:25px !important; }
.ml30					{margin-left:30px !important; } 
.ml35					{margin-left:35px !important; } 
.ml40					{margin-left:40px !important; } 
*/

.mr5					{margin-right:5px !important; }
.mr10					{margin-right:0.55rem !important; }
.mr15					{margin-right:0.8rem !important; }
/*
.mr20					{margin-right:20px !important; }
.mr25					{margin-right:25px !important; }
.mr30					{margin-right:30px !important; }
.mr35					{margin-right:35px !important; }
.mr40					{margin-right:40px !important; }
*/

.pt5						{padding-top:5px !important; }
.pt10					{padding-top:0.55rem !important; }
.pt15					{padding-top:0.8rem !important; }
.pt20					{padding-top:1.1rem !important; }
.pt40					{padding-top:2.2rem !important; }
/*
.pt25					{padding-top:25px !important; }
.pt30					{padding-top:30px !important; }
.pt35					{padding-top:35px !important; }
*/

.pb5					{padding-bottom:5px !important; }	
.pb10					{padding-bottom:0.55rem !important; } 
.pb15					{padding-bottom:0.8rem !important; } 
.pb20					{padding-bottom:1.1rem !important; } 
.pb40					{padding-bottom:2.2rem !important; } 
/*
.pb25					{padding-bottom:25px !important; } 
.pb30					{padding-bottom:30px !important; } 
.pb35					{padding-bottom:35px !important; } 
*/

.pl5						{padding-left:5px !important; }	
.pl10					{padding-left:0.55rem !important; }	
.pl15					{padding-left:0.8rem !important; }
.pl20					{padding-left:1.1rem !important; }
/*
.pl25					{padding-left:25px !important; }
.pl30					{padding-left:30px !important; } 
.pl35					{padding-left:35px !important; } 
.pl40					{padding-left:40px !important; } 
*/

.pr5						{padding-right:5px !important; }
.pr10					{padding-right:0.55rem !important; }
.pr15					{padding-right:0.8rem !important; }
.pr20					{padding-right:1.1rem !important; }
/*
.pr25					{padding-right:25px !important; }
.pr30					{padding-right:30px !important; }
.pr35					{padding-right:35px !important; }
.pr40					{padding-right:40px !important; }
*/

.pall5					{padding:5px !important; }
.pall10				{padding:0.55rem !important; }
.pall15				{padding:0.8rem !important; }
.pall20				{padding:1.1rem !important; }
/*
.pall25				{padding:25px !important; }
.pall30				{padding:30px !important; }
.pall35				{padding:35px !important; }
.pall40				{padding:40px !important; }
*/

/*
.minw10p			{min-width:10px !important;}
.minw20p			{min-width:20px !important;}
.minw30p			{min-width:30px !important;}
*/
.minw40p			{min-width:40px !important;}
.minw50p			{min-width:50px !important;} 

.w50p					{width:50px !important; }
.w60p					{width:60px !important; }
.w70p					{width:70px !important; }
.w80p					{width:80px !important; }
.w100p				{width:100px !important; }
.w120p				{width:120px !important; }
.w130p				{width:130px !important; }
.w150p				{width:150px !important; }
.w200p				{width:200px !important; max-width:100% !important; }
.w300p				{width:300px !important; max-width:100% !important; }

/*
.w10p					{width:10px !important; }
.w20p					{width:20px !important; }
.w30p					{width:30px !important; }
.w40p					{width:40px !important; }
.w90p					{width:90px !important; }
.w160p				{width:160px !important; }
.w180p				{width:180px !important; }
.w210p				{width:210px !important; }
.w220p				{width:220px !important; }
.w230p				{width:230px !important; }
.w240p				{width:240px !important; }
.w250p				{width:250px !important; }
.w400p				{width:400px !important; }
.w500p				{width:500px !important; }
.w600p				{width:600px !important; }
.w700p				{width:700px !important; }
.w800p				{width:800px !important; }
.w900p				{width:900px !important; }
.w1000p				{width:1000px !important; }
*/

.w10					{width:10% !important; }
.w15					{width:15% !important; }
.w20					{width:20% !important; }
.w25					{width:25% !important; }
.w30					{width:30% !important; }
.w50					{width:50% !important; }
.w70					{width:70% !important; }
.w80					{width:80% !important; }
.w90					{width:90% !important; }
.w99					{width:99% !important; }
.w100					{width:100% !important; }
/*
.w40					{width:40% !important; }
.w60					{width:60% !important; }
.w70					{width:70% !important; }
.w80					{width:80% !important; }
.w85					{width:85% !important; }
.w95					{width:95% !important; }
.w97					{width:97% !important; }
*/
.fw2030				{width:20% !important; }
@media screen and (max-width:768px) {
    .fw2030				{width:30% !important; }
}

.h20p					{height:1.1rem !important; }
.h30p					{height:1.65rem !important; }
.h40p					{height:2.2rem !important; }
.h50p					{height:2.75rem !important; }
.h80p					{height:4.4rem !important; }
.h100p				{height:5.55rem !important; }
.h150p				{height:8.3rem !important; }
.h200p				{height:11.1rem !important; }
.h300p				{height:16.65rem !important; }
/*
.h10p					{height:10px !important; }
.h60p					{height:60px !important; }
.h70p					{height:70px !important; }
.h90p					{height:90px !important; }
.h250p				{height:250px !important; }
.h400p				{height:400px !important; }
.h500p				{height:500px !important; }
.h600p				{height:600px !important; }
.h700p				{height:700px !important; }
.h800p				{height:800px !important; }
.h900p				{height:900px !important; }
.h1000p				{height:1000px !important; }
*/
  
/*  파일첨부 관련  ==================================================================================== */
/*
.file_box							            {position:relative; width:310px; margin:5px; overflow:hidden;}
.file_box .up_files					    {display:none;}
.file_box .file_preview				{float:left;width: 100px; height: 40px; border-radius:6px; overflow: hidden; background: #ddd; justify-content: center; align-items: center; display: flex;}
.file_box .file_preview img		{width:auto; height:100%;}
.file_box .file_btn					    {float:left; width: 80px; height: 40px; line-height:40px; border-radius:6px; background:#333; color:#fff; font-weight:500; text-align:center; margin-left:10px; }

.file_box .up_file_progress		{display:none;}
.file_box .file_progress			    {position:absolute;float:left;width: 0px; height: 40px; border-radius:6px; overflow: hidden; background: #000;}
*/
.file_box						            {position:relative; display:inline;}
.file_box .up_files				    {display:none;}
.file_box .file_preview			{float:left;width: 130px; height: 40px; border-radius:6px; overflow: hidden; background: #ddd; justify-content: center; align-items: center; display: flex;}
.file_box .file_preview img	{width:auto; height:100%;}
.file_box .file_btn				    {float:left; width: 80px; height: 40px; line-height:40px; border-radius:6px; background:#333; color:var(--white1); font-weight:500; text-align:center; margin-left:10px; }

/*  파일첨부 관련  ==================================================================================== */



/*  신규 파일첨부 관련  ==================================================================================== */
.uploaded_file_item					        {position: relative;  font-size:0.9em; line-height:1.2em; padding: 12px ; margin-bottom:8px; border: 1px solid var(--border-color1); border-radius: 5px; display: flex; align-items: center; justify-content: space-between; background:var(--white1); overflow: hidden;transition:var(--transition1);}
.uploaded_file_item:focus,
.uploaded_file_item:hover				{border-color: #444; }
.uploaded_file_item.uploading		{border-color: #306bc5; background-color: #f4f5f6; }
.uploaded_file_item.completed		{border-color: #306bc5; animation: uploaded_ani_success 0.5s ease; }
.uploaded_file_item.failed				{border-color: #f44336; background-color: #fff5f5; }
@keyframes uploaded_ani_success	{
	0%, 100% {transform: scale(1); } 
}
.uploaded_file_item .file_info			{flex: 1; margin-right: 30px; min-width: 0; }
.uploaded_file_item .file_name		{display: inline; font-weight: 500; color: #333; }
.uploaded_file_item .file_size		    {color: #666; font-size: 0.85em; }
.upload_progress_container			    {position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background-color: #e0e0e0; overflow: hidden; }
.upload_progress_bar				        {height: 100%; width: 0%; background: linear-gradient(90deg, #306bc5, #4e89e2); transition: width 0.3s ease; position: relative; }
.upload_progress_bar::after			    {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: uploaded_ani_shimmer 1.5s infinite; }
@keyframes uploaded_ani_shimmer	{
	0% {transform: translateX(-100%); }
	100% {transform: translateX(100%); }
}
.upload_progress_bar.completed		{background: linear-gradient(90deg, #0c4fb5, #0c4fb5); }
.upload_progress_bar.failed				    {background: linear-gradient(90deg, #f44336, #e57373); }
.upload_percentage					            {position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-size: 0.9em; font-weight: 600; color: #306bc5; transition:var(--transition1);}
.upload_percentage.completed			{color: #306bc5; }
.uploaded_status_icon				            {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 1.2em; opacity: 0; transition:var(--transition1);}
.uploaded_status_icon.success			{color: #306bc5; }
.uploaded_status_icon.error			        {color: #f44336; }
.uploaded_status_icon.show				{opacity: 1; animation: uploaded_ani_fadeInScale 0.5s ease; }

@keyframes uploaded_ani_fadeInScale {
	0%     {opacity: 0; transform: translateY(-50%) scale(0.5); }
	100% {opacity: 1; transform: translateY(-50%) scale(1); }
}

.remove_up_file_btns					    {position: absolute; right: 10px;background-color: #aaa; color: white; border: none; border-radius: 50%; width: 22px; height: 22px; cursor: pointer; font-weight: bold;  display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition:var(--transition1);}
.remove_up_file_btns:focus,
.remove_up_file_btns:hover				{background-color: #e52150; }
.remove_up_file_btns.hidden			{opacity: 0; pointer-events: none; }
.uploaded_file_btns						    {display: inline-block; padding:12px 13px  ; font-size:0.9em; line-height:1.3em;  background: #363636; color: white; border-radius:5px; cursor: pointer;  font-weight: 500; text-align: center;transition:var(--transition1);}
.uploaded_file_btns i				        {margin-right: 8px; }
.uploaded_file_btns:focus,
.uploaded_file_btns:hover				{background:#000; }
.up_file_progress2					            {display: none; }

/*  신규 파일첨부 관련  ==================================================================================== */
 



/*  페이지 관련   ===============================================*/ 
.page_box								{text-align:center; } 
.page_box a							{display:inline-block;width:40px; height:40px; line-height:38px; text-align:center; font-size:0.9em;color:#666;border:1px solid var(--white1); background:var(--white1); margin:0 3px; overflow:hidden; border-radius:5px;} 
.page_box a:focus,
.page_box a:hover				{border:1px solid var(--border-color1); color:#333; font-weight:600;} 
.page_box .on:focus	,
.page_box .on:hover	,
.page_box .on 						{font-weight:600; color:var(--white1); border:1px solid #555;background:#666;}  
.page_box .parrow01			{background:url("../img/common/icon_page.png") no-repeat -40px -1px var(--white1);background-size:auto 40px;overflow:hidden;border:1px solid var(--border-color1); }
.page_box .parrow02			{background:url("../img/common/icon_page.png") no-repeat -80px -1px var(--white1);background-size:auto 40px;overflow:hidden;border:1px solid var(--border-color1); }
.page_box .parrow03			{background:url("../img/common/icon_page.png") no-repeat 0 -1px var(--white1);background-size:auto 40px;overflow:hidden;border:1px solid var(--border-color1); }
.page_box .parrow04			{background:url("../img/common/icon_page.png") no-repeat -120px -1px var(--white1);background-size:auto 40px;overflow:hidden;border:1px solid var(--border-color1); }

@media screen and (max-width:1024px) {
    .page_box a							{ width:35px; height:35px; line-height:34px; margin:0 2px;  } 
    .page_box .parrow01			{background:url("../img/common/icon_page.png") no-repeat -35px -1px var(--white1);background-size:auto 35px;  }
    .page_box .parrow02			{background:url("../img/common/icon_page.png") no-repeat -70px -1px var(--white1);background-size:auto 35px;  }
    .page_box .parrow03			{background:url("../img/common/icon_page.png") no-repeat 0 -1px var(--white1);background-size:auto 35px;  }
    .page_box .parrow04			{background:url("../img/common/icon_page.png") no-repeat -105px -1px var(--white1);background-size:auto 35px; }
}
/*  페이지 관련   ===============================================*/ 

 
 
/*  버튼 관련  ==================================================================================== */
.ab_m							{position:relative; display: inline-block; cursor: pointer; text-align:center; white-space:nowrap; vertical-align:middle; touch-action:manipulation; user-select:none; border-radius:3px; padding: 0 10px;  line-height:32px;  border:1px solid #c5c5c5; background:var(--white1); color:#464c51; font-size:0.9em;}
.ab_mh						{position:relative; display: inline-block; text-align:center; white-space:nowrap; vertical-align:middle;  border-radius:3px; padding: 0 10px; line-height:35px;  border:1px solid #c5c5c5; background:var(--white1); color:#464c51; font-size:0.9em; }

.ab_m[disabled],
.ab_m[aria-disabled="true"]  { border: 1px solid #D8D8D8 !important; background-color: #f5f5f5 !important; color: #8E8E8E !important; pointer-events: none; cursor: not-allowed; }

.ab_b							{position:relative; display: inline-block; text-align:center; white-space:nowrap; vertical-align:middle;border-radius:3px; padding: 0 10px;  line-height:44px;  border:1px solid #c5c5c5; background:var(--white1);color:#464c51; font-size:0.9em;  cursor: pointer;  touch-action:manipulation; user-select:none; }

.ab_m:focus,
.ab_m:hover				{border-color:#000; background:#000 !important; color:#fff;}
.ab_m i						{margin-right:6px;}

.ab_h							{opacity:.5 !important;}
.ab_blue						{border-color:#278adf; background:#278adf; color:#fff;}
.ab_blueline				{border-color:#278adf; color:#278adf;}
.ab_red						{border-color:#e55c6c; background:#e55c6c; color:#fff;}
.ab_redline					{border-color:#e55c6c; color:#e55c6c;}
.ab_green					{border-color:#217345 !important; background:#217345 !important; color:#fff !important;}
.ab_gray						{border-color:#5d636c !important; background:#798291 !important; color:#fff !important;}
.ab_black					{border-color:#333 !important; background:#333 !important; color:#fff !important;}
.ab_white					{border:1px solid #ddd !important;background: #f3f4f7 !important; color:#555 !important;}

.ab_copy				        {position:relative; display: inline-block; cursor: pointer; text-align:center; white-space:nowrap; vertical-align:middle; touch-action:manipulation; user-select:none; border-radius:2px; padding: 0 10px;   line-height:28px;  border:1px solid #ccc; background:#fff;color:#464c51; font-size:0.95em; } 
.ab_copy:focus,
.ab_copy:hover			{border-color:#000; background:#444; color:#fff;}
.ab_copied				    {border-color:#278adf !important; background:#278adf !important; color:#fff;}

/*  버튼 관련  ==================================================================================== */



/* BOARD BTN  ==================================================================================== */
.bbs_btn01 				{ display:inline-block;text-align:center; font-weight:500;   border:1px solid rgb(0,0,0,0.2); background:#444; color:#fff; line-height:54px;height:54px; cursor:pointer; padding:0 10px; min-width:100px; vertical-align:middle; border-radius:5px;transition:var(--transition1);}
.bbs_btn01:focus,
.bbs_btn01:hover		{  background:#101821; color:#fff;}

.bbs_btn02 				{display:inline-block;text-align:center; font-weight:500;  border:1px solid rgb(0,0,0,0.2); color:#444; background:var(--white1);  line-height:54px;height:54px; cursor:pointer; padding:0 10px; min-width:100px; vertical-align:middle ; border-radius:5px;transition:var(--transition1);}
.bbs_btn02:focus,
.bbs_btn02:hover		{ background:#101821; color:#fff;}

@media screen and (max-width:768px) {
	.bbs_btn01,
	.bbs_btn02				{padding:0 10px; min-width:70px;   line-height:50px;height:50px; font-size:0.95em;  }
}
/* BOARD BTN  ==================================================================================== */


/*  오류화면  ==================================================================================== */
.error_box						{ margin:0 auto; border-radius:1em; padding:50px  ;border:1px solid var(--border-color1);text-align:center; } 
.error_box .img01			{display:block; width:100%;height:100px; background:url('../img/common/error_img.png') no-repeat center 0 / auto 100%; margin-bottom:25px; opacity:0.7; } /* 느낌표 */
.error_box .img02			{display:block; width:100%;height:100px; background:url('../img/common/error_img2.png') no-repeat center 0 / auto 100%; margin-bottom:25px; opacity:0.7;  } /* 체크표시 */
.error_box .txt				{font-weight:500; font-size:1.1em; color:#666;   line-height:1.45;  }
.error_box .txt strong	{display:block; font-size:1.3em;  color:#333;   margin-bottom:10px;}
.error_box .txt span		{display:block; font-size:1.1rem; }
.error_box .contbox      {max-width:500px; margin:auto; text-align:center; padding-top:20px; }
.error_box .btns				{padding-top:40px; display: grid; grid-template-columns: repeat(2, 1fr); gap:5px;  }
.error_box .btn				{display:inline-block;text-align:center; font-weight:500;font-size:1.05em;   background:#333; color:#fff; line-height:58px;  max-width:280px; width:100%; border-radius:2px;cursor:pointer; border:1px solid #000; transition:var(--transition1);}
.error_box .btn02			{display:inline-block;text-align:center; font-weight:500;font-size:1.05em;   background:#333; color:#fff;   line-height:58px;  border-radius:5px;cursor:pointer; vertical-align:middle;border:1px solid #000; transition:var(--transition1);}
 
.error_box .input_form	{height:45px;width:100%;}

@media screen and (max-width:1024px) {  
    .error_box .img01,
    .error_box .img02			{ height:80px;  margin-bottom:20px;  }
} 
@media screen and (max-width:768px) { 
    .error_box						{ padding:40px 30px; }  
    .error_box .txt strong	{ font-size:1.2em; }
    .error_box .input_form	{height:40px;}
    .error_box .btns				{padding-top:30px;   }
    .error_box .btn02			{ font-size:1em;  line-height:52px;  }
    .error_box .btn				{ font-size:1em;  line-height:52px;  }
}
@media screen and (max-width:480px) { 
    .error_box						{ padding:  30px 25px; }   
    .error_box .img01,
    .error_box .img02			{ height:70px;  margin-bottom:15px;  }
    .error_box .txt				{font-size:1.05em;  }  
}



.error_box02					    { margin:30px auto;  padding:140px 40px 40px 40px;text-align:center;font-size:1.1em;color:#888;line-height:1.5;border:1px solid var(--border-color1); background:url('../img/common/error_img.png') no-repeat center 40px var(--bg-gray1); } 
.error_box02 .txt			    { font-size:1.45em; color:#222; font-weight:500;padding:0 0 10px 0; }  
.error_box02 .btn			    {display:inline-block; margin-top:40px;}
.error_box02 .btn a		    { display:inline-block;text-align:center; font-size:0.9rem; color:#fff;background:#333; line-height:42px; cursor:pointer; min-width:100px;vertical-align:middle;  border-radius:2px;transition:var(--transition1);}

.error_box02.finish_img	{   background:url('../img/common/error_img2.png') no-repeat center 40px var(--bg-gray1); } 
 
@media screen and (max-width:768px) { 
    .error_box02					{ margin:30px auto; padding:140px 20px 30px 20px;font-size:1em;}
    .error_box02 .txt			{ font-size:1.3em;  }  
    .error_box02 .txt span	{display:block; }  
}

/*  오류화면  ==================================================================================== */



.nolist_box					{max-width:850px; padding:220px 50px 80px 50px;text-align:center; border:1px solid var(--border-color1);  margin:0 auto  ; background:url('../../_common/img/common/nolist.png') no-repeat center 70px;  }
.nolist_box .txt  			{font-size:1.05em; color:#777;  }
.nolist_box .txt p		{font-weight:500; font-size:1.7rem; color:#333;  line-height:1.2; padding:0 0 15px 0;}  
@media screen and (max-width:768px) { 
    .nolist_box					{ padding:180px 30px 60px 30px;background-position:center 50px;background-size:auto 100px;margin:0; }
    .nolist_box .txt  			{font-size:0.95em; }
    .nolist_box .txt p		{font-size:1.5rem;padding:0 0 10px 0; } 
}


.finish_box					{max-width:850px; padding:210px 50px 50px 50px;text-align:center; border:1px solid var(--border-color1);  margin:20px auto  ; background:url('../../_common/img/common/finish_img.png') no-repeat center 50px;  }
.finish_box .txt  			{font-size:1em; color:#777; padding:0 0 50px 0;}
.finish_box .txt p		{font-weight:500; font-size:1.7rem; color:#333; line-height:1.2; padding:0 0 15px 0;}
.finish_box .txt p br	{display:none;}

@media screen and (max-width:768px) { 
    .finish_box					    { padding:170px 30px 40px 30px;background-position:center 40px;background-size:auto 100px;margin:0; }
    .finish_box .txt  			    {font-size:0.95em; padding:0 0 30px 0;}
    .finish_box .txt p		    {font-size:1.5rem;padding:0 0 10px 0; }
    .finish_box .txt p br		{display:block;}
}



 

/*  자동등록방지  ==================================================================================== */
.secret_wrap .img							{float:left;padding-right:10px;}
.secret_wrap .btns							{float:left;}
.secret_wrap .btns div					{background:var(--bg-gray1); border:1px solid var(--border-color1);line-height: 38px; width: 110px; cursor:pointer; display:block;padding-left:10px;}
.secret_wrap .btns div:first-child	{border-bottom:0px;}
.secret_wrap .btns div i					{position:relative !important; top:0 !important; width:20px;text-align:center;}
.secret_wrap .form::before			{content:''; display:block; clear:both;} 
.secret_wrap .form input				{margin-top:7px;}

@media screen and (max-width:480px) {
	.secret_wrap .btns div				{width: 200px;}
}

 

/*  준비중화면  ==================================================================================== */
.wait_box							{position:relative;  padding:50px 40px;text-align:center;   margin:auto  ; border:0 solid #e3e3e3;  } 
.wait_box .img					{position:relative; width:180px; height:180px; margin: auto; margin-bottom:40px; border-radius: 50%;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQjAzRDY3MURFQkJFRTExQkJFMEQzNDRCOTIzQTZBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTFDM0M2OUJCRTYxMUVFQjkwOUE0MzQ4NkE3NjY0QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTFDM0M2OEJCRTYxMUVFQjkwOUE0MzQ4NkE3NjY0QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCMDNENjcxREVCQkVFMTFCQkUwRDM0NEI5MjNBNkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCMDNENjcxREVCQkVFMTFCQkUwRDM0NEI5MjNBNkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BKcIVwAADptJREFUeNrsnQlYVOUax18EJkACWVLRqyi4lkpqZqWmaNp1S83SkNZbpFwU0zSN1JabS11RC9sJzVKzR+uqt+zSYpj7wnW5KqmkaBQpSCoq63Dfd4YZziDLDMkwc87/9zzvc+YczjAz53y/8y3n+77jUlpaSgCAynGBIABAEAAgCAAQBAAIAgAEAQCCAABBAIAgAEAQAAAEAQCCAABBAIAgAEAQACAIABAEAAgCAAQBAILgKAAAQQCAIABAEAAgCAAQBAAIAgAEAQCCAABBAAAQBAAIAgAEAQCCAABBAIAgAEAQACAIABAEAAgCAIAgAEAQACAIABAEAAgCAAQBAIIAAEEAgCAAAAgCAAQBAIIAAEEAgCAAQBAAIAgAEAQACAIABAEAQBAANCmIi4tLvX12aHCwOy8GcQznuJOjLYenEx/OHI4jHCkc69IzMvZXt7OaL7IQ5M+J4cqLaI7nOFqo+EK6nSOORUmBIBDEWjlCefEpx20aKnEkcsSyKFchCASpTo6evNjE4Wfa5uHpRb36D6EevQdQSLtbyNcvgDy9GjrVMSzV6+ny5UuU/ftvlHYolbZ9/xUd2LO14m47OYaxJDkQBIJUJkcYL7Zw+Ji2DRn9CI2LmkI+jfxVl0B+PnaY3v3nHBZmn3LzLo5wU04CQSCISQ6R4r8cIbKuu8GDnpu7lG7vfY+qy1V6fQktS5hH61d/aFHcYkGi1C5IAwK28JJJDldXN5q9MFH1chgSSQNXenLybBoR8aRy81N8wQhX/W9Hmrc695BWqomm9cinp1JYj96aOgZPTIqjDp27KzfNhyDAfMXkkPsd1LR5MI2KfFpzB0BykgnTX1Fu6skXju4QBAgPmF7c99AT5OrmpsmDIC10FXLOByAIilcBvLjZtN4rfIimj8dd4YOVq3dDENDe9CKwSRD5BTbW9sHo1FW52lHNv9UNad8qzEYENg6qty/hypczVxepCxCV6ImK9dLEav/vcVMTi2PgB0FA+QFzc7erED4eRN43EHm5G9crUlhCdKWQ6FI+UV4BC2OnyrpmzjeSvAOeFE5/NzUkauQpN0Cr31fH++o8jftKjpJ9mSj3Sv3kLBAE1Dn+Xlyeu5Gv0rXoGODGOUxTfq8/y5J5gehqEY4nBLGB0OBgqUvcXVaxlJYpXw5rkmLLuv5uklM09zUWqf4sOj6rrfjXZV005iYAglQnhZTcpa0+hhy0SVLkaMlV3Ya66/g/OYJ8jDlRzmUkdAhSuRzdePE+h0Pf7W3ma5scBQUFpNPprOqg2YSLXMVckb+Qj8QOQSzl+Bsv3pESh3J723btKCwsjIKaNSMfH5+aa8HMT2lptPazz+rke/pxncPXhmLVvFdfpeVJSeTv709vv/cedetes/tBvsb6iLR4AQgickzixZvlRRgXun/0aIoaP57atG1r8//7Jjm5TgSRSrVc4a0l49QpSkpMNLzOzs6mxfHx9PGqVTW+T4pZTflacDoXCV7zgrAcg5VyNOOcYklCglVXWnsT6G1ba1VWVpbF+h+51qd4uZcixbjLhUj0mhWE5ZAhfStM6y2Dg2n1mjXUpGlTh/uuIkYjO8974t8Qgth8nlT2e+bIhdlwxfT2pqTlyx1SDuFGj9rd6/gzSC7iit532hSEcw/pEzTetD512jRq1bq1w35fb539P1N8bKhDotdqDjKGw9AeJLlGRGSkQ39ZT3dtfS4EqX8Gml6MGDmS3N0dOyW411PtT+eKRK9VQbqZXtzVq5dDf1GpB7jU42cDbQpi7i/Vpk0bdZ6sBtfhdLkg0WtVEHPhwauhY89oqK9lV/SQ0FBDFxMTobW4EOj1SPS2gO7u9YCM1ZCxG242Xp4CAgIo4a23KPGDDygoKIienzXL5s8uQncTCOIM5BcZ70vYyoCBAw1RWwqKcey1WsRyKurrjnYe7qRDEGfgYi27n69etYr69+1LEWPGUHp6um25FucehchBIIgzIHUBmWTBFk6ePEmz4+LodEYG7dm9m160sQ6C0YUQxKk4l2fb/rnnz1us5+Tk2CTkH1dxzCGIEyGDmGxJtGG33kq9+/QxvHZ1daXxEyZY/d6sS5jppDagFauekYkVvHTWdQERKZI++ojSjh41NPla21NZilaXMOQWgjgjctPwNJecWgdY1w1E7qbffMstVv9/aS2T3AOgiOW0yFjxU+eNkytcT6QR4EwuilYQRAXIDbyfc67f/RGZYVHk0EMOFLHUgnQ/yThvHIorsyu61eLyJRV/qddgVkUIolqkZUvmsZLpgHw9jZX46jrhykzvUpzKvWqcyBpAkPq7yhfb51a01BtEFAkZuy4jAWVKUXn8gUzlpS/r8ChFs3w75xb6Uj0EAeX4+ZU/AuP8uSy7f77IIHUTR5mRJOesxTG4gEq6xmkdEmJ+fTYrky7k5mj6eBw7sl+5mgZBNI7clGutmCFlxw//0fTx2LH5a+XqVggC6N7B5Q+u3LgmifR6bY48OnPyOKXuTFFuWgdBAD0UEWHo6mFIJKdO0JdrV2juGJSWltJ78S8almXsT8/I2AFBAP2lRQsaM3aseX15wnxKO7RPU8fg0w/foIN7tys3vaD23wxBbGD6zJmGseBCUVEhvfTMY3Qodacmco7ViUsMoWA15x5fQRBgRp4nsvTdd8nDw/hAjyuX82jWxHG04p3XKf+qOh/j9OuZk/TylMcqynGQFNO8qhmXUpX0ZGvTqpX5h6QePGh8OE4dsWP7dhofFcWClEtxo68fhQ8eRbfdFU6h7TsZ1p0yt9Dr6dzvv3LxMZW2b95EO1OSKzZIiByDOPf4XZnDQBAIYoE8dSo2JsbmceF1haubG/UdNIImz15o1aPZNm/6nBIXv0KXLv5hUzVEcg6W42LFIhiKWMCC9h060MZNm2jajBnUyK/+c4uS4mL6/qt1tOHTJKv237hmmS1yHOK4j8WIqCgH6iCgSmSWwwnR0fQjF7kWvfEGDR02jJo3b27VFbyuWPH2a5T+0/9q3C84tH11f5ZOLQc4lnL04whjMTZq8RyjiFUHSIfGK1fsN4XIVf6sMaNHU2ZmpmE9sEkQxSdtIL+Am6p8j9Qt5s142rQqz3JrJ19dVlgGm8pdqINAEIcndd8+Gjd2rLm3cZuOXejVhJXk5V35U0ILC/Ip8t6uVJBvnjViFIvxr1pV7FEHAY6OPKT0H3PnmtdPHD1Ic2IfrrKeobvBg/oMHK7cNBVHEYKomgc5B4mOiTGvHztygJ6Lup+yMk9Xuv+wBx9XrvYJDQ4Ox1FUryDmkUx5eXmaPaHPTp9O46OjzeuZGT/TM48OoW3ffXnNviHtbqZud9yt3BTPkuCiqVJBMkwvjh87pumTOvXZZ8nNrXwsnNzxf+2FGJo/cwKdy/rVYt/HYp5Xtrp15YiFFuoUZK/pxdYtWzR9Uvfs2aMcGmyuQe/44WuKHhNOHyx6mc7+9othW+u2HWnQiAjl2+dzLtIFahhRUyuWFKiXyWsZ4JSybZu5z5TmillTptD6L74wrX5dJslgixPfoAF17nYH9eo/lLp0v5NmT4qk7LO/mf4s3QN6pmdkWDV0Es28ziGItGfKGTY8f236jBkWZXGtIF1g7hs6lEpKzP2n5A74Rs4VRvPrBXKoKnufm7s7FRdZzP6wmyOc33tFy4KopojFJ1Im2Ewwrb+5ZAmlpaVpSo78/HyaxrmHQo7DHF+WHR8Z+deR41GO/de0cBRdMzXK7RzzUAdRF3JCDbeTCwoK6MnHH6eMU6c0cSILCwspduJEOnr0qHLzRBZDr7iIFHN8zCGV8e4cr5Oxn1VVWYAX6iAqyR5NLTFclOjLi2+pbEoj6UgYv3gx9e3XT7Un8ZczZ2jypEl0YL9FxjCfRYiz5v18zKTbQU+OthzBHN5k7H6yhP9HNuogKhKk7IRH8mKFMoeUB18+FRVFt/XoUa+dCa+3GKtWrqQVy5cbilcKVnE8osw96hII4mSClEkyqkwSb+X2wMBACuva1dDrVh4loMTX15fGRkRQ48aNrfrMfXv30jfJyXabbdGEPGnq8OHDdOL48cr+LEP/prEcdpt2BYI4oSBlkkiLzTsc91j7f/qFh1PismU17ic3I0cOH26o6zgIcqM0lsXYYO8PRiuWk8KJ5QSHPFS8P8fnZBznUC0ViipVVoinxMY6ihx7yDg+vF19yKF2NDE3LyeczbzYzDmKtMpI82UHjiZUPmn6ZKnPy4v+AwbU+P/k6bKKJmS5fC7ksOczZGVUn9zM28W/LQvJGEWsWhWxrKGsGGYuzG/esoVatGxZ5f6J779PC+ZZ3B54jRPpTC0nIhSx1M3fTS+6hIVVK8fKTz6pKMd3HLNwCFHEUiWcewTywjzuNCIyssp93166lBYtXKjcJF2GH5Sbb0hGEEStyNXf0HdLmnZHjhp1zQ4y99WsuDjasH69RbWGYwDLkYskpG40W8Ti3KMTL8zD72Qknru7u8U+u3ftohHDhlWUQyZO68dy/ILkg0q6KivpLIeOFzIreTdZDwkJoU3JyYbJ1wTpv7U4Pp7+vfGamW5kLtpxLMcFJB1tVNK1WsRaZJJDxJq7YAGV6PWU8u23tG7tWsPdcb3eopeGdHWdQ8YWKzxYGTmIenMQzj0m8eJN07q0WnXq3Jl+TEmpaiy7PEFJpts8guSivRxEU4KwHCN4Ye3cT6kcr7AY66EAilha4eEa/i6DrmSsahKLkYKkD7QmyMccfyVjD1/plyUd/OR+hjwFRx6dtJXFKESyAKorYgEAQQCAIABAEAAgCAAQBAAIAgAEAQBAEAAgCAAQBAAIAgAEAQCCAABBAIAgAEAQAAAEAQCCAABBAIAgAEAQACAIABAEAAgCAAQBAIIAACAIABAEAAgCAAQBAIIAAEEAgCAAQBAAIAgAEASCAABBAIAgAEAQACAIABAEAAgCAAQBAIIAAEEAABAEAAgCAAQBAIIAAEEAgCAAQBAAIAgAEAQACAIAqJT/CzAApULYaxGvxu4AAAAASUVORK5CYII=') no-repeat center 0 #eee; background-size: auto 100%;}
.wait_box .txt					{position:relative;font-size:1.1em;  color:#777; padding-bottom:10px;   }
.wait_box .txt div				{font-weight: 500; font-size:2.2em; color:#333;  line-height:1; padding:0 0 20px 0;}
.wait_box .txt div span		{font-weight: 700;} 

@media screen and (max-width:1024px) { 
    .wait_box							{ width:100%;padding:50px  40px; }
    .wait_box .img					{ width:160px; height:160px;margin-bottom:40px;  }
    .wait_box .txt					{ font-size:1.05em;  }
}
@media screen and (max-width:768px) { 
    .wait_box .txt div				{  font-size:2em; }
}
@media screen and (max-width:600px) { 
    .wait_box							{ padding:50px 30px; }
    .wait_box .img					{ width:130px; height:130px;margin-bottom:30px;  }
    .wait_box .txt					{ font-size:1em;  } 
}
/*  준비중화면  ==================================================================================== */




/*  팝업  ==================================================================================== */
#popup_box          					        { }
#popup_box .cont						        {background-color:var(--white1);} 
#popup_box .bottom						{position:fixed; bottom:0; width:100%; background-color:#000000; height:32px; padding:5px 0; text-align:center; color:var(--white1); }
 
/*  팝업  ==================================================================================== */






/*  게시글 블라인드  ==================================================================================== */
.blind_box					        {margin:0 auto; max-width:640px;padding:60px;text-align:center; } 
.blind_box i				        {font-size:3em;margin-bottom:30px;}
.blind_box .txt				    {font-weight:600; font-size:1.35em; color:#444; letter-spacing:-1.5px; line-height:1.5;}
.blind_box .txt span		    {display:block; font-size:1.1rem; letter-spacing:-1px; color:#797979; line-height:1.6; margin:10px 0 0 0;}

/*  게시글 블라인드  ==================================================================================== */



 
/*  새창 스타일 (담당자 정보, 컨텐츠 수정 등)  ==================================================================================== */
.newwin_wrap					{position:relative;}
.newwin_top						{position:relative;padding:18px  20px;background:#1c2940;  }  
.newwin_top .tit				{position:relative; color:#bfcadf; font-size:1.4em;font-weight:600;letter-spacing:-1px; }
.newwin_wrap .inner		{padding:20px;}
.newwin_subtit					{position:relative;font-size:1.3em;line-height:1.3;font-weight:600; padding:0 0 15px 3px; color:#111; letter-spacing:-1px; } 
.newwin_top .newwin_close			                    {position:absolute; right:10px;top:5px;width:50px;height:50px;  }
.newwin_top .newwin_close span			            {display:inline-block;width:50px;height:50px; cursor:pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.newwin_top .newwin_close span:before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:35px; height:1px; background:#bfcadf;}
.newwin_top .newwin_close span:after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%);height:35px; width:1px;  background:#bfcadf;}

/*  새창 스타일 (담당자 정보, 컨텐츠 수정 등)  ==================================================================================== */



 /*  달력 z-index  ==================================================================================== */
#ui-datepicker-div		    {z-index:1000 !important;}




/*  리스트 소팅  ==================================================================================== */
.gsorting				            {position:relative;line-height:1.5 !important;}
.gsorting span			    {display:inline-block; padding-right:20px; line-height:1; cursor:pointer; position:relative;}
.gsorting::before,
.gsorting::after		        {position:absolute; display:block; top:0px; opacity:.3;font-weight: 900; font-family:"Font Awesome 6 Free";}
.gsorting::before		    {right:0.6em;content:"\f30c"; }
.gsorting::after		        {right:0;content:"\f309"; }
.gsorting_asc::before,
.gsorting_desc::after	    {opacity:1;}
 
/*  리스트 소팅  ==================================================================================== */



/*  이미지 미리보기  ==================================================================================== */ 
#img_preview_fade								            {position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100000 !important;}
#img_preview_layer								            {position:absolute;max-width:900px;width:100%;background:var(--white1);box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;z-index:100001 !important;}
#img_preview_imgfade						            {position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100002 !important;}
#img_preview_img								            {position:absolute;top:0;left:0;width:100%;height:100%;z-index:100003 !important;}

#img_preview_layer .top						            {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #333;color: #fff;}
#img_preview_layer .top .tit				            {font-size: 1.2em;font-weight: 500;}
#img_preview_layer .top .btn_close	            {position:relative;float:right;width:20px;height:20px;cursor:pointer;}
#img_preview_layer .top .btn_close:before,
#img_preview_layer .top .btn_close:after		{position:absolute;left:calc(50% - 1px);content:'';height:20px;width:2px;background:var(--white1);}
#img_preview_layer .top .btn_close:before	{transform:rotate(45deg);}
#img_preview_layer .top .btn_close:after		{transform:rotate(-45deg);}
#img_preview_layer .top .btns					    {position:absolute;right:50px;}
#img_preview_layer .top .btns div				    {display:inline-block;background:rgba(256,256,256,.05);margin-right: 10px;border-radius: 5px;}
#img_preview_layer .top .btns button			{padding: 5px 15px;	border:1px solid rgb(255,255,255,.13);color: #eeeeee;border-radius: 5px;cursor: pointer;}
#img_preview_layer .top .btns button i			{margin-right:6px;}

#img_preview_layer .preview						    {text-align:center;}
#img_preview_layer .preview iframe				{width:100%;height:600px;}

/*  이미지 미리보기  ==================================================================================== */





/*  약관  ==================================================================================== */
#rule_box						{margin:40px auto;}
.rule_box						{background:var(--white1); border:1px solid var(--border-color1); padding:40px; /* height:600px; overflow-y:scroll; */ border-radius:1em; }
.rule_email						{ font-size:1.05em;line-height:160%;border:6px solid #f0f0f0;  padding:50px  ; text-align:center;  border-radius:1.2em; margin-bottom:30px; font-size:1.1em;font-weight:600; color: #333; line-height:1.6; }
.rule_email div				{color:#111;font-size:1.7em; font-weight: 700;padding:160px 0 30px 0;  background: url('../../_common/img/common/rule_email.png') no-repeat center 0; background-size:140px; border-bottom: 1px solid #eee; margin: 0 0 40px 0;}
.rule_email i					{display:none; font-size:10em; opacity:0.2; margin-bottom:40px; text-align:center;}
 
@media screen and (max-width:1024px) { 
	.rule_box					{padding:20px;}
	.rule_email					{padding:50px  ;}
	.rule_email i				{font-size:5em; margin-bottom:20px;} 
    .rule_email div			{font-size:1.65em; padding:155px 0 40px 0; background-size:130px; margin: 0 0 30px 0; }  
} 
@media screen and (max-width:768px) { 
    .rule_email					{padding:45px  ;font-size:1em;} 
    .rule_email div			{font-size:1.55em; padding:130px 0 30px 0; background-size:110px;   }  
}
@media screen and (max-width:480px) { 
    .rule_email					{padding:45px 30px ; } 
}
/*  약관  ==================================================================================== */


/* 개인정보 처리방침 아이콘 스타일 ================================================================================== */
.privacy_top                                               {position:relative;border:6px solid #f0f0f0; padding:35px 40px; text-align:left; border-radius:1.2em ; transition:var(--transition1); font-size:1.1em;font-weight:600; color: #333; line-height:1.6; }
.privacy_top .tit							                { font-size: 1.5em;  line-height:1.3; font-weight: 700; color: #222;  margin-bottom:20px;} 
.privacy_top .txt01							        { font-size: 1.15em;  line-height:1.3; font-weight: 700; color:var(--color1);   } 

.privacy_wrap                                            {position:relative; }
.privacy_wrap .label_wrap                       {position:relative; margin-top:30px; margin-bottom:30px; background:#f8f8f8; border:1px solid #eaeaea; padding:20px; border-radius:1em;  }
.privacy_wrap .label_wrap .tit                 {position:relative; text-align:center; padding:0 0 20px 0 ; font-weight:bold; font-size:1.2em; color:#111; }
.privacy_wrap .label_wrap ul                   {position:relative;  display: grid; grid-template-columns:repeat(3, 1fr); gap:14px;}
.privacy_wrap .label_wrap ul li                {position:relative; background:var(--white1); border:1px solid var(--border-color1); border-radius:0.7em; padding:20px; display: flex; flex-direction: column;  align-items:center;  }
.privacy_wrap .label_wrap ul li figure     {position:relative; margin-bottom:5px; }
.privacy_wrap .label_wrap ul li .txt01     {position:relative;font-weight:600;  color:#111; padding-bottom:15px;text-align:center; }
.privacy_wrap .label_wrap ul li .cont       {font-size:0.85em;  line-height:1.35; text-align:center; }
.privacy_wrap .label_wrap ul li .cont p    { position:relative; list-style:none; color:#888; }
/* .privacy_wrap .label_wrap ul li .cont p::after			{position:absolute; content:'';   left:0; top:7px; width:3px; height:3px; background:#777; border-radius:50%;} */


.privacy_wrap .cnt_list                              {position:relative;  background:#f8f8f8; border:1px solid #eaeaea; padding:20px; border-radius:1em;   }
.privacy_wrap .cnt_list .tit                        {position:relative; text-align:center; padding-bottom:20px ; font-weight:bold; font-size:1.2em; color:#111; }
.privacy_wrap .cnt_list ul                         {position:relative; background:var(--white1);  border:1px solid var(--border-color1); border-radius:0.7em; padding:35px;  display: grid; grid-template-columns:repeat(2, 1fr); gap:10px 40px;}
.privacy_wrap .cnt_list ul a                      { display: flex; align-items:center;}
.privacy_wrap .cnt_list ul a img              {width:30px; height:auto; margin-right:10px; }
.privacy_wrap .cnt_list ul a:focus,
.privacy_wrap .cnt_list ul a:hover            {text-decoration:underline; }
 
.privacy_wrap .mid_box                             {position:relative; padding-top:60px; } 
.privacy_wrap .mid_box h4                        { font-size:1.45em; color:var(--color1);  font-weight:bold; line-height:100%; padding:0 0 30px 0; }
.privacy_wrap .mid_box h4::before,
.privacy_wrap .mid_box h4::after             {display:none; } 
.privacy_wrap .mid_box .mid_tit               {position:relative; font-size:1.55em; color:#000;font-weight:700; line-height:1.25; padding-bottom:24px;  display: flex; align-items:center;  } 
.privacy_wrap .mid_box .mid_tit img       {position:relative; width:35px; height:auto; margin-right:10px; }
.privacy_wrap .mid_box .cont01 + .mid_tit  {padding-top:30px; }
.privacy_wrap .mid_box .cont01               {position:relative;    } 
.privacy_wrap .mid_box .cont01 ol           {  }
.privacy_wrap .mid_box .cont01 ol li        { padding-left: 17px; text-indent: -17px; }
.privacy_wrap .mid_box .cont01 ol li + li  {margin-top:2px;  }
.privacy_wrap .mid_box .cont01 ol li ol    {margin-top:3px ;   }
 
.privacy_wrap .btn_new                              { display:inline-block;border:1px solid #ccc; border-radius:5px; padding:10px 15px; line-height:1.2; font-size:0.9em; }
.privacy_wrap .btn_new i                            {color:#1A5BB1; margin-left:5px; }
.privacy_wrap .btn_new:focus,
.privacy_wrap .btn_new:hover                   { background:#1A5BB1; border-color:#1A5BB1; color:var(--white1); }
.privacy_wrap .btn_new:focus i,
.privacy_wrap .btn_new:hover i                 { color:var(--white1); }

 /* 개인정보처리방침 변경 내역 리스트와 버튼 */
.privacy_wrap .mid_btn_list                        { margin-top:20px;  border-top:1px solid #333; } 
.privacy_wrap .mid_btn_list li                     { padding:20px 0 20px 20px;color:#111; font-size:1.15em;font-weight:bold; display: flex;  justify-content:space-between; align-items:center; border-bottom:1px solid #ddd;  }
.privacy_wrap .mid_btn                               {  color:var(--white1); border: 1px solid var(--color1);    background: var(--color1); height:45px;padding:0 25px; border-radius: 50px; font-size:0.85rem;font-weight:600;   display: inline-flex; align-items:center;}
.privacy_wrap .mid_btn i                             {margin-left:10px;transform:rotate(-45deg); }
.privacy_wrap .mid_btn:focus, 
.privacy_wrap .mid_btn:hover                    { border-color:var(--color1); background:var(--white1); color:var(--color1); }

 /* 개인정보처리방침 변경 내역 리스트와 버튼 */
 
 
@media screen and (max-width:1024px) {  
    .privacy_top                                                       { padding:30px;  }  
    .privacy_wrap .label_wrap ul li figure img    {width:70px; }
    .privacy_wrap .cnt_list ul                                 {  padding:30px;  }
    .privacy_wrap .mid_box .mid_tit                    { font-size:1.45em;  } 
} 
@media screen and (max-width:768px) { 
    .privacy_top                                                       {  border-width:5px;padding:25px; font-size:1.05em;   }  
    .privacy_wrap .label_wrap                               { padding:15px;   }
    .privacy_wrap .label_wrap ul                           { grid-template-columns:repeat(2, 1fr); gap:10px;  }
    .privacy_wrap .label_wrap ul li figure img     {width:60px; }
    .privacy_wrap .cnt_list                                      {padding:15px;   }
    .privacy_wrap .cnt_list ul                                  { grid-template-columns:repeat(1, 1fr);  }
    .privacy_wrap .mid_box .mid_tit                    { font-size:1.35em;  } 
}
@media screen and (max-width:580px) { 
    .privacy_top                                                       { border-width:4px;padding:20px; font-size:1em;  }  
    .privacy_wrap .label_wrap .tit                         { font-size:1.15em;  }
    .privacy_wrap .label_wrap ul                          { grid-template-columns:repeat(1, 1fr); }
    .privacy_wrap .cnt_list ul                                 {  padding:20px; gap:8px;  }
 
    .privacy_wrap .cnt_list .tit                                { font-size:1.15em;  }
    .privacy_wrap .mid_box h4                             { font-size:1.35em;  padding:0 0 20px 0; }
    .privacy_wrap .mid_box .mid_tit                    {  font-size:1.3em;  padding-bottom:20px; } 
    .privacy_wrap .mid_box .mid_tit img            {width:30px; margin-right:8px; }

    .privacy_wrap .mid_btn_list li                         {padding:15px 10px ; font-size:1.05em;  display:block;}
    .privacy_wrap .mid_btn_list li a                      {display:flex; }
    .privacy_wrap .mid_btn_list .mid_btn           {   height:38px;padding:0 20px; margin-top:8px; }
}
 
/* 개인정보 처리방침 아이콘 스타일 ================================================================================== */

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ④  layout                                        [구 asset_reg/layout.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

 
 
html							{font-size:17px;}   
@media screen and (max-width:1024px) {
	html						{font-size:16px;} 
} 
   
@keyframes ani-slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		    {opacity:1.0; transform: translateY(0);}
} 
@keyframes ani-slide-up-navi {
	from	{opacity:0; transform: translateY(0);}
	to			{opacity:1.0; transform: translateY(0);}
}
@keyframes ani-drop-down	{
	0%		{-webkit-transform:translateY(-100%);transform:translateY(-100%); }
	100%	{-webkit-transform:translateY(0);transform:translateY(0); }
}
@keyframes quick-circle{
	0%		{transform:rotateY(450deg);}
	50%	{}
	100%	{transform:rotateY(0deg);}
}
@keyframes ani-fade-up{
	0%		{transform:translate3d(0%, 50px, 0);opacity:0;}
  100%	{transform:translate3d(0%, 0, 0);opacity:1;}
}

.web-size								{position:relative; max-width:1400px; margin:0 auto;} 
.web-size2								{position:relative; max-width:1430px; margin:0 auto;} 

#skipNav        {position:relative;   width:auto; height:0px; z-index:9999001; text-align:center;}
#skipNav a     {display:block; position:absolute; top:-35px; left:0px; z-index:9999001; width:auto; height:33px; line-height:31px; box-sizing:border-box; padding:0 10px; margin:0px; background:#262626; color:#fff; font-size:0.9em;}
#skipNav a:hover,
#skipNav a:focus,
#skipNav a:active{top:0; height:33px; line-height:31px; padding:0 10px; }

/* HEADER  ================================================================================== */
.header									{position:fixed; width:100%; background:#fff; z-index:999; border-bottom:1px solid #dfdfdf; transition: var(--transition-1); /*  box-shadow:rgb(0 0 0 / 10%) 2px 3px 10px; backdrop-filter: blur(10px);   -webkit-backdrop-filter: blur(10px);  */ }
.header::after							{content:''; display:block; clear:both;} 
.header.on								{top:-52px; animation:ani-drop-down .4s cubic-bezier(.215,.61,.355,1);}

.gnb__util									{background:#fff; border-bottom:1px solid #dfdfdf; height:50px;   }
.gnb__util .web-size				{  display:flex; justify-content: space-between; } 
.gnb__util .util-link						        { z-index:1; display:flex; flex-flow:wrap; padding-left:15px; font-weight:500; }
.gnb__util .util-link a						    { margin-right:15px; display:block;    line-height:50px;  font-size:0.9em; color:#777;  }
.gnb__util .util-link a:hover				{ color:#222;  }
.gnb__util .util-link a[target="_blank"]::after  { position:relative; content: ''; display: inline-block; top:2px; width: 16px; height: 16px; margin-left:7px; background: url('../img/common/icon_blank.svg') no-repeat 50% 50%; background-size: 100%;   opacity:0.55; }
.gnb__util .util-menu						    { z-index:1; display:flex; justify-content:right; font-weight:500; } 
.gnb__util .util-menu a							{position:relative; display:block;    line-height:50px;  font-size:0.9em; padding:0 12px; color:#777;  }
.gnb__util .util-menu a:hover  			{color:#222; }	  

.gnb__util .admin                   {  position:relative; top:8px;  display:inline-block; color:#fff; font-size:0.75em; border-radius:20px;  letter-spacing:0.5px; background:#f67600;   padding:0 10px;   line-height:32px !important;   } 
.gnb__util .admin i                       {position:relative; top:2px; display:inline-block;width:14px;height:14px; background:url('../img/common/icon_setting.svg') no-repeat 0 0; background-size:100% auto; filter: brightness(0) invert(1);   margin-right:4px; } 


.gnb__util .search				    { position:relative;display:block;  overflow:hidden;  font-size:1.45em; color:#444;cursor:pointer;  opacity:0.75;}
.gnb__util .search i                 {position:relative; top:-2px; display:block; width:50px  ;height:50px; background:url('../img/common/icon_search.svg') no-repeat center 50%; background-size:22px auto; }

.gnb__util .search:hover         {  opacity:1;}


 

 


/*  자동로그아웃  ====================================================================================
    최상단 `.gnb__util .link` 맨 앞의 남은 시간 + [연장]. 마크업은 layouts/frame.php, 동작은 공용
    `asset/core/js/login-timer.js`(2026-09-29 여기서 올렸다 — gwizard 셸도 같은 파일을 쓴다).
    ⚠ **모양은 이 사이트 것이다** — gwizard 는 어두운 툴바 칸이라 스타일이 따로다(사이트 CSS 독립).
    ⚠ 이 블록은 **레거시에서 다시 가져왔다** (2026-09-23). 처음 이관 때 레거시 layout.css 의 두 벌 중
      **주석 처리돼 죽어 있던 쪽**(납작한 회색 background:#dfdfdf)을 옮겨 와, 살아 있는 쪽(아래 — 알약 모양
      ::before)이 통째로 빠져 있었다. 그래서 타이머가 모서리 없는 회색 칸으로 떴다.
    모바일(≤1024px)에서는 `.gnb__util .link` 가 통째로 숨으므로 이 블록도 같이 사라진다 — 따로 숨기지 않는다.
    ※ `span + span` 과 `i` 는 지금 마크업에 짝이 없다(연장이 button 이고, 시계 아이콘은 FontAwesome 을 안 실어
      빼 두었다 — chrome.php 주석). 레거시 원본 그대로 두어, 되살릴 때 CSS 를 다시 찾지 않게 한다.        */
#login_timer_box							{position:relative;  padding:9px 10px; min-width:105px; line-height:1.6em;   font-size:0.75em;  display: flex; justify-content:center;  align-items:center;  margin-right:8px;  }
#login_timer_box::before            {position:absolute; content:''; left:0;top:8px; height:32px; width:100%; background:#e9e9e9; border-radius:50px; }
#login_timer_box span					{color:#666; opacity:0.7;}
#login_timer_box span + span    {margin-left:5px; }
#login_timer_box button             {margin-left:5px; cursor:pointer;color:#666; opacity:0.7;}
#login_timer_box button:hover  { opacity:1;}
#login_timer_box i						{color:#666; margin-right:5px;opacity:0.4;}
/*  구글 번역   ==================================================================================== */ 
/*
.lang_choice_home						{position:relative; top:8px; padding:0 28px 0 14px; margin: 0 17px; cursor:pointer;   height:32px;  color:rgb(255,255,255,0.65); font-size:0.75em; background:#444; border-radius:50px; }
.lang_choice_home span             {position:absolute; content:''; top:calc(50% - 4px); right:14px; width:6px; height:6px; border:solid #fff; border-width:1px 1px 0 0;  transform: rotate(135deg);  }
.lang_choice_home:hover            { color:#fff;}
*/


  


  


/*  구글 번역   ==================================================================================== */

.gnb__inner				    {display: grid; grid-template-columns:260px auto; gap:2%; } 
.gnb__logo					        {  height:80px;  padding-left: 15px;  display: flex;   align-items:center;  }
.gnb__logo img				    {height:50px;  }
.gnb__nav									    { z-index: 800;} 
.gnb__menu								    {  margin:0  ; display: flex; flex-flow:nowrap;justify-content:space-around; text-align:center; }
.gnb__menu>li							    { flex:1;} 
.gnb__menu>li>a						    {position:relative; display:block;   } 
.gnb__menu>li>a span						    {position:relative; display:inline-block; padding:32px 0 27px 0; font-size:1.2em; line-height:20px; color:#000; font-weight:600  ; font-family:'Paperlogy';} 
.gnb__menu>li>a span::after				{position:absolute; content:''; bottom:-1px; left:50%; width:0; height:5px; background:var(--color1);  transition: var(--transition1); }
.gnb__menu>li>a:hover span::after,
.gnb__menu>li>a:focus span::after,
.gnb__menu>li.on>a span::after		    {width:100%; left:0; }
.gnb__menu>li.on>a span                      { color:var(--color1);}
  
.gnb__menu ul							    {position:absolute;display:none;width:200px; background:#fff; padding:20px 10px; margin-top:1px; overflow:hidden;  border:1px solid #ddd;   animation: ani-slide-up-navi 0.5s cubic-bezier(.3,.2,0,1) forwards; background:#f6f7f8; border-radius:0 0 0.5em 0.5em;  /* box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);  */ }
.gnb__menu ul>li						    {float:none;width:100%;margin:0px;padding:0px;}
.gnb__menu ul>li>a					    {display:inline-block;width:100%; text-align:center;   } 
.gnb__menu ul>li>a span					    {position:relative; display:inline-block; font-weight:500; font-size:0.95em; color:#555;  padding:6px 0 7px 0; line-height:1.3em; }
.gnb__menu ul>li>a span::after		    {display:none; }
.gnb__menu ul>li>a span::before		    {position:absolute; content:''; top:19px; left:50%; width:0; height:8px; background:var(--color1); opacity:0.14;  transition: var(--transition1);  } 
.gnb__menu ul>li>a:hover span,
.gnb__menu ul>li>a:focus span			    { color:var(--color1);  }
.gnb__menu ul>li>a:focus span::before,
.gnb__menu ul>li>a:hover span::before,
.gnb__menu ul>li.on>a span::before	    { left:0; width:100%; } 
.gnb__menu ul>li.on>a span				    { color:var(--color1); font-weight:500;}

.gnb__nav a[target="_blank"]::after  { position:relative; content: ''; display: inline-block; width: 14px; height: 14px; margin-left:7px; background: url('../img/common/top_blank.png') no-repeat 50% 50%; background-size: 100%;   }

.mbmenu_site,
.mbmenu_member,
.mbmenu_btn,
.mbmenu_top					    {display:none;}							


@media screen and (max-width:1400px) {
	.gnb__nav								    {display:block;margin-right:20px;}  
	.gnb__menu>li>a span					    { font-size: calc(12 * 1px + (22 - 10) * ((100vw - 4px) / 2200)); }
}
@media screen and (max-width:1024px) {
	.header								{height:60px;   padding:0; border-bottom:1px solid #ddd;}
	.header.on							{top:0px;}
    .gnb__logo				        {height:60px; line-height:55px; float:none; margin:0;padding:0 0 0 10px;}
    .gnb__logo img			    {height:30px;}

	.gnb__util 					            {position:absolute; right:0; background:transparent; border:0;  }
    .gnb__util .util-link	,
	.gnb__util .util-menu						{display:none;}
	
    .gnb__util .search				{  top:5px; font-size:1.5em;  padding:0 6px; }
 

	.mbmenu_btn					{display:block; position:relative ; top:8px; right:0; width:40px; height:40px; cursor:pointer; z-index:1;}
	.mbmenu_btn span, 
	.mbmenu_btn::before, 
	.mbmenu_btn::after				{position:absolute; left:8px; content:''; width:23px; height:2px; border-radius:2px; background:#333; transition: var(--transition1); }
	.mbmenu_btn::before			{top:13px;}
	.mbmenu_btn span				{top:20px; width:18px;}
	.mbmenu_btn::after				{top:27px; }
	.mbmenu_btn:active span,
	.mbmenu_btn:focus span,
	.mbmenu_btn:hover span	{width:23px;}

	.gnb__nav									{display:none; position:absolute; top:0; height:100vh; width:100%; float:none; background:rgba(0,0,0,0.5); z-index:10; transition: var(--transition1); }
	.mbmenu_top									{position:relative; display: flex; flex-direction: column; gap:10px; padding:65px 30px 1em 30px; background:#02112c;  } 
	.mbmenu_close		                            {position:absolute;right:15px;top:15px;  display:block;  width:40px; height:40px;cursor:pointer; overflow:hidden;  }
	.mbmenu_close .colse						{position:relative;display:inline-block; width:40px; height:40px;  transform: rotate(45deg); }
	.mbmenu_close .colse::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:30px; height:2px; background:#fff;}
	.mbmenu_close .colse::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:30px; width:2px; background:#fff; }

	.mbmenu_member							{display:block; position:relative;  border-bottom:1px solid rgb(255,255,255,0.4); padding-bottom:1em;    } 
	.mbmenu_member a						{ position:relative;display:inline-block;    color: #fff;font-size:1em;opacity:1; margin:0 10px;}  
	.mbmenu_member a:hover,
	.mbmenu_member a:focus				{opacity:1;}
	.mbmenu_member a:not(:first-of-type)::before          {position:absolute; content:''; left:-11px;top:4px; width:1px; height:1em;background:rgb(255,255,255,0.45); }

    .mbmenu_sns                           { display:flex;  justify-content:space-around; padding:0.4em 0 0.2em 0;}
    .mbmenu_sns a						    {position:relative; display:inline-block;  width:30px;height:30px;  }  
    .mbmenu_sns a::after              {display:none !important; }
    .mbmenu_sns a img                 {display:flex;  filter: brightness(0) invert(1); transform: scale(0.9);}

    .mbmenu_site                           { display:flex;   background:#efefef;}
    .mbmenu_site a						    {position:relative;flex:1; display:inline-block;  font-size:0.95em; padding:0.9em 0; color:#555; text-align:center;  }  
    .mbmenu_site a:not(:first-of-type)::before          {position:absolute; content:''; left:0;top:calc(50% - 0.55em); width:1px; height:1em;background:rgb(0,0,0,0.2); }
 
 
 	.gnb__nav										{display:none; position:fixed; right:0; height:100vh;  background:#fff;  margin:0; max-width:360px;width:360px; border-radius:3em 0 0 0; }
	.gnb__menu									{text-align:left; display: block; }
	.gnb__menu>li								{float:none; width:100%; margin:0;}
	.gnb__menu>li>a							{position:relative; border-bottom:1px solid rgb(0,0,0,0.1);  }
	.gnb__menu>li>a span							{ padding:22px 30px ; font-size:1.3em;  font-family: 'Paperlogy'; }
	.gnb__menu>li>a:hover span, 
    .gnb__menu>li>a:focus span,  
    .gnb__menu>li.on>a span	                    {color:var(--color1);  }
	.gnb__menu>li>a:hover span::after,
    .gnb__menu>li.on>a span::after	        {display:none;}
	.gnb__menu>li>a i					{position:absolute; right:10px; top:17px; justify-content:center; width:28px; height:28px; border:1px solid rgb(255,255,255,0.3); border-radius:4px;}
	.gnb__menu>li>a i::after		{position:absolute; content:''; right:6px; top:13px; transform:translateY(-50%); width:14px; height:2px; background:#666;}	
	.gnb__menu>li>a i::before		{position:absolute; content:''; right:12px; top:13px; transform:translateY(-50%); width:2px; height:14px; background:#666;}
	.gnb__menu>li>a:focus i,
	.gnb__menu>li>a:hover i, 
	.gnb__menu>li.on>a i				{ }  
	.gnb__menu>li.on>a i::before		{display:none;}
	.gnb__menu>li>a:focus i::before,
	.gnb__menu>li>a:focus i::after,
	.gnb__menu>li>a:hover i::before,
	.gnb__menu>li>a:hover i::after,
	.gnb__menu>li>a.current i::after,
	.gnb__menu>li.on>a i::after	{background:; }
	.gnb__menu>li.on>ul						{display:block;  }
	.gnb__menu ul								{display:block; position:relative; width:100%; padding:10px 30px ; box-shadow:none; background:none;border-radius:0;border:0; border-bottom:1px solid rgb(0,0,0,0.1);animation:initial; margin:0;  }
	.gnb__menu ul>li>a						{position:relative; text-align:left; border-bottom:0; } 
	.gnb__menu ul>li>a span                    { padding: 0 20px 0 0 ; line-height:40px;border:0; font-weight:500; font-size:1.1em; color:#444; text-indent:6px;  }
	.gnb__menu ul>li>a::before			{display:none;position:absolute; content:''; left:2px; top:16px; width:4px; height:4px; background:#555; border-radius:5px; }
	.gnb__menu ul>li>a span::before       {display:none; }
	.gnb__menu ul>li>a:hover span, 
    .gnb__menu ul>li>a:focus span,  
    .gnb__menu ul>li.on>a span	                {  color:#000;  font-weight:500; }
	.gnb__menu ul>li>a i				        {border:none; top:6px; right:-5px; }
    .gnb__menu ul>li a:hover::before,
    .gnb__menu ul>li.on>a::before			{ background:;   }
 
	.gnb__menu ul ul							{padding:10px; background:rgb(0,0,0,0.05);margin:0  0 10px 0; width:100%;border-bottom:0 solid #e5e5e5; border-radius:0.5em;}
	.gnb__menu ul ul>li>a					{ background:none;font-size:1em; font-family: 'Paperlogy';  border:0; padding:3px 0 3px 20px;  }
	.gnb__menu ul li.on ul>li>a			{background:none;color:#777;font-weight:500; }
	.gnb__menu ul li.on ul>li>a:hover, 
    .gnb__menu ul li.on ul>li>a:focus, 
    .gnb__menu ul li.on ul>li.on>a			{ color:#333; }

	.gnb__menu ul ul>li>a::before         { display:none; } 	
	.gnb__menu ul ul>li>a::after, 	
    .gnb__menu ul ul>li>a:focus::after,	
    .gnb__menu ul ul>li>a:hover::after	{position:absolute; content:''; display:block; left:8px !important; top:12px !important; width:3px !important; height:3px; background:#666; border-radius:0.5em;}
	.gnb__menu ul ul>li>a:focus, 
	.gnb__menu ul ul>li>a:hover,  
    .gnb__menu ul ul>li.on>a	{ color:#333;font-weight:500; }
	 
 } 
@media screen and (max-width:360px) {
	.mbmenu_top						{ padding:60px 20px 20px 20px;    }  
 	.gnb__nav										{ width:100%; border-radius:  0 0 0; }
	.gnb__menu>li>a span				{ padding:22px   ;  font-size:1.2em; }
	.gnb__menu ul								{ padding:10px 22px ; }
}

/* 상단 검색 레이어   ========= ===================================================== */


 


/* 상단 검색 레이어  ========= ===================================================== */


/* CONTENTS   ================================================================================== */
.sub_container									{padding:150px 0 0 0;  } 
.sub_top												{position:relative; overflow:hidden; background:#333; height:400px; text-align:center; display:none; }
.sub_top .txt										{position:absolute; width:100%; top:58.5%;  z-index:1; animation: ani-slide-up 1.25s cubic-bezier(.5,.2,0,1) forwards;}  
.sub_top h2										{position:relative; font-family: 'Paperlogy'; font-weight:500; font-size:2.8em; color:#fff;  line-height:100%;  padding-left:300px;} 
.sub_top .sub_visual							{position:absolute; top:0; width:100%; height:100%;filter: brightness(0.7); animation:imgScale 3s both;  }
.sub_top .sub_visual img					{ width:100%;height:100%; object-fit:cover; }

.sub_location								{display:block; position:relative; margin-bottom:25px;  left:-15px; }
.sub_location	.home					{position:relative; display:block;  top:3px; width:20px  ;height:20px; cursor:pointer;  z-index:15;   }  
.sub_location	.home	i				{ display:block; width:100%  ;height:100%; background:url('../img/common/icon_home.svg') no-repeat center 50%; background-size:20px auto; opacity:0.75; }  
.sub_location li							{position:relative; display:inline-block; padding:0 16px; line-height:20px; }
.sub_location li:not(:first-of-type)::after		{content:''; position:absolute; top:35%; left:-5px; border:solid #999; border-width:1px 1px 0 0;  padding:3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} 
.sub_location li a						{color:#444; font-size:0.95em;}
 
.sub_navigation									{display:none;position:relative;height:45px;line-height:45px;background:var(--color1);  }    
.sub_navigation .home						{position:absolute; left:0;top:0;width:45px  ;height:45px;font-size:1.15em; color:#fff; text-align:center; border-right:1px solid rgb(255,255,255,0.12); z-index:15;}   
.sub_navigation .home i				    { display:block; width:100%  ;height:100%; background:url('../img/common/icon_home.svg') no-repeat center 50%; background-size:18px auto; filter: brightness(0) invert(1); }  
.sub_navigation .inner						{position:relative;  padding-left: 45px;  display: flex; flex-flow:nowrap;  } 
.sub_navigation .arrow01				{position:relative; font-size:1em;  border-right:1px solid rgb(255,255,255,0.12);box-sizing:border-box;  text-indent:15px;}   
.sub_navigation .arrow01::after		{content:''; position:absolute; top:16px; right:17px; width:7px;height:7px;border:solid #fff; border-width:1px 1px 0 0; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.sub_navigation .arrow01.on::after{top:20px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.sub_navigation .arrow01:last-child	{border-right:0; }
 
.sub_navigation .inner > li				{width: 50%;}  
.sub_navigation .inner.depth3 > li	{width: 33.33%;}
.sub_navigation .arrow01>a			{display:block;color:#fff;}
.sub_navigation .inner ul					{display:none ; position:absolute; top:45px; width:100%; z-index:111; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.sub_navigation .inner ul>li>a			{display:block;padding:1em 0.5em 1em 1em; line-height:1.15; font-size:0.95em;color:#666;  background:#fff; border-bottom:1px solid #e5e5e5; transition: var(--transition1); cursor:pointer; text-indent:0;}
.sub_navigation .inner ul li:last-child a	{border-bottom:0;}
.sub_navigation .inner ul a.on, 
.sub_navigation .inner ul a:focus,
.sub_navigation .inner ul a:hover	{background:#f3f3f3;  color:#333; } 

 
.snb												{position:relative; width:230px;  z-index:1; transition: var(--transition1);margin-bottom:50px;}
.snb .tit										{position:relative;padding: 30px 0 25px 0; color:#111; display: flex; flex-direction: column; justify-content:center;  transition: var(--transition1); }
.snb .tit h2							        {display:block; padding-left:5px; font-family: 'Paperlogy';  font-size:1.8em;  font-weight:600; line-height:1.3;  z-index:111;}
/* .snb .tit::before                         {position:absolute; content:'';left:0;top:0;width:100%; height:calc(100% + 1.2em);  background: var(--gra1); background-size:140%;z-index:-1; border-radius:1.2em;  box-shadow:3px 3px 20px 0 rgba(0,0,0,0.15);  } */
.snb>ul 										{ position:relative; background:#fff;   display: flex; flex-direction: column;gap:7px; }
.snb>ul>li									{position:relative; }    
.snb>ul>li a									{position:relative; display:block;font-family: 'Paperlogy'; font-weight: 500; font-size: 1.05em; padding: 16px 30px 16px 16px; line-height: 125%;  color: #111; background: #fff; border: 1px solid #ddd;  overflow: hidden; border-radius: 4px; transition: var(--transition1);} 
.snb>ul>li::after					        {position:absolute; content:''; top:calc(50% - 4px); right:16px; width:8px;height:8px;border:solid #aaa; border-width:1px 1px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:11; }
.snb>ul>li a:hover                     { background:#001B54;color:#fff; border-color:#001B54; }
.snb>ul>li.on a 							{ background:#001B54; color:#fff;border-color:#001B54;    }	   
.snb>ul>li:focus::after,
.snb>ul>li:hover::after, 
.snb>ul>li.on::after			        {border-color: #fff;  }  
.snb>ul>ul 									{ position:relative;padding:12px 0 15px 0;  display: flex; flex-direction: column; background:#f6f6f6; border-radius: 4px;}
.snb>ul>ul>li                              {position:relative;}
.snb>ul>ul>li a 							{position:relative; display:block;font-size:1em;font-family: 'Paperlogy'; font-weight: 500; line-height:1.3em;color:#777 ; padding:4px 0 4px 32px; }
.snb>ul>ul>li::after					{ position:absolute;  content:''; left:20px; top:12px; width:4px; height:4px; background:#777; border-radius:0.5em; }
.snb>ul>ul>li.on a, 
.snb>ul>ul>li.on:focus a,
.snb>ul>ul>li.on:hover a			{ color:var(--color1);}
.snb>ul>ul>li:focus a,
.snb>ul>ul>li:hover a					{  color:var(--color1);}
.snb>ul>ul>li:focus::after,
.snb>ul>ul>li:hover::after,
.snb>ul>ul>li.on::after           {background:var(--color1);}

.snb>ul a[target="_blank"]::after  { position:relative; content: ''; display: inline-block; width: 14px; height: 14px; margin-left:7px; background: url('../img/common/top_blank.png') no-repeat 50% 50%; background-size: 100%;   }
 
.sub_inner						{ display: flex;   gap:70px; } 
.sub_wrap						{position:relative; flex:3; min-height:700px; padding:35px 0 80px 0; transition: var(--transition1);} 
.sub_cont						{position:relative; padding-bottom:60px; }
.sub_title							{position:relative;overflow:hidden; }
h3									{position:relative;  font-family: 'Paperlogy'; font-weight:600; font-size:2.8em; color:#111; padding-bottom:50px;  line-height:1.4; } 

@media screen and (max-width:1440px) { 
    .sub_top h2								{  padding-left:280px;}   
    .sub_inner						            { padding:0 15px; gap:5vw; } 
} 
@media screen and (max-width:1024px) { 
	.sub_container					        {padding:60px 0 0 0;} 
	.sub_top								        {height:11em;}
	.sub_top .txt						        {  top:40%; }   
	.sub_top h2						        {font-size:2.5em; padding-left:0;} 

	.sub_location				                {display:none;} 
	.sub_navigation					        {display:block;}
    .sub_inner						            { display: block;} 
	.snb										        {display:none;}   
    .sub_wrap						            {width:100%; padding:40px 0 80px 0;}
    h3									            {  font-size:2.55em;text-align:center; padding-bottom:40px;  }
} 
@media screen and (max-width:768px) {  
	.sub_top								        {height:10em;}
	.sub_top h2						        {font-size:2.2em;  } 
 
	.sub_navigation .arrow01					{  font-size:0.85em;    text-indent:10px;}   
	.sub_navigation .arrow01::after			{  top:18px; right:10px; width:5px;height:5px; }
	.sub_navigation .arrow01.on::after	{top:21px;}   
    .sub_navigation .inner ul>li>a			    {  padding:1em 0.7em;}   
    h3									            {  font-size:2.3em;  }
}
@media screen and (max-width:480px) {   
	.sub_top								        {height:8em;}
	.sub_top h2						        {font-size:1.8em;  } 
    h3									            {  font-size:2.1em;  }
}

 


/* FOOTER  ================================================================================== */

/* 짧은 페이지에서도 **푸터 배경이 화면 바닥까지** 깔린다 (sticky footer — 2026-09-23 사용자 요청)
   전엔 본문이 짧으면 푸터 아래로 body 의 흰 배경(--white1)이 그대로 드러났다.
   body 를 세로 flex 로 만들고 푸터에 margin-top:auto 를 주면 남는 높이를 푸터 **위**가 먹어 푸터가 바닥에 붙는다 —
   푸터를 fixed 로 띄우는 게 아니라 제자리에 둔 채 밀어내는 방식이라, 긴 페이지에서는 평소처럼 본문 뒤에 온다.
     · height:auto 가 함께 있어야 한다 — 위쪽 `html, body {height:100%}` 를 풀지 않으면 긴 페이지에서 푸터가 100vh 에 박힌다
     · .header 는 position:fixed 라 flex 아이템이 아니다 — 이 변경과 무관하다
     · 본문(.sub_container·.main-container)은 여백이 전부 padding 이라 마진 상쇄가 달라지는 자리도 없다
     · 세로 flex 아이템은 min-height:auto 가 기본이라 본문이 눌리지 않는다                                   */
body							        {height:auto; min-height:100%; display:flex; flex-direction:column; }

.copyright						        {position:relative; margin-top:auto; background:#111111;font-size:0.95em; padding:40px 0; transition: var(--transition1);}
.copy_txt							        {position:relative; }
.copy_logo						        {height:40px;  margin-bottom:20px; padding-left:15px; }
.copy_logo img                     {max-height:100%; }
.copy_txt ul  					        { display:flex;   gap:30px;  padding:0 15px 20px 15px;  }
.copy_txt ul li					        {display:inline-block;}  
.copy_txt ul li:first-child		{padding:0;}
.copy_txt ul li a				        {color:#bdbdbd;  }
.copy_txt ul li:first-child a	    {font-weight:500; color:#fff;} 
.copy_txt ul li a[target="_blank"]::after  { position:relative; content: ''; display: inline-block; width: 14px; height: 14px; margin-left:7px; background: url('../img/common/top_blank.png') no-repeat 50% 50%; background-size: 100%;   }
 
.copy_txt address				    {position:relative;font-style:normal;  line-height:160%; padding:0 15px;font-size:0.95em; } 
.copy_txt address p			    {position:relative; color:#888; padding-bottom:5px;   } 
.copy_txt address span		    {position:relative; display:inline-block;  color:#888;  padding-right:20px;  }  
.copy_txt address span b		{color:#999;  }
.copy_txt address span:nth-child(3)	{display:block;}
 
.copy_txt .copy					    {color:#888;font-size:0.95em;  border-top:1px solid rgba(255,255,255,.15); padding:20px 15px; margin-top:20px; }   
.copy_admin						    {display:inline-block; color:#fff; line-height:24px;padding:0 7px ;font-size:0.75rem; border-radius:2px; margin-left:10px; letter-spacing:0.5px; background:#f67600;   } 
.copy_admin i                       {position:relative; top:2px; display:inline-block;width:14px;height:14px; background:url('../img/common/icon_setting.svg') no-repeat 0 0; background-size:100% auto; filter: brightness(0) invert(1);   margin-right:4px; } 
.copy_sns							    {position:absolute; right:20px; top:0;display:flex;  justify-content:end; gap:10px;  }
.copy_sns a						    {position:relative; display:inline-block;  width:50px;height:50px; border-radius:50%;  border:1px solid rgb(255,255,255,0.8); opacity:0.45; }  
.copy_sns a img                 {display:flex; filter: brightness(0) invert(1); transform: scale(0.5);  }
.copy_sns a:focus,
.copy_sns a:hover                {   }  
 
.backtop								    {display:none; position:fixed; right:15px; bottom:40px; width:50px; height:50px; opacity:0.25; z-index:2200; background:#fff; border:1px solid #aaa; border-radius:100%; cursor:pointer; box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); transition: var(--transition1);}
.backtop:after					    {content:''; position:absolute; top:20px; right:18px; border:solid #333; border-width:2px 2px 0 0;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.backtop:focus,
.backtop:hover					    {opacity:0.65;}

.perforinfo                             { position:fixed;display:inline-block; right:15px; top:150px; font-size:12px;line-height:1.3; color:#d20b0b;min-width:80px;  padding:7px 6px; opacity:0.45; z-index:799; background:#fff; border:1px solid #aaa; border-radius:5px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.26);cursor:default; transition: var(--transition1);}
.perforinfo:focus, 
.perforinfo:hover                  { opacity:0.75; }
 
@media screen and (max-width:1024px) {    
	.copyright						    {padding:30px 0; text-align:center; font-size:0.9em;}
	.copy_txt ul  					    { justify-content:center; gap:20px; } 
	.copyright address			    {display:grid; padding:10px 0 15px 0;}
    .copy_txt address p			    { padding:0 10px ;}
 
	.copy_sns						    {  position:relative; top:initial; right:initial;margin-top:10px; margin-bottom:20px;justify-content:center;  } 
    .copy_sns a						    { width:40px;height:40px;}
  
	.backtop							    {  bottom:15px; width:40px; height:40px; }
	.backtop:after				    {top:15px; right:13px;}
    .perforinfo                         {top:8px; right:45px; font-size:0.85em;  min-width:75px; padding:5px; }
}
/* FOOTER  ================================================================================== */


/*  탭메뉴 스타일  ==================================================================================== */
.tabmenu_wrap                {text-align: center;  }
.tabmenu01						{position:relative;display:inline-flex;flex-flow:wrap;   text-align:center;  border:1px solid #dfdfdf; background:#f5f5f5; border-radius:0.4em; margin-bottom:40px; overflow:hidden; }
.tabmenu01 li					{position:relative; cursor:pointer;  flex:0 0 auto; display: inline-block;   transition: var(--transition1);  }
/*
.tabmenu01 li::before      {position:absolute;content:''; left:0;top:0;width:100%;height:100%;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; pointer-events: none; }
.tabmenu01 li:first-child::before {border-radius:50px 0 0 50px;border-left:1px solid #e5e5e5;  }
.tabmenu01 li:last-child::before {border-radius:0 50px 50px 0;border-right:1px solid #e5e5e5;  }
*/
.tabmenu01 li a					{display:block; font-family:'Paperlogy';color:#222; font-size:1em; font-weight:500;  height:50px; min-width:100px; padding:0 25px; display: flex; align-items: center; justify-content: center;  } 
.tabmenu01 li:not(:first-of-type) a  { border-left:1px solid rgb(0,0,0,0.1);}
.tabmenu01 li:focus a,
.tabmenu01 li:hover a  		{ text-decoration:underline; } 
.tabmenu01 .on a				{background:var(--color1); color:#fff;   } 

   
.tabmenu02 						{overflow:hidden;  margin-bottom:40px; }
.tabmenu01 + .tabmenu02 {margin-top:-30px; }
.tabmenu02 li					{position:relative; display:inline-block; text-align:center;  } 
.tabmenu02 li:not(:first-of-type)::after	{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:1em; margin:auto; background:#d5d5d5;}
.tabmenu02 li a					{display:block; color:#888;  line-height:1.3em; padding:8px 25px; font-size:1em; font-family:'Paperlogy'; font-weight:500; word-break:break-all;}
.tabmenu02 .on a,
.tabmenu02 a:focus,	
.tabmenu02 a:hover			{color:var(--color1);  }
.tabmenu02 li.on a::before	{ position:absolute;content:'';  left:50%; bottom:0; width:calc(100% - 40px); height:4px;   background:var(--color1); opacity:0.4; transform: translateX(-50%); }

.tabmenu03						{ margin:-20px 0 40px 0; }
.tabmenu03 li					{display:inline-block; margin-right:3px;}
.tabmenu03 li:last-child	{margin:0;}
.tabmenu03 li a					{display:inline-block; background:#f7f7f7; color:#555; height:36px; line-height:34px; padding:0 15px; border-radius:2px; }
.tabmenu03 li a:focus,
.tabmenu03 li a:hover,
.tabmenu03 .on a				{background:var(--color1); color:#fff; font-weight:500;}

@media screen and (max-width:1024px) {     
    .tabmenu_wrap               {text-align:center;  }
	.tabmenu01					{ margin-bottom: 30px; }
	.tabmenu01 li a				{   font-size:1em; height:46px; } 
 
    .tabmenu01 + .tabmenu02 {margin-top:-20px; }
	.tabmenu02 li a				{padding:7px 20px; font-size:0.95em;  }
    .tabmenu02 li.on a::before	{  width:calc(100% - 30px); height:3px;  }
  
	.tabmenu03 li a				{height:32px; line-height:30px; padding:0 10px; font-size:0.95em;}
}
  
@media screen and (max-width:580px){
/*
	.tabmenu01					{left:-15px; margin-bottom: 30px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;width: calc(100% + 30px); box-sizing: border-box; border-radius:0; border-left:0;border-right:0; }
	.tabmenu01::-webkit-scrollbar{display: none;} 
*/

	.tabmenu01					{ padding:5px; gap:2px;}
	.tabmenu01 li				{ min-width:initial;}
	.tabmenu01 li a				{  height:40px; font-size:0.95em;  padding:0 15px; border-radius:5px;  }
    .tabmenu01 li:not(:first-of-type) a  { border-left-width:0;}

    .tabmenu02 					{text-align:center; }
	.tabmenu02 li a				{padding:6px 15px; font-size:0.9em;  }
    .tabmenu02 li.on a::before	{  width:calc(100% - 20px);  }
}


/*  공통 버튼  ====================================================================================
.sub_btn01							{ display:inline-block;text-align:center; min-width:150px; font-size:1.05em; margin:0 2px; padding:0 30px; line-height:60px;color:#ffffff;  border-radius:2px; background:#4e5362;  border:1px solid #4e5362; cursor:pointer; vertical-align:top; transition: var(--transition1);}
.sub_btn02							{  display:inline-block;text-align:center; min-width:150px; font-size:1.05em; margin:0 2px; padding:0 30px; line-height:60px;color:#333333;  border-radius:2px; background:#ffffff;  border:1px solid #aaaaaa; cursor:pointer; vertical-align:top; transition: var(--transition1);}

.sub_btn03							{display:inline-block;text-align:center; font-weight:500;font-size:1.1em;   background:#333; color:#fff; height:60px; line-height:60px;  width:100%; transition: var(--transition1); border-radius:2px;cursor:pointer; }

.sub_btn01:hover,
.sub_btn02:hover				{background:var(--color1); border-color:var(--color1); color:#fff;}
 
@media screen and (max-width:1024px) {    
	.sub_btn01,
	.sub_btn02						{min-width:120px; line-height:55px; padding:0 20px; font-size:1em;} 
	.sub_btn03						{height:55px; line-height:55px;}
}
 */

 

/*  서브페이지 하단 담당자 정보   ==================================================================================== */


 


 


/*  서브페이지 하단 담당자 정보   ==================================================================================== */


/* 사이트맵   =============================================================== */

.allmenu_wrap											{ position:absolute; width:100%; }
.allmenu_wrap .global_menu					{text-align:right;padding:0 80px 50px 0;}
.allmenu_wrap .global_menu a				{display:inline-block; border:1px solid #ddd;color:#666; min-width:90px;line-height:30px;padding:0 20px; font-size:0.85em;}
.allmenu_wrap ul										{width:100%;  display: grid; grid-template-columns: repeat(1, 1fr); overflow-y: auto; max-height: calc(100vh - 80px); }
.allmenu_wrap ul>li									{  padding:1.6em  1em; border-bottom:1px solid #eee; display: grid; grid-template-columns: 20% auto; gap:1em;  }
.allmenu_wrap li p a									{display:block; font-weight:600; color:var(--color1);font-size:1.5em; font-family: 'Paperlogy'; line-height:1.25em ;  }
.allmenu_wrap a:focus,
.allmenu_wrap a:hover                            {text-decoration:underline; }
.allmenu_wrap ul>li>ol                            {display: grid; grid-template-columns: repeat(4, 1fr); gap:1.2em 2.5em; }
.allmenu_wrap ul>li>ol>li a						{display:block;line-height:1.25em ; font-size:1.1em; font-weight:600; font-family: 'Paperlogy'; color:#222;}
.allmenu_wrap ul>li>ol>li>ol					{padding:12px 0 0 0; display: grid; grid-template-columns: repeat(1, 1fr); gap:7px; }
.allmenu_wrap ul>li>ol>li>ol>li				{position:relative;  }
.allmenu_wrap ul>li>ol>li>ol>li a				{display:block; font-weight:500;color:#666;font-size:1em; font-family: 'Paperlogy';  padding-left:14px; }
.allmenu_wrap ul>li>ol>li>ol>li::after		{content:''; position:absolute; left:2px;top:7px;width:4px;height:4px;background:#666;border-radius:5px; }
.allmenu_wrap ul>li>ol>li>ol>li>ol			{padding:6px 0 ;display: grid; grid-template-columns: repeat(1, 1fr); gap:4px; }
.allmenu_wrap ul>li>ol>li>ol>li>ol>li		{position:relative;  }
.allmenu_wrap ul>li>ol>li>ol>li>ol>li a	{display:block;  font-weight:400;color:#888;font-size:0.95em; font-family: 'Paperlogy';   padding-left:24px; }
.allmenu_wrap ul>li>ol>li>ol>li>ol>li::after	{content:''; position:absolute; left:14px;top:9px;width:5px;height:1px;background:#777;  }
 
.allmenu_wrap ul a[target="_blank"]::after  { position:relative; content: ''; display: inline-block; width: 14px; height: 14px; margin-left:7px; background: url('../img/common/top_blank.png') no-repeat 50% 50%; background-size: 100%;   }


@media screen and (max-width:1200px) {
    .allmenu_wrap ul>li>ol                            { grid-template-columns: repeat(4, 1fr); gap:1em 2em; }
}
@media screen and (max-width:1024px) {
     
    .allmenu_wrap ul					                    { font-size:0.95em;  }   
    .allmenu_wrap ul>li									{  grid-template-columns: 25% auto;  }
}
@media screen and (max-width:768px) {  
    .allmenu_wrap ul>li									{grid-template-columns: repeat(1, 1fr); gap:1.2em; }
    .allmenu_wrap ul>li>ol                            { grid-template-columns: repeat(3, 1fr);    }
    .allmenu_wrap ul>li>ol>li>ol>li::after		{ top:6px;width:3px;height:3px;  }
}
@media screen and (max-width:580px) { 
    .allmenu_wrap ul>li>ol                            {grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));  } 
}
/* 사이트맵   =============================================================== */


/*  QR 스타일 ==================================================================================== */


   
   


  


 


 


/*  QR 스타일  ==================================================================================== */
 

/*  페이지프린트  스타일  ==================================================================================== */
 #guava_pageprint_btnwrap						{position:absolute; top:20px; right:50px;z-index:9;}
#guava_pageprint_btnwrap span				{display:inline-block;border:1px solid #b9b9b9;text-align:center;color:#848b9a; border-radius:8px;width:40px;height:40px; cursor:pointer; background:url('../img/common/icon_print.png') no-repeat center 50%; opacity:0.7;}
#guava_pageprint_btnwrap span:focus,
#guava_pageprint_btnwrap span:hover		{border:1px solid #b2b7c1;}

@media screen and (max-width:1400px) {
    #guava_pageprint_btnwrap						{right:65px;}
}
@media screen and (max-width:1024px) {
    #guava_pageprint_btnwrap						{top:15px;}
}

/*  페이지프린트  스타일  ==================================================================================== */

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ⑤  main                                        [구 asset_reg/main.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

 
 
@keyframes ani-slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		    {opacity:1.0; transform: translateY(0);}
}
@keyframes imgScale {
	0%		{transform:scale(1.2)}
	100%	{transform:scale(1)}
}



/* MAIN VISUAL  ================================================================================== */
.main-container								{padding:120px 0 0 0;}
/*.main_visual .mvideo_box				{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0;   }*/
.main_visual .mvideo_box iframe,
.main_visual .mvideo_box video          { pointer-events:none; }

.main_visual .mvideo_box               { position: relative; width: 100%; height: calc(100vh - 120px); overflow: hidden;   } 
.main_visual .mvideo_box iframe { position: absolute; top: 50%; left: 50%; width: 177.78vh; height: 56.25vw; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); pointer-events: none;}


.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }   
.main_visual_item 							{ visibility:hidden; display:block;  aspect-ratio:20/6.2; }
.main_visual_item > :first-child      {visibility: visible;} /* 캐시삭제시 CSS 및 JS 로딩 현상 방지 */


.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.7); /*animation:imgScale 3s both;*/ } 

/* 커튼효과 사용시 아래 소스 사용
.main_visual.curtain-enabled .swiper-slide-active .bg {animation: curtain 1.2s ease forwards;}
.main_visual_item .swiper-slide                 {opacity: 1 !important; z-index: 0;}
.main_visual_item .swiper-slide-prev            {z-index: 1;}
.main_visual_item .swiper-slide-active          {z-index: 2;}

@keyframes curtain {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}
*/


.visual_txt											{position:absolute; text-align:center; width:100%; top:38%;  font-size:2.7em; line-height:1.2;   z-index:100; color:#fff; /*animation: ani-slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;*/  } 
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:600; color:#00ff99; text-shadow: 3px 3px 15px rgba(0,0,0,0.4);transition: var(--transition1);  }
 
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition: var(--transition1);  }
.visual_txt .txt03								{font-weight:600; font-size:0.5em;  padding-top:0.45em; line-height:1.3; text-shadow: 3px 3px 10px rgba(0,0,0,0.4); }
 

/* 화살표 css */
.visual_box .btn-prev, .visual_box .btn-next                  { position: absolute; display:block; top: calc(50% - 30px);   cursor: pointer;color:#fff;   width:60px;height:60px;  opacity:0.35;  z-index: 9;  transition: var(--transition-1); font-size:3.6em; display: flex; justify-content:center; align-items:center; }
.visual_box .btn-prev                     { left:20px;  }
.visual_box .btn-next                     {right:20px;  }
.visual_box .btn-prev span, .visual_box .btn-next span {position:absolute; width:40px;height:40px;border:solid #fff; border-width:2px 2px 0 0;   }
.visual_box .btn-prev span            {transform: rotate(-135deg); }
.visual_box .btn-next span            {transform: rotate(45deg); } 
.visual_box .btn-prev:focus,
.visual_box .btn-next:focus,
.visual_box .btn-prev:hover,
.visual_box .btn-next:hover           { opacity:0.8; } 

/* 재생정지 css  */
.visual_box .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.visual_box .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#ddd; }
.visual_box .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#ddd; }
.visual_box .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #ddd;}

.main_visual_page                                  {position:absolute;  left:50%;  bottom:20px; width:100%; max-width:1400px; margin:auto;  z-index:111 ;  transform: translateX(-50%); display:flex;justify-content:  ; align-items:center; gap:0.7em;  color:#aaa; }
.main_visual_page .pagination                {position:relative; top:-4px ;  text-align:center; font-size:0.95em; padding-left:10px;  }
.main_visual_page .pagination span       {position:relative; top:0 ;  display:inline-block; padding:0 5px; min-width:25px;height:20px; z-index:111 ;  margin:0 2px; opacity:0.5; cursor:pointer; }
.main_visual_page .pagination span::before    { position:absolute; content:''; left:0;top:calc(50% - 2px); width:100%;height:4px;  background:#fff;  }
.main_visual_page .pagination .dots_on   { opacity:1; }
.main_visual_page .pagination .fbold     {color:#fff; }
.main_visual_page .pagination .slash     { /*position:relative; top:-4px; display:inline-block;text-indent:-999px; width:50px; height:3px; background:#fff;overflow:hidden; margin:0 5px; */ }

.main_visual_page .swiper-pagination-bullets.swiper-pagination-horizontal  { bottom: initial !important; } 


.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   position:relative; width: initial !important;}
.main_visual_page .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0) !important; }
 
.main_visual_page .pagination .swiper-pagination-bullet {position:relative; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 30px));  display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 0); background: var(--swiper-pagination-bullet-inactive-color, transparent); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) ; } 
.main_visual_page .pagination .swiper-pagination-bullet::after  {position:absolute; content:''; left:50%;top:50%; width:10px;height:10px; background:#ddd;border-radius:50px; transform:translate(-50%, -50%);    }
.main_visual_page .pagination .swiper-pagination-bullet-active,
.main_visual_page .pagination .swiper-pagination-bullet:focus, 
.main_visual_page .pagination .swiper-pagination-bullet:hover              {    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) ;}
.main_visual_page .pagination .swiper-pagination-bullet-active::after    { background:var(--point1);}
.main_visual_page .pagination .swiper-pagination-bullet:focus::after,
.main_visual_page .pagination .swiper-pagination-bullet:hover::after    { background:var(--point1);}


.main_visual_page .swiper-pagination                {  padding-top:20px;  }
.main_visual_page .swiper-pagination span       {  background:#888  ;  }
 
.main_visual_page button             { position:relative; top:-2px; color:#ddd;font-size:1.05em; padding:0 3px ; }
.main_visual_page .btn-toggle    {}
.main_visual_page .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.main_visual_page .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#ddd; }
.main_visual_page .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#ddd; }
.main_visual_page .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #ddd;}
 


 

@media screen and (max-width:1700px) {
	.main_visual_item                           { aspect-ratio:17/6;  }  
}
@media screen and (max-width:1400px) {
    .main_visual_item                          { aspect-ratio:10/3.8;  }  
	.visual_txt                                       {  font-size:2.45em; }  
}
@media screen and (max-width:1024px) {
	.main-container							{padding:60px 0 0 0;}  
	.main_visual_item                       { aspect-ratio:10/4.6;  }   
	.visual_txt                                       {  font-size:2.2em; }  
  
    .visual_box .btn-prev                     { left:10px;  }
    .visual_box .btn-next                     {right:10px;  }
 } 
@media screen and (max-width:768px) {
	.main_visual_item                       { aspect-ratio:10/5.3;  }   
	.visual_txt                                       {  font-size:2em; }  
    .visual_txt .txt03							{  font-size:0.55em; } 
}
@media screen and (max-width:600px) {
	.main_visual_item                       { aspect-ratio:10/5.8;  }   
	.visual_txt                                       {  font-size:1.6em; }  
    .visual_txt .txt03							{  font-size:0.6em; } 
}  
@media screen and (max-width:480px) {    
	.visual_txt                                       {  font-size:1.35em; }  
}
 
/* MAIN VISUAL  ================================================================================== */





/* 메인 아이콘 배너    ================================================================================== */
.main_banner										{position:relative;padding: 45px 0;    }  
.main_banner ul									{position:relative; display: grid; grid-template-columns: repeat(6, 1fr);  }  
.main_banner li									    { position:relative;text-align:center;   } 
.main_banner a									    {display:block;}
.main_banner li figure							{position:relative;top:0;width:110px; height:110px; background:#f6f6f6; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; margin:auto;  transition:var(--transition1);} 
.main_banner li figure img					{width:100%; transition:var(--transition1);} 
.main_banner li a p								{display:block;color:#444; font-weight:600;  margin-top:15px;    } 
.main_banner li:hover figure, .main_banner li:focus figure				{transform: translateY(-10px); }
.main_banner li:hover a p, .main_banner li:focus a p					{ color:#000;  } 
 
@media screen and (max-width:1024px) {  
    .main_banner li figure							{ width:100px;height:100px;} 
}
@media screen and (max-width:768px) { 
    .main_banner ul									{ grid-template-columns: repeat(3, 1fr); row-gap:30px; }      
    .main_banner li figure							{ width:90px;height:90px;} 
    .main_banner li a p								{font-size:0.95em;margin-top:10px;  } 
} 
@media screen and (max-width:480px) {  
    .main_banner li figure							{ width:80px;height:80px;} 
    .main_banner li a p								{font-size:0.9em;  } 
}
 
/* 메인 아이콘 배너    ================================================================================== */






/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:65px 0; overflow:hidden;  background:#f7f7f7;   }  
.main_news .board							    {position:relative;float:left;width:calc(100% - 490px); }
.main_news .banner							    { position:relative;width:440px; float:right; }
  
.main_news .banner ul					        { position:relative; display:flex; flex-direction: column; gap:15px; }
.main_news .banner ul li					    {position:relative;  } 
.main_news .banner ul a					    { min-height:170px;  padding:20px  35px; background:#2371c3; border-radius:0.7em;  display:flex;justify-content: space-between;   align-items:center; transition:var(--transition1);}
.main_news .banner ul li:first-child a	{background:#189074;}
.main_news .banner ul li .cont           {  }
.main_news .banner ul li .tit				{position:relative;color:#fff;  }
.main_news .banner ul li .tit span		{font-size:0.85em;display:block;letter-spacing:0; color:#fdd575; font-family: 'Paperlogy'; font-weight:500; }
.main_news .banner ul li .tit p			    { position:relative;display:inline-block;font-size:1.3em;font-family: 'Paperlogy'; font-weight:500; padding:0 0 12px 0;}
.main_news .banner ul li .txt				{color:#fff; font-size:0.95em; line-height:1.3; }
.main_news .banner ul li .txt span		{display:block; font-size:0.9em; color:#9ab4cf; }
.main_news .banner ul li .img			    {  position:relative;  right:-5px; width:100px;height:100px; border-radius:50%;  background:rgb(0,0,0,0.15);display:flex; justify-content:center; align-items:center; transition:var(--transition1);} 
.main_news .banner ul a:focus,
.main_news .banner ul a:hover          {  box-shadow:var(--shadow-md);   }  


@media screen and (max-width:1440px) {   
    .main_news								            {  padding:70px 20px;  }  
    .main_news .board							    { width:calc(100% - 440px); }
    .main_news .banner							    {  width:400px;  }
}  
@media screen and (max-width:1024px) { 
    .main_news								            { padding:50px 20px;  }  
    .main_news .board					            {width:100%;   }
    .main_news .banner					            { width:100%;  padding:40px 0 0 0;} 

    .main_news .banner ul				            {width:100%;display:grid;grid-template-columns:repeat(2, 1fr); gap:10px 15px  ;}
    .main_news .banner ul li a			        {font-size:0.95em;  min-height:160px;  padding:20px 30px;  }
    .main_news .banner ul li .img			    { width:90px;height:90px; }
} 
@media screen and (max-width:768px) {  
    .main_news .banner ul						    {grid-template-columns:repeat(1, 1fr); }
    .main_news .banner ul li a					{ font-size:0.9em; padding:20px 25px;  min-height:initial;}   
}  
@media all and (max-width:480px){  
    .main_news .banner ul li a					{ font-size:0.85em;  } 
    .main_news .banner ul li .img			    { width:70px;height:70px; } 
}

/* 메인 뉴스  ================================================================================ */
 


 
 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0;  }
.main_program .web-size					{display: grid; grid-template-columns: 340px auto;  }
.main_program .txt_wrap					{position:relative; padding:0 0 0 15px;}
.main_program .tit								{position:relative; font-size:1.15em;color:var(--color1);  line-height:1.4; font-weight: 500; padding:15px 0 40px 0; } 
.main_program .tit span						{font-weight: 500; }
.main_program .tit p								{font-size:2.9rem;color:var(--color1); font-family: 'Paperlogy';font-weight:600; padding:0 0 20px 0;}
.main_program ul									{position:relative;display:flex; } 
.main_program ul li								{position:relative;overflow:hidden; width:33%; background:#fff; border-radius:20px; margin:15px;box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.2);transition:var(--transition1);} 
.main_program ul li .tag							{position:absolute;left:0;top:0;min-width:70px;background:#a0a0a0; line-height:46px; padding:0 13px; color:#fff; font-size:0.9em; border-radius:20px 0 20px 0; }
.main_program ul li .tag.ing					{background:#ff577e !important;}
.main_program ul li .img  						{height:330px; overflow:hidden; }
.main_program ul li .img img					{width:100%;}
.main_program ul li .cont							{position:relative;padding:20px 15px;text-align:center; }
.main_program ul li .txt01						{position:relative; font-size:1.15em;font-weight:600;color:#000;  }
.main_program ul li .txt02						{font-size:0.95em;  color:#666; padding:10px 0; }
 
 
.main_program .arrow								{position:relative; width:100%;   z-index:9; }
.main_program .arrow p							{position:absolute; width:60px; height:60px;background:rgb(255,255,255,0.4); border:1px solid #b2c4e0; border-radius:50px;cursor:pointer; transition:var(--transition1); }
.main_program .arrow span					{display:inline-block; border:solid var(--color1); padding:6px;}
.main_program .arrow .prev					{left:0;}
.main_program .arrow .prev span			{margin:23px 0 0 26px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_program .arrow .next					{left:90px;}
.main_program .arrow .next span			{margin:23px 0 0 20px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.main_program .arrow p:focus,
.main_program .arrow p:hover				{ border:1px solid #7797c7; }


@media screen and (max-width:1400px) {
    .main_program										{  padding:60px 10px; }  
    .main_program .web-size					{display: grid; grid-template-columns: 320px auto;  }
    .main_program .tit								{ font-size:1.1em;    } 
    .main_program .tit p								{font-size:2.7rem;  }
} 
@media screen and (max-width:1024px) {
    .main_program										{  padding:50px 10px; }  
    .main_program .web-size					{display: grid; grid-template-columns: 1fr;  }
    .main_program .tit								{text-align:center; font-size:1.05em;  padding:15px 0 35px 0; } 
    .main_program .tit br							{display:none;}
    .main_program .tit span						{display: block; }
    .main_program .tit p								{font-size:2.5rem; padding:0 0 15px 0;}
      
    .main_program .arrow							{position:absolute; left:0;top:210%; }
    .main_program .arrow .next				{left:initial;right:0;}
}
@media screen and (max-width:768px) {
	.main_program									    {padding:40px 10px 60px 10px;}
} 
@media screen and (max-width:580px) {
	.main_program ul li .tit						    {font-size:1.2em; }
	.main_program ul li .txt					    {line-height:130%; }
} 
@media all and (max-width:480px) {
	.main_program ul li .tit						    {font-size:1em;padding:0 0 0 0; }
	.main_program ul li .txt					    {display:none; }
} 
/* main_program  ================================================================================== */ 


 

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:70px 0;  overflow:hidden;}
.main_gallery .tit								{position:relative; text-align:center;font-size:1.15em;color:#000; letter-spacing:-1px;line-height:1.2;padding:0 0 45px 0; } 
.main_gallery .tit p							{font-size:2.2rem;color:#000;  font-weight:700;padding:0 0 15px 0;}
 
@media screen and (max-width:1440px) {
	.main_gallery									{padding:60px 20px;}
}  
@media screen and (max-width:1024px) {
	.main_gallery									{padding:50px 20px;}
	.main_gallery .tit							{font-size:2em;padding:0 0 40px 0; }
} 
@media screen and (max-width:768px) {
	.main_gallery .tit							{font-size:1.9em;padding:0 0 35px 0; } 
} 
@media screen and (max-width:480px) {
	.main_gallery .tit							{font-size:1.7em;padding:0 0 30px 0; }
} 
/* main_gallery  ================================================================================== */ 

 
 




/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:25px 5px; border-top:1px solid #e5e5e5; background:#fff;}
.famsite .web-size					{padding:0 30px;text-align:center; }
.famsite .swiper-slide			{display:inline-block; text-align:center; border:1px solid #e5e5e5;  text-align:center; display:flex;  justify-content:center; }
.famsite .swiper-slide article        {display:flex;  justify-content:center; align-items:center; text-align:center; }
.famsite .swiper-slide img    {max-height:70px;display:flex;  }  
.famsite .btn-prev, .famsite .btn-next      { position: absolute; top:calc(50% - 15px);  width:26px; height:26px;  cursor: pointer; opacity:0.5;  z-index: 110; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; }  
.famsite .btn-prev span, .famsite .btn-next span	 {position:absolute; width:10px;height:10px;border:solid #333; border-width:2px 2px 0 0;  }
.famsite .btn-prev                  { left:0; transform: rotate(-135deg);    }
.famsite .btn-next                  { right:0; transform: rotate(45deg);  }
   
@media screen and (max-width:768px) {   
	.famsite								{padding:20px 5px;} 
}
/* FAMSITE    ================================================================================== */

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ⑥  sub                                        [구 asset_reg/sub.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

 
 
/* SUB_TXT  ================================================================================== */
h4									{position:relative; font-family: 'Paperlogy';  font-size:1.5em; color:#000;  font-weight:600; line-height:100%;margin-bottom:25px;  }
h4 span							{font-size:0.75em;color:var(--color1);font-weight:500;} 
h5									{position:relative;font-size:1.25em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding-left:22px; margin-bottom:20px; color:#111;   } 
h5::before						{position:absolute; top:5px; left:0; content:''; width:16px; height:16px; border:4px solid var(--color1); border-radius:50px;   }
h6									{position:relative;font-size:1.15em;line-height:1.3;  font-weight:700; margin-bottom:15px; color:var(--color1);   } 
 
.sub_txtline					{font-weight:700; box-shadow: inset 0 -10px 0 #ffe88a; padding:0 3px; color:#333;}

@media screen and (max-width:1024px) { 
    h4									{font-size:1.35em;  margin-bottom:20px;  }
    h5									{font-size:1.2em;padding-left:18px; margin-bottom:1em;  }
    h5::before						{  top:3px;  width:14px; height:14px; border-width:3px ;  }
    h6									{ font-size:1.1em; }
    .sub_title01					{font-size:1.8em; margin-bottom:30px;} 
}
  

.sub_cont01					            { }   
   
.delist  								        {padding-left:30px;}							
.delist li								        {list-style:decimal-leading; padding-bottom:8px; }					
.sub_list01							        {position:relative; list-style:none; padding-left:20px; line-height:1.3;}
.sub_list01 + .sub_list01          { margin-top:10px;}
.sub_list01::after				        {position:absolute; content:''; display:block; left:0; top:2px; width:15px; height:15px; background:url('../img/common/sub_icon01.png') no-repeat 0 0; background-size:cover; border-radius:50%;}
.sub_list01 i						        { width:23px; line-height:23px; background:#aaa; color:#fff; text-align:center; font-size:0.9em;border-radius:100%;  }
.sub_list01 b						        {color:var(--color1);}
.sub_list01 a                              {text-decoration:underline;}
.sub_list01>ul                            {padding-top:10px; padding-bottom:10px;  }
.sub_list02							        {position:relative; list-style:none; padding-left: 12px;line-height:1.3;}
.sub_list02::after				        {position:absolute; content:''; display:block; left:2px; top:8px; width:3px; height:3px; background:var(--color1);  border-radius:50%;}
.sub_list02 + .sub_list02          { margin-top:8px;}

.sub_list03					                {position:relative; display:block;list-style:none; padding:0 0 10px 0; line-height:150%;  }
.sub_list03 strong		                {font-size:1.1em;color:#003875; }
.sub_list03 b				                { color:#003875; } 
.sub_list03 dt					            { width:170px;float:left;text-align:center;background:#e6e9ed;color:#003875;min-height:30px; padding:3px 0 4px 0;  border:1px solid #dfe1e5; border-radius:2px;}
.sub_list03 dd					        { padding:3px 0 4px 185px;  }
 
  
@media screen and (max-width:768px) {  
    .sub_list01							        {  padding-left:17px;  }
    .sub_list01 + .sub_list01          { margin-top:8px;}
    .sub_list01::after				        {  top:2px; width:13px; height:13px;  } 
    .sub_list02							        { padding-left: 10px; }
    .sub_list02 + .sub_list02          { margin-top:6px;}
    .sub_list02::after				        {  left:1px; top:5px;  }
    
    .sub_list03 dt						        {width:100px; font-size:0.9em;}
    .sub_list03 dd					        { padding:3px 0 4px 110px; font-size:0.9em; }
}

 
 


/* 인사말  ================================================================================== */
.greeting_wrap								{position:relative;}
.greeting_summary						{position:relative;background:url('../img/sub/int01_02.jpg') no-repeat center 50% #aaa;  background-size:cover;  }
.greeting_summary .txt				{font-family: 'Paperlogy'; font-weight:600;color:#fff;padding:80px 50px;font-size:2.2em; line-height:1.5em;}
.greeting_summary .txt span		{ display:block;font-family: 'Paperlogy';font-weight:600; font-size:1em;  }

.greeting_wrap .inner                  {display: flex;  justify-content: space-between; gap:3em;  flex-direction: row-reverse;}
.greeting_wrap .img                   {width:35%;   }
.greeting_wrap .img figure          { position:relative; }
.greeting_wrap .img figure img          {width:100%;  border-radius:3em  0 ;display: flex;  }
.greeting_wrap .img figure::before    {position:absolute;content:'';left:-1.3em; bottom:-1.3em; width:100%; height:100%; background:#f5f5f5; border-radius:3em 0 ;  z-index: -1;}
.greeting_wrap .cont					{  flex:2; padding:20px 0;line-height:1.5em;}
.greeting_wrap .tit					    {position:relative;font-size:1.8em;font-weight: 700;color:#222;padding-bottom:2.6em;  line-height:1.3;}
.greeting_wrap .tit span		        { display:block; font-weight:700;   }
.greeting_wrap .tit::before          {position:absolute;content:'';left:2px; bottom:0.2em; width:2px; height:2em; background:var(--color1);  }
.greeting_wrap .cont .txt01		    { font-size:1.4em;font-weight: 700;color:#222;  line-height:1.4;}
.greeting_wrap .cont .txt01 span   {color:var(--color1);}
.greeting_wrap .cont p					{line-height:1.6; padding:15px 0; word-break:keep-all; }
.greeting_wrap .cont p strong     {color:#222; font-size:1.1em; font-weight:bold; }
.greeting_wrap .ceo						{font-size:1.1em;    text-align: right;    font-weight: 600;    line-height: 1.8;color:#555;}
.greeting_wrap .ceo p					{font-size:1.25em;   font-weight: 700; line-height: 1.6;color:#000;  }

@media screen and (max-width:1200px) { 
    .greeting_wrap .inner                  {  gap:2.5em; }
    .greeting_wrap .tit					    { font-size:1.6em;}
}
@media screen and (max-width:1024px) { 
    .greeting_summary .txt				{ padding:50px;} 
}
@media screen and (max-width:768px) { 
    .greeting_wrap .inner                  { gap:1em;  flex-direction: column;}
    .greeting_wrap .img                   {width:100%;   max-width:480px; margin:auto; }
    .greeting_wrap .img figure::before    {display:none; }
    .greeting_wrap .tit					    { font-size:1.45em;}
    .greeting_wrap .cont .txt01		    { font-size:1.2em; }
}

/* 인사말  ================================================================================== */
  


 
 

/* MAP  ================================================================================== */ 
.map_box #map_canvas				{position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid var(--border-color1);}
.map_box .map_info					{overflow:hidden; padding:30px 10px;  border-bottom:1px solid #ddd;display: grid; grid-template-columns: 60% auto; gap: 20px 20px; }
.map_box .map_info li					{ display: grid; grid-template-columns:100px auto; gap:10px; } 
.map_box .txt01							{ font-weight:600;color:var(--color1); display: flex; align-items:center;  }
.map_box .txt02							{display: flex; align-items:center;  }
.map_box .map_info li span		{display:inline-block;background:var(--color1); color:#fff; width:40px;height:40px; border-radius:100%; text-align:center; cursor:auto; margin-right:10px;   }
.map_box i								        {display:inline-block; width:100%;height:100%;  background-repeat:no-repeat; background-position:50% 50%;background-size:50% auto; filter: brightness(0) invert(1); }
.map_box .map_info .icon_add                    { background-image: url('../img/common/icon_location.svg'); }
.map_box .map_info .icon_phone               { background-image: url('../img/common/icon_phone.svg'); }
.map_box .map_info .icon_fax                     { background-image: url('../img/common/icon_fax.svg'); }
.map_box .map_info .icon_email                 { background-image: url('../img/common/icon_email.svg'); }


.mapoverlay									{position:relative;margin-left:5px ;   bottom:60px;border-radius:3px;padding:12px 14px;border: 1px solid #333;background:#fff;text-align:center;  }
.mapoverlay::after							{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/common/map_localimg.png') no-repeat;}
.mapoverlay .title							{ color:#000; font-size:16px;font-weight:bold;}
.mapoverlay .title span					{font-weight:bold; box-shadow: inset 0 -5px 0 #ffd940; padding:0 1px; color:#000;}
.mapoverlay .add							{display:block; color:#666; font-size:14px;    word-wrap:break-word;  }

 
@media screen and (max-width:1024px) {  
	.map_box .map_info					{padding:20px 0;  grid-template-columns: repeat(1, 1fr); gap: 10px; }
	.map_box .map_info li					{ font-size:0.95em;grid-template-columns:95px auto;  }
	.map_box span						    	{width:33px; height:33px;  }
    .map_box .txt02							{padding-top:3px; }
} 
@media screen and (max-width:768px) {  
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.5; } 
} 
@media screen and (max-width:480px) {   
	.map_box #map_canvas			{  aspect-ratio: 2 / 1.7;} 
	.mapoverlay .title						{  font-size:15px;} 
	.mapoverlay .add						{  font-size:12px;    }
}

/* MAP  ================================================================================== */
 

  

 

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ⑦  program                                        [구 asset_reg/program.css]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

/*  프로그램 상태박스  ==================================================================================== */ 
.state_ing,
.state_acc,
.state_not,
.state_wait,
.state_end,
.state_finish,
.state_return,
.state_member,
.state_cancel				            {position:relative; display: inline-block; text-align:center; vertical-align:middle; min-width:70px; padding:0 4px; line-height:30px; font-size:0.9rem !important; color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:3px;font-weight:500;  } 

.gbox_top .state_ing,
.gbox_top .state_acc,
.gbox_top .state_not,
.gbox_top .state_wait,
.gbox_top .state_end,
.gbox_top .state_finish,
.gbox_top .state_return,
.gbox_top .state_cancel,
.gbox_top .state_member	{top:-3px;margin-right:10px;}

.state_ing								{background:#4ec8ce;} /* 민트색 : 접수중 */
.state_acc								{background:#ff577e;} /* 핑크 : 접수완료 */
.state_not								{background:#ffffff;color:#777;} /* 하얀색 : 신청불가 */
.state_wait								{background:#88c01d;} /* 연두색 : 대기 */
.state_end								{background:#c3c2c2;} /* 회색 : 완료 */
.state_finish							{background:#e9ba6d;} /* 노란색 : 재승인대기 */
.state_return							{background:#e77987;} /* 적색 : 반려 */
.state_cancel							{background:#5a5a5a;} /* 짙은회색 : 취소 */  
.state_member						{color:#444;}



/*  버튼 관련  ==================================================================================== */
.sb_group					{position:relative; text-align:center; margin-top:40px;}
.sb_group .rt				{position:absolute; right:0;}  /* 버튼 오른쪽 고정*/
.sb_b							{font-weight:600; display:inline-block; font-size:1em; letter-spacing:-0.5px; padding:0 15px; border:1px solid #aaa; background:#fff; color:#666; text-align:center; line-height:52px; cursor:pointer; min-width:130px; vertical-align:middle; transition:var(--transition1); border-radius:3px;}
.sb_b:focus,
.sb_b:hover				{border-color:rgb(0,0,0,0.1) !important; background:#181e2e !important; color:#fff !important;}

.sb_b2							{font-weight:600; display:inline-block; font-size:1.05em;  padding:17px 20px; border:1px solid rgb(0,0,0,0.08); background:var(--gra1); background-size:100% auto; color:#fff; text-align:center; cursor:pointer; min-width:280px;    border-radius:50px;transition:var(--transition1); }
.sb_b2 i                      {margin-left:10px;}
.sb_b2:focus,
.sb_b2:hover             {background-size:250% auto; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);  }

.sb_b i							{margin-right:6px;}
.sb_h							{opacity:.6 !important;}

.sb_blue						{border-color:#0353a2; background:#0353a2; color:#fff;}
.sb_blueline				{border-color:#0353a2; color:#0353a2;}
.sb_red						{border-color:#cb444a; background:#dc3545; color:#fff;}
.sb_redline					{border-color:#e6092e; color:#e6092e;}
.sb_yellow					{border-color:#f6c244 !important; background:#f6c244 !important; color:#333 !important;}
.sb_green					{border-color:#28a745 !important; background:#28a745 !important; color:#fff !important;}
.sb_gray						{border-color:#6d747c !important; background:#6d747c !important; color:#fff !important;}
.sb_black					{border-color:#212529 !important; background:#212529 !important; color:#fff !important;}
/*  버튼 관련  ==================================================================================== */
 
/* 임시저장 고정버튼 =============================================================== */
.sub_fixbtn					{position:fixed; right:-10px; bottom:20%;}
.sub_fixbtn .sb_b		{background:rgba(0,57,163,.7); border-radius:5px 0 0 5px; min-width:150px; line-height:60px; transition:var(--transition1); border:0; color:#fff;}
.sub_fixbtn i				{margin-right:7px;}
.sub_fixbtn:focus .sb_b,
.sub_fixbtn:hover .sb_b		{transform: translateX(-10px); background:#1053C8 !important;}

@media screen and (max-width:768px) {
	.sb_b						{padding:0 10px; min-width:80px; line-height:45px; font-size:0.95em;}
    .sb_b2                    { font-size:1em;  padding:13px 15px ; min-width:240px;   }
}
@media screen and (max-width:480px) {
	.sb_b						{ min-width:60px;}
}
/* 임시저장 고정버튼 =============================================================== */


 
/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */
.gbox_top								{position:relative; background:#fff;padding:30px  ; text-align:justify; margin-bottom:30px; border-radius:0 0 2em 0; border:8px solid #f0f0f0; transition:var(--transition1);}
.gbox_top::after					{position:absolute;content:''; top:-8px; left:-8px; width:30px; height:30px; border-left:8px solid var(--color1); border-top:8px solid var(--color1); transition:var(--transition1);}
.gbox_top .tit							{ font-size: 1.6em; line-height:1.3; font-weight: 700; color: #000;  margin-bottom:20px;}		  /* 큰 글씨 제목 */
.gbox_top .tit .cate				{font-size:0.9em;color:#555;}
.gbox_top .tit span               {}
.gbox_top .inf						{position: relative; overflow:hidden;}       /* 접수기간 등 작은 글씨 정보 묶음  */
.gbox_top dl							{position:relative; font-size:0.95rem;  display:grid;grid-template-columns:125px auto; gap:12px; }    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl + dl                  {margin-top:8px;}
.gbox_top dl dt						{position:relative; font-weight:600; color:#222; padding-left:12px; }                        /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::before		{position:absolute; content:''; left:0; top:9px; width:4px; height:4px; background:var(--color1); border-radius:50%;}    /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dt::after			{content:''; position:absolute; top:4px; right:0;width:1px; height:1em; margin:auto; background:#ddd; }     /* 접수기간 등 작은 글씨 정보   */
.gbox_top dl dd						{position:relative;  color:#666; } 
 
.gbox_top .file						{background:#f7f7f7; padding:15px 20px; margin-top:20px;  display: flex; flex-direction: column;gap:4px;  }   /* 파일이 있을 때 */
.gbox_top .file li					{position:relative; font-size:0.9em; color:#777;} 
.gbox_top .file li span			{display: inline;  font-size:0.85rem;color:#aaa;} 
.gbox_top .file li a,
.gbox_top .file li button                     {position:relative; display:inline-block;  color:#777; text-align:left; line-height:1.2em; }
.gbox_top .file li button:hover,
.gbox_top .file li a:hover                   {color:#333; text-decoration:underline; } 
.gbox_top .file li a::before,
.gbox_top .file li button::before			{position:relative; padding:6px 30px 6px 10px; display:inline-block;  background:url('../img/common/icon_down.png') no-repeat right 8px top 7px #444; color:#fff; font-size:0.9em; border-radius:5px ; margin-right:8px; min-width:88px; }
.gbox_top .file li a:hover::before,
.gbox_top .file li button:hover::before{background-color:#222; }
.gbox_top .file li a::before                    { content:'다운로드';  }
.gbox_top .file li button::before          { content:'미리보기'; background-image:url('../img/common/icon_blink.png') ;}
 
.gbox_top .content				{position: relative; border-top:1px solid #e9e9e9;padding:15px 0 0 0;margin:20px 0 0 0;color:#777; line-height:1.4; }    /* 제목 아래에 설명글 - 설문조사 참여   */

.gbox_top .btn_wrap			{border-top:1px solid #e5e5e5;padding:20px 0 0 0;text-align:center;margin-top:20px;}
.gbox_top .btn_wrap span	{display:inline-block;text-align:center; font-weight:500;  padding:0 20px;border:1px solid #082a58; background:#082a58; color:#fff;line-height:45px; cursor:pointer; min-width:120px;vertical-align:middle; transition:var(--transition1); border-radius:2px;}


.gbox_help								{position:relative; border:1px solid var(--border-color1); background:var(--bg-gray1); padding:1.3em;  font-size:0.95em; color:#333; border-radius:0.5em; }
.gbox_help p							{position:relative; padding:3px 0 3px 13px; line-height:1.4;   z-index:1 ;}
.gbox_help p::after				{position:absolute; content:'';  left:2px; top:11px; width:3px; height:3px; background:#555; border-radius:50%;}
.gbox_help p strong				{position:relative;display:inline;font-weight:600;color:#333;box-shadow: inset 0 -10px 0 #ddecff; }
.gbox_help .anone::after		{display:none;}			/* p 태그에 앞에 점 없음 */

.gbox_help .tit						{color:#333; font-size:1.1em;font-weight:bold; padding:3px 0; }   /* 큰 글씨 */
.gbox_help .tit i						{color:var(--color1); font-size:1.2em;margin-right:10px;}
.gbox_help .tit.fred i				{color:var(--point2);}

.gbox_help2							{position:relative; border:2px solid var(--border-color1);background:#fff; padding:20px 25px;line-height:1.4;font-size:0.95em;}
.gbox_help2 p						{position:relative; padding:3px 0 3px 10px; line-height:1.4;  }
.gbox_help2 p::after				{position:absolute; content:''; display:block; left:0; top:12px; width:2px; height:2px; background:#999; border-radius:50%;}
.gbox_help2 p strong			{position:relative;display:inline-block;font-weight:600; color:#333; text-decoration:underline;}
 
@media screen and (max-width:1024px) { 
    .gbox_top .tit							{ font-size: 1.5em; }
	.gbox_top span					{ line-height:30px !important;  }   
}
@media screen and (max-width:768px) {
	.gbox_top							{border-width:7px; padding:25px; margin-bottom:20px;}
	.gbox_top::after				{width:25px; height:25px;top:-7px; left:-7px;border-width:7px; } 
	.gbox_top .tit						{font-size: 1.35em;margin-bottom: 17px; } 
	.gbox_top span					{top:-2px; line-height:28px !important; font-size:0.85rem;  }   /* 접수중을 표시하는 태그 */
}
@media screen and (max-width:580px) {
	.gbox_top							{ padding:20px;  }
	.gbox_top .tit						{font-size: 1.3em;  } 
    .gbox_top dl							{ grid-template-columns:1fr; gap:0;}    /* 접수기간 등 작은 글씨 정보   */
    .gbox_top dl + dl                  {margin-top:8px;} 
    .gbox_top dl dt::after			{display:none;}     /* 접수기간 등 작은 글씨 정보   */   
    .gbox_top dl dd                    {padding-left:12px;}
    .gbox_top .file						{  padding:8px 12px  ; margin-top:15px;    gap:1px;  }   
    .gbox_top .file li a::before,
    .gbox_top .file li button::before			{ top:2px; content:''; min-width:initial; padding:0; width:14px; height:14px; background:url('../img/common/icon_file.svg') no-repeat 0 0 #f7f7f7; background-size:auto 100%;margin-right:5px;  opacity:0.8; }
    .gbox_top .file li a:hover::before,
    .gbox_top .file li button:hover::before{background-color:#f7f7f7; opacity:1; } 
}

 
/*.gwrap								{}*/				/* 뷰페이지 내용을 감싸주는 태그  - h4, h5 스타일 변경 용*/
.gwrap h4								{ font-size:1.25em;line-height:1.3; font-family: 'Paperlogy'; font-weight:600; padding-left:22px; margin-bottom:20px;color:#111;    } 
.gwrap h4::before					{position:absolute; top:5px; left:0; content:''; width:16px; height:16px; border:4px solid var(--color1); border-radius:50px;   }
.gwrap h4::after					{display:none;}
.gwrap h4 span.fred				{position:relative;display:inline-block;margin-left:10px; font-size:0.9rem;}
.gwrap h5								{ font-size:1.15em;line-height:1.3; font-weight:700; margin-bottom:15px;  color:var(--color1);   } 
.gwrap h5::before					{display:none;}
 

#guava_win_wrap h4			{position:relative; display:block; font-size:1.25em; color:var(--color1);  font-weight:600; line-height:100%; padding:10px 0 20px 3px; } 
#guava_win_wrap h4::after,
#guava_win_wrap h4::before	{display:none;}

/*  상단 써머리 박스, 헬프 박스 스타일   ==================================================================================== */



/*  프로그램 탭메뉴   ==================================================================================== */
.gtab1									{position:relative;width:100%; border-bottom:1px solid #d5d5d5; margin-bottom:40px;display:flex;gap:3px; }
.gtab1 li								{position:relative; text-align:center; cursor:pointer; }
.gtab1 li a							{position:relative;display:block; color:#fff; font-size:1.05em; font-weight:500;  background:#9e9fa1;padding:0 25px;min-width:170px; line-height:56px; height:56px; border:1px solid #909093; border-bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:5px 5px 0 0; transition:var(--transition1); }
.gtab1 li.on a						{color:#fff; background:var(--color1); border-color:var(--color1); z-index:11;}

.gtab2 								{position:relative; border:1px solid #d5d5d5;border-top:0;margin:-40px 0 40px 0;background:#fff;}
.gtab2 li								{position:relative; display:inline-block; text-align:center;}
.gtab2 li::after					{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:15px; margin:auto; background:#ccc;}
.gtab2 li:first-child::after	{display:none;}
.gtab2 li a							{position:relative; display:block; color:#555;padding:0 25px; line-height:64px; font-size:1em;font-weight:500; }
.gtab2 .on::before				{position:absolute; content:''; bottom:0; left:20px;width:calc(100% - 40px); height:3px; background:var(--color1); }
.gtab2 .on a,
.gtab2 a:focus,
.gtab2 a:hover					{color:var(--color1); font-weight:500;}

@media screen and (max-width:1200px) {
	.gtab1 li a						{min-width:initial; }
}
@media screen and (max-width:1024px) { 
    .gwrap h4						{font-size:1.2em;padding-left:18px; margin-bottom:1em;  }
    .gwrap h4::before			{  top:3px;  width:14px; height:14px; border-width:3px ;  }
    .gwrap h5						{ font-size:1.1em; } 

	.gtab1								{display:table;table-layout:fixed; margin-bottom:30px;}
	.gtab1 li							{display:table-cell; } 
	.gtab1 li a						{padding:0 8px; font-size:1em; width:calc(100% - 3px); line-height:50px; height:50px; }
	.gtab1 li:last-child a		{width:100%;} 
	.gtab2 li a						{padding:0 15px;line-height:56px;font-size:0.95em;}
	.gtab2 .on::before			{left:12px;width:calc(100% - 24px); height:2px;}
}
@media screen and (max-width:480px) {
	.gtab1								{display:flex;flex-direction: column; border-bottom:0; margin-bottom:20px;}
	.gtab1 li a						{padding:  6px  ; font-size:0.95em; width:100%;border-radius:5px; line-height:1.2;height:initial; min-height:44px; display:flex; justify-content:center; align-items:center; }
}
/*  프로그램 탭메뉴   ==================================================================================== */



/*  프로그램 리스트 검색 박스  ==================================================================================== */
.gsearch_box																		{overflow:hidden; margin-bottom:30px;}
.gsearch_box .ginfo															{float:left; padding:20px 0 0 0; } 
.gsearch_box .gsearch														{float:right; width:50%; overflow:hidden; }  
.gsearch_box .gsearch .search_select_box						{float:left;width:30%; }
.gsearch_box .gsearch .search_select_box + .search_select_box	{margin-left:10px;} 
.gsearch_box .gsearch .search_select_box select			{width:100%; height:48px; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
.gsearch_box .gsearch .search_input_box  					{float:right; width:70%;padding-left:10px;} 
.gsearch_box .gsearch .search_input_box span				{display:inline-block;width:calc(100% - 55px);}
.gsearch_box .gsearch .search_input_box::after			{content:'';display:block;clear:both}
.gsearch_box .gsearch .search_input_box input[type="text"]		{width:100%; height:48px;}
.gsearch_box .gsearch .search_input_box .gbtn			{float:right;width:55px;height:55px;font-size:1.2rem; text-align:center;display:block;border:1px solid #333; background:#333; height:48px; line-height:45px;color:#fff; }
 
/* screen 1024px */
@media screen and (max-width:1024px) {
	.gsearch_box .ginfo														{float:none; padding:0 0 10px 0;}
	.gsearch_box .gsearch													{float:none; width:100%;} 
}
/* screen 600px */
@media screen and (max-width:768px) {
	.gsearch_box .gsearch .search_select_box					{float:none; width:100%; margin-bottom:5px;}
	.gsearch_box .gsearch .search_input_box					{float:none; width:100%;padding-left:0;} 
}
/*  프로그램 리스트 검색 박스  ==================================================================================== */



  
/*  테이블 관련  ==================================================================================== */ 
.gtable_resp								{display:block; width:100%; overflow-x:auto; padding-top:5px; padding-bottom:20px; -webkit-overflow-scrolling: touch; }  /* 테이블 가로 스크롤  */
.gtable_resp .gtable					{min-width:800px; } 
  
.gtable										{border-collapse:collapse; font-size:0.95em; width:100%; table-layout:fixed; background:#fff; border-top:1px solid #555;line-height:1.25; transition:var(--transition1); }
.gtable thead th							{background:#f2f2f2; color:#111; font-weight:600;padding:17px 5px; line-height:1.1em; border:1px solid #d3d3d3; border-top:1px solid #888;  text-align:center; } 
.gtable tbody tr:first-child         {border-top:2px solid var(--bbs-border-color1);}
.gtable tbody th							{padding:14px 10px; background:#f8f8f8; border-bottom:1px solid var(--border-color1);border-right:1px solid var(--border-color1); color:#333; font-weight:500; text-align:center; } 
.gtable tbody th span				{font-size:0.85em;color:var(--point2);}
.gtable tbody td							{padding:14px 10px;word-break:break-all;  border-bottom:1px solid var(--border-color1);border-right:1px solid var(--border-color1); }
.gtable tbody td.editor				{border:0; padding:0;}
.gtable tbody td.bw_close,
.gtable tbody td.bw_close a		{text-decoration: line-through;color:#ff3300 !important;}
.gtable tfoot th,
.gtable tfoot td							{background:#edf1f6; color:#333; padding:15px 10px;word-break:break-all; font-weight: normal;  letter-spacing:0; border-right:1px solid var(--border-color1); border-bottom:1px solid var(--border-color1); text-align:center;  font-weight:600; }
.gtable thead tr:first-child th:first-child		{border-left-width:0;}   
.gtable thead th:first-child,
.gtable tfoot th:first-child,
.gtable tbody td:first-child{border-left: none;}
.gtable thead th:last-child,
.gtable tfoot td:last-child,
.gtable tbody td:last-child{border-right: none;}
.gtable a:focus, 
.gtable a:hover                          {  text-decoration: underline;}

.gtable em									{background:none !important;} 
.gtable .tsum								{background:#e3e4e9 !important; color:#333; word-break:break-all; font-weight: 500;padding:8px 6px;border:1px solid #ccc; border-left:0; } /* 합계 등을 표시하는 백그라운드 컬러가 있는 td */

.gtable.form_top                      {border-top:var(--bbs-border-width1) solid var(--bbs-border-color1);}
.gtable.list thead th					{background:#fff; color:#444; font-weight:700;padding:18px 0;line-height:1.1em;font-size:0.95em; text-align:center;  border-bottom:2px solid #555; border-left-width:0; border-right-width:0;  }  
.gtable.list tbody tr:focus, 
.gtable.list tbody tr:hover 		{background:#f9f9f9; }
.gtable.list th								{border-left:none;}   /* 게시판 형태로 세로방향 보더가 없어짐 */
.gtable.list td								{border-left:none;  border-right:none;  line-height:1.3; word-break:break-all;    }   /* 게시판 형태로 세로방향 보더가 없어짐 */

 .gtable.list .return                         {position:relative;background:rgb(0,0,0,0.05); padding:10px 10px 10px 28px; display: block;  margin-top:0.7em; font-size:0.95em; color:#e71d1d; font-weight:400;border-radius:4px;  } 
.gtable.list .return::before        {position:absolute; content:''; left:12px; top:12px; width:8px; height:8px; border-left:1px solid #999; border-bottom:1px solid #999; } 
 

.gtable tbody td .icon_notice	{display:inline-block;width:30px;height:30px; border-radius:50%;vertical-align:middle;background:url('../img/guava/icon_notice.png') no-repeat center 50% #a3a6b2;background-size:100% auto;margin-right:5px;}

.gtable .gcont p							{ color:#003c97; font-weight:500; }
.gtable .gcont div						{padding:10px 0 0 0;  color:#666; line-height:1.3; font-size:0.9em;}
 
.gtable .btit								{position:relative; font-size:1.05em;color:#222; font-weight:600;}  /* 게시판 형태에서 제목으로 쓰임 : 큰글씨 */  
.gtable .stit									{position:relative; margin-top:3px; color:#797979; font-size:0.95em; display:flex; gap:5px; }	
.gtable .stit dt						        {position:relative; padding-left:10px;  } 
.gtable .stit dd						    {flex:2;  } 
.gtable .stit dt::before              {position:absolute; content:''; left:0; top:7px;width:3px; height:3px;background:#777; border-radius:5px; }
.gtable .stit dt::after                  {position:relative; content:' :'; left:0; top: ; }
 
/*
.gtable .stit									{padding:2px 0; color:#888; font-size:0.95em;}	 
.gtable .stit strong						{display:inline-block; font-weight:500; font-size:0.95em;border:1px solid var(--border-color1); padding:1px 5px 2px 5px;min-width:85px; text-align:center; margin-right:7px;} 

.gtable .stit2								{position:relative; padding:0 6px 0 10px;font-size:0.95em;line-height:1.4;color:#888; }  
.gtable .stit2 strong					{font-weight:500;}
.gtable .stit2::after						{position:absolute; content:''; top:10px;left:0;width:2px;height:2px;background:#999; }
 
*/

.gtable .newwindow				{position:relative; top:5px;display:inline-block;width:20px;height:20px;background:url('../img/common/top_blank.png') no-repeat center 0;}

.gtable .mobile							{display:none; }    /* 모바일 사이즈에서 나타남 */ 

.total_box                                  { padding:26px; background:var(--color1);   border-radius:0.4em; text-align:center; font-weight:bold; color:#fff; font-size:1.1em;  }
.total_box span                         {display:inline-block; padding-left:5px; font-size:1.15em; color:#ffcc00; font-weight:bold;}

@media screen and (max-width:1024px) {
	.gtable .mobile						{display:block; }    /* 모바일 사이즈에서 나타남 */
	.gtable .none							{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } 
 
	.gtable thead th						{ padding:13px 0;}
	.gtable tbody th						{ padding:12px 5px;}   
	.gtable tbody td						{ padding:12px 10px;}   
	.gtable tfoot th, .gtable tfoot td		{ padding:12px 5px;}   
	.mleft										{text-align:left;}			/* 센터정렬이던 내용을 모바일에서 왼쪽 정렬로 바꿔주는 태그 */
 
    .gtable.list										{ border-top:0 ; } 
	.gtable.list tbody, 
	.gtable.list th, 
	.gtable.list td, 
	.gtable.list tr                    { display: block;  } 
    .gtable.list tbody tr:first-child         { }
    .gtable.list tr                    {  border: 1px solid #ccc !important; padding: 10px;  border-radius:0.7em; }
    .gtable.list tr + tr             {margin-top:1em;} 
    .gtable.list tbody tr:hover 		{background:#fff;border-color:var(--color1); }           
    .gtable.list td                   { position: relative; padding:3px; text-align: left; border-bottom-width:0 ; display:flex; align-items:flex-start ; line-height:1.8;  }
    .gtable.list td::before      { flex:0 0 5rem; content: attr(data-label); font-size:0.9em;  font-weight: 600; color: #333; display: inline-flex; width: 5rem ;  text-align: center; margin-right: 0.7rem;  background-color:#ededed; padding:7px 3px; line-height:1.1em;  align-items: center;   justify-content: center;flex-shrink: 0; }
 
	.gtable.list .tag              {position: relative; float:right;  max-width:70px ; text-align:left; padding-left:0;margin-left:5px; }
	.gtable.list .tag::before{display: none;} 
    .gtable.list .before_none::before{display: none;} 
    .gtable.list .none           { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
	.gtable.list .none::before{display: none;} 
    .gtable.list .date				{ color:#999; padding-top:5px; font-size:0.95em; }
    .gtable.list .btit				{  font-weight:bold; }
	.gtable.list .btn              { text-align:center; border-top:1px dashed #ddd; padding-top:10px  ; margin-top:4px; padding-left:0;}
	.gtable.list .btn::before{display: none;} 

    .gtable.list .return                         { background:#fcf9f0; padding:10px 10px 10px 22px;  border-top:1px dashed #d5d5d5;border-bottom:1px dashed #d5d5d5; } 
    .gtable.list .return::before        {  left:10px;   } 

}
@media screen and (max-width:768px) {  
	.gtable									{font-size:0.95em;line-height:1.3;} 
	.gtable tbody td						{ padding:12px 5px;}   
	 
	.gtable.nl2br tr					    { display:flex; flex-wrap: wrap; }
    .gtable.nl2br th					    {padding: 10px; width:25%; display:inline-block; }
    .gtable.nl2br td					    {padding:10px; width:75%; border-right-width:0; } 
 
}

/*  테이블 관련  ==================================================================================== */

/*
.gtable02											{border-collapse:collapse; width:100%; table-layout:fixed;border-top:2px solid #4b5267; }
.gtable02 thead th								{background:#fcfcfc; color:#5e6372; font-weight:400; line-height:55px;font-size:0.95em;  border-bottom:1px solid #a3a6ad; } 
.gtable02 thead th[rowspan]			{line-height:30px;}  
.gtable02 thead th:first-child			{border-left:0;}
.gtable02 thead th:last-child			{border-right:0;}
.gtable02 thead th a							{color:#f9f9f9;}
.gtable02 tbody th								{padding:20px 10px; background:#f9f9f9; border-bottom:1px solid #dddee0;font-size:0.95em; }
.gtable02 tbody th[rowspan]			{background:#f9f9f9;}
.gtable02 tbody th:first-child			{border-left:0;}
.gtable02 tbody th:last-child			{border-right:0;}
.gtable02 tbody th span					{display:block;font-size:0.85em;color:var(--point2);}
.gtable02 tbody td								{padding:20px 10px; color:#777; font-size:0.95em;word-break:break-all; border-bottom:1px solid #dddee0;} 
.gtable02 tbody td:first-child			{border-left:0;}
.gtable02 tbody td:last-child			{border-right:0;}
.gtable02 tbody tr:hover td				{background:#f1f4f7;} 
.gtable02 tbody td.editor					{border:0;padding:0;}
.gtable02 tbody td.bw_close,
.gtable02 tbody td.bw_close a		{text-decoration: line-through;color:#ff3300 !important;}
.gtable02 tfoot th,
.gtable02 tfoot td								{background:#f9f9f9; color:#333; padding:0px 6px;word-break:break-all; font-weight: normal; height:48px; line-height:48px;   border-right:1px solid var(--border-color1); border-bottom:1px solid var(--border-color1); text-align:center;font-size:0.95em; }
.gtable02 tfoot th:last-child,
.gtable02 tfoot td:last-child				{border-right:0;}
.gtable02 em										{background:none !important;}

*/
 
 

/* 신청 폼 디자인  ================================================================================== */  
.sin_form_box							{position:relative; background:#f6f6f6; padding:2em; border-radius:0.7em; display: flex; flex-direction: column; gap: 2em; width: 100%;}
.sin_form_box .tit                     { color:#696969;font-size: 1.05em;   font-weight: 600;line-height: 1.3;}
.sin_form_box dl                       {  display: flex; flex-direction: column;   gap:1em;  }
.sin_form_box dl dt                   { color:#222;font-size: 1.05em;   font-weight: 600;line-height: 1.3; }
.sin_form_box dl dd                  { background:#fff; padding:0.5em  ;font-size: 1.05em;  font-weight: 600; line-height: 2em; min-height:58px; border-radius:0.5em; gap:10px;  }
.sin_form_box dl dd select,
.sin_form_box dl dd input[type="text"],
.sin_form_box dl dd input[type="password"],
.sin_form_box dl dd input[type="email"],
.sin_form_box dl dd input[type="number"],
.sin_form_box dl dd input[type="tel"],
.sin_form_box dl dd input[type="url"]           {width:100%;   line-height: normal; min-height:40px; padding:0; border-radius:5px;box-sizing:border-box; border:0; }
.sin_form_box dl dd input[type="radio"]       {margin-left:5px;}
.sin_form_box dl dd textarea      {border-radius:5px;padding: 0; border:0; }
.sin_form_box dl dd .uploaded_file_item      {margin-bottom:0;}


.sin_form_box .file_wrap             {display: flex; flex-direction: column; gap:10px; }
.sin_form_box .file_down_list     {display:inline-block;  font-weight:500;line-height:1.1em; color:#0575e9 ; }
.sin_form_box .file_down_list:hover  {text-decoration:underline; }
.sin_form_box .file_box               { display: flex; flex-flow:wrap; gap:10px;  }
.sin_form_box .file_box .file_preview    {display:inline-block; width:calc(100% - 180px);  font-size: 1.05em;  line-height: normal;  height:44px;line-height:44px;padding: 0 10px; border-radius:5px;}
.sin_form_box .file_box label          { display:inline-block;display: flex;}
.sin_form_box .file_box .file_btn    { display:inline-block; height:44px;line-height: 43px; margin-left:0; }

.sin_form_box .check_list         { display: flex; flex-flow:wrap;  gap:40px; } 
.sin_form_box .line2                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(330px, 1fr));gap:2em;   } 
.sin_form_box .line3                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2em;   } 
.sin_form_box .line4                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;   } 
.sin_form_box .line5                 {  display: grid; grid-template-columns:repeat(5, 1fr);gap:1em 10px;   }
.sin_form_box .line5 dt            {grid-column: 1 / 6; grid-row: 1 / 2;  }

@media screen and (max-width:1200px) {
    .sin_form_box .line5                 {  grid-template-columns:repeat(3, 1fr);   }
    .sin_form_box .line5 dt            {grid-column: 1 / 4; grid-row: 1 / 2;  }
}
@media screen and (max-width:1024px) {
    .sin_form_box dl dd                  {  min-height:50px;  }
    .sin_form_box dl dd                   { }
    .sin_form_box dl dd select,
    .sin_form_box dl dd input[type="text"],
    .sin_form_box dl dd input[type="password"],
    .sin_form_box dl dd input[type="email"],
    .sin_form_box dl dd input[type="number"],
    .sin_form_box dl dd input[type="tel"],
    .sin_form_box dl dd input[type="url"]           { height:34px;min-height:34px; }
}
@media screen and (max-width:768px) {
    .sin_form_box							{  padding:1.7em; gap:30px;}
    .sin_form_box .line2,
    .sin_form_box .line3                 {  gap:30px;}
    .sin_form_box .line5                 {  grid-template-columns:repeat(2, 1fr);   }
    .sin_form_box .line5 dt            {grid-column: 1 / 3; grid-row: 1 / 2;  }
}
@media screen and (max-width:480px) {
    .sin_form_box							{  padding:1.4em; } 
    .sin_form_box dl                       { gap:0.8em;   }
    .sin_form_box dl dt                   {  font-size: 1em;   } 

    .sin_form_box .file_box .file_preview    { width:100%; height:40px; line-height:39px; padding: 0 8px;font-size: 1em; } 
    .sin_form_box .file_box .file_btn    { height:40px;line-height: 39px;}
    .sin_form_box .check_list         {   gap:20px; }
    .sin_form_box .line2,
    .sin_form_box .line3, 
    .sin_form_box .line4                 {grid-template-columns:repeat(1, 1fr);  }  
    .sin_form_box .line5                 {  grid-template-columns:repeat(1, 1fr);   }
    .sin_form_box .line5 dt            {grid-column: 1 / 2; grid-row: 1 / 2;  }
    .sin_form_box .file_box           { grid-template-columns:repeat(1, 1fr);  }  
}
 
/* 신청 폼 디자인  ================================================================================== */



/* 신청 뷰 디자인  ================================================================================== */
.sin_view_box							{position:relative; background:#f6f6f6; padding:2em; border-radius:0.7em; display: flex; flex-direction: column; gap: 2em; width: 100%;}
.sin_view_box dl                       {  display: flex; flex-direction: column;   gap:1em;  }
.sin_view_box dl dt                   { color:#222;  font-size: 1.05em;   font-weight: 600;line-height: 1.3;}
.sin_view_box dl dd                  { background:#fff; padding:1em; font-weight: 600; line-height: 1.4; min-height:58px; border-radius:0.5em; }

.sin_view_box .line2                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(330px, 1fr));gap:2em;   } 
.sin_view_box .line3                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2em;   } 
.sin_view_box .line4                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;   } 
.sin_view_box .line5                 {  display: grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:10px;   }

@media screen and (max-width:768px) {
    .sin_view_box							{  padding:1.7em; gap:30px; } 
    .sin_view_box dl dd                  {  min-height:54px;}
    .sin_view_box .line2,
    .sin_view_box .line3                 {  gap:30px;}
}
@media screen and (max-width:480px) {
    .sin_view_box							{  padding:1.4em;} 
    .sin_view_box dl                       { gap:0.8em;  }
    .sin_view_box dl dt                   {  font-size: 1em;   }
    .sin_view_box dl dd                  {   padding:0.8em; min-height:48px;}

    .sin_view_box .line2,
    .sin_view_box .line3,
    .sin_view_box .line4,
    .sin_view_box .line5                 {grid-template-columns:repeat(1, 1fr);  }  
}
/* 신청 뷰 디자인  ================================================================================== */



/* 동의화면  ================================================================================== */
.agreebox															{position:relative;border:1px solid #dfdfdf; background:#fff; border-radius:0.7em;  overflow:hidden; }
.agreebox .textarea_form									{border-color:#fff; font-size:0.95em;padding:20px; height:230px;}
.agreebox .textarea_form ul                            {padding-bottom:20px; } 
.agreebox .textarea_form .txt01                     {color:#333; padding-bottom:5px;font-weight:bold; }
.agreebox .bottom												{ position:relative;background:#f4f5f7; text-align:center; padding:1.2em 10px; color:#000; font-size:0.95em; line-height:1.2; }
  
.agreebox .bottom input[type="checkbox"]	{position:relative; cursor:pointer;	border:1px solid #ccc;   width:28px; height: 28px; border-radius:50px;background: url('../img/common/checkbox.png') no-repeat #fff; background-size: contain; margin-right:10px; appearance:none ;}
.agreebox .bottom input[type="checkbox"]:checked    {background: url('../img/common/checkbox_on.png') no-repeat #0575e9; border-color:#0575e9; background-size: contain;}
 /*
.agreebox .bottom input[type="checkbox"]		{  position: absolute;  width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); border:0; white-space:nowrap; appearance:none ; }  
.agreebox .bottom .check_circle					{position: relative;padding-left:40px; cursor: pointer;display: inline-block; }
.agreebox .bottom .check_circle i			    {position: absolute;left: 0;top:-5px;border:1px solid #ccc; border-radius:50%; width:30px; height:30px; background: #fff; }
.agreebox .bottom .check_circle i::after			{position: absolute;content: '';left: 0;top:-2px;  border-radius:50%; width:30px; height:30px; background: url('../img/common/icon_check.svg') no-repeat center 50%; background-size: auto 80%; opacity:0.3; }
  
.agreebox .bottom .check_circle input[type="checkbox"]:checked + i	{background:#0575e9 ; border-color:#0575e9 ;   }
.agreebox .bottom .check_circle input[type="checkbox"]:checked + i::after	{filter: brightness(0) invert(1);  opacity:1;}
 */ 
 
@media screen and (max-width:1024px) {
	.agreebox .textarea_form										{height:200px;padding:1em;}
    .agreebox .bottom												{   padding:1em 10px;}
	.agreebox .bottom .check_circle				            {padding-left:35px;}
	.agreebox .bottom .check_circle i,
	.agreebox .bottom .check_circle i::after		{width:28px; height: 28px;}
} 
 
/* 동의화면  ================================================================================== */





.txtline				{display:inline; box-shadow: inset 0 -10px 0 #ddecff; font-weight:500; padding:0 3px; color:#111;}
.txtline1				{display:inline; box-shadow: inset 0 -10px 0 #fbe3cd; font-weight:500; padding:0 3px; color:#111;}
.txtline2				{display:inline; box-shadow: inset 0 -10px 0 #d7edd7; font-weight:500; padding:0 3px; color:#111;}
.txtline3				{display:inline; box-shadow: inset 0 -10px 0 #ecdff0; font-weight:500; padding:0 3px; color:#111;}
.txtline4				{display:inline; box-shadow: inset 0 -10px 0 #a1f9fe; font-weight:500; padding:0 3px; color:#002759;}


 
/*  서브 검색결과   ==================================================================================== */
.sub_search_wrap							        {position:relative;padding:130px 0 0 0;}
.sub_search_top								        {position:relative;padding:60px 0 55px 0; background:url('../img/common/svisual_search.jpg') no-repeat center 50% #22293d; background-size:cover; border-bottom:1px solid var(--border-color1); text-align:center; margin:0 0 40px 0;}
.sub_search_top form					        {position:relative; margin:auto; max-width:560px;width:80%;height:60px; border-bottom:3px solid var(--white1);background:transparent ;display: grid; grid-template-columns:  auto 50px; gap:10px; }
.sub_search_top form span			        {position:relative;display:none;  line-height:50px;font-size:1em;  font-family: 'Paperlogy'; font-weight:600;color:#333; }
.sub_search_top form span::after		{position:absolute; content:''; display:block; right:3px; top:15px; width:1px; height:20px; background:#bbb;}
.sub_search_top input[type="text"]		{width:99%;line-height:50px;font-size:2em; font-family: 'Paperlogy'; font-weight:600; padding:0 0 0 10px; color:var(--white1); background:transparent ; border:0;}
.sub_search_top input[type="text"]:focus  {  } 
.sub_search_top input[type="text"]::placeholder  { font-size:0.8em; } 
.sub_search_top .btn						        {position:relative;  border:0; width:50px; height:50px;line-height:50px;font-size:1.5em; background:transparent;color:var(--white1); text-indent:2px; border-radius:50%; }
.sub_search_top .keyword			        {padding:25px 0 0 0; }
.sub_search_top .keyword span          {position:relative; display:inline-block; background:var(--point1); color:var(--white1);  font-size:0.9em; padding:7px 17px; border-radius:50px; margin-right:10px; }
.sub_search_top .keyword span i        {margin-right:4px; }
.sub_search_top .keyword a			        {display:inline-block;color:var(--white1);font-weight:400;padding:0 10px; font-size:0.95em;}

.sub_search_cont							        {padding:0 0 70px 0;}
.sub_search_cont .txtline4			        {box-shadow:initial !important;padding:0 !important; color:var(--point1) !important; font-weight:700;  text-decoration:underline;} 

.sub_search_list								        {position:relative; padding:  0 0 0; border-top: 2px solid #222;display: grid;grid-template-columns:1fr; align-items:center;  }
.sub_search_list a                                  {display:block; }
.sub_search_list	li							        {padding:  25px 0;border-bottom:1px solid #eee;}
.sub_search_list	li .route				        {padding:0 0 10px 0; font-size:1.1rem; font-weight:700; color:#000; }
.sub_search_list	li .txt					        {padding: 0 0 7px 0;  color:#666; }
.sub_search_list	li .date					        {margin-top:4px; color:#888; font-size:0.9em;font-weight:500; }
.sub_search_list	li .date .cate		        {display:inline-block; color:#666; font-weight:0.95em; font-weight:500; background:#f0f0f0; border-radius:3px; padding:2px 10px; margin-right:12px;  }

.sub_search_list	li:focus .route,
.sub_search_list	li:focus .txt,  
.sub_search_list	li:hover .route,
.sub_search_list	li:hover .txt               {text-decoration:underline;} 

.sub_search_result							        {font-size:1.15em; font-weight:500; padding:0 0 40px 0; color:#333; text-align:center;}
.sub_search_result	 b						        {font-size:1.1em;color:var(--point1);}
.sub_search_result	 strong				        {font-size:1.1em;color:var(--point1);text-decoration:underline;}


.sub_search_nolist							        {text-align:center; padding:200px 0 80px 0; font-weight:600;font-size:1.4em; color:#000;  background:url('../img/common/error_img.png') no-repeat center 70px; border:1px solid var(--border-color1); margin-top:80px;margin-bottom:120px; border-radius:0.7em; transition:var(--transition1);}

@media screen and (max-width:1024px) {
	.sub_search_nolist						        {margin:30px 20px 100px 20px; font-size:1.35em;padding:180px 0 60px 0; background-position:center 60px; }
}
@media screen and (max-width:800px) {
	.sub_search_nolist						        {font-size:1.25em;padding:145px 0 60px 0; background-position:center 55px; background-size:65px auto; }
}
@media screen and (max-width:600px) {
	.sub_search_nolist						        {font-size:1.15em;padding:135px 0 60px 0; background-position:center 45px; }
}
@media screen and (max-width:500px) {
	.sub_search_nolist						        {font-size:1.05em;padding:120px 0 50px 0; background-position:center 40px;background-size:60px auto; }
}



.sub_search_tab								{display:block; text-align:center; width:100%; margin-bottom:50px; display: flex;flex-flow:wrap;justify-content: center; gap:4px;}
.sub_search_tab li							{position:relative; flex:1 1 130px;display:inline-block; text-align:center; background:#f3f3f3; line-height:1.2; border:1px solid #d0d0d0; border-radius:4px;}
.sub_search_tab li a						{display:block;width:100%;padding:13px 10px;color:#333; font-size:0.9rem;min-width:50px; }
.sub_search_tab .on 						{color:#fff; background:var(--color1); border-color:var(--color1); }
.sub_search_tab .on a					{color:#fff;}
.sub_search_tab .none					{color:#a0a0a0;padding:13px 10px;font-size:0.9rem; background:#fff; }


.sub_search_tit								{position:relative;display: flex; flex-flow:wrap;justify-content: space-between;}
.sub_search_tit p 							{position:relative;font-size:1.4em;line-height:1.3;  font-family: 'Paperlogy'; font-weight:700; padding:0 0 15px 0; color:#000;  } 
.sub_search_tit p span					{display:inline-block;padding:0 0 0 6px;color:#666; font-size:0.8em; font-weight:600; }
.sub_search_tit p span b               {color:var(--point1); }
.sub_search_tit .more a					{display:inline-block;border:1px solid #ccc; color:#888;padding:4px 10px; line-height:1.6;font-size:0.8rem; border-radius:2px; }
 

@media screen and (max-width:1400px) {
	.sub_search_cont						{padding:0 15px 70px 15px;}
	.sub_search_tab							{display: grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));}
}
@media screen and (max-width:1024px) {
	.sub_search_wrap						{padding:60px 0 0 0;}
	.sub_search_top							{padding:40px 0 50px 0; }
	.sub_search_top form span		{line-height:44px;font-size:1em; } 
    .sub_search_top input[type="text"]		{  font-size:1.8em; }
	.sub_search_top .btn					{height:46px; font-size:1.4em;}

	.sub_search_tab							{margin-bottom:30px; } 
    .sub_search_tab li a					{padding:10px 4px; font-size:0.85rem;  }
    .sub_search_tab .none				{padding:10px 4px;font-size:0.85rem;  } 
}
@media screen and (max-width:580px) {
	.sub_search_top							{padding:30px 0 40px 0; } 
    .sub_search_top form				{ border-bottom-width:2px ; height:55px; }    
    .sub_search_top input[type="text"]		{  font-size:1.5em;  }
	.sub_search_top .btn					{  font-size:1.3em;}
    .sub_search_top .keyword span {display:none; }

    .sub_search_tab							{ grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); }
    .sub_search_tab li a 					{ padding:8px 3px ;  font-size:0.8rem; } 
    .sub_search_tab .none				{ padding:8px 3px ;  font-size:0.8rem; } 
}

/*  서브 검색결과   ==================================================================================== */
 


 

/* ══════════════════════════════════════════════════════════════════════════════════════════════
   ⑧  l-actions · l-search (플랫폼 공통)                                        [구 asset_reg/(원래 이 파일)]
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

/*  폼 하단 버튼줄 — 저장·목록이 가운데 선다  [구 .btn_wrap01 + .center]  */
.l-actions					{padding:10px 0; text-align:center;}

/*  목록 위 도구줄 — 등록 버튼 따위가 오른쪽에 선다  [구 style="margin-bottom:15px; text-align:right"]
    마크업은 `class="l-actions l-actions--right"` 로 쓴다 — 같은 '버튼이 서는 줄'의 변형이다.
    위 기본의 세로 padding 을 0 으로 되돌리고 아래 여백으로 바꾼다: 이 줄은 **목록 바로 위**에
    붙으므로 위아래로 벌리는 대신 목록과의 사이만 띄운다.  */
.l-actions--right			{padding:0; margin-bottom:15px; text-align:right;}

/*  검색 폼 (GET) — 목록 위 한 줄  [구 style="margin-bottom:15px"]
    float 를 가두지 않는다(overflow ✗) — 오른쪽 등록 버튼이 지금도 폼 밖으로 떠 있다.  */
.l-search					{margin-bottom:15px;}