@charset "utf-8";

/* ************** reset ************** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}

/* ************** common ************** */
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}
#mainHeader .inner,
#mainFooter .inner{display:block;position:relative;margin:0 auto;width:1100px;box-sizing:border-box;}
#mainHeader .inner:after,
#mainFooter .inner:after{display:block;content:'';clear:both;}
#dim{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:99;}
#dim.active{display:block;}

/* ************** form ************** */
#mainHeader input[type='text'],
#mainHeader input[type='submit'],
#mainHeader input[type='button'],
#mainHeader button{-webkit-appearance:none;appearance:none;margin:1px;border-radius:0;box-sizing:border-box;}

/* ************** sub layout ************** */
.skipNav li a{position:absolute;left:0;top:-60px;width:250px;height:60px;line-height:60px;font-size:20px;color:#fff;text-align:center;background:#2d5182;z-index:100;}
.skipNav li a:focus{top:0;}

#mainHeader{position:fixed;left:0;right:0;top:0;background:#fff;border-bottom:1px solid #004ea2;z-index:100;}
#mainHeader h1{position:absolute;left:50%;top:35px;margin-left:-550px;width:213px;height:39px;text-indent:-9999px;background:url('/images/kipa/main/img_hLogo_on.png') center no-repeat;}
#mainHeader h1 a{display:block;}
#gnbMenu{margin:0 auto;width:635px;}
#gnbMenu > li{display:inline-block;padding:13px 8px 0;}
#gnbMenu > li > a{display:block;position:relative;height:85px;line-height:85px;font-size:18px;font-weight:700;color:#121212;letter-spacing:-1px;}
#gnbMenu > li > a:before{display:block;content:'';position:absolute;left:50%;bottom:0;width:0%;height:3px;background:#f28f00;transform:translateX(-50%);transition-duration:0.3s;}
#gnbMenu > li.active > a:before{width:100%;}
#gnbMenu > li .subMenu{display:none;position:absolute;left:0;right:0;top:98px;background:#fff;box-shadow:20px 20px 20px rgba(0,0,0,0.1);border-top:1px solid #ccc;}
#gnbMenu > li.active .subMenu{display:block;}
#gnbMenu > li .subMenu:before{display:block;content:'';position:absolute;left:0;top:0;bottom:0;width:50%;background:#f3f6fb;}
#gnbMenu > li .subMenu .inner{padding-left:240px;width:1100px;}
#gnbMenu > li .subTitle{position:absolute;left:0;top:0;bottom:0;padding:45px 0 0 15px;width:240px;box-sizing:border-box;}
#gnbMenu > li .subTitle:before{display:block;content:'';position:absolute;bottom:0;right:0;width:465px;height:193px;background:url('/images/kipa/main/bg_gnbMenu.png') center no-repeat;}
#gnbMenu > li .subTitle b{display:block;margin-bottom:20px;font-size:30px;font-weight:700;color:#004ea2;letter-spacing:-1px;}
#gnbMenu > li .subTitle span{display:block;padding-right:30px;font-size:14px;font-weight:400;word-break:keep-all;}
#gnbMenu > li .subTitle span br{display:none;}
#gnbMenu > li .dep2{display:flex;flex-wrap:wrap;padding:50px 0 0 25px;min-height:425px;background:#fff;box-sizing:border-box;}
#gnbMenu > li .dep2 > li{width:25%;margin-bottom:30px;padding:0 7px;box-sizing:border-box;}
#gnbMenu > li.m1 .dep2 > li:nth-child(2),
#gnbMenu > li.m2 .dep2 > li:first-child{width:50%;}
#gnbMenu > li.m6 .dep2 > li:nth-child(3){width:32%;}
#gnbMenu > li .dep2 > li > a{display:block;padding:13px 10px;font-size:18px;font-weight:700;color:#004ea2;line-height:125%;letter-spacing:-1px;text-align:center;border:1px solid #a7b3c6;transition-duration:0.3s;}
#gnbMenu > li .dep2 > li:hover > a{color:#fff;background:#136ac7;border:1px solid #136ac7;}
#gnbMenu > li .dep2 > li > a > span{font-size:17px;font-weight:400;}
#gnbMenu > li .dep2 > li > ul{padding:15px 0;}
#gnbMenu > li .dep2 > li > ul > li{position:relative;padding:6px 0 6px 12px;box-sizing:border-box;}
#gnbMenu > li .dep2 > li > ul > li:before{display:block;content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#bababa;border-radius:50%;}
#gnbMenu > li .dep2 > li > ul > li > a{display:inline-block;font-size:14px;border-bottom:1px solid transparent;letter-spacing:-0.5px;}
#gnbMenu > li .dep2 > li > ul > li > a:hover{color:#136ac7;border-bottom:1px solid #136ac7;}
#gnbMenu > li.m1 .dep2 > li:nth-child(2) > ul,
#gnbMenu > li.m2 .dep2 > li:first-child > ul,
#gnbMenu > li.m4 .dep2 > li:nth-child(2) > ul{display:flex;flex-wrap:wrap;}
#gnbMenu > li.m1 .dep2 > li:nth-child(2) > ul > li,
#gnbMenu > li.m2 .dep2 > li:first-child > ul > li,
#gnbMenu > li.m4 .dep2 > li:nth-child(2) > ul > li{width:50%;}

.topMenu{position:absolute;right:50%;top:42px;margin-right:-550px;}
.topMenu *{vertical-align:top;}
.topMenu .btnEng{display:inline-block;padding-left:25px;line-height:25px;font-weight:700;color:#121212;background:url('/images/kipa/main/icon_eng_on.png') left center no-repeat;}
.topMenu .snsGrp{display:inline-block;margin-left:8px;}
.topMenu .snsGrp li{display:inline-block;padding:0;}
.topMenu .snsGrp li a{display:block;width:25px;height:25px;text-indent:-9999px;background-position:center;background-repeat:no-repeat;}
.topMenu .snsGrp li.sns1 a{background-image:url('/images/kipa/main/icon_youtube_on.png');}
.topMenu .snsGrp li.sns2 a{background-image:url('/images/kipa/main/icon_facebook_on.png');}
.topMenu .snsGrp li.sns3 a{background-image:url('/images/kipa/main/icon_Instagram_on.png');}
.topMenu .snsGrp li.sns4 a{background-image:url('/images/kipa/main/icon_kakao_on.png');}

.topMenu .btnSrchOpen{display:inline-block;margin-left:8px;width:25px;height:25px;text-indent:-9999px;background:url('/images/kipa/main/icon_srch_on.png') center no-repeat;}
.topMenu .btnMenuOpen{display:inline-block;margin-left:8px;width:25px;height:25px;text-indent:-9999px;background:url('/images/kipa/main/icon_menu_on.png') center no-repeat;}
.topSrch{display:none;position:fixed;left:0;right:0;top:98px;padding:20px 0 30px;background:#fafafa;z-index:100;}
.topSrch.active{display:block;}
.topSrch .box{margin:0 auto;width:920px;}
.topSrch p{display:inline-block;position:relative;padding-right:70px;width:800px;height:70px;border-bottom:2px solid #004ea2;box-sizing:border-box;}
.topSrch p input[type="text"]{width:100%;height:70px;background:transparent;border:none;}
.topSrch p .btnSrch{display:inline-block;position:absolute;right:0;bottom:0;width:70px;height:70px;text-indent:-9999px;background:url('/images/kipa/main/icon_srch_on.png') center no-repeat;border:none;}
.topSrch .btnSrchClose{display:inline-block;width:70px;height:70px;text-indent:-9999px;background:url('/images/kipa/main/icon_allMenu_close.png') center no-repeat;}
.topSrch ::-webkit-input-placeholder{font-size:24px;font-weight:700;color:#004ea2;}
.topSrch ::-moz-placeholder{font-size:24px;font-weight:700;color:#004ea2;}
.topSrch :-ms-input-placeholder{font-size:24px;font-weight:700;color:#004ea2;}

#allMenu{display:none;position:absolute;top:30px;left:50%;margin-left:-650px;padding:15px 45px 60px;width:1300px;background:#fff;;box-sizing:border-box;z-index:100;}
#allMenu h2{height:80px;line-height:80px;font-size:28px;font-weight:700;}
#allMenu .btnMenuClose{display:inline-block;position:absolute;right:0;top:0;width:80px;height:80px;text-indent:-9999px;background:url('/images/kipa/main/icon_allMenu_close.png') center no-repeat;}
#allMenu .subTitle{display:none;}
#allMenu > ul{display:flex;border-bottom:1px solid #e5e5e5;}
#allMenu > ul > li{flex:1;position:relative;border-right:1px solid #e5e5e5;}
#allMenu > ul > li:first-child{border-left:1px solid #e5e5e5;}
#allMenu > ul > li > a{display:block;height:60px;line-height:60px;font-size:20px;color:#fff;font-weight:700;text-align:center;background:#004ea2;}
#allMenu > ul > li:before{display:block;content:'';position:absolute;left:-1px;top:0;width:1px;height:60px;background:#1c426c;}
#allMenu > ul > li:first-child:before{display:none;}
#allMenu  .inner{width:auto;}
#allMenu .dep2{padding:25px 20px;}
#allMenu .dep2 > li{margin-bottom:20px;}
#allMenu .dep2 > li > a{font-size:18px;font-weight:700;color:#121212;}
#allMenu .dep2 > li:hover > a{font-weight:700;color:#004ea2;}
#allMenu .dep2 > li > a > span{display:block;}
#allMenu .dep2 > li > ul{margin-top:10px;}
#allMenu .dep2 > li > ul > li{position:relative;padding:4px 0 4px 12px;box-sizing:border-box;}
#allMenu .dep2 > li > ul > li:before{display:block;content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#bababa;border-radius:50%;}
#allMenu .dep2 > li > ul > li > a{display:inline-block;font-size:14px;border-bottom:1px solid transparent;}
#allMenu .dep2 > li > ul > li > a:hover{color:#136ac7;border-bottom:1px solid #136ac7;}
#allMenu.active{display:block;}

#container{padding-top:98px;}

#mainFooter{padding:45px 0 80px;background:#f5f5f5;}
#mainFooter .fLogo{display:inline-block;position:absolute;left:10px;top:0;width:206px;height:38px;text-indent:-9999px;background:url('/images/kipa/main/img_fLogo.png') center no-repeat;background-size:206px 38px;}
#mainFooter .fMenu{padding-left:246px;}
#mainFooter .fMenu li{display:inline-block;margin-right:20px;}
#mainFooter .fMenu li a{display:block;padding:10px 0;font-weight:700;font-size:15px;color:#3b3b3b;letter-spacing:-1px;}
#mainFooter .fMenu li.privacy a{color:#095ab1;}
#mainFooter .copy{padding-left:246px;color:#666;line-height:160%;}

#btnTopMove{display:none;position:fixed;right:50%;bottom:50px;margin-right:-640px;width:60px;height:60px;text-indent:-9999px;background:#fff url('/images/kipa/main/icon_top.png') center no-repeat;border:1px solid #eee;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,0.1);z-index:98;}
#btnTopMove:hover{box-shadow:0 0 30px rgba(0,0,0,0.15);}

/* 20221006 pc 국문 조직도 */
.org-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: 50px 80px 185px 145px 145px 145px 145px 145px 145px;
    grid-template-rows: 50px 80px 185px 145px 145px 145px 145px 145px 145px;
        grid-template-areas: 
        "a01 a02 a03 a03 a04 a30 a05 a06 a07 a08 a09 a10 a11"
		"a01 a02 a12 a13 a04 a30 a05 a06 a07 a08 a09 a10 a11"
        "a01 a02 a12 a13 a14 a30 a05 a15 a07 a08 a09 a10 a11"
        "a16 . a17 a18 . . a19 a20 a33 . . . ."
		". . a21 a32 . . a23 a24 . . . . a25"
		". . a26 a22 . . a31 . . . . . ."
		". . . a27 . . a28 . . . . . ."
}

.org-item{
    display: inline-block;
    background-color: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 5px;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    height: calc(100% - 5px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    margin-bottom: 5px;
    width: 60px;
    line-height: 54px;
    font-size: 14px;
    color: #222;
}

.org-item.ls{letter-spacing: 10px;}
.org-item.fw-bold{font-weight: bold;}

.org-item:hover{cursor: pointer}
.org-item:hover,
.org-bg-01.org-item:hover,
.org-bg-02.org-item:hover,
.org-bg-03.org-item:hover,
.org-bg-04.org-item:hover,
.org-bg-05.org-item:hover,
.org-bg-06.org-item:hover,
.org-bg-07.org-item:hover,
.org-bg-08.org-item:hover,
.org-bg-09.org-item:hover
{background-color: #fff;border-color: #2e7ed5}
.org-item:hover,
.org-fg-01.org-item:hover
{color: #156fd1;font-weight: bold;}

.org-grid .wm-normal{-webkit-writing-mode: initial;-ms-writing-mode: initial;writing-mode: initial;}
.org-item.org-fg-01{color: #fff;}
.org-item.org-bg-01{background-color: #004ea2;border-color: #004ea2;}
.org-item.org-bg-02{background-color: #3285b1;border-color: #3285b1;}
.org-item.org-bg-03{background-color: #6f778b;border-color: #6f778b;}
.org-item.org-bg-04{background-color: #307fa9;border-color: #307fa9;}
.org-item.org-bg-05{background-color: #dde3ef;border-color: #dde3ef;}
.org-item.org-bg-06{background-color: #d4eaf6;border-color: #d4eaf6;}
.org-item.org-bg-07{background-color: #d1eee6;border-color: #d1eee6;}
.org-item.org-bg-08{background-color: #eee3da;border-color: #eee3da;}
.org-item.org-bg-09{background-color: #e6e6e6;border-color: #e6e6e6;}
.org-item.org-mr5{width: calc(100% - 12px);}
.org-item.custom-01{line-height: 100%;padding: 5px 14px;}
.org-item.custom-02{line-height: 100%;padding: 36px 7px;}
.org-item.custom-03{width: 45px;}
.org-item.custom-04{line-height: 40px;}

.org-grid-01 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;grid-area: a01;}

.emp-card-grid-m1 {
	margin-top:15px;
}

.emp-grid > .org-grid-01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}

.emp-card-grid > .org-grid-01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.org-grid-02 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: a02;}
.emp-grid > .org-grid-02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid > .org-grid-02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.org-grid-03 {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 2;grid-area: a03;}
.emp-grid > .org-grid-03 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;}
.emp-card-grid > .org-grid-03 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.org-grid-04 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 6;grid-area: a04;}
.emp-grid > .org-grid-04 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;}
.emp-card-grid > .org-grid-04 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.org-grid-05 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;grid-area: a05;}
.emp-grid > .org-grid-05 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;}
.emp-card-grid > .org-grid-05 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.org-grid-06 {-ms-grid-row: 1;-ms-grid-column: 9;-ms-grid-column-span: 2;grid-area: a06;}
.emp-grid > .org-grid-06 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;}
.emp-card-grid > .org-grid-06 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;}
.org-grid-07 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 11;grid-area: a07;}
.emp-grid > .org-grid-07 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 13;}
.emp-card-grid > .org-grid-07 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.org-grid-08 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 12;grid-area: a08;}
.emp-grid > .org-grid-08 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 15;}
.emp-card-grid > .org-grid-08 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.org-grid-09 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;grid-area: a09;}
.emp-grid > .org-grid-09 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 17;}
.emp-card-grid > .org-grid-09 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.org-grid-10 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 14;grid-area: a10;}
.emp-grid > .org-grid-10 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 19;}
.emp-card-grid > .org-grid-10 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.org-grid-11 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 15;grid-area: a11;}
.emp-grid > .org-grid-11 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 21;}
.org-grid-12 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 16;grid-area: a12;}
.emp-grid > .org-grid-12 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 23;}
.org-grid-13 {-ms-grid-row: 2;-ms-grid-column: 3;grid-area: a13;}
.emp-grid > .org-grid-13 {
    -ms-grid-row: 1;
    -ms-grid-column: 25;}
