/*# sourceURL=/page/kpfis/css/layout.css */
/*@ sourceURL=/page/kpfis/css/layout.css */
@charset "utf-8";
/* common */


/* HEADER */
header{position:fixed;z-index:100;width:100%;height:110px;background-color:#fff;}
.hd-area{position:absolute;z-index:90;top:0;left:0;width:100%;height:110px;padding:0 50px;border-bottom:1px solid #ccc;background-color:#fff;box-sizing: border-box;}
.hd-area h1{display:inline-block;width:240px;height:45px;margin:auto 0;}
.hd-area h1 a{display:block;height:45px;}
.hd-area h1 a img{width:240px;}

.hd-area .gnb{position: relative;z-index:30;width:50%;min-width:1000px;height:109px;margin:0 auto;}
.hd-area .gnb>ul>li{position: relative;z-index:30;float:left;width:19%;height:110px;line-height: 110px;}
.hd-area .gnb>ul>li:last-child{width:22%}
.hd-area .gnb .main-mn{position: relative;z-index:30;display:block;width:100%;height:109px;line-height: 110px;font-size:20px;font-weight:500;padding-left:40px;}
.hd-area .gnb .main-mn::after{position:absolute;top:37px;left:115px;display:none;content:'';width:7px;height:6px;background: url("/page/kpfis/images/icon/focus.png");background-repeat: no-repeat;background-size: contain;}
.hd-area .gnb li:hover .main-mn:after{display:block;}
.hd-area .gnb li:hover .sub-mn{background-color: #03246d;}
.hd-area .gnb li:hover .sub-mn a{color:#fff;}
.hd-area .gnb .sub-mn{position:absolute;top:-500px;left:0;width:100%;height:360px;padding-top:30px;text-indent:40px;}
.hd-area .gnb .sub-mn li{height: 38px;}
.hd-area .gnb .sub-mn li a{width:100%;font-size:16px;}
.hd-area .gnb .sub-mn li a:hover{border-bottom: 1px solid #fff;}
#bg{position:absolute;z-index:10;top:-500px;left:0;width:100%;min-height:360px;background:url("/page/kpfis/images/layout/gnb-bg.jpg");background-repeat: no-repeat;background-position: right;background-size:cover;box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}

/* 영문 */
.hd-area.en .gnb{min-width: 800px;}
.hd-area.en .gnb>ul>li{width:25%;}
.hd-area.en .gnb .main-mn {padding-left: 20px;}
.hd-area.en .gnb ul .main-mn::after{left:145px;}
/* .hd-area.en .gnb>ul>li:nth-child(2){width:40%;}
.hd-area.en .gnb>ul>li:nth-child(2)  .main-mn::after{left:175px;} */
.hd-area.en .gnb>ul>li:last-child .main-mn::after{left:170px;}
.hd-area.en .sub-mn li{height:initial;line-height:initial;padding:10px 0;}
.hd-area.en .gnb .sub-mn{text-indent: initial;height:380px;box-sizing: border-box;padding:20px;}
#bg.en{min-height:380px;}

.hd-area .ui_group{margin:auto 0;}
.hd-area .ui_group button{margin-right:10px;}
.hd-area .ui_group button:last-child{margin-right:0;}

.main_searchBox{position: fixed;top: -100%;width:100%;height:158px;background-color:#f4f6fa;box-shadow: rgba(4, 0, 0, 0.16) 0px 1px 5px 0;padding:44px 0; display: none;}
.main_searchBox form{text-align: center;}
.main_searchBox input[type=text]{width:30%;height: 60px;border:none;box-shadow: rgba(0, 0, 0, 0.16) 3px 2px 4px 0px inset;padding:0 15px;border-radius: 4px;}
.main_searchBox input[type=text]::placeholder{color:#838e98;}
.main_searchBox #SrchBtn{width: 63px; height: 63px; background: url(/page/kpfis/images/icon/search-icon.png) no-repeat center/cover; text-indent: 999px; border: none; margin-left: 10px;}
.main_searchBox label[for=SrchBtn]{position:relative;cursor:pointer}
.main_searchBox label[for=SrchBtn] img{position: absolute;top:-15px;left:20px;width:63px;height:63px;}
.main_searchBox #SrchClose{position:absolute;top:20px;right:20px;width:20px;height:20px;}
.main_searchBox #SrchClose img{width:100%;}

/* POP-LY */
.pop_ly{position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:400px;height:550px;background-color: #fff;z-index: 100;}
.pop_ly .pop_con{width:100%;height:520px;}
.pop_ly .pop_btn{width:100%;}

/* MAIN */
main .innerWrap{padding-top:110px;padding-bottom:100px;width:1450px;margin:0 auto;min-height: calc(100vh - 283px);}
main .innerWrap-sm{width:90%;margin:0 auto;}

.top-area{width:100%;}
.lft-area{width:260px;}
.rgt-area{width:calc(100% - 260px);padding-left: 90px;}

.main_visual{position:relative;top:110px;width:100%;min-width:1450px;height:calc(70vh + 110px);max-height: 900px;overflow:hidden;margin-bottom:110px;}
.main_visual .slick-track{height:100%;}
.main_visual .visual_wrap{width:100%;min-width:1450px;height:100%;}
.main_visual .visual_wrap>div{position:absolute;width:100%;min-width:1450px;top:0;left:0;height:100%;}
.main_visual .visual_wrap>div .main_visual_tit{position:absolute;top:calc(50% - 100px);left:50%;width:80%;max-width: 1200px;transform:translate(-50% , -50%);color:#fff;}
.main_visual .visual_wrap>div .main_visual_tit h1{font-size: 30px;font-weight: 400;}
.main_visual .visual_wrap>div .main_visual_tit h1 strong{display: block;font-size: 65px;font-weight: bold;}
.main_visual .visual_wrap>div .main_visual_tit p{font-size: 20px;font-weight: 300;}
.main_visual .visual_wrap>div .main_visual_tit a{display: inline-block;font-size: 14px;font-weight: 300;border: 1px solid #fff;color:#fff;border-radius: 30px;padding:15px 65px 15px 65px;margin-top: 50px;}
.main_visual .visual_wrap>div .main_bg{width:100%;height:100%;}
.main_visual .visual_wrap>div .main_bg img{width:100%;height:100%;}

.main_visual .visual_remote{position: absolute;width:90%;max-width: 1450px;top:50%;left:50%;transform: translate(-50%, -50%);}
.main_visual .visual_remote img{cursor: pointer;}
.main_visual .visual_remote button:last-child img {transform: rotate(-180deg);}

.main_visual .visual_tab{position:absolute;bottom:0;left:0;width:100%;color:#fff;z-index: 1;}
.main_visual .visual_tab .slider-tab{position: absolute;z-index: 5;bottom:0;left: 50%;width:100%;max-width: 1450px;transform: translateX(-50%);}
.main_visual .visual_tab .item{width: 25%;height:130px;cursor: pointer;padding-top:55px;}
.main_visual .visual_tab .item div{margin: 0 auto;}
.main_visual .visual_tab .item p{text-align: center;font-size: 16px;}
.main_visual .visual_tab .item p span{display: block;}
.main_visual .visual_tab .item img{display:none;}
.main_visual .visual_tab .item.on{padding-top:35px;text-align: center;}
.main_visual .visual_tab .item.on p{text-align: left;margin:0 auto;display:inline-block;}
.main_visual .visual_tab .item.on img{display:inline-block;margin-right:20px;height:53px;transform: translateY(5px);}
.main_visual .visual_tab .item.on p span{font-weight: bold;font-size: 22px;}

.main_visual .visual_tab .bg{position:absolute;bottom:0;left:0;width:100%;height:100px;background-color:rgba(0,0,0,.5);}
.main_visual .visual_tab .bg .line{position:absolute;bottom:0;left:50%;width:100%;height:120px;transform: translateX(-50%);max-width: 1450px;}
.main_visual .visual_tab .bg .tabActive{position: absolute;bottom:0;left:0;width: 25%;overflow: hidden;}
.main_visual .visual_tab .bg .tabActive img{transform: translateY(10px);}

.inner1{background: url("/page/kpfis/images/main/inner1_bg.jpg");width:100%;min-width:1450px;height:680px;background-size:cover;}
.inner1>div{width:1450px;margin:0 auto;}
.inner1>div .mn-tit{padding-bottom:0;}
.inner1>div .mn-sub{text-align: center;}

.tab_container{margin-top:50px;margin-bottom:80px;}
.tab_container .tab_remote{width:130px;}
.tab_container .tab_remote li{padding-bottom: 20px;font-weight:400;cursor: pointer;}
.tab_container .tab_remote li.on{color:#121f6a;font-weight:600;}
.tab_container .tab_board_wrap{position: relative;width:100%;}
.tab_container .tab_board_wrap .tab_board{position: absolute;top:0;left:0;gap:10px;z-index: 1;}
.tab_container .tab_board_wrap .tab_board:first-of-type{z-index: 2;}
.tab_container .tab_board_wrap .tab_board .board_box{background-color: #fff;height:397px;border-radius: 20px;padding:35px;}

.board_box{position: relative;}
.board_box h2{position:absolute;top:35px;left:35px;width:calc(100% - 70px);font-size:28px;}
.board_box h2 span{float:right;font-size:16px;background-color: #28a7e1;color:#fff;border-radius: 15px;padding:0px 8px 2px 7px;transform: translateY(9px);display: inline-block;}
.board_box .more{position: absolute;top:40px;right:35px;}
.board_box .board-cont-remote{position: absolute;top:40px;right:35px;}
.board_box .board-cont-remote .slidePause{width:10px;margin-right:3px;}
.board_box .board-cont-remote .slidePlay{width:10px;margin-right:3px;display: none;}
.board_box .board_img{position:absolute;top:85px;left:35px;width:calc(100% - 70px);height:55%;overflow: hidden;}
.board_box .board_img img{width:100%; height: 100%;}
.board_box .board_img2{position: initial; width: 100%; height:50%}
.board_box .board_img2 img {width:100%; height:100%;}
/* .board_box p{width:calc(100% - 70px);} */
.board_box p.tit{font-size:18px;font-weight: 500;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 5px 0 15px; word-break: unset; height: 58px;}
.board_box p.tit a{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.board_box p.img-tit{top:270px;}
.board_box p.img-tit a.tit2{position: absolute; bottom: 22%; left: 5%;} /*bottom:20% */
.board_box p.txt{font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; word-break: unset; height: 125px;}
.board_box p.date{position:absolute;bottom:42px;left:35px;color:#6c7a85;} /*bottom:35px */
.no-height {height: 60% !important;}


.board_box .board-slider{height:calc(100% - 60px);top:50px;}
.board_box .board-slider2{height:calc(100% - 60px);top:50px;}
.board_box .slider-item{width:100%;height:335px;}
.board_box .slider-item .board_img{position:initial;width:100%;height:calc(100% - 85px) !important;}
.board_box .slider-item .board_img img{width: 100%;height:100%;}
.board_box .slider-item p.img-tit{height: 58px;}
.board_box .slider-item p.img-date{}
.board_box .slider-item p.date{position: unset; padding-top: 0px !important;} /* padding-top: 28px; */
.board_box .slider-item p.img-date{padding-top:0 !important;}

.inner2{background: url("/page/kpfis/images/main/inner2_bg.jpg");width:100%;min-width:1450px;height:746px;background-size:cover;}
.inner2>div{width:1450px;margin:0 auto;}
.inner2>div .mn-tit{padding-bottom:0;color:#fff;}
.inner2>div .mn-sub{text-align: center;color:#fff;}
.inner2 .tab_container{margin-top:50px;margin-bottom:80px;}
.inner2 .tab_container .tab_board_wrap .tab_board .board_box{height:465px;background-color:#f4f6fa;}
.inner2 .tab_container .tab_remote li{padding-bottom: 20px;color:#fff;}
.inner2 .tab_container .tab_remote li.on{color:#fff;}
.inner2 .tab_container .tab_board_wrap .tab_board .board_box:nth-child(2){background-color: #121f6a;color:#fff;}
.inner2 .tab_container .tab_board_wrap .tab_board .board_box:nth-child(2) a{color:#fff;}
.inner2 .board_box .board_img{height:53%;}
.inner2 .board_box p.img-tit{top:340px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inner2 .board-cont-remote .slidePlay{width:10px;margin-right:3px;display: none;}

.inner3{min-width:1450px;}
.inner3>div{width:1450px;margin: 50px auto;}
.inner3 h2{font-size:28px;padding-bottom: 15px;}
.inner3 h2 span{font-size:16px;color:#555;padding-left: 10px;}
.inner3_1{padding-right: 30px;}
.inner3 .open{gap:10px;}
.inner3 .open a{width:23.3%;text-align: center;height:160px; border: solid 3px #f4f6fa;border-radius: 20px;box-shadow: 4px 3px 5px 0 rgba(206, 210, 219, 0.75);padding:20px 0;color:#555555;font-size:15px;word-break: keep-all;}
.inner3 .open a span{display: block; font-size: 18px; font-weight: 500;}
.inner3 .open a img{display: block;margin: auto;height:54px;padding-bottom: 5px;}
.inner3_2{position: relative;}
.inner3 .banner{ border: 10px solid #f4f6fa;border-radius: 20px; height: 160px;}
.inner3 .banner-wrap {padding-top: 5px; padding-left: 18px; height: 100%;}
.inner3 .banner-wrap .slick-track {height: 130px;}
.inner3 .banner_remote{position: absolute;top:15px;right:20px;}
.inner3 .banner_remote .bannerPause{width:10px;margin-right:3px;}
.inner3 .banner_remote .bannerPlay{width:10px;margin-right:3px;display: none;}
.inner3 .banner .bnnr a{width:32%;margin-right:20px;overflow: hidden;display: inline-block;}
.inner3 .banner .bnnr a img{width:100%; height: 100%;}
.inner3 .banner .bnnr img{width:100%;margin-right:20px;}

.inner4{width:1450px;margin:0 auto;margin-bottom: 30px;}
.inner4 .family_site{width:100%;}
.inner4 .site-wrap{width:calc(100% - 115px);padding-left:10px;display:inline-block}
.inner4 .site-wrap a{overflow: hidden;}
.inner4 .site-wrap a img{width:80%;}

@media screen and (max-width:1200px) {
    header{height:63px;}

    .hd-area{height:63px;justify-content: space-between;padding:0 15px;}
    .hd-area h1{width:180px;height:33px;}
    .hd-area h1 a img{width:180px;}

    .m_ui_group{padding:10px 20px;border-bottom:1px solid rgba(204, 204, 204, 0.1);}
    .m_ui_group img{width:28px;height:28px;margin-right: 7px;transform: translateY(3px);}
    .m_ui_group a{display: inline-block;font-size:16px;line-height:14px;color:#fff;transform: translateY(-4px);}
    .m_ui_group a:first-of-type{border-right:1px solid #ccc;padding-right:9px;margin-right: 7px;}
    .m_ui_group #mClose{float:right;transform: translateY(5px);}
    .m_ui_group #mClose img{width:20px;height:auto;margin:0;}

    .m_gnb{position: fixed;top:0;right:-100%;width:70%;max-width:400px;z-index:100;min-height:100vh;background-color: #232c4a; height: 100vh; overflow: auto;}
    .m_gnb>ul{}
    .m_gnb>ul>li{border-bottom:1px solid rgba(204, 204, 204, 0.1);padding:8px 20px;}
    .m_gnb>ul>li>a{position: relative;width:100%;display:block;font-size:18px;color:#fff;}
    .m_gnb>ul>li>a::after{content: '';width:14px;height:10px;background:url("/page/kpfis/images/icon/m_gnb_arrw.png");background-size: cover;display: block;position: absolute;top:50%;right:0;transform: translateY(-50%);}
    .m_gnb>ul>li>a.open::after{width:14px;height:14px;background: url("/page/kpfis/images/icon/m_gnb_plus.png");background-size: cover;display: block;position: absolute;top:50%;right:0;transform: translateY(-50%) rotate(360deg);transition: 1s;}
    .m_gnb>ul>li>.sub-mn{display: none;background-color:#1a2138;width:100%;padding:20px;margin:15px 0;}
    .m_gnb>ul>li>.sub-mn a{font-size:16px;line-height: 1.8;}
    .m_gnb>ul>li>.sub-mn a::before{content: '- ';}
    .m_gnb ul li a{color:#fff;}
    .m_gnb .s-sub-mn{padding-left:15px;margin-bottom:15px}
    .hd-area.en .m_gnb .sub-mn li{padding:0;}
    .m_gnb>ul>li>.sub-mn .s-sub-mn a::before{content:'· ';}

    main .innerWrap{width:100%;padding-top:63px;padding-bottom:60px;}

    .lft-area{display:none;}
    .rgt-area{width:100%;padding:0 15px;box-sizing: border-box;}

    .main_visual{top:63px;height: calc(70vh + 63px);margin-bottom:63px;min-width: initial;}
    .main_visual .visual_wrap{min-width: initial;}
    .main_visual .visual_wrap>div{min-width:initial;}
    .main_visual .visual_wrap>div .main_visual_tit h1{font-size: 24px;font-weight: 400;}
    .main_visual .visual_wrap>div .main_visual_tit h1 strong{font-size: 50px;}
    .main_visual .visual_wrap>div .main_visual_tit p{font-size: 20px;}
    .main_visual .visual_wrap>div .main_visual_tit a{font-size: 13px;}

    .board_box h2{font-size: 20px;top:20px;left:35px;width:calc(100% - 50px);}
    .board_box h2 span{font-size: 12px;padding:0px 6px 2px 5px;transform: translateY(6px);}
    .board_box p{}
    .board_box p.tit{font-size: 16px;height: 50px !important; overflow: hidden; margin-bottom: 10px !important;}
    .board_box p.txt{font-size: 15px;height: 115px;}
    .board_box p.date{left:30px;font-size: 14px; bottom: 48px;}
    .board_box p.img-tit{top:230px; left: 35px;}
    .board_box p.img-tit a.tit2{bottom: 18%; left: 7%; width: 85%;}
    .board_box .slider-item p.img-tit {height: 50px;}
    .board_box .more{top:20px; right:25px;}
    .board_box .board_img{top:60px;left:25px;width:calc(100% - 50px);height:58%;}
    .board_box .board_img2{width: 100%;height: 42% !important;}
    .board_box .board-cont-remote{top:23px}
    .board_box .board-slider{height:calc(100% - 60px);top:20px;}
    .board_box .board-slider2{height:calc(100% - 60px);top:25px;}
    .board_box .slider-item p.date {padding-top: 10px;}
    .board_box .slider-item p.img-date {padding-top: 6px;}

    .main_visual .visual_tab .item{width:25%;height:100px;padding-top:20px;}
    .main_visual .visual_tab .item.on{padding-top:20px;}
    .main_visual .visual_tab .item.on img{height:40px;margin-right: 5px;transform: initial;}
    .main_visual .visual_tab .item.on p{font-size: 16px;}
    .main_visual .visual_tab .item.on p span{font-size: 20px;}
    .main_visual .visual_tab .bg .line{width:100%;}
    .main_visual .visual_tab .bg .tabActive{width:25%;height:10px;background-color: #093980;}
    .main_visual .visual_tab .bg .tabActive img{transform: translateY(10px);}

    .tab_container{display:block;margin-top:20px;margin-bottom: 50px;}
    .tab_container .tab_board_wrap .tab_board .board_box{height:340px;}
    .tab_container .tab_remote{display:none;}

    .inner1{min-width: initial;}
    .inner1>div{width:100%;padding:0 15px;}
    .inner2{min-width: initial;}
    .inner2>div{width:100%;padding:0 15px;}
    .inner3{min-width: initial;}
    .inner3>div{width:100%;padding:0 15px;}
    .inner4{width:100%;padding:0 15px;}

    .inner3 h2 span{display: block;padding-left: 0;}
    .inner3_1{padding-right: 10px;}
    .inner3 .open{gap:5px;}
    .inner3 .open a{font-size: 11px;}
    .inner3 .open a img{height:45px;margin-bottom: 15px;}
    .inner3 .open a span{font-size: 17px;}

}

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

    .top-area .mn-tit{transform: translateY(105px);}

    .inner1{height:550px;padding-top:30px;}
    .inner1>div{padding:0;}
    .inner3>div{display: block;}

    .main_visual{height:60vh;}
    .main_visual .visual_wrap>div .main_visual_tit{width:60%;top:200px;}
    .main_visual .visual_wrap>div .main_visual_tit h1{font-size: 18px;}
    .main_visual .visual_wrap>div .main_visual_tit h1 strong{font-size: 24px;}
    .main_visual .visual_wrap>div .main_visual_tit p{font-size: 16px;}
    .main_visual .visual_wrap>div .main_visual_tit a{font-size: 13px;}
    .main_visual .visual_tab{display:none;}

    .tab_container{display:block;margin-top:20px;margin-bottom: 50px;}
    .tab_container .tab_remote{display:none;}

    .tab_container .tab_board_wrap{width:100%;height:390px;overflow-x: auto;}
    .tab_container .tab_board_wrap::-webkit-scrollbar {display: none;}
    .tab_container .tab_board_wrap .tab_board{width:350%;gap:20px;margin:0 15px;}
    .tab_container .tab_board_wrap .tab_board .board_box{width:23% !important;height:340px; padding-bottom: 25px;}

    .inner2{height:initial;}
    .inner2>div{padding:20px 0;}
    .inner2 .tab_container .tab_board_wrap .tab_board .board_box{width:30% !important;height:390px;padding:20px 20px 25px;}
    .inner2 .tab_container .tab_board_wrap .tab_board{width:280%;}
    .inner2 .board_box .slider-item{height:270px;}
    .inner2 .board_box .board_img{height: 50%;}
    .inner2 .board_box p.img-tit{top:270px; height: 30px;}
    .board_box h2 {left: 33px; top: 25px;}
    .board_box p.tit{margin-bottom: 0px; padding: 5px 0;}
    .board_box p.txt {height: 90px; -webkit-line-clamp: 4;}
    .board_box p.img-tit a.tit2{bottom:27%; left: 4%;}
    .board_box p.date {bottom: 67px;}
    .board_box .board-slider{width:100%;}
    .board_box .board-slider2{width:100%;}
    .board_box .slider-item .board_img{height:75% !important;}
    .board_box .slider-item p.date{padding-top:5px;}
    .board_box .slider-item p.img-tit {height: 40px;}

    .inner3 h2{font-size:25px;padding-bottom: 15px;}
    .inner3 h2 span{display:block;font-size:16px;padding-left: 0;}
    .inner3_1{padding-right:0;margin-bottom: 30px;}
    .inner3 .open{gap:10px;}
    .inner3 .open a{width:48.5%;height:140px;padding:20px 0;font-size:14px}
    .inner3 .open a img{display: block;margin: auto;height:40px;padding-bottom: 5px;}
    .inner3_2{position: relative;}
    .inner3 .banner{ border: 10px solid #f4f6fa;border-radius: 20px;}
    .inner3 .banner-wrap{padding:23px}
    .inner3 .banner_remote{top:35px;}
    .inner3 .banner_remote .bannerPause{width:10px;margin-right:3px;}
    .inner3 .banner_remote .bannerPlay{width:10px;margin-right:3px;display: none;}
    .inner3 .banner .bnnr a{width:32%;margin-right:10px;height:120px;overflow: hidden;display: inline-block;}
    .inner3 .banner .bnnr a:last-child{margin-right: 0;}


    .inner4 .site-wrap{width:100%;}
    .inner4 .family_site button{display: none !important;}
}

/* LNB */
.lnb{width:260px;}
.lnb .current-menu{background: url("/page/kpfis/images/layout/lnb-back-bg.jpg");width:100%;height:84px;background-repeat: no-repeat;background-size: contain;}
.lnb .current-menu p{font-size:24px;color:#fff;padding:27px 32px;letter-spacing: -0.48px;}
.lnb .sub-menu{}
.lnb .sub-menu>ul .def{position:relative;border-bottom: 1px solid #dadde4;cursor:pointer;}
.lnb .sub-menu>ul>.def.on{background-color:#f4f6fa;border-bottom: 2px solid #052972;font-size:18px;font-weight:500;}
.lnb .sub-menu>ul .def>a{display:block;font-size:18px;font-weight:500;padding:15px 20px;}
.lnb .sub-menu>ul .def.on>a{color:#022b73;text-decoration: underline;}
.lnb .sub-menu>ul .def.on>a span{font-weight:bold;}
.lnb .sub-menu>ul .def-y::after{content:"";display: inline-block;transform: rotate(-180deg) translateX(4px);background: url("/page/kpfis/images/icon/lnb-arrow.png");position:absolute;top:24px;right:20px;background-repeat:no-repeat;width:15px;height:10px;}
.lnb .sub-menu>ul .def-y.on::after{transform: rotate(0deg);}
.lnb .sub-menu>ul>li>.lnbsub{display:none;height:initial;padding:0 20px 20px;}
.lnb .sub-menu>ul>li>.lnbsub li a{font-size:16px;font-weight:500;line-height: 1.75;}
.lnb .sub-menu>ul>li>.lnbsub li a::before{content:"- ";}
.lnb .sub-menu>ul>li>.lnbsub li.on a{color:#052972;text-decoration: underline;}

/* REMOTE */
.remote{width:100%;height:80px;padding:0 60px;background-color: #f4f6fa;border-radius: 15px;margin-bottom:50px;box-sizing: border-box;}
.remote .nav{width:80%;height:18px;margin:auto 0;}
.remote .nav>div{position: relative;height:18px !important;padding: 0 25px;}
.remote .nav>div:first-child{margin:auto 0;transform: translateY(-4px);}
.remote .nav>div:first-child a{display:block;}
.remote .nav .home-btn{}
.remote .nav .home-btn span{display:inline;}
.remote .nav .home-btn img{margin-right:10px;}
.remote .nav .item::after{content: '';background: url("/page/kpfis/images/icon/select-arrow.png");background-repeat: no-repeat;width:13px;height:9px;position: absolute;top:6px;right:-6px;transform: rotate(-90deg);}
.remote .nav .item:last-child::after{display:none;}
.remote .nav .item button{display:block;max-width:180px;white-space: nowrap;}
/* .remote .nav .item button{display:block;max-width:180px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} */
.remote .nav .item button:hover{text-decoration: underline;}

.remote .btn-wrap{width:18%;min-width:205px;margin:auto 0;}
.remote .btn-wrap button{margin-right: 10px;padding-right:20px;border-right: 1px solid #ccc;}
.remote .btn-wrap button:last-child{margin-right: 0;padding-right:0;border:none;}

@media screen and (max-width:1200px) {
    .remote .nav>div{padding:0 10px;}

}

@media screen and (max-width:768px) {
    .remote{height:initial;padding:0;display:block;background-color:#fff;margin-bottom:0;transform: translateY(-105px);}
    .remote .nav{width:100%;height:50px;padding:15px 10px;background-color: #f4f6fa;border-radius:0;margin-bottom:15px;box-sizing: border-box;}
    .remote .nav>div{padding:0 5px;}
    .remote .nav .home-btn img{margin-right: 0;}
    .remote .nav .home-btn::after{}
    .remote .nav .home-btn span{display: none;}
    .remote .nav .item::after{background-size: cover;width: 9px;height: 6px;}
    .remote .nav .item button{max-width:70px;padding-right:5px;margin-left: 5px;font-size: 16px;     overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: unset;}

    .remote .btn-wrap{margin:0 auto;height:initial;min-width:178px;}
    .remote .btn-wrap button{position:relative;width:38px;height:38px;background-color:#f4f6fa;border-radius: 25px;border-right: none;padding-right:0;margin-right:2px;}
    .remote .btn-wrap button img{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);margin:0;width:15px;height:auto;}
    .remote .btn-wrap #facebook img{width:8px;}
}

/* TAB-MENU */
.tab-menu{width:100%;margin-bottom:40px;border-bottom:1px solid #dadde4;}
.tab-menu ul{margin:0 auto;width:100%;}
.tab-menu ul li{min-width:137px;text-align: center;padding-bottom:20px;display: block;}
.tab-menu ul li.active{border-bottom: 6px solid #28a7e1;}
.tab-menu ul li a{display: block;border-right: 1px solid #dadde4;padding:0 20px;}

/* 영문 */
.tab-menu.en ul li{min-width:210px;height: 80px;}
.tab-menu.en ul li a{font-size:16px;position: relative;height:100%;border-right: none;}
.tab-menu.en ul li a::after{content: '';display: block;position: absolute;top: 50%;right:0;width:1px;height: 30%;background-color: #ccc;transform: translateY(-50%);}
.tab-menu.en ul li a span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 80%;}

@media screen and (max-width:1200px) {
    .tab-menu{width:100%;border-bottom:0;}
    .tab-menu ul{width:100%;border-left: 1px solid #dadde4;}
    .tab-menu ul li{width:25%;min-width:initial;display: block; box-sizing: border-box;background-color:#f4f6fa;padding:10px 0;border-top: 1px solid #dadde4;border-right: 1px solid #dadde4;border-bottom: 1px solid #dadde4;}
    .tab-menu ul li.active{background:url("/page/kpfis/images/layout/tab_bg.png");background-size:cover;background-repeat: no-repeat;border:none;}
    .tab-menu ul li.active a{color:#fff;}
    .tab-menu ul li a{font-size:14px;border-right: none;padding:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    /* 영문 */
    .tab-menu.en ul li{min-width:initial;height:43px;}
    .tab-menu.en ul li a::after{display: none;}
    .tab-menu.en ul li a span{position: initial;}
}

@media screen and (max-width:768px) {
    .tab-menu ul li{width:33.333%;}
}



/* SEARCH-AREA */
.srchArea{width:100%;margin-bottom: 26px;margin-top:26px;}
.srchArea .count{margin-top:14px;color:#575c72;}
.srchArea .count span{color:#232c4a;}
.srchArea form{}
.srchArea form select{float:left;width:150px;border:5px solid #f4f6fa;border-radius: 5px;padding:3px 35px 3px 5px;margin-right:5px;background:url("/page/kpfis/images/icon/select-arrw.png");background-repeat:no-repeat;background-position:calc(100% - 15px);box-sizing:border-box;font-size:16px;color:#838e98;}
.srchArea form .search-box{float:left;position: relative;width:250px;height:40px;background-color:#f4f6fa;border-radius: 20px;}
.srchArea form .search-box input[type=text]{width:68%;position: absolute;top:50%;left:26px;transform:translateY(-50%);border:none;background-color: transparent;}
.srchArea form .search-box input[type=text]::placeholder{color:#838e98}
.srchArea form .search-box .btn-search{opacity: 0;}
.srchArea form .search-box label[for="listSearch"]{position: absolute;top:50%;right:26px;transform:translateY(-50%);width:20px;height:20px;border:none;cursor:pointer;background: url("/page/kpfis/images/icon/search.png");background-repeat: no-repeat; text-indent: 999px;}

.srchArea.bg{background-color:#f4f6fa;padding:20px 0;}
.srchArea.bg form select{border:none;background-color:#fff;height:40px;padding-left:15px}
.srchArea.bg form p{display: inline-block;float:left;padding:0 20px;line-height: 40px;color:#44495f}
.srchArea.bg form .search-box{background-color: #fff;;}
.srchArea.bg form .search-box input[type=text]{background-color:#fff;}
.srchArea.bg form label{float:left;line-height: 40px;margin-right: 10px;}
.srchArea.bg .in_i{position: relative;}
.srchArea.bg .btn-search{position: absolute;top:10px;right:10px;}


@media screen and (max-width:768px) {
    .srchArea{display:block;margin-bottom: 85px;}
    .srchArea .count{transform: translateY(80px);}
    .srchArea form{transform: translateY(-40px);}
    .srchArea form .search-box{width:100%;margin-top:10px;}



}

/* LIST-STYLE */
.mark-list{margin-bottom: 30px;}
.mark-list dt{font-size:18px;margin-top:27px;padding-bottom:10px; text-indent: -12px; padding-left: 12px;}
.mark-list dt::before{content:"•";font-size:18px;font-weight: bold;margin-right:5px;}
.mark-list dt.non{font-size:18px;font-weight: bold;margin-top:0;text-indent: 5px;}
.mark-list dt.non::before{content: '';}
.mark-list dd{font-size:15px;padding-left: 12px;line-height: 2; text-indent: -11px;}
.mark-list dd:last-child{padding-bottom: 0;}
.mark-list dd::before{content: "-";margin-right:5px;}
/* .mark-list dd.non{text-indent: 5px;} */
.mark-list dd.non{padding-bottom:0;}
.mark-list dd.non::before{content: "";}
.mark-list dd.dot::before{content: "·";font-size:18px;font-weight: 900;line-height: 1;}

@media screen and (max-width:768px) {
    .mark-list{margin-bottom: 20px;}
    .mark-list dt{font-size:16px;margin-top:15px;}
    .mark-list dt.non{font-size:16px;}
    .mark-list dd{font-size:14px;}
}

/* PAGINATION */
.pagination{text-align:center;margin-top:50px;}
.pagination a{background-color:#f7f9fb;width:40px;height:40px;display: inline-block;border-radius: 10px;text-align: center;line-height: 40px;margin-right:5px;}
.pagination a:last-child{margin-right:0;}
.pagination a.on{background-color:#28a7e1;color:#fff;}
.pagination .first-page img{transform: rotate(180deg);}
.pagination .prev-page img{transform: rotate(180deg);}
.pagination a img{transform: translate(2px,0px);}

/* SURVEY-BOX */
.evaluation_list{margin-left:20px;margin-bottom:10px;}
.evaluation_list li{padding-right:40px;font-size: 15px;}

.survey_wrap{border:7px solid #f4f6fa;border-radius:15px;padding:39px 50px;margin-top:50px;margin-bottom:100px;}
.survey_wrap div:first-child{}
.survey_wrap div:first-child p{margin-bottom: 22px;}
.survey_wrap div:first-child p .none{display:none;}
.survey_wrap div:first-child form{padding-left:26px;}
.survey_wrap div:first-child form label{margin-right: 40px;}
.survey_wrap div:last-child{width:160px;margin: auto 0;}
.survey_wrap div:last-child p{font-size:16px;letter-spacing: -0.32px;}
.survey_wrap div:last-child .imp_2{color:#0A7CC1;}
.survey_wrap .mark{color:#0A7CC1;font-size:22px;font-weight: 500;}
.survey_wrap input[type=submit]{width:150px;height:40px;line-height:40px;color:#fff;background-color:#545a72;border:none;border-radius:10px;}
.radio_box{position:relative;display:inline-block;}
.radio_box input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px; overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio_box input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;}
.radio_box input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 2px;width: 21px;height: 21px;text-align: center;background: #f4f6fa;border: 2px solid #dadde4;border-radius: 100%;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.radio_box input[type="radio"]:checked + label:before {border-color: #28a7e1;}
.radio_box input[type="radio"]:checked + label:after {content: '';position: absolute;top: 8px;left: 6px;width: 13px;height: 13px;background: #28a7e1;border-radius: 100%;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}

@media screen and (max-width:768px) {
    .evaluation_list{display: block;margin-left: 0;}
    .evaluation_list li{font-size: 13px;}

    .survey_wrap{padding:20px 25px;margin-bottom:0;display:block;}
    .survey_wrap div:first-child p{text-align: left;margin-bottom: 20px;}
    .survey_wrap div:first-child p .none{display:block;}
    .survey_wrap>div:last-child{margin:0 auto;padding-top:30px;}
    .survey_wrap .mark {float: left; margin-right: 10px;}
    .survey_wrap div:first-child form {padding-left: 0px;}
    .survey_wrap div:first-child form label {font-size: 14px; padding-top: 3px;}
    .radio_box{padding-bottom: 10px;}
}

/* FOOTER */
footer{width:100%;min-width: 1450px;background-color:#192031;color:#8e91a0;font-size:16px;}
footer .innerWrap{width:1450px;margin:0 auto;}
.ft-top-area{height:79px;border-bottom:1px solid #3f4154;}
.ft-top-area ol li{float:left;}
.ft-top-area .call-center{}
.ft-top-area .call-center li{font-weight: bold;line-height:79px;height:79px;}
.ft-top-area .call-center li span{display:inline-block;transform: translateY(3px);font-size:24px;font-weight: bold;margin-left:10px;}
.ft-top-area .call-center li .sm{font-weight:300;font-size:16px;line-height:24px;transform: translateY(0px);}
.ft-top-area .call-center li:first-child{margin-right: 8px;}
.ft-top-area .call-center li{margin-right:30px;}
.ft-top-area .sns-wrap{}
.ft-top-area .sns-wrap li{margin-right: 10px;padding: 18px 0;}
.ft-top-area .sns-wrap li:last-child{margin-right: 0;}

.ft-mid-area{color:#8e91a0;height:58px;border-bottom:1px solid #3f4154;}
.ft-mid-area ol{width:calc(100% - 185px)}
.ft-mid-area ol li {float:left;line-height:58px;margin-right:20px;}
.ft-mid-area ol li:nth-child(2) a {font-weight: 600; color: #2497d3;}
.ft-mid-area ol li a{color:#8e91a0;}
.ft-mid-area .related-site{position:relative;width:185px;height:40px !important;;border:1px solid #8e91a0; border-radius: 5px;margin-top: 9px;}
.ft-mid-area .related-site .select{font-size: 14px;font-weight:500;color:#8e91a0;line-height:36px;text-indent: 20px;}
.ft-mid-area .related-site .select:before{content: '';background: url("/page/kpfis/images/icon/select-arrow.png");width:13px;height:9px;position: absolute;top:15px;right:20px;}
.ft-mid-area .related-site.active .optionList{display:block;}
.ft-mid-area .related-site-list{position: absolute;top:0;max-height:1000px;display:none;left:0;width:100%;background-color:#192031;border-radius: 0;box-sizing: border-box; overflow: hidden;transition: 1s;}
.ft-mid-area .related-site-list li{line-height: 1.8;text-align: left;text-indent: 20px;}
.ft-mid-area .related-site-list li a{color:#8e91a0;font-size:14px;}
.ft-mid-area .related-site-list li:first-child{margin-top: 13px;}
.ft-mid-area .related-site-list li:last-child{margin-bottom: 13px;}

.ft-btm-area{height:146px;}
.ft-btm-area .innerWrap h1{display: inline-block;}
.ft-btm-area .innerWrap h1 a{display:block;transform: translateY(-15px);}
.ft-btm-area .innerWrap div{display: inline-block;width:70%;margin-left:31px;margin-top:28px;}
.ft-btm-area .innerWrap div address{display: inline;}
.ft-btm-area .innerWrap div p{display: inline;}
.ft-btm-area .innerWrap div p:last-of-type{display: block;}
.ft-btm-area .innerWrap>a{float:right;margin-top:25px;}

@media screen and (max-width:1200px) {
    footer{min-width:100%;}
    footer .innerWrap{width:100%;padding:0 15px;}
    .ft-top-area{height:initial;padding:10px 0;}
    .ft-top-area .call-center{width: calc(100% - 140px);}
    .ft-top-area .call-center li{line-height:initial;height:initial;}
    .ft-top-area .sns-wrap{width: 140px;}

    .ft-mid-area{height:initial;padding:10px 0;}
    .ft-mid-area ol li{line-height: 30px;}

    .ft-btm-area .innerWrap div{width:50%;}
    .ft-btm-area .innerWrap>img{margin-top:65px;}
    .ft-btm-area .innerWrap>a{float:initial;margin-top:25px;}
    .ft-btm-area .innerWrap>a img{margin-top: 20px;margin-bottom: 30px;}
}

@media screen and (max-width:768px) {
    footer .innerWrap{width:100%;padding:0 15px;display:block;}
    .ft-top-area{height:initial;border-bottom: none;}
    .ft-top-area .innerWrap{display: block;}
    .ft-top-area .call-center{width:100%;padding:10px 0;}
    .ft-top-area .call-center li{float:initial;line-height:initial;height:initial;width:100%;}
    .ft-top-area .call-center li span{}
    .ft-top-area .call-center li .sm{display: block; margin-left: 0; margin-top: 8px;}
    .ft-top-area .sns-wrap{height:70px;margin:0 auto;padding-top:20px;}
    .ft-top-area .sns-wrap li{padding:0;}

    .ft-mid-area{border-bottom:none;}
    .ft-mid-area ol{width:100%;margin-bottom: 10px;}
    .ft-mid-area ol li{float:initial;display: inline-block;margin-right: 5px;}
    .ft-mid-area ol li a{font-size: 14px;}
    .ft-mid-area ol li::after{content: ' |';margin-left: 5px;}
    .ft-mid-area ol li:last-child::after{content: '';}
    .ft-mid-area .related-site{width:100%;height:50px !important;}
    .ft-mid-area .related-site .select{font-size: 16px;line-height: 45px;}
    .ft-mid-area .related-site .select:before{top:21px;}
    .ft-mid-area .related-site button{position: absolute;top:0;left:0;width:100%;text-align: left;}

    .ft-btm-area{height:initial;}
    .ft-btm-area .innerWrap{text-align: center;}
    .ft-btm-area .innerWrap h1{display:none;}
    .ft-btm-area .innerWrap div{width:100%;margin-top:20px;margin-left: 0;}
    .ft-btm-area .innerWrap div>address{display: block;font-size: 14px;}
    .ft-btm-area .innerWrap div>p{line-height:2;font-size: 14px;}
    .ft-btm-area .innerWrap div>p:last-of-type{font-size:12px;text-align: center;margin-top: 10px;}
    .ft-btm-area .innerWrap>img{float:initial;margin:20px 0;}
}



/* ------------------------------------------------------
                        PAGE CSS
---------------------------------------------------------*/

/* PAGE -> HISTORY */
.history_wrap{width:100%;position: relative;}
.history_wrap h1{text-align: center;}
.history_wrap ol{position: relative;height:100vh;}
.history_wrap ol::before{content: '';display:block;position: absolute;top:0;left:0;right:0;width:1px;height:100%;margin:0 auto;background-color:#ccc;}
.history_wrap li{padding:20px 0;position: relative;}
.history_wrap .hst_right{width:100%;float:right;padding-left:calc(50% - 16px);}
.history_wrap .hst_right div{display:inline-block;padding-left: 150px;}
.history_wrap .hst_right::before{content: '';display:inline-block;position:absolute;top:50%;left:calc(50% + 49px);transform: translate(-50% , -50%);background: url("/page/kpfis/images/layout/his_arrw.png");width:128px;height:31px;}
.history_wrap .hst_right strong{font-size:36px;font-weight:bold;line-height: 36px;}
.history_wrap .hst_right p{margin-top:20px;font-size:18px;color:#44495f;}
.history_wrap .hst_right span{font-weight: bold;color:#03246d;width: 40px; display: inline-block; margin-right: 10px; text-align: center;}

.history_wrap .hst_left{width:100%;float:left;padding-right:calc(50% + 145px);text-align: right;}
.history_wrap .hst_left div{display:inline-block;text-align: right;padding-left:50px;}
.history_wrap .hst_left::before{content: '';display:inline-block;position:absolute;top:50%;left:calc(50% - 49px);transform: translate(-50% , -50%) rotate(-180deg);background: url("/page/kpfis/images/layout/his_arrw.png");width:128px;height:31px;}
.history_wrap .hst_left strong{font-size:36px;font-weight:bold;line-height: 36px;}
.history_wrap .hst_left p{text-align: right;margin-top:20px;font-size:18px;color:#44495f;}
.history_wrap .hst_left span{font-weight: bold;color:#03246d;width: 40px; display: inline-block; margin-left: 10px; text-align: center;}

@media screen and (max-width:768px) {
    .history_wrap h1 img{width:90px;margin-bottom: 30px;}
    .history_wrap ol::before{content: '';left:10px;margin:initial;}
    .history_wrap .hst_right{padding-left:initial;}
    .history_wrap .hst_right div{display:inline-block;padding-left: 60px;}
    .history_wrap .hst_right::before{content: '';top:50%;left:-5px;width:50px;transform: initial;}
    .history_wrap .hst_right strong{font-size:28px;}
    .history_wrap .hst_right p{margin-top:15px;font-size:16px;}
    .history_wrap .hst_right span{text-align: unset;}

    .history_wrap .hst_left{width:100%;float:left;padding-right:0;text-align: left;}
    .history_wrap .hst_left div{text-align: left;padding-left:60px;}
    .history_wrap .hst_left::before{content: '';top:50%;left:-5px;transform: rotate(0deg);width:50px;height:31px;}
    .history_wrap .hst_left strong{font-size:28px;font-weight:bold;line-height: 36px;}
    .history_wrap .hst_left p{text-align: left;margin-top:15px;font-size:16px;}
    .history_wrap .hst_left span{float: left; text-align: unset; margin-right: 10px; margin-left: 0;}
}

/* PAGE -> LOCATION */
.location{width:100%;}
.location li{position:relative;padding-right:80px;padding-left:100px;}
.location li strong{font-weight:bold;font-size:26px;}
.location li p{padding-top:5px;}
.location li:last-child{padding-right:0;}
.location li.address::before{content: '';background: url("/page/kpfis/images/layout/address.png");background-size: cover;width:80px;height:80px;display:block;position:absolute;left:0;}
.location li.tel::before{content: '';background: url("/page/kpfis/images/layout/call.png");background-size: cover;width:80px;height:80px;display:block;position:absolute;left:0;}
.location li.fax::before{content: '';background: url("/page/kpfis/images/layout/fax.png");background-size: cover;width:80px;height:80px;display:block;position:absolute;left:0;}

@media screen and (max-width: 768px) {
    .location li{padding:10px 0 10px 60px;}
    .location li strong{font-size:20px;}
    .location li.address::before{content: '';background: url("/page/kpfis/images/layout/address.png");background-size: cover;width:50px;height:50px;display:block;position:absolute;left:0;}
    .location li.tel::before{content: '';background: url("/page/kpfis/images/layout/call.png");background-size: cover;width:50px;height:50px;display:block;position:absolute;left:0;}
    .location li.fax::before{content: '';background: url("/page/kpfis/images/layout/fax.png");background-size: cover;width:50px;height:50px;display:block;position:absolute;left:0;}
}

/* PAGE -> ORGANIZATION */
.organization{position:relative;width:100%;height:auto;min-height:792px;display:block;}
.organization ol li{text-align: center;}
.organization .o1 li a,.organization .o2 li a{color:#fff;}
/* .organization .o1{display:block;margin:0 auto;color:#fff;font-size:20px;}
.organization .o1 li:first-child{background:url("/page/kpfis/images/layout/stafflist.jpg");background-size: cover;width:160px;height:200px;margin:0 auto;border-radius: 65px;font-size:22px;line-height: 160px;}
.organization .o1 li:nth-child(2){position:relative;background-color:#03246d;width:150px;height:50px;margin:0 auto;border-radius: 5px;line-height: 50px;margin-bottom:10px;}
.organization .o1 li:nth-child(2)::after{content: '';width:1px;height:10px;background-color:#ccc;position: absolute;bottom:-10px;left:0;right:0;margin:0 auto;}
.organization .o1 li:last-child{position:relative;background-color:#232c4a;width:150px;height:50px;margin:0 auto;border-radius: 5px;line-height: 50px;}
.organization .o1 li:last-child::after{content: '';position: absolute;bottom:-40px;left:50%;transform: translateX(-50%);width:1px;height:40px;background-color: #ccc;} */

.organization .o2{}
.organization .o2 li:first-child{background-color: #03246d;width:130px;height:50px;color:#fff;line-height: 50px;border-radius: 5px;margin-bottom:10px; position: absolute; top: 70px; right: 20%;}
.organization .o2 li:first-child a {cursor: unset;}
.organization .o2 li:last-child{background-color: #2497d3;width:130px;height:50px;color:#fff;line-height: 50px;border-radius: 5px; position: absolute; top: 70px; left: 20%;}

.organization .o3{position:relative;top:50px;left: 12px; width:100%;gap:10px}
.organization .o3::before{content: '';position: absolute;top:10px;left:50%;transform: translateX(-50%);width:86.6%;height:1px;background-color: #ccc;}
.organization .o3 li{width:14%;float:left;margin-right:1px;}
.organization .o3 li:last-child{padding-right:0;margin-right:0;}
.organization .o3 dl{position:relative;width:100%;margin-top:30px;}
.organization .o3 dt{background-color: #545a72;width:100%;text-align: center;font-size:16px;padding:13px 0;margin-bottom:10px;border-radius: 5px;color:#fff; word-break: keep-all;}
.organization .o3 dt::before{content: '';position: absolute;top:-20px;left:50%;transform: translateX(-50%);width:1px;height:20px;background-color: #ccc;}
.organization .o3 .support{display: block; margin-top: 60px;}
.organization .o3 .support::before{height: 50px; top:-50px}
.organization .o3 dt a{color:#fff;}
.organization .o3 dd{background-color: #f4f6fa;width:100%;text-align: center;font-size:16px;padding:13px 15px;margin-bottom:10px;border-radius: 5px;color:#545a72; word-break: keep-all;}
.organization .o3 dd a{display: block;}


@media screen and (max-width:1399px) {
    .organization .o3{left: 0;}
    .organization .o3 dt{word-break: break-all;}
    .organization .o3 dd{word-break: break-all;}
}

@media screen and (max-width:991px) {
    .organization .o3::before{width: 87%;}
    .organization .o3 dt{padding: 15px 6px;}
    .organization .o3 dd{}
    .organization .o3{margin-bottom: 60px;}
}

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

    .organization .o1{margin-bottom: 40px;}
    .organization .o1 li{width:100%;}

    .organization .o2{position:initial;display:block;margin:0 auto;}
    /* .organization .o2 li{width:100% !important;} */
    .organization .o2 li:first-child {right: 2%; top: 150px;}
    .organization .o2 li:last-child {left: 2%;}

    .organization .o3{display: block;top:0; left: 0;}
    .organization .o3 li{margin-top: 60px;}
    .organization .o3 dt::before{display: none;}

    #staff_box{clear:both;}
    #staff_box .srchArea.bg{padding:0; margin-bottom:0;}
    #staff_box .srchArea form select, #staff_box .srchArea form .search-box{width:calc(100% - 65px)}
    #staff_box .ly_flx{display:block;padding:50px 0  0;}
    #staff_box .sf_1{padding:20px;}
    #staff_box .sf_2{clear:both;padding:0 20px;}

}

/* PAGE -> Dbrain */
.expect{border:1px solid #ccc;}
.expect>div{position: relative;padding:30px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.expect>div:nth-child(2),.expect>div:nth-child(4){border-right:none;}
.expect>div:nth-child(3),.expect>div:nth-child(4){border-bottom:none;}
.expect>div strong{font-size: 22px;font-weight:500;}
.expect>div dl{width:80%;margin-top:10px;}
.expect>div dd{padding-left: 0;}
.expect>div img{position: absolute;bottom:20px;right:20px;}

@media screen and (max-width:768px) {
    .expect>div{padding-top: 100px;}
    .expect>div dl{width:100%;}
    .expect>div:nth-child(3){border-bottom:1px solid #ccc;}
    .expect>div img{top:20px;}
}

.progress ol{width:100%;position: relative;}
.progress ol::before{content:'';position: absolute;top:0;left:130px;width:1px;height:100%;background-color: #ccc;}
.progress ol li{width:100%;padding-bottom:30px;}
.progress ol li:nth-child(3) dl{transform: translateY(26px);}
.progress ol li strong{display:inline-block;font-size:36px;color:#575c72;font-weight:bold;transform: translateY(10px);}
.progress ol li strong::after{content:'';display: inline-block;background: url("/page/kpfis/images/layout/pro_arrw.png");width:116px;height:31px;margin:auto 0;transform: translateX(31px);}
.progress ol li dl{display:inline-block;margin-bottom: 0;padding-left:50px;margin:auto 0;}

@media screen and (max-width:768px) {
    .progress ol::before{left:90px;}
    .progress ol li strong{font-size:28px;transform: translateY(0);}
    .progress ol li strong::after{width:40px;transform: translateX(9px);}
    .progress ol li dl{display:inline-block;padding-left:0;width:calc(100% - 140px);margin-left:20px;}
    .progress ol li:nth-child(3) strong{transform: translateY(-52px);}
}

/* PAGE -> 국고보조금 */
.purpose{border:1px solid #ccc;margin:30px 0;}
.purpose>div{border-right:1px solid #ccc;border-bottom: 1px solid #ccc;padding:35px 25px;text-align: center;font-size: 16px;;}
.purpose>div:nth-child(5),.purpose>div:nth-child(6),.purpose>div:nth-child(7),.purpose>div:last-child{border-bottom: none;}
.purpose>div:nth-child(4),.purpose>div:last-child{border-right: none;}
.purpose>div img{padding-bottom:20px;}
.purpose>div strong{font-size:20px;font-weight: bold;}
.purpose>div span{font-size:20px;color:#108081;font-weight: bold;}

.type{gap:1%;margin-top:30px;}
.type>div{width:32%;min-height:310px;padding:20px 18px;margin-bottom:1%;background-color:#F4F6FA;text-align: center;border-radius: 20px;}
.type>div>a{display:block; width: 100%; height: 100%;}
.type>div img{margin-bottom: 30px;}
.type>div div{}
.type>div div strong{font-size: 42px;font-weight:bold;color:#dadde4;float:left;line-height: 1;}
.type>div div dl{float:right;width:calc(100% - 60px);text-align: left;}
.type>div div dl dt{font-weight:bold;font-size:18px;margin-bottom: 10px;}
.type>div div dl dd{font-size: 15px;color:#4d505d;}
.type>div div dl dd::before{content: '- ';}

@media screen and (max-width:768px) {
    .purpose>div:nth-child(6){border-bottom: px solid #ccc;}
    .type>div{width:100%;}
}

/* PAGE -> 사이버안전센터 */
.txt-box-wrap{position: relative;}
.txt-box-wrap h1{position: absolute;top:0;left:50%;transform: translateX(-50%);background-color:#317EB4;display:inline-block;padding:20px 30px;border-radius: 50px;color:#fff;font-size:22px;font-weight: 400;z-index: 1;}
.txt-box-wrap .text-box{background-color:#F4F6FA;text-align: left;padding: 100px 0 70px 0;transform: translateY(35px);border-radius: 20px;}
.txt-box-wrap .text-box>div{width:75%;margin:0 auto;padding-bottom: 50px;}
.txt-box-wrap .text-box>div>p{width:130px;color:#093980;font-size:20px;font-weight: bold;text-align: right;position: relative;}
.txt-box-wrap .text-box>div>p::before{content:'';position:absolute;top:50px;right:-115px;background: url("/page/kpfis/images/layout/his_arrw.png");background-repeat: no-repeat;transform: rotate(90deg);width:100%;height:31px;background-size: cover;;}
.txt-box-wrap .text-box>div>dl{color:#44495f;padding-left: 100px;}
.txt-box-wrap .text-box>div>dl dt{font-size:18px;font-weight: bold;padding-bottom: 15px;}
.txt-box-wrap .text-box>div>dl dd{font-size: 16px; text-indent: -14px; padding-left: 14px;}
.txt-box-wrap .text-box>div>dl dd::before{content: '- ';}

@media screen and (max-width:768px) {
    .txt-box-wrap h1{width:300px;font-size:20px; text-align: center;}
    .txt-box-wrap .text-box>div{display:block;width:85%;}
    .txt-box-wrap .text-box>div>p{text-align: left;padding-bottom:10px;}
    .txt-box-wrap .text-box>div>p::before{display: none;}
    .txt-box-wrap .text-box>div>dl{padding-left: 0;}


}

/* PAGE -> 열린경영 */
.charter-box{position:relative;width:100%;border:30px solid #F4F6FA;padding:80px 60px;}
.charter-box::after{content:'';display: block;position:absolute;top:50%;left:50%;z-index: -1;transform: translate(-50%, -50%);width:calc(100% - 40px);height:calc(100% - 40px);border:7px solid #F4F6FA}
.charter-box .tit-area{text-align: center;}
.charter-box .tit-area>div{display:inline-block;margin:0 auto;position: relative;}
.charter-box .tit-area>div::before{content:'';display: block;background-image: url("/page/kpfis/images/layout/wing-lft.jpg");width:61px;height:137px;background-size: 61px 137px;background-repeat: no-repeat;position: absolute;top:-23px;left:-82px;}
.charter-box .tit-area>div::after{content:'';display: block;background-image: url("/page/kpfis/images/layout/wing-rgt.jpg");width:61px;height:137px;background-size: 61px 137px;background-repeat: no-repeat;position: absolute;top:-23px;right:-82px;}
.charter-box .tit-area p{font-size: 20px;}
.charter-box .tit-area h1{font-size: 38px;}
.charter-box .tit-area .date{text-align: right;width: 100%;padding-bottom: 20px;font-size: 16px;}
.charter-box .sub-txt{text-align: center;margin-top: 50px;}
.charter-box .cht-list-01{margin:50px 0;}
.charter-box .cht-list-01>ul>li{padding:37px 30px;border-bottom:1px solid #ccc ;border-style: dashed;}
.charter-box .cht-list-01>ul>li span{font-weight: bold;font-size: 22px;margin-right: 20px;}
.charter-box .cht-list-01 .mark-list{padding:37px 30px;border-bottom:1px solid #ccc ;border-style: dashed;}

.charter-box .cht-list-02{margin: 50px 0;}
.charter-box .cht-list-02 ul{}
.charter-box .cht-list-02 ul li{position:relative;padding:37px 30px 37px 100px;border-bottom:1px solid #ccc ;border-style: dashed;}
.charter-box .cht-list-02 ul li .num{color:#fff;position: absolute;top:50%;left:30px;transform: translateY(-50%);border-radius: 20px;display: inline-block;padding:5px 13px;}
.charter-box .cht-list-02 ul li:first-child .num{background-color: #198d6e;}
.charter-box .cht-list-02 ul li:nth-child(2) .num{background-color: #108081;}
.charter-box .cht-list-02 ul li:nth-child(3) .num{background-color: #2c78a6;}
.charter-box .cht-list-02 ul li:last-child .num{background-color: #2c78a6;}

.charter-box ul li .imp{color: #1f7cb1;}

.charter-box .ft-area{width:100%;}
.charter-box .ft-area .date{text-align: center;margin-bottom: 50px;}
.charter-box .ft-area .sign{margin-bottom: 30px;}
.charter-box .ft-area .sign>div{width:230px}
.charter-box .ft-area .sign>div:first-child{margin-right: 50px;}
.charter-box .ft-area .sign>div p:first-child{font-size: 24px;}
.charter-box .ft-area .sign>div p:last-child{font-size: 22px;font-weight: bold;}
.charter-box .ft-area .sign>div p:last-child img{transform: translateY(5px);}
.charter-box .ft-area .sign>div:last-child p:last-child img{margin-left: 20px;}

.charter-box .ft-area .logo{width:100%;margin-bottom: 30px;}
.charter-box .ft-area .logo>div:first-child{width:calc(100% - 360px);}
.charter-box .ft-area .logo>div:first-child p{color:#4d505d;}
.charter-box .ft-area .logo>div:first-child p:last-child{margin-top: 20px;font-size: 24px;font-weight: bold;}
.charter-box .ft-area .logo>div:last-child{position: relative;width:280px;}
.charter-box .ft-area .logo>div:last-child img{position: absolute;bottom:0;right: 0;width:100%;}

@media screen and (max-width:768px){
    .charter-box{padding: 40px 20px;border:20px solid #F4F6FA;}
    .charter-box .tit-area{margin-top: 20px;}
    .charter-box .tit-area>div p{font-size: 16px;}
    .charter-box .tit-area>div h1{font-size: 24px;}
    .charter-box .tit-area>div::before{background-size: 40px;top: -10px;left: -60px;}
    .charter-box .tit-area>div::after{background-size: 40px;top: -10px;right: -80px;}

    .charter-box .cht-list-01{margin-top: 20px;}
    .charter-box .cht-list-01>ul>li{padding:20px 10px;font-size:15px;}
    .charter-box .cht-list-01>ul>li span{font-size: 20px;margin-right: 10px;;}
    .charter-box .cht-list-01 .mark-list{padding:20px 10px;}

    .charter-box .cht-list-02 ul li{padding:20px 10px 30px 50px;font-size: 14px;}
    .charter-box .cht-list-02 ul li .num{left:10px;padding: 3px 10px;}

    .charter-box .ft-area .sign{display:block}
    .charter-box .ft-area .sign>div{width:100%;text-align: center;}
    .charter-box .ft-area .sign>div:first-child{margin-bottom: 20px;}
    .charter-box .ft-area .sign>div p:first-child{font-size:15px;}
    .charter-box .ft-area .sign>div p:last-child{font-size:18px;}

    .charter-box .ft-area .logo{display: block;}
    .charter-box .ft-area .logo>div:first-child{width:100%;text-align: center;}
    .charter-box .ft-area .logo>div:last-child{width:100%;position: initial;text-align: center;margin-top: 50px;}
    .charter-box .ft-area .logo>div:last-child img{width:240px;position: initial;}
}

/* 윤리경영지침 */
.charter-box h4 .title{font-size: 24px;line-height: 25px;padding-bottom: 18px;margin-bottom: 40px !important;}
.charter-box .head{font-size:16px;font-weight:600;padding: 15px 0px 5px 20px;}
.charter-box .head span {font-size:15px;font-weight:300;padding:0px 0px 5px 10px;line-height:1.6;}
.charter-box .normal {font-size: 15px;padding:0px 20px 5px 35px;line-height:1.6; font-weight: 300;}
.charter-box .normalh {font-size: 15px;padding:0px 20px 5px 45px;line-height:1.5; font-weight: 300;}
.charter-box .normal2 {font-size: 14px;padding:0px 20px 5px 50px;line-height:1.5; font-weight: 300;}
.charter-box .c_red {color:#d82323;}
.charter-box .c_blue {color:#00bbd0;}

/* 윤리헌장 */
.charter_area{position:relative;overflow:hidden;background:#006c8f;padding:43px 15px 15px 15px;margin-bottom: 30px;}
.charter-box.icon_box{text-align:center;}
.charter-box.title{font-size:36px;font-weight:bold;color:#fff;line-height:1.3;text-align:center;padding-top:10px;letter-spacing:-1px;}
.rmp{margin-top: 30px;text-align: right;font-size: 14px;color: #fff}
.charter-box.title br{display:none;}
.charter-box.inner{background:#fff;margin-top: 30px;}
.charter-box.inner2{background:#fff;margin-top: 30px;padding: 20px 10px;}
.charter-box.inner .summary{text-align:center;padding:30px 20px 10px 20px;color:#333;font-weight: 800;font-size: 18px;line-height: 28px;}
.charter-box.inner .charter_list{border:2px solid #c6c6c6;border-width:2px 0;margin:30px 80px;padding:30px 0;background:url("/page/kpfis/images/conts/bg_charter_list.png") no-repeat 50% 50%;}
.charter-box.inner .charter_list li{display:table;}
.charter-box.inner .charter_list li + li{margin-top:10px;}
.charter-box.inner .charter_list li > div{display:table-cell;}
.charter-box.inner .charter_list li .number_box{width:40px;vertical-align:middle;}
.charter-box.inner .charter_list li .number_box span{display:block;width:57px;height:38px;border-radius:50%;background:#006c8f;color:#fff;font-weight:700;text-align:center;padding-top:7px;padding-top: 18px;font-size: 16px;}
.charter-box.inner .charter_list li:nth-child(2n) .number_box span{background:#268cbf;}
.charter-box.inner .charter_list li .text_box{padding-left:15px;vertical-align:middle;font-size: 16px;font-weight: 500;}
.charter-box.inner .charter_list li .text_box span{font-weight:300;color:#333;letter-spacing:-1px;}
.charter-box.inner .promise{padding-bottom:20px;font-weight:300;text-align:center;color:#333;}

@media screen and (max-width:800px) {
    .charter-box.inner .charter_list{margin:30px 40px;}
}


@media screen and (max-width:670px) {
    .charter-box.title br{display:block;}
    .charter-box.inner .summary{padding:30px 38px 0;}
    .charter-box.inner .summary br{display:none;}
    .charter-box.inner .promise{padding:0 38px 20px;}
    .charter-box.inner .promise br{display:none;}
    .charter-box.inner .charter_list{background-size:227px 166px;background-position:50% 80%;}
}


/* 221129 메인 레이아웃 추가 */
.board_box p.tit {height: 56px;overflow: hidden;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: unset;}
.board_box p.txt {font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: unset;height: 125px;margin-bottom: 50px;}
.board_box .board_img2{position: initial; width: 100%; height:50%; margin-bottom: 7px;}
.inner2 .board_box p.img-tit {height: 53px;}



@media screen and (max-width: 1200px) {
    .board_box p.txt {font-size: 15px;height: 115px;margin-bottom: 46px;}
    .board_box .slider-item {height: 360px;}
    .bar-type .slick-dots {bottom: -65px;}
}

@media screen and (max-width: 768px) {
    .board_box p.tit {margin-bottom: 5px;}
    .board_box p.txt {height: 90px;-webkit-line-clamp: 4;margin-bottom: 69px;}
    .board_box p.date {bottom: 33px;}
    .board_box .slider-item p.date {padding-top: 0px;}
    .board_box .slider-item p.img-date {padding-top: 0px;}
    .board_box .slider-item p.img-tit {height: 50px;margin-bottom: 0px;}
    .inner2 .board_box .slider-item {height: 295px;}
    .inner2 .board_box .board_img {height: 55%;}
    .board_box p.img-tit a.tit2 {bottom: 20%;left: 6%;}
    .bar-type .slick-dots {bottom: -40px;}
    .inner2 .board_box .board-slider, .inner2 .board_box .board-slider2{top: 40px;}
    .inner2 .board_box .slider-item p.img-tit {height: unset !important;}
    .inner2 .slick-dots {bottom: -35px;}
    .inner2 .board_box p.tit a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; height: 28px;}
}

@media screen and (max-width: 550px) {
    .inner3 .open a {width: 100%;}
    .inner2 .board_box .slider-item p.img-tit {height: 30px !important;}
    .inner2 .board_box p.img-tit a.tit2 {bottom:19%;}
    .board_box p.date {bottom: 43px;}

    /* 메인 레이아웃 */
    .main_visual .visual_wrap>div .main_visual_tit p {height: 100px;}
}

@media screen and (max-width: 360px) {
    .main_visual .visual_wrap>div .main_visual_tit h1 {font-size: 17px;}
    .main_visual .visual_wrap>div .main_visual_tit h1 strong {font-size: 23px;}

}


/* 221129 조직도 추가
@media screen and (min-width:1200px) {
    .organization .o1{display:block;margin:0 auto;color:#fff;font-size:20px; height: 310px;}
    .organization .o1 li:first-child{background:url("/page/kpfis/images/layout/stafflist.jpg");background-size: cover;width:160px;height:200px;margin:0 auto;border-radius: 65px;font-size:22px;line-height: 160px; position: relative;}
    .organization .o1 li:first-child::after {content: ''; width: 1px; height: 170px; background-color: #ccc;position: absolute; left: 50%; transform: translateX(-50%); bottom: -150px;}
    .organization .o1 li:nth-child(2){position: absolute;background-color:#03246d;width:150px;height:50px;border-radius: 5px;line-height: 50px;right: 300px;top: 200px;}
    .organization .o1 li:nth-child(2)::after{content: '';width: 100px;height: 1px;background-color: #ccc;position: absolute;bottom: 50%;left: -100px;right: unset;}
    .organization .o1 li:last-child{position:absolute;background-color:#232c4a;width:150px;height:50px;margin:0 auto;border-radius: 5px;line-height: 50px;top: 260px;left: 200px;}
    .organization .o1 li:last-child::after{content: '';position: absolute;bottom: 50%;width: 200px;height: 1px;background-color: #ccc;right: -200px; left: unset; transform: unset;}
}*/


/* 221129 조직도 수정 */

.organization .o1{display:block;margin:0 auto;color:#fff;font-size:20px; height: 310px;}
.organization .o1 li:first-child{background:url("/page/kpfis/images/layout/stafflist.jpg");background-size: cover;width:160px;height:200px;margin:0 auto;border-radius: 65px;font-size:22px;line-height: 160px; position: relative;}
.organization .o1 li:first-child::after {content: ''; width: 1px; height: 170px; background-color: #ccc;position: absolute; left: 50%; transform: translateX(-50%); bottom: -170px;}
.organization .o1 li:nth-child(2){position: absolute;background-color:#03246d;width:150px;height:50px;border-radius: 5px;line-height: 50px;right: 43.5%;top: 210px;}
.organization .o1 li:nth-child(2)::after{content: '';width: 103px;height: 1px;background-color: #ccc;position: absolute;bottom: 50%;left: -103px;right: unset;}
.organization .o1 li:nth-child(3){position: absolute;background-color:#03246d;width:150px;height:50px;border-radius: 5px;line-height: 50px;right: 27%;top: 270px;}
.organization .o1 li:nth-child(3)::after{content: '';width: 103px;height: 1px;background-color: #ccc;position: absolute;bottom: 50%;left: -103px;right: unset;}
.organization .o1 li:last-child{position:absolute;background-color:#232c4a;width:150px;height:50px;margin:0 auto;border-radius: 5px;line-height: 50px;top: 300px;left: 19%;}
.organization .o1 li:last-child::after{content: '';position: absolute;bottom: 50%;width: 192px;height: 1px;background-color: #ccc;right: -192px; left: unset; transform: unset;}


@media screen and (max-width: 1200px) {
    .organization .o1 li:nth-child(2) {right: 20%; width: 130px;}
    .organization .o1 li:nth-child(2) a {font-size: 17px;}
    .organization .o1 li:last-child {left: 20%; width: 130px;}
    .organization .o1 li:last-child a {font-size: 17px;}
    .organization .o1 li:nth-child(2)::after, .organization .o1 li:nth-child(3)::after, .organization .o1 li:last-child::after {display: none;}

}

@media screen and (max-width: 991px) {
    .organization .o1 li:nth-child(2) {right: 20%;}
    .organization .o1 li:nth-child(3) {right: 18.6%; width: 130px;}
}

@media screen and (max-width: 768px) {
    .organization .o1 li:nth-child(3) {right: 16.5%; width: 130px;}
}
@media screen and (max-width: 760px) {
    .organization .o1 li{font-size: 14px;}
    .organization .o1 li:nth-child(2) {right: 1%;}
    .organization .o1 li:nth-child(3) {right: 1%; width: 130px;}
    .organization .o1 li:nth-child(3)::after{width: 27px; left: -27px;}
    .organization .o1 li:last-child {left: 1%;z-index:80;}
}

@media screen and (max-width:414px){
    .organization .o1 li:nth-child(3)::after{width: 59px; left: -59px;}
}
@media screen and (max-width:412px){
    .organization .o1 li:nth-child(3)::after{width: 57px; left: -57px;}
}
@media screen and (max-width:390px){
    .organization .o1 li:nth-child(3)::after{width: 47px; left: -47px;}
}
@media screen and (max-width:375px){
    .organization .o1 li:nth-child(3)::after{width: 38px; left: -38px;}
}
/* 개인정보처리방침 버튼 추가 */
.private-link {font-size: 14px; font-weight: 600; display: flex; width: 100%; line-height: 1.1; word-break: keep-all; align-items: center; justify-content: space-between; height: 29px; padding: 0px 10px 0px 10px; border-radius: 7px; border: 1px solid rgb(197, 201, 213); transition: all 0.2s ease 0s;color: #fff; background-color: #232c4a;}
.private-link:hover{color: #121f6a; font-weight: 600;background-color: #fff;}
@media screen and (max-width: 1200px) {
    .private-link{display: none;}
}
.subbutton{padding: 5px 31px}
.subbutton a{display: flex; width: 100%; line-height: 1.2; word-break: keep-all; align-items: center; justify-content: space-between; height: 45px; padding: 0px 15px 0px 20px; border-radius: 10px; border: 1px solid rgb(197, 201, 213);  transition: all 0.2s ease 0s; text-align: center; color: #fff; margin-top: 5px;}
.subbutton a:hover{color: #232c4a; background-color: #fff; font-weight: 600;}
footer .innerWrap{position:relative;background-color:#192031;}
footer .logo-bx{position:absolute;bottom:-30px;right:0px;display:flex;}
footer .logo-bx a + a{margin-left:10px;}
footer .logo-bx a img{display:block;}
@media screen and (max-width: 1200px) {
    footer .logo-bx{position:relative;bottom:auto;right:auto;display:flex;justify-content:space-between;align-self:center;margin:20px auto;max-width:500px;}
    footer .logo-bx a img{height:50px;}
}
/* 인사말 추가 */
.greeting{position:relative; display: flex; align-items: center; margin-top: 53px;}
.greeting h2::before{content: ''; background: url(/page/kpfis/images/sub/quotes.png)no-repeat; width: 43px; height: 44px; position: absolute; left: 0; top: -53px;}
.greeting h2{position: relative; color: #232c4b; font-size: 30px; margin-bottom: 20px;}
.greeting p{color: #5b6275; font-weight: 500;}
.greeting .text_box{flex-basis: 50%;}
.greeting .img_box{text-align: center; flex-basis: 50%;}
.greeting .img_box span{font-size: 18px; font-weight: 500; color: #242c4a; display: flex; align-items: center;  justify-content: center;}
.greeting .img_box strong{margin-left: 13px; font-size: 30px; font-weight: 300;}

@media (max-width: 760px) {
    .greeting{flex-direction: column; margin-top: 0; justify-content: center;}
    .greeting h2{font-size: 20px; margin-top: 50px;}
    .greeting p{font-size: 14px;}
    .greeting .text_box{order: 2;}
    .greeting .img_box{order: 1;}
    .greeting .img_box span{font-size: 14px;}
    .greeting .img_box strong{font-size: 26px;}
}

caption {display: block; position: absolute; width: 0px; height: 0px; overflow: hidden;}

/* 건너뛰기 메뉴 */
.skip{position:relative;z-index:9999; width: 100%;}
.skip a{position: absolute; top: -110px; left:0;width: 100%; line-height: 30px; background-color: #000; color: #fff; text-align: center;}
.skip a:focus, .skipNav a:active{top: 0; border: 2px solid red;}

/* 검색창 label */
.search-box label {width:0px; height: 0px; overflow: hidden; display: block; position: absolute;}

/* 만족도조사 라디오 버튼 focus */
.radio_box input[type="radio"]:focus {border: 1px solid #000; top:3px; left:1px; clip:unset; width:23px; height: 23px; margin: 0;}

/* label 숨김 */
label.hidden {display: inline-block; width:0px; height: 0px; overflow: hidden; position: absolute; text-indent: 9999px;}
.hidden_txt {display: inline-block; width:0px; height: 0px; overflow: hidden; position: absolute; text-indent: 9999px;}

/* 검색창 검색버튼 스타일 */
.srchArea form .search-box .btn-search {opacity: unset; position: absolute; top: 50%; transform: translateY(-50%); right: 26px; width: 20px; height: 20px; background: inherit; border: none; text-indent: 999px;}

/* 국민참여 첨부파일 focus */
.skinBtnBo.ctrlFile-btnFile:focus-visible {outline: 2px solid red;}

/*국문 메인 slick dots 포커스*/
.board_box .slick-dots li button:focus-visible::before {border: 2px solid red;}