* { font-family: "Pretendard"; } 
.fta:before,
.fta:after { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } 
/** WORDPRESS MAIN VISUAL SLIDER DEFAULT SETTING **/
#mainVisualCon > .elementor-element,
#mainVisualCon > .elementor-element > .elementor-widget-container > .main-visual { height: 100%; } 
/********************************************
 * Header Menu Setting
 * 헤더
 ********************************************/
 .elementor-location-header[data-elementor-type="header"] .fixed { position: fixed; width: 100%;left: 0; top: 0; z-index: 9999; }  
/********************************************
 * Header Font Setting
 * 메인 메뉴(헤더) 폰트 셋팅
 ********************************************/
 #header {z-index:9999; transition: all 0.3s ease; }
 #header.active {background:#fff; box-shadow:3px 3px 12px #00000014}
#header #logo_on { display: none; } 
#header #globalMenu_on { display: none; } 
#header #nav a { font-family: "suit"; } 
#header #nav .elementor-widget-container { padding: 0; } 
#header #nav .elementor-nav-menu > .menu-item > a { padding: 30px 50px; color: #000; font-size: 2rem; font-weight: 500; } 
#header #nav .elementor-nav-menu > .menu-item > a .sub-arrow {display:none;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu { width: 100% !important; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu a { font-size: 16px; color: #4e4e4e; font-weight: 700; white-space:wrap; border:none; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu .current-menu-item a { color: #fff; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu li:hover a { color: #fff; } 
/********************************************
 * SEARCH CON
 * 메인 검색
********************************************/
.main-search-con .main-top-search-con ul 
{display:flex; flex-wrap:wrap; background:#f1f1f1; justify-content:space-between; padding:1rem; border-radius:10px;}

.main-search-con .main-search-input
{width:115rem;}
.main-search-con .main-search-input input
{font-size:2rem; border:none; height:50px; line-height:50px; padding:0 20px; background:transparent;}
.main-search-con .main-search-input input::placeholder
{font-size:2rem; color:#6e6e6e; }
.main-search-con .main-search-btn 
{width:5rem; height:5rem; border:none;}
.main-search-con .main-search-btn input[type="submit"]
{background:linear-gradient(315deg, #e97499, #455ad1); width:5rem; height:5rem; font-size:0; border:none; border-radius:10px;}
.main-search-con .main-search-btn .search-icon-box 
{width:5rem; height:5rem; position:relative; display:inline-block;}
.main-search-con .main-search-btn .search-icon-box:before
{content: ''; width:28px; height:28px; background-image:url('http://yjarchive01.mycafe24.com/wp-content/uploads/2026/01/search-icon.png'); position: absolute;  left: 11px; top: 11px; color:#fff;}
/********************************************
 * MAIN
 * 메인
********************************************/
#mainContent
{padding:8rem 0; background-image:url('http://yjarchive01.mycafe24.com/wp-content/uploads/2026/01/main-visual-bg.jpg'); background-repeat:no-repeat; background-position:top left; background-size:cover;}
#mainContent .main-title 
{font-size:6rem; color:#141414; font-weight:700; text-align:center; margin-bottom:5rem;}
#mainContent .main-board-con 
{margin-top:10rem;}


/* 검색 페이지 커스텀 */
#site-header
{display:none;}
.search-page-top 
{padding:8rem; background:#f2faff;}
.search-result-page .main-top-search-con ul 
{display:flex; flex-wrap:wrap; background:#fff; justify-content:space-between; padding:1rem; border-radius:10px;}

.search-result-page .main-search-input
{width:90%;}
.search-result-page .main-search-input input
{font-size:2rem; border:none; height:50px; line-height:50px; padding:0 20px; background:transparent;}
.search-result-page .main-search-input input::placeholder
{font-size:2rem; color:#6e6e6e; }
.search-result-page .main-search-btn 
{width:5rem; height:5rem; border:none;}
.search-result-page .main-search-btn input[type="submit"]
{background:linear-gradient(315deg, #e97499, #455ad1); width:5rem; height:5rem; font-size:0; border:none; border-radius:10px;}
.search-result-page .main-search-btn .search-icon-box 
{width:5rem; height:5rem; position:relative; display:inline-block;}
.search-result-page .main-search-btn .search-icon-box:before
{content: ''; width:28px; height:28px; background-image:url('http://yjarchive01.mycafe24.com/wp-content/uploads/2026/01/search-icon.png'); position: absolute;  left: 11px; top: 11px; color:#fff;}





.search-page-top .top-title-con 
{text-align:center;}
.search-page-top .top-title-con h2
{font-family:'GmarketSans'; font-size:5rem; color:#222; font-weight:700}

.top-search-con 
{max-width:700px; margin:2rem auto 0;}
.top-search-con ul
{display:flex; position:relative;}
.top-search-con .cm-kboard-search-input 
{width:100%; padding:0;}
.top-search-con .cm-kboard-search-input input
{background:#fff; border:none; height:55px; line-height:55px; border:1px solid #eee; font-size:1.8rem; color:#333; padding:1rem 2rem;}
.top-search-con .cm-kboard-search-btn 
{ position:absolute; right:0; width:55px;}
.top-search-con .cm-kboard-search-btn input[type="submit"]
{width:100%; height:55px; background:transparent; border:none; color:#fff; font-weight:600; font-size:0; border-radius:0; position: absolute;}
.search-result-page .cm-kboard-search-btn:before
{content:'\f002'; position:absolute; font-size:2.1rem; font-family:'Font Awesome 5 Free'; font-weight:900; right:17px; top:12px; color:#000;}

.search-result-page .cm-kboard-search-btn input:hover,
.search-result-page .cm-kboard-search-btn input:focus
{background:transparent; border:none;}


.search-result-con 
{padding:10rem 0;}

.top-search-con .search-word 
{text-align:center;}
.top-search-con .search-word h2
{font-family:'GmarketSans'; font-size:2.4rem; color:#333; font-weight:600; text-align:center; margin-top:2rem;}
.top-search-con .search-word h2 span
{font-family:'Gmarketsans'; color:var(--main-color);;}

.result-list 
{padding:2rem; border-bottom:1px solid #ddd; overflow:hidden;}
.result-list a
{display:flex;}
.result-list .thumbnail-con
{width:30rem; margin-right:2rem;}
.result-list .info-con
{width:calc(100% - 32rem);}
.result-list .info-con .category 
{background:var(--main-color); display:inline-block; padding:0.5rem 2rem; color:#fff; font-size:1.4rem; border-radius:5px;}
.result-list .info-con .tit
{font-size:2.5rem; font-family:'GmarketSans'; color:#222; margin:0.5rem 0 0.5rem; font-weight:600;}
.result-list .info-con .des
{font-size:1.8rem; color:#424242; font-weight:300; line-height:1.5; ;}
.result-list .info-con .des img 
{display:none;}
.result-list .info-con .date
{font-size:1.6rem; color:#8f8f8f; font-weight:400; margin-top:1rem; display:block;}
.result-list.description-list .info-con 
{width:100%;}

.search-result-list .not-result 
{text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:8rem 2rem;}
.search-result-list .not-result p 
{font-size:2.4rem; color:#111; font-weight:700;}


.search-result-pagination 
{margin-top:2rem;}
.search-result-pagination .custom-page-numbers 
{display:flex; justify-content: center;;}
.search-result-pagination .custom-page-numbers li
{display:inline-block; background:none; padding:0 1px;}
.search-result-pagination .custom-page-numbers li a
{display:block; height:28px; line-height:28px; border:0; padding:0 11px; font-size:14px; color:#999; background-color:#f9f9f9; }
.search-result-pagination .custom-page-numbers li.current a
{background-color:var(--sub-color2); border-radius:10px; color:#fff;}


/********************************************
 * DATEPICKER SETTING
 * 달력 세팅
********************************************/
#ui-datepicker-div.ui-datepicker
{width:28rem;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next
{top:7px}
#ui-datepicker-div .ui-datepicker-title 
{display:flex; align-items:center;}
#ui-datepicker-div .ui-datepicker-title .select-box
{position:relative; width:45%;}
#ui-datepicker-div .ui-datepicker-title select 
{position:relative; border:none; border-radius:25px; font-size:1.4rem; padding:0.5rem 1rem; appearance: none; width:100%;}
#ui-datepicker-div .ui-datepicker-title .select-box:after
{content:'\e942';  position:absolute; top:7px; right:10px; font-family:'Xeicon'; font-size:1.6rem;}
#ui-datepicker-div table td .ui-state-default 
{font-size:1.4rem;}

/********************************************
 * ARCHIVE CATEGORY
 * 아카이브 카테고리
********************************************/
.kboard-category
{margin-bottom:5rem;}
.kboard-category .kboard-category-list 
{display:flex; flex-wrap:wrap; border-radius:10px; overflow:hidden;}
.kboard-category .kboard-category-list li
{width:calc(100% / 8); text-align:center; background:#fff; border-right:1px solid #ddd;}
.kboard-category .kboard-category-list li a 
{font-size:1.8rem; color:#070707; padding:1.5rem; display:block;}
.kboard-category .kboard-category-list li a span 
{display:flex; align-items:center; justify-content: space-between;}
.kboard-category .kboard-category-list li.kboard-category-selected
{background:linear-gradient(128deg, #9e72e1, #e172b4); background:#cb9ff3}
.kboard-category .kboard-category-list li.kboard-category-selected a 
{color:#fff;}


.kboard-category .kboard-category-list li:first-child 
{position:relative; background:linear-gradient(273deg, #e97499, #a068da, #455ad1)}
.kboard-category .kboard-category-list li:first-child a 
{position:relative; color:#fff;}
.kboard-category .kboard-category-list li:first-child a span 
{justify-content: center;}
.kboard-category .kboard-category-list li:first-child a img
{margin:0 1rem 0 0;}


.kboard-category .kboard-category-list li:last-child
{border-right:none;}
/********************************************
 * ARCHIVE CONTENT
 * 아카이브 상세
********************************************/
#kboard-archive-content .archive-content 
{display:flex; flex-wrap:wrap;}
#kboard-archive-content .kboard-archive-thumbnail 
{}
#kboard-archive-content .kboard-archive-thumbnail .kboard-list-thumbnail-child
{width:66rem; height:46rem; background-position:center; background-repeat:no-repeat; background-size:cover;}
#kboard-archive-content .kboard-archive-util 
{margin-top:3rem; display:flex; justify-content:space-between;}
#kboard-archive-content .kboard-archive-util a 
{width:48%; border:2px solid #333; display:inline-flex; align-items:center; justify-content:center; text-align:center; font-size:2rem; color:#333; border-radius:10px; padding:1.5rem; font-weight:500; }
#kboard-archive-content .kboard-archive-util a .icon 
{width:24px; height:24px; display:inline-block; background-repeat:no-repeat; background-position:center; margin-right:2rem;}
#kboard-archive-content .kboard-archive-util a .icon.wt
{display:none;}
#kboard-archive-content .kboard-archive-util a:hover
{background:#333; color:#fff;}
#kboard-archive-content .kboard-archive-util a:hover .icon 
{display:none;}
#kboard-archive-content .kboard-archive-util a:hover .icon.wt
{display:inline-block;}
#kboard-archive-content .kboard-archive-info 
{width:calc(100% - 66rem); padding:6rem; position:relative}
#kboard-archive-content .kboard-archive-info .archive-top-con 
{margin-bottom:3rem;}
#kboard-archive-content .kboard-archive-info .archive-top-con h2
{font-size:4.8rem; font-weight:700; color:#070707;}
#kboard-archive-content .kboard-archive-info .archive-list-con dl 
{display:flex; flex-wrap:wrap; align-items:center; margin:1rem 0;}
#kboard-archive-content .kboard-archive-info .archive-list-con dl dt
{font-size:2.4rem; font-weight:500; color:#070707; min-width:10rem;}
#kboard-archive-content .kboard-archive-info .archive-list-con dl dd 
{font-size:2.4rem; color:#070707;}
#kboard-archive-content .kboard-archive-info .archive-copyright-con 
{position:absolute; right:0; bottom:0;}


/********************************************
 * POLICE COMMON
 * 정책 공통 세팅
********************************************/
.police-content .police-con p { font-size: 17px; color: #000; font-weight: 300; margin-bottom: 20px; line-height: 1.5; } 
.police-content .discl-box { max-width: 800px; margin: 15px auto 15px; background: #f4f4f4; border: 1px solid #ddd; padding: 30px; border-radius: 15px; } 
.police-content .discl-box p { font-size: 17px; color: #000; font-weight: 300; line-height: 1.5; }
.emailinfo .info_box { display: flex; align-items: center; flex-wrap: wrap; background: #f4f4f4; border: 1px solid #ddd; border-radius: 10px; padding: 30px; } 
.emailinfo .info_box .txt-con { width: 100%; } 
.emailinfo .info_box .txt-con h4 { font-size: 19px; margin-bottom: 10px; } 
.emailinfo .info_box .txt-con p { font-size: 17px; color: #4b4b4b; line-height: 1.3; word-break: keep-all; } 
.emailinfo .emailinfo-detail { } 
.emailinfo .emailinfo-detail .detail-sec { margin: 50px 0; } 
.emailinfo .emailinfo-detail .detail-sec h5 { font-size: 21px; 
margin-bottom: 25px; position: relative; color: #222; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li { font-size: 18px; color: #4e4e4e; margin-bottom: 25px; font-weight: 600; word-break: keep-all; line-height: 1.5; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul { margin-top: 10px; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul > li { font-size: 16px; color: #666; margin-bottom: 5px; font-weight: 400; line-height: 1.5; } 
.login-content input[type="submit"] {background-color:var(--main-color) !important}


/**************************************************
* FOOTER
****************************************************/
.footer-top-con 
{padding:4rem 0;}
.footer-top-con .f-logo 
{margin-bottom:1rem;}
.footer-top-con .f-info span 
{font-size:1.8rem; color:#fff; margin-right:2rem; padding-right:2rem; position:relative;}
.footer-bottom-con 
{padding:2rem 0; text-align:center; border-top:1px solid #ffffff40}
.footer-bottom-con .copy
{font-size:1.6rem; color:#fff; font-weight:300;}

/**************************************************
* SUB COMMON
* 서브 공통
****************************************************/
.hide-menu 
{display:none;}

.cm-sub-con 
{margin:10rem 0;}
.bg-con
{padding:10rem 0;}

.cm-table-style-01 table tr th 
{background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; } 
.cm-table-style-01 table tr td 
{background:#fff !important; }

.cm-table-style-02 table tr th 
{background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; } 
.cm-table-style-02 table tr td 
{background:#fff !important; }



@media screen and (max-width:1400px) {
  #subVisual > .e-con-inner {padding:0 10px;}
}
@media screen and (max-width:1024px) {
  #sitemapBtn 
  {display:none;}
  /* 모바일 메뉴 버튼 */
  #header #menu-wrap .elementor-menu-toggle 
  {background:#ffffff3b}
  /* 모바일 토글 메뉴 */
  /* 1차 메뉴 */
  #header #nav .elementor-nav-menu > .menu-item > a
  {color:#000; font-size:1.7rem; padding:20px;}
  /* 1차 메뉴 active */
  #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor,
  #header #nav .elementor-nav-menu > .menu-item.current-menu-item
  {background:var(--main-color);}
  #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor > a,
  #header #nav .elementor-nav-menu > .menu-item.current-menu-item > a
  {color:#fff;}
  /* 2차 메뉴 */
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu
  {width:100% !important;}
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu a
  {justify-content: start; text-align:left; font-size:16px; padding:20px;}
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li:hover a,
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li.current-menu-item a 
  {background:var(--main-color); color:#fff;}
  /* 스크롤 다운 (header active) */
  #header.active #nav .elementor-nav-menu > .menu-item > a.elementor-item-active,
  #header #nav .elementor-nav-menu > .menu-item > a.highlighted
  {background:var(--main-color); color:#fff;}
}
@media screen and (max-width:767px) {
  .cm-table-style-01,
  .cm-table-style-02 
  {overflow-x:scroll;}
}