@charset "utf-8"; #wrap{min-width: 1390px;}
 #container .inner{width: 100%; max-width: 1390px;}
 #container { position:relative;}
 #container > div{clear: both; position: relative;}
 .vertical_wrap { display: table; width: 100%; }
 .vertical_wrap .vertical_box { position: relative; display: table-cell; vertical-align: middle; line-height: 1; }
 .main_cont_top { height:662px; background: url("/images/gongik/main/bg_main_top.jpg?build_20250706001") no-repeat center 0;}
 .main_top_wrap { position:relative; width:100%;}
 .main_top_wrap .ment{text-align: center;margin:0 auto; padding:70px 0 0;}
 .main_top_wrap .ment h2 {display: block; width: 363px; height: 35px; background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -106px 0; text-indent: -99999px; margin:0 auto 22px;}
 .main_top_wrap .ment p {display: block; width: 518px; height: 35px; background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat 0 -59px; text-indent: -99999px; margin:0 auto;}
 .popup_box {background-color: #333; width:61%; float: left;position:relative;margin-top: 56px;}
 .popup_box ul {}
 .popup_box ul li {height:395px;}
 .popup_box ul li a {height:395px; width:100%; overflow:hidden; display:block; position:relative;}
 .popup_box ul li a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid #222; transition: ease-in-out 0.3s;}
 .popup_box ul li a:hover:before{border-width: 2px;}
 .popup_box .popup_control{position: absolute; bottom: 0; right: 0; z-index: 53;}
 .popup_box .popup_control a{float: left; width: 58px; height: 58px; line-height: 58px; background-color: #40434c; overflow: hidden; text-align: center; margin-left: 1px; transition: ease-in-out 0.3s;}
 .popup_box .popup_control a:hover{background-color: #c10d1b;}
 .popup_box .popup_control a:first-child{margin-left: 0;}
 .popup_box .popup_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat 0 0; text-indent: -99999px;}
 .popup_box .popup_control a.prev span.icon{width: 17px; height: 14px; background-position: -402px -167px;}
 .popup_box .popup_control a.next span.icon{width: 17px; height: 14px; background-position: -498px -167px;}
 .popup_box .popup_control a.stop span.icon{width: 9px; height: 12px; background-position: -439px -167px;}
 .popup_box .popup_control a.play span.icon{width: 10px; height: 12px; background-position: -468px -167px;}
 /*.news_wrap {background-color: #fff; width:36.8%;float: left; margin-top: 56px; position:relative; margin-left: 2.2%; height:395px; border:1px solid #d0d0d0; box-sizing:border-box;}
*/ .news_wrap {background-color: #fff; width:510px;float: left; margin-top: 56px; position:relative; margin-left: 2.2%; height:395px; border:1px solid #d0d0d0; box-sizing:border-box;}
 .news_wrap > div { width:100%;}
 .news_wrap > div a.notice_btn {background: #c83232; color:#fff; width:50%; height:58px; display:block; text-align:center; font-size:17px; line-height:58px;float: left; transition: ease-in-out 0.3s; position: relative;}
 .news_wrap > div.on a.notice_btn{background: #fff; color:#000;}
 .news_wrap > div a.notice_btn:hover{background: #157bbd; color: #fff;}
 .news_wrap > div.notice a.more {position: absolute; bottom:18px; right:18px;}
 .news_wrap > div.notice a.more span.ico {background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -400px -213px; display:block; height:24px; width:24px; margin-left:10px; transition:transform 500ms ease-in-out; overflow: hidden; float: right;}
 .news_wrap > div.notice a.more:hover span.ico {transform:rotate(180deg);}
 .news_wrap .tab_cont_box {width: 90%; position:absolute; top:85px; left:5%;}
 .news_wrap .tab_cont_box .list_head { border-bottom: 1px solid #ddd; padding-bottom: 23px; margin-bottom: 20px;padding-left:15px;}
 .news_wrap .tab_cont_box .list_head strong { font-size:18px; font-weight:400; margin-bottom:15px; display:block;}
 .news_wrap .tab_cont_box .list_head p { font-size:14px; color:#666; line-height:1.4; width: 420px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
 .news_wrap .tab_cont_box .list_head span {font-size:14px; color:#537d9b; margin-top:15px; display:block}
 .news_wrap .tab_cont_box .list { padding-left:15px;}
 .news_wrap .tab_cont_box .list a {color:#504f4f; font-size:16px; font-weight:400; display:block; margin-bottom:5px;background: url("/images/gongik/main/bg_dot.gif?build_20250706001") no-repeat 0 9px; padding-left:11px;}
 .news_wrap .tab_cont_box a:hover { text-decoration:underline;}
 .news_wrap .community ul{text-align: center;}
 .news_wrap .community li{display: inline-block; text-align: left; margin-left: 22px;}
 .news_wrap .community li:first-child{margin-left: 0;}
 .news_wrap .community li a{position: relative; display: block;}
 .news_wrap .community li a .img_box{position: relative; overflow: hidden; border: 1px solid #d5d5d5;}
 .news_wrap .community li a .img_box img{transition: ease-in-out 0.3s;}
 .news_wrap .community li a:hover .img_box img{transform: scale(1.07);}
 .news_wrap .community li a .cont_box span.text{display: block; padding: 0 10px; margin-top: 10px; text-align: center; font-size: 17px; color: #333;}
 .main_cont_mid {height: 404px;}
 .main_cont_mid .inner { margin-top:68px;}
 .business { width: 40.5%; float:left;}
 .main_cont_mid h3 {font-size:23px; color:#232323; display: inline-block;vertical-align: middle;}
 .business .business_wrap { background-color:#eaeaea;border:1px solid #d5d5d5;height: 311px; width:100%; box-sizing:border-box; margin-top:20px; position:relative}
 .business .business_wrap > div { width:100%}
 .business .business_wrap > div a.title_btn { background:#fff; float:left; width:33.333333%; height:51px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; line-height:51px; font-size:16px; text-align:center; box-sizing:border-box;transition: ease-in-out 0.3s;}
 .business .business_wrap > div:last-child a.title_btn {border-right:none;}
 .business .business_wrap > div.on a.title_btn { background-color:#eaeaea;border-bottom: none;}
 .business .business_wrap > div a.title_btn:hover {background-color:#ffcd33;}
 .business .business_wrap .slider_box{width: 78%; position:absolute; top:82px; left: 0; right: 0; padding: 0 11%; height:160px; }
 .business .business_wrap .tab_cont_box li { float:left; }
 .business .business_wrap .tab_cont_box li.list_none { text-align:center; }
 .business .business_wrap .tab_cont_box li:last-child {margin-right:0;}
 .business .business_wrap .tab_cont_box li a {display:block; height:160px; border-radius:3px; background-color:#fff; position:relative;transition: ease-in-out 0.3s;}
 .business .business_wrap .tab_cont_box li a:hover {box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .business .business_wrap .tab_cont_box li a:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; z-index: 1; transition: ease-in-out 0.3s; border-radius:3px;}
 .business .business_wrap .tab_cont_box li a:hover:before{border-color: #222;}
 .business .business_wrap .tab_cont_box.no_slider.type1 li.no_list{float: none;}
 .business .business_wrap .tab_cont_box.no_slider.type1 li.no_list a{line-height: 160px; text-align: center;}
 .business .business_wrap .tab_cont_box.no_slider li.no_list p{padding: 0; font-weight: 400; font-size: 20px;}
 .business .business_wrap .tab_cont_box.no_slider li.no_list2{text-align: center;}
 .business .business_wrap .tab_cont_box.no_slider .vertical_wrap{height: 100%;}
 .business .business_wrap .tab_cont_box.no_slider .vertical_wrap .vertical_box{line-height: 24px;}
 .business .business_wrap .tab_cont_box.no_slider.type2 li{float: left; width: 46%;}
 .business .business_wrap .tab_cont_box.no_slider.type2 li:first-child{margin-right: 4%}
 .business .business_wrap .tab_cont_box li.no_list2 .vertical_wrap{height: 100%;}
 .business .business_wrap .tab_cont_box li.no_list2 p{font-size: 16px;}
 .business .business_wrap .tab_cont_box a { padding:15px; display:block; }
 .business .business_wrap .tab_cont_box a strong {font-size:16px; font-weight:400;  overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
 .business .business_wrap .tab_cont_box a .contents { width:100%; height:48px; overflow:hidden; font-size:14px; color:#7b7b7b; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:15px; }
 .business .business_wrap .tab_cont_box a p {font-size:16px; padding: 0 0 5px 20px; display:block; color:#575757}
 .business .business_wrap .tab_cont_box a span.date {font-size:14px; color:#537d9b; display:block; margin-top:10px; }
 .business .business_wrap .tab_cont_box a span.step { position: absolute; left: 0; bottom:0; height:40px; text-align:center; width:100%; background-color:#868686; line-height:40px; color:#fff; border-radius:0 0 3px 3px;}
 .business .business_wrap .tab_cont_box a span.step.receive { background-color:#c83232}
 .business .business_wrap > div .list_control a {width: 45px; height: 44px; display:block; line-height: 44px; background-color: #40434c; overflow: hidden; text-align: center; transition: ease-in-out 0.3s;position:absolute; top:50%; margin-top: -22px;}
 .business .business_wrap > div .list_control a:hover{background-color: #c10d1b;}
 .business .business_wrap > div .list_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat 0 0; text-indent: -99999px;}
 .business .business_wrap > div .list_control a.prev {left:0}
 .business .business_wrap > div .list_control a.next {right:0}
 .business .business_wrap > div .list_control a.prev span.icon{width: 17px; height: 14px; background-position: -402px -167px;}
 .business .business_wrap > div .list_control a.next span.icon{width: 17px; height: 14px; background-position: -498px -167px;}
  .business .business_wrap .manual .tab_cont_box li {width: 216px;}
 .business .business_wrap .manual .tab_cont_box li a{display: block; }
 .business .business_wrap .manual .tab_cont_box li a:before{content: none;}
 .business .business_wrap .manual .tab_cont_box li a:hover{box-shadow: none;}
 .business .business_wrap .manual .tab_cont_box li .img_box{position: relative; overflow: hidden; transition: ease-in-out 0.3s;}
 .business .business_wrap .manual .tab_cont_box li a:hover .img_box{box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .business .business_wrap .manual .tab_cont_box li a .img_box:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border: 1px solid transparent; box-sizing: border-box; transition: ease-in-out 0.3s;}
 .business .business_wrap .manual .tab_cont_box li a:hover .img_box:before{border-color: #222;}
 .business .business_wrap .manual .tab_cont_box li .img_box img {width: 100%;}
  .business .business_wrap .sharing .tab_cont_box li a{display: block; background: none;}
 .business .business_wrap .sharing .tab_cont_box li a:before{content: none;}
 .business .business_wrap .sharing .tab_cont_box li a:hover{box-shadow: none;}
 .business .business_wrap .sharing .tab_cont_box li .img_box{position: relative; overflow: hidden; transition: ease-in-out 0.3s;}
 .business .business_wrap .sharing .tab_cont_box li a:hover .img_box{box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .business .business_wrap .sharing .tab_cont_box li a .img_box:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border: 1px solid transparent; box-sizing: border-box; transition: ease-in-out 0.3s;}
 .business .business_wrap .sharing .tab_cont_box li a:hover .img_box:before{border-color: #222;}
 .business .business_wrap .sharing .tab_cont_box li a .cont_box strong{padding: 10px; margin-top: 5px; text-align: center;}
  .business .business_wrap .tab_cont_box li a span.ing{ position: absolute; bottom: 0; right: 0; background-color:#039D93; color:#fff; padding: 0 6px; }
 .business .business_wrap .tab_cont_box li a span.end{ position: absolute; bottom: 0; right: 0; background-color:#323232; color:#fff; padding: 0 6px; }
 .business .business_wrap .tab_cont_box li a span.wait{ position: absolute; bottom: 0; right: 0; background-color:#2A548E; color:#fff; padding: 0 6px; }
 .nj_event{width: 40.5%; float:left;margin-left:3%;}
 .nj_event h3 em { color:#c83232; margin-right:3px;}
 .nj_event a.more {background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -400px -213px; text-indent: -99999px; display:inline-block; height:24px; width:24px; margin-left:10px; transition:transform 500ms ease-in-out;}
 .nj_event a.more:hover {transform:rotate(180deg);}
 .nj_event .m_calendar { width:100%; margin-top:20px; height:311px;border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; box-sizing:border-box}
 .nj_event .m_calendar th { width:14.28571428%; text-align:center; background:#f3f3f3; border-right:1px solid #e3e3e3; border-top:2px solid #40434c; font-weight:400; padding:14px 0; box-sizing:border-box}
 .nj_event .m_calendar td {border-right:1px solid #e3e3e3; height:33px;vertical-align: top;line-height: 1; padding: 5px 0 5px 8px;}
 .nj_event .m_calendar tr:first-child td{padding-top: 20px;}
 .nj_event .m_calendar tr:last-child td{padding-bottom: 10px;}
 .nj_event .m_calendar td span.date { display:inline-block; width:22px;vertical-align: top;}
 .nj_event .m_calendar td span.ico { margin-right:1px;}
 .nj_event .m_calendar td .type_on { display:inline-block;width: 48px;}
 .nj_event .m_calendar td .type_on span.ico{position: relative; width:9px; height:9px;}
 .nj_event .m_calendar td .type_on span.ico.center_iljung{width:3px; height:3px;}
 .nj_event .type { float:right;}
 .nj_event .type ul li { float: left; margin-left:17px;}
 .nj_event span.ico { height:12px; width:12px; border-radius:50%; display:inline-block; margin-right:4px; vertical-align:middle;}
 .nj_event span.ico.center_iljung { background-color:#fff; border:3px solid #ff0000; width:6px; height: 6px;}
 .nj_event span.ico.edu { background-color:#00a062;}
 .nj_event span.ico.event { background-color:#157bbd;}
 .nj_event span.ico.recruit { background-color:#fcb811;}
 .nj_event span.ico.show { background-color:#7574bf;}
 .nj_event span.ico.etc { background-color:#c83232;}
 .nj_event .m_calendar td .type_on span.ico span{position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 1px solid #40434c; background-color: #fff; border-radius: 5px; padding: 0 10px; width: 30px; height: 34px; line-height: 34px; text-align: center; z-index: 1; margin-bottom: 5px; display: none;}
 .nj_event .m_calendar td .type_on span.ico span:before{content: ''; position: absolute; top: 100%; left: 50%; border-style: solid; border-width: 6px 6px 0 6px; border-color: #333 transparent; margin-left: -6px;}
 .nj_event .m_calendar td .type_on span.ico span:after{content: ''; position: absolute; top: 100%; left: 50%; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent; margin-left: -5px;}
 .nj_event .m_calendar td .type_on span.ico.show span { width: 60px;}
 .nj_event .m_calendar td .type_on span.ico:hover span{display: block;}
 .btn_link {width:13%; float:left;margin-left:3%; padding-top:43px;}
 .btn_link ul { width:100%}
 .btn_link ul li a {display: block; height: 64px; color:#fff; padding-top:14px; font-weight:400;transition: ease-in-out 0.3s;}
 .btn_link ul li a:hover {color:#ffcd33; background-color:#157bbd !important;}
 .btn_link ul li.newsletter a { background-color:#7574bf}
 .btn_link ul li.rent a { background-color:#5fb3b2}
 .btn_link ul li.green a { background-color:#00a062}
 .btn_link ul li.e_shop a { background-color:#75b35f}
 .btn_link ul li a span.ico {background: url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat 0 0;text-indent: -99999px; display:block;  height:57px; width:63px; margin:0 10px 4px; background-size: 600px; float: left;}
 .btn_link ul li.newsletter span.ico { background-position: -519px 5px;}
 .btn_link ul li.rent span.ico { background-position: -523px -63px;}
 .btn_link ul li.green span.ico { background-position: -523px -143px;}
 .btn_link ul li.e_shop span.ico { background-position: -524px -210px;}
 .btn_link ul li span.ment {margin-top:15px; float: left; font-size:13px;}
 .btn_banner {margin: 20px auto; width: 100%; height: 50px; overflow: hidden; display: block;}
 .btn_banner ul {width: 100%;}
 .btn_banner ul li {margin-left: 52px; float: left; display: inline-block;}
 .btn_banner ul li:first-child {margin-left: 0px;}
 .main_cont_bot {  height:407px; background:url("/images/gongik/main/bg_main_bot.jpg?build_20250706001") no-repeat center 0;}
 .main_cont_bot .sns { margin-top:50px; display:inline-block;width: 100%;}
 .main_cont_bot .sns h3 {font-size:24px; color:#232323; float:left;margin-top: 14px;}
 .main_cont_bot .sns h3 strong {background:url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -9px -164px; text-indent:-9999px; display:inline-block; height:24px; width:59px; margin-left:10px;}
 .main_cont_bot .sns .type {float:right;}
 .main_cont_bot .sns .type ul li {float:left; margin-left:8px}
 .main_cont_bot .sns .type ul li a { display:block; height:49px; width:49px; background-color:#fff; border-radius:50%;transition: ease-in-out 0.3s;}
 .main_cont_bot .sns .type ul li a:hover {background-color:#ffcd33;}
 .main_cont_bot .sns .type ul li a span {background:url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -9px -164px; text-indent:-9999px; display:block; height:49px; width:49px;}
 .main_cont_bot .sns .type ul li a span.facebook { background-position:-102px -153px;}
 .main_cont_bot .sns .type ul li a span.blog { background-position:-158px -153px;}
 .main_cont_bot .sns .type ul li a span.daum { background-position:-214px -153px;}
 .main_cont_bot .sns .type ul li a span.pikicast { background-position:-272px -153px;}
 .main_cont_bot .sns .sns_list { float:left; width:100%; margin-top:27px;}
 .main_cont_bot .sns .sns_list li {float:left; width:18.92%; margin-right:1.35%;}
 .main_cont_bot .sns .sns_list li:last-child {margin-right:0;}
 .main_cont_bot .sns .sns_list li a { display:block;}
 .main_cont_bot .sns .sns_list li a .thumb {position: relative; display: block; transition: ease-in-out 0.3s;}
 .main_cont_bot .sns .sns_list li a:hover .thumb {box-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
 .main_cont_bot .sns .sns_list li a .thumb:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid transparent; z-index: 1; transition: ease-in-out 0.3s;}
 .main_cont_bot .sns .sns_list li a:hover .thumb:before{border-color: #222;}
 .main_cont_bot .sns .sns_list li a .thumb img {width:100%; height:auto; max-height:280px;}
 .main_cont_bot .sns .sns_list li a .thumb span { position:absolute; bottom:10px; right:10px; width:49px; height:49px; border-radius:50%;text-indent:-9999px; display:block; }
 .main_cont_bot .sns .sns_list li a .thumb span.facebook {background: #445e99 url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -100px -199px;}
 .main_cont_bot .sns .sns_list li a .thumb span.blog {background: #31b14a url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -158px -199px;}
 .main_cont_bot .sns .sns_list li a .thumb span.daum {background: #fff url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -214px -153px;}
 .main_cont_bot .sns .sns_list li a .thumb span.pikicast {background: #fff url("/images/gongik/main/main_sp.png?build_20250706001") no-repeat -272px -153px;}
 .main_cont_bot .sns .sns_list li a span.title { font-size:16px; font-weight:400; display:block; margin-top:15px; color:#393939}
 .main_cont_bot .sns .sns_list li a span.date { font-size:14px; font-weight:400; display:block; color:#848484; margin-top:3px;}