.org-grid-14 {-ms-grid-row: 2;-ms-grid-column: 4;grid-area: a14;}
.emp-grid > .org-grid-14 {
    -ms-grid-row: 1;
    -ms-grid-column: 27;}
.org-grid-15 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2; grid-area: a15;}
.emp-grid > .org-grid-15 {
    -ms-grid-row: 1;
    -ms-grid-column: 29;}
.org-grid-16 {-ms-grid-row: 2;-ms-grid-column: 7;grid-area: a16;}
.org-grid-17 {-ms-grid-row: 2;-ms-grid-column: 8;grid-area: a17;}
.org-grid-18 {-ms-grid-row: 2;-ms-grid-column: 9;grid-area: a18;}
.org-grid-19 {-ms-grid-row: 2;-ms-grid-column: 10;grid-area: a19;}
.org-grid-20 {-ms-grid-row: 3;-ms-grid-column: 1;grid-area: a20;}
.org-grid-33 {-ms-grid-row: 3;-ms-grid-column: 2;grid-area: a33;}
.org-grid-21 {-ms-grid-row: 3;-ms-grid-column: 3;grid-area: a21;}
.org-grid-22 {-ms-grid-row: 3;-ms-grid-column: 4;grid-area: a22;}
.org-grid-23 {-ms-grid-row: 3;-ms-grid-column: 8;grid-area: a23;}
.org-grid-24 {-ms-grid-row: 3;-ms-grid-column: 10;grid-area: a24;}
.org-grid-25 {-ms-grid-row: 4;-ms-grid-column: 3;grid-area: a25;}
.org-grid-26 {-ms-grid-row: 4;-ms-grid-column: 4;grid-area: a26;}
.org-grid-27 {-ms-grid-row: 4;-ms-grid-column: 10;grid-area: a27;}
.org-grid-28 {-ms-grid-row: 4;-ms-grid-column: 16;grid-area: a28;}
.org-grid-29 {-ms-grid-row: 5;-ms-grid-column: 3;grid-area: a29;}
.org-grid-30 {-ms-grid-row: 5;-ms-grid-column: 3;grid-area: a30;}
.org-grid-31 {-ms-grid-row: 5;-ms-grid-column: 3;grid-area: a31;}
.org-grid-32 {-ms-grid-row: 5;-ms-grid-column: 3;grid-area: a32;}

