@charset "utf-8";

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Regular.otf');
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Regular.otf?#iefix') format('embedded-opentype'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff2') format('woff2'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Medium.otf');
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Medium.otf?#iefix') format('embedded-opentype'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff2') format('woff2'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  
  font-weight: 600;
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Bold.otf');
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Bold.otf?#iefix') format('embedded-opentype'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff2') format('woff2'),
      url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;

  font-weight: 700;
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Black.otf');
  src:url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Black.otf?#iefix') format('embedded-opentype'),
	url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff2') format('woff2'),
	url('/assets/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff') format('woff');
}


html, body{width:100%; min-width:320px; font-size:16px; color:#333; letter-spacing:-0.5px;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0px; padding: 0px; font-family: 'NotoSansKR', sans-serif; list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0; font-family: 'NotoSansKR', sans-serif;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; font-family: 'NotoSansKR', sans-serif;}
a{text-decoration: none; vertical-align: middle;font-size: inherit;color: inherit;}
img{border:0;vertical-align:middle;margin:0;padding:0;border:0;}
figure{margin:0px; padding:0px;}
button{margin:0;padding:0;border:none;background:none;font-family: 'NotoSansKR', sans-serif;cursor: pointer;}
table {border-collapse:collapse;width:100%;}
caption{width:0;height:0;font-size:0;overflow:hidden;}
.hide{overflow:hidden;text-indent:-99999px;font-size:0;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
b,strong {font-weight: 600;}

/* margin&padding */
.m5 {margin:5px}
.m10 {margin:10px}
.mg0{margin:0!important;}
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}
.mt95{margin-top:95px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb4{margin-bottom:4px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0px!important;}
.ml4{margin-left:4px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml60{margin-left:60px!important;}

.mr0{margin-right:0px!important;}
.mr4{margin-right:4px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}

.pd0{padding:0!important;}
.pl0{padding-left:0!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}

.pr0{padding-right:0!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}

.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}

.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb15 {padding-bottom:15px!important}
.plpr0 {padding-left:0!important;padding-right:0!important}
.lsm1{letter-spacing:-1px!important;}
.clear-b:after{content:'';display:block;clear:both;}

/* align */
.align-l{text-align:left!important}
.align-c{text-align:center!important}
.align-r{text-align:right!important}
.vertical-t{vertical-align: top !important}
.vertical-m{vertical-align: middle !important;}
.vertical-b{vertical-align: bottom !important;}

.text-30 {font-size:30px}
.text-20 {font-size:20px}
.text-18 {font-size:18px}
.text-16 {font-size:16px}
.text-15 {font-size:15px}
.text-13 {font-size:13px}
.text-12 {font-size:12px}
.text-11 {font-size:11px}
.font-bold{font-weight: 600;}
.underline{text-decoration: underline;}

.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}

.height200{height: 200px !important;}

.text-gray{color:#959595 !important;}
.text-gray2{color:#777777 !important;}
.text-green{color:#8AC149 !important;}
.text-green2{color:#2b9904 !important;}
.text-green3{color:#7f9d17 !important;}
.text-green4{color:#79a210 !important;}
.text-green5{color:#2f9b71 !important;}
.text-darkgray{color:#535353 !important;}
.text-blue{color:#3498db !important;}
.text-blue2{color:#1966ae !important;}
.text-blue3{color:#749dc4 !important;}
.text-navy{color:#173f87 !important;}
.text-darkblue{color:#337ab7 !important;}
.text-red{color:#d20917 !important;}
.text-pink{color:#f0788c !important;}
.text-mint{color:#2faa98 !important;}
.text-darkblue{color:#34495e !important;}
.text-white{color:#fff !important;}
.text-skyblue{color:#3498db !important;}
.text-orange{color:#dc730d !important;}
.text-orange2{color:#d63300 !important;}
.text-orange3{color:#ef7243 !important;}
.text-brown{color:#695c37 !important;}
.text-violet{color:#5416e6 !important;}
.fcOrange{color:#dc730d !important;}
.fcBlue{color:#1378cb !important;}

/* label */
.label-gray{background:#959595;color:#fff;}
.label-green{background:#8ac149;color:#fff;}
.label-darkgray{background:#535353;color:#fff;}
.label-blue{background:#3498db;color:#fff;}
.label-red{background:#d20917;color:#fff;}
.label-darkred{background:#d9534f;color:#fff;}
.label-orange{background:#fba117;color:#fff;}
.label-purple{background:#8159b1;color:#fff;}
.label-pink{background:#f0788c;color:#fff;}
.label-mint{background:#2faa98;color:#fff;}
.label-darkblue{background:#34495e;color:#fff;}
.label-inverse{background:#555555;color:#fff;}

.cursor-default{cursor: default!important;}

.gray-box {background-color:#f2f2f2;padding:10px 10px}

textarea.autosize {
  min-height: 71px;
}
textarea.autosize.area-animated:focus {
  vertical-align: top;
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  overflow: hidden;
  word-wrap: break-word;
  resize: horizontal;
}

.note-editor {
  position: relative;
  padding-top: 12px;
  background: #ffffff;
}
.note-editor textarea {
  background: url("/assets/images/common/line_detail.png") repeat;
  line-height: 20px;
  margin-top: 0;
  min-height: 140px;
  border: none;
  padding: 0;
  position: relative;
}
.note-editor textarea:focus {
  background-color: #ffffff !important;
}
.note-editor:before {
  background: none;
  position: absolute;
  height: 0;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  padding-top: 1px;
}

.wrap{width: 100%;}
.wrap.box{max-width:1200px;margin:0 auto;}
.wid{width:100%;max-width: 1170px; margin:0 auto;}

.skipnav a {position:absolute;top:0;left:-100%;color:#fff;background:#333;font-size:1.6em;}
.skipnav a:focus {display:block;position:fixed;left:0;right:0;z-index:99999;padding:20px;line-height:1.6;text-align:center;vertical-align:middle}
.skip {position:absolute;top:0;left:-9999px;width:0;height:0;}

.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}

.hd-top-wrap{background: #efefef; border-bottom: 1px solid #dedede;}
.hd-top-wrap > div:after{content: ''; display: block; clear: both;}

.ht-search{float: right; border-left: 1px solid #dedede;}
.ht-search input[type="text"]{ border: none; background: none; width:175px; height: 40px; padding: 5px; line-height:40px;}
.ht-search-bt{margin-left: -5px; vertical-align: top;}
.ht-search-bt .fa{display:inline-block;width:45px;height:40px;line-height:40px;font-size:20px;background-color:#686868;color:#fff;}
.ht-search-bt .txt {position:absolute;top:0;right:0;width:0;height:0;overflow:hidden;color:transparent;}

.tpl-mo-swb{display: none;}
/*.tpl-mo-swb:after{content: '';display: block; clear: both;}*/
.tpl-mo-swb > a{display: block; text-align: center; font-size: 15px; color: #fff; line-height: 22px; padding: 4px 0; position: relative;}
.tpl-mo-swb > a:after{content: '';position: absolute; right: 0; top: 0; width:30px; height: 36px; background: #686868 url(/assets/images/office_info/img/leftm_all.jpg) 0 3px no-repeat;}
.tpl-mo-swb.on > a:after{background: url(/assets/images/office_info/img/leftm_clo.jpg) 0 0 no-repeat;}

.tpl-mo-swb a.bg1{background-color: #173f87;}
.tpl-mo-swb a.bg2{background-color: #17878b;}
.tpl-mo-swb a.bg3{background-color: #974297;}
.tpl-mo-swb a.bg4{background-color: #1e95b7;}
.tpl-mo-swb a.bg5{background-color: #d67528;}
.tpl-mo-swb a.bg6{background-color: #78b016;}
.tpl-mo-swb a.bg7{background-color: #46b873;}

.header-bot > h1.logo{position: absolute; left: 0; top: 50%;width:200px;/*height: 80px;*/ transform:translate(0, -50%);}
.header-bot > h1.logo a{display: block;/*height: 80px;max-height: 80px;line-height: 80px;*/vertical-align: top;text-align: center}
.header-bot > h1.logo a img{max-width: 200px; max-height: 80px; vertical-align: middle;}
.header-bot > .allmenu-open{display:none;position: absolute; right: 0; top: 28px;}
.header-bot > .allmenu-open .fa {display:inline-block;width:40px;height:40px;line-height:40px;font-size:18px;text-align:center;background-color:#009ed1;color:#fff;border-radius:50%;}
.header-bot > .allmenu-open .txt {display:inline-block;font-size:16px;color:#535d62;overflow:hidden;/*height:40px;line-height:40px;*/vertical-align:top;}
.header-bot > .allmenu-open .txt span {position:absolute;top:0;right:0;color:transparent;width:0;height:0;overflow:hidden;}

.allmenu-wrap {display:none;position:absolute;top:100px;right:0;left:0;z-index:9999;}
.allmenu-wrap .depth1 {width:100%;max-width:1200px;margin:0 auto;background-color:#fff;}
.allmenu-wrap .depth1 > li {float:left;width:25%;text-align:left;padding:20px;}
.allmenu-wrap li {padding-left:10px;}
.allmenu-wrap a {display:inline-block;width:100%;}
.allmenu-wrap .tit_bt {display:none;}
.allmenu-wrap .btn_close {width:100%;background-color:#444;color:#fff;padding:20px;}

/* 20190610 수정 S */
.header-bot{position: relative;padding: 0  0 0 210px;max-width: 1170px; margin: 0 auto; height: 100px; text-align: center;z-index: 60}

.menu{position: relative;font-size: 22px;}
.menu > li{position: relative;display: inline-block;width: 24%;margin: 0 -2px; box-sizing:border-box;}
.menu.menu_col_5 > li{width: 20%}
.menu.menu_col_6 > li{width: 16.6%;}
.menu.menu_col_7 > li{width: 14.258%}
.menu.menu_col_8 > li{width: 12.47%}
.menu > li.office_font_15{font-size: 15px}
.menu > li.office_font_16{font-size: 16px}
.menu > li.office_font_17{font-size: 17px}
.menu > li.office_font_18{font-size: 18px}
.menu > li.office_font_19{font-size: 19px}
.menu > li.office_font_20{font-size: 20px}
.menu > li.office_font_21{font-size: 21px}
/* .menu > li > a{display: block; text-align: center;font-size: 22px; color: #454b57; line-height: 100px;height: 100px;overflow: hidden; }/* 19/07/05 추가 : height: 100px;overflow: hidden;*/
.menu > li > a{display: table;table-layout: fixed;text-align: center;color: #454b57;height: 100px;width: 100%;font-weight:600}
.menu > li > a span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding: 0 5px;text-align: center;}
.menu > li > a:hover{text-decoration: none}
.menu > li > div{display: none;position: absolute;width: 100%;padding: 20px 0}
.menu > li > div .sub-menu{height: 100%;border-left: 1px solid #f1ede9;}
.menu > li:last-child > a{background: none;}
.menu > li:last-child > div .sub-menu{border-right: 1px solid #f1ede9;}
.menu > li > div .sub-menu li{line-height: 1;text-align: left;padding:  0 0 0 25px}
.menu > li > div .sub-menu li a{display: block;color: #666; padding: 10px 0; display: block; position: relative; font-size: 15px; font-weight: 400;}
.menu > li > div .sub-menu li a::before{font-family:"fontawesome";color:transparent;content:"\f105";position:absolute;left:-15px;}
.menu > li > div .sub-menu li a:hover,
.menu > li > div .sub-menu li a:hover:before{color:#1378cb;}
.menu > li > a::after{content: ''; position: absolute;display: none; left: 50%; bottom: -12px; width: 0; height: 0; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #4155d1; z-index: 60;transition: 0.3s;}
.menu > li > a::before{content: ''; position: absolute;display: none; left: 1%; bottom: 0; width: 98%; height: 2px; background-color: #4155d1; z-index: 60;transition: 0.3s;}
.menu > li.on > a::after{display: block;}
.menu > li.on > a::before{display: block;}
.menu > li.current > a{color:#4155d1}

/* 메뉴2 */
.gnb{font-size: 22px;}
.gnb ul:after{content:'';display:block;clear:both;}
.gnb > ul > li{display: inline-block;width: 24%;margin: 0 -2px; box-sizing:border-box;}
.gnb > ul > li > a{position: relative;display: table;table-layout: fixed;text-align: center;color: #454b57;height: 100px;width: 100%;font-weight:600}
.gnb > ul > li > a:hover{text-decoration: none}
.gnb > ul > li > a > span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding: 0 5px;text-align: center;}
.gnb > ul > li > a::after{content: ''; position: absolute;display: none; left: 50%; bottom: -12px; width: 0; height: 0; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #4155d1; z-index: 60;transition: 0.3s;}
.gnb > ul > li > a::before{content: ''; position: absolute;display: none; left: 1%; bottom: 0; width: 98%; height: 2px; background-color: #4155d1; z-index: 60;transition: 0.3s;}
.gnb > ul > li.on > a::after{display: block;}
.gnb > ul > li.on > a::before{display: block;}
.bg-gnb2{display: none;position: absolute;width: 100%;height: 218px;background-color: #fff;z-index: 55;border-bottom: 2px solid #1378cb;border-top: 1px solid #ececec;box-shadow: 0px 4px 2px 0px rgba(60,74,66,0.2);}
.gnb > ul > .nav_petition > a:hover{border-bottom:none; text-decoration:underline;}
.gnb > ul > li > a:hover:after{content:'';position:absolute;left:50%;bottom:-12px;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-top:6px solid #4155d1;z-index:501;}
.gnb > ul > .nav_petition > a:hover:after{display:none;}
.gnb > ul > li.on > a:after{content:'';position:absolute;left:50%;bottom:-12px;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-top:6px solid #4155d1;z-index:501;}
.gnb .sub-outer {display:none;overflow:hidden;position:absolute;background:gray;width:100%;left:0;background:#fff;z-index: 1; top:101px}
.gnb .sub-outer .sub_container {margin:0 auto;}
.gnb .depth1.on .sub-outer {display:block;} /*mouseover시 display:block*/
.gnb .sub-outer > .sub_container > div{float:left;}
.gnb .lbox {font-family:"Nanum Square";padding:20px 0;text-align:left;width: 200px;margin-left: 15px}
.gnb .lbox img.title{width:170px;}
.gnb .lbox p.detail{margin-top:20px;font-size:15px;color:#acb6bf;line-height:20px}
.gnb .lbox p.detail span{color:#90b8d9;}
.gnb .sub-box {width:50%;margin-left:47px;padding-top:20px;padding-bottom:25px;} /* 2019/6/28 */
.gnb .sub-box ol{float:left;display:inline-block;vertical-align:top;border-left:1px solid #f1ede9;width:33%;padding:0 16px;height:170px;}
.gnb .sub-box ol:nth-last-child(1){border-right:1px solid #f1ede9;}
.gnb .sub-box ol li{background:none;padding:0;text-align:left;font-weight:600;font-size:15px;list-style:none;line-height:1;}
.gnb .sub-box ol li a{color:#666;padding:10px 0;display:block;position:relative;font-size:15px;font-weight:400; font-family: 'NotoKrR'}
.gnb .sub-box ol li a:before{font-family:"fontawesome";color:transparent;content:"\f105";position:absolute;left:-8px;}
.gnb .sub-box ol li a:hover,.gnb > ul > li .sub-box ol li a:hover:before{color:#1378cb;}
.gnb .sub-box ol li a.on.gnb > ul > li .sub-box ol li a.on:before{color:#1378cb;}
.gnb .rbox{padding:15px 0 15px 15px;width:199px;height:170px;display:table;}
.gnb .rbox>div{display:table-cell;vertical-align:middle;width:184px;}
.gnb .rbox a{transition:all 0.3s ease-in-out;}
.gnb .rbox .quick-style .quick{background:#fff;border:1px solid #e1e1e1;margin-left:-1px;color:#636b7e;font-weight:600;padding:5px 5px;font-size:13px; display: block;}
.gnb .rbox .quick-style .quick:nth-child(1){margin-left:0;}
.gnb .rbox .quick-style .quick:hover{background:#636b7e;color:#fff;font-weight:600;}
.gnb .rbox .quick-style .title{margin-top:5px;}
.gnb .rbox .banner-style .banner{width:184px;}
.gnb .rbox .banner-style .banner:hover{opacity:0.8;}
.gnb .rbox .banner-style .banner img{width:100%;height:auto;}

.gnb > ul.menu_col_5 > li{width: 20%}
.gnb > ul.menu_col_6 > li{width: 16.6%;}
.gnb > ul.menu_col_7 > li{width: 14.258%}
.gnb > ul.menu_col_8 > li{width: 12.5%}
.gnb > ul > li.office_font_15{font-size: 15px}
.gnb > ul > li.office_font_16{font-size: 16px}
.gnb > ul > li.office_font_17{font-size: 17px}
.gnb > ul > li.office_font_18{font-size: 18px}
.gnb > ul > li.office_font_19{font-size: 19px}
.gnb > ul > li.office_font_20{font-size: 20px}
.gnb > ul > li.office_font_21{font-size: 21px}

/* 산하기관 모바일 메뉴 리뉴얼 2020/07/30 추가 */
/* mobile Gnb */
.after:after{content: ''; display: block; clear: both; overflow:hidden;}
.mobileGnb .open_mobile_menu { display:none; position:absolute; right:20px; top:0px; overflow:hidden;}
.mobileGnb .open_mobile_search { display:none; position:absolute; right:52px; top:40px; overflow:hidden;}
.mobileGnb .open_mobile_search > i {width:22px; height:22px; display:block; background:url('/assets/images/main2020/mobile_search.png') no-repeat;}
.search_mobile {display:none; position:absolute; top:100px; left:0; z-index:9; width:100%; padding:10px; background:#fff; box-shadow:0px 0px 10px #ccc; overflow-y:auto;}
.search_mobile input[type="text"] {width:87%; height:50px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search_mobile .search-btn {display:inline-block; float:right; width:13%; text-align:center; background:#ffd900;}
.search_mobile .search-btn > button {line-height:50px; color:#333; font-size:15px;}
.menu_mobile_bg { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:150; overflow-y:auto;}
.menu_mobile_bg .menu_mobile { position:absolute; right:-300px; top:0px; width:100%; height:100%; background-color:#f5f2ec; }
.menu_mobile_bg .menu_mobile .menu_mobile_top { position:relative; height:43px; padding:20px 0; -webkit-box-sizing:initial; -moz-box-sizing:initial; box-sizing:initial; background-color:#f1f1f1; }
.menu_mobile_bg .menu_mobile .menu_mobile_top .mobile_logo {position:absolute; top:18px; left:12px;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .mobile_logo img {max-width: 185px}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn {display:inline-block; font-size:15px; position:absolute; top:26px; right:60px; z-index:99;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn > a {display:block; border:1px solid #ccc; padding:4px 10px;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn > ul li {background:#fff; text-align:center; padding:4px; border:1px solid #ccc; border-top:0;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .dropdown-menu {float:none; padding:0; margin:0; border:0; min-width:100%;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .dropdown-menu li a {padding:0;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .close_mobile_menu {display:block; position:absolute; right:20px; top:31px; overflow:hidden;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .close_mobile_menu > i {width:22px; height:22px; display:block; background:url('/assets/images/main2020/mobile_close.png') no-repeat;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul {margin-bottom:8px; box-shadow:0px 0px 10px #999;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li {float:left; padding:15px 10px; cursor: pointer; font-size:15px; text-align:center; width:50%; background:#eaeaea; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li.current {background:#fff; font-weight:700;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs .tab-content {display: none; position:relative; font-size:14px; height:100%; padding:0;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs .tab-content.current {display: inherit;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs .tab-content .menu_depth li{text-align: left;}

/* lnb */
#lnb {position: relative;width: 100%; height:100%;}
#lnb > ul {}
#lnb > ul > li { border-bottom: 1px solid #dcdcdc; width:50%;}
#lnb > ul > li > a {display: block;padding: 14px 30px 14px 15px; color: inherit; font-size: 14px;background:#f5f2ec url('/assets/images/main2020/mobile_gnb_right.png') no-repeat 95% 15px;}
#lnb > ul > li > a:hover {color: #17978c; background-color: #f5f2ec;}
#lnb > ul > li.on > a {color: #17978c; background: #fff url('/assets/images/main2020/mobile_gnb_right_on.png') no-repeat 95% 14px;}
#lnb > ul > li > ul {display: none; position:absolute; top:0; right:0; width:50%;}
#lnb > ul > li > ul > li > a {display: block;padding: 10px 25px 10px 15px;color: #333; font-size: 14px;background: #fff url('/assets/images/main2020/mobile_gnb_right2.png') no-repeat 95% 9px;}
#lnb > ul > li > ul > li.on > a {color: #17978c; font-weight:600; background: #fff url('/assets/images/main2020/mobile_gnb_right2_on.png') no-repeat 95% 9px; }
#lnb > ul > li > ul > li > ul {display: none; background-color: #f5f2ec;}
#lnb > ul > li > ul > li > ul > li a {display: block;padding: 5px 10px 5px 22px; color: #666; font-size: 13px;background-color: #fff; position:relative;}
#lnb > ul > li > ul > li > ul > li a:before {content:'-'; font-size:13px; position:absolute; top:3px; left:16px;}
#lnb > ul > li > ul > li > ul > li a > i {display:inline-block; margin-left:3px; font-size:10px;}
#lnb > ul > li > ul > li > ul > li.active a {color: #17978c; font-weight:600;}
#lnb > ul > li > ul > li > ul > li a:hover {color: #17978c;}
#lnb > ul li.noDepth a {background-image: none !important; }

@media screen and (max-width: 1024px){
	.mobileGnb .open_mobile_menu {width:22px;}
	.mobileGnb .open_mobile_menu span {display:block; width:100%; height:3px; margin-top:5px; background-color:#333;}
	.mobileGnb .open_mobile_menu,
	.mobileGnb .open_mobile_search {display:block;}
	.mobileGnb .open_mobile_menu {top:36px;}
}


/* 마이페이지 버튼 */
/* 아이콘형 수정
.btn-mypage{position: absolute;top:30px;right:0; display: block; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; background-color: #149A91; color: #fff; border-radius: 50%;}
.btn-mypage:hover{color:#fff;}
.btn-mypage span{font-size: 0}
*/
.btn-mypage{display: block;position: absolute;top:-38px;right: 240px;line-height: 40px; }
.btn-mypage .fa{display: none}
.btn-mypage span{display: block !important;font-size: 15px;text-indent: 0;width: auto;height: auto;clip:inherit;color: #222;text-decoration: underline;}


/* pc gnb background */
.bg-gnb{display: none;position: absolute;top: 141px;width: 100%;background-color: #fff;z-index: 55;border-bottom: 2px solid #1378cb;border-top: 1px solid #ececec;box-shadow: 0px 4px 2px 0px rgba(60,74,66,0.2);}
.bg-gnb>span{display: block;padding: 20px 0;min-height: 125px}
.bg-gnb>span>.inner{display: block;position: relative;max-width: 1170px;margin: 0 auto;}
.bg-gnb>span>.inner p{display: block;width: 200px;margin-left: 20px}
.bg-gnb>span>.inner p img{display: block;max-width: 100%;}

/***************************** Main design *****************************/
#all-contents{width: 100%; margin: 0 auto;}
.nw_mvsl{position: relative;overflow:hidden;max-height:510px;min-height: 277px} /* 190619 추가  max-height:600px; 190627 수정 max-height:600px;*/
.nw_mvsl .bx-wrapper .bx-viewport{max-height: 600px}
.mvsl_sld > li img{width: 100%;}
.mvsl_sld > li img.mob{display: none;}
.nw_mvsl .bx-controls{text-align: center; position: absolute; left: 0; bottom: 4%; width: 100%;}
.nw_mvsl .bx-controls > div{position: relative;display: inline-block; vertical-align: top;}
.nw_mvsl .bx-controls > div.bx-pager{background: rgba(0,0,0,0.5); padding: 7px 35px 10px 35px; border-radius: 35px;  z-index: 50;}
.nw_mvsl .bx-controls{ position: absolute; top: 0; left: 0; height: 100%; text-align: center;}
.nw_mvsl .bx-controls .bx-controls-direction{position: static;}
.nw_mvsl .bx-controls .bx-controls-direction a{overflow: hidden;display: block;position: absolute; top: calc(50% - 26px);width: 52px; height: 52px;  box-sizing:border-box; z-index: 52; }
.nw_mvsl .bx-controls .bx-controls-direction .bx-prev{left:10px;background: url(/assets/images/office_info/img/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls .bx-controls-direction .bx-next{right:10px;background: url(/assets/images/office_info/img/mvs_next.png) 0 0 no-repeat;}

.nw_mvsl .bx-controls > div.bx-pager{top: 87%}
.nw_mvsl .bx-controls > div.bx-controls-auto{top:87%;margin-top: 4px; z-index: 50;}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager-item{display: inline-block;margin: 0 7px; vertical-align: middle;}
.nw_mvsl .bx-pager-item:first-child{margin-left:-5px;}
.nw_mvsl .bx-pager-item:last-child{margin-right:-5px;}
.nw_mvsl .bx-pager-item a{display: block; width: 4px; height: 4px; background: #fff; border-radius: 3px;}
.nw_mvsl .bx-pager-item a.active{ width: 10px; height: 10px; background: #fff; border-radius: 10px;}
/* .nw_mvsl .bx-controls-direction a{display: block; width: 52px; height: 52px;position: absolute; top: -267px; z-index: 52;}/*190619수정 top: -180px;*/
.wrap.box .nw_mvsl .bx-prev {left:10px;}
.wrap.box .nw_mvsl .bx-next {right:10px;}
.nw_mvsl .bx-controls-auto-item a.active{display: none;}
.nw_mvsl .bx-controls-auto-item a{display: block; width: 29px; height: 29px; margin-left: 10px;background: rgba(0,0,0,0.5);border-radius: 29px;font: normal normal normal 14px/1 FontAwesome;font-size: 0}
.nw_mvsl .bx-controls-auto-item a:hover{text-decoration: none;}
.nw_mvsl .bx-stop::after{content: "\f04c";display: block;width: 29px;height: 29px;line-height: 29px;color: #eee;font-size: 8px;border-radius: 29px;text-align: center}
.nw_mvsl .bx-start::after{content: "\f04b";display: block;width: 29px;height: 29px;line-height: 29px;color:#eee;font-size: 5px;border-radius: 29px;text-align: center}

.main-conts{width: 100%; margin: 0 auto; background: #f7eded; padding: 30px 0 60px 0;} /* 190627 수정 > padding: 60px 0;*/
.main-conts .row > div{margin-top: 30px;}
.main-conts .mc-height {height:260px;}
.mcon-all{margin-left: -20px;}
.mcon-all > div{float: left; margin-left: 20px; box-sizing: border-box; width: calc((100% - 40px) / 2); height: 260px;}
.mcgs-box{background: #fff; border-radius: 3px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1);  overflow: hidden;}
.mcgs-box > div.mcgs_bg{padding: 30px 30px; position: relative;}
.mcgs-box > div.mcgs_bg > p.tit{font-size:18px; color:#333; font-weight:600; line-height:26px; padding-bottom:16px; margin-bottom:12px; border-bottom:1px solid #000;}
.mcgs-box > div.mcgs_bg a.more{position:absolute; right:30px; top:30px;}
.mcgs-box > div.mcgs_bg a.more .fa {font-size:24px;}
.mcgs-box > div.mcgs_bg a.more .txt {position:absolute;top:0;right:0;width:0;height:0;overflow:hidden;color:transparent;}
.mcgs-box > div.mcgs_bg ul.line{height: 177px; overflow: hidden;}
.mcgs-box > div.mcgs_bg ul.line > li{position: relative; height: 33px; line-height: 33px;}
.mcgs-box > div.mcgs_bg ul.line > li > a{padding-left: 12px; background: url(/assets/images/office_info/img/gsic.jpg) no-repeat left center; font-size: 15px; color: #666; display: block; width: calc(100% - 105px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mcgs-box > div.mcgs_bg ul.line > li > span{font-size: 15px; color: #a5a5a5; position: absolute; right: 0; top: 0; letter-spacing: -0.5px;}/* 190619 수정 font-size: 18px;*/
.mcgs-box .nav-tabs {font-size:18px;margin-bottom:12px;}
/* .mcgs-box .nav-tabs > li > a {padding:4px 10px;color:#333;} 19/07/04 */
.mcgs-box .nav-tabs>li>a{display: block;width:100%;padding:4px 5px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-size: 15px;font-weight: normal}
.mcgs-box .nav-tabs .active a {font-weight:600;}
.mcgs-box .nav-tabs>li{width: auto;max-width: 33.3%}
.main-conts .tab-content{padding: 0}
.mcgs-box > div.mcgs_bg .fc table{font-size: 13px}

.mcgs-rt{position: relative; text-align:center; overflow: hidden; border-radius: 3px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1);}
.mcbtn-bg1{background: url(/assets/images/office_info/img/mcbg1.png) no-repeat center top; background-size: cover;}
.mcbtn-bg2{background: url(/assets/images/office_info/img/mcbg2.png) no-repeat center bottom; background-size: cover;}

.mcbtn-all > a{ display: block; padding: 25px 10px;}
.mcbtn-all > a > p.tit{font-size: 20px; color: #fefefe; background: url(/assets/images/office_info/img/tl.png) no-repeat center center;  line-height: 38px;}
.mcbtn-all > a > p.txt{margin-top: 10px; font-size: 26px; color: #fff; font-weight:600; line-height: 34px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.mcbtn-all > a > p.cap{width: 269px; height: 35px; line-height: 35px; position: absolute; right: 0; bottom: 20px;font-size: 16px; color: #fff; text-align: center; margin-top: 20px;}
.mcbtn-all > a.img {padding:0;}
.mcbtn-all > a.img img {width:100%;height:260px;}
.mcbtn-bg1 > a > p.cap{background: url(/assets/images/office_info/img/cap1.png) no-repeat center center;}
.mcbtn-bg2 > a > p.cap{background: url(/assets/images/office_info/img/cap2.png) no-repeat center center;}

.mcon-bot{margin-top: 20px;}
.mc-baner{border-radius: 3px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1);  overflow: hidden;}
.mc-baner{position: relative;width:100%;margin:0 auto;}
.mc-sld > li{position: relative;}
.mc-sld > li > a{display:block;}
.mc-sld > li > a img{width: 100%; height: 260px;}
.mc-baner .bx-controls{height: 0;}
.mc-baner .bx-controls > div{display: inline-block; vertical-align: middle;}
.mc-baner .bx-controls > div.bx-pager{position: absolute; bottom: 19px; z-index: 52; right:75px;}
.mc-baner .bx-controls > div.bx-controls-direction{}
.mc-baner .bx-controls a{ font-size: 0; }
.mc-baner .bx-pager-item{display: inline-block; vertical-align: middle;}
.mc-baner .bx-pager-item a{display: inline-block;margin: 0 1px; width: 17px; height: 17px; text-align: center; font-size: 11px; color: #fff; background: rgba(0,0,0,0.4);}
.mc-baner .bx-pager-item a.active{  background: #00adef; }
.mc-baner .bx-controls-direction a{display: block; width: 17px; height: 17px;position: absolute; bottom: 20px; z-index: 52;}
.mc-baner .bx-prev{ right: 56px;  background: url(/assets/images/office_info/img/mcl_prev.png) 0 0 no-repeat;}
.mc-baner .bx-next{ right: 37px; background: url(/assets/images/office_info/img/mcl_next.png) 0 0 no-repeat;}
.mc-baner .bx-controls-auto-item a{position: absolute; bottom: 20px; right:-22px; z-index: 52;display: block; width: 17px; height: 17px; margin-right: 40px;margin-left:12px;vertical-align: middle;}
.mc-baner .bx-stop{background: url(/assets/images/office_info/img/mcl_stop.png) 0 0 no-repeat;}
.mc-baner .bx-start{background: url(/assets/images/office_info/img/mcl_stop.png) 0 0 no-repeat;}
.mc-baner .bx-controls-auto-item a.active{display: none;}

.mcbot_bg{width:100%; margin: 0 auto; padding: 30px 0;}
.oslk_bx{position: relative;}
.oslk_ls > li{ text-align: center;width: 205px}
.oslk_ls > li > a{display: table; width: 100%; padding: 0;  font-weight: 600;font-size: 20px;border:1px solid #aaa;color:#666;}
.oslk_ls > li > a img{width:100%;}
.oslk_ls > li.color1 > a{color: #333;}
.oslk_ls > li.color2 > a{color: #029bdb;}
.oslk_ls > li.color3 > a{color: #3d8f46;}
.oslk_ls > li.color4 > a{color: #862e2d;}
.oslk_ls > li.color5 > a{color: #086dd1;}
.oslk_ls > li > a > span{display: table-cell; vertical-align: middle; height: 60px; font-size: 17px; line-height: 27px;}
.oslk_ls > li > a:hover{text-decoration: none;}

.img-banner{}
.img-banner > li{height: 62px}
.img-banner > li > a{width: 205px;border:1px solid #c7ccd1;height: 62px;}
.img-banner > li > a > span{height: 100%;padding: 10px;vertical-align: middle;}
.img-banner > li > a > span > img{width: auto;max-width: 100%;max-height:40px }

/* 2019/09/11 */
.oslk_ls.imgv > li > a{table-layout: fixed; padding: 0;}
.oslk_ls.imgv > li > a > span{padding: 0 4px;}
.oslk_ls.imgv > li > a > span > img{width: auto;max-width: 100%;max-height: 54px; }

/* 09/07/04 */
.oslk_bx{position: relative; padding: 0 25px;}
.oslk_bx .bx-controls-auto a.active{display: none;}
.oslk_bx .bx-controls-auto a{display: none;}
.oslk_bx .bx-controls-direction a{width: 18px; height: 43px; position: absolute; top: 50%;margin-top:-22px; font-size: 0; }
.oslk_bx .bx-prev{left: 0; background: url(/assets/images/office_info/img/avs_prev_more.jpg) 0 0 no-repeat;}
.oslk_bx .bx-next{right: 0; background: url(/assets/images/office_info/img/avs_next_more.jpg) 0 0 no-repeat;}
.oslk_bx .bx-wrapper{margin: 0 auto;}

.cont-wrap{height: 260px;border: 1px solid #BDC3C7;border-radius: 3px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1);overflow: hidden;}
.cont-wrap>a>img{width: 100% !important;}
.cont-wrap>img{width: 100% !important;height: auto; }

.info-box{background-color: #fff;padding: 10px}
.info-box .inner{padding: 3px;border:2px dashed #ddd}
.info-box .inner dl{height: 230px;box-sizing: border-box;}
.info-box .inner dl dt{text-align: center;font-size: 22px;color: #333;font-weight:600;padding: 15px 0 0 0;margin-bottom: 15px}
.info-box .inner dl dd{text-align: center;letter-spacing: -1px}
.info-box .inner dl dd .txt1{margin:  0 0 10px 0;color: #230d5f;}
.info-box .inner dl dd .txt2{font-size: 12px;}
.info-box .inner dl dd .txt2 strong{font-weight: normal;color: red}
.info-box .inner dl dd ul{text-align: left;display: inline-block;margin:  0 0 10px 0}
.info-box .inner dl dd ul li{position: relative;padding:  0 0 0 13px;}
.info-box .inner dl dd ul li::before{content: "\f04b";font-family:"fontawesome";display: block;position: absolute;left:0;font-size: 1px}


.info-box2{background-color: #fff;}
.info-box2 .inner{}
.info-box2 .inner dl{height: 260px;box-sizing: border-box;}
.info-box2 .inner dl dt{text-align:left;font-size: 18px;color: #333;font-weight:600;padding: 15px 0 0 20px;margin-bottom: 15px}
.info-box2 .inner dl dd{letter-spacing: -1px}
.info-box2 .inner dl dd.text{display: table;table-layout: fixed;width:100%; height: 100px;margin: 0 0 20px 0}
.info-box2 .inner dl dd.text span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding:  0 0 0 20px;font-size: 40px;color: #fff;font-weight: 600}
.info-box2 .inner dl dd.text span i{font-style: normal;color: ##fdf8ce}
.info-box2 .inner dl dd.icons ul{text-align: center}
.info-box2 .inner dl dd.icons ul li{position: relative;display: inline-block;width: 32%;vertical-align: top;text-align: center;}
.info-box2 .inner dl dd.icons ul li:first-child::before{display: none}
.info-box2 .inner dl dd.icons ul li::before{display: block; content: ""; width: 1px; height: 16px; background: #ddd; position: absolute; top: 50%; left: 0; margin-top: -8px;}
.info-box2 .inner dl dd.icons ul li span.icon{display: block;height: 45px}
.info-box2 .inner dl dd.icons ul li span.icon img{max-height: 40px;vertical-align: middle;}
.info-box2 .inner dl dd.icons ul li span.icon i.fa{font-size:30px;color:#7BC8F1;}
.info-box2 .inner dl dd.icons ul li span.icon i.fa:hover,
.info-box2 .inner dl dd.icons ul li span.icon i.fa:focus {color:#23527c !important;text-decoration:none}
.info-box2 .inner dl dd.icons ul li strong{display: block;letter-spacing: -1px;font-size: 14px;line-height: 15px;padding: 0 5px}

/* 공지롤링 */
.top_public  {border-radius: 3px; box-shadow: 2px 3px 8px rgba(0,0,0,0.1);}
.top_public .public {position: relative;padding:12px 12px 12px 100px; border:1px solid #ececec; background-color: #fbfbfb; transition:.2s; margin-bottom: 5px;}
.top_public .public:hover {background-color: #f1f1f1;}
.top_public .public:hover .public_txt a{text-decoration: underline;}
.top_public .public>h4 {position: absolute;left:12px;top:12px; line-height: 20px;font-size:16px;}
.top_public .public>h4 a{font-weight: 600;color: #333}
.top_public .public>h4 a em{font-style: normal;color: #666}
.top_public .public .public_inner {position: relative; height: 20px;padding:0;}
.top_public .public .public_inner .bx-wrapper{max-width: 100% !important}
.top_public .public .public_inner .public_more {position: absolute; right: 0; top: -1px;}
.top_public .public .public_inner .public_slider li{position: relative;width: 100% !important}
.top_public .public .public_inner .public_slider li span {font-size:14px;}
.top_public .public .public_inner .public_slider .public_txt {display: block;width : calc(100% - 95px);text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
.top_public .public .public_inner .public_slider .public_txt a{color:#6b6b6b;}
.top_public .public .public_inner .public_slider .public_part {float: right;}
.top_public .public .public_inner .public_slider_bot li span {font-size:14px;}
.top_public .public .public_inner .public_slider_bot li .public_txt {width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}
.top_public .public .public_inner .public_slider_bot .public_txt a{color:#6b6b6b}
.top_public .public .public_inner .public_slider_bot .public_part {float: right;}
.top_public .public_inner .public_ctr{position: absolute; top: 0; right: 14px; line-height: 18px;}
.top_public .public_ctr a{display: inline-block; width: 13px; height: 13px; vertical-align: baseline; text-align: center;}
.top_public .public_ctr a i{font-size: 12px; font-weight: normal; vertical-align: baseline; color:#555;}
.top_public .public_ctr .play-bt{display: none;}
.top_public .public_ctr .more-bt{border: none;}
/* 강남복지재단 후원액 */
.top_public .welfare_sumcount01, .top_public .welfare_sumcount02 {position: relative;padding:12px 12px 12px 170px; border:1px solid #ececec; background-color: #fbfbfb; transition:.2s; margin-bottom: 5px;}

/* 논현 아이콘 링크 */
/* 메인 */
.links{height:260px;background-color:#edeee6;font-size:24px;color:#fff;text-align:center;line-height:1.4;}
.links ul{height:100%;margin:0 auto;padding: 0 0 0 0}
.links ul:after{content:'';clear:both;display:block;}
.links ul li{float:left;width:20%;height:100%;}
.links ul.links3 li{width:33.3333%;}
.links ul.links4 li{width:25%;}
.links ul.links6{margin-right: -4%;}
.links ul.links6 li{width:16%;}
.links ul.links8 li{width:25%; margin-bottom:5px;}
.links ul .l1{background-color:#db6756;}
.links ul .l2{background-color:#f98b3d;}
.links ul .l3{background-color:#8b865d;}
.links ul .l4{background-color:#98c221;}
.links ul .l5{background-color:#3a5898;}
.links ul li a{display:block;height:100%;padding:45px 20px 0 20px;}
.links ul li a:hover{color: #fff;text-decoration: none}
.links ul li a span *{font-style: normal}
.links ul li a span.link-icon{display: table;table-layout: fixed;width: 100%;height: 80px;margin:  0 0 25px 0}
.links ul li a span.link-icon em{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.links ul li a span.link-icon em i.fa{font-size: 60px;color:#fff}
.links ul li a span.link-text{display: table;table-layout: fixed;width: 100%;height: 75px;}
.links ul li a span.link-text em{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.links ul li a span.link-text em i{display: inline-block;}


/* 작업중 */
.work-wrap>table{width: 100%;height: 100%}
.work-wrap>table>tbody>tr>td{text-align: center;font-size: 60px}
.work-wrap>table>tbody>tr>td i{display: block;font-size: 157px}

/* Footer */
#footer{width: 100%;height: 166px;margin: 0 auto; background: #414342;padding: 40px 0 50px 0;}
.footer-wid{position: relative; max-width: 1170px; margin: 0 auto; }/* 190619수정 max-width: 1200px; */
.footer-wid > p.flogo{position: absolute; left: 0; top: 8px;}
.footer-wid > div.foot-ny{padding-left: 245px;text-align:left;}
.footer-wid > div.foot-ny > ul{margin-bottom: 18px;}
.footer-wid > div.foot-ny > ul > li{float: left;background: url(/assets/images/office_info/img/fline.png) no-repeat right center; padding-right:10px; margin-right: 10px;}
.footer-wid > div.foot-ny > ul > li:last-child{background: none; padding-right: 0; margin-right: 0;}
.footer-wid > div.foot-ny > ul > li > a{display: block; font-size: 13px; color: #bab8b9; }
.footer-wid > div.foot-ny > p{font-size:13px; color: #6f6f6f; line-height: 20px; letter-spacing:-0.5px;}
.footer-wid > img{display: block;position: absolute;left:0;top:0}
/* 탑버튼 */
#scroll-top{display:none;position: fixed;right:60px;bottom: 50px;width: 45px;height: 45px;border-radius: 50%;background-color: #56575a;box-shadow: 0px 2px 10px 0px rgba(0,0,0,.35);text-align: center;z-index: 5}
#scroll-top button{display: block;width: 100%;height: 100%;line-height: ;color: #fff;font-size: 13px}
#scroll-top button i{display: block;height: 10px}

/* 2019/5/31 */
.header-bot > a.allmenu-open .pci{display: block;}
.header-bot > a.allmenu-open .moi{display: none;}
.header-bot > a.allmenu-open .clo{display: none;}
.header-bot > a.allmenu-open.on .ope{display: none;}
.header-bot > a.allmenu-open.on .clo{display: block;}
.header-bot .tp-search-sw{display: none;}

.main-html,
.ft-html {display:none;}
.main-html.on,
.ft-html.on {display:block;}

/* mobile-menu */
.wrap{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.wrap .black-wrap{opacity:0;background:rgba(0,0,0,0);display:none;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
body.menu-open{overflow:hidden;}
body.menu-open .wrap{transform:translate(-250px,0);-webkit-transform:translate(-250px,0);overflow:hidden!important;position:fixed;width:100%;height:100%;}
body.menu-open .wrap .black-wrap{opacity:1;position:fixed;background:rgba(0,0,0,0.5);display:block;width:100%;height:100%;z-index:500;}

.nav-button {display: none;position: absolute;top:58px; right:15px; width: 40px;height: 40px;background-color: #009DD0;border-radius: 50%}
.hamburger {display:block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.5s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;}
.hamburger:hover {opacity:1;}
.hamburger-box {width:25px;height:40px;display:inline-block;position:relative;}
.hamburger-inner {display:block;top:50%;margin-top:-2px;}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {width:25px;height:3px;background-color:#fff;border-radius:15px;position:absolute;transition-property:transform;transition-duration:0.5s;transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after {content:"";display:block;}
.hamburger-inner::before{top:-7px;}
.hamburger-inner::after{bottom:-7px;}
.hamburger .hamburger-inner {transition-duration:0.3s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger .hamburger-inner::before {transition:top 0.3s 0.34s ease, opacity 0.3s ease; }
.hamburger .hamburger-inner::after {transition:bottom 0.3s 0.34s ease, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.nav-button.menu-open .hamburger .hamburger-inner {transform:rotate(45deg);-webkit-transform:rotate(45deg);transition-delay:0.34s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }
.nav-button.menu-open .hamburger .hamburger-inner::before {top:0;opacity:0;transition:top 0.3s ease, opacity 0.3s 0.34s ease;}
.nav-button.menu-open .hamburger .hamburger-inner::after {bottom:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transition:bottom 0.3s ease, transform 0.3s 0.34s cubic-bezier(0.215, 0.61, 0.355, 1); }

.mobile-menu{padding-bottom:50px;position:fixed;background:#ececec;height:100%;top:0;right:-250px;transform:translate(0,0);overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;width:250px;z-index:1000;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; display:none;}
.mobile-menu.menu-open{transform:translate(-250px,0);-webkit-transform:translate(-250px,0); display:block;}
.mobile-menu .mheader{text-align:left;background:#fff;padding:10px 0;border-bottom:1px solid #e2e7eb;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.24); position: relative;}
.mobile-menu .mheader img{height:35px;margin-left: 15px;}
.mobile-menu .panel{background:transparent!important;margin-bottom:0;border-radius:0!important;border:0;box-shadow:0 0 0 0;}
.mobile-menu .panel-heading{border-radius:0;padding:0;}
.mobile-menu .panel-heading a{display:block;}
.mobile-menu .panel-heading a:hover,.mobile-menu .panel-heading a:visited,.mobile-menu .panel-heading a:focus{text-decoration:none;}
.mobile-menu .panel-group{margin:0;}
.mobile-menu .panel-group.depth1{margin-top:10px;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.24);}
.mobile-menu .depth1 > .panel {margin:0;}
.mobile-menu .depth1 > .panel .panel-heading{background:#fff;color:#222;border-top:1px solid #e2e7eb;}
.mobile-menu .depth1 > .panel .panel-heading:visited{background:#fff;}
.mobile-menu .depth1 > .panel:nth-last-child(1) > .panel-heading{border-bottom:1px solid #e2e7eb;}
.mobile-menu .depth1 .panel-heading:hover,.mobile-menu .depth1 .panel-heading:focus{background:#f8f8f8;}
.mobile-menu .depth1 .panel-heading:visited{background:#fff;}
.mobile-menu .depth1 > .panel > .panel-heading a{color:#222;font-size:18px;padding:15px;}
.mobile-menu .depth1 > .panel > .panel-heading a .depth-btn{float:right;background:url(/assets/images/office_info/img/mobile-menu_btn_group.png);background-position:0px 0px;width:17px;height:17px;margin-top:3px;}
.mobile-menu .depth1 > .panel > .panel-heading.active a .depth-btn{background-position:0px -20px;}
.mobile-menu .depth1 > .panel > .panel-heading.on a .depth-btn{background-position:0px -20px;}
.mobile-menu .depth1 .panel-body{color:#222;font-size:15px;border:0;border-radius:0;padding:0;}
.mobile-menu .depth1 > .panel > .panel-heading.active{}
.mobile-menu .depth1 > .panel > .panel-heading.on{}
.mobile-menu .depth1 > .panel > .panel-heading.active .panel-title a{color:#1378cb;font-size:18px;}
.mobile-menu .depth1 > .panel > .panel-heading.on .panel-title a{color:#1378cb;font-size:18px;}
.mobile-menu .depth2{}
.mobile-menu .depth2 > .panel {margin:0;}
.mobile-menu .depth2 .panel-heading{background:#fff;}
.mobile-menu .depth2 .panel-heading:nth-child(1){border-top:0;}
.mobile-menu .depth2 .panel-heading:hover{background:#f8f8f8;}
.mobile-menu .depth2 > .panel > .panel-heading a{color:#222;font-size:16px;padding:5px 15px;}
.mobile-menu .depth2 > .panel > .panel-heading a .depth-btn{float:right;background:url(/assets/images/office_info/img/mobile-menu_btn_group.png);background-position:0px -40px;width:15px;height:8px;margin-top:6px;}
.mobile-menu .depth2 > .panel > .panel-heading.active a .depth-btn{background-position:0px -40px;}
.mobile-menu .depth2 > .panel > .panel-heading.active.on a .depth-btn{background-position:0px -60px;}
.mobile-menu .depth2 > .panel > .panel-heading.on a .depth-btn{background-position:0px -60px;}
.mobile-menu .depth2 .panel-body{background:transparent;color:#222;font-size:15px;border:0;border-radius:0;padding:0;}
.mobile-menu .depth2 > .panel > .panel-heading.active .panel-title a{background:#1378cb;color:#fff;font-size:17px;}
.mobile-menu .depth2 > .panel > .panel-heading.on .panel-title a{background:#1378cb;color:#fff;font-size:16px;}
.mobile-menu .depth3{border:0;border-radius:0;}
.mobile-menu .depth3 .panel{margin:0;}
.mobile-menu .depth3 .panel .panel-heading{background:#eee;}
.mobile-menu .depth3 .panel .panel-heading .panel-title a{color:#222;font-size:15px;padding:5px 20px;}
.mobile-menu .depth3 .panel .panel-heading .panel-title a i{margin-right:5px;}
.mobile-menu .depth3 .panel .panel-heading.active .panel-title a{color:#1378cb;font-weight:600;}
.mobile-menu .depth4 {border-bottom:1px solid #ddd}
.mobile-menu .depth4 .panel .panel-heading .panel-title a{color:#555;font-size:13px;padding:7px 30px;}
.mobile-menu .depth4 .panel .panel-heading .panel-title a:before {content:"-";margin-right:5px}
.mobile-menu .depth4 .active .panel-title a {font-weight:600;background-color:#e4e4e4}
.mbDim {position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.7); display:none;}
#fixedFloatBtn {display:none;}

.vision_gbg{text-align: center; background: url(/assets/images/center/contents2/vision_bg.gif) repeat; padding: 39px 29px; margin-bottom: 50px;}
.vision_gbg img{max-width: 100%; }
.vision_gbg .fz{overflow: hidden; margin-left: -3%;}
.vision_gbg .fz > div{float: left; width: 47%; margin-left: 3%; margin-top: 15px;}

.nchx_bk{padding: 80px 0; background: url(/assets/images/center/contents2/hx_bg.jpg) center top no-repeat; background-size: 75% auto;}
.nchx_bk > ul{overflow: hidden; }
.nchx_bk > ul > li{float: left; width: 42%; margin-bottom: 42px;}
.nchx_bk > ul > li:nth-of-type(even){float: right;}

#good_cont .modal-dialog{display: block; max-width: 600px;}
#bottomSiteContentsModal .modal-dialog{display: block; max-width: 640px;}

/* 2019/6/21 메인 안내 텍스트 */
.mc-albg{padding: 10px;}
.mc-albk:first-child{border-top: none;}
.mc-albk{display: table; width: 100%; border-top: 1px dashed #ccc;}
.mc-albk > p{display: table-cell; vertical-align: middle; width: 50px; padding-right: 4%; text-align: center; height: 79px;}
.mc-albk > p img{width: 45px; max-height: 79px;}
.mc-albk > dl{display: table-cell; vertical-align: middle; }
.mc-albk > dl > dt{font-size: 14px; color: #333; font-weight: 600;}
.mc-albk > dl > dd{font-size: 15px; color: #666; }
.mc-albk > dl > dd a[href^="tel:"]{pointer-events: none;}

/* 2019/6/24 */
.bbs-webzine-list {padding: 5px 0; overflow:hidden;border-top:1px solid #ddd;margin-top:0}
.bbs-webzine-list:first-child{/*padding-top: 6px;*/border-top: none;}
.bbs-webzine-list>.webzine-img-area {float:left;width:20%}
.bbs-webzine-list>.webzine-img-area>a {display:block;width:100%;height:auto;overflow:hidden;padding-right:0}
.bbs-webzine-list>.webzine-img-area>a>img {width:100%; height: 80px;}
.bbs-webzine-list>.webzine-txt-area {float:left;width:80%;padding-left:10px;padding-top:3px}
.bbs-webzine-list>.webzine-txt-area>.title>a  {font-size:16px;font-weight:700;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs-webzine-list>.webzine-txt-area>.title>a:before {content:"";width:15px;height:3px;background-color:#e91e63;margin-bottom: 2px;display:block}
.bbs-webzine-list>.webzine-txt-area>.txt>a {display:block;color:#777; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;word-wrap:break-word; font-size: 14px; line-height:20px; height: 40px}
.bbs-webzine-list>.webzine-txt-area>.date {color:#aaa;font-size:12px}

.mc-pho-sld > li > a{display: block; position: relative;}
.mc-pho-sld > li > a > div{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0,0,0,0.3);}
.mc-pho-sld > li > a > div > p{color: #fff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mc-pho-sld > li > a > div > span{ color: #dadada; font-size: 14px;}
.mc-pho-sld > li img{width: 100%; height: 202px;}
.mc-pho-ctr {position: absolute; top: 34px; right: 60px; line-height: 18px;}
.mc-pho-ctr a{display: inline-block; width: 13px; height: 13px; vertical-align: baseline; text-align: center;}
.mc-pho-ctr a i{font-size: 12px; font-weight: normal; vertical-align: baseline; color:#555;}
.mc-pho-ctr .play-bt{display: none;}

.main-conts .mc-pho-list.row  > div{margin-top: 0;}
.mc-pho-list > div{position: relative;}
.mc-pho-list > div img{max-width: 100%;}
.mc-pho-list .plist-bk > a{display: block; position: relative;}
.mc-pho-list .plist-bk > a > div{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0,0,0,0.3);}
.mc-pho-list .plist-bk > a > div > p{color: #fff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mc-pho-list .plist-bk > a > div > span{ color: #dadada; font-size: 14px;}
.mc-pho-list .plist-bk  img{width: 100%; height: 177px;}

/* 아이콘 스타일 가로형 */
.main-conts .main-html.row > .col-md-12{margin-top: 0;}
.mc-albk > .hbv .inl{vertical-align: middle;display: inline-block; line-height: 24px;}
.mc-albk > .hbv .mt5{margin-top: 5px;}
.dcs_itg{display: table; width: 100%; background: azure; /*border: 1px solid #bdc3c7;*/ border-radius: 10px;}
.dcs_itg > p{display: table-cell; vertical-align: middle; width: 62px; padding: 5px;}
.dcs_itg > dl{display: table-cell; vertical-align: middle; padding: 5px; }
.dcs_itg > dl > dt{font-size: 17px; color: #555;}
.dcs_itg > dl > dd{font-size: 14px; color: #555; letter-spacing: -1px; word-break: keep-all;}
.dcs_itg > p .on{display: none;}
.dcs_itg:hover > p .off, .dcs_itg:focus > p .off{display: none;}
.dcs_itg:hover > p .on, .dcs_itg:focus > p .on{display: inline;}

/* 아이콘 스타일 십자가형  */
.icon-lst::after{content: "";display: block;clear: both}
.icon-lst > li{float: left;width: 50%;height: 120px;}
.icon-lst > li > a{display: block;height: 100%;box-sizing: border-box;text-align: center;border-radius: 0}
.icon-lst > li:nth-child(1) > a{border-bottom: 1px solid #ddd;}
.icon-lst > li:nth-child(2) > a{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
.icon-lst > li:nth-child(3) > a > span{padding-top: 20px}
.icon-lst > li:nth-child(4) > a{border-left: 1px solid #ddd}
.icon-lst > li:nth-child(4) > a > span{padding-top: 20px}
.icon-lst > li > a > span{display: block;padding: 10px 0;}
.icon-lst > li > a > span img{margin: 0 auto}
.icon-lst > li > a > span .off,
.icon-lst > li > a:hover > span .on{display: block;}
.icon-lst > li > a > span .on,
.icon-lst > li > a:hover > span .off{display: none;}

/* 2021/10/18 문화재단 BG스타일 십자가형  */
.gfac_icon-lst::after{content: "";display: block;clear: both}
.gfac_icon-lst > li{float: left;width: 50%;height: 120px;}
.gfac_icon-lst > li > a{display: block;height: 100%;box-sizing: border-box;text-align: center;border-radius: 0}
.gfac_icon-lst > li:nth-child(1) > a{border-bottom: 1px solid #fff;}
.gfac_icon-lst > li:nth-child(2) > a{border-bottom: 1px solid #fff;border-left: 1px solid #fff}
.gfac_icon-lst > li:nth-child(3) > a > span{padding-top: 13px}
.gfac_icon-lst > li:nth-child(4) > a{border-left: 1px solid #fff}
.gfac_icon-lst > li:nth-child(4) > a > span{padding-top: 13px}
.gfac_icon-lst > li > a > span{display: block;padding: 1px 0;}
.gfac_icon-lst > li > a > span img{margin: 0 auto}
.gfac_icon-lst > li > a > span .off,
.gfac_icon-lst > li > a:hover > span .on{display: block;}
.gfac_icon-lst > li > a > span .on,
.gfac_icon-lst > li > a:hover > span .off{display: none;}

/* 이미지형 스타일 */
.dcs_cInf img{width: 100%; height: 107px;}
.dcs_cInf .tex_bk h4{font-size: 16px; color: #222; font-weight: 700; line-height: 24px; overflow: hidden; margin-top: 10px; margin-bottom: 5px;}
.dcs_cInf .tex_bk p{ font-size: 14px; color: #666; line-height: 20px; overflow: hidden; text-overflow: ellipsis; height: 40px; margin-bottom: 10px;}
.dcs_cInf .dcs_cBtn{width:80px; height:26px; display:block; box-sizing:border-box; border:1px solid #222; font-size:13px; color:#222; line-height:24px; text-align:center; transition:0.3s all;}
.dcs_cInf .dcs_cBtn:hover,
.dcs_cInf .dcs_cBtn:focus{color:#fff; border-color:#233d92; background:#233d92; font-weight:400;}

/*  */
.dl-lst{height: 258px;padding: 10px 15px;background-color: #fff;}
.dl-lst > dl{display: table;table-layout: fixed;width: 100%;height:115px;padding: 5px 0 ;}
.dl-lst > dl:first-child{border-bottom: 1px dashed #ccc;}
.dl-lst > dl dt{display: table-cell;width: 95px;height: 100%;padding: 3px;vertical-align: middle;text-align: center;letter-spacing: -1px;}
.dl-lst > dl dd{display: table-cell;height: 100%;vertical-align: middle;padding: 0 10px;text-align: left}
.dl-lst > dl dd a{display: block;font-size: 14px;line-height: 18px}

/* loading */
.loading_bk{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background-color: #fff; }
.loading_bk > div{display: table; width: 100%; height: 100%;}
.loading_bk > div > div{display: table-cell; vertical-align: middle;}
.loading_bk > div > div > p{ text-align: center; padding-top: 75px; background: url(/assets/images/office_info/img/loading_pic.gif) no-repeat center top;}

/* 슬라이드형 갤러리 */
.main-conts .gall-slide > .bx-wrapper{position: relative;margin: 0 auto;}/* 2019/9/19 */
.gall-slide .gall-bx li > a{display: block;position: relative;}
.gall-slide .gall-bx li .thumbnail{padding: 0;margin-bottom: 0;border: 0}
.gall-slide .gall-bx li .thumbnail img{width: 100%;height:177px}
.gall-slide .gall-bx li .caption{display: block;position: absolute;}
.gall-slide .gall-bx li .caption{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0,0,0,0.3);}
.gall-slide .gall-bx li .caption .sj{display: block;width: 100%;color: #fff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-style: normal}
.gall-slide .gall-bx li .caption .date{ color: #dadada; font-size: 14px;font-style: normal}
.gall-slide .bx-controls .bx-controls-direction > a{position: absolute;top: 50%;display: block;width: 18px;height: 43px;margin-top: -22px; font-size: 0;}
.gall-slide .bx-controls .bx-controls-direction > a.bx-prev{left:-24px;background: url("/assets/images/office_info/img/avs_prev_more.jpg") 0 0 no-repeat;}
.gall-slide .bx-controls .bx-controls-direction > a.bx-next{right:-24px;background: url("/assets/images/office_info/img/avs_next_more.jpg") 0 0 no-repeat;}
.gall-slide .bx-controls .bx-controls-auto{position: absolute;right:40px;top:-50px;}
.gall-slide .bx-controls .bx-controls-auto a{display: none;font-size: 0}
.gall-slide .bx-controls .bx-controls-auto a.active{display: none;}
.gall-slide .bx-controls .bx-controls-auto .bx-start::after{content: "\f04b";font: normal normal normal 14px/1 FontAwesome;display: block;font-size: 15px}
.gall-slide .bx-controls .bx-controls-auto .bx-stop::after{content: "\f04c";font: normal normal normal 14px/1 FontAwesome;display: block;font-size: 15px}

/* layout Size */
.size-xlg .header-bot{padding-left: 215px;padding-right: 15px}
.size-xlg #all-sub-wrap > .container {padding-left: 15px;padding-left: 15px}
.size-xlg .footer-wid{padding-left: 15px;padding-right: 15px}

/* 역삼노인복지센터 */

/* 2019/9/11 */
.links-st2{}
.links-st2 > ul{overflow: hidden;}
.links-st2 > ul{margin-right: -4%;}
.links-st2 > ul > li{float: left; width: 16%; background: #5c89ae;}
.links-st2 > ul > li:nth-of-type(odd){background: #3a5898;}
.links-st2 > ul > li > div{display: table; width: 100%; table-layout: fixed; word-wrap: break-word;}
.links-st2 > ul > li > div > a{display: table-cell; vertical-align: middle; padding: 0 4px; height: 190px; text-align: center;}
.links-st2 > ul > li > div > a > img{display: block; margin: 0 auto 10px; width: 90px;}
.links-st2 > ul > li > div > a > span > span{ font-size: 19px; color: #fff; }

/* 2022/2/3 */
.links-st2 ul.c5 {margin-right: -4%;}
.links-st2 > ul.c5 > li{float: left; width: 19.2%; background: #ecf0f1;}
.links-st2 > ul.c5 > li > div > a > span > span{ font-size: 17px; color: #333;}
.links-st2 ul.c5 li a:hover {
	background: #ffbb33; #ecf0f1browsers */
	background: -moz-linear-gradient(-90deg, #549d7c 0%, #66a5ea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-90deg, #ffbb33 0%,#ecf0f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, #ffbb33 0%,#ecf0f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb33', endColorstr='#ecf0f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	/* box-shadow:5px 5px 10px #ccc; */
}

/* 2019/9/17 */
.foot-sns{position: absolute; right: 0; top: 0px;}
.foot-sns a img.on{display: none;}
.foot-sns a:hover > .off, .foot-sns a:focus > .off{display: none;}
.foot-sns a:hover > .on, .foot-sns a:focus > .on{display: inline;}

/* 평생학습 동아리 */
.club-user-label{font-size: 13px!important; letter-spacing: -0.05em}

/* 2024/8/14 교통수단 */
  .subway {border-radius:15px; width:30px; height:16px; margin-left:3px; margin-right:3px; display:inline-block; padding:1px 3px; font-size:13px; font-weight:600; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline;}
  .line7 {background: #606d00;}
  .line9 {background: #bf9f1e;}
  .line3 {background: #ff7300;}
  .lineboon {width:36px !important; background: #996600;}

  .bus {margin-right:5px; display:inline; padding:1px 5px; font-size:13px; font-weight:600; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline;}
  .bus-green {background: #4a972e;}
  .bus-blue {background: #395cb4;}
  .bus-red {background: #dc1219;}


@media (min-width: 1200px){

	/* 1440 */
	.size-xlg .wid{max-width: 1470px;margin: 0 auto}
	.size-xlg .header-bot{max-width: 1470px;margin: 0 auto;padding-left: 225px}
	.size-xlg .bg-gnb>span>.inner{max-width: 1470px}

	.size-xlg .footer-wid{max-width: 1470px;padding: 0 15px;margin: 0 auto}
	.size-xlg .main-conts .container{max-width: 1470px;width: auto;margin: 0 auto}
	.size-xlg .main-conts .container > .row{margin:0}
	.size-xlg #all-sub-wrap > .container {max-width: 1470px;width: auto;margin: 0 auto}
	.size-xlg #all-sub-wrap > .container > .row{margin:0}


	/* 1280 */
	.size-lg .wid{max-width: 1310px;margin: 0 auto}
	.size-lg .header-bot{max-width: 1310px;margin: 0 auto;padding-left: 225px}
	.size-lg .bg-gnb>span>.inner{max-width: 1310px}
	.size-lg .footer-wid{max-width: 1310px;padding: 0 15px;margin: 0 auto}
	.size-lg .main-conts .container{max-width: 1310px;width: auto;margin: 0 auto}
	.size-lg .main-conts .container > .row{margin:0}
	.size-lg #all-sub-wrap > .container {max-width: 1310px;width: auto;margin: 0 auto}
	.size-lg #all-sub-wrap > .container > .row{margin:0}
}

@media (min-width:1024px){
	.footer-wid > img{left:15px}
}

@media (min-width:1200px) {
	.main-conts .container{box-sizing: border-box;}
}

@media (max-width:1600px) {
	.nw_mvsl .bx-controls-direction a{top:-185px}
}

@media (max-width:1400px) {
	/* 탑버튼 */
	#scroll-top{right: 15px}
}

@media (max-width:1230px) {
	.nw_mvsl .bx-prev {left:20px;}
	.nw_mvsl .bx-next {right:20px;}

	.nw_mvsl .bx-controls .bx-controls-direction .bx-prev{left:10px}
	.nw_mvsl .bx-controls .bx-controls-direction .bx-next{right: 10px}
	.nw_mvsl .bx-controls > div.bx-pager{top: 84%}
	.nw_mvsl .bx-controls > div.bx-controls-auto{top:84%}
}

@media (max-width:1200px) {
	.wid{width: auto;margin: 0 10px}
	.hd-top-wrap .wid{width: 100%;margin:0}
	.nw_mvsl .bx-controls{width: 100%;left: inherit;margin-left: 0;max-width: inherit;}

	.info-box .inner dl dt{padding-top:0;margin-bottom: 5px}

	.footer-wid{padding: 0 15px}
}

@media (max-width:1170px) {
	.header-bot{max-width: inherit;}
	.header-bot > h1.logo{left:15px;}
	/* .btn-mypage{right: 15px} */
}

@media screen and (max-width: 1024px) {
	.wrap{width: 100%; min-width: 100%;}
	.wid{ width: 100%; margin:0 auto;}

	.tpl-mo-swb{display: block;}
	.tpl-mo-swb .tldp2-sw{float: left;width: calc( 100% - 30px);}
	.tpl-mo-swb .tldp1-sw{float: left;width: 30px;}

	.htl-style{float: none;}
	.htl-style > ul{display: none;background: #fff; text-align: center; padding-top: 1px; position: absolute; left: 0; right: 0; top: 30px; z-index: 500;}
	.htl-style > ul > li{position: static; width: 25%; }
	.htl-style > ul > li > a{padding: 4px; font-size: 15px; line-height: 22px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.htl-style > ul > li:nth-of-type(4n +1){border-left: 1px solid #fff;}
	.htl-style > ul > li > ul{text-align: left; left: 1px; right: 1px;}

	.ht-search{float: none; border-left: none; text-align: right; position: absolute; top: 131px; right: 0; left: 0;border:0; background: #efefef; z-index: 99;}
	.ht-search input[type="text"]{width:calc( 100% - 45px); box-sizing: border-box; height: 40px; vertical-align: top; border-left: 1px solid #dedede;}

	.header-bot{position: static;width: auto; height: 100px; padding:0; margin: 0 auto;text-align: center;}
	.header-bot > .allmenu-open {display:block;top:58px;right: 2%}
	.header-bot > h1.logo{position: absolute;top:inherit;display: inline-block;margin-top: 50px;left: 20px;max-width: 185px;width: auto;} /* 2020/07/30 수정 */
	.header-bot > h1.logo a img{max-width: 100%;vertical-align: middle;}
	.header-bot > a.allmenu-open .pci{display: none;}
	.header-bot > a.allmenu-open .moi{display: block;}
	.header-bot .tp-search-sw{display: none; position: absolute; top: 58px; left: 15px;} /* 2020/07/30 수정 */
	.header-bot .tp-search-sw .clo{display: none;}
	.header-bot .tp-search-sw.on .ope{display: none;}
	.header-bot .tp-search-sw.on .clo{display: block;}

	.size-xlg .header-bot{padding-left: 15px}
	.size-lg .header-bot{padding-left: 15px}

	.btn-mypage{display: none}
	.nav-button {display: block;}

	.allmenu-wrap .tit_bt {display:block;padding:20px;width:100%;text-align:left;}
	.allmenu-wrap .tit_a {display:none;}
	.allmenu-wrap .depth1 > li {width:100%;padding:0;}
	.allmenu-wrap .depth2 {display:none;}

	.ht-search{display: none;}

	.menu{display: none; z-index: 1000; position: absolute; right: 0; top: 131px; bottom: 0; width: 200px; background: #009ed1;}
	.menu > li{display: block; text-align: left; padding: 0 20px;}
	.menu > li > a{font-size: 16px; line-height: 24px; color: #fff; padding: 12px; border-bottom: 1px dashed #82cfe8; background: url(/assets/images/office_info/img/menu_ic2.gif) no-repeat 0 center;}
	.menu > li:last-child > a{background: url(/assets/images/office_info/img/menu_ic2.gif) no-repeat 0 center;}
	.gnb{display: none;}
	.bg-gnb2{display: none}


	.nw_mvsl{min-height: auto}
	.mvsl_sld > li.bg1 > a{background: url(/assets/images/office_info/img/m_vsl_mor1.jpg) no-repeat center center; background-size: cover;}
	.mvsl_sld > li.bg2 > a{background: url(/assets/images/office_info/img/m_vsl_mor1.jpg) no-repeat center center; background-size: cover;}
	.mvsl_sld > li.bg3 > a{background: url(/assets/images/office_info/img/m_vsl_mor1.jpg) no-repeat center center; background-size: cover;}
	.mvsl_sld > li.bg4 > a{background: url(/assets/images/office_info/img/m_vsl_mor1.jpg) no-repeat center center; background-size: cover;}
	.mvsl_sld > li.bg5 > a{background: url(/assets/images/office_info/img/m_vsl_mor1.jpg) no-repeat center center; background-size: cover;}
	.mvsl_sld > li .wids > .all_txt{position: relative; width:94%; margin:0 auto;height: 100%; text-align: center;  display: table;}
	.mvsl_sld > li.bg1 .wids > .all_txt > p.txt{position: static; right: 0; top: 108px; vertical-align: middle; display: table-cell; margin-top: -25px;}
	.mvsl_sld > li.bg2 .wids > .all_txt > p.txt{position: static; right: 0; top: 120px; vertical-align: middle; display: table-cell; margin-top: -25px;}
	.mvsl_sld > li.bg3 .wids > .all_txt > p.txt{padding-top: 0; text-align: center; vertical-align: middle;display: table-cell; margin-top: -25px;}
	.mvsl_sld > li.bg3 .wids > .all_txt > p.img{display: none; position: static; left: -145px; bottom: 0;z-index:1;}
	.mvsl_sld > li.bg4 .wids > .all_txt > p.txt{position: static; right: 80px; top: 145px; vertical-align: middle; display: table-cell; margin-top: -25px;}
	.mvsl_sld > li .wids > .all_txt > p.txt img{max-width:100%;}
	.mvsl_sld > li .wids > .all_txt > p.txt img.mor{display: inline-block;}
	.mvsl_sld > li .wids > .all_txt > p.txt img.pc{display: none;}
	.nw_mvsl .bx-controls-direction a{display: none;}
	.nw_mvsl .bx-controls{bottom: 20px; width: 100%;}

	.main-conts{width: auto; padding: 0 0 30px 0;}/* 16/06/27 수정 - padding: 20px 0; */
	.mcon-all{margin-left: 0;}
	.mcon-all > div{float: none; margin-left: 0; box-sizing: border-box; width: 100%; height: 260px;}
	.mcon-all > div:last-child{margin-top: 10px;}
 	.mcbtn-all > a > p.txt{margin-top: 20px; font-size: 22px; color: #fff; font-weight:600; line-height: 30px;}
	.mcon-all > div.mcgs-box{height: auto;}
	.mcgs-box > div.mcgs_bg{padding: 13px 20px; position: relative;}
	.mcgs-box > div.mcgs_bg > p.tit{font-size: 20px; color: #333; font-weight: 500; line-height: 20px;}
	.mcgs-box > div.mcgs_bg a.more{right: 20px; top: 15px;}
	.mcgs-box > div.mcgs_bg ul.line{height: 128px;}
	.mcgs-box > div.mcgs_bg ul.line > li{position: relative; height: 32px; line-height: 32px;}
	.mcgs-box > div.mcgs_bg ul.line > li > a{ font-size: 15px; color: #666; width: 95%;}
	.mcgs-box > div.mcgs_bg ul.line > li > span{display: none;}
	.mcgs-box .nav-tabs {font-size:20px;}
	.mcgs-box .nav-tabs > li > a {padding:2px 8px}
	.mcgs-box .tab-pane {height:128px;}

	.mcon-all > div.mc-baner{height: auto;}
	.mc-sld > li > a img{width: 100%; height: auto;}

	.mcbot_bg{width:calc(100% - 20px); padding: 15px 0;}

	.nw_mvsl .bx-controls > div.bx-pager{top:79%;}
	.nw_mvsl .bx-controls > div.bx-controls-auto{top:79%;}

	#footer{height: auto}
	.footer-wid{position: relative; width: calc(100% - 20px); margin: 0 auto; padding: 0}
	.footer-wid>.footer-wid{width: 100%}
	.footer-wid > img{position: relative;left:inherit;top:inherit;margin: 0 auto 15px auto;}/* 190619추가 */
	.footer-wid > p.flogo{display: none;}
	.footer-wid > div.foot-ny{padding-left: 0;text-align: center;}
	.footer-wid > div.foot-ny > ul{margin-bottom: 18px; text-align: center;}
	.footer-wid > div.foot-ny > ul > li{float: none; display: inline-block; padding-right:9px; margin-right: 3px;}
	.footer-wid > div.foot-ny > ul > li > a{font-size: 12px; letter-spacing:-0.5px;}

	/* 작업중 */
	.work-wrap>table>tbody>tr>td{text-align: center;font-size: 60px}
	.work-wrap>table>tbody>tr>td i{display: block;font-size: 157px}
	.mc-pho-ctr{top: 18px;}

    /* 2019/9/17 */
    .foot-sns{position: static;  text-align: center; margin-bottom: 10px;}
}

@media screen and (min-width: 1025px){
	.mcgs-box > div.mcgs_bg.pd2{padding: 17px 30px;}
	.mcgs-box > div.mcgs_bg.pd2 a.more{top: 17px;}
}

@media (min-width: 992px){
	.dcs_cInf img{height: auto}

	.cont-wrap>img{height: 258px;}

	.dl-lst > dl{display: block;}
	.dl-lst > dl:first-child{padding-top: 0;margin-bottom: 7px}
	.dl-lst > dl dt{display: block;height: auto;width: auto;text-align: left}
	.dl-lst > dl dt br{display: none}
	.dl-lst > dl dd{display: block;padding: 5px 0}
	.dl-lst > dl dd a{line-height: 17px}
}

@media screen and (max-width: 1024px) and (min-width: 991px){
	.mcbtn-all > a > p.txt{font-size: 18px; line-height: 24px; margin-top: 10px;}
	.mcbtn-all > a > p.cap{width: auto; left: 0; bottom: 10px;}
}

@media screen and (max-width: 991px) {
	.main-conts .mc-height {height:inherit !important;}
	.cont-wrap{height: auto}

	.info-box .inner dl dt{padding-top: 10px;margin-bottom: 15px}
	.info-box .inner dl dd p br{display: none}

	.dcs_cInf img{ height: auto;}
	.main-conts .mo_colm20.row > div{margin-top: 15px;}

	.links{height: 160px;font-size:18px;}
	.links ul li a{padding: 20px 10px}
	.links ul li a span.link-icon{height: 70px;margin-bottom: 10px}
	.links ul li a span.link-icon em img{max-width: 45px;max-height:60px }
	.links ul li a span.link-text{height: 50px}
	.links ul li a span.link-icon em i.fa{font-size: 40px !important;}
}

@media screen and (max-width: 988px){
	.mc-pho-sld > li img{height: auto;}
	.bbs-webzine-list{padding: 20px 0;}
	.bbs-webzine-list>.webzine-img-area{width: 30%;}
	.bbs-webzine-list>.webzine-img-area>a>img {height: auto; min-height: 80px;}
	.bbs-webzine-list>.webzine-txt-area{width: 70%;}
}

@media screen and (max-width: 768px) {
	.mvsl_sld > li img.pc{display: none;}
	.mvsl_sld > li img.mob{display: inline;}

	.nw_mvsl .bx-controls > div.bx-pager{padding: 3px 20px 6px;}
	.nw_mvsl .bx-controls > div.bx-controls-auto{margin-top: 0}
	.nw_mvsl .bx-controls > div.bx-pager{top:76%;}
	.nw_mvsl .bx-controls > div.bx-controls-auto{top:76%}
	.nw_mvsl .bx-controls-auto-item a{width: 26px;height: 26px;}
	.nw_mvsl .bx-stop::after{width: 26px;height: 26px;line-height: 26px;}
	.nw_mvsl .bx-start::after{width: 26px;height: 26px;line-height: 26px;}

	.nw_mvsl .bx-controls .bx-controls-direction a{width: 20px;text-align: center;height: 52px;line-height: 52px;}
	.nw_mvsl .bx-controls .bx-controls-direction .bx-prev{background-image: none;left: 0}
	.nw_mvsl .bx-controls .bx-controls-direction .bx-next{background-image: none;right: 0}
	.nw_mvsl .bx-controls .bx-controls-direction a::after{font: normal normal normal 14px/1 FontAwesome;display: inline-block;text-shadow: 1px 1px 1px rgba(0,0,0,0.3); color: #fff;font-size: 50px}
	.nw_mvsl .bx-controls .bx-controls-direction .bx-prev::after{content: "\f104";}
	.nw_mvsl .bx-controls .bx-controls-direction .bx-next::after{content: "\f105";}


	/* 작업중 */
	.work-wrap>table>tbody>tr>td{font-size: 40px}
	.work-wrap>table>tbody>tr>td i{font-size: 80px}

	.main-conts .mc-pho-list.row  > div{margin-top: 20px;}
	.mc-pho-list .plist-bk  img{height: auto;}
	.mc-albk > dl > dd a[href^="tel:"]{pointer-events: inherit;}
	.mc-albk > dl > dd a[href^="tel:"]:visited{text-decoration: none;color: #333}

	.links{height:95px;padding:0;font-size:12px;}
	.links ul{padding:0;}
	.links ul li a{padding: 10px 5px}
	.links ul li a span.link-icon em img{max-width: 40px;max-height: 40px;}
	.links ul li a span.link-icon{height: 40px;margin-bottom: 0}
	.links ul li a span.link-text{height: 20px;}
	.links ul li a span.link-icon em i.fa{font-size: 24px !important;}
}

/* 2019/9/11 */
@media screen and (max-width: 768px){
.links-st2 > ul{margin-right: -1%;}
.links-st2 > ul > li{float: left; width: 33%; background: #5c89ae;}
.links-st2 > ul > li > div > a{height: 130px;}
.links-st2 > ul > li > div > a > img{display: block; margin: 0 auto 10px; width: 50px; height: 50px;}
.links-st2 > ul > li > div > a > span > span{font-size: 15px;}
}

@media screen and (max-width: 550px){
	.oslk_ls > li > a{font-size: 14px;padding: 7px 0;}
	.oslk_ls > li > a > span{ height: 50px; font-size: 14px; line-height: 21px;}
}


@media screen and (max-width: 480px) {
	body{letter-spacing:-1.5px;}
  /* 19/07/01 */
  .nw_mvsl{width: 100%;height: 135px;border:none; padding:0 0 !important;}
  .nw_mvsl .bx-wrapper .bx-viewport{height: 135px !important}
  .mvsl_sld > li{height: 135px}
	.mvsl_sld > li img{width: auto;max-width: none;height: 100%;position: relative;left: 50%;transform:translateX(-50%);}

	.top_public .public .public_inner{padding-right: 0}
	.top_public .public_inner .public_ctr{display: none}
	.top_public .public .public_inner .public_slider .public_part{display: none}
	.top_public .public .public_inner .public_slider .public_txt{width: 100%}
}

@media screen and (max-width: 420px) {
	.links{height: 100px;}
	.links ul li a{padding: 5px}
	.links ul li a span.link-text{height: 50px}
}

@media screen and (max-width:360px) {
	body{font-size: 14px; letter-spacing: -1.5px;}
	.header-bot > h1.logo{max-width: inherit;}
	.header-bot > h1.logo a img{max-width: 180px}
}