@charset "utf-8";

#foot_layout {position:relative;z-index: 15; background:#1f1f1f; }
#foot_layout .linksite_wrap {position: absolute; width: 100%; min-height:65px; top: -66px; left:0; border-top: 1px solid #003569; background: #e6edf3;}
#foot_layout .linksite_wrap .layout {position:absolute; top:0; left:50%; transform:translateX(-50%);}
#foot_layout .linksite_wrap .linksite {display: inline-block;position: relative; width: calc(50% - 2px); border-left: 1px solid #003569; border-right: 1px solid #003569; background: #e6edf3; transition: all 0.3s}
#foot_layout .linksite_wrap .linksite:after {display:block; content:""; position:absolute;right: 20px;top:50%;transform:translateY(-50%);width: 15px; height: 15px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M7.5 0.5V15.5' stroke='%23003569'/%3E%3Cpath d='M0 8L15 8' stroke='%23003569'/%3E%3C/svg%3E");}
#foot_layout .linksite_wrap .linksite:hover:after,
#foot_layout .linksite_wrap .linksite.on:after {height:1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='2' viewBox='0 0 15 2' fill='none'%3E%3Cpath d='M0 1L15 1' stroke='white'/%3E%3C/svg%3E");}
#foot_layout .linksite_wrap .linksite:hover {background: #003569;}
#foot_layout .linksite_wrap .linksite:hover > button {color:#fff;}
#foot_layout .linksite_wrap .linksite:last-child {margin-left: -6px;}
#foot_layout .linksite_wrap .linksite > button {display:block;width:100%; height:100%; padding:24px 50px; color:#003569; font-size: 17px; font-weight: bold; font-family: "Pretendard GOV"; text-align:left;}
#foot_layout .linksite_wrap .linksite > button:focus{border: 3px solid #3571ff;}
#foot_layout .linksite_wrap .linksite >div {display:none;}
#foot_layout .linksite_wrap .linksite.on >div {display:block;position:absolute;left:0;bottom:0;width: 100%;padding: 0 0 68px;}
#foot_layout .linksite_wrap .linksite >div > button {display:block;width:100%;height: 48px;position:absolute;font-size:0;}
#foot_layout .linksite_wrap .linksite >div .ul {overflow-y: auto;max-height: 290px; border-bottom : 1px solid rgba(255,255,255,0.2);text-align:left;}
#foot_layout .linksite_wrap .linksite >div .ul .li {display:block;width:100%; border: 1px solid #636363;border-bottom:none;background: #fff; transition: all 0.3s;}
#foot_layout .linksite_wrap .linksite >div .ul .li:hover a {font-weight: bold;}
#foot_layout .linksite_wrap .linksite >div .ul .li a {display:block;width:100%;height:100%;padding: 15px 39px;line-height: 1.4;color:#003569;font-size:17px;font-family: "Pretendard GOV";}
#foot_layout .linksite_wrap .linksite >div .ul .li a:hover,
#foot_layout .linksite_wrap .linksite >div .ul .li a:focus {background:rgba(255,255,255,.1); border: 3px solid #3571ff;}
#foot_layout .linksite_wrap .linksite >div .ul .mCSB_scrollTools {right:0;}

