@charset "utf-8";

/***** header *****/
[name=language].select02 { background-color: transparent; font-family: 'notokr-regular';
    font-size: 14px;
    color: #fff;
    appearance: auto;
    background-image: none;
    width: 70px;
}
[name=language].select02 option {color: #7EB4DB;}
.footer-menu>ul>li>a.re::before{display: none;}
.menu-img>img{width: 100%; height: 100%;}
.pc-header{display: block;  width: 100%; height: auto;}
.header-top{height: 50px; background: #7EB4DB; border-bottom: 1px solid #9bd5ff; padding :10px 20px;}
.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 {display: flex; align-items: center;}
.login-box::after{content: ''; display: block; clear: both;}
.login-box>dt{float: left; }
.login-box>dt{padding-right: 20px;}
.login-box>dt:last-child{padding-right: 0;}
.login-box>dt>a{display: block; font-family:'notokr-regular'; font-size: 14px; color: #ffffff; line-height: 30px;}
.header-content{height: 80px; background-color: #7EB4DB; position: relative; z-index: 2; transition: .3s;}
.header-content>ul{max-width: 1400px; margin: 0 auto;}
.header-content.on .menu-area li a>p{color: #666; height: 70px;}
.header-content.on .menu-area li a> p.on{color: #7EB4DB; font-family:'notokr-bold';}
.menu-area>li>a>p.on::after{position: relative; top: -20px; content: ''; display: block; width: auto; height: 3px;margin: 0 auto; background-color: #7EB4DB;}
.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:35px; background: url(../images/common/logo_menu.png) center no-repeat; width: 227px; height: 56px; }
.login-box>dt>a,
.lang-btn.lang-btn2{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
}
.login-box>dt>a::before,
.lang-btn.lang-btn2::before{
  content: '';
  display: block;
  width: 17px;
  aspect-ratio: 1 / 1;
  background-repeat: no-repeat;
  background-position: center;
}
.login-box>dt>a.login::before{
  background-image: url(../images/common/ico/ico_logout.png);
}
.login-box>dt>a.logout::before{
  background-image: url(../images/common/ico/ico_login.png);
}
.login-box>dt>a.join::before{
  background-image: url(../images/common/ico/ico_join.png);
}
.login-box>dt>a.donation::before{
  background-image: url(../images/common/ico/ico_donation.png);
}
.lang-btn.lang-btn2::before{
  background-image: url(../images/common/ico/ico_lang.png);
}

/* .header-content>ul>li:first-child>a.new-gcc-logo{width:200px; height:80px; padding-top:0px; background: url(/userContent/images/common/gcc_logo_menu.png.png) center no-repeat; background-size:100%;} */
.header-content>ul>li:first-child>a.new-gcc-logo{width:230px; height:80px; padding-top:0px; background: url(../images/common/gcc_logo_footer.png) center no-repeat; background-size:100%;}
.header-content>ul>li:first-child>a.new-ggcf-logo{width:140px; height:62px; background: url(../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(../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(../images/common/gmoma_default.png) center no-repeat; background-size:173px 56px;}
.header-content>ul>li:first-child>a.new-jgpm-logo{width:147px; height:56px; background: url(../images/common/jgpm_default.png) center no-repeat; background-size:147px 56px;}
.header-content>ul>li:first-child>a.new-musenet-logo{width:240px; height:45px; background: url(../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(../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(../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/common/logo_menu_on.png) center no-repeat; width: 227px; height: 56px;} */
/* .header-content.on>ul>li:first-child>a.new-gcc-logo{width:230px; height:80px; padding-top:0px; background: url(../images/common/gcc_logo_menu_hover.png) center no-repeat; background-size:100%;} */
.header-content.on>ul>li:first-child>a.new-ggcf-logo{width:140px; height:62px; background: url(../images/common/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/common/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/common/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/common/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/common/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/common/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/common/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: 24px; color: #ffffff; line-height: 70px;  padding: 5px 60px; padding-right: 30px;}
.login-box .search-btn{background: url(../images/common/btn/search_btn.png) center no-repeat; width:18px ; height: 18px; padding: 0; padding-right: 30px;  background-size: contain;}
.sub-menu-area{ display: none; position: absolute; z-index: 3; top:80px; border-top:solid 1px #e0e0e0; left: 50%; transform: translateX(-30px); 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: 160px;}
.sub-menu-area>ul>li>a{display: block; width: 100%; padding: 16px 0 16px 25px; box-sizing: border-box; font-family:'notokr-regular'; font-size: 20px; transition: background-color .5s;}
.sub-menu-area>ul>li>a.on{font-family:'notokr-medium'; color: #fff; background-color: #7EB4DB; transition: background-color .3s;}

.header-content.on{background: #fff; height: 80px; 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;}

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

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

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


/* 검색 영역 */
.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 #7EB4DB; 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/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(../images/common/btn/search_close_btn_img.png) no-repeat;
cursor: pointer;display: block;border: 0; background-size: 22px 22px;}
/***** footer *****/
.new-footer{display: table;}
.new-footer>.re{display: table-cell !important; 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: #181818;}
.copy-area>p{color:#a6a6a6; font-family:'notokr-regular'; text-align: center; line-height: 44px;}
.mobile-header{display: none;}
.footer-top{height: 62px; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef;}
.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{display: table-cell;}
.footer-menu>ul::after{content: ''; display: block; clear: both; }
.footer-menu>ul>li{float: left;}
.footer-menu>ul>li>a{display: block; position: relative; line-height: 62px; font-family:'notokr-regular'; font-size: 16px; color: #222222; }
.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: right;}
.footer-sns-box>li>a{display: block; width: 32px; height: 32px; padding-top:30px}
.footer-sns-box>li:nth-of-type(3)>a{background: url(../images/common/ico/color_youtube.png) center no-repeat; background-size: 32px 32px; margin-right: 20px;}
.footer-sns-box>li:nth-of-type(2) >a{background: url(../images/common/ico/color_facebook.png) center no-repeat; background-size: 32px 32px; margin-right: 20px;}
.footer-sns-box>li:nth-of-type(4) > a{background: url(../images/common/ico/color_instar.png) center no-repeat;background-size: 32px 32px;margin-right: 20px;}
.footer-sns-box>li:nth-of-type(1)>a{background: url(../images/common/ico/color_blog.png) center no-repeat; background-size: 32px 32px;margin-right: 20px;}
.footer-bottom{ background:#e8f1f8;}
.flex__footer{
    max-width: 1400px; position: relative; margin: 0 auto; padding: 30px 0 40px 0;width: 100%;
}
.footer-main-img>a{display: block; padding-bottom: 25px; width: 227px; height: 31px; background: url(../images/common/logo_menu_on.png) center no-repeat; background-size: 227px 56px;}

.footer-main-img>a.new-gcc-footer{width:220px; height:60px; background: url(../images/common/ico_ft_logo.png) center no-repeat; background-size:100%;}
.footer-main-img>a.new-ggcf-footer{width:117px; height:52px; background: url(../images/common/ggcf_logo_footer.png) center no-repeat; background-size:117px 52px;}
.footer-main-img>a.new-gjicp-footer{width:168px; height:51px; background: url(../images/common/gjicp_logo_footer.png) center no-repeat; background-size:168px 51px;}

.footer-main-img>a.new-gmoma-footer{width:173px; height:56px; background: url(../images/common/gmoma_hover.png) center no-repeat; background-size:173px 56px;}
.footer-main-img>a.new-jgpm-footer{width:147px; height:56px; background: url(../images/common/jgpm_hover.png) center no-repeat; background-size:147px 56px;}
.footer-main-img>a.new-musenet-footer{width:240px; height:45px; background: url(../images/common/musenet_hover.png) center no-repeat; background-size:240px 45px;}
.footer-main-img>a.new-njp-footer{width:175px; height:56px; background: url(../images/common/njp_hover.png) center no-repeat; background-size:175px 56px;}
.footer-main-img>a.new-silhak-footer{width:144px; height:56px; background: url(../images/common/silhak_hover.png) center no-repeat; background-size:144px 56px;}

.footer-main-img {display: inline-block;}
.footer-bottom-content{position: relative; display: inline-block; margin: 0 auto;}
.footer-bottom-content.pc{display: block;}
.footer-bottom-content>div{ position: relative;}
.footer-bottom-content>div::after{content: ''; display: block; clear: both;}
.footer-bottom-content>.pc-flex{display: flex;}
.footer-bottom-content>div>.new-f-box{width: auto; margin:0 auto; float: left; padding-left: 0px; 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: #000; }
.footer-bottom-content>div>p>span{font-family:'notokr-medium'; font-size: 14px; color: #737373; display: block;}
.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(../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;}
.footer-bottom-logo {display: inline-block; vertical-align: top;}
.footer-bottom-logo img {width: 100%;}
.ft_logo_wrap {display: flex; align-items: center; gap:10px}
.flex__footer {display: flex;}
.footer-menu2 {float: left; height: 62px;}
.footer-menu2 ul {display: flex; position: relative; top: 50%; transform: translateY(-50%);}
.footer-menu2 ul select {padding: 0 32px 0 10px; font-size: 16px; vertical-align: inherit; color: #222222; font-family: 'notokr-regular';}
.footer-menu2 ul select option {font-size: 16px; font-family: 'notokr-regular';}
.footer-menu3 {display: flex; color: #222;}
.footer-menu3 > ul {width: 240px; position: relative; cursor: pointer; height: 62px; border-right: 1px solid #eee; border-left: 1px solid #eee;}
.footer-menu3 .tit {padding: 0 30px; line-height: 62px;}
.footer-menu3 .tit::after {content: ''; background-image: url(../images/common/btn/footer02-arrow.png); width: 12px; height: 7px; background-size: 100%; position: absolute; right: 30px; top: 28px;}
.footer-menu3 .sub-menu {position: absolute; top: -202px; z-index: 99; left: -1px; background-color: #fff; height: 200px; display: none; border: 1px solid #eee; align-items: flex-end;}
.footer-menu3 .sub-menu > ul {width: 240px;}
.footer-menu3 .sub-menu > ul > li a{padding: 12px 30px; transition: all 0.2s; display: block;}
.footer-menu3 .sub-menu > ul > li:hover {background-color: #7EB4DB; color: #fff;}
/* .footer-menu3 > ul:hover .sub-menu {display: block;} */

/* nav-bar */
.nav-bar { max-width: 1420px; margin: 0 auto; /* padding: 0 10px; */ display: flex; justify-content: space-between; align-items: center;}
.nav-bar .on-border {border-bottom: 0px solid;border-left: 1px solid #7EB4DB!important; border-right: 1px solid #7EB4DB!important;}
.nav-bar .nav-bar-left {border-left: 1px solid #bfbfbf;}
.nav-bar .nav-bar-left > div {display: block; padding: 13px 22px; border-right: 1px solid #bfbfbf; float: left;}
.nav-bar .nav-bar-left .nav-bar-menu { max-width: 100%; width: 212px; position: relative; font-weight: 500; box-sizing: border-box;}
.nav-bar-menu-wrap { margin: 0 auto; padding: 0 10px; display: flex; justify-content: space-between; align-items: center;}
.nav-bar .inner {width:100%;}
.nav-bar .nav-bar-left .nav-bar-menu .clearfix {display: flex;}
.nav-bar .nav-bar-left .nav-bar-menu span {width: 100%; text-overflow:ellipsis; text-wrap: nowrap; overflow: hidden;}
.nav-bar .nav-bar-left .nav-bar-menu .active { cursor: pointer; }
.nav-bar .nav-bar-left .nav-bar-menu .on-color {color: #7EB4DB;}
.nav-bar .nav-bar-left .nav-bar-menu i.xi-angle-down { display: none; }
.nav-bar .nav-bar-left .nav-bar-menu.active i.xi-angle-down { display: block; }
.nav-bar .nav-bar-left .nav-bar-menu i.xi-caret-down-min { transform: rotate(-90deg); margin-top: 3px;}
.nav-bar .nav-bar-left .home { vertical-align: super; padding: 0; border-right: none;}
.nav-bar .nav-bar-left .home a {position: relative; display: block; width: 50px; text-align: center; line-height: 48px; border-right: 1px solid #bfbfbf;}
.nav-bar .nav-bar-left .home a:after {top: 11px; left: 16px; position:absolute; width: 18px; height: 24px; background: url(../images/common/ico/navi_home_img.png) center no-repeat; content:""; display:block; width:18px; height:24px;}
.nav-bar .nav-bar-left .home img {vertical-align: 0;}
/* .nav-bar .nav-bar-right {height: 48px;}
.nav-bar .nav-bar-right ul li {display: inline-block; width: 50px; height: 100%; line-height: 48px; text-align: center; vertical-align: middle;}
.nav-bar .nav-bar-right ul li a {height: 100%; line-height: 48px; display: block;}
.nav-bar .nav-bar-right ul li a.print {background: url(https://www.ggcf.kr/assets/images/icon/tit-print.png) no-repeat center / 20px; padding: 24px 0;}
.nav-bar .nav-bar-right ul li a.like {background: url(https://www.ggcf.kr/assets/images/icon/tit-like.png) no-repeat center / 20px; padding: 24px 0;}
.nav-bar .nav-bar-right ul li a.like.on {background: url(https://www.ggcf.kr/assets/images/icon/tit-like-on.png) no-repeat center / 20px; padding: 24px 0;}
.nav-bar .nav-bar-right ul li:first-child a {font-size: 24px;}
.nav-bar .nav-bar-right ul li:last-child a {font-size: 15px; font-weight: bold; color: #bdbdbd;} */
/* 20221027 리뉴얼 css 작성 */
.nav-bar .nav-bar-menu i{position: relative;top: 3px;margin-left:5px;}
.nav-bar .nav-bar-left .nav-bar-sub-menu {background-color: rgb(255, 255, 255);width: 100%;position: absolute;top: 96%;left: -1px; z-index: 999; display:none; border: 1px solid #7EB4DB;border-top: 0px; box-sizing: content-box;}
.nav-bar .nav-bar-left .nav-bar-sub-menu div {padding: 12px 22px; font-weight: 500; overflow: hidden; text-overflow: ellipsis;}
.nav-bar .nav-bar-left .nav-bar-sub-menu div:hover {color: #7EB4DB; text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-position: under;}
.nav-bar .nav-bar-left .nav-bar-sub-menu div a{padding: 12px;}



/*************************************************pc&태블릿*************************************************/
@media all and (max-width:1600px){
  .header-content{padding:0 90px 0 20px; box-sizing: border-box;}

}
@media all and (max-width:1440px){
    .search-close{right:20px}
    .main-search-box{margin:0}
    .footer-box{padding:0 20px 38px 20px; box-sizing: border-box;}
    .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: 5px 40px;}

}


/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
    .flex__footer {flex-direction: column;padding: 0;}
    .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: relative;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: #7EB4DB; padding:15px 40px; box-sizing: border-box;}
    .mobile-header-content{height: 100px; background-color: #7EB4DB; 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:20px}


    .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: #7EB4DB; 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(../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(../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:#7EB4DB;}
    .mobile-menu.ggcf-mobile-menu>ul{background:#7EB4DB;}

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

    /***** gcc *****/
    .mobile-top.gcc-mibile-top{background:#7EB4DB; display: none;}
    .mobile-menu.gcc-mobile-menu>ul{background:#7EB4DB;}

    /* 검색 영역 */
    .search-close{position: absolute; right: 0; top: 36px;   margin: 0;padding: 0;text-indent: -9999px;width: 42px;height: 42px;background: url(../images/common/btn/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 */
    .footer-menu3 {display: none;}
    .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: 36px 40px;}
    .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>li{padding-bottom: 10px;}
    .footer-menu>ul>li>a{font-size: 28px; 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(../images/common/ico/color_m_youtube.png) center no-repeat;
    background-size: 63px 63px;margin-right: 20px;}
    .footer-sns-box>li > a {background: url(../images/common/ico/color_m_facebook.png) center no-repeat; background-size: 63px 63px;}
    .footer-sns-box>li:last-child>a {background: url(../images/common/ico/color_m_instar.png) center no-repeat;
    background-size: 63px 63px;}
    .footer-sns-box>li>a{width: 63px; height: 63px;}
    .footer-main-img>a {display: block;padding-bottom: 25px;width: 279px;height: 66px; margin:0 auto 10px auto; background: url(../images/common/m_footer_btn0.png) center no-repeat;
    background-size: 279px 66px;}
    .footer-bottom {padding: 30px 20px 40px;}
    .footer-bottom-content{display: block;position: relative;
        display: table;
        width: 100%;
        margin: 0 auto;}
    .footer-bottom-content>div{text-align: center;}
    .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;  }
    .footer-bottom-content>div>p>span{font-size: 22px; line-height: 36px; font-family: 'notokr-medium'; color: #737373;
        display: block;}
        .footer-menu2 ul select {font-size: 14px;}

        .ft_logo_wrap{justify-content: center; gap:0;margin-bottom: 15px;}
        .footer-sns-box{display: flex;justify-content: center;padding: 20px 0 10px;gap: 24px;}
        .footer-sns-box>li{float:none;}
        .footer-sns-box>li>a {background-size: 32px 32px !important;width: 32px ;height:32px;margin: 0 !important;padding:0;}
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
    /* 태블릿 헤더 */
    .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}


    .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: 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 10px;}
    .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: 0px;}
    .footer-menu>ul>li>a{font-size: 12px; line-height:normal; display: flex;}
    .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(../images/common/ico/color_m_youtube.png) center no-repeat;
    background-size: 31px 31px;margin-right: 10px;}
    .footer-sns-box>li:nth-of-type(2)>a {background: url(../images/common/ico/color_m_facebook.png) center no-repeat;
    background-size: 31px 31px; margin: 0 10px;}
    .footer-sns-box>li:nth-of-type(3)>a {background: url(../images/common/ico/color_m_instar.png) center no-repeat;
    background-size: 31px 31px; margin: 0 10px;}
    .footer-sns-box>li:last-child>a {background: url(../images/common/ico/color_blog.png) center no-repeat;
    background-size: 31px 31px;margin-left: 10px;}
    .footer-sns-box>li>a{width: 31px;height: 31px;background-size: contain !important;}
    .footer-sns-box>li:nth-of-type(2) > a{margin-right: 10px;}
	.footer-sns-box>li:nth-of-type(3) > a{margin-right: 10px;}
	.footer-sns-box>li:last-child>a{margin-right: 10px;}
    .footer-main-img>a {display: block;padding-bottom: 13px;width: 139px;height: 33px; margin:0 auto 5px auto; background: url(../images/common/m_footer_btn0.png) center no-repeat;
    background-size: 139px 33px;}
    .footer-bottom {padding: 31px 25px 0 25px; margin: 0;}
    .footer-bottom-content>div{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>div>p.bold{font-weight: 700;}


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


    .nav-bar .nav-bar-left .nav-bar-menu { width: 136px;}
    .nav-bar-menu-wrap { flex-direction: column; padding: 0px; }
    .nav-bar-right{ position:relative;}
    .nav-bar-right:after {position:absolute; content:""; border-top: 1px solid #bfbfbf; width: 100%; display: flex; justify-content: center; padding: 10px 0px;}

    /* 20240816 css 수정 */
    .footer-bottom-logo img {
        width: 80%;
        margin: 0 auto;
        display: flex;
        padding: 15px 0 0;
    }
    .footer-sns-box { display: flex; justify-content: center;}
    .footer-sns-box>li {float:none; }
    .view-sns {
        padding: 6px 0 0;
        margin:0 20px;
    }
    .nav-bar-right.float-right {
        display: flex;
        justify-content: right;
    }
    .nav-bar-menu-wrap {
        align-items: normal;
    }
}
@media all and (max-width:490px){
    .footer-bottom-content>div>p{width: 100%;font-size: 14px;line-height: 22px;}

}
@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: inherit;}
    .copy-area>p{font-size: 12px;}
    /* .footer-menu2 ul {flex-direction: column;} */
}

.view-pd {border-bottom: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf;}
.view-pd .page-navi-area {display: flex; padding:0; align-items: center;}
.view-pd .page-navi-area>li {padding: 10px 15px; border-left: 1px solid #bfbfbf; width: 150px;}
.view-pd .page-navi-area>li>p{font-size: 15px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.view-pd .page-navi-area>li:last-child {border-right: 1px solid #bfbfbf;}
.view-pd .page-navi-area>li:last-child p {color: #7EB4DB; font-weight: 600;}
@media all and (max-width:490px){
    .view-pd .page-navi-area>li {width: inherit;}
}


/* 퀵메뉴 */
nav.quick_menu {position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 99;}
nav.quick_menu > ul > li {margin-bottom: 10px;}
nav.quick_menu > ul > li{display: flex; justify-content: end; align-items: center;}
nav.quick_menu > ul > li > p{background-color: #7EB4DB;
  color: #fff; max-width: 0; height: 40px; line-height: 40px; overflow: hidden; transition: max-width 0.3s , padding 0.3s;}
nav.quick_menu > ul > li:first-child > p{background-color: #9f8568;}
nav.quick_menu > ul > li > p.link_wrap a {top: -2px;}
nav.quick_menu > ul > li:hover > p{max-width: 100%; padding: 0 10px;}
nav.quick_menu > ul > li > i{width: 40px; height: 40px; background-image: url('../images/common/quick-menu-logo.png'); background-size: cover; background-repeat: no-repeat; transition: all 0.3s;}
nav.quick_menu > ul > li:hover > i{background-image: url('../images/common/quick-menu-logo_on.png');}
nav.quick_menu > ul > li:nth-child(2) > i{background-position: -41px 0px;}
nav.quick_menu > ul > li:nth-child(3) > i{background-position: -82px 0px;}
/* nav.quick_menu > ul > li:nth-child(4) > i{background-position: -123px 0px;} */
nav.quick_menu > ul > li:nth-child(4) > i{background-position: -164px 0px;}
/* nav.quick_menu > ul > li:nth-child(5) > i{background-position: -164px 0px;} */
nav.quick_menu > ul > li:nth-child(5) > i{background-position: -205px 0px;}
/* nav.quick_menu > ul > li:nth-child(6) > i{background-position: -205px 0px;} */
.link_wrap {display: flex; gap: 5px; align-items: center;}
.link_wrap a {display: inline-block; width:32px; height:32px; font-size:0; background-image: url('../images/common/link-logo-on.png'); background-repeat:no-repeat; position: relative;}
.link_wrap.off a {background-image: url('../images/common/link-logo.png'); transition: all 0.3s;}
.link_wrap.off a:hover {background-image: url('../images/common/link-logo-on.png');}
.link_wrap a.foot_sns_g{background-position:0px 0px;}
.link_wrap a.foot_sns_n{background-position:-42px 0px;}
.link_wrap a.foot_sns_f{background-position:-84px 0px;}
.link_wrap a.foot_sns_i{background-position:-126px 0px;}
.link_wrap a.foot_sns_y{background-position:-168px 0px;}
.link_wrap a.foot_sns_k{background-position:-209px 0px;}
.quick_but{width:40px;height:40px;background:#7EB4DB;color:#fff;display: flex;justify-content: center;align-items: center;position: absolute;top: -50px; right: 1px;cursor: pointer;}
.quick_menu_Tab {
    overflow: hidden; /* 내용이 넘칠 경우 숨김 */
    transition: max-height 0.5s ease; /* 슬라이드 애니메이션 */
    max-height: 500px; /* 최대 높이 설정 (내용에 맞게 조정) */
}

.quick_menu_Tab.collapsed {
    max-height: 0; /* 숨김 상태 */
}