/* 조직도 끝 */
/* 팝업시작 */
.org-popup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.org-popup-open{overflow: hidden;}
.org-popup-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
}
.org-popup-container{
    position: relative;
    width: auto;
    margin: 150px auto;
    pointer-events: none;
    height: calc(100% - 300px);
    max-width: 1100px;
    border-radius: 5px;
}
.org-popup-content{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 5px;
    outline: 0;
    max-height: 100%;
    overflow: hidden;
}
.org-popup-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #1c61ac;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.org-popup-header-title{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 23px;
    font-weight: bold;
    padding: 15px 0 19px 41px;
    color: #fff;
}
.org-popup-header-close{
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    background-color: #005192;
    padding: 30px;
    font-size: 20px;
}
.org-popup-header-close:hover{
    cursor: pointer;
    opacity: .8;
}
.org-popup-body{
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 44px 50px 50px 50px;
    overflow-y: auto;
}
/* 팝업끝 */
/* 직원소개 시작 */
.emp-grid{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
    grid-template-columns: repeat(15, 1fr);
    -ms-grid-rows: 42px;
    grid-template-rows: 42px;
    -webkit-column-gap: 2px;
       -moz-column-gap: 2px;
            column-gap: 2px;
        grid-template-areas: 
        "a01 a02 a03 a04 a05 a06 a07 a08 a09 a10 a11 a12 a13 a14 a15";
    margin-bottom: 20px;
}
.emp-grid-item{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #ebebeb;
    border-radius: 5px;
    color: #999;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    position: relative;
}
.emp-grid-item:hover{
    cursor: pointer;
}
.emp-grid-item.on{
    background-color: #14487c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.emp-grid-item::after{
    content: '';
    position: absolute;
    top: 30px;
    display: none;
    border-bottom: 18px solid transparent;
    border-top: 18px solid #ebebeb;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transform: translate(9px, 0);
        -ms-transform: translate(9px, 0);
            transform: translate(9px, 0);
}
.on.emp-grid-item::after{
    border-top-color: #14487c;
    display: block;
}

