@charset "utf-8";

/***** header *****/
[name=language].select02 { background-color: transparent; font-family: 'notokr-regular';
    font-size: 15px;
    color: #999999;
    line-height: 40px; }
.footer-menu>ul>li>a.re::before{display: none;}
.menu-img>img{width: 100%; height: 100%;}
.pc-header{display: block; width: 100%; position: absolute; z-index: 20;}
.header-top{height: 30px; background: #50301b;}
.header-top>ul{max-width: 1400px; margin: 0 auto;}
.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;}
.login-box {text-align: end;}
.login-box::after{content: ''; display: block; clear: both;}
.login-box>li {display: inline-block; margin-right: 30px; vertical-align: middle;}
.login-box>li:last-child{margin-right: 0;}
/* .login-box>li{padding-right: 38px;} */
.login-box>li:last-child{padding-right: 0;}
.login-box>li>a>img {vertical-align: middle;}
.login-box>li>a{font-family:'notokr-regular'; font-size: 15px; color: #999999; line-height: 40px;}
.header-content{padding-top: 30px; background-color: #3333338f;}
.header-content>ul{max-width: 1400px; margin: 0 auto;}
.header-content.on .menu-area li a>p{color: #666; height: 95px;}
.header-content.on .menu-area li a> p.on{color: #50301b; font-family:'notokr-bold';}
.header-content.on .sub-menu-area > li > a{color: #50301b;}
.menu-area>li>a>p.on::after{position: relative; top: -33px; content: ''; display: block; width: auto; height: 3px;margin: 0 auto; background-color: #50301b;}
.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;background: url(../images/logo_menu.png) center no-repeat; width: 227px; height: 56px; }


/* .header-content>ul>li:first-child>a.new-gcc-logo{width:140px; height:45px; padding-top:50px; background: url(/userContent/images/common/gcc_logo_menu.png.png) center no-repeat; background-size:140px 45px;}
.header-content>ul>li:first-child>a.new-ggcf-logo{width:140px; height:62px; background: url(/userContent/images/common/ggcf_logo_menu.png) center no-repeat; background-size:140px 62px;}
.header-content>ul>li:first-child>a.new-gjicp-logo{width:187px; height:57px; background: url(/userContent/images/common/gjicp_logo_menu.png) center no-repeat; background-size:187px 57px;}

.header-content>ul>li:first-child>a.new-gmoma-logo{width:173px; height:56px; background: url(/userContent/images/common/gmoma_default.png) center no-repeat; background-size:173px 56px;} */
.header-content>ul>li:first-child>a.new-jgpm-logo{width:236px; height:85px; background: url(../images/jgpm_default.png) center no-repeat; background-size: 236px 86px; position: absolute;}
/* .header-content>ul>li:first-child>a.new-musenet-logo{width:240px; height:45px; background: url(/userContent/images/common/musenet_default.png) center no-repeat; background-size:240px 45px;}
.header-content>ul>li:first-child>a.new-njp-logo{width:175px; height:56px; background: url(/userContent/images/common/njp_default.png) center no-repeat; background-size:175px 56px;}
.header-content>ul>li:first-child>a.new-silhak-logo{width:144px; height:56px; background: url(/userContent/images/common/silhak_default.png) center no-repeat; background-size:144px 56px;} */


.header-content.on>ul>li:first-child>a{display: block; padding-top:35px; background: url(../images/logo_menu_on.png) center no-repeat; width: 227px; height: 56px;}
.header-content.on>ul>li:first-child>a.new-gcc-logo{width:140px; height:45px; padding-top:50px; background: url(../images/gcc_logo_menu_hover.png) center no-repeat; background-size:140px 45px;}
.header-content.on>ul>li:first-child>a.new-ggcf-logo{width:140px; height:62px; background: url(../images/ggcf_logo_menu_hover.png) center no-repeat; background-size:140px 62px;}
.header-content.on>ul>li:first-child>a.new-gjicp-logo{width:187px; height:57px; background: url(../images/gjicp_logo_menu_hover.png) center no-repeat; background-size:187px 57px;}
.header-content.on>ul>li:first-child>a.new-gmoma-logo{width:173px; height:56px; background: url(../images/gmoma_hover.png) center no-repeat; background-size:173px 56px;}
.header-content.on>ul>li:first-child>a.new-jgpm-logo{width:147px; height:56px; background: url(../images/jgpm_hover.png) center no-repeat; background-size:147px 56px;}
.header-content.on>ul>li:first-child>a.new-musenet-logo{width:240px; height:45px; background: url(../images/musenet_hover.png) center no-repeat; background-size:240px 45px;}
.header-content.on>ul>li:first-child>a.new-njp-logo{width:175px; height:56px; background: url(../images/njp_hover.png) center no-repeat; background-size:175px 56px;}
.header-content.on>ul>li:first-child>a.new-silhak-logo{width:144px; height:56px; background: url(../images/silhak_hover.png) center no-repeat; background-size:144px 56px;}

/* .header-content>ul>li:last-child{float: right;} */
.menu-area::after{content: ''; display: block; clear: both;}
.menu-area>li{float: left; position: relative;}
.menu-area>li>a{display: table; position: relative; font-family:'notokr-medium'; font-size: 19px; color: #ffffff; line-height: 95px;  padding: 0 42px;}
.menu-area>li:last-child>a{background: url(../images/search_btn.png) center no-repeat; width:24px ; height: 95px; padding: 0;margin-left: 26px; }
.header-content.on .menu-area>li:last-child>a{background: url(../images/search_btn_on.png) center no-repeat; width:24px ; height: 95px; padding: 0;margin-left: 26px;}
.menu-area>li:last-child>a>p{padding: 0 30px; line-height: 95px;}
.sub-menu-area {color: #fff; font-size: 18px; margin-top: 21px; float: right;}
.sub-menu-area>li {display: inline-block;text-align: center; width: 130px; padding-bottom: 25px;}
.sub-menu-area>li a {padding: 0 5px 25px;}
.sub-menu-area>li:last-child {margin-right: 0;}

/* .sub-menu-area{ display: none; position: absolute; z-index: 3; top:95px; border-top:solid 1px #e0e0e0; width: 600px;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: 240px;}
.sub-menu-area>ul>li>a{display: block; width: 100%; padding: 16px 0 16px 50px; box-sizing: border-box; font-family:'notokr-regular'; font-size: 16px; background-color: #fff; transition: background-color .5s;}
.sub-menu-area>ul>li>a.on{font-family:'notokr-medium'; color: #fff; background-color: #50301b; transition: background-color .3s;} */


.header-content.on{background: rgba(255, 255, 255, 1); 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; width:calc(100% - 240px); height: 235px; padding:0; box-sizing: border-box;}
.sub-menu-list {position: absolute; top: 140px; background-color: #333333; z-index: 3; border: 1px solid #000; padding: 10px 5px 5px 10px; display: none;}
.sub-menu-list>li{width: 110px; font-size: 14px; padding: 10px 5px; text-align: left;}

/***** 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;}

/* snsicon */
.sns-icon-wrap {display: inline-block; width: 32px; height: 32px; margin-right: 15px;}
.sns-icon-wrap:last-child {margin-right: 0;}
.sns-icon-wrap a {width: 32px;height: 32px ; font-size: 0px; display: inline-block; background-image: url(../images/sns-wrap-icon.png); background-repeat: no-repeat; vertical-align: top;}
.sns-icon-wrap .sns-icon-f {background-position: 0;} 
.sns-icon-wrap .sns-icon-u {background-position: -51px;}
.sns-icon-wrap .sns-icon-i {background-position: -102px;}
.sns-icon-wrap .sns-icon-k {background-position: ;}
/* 검색 영역 */
.main-search-wrap{position: absolute; border-top: solid 1px #e0e0e0; display: none; left: 0; width: 100%; background-color: #fff;z-index: 2;}
.main-search-box{max-width: 1400px;  height: 200px; margin: 0 auto; padding-top:80px; position: relative;  }
.main-search-dim{position: absolute; z-index: 2; display: none; top: 0; left: 0;  width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.main-search{width: 700px;  margin: 0 auto; border-bottom:solid 3px #50301b; position: relative;}
.main-search::after{content: ''; display: block; clear: both;}
.main-search>input.search-inp{float: left; width:calc(100% - 38px);padding: 22px 5px 5px 0; font-size: 32px;color: #aaaaaa;}
.main-search>input.search-inp::placeholder {font-size: 32px;color: #aaaaaa;opacity: 1;}
.main-search>input.search-inp::-webkit-input-placeholder {font-size: 32px;color: #aaaaaa;}
.main-search>input.search-inp:-ms-input-placeholder {font-size: 32px;color: #aaaaaa;}
.main-search>input.search-inp:-mos-input-placeholder {font-size: 32px;color: #aaaaaa;}

.main-search>input.search-inp2{float: left; width:calc(100% - 38px);padding: 22px 5px 5px 10px; font-size: 32px;color: #333333;}
.main-search>input.search-inp2::placeholder {font-size: 32px;color: #333333;opacity: 1;}
.main-search>input.search-inp2::-webkit-input-placeholder {font-size: 32px;color: #333333;}
.main-search>input.search-inp2:-ms-input-placeholder {font-size: 32px;color: #333333;}
.main-search>input.search-inp2:-mos-input-placeholder {font-size: 32px;color: #333333;}

.main-search>button{ position: absolute; right: 0;   margin: 0;padding: 0;text-indent: -9999px;width: 38px;height: 38px;background: url(../images/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(../images/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 *****/
.footer-wrapper {width: 100%; background-color: #4f4f4f; color: #8c8c8c; font-size: 14px;}
.footer-info { max-width: 1500px; position: relative; margin: 0 auto; padding: 40px 50px; display: flex; overflow: hidden; }
.footer-info > * { margin-right: 60px; flex-shrink: 0; }
.footer-info > *:last-child { margin-right: 0; }
.footer-info ul li {
    margin-bottom: 5px;
}
.footer-info .footer-info-call li {
    display: inline-block;
    position: relative;
}
.footer-info .footer-info-call li::after {
    content: '';
    height: 13px;
    display: inline-block;
    border-right: 1px solid #666666;
    margin: 0 20px;
}
.footer-info .footer-info-call li:last-child::after {display: none;}
.footer-main-img>a{display: block; width: 200px; height: 74px; background: url(../images/logo_menu_on.png) center no-repeat; background-size: 200px 74px;}
.mobile-header{display: none;}
.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;}


/*************************************************pc&태블릿*************************************************/
@media all and (max-width:1440px){
    .search-close{right:20px}
    .main-search-box{margin:0}
    .header-top{padding:0 20px; box-sizing: border-box;}
    .header-content{padding:30px 15px; 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 28px;}
}

@media all and (max-width:1100px){
    .footer-info .footer-info-call li { display: block; }
    .footer-info .footer-info-call li::after{ display: none; }
}


/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
    .pc-header{display: none;}
    /* .m-footer-info2{display: block;}
    .new-footer{display: none;} */
    /* 태블릿 헤더 */
    .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{height: 50px; background-color: #50301b; padding:15px 40px; box-sizing: border-box;}
    .mobile-header-content{height: 100px; background-color: #50301b; 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: #50301b; 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; position: absolute;right: 25px;}
    .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(../images/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(../images/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(../images/m_search_close_btn_img.png) no-repeat;
    cursor: pointer;display: block;border: 0; background-size: 42px 42px;}
    .main-search-box{height: 250px; padding-top:130px}
    .main-search-wrap{width: 100%; padding: 0 40px; 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-info > * { margin-right: 20px; }
}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
    /* 태블릿 헤더 */
    .mobile-top{height: 25px;  padding:0px 20px; }
    .mobile-header-content{ padding: 15px;    height: 80px; }
    .mobile-header-content>ul>li:first-child{float: left; padding-top:10px}.
    .banner-close .checkbox {display: none;}


    .mobile-header-content>ul>li.gcc-m-header:first-child{padding-top:5px}
    .mobile-header-content>ul>li.gmoma-m-header:first-child{padding-top:5px;}
    .mobile-header-content>ul>li.jgpm-m-header:first-child{padding-top:3px;}
    .mobile-header-content>ul>li.njp-m-header:first-child{padding-top:5px;}
    .mobile-header-content>ul>li.silhak-m-header:first-child{padding-top:1px;}


    .mobile-header-content>ul>li:last-child{float: right; padding-top:17px}
    .m-click-box>li{margin-right: 20px;}
    .mobile-menu>ul{height: 110px;  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;}
    

    /* 검색 영역 */
    .search-close{ top: 18px;   width: 21px;height: 21px;background: url(../images/m_search_close_btn_img.png) no-repeat;background-size: 21px 21px;}
    .main-search-box{height: 125px; 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(../images/main_search_img.png) no-repeat; background-size: 19px 19px;}

    .footer-info { flex-wrap: wrap; padding: 15px; margin-top: 10px;}
    .footer-main-img>a {margin-bottom: 10px;}
    .footer-info > *:last-child { width: 100%; padding-top: 10px; margin-top: 10px; border-top: 1px solid rgb(102, 102, 102); }

}