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

* { margin: 0; padding: 0; box-sizing: border-box; }
ul,
li { list-style: none; }
a { text-decoration: none; color: inherit; }
html { font-size: 16px; font-family: "Noto Sans KR", sans-serif; color: #111; }
body { display: block; position: relative; }
/* ---------------------------------------------- */
/* 공통배너 */
#banner { width: 100%; height: 550px; }
#banner.banner-com { background: url("/fnc_images/sub/sub_bg1.jpg") no-repeat center; background-size: cover; }
#banner.banner-bus { background: url("/fnc_images/sub/sub_bg3.jpg") no-repeat center; background-size: cover; }
#banner.banner-comu { background: url("/fnc_images/sub/sub_bg2.jpg") no-repeat center; background-size: cover; }
#banner.banner-inquiry { background: url("/fnc_images/sub/sub_bg2.jpg") no-repeat center; background-size: cover; }

.banner-wrap { width: 100%; height: 480px; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 120px; }
.banner-box {display: flex; align-items: center; flex-direction: column; color: #fff; }
.banner-box h2 { font-family: "S-CoreDream", sans-serif; font-weight: 600; font-size: 45px; line-height: 63px; margin-bottom: 26px; text-align:center;word-break:keep-all;}
.banner-box-detail { position: relative; display: flex; align-items: center; justify-content: center; }
.banner-box-detail::before { content: ""; position: absolute; width: 0px; height: 8px; border-left: 1px dashed #fff; top: 5px; left: 30px; }
.banner-box-detail::after { content: ""; position: absolute; width: 0px; height: 8px; border-left: 1px dashed #fff; top: 5px; left: 100px; }
.banner-box-detail img { position: relative; width: 16px; height: 16px; margin-right: 16px; }
.banner-box-detail p { font-size: 13px; line-height: 19px; padding: 0 10px; }

.banner-menu { width: 100%; height: auto; background-color: #040c08; }
.banner-menu ul {box-shadow: 0px 3px 6px #00000029;width: 1400px; height: auto; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #040c08; }
.banner-menu ul li { height: 70px; width: 20%; position: relative;}
.banner-menu ul li a {text-align: center;word-break: keep-all; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 27px; color: #fff; }
.banner-menu ul li.active a { color: #111; background-color: #fff; }
.banner-comu .banner-menu li{width:12%;}


.banner-menu ul li::after {content: ""; position: absolute; width: 1px; height: 25px; background-color:#fff; top: 50%; left:-1px;  transform: translateY(-50%);}
.banner-menu ul li.active::after{display:none;}
.banner-bus .banner-menu ul li:nth-child(5n+1)::after{display:none;}
.banner-com .banner-menu ul li:nth-child(1)::after{display:none;}
.banner-comu .banner-menu ul li:nth-child(1)::after{display:none;}
.banner-inquiry .banner-menu ul li:nth-child(1)::after{display:none;}


/* ---------------------------------------------- */
/* 배너 반응형 */
@media (max-width: 1440px){
 .banner-menu ul { width: 100%; }
 }
@media (max-width: 1023px){
 #banner { height: 400px; }
 .banner-wrap { height: 350px; padding-top: 0; }
 .banner-box { padding-top: 70px; }
 .banner-menu ul li { height: 50px; width: auto; min-width: 150px; }
 .banner-menu ul li a { padding: 0 20px; font-size: 16px;line-height:22px; }
 .banner-menu ul li::after{display:none;}
 .banner-box h2 {font-size:28px;line-height:36px;}
 }
 @media (max-width: 550px){
 .banner-comu .banner-menu li{width:auto;}
 .banner-menu ul{display:grid;  grid-template-columns: 1fr 1fr;}
 .banner-menu ul li::after{display:block;}
 .banner-bus .banner-menu ul li:nth-child(5n+1)::after{display:unset;}
 .banner-menu ul li.active::after{display:none !important;}

 }
/* ------------------------------------------------------------ */
/* 세부내용 */
/* 공통 */
.dpnone { display: none !important; }
.page-ready { width: 500px; margin: 0 auto; display: block; }
.bacc-none { background: transparent !important; }
.padding-0 { padding: 0 !important; }
.padding-10{ padding: 10px !important;}

/* ------------------------------------------------------------ */
/* 사업소개 */
.main-title { width: 1400px; height: auto; position: relative; display: block; margin: 0 auto; }
.detail-1-wrap { width: 100%; height: 100%; display: block; position: relative; }
.detail-banner { width: 1400px; height: 360px; display: flex; align-items: center; justify-content: center; background-size: 105%; margin-bottom: 50px; }
.detail-banner-wrap { width: 1340px; height: 290px; border: 2px solid #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main1 .detail-banner { background: url("../fnc_images/sub/sub_banner1.jpg") no-repeat center; }
.main2 .detail-banner { background: url("../fnc_images/sub/sub_banner2.jpg") no-repeat center; }
.main3 .detail-banner { background: url("../fnc_images/sub/sub_banner3.jpg") no-repeat center; }
.main4 .detail-banner { background: url("../fnc_images/sub/sub_banner4.jpg") no-repeat center; }
.main5 .detail-banner { background: url("../fnc_images/sub/sub_banner5.jpg") no-repeat center; }
.main6 .detail-banner { background: url("../fnc_images/sub/sub_banner6.jpg") no-repeat center; }
.main7 .detail-banner { background: url("../fnc_images/sub/sub_banner7.jpg") no-repeat center; }
.main8 .detail-banner { background: url("../fnc_images/sub/sub_banner8.jpg") no-repeat center; }
.main9 .detail-banner { background: url("../fnc_images/sub/sub_banner9.jpg") no-repeat center; }
.main10 .detail-banner { background: url("../fnc_images/sub/sub_banner10.jpg") no-repeat center; }


.detail-banner-wrap > h3 { width: 1220px; font-size: 26px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 30px; border-bottom: 1px dashed #ffffff; }
.detail-banner-wrap > p { font-size: 18px; line-height: 35px; text-align: center; color: #fff; padding-top: 30px; }
.detail-title { word-break: keep-all; text-align: center; margin-top: 140px; font-size: 35px; line-height: 52px; font-weight: bold; padding-bottom: 30px; margin-bottom: 45px; }
.detail-box { width: 100%; height: 100%; }
.detail-list { width: 100%; height: 100%; padding-left: 30px; }

.detail-list > h3 { word-break: keep-all; font-size: 20px; line-height: 29px; position: relative; margin-bottom: 14px; font-weight: bold; }
.down-btns { display: flex; align-items: center; justify-content: end; width: 100%; border-top: 1px dashed #707070; padding-top: 30px; margin-top: 30px; }
.down-btns > a { word-break: keep-all; font-weight: bold; background: #fff; border-radius: 10px; width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 24px; text-align: center; color: #006934; border: 1px solid #006934; box-shadow: 0px 5px 15px #006f9d4d; }
.down-btns > a:hover { background: #006934; color: #fff; }
.down-btns > a:last-child { margin-left: 15px; }
.down-btns > a > span { width: 20px; height: 20px; margin-left: 15px; }
.down-btn-img1 { background: url("../fnc_images/sub/safe_btn_icon1.png") no-repeat center; background-size: cover; }
.down-btns > a:hover .down-btn-img1 { background: url("../fnc_images/sub/safe_btn_icon1_hover.png") no-repeat center; background-size: cover; }
.down-btn-img2 { background: url("../fnc_images/sub/safe_btn_icon2.png") no-repeat center; background-size: cover; }
.down-btns > a:hover .down-btn-img2 { background: url("../fnc_images/sub/safe_btn_icon2_hover.png") no-repeat center; background-size: cover; }

.detail-list > h3 > img { position: absolute; left: -28px; top: 50%; transform: translateY(-50%); }
.detail-list > ul { background-color: #ebebeb; border-radius: 5px; padding: 25px 30px 30px 50px; margin-bottom: 50px; word-break: keep-all; }
.detail-list > ul > li { position: relative; font-size: 18px; line-height: 33px; }
.detail-list > ul > li > span { position: absolute; left: -20px; }
.padding-left-li { padding-left: 30px !important; }
.padding-left-li > span { left: -10px !important; }
.padding-left-li2 { padding-left: 20px !important; }
.padding-left-li2 > span { left: 0px !important; }
.detail-figure { width: 100%; height: 300px; border-radius: 500px; border: 1px dashed #008565; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 30px; margin-bottom: 50px; background: linear-gradient(90deg, rgba(0, 133, 101, 0.13) 0%, rgba(37, 74, 175, 0.13) 100%) no-repeat; }
.detail-figure-circle { min-width: 230px; height: 230px; border-radius: 50%; box-shadow: 0px 0px 15px #00000052; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.circle1 { background-color: #008565; }
.circle2 { background-color: #00a9aa; }
.circle3 { background-color: #254aaf; }
.detail-figure-circle > img { margin-bottom: 14px; }
.detail-figure-circle > p { text-align: center; font-size: 18px; line-height: 27px; color: #fff; }
.detail-figure-info { text-align: center; width: 300px; }
.detail-figure-info > li { position: relative; }
.detail-figure-info.info1 > li { margin-bottom: 15px; }
.detail-figure-info.info2 > li { margin-bottom: 50px; }
.detail-figure-info > li:last-child { margin: 0; }
.detail-figure-info > li > h4 { font-size: 16px; line-height: 24px; word-break: keep-all; }
.detail-figure-info > li > p { font-size: 15px; line-height: 22px; }
.figure-info-arrow { display: flex; align-items: center; width: 100%; }
.figure-info-arrow-line { height: 1px; width: 100%; background-color: #707070; }
.figure-info-arrow-left { width: 0px; height: 0px; border-top: 7px solid transparent; border-right: 15px solid #707070; border-bottom: 7px solid transparent; }
.figure-info-arrow-right { width: 0px; height: 0px; border-top: 7px solid transparent; border-left: 15px solid #707070; border-bottom: 7px solid transparent; }

.detail-btns { width: 100%; display: flex; align-items: center; justify-content: center; gap: 35px; }
.detail-btns button { font-family: "Noto Sans KR", sans-serif; border: 0; border-radius: 20px; width: 260px; height: 70px; margin-top: 20px; margin-bottom: 70px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 27px; color: #fff; position: relative; cursor: pointer; }
.detail-btns button > img { position: absolute; right: 20px; }
.detail-btns .detail-btn1 { background-color: rgb(0, 111, 157); box-shadow: 0px 5px 15px rgba(0, 111, 157, 0.3); }
.detail-btns .detail-btn2 { background-color: rgb(0, 147, 0); box-shadow: 0px 5px 15px rgba(0, 147, 0, 0.3); }
.detail-br-1440 { display: none; }
.bus-img { margin-bottom: 50px; width: 100%; height: 300px; background: url("../fnc_images/sub/sub_img1.png") no-repeat center; background-size: contain; margin: 0 auto; }

.safe-link-wrap { width: 100%; display: flex; align-items: center; cursor: pointer; gap: 30px; }
.safe-link { width: 50%; padding: 50px; border-radius: 20px; border: 1px solid #bfbfbf; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.safe-link:hover { box-shadow: 0px 0px 10px #00693447; border: 1px solid #006934; background: #006934; }
.safe-link > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.safe-link-img { margin-right: 40px; min-width: 105px; min-height: 105px; }
.safe-img1 { transition: all 0.3s; background: url("../fnc_images/sub/safe_icon1.png") no-repeat center; background-size: cover; }
.safe-link:hover .safe-img1 { background: url("../fnc_images/sub/safe_icon1_hover.png") no-repeat center; background-size: cover; }
.safe-img2 { transition: all 0.3s; background: url("../fnc_images/sub/safe_icon2.png") no-repeat center; background-size: cover; }
.safe-link:hover .safe-img2 { background: url("../fnc_images/sub/safe_icon2_hover.png") no-repeat center; background-size: cover; }
.safe-link h3 { transition: all 0.3s; font-size: 25px; margin-bottom: 20px; font-weight: bold; line-height: 37px; color: #006934; }
.safe-link:hover h3 { color: #fff; }
.safe-link p { transition: all 0.3s; font-size: 18px; margin-bottom: 25px; line-height: 27px; }
.safe-link:hover p { color: #fff; }
.safe-link-arrow { width: 60px; height: 20px; display: flex; align-items: center; justify-content: start; transition: all 0.3s; position: relative; }
.safe-link:hover .safe-link-arrow { width: 200px; }
.safe-link-arrow-line { width: 100%; height: 1px; background: #000; }
.safe-link-arrow-angle { width: 15px; height: 15px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); position: absolute; right: 0; }
.safe-link:hover .safe-link-arrow-line { background: #fff; }
.safe-link:hover .safe-link-arrow-angle { border-top: 1px solid #fff; border-right: 1px solid #fff; }
.safe-img { width: 100%; height: 200px; background: url("../fnc_images/sub/safe_img.png") no-repeat center; background-size: contain; margin: 0 auto; }
.safe-img-ul { padding: 50px !important; }
.safe-img-edu { background-color: transparent !important; padding: 0 !important; display: grid; grid-template-columns:1fr 1fr; row-gap: 40px; column-gap: 30px;}
.safe-img-edu > li > img { max-width: 100%;max-height:400px;}
.safe-img-edu > li { display: flex; align-items: center; justify-content: center;}
.mb-50 { margin-bottom: 50px; }

 .prevent {margin:10px; display: flex;padding:60px 0; justify-content:space-evenly; border-bottom:1px dashed #707070;}
 .prevent-box {width:33%;padding:0 50px; display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 30px; border-right: 1px dashed #707070; }
 .prevent-box:last-child { border: none; }
 .prevent-box > div{width:120px;height:120px;background:#fff;border-radius:50%; display: flex; align-items: center; justify-content: center;}
 .prevent-box > h3 { text-align:center;font-size: 25px; font-weight: bold;line-height:40px; }
  .prevent-box > p{text-align:center;word-break:keep-all;}
  .prevent-box ul{width:100%;padding-left:40px;}
 .prevent-box ul li { font-size: 18px; line-height: 33px;list-style:square; word-break:keep-all;}
 .prevent-box ul li::marker{color:rgb(0, 147, 0);}
 .prevent-box ul span { display: block; font-size: 14px;word-break:keep-all; }

/* ------------------------------------ */
/* 테이블 */
.main-title table { width: 100%; border-collapse: collapse; background-color: #fff; text-align: center; }
.main-title th { word-break: keep-all;background-color: #f6f6f6; color: #111; font-size: 18px; border: 1px solid #707070; font-weight: bold; font-size: 20px; line-height: 28px; padding: 5px; }
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-none{border:none !important;}
.main-title td { border: 1px solid #707070; padding: 10px 5px;word-break: keep-all; }
.main-title td >p {text-align:left; line-height:22px; padding-left:10px;}
/* ------------------------------------ */
/* 세부내용 반응형 */
@media (max-width: 1440px){
 .detail-banner { width: 100%; }
 .detail-banner-wrap { width: 95%; height: 320px; }
 .detail-banner-wrap > h3 { width: 80%; padding-bottom: 15px; }
 .detail-banner-wrap > p { padding-top: 10px; }
 .detail-br-1440 { display: block; }
 .detail-figure .info1 br { display: none; }
 .main-title { width: 100%; padding: 0 50px; }
 .safe-link { padding: 30px; }
 }
@media (max-width: 1023px){
 .safe-design { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
 .safe-design > li { width: 80%; }
 .safe-design > li::after { right: -20%; }
 .safe-link-wrap { flex-direction: column; }
 .safe-link { width: 100%; }
 .prevent{flex-direction:column;padding:0; }
 .prevent-box{width:100%; border-bottom: 1px dashed #707070; border-right:none;padding:50px 20px;}
 }
@media (max-width: 768px){
 .detail-banner-wrap > p { font-size: 14px; }
 .detail-banner-wrap > p > br { display: none; }
 .main-title { padding: 0 30px; }
 .bus-img { width: 250px; height: 1500px; background: url("../fnc_images/sub/sub_img1_mo.png") no-repeat center; background-size: contain; }
 .safe-img { width: 250px; height: 1500px; background: url("../fnc_images/sub/safe_img_mo.png") no-repeat center; background-size: contain; }
 .have-btns { margin-bottom: 150px !important; }
 .have-btns.solo { margin-bottom: 100px !important; }
 .detail-list > h3 > .down-btns > a:last-child { margin-left: 0; }
 .detail-list > h3 > .down-btns { right: unset; left: 0; top: 60px; }
 }
@media (max-width: 550px){
 .main-title { padding: 0 10px; }
 .detail-btns { gap: 20px; }
 .detail-btns button > img { display: none; }
 .detail-list > ul { word-break: normal; transform: translateX(-15px); padding-left: 40px; }
 .detail-list > ul > li { font-size: 16px; line-height: 28px; }
 .bus-detail .detail-title { margin-top: 340px; }
 .detail-list > h3 > .down-btns { top: 40px; display: flex; flex-direction: column; }
 .detail-list > h3 > .down-btns > .down-btn1 { margin-right: 0; margin-bottom: 10px; }
 .detail-list > h3 > .down-btns.solo { top: 55px; }
 .safe-link { padding: 20px; }
 .safe-link-img { min-width: 70px; min-height: 70px; }
 .safe-link h3 { font-size: 22px; }
 .safe-link p { font-size: 16px; }
 .safe-link-arrow { width: 100px; }
 .safe-link:hover .safe-link-arrow { width: 100px; }
 .safe-img-edu {grid-template-columns:1fr;}
 .safe-img-ul { padding: 0 !important; padding-bottom: 50px !important; }
 .down-btns > a { font-size: 14px; }
 .prevent-box ul{padding-left:20px;}
 }
/* ------------------------------------ */
/* 서클 반응형 */
@media (max-width: 1280px){
 .detail-figure-circle { min-width: 170px; height: 170px; }
 .detail-figure-circle > p { font-size: 16px; line-height: 20px; word-break: normal; }
 }
@media (max-width: 1023px){
 .detail-figure { width: 350px; height: auto; flex-direction: column; align-items: center; margin: 0 auto 50px; }
 .detail-figure-info { display: flex; padding-top: 50px; }
 .figure-info-arrow { position: absolute; top: -55px; height: 100%; flex-direction: column; }
 .figure-info-arrow-line { width: 1px; height: 40px; }
 .figure-info-arrow-left { border: none; border-right: 7px solid transparent; border-bottom: 15px solid #707070; border-left: 7px solid transparent; }
 .figure-info-arrow-right { border: none; border-left: 7px solid transparent; border-top: 15px solid #707070; border-right: 7px solid transparent; }
 .arrow2 { top: 100px; }
 .arrow4 { top: 55px; }
 }
/* ------------------------------------ */
/* 사업문의 모달 */
#bus-modal { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; }
.modal-wrap { z-index: 9999; width: 960px; height: 1200px; position: absolute; top: 270px; left: 50%; transform: translateX(-50%); background-color: #fff; box-shadow: 0px 0px 15px #00000029; }
.modal-header,
.modal-header2 { width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; background-color: #006f9d; }
.modal-header2 { background-color: rgb(0, 147, 0); }
.modal-header p,
.modal-header2 p { font-size: 20px; line-height: 29px; color: #fff; }
.modal-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.modal-form { width: 100%; height: calc(100% - 60px); padding: 45px 40px; }

label { width: 100%; display: block; font-size: 18px; line-height: 27px; font-weight: bold; margin-bottom: 30px; }
input,
select,
textarea { font-family: "Noto Sans KR", sans-serif; width: 100%; height: 50px; outline: none; padding: 0 20px; border: 1px solid #c4c4c4; border-radius: 5px; margin-top: 10px; font-size: 15px; line-height: 33px; }
select { height: 50px; }
textarea { display: block; width: 100%; height: 200px; padding: 15px; line-height: 25px; resize: none; }
#user_board_whole input {width:unset;}

.modal-box2 { width: 100%; gap: 20px; display: flex; align-items: center; justify-content: space-between; }
.modal-box3 label { width: 100%; }
.modal-box3 > label > div { display: flex; align-items: center; justify-content: space-between; }
.modal-box3 .directInput-box { display: none; }
.modal-check { display: flex; align-items: center; justify-content: start; width: 100%; height: 50px; padding: 0 20px; border: 1px solid #c4c4c4; border-radius: 5px; outline: none; font-size: 15px; line-height: 33px; background-color: rgba(235, 235, 235, 0.53); margin-bottom: 40px; }
.modal-check > input { width: 20px; margin: 0; margin-right: 10px; }
.modal-check > a { text-decoration: underline; color: #548ff5; }
.modal-btn,
.modal-btn2 { font-family: "Noto Sans KR", sans-serif; border: 0; border-radius: 20px; box-shadow: 0px 5px 15px #006f9d4d; width: 260px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 27px; color: #fff; background-color: #006f9d; position: relative; margin: 0 auto; cursor: pointer; }
.modal-btn2 { background-color: rgb(0, 147, 0); }
.modal-btn > img,
.modal-btn2 > img { position: absolute; right: 20px; }
/* ------------------------------------------------------------ */
/* 모달반응형 */
@media (max-width: 1023px){
 #bus-modal .modal-wrap { width: 100%; }
 }
@media (max-width: 550px){
 #bus-modal .modal-wrap { height: 1300px; }
 #bus-modal .modal-box2 { flex-direction: column; gap: 0; }
 }
/* ------------------------------------------------------------ */
/* 회사소개 */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.company-detail .detail-title { border: none; margin-bottom: 10px; }
.company-detail .detail-list { padding-top: 80px; padding-bottom: 80px; position: relative; }
.company-detail .detail-list .detail-link-dummy { position: absolute; top: -100px; }
.company-detail .detail-list > h3 { margin-bottom: 25px; }

.company-menu { width: 100%; height: auto; display: flex; align-items: center; }
.company-menu li { width: 100%; height: auto; border: 1px solid #ccc; border-right: none; word-break:keep-all;}
.company-menu li.active { background: #006934; }
.company-menu li:last-child { border-right: 1px solid #ccc; }
.company-menu li a { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 27px; color: #111; text-align:center;}
.company-menu li.active a { color: #fff; }
.company-menu li:hover a { background-color: #006934; color: #fff; }

.company-hello { width: 100%; height: auto; display: flex; align-items: start; justify-content: start; gap: 100px; }
.company-hello > img { max-width: 375px; width: 50%; }
.company-hello-text {height: 100%; font-size: 18px; line-height: 27px; word-break: keep-all; }
.bossname{text-align:right;font-weight:bold;}
.bossname > span {display:block; font-size:22px;margin-top:10px;}

.company-hello-text > h3 { color: #074324; font-size: 28px; line-height: 40px; margin-bottom: 35px; position: relative; }
.company-hello-text > h3::after { content: ""; position: absolute; width: 105px; height: 83px; background: url("../fnc_images/sub/company_icon1.png") no-repeat; left: -27px; top: -45px; z-index: -99; }
.company-hello-text > h3 > span { font-weight: 900; }
.company-hello-text > p { margin-bottom: 20px; }
.company-hello-text > p > span { font-weight: bold; }
.company-hello2 { width: 100%; height: 400px; display: flex; align-items: end; justify-content: center; box-shadow: 0px 0px 15px #0069344d; border-radius: 20px; }
.main2 .company-hello2 { background: url("../fnc_images/sub/company-banner1.jpg")no-repeat center;background-size:cover; }
.main3 .company-hello2 { background: url("../fnc_images/sub/company-banner2.jpg")no-repeat center;background-size:cover; }
.company-hello2-text { padding: 0 10px; width: 85%; height: 230px; display: flex; align-items: center; justify-content: start; border-radius: 35px 35px 0px 0px; background-color: #fff; }
.company-hello2-text > h2 { min-width: 32%; font-weight: bold; font-size: 28px; line-height: 40px; color: #074324; height: 135px; display: flex; align-items: center; justify-content: center; border-right: 1px dashed #707070; }
.company-hello2-text > h2 > .br-1023 { display: none; }
.company-hello2-text > p { font-size: 18px; padding-left: 50px; word-break: keep-all; line-height: 27px; }
.gray-bg { background-color: #f6f6f6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100%; z-index: -99; }

.company-overview { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.company-overview-box { display: flex; width: 100%; height: 400px; align-items: center; justify-content: center; border: 1px solid #bfbfbf; border-radius: 1px; }
.company-overview-box:last-child { border-top: none; }
.company-overview-item { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 100%; height: 100%; border-right: 1px solid #bfbfbf; }
.company-overview-item:last-child { border: none; }
.company-overview-item:hover { box-shadow: 0px 0px 10px #00693447; border: 3px solid #006934; }
.company-overview-item > p { font-size: 18px; line-height: 27px; margin-bottom: 20px; color: #006934; font-weight: 500; }
.company-overview-item > h3 { font-size: 22px; line-height: 33px; margin-bottom: 70px; word-break: keep-all; font-weight: 500; }
.company-overview-item > img { width: 115px; height: 100px; }

.company-history { width: 100%; height: auto; display: flex; }
.company-history-left { color: #006934; font-size: 65px; font-weight: 900; width: 240px; }
.company-history-right { margin-left: 180px; position: relative; }
.company-history-right::before { content: ""; position: absolute; width: 2px; height: 100%; top: 16px; left: -90px; background-color: #cccccc; }
.company-history-right > li { display: flex; justify-content: start; align-items: start; gap: 40px; }
.company-history-right > li > h3 { flex-shrink: 0; color: #006934; font-weight: 900; font-size: 25px; line-height: 33px; width: 120px; text-align: right; }
.company-history-right-text { margin-bottom: 20px; font-size: 18px; line-height: 27px; }
.yearchange { margin-top: 45px; }
.yearchange:first-child { margin: 0; }
.yearchange::after { content: ""; position: absolute; width: 21px; height: 21px; left: -100px; transform: translateY(8px); background: url("../fnc_images/sub/sub_company_icon1.png") no-repeat; }

/* ----------------조직도---------------------------------- */
.company-org { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.org-1 { position: relative; width: 265px; height: 265px; display: flex; background: url("../fnc_images/sub/org-1.png"), linear-gradient(147deg, #0c816f 0%, #39cf25 100%); align-items: center; justify-content: center; font-size: 20px; line-height: 29px; color: #fff; margin-bottom: 70px; border-radius: 50%; }
.main2 .org-1 { background: url("../fnc_images/sub/org-1.png"), linear-gradient(147deg, #0602fa 0%, #00acea 100%); }
.main3 .org-1 { background: url("../fnc_images/sub/org-1.png"), linear-gradient(147deg, #ff554d 0%, #ffa200 100%); }
.org-1::before { content: ""; position: absolute; width: 1px; height: 180px; top: 180px; left: 50%; z-index: -99; background: #000; }
.org-1-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; z-index: -11; border-radius: 50%; border: 1px solid #0b826f; background-color: #fff; }
.main2 .org-1-bg { border: 1px solid #0518f7; }
.main3 .org-1-bg { border: 1px solid #ff554d; }
.org-2 { position: relative; width: 100%; max-width: 400px; height: 100px; display: flex; align-items: center; border-radius: 50px; justify-content: center; flex-direction: column; background-color: #105728; color: #fff; margin-bottom: 50px; }
.main2 .org-2 { background-color: #103098; }
.main3 .org-2 { background-color: #ff7700; }

.org-2::after { content: ""; position: absolute; width: 1px; height: 30px; bottom: -30px; left: 50%; z-index: -99; background: #000; }
.main2 .org-2::before { display: none; }
.main3 .org-2::before { width: 110%; }
.org-2.boss{max-width:250px;}
.org-2.boss > h3 {font-size:32px;line-height:50px;}
.org-2.boss::before{ display: none; }
.org-2.boss::after{height:50px;bottom:-50px;}
.org-2 > p { font-size: 16px; line-height: 24px; margin-bottom: 5px; }
.org-2 > h3 { font-size: 20px; line-height: 29px; font-weight: 500; }
.org-3 { display: flex; justify-content: center; gap: 20px; max-width: 1200px;position:relative;}
.org-3::before { content: ""; position: absolute; width: calc(100% - 200px); height: 1px; top: -20px; left: 50%; transform: translateX(-50%); z-index: -99; background: #000; }
.org-3 > li { width: 200px; flex-shrink: 0; }
.main2 .org-3 > li { min-width: 250px; }
.org-3 > li > h3 { position: relative; width: 100%; color: #fff; height: 100px; background-color: #0c8133; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 29px; font-weight: 500; }
.main2 .org-3 > li > h3 { background-color: #1044ee; }
.main3 .org-3 > li > h3 { background-color: #ff9c07; }
.org-3 > li > h3::before { content: ""; position: absolute; width: 1px; height: 30px; top: -20px; left: 50%; z-index: -99; background: #000; }
.main2 .org-3::before{width:calc(100% - 250px);}
/* .main2 .org-3 > li > h3::before { height: 60px; top: -55px; } */
.org-3-member { align-content: flex-start; border: 2px solid #1b5e3c; position: relative; width: 100%; min-height: 150px; background-color: #fff; font-size: 16px; line-height: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 25px 35px; }
.member-2 > li { float: left; min-width: 117px; text-align: left; }
.member-2::before{content:none !important;}
.alone { justify-content: center; }
.org-3 > li > h3.member-2 { margin-top: 20px; position: relative; }

.org-mo{display:none;}
/* 조직도 팝업 */

.org-popup { overflow: auto; position: fixed; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100vw; height: 100vh; display: none; align-items: center; justify-content: center; z-index: 99999; }
.org-popup img {cursor:pointer; filter: invert(1); width: 20px; height: 20px; position: absolute; top: 30px; right: 30px; }
.org-popup.active { display: none; }

.org-popup-wrap { flex-shrink: 0; width: 960px; height: 80vh; padding: 10px; min-height: 400px; background-color: #fff; display: none; position: relative; align-items: center; flex-direction: column; justify-content: start; overflow-y: auto; }
.org-popup-wrap.scroll-none { overflow-y: unset; justify-content: center; }
.org-popup-wrap.active { display: flex; }
.company-org > h1 { padding: 15px; font-size: 24px; margin-bottom: 10px; font-weight: bold; }
.org-popup .org-1 { width: 200px; height: 200px; margin-bottom: 20px; }
.org-boss { width: 410px; height: 100px; margin-bottom: 30px; position: relative; }
.org-boss > h3 { height: 50px; background-color: #105728; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; line-height: 29px; font-weight: 500; border-radius: 20px 20px 0 0; }
.org-boss > p { font-size: 14px; line-height: 20px; height: calc(100% - 50px); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; border: 1px solid #105728; border-radius: 0 0 20px 20px; }

.org-boss > p > span { width: 100%; margin-top: 5px; border-top: 1px dashed #707070; padding-top: 5px; word-break: keep-all; }
.main2 .org-boss > p { border: 1px solid #103098; }
.main3 .org-boss > p { border: 1px solid #ff7700; }
.main2 .org-boss > h3 { background-color: #103098; }
.main3 .org-boss > h3 { background-color: #ff7700; }
.org-member { width: 100%; height: auto; display: flex; align-items: start; justify-content: space-between; }
.org-member-box { width: 100%; display: flex; flex-direction: column; align-items: center; border-right: 1px dashed #707070; padding: 0 10px; }
.org-member-box h1 { font-size: 24px; margin-bottom: 10px; font-weight: bold; position: relative; }
.org-member-box:last-child { border-right: none; }
.org-member-box .org-boss { width: 100%; height: 120px; max-width:410px;}
.org-member-staff { position: relative; width: 100%; display: flex; align-items: start; justify-content: center; gap: 10px; margin-bottom: 30px; }
.org-member-staff > li { height: 200px; border-radius: 20px; width: 100%; max-width: 200px; position: relative; }
.org-member-staff > li > h3 { height: 70px; background-color: #0c8133; display: flex; align-items: center; flex-direction: column; justify-content: center; color: #fff; font-size: 14px; font-weight: 500; border-radius: 20px 20px 0 0; }
.org-member-staff > li > h3 > span { font-size: 16px; line-height: 24px; }
.org-member-staff > li > div { height: calc(100% - 70px); display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; font-size: 14px; line-height: 16px; width: 100%; border: 1px solid #0c8133; border-radius: 0 0 20px 20px; }
.org-member-staff > li > p { height: calc(100% - 70px); display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; font-size: 14px; line-height: 16px; width: 100%; word-break: keep-all; border: 1px solid #0c8133; border-radius: 0 0 20px 20px; }
.org-member-staff > li > div > p { width: 100%; height: calc(100% - 60px); display: flex; align-items: center; justify-content: center; }
.org-member-staff > li > div > span { width: 100%; height: 60px; border-top: 1px dashed #707070; word-break: keep-all; display: flex; align-items: center; justify-content: center; }
.main2 .org-member-staff > li > p { border: 1px solid #1044ee; }
.main3 .org-member-staff > li > p { border: 1px solid #ff9c07; }
.main3 .org-member-staff > li > div { border: 1px solid #ff9c07; }
.main2 .org-member-staff > li > h3 { background-color: #1044ee; }
.main3 .org-member-staff > li > h3 { background-color: #ff9c07; }
.org-notice { width: 100%; padding: 30px 0; padding-left: 10px; line-height: 24px; word-break: keep-all; }
/* 조직도선들 */
.org-boss::before { content: ""; height: 1px; background-color: #707070; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }
.org-boss.line1::before { width: 631px; }
.org-boss.line2::before { width: 618px; }
.org-boss.line3::before { width: 302px; }
.org-boss.line4::before { width: 224px; }
.org-boss.line5::before { width: 464px; }
.org-boss.line6::before { width: 340px; }
.org-boss.line7::before { width: 363px; }
.org-boss.line8::before { width: 211px; }
.org-boss.line9::before { width: 745px; }
.org-boss.line10::before { width: 420px; }
.org-boss::after { content: ""; width: 1px; height: 15px; background-color: #707070; position: absolute; bottom: -15px; left: 50%; }
.org-boss.longline::after { height: 30px; bottom: -30px; }
.org-boss.noline::after { height: 0; }
.org-member-box h1::after { content: ""; width: 1px; height: 15px; background-color: #707070; position: absolute; top: -15px; left: 50%; }
.org-member-box h1.noline::after{height:0;}
.org-member-staff > li::after { content: ""; width: 1px; height: 15px; background-color: #707070; position: absolute; top: -15px; left: 50%; }
.org-member-staff > li.botline::before { content: ""; width: 1px; height: 15px; background-color: #707070; position: absolute; bottom: -15px; left: 50%; }
.org-member-staff::after { content: ""; height: 1px; background-color: #707070; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); }
.org-member-staff.line1::after { width: 300px; }
.org-member-staff.line2::after { width: 211px; }
/* ----------------조직도 끝---------------------------------- */
.company-eq { width: 100%; height: auto; }
.company-eq-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.company-eq-list > li { width: 100%; min-width: 500px; height: auto; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.eq-list-img {flex-shrink: 0; height: 100%; display: flex; justify-content: center; margin-right: 20px; }
.eq-list-img > img { width: 100%; height: auto; max-height: 200px; border: 1px solid #000;}
.eq-list-table { width:100%; height: 100%; border-top: 2px solid #008542; }
.eq-list-table table { height: 100%; min-width: 350px; }

.company-ctf { width: 100%; height: auto; }
.ctf-list { width: 100%; height: auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 30px; }
.ctf-list > li { height:460px;background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #000; width: 350px; }
.ctf-list > li > div {width:100%;height:400px;display: flex; align-items: center;justify-content: center;}
.ctf-list > li > div > img { max-height: 380px; max-width:100%;}
.ctf-list > li > p {font-size:16px;line-height:24px;  text-align: center; border-top: 1px solid #000; width: 100%; height:60px;display:flex;align-items: center; justify-content: center;}

.company-map { width: 100%; height: auto; display: flex; margin-bottom: 50px; }
#map,
#map2 { min-width: 924px; height: 450px; border: 1px solid #c4c4c4; }
.map-info { width: 100%; margin-left: 30px; }
.map-info > h3 { width: 100%; font-size: 20px; line-height: 29px; padding-bottom: 30px; border-bottom: 1px solid #000; font-weight: bold; display: flex; align-items: center; }
.map-info > h3 > span { border-radius: 10px; background-color: #006934; width: 3px; height: 20px; margin-right: 10px; display: inline-block; }
.map-info > li { padding: 20px 10px; display: flex; border-bottom: 1px dashed #707070; }
.map-info > li > img { max-width: 60px; max-height: 60px; }
.map-info-txt { padding-left: 50px; }
.map-info-txt > h4 { font-size: 16px; line-height: 24px; font-weight: bold; }
.map-info-txt > p { font-size: 16px; line-height: 24px; }

.root_daum_roughmap_landing {width:100% !important;height:100% !important;}
.root_daum_roughmap .wrap_map{height:calc(100% - 32px) !important;}
/* ------------------------------------------------ */
/* 회사소개 반응형 */
@media (max-width: 1440px){
 #map,
 #map2 { min-width: 500px; }
 .company-hello2-text > h2 { width: 330px; }
 .company-hello2-text > p { padding-left: 20px; }


 }
 @media (max-width: 1279px) {
   .org-2::after { display: none; }
  .org-3 > li > h3::before { display: none; }
 .org-1::before { display: none; }
 .org-2 { margin-bottom: 40px; }
 .org-2::before { display: none; }
 .main3 .org-2::before { display: none; }
 .org-3 { flex-direction: column; align-items: center; }
 .org-3 > li { width: 250px; }
 .org-3 > li > h3 { height: 70px; }
 }

@media (max-width: 1023px){
 #map,
 #map2 { margin-bottom: 20px; }
 .company-hello { flex-direction: column; }
 .company-hello > img { width: 100%; }
 .company-hello-text { width: 100%; }
 .company-hello2-text > h2 > .br-1023 { display: block; }
 .company-hello2-text > p { font-size: 16px; }
 .company-hello2-text > p > br { display: none; }

 .company-history { flex-direction: column; }
 .company-history-left { margin: 20px 0 50px; }
 .company-history-right { margin: 0; }
 .company-history-right::before { left: -40px; }
 .yearchange::after { left: -50px; }

 .ctf-list { gap: 20px; }
 .ctf-list > li { width: 300px; }
 .ctf-list > li > img { width: 100%; }

 .company-map { flex-direction: column; }
 .map-info { margin: 0; }

 .org-popup-wrap { width: 100%; overflow-y: scroll; justify-content: start; }
 .org-member { flex-direction: column; }
 .org-member-box { border-right: none; border-top: 1px dashed #707070; padding-top: 20px; }
 .org-boss::before,
 .org-boss::after,
 .org-member-box h1::after,
 .org-member-staff > li::after,
 .org-member-staff::after,
 .org-member-staff > li.botline::before { display: none; }
  .company-menu { flex-wrap: wrap; }
 .company-menu li { width: 33.3%; border: 1px solid #ccc; }
  .company-menu li a { color: #111; font-size: 16px; }
 }
@media (max-width: 768px){
.org-mo{display:block;}
.org-pc{display:none;}

 .company-overview-box { flex-direction: column; height: auto; }
 .company-overview-item { border-bottom: 1px solid #bfbfbf; padding: 30px 0; border-right: none; }
 .company-overview-item > h3 { margin-bottom: 30px; }

 .company-hello2-text { flex-direction: column; height: 320px; }
 .company-hello2-text > h2 { border: none; border-bottom: 1px dashed #707070; height: 100px; font-size: 24px; }
 .company-hello2-text > h2 > .br-1023 { display: none; }
 .company-hello2-text > p { padding-top: 20px; padding-left: 0; }



 .ctf-list > li { width: calc(50% - 10px); min-height: 365px; }

 .company-eq-list > li { min-width: auto; width: 100%; flex-direction: column; }
 .eq-list-img > img { width: 100%; height: auto; }
 .eq-list-table { width: 100%; display: flex; align-items: center; justify-content: center; border: none; }
 .eq-list-table table { height: 100%; min-width: 340px; }
 .eq-list-table table th { font-size: 16px; }
 .eq-list-img { margin: 0;     flex-shrink: 1;}

 #map,
 #map2 { width: 100%; margin-bottom: 20px; min-width: 0; }
 .company-map { flex-direction: column; }
 .map-info { margin: 0; }
 }
@media (max-width: 550px){
.eq-list-img > img{max-height:unset;}
 .company-detail .detail-list > div:last-child { transform: translateX(-15px); }

 .bus-detail.main3 .company-menu li { width: 50%; }

 .company-hello-text { font-size: 16px; }
 .company-hello2-text { height: 360px; }
 .company-hello2-text > h2 { width: 100%; }
 .company-hello2-text > p { word-break: normal; }

 .company-history { transform: none !important; }
 .company-history-right > li { flex-direction: column; gap: 10px; margin-bottom: 10px; }
 .company-history-right > li > h3 { text-align: left; }
 .company-history-left { margin: 0 0 30px; font-size: 50px; }
 .company-history-right::before { left: -20px; }
 .company-history-right-text {font-size:16px;line-height:26px;}
 .yearchange::after { left: -30px; }

 .org-1::before { display: none; }
 .org-3 > li > h3::before { display: none; }
 .org-2::before { display: none; }
 .ctf-list > li { width: 350px; }
 .org-boss { width: 100%; }
 .org-member-staff { flex-direction: column; max-width: none; }
 .org-member-staff > li { height: 120px; max-width: none; }
 .org-member-staff > li > h3 { height: 50px; flex-direction: row; gap: 10px; }
 .org-member-staff > li > h3 > span { font-size: 18px; }
 .org-member-staff > li > div { height: calc(100% - 50px); }
 .org-member-staff > li > p { height: calc(100% - 50px); }
 .org-member-staff > li > div > p { height: calc(100% - 30px); }
 .org-member-staff > li > div > span { height: 30px; }
 }
.aaa { width: 100%; min-width: 300px; margin-top: 30px; margin-bottom: 50px; }

/* -------------------------------------------------------------------- */
/* 교육일정 */
iframe { width: 100%; height: 80%; }
.if-wrap { height: 1400px; }

#tab-bbs #user_board_title{margin-top:50px;}
@media (max-width: 550px){
#tab-bbs .archive-menu{margin-top:120px;}
}