.emp-grid-01 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;grid-area: a01;}

.emp-grid > .emp-grid-01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}

.emp-card-grid > .emp-grid-01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-grid-02 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: a02;}
.emp-grid > .emp-grid-02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid > .emp-grid-02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-grid-03 {-ms-grid-row: 1;-ms-grid-column: 3;-ms-grid-column-span: 3;grid-area: a03;}
.emp-grid > .emp-grid-03 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-grid-03 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.emp-grid-04 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 6;grid-area: a04;}
.emp-grid > .emp-grid-04 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;}
.emp-card-grid > .emp-grid-04 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-grid-05 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;grid-area: a05;}
.emp-grid > .emp-grid-05 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-grid-05 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.emp-grid-06 {-ms-grid-row: 1;-ms-grid-column: 9;-ms-grid-column-span: 2;grid-area: a06;}
.emp-grid > .emp-grid-06 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-grid-06 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;}
.emp-grid-07 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 11;grid-area: a07;}
.emp-grid > .emp-grid-07 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 13;}
.emp-card-grid > .emp-grid-07 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-grid-08 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 12;grid-area: a08;}
.emp-grid > .emp-grid-08 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 15;}
.emp-card-grid > .emp-grid-08 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-grid-09 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;grid-area: a09;}
.emp-grid > .emp-grid-09 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 17;}
.emp-card-grid > .emp-grid-09 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-grid-10 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 14;grid-area: a10;}
.emp-grid > .emp-grid-10 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 19;}
.emp-card-grid > .emp-grid-10 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-grid-11 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 15;grid-area: a11;}
.emp-grid > .emp-grid-11 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 21;}
.emp-grid-12 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 16;grid-area: a12;}
.emp-grid > .emp-grid-12 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 23;}
.emp-grid-13 {-ms-grid-row: 2;-ms-grid-column: 3;grid-area: a13;}
.emp-grid > .emp-grid-13 {
    -ms-grid-row: 1;
    -ms-grid-column: 25;}
