@charset "UTF-8";
/* subpage common */
.sub-pg-wrap { width: 1280px; margin: 0 auto; }

.sub-title { display: block; }
.sub-title.size30 { font-size: 30px; font-weight: 500; color: #000; line-height: 1; margin-bottom: 25px; }

.title-banner { position: relative; height: 180px; background-repeat: no-repeat; background-position: 0 0; }
.title-banner i { position: absolute; bottom: -55px; left: 0; right: 0; margin: 0 auto; display: block; width: 110px; height: 110px; border-radius: 50%; background: #fff url("../images/sub/title-banner-circle-icon.png") center center no-repeat; }
.title-banner.bg-1 { background-image: url("../images/sub/title-banner-bg-1.jpg"); }
.title-banner.bg-2 { background-image: url("../images/sub/title-banner-bg-2.jpg"); }

.clamp-title { text-align: center; margin-top: 52px; }
.clamp-title p { display: inline-block; position: relative; font-size: 24px; font-weight: 500; color: #222; padding: 30px 86px; }
.clamp-title p:before, .clamp-title p:after { content: ""; display: block; position: absolute; width: 49px; height: 49px; }
.clamp-title p:before { background: url("../images/sub/clamp-left.png") 0 0 no-repeat; top: 0; left: 0; }
.clamp-title p:after { background: url("../images/sub/clamp-right.png") 0 0 no-repeat; bottom: 0; right: 0; }
.clamp-title span { display: inline-block; font-size: 17px; font-weight: 300; color: #222; line-height: 1.88; }

.guide-banner { display: flex; background-color: #4269a7; height: 204px; }
.guide-banner .txt { display: flex; flex: 1; flex-direction: column; justify-content: center; padding-left: 50px; }
.guide-banner .txt strong { display: block; font-size: 24px; font-weight: 500; color: #fff; line-height: 1; margin-bottom: 15px; }
.guide-banner .txt p { display: flex; align-items: center; font-size: 17px; font-weight: 300; color: #fff; line-height: 1.88; }
.guide-banner .pic { width: 330px; }

.sp-icon-list { margin-top: -50px; background-color: #fff; box-sizing: border-box; }
.sp-icon-list > ul > li { position: relative; display: flex; }
.sp-icon-list .ls-icon { width: 52px; height: 51px; margin-left: 25px; margin-right: 58px; margin-top: 51px; background-repeat: no-repeat; background-image: url("../images/sub/sp-icon-list-icon.png"); }
.sp-icon-list .ls-icon.icon-1 { background-position: 0 0; }
.sp-icon-list .ls-icon.icon-2 { background-position: -52px 0; }
.sp-icon-list .ls-icon.icon-3 { background-position: -104px 0; }
.sp-icon-list .ls-icon.icon-4 { background-position: -156px 0; }
.sp-icon-list .ls-icon.icon-5 { background-position: -208px 0; }
.sp-icon-list .ls-icon.icon-6 { background-position: -260px 0; }
.sp-icon-list .ls-icon.icon-7 { background-position: -312px 0; }
.sp-icon-list .ls-icon.icon-8 { background-position: -364px 0; }
.sp-icon-list .ls-icon.icon-9 { background-position: -416px 0; }
.sp-icon-list .ls-icon.icon-10 { background-position: -468px 0; }
.sp-icon-list .ls-icon.icon-11 { background-position: -520px 0; }
.sp-icon-list .ls-icon.icon-12 { background-position: -572px 0; }
.sp-icon-list .ls-icon.icon-13 { background-position: -624px 0; }
.sp-icon-list .ls-con { flex: 1; padding: 50px 0; border-bottom: 1px solid #ccd8ea; }
.sp-icon-list .ls-con.bdb-x { border-bottom: 0; }
.sp-icon-list .ls-con .tt { display: block; font-size: 28px; font-weight: 500; color: #000; margin-bottom: 15px; }
.sp-icon-list .ls-con .c-detail { position: relative; }
.sp-icon-list .nm-txt { font-size: 17px; font-weight: 300; color: #222; line-height: 1.88; }
.sp-icon-list .nm-txt .blue-txt-point { font-weight: 500; color: #0e3f8f; }
.sp-icon-list .content-ls { margin-top: 38px; }
.sp-icon-list .content-ls .cont-ls { margin-bottom: 40px; }
.sp-icon-list .content-ls .cont-ls:last-child { margin-bottom: 0; }
.sp-icon-list .content-ls .cont-ls .tt { display: block; font-size: 24px; font-weight: 700; color: #0e3f8f; margin-bottom: 30px; }
.sp-icon-list .content-ls .cont-ls .txt { font-size: 17px; font-weight: 300; color: #222; line-height: 1.88; }

.cross-mark-list li { position: relative; padding-left: 23px; font-size: 17px; font-weight: 300; color: #222; display: block; margin-bottom: 15px; }
.cross-mark-list li:last-child { margin-bottom: 0; }
.cross-mark-list li:after { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 3px; left: 0; background-repeat: no-repeat; background-image: url("../images/sub/cross-mark-ico.png"); background-position: 0 0; }
.cross-mark-list.line-bt-10 li { margin-bottom: 10px; }
.cross-mark-list.line-bt-10 li:last-child { margin-bottom: 0; }

.customer-call-banner { overflow: hidden; display: flex; align-items: center; background-color: #667186; }
.customer-call-banner.size-50per .tt { box-sizing: border-box; width: 50%; }
.customer-call-banner.size-50per .number { box-sizing: border-box; width: 50%; }
.customer-call-banner .tt { position: relative; display: flex; align-items: center; height: 100px; background-color: #0e3f8f; padding-left: 65px; padding-right: 96px; }
.customer-call-banner .tt:after { position: absolute; top: 50%; right: -22px; transform: translate(0, -50%); content: ""; display: block; width: 44px; height: 44px; background: url("../images/sub/customer-call-arrow-ico.png") 0 0 no-repeat; }
.customer-call-banner .tt strong { position: relative; font-size: 20px; font-weight: 500; color: #fff; display: block; padding-left: 52px; }
.customer-call-banner .tt strong:after { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); display: block; content: ""; width: 34px; height: 37px; background: url("../images/sub/customer-call-title-ico.png") 0 0 no-repeat; margin-top: 5px; }
.customer-call-banner .number { display: flex; align-items: center; height: 100px; flex: 1; padding-left: 90px; }
.customer-call-banner .number .tell-num { font-size: 20px; font-weight: 500; color: #fff; }
.customer-call-banner .number .tell-ls { display: flex; text-align: center; width: 100%; }
.customer-call-banner .number .tell-ls li { position: relative; flex: 1; font-size: 20px; color: #fff; display: flex; justify-content: center; }
.customer-call-banner .number .tell-ls li:after { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; right: -2px; transform: translate(0 -50%); }
.customer-call-banner .number .tell-ls li strong { font-weight: 500; margin-right: 13px; }
.customer-call-banner .number .tell-ls li p { font-weight: 300; }

.normal-board table { width: 100%; border-top: 2px solid #0e3f8f; }
.normal-board table th { font-size: 17px; font-weight: 500; color: #0e3f8f; padding: 10px; text-align: center; border-bottom: 1px solid #dbdbdb; background-color: #fff; }
.normal-board table td { font-size: 17px; font-weight: 300; color: #636363; border-bottom: 1px solid #dbdbdb; padding: 10px; text-align: center; }
.normal-board table .txt-center { text-align: center !important; }
.normal-board table .txt-left { text-align: left !important; }
.normal-board table .txt-right { text-align: right !important; }
.normal-board table .impor-txt-b { font-weight: 500; color: #222; }
.normal-board table thead tr { border-bottom: 1px solid #0e3f8f; }
.normal-board table thead th { padding: 10px; height: 76px; box-sizing: border-box; border: 0; }
.normal-board table thead th:first-child { border-left: 0; }
.normal-board table thead th:last-child { border-right: 0; }
.normal-board table tbody th { text-align: center; font-size: 17px; font-weight: 500; color: #222; height: 74px; box-sizing: border-box; }
.normal-board table tbody th.txt-c-blue { color: #0e3f8f; }
.normal-board table tbody td { font-size: 17px; font-weight: 300; color: #636363; height: 74px; box-sizing: border-box; }
.normal-board table tbody .bdl-line { border-left: 1px solid #dbdbdb; }
.normal-board table tbody .bdr-line { border-right: 1px solid #dbdbdb; }
.normal-board.side-line-x thead th { border: 0; }
.normal-board.side-line-x tbody th { border: 0; border-bottom: 1px solid #dbdbdb; }
.normal-board.side-line-x tbody td { border: 0; border-bottom: 1px solid #dbdbdb; }
.normal-board .st-c-black { font-size: 17px; font-weight: 500; color: #222; }
.normal-board .st-c-blue { font-size: 17px; font-weight: 500; color: #0e3f8f; }

.sp-part-box { margin-bottom: 54px; }
.sp-part-box.h4 { margin-bottom: 55px; }
.sp-part-box.h4.line { border-bottom: 1px solid #e6ebf4; padding-bottom: 50px; margin-bottom: 50px; }
.sp-part-box:last-child { margin-bottom: 0; padding-bottom: 0; }

/* 인사말 */
.pginfo-greeting-wrap .greeting-con-txt { margin-top: 55px; padding-top: 60px; border-top: 1px solid #ccc; }
.pginfo-greeting-wrap .greeting-con-txt .con { font-size: 17px; font-weight: 300; color: #222; line-height: 2.35; padding-right: 395px; background: url("../images/sub/greeting-con-pic.jpg") right 0 no-repeat; }
.pginfo-greeting-wrap .greeting-con-txt .con strong { font-weight: 500; }
.pginfo-greeting-wrap .greeting-con-txt .manager { margin-top: 55px; position: relative; display: inline-block; font-size: 17px; font-weight: 500; color: #222; }
.pginfo-greeting-wrap .greeting-con-txt .manager:after { content: ""; display: block; height: 2px; width: 87px; background-color: #0e3f8f; position: absolute; top: 11px; right: -108px; }

/* Mission/Vision */
.pginfo-mvsion-wrap .mv-guide { text-align: center; }
.pginfo-mvsion-wrap .mv-guide li { display: block; padding: 60px 0 55px; border-bottom: 1px solid #e6ebf4; }
.pginfo-mvsion-wrap .mv-guide li:first-child { padding-top: 0; }
.pginfo-mvsion-wrap .mv-guide li strong { position: relative; display: block; font-size: 28px; font-weight: 700; color: #0e3f8f; margin-bottom: 20px; padding-top: 60px; }
.pginfo-mvsion-wrap .mv-guide li strong:before, .pginfo-mvsion-wrap .mv-guide li strong:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #2856e1; }
.pginfo-mvsion-wrap .mv-guide li strong:before { width: 11px; height: 11px; border-radius: 50%; top: 0; }
.pginfo-mvsion-wrap .mv-guide li strong:after { width: 1px; height: 28px; border-radius: 50%; top: 15px; }
.pginfo-mvsion-wrap .mv-guide li p { font-size: 28px; font-weight: 500; color: #000; }
.pginfo-mvsion-wrap .mv-guide li p em { color: #0e3f8f; }
.pginfo-mvsion-wrap .mv-diagram { position: relative; height: 819px; background: url("../images/sub/mv-diagram-bg.png") 0 0 no-repeat; }
.pginfo-mvsion-wrap .mv-diagram .tt { text-align: center; position: absolute; top: 440px; left: 591px; font-size: 16px; font-weight: 400; color: #000; line-height: 1.26; }
.pginfo-mvsion-wrap .mv-diagram .tt em { font-size: 24px; font-weight: 700; }
.pginfo-mvsion-wrap .mv-diagram .list li { text-align: center; }
.pginfo-mvsion-wrap .mv-diagram .list li strong { position: absolute; top: 0; left: 0; font-size: 24px; font-weight: 700; color: #fff; }
.pginfo-mvsion-wrap .mv-diagram .list li p { position: absolute; top: 0; left: 0; font-size: 17px; font-weight: 300; color: #222; line-height: 1.64; letter-spacing: -0.9px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(1) strong { top: 241px; left: 594px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(1) p { top: 53px; left: 408px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(2) strong { top: 532px; left: 424px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(2) p { text-align: left; top: 689px; left: 54px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(3) strong { top: 532px; left: 785px; }
.pginfo-mvsion-wrap .mv-diagram .list li:nth-child(3) p { text-align: left; top: 688px; left: 817px; }

/* 기본운영방향 */
.pginfo-manage-wrap .manage-diagram { position: relative; height: 730px; background: #f0f4fa url("../images/sub/manage-diagram-bg.png") 0 0 no-repeat; }
.pginfo-manage-wrap .manage-diagram .tt { text-align: center; position: absolute; top: 383px; left: 596px; font-size: 24px; font-weight: 700; color: #60fff9; line-height: 1.2; }
.pginfo-manage-wrap .manage-diagram .list li { text-align: center; }
.pginfo-manage-wrap .manage-diagram .list li strong { position: absolute; top: 0; left: 0; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2; }
.pginfo-manage-wrap .manage-diagram .list li p { position: absolute; top: 0; left: 0; font-size: 17px; font-weight: 300; color: #222; line-height: 1.5; letter-spacing: -0.9px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(1) strong { top: 247px; left: 610px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(1) p { top: 73px; left: 579px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(2) strong { top: 458px; left: 499px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(2) p { top: 511px; left: 256px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(3) strong { top: 458px; left: 724px; }
.pginfo-manage-wrap .manage-diagram .list li:nth-child(3) p { top: 511px; left: 899px; }

/* 조직도 */
.spw-info .pginfo-organization-wrap-old { background: #f0f4fa url("../images/sub/organization-diagram-bg.png") 0 0 no-repeat; height: 854px; text-align: center; display: flex; justify-content: center; }
.spw-info .pginfo-organization-wrap-old li { display: block; }
.spw-info .pginfo-organization-wrap-old > ul > li { position: relative; display: flex; justify-content: center; }
.spw-info .pginfo-organization-wrap-old > ul > li:before, .spw-info .pginfo-organization-wrap-old > ul > li:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.spw-info .pginfo-organization-wrap-old > ul > li:before { z-index: 1; background-color: #2856e1; bottom: 100px; width: 12px; height: 12px; border-radius: 50%; }
.spw-info .pginfo-organization-wrap-old > ul > li:after { background-color: #cfdcf6; bottom: 100px; width: 2px; height: 100px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(1) { margin-top: 120px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(1):before { bottom: -180px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(1):after { bottom: -171px; height: 180px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(2) { margin-top: 120px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(2):before { bottom: -96px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(2):after { bottom: -90px; height: 170px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(3) { margin-top: 110px; }
.spw-info .pginfo-organization-wrap-old > ul > li:nth-child(3):before, .spw-info .pginfo-organization-wrap-old > ul > li:nth-child(3):after { display: none; }
.spw-info .pginfo-organization-wrap-old .round-bx { font-size: 20px; font-weight: 500; color: #fff; display: inline-block; width: 200px; height: 56px; line-height: 56px; border-radius: 28px; background-color: #0e3f8f; }
.spw-info .pginfo-organization-wrap-old .round-bx.color-v-1 { background-color: #1f9fbf; }
.spw-info .pginfo-organization-wrap-old .round-bx.color-v-2 { background-color: #2856e1; height: 48px; line-height: 48px; border-radius: 25px; }
.spw-info .pginfo-organization-wrap-old .top-step { z-index: 1; position: relative; }
.spw-info .pginfo-organization-wrap-old .middle-step { z-index: 1; position: relative; margin-left: -148px; }
.spw-info .pginfo-organization-wrap-old .middle-step:after { content: ""; display: block; width: calc(100% - 100px); height: 2px; background-color: #d7e0f8; position: absolute; top: 104px; left: 0; right: 0; margin: 0 auto; }
.spw-info .pginfo-organization-wrap-old .middle-step ul { z-index: 1; position: relative; display: flex; align-items: center; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone { text-align: left; border: 1px solid #d8e4fa; background-color: #fff; border-radius: 21px; width: 428px; height: 210px; box-sizing: border-box; display: flex; padding: 30px 25px; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls { position: relative; flex: 1; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls:after { content: ""; display: block; width: 1px; height: calc(100% - 25px); background-color: #beccf6; position: absolute; top: 12px; left: 3px; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls:nth-child(2) { margin-left: 20px; width: 155px; flex: none; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls span { z-index: 1; position: relative; display: block; padding-left: 15px; letter-spacing: -1px; margin-bottom: 10px; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls span:last-child { margin-bottom: 0; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li .list-zone .dot-ls span:after { position: absolute; top: 8px; left: 0; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #2856e1; }
.spw-info .pginfo-organization-wrap-old .middle-step ul li:nth-child(2) { padding-left: 37px; padding-right: 118px; }
.spw-info .pginfo-organization-wrap-old .bottom-step { position: relative; display: flex; }
.spw-info .pginfo-organization-wrap-old .bottom-step:after { content: ""; display: block; width: calc(100% - 100px); height: 2px; background-color: #d7e0f8; position: absolute; top: 63px; left: 0; right: 0; margin: 0 auto; }
.spw-info .pginfo-organization-wrap-old .bottom-step li { z-index: 1; position: relative; padding: 9.5px; }
.spw-info .pginfo-organization-wrap-old .bottom-step li .cir-box { display: flex; align-items: center; justify-content: center; width: 108px; height: 108px; background-color: #fff; border: 1px solid #d8e4fa; border-radius: 50%; box-sizing: border-box; font-size: 17px; font-weight: 400; color: #0e3f8f; line-height: 1.41; }
.spw-info .pginfo-organization-wrap { background: #f0f4fa url("../images/sub/organization-diagram-bg.png") 0 0 no-repeat; height: 1050px; text-align: center; display: flex; justify-content: center; }
.spw-info .pginfo-organization-wrap > li { display: block; }
.spw-info .pginfo-organization-wrap > ul > li { position: relative; display: flex; justify-content: center; }
.spw-info .pginfo-organization-wrap > ul > li:before, .spw-info .pginfo-organization-wrap > ul > li:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.spw-info .pginfo-organization-wrap > ul > li:before { z-index: 1; background-color: #2856e1; bottom: 100px; width: 12px; height: 12px; border-radius: 50%; }
.spw-info .pginfo-organization-wrap > ul > li:after { background-color: #cfdcf6; bottom: 100px; width: 2px; height: 100px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(1) { margin-top: 120px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(1):before { bottom: -180px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(1):after { bottom: -171px; height: 180px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(2) { margin-top: 196px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(2):before { bottom: -175px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(2):after { bottom: auto; height: 160px; top: 56px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(3) { margin-top: 189px; }
.spw-info .pginfo-organization-wrap > ul > li:nth-child(3):before, .spw-info .pginfo-organization-wrap > ul > li:nth-child(3):after { display: none; }
.spw-info .pginfo-organization-wrap .round-bx { font-size: 20px; font-weight: 500; color: #fff; display: inline-block; width: 200px; height: 56px; line-height: 56px; border-radius: 28px; background-color: #0e3f8f; }
.spw-info .pginfo-organization-wrap .round-bx.color-v-1 { background-color: #1f9fbf; }
.spw-info .pginfo-organization-wrap .round-bx.color-v-2 { background-color: #2856e1; height: 48px; line-height: 48px; border-radius: 25px; }
.spw-info .pginfo-organization-wrap .list-zone { text-align: left; border: 1px solid #d8e4fa; background-color: #fff; border-radius: 21px; box-sizing: border-box; padding: 30px 25px; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls { position: relative; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls:after { content: ""; display: block; width: 1px; height: calc(100% - 25px); background-color: #beccf6; position: absolute; top: 12px; left: 3px; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls:nth-child(2) { margin-left: 20px; width: 155px; flex: none; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls span { z-index: 1; position: relative; display: block; padding-left: 15px; letter-spacing: -1px; margin-bottom: 10px; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls span:last-child { margin-bottom: 0; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls span:after { position: absolute; top: 8px; left: 0; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #2856e1; }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls.line-hei-65:after { height: calc(100% - 65px); }
.spw-info .pginfo-organization-wrap .list-zone .dot-ls.line-hei-40:after { height: calc(100% - 40px); }
.spw-info .pginfo-organization-wrap .list-zone.bg-none { border: 0; background-color: transparent; padding: 0; }
.spw-info .pginfo-organization-wrap .top-step { z-index: 1; position: relative; }
.spw-info .pginfo-organization-wrap .middle-step { z-index: 1; position: relative; margin-left: 267px; }
.spw-info .pginfo-organization-wrap .middle-step:after { content: ""; display: block; width: 100%; height: 2px; background-color: #d7e0f8; position: absolute; top: 25px; left: 0; right: 0; }
.spw-info .pginfo-organization-wrap .middle-step ul { z-index: 1; position: relative; display: flex; align-items: center; }
.spw-info .pginfo-organization-wrap .middle-step ul li .list-zone { position: absolute; top: -77px; left: 264px; }
.spw-info .pginfo-organization-wrap .middle-step ul li:nth-child(2) { position: relative; padding-left: 37px; padding-right: 30px; }
.spw-info .pginfo-organization-wrap .bottom-step { position: relative; display: flex; }
.spw-info .pginfo-organization-wrap .bottom-step:after { content: ""; display: block; width: calc(100% - 100px); height: 2px; background-color: #d7e0f8; position: absolute; top: 63px; left: 0; right: 0; margin: 0 auto; }
.spw-info .pginfo-organization-wrap .bottom-step li { z-index: 1; position: relative; padding: 9.5px; }
.spw-info .pginfo-organization-wrap .bottom-step li .cir-box { display: flex; align-items: center; justify-content: center; width: 108px; height: 108px; background-color: #fff; border: 1px solid #d8e4fa; border-radius: 50%; box-sizing: border-box; font-size: 17px; font-weight: 400; color: #0e3f8f; line-height: 1.41; }
.spw-info .pginfo-organization-wrap .bottom-step li .list-zone { display: flex; justify-content: center; margin-top: 17px; }
.spw-info .pginfo-organization-wrap .bottom-step li .list-zone .dot-ls span { color: #0e3f8f; }

/* 연혁 */
.pginfo-history-wrap .history-list { margin-top: 60px; }
.pginfo-history-wrap .history-list li { display: block; }
.pginfo-history-wrap .history-list > ul > li { text-align: center; border-top: 1px solid #ccc; padding: 58px 0; }
.pginfo-history-wrap .history-list .year { position: relative; display: block; font-size: 28px; font-weight: 700; color: #0e3f8f; margin-bottom: 20px; }
.pginfo-history-wrap .history-list .year:before, .pginfo-history-wrap .history-list .year:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.pginfo-history-wrap .history-list .year:before { width: 11px; height: 11px; border-radius: 50%; top: -64px; background-color: #2856e1; }
.pginfo-history-wrap .history-list .year:after { width: 1px; height: 28px; top: -48px; background-color: #2856e1; }
.pginfo-history-wrap .history-list .detail-ls > li { margin-bottom: 20px; }
.pginfo-history-wrap .history-list .detail-ls > li:last-child { margin-bottom: 0; }
.pginfo-history-wrap .history-list .detail-ls > li .dt-box { display: flex; align-items: center; justify-content: center; }
.pginfo-history-wrap .history-list .detail-ls > li .dt-box strong { display: block; font-size: 20px; font-weight: 700; color: #000; margin-right: 20px; }
.pginfo-history-wrap .history-list .detail-ls > li .dt-box p { font-size: 17px; font-weight: 300; color: #222; }
.pginfo-history-wrap .history-list .detail-ls > li .cross-mark-list { border: 1px solid #e6ebf4; padding: 29px 40px; width: 546px; box-sizing: border-box; text-align: left; margin: 0 auto; margin-top: 15px; }

/* 활동현황 */
.spw-info .pginfo-activity-wrap .act-program-wrap { padding-top: 10px; padding-left: 135px; }
.spw-info .pginfo-activity-wrap .act-program-wrap > ul { display: flex; flex-wrap: wrap; margin: -4px; }
.spw-info .pginfo-activity-wrap .act-program-wrap > ul > li { width: 540px; box-sizing: border-box; padding: 4px; }
.spw-info .pginfo-activity-wrap .act-program-wrap > ul > li.wd-595 { width: 595px; }
.spw-info .pginfo-activity-wrap .act-program-wrap > ul > li:nth-child(n+3) .box { height: 464px; background-color: #e9f9fa; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box { background-color: #ecf3ff; padding: 0 35px 50px; height: 617px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .tt { font-size: 24px; font-weight: 500; color: #222; height: 103px; display: flex; align-items: center; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .prog-zone { flex: 1; width: 100%; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .prog-zone.type-1 { background: url("../images/sub/act-program-table-bg-1.png") center 0 no-repeat; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .prog-zone.type-2 { background: url("../images/sub/act-program-table-bg-2.png") center 0 no-repeat; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .prog-zone.type-3 { background: url("../images/sub/act-program-table-bg-3.png") center 0 no-repeat; }
.spw-info .pginfo-activity-wrap .act-program-wrap .box .prog-zone.type-4 { background: url("../images/sub/act-program-table-bg-4.png") center 0 no-repeat; }
