@charset "UTF-8";
@import url(/static/jslibrary/bootstrap-datepicker-1.6.4-dist/css/bootstrap-datepicker3.css);
@import url(/static/jslibrary/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css);

/* KoreanSWGI */
@font-face {
  font-family: "NotoSansCJKkr";
  font-style: normal;
  font-weight: 400;
  src: local("/static/font/NotoSans/NotoSansCJKkr-Regular"), /* computer */
    url("/static/font/NotoSans/NotoSansCJKkr-Regular.eot"), /* IE9 Compat Modes */
    url("/static/font/NotoSans/NotoSansCJKkr-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/NotoSans/NotoSansCJKkr-Regular.woff2") format("woff2"), /* Modern Browsers */    
    url("/static/font/NotoSans/NotoSansCJKkr-Regular.woff") format("woff"), /* Modern Browsers */
    url("/static/font/NotoSans/NotoSansCJKkr-Regular.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* KoreanSWGI */
@font-face {
  font-family: "KoreanSWGI";
  font-style: normal;
  font-weight: 400;
  src: local("/static/font/KoreanSWGI"), /* computer */
    url("/static/font/KoreanSWGI/KoreanSWGI1.eot"), /* IE9 Compat Modes */
    url("/static/font/KoreanSWGI/KoreanSWGI1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/KoreanSWGI/KoreanSWGI1.woff2") format("woff2"), /* Modern Browsers */    
    url("/static/font/KoreanSWGI/KoreanSWGI1.woff") format("woff"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "KoreanSWGI";
  font-style: normal;
  font-weight: 500;
  src: local("/static/font/KoreanSWGI"), /* computer */
    url("/static/font/KoreanSWGI/KoreanSWGI2.eot"), /* IE9 Compat Modes */
    url("/static/font/KoreanSWGI/KoreanSWGI2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/KoreanSWGI/KoreanSWGI2.woff2") format("woff2"), /* Modern Browsers */    
    url("/static/font/KoreanSWGI/KoreanSWGI2.woff") format("woff"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "KoreanSWGI";
  font-style: normal;
  font-weight: 700;
  src: local("/static/font/KoreanSWGI"), /* computer */
    url("/static/font/KoreanSWGI/KoreanSWGI3.eot"), /* IE9 Compat Modes */
    url("/static/font/KoreanSWGI/KoreanSWGI3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/KoreanSWGI/KoreanSWGI3.woff2") format("woff2"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI3.woff") format("woff"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "KoreanSWGI";
  font-style: normal;
  font-weight: 800;
  src: local("/static/font/KoreanSWGI"), /* computer */
    url("/static/font/KoreanSWGI/KoreanSWGI4.eot"), /* IE9 Compat Modes */
    url("/static/font/KoreanSWGI/KoreanSWGI4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/KoreanSWGI/KoreanSWGI4.woff2") format("woff2"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI4.woff") format("woff"), /* Modern Browsers */
    url("/static/font/KoreanSWGI/KoreanSWGI4.ttf") format("truetype"); /* Safari, Android, iOS */
}


/* NanumSquareRound */
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("/static/font/NanumSquareRound/NanumSquareRoundL"), /* computer */
    url("/static/font/NanumSquareRound/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("/static/font/NanumSquareRound/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/NanumSquareRound/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */    
    url("/static/font/NanumSquareRound/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("/static/font/NanumSquareRound/NanumSquareRoundR"), /* computer */
    url("/static/font/NanumSquareRound/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("/static/font/NanumSquareRound/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/NanumSquareRound/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("/static/font/NanumSquareRound/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("/static/font/NanumSquareRound//NanumSquareRoundB"), /* computer */
    url("/static/font/NanumSquareRound/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("/static/font/NanumSquareRound/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/NanumSquareRound/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("/static/font/NanumSquareRound/NanumSquareRoundEB"), /* computer */
    url("/static/font/NanumSquareRound/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("/static/font/NanumSquareRound/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/static/font/NanumSquareRound/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("/static/font/NanumSquareRound/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* line 5, static/portal/scss/global.scss */ .jwplayer { word-break: normal; word-wrap: normal; }

/* line 6, static/portal/scss/global.scss */ .datepicker { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; }

@media (max-width: 991px) { /* line 6, static/portal/scss/global.scss */ .datepicker { display: none !important; } }

/* line 27, static/portal/scss/global.scss */ .seocoment { display: none; }

/* line 28, static/portal/scss/global.scss */ .keyboardControlActive { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }

/* line 31, static/portal/scss/global.scss */ #topKwd { ime-mode: active; }

/* line 34, static/portal/scss/global.scss */ .grid { display: none; }

/* line 36, static/portal/scss/global.scss */ .color_default { color: #000; }

/* line 37, static/portal/scss/global.scss */ .color_point { color: #2c4a9e; }

/* line 38, static/portal/scss/global.scss */ .color_black { color: #000; }

/* line 39, static/portal/scss/global.scss */ .color_deepgray { color: #000; }

/* line 40, static/portal/scss/global.scss */ .color_orange { color: #f76627; }

/* line 41, static/portal/scss/global.scss */ .color_blue { color: #008bce; }

/* line 42, static/portal/scss/global.scss */ .col_blue { color: #008bce; }

/* line 43, static/portal/scss/global.scss */ .color_cobalt { color: #02728D; }

/* line 44, static/portal/scss/global.scss */ .col_cobalt { color: #02728D; }

/* line 45, static/portal/scss/global.scss */ .color_red { color: #c10101; }

/* line 46, static/portal/scss/global.scss */ .col_red { color: #c10101; }

/* line 47, static/portal/scss/global.scss */ .color_green { color: #3A7525; }

/* line 48, static/portal/scss/global.scss */ .col_green { color: #3A7525; }

/* font color */
/* line 54, static/portal/scss/global.scss */ .familySetOpen { position: absolute; right: 0; top: 71px; font-family: 'FontAwesome'; font-size: 20px; width: 48px; height: 30px; z-index: 601; }

@media (min-width: 992px) { /* line 54, static/portal/scss/global.scss */ .familySetOpen { display: none; } }

/* line 65, static/portal/scss/global.scss */ .familySetClose { display: none; }

/* line 66, static/portal/scss/global.scss */ .adimg { position: absolute; left: 0; width: 100%; }

/* line 66, static/portal/scss/global.scss */ .adimg img { vertical-align: top; width: 100%; }

/* line 67, static/portal/scss/global.scss */ #topAd { position: relative; display: none; }

@media (min-width: 992px) { /* line 67, static/portal/scss/global.scss */ #topAd { display: block; } }

/* line 71, static/portal/scss/global.scss */ #topAd > .item { display: block; height: 150px; background-position: 50% 0; background-repeat: no-repeat; background-color: #f3f5f9; transition: all 1.25s ease-out; transition: all 1.25s ease-in; transition: all 0.75s cubic-bezier(0.42, 0, 0.13, 1.02); background-size: auto 100%; }

/* line 88, static/portal/scss/global.scss */ #topAd .topadctrl { max-width: 1276px; margin: 0 auto; position: relative; font-size: 15px; }

/* line 93, static/portal/scss/global.scss */ #topAd .topadctrl button { position: absolute; z-index: 1; right: 0; background: url(/static/portal/img/common/top-ad-ctrl@.png) 0 0 no-repeat; width: 84px; height: 42px; line-height: 1; padding: 8px 0 0 0; }

/* line 102, static/portal/scss/global.scss */ #topAd .topadctrl button:before { content: "\f106"; position: relative; top: -6px; font-family: 'FontAwesome'; font-size: 24px; display: inline-block; vertical-align: top; margin-right: 2px; }

/* line 111, static/portal/scss/global.scss */ #topAd.off > .item { height: 0 !important; }

/* line 114, static/portal/scss/global.scss */ #topAd.off .topadctrl button:before { content: ''; }

/* line 116, static/portal/scss/global.scss */ #topAd.off > .topadctrl > button { top: 0; }

/* line 120, static/portal/scss/global.scss */ #globalWarp { background-color: #008bce; position: relative; }

/* line 123, static/portal/scss/global.scss */ #globalWarp .set { max-width: 1276px; height: 50px; margin: 0 auto; }

/* line 128, static/portal/scss/global.scss */ #globalWarp .familySetToggle { font-size: 20px; position: absolute; right: 0; top: 50px; width: 45px; height: 70px; color: #000; background-color: transparent; font-family: 'FontAwesome'; }

@media (min-width: 992px) { /* line 128, static/portal/scss/global.scss */ #globalWarp .familySetToggle { display: none; } }

/* line 140, static/portal/scss/global.scss */ #globalWarp .set > .familySet.mobileOn > ul > li > div > ul { position: static; }

/* line 141, static/portal/scss/global.scss */ #globalWarp .set > .familySet.mobileOn > ul > li > div > ul > li a { text-align: left; }

/* line 145, static/portal/scss/global.scss */ #globalWarp .familySet { float: left; display: none; height: 50px; }

@media (min-width: 992px) { /* line 145, static/portal/scss/global.scss */ #globalWarp .familySet { display: block; } }

/* line 150, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li { float: left; }

@media (min-width: 992px) { /* line 150, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li { border: 2px solid #008bce; border-width: 0 1px; } }

/* line 156, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active { background-color: #fff; }

/* line 158, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active a { color: #000; border-color: #008bce; }

/* line 163, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on { position: relative; background-color: #fff; }

/* line 166, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > a { color: #000; border-color: #008bce; position: relative; z-index: 10000; border-bottom: 2px solid #fff; }

/* line 174, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > div a { color: #000; }

@media (min-width: 992px) { /* line 175, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > div > ul { position: absolute; display: block; top: 50px; left: -2px; z-index: 1000; padding: 10px 0; border: 2px solid #008bce; background-color: #fff; } }

/* line 187, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > div > ul li { float: none; display: block; padding: 0 0 0 20px; }

/* line 191, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > div > ul li a { color: #000; line-height: 1; background: url(/static/portal/img/common/bu3.png) 0 center no-repeat; background-size: 5px; padding-left: 20px; padding: 8px 20px 8px 20px; font-size: 15px; text-align: left; white-space: nowrap; }

/* line 201, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.on > div > ul li a:hover, #globalWarp .familySet > ul > li.on > div > ul li a:focus { color: #008bce; text-decoration: underline; font-weight: bold; }

/* line 208, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li > div > ul { display: none; }

/* line 209, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li > a { padding: 0 4px; font-size: 15px; }

@media (min-width: 1276px) { /* line 209, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li > a { padding: 0 14px; } }

@media (min-width: 1100px) { /* line 215, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li > a:before { content: ''; background: url(/static/portal/img/common/familyIconSet@2x.png) 0 0 no-repeat; background-size: 820px 80px; display: inline-block; height: 20px; margin-right: 4px; vertical-align: middle; margin-top: -6px; } }

@media (min-width: 1100px) and (min-width: 992px) { /* line 215, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li > a:before { background-image: url(/static/portal/img/common/familyIconSet.png); } }

/* line 231, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f1 > a:before { width: 19px; background-position: 0 0; }

/* line 232, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f2 > a:before { width: 19px; background-position: -114px 0; }

/* line 233, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f3 > a:before { width: 24px; background-position: -210px 0; }

/* line 234, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f4 > a:before { width: 20px; background-position: -288px 0; }

/* line 235, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f5 > a:before { width: 18px; background-position: -377px 0; }

/* line 236, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f6 > a:before { width: 17px; background-position: -469px 0; }

/* line 237, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f7 > a:before { width: 19px; background-position: -599px 0; }

/* line 238, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.f8 > a:before { width: 22px; background-position: -691px 0; }

/* line 241, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f1 > a:before, #globalWarp .familySet > ul > li.on.f1 > a:before { width: 19px; background-position: 0 -60px; }

/* line 242, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f2 > a:before, #globalWarp .familySet > ul > li.on.f2 > a:before { width: 19px; background-position: -114px -60px; }

/* line 243, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f3 > a:before, #globalWarp .familySet > ul > li.on.f3 > a:before { width: 24px; background-position: -210px -60px; }

/* line 244, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f4 > a:before, #globalWarp .familySet > ul > li.on.f4 > a:before { width: 20px; background-position: -288px -60px; }

/* line 245, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f5 > a:before, #globalWarp .familySet > ul > li.on.f5 > a:before { width: 18px; background-position: -377px -60px; }

/* line 246, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f6 > a:before, #globalWarp .familySet > ul > li.on.f6 > a:before { width: 17px; background-position: -469px -60px; }

/* line 247, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f7 > a:before, #globalWarp .familySet > ul > li.on.f7 > a:before { width: 19px; background-position: -599px -60px; }

/* line 248, static/portal/scss/global.scss */ #globalWarp .familySet > ul > li.active.f8 > a:before, #globalWarp .familySet > ul > li.on.f8 > a:before { width: 22px; background-position: -691px -60px; }

/* line 254, static/portal/scss/global.scss */ #globalWarp .familySet .f8 div div, #globalWarp .familySet .f5 div div { display: none; }

@media (min-width: 992px) { /* line 257, static/portal/scss/global.scss */ #globalWarp .familySet .f8.on > div, #globalWarp .familySet .f5.on > div { display: block; } }

@media (max-width: 991px) { /* line 261, static/portal/scss/global.scss */ #globalWarp .familySet .f8.on div, #globalWarp .familySet .f5.on div { padding: 10px; background-color: #f1f1f1; } }

/* line 266, static/portal/scss/global.scss */ #globalWarp .familySet .f8.on div div, #globalWarp .familySet .f5.on div div { display: block; }

@media (min-width: 992px) { /* line 252, static/portal/scss/global.scss */ #globalWarp .familySet .f8, #globalWarp .familySet .f5 { position: static !important; } }

/* line 269, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div, #globalWarp .familySet .f5 > div { background-color: #fff; }

@media (min-width: 992px) { /* line 269, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div, #globalWarp .familySet .f5 > div { display: none; padding: 14px 14px 20px 13px; } }

@media (min-width: 992px) { /* line 269, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div, #globalWarp .familySet .f5 > div { border: 2px solid #008bce; z-index: 9999; position: absolute; left: 0px; right: 0; top: 43px; width: 100%; max-width: 1200px; margin: 0 auto; } }

/* line 287, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div dt, #globalWarp .familySet .f5 > div dt { height: 30px; line-height: 30px; font-size: 16px; color: #fff; /*background-color: #edab21;*/ background-color:#A06C00; font-weight: bold; text-align: center; border-radius: 4px; }

/* line 303, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div ul, #globalWarp .familySet .f5 > div ul { display: block; }

/* line 57, static/portal/scss/_var.scss */ #globalWarp .familySet .f8 > div ul:before, #globalWarp .familySet .f8 > div ul:after, #globalWarp .familySet .f5 > div ul:before, #globalWarp .familySet .f5 > div ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media (max-width: 991px) { /* line 306, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .department ul, #globalWarp .familySet .f5 > div .department ul { display: block; padding-bottom: 10px; }
	/* line 57, static/portal/scss/_var.scss */ #globalWarp .familySet .f8 > div .department ul:before, #globalWarp .familySet .f8 > div .department ul:after, #globalWarp .familySet .f5 > div .department ul:before, #globalWarp .familySet .f5 > div .department ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	/* line 309, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .department ul li, #globalWarp .familySet .f5 > div .department ul li { float: left; width: 50%; } }

@media (min-width: 992px) { /* line 304, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .department, #globalWarp .familySet .f5 > div .department { width: calc( (960 /1200*100%)); float: left; }
	/* line 318, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .department dl, #globalWarp .familySet .f5 > div .department dl { float: left; width: calc(100%/7); padding: 0 7px; }
	/* line 323, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .department ul, #globalWarp .familySet .f5 > div .department ul { position: static !important; padding: 8px 0; } }

@media (max-width: 767px) { /* line 331, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .center, #globalWarp .familySet .f5 > div .center { padding: 0 10px; margin-top: -10px; } }

@media (min-width: 992px) { /* line 331, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .center, #globalWarp .familySet .f5 > div .center { border-left: 1px solid #7fc5e6; width: 190px; float: right; width: calc(16.408% + 30px); padding: 0 15px; } }

/* line 345, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .center ul, #globalWarp .familySet .f5 > div .center ul { padding: 8px 0; }

/* line 347, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div .center ul li, #globalWarp .familySet .f5 > div .center ul li { float: left; width: 50%; }

/* line 353, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div a, #globalWarp .familySet .f5 > div a { padding: 6px 0 5px 12px; background: url(/static/portal/img/common/bu3.png) 0 13px no-repeat; background-size: 5px; line-height: 1.2; letter-spacing: -1px; white-space: nowrap; font-size: 15px; }

/* line 364, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div a:before, #globalWarp .familySet .f5 > div a:before { display: none; }

/* line 365, static/portal/scss/global.scss */ #globalWarp .familySet .f8 > div a:hover, #globalWarp .familySet .f8 > div a:focus, #globalWarp .familySet .f5 > div a:hover, #globalWarp .familySet .f5 > div a:focus { color: #008bce; text-decoration: underline; }

@media (max-width: 767px) { /* line 375, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist br { display: none; }
	/* line 376, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist dl:last-child ul { float: left; width: 50%; } }

@media (min-width: 992px) { /* line 378, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist > dl { float: left; width: 39%; padding: 0 10px; border-left: 1px solid #7fc5e6; min-height: 440px; }
	/* line 385, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist > dl:first-child { border: none; }
	/* line 386, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist > dl:last-child { width: calc(100% - 39% - 39%); } }

/* line 389, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist dt:before { content: ''; width: 18px; height: 18px; display: inline-block; background: url(/static/portal/img/common/wwwico1.png) right center no-repeat; vertical-align: middle; margin-right: 7px; margin-top: -2px; }

/* line 398, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist dt.i2:before { background-image: url(/static/portal/img/common/wwwico2.png); }

/* line 399, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist dt.i3:before { background-image: url(/static/portal/img/common/wwwico3.png); }

/* line 400, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist dd { display: block; padding-left: 10px; padding-right: 10px; }

/* line 57, static/portal/scss/_var.scss */ #globalWarp .familySet .f8 .wwwlist dd:before, #globalWarp .familySet .f8 .wwwlist dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media (min-width: 992px) { /* line 405, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist ul { padding: 8px 0; float: left; width: 50%; }
	/* line 408, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist ul:first-child { padding-right: 7%; } }

/* line 413, static/portal/scss/global.scss */ #globalWarp .familySet .f8 .wwwlist .dotx { background: url(/static/portal/img/sub/dotx6.png) 0 bottom repeat-x; padding-bottom: 7px; margin-bottom: 7px; }

/* line 420, static/portal/scss/global.scss */ #globalWarp .familySet a { padding: 0 8px; display: block; color: #fff; line-height: 50px; }

/* line 426, static/portal/scss/global.scss */ #globalWarp .familySet a .la, #globalWarp .familySet a .fa { display: none; }

@media (min-width: 1276px) { /* line 420, static/portal/scss/global.scss */ #globalWarp .familySet a { padding: 0 10px 0 35px; }
	/* line 429, static/portal/scss/global.scss */ #globalWarp .familySet a .la, #globalWarp .familySet a .fa { font-size: 20px; padding-right: 3px; display: inline-block; } }

/* line 433, static/portal/scss/global.scss */ #globalWarp .global { font-size: 14px; }

@media (min-width: 992px) { /* line 433, static/portal/scss/global.scss */ #globalWarp .global { float: right; }
	/* line 436, static/portal/scss/global.scss */ #globalWarp .global.adon { padding-right: 95px; } }

/* line 439, static/portal/scss/global.scss */ #globalWarp .global .mynav { float: left; }

/* line 441, static/portal/scss/global.scss */ #globalWarp .global .mynav li { float: left; }

/* line 443, static/portal/scss/global.scss */ #globalWarp .global .mynav li a { display: block; color: #fff; line-height: 50px; padding: 0 12px; }

/* line 448, static/portal/scss/global.scss */ #globalWarp .global .mynav li a span.name { display: none; }

/* line 452, static/portal/scss/global.scss */ #globalWarp .global .lang { float: right; padding-right: 11px; position: relative; padding-top: 10px; }

@media (min-width: 992px) { /* line 452, static/portal/scss/global.scss */ #globalWarp .global .lang { float: left; padding-right: 0; } }

/* line 461, static/portal/scss/global.scss */ #globalWarp .global .lang button { background: none; border: 1px solid #006393; height: 30px; padding-left: 11px; width: 120px; color: #fff; text-align: left; position: relative; }

/* line 470, static/portal/scss/global.scss */ #globalWarp .global .lang button:after { content: '\f067'; font-family: 'FontAwesome'; position: absolute; right: 12px; top: 0; font-size: 14px; height: 28px; line-height: 28px; }

/* line 481, static/portal/scss/global.scss */ #globalWarp .global .lang.on div ul { display: block; }

/* line 483, static/portal/scss/global.scss */ #globalWarp .global .lang div ul { display: none; width: 120px; position: absolute; top: 40px; left: 0; z-index: 1000; padding: 5px 10px; border: 1px solid #dedede; background: #fff; }

/* line 494, static/portal/scss/global.scss */ #globalWarp .global .lang div a { color: #000; padding: 8px 0 7px 14px; background: url(/static/portal/img/common/bu3.png) 0 center no-repeat; background-size: 5px; line-height: 1; display: block; }

/* line 499, static/portal/scss/global.scss */ #globalWarp .global .lang div a:before { display: none; }

/* line 500, static/portal/scss/global.scss */ #globalWarp .global .lang div a:hover, #globalWarp .global .lang div a:focus { color: #008bce; text-decoration: underline; }

/* line 508, static/portal/scss/global.scss */ #header { position: relative; z-index: 500; display: block; }

/* line 57, static/portal/scss/_var.scss */ #header:before, #header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media (min-width: 992px) { /* line 508, static/portal/scss/global.scss */ #header { max-width: 1276px; margin: 0 auto; height: 160px; } }

/* line 517, static/portal/scss/global.scss */ #header .top { position: relative; }

@media (min-width: 992px) { /* line 517, static/portal/scss/global.scss */ #header .top { padding-left: 360px; padding-right: 200px; } }

@media (min-width: 1276px) { /* line 517, static/portal/scss/global.scss */ #header .top { padding-right: 360px; height: 91px; } }

/* line 528, static/portal/scss/global.scss */ #header .logo { padding: 20px 0; }

@media (min-width: 992px) { /* line 528, static/portal/scss/global.scss */ #header .logo { padding-top: 0; position: absolute; left: 3%; top: 24px; } }

/* line 536, static/portal/scss/global.scss */ #header .logo a { width: 210px; height: 30px; background: url(/static/portal/img/common/logo.jpg) center 0 no-repeat; background-size: auto 100%; display: block; margin: 0 0; }

@media (min-width: 768px) { /* line 536, static/portal/scss/global.scss */ #header .logo a { width: 190px; height: 60px; margin: 0 auto; } }

@media (min-width: 992px) { /* line 536, static/portal/scss/global.scss */ #header .logo a { background-position: 40px 0; width: 290px; height: 50px; margin: 0; } }

/* line 557, static/portal/scss/global.scss */ #subtsh { position: relative; background-color: #eef1f7; padding: 10px 11px; }

@media (min-width: 992px) { /* line 557, static/portal/scss/global.scss */ #subtsh { background-color: transparent; padding: 0 0 0 0px; padding-top: 24px; max-width: 350px; margin: 0 auto 0 -10px; } }

@media (min-width: 1276px) { /* line 557, static/portal/scss/global.scss */ #subtsh { background-color: transparent; padding: 0 0 0 20px; padding-top: 24px; max-width: 480px; margin: 0 auto; } }

/* line 568, static/portal/scss/global.scss */ #subtsh fieldset { display: block; padding-left: 10px; padding-right: 49px; position: relative; border: 1px solid #d8d8d8; background-color: #fff; }

@media (min-width: 768px) and (min-width: 992px) { /* line 568, static/portal/scss/global.scss */ #subtsh fieldset { margin: 0; } }

/* line 586, static/portal/scss/global.scss */ #subtsh fieldset > select, #subtsh fieldset input, #subtsh fieldset button { height: 38px; }

/* line 591, static/portal/scss/global.scss */ #subtsh fieldset > select { width: 110px; border: none; position: absolute; left: 0; top: 0; min-height: 38px; }

/* line 597, static/portal/scss/global.scss */ #subtsh fieldset input { border: none; width: 100%; line-height: 38px; background: #fff url(/static/portal/img/common/shico.png) right center no-repeat; padding-right: 43px; }

/* line 603, static/portal/scss/global.scss */ #subtsh fieldset input:focus { outline: none; }

/* line 605, static/portal/scss/global.scss */ #subtsh fieldset button { position: absolute; top: 0; right: 0; background-color: transparent; width: 40px; text-align: center; }

@media (min-width: 992px) { /* line 605, static/portal/scss/global.scss */ #subtsh fieldset button { right: 0; top: 0; } }

/* line 616, static/portal/scss/global.scss */ #subtsh fieldset button:after { content: ''; font-family: 'FontAwesome'; font-size: 20px; }

/* line 623, static/portal/scss/global.scss */ #subtsh .favkeyword { font-size: 15px; margin: 7px auto 0; }

/* line 626, static/portal/scss/global.scss */ #subtsh .favkeyword dt { margin-right: 10px; color: #008bce; display: inline-block; vertical-align: top; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* line 633, static/portal/scss/global.scss */ #subtsh .favkeyword dd { display: inline-block; vertical-align: top; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; white-space: nowrap; width: 100%; }

/* line 642, static/portal/scss/global.scss */ #subtsh .favkeyword dd a { display: inline; display: block; vertical-align: top; text-align: center; padding: 0 5px; }

/* line 652, static/portal/scss/global.scss */ #subtsh .favkeyword.keyboardfocusIn dd { text-overflow: inherit; }

/* line 654, static/portal/scss/global.scss */ #subtsh .favkeyword .favkeywordList { padding-right: 50px; }

/* line 656, static/portal/scss/global.scss */ #subtsh .favkeyword .favkeywordList:before { content: ''; background-color: #f00; height: 100%; position: absolute; right: 40px; top: 0; z-index: 1; background: url(/static/portal/img/common/fav_gradiant.png) right 0 no-repeat; }

/* line 668, static/portal/scss/global.scss */ #subtsh .favkeyword .owl-nav { position: absolute; right: 0; top: 0; }

/* line 672, static/portal/scss/global.scss */ #subtsh .favkeyword button { font-family: 'LineAwesome'; font-size: 20px; float: left; color: #757575; }

/* line 677, static/portal/scss/global.scss */ #subtsh .favkeyword button span { display: none; }

/* line 680, static/portal/scss/global.scss */ #subtsh .favkeyword button.owl-prev:before { content: ''; }

/* line 685, static/portal/scss/global.scss */ #subtsh .favkeyword button.owl-next:before { content: ''; }

@media (min-width: 1276px) { /* line 694, static/portal/scss/global.scss */ #subtsh .favkeyword { display: block !important; white-space: nowrap !important; overflow: hidden; word-wrap: normal !important; text-overflow: ellipsis !important; -ms-text-overflow: ellipsis !important; text-transform: uppercase; /* text-overflow: ellipsis; //Required for text-overflow to do anything white-space: nowrap; overflow: hidden; */ } }

/* line 713, static/portal/scss/global.scss */ .layoutSnsWrap { display: inline-block; vertical-align: middle; }

/* line 715, static/portal/scss/global.scss */ .layoutSnsWrap .sns-tweeter { background-image: url(/static/commons/img/sns/snstweeter.png); }

/* line 716, static/portal/scss/global.scss */ .layoutSnsWrap .sns-facebook { background-image: url(/static/commons/img/sns/snsfacebook.png); }

/* line 717, static/portal/scss/global.scss */ .layoutSnsWrap .sns-kakaostory { background-image: url(/static/commons/img/sns/snskakaostory.png); }

/* line 721, static/portal/scss/global.scss */ .layoutSnsWrap a { width: 26px; height: 26px; display: inline-block; background-size: cover; }

/* line 727, static/portal/scss/global.scss */ .whr { display: none; cursor: pointer; }

/* line 727, static/portal/scss/global.scss */ .markset { display: none; cursor: pointer; }

@media (min-width: 992px) { /* line 727, static/portal/scss/global.scss */ .whr { display: inline-block; position: absolute; top: 10px; right: 70px; } }

@media (min-width: 992px) { /* line 727, static/portal/scss/global.scss */ .markset { display: block; position: absolute; right: 4px; } }

/* line 736, static/portal/scss/global.scss */ .whr .img { display: inline-block; float: left; margin-left: 10px; }

@media (min-width: 992px) { /* line 736, static/portal/scss/global.scss */ .whr .img { padding: 0px 5px 0 0; } }

/* line 740, static/portal/scss/global.scss */ .whr .tem { color: #000; font-size: 13px; line-height: 15px; float: left; padding-top: 23px; }

/* line 741, static/portal/scss/global.scss */ .whr .tem .w1 { margin-bottom: 3px; width: 202px; }

/* line 742, static/portal/scss/global.scss */ /* .whr .tem .w1 .style { font-weight: 400; font-size: 24px; display: inline-block; padding-left: 5px; } */

/* line 742, static/portal/scss/global.scss */ .whr .tem .w2 .style { font-weight: 400; font-size: 18px; display: inline-block; padding-left: 0px; }

/* line 745, static/portal/scss/global.scss */ /*  .whr .tem .w2 span { display: inline-block; background: #ade4ff; border-radius: 10px; padding: 4px 5px; line-height: 15px; margin-left: 5px; } */

/* line 748, static/portal/scss/global.scss */ .whr .details { position: absolute; right: 0; top: 78px; width: 282px; z-index: 10000; border-radius: 18px; border: 2px solid #cecece; padding: 10px 13px 8px; background-color: #fff; font-size: 15px; display: none; }

/* line 760, static/portal/scss/global.scss */ .whr .details li { padding: 5px 0; }

/* line 763, static/portal/scss/global.scss */ /* .whr .details li.xline { background: url(/static/portal/img/sub/dotx6.png) 0 0 repeat-x; padding-top: 8px; margin-top: 5px; } */

/* line 765, static/portal/scss/global.scss */ .whr .details span { font-family: 'Noto-Light'; display: inline-block; }

/* line 769, static/portal/scss/global.scss */ .whr .details .i { color: #000; width: 102px; padding-left: 29px; font-family: 'Noto-Medium'; background: url(/static/portal/img/common/watherico.png) 0 4px no-repeat; background-size: 20px auto; }

/* line 776, static/portal/scss/global.scss */ /* .whr .details .i.t2 { background-position: 0 -30px; } */

/* line 777, static/portal/scss/global.scss */ .whr .details .i.t3 { background-position: 0 -62px; }

/* line 778, static/portal/scss/global.scss */ .whr .details .i.t4 { background-position: 0 -96px; }

/* line 780, static/portal/scss/global.scss */ .whr .details .b { border-radius: 30px; background-color: #008bce; color: #fff; width: 60px; text-align: center; }

/* line 786, static/portal/scss/global.scss */ .whr .details .b.level2 { background-color: #28b276; }

/* line 787, static/portal/scss/global.scss */ .whr .details .b.level3 { background-color: #ec810e; }

/* line 788, static/portal/scss/global.scss */ .whr .details .b.level4 { background-color: #da3539; }

/* line 790, static/portal/scss/global.scss */ .whr .details .l { text-align: center; width: 77px; }

/* line 748, static/portal/scss/global.scss */ .whr .cleanair { position: absolute; top: 15px; width: 190px; padding: 0px 13px 0px; font-size: 15px; margin: 0px 0px 0px 95px; line-height: 19px; padding-left: 0px; background: url(/static/portal/img/common/weatherbg.png) 15px 7px no-repeat; }

/* line 760, static/portal/scss/global.scss */ .whr .cleanair li { padding: 5px 0; margin-bottom: -4px; }

/* line 765, static/portal/scss/global.scss */ .whr .cleanair span { font-family: 'NanumGothic'; display: inline-block; }

/* line 769, static/portal/scss/global.scss */ .whr .cleanair .i { color: #000; width: 95px; padding-left: 22px; }

/* line 776, static/portal/scss/global.scss */ .whr .cleanair .i.t2 { background-position: 0 -30px; }

/* line 780, static/portal/scss/global.scss */ .whr .cleanair .b { border-radius: 30px; background-color: #008bce; color: #fff; padding: 0 5px; text-align: center; }

/* line 786, static/portal/scss/global.scss */ .whr .cleanair .b.level2 { background-color: #28b276; }

/* line 787, static/portal/scss/global.scss */ .whr .cleanair .b.level3 { background-color: #ec810e; }

/* line 788, static/portal/scss/global.scss */ .whr .cleanair .b.level4 { background-color: #da3539; }

/* line 790, static/portal/scss/global.scss */ .whr .cleanair .l { text-align: center; width: 77px; }

.m_w { display: block; cursor: pointer; }

@media (min-width: 992px) { .m_w { display: none;} }

.m_w .m_c { position: absolute; top: 10px; font-size: 15px; line-height: 17px; right: 47px; }

@media (min-width: 768px) { .m_w .m_c { position: absolute; top: 19px; font-size: 20px; line-height: 17px; right: 70px; } }

@media (min-width: 992px) { .m_w .m_c { position: absolute; top: 10px; font-size: 15px; line-height: 17px; right: 47px; } }

.m_w .m_c li { padding: 5px 0; margin-bottom: -4px; }

@media (min-width: 768px) { .m_w .m_c li { padding: 2px 0; margin-bottom: 0px; } }

.m_w .m_c span { font-family: 'Noto-Light'; display: inline-block; }

.m_w .m_c .i { color: #000; width: 105px; padding-left: 22px; }

@media (min-width: 768px) { .m_w .m_c .i { width: 100px; padding-left: 0px; } }

.m_w .m_c .i.t2 { background-position: 0 -30px; }

.m_w .m_c .b { border-radius: 30px; background-color: #008bce; color: #fff; padding: 0 5px; text-align: center; }

@media (min-width: 768px) { .m_w .m_c .b { padding: 5px 5px; } }

.m_w .m_c .b.level2 { background-color: #28b276; }

.m_w .m_c .b.level3 { background-color: #ec810e; }

.m_w .m_c .b.level4 { background-color: #da3539; }

.m_w .m_c .l { text-align: center; width: 77px; }

/* 자료담당자 */
/* line 795, static/portal/scss/global.scss */ .pageAdm { margin-top: 20px; background-color: #777c8a; }

@media (min-width: 992px) { /* line 795, static/portal/scss/global.scss */ .pageAdm { display: table; width: 100%; table-layout: fixed; } }

/* line 803, static/portal/scss/global.scss */ .pageAdm p { color: #fff; padding: 8px 0; line-height: 2; }

@media (max-width: 767px) { /* line 803, static/portal/scss/global.scss */ .pageAdm p { text-align: center; } }

/* line 810, static/portal/scss/global.scss */ .pageAdm p:first-child { padding-top: 15px; }

@media (min-width: 768px) { /* line 810, static/portal/scss/global.scss */ .pageAdm p:first-child { background: url(/static/portal/img/common/pageAdm-bu.png) 29px 15px no-repeat; background-size: 30px; padding-left: 70px; } }

/* line 818, static/portal/scss/global.scss */ .pageAdm p + p { border-top: 1px solid #acaeb5; }

@media (min-width: 768px) { /* line 818, static/portal/scss/global.scss */ .pageAdm p + p { padding-left: 70px; } }

@media (min-width: 992px) { /* line 803, static/portal/scss/global.scss */ .pageAdm p { padding: 15px 0; display: table-cell; }
	/* line 827, static/portal/scss/global.scss */ .pageAdm p + p { padding-left: 0; text-align: center; width: 25%; border-left: 1px solid #fff; } }

/* line 837, static/portal/scss/global.scss */ .pageComment { margin-top: 20px; border: 1px solid #dadada; background: #fff url(/static/portal/img/common/pageComent-pt.png) repeat; padding: 15px; }

@media (min-width: 768px) { /* line 837, static/portal/scss/global.scss */ .pageComment { padding: 19px 29px; } }

/* line 845, static/portal/scss/global.scss */ .pageAdm + .pageComment { border-top: none; margin-top: 0; }

/* line 846, static/portal/scss/global.scss */ .pageComment input[name=opinionCn], .pageComment .col-md-9 input, .pageComment textarea { width: 100%; height: 40px; vertical-align: top; }

@media (max-width: 767px) { /* line 846, static/portal/scss/global.scss */ .pageComment input[name=opinionCn], .pageComment .col-md-9 input, .pageComment textarea { height: 60px; } }

@media (min-width: 992px) { /* line 846, static/portal/scss/global.scss */ .pageComment input[name=opinionCn], .pageComment .col-md-9 input, .pageComment textarea { height: 40px; line-height: 36px; text-indent: 10px; } }

/* line 855, static/portal/scss/global.scss */ .pageComment .pageCommentName { width: 100px; height: 40px; line-height: 40px; padding-left: 5px; }

@media (min-width: 992px) { /* line 855, static/portal/scss/global.scss */ .pageComment .pageCommentName { width: 100%; } }

/* line 862, static/portal/scss/global.scss */ .pageComment button { color: #fff; background-color: #f76627; height: 40px; width: 100%; }

/* line 869, static/portal/scss/global.scss */ .pageComment .row > div { margin-bottom: 2px; }

@media (min-width: 768px) { /* line 872, static/portal/scss/global.scss */ .pageComment .row > div + div { margin-bottom: 10px; } }

@media (min-width: 992px) { /* line 869, static/portal/scss/global.scss */ .pageComment .row > div { margin-bottom: 0; }
	/* line 876, static/portal/scss/global.scss */ .pageComment .row > div + div { margin-bottom: 0; } }

/* line 882, static/portal/scss/global.scss */ .lnb { padding-top: 30px; display: none; float: left; background-color: white; border-top-style: none; }

@media (min-width: 992px) { /* line 882, static/portal/scss/global.scss */ .lnb { display: block; width: 200px; width: 18.5%; } }

@media (min-width: 1276px) { /* line 882, static/portal/scss/global.scss */ .lnb { width: 236px; } }

/* line 896, static/portal/scss/global.scss */ .lnb .lnbtitle, .lnb h2, .lnb h1 { font-size: 25px; font-family: 'Noto-Medium'; color: #008bce; text-align: center; padding: 48px 0 48px; line-height: 1; background-color: #008bce; color: #fff; font-weight: normal; background: #008bce url(/static/portal/img/common/lnbbg1.png) right bottom no-repeat; }

/* line 909, static/portal/scss/global.scss */ .lnb .lnbtitle:before, .lnb h2:before, .lnb h1:before { content: ''; display: inline-block; background: url(/static/portal/img/common/lnbTitleBu.png) 0 0 no-repeat; width: 5px; height: 25px; margin-right: 20px; vertical-align: middle; }

/* line 919, static/portal/scss/global.scss */ .lnb.d-200042 h2 { background-image: url(/static/portal/img/common/lnbbg2.png); }

/* line 920, static/portal/scss/global.scss */ .lnb.d-200078 h2 { background-image: url(/static/portal/img/common/lnbbg3.png); }

/* line 921, static/portal/scss/global.scss */ .lnb.d-200237 h2 { background-image: url(/static/portal/img/common/lnbbg4.png); }

/* line 922, static/portal/scss/global.scss */ .lnb.d-200188 h2 { background-image: url(/static/portal/img/common/lnbbg5.png); }

/* line 924, static/portal/scss/global.scss */ .lnb > ul > li { border-bottom: 1px solid #dee0e6; position: relative; }

/* line 927, static/portal/scss/global.scss */ .lnb > ul > li > a { padding: 16px 0 16px 28px; display: block; font-size: 16px; line-height: 1; position: relative; word-break: keep-all; font-family: 'NanumGothic'; }

/* line 938, static/portal/scss/global.scss */ .lnb > ul > li > div:after, .lnb > ul > li > div:before { content: ''; width: 11px; height: 1px; background-color: #008bce; position: absolute; right: 17px; top: 25px; transition: all .25s ease-out; }

/* line 945, static/portal/scss/global.scss */ .lnb > ul > li > div:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* line 947, static/portal/scss/global.scss */ .lnb > ul > li ul { display: none; }

/* line 949, static/portal/scss/global.scss */ .lnb > ul > li.on > a { background: #00486a; color: #fff; }

/* line 953, static/portal/scss/global.scss */ .lnb > ul > li.on ul { display: block; }

/* line 957, static/portal/scss/global.scss */ .lnb > ul > li.on > div:after { display: none; }

/* line 958, static/portal/scss/global.scss */ .lnb > ul > li.on > div:before { background-color: #fff; }

/* line 962, static/portal/scss/global.scss */ .lnb > ul > li ul { background-color: #f5f5f5; padding: 10px 0 10px 0; }

/* line 967, static/portal/scss/global.scss */ .lnb > ul > li ul li a { color: #696969; display: block; letter-spacing: -1px; padding: 13px 0 9px 42px; line-height: 1; background: url(/static/portal/img/common/lnbBu1.png) 28px 16px no-repeat; }

/* line 975, static/portal/scss/global.scss */ .lnb > ul > li ul li a span { padding-bottom: 3px; display: inline-block; border-bottom: 1px solid #f5f5f5; }

/* line 981, static/portal/scss/global.scss */ .lnb > ul > li ul li a:hover span, .lnb > ul > li ul li a:focus span, .lnb > ul > li ul li.on a span { border-bottom: 1px solid #008bce; color: #008bce; }

/* line 992, static/portal/scss/global.scss */ .swfapp { position: relative; text-align: right; }

/* line 995, static/portal/scss/global.scss */ .swfapp a { color: #fff; display: inline-block; padding: 10px; position: absolute; right: 0; top: 0; background-color: #000; }

/* line 1003, static/portal/scss/global.scss */ .dbData .swfapp a { position: static; }

/* line 1007, static/portal/scss/global.scss */ .loading { position: fixed; left: 0; width: 100%; text-align: center; margin-top: -120px; top: 50%; text-align: center; font-size: 18px; font-weight: bold; z-index: 999; }

/* line 1018, static/portal/scss/global.scss */ .loading::after { content: ''; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; background-color: rgba(255, 255, 255, 0.8); z-index: -1; }

/* line 1029, static/portal/scss/global.scss */ .usS { color: #449d44; }

/* line 1030, static/portal/scss/global.scss */ .spinner { width: 70px; text-align: center; margin: 40px auto; }

/* line 1036, static/portal/scss/global.scss */ .spinner > div { width: 18px; height: 18px; background-color: #0000; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

/* line 1045, static/portal/scss/global.scss */ .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

/* line 1049, static/portal/scss/global.scss */ .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	40% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
	40% { -webkit-transform: scale(1); transform: scale(1); } }

@media (min-width: 992px) { /* line 1060, static/portal/scss/global.scss */ #content { min-height: 600px; } }

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


#globalWarp.new-global{background: #43599f;}
#globalWarp.new-global .set,
#globalWarp.new-global .familySet{height:43px;}
#globalWarp.new-global .familySet a{line-height:43px;}
#globalWarp.new-global .familySet > ul > li.on > div > ul{top:43px;}
#globalWarp.new-global .familySet > ul > li{width:90px;border:0;}
#globalWarp.new-global .familySet > ul > li.f2{background:#6a9e53;}
#globalWarp.new-global .familySet > ul > li.f3{background:#3c6fca;}
#globalWarp.new-global .familySet > ul > li.f4{background:#51c1a8;}
#globalWarp.new-global .familySet > ul > li.f5{background:#786bbf;}
#globalWarp.new-global .familySet > ul > li.f6{background:#5d8cd2;}
#globalWarp.new-global .familySet > ul > li.f7{background:#e574b5;}
#globalWarp.new-global .familySet > ul > li.f8{background:#f0ad55;}
#globalWarp.new-global .familySet > ul > li.active{background:#fff;}
#globalWarp.new-global .familySet > ul > li.on{background:#fff;}
#globalWarp.new-global .familySet > ul > li > a{padding:0;text-align:center;}
#globalWarp.new-global .familySet > ul > li > a:before{display:none;}
#globalWarp.new-global .familySet > ul > li.f2.on > div > ul{border: 2px solid #6a9e53;}
#globalWarp.new-global .familySet > ul > li.f3.on > div > ul{border: 2px solid #3c6fca;}
#globalWarp.new-global .familySet > ul > li.f4.on > div > ul{border: 2px solid #51c1a8;}
#globalWarp.new-global .familySet > ul > li.f5.on > div > ul{border: 2px solid #786bbf;}
#globalWarp.new-global .familySet > ul > li.f6.on > div > ul{border: 2px solid #5d8cd2;}
#globalWarp.new-global .familySet > ul > li.f7.on > div > ul{border: 2px solid #e574b5;}
#globalWarp.new-global .familySet > ul > li.f8.on > div{border: 2px solid #f0ad55;}
#globalWarp.new-global .global .mynav li{position:relative;}
#globalWarp.new-global .global .mynav li:first-child::before{content:"";position:absolute;top:calc(50% - 7px);right:0;width:1px;height:14px;background:#929fc7;;}
#globalWarp.new-global .global .mynav li a{line-height:43px;}
#globalWarp.new-global .global .lang{padding-top:5px;}
#globalWarp.new-global .global .lang div ul{top:35px;}
#globalWarp.new-global .global .lang button:after{content:"";background: url(../img/main/sele_icon.png) no-repeat center center;width: 8px;height: 8px;top: calc(50% - 4px);}

#header.new-header{height:180px;max-width: inherit;}
.new-header-tp{height:123px;border-bottom:1px solid #c2c5d2;}
.new-header-tp-cont{max-width:1276px;margin:0 auto;}
#header.new-header .logo{left: 0;top: 24px;}
#header.new-header .logo a{width:200px;height:60px;background-position: center;}
#header.new-header #subtsh{padding-top:31px;}
#header.new-header #subtsh fieldset{border: 2px solid #4465a2;border-radius: 20px;overflow: hidden;}
#header.new-header #subtsh .favkeyword .owl-nav{top: -4px;right: 5px;}
#header.new-header #subtsh .favkeyword button{width: 17px;}

#header.new-header #gnb{max-width:1276px;margin:0 auto;padding: 15px 75px 3px 25px;/* overflow: hidden; */}
#header.new-header #gnb > ul > li > a{position:relative;display: block;padding-bottom: 14px;}
#header.new-header #gnb > ul > li > a::before{content:"";position:absolute;top: calc(50% - 12px);right:0;width:1px;height:12px;background:#adadad;}
#header.new-header #gnb > ul > li > div{top: 57px;}

#header.new-header #allNav{z-index:1;}

.main-floor1{background:#cce0fb;padding:30px 0;}
.main-floor1 #con1{padding-left:0;padding-right: 408px;height: 410px;}
.main-floor1 #con1 .mayor{left:auto;right:0;width: 393px;height: 410px;background: none;}
.main-floor1 #con1 .mayor h1 {background: url(/static/portal/img/main/mayorTxt9.png) 162px -20px no-repeat;height: 127px; }
.main-floor1 #con1 .mayor .a a{text-align:left;padding-left: 29px;position: relative;border: 1px solid #99cfe9;border-radius: 5px;height: 37px;line-height: 35px;background: rgba(62, 153, 200, 0.1);font-size: 14px;color: #000;font-family: "NotoSansCJKkr" !important;font-weight: 700;}
.main-floor1 #con1 .mayor .a a i{text-align:center;position: absolute;left: 0;}
.main-floor1 #con1 #popupzone{height:410px;}
.main-floor1 #con1 .mayor-tp{background: #f3fafa url(../img/main/mayorPic_27.jpg) left 0 no-repeat;height: 310px; }
.main-floor1 #con1 .mayor-tp .mv_btn li{width: 157px;height:37px;line-height:37px;margin: 5px 0px;}
.main-floor1 #con1 .mayor-tp .mv_btn li:nth-child(1) a i{left: 5px;top: 10px;}
.main-floor1 #con1 .mayor-tp .mv_btn li:nth-child(2) a i{left: 9px;top: 11px;}
.main-floor1 #con1 .mayor-tp .mv_btn li:nth-child(3) a i{left: 9px;top: 11px;}
.main-floor1 #con1 .mayor-tp .mv_btn li:nth-child(4) a i{left: 8px;top: 10px;}
.main-floor1 #con1 .mayor .b{background: #fedf82;height: 90px;}
.main-floor1 #con1 .mayor .b li{border: 1px solid #e2c879;}
.main-floor1 #con1 .mayor .b li a{padding-top:58px;height: 90px;position: relative;color: #000;}
.main-floor1 #con1 .mayor .b li a:before{position:absolute;top:17px;margin: 0;width: 100%;height: 34px;text-align: center;}
.main-floor1 #con1 .mayor .b li:nth-child(1) a:before{background:url(../img/main/mayor_icon1.png) no-repeat center;}
.main-floor1 #con1 .mayor .b li:nth-child(2) a:before{background:url(../img/main/mayor_icon2.png) no-repeat center;}
.main-floor1 #con1 .mayor .b li:nth-child(3) a:before{background:url(../img/main/mayor_icon3.png) no-repeat center;}
.main-floor1 #con1 .mayor .b li:nth-child(4) a:before{background:url(../img/main/mayor_icon4.png) no-repeat center;}
.main-floor1 #con1 #popupzone .popupzone-area .item .a img, 
.main-floor1 #con1 #popupzone .popupzone-area .item a img{height:410px;}
.main-floor1 #con1 #popupzone .num{position:static;float: left;width: 72px;height: 42px;line-height: 42px;text-align: center;color: #fff;}
.main-floor1 #con1 #popupzone .ctrl{background: rgba(0, 0, 0, 0.58);right: 0;bottom: 0;left: auto;}
.main-floor1 #con1 #popupzone .ctrl .set button{width:40px;height: 42px;border: 0;border-left: 1px solid #728986;border-radius: 0;margin-left: 0;}
.main-floor1 #con1 #popupzone .ctrl .set button.popupzone-prev{background: url(../img/main/ctrlSet1.png) no-repeat center;}
.main-floor1 #con1 #popupzone .ctrl .set button.popupzone-pause{background:url(../img/main/ctrlSet3.png) no-repeat center;}
.main-floor1 #con1 #popupzone .ctrl .set button.popupzone-play{background:url(../img/main/ctrlSet4.png) no-repeat center;}
.main-floor1 #con1 #popupzone .ctrl .set button.popupzone-next{background:url(../img/main/ctrlSet2.png) no-repeat center;}


.main-floor1 #notice{height:225px;margin-top: 15px;background: none;padding: 0;}
.main-floor1 #notice:before {display: none;content: '';background-color: #056a9a;position: absolute;bottom: 0;width: 100%;height: 140px;left: 0;visibility: visible;z-index: 1;}
.main-floor1 #notice > div {z-index: 2;width: calc(100% / 3);padding: 0;}
.main-floor1 #notice > div:nth-child(1){padding-right: 16px;}
.main-floor1 #notice > div:nth-child(2){padding-right: 8px;padding-left: 8px;}
.main-floor1 #notice > div:nth-child(3){padding-right: 0;padding-left: 16px;}
.main-floor1 #notice > div .s {padding-top: 46px;padding-left: 0;background: #fff;border: 1px solid #2c53b0;height: 225px;}
.main-floor1 #notice > div ul {padding: 10px 0;border-top: 1px solid #2c53b0;}
.main-floor1 #notice > div ul li {display: block;padding: 5px 0;}
.main-floor1 #notice > div ul li a {display: block;position: relative;padding: 0 20px;background: url(/static/portal/img/common/noticebu.png) 0 center no-repeat;position: relative;color: #000;height: 21px;line-height: 21px;}
.main-floor1 #notice > div ul li a:hover, #notice.on > div ul li a:focus {color: #056a9a;font-weight: bold;}
.main-floor1 #notice > div ul li a span.txt { display: block; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; }
.main-floor1 #notice > div + div:after {display: none;content: '';border-left: 1px solid #5097b8;position: absolute;left: 0;bottom: 22px;bottom: 0;height: 98px;}


.main-floor1 #notice > div ul a .date{display:none;}
.main-floor1 #notice > div .s h1{padding:0 20px;font-size:18px;font-weight:700;color:#2c53b0;height: 45px;line-height: 45px;}
.main-floor1 #notice > div .s::before{display:none;}
.main-floor1 #notice > div .s .more{top:14px;right:14px;position:absolute;}
.main-floor1 #notice > div .more a:before{content:"";display:block;background: url(../img/main/more.gif) no-repeat;width: 18px;height: 18px;}
.main-floor1 #notice > div .s .more{}
.main-floor1 #notice > div .s.on .more{display:block;}


.backg1{background:#fff;}
#favService.new-favServide{height:310px;padding: 20px 0 20px;margin: 0 auto;}
#favService.new-favServide h1{float:none;font-size: 30px;font-family: "KoreanSWGI" !important;font-weight:500 !important;margin-bottom: 25px;color: #000333;}
#favService.new-favServide h1:before{display:none;}
#favService.new-favServide .navTab{float:none;/* overflow: hidden; */}
#favService.new-favServide .navTab .item{width:calc(100% / 5);margin-left:0;border-left: 1px solid #9fa3af;}
#favService.new-favServide .navTab .item:first-child{border-left:0;}
#favService.new-favServide .navTab .item a{position:relative;height:52px;line-height:52px;text-align:center;background: #5e6377;padding: 0;color: #fff;font-size: 20px;font-weight: 700;}
#favService.new-favServide .navTab .item a.on::before{content:"";position:absolute;bottom: 0px;left: calc(50% - 3px);width:0;height:0;border-top: 7px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 4px solid transparent;}
#favService.new-favServide .favitemSet.on{height:164px;padding-top: 20px;border: 1px solid #dee2e5;overflow: hidden;}
#favService.new-favServide .favitemSet .item a img{max-width:73px;vertical-align: middle;}
#favService.new-favServide .favitemSet .owl-carousel .owl-nav button.owl-prev{background: url(../img/main/service_lf.gif) no-repeat;width: 23px;height: 48px;top: calc(50% - 24px);}
#favService.new-favServide .favitemSet .owl-carousel .owl-nav button.owl-next{background: url(../img/main/service_rt.gif) no-repeat;width: 23px;height: 48px;top: calc(50% - 24px);}
#favService.new-favServide .favitemSet .item a{color:#000;font-size: 16px;text-align: center;}
#favService.new-favServide .favitemSet .item a:hover, #favService.new-favServide .favitemSet .item a:focus {color: #056a9a;font-weight: bold;}

.main-floor3{background: url(../img/main/main_floor3_bg.jpg) no-repeat center;background-size: cover;height: 520px;padding: 20px 0 20px;}
.main-floor3 #snsareas{background:none;margin-top: 38px;padding: 0;}
.main-floor3-tp{max-width:1276px;margin:0 auto;overflow: hidden;height: 350px;}
.main-floor3-tp #infors{background:none;float: left;width: calc(50% - 18px);}
.main-floor3-tp #infors > .set{padding:0;}
.main-floor3-tp #infors .ctrl{top: 0;right:0;}
.main-floor3-tp #infors h1{font-size: 30px;font-family: "KoreanSWGI" !important;font-weight: 500 !important;color: #000333;padding-left: 0;line-height: 100%;}
.main-floor3-tp #infors h1:before{display:none;}
.main-floor3-tp #infors .ctrl .set button.infors-prev{background: url(../img/main/notice_icon1.gif) no-repeat center;width: 33px;height: 34px;}
.main-floor3-tp #infors .ctrl .set button.infors-pause{background: url(../img/main/notice_icon3.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #infors .ctrl .set button.infors-play{background: url(../img/main/notice_icon4.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #infors .ctrl .set button.infors-next{background: url(../img/main/notice_icon2.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #infors .ctrl .set a{padding-top: 0;margin-left: 0;}
.main-floor3-tp #infors .ctrl .set a span{background: url(../img/main/icon_more.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #infors .ctrl .set .num{color:#000;margin-right: 20px;}

.main-floor3-tp #media{float:right;background:none;width: calc(50% - 18px);}
.main-floor3-tp #media > .set{}
.main-floor3-tp #media > .set .itemList .item{width: auto;/* margin-left: -15px; */}
.main-floor3-tp #media > .set .itemList .item > .s h2 a:after{display:none;}
.main-floor3-tp #media > .set h1{font-size: 30px;font-family: "KoreanSWGI" !important;font-weight: 500 !important;color: #000333;padding-left: 0;line-height: 100%;}
.main-floor3-tp #media > .set h1:before{display:none;}
.main-floor3-tp #media > .set .itemList .item > .s h2 a{height:47px;padding: 0 0 0 15px;line-height: 47px;font-size: 19px;font-weight: 700;color: #000;}
.main-floor3-tp #media > .set .itemList .item > .s > a .tset{height:60px;padding: 11px 18px;font-size: 16px;color: #000;line-height: 1.3;}
.main-floor3-tp #media > .set .itemList .item > .s > a .date{font-size:16px;font-weight: 700;}
.main-floor3-tp #media > .set .itemList .item > .s > a .img img{width:100%;}
.main-floor3-tp #media .ctrl{display:block;}
.main-floor3-tp #media .ctrl.media-m{display:none;}
.main-floor3-tp #media .ctrl .set button.media-prev{background: url(../img/main/notice_icon1.gif) no-repeat center;width: 33px;height: 34px;}
.main-floor3-tp #media .ctrl .set button.media-pause{background: url(../img/main/notice_icon3.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #media .ctrl .set button.media-play{background: url(../img/main/notice_icon4.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #media .ctrl .set button.media-next{background: url(../img/main/notice_icon2.gif) no-repeat center;width: 32px;height: 34px;}
.main-floor3-tp #media > .set .itemList .item > .s{float: left;width: calc(50% - 15px);margin-left: 15px;}
.main-floor3-tp #media > .set .itemList-m{display:none;}



.main-floor3 #snsareas .s{background: #fff url(../img/main/snsbg.gif) repeat-y;}
.main-floor3 #snsareas h1{width:222px;height:83px;line-height: 83px;padding: 0 0 0 25px;color: #fff;font-size: 27px;font-family: "KoreanSWGI" !important;font-weight: 500 !important;}
.main-floor3 #snsareas h1:before{display:none;}
.main-floor3 #snsareas h1 strong{color:#ffd455;}
.main-floor3 #snsareas h1 + div{float:left;width: calc(100% - 222px);/* height: 83px; *//* line-height: 83px; */padding: 21px 0 0px 20px;}
.main-floor3 #snsareas ul{float:none;padding: 0;overflow: hidden;padding-right: 0;width: 100%;}
.main-floor3 #snsareas ul li{margin:0;margin-right: 10px;margin-bottom: 10px;}
.main-floor3 #snsareas ul li:first-child{margin-left:0;}
.main-floor3 #snsareas ul a{/* border-radius:0; */border:0;width: auto;padding: 0;padding-right: 0px;height: 41px;line-height: 41px;font-size: 17px;background: transparent;color: #000;}
.main-floor3 #snsareas ul a:hover,
.main-floor3 #snsareas ul a:focus{color:#fff;border-radius: 25px;}
.main-floor3 #snsareas ul a.i1:hover,
.main-floor3 #snsareas ul a.i1:focus{background: #4d6baf !important;}
.main-floor3 #snsareas ul a.i2:hover,
.main-floor3 #snsareas ul a.i2:focus{background: #00c300 !important;}
.main-floor3 #snsareas ul a.i3:hover,
.main-floor3 #snsareas ul a.i3:focus{background: #6b9fdc !important;}
.main-floor3 #snsareas ul a.i4:hover,
.main-floor3 #snsareas ul a.i4:focus{background: #b88dcb !important;}
.main-floor3 #snsareas ul a.i5:hover,
.main-floor3 #snsareas ul a.i5:focus{background: #00c300 !important;}
.main-floor3 #snsareas ul a.i6:hover,
.main-floor3 #snsareas ul a.i6:focus{background: #edab21 !important;}
.main-floor3 #snsareas ul a.i7:hover,
.main-floor3 #snsareas ul a.i7:focus{background: #e8303a !important;}
.main-floor3 #snsareas ul a.i8:hover,
.main-floor3 #snsareas ul a.i8:focus{background: #edab21 !important;}

.main-floor3 #snsareas ul a:before{width:41px;height:41px;margin-right: 10px;}
.main-floor3 #snsareas ul a.i2:before{background:url(../img/main/b_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i1:before{background:url(../img/main/f_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i3:before{background:url(../img/main/t_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i4:before{background:url(../img/main/i_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i5:before{background:url(../img/main/n_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i6:before{background:url(../img/main/k_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i7:before{background:url(../img/main/u_icon.png) no-repeat;}
.main-floor3 #snsareas ul a.i8:before{background:url(../img/main/k_icon.png) no-repeat;}

#areas.new-areas{padding:20px 0 20px;}
#areas.new-areas h1{float:none;font-size: 30px;font-family: "KoreanSWGI" !important;font-weight:500 !important;margin-bottom: 25px;color: #000333;text-align: center;padding: 0;height: auto;}
#areas.new-areas h1:before{display:none;}
#areas.new-areas .nav{float:none;overflow: hidden;margin-top: 0;border: 1px solid #e0e3e6;display: flex;}
#areas.new-areas .nav .item{display: flex;width: calc(100% / 9);margin-left:0;text-align: center;border-left: 1px solid #e0e3e6;}
#areas.new-areas .nav .item:first-child{border-left:0;}
#areas.new-areas .nav .item a{height:100px;padding: 0;padding-top: 5px;color: #000;width: 100%;}
#areas.new-areas .nav .item:hover a,
#areas.new-areas .nav .item.on a{color:#fff;background: #72a1e6;border: 0;}
#areas.new-areas .nav .item a span{display:block;margin-top:10px;font-size: 20px;font-weight: 700;}

#areas.new-areas{padding:20px 0 20px;}
#areas.new-areas h1{float:none;font-size: 30px;font-family: "KoreanSWGI" !important;font-weight:500 !important;margin-bottom: 25px;color: #000333;text-align: center;padding: 0;height: auto;}
#areas.new-areas h1:before{display:none;}
#areas.new-areas .nav{float:none;overflow: hidden;margin-top: 0;border: 1px solid #e0e3e6;display: flex;}
#areas.new-areas .nav .item1{display: flex;width: calc(100% / 9);margin-left:0;text-align: center;border-left: 1px solid #e0e3e6;}
#areas.new-areas .nav .item1:first-child{border-left:0;}
#areas.new-areas .nav .item1 a{height:100px;padding: 0;padding-top: 5px;color: #000;width: 100%;}
#areas.new-areas .nav .item1:hover a,
#areas.new-areas .nav .item1.on a{color:#fff;background: #72a1e6;border: 0;}
#areas.new-areas .nav .item1 a span{display:block;margin-top:10px;font-size: 20px;font-weight: 700;}

#footer .ft #footerAd{height:103px;padding: 25px 0 25px 165px;}
#footer .ft #footerAd .footerAd-ctrl{border:0;background: none;top: 35px;}
#footer .ft #footerAd .footerAd-ctrl .tit{font-size:16px;font-weight:700;color:#000;padding: 5px;}
#footer .ft #footerAd .footerAd-ctrl button.footerAd_pre{background:url(../img/main/notice_icon1.gif) no-repeat center;width: 33px;height: 34px;}
#footer .ft #footerAd .footerAd-ctrl button.footerAd_next{background:url(../img/main/notice_icon2.gif) no-repeat center;width: 32px;height: 34px;}
#footer .ft #footerAd .footerAd-ctrl button.footerAd_play{background: url(../img/main/notice_icon4.gif) no-repeat center;width: 32px;height: 34px;}
#footer .ft #footerAd .footerAd-ctrl button.footerAd_stop{background: url(../img/main/notice_icon3.gif) no-repeat center;width: 32px;height: 34px;}
#footer .ft #footerAd .footerAd-list .item a{height:53px;}

#footer.new-footer .footerSet{min-height:155px;padding-right: 120px;}
#footer.new-footer .footerSet .ftset{position:absolute;top:20px;right:0;}
#footer.new-footer .footerSet nav ul > li:first-child a:before{display:none !important;}
#footer.new-footer .footerSet nav ul > li{float:left;overflow:hidden;}
#footer.new-footer .footerSet nav a{float:none;font-size:16px;color:#000;}
#footer.new-footer .footerSet nav a:hover, #footer.new-footer .footerSet nav a:focus {color: #056a9a;font-weight: bold;}
#footer.new-footer .footerSet nav a:before{display:block !important;content: "";position:absolute;top: calc(50% - 7px);left: auto;right: 0;width:1px;height:14px;background:#c3c3c3;margin-top: 0;}
#footer.new-footer .footerSet nav ul > li:first-child a:before{display:block !important;}
#footer.new-footer .footerSet nav ul > li:last-child a:before{display:none !important;}
#footer.new-footer .footerSet address{font-size:16px;color:#000;}



@media screen and (max-width: 1008px){
    #favService.new-favServide .navTab .item{width: 100%;}

    .main-floor3-tp #media > .set .itemList .item{width:100%;}
}

@media screen and (max-width: 991px){
    .m_w{height:0;}
    .familySetOpen{right: 5px;}
    #header.new-header #gnb{padding: 0;}
    #header.new-header #gnb.mobileOn{width: 320px;padding: 54px 0 0 0;}
    #header.new-header #gnb > ul > li > a::before{display:none;}
    #header.new-header{height:auto;}
    .new-header-tp{height:auto;}
    #globalWarp.new-global .familySet > ul > li{width:auto;}
    #globalWarp.new-global .familySet > ul > li > a{padding: 17px 0 17px 45px;text-align: left;}
    #globalWarp.new-global .familySet > ul > li.on > div > ul{border: 0 !important;}
    #globalWarp.new-global .familySet > ul > li.f8.on > div{border:0;}
    #header.new-header #subtsh{padding-top:10px;}
    .main-floor1{padding:0;}
    .main-floor1 #con1{padding:0;height: auto;}
    .main-floor1 #con1 #popupzone{height:auto;}
    .main-floor1 #con1 #popupzone .popupzone-area .item .a img, 
    .main-floor1 #con1 #popupzone .popupzone-area .item a img{height:auto;}
    .main-floor1 #con1 #popupzone .popupzone-area .item .a:before, 
    .main-floor1 #con1 #popupzone .popupzone-area .item a:before{display:none;}
    .main-floor1 #con1 .mayor.mobile{display:none;}
    .main-floor1 #con1 .mayor.pc{display:block;width: auto;}
    .main-floor1 #con1 .mayor-tp{background-position: center;background-color: #fff;}
    .main-floor1 #con1 .mayor .a a{width: 100%;}
    .main-floor1 #con1 .mayor h1{width: 390px;margin: 0 auto;}
    
    .main-floor1 #notice{background: #fff;border: 1px solid #2c53b0;}
    .main-floor1 #notice > div .s{padding: 0;height: auto;background: none;border: 0;}
    .main-floor1 #notice > div .s h1 {float: left;width: 30%;text-align: center;font-size: 17px;cursor: pointer;}
    .main-floor1 #notice > div .s.on h1 { border-bottom: 3px solid #2c53b0; }
    .main-floor1 #notice > div .s ul{display:none;}
    .main-floor1 #notice > div .s.on ul {display: block;position: absolute;left: 0;top: 45px;width: calc(100% - 0px);}
    .main-floor1 #notice > div{padding:0 !important;width: auto;z-index: initial;/* height: 198px; */}
    .main-floor1 #notice > div .s.on ul li{padding-right:0;}
    .main-floor1 #notice > div .s.on ul a{padding:0;background: none;}
    .main-floor1 #notice > div .s .more{display:none;}
    
    #favService.new-favServide{height:auto;padding: 25px 0 30px;}
    #favService.new-favServide .favitemSet.on{height:auto;padding: 20px 0;}
    #favService .favitemSet .owl-carousel .item{height:113px;}
    #favService.new-favServide .navTab{padding:0;height: 52px;}
    #favService.new-favServide h1,
    .main-floor3-tp #infors h1,
    .main-floor3-tp #media > .set h1{font-size: 25px;margin-bottom: 10px;padding-left: 10px;}

    .main-floor3{padding:20px 10px;height: auto;}
    .main-floor3-tp{height:auto;}
    .main-floor3-tp #infors{float:none;width:100%;}
    .main-floor3-tp #infors .infors-area{padding:0;}
    .main-floor3-tp #infors .ctrl{top:-5px;}
    .main-floor3-tp .infors-area.owl-carousel .owl-item img{width: 100%;height: auto;padding: 5px;}
    .main-floor3-tp #media{float:none;width:100%;margin-top: 20px;}
    .main-floor3-tp #media .ctrl{top:-5px;right: 0;}
    .main-floor3-tp #media > .set .itemList .item{padding:0;}
    .main-floor3-tp #media .ctrl .set button.media-prev{background: url(../img/main/notice_icon1.gif) no-repeat center;width: 33px;height: 34px;}
    .main-floor3-tp #media .ctrl .set button.media-pause{background: url(../img/main/notice_icon3.gif) no-repeat center;width: 32px;height: 34px;}
    .main-floor3-tp #media .ctrl .set button.media-play{background: url(../img/main/notice_icon4.gif) no-repeat center;width: 32px;height: 34px;}
    .main-floor3-tp #media .ctrl .set button.media-next{background: url(../img/main/notice_icon2.gif) no-repeat center;width: 32px;height: 34px;}
    .main-floor3-tp #media > .set .ctrl > .set .num{margin-right:20px;}
    
    #areas.new-areas .nav{height:auto;padding: 0;margin: 0 20px;}
    #areas.new-areas .nav .item{float:left;width: calc(100% / 4 + 1px);border: 1px solid #e0e3e6;margin-top: -1px;margin-left: -1px;}
    #areas.new-areas .nav .item1{float:left;width: calc(100% / 4 + 1px);border: 1px solid #e0e3e6;margin-top: -1px;margin-left: -1px;}
    #areas.new-areas{padding:25px 0 30px;}
    #footer.new-footer .ft #footerAd .footerAd-ctrl{left:10px;}
    #footer.new-footer .footerSet{padding-right:0;}
    #footer.new-footer .footerSet .ftset{position:static;}
}


@media screen and (max-width: 767px){
    #header.new-header .logo{padding-left: 50px;}
    #header.new-header .logo a{width:115px;height:35px;}
    .familySetOpen{top: 63px;}
    .main-floor1 #con1 #popupzone .popupzone-area .item a:before{content:"";height: 0;padding-top: 47%;display: block;overflow: hidden;}
    .main-floor1 #con1 #popupzone .ctrl .set .num{line-height:42px;}
    .main-floor3 #snsareas .s{padding:20px 0;margin: 0;background:#fff;}
    .main-floor3 #snsareas h1{width:100%;height: auto;line-height: 100%;color: #000;}
    .main-floor3 #snsareas h1 strong{color: #ffbf00;}
    .main-floor3 #snsareas h1 + div{width:100%;padding: 0;}
    .main-floor3 #snsareas ul{padding-left:20px;}
    .main-floor3 #snsareas ul li{margin:0 0px 10px !important;width: calc(100% / 2 - 0px);float: left;}
    .main-floor3 #snsareas ul li a{text-align:left;}
    #areas.new-areas .nav{border-bottom:0;display: block;}
    #areas.new-areas .nav .item{width: calc(33.33% + 1px);}
    #areas.new-areas .nav .item1{width: calc(33.33% + 1px);}
}

@media screen and (max-width: 480px){
    .main-floor3 #snsareas ul li{width: calc(100% / 2);}
    .main-floor3-tp #media > .set .itemList-pc{display:none;}
    .main-floor3-tp #media > .set .itemList-m{display:block;}
    .main-floor3-tp #media > .set .itemList .item > .s{width:100%;margin-left: 0;}
    .main-floor3-tp #media .ctrl{display:none;}
    .main-floor3-tp #media .ctrl.media-m{display:block;}
}