.emp-grid-14 {-ms-grid-row: 2;-ms-grid-column: 4;grid-area: a14;}
.emp-grid > .emp-grid-14 {
    -ms-grid-row: 1;
    -ms-grid-column: 27;}
.emp-grid-15 {-ms-grid-row: 2;-ms-grid-column: 5;grid-area: a15;}
.emp-grid > .emp-grid-15 {
    -ms-grid-row: 1;
    -ms-grid-column: 29;}

.emp-card-grid{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
        grid-template-areas: 
        "a01 a02"
        "a03 a04"
        "a05 a06"
        "a07 a08"
        "a09 a10";
}
.emp-card-grid-item{
    padding: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dddddd;
    position: relative;
    cursor: pointer;
}

.emp-card-grid-item-line{
	border: 1px solid #dddddd;
}

.emp-card-grid-item::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    background-color: #1c61ac;
}
.emp-card-grid-item:hover::before{
    width: 100%;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.emp-card-grid-item-body{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.emp-card-grid-name{
    font-size: 23px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 14px;
}
.emp-card-grid-item:hover .emp-card-grid-name{
    color: #1c61ac;
}
.emp-card-grid-job{
    margin-bottom: 21px;
    font-size: 10px;
    font-weight: 400;
    color: #666;
}
.emp-card-grid-job::before{
    content: attr(data-dept);
    color: #212121;
    font-size: 14px;
    font-weight: 400;
}
.emp-card-grid-job::after{
    content: attr(data-job);
    color: #212121;
    font-size: 14px;
    font-weight: 400;
}
.emp-card-grid-item:hover .emp-card-grid-job,
.emp-card-grid-item:hover .emp-card-grid-job::before,
.emp-card-grid-item:hover .emp-card-grid-job::after{
    color: #1c61ac;
}
.emp-card-grid-major{
    margin-bottom: 8px;
    font-size: 14px;
}
.emp-card-grid-major::before{
    width: 70px;
    display: inline-block;
    content: attr(data-column);
    font-weight: bold;
    color: #333;
}
.emp-card-grid-major::after{
    content: attr(data-value);
    font-weight: 400;
    color: #666666;
}

.emp-card-grid-tel{
    margin-bottom: 8px;
    font-size: 14px;
}
.emp-card-grid-tel::before{
    width: 70px;
    display: inline-block;
    content: attr(data-column);
    font-weight: bold;
    color: #333;
}
.emp-card-grid-tel::after{
    content: attr(data-value);
    font-weight: 400;
    color: #666666;
    background: url('/images/kipa/content/emp_icon_phone.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
    background-position: center left;
}
.emp-card-grid-email{
    font-weight: bold;
    font-size: 14px;
}
.emp-card-grid-email::before{
    width: 70px;
    display: inline-block;
    content: attr(data-column);
    font-weight: bold;
    color: #333;
}
.emp-card-grid-email::after{
    content: attr(data-value);
    font-weight: 400;
    color: #666666;
    background: url('/images/kipa/content/emp_icon_email.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
    background-position: center left;
}
.emp-card-grid-item-image{
    -ms-flex-negative: 1;
        flex-shrink: 1;
    border: 1px solid #fff;
    border-radius: 100%;
}
.emp-card-grid-1 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;grid-area: a01;}
.emp-grid > .emp-card-grid-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-card-grid > .emp-card-grid-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-card-grid-2 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: a02;}
.emp-grid > .emp-card-grid-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid > .emp-card-grid-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid-3 {-ms-grid-row: 1;-ms-grid-column: 3;-ms-grid-column-span: 3;grid-area: a03;}
.emp-grid > .emp-card-grid-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-card-grid-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.emp-card-grid-04 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 6;grid-area: a04;}
.emp-grid > .emp-card-grid-4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;}
.emp-card-grid > .emp-card-grid-4 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid-5 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;grid-area: a05;}
.emp-grid > .emp-card-grid-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-card-grid-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;}
.emp-card-grid-6 {-ms-grid-row: 1;-ms-grid-column: 9;-ms-grid-column-span: 2;grid-area: a06;}
.emp-grid > .emp-card-grid-6 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;}
.emp-card-grid > .emp-card-grid-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;}
.emp-card-grid-7 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 11;grid-area: a07;}
.emp-grid > .emp-card-grid-7 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 13;}
.emp-card-grid > .emp-card-grid-7 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-card-grid-8 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 12;grid-area: a08;}
.emp-grid > .emp-card-grid-8 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 15;}
.emp-card-grid > .emp-card-grid-8 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}
.emp-card-grid-9 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;grid-area: a09;}
.emp-grid > .emp-card-grid-9 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 17;}
.emp-card-grid > .emp-card-grid-9 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;}
.emp-card-grid-10 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 14;grid-area: a10;}
.emp-grid > .emp-card-grid-10 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 19;}
.emp-card-grid > .emp-card-grid-10 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;}

