/* footer */
.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;}

.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;}
}


.m-ft-bnn{background: #fff; padding: 25px 0;}
.mft-bnn-bk:after{content: ''; display: block; clear: both;}
.mft-bnn-bk > h3{float: left; font-family: 'S-CoreDream'; font-weight: 500; font-size: 24px; color: #363333; line-height: 30px; letter-spacing: -1px; width: 117px; margin-top: 3px;}
.mft-bnn-bk .cntr{float: left; margin-left: 20px; letter-spacing: -1px;}
.mft-bnn-bk .cntr > li{display: inline-block; vertical-align: top;}
.mft-bnn-bk .cntr .play{display: none;}
.mft-bnn-bk .cntr img{vertical-align: top;}
.mft-bnn-bx{float: left; width: calc(100% - 260px); padding-left: 30px; margin-top: 6px;}
.mft-bnn-area{max-width: 1020px;}
.mft-bnn-area .slick-slide{position:relative;}
.mft-bnn-area .slick-slide:before{position:absolute;content: ''; display:block;width: 1px; height: 14px; background: #c4c4c4; left:0;top:calc(50% - 7px);}
.mft-bnn-area a{display:block;padding:0 10px;font-family: 'S-CoreDream'; font-size: 18px; color: #666; line-height: 24px; width: 180px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.mo_dong{display: none;}

@media screen and (max-width: 1200px){
.mft-bnn-area .slick-slide{letter-spacing: -1px;}
}

/* respon */
@media screen and (max-width: 1024px){
.ft-familySite{margin-left: -1%;}
.ft-familySite > li{width: 24%; margin-left: 1%; letter-spacing: -1px;}
.ft-familySite > li > a{padding: 10px; }
.ft-familySite > li > a:after{right: 8px;}

.foot-logo, .foot-mk{display: none;}
.foot-con{float: none;}

.m-ft-bnn{display: none;}
}

@media screen and (max-width: 900px){
.ft-familySite{margin-left: -10px;}
.ft-familySite > li{width: calc(50% - 10px); margin: 5px 0; margin-left: 10px;}
}

@media screen and (max-width: 768px){
.foot-con{text-align: center;}
.foot-lk{text-align: center; max-width: 430px; margin: 0 auto 16px;}
.foot-lk > li{min-width: 30%; margin: 2px 4px;}
.foot-lk > li:after{display: none;}
.foot-tx .cpr{margin-top: 16px;}

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

	.ft-familySite{margin: 6px 0 0;}
	.ft-familySite > li{float: none; width: auto; margin: 0 0 6px;}
	.ft-familySite > li > a{display: flex;}
	.foot-lk > li{min-width: 0;}
	.foot-lk > li > a{font-size: 15px; letter-spacing: -1px;}
	.foot-tx{letter-spacing: -1px; font-size: 14px;}
	.foot-tx .cpr{letter-spacing: 0;}
}



@media screen and (max-width: 360px){
	.foot-lk > li{margin: 1px 2px;}

}


/* 하단배너 */
.m-ft-bnn{display: block; background: #f8fbfd; border-bottom: 1px solid #d7d8d9; position: relative;}
.m-ft-bnn:before{content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: #f8fbfd;}
.mft-bnn-area a{width: auto; margin: 0 10px;}
.mft-bnn-bk > h3{margin-top: 0;}
.mft-bnn-bk .cntr.n23{line-height: 1;}
.mft-bnn-bk .cntr.n23 a{display: inline-block; vertical-align: top; width: 30px; height: 30px; background: center center no-repeat; border: 1px solid #d5d5d5; border-radius: 50%;}
.mft-bnn-bk .cntr.n23 a img{position: absolute; width: 0; height: 0; opacity: 0;}
.mft-bnn-bk .cntr.n23 .prev{background-image: url(/static/portal/img/main/20221122/ms-lf.png);}
.mft-bnn-bk .cntr.n23 .next{background-image: url(/static/portal/img/main/20221122/ms-rt.png);}
.mft-bnn-bk .cntr.n23 .stop{background-image: url(/static/portal/img/main/20221122/ms-st.png);}
.mft-bnn-bk .cntr.n23 .play{background-image: url(/static/portal/img/main/20221122/ms-pl.png); display: none;}

@media screen and (max-width: 900px){
.mft-bnn-bk > h3{margin-bottom: 20px;}
.mft-bnn-bk .cntr{float: right;}
.mft-bnn-bx{float: none; clear: both; width: 100%; padding-left: 0;}
}
@media screen and (max-width: 640px){
.mft-bnn-area a{font-size: 16px; line-height: 22px; padding: 0 5px; margin: 0 5px;}
}

@media screen and (max-width: 450px){
.mft-bnn-area a{font-size: 14px; line-height: 20px; }
}