@charset "utf-8";

/* 햄버거 */
    .ham-menu .close { cursor: pointer; }
    .ham-menu {
        -webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);

        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
    .ham-menu.open {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
    .ham-menu > .ham-menu-content {
        -webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);

        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
    }
    .ham-menu.open > .ham-menu-content {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
    .ham-menu .ham-blank {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    #wrap {
        transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        box-shadow: 0 0 46px #000000;
    }
    #wrap.open {
        position: fixed;
        transform: scale3d(0.9, 0.9, 0.9);
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -webkit-box-shadow: 0 0 46px #000000;
        width: 100vw;
    }
    .ham-menu .ham-link-tab p { cursor: pointer; padding:8px 0;}
    .ham-menu .ham-link-tab > ul > li > ul {
        -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        max-height: 0;
    overflow: hidden;
    opacity: 0;
    }
    .ham-menu .ham-link-tab > ul > li.open > ul { display: block;max-height: 2000px;opacity: 0.9; }
    .ham-menu .ham-link-tab > ul > li.open > ul > li {padding: 4px 25px 4px 25px;}
    .ham-menu .ham-link-tab > ul > li > ul li a {font-size: 16px;font-weight: normal;}
    .ham-menu .ham-link-tab > ul > li > p > span { float: right; -webkit-transition: transform 0.4s ease; transition: transform 0.3s ease; padding-right: 10px;}
    .ham-menu .ham-link-tab > ul > li.open > p > span { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

    .ham-menu .ham-link-tab .sub-ham > ul {-webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);max-height: 0;overflow: hidden;opacity: 0;}
    .ham-menu .ham-link-tab .sub-ham.open > ul { display: block;max-height: 2000px;opacity: 0.9; }
    .ham-menu .ham-link-tab .sub-ham.open > ul > li {padding: 4px 25px 4px 25px;}
    .ham-menu .ham-link-tab .sub-ham > ul li a {font-size: 16px;font-weight: normal;}
    .ham-menu .ham-link-tab .sub-ham > p > span { float: right; -webkit-transition: transform 0.4s ease; transition: transform 0.3s ease; padding-right: 10px;}
    .ham-menu .ham-link-tab .sub-ham.open > p > span { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

/* 모달 */
.modla-box .modla-con .post-content li {white-space: normal !important;}
.modla-wrap {display: none; background-color: #fff; z-index: 99; position: absolute; width: 100%; height: 115%; top: 0; left: 0; overflow-y: auto;}
.modla-box {position: absolute; border: 2px solid #000; width: 650px; top: -10px; left: 50%; transform: translate(-50%, 0); padding: 20px; color: #000; margin-top: 60px;}
.modla-box .xi-close-thin {font-size: 60px; position: absolute; right: -30px; top: -30px; cursor: pointer;}
.modla-box .xi-close-thin:hover {color: #ff0000;}
.modla-box .modla-top {border-bottom: 2px solid #000; margin-bottom: 10px;}
.modla-box .modla-top p {font-size: 22px; font-weight: bold;padding-bottom: 10px; word-break: break-all;}
.modla-box .modla-con {font-size: 18px; padding: 10px; overflow-y: auto; }
.modla-box .modla-con em {font-style: italic;}
.modla-box .modla-con .post-content{font-size: 14px; white-space: normal;}
.modla-box .modla-con .post-content ol {padding: 10px 0;}
.modla-box .modla-con img {padding: 10px 0;}
.modla-wrap.type02 { background-color: rgba(0, 0, 0, 0.85); }
.modla-wrap.type02 .modla-box { background-color: black; 
    max-width: 886px;
    width: 100%;
    padding: 40px 80px;
    box-sizing: content-box; }
.modla-wrap.type02 .modla-box .modla-top { border: 0; color: white; margin: 0 0 20px; font-size: 16px; line-height: 21px; text-align: center; }
.modla-wrap.type02 .xi-close-thin { position: absolute;
    top: 30px;
    right: 50px;
    font-size: 34px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .modla-wrap.type02 .xi-close-thin:hover {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
.modla-wrap.type02 .modla-con iframe { width: 100%; height: 500px; }

.modla-wrap.type03 {display: none; z-index: 99; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; overflow: inherit;}
.modla-box.type03 {position: absolute; border: 2px solid #000; width: 650px; top: 90%; left: 50%; transform: translateX(-50%); padding: 20px; color: #000; background-color: #fff; margin-top: 60px;}
.modla-box.type03 .xi-close-thin {font-size: 60px; position: absolute; right: -30px; top: -30px; cursor: pointer;}
.modla-box.type03 .xi-close-thin:hover {color: #ff0000;}
.modla-box.type03 .modla-top {border-bottom: 2px solid #000; margin-bottom: 10px;}
.modla-box.type03 .modla-top p {font-size: 22px; font-weight: bold;padding-bottom: 10px;}
.modla-box.type03 .modla-con {font-size: 18px; padding: 10px; overflow: inherit; max-height: inherit;}

/* 사이트맵 */
.sitemap>ul {display: flex; gap: 10px; width: 100% !important; font-size: 16px;}
.sitemap>ul>li{width: 33.33%;}
.sitemap>ul>li>p{ padding: 5px 0; border-bottom: 2px solid #000; margin-bottom: 5px; font-weight: 600;}
.sitemap>ul>li>ul {width: 100% !important;}
.sitemap>ul>li>ul>li{white-space: normal !important;}
.sitemap>ul>li a{color: #ff0000; margin: 10px 0; word-break: keep-all; display: block;}

/* 후원 */
.sponsor-list {font-size: 0; display: flex; flex-wrap: wrap;}
.sponsor-list img {width: 25%; object-fit: contain;}

/***** header *****/
.footer-menu>ul>li>a.re::before{display: none;}
.menu-img>img{width: 100%; height: 100%;}
.pc-header{display: block; width: 100%; background-color: #fff; font-family: 'Open Sans', arial, sans-serif;}
.header-top{padding: 0 27px 0 37px;}
.header-top>ul{max-width: 100%;}
.header-top>ul::after{content: ''; display: block; clear: both;}
.header-top>ul>li:first-child{float: left;}
.header-top>ul>li:first-child>a{display: block; padding-top:11px;}
.header-top>ul>li:last-child{float: right;}
.header-top .open-menu {cursor: pointer; font-size: 0;}
.header-top .open-menu .on {display: none;}
.header-top .open-menu:hover .on {display: block}
.header-top .open-menu:hover .off {display: none}
.header-top .open-menu .pc-ham {display: block;}
.header-top .open-menu .m-ham {display: none;}
.mob-search-btn {display: none; position: relative; top: 2px;}

.vi__wrap {position: relative; top: -117px;}
.header__show{position: absolute; width: 100%; z-index: 4; background-color: #fff; top: -117px;}
.header__fixed{width: 100%;position: relative; z-index: 3; background-color: #fffffff2; top: 0;}
.header__fixed>.header-content{border-bottom: 2px solid #000;}
.header__fixed>.header-top{border-bottom: 2px solid #000; display: flex; justify-content: space-between;}
.header__tit__move {text-align: center; padding: 23px;}
.header__tit__move p {font-size: 5vw; font-weight: 600; color: #000;}
.login-box::after{content: ''; display: block; clear: both;}
.login-box>li{float: left; }
.login-box>li{padding-right: 38px;}
.login-box>li:last-child{padding-right: 0px;}
/* .mob-login-wrap {display: flex; justify-content: space-between;} */
.m-search-btn {display: none;}
.m-search-btn img {vertical-align: middle;}
.login-box>li>a{display: block; font-family:'notokr-regular'; font-size: 20px; font-weight: bold; color: #000; line-height: 40px;}
/* .header-content{height: 95px; background-color: rgba(0, 0, 0, 0.2); position: relative; z-index: 2; transition: background .3s;} */
.header-content {padding: 0 15px 0 30px;}
.header-content .menu-area p{font-size: 20px; font-weight: bold;}
.header-content .menu-area p.on{color: #ff0000;}
.header-content .menu-area p:hover {color: #ff0000; transition: all 0.2s;}
.header-content>ul{max-width: 100%; margin: 0 auto;}
/* .header-content.on .menu-area li a>p{color: #000; height: 95px;}
.header-content.on .menu-area li a> p.on{color: #ff0000; font-family:'notokr-bold';} */
/* .menu-area>li>a>p.on::after{position: relative; top: -33px; content: ''; display: block; width: auto; height: 3px;margin: 0 auto; background-color: #ff0000;} */
.menu-area>li:last-child>a>p.on::after{display: none;}
.header-content>ul::after{content: ''; display: block; clear: both;}
.header-content>ul>li:first-child{float: left;}
.header-content>ul>li:first-child>a{display: block; padding-top:14px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/logo_menu.png") center no-repeat; width: 227px; height: 56px; }


.header-content>ul>li:first-child>a.new-njp-logo{width:424px; height:56px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/njp_default.png") center no-repeat; background-size:100%;}

/* 
.header-content.on>ul>li:first-child>a{display: block; padding-top:35px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/logo_menu_on.png") center no-repeat; width: 227px; height: 56px;}
.header-content.on>ul>li:first-child>a.new-njp-logo{width:175px; height:56px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/njp_hover.png") center no-repeat; background-size:175px 56px;} */

.header-content>ul>li:last-child{float: right; }
.menu-area::after{content: ''; display: block; clear: both;}
.menu-area>li{float: left; position: relative; color: #000;}
.menu-area>li:has(li.on){color: #ff0000;}
.menu-area>li>a{display: table; position: relative; line-height: 71px;  padding: 0 22px; }
.menu-area>li:last-child>a{background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/search_btn.png") center no-repeat; width:24px ; height: 71px; padding: 0;margin-left: 5px; }
.header-content .menu-area>li:last-child>a:hover {background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/search_btn_on.png") center no-repeat; width:24px ; height: 71px; padding: 0;margin-left: 5px;}
.menu-area>li:last-child>a>p{padding: 0 30px; line-height: 95px;}
.sub-menu-area{ display: none; position: absolute; z-index: 3; top:71px; left: 50%; transform: translateX(-50%); background-color: #fff;}
.sub-menu-area::after{content: ''; display: block; clear: both;}
.sub-menu-area.on{display: block;}
.sub-menu-area>ul{float: left; width: 220px; border: 2px solid #000;}
.sub-menu-area>ul>li>a{display: block; width: 100%; padding: 6px 0 6px 20px; ; box-sizing: border-box; font-family:'notokr-regular'; font-size: 20px; background-color: #fff; color: #000; font-weight: bold;}
.sub-menu-area>ul>li.on>a {color: #ff0000;}
.sub-menu-area>ul>li>a.on{font-family:'notokr-medium'; color: #fff; background-color: #ff0000; transition: background-color .3s;}

.sub-menu-sub-menu-toggle {position: relative;}
.sub-menu-sub-menu-list {display: none; position: absolute; left: -214px; top: 0px; border: 2px solid #000; background-color: #fff; color: #000; width: 210px; font-size: 20px;}
.sub-menu-sub-menu-list > li {font-weight: bold; padding: 8px 30px 8px 8px;}
.sub-menu-sub-menu-list li:hover {background-color: #ff0000; color: #fff; transition: 0.3s;}
.sub-menu-sub-menu-list li:hover a:hover {color: #fff;}
.sub-menu-sub-menu-list.on {display: block; transition: background-color .3s;}

.header-content.on{background: rgba(255, 255, 255, 1); height: 73px; position: relative; z-index: 2; transition: background-color .3s;}
.dropdown-visible .sub-menu-area{display: block;}
.sub-menu-area>a{float: left; display: inline-block; height: 235px; padding:0; box-sizing: border-box;}

/* 햄버거메뉴 */
.ham-menu {position: fixed;top: 0;width: 100vw;height: 100vh;z-index: 99;background-color: #0000;}
.ham-menu-content {background: #ff0000; width: 20%; height: 100%; display: flex; color: #fff; font-size: 18px; flex-direction: column; padding: 20px 20px 0 32px;}
.ham-menu-content .ham-cont-top {text-align: right; font-size: 30px; height: 7%;}
.ham-menu-content .ham-link-tab {font-size: 18px; font-weight: bold;}
.ham-menu-content .ham-link-tab>ul> p { margin: 12px 0; position: relative; cursor: pointer;}
.ham-menu-content .ham-link-tab>ul> p:first-child { margin-top: 0;}
.ham-menu-content .ham-link-tab>ul> p > span {position:absolute; right: 6px;}
.ham-menu-content a:hover { color: white; }

/***** ggcf *****/
.header-content.on.ggcf-header-content .menu-area li a> p.on{color:#173f62;}
.menu-area.ggcf-menu-area>li>a>p.on::after{background:#173f62;}
.sub-menu-area.ggcf-sub-menu-area>ul>li>a.on{background:#173f62;}
.header-top.ggcf-header-top{background:#173f62;}
.news-part.ggcf-news-part{background:#173f62;}
.onlie-qna.ggcf-onlie-qna>span{color:#173f62;}
.map-info.ggcf-map-info{background:#173f62;}

/***** gjicp *****/
.header-content.on.gjicp-header-content .menu-area li a> p.on{color:#0062ad;}
.menu-area.gjicp-menu-area>li>a>p.on::after{background:#0062ad;}
.sub-menu-area.gjicp-sub-menu-area>ul>li>a.on{background:#0062ad;}
.header-top.gjicp-header-top{background:#0062ad;}
.news-part.gjicp-news-part{background:#0062ad;}
.onlie-qna.gjicp-onlie-qna>span{color:#0062ad;}
.map-info.gjicp-map-info{background:#0062ad;}

/***** gcc *****/
.header-content.on.gcc-header-content .menu-area li a> p.on{color:#263692;}
.menu-area.gcc-menu-area>li>a>p.on::after{background:#263692;}
.sub-menu-area.gcc-sub-menu-area>ul>li>a.on{background:#263692;}
.header-top.gcc-header-top{background:#263692;}
.news-part.gcc-news-part{background:#263692;}
.onlie-qna.gcc-onlie-qna>span{color:#263692;}
.map-info.gcc-map-info{background:#263692;}


/* 검색 영역 */
.main-search-wrap{position: absolute; background-color: #fff;z-index: 21; width: 300px; border: 2px solid #000; right: 20px; display: none;}
.main-search-box{position: relative; width: 91%; margin: 0 auto;}
.main-search-dim{position: absolute;}
.main-search{position: relative; display: flex;}
.main-search::after{content: ''; display: block; clear: both;}
.main-search .search-btn{background-color: #000; border: 0; color: #fff; transition: all 0.3s; flex-grow: 1; white-space: nowrap; margin-right: -13px;} 
.main-search .search-btn:hover{background-color: #ff0000; transition: all 0.3s;}
.main-search .search-btn::after{content: "";position: absolute;background: #000;width: 10px;height: 10px;top: -5px;right: 0;transform: rotate(45deg);} 
.main-search>input.search-inp{font-size: 16px;color: #aaaaaa; width: 246px; padding: 10px;}

/* .main-search>input.search-inp2{float: left; width:calc(100% - 38px);padding: 22px 5px 5px 10px; font-size: 16px;color: #333333;} */

/* .main-search>button{ position: absolute; right: 0;   margin: 0;padding: 0;text-indent: -9999px;width: 38px;height: 38px;background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/main_search_img.png") no-repeat;
cursor: pointer;display: block;border: 0; background-size: 38px 38px; margin-top:12px}
.search-close{position: absolute; right: 0; top: 34px;   margin: 0;padding: 0;text-indent: -9999px;width: 22px;height: 22px;background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/search_close_btn_img.png") no-repeat;
cursor: pointer;display: block;border: 0; background-size: 22px 22px;} */
/* .menu-area>li:last-child>a{background-position-x: 35px;} */
/* .header-content.on .menu-area>li:last-child>a{background-position-x: 35px;} */
/***** footer *****/
/* .new-footer{display: table;} */
.new-footer>.re{vertical-align: top;}
.mobile-footer{display: none;}
footer{ border-top:solid 1px #efefef}
.footer-box{max-width: 1400px; margin: 0 auto; padding-bottom:38px;}
.footer-box::after{content: ''; display: block; clear: both;}
.footer-box>li{float: left;}
.footer-box>li:first-child{padding-top:54px; width: 227px;}
.footer-box>li:nth-child(2){width: calc(100% - 623px);}
.footer-box>li:last-child{float: right; padding-top:41px; width: 376px;}
.footer-title{padding-left:40px; font-family:'notokr-medium'; font-size: 14px; line-height: 20px; color: #999999;}
.footer-title>span{color: #737373; font-size: 16px;}
.footer-title{padding-top:52px}
.footer-info{padding-top:0px}
.footer-info::after{content: ''; display: block; clear: both;}
.footer-info>li{float: left;}
.footer-info>li>a{display: inline-block;}
.footer-info>li>a>p{color: #727272; font-family:'notokr-regular'; font-size: 14px; padding-right: 20px;}
.footer-info>li:last-child>a>p{padding-right: 0;;}
.footer-link{padding-top:20px}
.copy-area{background: #fff; border-top: 2px solid #000; padding: 20px 0;}
.copy-area>p{color:#000; font-family:'notokr-regular'; text-align: center;font-size: 14px; margin-bottom: 5px; font-weight: 500;}
.copy-area>p >a {font-size: 14px;}
.copy-area>p:last-child {color: #ff0000; font-size: 18px; margin-bottom: 0;}
.mobile-header{display: none;}
.footer-top{border-top:solid 2px #000; border-bottom:solid 2px #000;}
/* .footer-type{max-width: 1400px; margin: 0 auto;} */
.footer-type::after{content: ''; display: block; clear: both;}
/* .footer-type>li:first-child{float: left; display: table;}
.footer-type>li:last-child{float: right;} */
.base-menu{display: table-cell;}
.base-menu>ul::after{content: ''; display: table-cell; clear: both;}
.base-menu>ul>li{float: left;}
.base-menu>ul>li>a{display: block; line-height: 62px; font-size: 16px; color: #888888; font-family:'notokr-regular'; margin-right: 18px ;}
.base-menu>ul>li:last-child>a{margin-right: 0;}
.base-menu>ul>li>a.on{font-size: 18px; color: #222222; line-height: 62px;}
.footer-menu>ul{ display: flex; justify-content: space-around; padding-left: 40px;}
.footer-menu>ul>li{width: 25%;}
.footer-menu>ul>li>a{display: block; position: relative; line-height: 45px; font-family:'notokr-regular'; font-size: 22px; color: #222222; }
.footer-menu>ul>li>a:hover {color: #ff0000; transition: all 0.2s;}
.footer-menu .footer-sub-menu{display: none; color: #000; font-size: 17px; padding-bottom: 10px;}
.footer-menu .footer-sub-menu li {padding-bottom: 5px;}
/* .footer-menu .footer-sub-menu li a{padding-left: 10px;} */
/* .footer-menu>ul>li>a::before{content: ''; display: inline-block; width: 1px; height: 16px; margin:0 18px; background-color: #cccccc; position: relative; top: 1px;}
.footer-menu>ul>li:first-child>a::before{display: none;} */
.footer-sns-box::after{content: ''; display: block; clear: both;}
.footer-sns-box>li{float: left;}
.footer-sns-box>li>a{display: block; width: 32px; height: 32px; padding-top:30px}
.footer-sns-box>li:first-child>a{background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_youtube.png") center no-repeat; background-size: 32px 32px; margin-right: 20px;}
.footer-sns-box>li:last-child>a{background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_instar.png") center no-repeat; background-size: 32px 32px;}
.footer-bottom{margin: 0 auto; padding: 30px 0 0 0; margin-bottom: 40px;}
/* .footer-main-img>a{display: block; padding-bottom: 25px; width: 227px; height: 31px;center no-repeat; background-size: 227px 56px;} */

.footer-main-img>a.new-njp-footer{width:205px; height: 128px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/njp_hover.png") center no-repeat; background-size:100%;}
.footer-main-img>a.new-njp-footer.ty01{background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/njp_hover1.png");background-repeat: no-repeat;}
.footer-main-img>a.new-njp-footer.ty02{background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/njp_hover2.png");background-repeat: no-repeat;}

.footer-bottom-content{display: table; width: 100%;  margin: 0 auto; display: none; }
.footer-bottom-content.pc{display: flex; justify-content: space-between; font-size: 14px; color: #000; padding: 0 40px;}
.footer-bottom-content > ul:last-child {flex-grow: 0.1;}
.footer-bottom-content > ul li{padding-bottom: 4px;}
/* .footer-bottom-content>div{ position: relative;} */
/* .footer-bottom-content>ul{ position: relative;} */
.footer-bottom-content>.pc-flex{display: flex;}
.footer-bottom-content>div>.new-f-box{line-height: 22px;font-family:'notokr-regular'; font-size: 14px; color: #999999;}
.footer-bottom-content>div>.new-f-box>span{font-family:'notokr-medium'; font-size: 14px; color: #737373; display: block;}
.footer-bottom-content>div>p{width: auto; margin:0 auto; float: left; padding-left: 40px; line-height: 22px;font-family:'notokr-regular'; font-size: 14px; color: #999999; }
.footer-bottom-content>div>p>span{font-family:'notokr-medium'; font-size: 14px; color: #737373; display: block;}
.footer-bottom-content .footer-bottom-list {display: flex; flex-grow: 0.5;}
.footer-bottom-content .footer-bottom-list ul {width: 20%; margin-right: 60px;}
.footer-bottom-content .footer-bottom-list ul:last-child {margin-right: 0;}
.footer-bottom-content .footer-bottom-list ul li{line-height: 22px; white-space: nowrap;}
.tell-box{position: absolute; bottom: 0; float: left; padding:3px 6px; text-align: center; background-color:#999999 ; color: #ffffff; font-size: 14px; border-radius: 2em;}
.tell-box-tpyePc{width: 143px; margin-top: 10px; display: block; padding:3px 6px; text-align: center; background-color:#999999 ; color: #ffffff; font-size: 14px; border-radius: 2em;}
.re .footer-main-bottom-img{ width: 370px; height: 21px; display: block;  background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/footer_link_img.png") center no-repeat; background-size: 370px 21px;;}
.base-menu>ul::after{content: ''; display: block; clear: both;}
.m-footer-info2{display: none;}







/*************************************************pc&태블릿*************************************************/
@media all and (max-width:1440px){
    .ham-menu-content {width: 28%;}
    .search-close{right:20px}
    /* .main-search-box{margin:0} */
    /* .header-content{padding:0 10px; box-sizing: border-box;} */
    .footer-box{padding:0 20px 38px 20px; box-sizing: border-box;}
    .menu-area>li:nth-child(4)>.sub-menu-area{left: -50%; transform: none;}
    .menu-area>li:nth-child(5)>.sub-menu-area{left: -100%; transform: none;}
    .menu-area>li:nth-child(6)>.sub-menu-area{right: 0; left: auto; transform: none;}
    .menu-area>li>a{padding: 0 15px; font-size: 16px;}
    .sub-menu-area>ul>li>a {font-size: 16px;}
    .header-content .menu-area p {font-size: 16px}
    .menu-area>li>a:first-child{padding-left: 0px;}
    .footer-top{padding: 0 20px;}
    .footer-bottom{padding:30px 20px 0 20px;}
}
@media all and (max-width:1200px){
    .footer-menu>ul>li>a::before{margin:0 17px;}
    .menu-area>li:last-child>a{margin-left: 5px;}
    .menu-area>li>a {padding: 0 14px;}
    .header-content>ul>li:first-child>a.new-njp-logo {width: 300px;}
    .header-content .menu-area p {font-size: 14px;}
    .sub-menu-sub-menu-list {font-size: 14px;}

}


/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
    /* 검색 */
.header-top .open-menu .pc-ham {display: none;}
.header-top .open-menu .m-ham {display: block;}
    .mob-search-btn {display: block; line-height: 40px;}
    .main-search>button {width: inherit; height: inherit;}
    .main-search .search-btn {margin: 0; width: 10%;}
    .main-search-box {width: 100%;}
    .main-search-wrap {top: 113px; right: 0;}
    .main-search>button {background-image: none !important;}
    .main-search .search-btn::after {display: none;}
    .m-search-btn {display: block;}
    .header__show{ border-bottom: 2px solid #000;}
    .vi__wrap {display: none;}
    .header-content>ul>li:last-child {display: none;}
    .header-content>ul>li:first-child {width: 100%;}
    .header-content>ul>li:first-child>a.new-njp-logo {margin: 0 auto; width: 45%;}
    .ham-menu-content {width: 100%;}
    .footer-menu>ul>li {width: inherit;}
    .footer-bottom-content.pc {flex-direction: column;}
    .m-footer-info2{display: block;}

    /* .footer-bottom-content .footer-bottom-list {align-items: center;} */
    .footer-bottom-content .footer-bottom-list ul {margin: 20px 0; width: 100%;}

    /* 태블릿 헤더 */
    .login-box>li>a {font-size: 15px;}
    .header__fixed>.header-content {border-bottom: 0;}
    .white-dim{position:fixed; display: none; top:0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff;}
    .mobile-header{display: block;position: absolute;z-index: 99; width: 100%; height: auto; z-index: 9999;}
    .dim{position: fixed;  width: 100%; height: 100%; top: 0; background-color: #fff; z-index: -1;}
    .mobile-menu{width: 100%; height: 100%; position: absolute; background-color: #fff; z-index: 999; top: 0; }
    .mobile-menu-content{position: relative; width: 100%; z-index: 999;}
    .mobile-top{width: 100%; height: 50px; background-color: #fff; padding:15px 40px; box-sizing: border-box; position: fixed; top: 0;}
    .mobile-header-content{height: 100px; background-color: rgba(0, 0, 0, 0.38); padding: 0 40px; box-sizing: border-box;}
    .mobile-header-content>ul::after{content: ''; display: block; clear: both;}
    .mobile-header-content>ul>li:first-child{float: left; padding-top:19px}

    .mobile-header-content>ul>li.gcc-m-header:first-child{padding-top:30px}


    .mobile-header-content>ul>li:last-child{float: right; padding-top:34px}
    .m-click-box::after{content: ''; display: block; clear: both;}
    .m-click-box>li{float: left; margin-right: 40px;}
    .m-click-box>li:last-child{margin-right: 0;}
    .m-click-box>li>button{background-color: transparent !important;background-image: none !important;border-color: transparent;border: none; color: #FFFFFF; padding:0}
    .mobile-menu>ul{height: 140px; background-color: #ed6a3d; padding: 0 40px;}
    .mobile-menu>ul::after{content: ''; display: block; clear: both;}
    .mobile-menu>ul>li:first-child{float: left;}
    .mobile-menu>ul>li:last-child{float: right;}
    .m-login::after{content: ''; display: block; clear: both;}
    .m-login>li{float: left; margin-right: 32px;}
    .m-login>li:last-child{margin-right: 0;}
    .m-login>li>a{line-height: 140px; font-family:'notokr-regular';  display: block; font-size: 32px; color: #fff;;}
    .mobile-menu-content>ul{padding:90px 40px; box-sizing: border-box; background-color: #fff;} 
    .mobile-menu>ul>li:last-child>button{padding:0; margin-top:50px; background-color: transparent !important;background-image: none !important;border-color: transparent;border: none; color: #FFFFFF; padding:0}
    .mobile-menu-list::after{content: ''; display: block; clear: both;}
    .mobile-menu-list>strong{float: left; font-family:'notokr-medium'; font-weight: normal; font-size: 40px; color: #666666;}
    .mobile-menu-list>div{float: right; position: relative; top: 25px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/menu_off.png") center no-repeat; width: 32px; height: 20px; background-size: 32px 20px;}
    .mobile-menu-list>div.on{float: right; position: relative; top: 25px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/menu_on.png") center no-repeat; width: 32px; height: 20px; background-size: 32px 20px;}
    .mobile-menu-content>ul>li{padding-bottom: 32px; border-bottom:solid 1px #cccccc; margin-bottom: 30px;}
    .mobile-more-area>ul>li>a{display: block; font-size: 30px; color: #666666; margin-bottom: 34px;}
    .mobile-more-area>ul>li:last-child>a{margin-bottom: 0;}
    .mobile-more-area>ul{padding:43px 0 20px 0;}

    /***** ggcf *****/
    .mobile-top.ggcf-mibile-top{background:#173f62;}
    .mobile-menu.ggcf-mobile-menu>ul{background:#173f62;}

    /***** gjicp *****/
    .mobile-top.gjicp-mibile-top{background:#0062ad;}
    .mobile-menu.gjicp-mobile-menu>ul{background:#0062ad;}

    /***** gcc *****/
    .mobile-top.gcc-mibile-top{background:#263692;}
    .mobile-menu.gcc-mobile-menu>ul{background:#263692;}

    /* 검색 영역 */
    .search-close{position: absolute; right: 0; top: 36px;   margin: 0;padding: 0;text-indent: -9999px;width: 42px;height: 42px;background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/m_search_close_btn_img.png") no-repeat;
    cursor: pointer;display: block;border: 0; background-size: 42px 42px;}
    .main-search-wrap{width: 100%; padding: 0; box-sizing: border-box;}
    .main-search{width: 100%;}
    .main-search>input[type="text"]{float: left; width:calc(100% - 38px);padding: 22px 5px 5px 0; font-size: 40px;color: #aaaaaa;}
    .main-search>input::placeholder {font-size: 40px;color: #aaaaaa;opacity: 1;}
    .main-search>input::-webkit-input-placeholder {font-size: 40px;color: #aaaaaa;}
    .main-search>  input:-ms-input-placeholder {font-size: 40px;color: #aaaaaa;}
    .main-search>  input:-mos-input-placeholder {font-size: 40px;color: #aaaaaa;}
    .main-search>button{margin-top:24px}

    /* 태블릿 footer */
    .m-footer-info>li:first-child{text-align: left; width: 250px;}
    .m-footer-info>li{width: 200px; text-align: right;}
    .mobile-footer{display:none; border-top:solid 1px #efefef;}
    .mobile-footer-wrap{padding:40px}
    .mobile-footer-wrap>p{padding:36px 0 33px 0; font-family:'notokr-regular'; font-size: 24px; color: #999999; line-height: 36px;}
    .mobile-footer-wrap>p>span{font-family:'notokr-medium'; color: #737373;}
    .m-footer-info{display: table; width: 100%;}
    .m-footer-info>li{display: table-cell;}
    .m-footer-info>li>a{display: block; font-family:'notokr-regular'; font-size: 24px; color: #727272; word-break: keep-all;}
    .m-footer-info2::after{content: ''; display: block; clear: both;}
    .m-footer-info2{padding: 45px 0 0px 0}
    .m-footer-info2>li:first-child{float: left;}
    .m-footer-info2>li:last-child{float: right;}
    .m-footer-bottom{height: 54px; background-color: #181818;}
    .m-footer-bottom>p{ font-family: 'NanumSquare'; font-weight: 500; text-align: center; line-height: 54px; color: #a6a6a6; font-size: 16px;}

    .footer-top{height: auto;}
    .footer-type>li:first-child{float: none; width: 100%; display: block;}
    .footer-type>li:last-child{float: none; width: 100%;}
    .base-menu{display: block;}
    .footer-menu{display: block;}
    .footer-top {padding: 5px 0px;}
    .base-menu>ul>li{width: 20%; padding-bottom: 30px;}
    .base-menu>ul>li>a.on{font-size: 28px; line-height: normal;}
    .base-menu>ul>li>a{font-size: 28px; display: inline-block;margin-right: 0px; line-height: normal;}
    
    .footer-menu>ul {padding-left: 0;}
    .footer-menu>ul>li>a{font-size: 22px; line-height:normal;}
    .footer-menu>ul>li:first-child>a::before{display: none;}
    .footer-menu>ul>li>a::before{margin: 0 25px;}
    .footer-sns-box>li:first-child>a {background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_m_youtube.png") center no-repeat;
    background-size: 63px 63px;margin-right: 20px;}
    .footer-sns-box>li:last-child>a {background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_m_instar.png") center no-repeat;
    background-size: 63px 63px;}
    .footer-sns-box>li>a{width: 63px; height: 63px;}
    .footer-bottom {padding: 20px 50px 0 50px;     margin-bottom: 35px;}
    .footer-bottom-content{display: block;position: relative;
        display: table;
        width: 100%;
        margin: 0 auto;}
    .footer-main-bottom-img{display: none;}
    .tell-box{display: block;font-size: 22px;float: none;position: relative;padding: 3px 6px;text-align: center;background-color: #999999;color: #ffffff;border-radius: 2em;width: 175px;margin: 0 auto;}
    .footer-bottom-content>div>p{font-size: 22px; padding-left: 0; line-height: 36px; margin: 0 auto; float: none; font-family: 'notokr-regular'; width: 440px;     color: #999999;}
    .footer-bottom-content>div>p>span{font-size: 22px; line-height: 36px; font-family: 'notokr-medium'; color: #737373;display: block;}
    .footer-bottom-content.pc {padding: 0;}
    .modla-box.type03 {top: 0 !important;}

}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
    
    /* 태블릿 헤더 */
    .header-top{padding:0 20px; box-sizing: border-box;}
    .header__show{ display: none;}
    .m-search-btn img {margin-left: 10px;}
    .login-box>li {padding-right: 30px}
    .mobile-top{height: 25px;  padding:0px 20px; }
    .mobile-header-content{ padding: 0 20px;    height: 50px; }
    .mobile-header-content>ul>li:first-child{float: left; padding-top:10px}
    .header-content>ul>li:first-child>a.new-njp-logo {width: 60%;}

    .mobile-header-content>ul>li.njp-m-header:first-child{padding-top:5px;}


    .mobile-header-content>ul>li:last-child{float: right; padding-top:17px}
    .m-click-box>li{margin-right: 20px;}
    .mobile-menu>ul{height: 70px;  padding: 0 20px;}
    .m-login>li{ margin-right: 16px;}
    .m-login>li>a{line-height: 70px;  font-size: 16px;}
    .mobile-menu-content>ul{padding:45px 20px; } 
    .mobile-menu>ul>li:last-child>button{ margin-top:25px; background-color: transparent !important;background-image: none !important;border-color: transparent;border: none; color: #FFFFFF; padding:0}
    .mobile-menu-list>strong{ font-size: 20px;}
    .mobile-menu-list>div{ top: 13px;  width: 16px; height: 10px; background-size: 16px 10px;}
    .mobile-menu-list>div.on{ top: 13px;  width: 16px; height: 10px; background-size: 16px 10px;}
    .mobile-menu-content>ul>li{padding-bottom: 16px; margin-bottom: 15px;}
    .mobile-more-area>ul>li>a{ font-size: 15px;  margin-bottom: 17px;}
    .mobile-more-area>ul{padding:21px 0 10px 0;}
    /* .mobile-top>a>img{width: 86px;} */
    .mobile-header-content>ul>li:first-child>a>img{width: 125px;}
    .mobile-header-content>ul>li:first-child>a.mobile-ggcf-logo>img{width:85px;}
    .m-click-box>li>button>img{width: 16px;}
    .close-btn>img{width: 21px;}

    .main-search>input.search-inp2{padding: 11px 5px 5px 0; font-size: 16px;color: #333333;}
    .main-search>input.search-inp2::placeholder {font-size: 16px;color: #333333;opacity: 1;}
    .main-search>input.search-inp2::-webkit-input-placeholder {font-size: 16px;color: #333333;}
    .main-search>input.search-inp2:-ms-input-placeholder {font-size: 16px;color: #333333;}
    .main-search>input.search-inp2:-mos-input-placeholder {font-size: 16px;color: #333333;}

    /* 태블릿 footer */
    .mobile-footer-wrap{padding:20px}
    .mobile-footer-wrap>p{padding:18px 0 16px 0;  font-size: 12px; color: #999999; line-height: 18px;}
    .mobile-footer>p{padding:18px 0 16px 0;  font-size: 12px;  line-height: 18px;}
    .m-footer-info>li>a{ font-size: 12px; color: #727272; }
    .m-footer-info2{padding: 40px 0 20px 0px}
    .m-footer-bottom{height: 27px; background-color: #181818;}
    .m-footer-bottom>p{  line-height: 27px; color: #a6a6a6; font-size: 12px;transform: skew(-0.03deg);}
    .mobile-footer-wrap>a>img{width: 140px;}
    .m-footer-info2>li>a>img{width: 140px;}

    .footer-top {padding: 18px 0px;}
    .footer-menu>ul {padding-left: 20px; flex-direction: column;}
    .base-menu>ul>li{width: 20%; padding-bottom: 15px;}
    .base-menu>ul>li>a.on{font-size: 14px; line-height: normal;}
    .base-menu>ul>li>a{font-size: 14px; display: inline-block;margin-right: 0px; line-height: normal;}
    .footer-menu>ul>li{padding-bottom: 5px;}
    .footer-menu>ul>li>a{font-size: 22px; line-height:normal;}
    .footer-menu>ul>li:first-child>a::before{display: none;}
    .footer-menu>ul>li>a::before{margin: 0 5px;}
    .footer-sns-box>li:first-child>a {background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_m_youtube.png") center no-repeat;
    background-size: 31px 31px;margin-right: 10px;}
    .footer-sns-box>li:last-child>a {background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/ico/color_m_instar.png") center no-repeat;
    background-size: 31px 31px;}
    .footer-sns-box>li>a{width: 31px; height: 31px;}
    .footer-bottom {padding: 31px 0px 0 0px;     margin-bottom: 17px;}
    .footer-bottom-content>div{display: flex; justify-content: center;}
    .footer-main-img.re {flex-wrap: wrap;}
    .footer-main-img.re>a:first-child {width: 100%; text-align: center;}
    .footer-main-bottom-img{display: none;}
    .tell-box{font-size: 16px; float: none; margin-left: auto; width: 125px; position: relative; top:11px; }
    .footer-bottom-content>div>p{width: 400px; font-size: 16px; line-height: 24px; margin: 0 auto; float: none;}
    .footer-bottom-content>div>p>span{font-size: 16px; line-height: 18px; display: block;}
    .footer-bottom-content .footer-bottom-list ul {padding: 0 ; margin: 10px 0;}
    .footer-bottom-content .footer-bottom-list ul:last-child {margin-right: 20px;}

    /* 검색 영역 */
    .search-close{ top: 18px;   width: 21px;height: 21px;background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/m_search_close_btn_img.png") no-repeat;background-size: 21px 21px;}
    /* .main-search-box{height: 25px; padding-top:65px} */
    /* .main-search-wrap{padding: 0 20px; box-sizing: border-box;} */
    .main-search>input[type="text"]{float: left; width:calc(100% - 38px);padding: 11px 5px 5px 0; font-size: 20px;color: #aaaaaa;}
    .main-search>input::placeholder {font-size: 20px;color: #aaaaaa;opacity: 1;}
    .main-search>input::-webkit-input-placeholder {font-size: 20px;color: #aaaaaa;}
    .main-search>  input:-ms-input-placeholder {font-size: 20px;color: #aaaaaa;}
    .main-search>  input:-mos-input-placeholder {font-size: 20px;color: #aaaaaa;}
    /* .main-search>button{margin-top:12px; width: 19px;height: 19px; background: url("/web-api/iframe-proxy?url=https://njpart.ggcf.kr/userContent/njp/images/common/btn/main_search_img.png") no-repeat; background-size: 19px 19px;} */

    
    .footer-bottom-content .footer-bottom-list {flex-direction: column;}
    .footer-bottom-content .footer-bottom-list ul li {text-align: left; padding-left: 20px;}
}
@media all and (max-width:520px){
    .header-content>ul>li:first-child>a.new-njp-logo {width: 80%;}
}
@media all and (max-width:490px){
    .footer-bottom-content>div>p{width: 100%;}
}
@media all and (max-width:390px){
    .footer-bottom-content>div>p{width: 252px;}
    .m-footer-info2>li>a>img{width: 125px;}
    .base-menu>ul>li{width: 33.3%;}
    .base-menu>ul{margin-bottom: 15px;}
    .base-menu>ul>li{width: 33.3%; padding-bottom: 0;}
    .footer-menu>ul>li>a::before {margin: 0 5px;}
    .footer-bottom-content>div>p{width: 270px;}
    .copy-area>p{font-size: 12px;}
    
}