/* 직원소개 끝 */

/* 직원상세 시작 */
.emp-detail {
	position: relative;
	padding-left: 145px;
}

.emp-detail img{
	position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
    border: 1px solid #fff;
    border-radius: 100%;
}

.emp-detail-name{
    font-size: 23px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 2px;
}

.emp-detail-job{
    margin-bottom: 15px;
    font-size: 10px;
    font-weight: 400;
    color: #666;
}
.emp-detail-job::before{
    content: attr(data-dept);
    color: #212121;
    font-size: 14px;
    font-weight: 400;
}
.emp-detail-job::after{
    content: attr(data-job);
    color: #212121;
    font-size: 14px;
    font-weight: 400;
}

.emp-detail-buttons{
	margin-top: 20px;
	text-align: center;
	cursor:pointer;
}

.emp-detail-button{
	background-color: #fff;
    color: #1c61ac;
	display: inline-block;
	width: 90px;
	border: 1px solid #1c61ac;
    border-radius: 5px;
    height: 33px;
    box-sizing: border-box;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
}
/* 직원상세 끝 */

/* 역대원장 시작 */
.owner-item {
    display: flex;
    width: 870px;
    line-height: 165px;
    cursor: pointer;
}

.owner-item-title {
    min-width: 90px;
    font-size: 24px;
    font-weight: bold;
}

