@charset "UTF-8";
@import url(/static/commons/common.css);
* { box-sizing: border-box; }

input[type=text], input[type=password], textarea, select { height: 35px; vertical-align: middle; border: 1px solid #cdcdcd; padding: 0 5px; }

textarea { height: auto; }

input[readonly=readonly] { background-color: #f1f0ee; }

body { font-size: 16px; line-height: 1.8; font-family: "Noto Sans", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

input[type=text].sdate, input[type=text].edate, input[type=text].date { width: 90px; min-width: 5.8em !important; }

@media (max-width: 480px) { input[type=text].sdate, input[type=text].edate, input[type=text].date { width: 70px; } }

[class*=ico-] { display: inline-block; vertical-align: middle; }

.ico-contest { background-image: url(/static/gongu/img/spriteboard.png); background-position: -138px -83px; width: 18px; height: 19px; }

.ico-count { background-image: url(/static/gongu/img/spriteboard.png); background-position: -38px -131px; width: 20px; height: 16px; }

.ico-date { background-image: url(/static/gongu/img/spriteboard.png); background-position: -180px -74px; width: 13px; height: 13px; }

.ico-del { background-image: url(/static/gongu/img/spriteboard.png); background-position: -180px -37px; width: 13px; height: 17px; }

.ico-down { background-image: url(/static/gongu/img/spriteboard.png); background-position: -94px 0px; width: 24px; height: 23px; }

.ico-event { background-image: url(/static/gongu/img/spriteboard.png); background-position: 0px -169px; width: 18px; height: 15px; }

.ico-festival { background-image: url(/static/gongu/img/spriteboard.png); background-position: 0px -131px; width: 18px; height: 18px; }

.ico-file { background-image: url(/static/gongu/img/spriteboard.png); background-position: -44px -88px; width: 24px; height: 23px; }

.ico-files { background-image: url(/static/gongu/img/spriteboard.png); background-position: -138px 0px; width: 22px; height: 24px; }

.ico-hwp { background-image: url(/static/gongu/img/spriteboard.png); background-position: -88px -88px; width: 24px; height: 23px; }

.ico-img { background-image: url(/static/gongu/img/spriteboard.png); background-position: -50px 0px; width: 24px; height: 23px; }

.ico-list { background-image: url(/static/gongu/img/spriteboard.png); background-position: -180px -107px; width: 14px; height: 12px; }

.ico-noti { background-image: url(/static/gongu/img/spriteboard.png); background-position: -78px -131px; width: 18px; height: 15px; }

.ico-notice { background-image: url(/static/gongu/img/spriteboard.png); background-position: -116px -131px; width: 18px; height: 15px; }

.ico-pdf { background-image: url(/static/gongu/img/spriteboard.png); background-position: 0px -88px; width: 24px; height: 23px; }

.ico-ppt { background-image: url(/static/gongu/img/spriteboard.png); background-position: -94px -43px; width: 24px; height: 23px; }

.ico-reg { background-image: url(/static/gongu/img/spriteboard.png); background-position: -138px -44px; width: 19px; height: 19px; }

.ico-regb { background-image: url(/static/gongu/img/spriteboard.png); background-position: -180px 0px; width: 17px; height: 17px; }

.ico-word { background-image: url(/static/gongu/img/spriteboard.png); background-position: -44px -45px; width: 24px; height: 23px; }

.ico-xls { background-image: url(/static/gongu/img/spriteboard.png); background-position: 0px -45px; width: 24px; height: 23px; }

.qaa { background-image: url(/static/gongu/img/spriteboard.png); background-position: 0px 0px; width: 30px; height: 25px; }

.debug { opacity: 0.5; }

.debug16 { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left; }

.debug8 { background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left; }

.col { float: left; width: 100%; }

.row { margin-left: -10px; margin-right: -10px; }

.row dl { /* clear: both; */ }

.row .col { padding: 10px; }

.no-padding { margin-left: 0; margin-right: 0; }

.no-padding > .col { padding: 0; }

.padding-type > .col { padding: 0 10px; }

.s1 { width: 8.333333%; }

.s-offset-1 { margin-left: 8.333333%; }

.s2 { width: 16.666667%; }

.s-offset-2 { margin-left: 16.666667%; }

.s3 { width: 25%; }

.s-offset-3 { margin-left: 25%; }

.s4 { width: 33.333333%; }

.s-offset-4 { margin-left: 33.333333%; }

.s5 { width: 41.666667%; }

.s-offset-5 { margin-left: 41.666667%; }

.s6 { width: 50%; }

.s-offset-6 { margin-left: 50%; }

.s7 { width: 58.333333%; }

.s-offset-7 { margin-left: 58.333333%; }

.s8 { width: 66.666667%; }

.s-offset-8 { margin-left: 66.666667%; }

.s9 { width: 75%; }

.s-offset-9 { margin-left: 75%; }

.s10 { width: 83.333333%; }

.s-offset-10 { margin-left: 83.333333%; }

.s11 { width: 91.666667%; }

.s-offset-11 { margin-left: 91.666667%; }

.s12 { width: 100%; }

.s-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .m1 { width: 8.333333%; }
  .m-offset-1 { margin-left: 8.333333%; }
  .m2 { width: 16.666667%; }
  .m-offset-2 { margin-left: 16.666667%; }
  .m3 { width: 25%; }
  .m-offset-3 { margin-left: 25%; }
  .m4 { width: 33.333333%; }
  .m-offset-4 { margin-left: 33.333333%; }
  .m5 { width: 41.666667%; }
  .m-offset-5 { margin-left: 41.666667%; }
  .m6 { width: 50%; }
  .m-offset-6 { margin-left: 50%; }
  .m7 { width: 58.333333%; }
  .m-offset-7 { margin-left: 58.333333%; }
  .m8 { width: 66.666667%; }
  .m-offset-8 { margin-left: 66.666667%; }
  .m9 { width: 75%; }
  .m-offset-9 { margin-left: 75%; }
  .m10 { width: 83.333333%; }
  .m-offset-10 { margin-left: 83.333333%; }
  .m11 { width: 91.666667%; }
  .m-offset-11 { margin-left: 91.666667%; }
  .m12 { width: 100%; }
  .m-offset-12 { margin-left: 100%; } }

@media (max-width: 600px) { .x1 { width: 8.333333%; }
  .x-offset-1 { margin-left: 8.333333%; }
  .x2 { width: 16.666667%; }
  .x-offset-2 { margin-left: 16.666667%; }
  .x3 { width: 25%; }
  .x-offset-3 { margin-left: 25%; }
  .x4 { width: 33.333333%; }
  .x-offset-4 { margin-left: 33.333333%; }
  .x5 { width: 41.666667%; }
  .x-offset-5 { margin-left: 41.666667%; }
  .x6 { width: 50%; }
  .x-offset-6 { margin-left: 50%; }
  .x7 { width: 58.333333%; }
  .x-offset-7 { margin-left: 58.333333%; }
  .x8 { width: 66.666667%; }
  .x-offset-8 { margin-left: 66.666667%; }
  .x9 { width: 75%; }
  .x-offset-9 { margin-left: 75%; }
  .x10 { width: 83.333333%; }
  .x-offset-10 { margin-left: 83.333333%; }
  .x11 { width: 91.666667%; }
  .x-offset-11 { margin-left: 91.666667%; }
  .x12 { width: 100%; }
  .x-offset-12 { margin-left: 100%; } }

@media (min-width: 1030px) { .l1 { width: 8.333333%; }
  .l-offset-1 { margin-left: 8.333333%; }
  .l2 { width: 16.666667%; }
  .l-offset-2 { margin-left: 16.666667%; }
  .l3 { width: 25%; }
  .l-offset-3 { margin-left: 25%; }
  .l4 { width: 33.333333%; }
  .l-offset-4 { margin-left: 33.333333%; }
  .l5 { width: 41.666667%; }
  .l-offset-5 { margin-left: 41.666667%; }
  .l6 { width: 50%; }
  .l-offset-6 { margin-left: 50%; }
  .l7 { width: 58.333333%; }
  .l-offset-7 { margin-left: 58.333333%; }
  .l8 { width: 66.666667%; }
  .l-offset-8 { margin-left: 66.666667%; }
  .l9 { width: 75%; }
  .l-offset-9 { margin-left: 75%; }
  .l10 { width: 83.333333%; }
  .l-offset-10 { margin-left: 83.333333%; }
  .l11 { width: 91.666667%; }
  .l-offset-11 { margin-left: 91.666667%; }
  .l12 { width: 100%; }
  .l-offset-12 { margin-left: 100%; } }

.ratioSet { width: 100%; height: 0; position: relative; display: block; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

.ratioSet.ratio-font { background-size: auto; }

.ratioSet a:focus { outline: 1px dotted  -webkit-focus-ring-color; outline-offset: -2px; border: 1px dotted #fff; }

a:focus .event_end { outline: 1px dotted #fff; outline-offset: -1px; border: 1px dotted #fff; }

.ratio-4x3 { padding-bottom: 73%; }

.ratio-5x3 { padding-bottom: 58%; }

.ratio-3x5 { padding-bottom: 124%; }

.ratio-16x7 { padding-bottom: 43.83%; }

.ratio-16x8 { padding-bottom: 47.16%; }

.ratio-16x9 { padding-bottom: 56.25%; }

.ratio-9x16 { padding-bottom: 177.77%; }

.ratio-3x4 { padding-bottom: 133.33%; }

.ratio-6x4 { padding-bottom: 66.6%; }

.ratio-4x6 { padding-bottom: 150%; }

.ratio-8x3 { padding-bottom: 13.1%; }

.ratio-7x5 { padding-bottom: 71.42%; }

.ratio-1x1 { padding-bottom: 100%; }

.ratioObject { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-size: cover; z-index: 1; }

.ratioObject.bg100p { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

.imgNoBd .ratioObject { border: none; }

.noimage4x3m { display: inline-block; width: 200px; height: 150px; }

.noimage4x3s { display: inline-block; width: 150px; height: 113px; }

.noimage3x4m { display: inline-block; width: 150px; height: 200px; }

.noimage3x4s { display: inline-block; width: 113px; height: 150px; }

.noimage5x7m { display: inline-block; width: 143px; height: 200px; }

.noimage5x7s { display: inline-block; width: 100px; height: 140px; }

@-webkit-keyframes flipInX { 0% { transform: perspective(800px) rotate3d(1, 0, 0, -90deg);
    transform-origin: 50% 0;
    transition-timing-function: ease-in-out;
    opacity: 0; }
  100% { transform: perspective(800px);
    transform-origin: 50% 0; } }

@keyframes flipInX { 0% { transform: perspective(800px) rotate3d(1, 0, 0, -90deg);
    transform-origin: 50% 0;
    transition-timing-function: ease-in-out;
    opacity: 0; }
  100% { transform: perspective(800px);
    transform-origin: 50% 0; } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes slideLeft { 0% { opacity: 0;
    transform: translateX(-100%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@keyframes slideLeft { 0% { opacity: 0;
    transform: translateX(-100%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@-webkit-keyframes bottomVisibleLine { 0% { border-bottom: 2px solid #fff; }
  50% { border-bottom: 2px solid #fff; }
  100% { border-bottom: 2px solid #000; } }

@keyframes bottomVisibleLine { 0% { border-bottom: 2px solid #fff; }
  50% { border-bottom: 2px solid #fff; }
  100% { border-bottom: 2px solid #000; } }

/*  @keyframes bounceInDown {  
	 0% { opacity: 0; transform:translateY(-50px); }
	 100%  { opacity: 1; transform:translateY(0); }
}
 @keyframes bounceInUp {  
	 0% { opacity: 1; transform:translateY(50px); }
	 100%  { opacity: 1; transform:translateY(0); }
} */
/* slick */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

#visual .slick-slide a:focus, .bizInfoArea .slick-slide a:focus, .bannerZone .slick-slide a:focus { border: 1px dotted #000; display: grid; width: 100%; float: left; }

.slick-slide.slick-loading img { display: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

[class*=icon] { display: inline-block; vertical-align: middle; }

.icon-copyright_sm { background-image: url(/static/gongu/img/sprite1.png); background-position: 0px -236px; width: 149px; height: 40px; }

.icon-favorite_off { background-image: url(/static/gongu/img/sprite1.png); background-position: -169px -236px; width: 37px; height: 37px; }

.icon-favorite_on { background-image: url(/static/gongu/img/sprite1.png); background-position: -226px -236px; width: 37px; height: 37px; }

.icon-help-lg { background-image: url(/static/gongu/img/sprite1.png); background-position: -394px -57px; width: 28px; height: 28px; }

.icon-help { background-image: url(/static/gongu/img/sprite1.png); background-position: -394px -144px; width: 18px; height: 18px; }

.icon-loginUser { background-image: url(/static/gongu/img/sprite1.png); background-position: 0px -125px; width: 76px; height: 91px; }

.icon-logo { background-image: url(/static/gongu/img/sprite1.png); background-position: 0px 0px; width: 130px; height: 105px; }

.icon-logow { background-image: url(/static/gongu/img/sprite1.png); background-position: -150px 0px; width: 130px; height: 105px; }

.icon-pagingl { background-image: url(/static/gongu/img/sprite1.png); background-position: -226px -296px; width: 46px; height: 46px; }

.icon-pagingll { background-image: url(/static/gongu/img/sprite1.png); background-position: -292px -296px; width: 46px; height: 46px; }

.icon-pagingr { background-image: url(/static/gongu/img/sprite1.png); background-position: -94px -296px; width: 46px; height: 46px; }

.icon-pagingrr { background-image: url(/static/gongu/img/sprite1.png); background-position: -160px -296px; width: 46px; height: 46px; }

.icon-question { background-image: url(/static/gongu/img/sprite1.png); background-position: -394px -105px; width: 19px; height: 19px; }

.icon-radiooff { background-image: url(/static/gongu/img/sprite1.png); background-position: -395px -218px; width: 24px; height: 21px; }

.icon-radioon { background-image: url(/static/gongu/img/sprite1.png); background-position: -395px -182px; width: 24px; height: 21px; }

.icon-search { background-image: url(/static/gongu/img/sprite1.png); background-position: -96px -125px; width: 76px; height: 91px; }

.icon-sns_1 { background-image: url(/static/gongu/img/sprite1.png); background-position: 0px -296px; width: 74px; height: 74px; }

.icon-sns_2 { background-image: url(/static/gongu/img/sprite1.png); background-position: -300px -188px; width: 74px; height: 74px; }

.icon-sns_3 { background-image: url(/static/gongu/img/sprite1.png); background-position: -300px -94px; width: 74px; height: 74px; }

.icon-sns_4 { background-image: url(/static/gongu/img/sprite1.png); background-position: -300px 0px; width: 74px; height: 74px; }

.icon-sns_5 { background-image: url(/static/gongu/img/sprite1.png); background-position: -192px -125px; width: 74px; height: 74px; }

.icon-videoplay_on { background-image: url(/static/gongu/img/sprite1.png); background-position: -394px 0px; width: 37px; height: 37px; }

.ico_UCI { display: inline-block; width: 24px; height: 24px; vertical-align: text-bottom; background: url(/static/gongu/img/common/uci.gif) 0 center no-repeat; }

.dib { display: inline-block; }

.reqInfor { font-size: 14px; text-align: right; margin-bottom: 8px; }

h2 + .reqInfor { margin-top: -34px; }

.req { display: inline-block; width: 18px; vertical-align: text-top; }

.req:before { content: '\f069'; font-size: 10px; vertical-align: baseline; font-family: "FontAwesome", "돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #dd4804; }

.req > * { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.ico-close { background: url(/static/gongu/img/svg/icon_close.svg) 0 0 no-repeat; display: inline-block; width: 10px; height: 10px; }

.ico-add { background: #fff url(/static/gongu/img/svg/ico-add.svg) center center no-repeat; width: 32px; height: 32px; border: 1px solid #bbbbbb; margin-bottom: 7px; }

.ico-search { background: url(/static/gongu/img/main/m_search.svg) center center no-repeat; width: 40px; height: 58px; }

html, body { width: 100%; height: 100%; }

body { font-weight: 400; color: #000; }

hr { float: left; width: 100%; height: 1px; background: none; border: none; }

hr { border-bottom: 1px solid #ddd; }

img { max-width: 100%; }

.goog-te-gadget .goog-te-combo { position: absolute; left: 0; top: -8px; }

a.goog-logo-link { display: none !important; }

.svgi { display: inline-block; }

.container, .mainSearch { max-width: 1280px; margin: 0 auto; }

.bdLine .bar { display: inline-block; width: 20px; height: 18px; background-position: 50% 50%; vertical-align: middle; }

.dashed { display: block; width: 100%; height: 1px; clear: both; background: none; border-bottom: 1px dashed #eee; margin: 10px 0; }

.upp { text-transform: uppercase; }

.wobk { word-break: keep-all; }

.tooltip { word-break: keep-all; z-index: 1000; }

#wrap { min-width: 310px; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { font-family: "맑은고딕", "malgun gothic", "Nanum Gothic", "나눔고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

#wrap { clear: both; position: relative; width: 100%; }

#header_wrap { position: relative; width: 100%; height: 131px; background-color: #fff; }

.globalHeader { display: block; width: 100%; height: 40px; }

@media (max-width: 767px) { .globalHeader { display: none; } }

#header { position: relative; display: block; height: 87px; width: 100%; }

#header .logo { position: absolute; left: 2%; top: 10%; display: inline-block; z-index: 1; }

#header .logo a { display: block; }

@media (max-width: 1439px) { #header .logo .logoC { display: inline; }
  #Main #header .logo .logoW { display: none; }
  #Main #header .logo .logoC { display: inline; } }

#header .logo .logoC { display: inline; }

#header #AllmenuBtn { position: absolute; display: none; top: 52px; left: 50px; height: 45px; line-height: 45px; }

#header #AllmenuBtn img { vertical-align: middle; }

#header .gnb_etc { position: absolute; z-index: 110; top: 18%; right: 2%; }

#header .gnb_etc > .svgi { vertical-align: top; float: left; }

#header .gnb_etc > .svgi img { width: 44px; height: 44px; }

#header .gnb_etc > .svgi.mGnbBtn { display: none; }

@media (max-width: 1550px) { #header .gnb_etc > .svgi.mGnbBtn { display: block; }
  #Main #header .gnb_etc > .svgi.mGnbBtn { background: url(/static/gongu/img/main/navToggle.svg) center center no-repeat; }
  #Main #header .gnb_etc > .svgi.mGnbBtn img { display: none; } }

#header .gnb_etc > .svgi.schBtn { display: none; vertical-align: top; }

@media (max-width: 767px) { #header .gnb_etc > .svgi.schBtn { display: none; } }

#header .gnb_etc > .svgi.schBtn2 img { width: 33px; height: 33px; margin-top: 40%; }

@media (min-width: 1024px) { .sublayout #header .gnb_etc { right: 20px; /* .loginOutBtn{display: none;} */ }
  .sublayout #header .gnb_etc > .svgi { vertical-align: top; float: left; width: 50px; height: 50px; margin: 0; /* &.mGnbBtn{display: inline-block;} */ }
  .sublayout #header .gnb_etc > .svgi img { display: none; }
  .sublayout #header .gnb_etc > .svgi.schBtn { background: #fff url(/static/gongu/img/svg/search_color.svg) center center no-repeat; display: inline-block; } }

@media (min-width: 768px) { .sublayout #header .gnb_etc > .svgi.loginBtn { background: url(/static/gongu/img/svg/login_black.svg) center center no-repeat; background-size: auto 28px; display: block !important; margin: 0 !important; }
  .sublayout #header .gnb_etc > .svgi.loginBtn img { display: none; } }

#header .gnb_etc a.service-btn { float: left; border: 1px solid #222222; color: #222222; padding: 0 15px; text-align: center; width: auto !important; height: auto !important; margin: 9px 10px 0 0; }

#Main #header .gnb_etc a.service-btn { border: 1px solid #ffffff; color: #ffffff; }

@media (max-width: 1439px) { #header .gnb_etc a.service-btn { margin: 21px 35px 0 0; } }

@media (max-width: 767px) { #header .gnb_etc a.service-btn { display: none; } }

.global { width: auto; text-align: right; margin: 0 auto; height: 40px; }

.global > ul { display: inline-block; vertical-align: top; height: 39px; border-left: 1px solid #668286; }

.global > ul li { float: left; border-bottom: 1px solid #668286; }

.global > ul li a { display: block; height: 39px; line-height: 39px; color: #777777; padding: 0 29px; background-color: #f2f2f2; }

.global > ul li:first-child { border-right: 1px solid #668286; }

.global > ul li.on a { font-weight: 700; color: #3692bd; background: #fff; }

.global .langListSet { position: relative; z-index: 1050; display: inline-block; width: 130px; margin-right: -6px; }

.global .lang_list { text-align: center; }

.global .lang_list > li { height: 40px; line-height: 40px; padding: 0; }

.global .lang_list > li button { background: none; padding: 0; width: 100%; }

.global .lang_list ul { display: none; position: absolute; width: 100%; line-height: 36px; padding: 10px; left: 0; border: 1px solid #333; background-color: rgba(255, 255, 255, 0.9); }

.global .lang_list ul li { border-bottom: 1px solid #eee; }

.global .lang_list ul li:last-child { border: none; }

.global .lang_list.on ul { display: block; }

#Main .global { color: #fff; }

#Main .global ul { background-color: rgba(0, 0, 0, 0.9); }

#Main .global a { background: none; color: #fff; display: block; }

.global .goog-te-gadget-simple { padding: 0; border: 1px solid rgba(0, 0, 0, 0.4) !important; border-top: none !important; }

.global .goog-te-gadget-simple > img { display: none; }

.global .goog-te-gadget-simple > span { display: block; width: 130px; }

.global .goog-te-gadget-simple a { width: 100%; margin: 0; display: block; height: 39px !important; line-height: 38px !important; text-align: center; }

#Main .global .goog-te-gadget-simple { padding: 0; border: 1px solid rgba(0, 0, 0, 0.4) !important; border-top: none !important; }

#Main .global .goog-te-gadget-simple > img { display: none; }

#Main .global .goog-te-gadget-simple > span { display: block; width: 130px; }

#Main .global .goog-te-gadget-simple a { background-color: #040708 !important; color: #fff !important; }

.tsh { width: 100%; right: 0; }

@media (min-width: 768px) { .tsh { display: none; position: absolute; top: 55px; right: 120px; z-index: 2000; }
  .tsh > * { float: left; height: 50px !important; }
  .tsh select { min-width: 100px; padding-right: 25px; background: #fff url(/static/gongu/img/common/eOpenClick_bt.png) 90% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  .tsh input[type=text] { border-width: 1px 0; }
  .tsh button { background-size: auto 31px; width: 50px; padding: 0; color: #fff; background-color: #000; }
  .tsh button:before { content: '검색'; display: inline; }
  .tsh.on { display: block; } }

@media (max-width: 767px) { .tsh { display: block; border-bottom: 1px solid #000; display: block; z-index: 2000; }
  .tsh:before, .tsh:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .tsh select { float: left; width: 80px; border-width: 0 1px 0 0; }
  .tsh input[type=text] { float: left; width: calc(100% - 50px - 80px); height: 45px; border: none; }
  .tsh button { float: left; width: 50px; height: 45px; border: none; background: #fff url("/static/gongu/img/svg/btn_sh.svg") center center no-repeat; } }

.gnbBaseSet { position: absolute; left: calc(50% - 100px); top: 5%; z-index: 110; transform: translateX(-50%); }

@media (min-width: 1751px) { .gnbBaseSet { min-width: 1090px; } }

.gnbBaseSet.on { display: block; }

.gnbBaseSet .mMenuCloseSet { display: none; border-bottom: 1px solid #b7becd; height: 80px; padding: 10px 15px; }

.gnbBaseSet .mMenuCloseSet img { vertical-align: middle; }

.gnbBaseSet .mMenuCloseSet a { float: right; font-size: 60px; width: 80px; height: 80px; line-height: 80px; display: block; }

.gnbBaseSet .mMenuCloseSet a i { vertical-align: middle; color: #333947; font-weight: 700; transform: rotate(180deg); transition: all 0.2s; }

.gnbBaseSet .gnbCategory { font-family: 'Noto Sans'; }

.gnbBaseSet .gnbCategory ul > li { display: inline-block; }

.gnbBaseSet .gnbCategory ul > li > a { color: #222; font-size: 22px; font-weight: 400; letter-spacing: -1px; padding: 15px 30px 35px 30px; display: block; }

#Main .gnbBaseSet .gnbCategory ul > li > a { color: #fff; }

@media (max-width: 1750px) { .gnbBaseSet .gnbCategory ul > li > a { padding: 15px 7px 35px 7px; } }

.gnbBaseSet .gnbCategory ul > li > a:after { content: ""; width: 10px; height: 28px; display: inline-block; transition: all .2s; }

.gnbBaseSet .gnbCategory ul > li .deph2 { display: none; background: #efeff1; padding: 10px 0; border-bottom: 1px solid #b7becd; }

.gnbBaseSet .gnbCategory ul > li .deph2 > li.on > a { color: #18ad83; background: none; }

.gnbBaseSet .gnbCategory ul > li .deph2 > li.on > a:before { background: url(/static/gongu/img/common/deph2Bu01_on.png) 0 11px no-repeat; }

.gnbBaseSet .gnbCategory ul > li .deph2 a { font-size: 16px; color: #333947; padding: 3px 22px; border-bottom: none; }

.gnbBaseSet .gnbCategory ul > li .deph2 a:after { display: none; }

.gnbBaseSet .gnbCategory ul > li .deph2 a:before { content: ""; padding-right: 10px; width: 4px; height: 18px; background: url(/static/gongu/img/common/deph2Bu01_off.png) 0 11px no-repeat; display: inline-block; }

.gnbBaseSet .gnbCategory .totalToggle { position: absolute; right: -100px; top: 21px; padding: 0 15px; background: none; border: 1px solid #000; color: #000; font-size: 16px; }

#Main .gnbBaseSet .gnbCategory .totalToggle { border: 1px solid #fff; color: #fff; }

@media (max-width: 1550px) { .gnbBaseSet .gnbCategory .totalToggle { display: none; } }

@media (min-width: 1025px) { .totalMenuSet { display: none; position: absolute; z-index: 1050; left: 0; top: 0; background-color: #fff; }
  .totalMenuSet.on { display: block; width: 100%; box-shadow: 0 4px 5px rgba(6, 0, 1, 0.2); }
  .totalMenuSet a { color: #222; font-size: 22px; line-height: 50px; letter-spacing: -1px; }
  .totalMenuSet a:hover, .totalMenuSet a:focus, .totalMenuSet a:active { color: #3692bd; }
  .totalMenuSet .clogo { position: absolute; left: 15px; top: 30px; }
  .totalMenuSet .menuCloseSet { height: 57px; padding: 10px 15px; position: absolute; right: 0; top: 0; }
  .totalMenuSet .menuCloseSet img { vertical-align: middle; }
  .totalMenuSet .menuCloseSet .closer { float: right; font-size: 60px; width: 60px; height: 60px; line-height: 60px; display: block; }
  .totalMenuSet .menuCloseSet .closer i { vertical-align: middle; color: #333947; font-weight: 700; transform: rotate(180deg); transition: all 0.2s; }
  .totalMenuSet .totalMenu { float: left; width: 100%; padding: 40px 7% 40px 7%; font-family: "Noto Sans","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }
  .totalMenuSet .totalMenu .categoryList { width: 16.6666%; float: left; }
  .totalMenuSet .totalMenu .categoryList li { margin: 0 20px; border-bottom: 1px solid #cdcdcd; }
  .totalMenuSet .totalMenu .menuList > li { float: left; /*width: 16.6666%;  padding:0 20px; */ width: 13.88%; padding: 0 8px; /*	.deph3 { li { &.on { > a {color: #333947;font-weight: 600;text-decoration: underline;background: none; &:before {color: #333947;} } } } a {color: #4e5f80;padding: 2px 35px;font-size: 15px; &:before {content: "-";display: inline-block;color: #4e5f80;background: none;} }          } */ }
  .totalMenuSet .totalMenu .menuList > li > a { color: #333947; display: block; border-bottom: 1px solid #cdcdcd; font-size: 21px; height: 70px; line-height: 30px; /* &:after { float: right;content: "";width: 10px; height: 28px; background: url(/static/gongu/img/common/lnbBu01_off.png) 0 10px no-repeat; display: inline-block;transition: all .2s; } */ }
  .totalMenuSet .totalMenu .menuList > li .deph2 { padding: 10px 0; }
  .totalMenuSet .totalMenu .menuList > li .deph2 > li { padding-bottom: 10px; }
  .totalMenuSet .totalMenu .menuList > li .deph2 > li.on > a { color: #18ad83; }
  .totalMenuSet .totalMenu .menuList > li .deph2 a { font-size: 18px; color: #333947; border-bottom: none; line-height: 30px; }
  .totalMenuSet .totalMenu .menuList > li.on > a { /*background: #333947;color: #fff;*/ }
  .totalMenuSet .totalMenu .menuList > li.on .deph2 { display: block; } }

@media (max-width: 1550px) { .totalMenuSet .totalMenu .menuList { float: left; width: calc(100% - 16.6666%); }
  .totalMenuSet .totalMenu .menuList > li { width: calc(100% / 3); padding: 0 20px; box-sizing: border-box; }
  .totalMenuSet .totalMenu .menuList > li > a { padding: 20px 0; } }

@media (max-width: 1024px) { .totalMenuSet { display: none; position: absolute; height: 100vh; left: 0; right: 0; top: 0; z-index: 10000; background-color: #fff; background-color: rgba(0, 0, 0, 0.8); } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet { top: 51px; overflow: scroll; height: calc(100vh - 51px); } }

@media (max-width: 1024px) { .totalMenuSet.on { display: block; }
  .totalMenuSet .clogo { display: none; }
  .totalMenuSet .menuCloseSet { position: absolute; right: 30px; top: 30px; } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .menuCloseSet { display: none; } }

@media (max-width: 1024px) { .totalMenuSet .menuCloseSet img { vertical-align: middle; }
  .totalMenuSet .menuCloseSet .closer { float: right; font-size: 35px; width: 35px; height: 35px; line-height: 35px; display: block; }
  .totalMenuSet .menuCloseSet .closer i { vertical-align: middle; color: #333947; transform: rotate(180deg); transition: all 0.2s; }
  .totalMenuSet .totalMenu { display: block; background-color: #fff; padding: 30px 70px 40px 0; }
  .totalMenuSet .totalMenu:before, .totalMenuSet .totalMenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .totalMenu { padding: 0; } }

@media (max-width: 1024px) { .totalMenuSet .totalMenu .categoryList { float: left; width: 190px; padding: 0 30px 0 20px; } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .totalMenu .categoryList { width: auto; float: none; padding: 0; } }

@media (max-width: 1024px) { .totalMenuSet .totalMenu .categoryList a { display: block; font-size: 1.0625em; border-bottom: 1px solid #bbbbbb; line-height: 1; padding: 13px 0; } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .totalMenu .categoryList a { padding-left: 20px; font-size: 14px; } }

@media (max-width: 1024px) { .totalMenuSet .totalMenu .menuList { float: left; width: calc(100% - 190px); } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .totalMenu .menuList { float: none; width: 100%; } }

@media (max-width: 1024px) { .totalMenuSet .totalMenu .menuList > li { width: calc(100% / 3); float: left; padding-right: 30px; }
  .totalMenuSet .totalMenu .menuList > li:nth-child(4) { clear: both; }
  .totalMenuSet .totalMenu .menuList > li > a { display: block; font-size: 1.0625em; border-bottom: 1px solid #bbbbbb; line-height: 1; padding: 13px 0; border-bottom: 1px solid #b7becd; }
  .totalMenuSet .totalMenu .menuList > li .deph2 { padding: 6px 0; }
  .totalMenuSet .totalMenu .menuList > li .deph2 > li.on > a { color: #18ad83; }
  .totalMenuSet .totalMenu .menuList > li .deph2 a { display: block; font-size: 14px; font-weight: 300; line-height: 1.6875em; } }

@media (max-width: 1024px) and (max-width: 767px) { .totalMenuSet .totalMenu .menuList > li { float: none; width: 100%; padding: 0; border-bottom: 1px solid #bbbbbb; font-size: 14px; display: block; }
  .totalMenuSet .totalMenu .menuList > li:before, .totalMenuSet .totalMenu .menuList > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .totalMenuSet .totalMenu .menuList > li > a { float: left; width: 165px; border: none; padding-left: 20px; font-size: 14px; }
  .totalMenuSet .totalMenu .menuList > li .deph2 { padding: 5px 0; float: right; width: calc(100% - 172px); }
  .totalMenuSet .totalMenu .menuList > li .deph2 a { font-size: 13px; padding: 6.5px 0; } }

#footerSet { overflow: hidden; display: block; height: 130px; padding: 15px; color: #b5b5b5; background-color: #000; clear: both; letter-spacing: -1px; }

#footerSet #footer { max-width: 1600px; margin: 0 auto; }

#footerSet .footCon { float: left; }

#footerSet .footCon address { font-style: normal; margin-top: 4px; }

#footerSet .footCon em { color: #167fab; }

#footerSet .footerBanner { float: right; padding-top: 10px; height: 50px; }

#footerSet .footerBanner a { margin-left: 28px; }

#footerSet .footerBanner a img { vertical-align: top; }

.fade { opacity: 0; transition: opacity .3s linear; }

.fade.in { opacity: 1; }

.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1100; display: none; overflow: hidden; }

#content .modal h4 { border-bottom: 2px solid #484d58; font-size: 20px; line-height: 30px; background: none; margin-bottom: 0; padding-left: 0; }

.modal .modal-body + .tac { padding-bottom: 20px; }

.modal .view { border: 1px solid #dee0e6; }

.modal .view > dl > dt { width: 35%; }

.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); }

.modal.in .modal-dialog { transform: translate(0, 0); }

.modal .modal-content { position: relative; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); /* padding:10px 30px 30px 30px; */ }

.modal-dialog { position: relative; max-width: 700px; margin: 80px auto; transform: translate(0, -25%); }

.modal-dialog.lg { max-width: 980px; }

.modal-dialog .modal-header { background: #484d58; color: #fff; padding: 10px 20px; }

.modal-dialog .modal-header h2.modal-title { color: #fff !important; }

.modal-dialog .modal-header h5 { font-size: 14px; font-weight: 400; }

.modal-dialog .modal-header .close { float: right; font-size: 25px; width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 5px; }

.modal-dialog .modal-header .close:focus .ti-close, .modal-dialog .modal-header .close:hover .ti-close { transition: 0.4s; transform: rotate(180deg); }

.modal-dialog .modal-body { padding: 20px; }

.modal-dialog .modal-body.moBodyh { height: 500px; overflow: auto; width: 100%; }

.modal-dialog .modal-body h2:first-child, .modal-dialog .modal-body h3:first-child { margin-top: 0; }

.modal-dialog .modal-footer { padding: 10px 0; text-align: center; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.in { opacity: .6; }

.panel { background-color: #fff; margin-bottom: 10px; border: 1px solid #ddd; padding: 15px 15px 0; }

#content .panel p.h1, #content .panel p.h2, #content .panel p.h3, #content .panel p.h4, #content .panel p.h5, #content .panel p.h6 { margin-bottom: 0; font-weight: 500; }

.dl-horizontal { display: block; }

.dl-horizontal:before, .dl-horizontal:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.dl-horizontal dt { float: left; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.dl-horizontal dd { margin-left: 140px; }

.dl-horizontal.text-sm dt { width: 80px; }

.dl-horizontal.text-sm dt:before { content: "• "; font-weight: normal; }

.dl-horizontal.text-sm dd { margin-left: 90px; position: relative; }

.dl-horizontal.text-sm dd:before { content: ": "; font-weight: normal; position: absolute; left: -10px; }

.bu { margin-left: 10px; }

.bu.type1 > li, table.type1 > li { font-weight: bold; margin-bottom: 15px; }

.bu.type1 > li ul, .bu.type1 > li ol, .bu.type1 > li p, table.type1 > li ul, table.type1 > li ol, table.type1 > li p { font-weight: normal; padding: 5px; }

.bu > li > ul, table > li > ul { margin: 5px; }

.bu ol, table ol { margin-top: 5px; margin-bottom: 15px; }

.bu li, table li { list-style: none; line-height: 139%; padding-left: 10px; margin-bottom: 5px; }

.bu li .btn, table li .btn { float: right; text-indent: 0; }

.bu li ul li, table li ul li { background: url("/static/gongu/img/common/bu2.gif") no-repeat left 8px; padding-left: 10px; font-size: 0.95em; margin-bottom: 0; }

.bu li ul li li, table li ul li li { background: none; padding-left: 10px; }

.bu li .referList li, table li .referList li { padding-left: 0; }

.bull:before { content: "• "; }

.bu.insBtn { overflow: hidden; }

.bu.insBtn li { clear: both; line-height: 34px; overflow: hidden; background-position: left 14px; }

.btn + .btn { margin-left: 3px; }

.badge { display: inline-block; background-color: #5b79b9; color: #fff; padding: 0px 10px; font-size: 13px; text-indent: 0; }

:hover .badge, :focus .badge, :active .badge { color: #fff; }

.badge.border { border: 1px solid #ddd; background: #fff; color: #757575; }

table .badge + .badge { margin-top: 3px; }

.bg_green { background-color: #71a547; }

.bg_gray { background-color: #7f7f7f; }

.bg_black { background-color: #333; }

.round { border-radius: 3px; }

.round2 { border-radius: 5px; }

.round3 { border-radius: 10px; }

.round4 { border-radius: 20px; }

.round5 { border-radius: 50px; }

.box { float: left; width: 100%; border: 1px solid #cdcdcd; }

sup { color: #ea5a59; margin: 0 5px 0 3px; font-weight: bold; }

@media (max-width: 1439px) { #header_wrap { height: 175px; height: 131px; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap { height: auto; } }

@media (max-width: 1439px) { #header_wrap #header { height: initial; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap #header { height: 51px; border-bottom: 1px solid #bbbbbb; background-color: #fff; } }

@media (max-width: 1439px) { #header_wrap #header #AllmenuBtn { left: 20px; }
  #header_wrap #header .logo a { top: 48px; left: 20px; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap #header .logo { top: 0; left: 50px; right: 50px; }
  #header_wrap #header .logo a { display: block; text-align: center; padding-top: 11px; }
  #header_wrap #header .logo a img { height: 34px; vertical-align: top; } }

@media (max-width: 1439px) { #header_wrap #header .gnb_etc { right: 0; top: 7px; }
  #header_wrap #header .gnb_etc > a { width: 70px; height: 70px; }
  #header_wrap #header .gnb_etc .mGnbBtn { background: url("/static/gongu/img/svg/menu_black.svg") center center no-repeat; top: 47px; }
  #header_wrap #header .gnb_etc .mGnbBtn img { display: none; }
  #Main #header_wrap #header .gnb_etc .mGnbBtn { background: none; }
  #Main #header_wrap #header .gnb_etc .mGnbBtn img { display: block; }
  #header_wrap #header .gnb_etc .schBtn { background: url("/static/gongu/img/svg/search_color.svg") center center no-repeat; top: 47px; display: inline-block; }
  #header_wrap #header .gnb_etc .schBtn span { display: none; }
  #header_wrap #header .gnb_etc .schBtn img { display: none; }
  #Main #header_wrap #header .gnb_etc .schBtn { background: none; display: none; }
  #Main #header_wrap #header .gnb_etc .schBtn img { display: block; }
  #header_wrap #header .gnb_etc .loginBtn { display: none; }
  #Main #header_wrap #header .gnb_etc .loginBtn { display: block; } }

@media (max-width: 1439px) and (min-width: 768px) { #Main #header_wrap #header .gnb_etc .loginBtn { height: auto; margin-top: 14px; display: inline-block; } }

@media (max-width: 1439px) and (max-width: 767px) { #Main #header_wrap #header .gnb_etc .loginBtn { display: block; } }

@media (max-width: 1439px) { #header_wrap #header .gnb_etc .loginOutBtn { display: none; }
  #Main #header_wrap #header .gnb_etc .loginOutBtn { display: block; } }

@media (max-width: 1439px) and (max-width: 1439px) { #Main #header_wrap #header .gnb_etc .loginOutBtn { display: none; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap #header .gnb_etc { position: static; }
  #header_wrap #header .gnb_etc > a { width: 50px; height: 50px; top: 0; }
  #header_wrap #header .gnb_etc .mGnbBtn { left: 0; background-size: 36px auto; }
  #header_wrap #header .gnb_etc .schBtn { display: none; }
  #header_wrap #header .gnb_etc .loginBtn { display: block; margin: 0; width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url("/static/gongu/img/svg/login_black.svg") center center no-repeat; }
  #header_wrap #header .gnb_etc .loginBtn img { display: none; }
  #header_wrap #header .gnb_etc .loginOutBtn { display: none; } }

@media (max-width: 1439px) { #header_wrap .gnbBaseSet { position: static; }
  #header_wrap .gnbBaseSet .menuList { display: none; }
  #footerSet { height: initial; }
  #footerSet .footCon address { margin-bottom: 10px; }
  #footerSet .footerBanner { width: 100%; text-align: center; }
  #footerSet .footerBanner a { margin: 0 4px; } }

@media (max-width: 767px) { #footer { padding: 0; } }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.xs-block, .sm-block, .md-block { display: inline; }

@media (min-width: 1440px) { .visible-lg { display: inline-block !important; }
  .hidden-lg { display: none !important; } }

@media (min-width: 768px) { .visible-md { display: inline-block !important; }
  .hidden-md { display: none !important; }
  .md-block { display: inline-block !important; width: 100%; } }

@media (max-width: 767px) { .visible-sm { display: inline-block !important; }
  .hidden-sm { display: none !important; }
  .sm-block { display: inline-block !important; width: 100%; }
  #content { padding: 20px; }
  .modal-dialog { margin: 10px auto; } }

@media (max-width: 480px) { .visible-xs { display: inline-block !important; }
  .hidden-xs { display: none !important; }
  .xs-block { display: inline-block !important; width: 100%; } }

#header_wrap_style2 { position: relative; width: 100%; height: 131px; background-color: #302f2f; }

#header_wrap_style2 .globalHeader { display: block; width: 100%; height: 40px; }

@media (max-width: 767px) { #header_wrap_style2 .globalHeader { display: none; } }

#header_wrap_style2 .global > ul { border-left: 1px solid #4f4f4f; }

#header_wrap_style2 .global > ul li { border-bottom: 1px solid #4f4f4f; }

#header_wrap_style2 .global > ul li a { color: #9b9b9b; background-color: #302f2f; }

#header_wrap_style2 .global > ul li.on a { font-weight: 700; color: #fff; background: #f88a31; }

#header_wrap_style2 #header { position: relative; }

#header_wrap_style2 #header .gnbBaseSet { position: absolute; top: 0%; left: 20%; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li { position: relative; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li .level2 { position: absolute; background: #fff; min-width: 168px; padding: 20px; top: 70px; display: none; box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.1); }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li .level2 li { display: block; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li .level2 li a { padding: 0; color: #222; display: block; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li .level2.on { display: block; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li a { color: #fff; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li.on a { color: #f5732f; }

#header_wrap_style2 #header .gnbBaseSet .gnbCategory .menuList li:hover a { color: #f5732f; }

#header_wrap_style2 .gnb_etc { position: absolute; top: 50%; right: 30px; margin-top: -5px; }

#header_wrap_style2 .gnb_etc input#topKwd { background: none; border: none; border-bottom: 2px solid #e46827; width: 210px; position: absolute; right: 0; }

#header_wrap_style2 .gnb_etc input#topKwd::-moz-placeholder { font-size: 18px; color: #ccc; }

#header_wrap_style2 .gnb_etc input#topKwd:-ms-input-placeholder { font-size: 18px; color: #ccc; }

#header_wrap_style2 .gnb_etc input#topKwd::placeholder { font-size: 18px; color: #ccc; }

#header_wrap_style2 .gnb_etc .schBtn { display: inline-block; width: 44px; height: 44px; z-index: 500; background: none; padding: 0; }

#header_wrap_style2 .gnb_etc .schBtn .search_ico { display: none; }

#header_wrap_style2 .gnb_etc .schBtn .search_find_ico { display: inline-block; position: absolute; top: -4px; right: 0; }

#header_wrap_style2 .gnb_etc .schBtn img { width: 44px; height: 44px; }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap_style2 { height: auto; } }

@media (max-width: 1439px) { #header_wrap_style2 #header { height: initial; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap_style2 #header { height: 66px; background-color: #302f2f; } }

@media (max-width: 1439px) { #header_wrap_style2 #header #AllmenuBtn { left: 20px; }
  #header_wrap_style2 #header .logo a { top: 48px; left: 20px; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap_style2 #header .logo { top: 0px; left: 50px; right: 50px; }
  #header_wrap_style2 #header .logo a { display: block; text-align: center; padding-top: 11px; }
  #header_wrap_style2 #header .logo a img { height: 34px; vertical-align: top; } }

@media (max-width: 1439px) { #header_wrap_style2 #header .gnbBaseSet { position: static; }
  #header_wrap_style2 #header .gnbBaseSet .menuList { display: none; }
  #header_wrap_style2 .gnb_etc { display: inline-block; position: absolute; top: 50%; margin-top: -5px; right: 15px; }
  #header_wrap_style2 .gnb_etc > a { width: 44px; height: 44px; }
  #header_wrap_style2 .gnb_etc .mGnbBtn img { /* display:none; */ }
  #Main #header_wrap_style2 .gnb_etc .mGnbBtn { background: none; }
  #Main #header_wrap_style2 .gnb_etc .mGnbBtn img { display: inline-block; }
  #header_wrap_style2 .gnb_etc .schBtn { z-index: 500; }
  #header_wrap_style2 .gnb_etc .schBtn .search_ico { display: inline-block; }
  #header_wrap_style2 .gnb_etc .schBtn .search_find_ico { display: none; }
  #header_wrap_style2 .gnb_etc input#topKwd { display: none; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap_style2 .gnb_etc { margin-top: -23px; left: 3px; }
  #header_wrap_style2 .gnb_etc > a { width: 44px; }
  #header_wrap_style2 .gnb_etc .mGnbBtn img { /* display:none; */ }
  #Main #header_wrap_style2 .gnb_etc .mGnbBtn { background: none; }
  #Main #header_wrap_style2 .gnb_etc .mGnbBtn img { display: inline-block; }
  #header_wrap_style2 .gnb_etc .schBtn { display: inline-block; position: absolute; right: -10px; } }

@media (max-width: 1439px) and (max-width: 767px) and (max-width: 480px) { #header_wrap_style2 .gnb_etc .schBtn { display: inline-block; } }

@media (max-width: 1439px) and (max-width: 767px) { #header_wrap_style2 .gnb_etc input#topKwd { display: none; } }

@media (max-width: 1439px) and (max-width: 767px) and (max-width: 480px) { #header_wrap_style2 .gnb_etc input#topKwd { display: none; } }

.footCon .footer_ul ul { display: inline-block; }

.footCon .footer_ul ul li { float: left; }

.footCon .footer_ul ul li a { color: #b5b5b5; display: block; padding: 5px 30px 0 0; }

.footCon .footer_ul ul li a:hover, .footCon .footer_ul ul li a:focus, .footCon .footer_ul ul li a:active { color: #fff; }

.subtsh { width: 100%; background: #fff; right: 0; }

.subtsh input { width: calc(100% - 100px  - 80px); }

.subtsh input[type=text] { font-size: 15px; border-right: none; }

.subtsh input[type=text]::-moz-placeholder { color: #222; font-size: 14px; }

.subtsh input[type=text]:-ms-input-placeholder { color: #222; font-size: 14px; }

.subtsh input[type=text]::placeholder { color: #222; font-size: 14px; }

.subtsh button { width: 3%; border-left: none; background: #fff; }

.subtsh button:before { content: ''; background: #fff url("/static/gongu/img/svg/btn_sh.svg") center center no-repeat; height: 30px; display: block; }

.subtsh a.tsh_close { display: none; }

@media (min-width: 768px) { .subtsh { display: none; position: absolute; top: 55px; right: 120px; z-index: 1040; padding: 0; /* 		button{ // background:#000 url('/static/gongu/img/svg/btn_sh.svg') center center no-repeat; background-size:auto 31px; width:50px; padding:0; color:#fff; background-color:#000; &:before {content: '검색';display:inline;} } */ }
  .subtsh > * { float: left; height: 50px !important; }
  .subtsh input[type=text] { border-width: 1px 0; }
  .subtsh.on { display: block; top: 130px; right: 0; padding: 10px 10px; border-top: 1px solid #cdcdcd; }
  .subtsh.on > * { background: #f1f1f1; border: 1px solid #cdcdcd; }
  .subtsh.on select { min-width: 100px; padding-right: 25px; background: #f1f1f1 url(/static/gongu/img/common/eOpenClick_bt.png) 90% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  .subtsh.on button { width: 40px; border-left: none; background: #f1f1f1; }
  .subtsh.on button.tch_search:before { content: ''; background: #f1f1f1 url("/static/gongu/img/svg/btn_sh.svg") center center no-repeat; height: 30px; display: block; }
  .subtsh.on a { width: 40px; border-left: none; background: #f1f1f1; }
  .subtsh.on a.tsh_close { display: block; }
  .subtsh.on a.tsh_close:before { content: ''; background: #f1f1f1 url("/static/gongu/img/svg/close.svg") center center no-repeat; height: 22px; display: block; color: #222; margin-top: 12px; } }

@media (max-width: 767px) { .subtsh { display: block; border-bottom: 1px solid #000; display: block; z-index: 1040; }
  .subtsh:before, .subtsh:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .subtsh select { float: left; width: 80px; border-width: 0 1px 0 0; }
  .subtsh input[type=text] { float: left; width: calc(100% - 50px - 80px); height: 45px; border: none; }
  .subtsh button.tch_search { float: left; width: 50px; height: 45px; border: none; background: #fff url("/static/gongu/img/svg/btn_sh.svg") center center no-repeat; } }

.tshC { display: none; }

@media (max-width: 1439px) { .tshC { display: none; /* 	@include clearfix(); */ z-index: 1040; padding: 5px; }
  .tshC select { float: left; width: 80px; border-width: 0 1px 0 0; border: 1px solid #cdcdcd; }
  .tshC input[type=text] { float: left; width: calc(100% - 100px - 80px); height: 46px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; border-left: none; } }

@media (max-width: 1439px) and (max-width: 480px) { .tshC input[type=text] { width: calc(100% - 60px - 80px); } }

@media (max-width: 1439px) { .tshC button { width: 50px; border-left: none; float: left; line-height: 45px; border: 1px solid #cdcdcd; border-left: none; }
  .tshC button.tch_search:before { content: ''; background: #f1f1f1 url("/static/gongu/img/svg/btn_sh.svg") center center no-repeat; height: 42px; display: block; } }

@media (max-width: 1439px) and (max-width: 480px) { .tshC button.tch_search:before { background-size: 15px; } }

@media (max-width: 1439px) and (max-width: 480px) { .tshC button { width: 30px; } }

@media (max-width: 1439px) { .tshC a { width: 50px; border-left: none; float: left; line-height: 45px; border: 1px solid #cdcdcd; border-left: none; }
  .tshC a.tsh_close { display: block; }
  .tshC a.tsh_close:before { content: ''; background: #f1f1f1 url("/static/gongu/img/svg/close.svg") center center no-repeat; height: 42px; display: block; color: #222; background-size: 20px; } }

@media (max-width: 1439px) and (max-width: 480px) { .tshC a.tsh_close:before { background-size: 15px; } }

@media (max-width: 1439px) and (max-width: 480px) { .tshC a { width: 30px; } }

@media (max-width: 1439px) { .tshC.on { display: block; }
  .tshC.on:before, .tshC.on:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .tshC > * { background: #f1f1f1; } }

@media (min-width: 1024px) { #header_wrap_style2 #header .totalMenuSet .totalMenu .menuList { width: 100%; }
  #header_wrap_style2 #header .totalMenuSet .totalMenu .menuList > li { width: 20%; float: left; padding: 0 10px; } }

@media (max-width: 1023px) { #header_wrap_style2 #header .totalMenuSet .totalMenu .menuList { width: 100%; }
  #header_wrap_style2 #header .totalMenuSet .totalMenu .menuList > li { width: 100%; float: left; padding-right: 30px; padding-left: 30px; } }

@media (max-width: 1550px) { #header .gnb_etc .mGnbBtn { background: url("/static/gongu/img/svg/menu_black.svg") center center no-repeat; top: 47px; }
  #header .gnb_etc .mGnbBtn img { display: none; } }

/* 공공누리 */
#header_wrap .global ul li#kogl { position: relative; }

#header_wrap .global ul li#kogl > a { font-weight: 600; }

.kogl-menu { display: none; position: absolute; top: 40px; right: 0; background: #fff; width: 700px; padding: 20px 15px; text-align: left; z-index: 999; box-shadow: 0 4px 5px rgba(6, 0, 1, 0.2); }

.kogl-menu.active { display: block; border: 1px solid #eee; }

#header_wrap .global ul li .kogl-menu a { background-color: transparent; color: #777; padding: 0 20px; display: inline-block; height: 32px; line-height: 32px; }

#header_wrap .global ul li .kogl-menu > ul { margin: 0 5px; }

#header_wrap .global ul li .kogl-menu > ul > li { border: none; width: 33.3%; padding: 0 5px; }

#header_wrap .global ul li .kogl-menu > ul > li > a { font-size: 20px; border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; height: 45px; line-height: 45px; }

#header_wrap .global ul li .kogl-menu > ul > li li { width: 100%; border: none; }

#header_wrap .global ul li .kogl-menu > ul > li li a { font-size: 17px; border: none; }

#header_wrap .global ul li .kogl-menu .menuCloseSet2 { position: absolute; top: 20px; right: 0; }

#header_wrap .global ul li .kogl-menu .menuCloseSet2 i { font-size: 28px; }

/* font color */
.fc_black { color: #000 !important; }

.fc_deepgray { color: #333; }

.fc_orange { color: #d56d07; }

.fc_blue { color: #167fab; }

.fc_darkblue { color: #1f497d !important; }

.fc_cobalt { color: #167fab; }

.fc_red { color: #ea5a59; }

.fc_green { color: #3A7525; }

.fc1, .point { color: #5b79b9; }

a { color: #222; }

/*# sourceMappingURL=common.css.map */
