@charset "UTF-8";
@import url("/fnc_css/font/font.css");

body{ overflow-X:hidden;}
.fs18-lh27 { font-size: 18px; line-height: 27px; } 
/* 본문 */
.sub-wrap { width: 1700px; display: block; position: relative; margin: 0 auto; padding-top: 150px; margin-bottom: 80px;} 
.vision-wrap { margin-bottom: 100px; } 

/* 서브 탑 */
.sub-title { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 80px; } 
.sub-title > h1 { font-size: 35px; line-height: 52px; font-weight: bold; margin-bottom: 15px; } 
.sub-title > div { width: 50px; height: 3px; background-color: #000; } 
.sub-banner { width: 100%; height: 450px; display: flex; align-items: end; justify-content: start; padding-left: 145px; padding-bottom: 90px; margin-bottom: 60px; border-radius:10px;} 
.hello-wrap .sub-banner { background: url("../fnc_images/sub/sub_banner1.jpg") no-repeat center; background-size: cover; } 
.vision-wrap .sub-banner { background: url("../fnc_images/sub/sub_banner2.jpg") no-repeat center; background-size: cover; } 
.history-wrap .sub-banner { background: url("../fnc_images/sub/sub_banner3.jpg") no-repeat center; background-size: cover; margin-bottom: 5px; } 
.bus-wrap .sub-banner { background: url("../fnc_images/sub/sub_banner4.jpg") no-repeat center; background-size: cover; } 
#notice3 .sub-banner { background: url("../fnc_images/sub/sub_banner6.jpg") no-repeat center; background-size: cover; } 
.sub-banner-box { color: #fff; } 
.sub-banner-box > div { width: 40px; height: 3px; background-color: #fff; margin-bottom: 15px; } 
.sub-banner-box > h3 { font-size: 30px; line-height: 45px; font-weight: bold; font-family: "Noto Sans KR", sans-serif; } 
.sub-banner-box > h3 > span { position: relative; display: inline-block; z-index: 9; } 
.sub-banner-box > h3 > span::before { content: ""; position: absolute; width: 100%; height: 20px; background-color: #3d76ff9c; bottom: -5px; z-index: -1; } 

/* 인사말 텍스트 */
.sub-text { width: 100%; display: flex; align-items: start; gap: 40px; justify-content: space-between; word-break: keep-all; } 
.sub-text > div { width: calc(50% - 20px); font-size: 18px; line-height: 30px; } 
.sub-text > div > p { margin-bottom: 20px; } 
.sub-text-bye { font-weight: 500; font-size: 17px; line-height: 30px; } 

/* 비전상단 박스 */
.sub-box { width: 100%; word-break: keep-all; } 
.sub-box-title { width: 100%; font-size: 30px; line-height: 45px; font-weight: bold; padding-bottom: 10px; display: flex; align-items: center; justify-content: start; border-bottom: 1px solid #002d51; margin-bottom: 30px; } 
.sub-box-title > span { margin-right: 20px; height: 20px; width: 6px; background-color: #003876; border-radius: 5px; } 
.sub-box-detail { font-size: 20px; line-height: 33px; } 
.sub-box-detail > p { margin-bottom: 40px; } 

/*  조직도  */
.org { width:100%; text-align: center; border: 1px solid #707070; border-top: 3px solid #707070;font-size: 18px;max-width:1100px; margin:0 auto;} 
.org th { font-weight: bold; border: 1px solid #707070; background-color: #ccc; padding: 15px; } 
.org td { border: 1px solid #707070; padding: 15px;}
.org .text-align-left{text-align:left;}
.org p {margin-bottom:10px;}
.org p:last-child{margin:0;}
.org-img{width:100%;display:flex;align-items: center; justify-content:center;margin-bottom:50px;}
.org-img img {max-width:100%;}
/* 연혁 */
.history-box { width: 100%; padding: 50px 0; border-bottom: 1px solid #d6d6d6; display: flex; } 
.history-box:last-child { border: none; } 
.history-left { width: 290px; } 
.history-left > h3 { line-height: 74px; font-weight: bold; font-size: 50px; } 
.history-right { width: calc(100% - 290px); } 
.history-right-list > li { display: flex; align-items: center; justify-content: start; padding: 10px 0; gap: 60px; } 
.history-right-list > li > h3 { font-weight: bold; } 

/* 지도박스 */
.way-box { width: 100%; display: flex; gap: 40px; height: 550px; align-items: start; justify-content: space-between; } 
.way-left { border: 1px solid #d6d6d6; width: 1120px; height: 100%; } 
.way-right { width: 542px; } 
.way-right-list { width: 100%; border-top: 1px solid #d6d6d6; } 
.way-right-list > li { padding: 40px 0; border-bottom: 1px solid #d6d6d6; } 
.way-right-list > li > h3 { font-weight: bold; margin-bottom: 23px; } 

.root_daum_roughmap_landing {width:100% !important;height:100% !important;}
.root_daum_roughmap .wrap_map{height:calc(100% - 32px) !important;}

/* 사업분야 */
.bus-intro { width: 100%; margin-bottom: 60px; word-break: keep-all; } 
.bus-intro.product-intro {margin-bottom:60px;}
.bus-intro-box {display:flex;gap:30px;}
.bus-intro > h3 { font-size: 23px; font-weight: bold; line-height: 29px; margin-bottom: 30px; } 
.bus-intro > p { font-size: 20px; line-height: 29px; margin-bottom:10px; } 
.bus-product-title{text-align:center;font-size:32px;line-height:45px;font-weight:bold;margin-bottom:50px}
.bus-product { width: 100%; display: grid; grid-template-columns: 1fr 1fr; row-gap: 50px; column-gap: 40px; word-break: keep-all;margin-bottom:100px; } 
.product-box { width: 100%; display: flex; align-items: start; justify-content: center; gap: 40px; position: relative;} 
.product-box > img {position:absolute;left:50%;transform: translateX(-50%);bottom:-200px;max-width:100%;}
.product-box2 {width: 100%; display: flex; flex-direction:column; gap: 70px;} 
.product-box-left { width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; border: 9px solid #ffffff; box-shadow: 0px 0px 20px #00000029; background-color: #3255a8; flex-shrink: 0; border-radius: 50%; } 
.product-box-right { width: 100%; } 
.product-box-right > h3 { color: #003876; font-size: 30px; font-weight: bold; line-height: 45px; margin-bottom: 15px; } 
.product-box-right p {margin-bottom:5px;}
.small{font-size:14px !important;}
.pl-10 { padding-left:10px;}
.mb-10 {margin-bottom:10px; }

.bus-ctf-wrap {width:100%;}
.bus-ctf-wrap > h3 {color: #003876; font-size: 45px; font-weight: bold; line-height: 45px; margin:100px 0 50px; text-align:center;}
.bus-ctf1{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px;}
.bus-ctf2 {display: grid;grid-template-columns: 1fr 1fr 1fr; gap:30px;}
.bus-ctf1 > img {width:100%;}
.bus-ctf2 > img {width:100%;}

/* 제품소개 */
.sub-banner.item-img1 { background: url("../fnc_images/sub/product_img_sub1.jpg") no-repeat center; background-size: cover; } 
.sub-banner.item-img2 { background: url("../fnc_images/sub/product_img_sub2.jpg") no-repeat center; background-size: cover; } 
.sub-banner.item-img3 { background: url("../fnc_images/sub/product_img_sub3.jpg") no-repeat center; background-size: cover; } 
.sub-banner.item-img4 { background: url("../fnc_images/sub/product_img_sub4.jpg") no-repeat center; background-size: cover; } 
.sub-banner.item-img5 { background: url("../fnc_images/sub/product_img_sub5.jpg") no-repeat center; background-size: cover; } 
/* .item-wrap { display: flex; justify-content: center; gap: 40px; height:auto;} 
.item-box { width: 33%; background-color: #e7edf5; border: 1px solid #bfc3cf; border-radius: 10px; position: relative; display: flex; flex-direction: column; align-items: center; padding: 50px; word-break: keep-all; text-align: center; } 
.item-box-bg { position: absolute; z-index: 1; right: 0; bottom: 0; width:50%;} 
.item-box-img{max-width:100%;z-index:2;margin-top:20px;}
.item-box > h4 { font-weight: bold; font-size: 20px; line-height: 29px; color: #bfc3cf; margin-bottom: 20px;z-index: 2; } 
.item-box > h3 { font-weight: bold; font-size: 23px; line-height: 34px; margin-bottom: 25px; color:#003876;z-index: 2;} 
.item-box-line { display: block; width: 100%; height: 1px; background-color: #bfc3cf; margin-bottom: 25px; flex-shrink: 0; } 
.item-box > p { display: block; z-index: 2; font-size: 18px; margin-bottom: 18px; line-height:30px;} 

.item-img-box{width:100%;display:flex; align-items: center; justify-content: center;height:auto;gap:20px;margin-top:50px;flex-wrap:wrap}
.item-img-box> img {width:47%;}
.item-img-box> img.long{width:96%;}
 */
.new-content {word-break:keep-all; width: 100%; padding-bottom: 100px; padding-top:70px; position: relative;} 
.new-content br{display:none;}
.new-content-title { font-size: 42px; font-weight: bold; margin-bottom: 70px; text-align: center; } 
.new-content-box { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } 
.new-content-box img {max-width:100%;}
.new-content-box li { margin-bottom: 30px; } 
.new-content-box li h3 { font-size: 24px; line-height: 36px; font-weight: 500; margin-bottom: 20px; } 
.new-content-box li p { font-size: 18px; line-height: 26px; margin-bottom: 20px; padding-left: 10px; } 
.new-content-box li p.fw500 {font-size: 20px;font-weight:500;padding-left:0;margin-bottom:25px;}
.new-content-box li p.pl-20{padding-left:20px;margin-bottom:10px;}

.new-content table { border: 1px solid #707070; max-width: 800px; text-align: center; margin-bottom: 20px; width:100%;} 
.new-content table th { border: 1px solid #707070; background-color: #eee; padding: 10px; } 
.new-content table td { padding: 10px; border: 1px solid #707070;background-color:#fff; } 

.new-content-img { display: flex; justify-content: space-evenly;    align-items: flex-end;} 
.new-content-img div { display: flex; align-items: center; flex-direction: column; gap: 15px; } 
.new-content-img div img { max-width: 100%; max-height: 100%; } 

.scheme {text-align:center; display: flex; align-items: center; justify-content:center; gap: 30px; } 
.scheme p {margin:15px 0 0}
.scheme br{display:block;}
.scheme-box { width: 200px; border: 1px solid #707070; flex-shrink: 0;} 
.scheme-box-up { width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: bold; color: #fff; background-color: #aaa; } 
.scheme-box-down { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; background-color: #fff; } 
.arrow { width: 30px; height: 30px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg);   position: relative;  right: 5px;flex-shrink:0;} 
.grid-2{grid-column: 1 / 3;	grid-row: 2 / 3;}
.grid-3{grid-column: 1 / 3;	grid-row: 3 / 4;}
.grid-3 .scheme-box {border:none;text-align:left;}
.grid-3 .scheme-box-down{border: 1px solid #707070;text-align:center;}
/* 게시판 임시 */
#user_board_list table { text-align:center; } 
.gray-bg{position:absolute;width:100vw;height:100%;background:#F4F7FE;z-index:-99;top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
/* 반응형 */
@media (max-width: 1700px){
 .sub-wrap { width: 100%; padding: 150px 30px 0; } 
 .schema-left { width: 230px; } 
 .schema-line .schema-left::after { left: 229px; } 
 .schema-right { width: calc(100% - 310px); } 
 .schema3-up > div::before { width: 17vw; } 
 .schema5-box br { display: none; } 
 .way-left { width: 100%; } 
 }
@media (max-width: 1439px){
.scheme {gap:10px;}
 .schema-left { display: none; } 
 .schema-right { width: 100%; } 
 .schema3-up > div::before { width: 21vw; } 
  .item-box { padding: 20px; } 
.sub-banner {padding-left:100px;}
 }
 @media (max-width: 1279px){
 .scheme{flex-direction:column; gap:30px;}
 .scheme-box{width:100%;}
.arrow{ transform: rotate(135deg);right:0;bottom:5px;}
.scheme-box-up {height:50px;}
.scheme-box-down{height:80px;}
 .grid-2{grid-column: unset; grid-row: unset;}
.grid-3{grid-column: unset;	grid-row: unset;}
 .bus-product { grid-template-columns: 1fr; } 
 .new-content-box {  grid-template-columns: 1fr;} 
 .new-content-img{flex-direction:column;}
 }
@media (max-width: 1023px){
.bus-intro-box{flex-direction:column;gap:0;}
.item-img-box{flex-direction:column;height:auto;gap:30px;}
.item-img-box > img{width:100%;}
 .fs18-lh27 { font-size: 16px; line-height: 24px; } 
 .sub-title > h1 { font-size: 30px; line-height: 40px; } 
 .sub-wrap { padding: 100px 20px 0; } 
 .sub-banner { height: 300px; padding-left: 50px; padding-bottom: 50px; } 
 .sub-banner-box > h3 { font-size: 22px; line-height: 34px; } 
 .schema1 .schema-right,
 .schema2 .schema-right { font-size: 20px; line-height: 30px; height: 70px; text-align: center; word-break: keep-all; } 
 .schema3 .schema-right { justify-content: center; } 
 .schema3-up { flex-wrap: wrap; background-color: rgba(0, 56, 118, 0.8); } 
 .schema3-up > div { height: 40px; width: auto; padding: 0 5px; } 
 .schema3-down::after,
 .schema3-up::after,
 .schema3-up > div::after,
 .schema3-up > div::before { display: none; } 
 .schema45 { display: flex; } 
 .schema4 { width: 150px; margin-right: 20px; } 
 .schema4 .schema-right { flex-direction: column; height: auto; width: 150px; } 
 .schema4-box { width: 150px; height: 200px; border-radius: 20px; } 
 .schema4-box > p { padding-top: 40px; } 
 .schema4-box::after { display: none; } 
 .schema5 .schema-right { flex-direction: column; height: auto; width: 100%; } 
 .schema5-box { width: 100%; height: 200px; padding: 10px;justify-content: center; } 
 .schema5-box-up { padding-bottom: 10px; } 
 .schema5-box-down { padding-bottom: 10px; } 
 .history-left { width: 120px; } 
 .history-left > h3 { font-size: 32px; line-height: 40px; } 
 .history-right { width: 100%; } 
 .history-right-list > li { gap: 30px; } 
 .way-box { height: 400px; } 
 .way-right-list > li { padding: 20px 0; } 
 .sub-text > div { font-size: 16px; line-height: 26px; } 
  .item-wrap { flex-direction: column; } 
 .item-box { width: 100%; height: auto; padding: 50px; min-height: 300px; } 
 }
@media (max-width: 767px){
.new-content br{display:block;}
.bus-product-title{font-size:28px;line-height:35px;word-break:keep-all;}
 .sub-title { margin-bottom: 30px; } 
 .sub-banner { padding: 0 20px; align-items: center; justify-content: center; word-break: keep-all; } 
 .sub-banner br { display: none; } 
 #notice3 .sub-banner br { display: block; } 
 .schema4,
 .schema5 { display: none; } 
 .schema45-mo { display: flex; } 
 .history-box { flex-direction: column; padding: 30px 0; } 
 .history-left > h3 { margin-bottom: 20px; } 
 .history-right-list > li { align-items: start; } 
 .history-right-list > li > h3 { flex-shrink: 0; } 
 .way-box { flex-direction: column; height: auto; } 
 .way-left { height: 400px; } 
 .way-right { width: 100%; } 
 .sub-text { flex-direction: column; } 
 .sub-text > div { width: 100%; } 
 .bus-intro > h3 { font-size: 20px; } 
 .bus-intro > p { font-size: 16px; line-height: 25px; margin-bottom:20px;} 
 .product-box { flex-direction: column; align-items: center; } 
 .product-box-left { width: 150px; height: 150px; } 
 .product-box-right { padding: 0 20px; } 
 .product-box-right > h3{text-align:center;}
  .sub-banner-box > h3 > span::before { display:none; } 
  .bus-ctf1{grid-template-columns: 1fr 1fr;}
.bus-ctf2 {grid-template-columns: 1fr 1fr;}
 }
@media (max-width: 479px){
.new-content table td{word-break:normal;}
.new-content-box li h3 { font-size: 20px; line-height: 30px;} 
 .fs18-lh27 { font-size: 15px; line-height: 24px; } 
 .sub-title > h1 { font-size: 24px; line-height: 34px; } 
 .sub-box-title { font-size: 24px; line-height: 34px; } 
 .sub-box-detail { font-size: 16px; line-height: 26px; } 
 .schema1 .schema-right,
 .schema2 .schema-right { font-size: 18px; line-height: 28px; } 
 .schema3-up > div { font-size: 18px; line-height: 28px; } 
 .schema45-mo-box > .schema4-box > h3 { font-style: 18px; line-height: 28px; } 
.sub-text{gap: 20px;}
  
 .product-box-right { padding: 0; height: auto; } 
 .product-box > img {bottom:-120px;}
 .org th {padding:5px}
  .org td {padding:5px}
 }