.owner-item-img {
    margin: 0 14px 0 17px;
    height: 141px;
}

.owner-item-date {
    font-size: 20px;
    font-weight: bold;
    color: #999999;
}

.owner-item-date .owner-item-date-blue {
    color: #004ea2;
}

.owner-item-owner-img {
    margin: 0 17px 0 34px;
}

.owner-item-owner-img img{
    width: 120px;
    height: 120px; 
    border-radius: 50%;
    overflow: hidden;
}

.owner-item-name-box {
    border-bottom: 1px solid #dddddd;
    width: 249px;
}

.owner-item-name-box-1 {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin-top: 80px;
    line-height: 0px;
}

.owner-item-name-box-2 {
    color: #999999;
    font-size: 20px;
    font-weight: bold;
    margin-top: 37px;
    line-height: 0px;
}

.owner-popup-box {
    display: flex;
    border-top: 1px solid #14487c;
}

.owner-popup-box-left {
    margin-top: 18px;
    width: 140px;
    text-align: center;
}

.owner-popup-box-left-img {
    width: 125px;
    height: 125px; 
    border-radius: 50%;
    overflow: hidden;
}

.owner-popup-box-left-name1 {
    color: #333333;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
}

.owner-popup-box-left-name2 {
    color: #999999;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
}

.owner-popup-box-right {
    margin-top: 3px;
    margin-left: 40px;
    width: 580px;
}

.owner-popup-box-right-div {
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding: 25px 0 25px 0;
}

.owner-popup-box-right-div-box {
    display: flex;
}

.owner-popup-box-right-div-title {
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    min-width: 110px;
}

.owner-popup-box-right-div-date {
    color: #333333;
    font-size: 16px;
    min-width: 70px;
}

.owner-popup-box-right-div-content {
    color: #333333;
    font-size: 16px;
}

/* 역대원장 종료 */