/* 바로가기 버튼 모달 팝업창 스타일 */
#foot_layout .popup-wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none; opacity: 0; background: #DEE2E8;}
#foot_layout .popup-wrap.is-open {display: flex; opacity: 1; align-items: center; justify-content: center; }
#foot_layout .popup-wrap .popup-in {display:flex; align-items:center; justify-content: flex-start; flex-direction: column; width: 100%; max-width: 100%; height:100%; padding: 80px 40px; margin: 0 auto;}
#foot_layout .popup-wrap .popup-in .popup {width:100%; height: 100%; max-width: 1280px;}
#foot_layout .popup-wrap .popup-in .popup-head {color: #fff; padding: 80px 20px 20px 20px; display: flex; justify-content: space-between; align-items: center; }
#foot_layout .popup-wrap .popup-in .popup-head .pop-tit {color:#1d1d1d; font-size: 24px; font-weight: bold; font-family: "Pretendard GOV";}
#foot_layout .popup-wrap .popup-in .popup-close {position:absolute; top:80px; right:80px; z-index: 10; background: none; border: none; cursor: pointer;}
#foot_layout .popup-wrap .popup-in .popup-close:before,
#foot_layout .popup-wrap .popup-in .popup-close:after {content: "";position: absolute;top: 50%;left: 50%;width: 50px;height: 2px;background: #333; transform-origin: center; transition: all 0.3s ease;}
#foot_layout .popup-wrap .popup-in .popup-close:before {transform: translate(-50%, -50%) rotate(45deg);}
#foot_layout .popup-wrap .popup-in .popup-close:after {transform: translate(-50%, -50%) rotate(-45deg);}
#foot_layout .popup-wrap .popup-in .popup-body { padding: 20px; max-height: calc(80vh - 80px); overflow-y: auto; }
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links {display: flex; flex-wrap: wrap; width: 100%; }
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li {width: 25%;}
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a {display: block; padding: 15px 20px; text-decoration: none; color: #333; transition: background 0.5s; font-size: 18px; font-weight:500; font-family: "Pretendard GOV";}
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a span {color:#1d1d1d; font-family: "Pretendard GOV";}
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a:before {content:"･"; margin-top: 1px; margin-right: 4px; font-size: 18px; color: #1d1d1d;}
#foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a:hover {background: #CDD7E4; border-radius: 8px;}
#foot_layout .footer-quick {background: #fff; border: 1px solid #D8D8D8;}
#foot_layout .footer-quick .layout {max-width: 1240px; margin: 0 auto; display: flex; }
#foot_layout .footer-quick .link {flex: 1; padding: 20px 40px; background: #fff; border-left: 1px solid #D8D8D8; cursor: pointer; font-size: 16px; font-weight: 500; font-family: "Pretendard GOV"; text-align:left; transition: background 0.5s; }
#foot_layout .footer-quick .link:last-child {border-right: 1px solid #D8D8D8;}
#foot_layout .footer-quick .link:hover {background: #CDD7E4 ;}
#foot_layout .footer-link {border-top: 1px solid #656565; padding: 24px 0 60px 0;}
#foot_layout .footer-link ul {margin:0 0 13px}
#foot_layout .footer-link ul li {float:left;position: relative;margin-right: 40px;}
#foot_layout .footer-link ul li:last-child {margin:0;}
#foot_layout .footer-link ul li:after {display:block;position:absolute;top: 5.5px;right: -20px;content:'';width:1px;height:15px;background: #4c4c4c;}
#foot_layout .footer-link ul li:last-child:after {display:none;}
#foot_layout .footer-link ul li a {display: block;color: rgba(255,255,255,.5);font-size: 16px;font-family: "Pretendard GOV";}
#foot_layout .footer-link ul li a:focus {outline:1px dotted #eee;}
#foot_layout .footer-link ul li:first-child a {color: #fff;font-weight:700;}
#foot_layout .footer-link .copyright {color:#8F8F8F; font-size: 16px; font-weight: bold; font-family: "Pretendard GOV"}
#foot_layout .footer-link .flogo {position: absolute; right: 0; top: 18px;}
#foot_layout .footer-link .krds-identifier {display: flex; align-items: center; justify-self: flex-start; gap: 10px; width: 100%; padding: 10px; margin-top:20px; border-radius: 4px; background-color: #f4f5f6;}
#foot_layout .footer-link .krds-identifier .logo {background: url(/images/kor/common/f_logo3.svg) no-repeat; width: 74px; height:20px; background-size: contain; background-position: center;}
#foot_layout .footer-link .krds-identifier .ban-txt {font-family: "Pretendard GOV";}

#foot_layout .footer-info .layout {padding-left:165px;}
#foot_layout .footer-info .flogo {position:absolute;left:0;top: -10px;width:102px;height:67px;background:url(/template/A1/images/flogo.png)no-repeat;font-size: 0;}
#foot_layout .footer-info .copy address {float: left;}
#foot_layout .footer-info .copy address .call {margin-top: 10px; margin-bottom: 23px;}
#foot_layout .footer-info .copy address .call span {color:#fff; font-size: 16px; font-family: "Pretendard GOV"}
/* #foot_layout .footer-info .copy address span {display:inline-block;margin-right: 20px;font-size:15px;font-family: "Pretendard GOV";color: rgba(255,255,255,.5);} */
#foot_layout .footer-info .copy address .call span a {display:inline-block; font-size: 16px; color: #fff;}
#foot_layout .footer-info .copy address span a:focus {outline: 1px dotted #fff;}
#foot_layout .footer-info .copy p {margin:3px 0 0;color: #8F8F8F; font-size:16px; font-weight:bold; font-family: "Pretendard GOV"}
#foot_layout .footer-info .copy p a {display:inline-block;color: rgba(255,255,255,.5);font-size:20px;font-weight:bold; font-family: "Pretendard GOV"}
#foot_layout .footer-info .copy p a:hover,
#foot_layout .footer-info .copy p a:focus {outline: 1px dotted #fff;}
/* #foot_layout .flogo {position:absolute;top: 40px;right:50%;margin-right:-620px;} */
.mCSB_buttonUp ,.mCSB_buttonDown {display: none !important;}
#foot_layout .footer-head.layout {padding-top:50px !important;}
#foot_layout .footer-head .guide-btn {position:relative; padding: 8px 50px 8px 25px; float:right; color: #fff; border: 1px solid #fff; font-family: "Pretendard GOV";}
#foot_layout .footer-head .guide-btn:focus{border: 3px solid #3571ff;}
#foot_layout .footer-head .guide-btn:after {content: ""; display: inline-block; width: 30px; height: 30px; background-image: url(/images/kor/main/main_ir_2023_02.png); background-position: 0 0; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}

#foot_layout .footer-info .sns-wrap {float:right; vertical-align: top; margin-top: 50px;}
#foot_layout .footer-info .sns-wrap li {display: inline-block; width: 34px; height: 34px; margin: 0 2px; vertical-align: top;}
#foot_layout .footer-info .sns-wrap li a {display: block;width: 100%;height: 100%; vertical-align: top;}
#foot_layout .footer-info .sns-wrap li a:focus{border: 3px solid #3571ff;}
#foot_layout .footer-info .sns-wrap span {display: block;width: 100%;height: 100%;}
#foot_layout .footer-info .sns-wrap .n1 span {background-position: -494px 0;}
#foot_layout .footer-info .sns-wrap .n2 span {background-position: -531px 0;}
#foot_layout .footer-info .sns-wrap .n3 span {background-position: -605px 0;}
#foot_layout .footer-info .sns-wrap .n4 span {background-position: -642px 0;}
#foot_layout .footer-info .sns-wrap .n5 span {background-position: -679px 0;}
#foot_layout .footer-info .sns-wrap .n6 span {background-position: -716px 0;}
.m_ir {background-image: url(/images/kor/main/main_ir_2023_02.png); font-size: 0;}

@media(max-width:1299px){
    #foot_layout .flogo {right:30px; margin:0;}
    #foot_layout .linksite_wrap .layout {padding: 0;}
    #foot_layout .footer-quick .layout {max-width: 100%; padding: 0!important;}
}

@media screen and (max-width:1199px){
    #foot_layout .linksite_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
    #foot_layout .footer-link ul li {display:inline-block;float:none;margin: 5px 20px;}
    #foot_layout .footer-link ul li:last-child {margin:5px 20px;}
    #foot_layout .footer-info .copy address span {margin:0 10px;}
    #foot_layout .footer-link .flogo {top:60px; right:22px;}
}

@media screen and (max-width:767px){
    #foot_layout .linksite_wrap {padding:0 20px;}
    #foot_layout .footer-link ul li {margin: 5px 10px;}
    #foot_layout .footer-link ul li:last-child {margin:5px 10px;}
    #foot_layout .footer-link ul li:after {display:none;}
    #foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li {width: 33.3%;}
    #foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a {padding: 15px;}
}

@media screen and (max-width:620px) {
    #foot_layout .footer-head span {display: block;}
    #foot_layout .footer-head .guide-btn {display:inline-block; float: none; margin-top: 17px;}
    #foot_layout .footer-info .copy p {margin-top: 10px;}
    #foot_layout .footer-info .copy address,
    #foot_layout .footer-info .sns-wrap {float: none;}
    #foot_layout .footer-info .sns-wrap {margin-top: 17px; margin-bottom:24px;}
    #foot_layout .footer-info .copy address .call {margin-bottom: 17px;}
    #foot_layout .footer-info .copy address span {margin: 0;}
    #foot_layout .footer-link {padding: 20px}
    #foot_layout .footer-link .copyright {margin-top: 10px;}
    #foot_layout .footer-link .flogo {position: static;}
    #foot_layout .footer-link ul li {margin: 0 5px;}
    #foot_layout .linksite_wrap {top: -56px;}
    #foot_layout .linksite_wrap .linksite > button {font-size: 15px; padding: 20px 30px;}
    #foot_layout .linksite_wrap .linksite.on >div {padding: 0 0 55px;}

    #foot_layout .popup-wrap .popup-in {padding: 50px 20px;}
    #foot_layout .popup-wrap .popup-in .popup-head .pop-tit {font-size: 22px;}
    #foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li {width: 50%;}
    #foot_layout .popup-wrap .popup-in .popup-body .pop-foot-links .li a {font-size: 17px;}
    #foot_layout .popup-wrap .popup-in .popup-close:before,
#foot_layout .popup-wrap .popup-in .popup-close:after {width: 30px;}
#foot_layout .popup-wrap .popup-in .popup-close {top: 50px; right: 50px;}
}

@media screen and (max-width:440px){
    #foot_layout .footer-quick .layout {flex-direction: column;}
    #foot_layout .footer-quick .link {padding:20px; border-left: none; border-bottom: 1px solid #D8D8D8;}
    #foot_layout .linksite_wrap .linksite:first-child {margin:0 0 10px}
    #foot_layout .linksite_wrap .linksite > button {padding: 20px 10px;}
}