@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');
body{ font-family: 'Noto Sans KR', 'Montserrat', sans-serif; font-size: 16px; overflow-x: hidden; }

/* TOP 버튼 */
.btn_top { width: 5em; height: 5em; position: fixed; right: 0; bottom: 0; color: #fff; font-weight: bold; background-color: #000; text-align: center; line-height: 5em; }

/* ----------- header ---------- */
.header { position: fixed; width: 100%; height: 90px; z-index: 999; border:1px solid rgba(239,239,239,0.20); }
.header .logo { position: absolute; top:50%; transform:translateY(-50%); left: 100px; }
.header .logo .on { display: none; }
.header .gnb_open_btn .on { display: none; }
.gnb { height: 100%; }
.gnb > ul { width: 62.5em; position: absolute; right: 20%; height: 100%; }
.gnb > ul > li { width: 20%; position: relative; float: left; text-align: center; }
.gnb > ul > li a { display: block;font-family: 'Montserrat'; letter-spacing:-0.3px; }
.gnb > ul > li > a {color: #fff;line-height: 50px;padding-top: 40px;} /* 210813 G mod */
.gnb > ul > li:hover > a { font-weight: bold; }
.gnb > ul > li > ul { display: none; width: 100%; position: absolute; left: 0; }
.gnb > ul > li > ul > li:first-child { padding-top: 20px; }
.gnb > ul > li > ul > li > a { color: #95569e; line-height: 55px; font-size: 0.9em; }
.gnb > ul > li:hover:before { content:''; width: 100%; height: 3px; background-color: #95569e; position: absolute; left: 0; bottom: -2px; }
.gnb_bg { display: none; width: 100%; height: 260px; position: absolute; left: 0; top: 91px; background-color: #fff; border-top:1px solid #efefef; box-shadow:0 6px 6px -4px rgba(000,000,000,0.12); }
.header.bg, .header.over, .fp-viewing-sectionOne .header, .fp-viewing-sectionTwo .header, .fp-viewing-footer .header { background-color: #fff; border-bottom: 1px solid #efefef; }
.header.over .gnb > ul > li a, .header.bg .gnb > ul > li a, .fp-viewing-sectionOne .header .gnb > ul > li a, .fp-viewing-sectionTwo .header .gnb > ul > li a, .fp-viewing-footer .header .gnb > ul > li a { color: #000; }
.header.over .gnb > ul > li:hover > a, .header.bg .gnb > ul > li:hover > a, .fp-viewing-sectionOne .gnb > ul > li:hover > a, .fp-viewing-sectionTwo .gnb > ul > li:hover > a, .fp-viewing-footer .gnb > ul > li:hover > a { color: #95569e; }
.header.over .gnb > ul > li > ul { display: block; }
.header.over .gnb > ul > li > ul > li:hover a { color: #95569e; font-weight: bold; }
.header.over .logo .on, .header.bg .logo .on, .fp-viewing-sectionOne .logo .on, .fp-viewing-sectionTwo .logo .on, .fp-viewing-footer .logo .on { display: block; }
.header.over .logo .off, .header.bg .logo .off, .fp-viewing-sectionOne .logo .off, .fp-viewing-sectionTwo .logo .off, .fp-viewing-footer .logo .off { display: none; }
.header.over .gnb_open_btn .off, .header.bg .gnb_open_btn .off, .fp-viewing-sectionOne .gnb_open_btn .off, .fp-viewing-sectionTwo .gnb_open_btn .off, .fp-viewing-footer .gnb_open_btn .off { display: none; }
.header.over .gnb_open_btn .on, .header.bg .gnb_open_btn .on, .fp-viewing-sectionOne .gnb_open_btn .on, .fp-viewing-sectionTwo .gnb_open_btn .on, .fp-viewing-footer .gnb_open_btn .on { display: block; }
/* .header.over .gnb_bg, .header.bg .gnb_bg, .fp-viewing-sectionOne .header .gnb_bg, .fp-viewing-sectionTwo .header .gnb_bg, .fp-viewing-footer .header .gnb_bg { top: 71px; height: 300px; } */


/* ----------- footer ---------- */
.footer { background-color: #373737; padding: 2em 0; }
.footer .footer_logo { float: left; padding: 1.5em 5.5em 1.5em 0; }
.footer .info { float: left; color: #999; font-family: 'Noto Sans KR' !important;}
.footer .address { font-size: 0.8em; margin-bottom: 1em; line-height: 2em; }
.footer .copy { font-size: 0.75em; }

@media screen and (max-width:1800px){
    .gnb > ul { right: 17%; }
}
@media screen and (max-width:1700px){
    .gnb > ul { right: 15%; }
}
@media screen and (max-width:1600px){
    .gnb > ul { right: 13%; }
}
@media screen and (max-width:1500px){
    .gnb > ul { width: 50em; right: 10%; }
}
@media screen and (max-width:1200px){
    .gnb { display: none; }
    .header .logo { left: 50px; }
}
@media screen and (max-width:1080px){
    body { font-size: 15px; }
}
@media screen and (max-width:767px){
    body { font-size: 14px; }
    .header { height: 70px; }
    .header .logo { left: 5%; }
    .header .logo img { width: 100px; }
    .footer .footer_logo { padding-top: 0; }
}
@media screen and (max-width:600px){
    body { font-size: 13px; }
}

/* board common */
.board-wrap { padding: 5% 0; }
@media screen and (max-width:600px){
  .board-wrap { padding: 8% 0; }
}