@charset "UTF-8";@import url("/resources/css/fnc_css/font/font.css");*,
*::after,
*::before { box-sizing: border-box; margin: 0; padding: 0; } 
html { font-size: 16px; line-height: 24px; font-family: "Noto Sans KR", sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } 
body { display: block; position: relative; word-break: keep-all; } 
a { color: inherit; text-decoration: none; cursor: pointer; } 
img { max-width: 100%; max-height: 100%; } 
input,
button,
select,
textarea { border: none; outline: none; background-color: transparent; color: inherit; cursor: pointer; font-size: inherit; } 
form,
label { display: block; width: 100%; } 

/* 헤더 */
.header { /* 폰트 한번더 첨부하기 */
 width: 100%; z-index: 9999; position: fixed; left: 0; top: 0; background-color: #fff; font-family: "GODO"; } 
.header-wrap { width: 100%;  } 
.header-top { height: 40px; width: 100%; border-bottom: 1px solid #ddd; } 
.header-top > div { max-width: 1260px; margin: 0 auto; padding: 0 30px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: end; gap: 50px; } 
.header-bot { height: 80px; width: 100%; border-bottom: 1px solid #ddd; } 
.header-bot > div { max-width: 1260px; margin: 0 auto; padding: 0 30px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } 
.header-logo { width: 260px; height: 40px; display: flex; align-items: center; justify-content: center; background: url("/resources/images/fnc_images/common/logo.png") no-repeat center/contain; } 
.header-logo > img { max-height: 40px; } 
.header-bot .gnb { display: flex; align-items: center; justify-content: center; gap: 50px; } 
.header-bot .gnb > div > a { height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 26px; font-weight: 500; } 
.header-bot .gnb-hidden { display: none; } 
.header-bot .gnb > div > a:hover { color: #2f83f7; } 
.etc-menu { width: 30px; height: 100%; cursor: pointer; background: url("/resources/images/fnc_images/common/menu.svg") no-repeat center; display: none; } 
.etc-search { width: 30px; height: 100%; cursor: pointer; background: url("/resources/images/fnc_images/common/search.svg") no-repeat center; } 
.etc-menu:hover { background: url("/resources/images/fnc_images/common/menu_blue.svg") no-repeat center; } 
.etc-search:hover { background: url("/resources/images/fnc_images/common/search_blue.svg") no-repeat center; }
/* */
.header-bot .gnb { height: 100%; } 
.gnb-icon { display: flex; align-items: center; gap: 20px; height: 100%; } 
.gnb-icon > a { display: flex; align-items: center; justify-content: center; height: 100%; width: 24px; } 
.header.active .gnb-icon-login { background: url("/resources/images/fnc_images/common/login_white.svg") no-repeat center/contain; } 
.header.active .gnb-icon-logout { background: url("/resources/images/fnc_images/common/logout_white.svg") no-repeat center/contain; } 
.header.active .gnb-icon-mypage { background: url("/resources/images/fnc_images/common/mypage_white.svg") no-repeat center/contain; } 

.gnb-icon-login,
.header:hover .gnb-icon-login { background: url("/resources/images/fnc_images/common/login.svg") no-repeat center/contain; } 
.gnb-icon-logout,
.header:hover .gnb-icon-logout { background: url("/resources/images/fnc_images/common/logout.svg") no-repeat center/contain; } 
.gnb-icon-mypage,
.header:hover .gnb-icon-mypage { background: url("/resources/images/fnc_images/common/mypage.svg") no-repeat center/contain; } 

.gnb-icon2{justify-content:center;height:30px;margin-bottom:20px;gap:30px;}
.mo-gnb-wrap > div.gnb-icon2 > a{margin-bottom:0;}

/* 푸터 */
.footer { /* 폰트 한번더 첨부하기 */
 width: 100%; } 
.footer-wrap { width: 100%; } 
.footer-wrap > div { background-color: #2d3f57; } 
.footer-top { width: 100%; height: 50px; border-bottom: 1px solid #eee; } 
.footer-link { width: 100%; height: 100%; padding: 0 30px; max-width: 1260px; margin: 0 auto; display: flex; align-items: center; justify-content:space-between;  }
.footer-link > div{height:100%;display: flex; align-items: center;gap: 50px; color: #fff;}
.footer-link > select{
	
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height:100%; color:#fff;border-right:1px solid #fff;border-left:1px solid #fff;padding:0 20px;
  outline: none;
  background: url("/resources/images/fnc_images/common/select_arrow_white.svg") no-repeat,#2d3f57;
  background-position: right 10px top 50%;
  border-radius:0;
  padding-left: 20px;
  padding-right: 45px;}
 .footer-link > select option {
  color: #000;
  background: #fff;
} 
.footer-logo { width: 330px; margin-bottom: 30px; } 
.footer-bot-wrap { width: 100%; padding: 30px; margin: 0 auto; max-width: 1260px; display:flex; gap:50px;}
.footer-bot-wrap p { font-size: 16px; line-height: 24px; color: #eee; margin-bottom: 10px;} 
.footer-bot-wrap p.copy { font-size: 14px; line-height: 22px; } 

.mo-gnb { position: fixed; top: 60px; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); justify-content: end; backdrop-filter: blur(2px); display: none; } 
.mo-gnb.active { display: flex; } 
.mo-gnb-wrap { width: 250px; background-color: #fff; height: calc(100vh - 60px); overflow: auto; padding: 20px 20px 30px; } 
.mo-gnb-wrap > div > a { font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 15px; display: block; } 
.gnb-hidden { margin-bottom: 20px; display: flex; flex-direction: column; gap: 5px; } 
.gnb-hidden > a { font-size: 16px; line-height: 24px; display: block; } 
/* .mo-gnb-wrap > a{width:100%;display:flex;height:40px;border-radius:20px;margin-bottom:10px;align-items: center; justify-content:center;  background:#e95f51;color:#fff;}
.mo-gnb-wrap > a:last-of-type{margin-bottom:20px;background:#2f83f7;} */

.main-wrap { padding-top: 80px; } 
/* 페이징 */
#md_paging,#user_board_paging { border: none; padding: 0; margin: 50px 0 30px; display: flex; justify-content: center; gap: 10px; } 
#md_paging span,#user_board_paging span { border-radius: 50%; background: #2f83f7; color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
#md_paging span img,#user_board_paging span img {width:8px;} 
#md_paging a span,#user_board_paging a span { background: #fff; color: #000; border: 1px solid #ddd; } 
#md_paging a span:hover,#user_board_paging a span:hover { background: #2f83f7; color: #fff; border: none; } 
#md_paging span.prev,#user_board_paging span.prev { background: #fff; color: #000; border: 1px solid #ddd; } 
#md_paging span.next,#user_board_paging span.next { background: #fff; color: #000; border: 1px solid #ddd; } 
/* 반응형 */
/* @media (max-width: 1439px) { } */
@media (max-width: 1279px) {
	 .etc-menu { display: block; } 
 .header-bot .gnb { display: none; } 
 .header-bot { height: 60px; } 
 .header-bot > div { padding: 0 16px; } 
 .header-top { display: none; } 
 .etc-menu,
 .etc-search { width: 25px; } 
 .header-logo { width: 190px; height: 30px; } 
 .main-wrap { padding-top: 60px; } 
 
 .gnb-icon{display:none;}
 .gnb-icon2{display:flex;}
}
@media (max-width: 1023px){

 #md_paging,#user_board_paging { gap: 5px; } 
 #md_paging span,#user_board_paging span { width: 30px; height: 30px; font-size: 14px; border: none; } 
 .footer-bot-wrap { padding: 30px 16px; } 
 .footer-link { padding: 0 16px; }
 
  .footer-info { flex-direction: column; align-items: start; gap: 0; } 
 .footer-logo { width: 250px; margin-bottom: 20px; }
 .footer-top{height:auto;} 
 .footer-link{flex-direction:column;align-items:start;padding:0;}
 .footer-link > div{height:50px;padding:0 16px;}
 .footer-link > select{border:none;border-top:1px solid #fff;height:50px;width:100%;}
 .footer-bot-wrap{flex-direction:column;align-items:start;gap:0;} 
 }
@media (max-width: 767px){

 }
@media (max-width: 479px) { }