html,body { font-family:0 BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;font-size:14px;margin:0;padding:0; }
ul,ol,li { list-style:none;margin:0;padding:0; }
a:active,a:focus,a:hover,a:link,a:visited { text-decoration:none;color:#444; }
header .nav-wrap { border-bottom:#ccc 1px solid;position:relative;background-color:#fff;z-index:20; }
header nav { position:relative; }
header nav > .nav-bar,footer .info { max-width:1200px;display:flex;justify-content:space-between;margin:0 auto;padding:0 20px; }
header nav > .nav-bar { height:80px; }
header nav a img { width:180px;height:auto;position:relative;top:50%;transform:translateY(-50%); }
header nav .gnb,header nav .member { display:flex;justify-content:space-between; }
header nav .gnb li,header nav .member li { text-align:center;height:25px;line-height:25px; }
header nav .gnb { background-color:#fff;position:relative; }
.main.dropdn .sub-menu-list.dropdn-box { width:160px;margin:-10px 0 0;padding:5px 10px; }
.admin.dropdn .sub-menu-list.dropdn-box { margin-left:-10px;width:160px;text-align:left;padding:5px 10px; }
.dropdn-box a { padding:5px 10px; }
.dropdn-box a:hover { background-color:#f2f2f3; }
header nav .gnb > li { font-weight:700;font-size:20px;height:100%;vertical-align:middle;text-align:center;letter-spacing:-2px;overflow:hidden; }
header nav .gnb > li > a { display:flex;line-height:80px;justify-content:center;min-width:130px;height:80px;padding:0 5px; }
header nav .gnb > li > a:hover,header nav .gnb > li > a.active { color:#d9341e;box-sizing:border-box;border-bottom:#d9341e 3px solid; }
header nav .gnb li .sub-menu-list { border-top:#ccc 1px solid;box-shadow:0 1px 3px rgba(87,87,87,0.2); }
header nav .gnb li .sub-menu-list li { text-align:center;font-weight:400;background-color:#fff;border-bottom:#ccc 1px solid;font-size:0;box-sizing:initial;padding:10px 2vw; }
header nav .gnb li .sub-menu-list li a { color:#666;font-size:16px; }
header nav .gnb li .sub-menu-list li:hover:not(.empty) { background-color:#f3f3f3; }
header nav .gnb li .sub-menu-list li:hover a { color:#555;text-decoration:underline; }
header nav .member { color:#444;gap:8px;align-items:center; }
header nav .member li { color:#444; }
header nav .member li a { font-size:16px; }
header nav .member li.mobile-menu img,header nav .member li.search img { display:inline-block;cursor:pointer;width:25px; }
header .sub-menu { position:absolute; }
main { background-color:#f9f9f9;padding-bottom:20px; }
.banner-wrap { max-width:1200px;margin:0 auto;padding:0 20px; }
main .banners { display:flex;box-shadow:0 2px 4px 0 #59595950;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin:0 auto 15px; }
main .banners .swiper { width:80%;height:100%;border-bottom-left-radius:15px; }
main.sub-page .banners .swiper { width:100%;border-bottom-right-radius:15px; }
main .banners .quick-menu { width:20%;padding-top:26.67%;background-color:#fff;position:relative;border-bottom-right-radius:15px; }
main .banners .quick-menu ul { position:absolute;height:100%;width:100%;top:0;overflow:hidden; }
main .banners .quick-menu ul li { width:100%;height:calc(100%/6); }
main .banners .quick-menu ul li a { color:#444;height:100%;font-size:18px;width:100%;display:flex;justify-content:center;align-items:center;border-bottom:#ddd 1px solid;box-sizing:border-box;background-image:linear-gradient(45deg,rgba(255,255,255,0.73), rgba(238,238,238,0.73), rgba(255,255,255,0.73) ); }
main .banners .quick-menu ul li:last-child a { border:0;border-bottom-right-radius:15px; }
main .banners .swiper .swiper-button-prev,main .banners .swiper .swiper-button-next { text-shadow:0 1px #59595930;color:#ffffffaa; }
main .banners .swiper .swiper-button-prev { margin-left:10px; }
main .banners .swiper .swiper-button-next { margin-right:10px; }
main .banners .swiper-slide { text-align:center;font-size:18px;background:#fff; }
main .banners .swiper-slide .title { top:10px; margin-right:10px; width:96%; display:block;position:absolute;box-sizing:border-box;left:50%;transform:translate(-50%);border-radius:25px;color:#fff;font-weight:700;font-size:20px;letter-spacing:0;background-color:#ff5959aa;box-shadow:inset 0 -.15rem hsla(0,100%,67%,0.67);padding:10px; }
main .banners .swiper-slide .content { font-size:26px;font-weight:700;position:absolute;bottom:20px;left:20px;color:#fff;background-color:#1e6bbf;border-radius:0 20px;box-shadow:inset 0 -.25rem hsla(195,88%,52%,0.67);padding:8px 20px; }
main .banners .swiper-slide img { display:block;width:100%;height:100%;object-fit:cover;object-position:top; }
main .banners .swiper-pagination-bullet { background-color:#fff;opacity:0.4; }
main .banners .swiper-pagination-bullet-active { background-color:#d9341e;opacity:1; }
main .middle { max-width:1200px; margin:0 auto; padding:0 20px; }
main .middle .search-bar,main .middle > .short-cut,main .middle > .board-wrap > div,main.sub-page .middle .sub-page .sub-menu-list,main.sub-page .middle .sub-page .sub-page-content { display:flex;align-items:center;justify-content:center;margin-top:15px;background:#FFF;border-radius:15px;box-shadow:0 2px 4px 0 #59595930;padding:5px 10px; }
main.sub-page .middle .search-bar { margin-bottom:15px; }
main.sub-page .middle .sub-page { display:flex;border-radius:15px;justify-content:normal;align-items:flex-start;gap:15px; }
main.sub-page .middle .sub-page .sub-menu-list,main.sub-page .middle .sub-page .sub-page-content { margin-top:0;display:block; }
main.sub-page .middle .sub-page .sub-menu-list { width:300px;padding:0; }
main.sub-page .middle .sub-page .sub-menu-list ul li a,main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { display:block;font-size:18px;text-align:center;border-bottom:#ddd 1px solid;padding:12px 0; }
main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { position:relative;background-color:#1e6bbf;color:#FFF;font-weight:700;border-top-left-radius:15px;border-top-right-radius:15px; }
main.sub-page .middle .sub-page .sub-menu-list ul.active li:first-child { border-bottom-left-radius:0;border-bottom-right-radius:0; }
main.sub-page .middle .sub-page .sub-menu-list ul.active li:first-child img { transform:rotate(180deg); }
main.sub-page .middle .sub-page .sub-menu-list ul li:first-child img { display:none;position:absolute;right:15px;height:20px; }
main.sub-page .middle .sub-page .sub-menu-list ul li a:hover,main.sub-page .middle .sub-page .sub-menu-list ul li.active a { font-weight:700;background-color:#fcfcfc; }
main.sub-page .middle .sub-page .sub-menu-list ul li:last-child a { border:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px; }
main.sub-page .middle .sub-page .sub-page-content { min-height:800px; }
main .middle .search-bar { margin-top:0;display:none; }
main .middle .search-bar a { display:inline-block; }
main .middle .search-bar img { width:30px;cursor:pointer; }
main .middle .search-bar input { width:100%;max-width:800px;height:40px;border:0;border-bottom:4px solid #ff5959;font-size:16px;color:#444; }
main.sub-page .middle .search-bar input { border-bottom:4px solid #1e6bbf; }
main .middle .short-cut { padding:0 20px; width:50%; } 
main .middle .short-cut ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:start; text-align:center; }
main .middle .short-cut ul li > a { margin:13px 9px; width:115px;height:115px; font-size:16px;background-color:#f9f9f9;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;flex-direction:column;border-radius:15px;box-shadow:0 2px 4px 0 #59595930; }
main .middle .short-cut ul li > a:hover { border:#edbbbb 1px solid;box-sizing:border-box;background-color:#f6f6f6; }
main .middle .short-cut ul li a > div img { width:auto;height:40px; }
main .middle .short-cut ul li:first-child a > div img { height:25px; }
main .middle .short-cut ul li div.icon { display:flex;justify-content:center;align-items:center; }
main .middle .short-cut ul li div.name { margin-top:5px;text-align:center;font-size:16px;word-break:keep-all;color:#444;padding:0 5px; }
main .middle > .board-wrap { display:flex;gap:15px; }
main .middle > .board-wrap > div { display:block;width:calc(50%-10px);box-sizing:border-box;padding:10px 10px; }
main .middle > .board-wrap > div .title { display:flex;font-size:20px;color:#444;font-weight:700;padding-bottom:6px;border-bottom:#ddd 1px solid;justify-content:space-between;align-items:center; }
main .middle > .board-wrap > div .title img { height:20px; }
main .middle > .board-wrap > div .list li { border-bottom:#eee 1px solid;display:flex;font-size:16px;padding:8px 0; }
main .middle > .board-wrap > div .list li > span { min-width:90px;text-align:right; }
main .middle > .board-wrap > div .list li a { text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
footer { background-color:#f3f3f3;display:flex;flex-direction:column;padding:25px 0; }
footer .info { float:left; }
footer .info a img { width:180px;height:auto; }
footer .contact { display:flex;flex-direction:column;align-items:center;justify-content:center;float:left;box-sizing:border-box;width:calc(100%);padding:15px 20px 0; }
footer .contact > div { font-size:14px;line-height:20px; }
footer .contact > div,footer .contact > div a { color:#888; }
header,main.sub-page .middle .content-area { width:100%; }
header nav .gnb > li.admin,header nav .member li.mobile-menu { display:none; }
main .banners .quick-menu ul li a:hover,main .middle > .board-wrap > div .list li a:hover { font-weight:700; }
@media (max-width: 1100px) { 
    header nav .member { width:initial;gap:5px; }
    header nav .nav-bar { height:50px; }
    header nav .gnb { display:none;flex-direction:column;background-color:#FFF;right:0;top:51px;height:auto;position:absolute;box-shadow:0 2px 4px 0 #59595930;width:100%;max-width:180px;box-sizing:border-box;border-bottom-left-radius:15px;z-index:1;padding:25px; }
    header nav .gnb:hover { border-bottom-right-radius:0; }
    header nav .gnb > li { background-color:#FFF;height:auto;margin-top:20px;font-size:18px;width:100%; }
    header nav .gnb > li:first-child { margin-top:0; }
    header nav .gnb > li > a { justify-content:normal;height:auto;line-height:20px;padding-left:0; }
    header nav .gnb > li > a::before { content:"+"; }
    header nav .gnb > li > a:hover,header nav .gnb > li > a.active { border-bottom:0; }
    header nav .gnb li .sub-menu-list { box-shadow:initial;padding-top:5px;border:0; }
    header nav .gnb li .sub-menu-list li { text-align:left;width:100%;border:0;padding:5px 0; }
    header nav .gnb li .sub-menu-list li:hover { background-color:initial!important; }
    header nav .gnb li .sub-menu-list li a { font-size:16px; }
    header nav .gnb li .sub-menu-list li a::before { margin-left:5px;content:" -  "; }
    header nav a img { width:120px; }
    header nav .member li.mobile-menu,header nav .member li.search { display:inline-block; }
    main.sub-page .middle .search-bar,main.sub-page .middle .sub-page .sub-menu-list ul { margin:15px 0; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child img { display:initial; }
    main .banners .swiper-slide img { object-position:top right; }
    main.sub-page .middle .sub-page { display:block;width:100%; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a,main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:18px;cursor:pointer;padding:8px 0; }
    main.sub-page .middle .sub-page .sub-menu-list { width:100%;margin:0; }
    main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { border-radius:15px; }
    html,body,main .banners .quick-menu ul li a,header nav .member li a { font-size:14px; }
    header nav .gnb.active,header nav .gnb > li.admin,main.sub-page .middle .sub-page .sub-menu-list ul.active li { display:block; }
    header nav .gnb li.nlp-close a + ul,header nav .gnb li .sub-menu-list li.empty,header .sub-menu,main.sub-page .middle .sub-page .sub-menu-list ul li:nth-child(n + 2) { display:none; }
 }
@media (max-width: 750px) { 
    main .middle > .search-bar,main .middle > .short-cut,main .middle > .board-wrap > div { margin-top:10px; }
    main .banners { margin-bottom:10px; }
    main .banners .swiper .swiper-button-prev,main .banners .swiper .swiper-button-next { top:50%;transform:translateY(-50%);margin:0; }
    main .banners .swiper .swiper-button-prev:after,main .banners .swiper .swiper-button-next:after { font-size:28px; }
    main .banners .swiper-slide .title { font-size:16px;padding:8px; }
    main .middle .search-bar { padding:10px 15px; }
    main .middle .search-bar input { height:30px;border:0;border-bottom:3px solid #ff5959;font-size:14px;color:#444; }
    main .middle .search-bar img { width:25px; }
    main.sub-page .middle .search-bar,main.sub-page .middle .sub-page .sub-menu-list ul { margin:10px 0; }
    main .middle > div { margin-top:8px; }
    main .banners .quick-menu { display:none; }
    main .banners .swiper { width:100%;border-bottom-right-radius:15px; }
    main .middle .short-cut ul li > a { width:100px; height:100px; }
    main .middle .short-cut ul li div.name { font-size:14px; }
    main .middle .short-cut ul li a > div img { height:35px; }
    main .middle .short-cut ul li:first-child a > div img { height:20px; }
    main .middle > .board-wrap { display:block; }
    main .middle > .board-wrap > div { width:100%;box-sizing:border-box;padding:10px 3px; }
    main .banners .swiper-slide .content { font-size:16px;bottom:10px;left:10px;padding:4px 15px; }
    main .middle > .board-wrap > div .title { font-size:18px; }
    main .middle > .board-wrap > div .list li { font-size:16px;padding:10px 0; }
    footer { height:initial;display:flex;flex-direction:column;padding:20px 0; }
    footer .info { height:initial; }
    footer .contact { height:initial;width:100%;padding:10px; }
    footer .info a img { width:120px; }
    footer .contact > div { font-size:14px;line-height:16px; }
    main .banner-wrap,main .middle { padding:0 10px; }
 }
@media (max-width: 660px) { 
    main .middle .short-cut { padding:20px 0; }
    main .middle .short-cut ul li { width:calc((100%-80px) / 3px); }
    /* main .middle .short-cut ul li { width:100%; } */
 }
@media (max-width: 450px) { 
    header nav .gnb { max-width:170px; }
    header nav .gnb > li { font-size:16px;margin-top:10px; }
    header nav .gnb li .sub-menu-list { padding-top:1px; }
    header nav .gnb li .sub-menu-list li { padding:1px 0; }
    main.sub-page .middle .sub-page .sub-page-content { box-sizing:border-box; }
    main .banners .swiper-slide .title { top:5px;width:calc(100%-10px);font-size:14px;padding:5px; }
    main .middle .short-cut { padding:10px 0; }
    main .middle .short-cut ul li { width:calc((100%-30px) / 5px); }
    main .middle .short-cut ul li a > div img { height:35px; }
    main .middle .short-cut ul li:first-child a > div img { height:18px; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a,main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:16px;cursor:pointer;padding:6px 0; }
    header nav .gnb li .sub-menu-list li a,header nav .member li a,main.sub-page .middle .sub-page .sub-menu-list ul li,main .middle .short-cut ul li div.name { font-size:16px; }
 }
@media (max-width: 350px) { 
    main .banners .swiper .swiper-button-prev:after,main .banners .swiper .swiper-button-next:after { font-size:20px; }
    main .banners .swiper-slide .title { font-size:14px;padding:5px; }
    header nav .nav-bar,footer .info { padding:0 10px; }
    header nav .member li.join { display:none; }
    main .banners .swiper-slide .content { font-size:14px;bottom:5px;left:5px;padding:4px 10px; }
    main.sub-page .middle .sub-page .sub-menu-list ul li a,main.sub-page .middle .sub-page .sub-menu-list ul li:first-child { font-size:14px;cursor:pointer;padding:6px 0; }
    footer .contact > div { font-size:14px;line-height:16px; }
 }
@media (max-width: 300px) { 
    footer .contact > div { line-height:14px;letter-spacing:-1px; }
 }
@media (max-width: 280px) { 
    main .middle .short-cut ul li { width:calc(100%-30px); }
 }