/* 20230112 개인정보처리방침 : s */
.privacy_wrap{font-family:'Nanum Gothic';}
.privacy_top{margin:30px 0;padding:25px 40px 35px;background:#f3f6fb;border-top:1px solid #004ea2;}
.privacy_top strong{display:block;margin-bottom:15px;font-weight:bold;font-size:20px;color:#004ea2;text-align:center;}
.privacy_top ul{display:flex;flex-wrap:wrap;}
.privacy_top ul li{padding:8px;width:calc(100% / 3);box-sizing:border-box;}
.privacy_top ul li div.box{padding:10px;height:230px;background:#fff;text-align:center;box-sizing:border-box;}
.privacy_top ul li .img{display:flex;justify-content:center;align-items:center;height:111px;}
.privacy_top ul li .title{display:block;margin-bottom:3px;font-size:16px;line-height:1.3em;}
.privacy_top ul li .desc{display:block;margin-bottom:10px;font-size:15px;line-height:1.3em;}
.privacy_top ul li .anchor_btn{display:inline-block;width:139px;height:28px;line-height:28px;font-size:13px;color:#4e4e4e;text-align:center;border:1px solid #979797;box-sizing:border-box;}
.privacy_top ul li .anchor_btn:hover{color:#000;border:1px solid #000;}
.privacy_list_area{margin:25px 0 15px;}
.privacy_list_area .title{display:block;padding-bottom:20px;font-size:20px;color:#004ea2;text-align:center;}
.privacy_list_area .privacy_list{display:flex;padding:30px 35px;border:1px solid #ddd;border-top:1px solid #004ea2;}
.privacy_list_area .privacy_list ul{padding:0 15px;width:50%;box-sizing:border-box;}
.privacy_list_area .privacy_list ul li{padding:8px 0;}
.privacy_list_area .privacy_list ul li a{font-size:15px;}
.privacy_list_area .privacy_list ul li a:hover{text-decoration:underline;}
.privacy_h2{margin-top:-50px;height:105px;position:relative;z-index:-1;}
.privacy_b{display:block;margin-bottom:25px;font-size:20px;font-weight:bold;}
.privacy_b img{margin-right:15px;}
.privacy_con > ul > li{margin-bottom:15px;}
.privacy_con .box{margin:5px 0;padding:13px 12px;background:#fafafa;border:1px solid #e5e5e5;}
.privacy_con table.view.center{margin:5px 0;}
.privacy_con table.view.center th,
.privacy_con table.view.center td{text-align:center;}
.privacy_con .dep2{padding-left:20px;}
.privacy_con .btn_old{color:#0066cc;}
.privacy_con .btn_old:hover{text-decoration:underline;}
/* 20230112 개인정보처리방침 : e */

/* 20240325 홍보물 : s (이미지 절대경로로 수정해주세요.) */
.promotion_wrap h4{margin-bottom:20px;font-size:20px;}
.video_area{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:55px;}
.video_area .box{width:calc(50% - 15px);text-align:center;}
.video_area .box .img{display:block;position:relative;margin-bottom:19px;border-radius:5px;overflow:hidden;}
.video_area .box .img img{transition-duration:0.3s;}
.video_area .box .img:before{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4) url('../../images/kipa/content/icon_video_play.png') no-repeat center;transition-duration:0.3s;z-index:2;}
.video_area .box .img:hover img{transform:scale(1.1);}
.video_area .box .img:hover:before{background-color:rgba(0,0,0,0);}
.video_area .box p{font-size:16px;color:#3b3b3b;}
.down_btn{display:inline-block;padding:8px 49px 8px 19px;font-size:15px;color:#fff;background:#0a3163 url('../../images/kipa/content/icon_down_btn.png') no-repeat right 19px center;transition-duration:0.3s;}
.down_btn:hover{background-color:#013981;}
.brochure_area{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:55px;}
.brochure_area .box{padding:30px;width:calc(50% - 15px);text-align:center;border:1px solid #e7e7e7;border-top:1px solid #005192;box-sizing:border-box;}
.brochure_area .box .img{display:block;margin:0 auto 20px;}
.brochure_area .box p{margin-bottom:13px;font-weight:700;font-size:16px;color:#3b3b3b;}
.report_area{display:flex;flex-wrap:wrap;margin:-7px -7px 55px;}
.report_area .box{margin:7px;padding:30px;width:calc(100%/3 - 14px);text-align:center;border:1px solid #e7e7e7;border-top:1px solid #005192;box-sizing:border-box;}
.report_area .box .img{display:block;margin:0 auto 20px;}
.report_area .box p{margin-bottom:13px;font-weight:700;font-size:16px;color:#3b3b3b;}
.video-body{overflow:hidden;}
.video-popup{position: fixed;top: 0;left: 0;z-index: 1055;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;}
.video-popup.active{display:block;}
.video-popup-open{overflow: hidden;}
.video-popup-backdrop{display:none;position: fixed;top: 0;left: 0;z-index: 1050;width: 100vw;height: 100vh;background-color: #000;opacity: .5;}
.video-popup-backdrop.active{display:block;}
.video-popup-container{position: relative;width: auto;margin: 150px auto;pointer-events: none;height: calc(100% - 300px);max-width: 1100px;border-radius: 5px;}
.video-popup-content{position: relative;display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border-radius: 5px;outline: 0;max-height: 100%;overflow: hidden;}
.video-popup-header{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;background-color: #1c61ac;border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px);}
.video-popup-title{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;font-size: 23px;font-weight: bold;padding: 15px 0 19px 41px;color: #fff;line-height:1.25em;}
.video-popup-close{-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-sizing: content-box;box-sizing: content-box;color: #fff;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border: 0;background-color: #005192;padding: 30px;font-size: 20px;}
.video-popup-close:hover{cursor: pointer;opacity: .8;}
.video-popup-body{position: relative; -webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 44px 50px 50px 50px;overflow-y: auto;}
.video-popup .video-con{display:flex;justify-content:space-between;}
.video-popup .video-con .txt{padding:20px;width:340px;height:360px;font-size:15px;color:#333;line-height:1.5em;background:#f9f9f9;border:1px solid #e7e7e7;overflow-y:auto;box-sizing:border-box;}
.video-popup .video-con .txt::-webkit-scrollbar{width:10px;}
.video-popup .video-con .txt::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid transparent;border-radius:5px;background-clip:padding-box;}
.video-popup .video-con .txt::-webkit-scrollbar-track{background-color:#fff;}
/* 20240325 홍보물 : e */