@charset "utf-8";
@import url("/static/portal/css/newOfficeFont.css");
/* font-family: 'S-Core-Dream';
2ExtraLight: 200;
3Light: 300;
4Regular: 400;
5Medium: 500;
6Bold: 600;
7ExtraBold: bold; */

*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "S-Core-Dream",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;color: inherit;font-size: inherit;font-weight: inherit;font-family: inherit;}
ul, li, p, a, label, span, strong, input, select, textarea{color: inherit;font-size: inherit;font-weight: inherit;font-family: inherit;box-sizing: border-box;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
a{display: inline-block;}
img{border: 0;max-width: 100%;}
strong{font-weight: 600;}
select{height: 35px;padding: 0 30px 0 8px;background: #fff url('/static/portal/img/newOffice/select_bg1.png') no-repeat right 10px center;background-size: 14px;border: 1px solid #dcdcdc;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;border-radius: 3px;}
select::-ms-expand{display: none;}
input[type="text"], input[type="password"]{width: 100%;height: 35px;padding: 0 8px;border: 1px solid #dcdcdc;border-radius: 3px;}
textarea{display: block;resize: none;height: 130px;width: 100%;padding: 14px;border: 1px solid #dcdcdc;border-radius: 3px;}
textarea::-webkit-scrollbar{width: 5px;height: 1px;}
textarea::-webkit-scrollbar-thumb{background: #1b1b1b;}
textarea::-webkit-scrollbar-track{background: #ededed;}
table{border-collapse: collapse;width: 100%;border-collapse: separate;border-collapse: collapse;width:100%;border-spacing:0;table-layout: fixed;}
table caption{overflow: hidden;width: 0px;height: 0px;font-size: 0;line-height: 0;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;opacity: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

.FL{float: left;}
.FR{float: right;}
.TL{text-align: left !important;}
.TC{text-align: center !important;}
.TR{text-align: right !important;}
.VT{vertical-align: top !important;}
.VM{vertical-align: middle !important;}
.VB{vertical-align: bottom !important;}

.m-auto{margin: auto !important;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !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;}
.mt40{margin-top: 40px !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}




#wrap{min-width: 1280px;overflow: hidden;}
.wid-bx{margin: 0 auto;width: calc(100% - 30px);max-width: 1300px;position: relative;}

#header{position: absolute;top: 20px;left: 0;width: 100%;}
#header .wid-bx{max-width: 1340px;display: flex;justify-content: space-between;align-items: center;}
#header .logo{width: 120px;}
#header .logo > a{display: table;}
.header-menu{width: calc(100% - 120px);}
#gnb{height: 54px;padding: 4px 20px;color: #2d2d2d;font-size: 20px;font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;border: 2px solid #bbc4d1;border-left: 0;border-radius: 0 25px 25px 0;}
#gnb > li{width: 20%;padding: 0 10px;text-align: center;}
#gnb > li > a{margin: 0 auto;max-width: 185px;height: 42px;display: flex;align-items: center;justify-content: center;}
#gnb > li > a:hover{color: #eb6c18;border: 2px solid #eb6c18;border-radius: 25px;}

.Menu-open1{display: none;position: absolute;right: 0;top: calc(50% - 12px);}
.Menu-close1{display: none;position: absolute;top: 15px;right: 15px;}








.footer{background: #fff; border-top: 1px solid #ddd;}
.footer-tp{padding: 24px 0; text-align: left;}
.ft-familySite:after{content: ''; display: block; clear: both;}
.ft-familySite{margin-left: -2%;}
.ft-familySite > li{float: left; width: 23%; margin-left: 2%; position: relative;}
.ft-familySite > li > a{display: block; font-size: 15px; color: #626367; line-height: 22px; background: #f5f5f5; padding: 14px; position: relative;}
.ft-familySite > li > a:after{content: ''; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #c4c4c4; top: 50%; right: 14px; margin-top: -6px; transition: .3s;}
.ft-familySite > li.on > a:after{border-bottom: none; border-top: 12px solid #c4c4c4;}
.ft-familySite > li > ul{display: none; position: absolute; left: 0; right: 0; bottom: 100%; max-height: 200px; overflow-y: auto; background: #fff; border: 1px solid #ddd; padding: 4px;}
.ft-familySite > li > ul > li > a{display: block; font-size: 14px; line-height: 20px; padding: 4px 8px;}

.footer-bm{padding-bottom: 30px; text-align: left;}
.footer-bm .wid:after{content: ''; display: block; clear: both;}

.footer-sns{display: none;margin-bottom: 15px;text-align: center;}
.footer-sns a{font-size: 0;display: inline-block;vertical-align: text-bottom;width: 22px;height: 22px;background: center center no-repeat;margin-left: 12px;}
.footer-sns .blog{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_blog.jpg');margin-left: 0;}
.footer-sns .facebook{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_facebook.jpg');}
.footer-sns .twitter{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_twitter.jpg');}
.footer-sns .instagram{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_instagram.jpg');}
.footer-sns .kakao{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_kakao.jpg');}
.footer-sns .youtube{background-image: url('https://www.dongjak.go.kr//static/portal/img/main/2022/hd_sns_youtube.jpg');}

.foot-logo{float: left; margin-top: 20px; margin-right: 4%;}
.foot-con{float: left;}
.mfoot-con{text-align: center;}
.foot-lk{margin-bottom: 16px;}
.foot-lk > li{display: inline-block; margin-right: 6px; vertical-align: top;}
.foot-lk > li:after{content: ''; display: inline-block; vertical-align: middle; margin-left: 11px; width: 1px; height: 14px; background: #cbcbcb;}
.foot-lk > li:last-child:after{display: none;}
.foot-lk > li > a{display: inline-block; font-weight: 500; font-size: 16px; color: #5b5b5b; line-height: 22px; vertical-align: middle;}
.foot-lk > li > a > span{color: #d91400;}
.foot-tx{font-size: 15px; color: #5b5b5b; line-height: 20px;}
.foot-tx span{display: inline-block;}
.foot-mk{float: right; margin-top: 10px;}

 @media screen and (max-width: 1200px) and (min-width: 1025px){
.foot-con{letter-spacing: -1px;}
.foot-con .cpr{letter-spacing: 0;}
}