@charset "utf-8";

/* 20230504 */
@font-face {
	font-family: 'GmarketSans';
	src:url('https://www.dongjak.go.kr/static/portal/fonts/GmarketSansTTFLight.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansMedium';
	src:url('https://www.dongjak.go.kr/static/portal/fonts/GmarketSansTTFMedium.ttf') format('truetype');
	font-weight: 500;
	font-style:normal;
}

@font-face {
	font-family: 'GmarketSansBold';
	src:url('https://www.dongjak.go.kr/static/portal/fonts/GmarketSansTTFBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* //20230504 */

.sec-n1{position: relative;}
.vsl-u{}
.vsl-u > a{ display: block; padding: 135px 0; outline-offset: -2px;}
.vsl-u .mo{display: none;}

.n-vsl-mo{display: none;}/* 모바일 메인비쥬얼 추가 */

.n-vsl .slick-dots{position: absolute; left: 0; right: 0; top: 84px; width: 96%; max-width: 1300px; margin: 0 auto; line-height: 12px;}
.n-vsl .slick-dots > li{display: inline-block; vertical-align: top; margin: 0 3px;}
.n-vsl .slick-dots > li button{display: block; font-size: 0; border: none; width: 12px; height: 12px; background: rgba(64, 64, 64, 0.35); border-radius: 6px;}
.n-vsl .slick-dots > li.slick-active button{width: 40px; background: #404040;}

.sec-n1 .sr-a{position: absolute; left: 0; right: 0; bottom: 135px; width: 96%; max-width: 1300px; margin: 0 auto 50px;}

.n23-mpg-sr{background: #fff;line-height: 1;letter-spacing: -1px;width: 50%;padding: 13px 25px;border-radius: 36px;}
.n23-mpg-sr input[type="text"]{margin: 0; border: none; box-shadow: none; vertical-align: top; height: 36px; width: calc(100% - 40px); padding: 0;}
.n23-mpg-sr input[type="text"]:focus{outline: 1px dashed #000; outline: -webkit-focus-ring-color auto 1px; }
.n23-mpg-sr button{ vertical-align: top; border: none; background: none; padding: 4px;}
.n23-mpg-sr button img{ vertical-align: top;}

.nwv-sns{position: absolute; left: 0; right: 0; top: 25px; width: 96%; max-width: 1300px; margin: 0 auto;}
.mvs-sns{text-align: right;}
.mvs-sns > a{display: inline-block; font-size: 0; width: 24px; height: 24px; background: center center no-repeat; margin-left: 15px;}
.mvs-sns .blog{background-image: url(/static/portal/img/main/2023/mvs_sns1.png);}
.mvs-sns .facebook{background-image: url(/static/portal/img/main/2023/mvs_sns2.png);}
.mvs-sns .twitter{background-image: url(/static/portal/img/main/2023/mvs_sns4.png);}
.mvs-sns .instagram{background-image: url(/static/portal/img/main/2023/mvs_sns3.png);}
.mvs-sns .kakao{background-image: url(/static/portal/img/main/2023/mvs_sns5.png);}
.mvs-sns .youtube{background-image: url(/static/portal/img/main/2023/mvs_sns6.png);}

.sec-n2{padding-bottom: 100px;}
.m-service-bk{position: relative; z-index: 1; margin-top: -135px; background: #fff; padding: 60px 5%; border-radius: 20px; box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}
.m-service{display: table; width: 100%; table-layout: fixed;}
.m-service > dt{display: table-cell; vertical-align: top; width: 150px; font-weight: 800; font-size: 26px; color: #232323; line-height: 30px;}
.m-service > dd{display: table-cell; vertical-align: top;}

/* 20230316_수정 */
.m-service > dt > span:first-child{display:block;}
.m-service > dt > span.mb_show{display:none;}
.m-service > dd{display: table-cell; vertical-align: top; width: calc(100% - 150px);}
.m-service > dd:after{content:'';display:block;clear:both;}
.m-service > dd > div.mb_slide{float:left;width:100%;}
.m-service > dd > div > div{float:left;width:20%;text-align:center;vertical-align:top;}
/* 20230316_수정 */

.m-srv-bnn{text-align: center;}
.m-srv{padding: 0 10px;}
.m-srv > a{display: block; max-width: 100px; margin: 0 auto;}
.m-srv > a > div{font-weight: 500; font-size: 16px; color: #232323; line-height: 18px; margin-top: 20px;}
.m-srv-bnn .slick-slide img{width: auto; display: inline;}
.m-srv-arr a{position: absolute; top: 50%; font-size: 0; width: 40px; height: 40px; margin-top: -20px; background: center center no-repeat #fff; border-radius: 50%; box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}
.m-srv-arr .prev{left: -20px; background-image: url(/static/portal/img/main/2023/m_svr_sla1.jpg)}
.m-srv-arr .next{right: -20px; background-image: url(/static/portal/img/main/2023/m_svr_sla2.jpg)}

.nsc2-slbk{margin-top: 100px; position: relative;}
.nsc2-slbk:after{content: ''; display: block; clear: both;}

.nsc2-c > dl > dt{font-weight: 800; font-size: 30px; color: #232323; line-height: 34px; margin-bottom: 20px; padding-left: 12px;}
.nsc2-c > dl > dd{position: relative;}
.nsc2-c.bnn{width: 66%; display: flex; }
.nsc2-c.bnn > dl{width: 48.5%;}
.nsc2-c.bnn > dl + dl{margin-left: 3%;}
.nsc2-sl .slick-slide > a{display: block; border-radius: 16px; outline-offset: -2px;}
.nsc2-sl .slick-slide > a img{width: 100%; height:360px; border-radius: 16px;}
.nsc2-c .ctr{position: absolute; right: 16px; bottom: 20px; padding: 6px 12px; background: rgba(0,0,0,0.35); border-radius: 20px;}
.nsc2-c .ctr > li{display: inline-block; vertical-align: top;}
.nsc2-c .ctr > li a{display: inline-block; vertical-align: top; width: 22px; height: 22px; position: relative;}
.nsc2-c .ctr > li a img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.nsc2-c .ctr > li .c-ap a{border: 1px solid #fff; border-radius: 50%;}
.nsc2-c .ctr > li .c-ap .play{display: none;}
.nsc2-c .ctr .count{font-size: 14px; color: #fff; line-height: 18px; padding: 2px 0; margin-right: 5px;}
.nsc2-c .ctr .count strong{font-family: inherit; font-weight: 600;}
.nsc2-c.myr{position: absolute; right: 0; top: 0; bottom: 0; width: 32%;}
.nsc2-c.myr > dl{height: 100%; }
.nsc2-c.myr > dl > dd{height: calc(100% - 54px);}
.n23-myr-bx{height: 100%; border-radius: 16px;  box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}
.n23-myr-bx .m-lk{display: table; width: 100%; height: 228px; table-layout: fixed; border-radius: 16px 16px 0 0; background: url(/static/portal/img/main/2023/n23_mayor_ph_2.png) right bottom no-repeat;  outline-offset: -1px;}
.n23-myr-bx .m-lk > div{display: table-cell; vertical-align: middle; font-size: 24px; color: #020202; font-weight: 500; letter-spacing: -1px; padding: 0 4%;}
.n23-myr-bx .m-lk > div img{    vertical-align: text-bottom;}
.n23-myr-bx .s-lk{position: absolute; bottom: 0; top: 228px; left: 0; right: 0; display: flex; align-items: center}
.n23-myr-bx .s-lk > li{width: 34%; height: 100%; border-top: 1px solid #e3e3e3;}
.n23-myr-bx .s-lk > li + li{border-left: 1px solid #e3e3e3;}
.n23-myr-bx .s-lk > li > a{text-align: center; display: table; width: 100%; height: 100%; outline-offset: -1px;}
.n23-myr-bx .s-lk > li > a > p{display: table-cell; vertical-align: middle; padding: 4px;}
.n23-myr-bx .s-lk > li > a > p > span{display: block; font-size: 16px; color: #262626; margin-top: 6px; font-weight: 500;}
.n23-myr-bx .s-lk > li:nth-child(1) > a{background: #f9fbf3; border-radius: 0 0 0 16px;}
.n23-myr-bx .s-lk > li:nth-child(2) > a{background: #f4f6fa; }
.n23-myr-bx .s-lk > li:nth-child(3) > a{background: #fff5f5; border-radius: 0 0 16px 0;}
.nsc2-c.myr > dl > dd .more{position: absolute; right: 0; bottom: 100%; margin-bottom: 17px;}

.sec-n3{padding: 100px 0; background: #fdf8f8;}

.n23-board{position: relative; padding-right: 340px;}
.n23-ntc{position: relative;}
.n23-ntc .t-bx{margin-bottom: 40px;}
.n23-ntc .t-bx > ul:after{content: ''; display: block; clear: both;}
.n23-ntc .t-bx > ul > li{float: left; }
.n23-ntc .t-bx > ul > li > a{display: block; font-weight: 600; font-size: 30px; color: #232323; line-height: 34px; padding: 0 15px 15px; border-bottom: 10px solid #c8c8c8; }
.n23-ntc .t-bx > ul > li > a.on{color: #232323; border-color: #5d5d5d;}
.ntc-first{margin-bottom: 45px;}
.ntc-first > a{display: block; padding: 30px; border-radius: 16px; box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}
.ntc-first .da{display: inline-block; vertical-align: middle; width: 150px; text-align: center; padding: 22px 0; border: 3px solid #e1e1e1; border-radius: 20px; }
.ntc-first .da > strong{display: block; font-family: 'S-CoreDream'; font-size: 50px; color: #323232; font-weight: 700; line-height: 54px;}
.ntc-first .da > span{display: block; font-size: 25px; color: #707071; line-height: 30px;}
.ntc-first .con{display: inline-block; vertical-align: middle; width: 100%; padding: 5px 4%;}
.ntc-first .con > dt{display: block; font-weight: 600; font-size: 26px; line-height: 30px; color: #303030; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ntc-first .con > dd{font-size: 20px; color: #555; line-height: 24px; margin-top: 6px; max-height: 48px; overflow: hidden;}
.ntc-first > span{display: none;}
.mp-ntc-ls.f-big > li > a, .mp-ntc-ls.f-big > li > span{font-size: 22px; line-height: 26px;}
.mp-ntc-ls.f-big > li > a{    max-width: calc(100% - 130px);}
.mp-ntc-ls.f-big > li {margin-top: 20px;}
.mp-ntc-ls.f-big > li:before{top: 50%; margin-top: -2px;}
.n23-ntc .more{position: absolute; right: 0; top: 0;}

.n23-news{position: absolute; right: 0; top: 0; width: 286px;}
.n23-news > dt{font-size: 30px; color: #232323; font-weight: 600;  line-height: 34px; margin-bottom: 20px;}
.n23-news > dd > a{display: block; border-radius: 16px;}
.n23-news > dd > a > img{border-radius: 16px; height: 402px;}

.mcb-nw-bnn{margin-top: 100px;}
.mcb-nw-bnn > dt{font-size: 30px;    color: #232323;    font-weight: 600;    line-height: 34px; margin-bottom: 20px;}
.mcb-nw-bnn > dd{background: #fff; padding: 30px 0;  border-radius: 16px;}
.mcb-nw-bnn > dd > div{padding-left: 34%; position: relative;}
.mcb-nw-bnn > dd > div > dl{padding: 0 20px; height: 100%;}
.mcb-nw-bnn > dd > div > dl > dt{font-size: 24px; color: #444; line-height: 28px; font-weight: 600; margin-bottom: 22px;}
.mcb-nw-bnn > dd > div > dl > dd{}

.n23-mcb-bn1 img, .n23-mcb-bn2 img{height: 100%;}

.mcb-tv-n23{position: absolute; left: 0; top: 0; bottom: 0; width: 34%; }
.mcb-tv-n23 > dd{height: calc(100% - 50px);}
.mcb-tv-n23 > dd div{height: 100%;}
.n23-mcb-bn2{margin: 0 -10px;}
.n23-mcb-bn2 .slick-slide{margin: 0 10px;}
.n23-mcb-bn2 .slick-slide a:focus{outline-offset: -3px; }


.n23-slc{position: absolute; right: 20px; top: 5px; line-height: 12px;}
.n23-slc > li{display: inline-block; vertical-align: top;}
.n23-slc > li > a{display: inline-block; vertical-align: top; width: 18px; padding: 2px 0; text-align: center;}
.n23-slc > li.ap{margin: 0 3px;}
.n23-slc > li.ap .play{display: none;}
.n23-slc > li img{vertical-align: top; }

@media screen and (min-width: 1440px){
.mcb-nw-bnn > dd{padding: 50px 70px;  margin: 0 -50px;}
}




@media screen and (max-width: 1200px){
.m-srv-arr .prev{left: -10px;}
.m-srv-arr .next{right: -10px;}

.n23-myr-bx .m-lk{height: 64%; background-size: auto 90%;}
.n23-myr-bx .m-lk > div > p{width: 70%;}
.n23-myr-bx .m-lk > div > p > span{display: inline-block;}
.n23-myr-bx .s-lk{top: 64%;}
}

@media screen and (max-width: 1024px){
.sec-n1 .sr-a{margin-bottom: 3%;}
.n23-mpg-sr{padding: 10px 20px;}

.sec-n2{padding-bottom: 40px;}
.n23-myr-bx .m-lk > div{font-size: 20px;}
.n23-myr-bx .m-lk > div img{width: 110px;}
.n23-myr-bx .s-lk > li > a > p img{width: 30px;}
.n23-myr-bx .s-lk > li > a > p > span{font-size: 14px; letter-spacing: -1px;}

.sec-n3{padding: 40px 0;}
.n23-board{padding-right: 255px;}
.n23-ntc .t-bx > ul > li > a{font-size: 24px; line-height: 26px; padding: 0 6px 12px; border-bottom-width: 8px; letter-spacing: -1px;}
.ntc-first > a{padding: 20px;}
.ntc-first .da{padding: 15px 0; width: 100px;}
.ntc-first .da > strong{font-size: 30px; line-height: 34px;}
.ntc-first .da > span{font-size: 16px; line-height: 22px;}
.ntc-first .con{     padding: 5px 2%;  width: calc(100% - 105px);}
.ntc-first .con > dt{font-size: 22px;     line-height: 26px;}
.ntc-first .con > dd{font-size: 18px;     line-height: 24px;}
.mp-ntc-ls.f-big > li > a, .mp-ntc-ls.f-big > li > span{font-size: 20px; line-height: 24px;}
.mp-ntc-ls.f-big > li {margin-top: 16px;}

.n23-news{width: 225px;}
.n23-news > dt{font-size: 24px; line-height: 26px; margin-bottom: 25px;}
.n23-news > dd > a > img{height: 316px;}

.mcb-nw-bnn > dd{padding: 10px 0;}
.n23-mcb-bn2{margin: 0 -5px;}
.n23-mcb-bn2 .slick-slide{margin: 0 5px;}
}


@media screen and (max-width: 768px){
.n23-mpg-sr input[type="text"]{height: 30px; margin-left: 5px;}
.n23-mpg-sr button img{width: 22px;}

.m-service-bk{padding: 20px 3%;}
.m-service{display: block; }
.m-service > dt{display: block; width: auto; font-size: 24px; line-height: 28px;}
.m-service > dd{display: block; margin-top: 20px;}
.m-srv > a > div{margin-top: 8px;}
.m-srv-arr{position: absolute; right: 3%; top: 18px; line-height: 1;}
.m-srv-arr a{position: static; display: inline-block; vertical-align: top; width: 28px; height: 28px; margin-top: 0; margin-left: 2px;}

.nsc2-slbk{padding-top: 400px; margin-top: 60px;}
.nsc2-c.myr{bottom: auto; left: 0;  width: auto;}
.nsc2-c.myr > dl > dd{height: auto;}
.n23-myr-bx .m-lk{height: 200px;}
.n23-myr-bx .m-lk > div{padding: 0 8%; font-size: 24px;}
.n23-myr-bx .m-lk > div img{width: auto;}
.n23-myr-bx .s-lk{position: static; height: 100px;}
.n23-myr-bx .s-lk > li > a > p > span{font-size: 16px; }
.nsc2-c.bnn{width: 100%;}


.n23-board{padding-right: 170px;}
.n23-ntc .t-bx{margin-bottom: 36px;}
.ntc-first{padding-left: 12px; margin-bottom: 24px; position: relative;}
.ntc-first:before{content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #254680; border-radius: 50%;}
.ntc-first > a{padding: 0; box-shadow: none;}
.ntc-first .da{display: none;}
.ntc-first .con{display: block; width: auto; padding: 0;}
.ntc-first .con > dt{font-weight: 400; font-size: 18px; color: #555; line-height: 22px;}
.ntc-first .con > dd{position: absolute; font-size: 0; width: 0; height: 0; overflow: hidden;}
.mp-ntc-ls.f-big > li {margin-top: 24px;}
.mp-ntc-ls.f-big > li > a{font-size: 18px; line-height: 22px; max-width: 100%;}
.mp-ntc-ls.f-big > li > span{display: none;}
.n23-ntc .more{display: none;}

.n23-news{width: 148px;}
.n23-news > dt{margin-bottom: 16px;}
.n23-news > dd > a > img{height: 208px;}

.mcb-nw-bnn > dd > div > dl{padding: 0 15px;}
.n23-slc{right: 15px;}
}

@media screen and (max-width: 640px){
.mcb-nw-bnn > dd > div{padding-left: 0;}
.mcb-nw-bnn > dd > div > dl{position: relative;}
.mcb-tv-n23{position: relative; bottom: auto; width: auto;}
.mcb-tv-n23 > dd, .mcb-tv-n23 > dd div{height: auto;}
.mcb-sns-n23{margin-top: 40px;}

.n23-mcb-bn2{margin: 0 -10px;}
.n23-mcb-bn2 .slick-slide{margin: 0 10px;}
}


@media screen and (max-width: 600px){

/* 모바일 메인비쥬얼 추가 */
.n-vsl-pc{display: none;}
.n-vsl-mo{display: block;}
/* /모바일 메인비쥬얼 추가 */

.sec-n1 .sr-a{bottom: auto; top: 20px;}
.vsl-u > a{padding: 120px 0 90px;}
.vsl-u .pc{display: none;}
.vsl-u .mo{display: inline;}
.n23-mpg-sr{width: auto; padding: 6px;}
.nwv-sns{display: none;}

.m-service-bk{margin-top: -90px;}

.n23-board{padding-right: 0;}
.n23-ntc .t-bx{margin-bottom: 26px;}
.n23-ntc .t-bx > ul > li{width: 25%; text-align: center;}
.n23-ntc .t-bx > ul > li > a{padding: 0 2px 12px;}
.n23-ntc .c-bx{padding-right: 125px; min-height: 148px;}
.ntc-first{margin-bottom: 20px;}
.mp-ntc-ls.f-big > li {margin-top: 20px;}
.n23-news{width: 105px; bottom: 0; top: auto;}
.n23-news > dt{margin: 0; font-size: 0; position: absolute; width: 0; height: 0; overflow: hidden;}
.n23-news > dd > a > img {height: 148px; }
}

@media screen and (max-width: 500px){

/* 모바일 메인비쥬얼 추가 */
.n-vsl-pc{display: none;}
.n-vsl-mo{display: block;}
/* /모바일 메인비쥬얼 추가 */

.nsc2-c.bnn{    flex-wrap: wrap;}
.nsc2-c.bnn > dl{width: 100%;}
.nsc2-c.bnn > dl + dl{margin: 40px 0 0;}
.n23-ntc .t-bx > ul > li > a{font-size: 18px; line-height: 24px; padding-bottom: 6px; border-bottom-width: 6px;}
.ntc-first .con > dt{font-size: 16px;}
.mp-ntc-ls.f-big > li > a{font-size: 16px;}
}


/*  2023/3/2   버튼 */
.n23-myr-bx .m-lk .bt{    width: 70%; margin-top: 8px;}
.n23-myr-bx .m-lk .bt > a{display: inline-block; font-size: 18px; color: #ec6e61; line-height: 22px; font-weight: 600;  padding: 8px 12px; border: 1px solid #ec6e61; border-radius: 8px; margin: 2px 0; margin-right: 6px;}
.n23-myr-bx .m-lk .bt > a:focus, .n23-myr-bx .m-lk .bt > a:hover{background: #ec6e61; color: #fff;}

@media screen and (max-width: 1200px) and (min-width: 901px){
.n23-myr-bx .m-lk > div{font-size: 20px; }
.n23-myr-bx .m-lk .bt > a{font-size: 16px; line-height: 20px; padding: 4px 12px;}
.n23-myr-bx .m-lk > div img{    width: 110px;}
}
@media screen and (max-width: 900px) and (min-width: 769px){
.n23-myr-bx .m-lk > div{font-size: 18px; }
.n23-myr-bx .m-lk > div img{    width: 90px;}
.n23-myr-bx .m-lk .bt > a{font-size: 14px; line-height: 18px; padding: 3px 9px;}
}
@media screen and (max-width: 600px){
.n23-myr-bx .m-lk > div{font-size: 20px; padding: 0 6%;}
.n23-myr-bx .m-lk .bt > a{font-size: 16px; line-height: 20px; padding: 4px 12px;}
.n23-myr-bx .m-lk > div img{    width: 110px;}
}


/* 2023.03.03 */
.vsl-u{padding: 135px 0;}
.vsl-u a{display: block; padding: 0;}

.n23-mpg-sr input[type="text"]{font-size: 18px;}

.mvs-sns > a{width: 34px;  height: 34px; background-color: #fff; border-radius: 50%; margin-left: 10px;}
.mvs-sns .blog:focus, .mvs-sns .blog:hover{background-image: url(/static/portal/img/main/2023/mvs_sns1_a.png);}
.mvs-sns .facebook:focus, .mvs-sns .facebook:hover{background-image: url(/static/portal/img/main/2023/mvs_sns2_a.png);}
.mvs-sns .twitter:focus, .mvs-sns .twitter:hover{background-image: url(/static/portal/img/main/2023/mvs_sns4_a.png);}
.mvs-sns .instagram:focus, .mvs-sns .instagram:hover{background-image: url(/static/portal/img/main/2023/mvs_sns3_a.png);}
.mvs-sns .kakao:focus, .mvs-sns .kakao:hover{background-image: url(/static/portal/img/main/2023/mvs_sns5_a.png);}
.mvs-sns .youtube:focus, .mvs-sns .youtube:hover{background-image: url(/static/portal/img/main/2023/mvs_sns6_a.png);}

.nsc2-sl .slick-slide > a img{height: auto; }
.nsc2-c .ph-g > dd{height: calc(100% - 54px);}
.nsc2-sl.sl2, .nsc2-sl.sl2 div{height: 100%;}
.nsc2-sl.sl2 .slick-slide > a{overflow: hidden; height: 100%; display: flex; flex-wrap: wrap;}
.nsc2-sl.sl2 .slick-slide > a img{   vertical-align: top; border-radius: 16px 16px 0 0;}
.nsc2-sl.sl2 .slick-slide > a .tx{display: flex; align-items: center; padding: 4px 16px; width: 100%; background: #fbe4e1; }
.nsc2-sl.sl2 .slick-slide > a .tx > span{font-weight: 800; font-size: 20px; color: #232323; line-height: 24px; display: block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.nsc2-c .ph-g .ctr{bottom: 18%; margin-bottom: 5px;}
.nsc2-c .ph-g .more{position: absolute; right: 0; bottom: 100%; margin-bottom: 17px;}

.ntc-first > a{background: #fff;}
.n23-news > dd > a img{box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}
.mcb-nw-bnn > dt{font-weight: 800;}
.mcb-nw-bnn > dd{box-shadow: 1px 2px 6px rgba(0,0,0,0.3);}

@media screen and (max-width: 1024px){
.mcb-nw-bnn > dd{padding: 20px 0;}
}

@media screen and (max-width: 768px){
.contents.main section .wid{width: calc(100% - 30px);  }
.m-srv-arr a{margin-left: 5px;}
.ntc-first > a{background: none; border-radius: 0;}

.nsc2-c > dl > dt{font-size: 27px; padding-left: 4px; letter-spacing: -1px;}
.mcb-nw-bnn > dt{font-size: 27px; letter-spacing: -1px;}

/* 20230316_수정 */
.m-service > dt > span:first-child{display:inline-block;}
.m-service > dd{width:100%;}
/* 20230616_수정 */
}

@media screen and (max-width: 600px){
.vsl-u{padding: 116px 0 90px;}
.n23-mpg-sr input[type="text"]{font-size: 16px;}
.m-service-bk{letter-spacing: -1px;}
/* 20230320_수정 */
.m-service > dt > span:first-child{display:inline-block;}
.m-service > dt > span.mb_show{display:inline-block;font-size:13px;}
.m-service > dd > div.mb_slide{float:none;display:block;width:100%;overflow:hidden;white-space:nowrap;overflow-x:auto; scrollbar-width: none; -ms-overflow-style: none;}
.m-service > dd > div.mb_slide::-webkit-scrollbar {display: none; width:10px;height:5px;}
.m-service > dd > div.mb_slide::-webkit-scrollbar-track {background:rgba(0, 0, 0, .1);border-radius:10px;}
.m-service > dd > div.mb_slide::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.5);border-radius:10px;}
.m-service > dd > div > div.m-srv{float:none;display:inline-block;width:140px;padding: 0 5px;}
/* 20230320_수정 */
.m-srv-bnn .slick-slide img{width: 60px;}
}

@media screen and (max-width: 500px){
.nsc2-c .ph-g > dd{height: auto;}
.nsc2-sl.sl2, .nsc2-sl.sl2 div{height: auto;}
.nsc2-sl.sl2 .slick-slide > a{height: auto; display: block;}
.nsc2-sl.sl2 .slick-slide > a .tx{ display: block; padding: 16px 20px;}
.nsc2-c .ctr{right: 8px;}
.nsc2-c .ph-g .ctr{bottom: 60px;}
}

/* 2023/3/14 */
.nsc2-sl.sl2 .slick-slide > a > span{display: block; width: 100%; height: 82%; background: center center no-repeat; background-size: cover;}
.nsc2-sl.sl2 .slick-slide > a > span + .tx{height: 18%;}
@media screen and (max-width: 500px){
.nsc2-sl.sl2 .slick-slide > a > span{display: block; width: 100%; height: auto; padding-bottom: 60%;}
.nsc2-sl.sl2 .slick-slide > a > span + .tx{height: auto;}
}
/* 2023/3/14 */




/*  2023/3/20  */
.n23-ntc .t-bx > ul > li > a{font-weight: 800;}
@media screen and (min-width: 769px){
.m-service-bk{padding: 34px 4%;}
.nsc2-c.bnn{width: 64%;}
.n23-ntc .t-bx > ul > li > a{font-size: 25px;}
}


@media screen and (min-width: 601px){
.vsl-u{padding: 127px 0 110px;}
.m-service-bk{margin-top: -110px;}
.sec-n1 .sr-a{bottom: 110px;}
}
@media screen and (max-width: 1360px){
.sec-n1 .sr-a{margin-bottom: 3%;}
}


.m-service > dt{font-size: 25px;}
.nsc2-c > dl > dt{font-size: 25px;}
.mcb-nw-bnn > dt{font-size: 28px;}


.nsc2-c .ctr{bottom: 100%; right: 0; margin-bottom: 20px; background: none; padding: 8px 0; line-height: 1;}
.nsc2-c .ph-g .ctr{bottom: 100%; margin-bottom: 20px;}
.nsc2-c .ctr .count{display: none;}
.nsc2-c .ctr > li a{width: 18px; height: 18px; font-size: 0; line-height: 1; background: center center no-repeat;}
.nsc2-c .ctr > li a img{width: 0; height: 0; opacity: 0;}
.nsc2-c .ctr > li .c-ap a{border-radius: 0;}
.nsc2-c .ctr > li a.prev{background-image: url(/static/portal/img/main/20221122/ms-lf.png);}
.nsc2-c .ctr > li a.next{background-image: url(/static/portal/img/main/20221122/ms-rt.png);}
.nsc2-c .ctr > li a.stop{background-image: url(/static/portal/img/main/20221122/ms-st.png);}
.nsc2-c .ctr > li a.play{background-image: url(/static/portal/img/main/20221122/ms-pl.png);}
.nsc2-c .ph-g .more{display: none;}


.b-txbx23{border: 3px solid #ec6e61; padding: 30px 5%; background: url(/static/portal/img/main/2023/b_txbx23_bg.jpg) right top no-repeat #fff;}
.itb-ls23{padding-left: 8px;}
.itb-ls23 > li{padding-left: 6px; margin: 0; position: relative; font-size: 16px; color: #343434; line-height: 22px;}
.itb-ls23 > li:before{content: ''; display: block; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #343434;}
.itb-ls23 > li + li{margin-top: 5px;}

.fw500-kp{font-size: 16px; font-weight: 500;}
.fw500-kp > span{display: inline-block;}

.n-vsl .slick-dots{width: 88%; max-width: 1196px; padding-left: 76px; z-index: 1;}
.n23-mpg-sr{margin-left: 4%;}
.vsl-u > a > p{padding: 0 4%;}
.vsl-u > a{width: 96%; max-width: 1300px; margin: 0 auto;}


.n-vsl-ctr{position: absolute; top: 80px; left: 0; right: 0; width: 88%; max-width: 1196px; margin: auto;}
.n-vsl-ctr > ul{display: inline-block; width: 70px; position: relative; z-index: 2;}
.n-vsl-ctr > ul > li{display: inline-block; vertical-align: top;}
.n-vsl-ctr > ul > li > a{display: inline-block; vertical-align: top; width: 18px; padding: 2px 0; text-align: center;}
.n-vsl-ctr > ul > li.ap{margin: 0 3px;}
.n-vsl-ctr > ul > li.ap .play{display: none;}
.n-vsl-ctr > ul > li img{vertical-align: top; }

@media screen and (max-width: 768px) {

.n23-mpg-sr{margin-left: 0;}
.vsl-u > a > p{padding: 0;}
.n-vsl .slick-dots{width: 96%;}
.n-vsl-ctr{width: 96%;}
}


@media screen and (max-width: 600px){
.m-service > dt{font-size: 20px;}
.nsc2-c > dl > dt{font-size: 22px; margin-bottom: 12px;}
.nsc2-c.myr > dl > dd .more{    margin-bottom: 10px;}
.nsc2-c .ctr, .nsc2-c .ph-g .ctr{margin-bottom: 12px;}
.mcb-nw-bnn > dt{font-size: 22px;     line-height: 26px;  margin-bottom: 12px;}
.mcb-nw-bnn > dd > div > dl > dt{font-size: 20px;  margin-bottom: 12px;}
}

.sns-print .docubraille .b-go{padding: 11px; font-size: 17px; color: #666; line-height: 22px; border-color: #dadada;}




.passport-waiting{border: 1px solid #cfcfcf; }
.passport-waiting > .inf{display: table; width: 100%; padding: 30px 40px; background: #f8f9fb; border: 1px solid #cfcfcf; }
.passport-waiting > .inf:before{content: ''; display: table-cell; vertical-align: middle; width: 76px; height: 76px; background: url(/static/portal/img/main/2023/passport_wt_i1.png) center 0 no-repeat;}
.passport-waiting > .inf > dl{display: table-cell; vertical-align: middle; padding-left: 3%;}
.passport-waiting > .inf > dl > dt{font-weight: 600; font-size: 20px; color: #2a2a2a; line-height: 24px; word-break: keep-all; margin-bottom: 4px;}
.passport-waiting > .inf > dl > dd{font-size: 15px; color: #666;  line-height: 20px; word-break: keep-all;}
.passport-waiting > .count{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px; border: 1px solid #cfcfcf;}
.passport-waiting > .count > div{font-size: 15px; color: #666;  line-height: 20px; margin: 4px;}
.passport-waiting > .count > div > span{display: inline-block; font-weight: 600; color: #2a2a2a; }
.passport-waiting > .count > p{ margin: 4px;}
.passport-waiting > .count .b-refresh{display: inline-block; background: #ec6e61; padding: 5px 10px; font-size: 15px;  color: #fff;  line-height: 20px; border-radius: 6px;}
.passport-waiting > .count .b-refresh:after{margin-left: 6px; }
@media screen and (max-width: 768px){
.passport-waiting > .inf{padding: 15px 20px;}
}
@media screen and (max-width: 480px){
.passport-waiting > .count{text-align: center;}
.passport-waiting > .count > div, .passport-waiting > .count > p{width: 100%; margin: 4px 0;}
}


.passport-wt-btls{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.passport-wt-btls > li{width: 48%;}
.passport-wt-btls > li > a{display: block; padding-top: 30px; border: 1px solid #cfcfcf; text-align: right;}
.passport-wt-btls > li > a > div{font-weight: 600;  padding: 0 30px;}
.passport-wt-btls > li > a .ti{text-align: left; font-size: 34px; color: #2a2a2a; line-height: 40px;}
.passport-wt-btls > li > a .num{margin-top: 40px;}
.passport-wt-btls > li > a .num > span{font-size: 20px;}
.passport-wt-btls > li > a .num > p{font-size: 80px; line-height: 86px;}
.passport-wt-btls > li > a .ql{font-size: 26px; color: #2a2a2a; line-height: 30px; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; position: relative;}
.passport-wt-btls > li > a .ql:before{content: ''; position: absolute; left: 30px; bottom: 25px; width: 121px; height: 121px; background: no-repeat center center; background-size: 100%;}
.passport-wt-btls > li > a.bg1 .num{color: #ec6e61}
.passport-wt-btls > li > a.bg1 .ql{ background: #fde2df;}
.passport-wt-btls > li > a.bg1 .ql:before{background-image: url(/static/portal/img/main/2023/passport_wt_i2.png);}
.passport-wt-btls > li > a.bg2 .num{color: #48a1ec}
.passport-wt-btls > li > a.bg2 .ql{ background: #cfe9ff;}
.passport-wt-btls > li > a.bg2 .ql:before{background-image: url(/static/portal/img/main/2023/passport_wt_i3.png);}

@media screen and (max-width: 1200px){
.passport-wt-btls > li > a .num > p{font-size: 60px;     line-height: 66px;}
.passport-wt-btls > li > a > div{ padding: 0 20px;}
.passport-wt-btls > li > a .ql{padding: 20px; font-size: 22px;}
.passport-wt-btls > li > a .ql:before{left: 20px; bottom: 15px; width: 90px; height: 90px;}
}

@media screen and (max-width: 640px){
.passport-wt-btls > li{width: 100%;}
.passport-wt-btls > li + li{margin-top: 50px;}
}

/* 20230504 */
.bg_wg{background-color:#f5f4f2;}
.bg_rg{background-color:#eaeaea;}
.col_p{color: #ec6e61;}

.nw23-cont > ul >li{ border-radius: 15px; overflow: hidden; margin-top: 25px;}
.nw23-cont > ul > li >div{padding:20px 60px;}
.nw23-cont h2{display:inline; background-color:#ec6e61;  padding:10px 30px; font-family: 'S-CoreDream'; font-weight: 500; font-size: 20px; color:#fff; border-radius: 10px 0 10px 0; }
.nw23-cont h2 img{vertical-align: middle; transform: translateY(-2px);}
.bubble_tit{ background: url("/static/portal/img/main/2023/202353_bg.png") left top no-repeat; background-size:100%; width:580px; min-height:78px; position:relative; margin:0 0 20px;}
.bubble_tit >p{ font-size:14px; padding-left:36px; padding-top:17px; width: 85%; text-align: center; position: absolute; left: 48%; top: 41%; transform: translate(-50%, -50%);}
.subTit_arr li >div{padding:10px 20px;}

.subTit_arr .arrow-left{position:relative; padding-left:16px; padding-bottom:10px;}
.subTit_arr .arrow-left::before{content:''; display:inline-block; background:url('https://www.dongjak.go.kr/static/portal/img/main/2023/sm-arrow.png') center center no-repeat; width: 15px;height: 15px; position:absolute; left:0; top:3px; }

.subTit_arr li >span{font-family: 'S-CoreDream'; font-weight: 500;  }
.subTit_arr li >span::before{content:"\f138"; margin-right: 20px; }
.subTit_arr .bgWLine{position:relative; z-index: 21;}
.subTit_arr .bgWLine:after{display:inline-block; content: ''; width:100%; height:20px; background-color:rgba(255,255,255,0.8); border-radius: 30px; z-index: -1; position:absolute; left:17px; top:5px; }
.subTit_arr .table th{background-color:#9b9b9b; color:#fff; font-size:18px; font-weight: 500;}

.subTit_arr .check_list{ padding-top:30px; padding-left:45px;}
.subTit_arr .check_list >li{display: flex; margin-bottom:20px;}
.subTit_arr .check_list >li >p{padding:10px; border-radius: 15px; background-color:#767676; width:68px; height:68px; display: flex; justify-content: center; align-items: center; font-size:16px; color:#fff; font-weight: 500;}

@media screen and (max-width: 670px){
	.bubble_tit{width: 450px;}
	.bubble_tit >p{font-size: 11px; left: 50%; top: 32%;}
}

@media screen and (max-width: 480px){
	.nw23-cont h2{font-size:16px;}
	.nw23-cont > ul > li >div {padding:20px 5px;}
	.bubble_tit{width: 370px;}
	.bubble_tit >p{padding:0;  width: 90%;}

}

/* 동작생활안내서 */
.incomer{width: 100%; background-color: #929fe0; padding-top: 100px; padding-bottom: 120px;}/*20230524*/
.incomer > .wrap{max-width: 1320px; margin:0 auto;}
.incomer .incomer_top{width:100%; position: relative;}
.incomer .incomer_top >h2{text-align: center; color:#fff; font-size:20px; text-shadow:6px 6px 10px rgba(0,0,0,0.16) ; font-family: 'GmarketSansMedium';}
.incomer .incomer_top >h2 >span:last-child{display: inline-block; padding:10px 0; font-size:54px; font-family: 'GmarketSansBold'; font-weight: 700;}
/* 20230524 */
.incomer .incomer_topic{ width: 275px; position: absolute;  bottom: 0; right: 0;}
.incomer .incomer_topic a{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-sizing: border-box;
	color:#fff; padding:15px;
	font-size: 20px; background-color: #38416e;
	border:2px solid #fff; border-radius: 20px;
	font-family: 'GmarketSansMedium';
    font-weight: 500;
}
.incomer .incomer_topic a p:first-child{width:40px; height:40px; margin-right:10px;}
.incomer .incomer_topic a p:last-child{width: calc(100% - 50px);}

.incomer .incomer_top::after{content:''; display: block; clear: both;}


.incomer_list{padding-top:50px;}
.incomer .incomer_item {
    float: left;
    width: 335px;
    height:auto;
    min-height: 400px;
    padding-top: 40px;
    padding-right: 35px;
    padding-left: 37px;
    border-radius: 40px;
    box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.17);
    box-sizing: border-box;
    background-color: #fff;
}

.incomer .incomer_item4, .incomer .incomer_item5{height:500px;}
/* 20230524 */
.incomer .incomer_item h3 {
    display: inline-block;
    height: auto;
    color: #000;
    font-size: 21px;
    line-height: 35px;
    letter-spacing: -0.05em;
    vertical-align: top;
	font-family: 'GmarketSans';
	padding-bottom: 30px;
    font-weight: 400;
}

.incomer .incomer_item h3 strong {
    display: block;
    font-size: 37px;
    line-height: 35px;
	font-family: 'GmarketSansBold';
    font-weight: 700;
}

.incomer .incomer_item1 {
    position: relative;
    width: 590px;
    height: 930px;
    margin-right: 30px;
	background: url('/static/portal/img/main/2023/images/item1_bg.png') right bottom no-repeat;
	background-size: 100%;
	background-color:#5C68A5;
}


.incomer .incomer_item1::before{content:''; display:block; position:absolute; left: 66px; top: -130px; background: url('https://www.dongjak.go.kr/static/portal/img/main/2023/title_img.png') no-repeat; background-size:100%;  width:326px; height:130px;}


.incomer .incomer_item1 h3{color:#fff;}

.incomer .incomer_item1 >ul >li{float: none; display: block; padding:5px 0;}
.incomer .incomer_item1 >ul >li >a{color:#fff;}

.incomer .incomer_item2, .incomer .incomer_item3 {
    margin-bottom: 30px;
}

.incomer .incomer_item2, .incomer .incomer_item4 {
    margin-right: 30px;
}

.incomer .incomer_item.incomer_item1 .tabsub::after{content:''; display: block; clear: both;}

.incomer_list_arr > li {padding:5px 0; font-family: 'S-CoreDream';}
.incomer_list_arr > li >a{display:inline-block; position:relative; padding-left:18px; }
.incomer_list_arr > li >a::before{content:''; display:inline-block; background:url('/static/portal/img/main/2023/sm-arrow.png') center center no-repeat; width: 15px;height: 15px; position:absolute; left:0; top:2px; }

.incomer-sns{margin-top: 65px; width:100%;}
.incomer-sns-list{display: flex; justify-content: space-evenly;}
.incomer-sns-list > a{display: inline-block; font-size: 0; width: 34px; height: 34px; background-color: #fff; border-radius: 50%; background: center center no-repeat; background-size:100%;}
.incomer-sns-list .blog{background-image: url('/static/portal/img/main/2023/blog.png');}
.incomer-sns-list .facebook{background-image: url('/static/portal/img/main/2023/facebook.png');}
.incomer-sns-list .twitter{background-image: url('/static/portal/img/main/2023/twitter.png');}
.incomer-sns-list .instagram{background-image: url('/static/portal/img/main/2023/insta.png');}
.incomer-sns-list .kakao{background-image: url('/static/portal/img/main/2023/kakao.png');}
.incomer-sns-list .youtube{background-image: url('/static/portal/img/main/2023/youtube.png');}

@media screen and (max-width: 1320px){
	.incomer > .wrap{max-width: 1000px;}
	.incomer .incomer_item{ width: 295px;}
	.incomer .incomer_item1{width: 350px;}
	.incomer .incomer_item1::before {width: 260px; height: 108px; left: 35px; top: -105px;}
	.incomer-sns-list > a{width: 33px; height: 33px; margin-left:0;}
}

@media screen and (max-width: 1000px){
    .incomer{padding-top:125px;}
	.incomer > .wrap{max-width: 90%;}
	.incomer .incomer_top{padding-bottom:90px;}
    .incomer .incomer_topic{width:318px; min-height:35px; left:50%; transform: translateX(-50%); top: -75px; }
    .incomer .incomer_topic a{ font-size:15px; border-radius: 40px; padding:10px 30px;}
    .incomer .incomer_topic a p:first-child{width: 30px; height: 30px; margin-right: 0;}

	.incomer .incomer_item{ width: 49%; min-height: 440px;}
	.incomer .incomer_item1{width: 100%; margin-bottom: 30px; height:auto; padding-bottom: 40px; background-size:60%;}
    .incomer .incomer_item1 ul{width:60%;}
	.incomer .incomer_item1 ul li{float:left; padding: 5px 10px;}
	.incomer .incomer_item2, .incomer .incomer_item4{margin-right:1%}

}

@media screen and (max-width: 480px){
    .incomer{padding-bottom:40px;}

	.incomer .incomer_top >h2 {font-size:18px;}
	.incomer .incomer_top >h2 >span:last-child {font-size:40px; padding:0;}
    .incomer .incomer_topic{width: 278px;}
    .incomer .incomer_topic a {padding:10px;}
	.incomer .incomer_item{width: 100%; margin-bottom: 30px; min-height:400px;}
    .incomer .incomer_item{padding-right:20px; padding-left:20px; }
    .incomer .incomer_item h3{font-size: 18px; line-height: 25px; font-weight: 300;}
    .incomer .incomer_item h3 strong{font-size:29px;}

    .incomer .incomer_item1{background-size: 100%; background-color:#5C68A5; padding-bottom: 220px;}
    .incomer .incomer_item1 ul{width:100%;}
    .incomer .incomer_item1 ul li{float: none; }
	.incomer .incomer_item2, .incomer .incomer_item4 {margin-right: 0;}
}

@media screen and (max-width: 360px){
    .incomer .incomer_top {padding-bottom:55px;}
    .incomer .incomer_item1::before{width:200px; top: -81px;}
    .incomer .incomer_item1 ul li{padding-right:0}
    .incomer .incomer_item1 >ul >li >a{letter-spacing: -0.03em;}
    .incomer-sns{margin-top:20px; padding-bottom:30px;}
    .incomer-sns-list{flex-wrap: wrap;}
    .incomer-sns-list > a{width: 70px; height: 70px; margin: 10px; background-size: 100%;}
}
/* //20230524 */


.m-service-bk {box-shadow: 0px 3px 15px rgba(0,0,0,0.1);}
.n23-myr-bx {box-shadow: 0px 3px 11px rgba(0,0,0,0.2);}
.ntc-first > a {box-shadow: 0px 0px 11px rgba(0,0,0,0.1);}
.mcb-nw-bnn > dd {box-shadow: 0px 3px 11px rgba(0,0,0,0.1);}

.m-service .m-srv-bnn2 > div{float: none; width: auto;}
.m-srv-bnn2 .slick-slide img{width: auto;}


@media screen and (max-width: 767px){
.bdList.fcw-auto table tbody tr td:first-child{position: static; width: auto; margin: 0; float: none;}
.bdList.fcw-auto tbody tr{padding-left: 0;}
.bdList.fcw-auto tbody tr td{display: inline-block; text-align: left;}
.bdList.fcw-auto tbody tr td.title{display: block;}
}


.incomer{padding-top: 80px;}
.incomer-logo{text-align: center; margin-bottom: 40px;}

.incomer .incomer_top > h2{line-height: 1.2;}
.incomer .incomer_top > h2 > strong{display: block;  font-family: inherit; font-size: 54px; margin-top: 4px;}

.incomer .incomer_tp_dw{position: relative;}
.incomer .incomer_tp_dw > a{position: absolute;  top: 0; right: 0; margin-top: 10px; display: flex;     align-items: center;  justify-content: space-around; width: 265px; height: 80px;  padding: 10px; background: #38416e; border: 1px solid #fff; border-radius: 20px; }
.incomer .incomer_tp_dw > a > i{width: 45px; text-align: center;}
.incomer .incomer_tp_dw > a > span{width: calc(100% - 45px); padding-left: 5px; padding-top: 5px; font-family: 'GmarketSansMedium'; font-size: 20px; color: #fff; line-height: 24px; word-break: keep-all;}

.incomer .incomer_item h3{display: block;}
.incomer .incomer_item1{background-color: #5c68a5;}
.incomer .incomer_item1 h3{color: #fff;}
.incomer .incomer_item1 .tabsub > li{color: #fff; padding: 0; padding-left: 26px; position: relative;}
.incomer .incomer_item1 .tabsub > li + li{margin-top: 10px;}
.incomer .incomer_item1 .tabsub > li > a{color: inherit; font-size: 19px; line-height: 24px; vertical-align: top; word-break: keep-all;}
.incomer .incomer_item1 .tabsub > li > a:before{content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background: url(/static/portal/img/main/2023/incomer_lsArr1.png) 0 0 no-repeat;}

.incomer_list_arr > li > a{font-size: 19px;}

@media screen and (max-width: 1320px){
.incomer .incomer_item{ padding: 40px 20px 0;}
.incomer .incomer_item1 .tabsub > li > a, .incomer_list_arr > li > a{font-size: 17px;}
}

@media screen and (max-width: 1000px){
.incomer{padding-top: 30px;}
.incomer-logo{margin-bottom: 20px;}
.incomer .incomer_tp_dw > a{position: static; width: 252px; height: 40px; margin: 0 auto 30px;}
.incomer .incomer_tp_dw > a > i{width: 30px;}
.incomer .incomer_tp_dw > a > i img{width: 15px; height: 15px;}
.incomer .incomer_tp_dw > a > span{width: calc(100% - 30px); padding-top: 0; font-size: 15px; letter-spacing: -1px;}
.incomer_list > .clearfix{display: flex;    flex-wrap: wrap; justify-content: space-between;}
.incomer_list > .clearfix:before, .incomer_list > .clearfix:after{display: none;}
.incomer .incomer_item{float: none; width: calc(50% - 15px); padding: 30px; margin: 0 0 30px;}
.incomer .incomer_item1{width: 100%; background-image: url(/static/portal/img/main/2023/item1_bg.png); background-size: 300px;}
.incomer .incomer_item1:before{display: block;}
.incomer .incomer_item1 .tabsub > li{float: none;}
.incomer .incomer_item2, .incomer .incomer_item3{height: 480px;}
.incomer-sns{margin-top: 10px;}
.incomer-sns-list{flex-wrap: wrap; max-width: 280px;}
.incomer-sns-list > a{width: calc(33% - 16px); max-width: 75px;  height: auto; margin: 8px;}
}

@media screen and (max-width: 768px){
.incomer .incomer_item{padding: 30px 24px;}
.incomer .incomer_item h3 strong{font-size: 26px; line-height: 30px;}
}

@media screen and (max-width: 640px){
.incomer .incomer_item{width: 100%; height: auto;}
}

@media screen and (max-width: 550px){
.incomer > .wrap{min-width: 300px;}
.incomer .incomer_top > h2 > strong{font-size: 36px;}
.incomer .incomer_item1{padding-bottom: 120px; }
}
.m-srv > a:focus{outline: 1px dashed #000; outline-offset: -1px;}

.ico-txbx{margin-bottom: 20px; border: 2px solid #ef6e61; background: url(/static/portal/img/main/2023/ico_txbx_bg1.jpg) right top no-repeat, url(/static/portal/img/main/2023/ico_txbx_bg2.jpg) right bottom no-repeat;}
.ico-txbx > .ds-tb{display: table; width: 100%; padding: 20px;}
.ico-txbx > .ds-tb > .ic{display: table-cell; vertical-align: middle; text-align: center; width: 80px;}
.ico-txbx > .ds-tb > .tx{display: table-cell; vertical-align: middle; padding-left: 20px;}
.ico-txbx > .ds-tb > .va-tp{vertical-align: top;}
.ico-txbx > .ds-tb > .tx:only-child{padding: 0 20px;}
.ico-txbx > .ds-tb > .tx .ti{font-weight: 600; color: #ec6e61; font-size: 18px; line-height: 22px; word-break: keep-all;}
.ico-txbx > .ds-tb > .tx .ti.gray{color: #757575;}
.ico-txbx .co{color: #ec6e61;}
.ico-txbx * + .ls-t1{margin-top: 10px;}
.ico-txbx  .ls-t1 > li{font-size: 15px; line-height: 20px; position: relative; padding-left: 22px; word-break: keep-all;}
.ico-txbx  .ls-t1 > li + li{margin-top: 4px;}
.ico-txbx  .ls-t1 > li:before{content: ''; position: absolute; width: 15px; height: 15px; left: 0; top: 2px; background: url(https://www.dongjak.go.kr/static/healthcare/img/04/healthCr_icbx_arr.jpg) 0 0 no-repeat;}
.ico-txbx  .ls-t1 > li.nb:before{display: none;}
.ico-txbx  .ls-t1 > li table{word-break: break-all;}
.ico-txbx .lsa-btbx{padding-left: 22px; margin-top: 20px;}

.table.g-hd{border-top: 1px solid #7f7f7f;;}
.table.g-hd thead th{background: #e4e4e4; border: 1px solid #7f7f7f; height: 38px; color: #666;}
.table.g-hd td{border: 1px solid #7f7f7f;  color: #666;}

@media screen and (max-width: 767px){
.ico-txbx{background: none;}
.ico-txbx > .ds-tb{padding: 15px; display: block; }
.ico-txbx > .ds-tb > .ic{display: block; width: auto;}
.ico-txbx > .ds-tb > .tx{display: block;  padding-left: 0; margin-top: 10px;}
.ico-txbx > .ds-tb > .tx:only-child{padding: 0;}
}

.prss230612{display: flex; flex-wrap: wrap;  align-items: center;}
.prss230612 > div{flex-grow: 0.14; width: 21.25%; height: 134px; margin-bottom: 20px;}
.prss230612 > div > div{display: table; width: 100%; height: 84px; background: #e8e8e8; border-radius: 10px 10px 0 0;}
.prss230612 > div > div > div{display: table-cell; vertical-align: middle; text-align: center; line-height: 1.2; padding: 4px 8px; font-size: 17px; color: #666;}
.prss230612 > div > div > div > p{word-break: keep-all;}
.prss230612 > div > p{display: table; width: 100%; height: 50px; background: #686868; border-radius: 0 0 10px 10px; font-weight: 500;}
.prss230612 > div > p > span{display: table-cell; vertical-align: middle; text-align: center; padding: 4px; font-size: 15px; color: #fff; line-height: 1.2; word-break: keep-all;}
.prss230612 > i{display: block; width: 5%; height: 134px;  margin-bottom: 20px;}
.prss230612 > i:before{content: ''; display: block; width: 80%; height: 100%; background: url(/static/portal/img/main/2023/prss2306_arr.jpg) right center no-repeat;}
.prss230612 > div > div:only-child{height: 100%; border-radius: 10px;}

.prss230612.rc5 > div{width: 17.6%;}
.prss230612.rc5 > i{width: 3%;}

@media screen and (max-width: 700px){
.prss230612.rc5 > div{flex-grow: 1; width: 100%; height: auto; margin-bottom: 0;}
.prss230612.rc5 > div > div{height: 60px;}
.prss230612.rc5 > i{width: 100%; height: 30px; margin-bottom: 0;}
.prss230612.rc5 > i:before{width: 20px; height: 50px; margin: -15px auto 0; transform: rotate(90deg);}
}

@media screen and (max-width: 500px){
.prss230612 > div{flex-grow: 1; width: 100%; margin-bottom: 0;}
.prss230612 > i{width: 100%; height: 40px; margin-bottom: 0;}
.prss230612 > i:before{width: 30px; height: 50px; margin: -10px auto 0; transform: rotate(90deg);}
}




.mpg-con-tp{background: #ffeaea; padding: 35px 0 140px; }
.mct-sr-sns{position: relative;min-height: 50px;}
.mct-sr-sns > .n23-mpg-sr{margin-left: 0; border: 1px solid #ec6e61; padding: 13px 20px; padding-left: 160px; background: url(/static/portal/img/main/2023/logo_in_srb_1.png) 18px center no-repeat #fff;}
.mct-sr-sns > .mvs-sns{position: absolute; top: 6px; right: 0;}
.mct-sr-sns > .mvs-sns > a{width: 52px; height: 52px;     vertical-align: top; border: 1px solid transparent;}
.mct-sr-sns > .mvs-sns .blog{border-color: #72ae6f;}
.mct-sr-sns > .mvs-sns .facebook{border-color: #2d6db6;}
.mct-sr-sns > .mvs-sns .twitter{border-color: #7092fe;}
.mct-sr-sns > .mvs-sns .instagram{border-color: #f580ff;}
.mct-sr-sns > .mvs-sns .kakao{border-color: #ffe25b;}
.mct-sr-sns > .mvs-sns .youtube{border-color: #fe3e3e;}

.sec1-lkbx{ margin-top: 45px;}
.sec1-lk{display: flex;     flex-wrap: wrap;  justify-content: space-between;}
.sec1-lk > li{width: calc(50% - 10px); margin-bottom: 20px;}
.sec1-lk > li > a{display: block; border-radius: 16px; overflow: hidden;}
.sec1-lk > li > a > img{width: 100%;}


@media screen and (max-width: 1024px){
.mct-sr-sns > .n23-mpg-sr{padding: 10px 15px; padding-left: 135px; background-size: 120px auto;  background-position: 10px center;}
.mct-sr-sns > .mvs-sns{top: 9px;}
.mct-sr-sns > .mvs-sns > a{width: 40px; height: 40px; }
}

@media screen and (max-width: 768px){
.contents.main .mpg-con-tp .wid{width: 96%;}
.mct-sr-sns{min-height: 0;}
.mct-sr-sns > .mvs-sns{display: none;}
.mct-sr-sns > .n23-mpg-sr{width: auto; }
.sec1-lkbx{margin-top: 0;}
.sec1-lk > li{width: 100%; }
}
@media screen and (max-width: 600px){
.mpg-con-tp{padding: 20px 0 100px;}
.mct-sr-sns > .n23-mpg-sr{ padding: 4px 8px; padding-left: 98px; background-size: 90px auto; background-position: 8px center; }

.sec1-lkbx{margin-top: 20px;}
}

@media screen and (min-width: 1440px){
.mcb-nw-bnn > dd{padding: 50px;}
}

.mcb-nw-bnn > dd > div.fllv{padding: 0;}
.mcb-nw-bnn > dd > div.fllv h4, .mcb-sns-n23 > dt{font-weight: 800; font-size: 22px; color: #444; line-height: 28px; letter-spacing: -1px; margin-bottom: 12px;}
.mcb-nw-bnn > dd > div.fllv h4 > a, .mcb-sns-n23 > dt > a{color: inherit;}
.mcb-nw-bnn > dd > div.fllv h4 img, .mcb-sns-n23 > dt img{vertical-align: top;}
.mcb-nw-bnn > dd > div.fllv h4 .ilb{display: inline-block;}

.mpg-media{display: flex; justify-content: space-between;}
.mpg-media > div{width: 32%;}
.mpg-media > div .lkbx img{width: 100%;}
.mcb-sns-wp{position: relative; margin-top: 50px;}

@media screen and (max-width: 1440px){
.mcb-nw-bnn > dd{padding: 30px 20px;}
.mcb-nw-bnn > dd > div.fllv h4{font-size: 19px; }
.mcb-sns-wp{margin-top: 30px;}
}

@media screen and (max-width: 1200px){
.mcb-nw-bnn > dd > div.fllv h4 .ss-hide{display: none;}
}
@media screen and (max-width: 1024px){
.mcb-nw-bnn > dd{padding: 20px 15px;}
.n23-slc{right: 0;}
}

@media screen and (max-width: 640px){
.mpg-media{flex-wrap: wrap;}
.mpg-media > div{width: 100%;}
.mpg-media > div + div{margin-top: 30px;}
.mcb-nw-bnn > dd > div.fllv h4{word-break: keep-all; font-size: 20px;}
.mcb-nw-bnn > dd > div.fllv h4 .ss-hide{display: inline;}
}

@media screen and (max-width: 420px){
.m-service-bk{padding: 10px 3%;}
.m-service > dd{margin-top: 5px;}
.m-srv-arr{top: 12px;}
/*.m-srv-arr a{width: 20px;height: 20px;}*/
.m-srv-bnn2 .slick-slide.m-srv > a > p img{width: 60%;}
.m-srv > a > div{margin-top: 2px;font-size: 14px;}
.nsc2-slbk{margin-top: 25px;padding-top: 370px;}
.nsc2-c.bnn > dl + dl{margin: 25px 0 0;}
.sec-n2{padding-bottom: 25px;}
.sec-n3{padding: 25px 0;}
.mcb-nw-bnn{margin-top: 40px;}
.mpg-media > div + div{margin-top: 25px;}
.mcb-sns-wp{margin-top: 25px;}
.mcb-sns-wp .mcb-sns-n23{margin-top: 0;}
.sec1-lkbx{padding-top: 0;margin-top: 10px;}
.sec1-lkbx .bx-controls{display: none;}
}


.mas-type-list{margin-top: 30px;margin-left: -10px;}
	.mas-type-list:after{content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
	.mas-type-list > li{float: left;width: calc(25% - 10px);margin-left: 10px;margin-top: 10px;height: 70px;box-sizing: border-box;display: table;}
	.mas-type-list > li > a{display: table-cell;vertical-align: middle;border: 1px solid #dfdfdf;font-size: 14px;color: #333;padding: 10px;line-height: 1.2;}
	.mas-type-list > li > a > span{display: block;padding: 5px 30px 5px 0;background: url(/static/portal/img/main/2024/btn_go_blue.png) right center no-repeat;}
	.mas-type-list > li > a:hover{color: #cc3424;}
	@media screen and (max-width:767px){
		.mas-type-list{margin-left: -5px;}
		.mas-type-list > li{width: calc(50% - 5px);margin-left: 5px;margin-top: 5px;height: 60px;}
	}
	@media screen and (max-width:580px){
		.mas-type-list > li{width: calc(100% - 5px);height: 50px;}
	}