@charset "utf-8";
/* Common */
.section:first-child {padding-top: 0;}
.section {padding: 100px 0;}
.deco-tit {padding-left: 30px; position: relative; font-size: 22px; font-weight: 600; color: #242424; margin-bottom: 20px;}
.deco-tit:before {position: absolute; content:''; width: 20px; height: 20px;left: 0; top: 50%; margin-top: -10px; background: url('../images/sub/tit_deco.png') no-repeat center left; background-size: contain;}
.box-tit {font-size: 18px; font-weight: 600; color: #fff; text-align: center; padding: 12px;}
.box-txt {font-size: 18px; font-weight: 500; color: #242424; line-height: 1.6667em;}
.point {color: #142465 !important;}
.point2 {color: #ee8000 !important;}
.desc p:not(:last-child) {margin-bottom: 30px; gap: 40px;}

.sec-tit {text-align: center; margin-bottom: 60px;}
.sec-tit h2 {font-size: 35px; font-weight: 600; color: #242424; line-height: 1em; }
.sec-tit p {margin-top: 25px;}
.section:nth-child(even) {background: #f8f8f8;}

/* sub01_01 */
.greetings {display: flex;}
.greetings .photo {width: 30.834%; position: relative; z-index: -1;}
.greetings .photo:before {position: absolute; content: ''; width: 95px; height: 115px; background: url('../images/sub/ceo_deco.png') no-repeat center center; background-size: cover; left: -30px; transform: translateX(-100%); top: 110px; z-index: -1;}
.greetings .txt {flex:1;}
.greet-tit {font-weight: 500; font-size: 24px; color: #242424; line-height: 1.6667em; margin-bottom: 30px;}
.greetings .sign {display: flex; margin-top: 30px; gap: 30px; align-items: center; font-weight: 700;}

/* sub01_02 */
.facility .box-tit {color: #242424; padding: 17px 15px; background: #f8f8f8; border-top: 2px solid #242424; border-bottom: 1px solid #ddd;}
.facility .boxes {display: flex; flex-wrap: wrap;}
.facility .item {width: 33.3333%; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.facility .item:nth-child(3n) {border-right: none;}
.facility .item .img {padding: 22px 20px; border-bottom: 1px solid #ddd;;}
.facility .item .tit {padding: 17px 15px; font-size: 18px;}
.committee-cnt {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;}
.committee-cnt .box-tit {min-width: 160px; background: #142465; border-radius: 25px; padding: 12px;}
.committee-cnt .box-tit:nth-child(even) {color: #142465; background: #fff; border: 1px solid #142465;}
.committee-cnt .box-tit.long {min-width: 200px;}
.agency-items {display: flex; gap: 40px; justify-content: center;}
.agency-items .item {border-radius: 15px; border: 1px solid #ddd; background: #fff; overflow: hidden; max-width: 302px; padding-bottom: 10.834%; flex: 1; position: relative;}
.agency-items .item img {position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-50%); object-fit: contain;}

/* sub01_03 */
.vision {text-align: center;}
.vision .sec-tit { border: 1px solid #142465; border-radius: 60px; padding: 25px; max-width: 800px; margin: 0 auto;}
.vision .sec-tit h2 {color: #142465; font-weight: 600; font-size: 28px; margin-bottom: 15px;}
.vision-div {margin: 40px 0 90px;}
.vision .sec-cnt {display: flex; gap: 60px;}
.vision .goal {flex: 1; border-radius: 10px; border: 1px solid #142465; overflow: hidden;}
.vision .goal .box-tit {background: #142465; padding: 17px;}
.vision .goal .box-txt {padding: 20px;}
.vision .goal .years {display: flex; background: #f3f4f7; color: #142465; color: #142465; font-size: 18px; font-weight: 700; border-top: 1px solid #142465;}
.vision .goal .years .year {flex: 1; padding: 12px;}
.vision .goal .years .year:not(:last-child) {border-right: 1px solid #142465;}
/* sub01_04 */
.org .img {text-align: center;}
/* sub01_05 */
.location .name {display: flex; margin-bottom: 40px; font-weight: 700; font-size: 22px; color: #242424;}
.location .name p {font-size: 20px; font-weight: 500;}
.location .name p:before {height: 15px; margin-top: -7px;}
.location p {position: relative; padding-left: 20px; margin-left: 20px; font-size: 18px;}
.location p:before {position: absolute; content: ''; width: 1px; height: 10px; background: #ddd; left: 0; top: 50%; margin-top: -5px;}
.loca-items .item {display: flex; align-items: center; padding: 22px 0; border-bottom: 1px solid #ddd;}
.loca-items .item-tit {display: flex; font-weight: 500; font-size: 20px; letter-spacing: 0; min-width: 90px; gap: 13px;}
.location .detail-items {display: flex; gap: 30px;}
.location .detail-items .item {flex: 1; }
.location .detail-items .txt {color: #fff; line-height: 1.375em; background: #7c7c7c; display: flex; align-items: center; justify-content: center; text-align: center; height: 70px;}
/* sub02_01 */
.business .concept {text-align: center;}
.business .concept .desc {margin-bottom: 60px;}
.business .concept .img {margin-bottom: 60px;}
.business .concept .large {font-weight: 500; font-size: 22px; color: #142465; margin-bottom: 20px;}
.business .concept .large strong {font-weight: 700; color: #ee8000;}
.btn-busi {display: flex; font-weight: 500; color: #fff; letter-spacing: 0; width: 250px; height: 60px; align-items: center; padding: 10px 35px; background: #142465; border-radius: 10px; margin: 0 auto ; justify-content: space-between;}
.btn-busi.small {width: 200px; gap: 15px; justify-content: center;}
.business-info .inner {display: flex; gap: 80px; align-items: center; flex-direction: row-reverse;}
.busi-tit {font-weight: 600; font-size: 28px; color: #242424; padding-bottom: 30px; margin-bottom: 25px;position: relative;}
.busi-tit:before {position: absolute; content: ''; width: 60px; height: 3px; background: #ee8000; bottom: 0; right: 0;}
.business-info .txt {line-height: 1.875em; text-align: right;}
.business-info:nth-of-type(even) .inner {flex-direction: row; }
.business-info:nth-of-type(even) .txt {text-align: left; line-height: 1.875em;}
.business-info:nth-of-type(even) .busi-tit:before {left: 0; right: auto;}
.business-info .photo {border-radius: 30px; overflow: hidden; width: 50%;}
.business-info .txt {flex: 1;}
.business-info ul li {padding-left: 10px; text-indent: -10px;}
.business-info ul li span {padding-left: 10px; position: relative;}
.business-info ul li span:before {content: ''; position: absolute; content: ''; width: 3px; height: 3px; background: #454545; left: 0; top: 8px; border-radius: 50%;}
.section .business-info:not(:last-child) {margin-bottom: 60px;}
.business .current .sec-cnt {display: flex; background: #fff; border: 1px solid #ddd;}
.business .current .sec-cnt .img {width: 50%; display: flex; border-right: 1px solid #ddd;}
.business .current .sec-cnt .txt {flex: 1; padding: 50px 35px 50px 45px;}
.business .current h3 {font-size: 28px; font-weight: 700; color: #142465;}
.business .current .tit p {font-weight: 500; color: #242424; margin: 15px 0 20px;}
.business .current p {line-height: 1.5em; color:#686868;}
.business .current .btn-busi {margin-left: 0; margin-top: 50px; width: 200px; height: 50px; padding: 10px 20px;}
.concept .boxes .inner {display: flex; gap: 60px; margin-top: 60px; margin-bottom: 45px;}
.concept .box {flex: 1; border-radius: 10px; border: 1px solid #6b6c6c; position: relative;}
.concept .box:before {position: absolute; content: ''; width: 17px; height: 28px; background: url('../images/sub/concept_arrow.png') no-repeat center center; background-size: contain; right: -40px; top: 50%; margin-top: -14px;}
.concept .box:last-child:before {content: none;}
.concept .box-tit {background: #6b6c6c; border-radius: 10px 10px 0 0;}
.concept .box-cnt {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100px; padding: 0 10px;}
.concept .box-txt p {font-size: 16px; font-weight: 400; color: #686868;	margin-bottom: 50px;}
.concept-btns {display: flex; gap: 20px; justify-content: center;}
.concept-btns .btn-busi {margin: 0;}
.business .concept .imgs {display: flex; gap: 30px; margin-top: 60px; font-weight: 500; font-size: 18px; color: #242424;}
.business .concept .imgs .img {margin-bottom: 0; border: 1px solid #ddd; margin-bottom: 30px;}

/* sub03 */
.inquiry .deco-tit {margin-bottom: 0;}
.inquiry .form-tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.inquiry .deco-tit span {color: #686868; font-size: 14px; font-weight: 700;}

.inquiry-info {text-align: center; font-weight: 600; font-size: 20px; color: #242424; padding-bottom: 100px; border-bottom: 1px solid #ddd; margin-bottom: 100px;}
.inquiry-info .ico-sumit {display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; border-radius: 100%; background: #ee8000; margin: 0 auto 35px;}
.inquiry-info .txt {margin-bottom: 50px;}
.inquiry-info.break {border: none; margin-bottom: 0;}
.inquiry-info.break .txt {margin-bottom: 0;}

.inquiry .process {background: #f8f8f8; padding: 60px 0;}
.inquiry .process .contain{display: flex; justify-content: center;}
.inquiry .process .item {padding: 0 40px; font-weight: 600; font-size: 20px; color: #242424; text-align: center; position: relative;}
.inquiry .process .item:before {position: absolute; content: ''; width: 17px; height: 28px; background: url('../images/sub/concept_arrow.png') no-repeat center center; background-size: contain; right: 0; top: 32%; margin-right: -8px;}
.inquiry .process .item:last-child:before {content: none;}
.inquiry .process .ico {width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 25px; border: 7px solid #142465;}
.inquiry .process .item:nth-child(even) .ico {border-color: #ee8000;} 
.apply-doc {padding-top: 100px;}
.apply-doc .doc-wrap {position: relative; width: 100%; max-width: 800px; padding-bottom: 1000px; margin: 0 auto 60px; background: #000;}
.apply-doc .doc-wrap iframe {position: absolute; width: 100%; height: auto; top: 0; left: 0; max-width: 100%; min-height: 100%; object-fit: contain;}

.test-info li {display: flex;}
.test-info li > div { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.test-list .test-tit {font-size: 18px; height: fit-content; font-weight: 600; color: #242424; min-width: 100px; margin-right: 20px; position: relative;}
.test-list .test-tit:before {position: absolute; content: ''; width: 1px; height: 10px; background: #ddd; right: 0; top: 50%; margin-top: -5px;}
.test-list {display: flex; flex-wrap: wrap; gap: 60px;}
.test-list .test-item {display: block; width: calc((100% - 60px) / 2); border: 1px solid #ddd;}
.test-list .test-info {padding: 50px;}
.test-list .test-info li:not(:last-child) {margin-bottom: 30px;}
.btn-test {padding: 17px 15px; font-size: 17px; font-weight: 500; text-align: center; background: #f8f8f8; color: #878787;border-top: 1px solid #ddd;}
.test-list .test-item:hover .btn-test {border-color: #142465; background: #142465; color: #fff;}

/* sub03_02 */
.section-title {padding-top: 0; padding-bottom: 60px; max-width: 1260px; margin: 0 auto; display: flex;}
.section-title h2 {font-size: 35px; line-height: 1.3em; color: #242424; text-align: center; flex: 1;}

.rental-table {overflow-x: auto;}
.rental-table table {width: 100%; min-width: 640px; position: relative; border-collapse: collapse; border-spacing: 0;}
.rental-table table::after {position: absolute; content: ''; width: 100%; height: 2px; background: #242424; z-index: 1; top: 0; left: 0;}
.rental-table table th {background: #f8f8f8; padding: 20px 15px 18px 15px; font-size: 18px; font-weight: 600; color: #242424; text-align: center; border-bottom: 1px solid #ddd;}
.rental-table table th.img {width: 240px;}
.rental-table table td {padding: 20px; color: #505050; text-align: center; border-bottom: 1px solid #ddd;}
.rental-table table td .rental-table-img {width: 100%; aspect-ratio: 200 / 110; background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* 달력 */
.rental .fc .fc-col-header-cell {padding:8px 5px; background:#333; color:#fff; border:1px solid #666; font-weight: 600;}
.rental .fc .fc-daygrid-day-top {flex-direction:row;}
.rental .fc .fc-day-sun .fc-daygrid-day-number {color:#ea4044;}
.rental .fc .fc-day-sat .fc-daygrid-day-number {color:#3584e7;}
.rental .fc .fc-daygrid-event {margin-top: 5px; padding: 3px 10px;}
.rental .fc-scrollgrid-section-body {background: #fff;}

.rental .fc .fc-toolbar {justify-content: center !important; align-items: center; gap: 30px;}
.rental .fc .fc-toolbar-title {font-size: 24px; font-weight: bold; color: #000;}
.rental .fc .fc-prev-button:focus, .rental .fc .fc-next-button:focus {outline: none !important; box-shadow: none !important;}
.rental .fc .fc-prev-button:active, .rental .fc .fc-next-button:active {background-color: #ee8000 !important; border-color: #ee8000 !important; background-repeat: no-repeat !important;}
.rental .fc .fc-prev-button, .rental .fc .fc-next-button {background: #fff; border: 1px solid #ddd; border-radius: 50% !important; width: 40px; height: 40px; padding: 0; font-size: 0; background-repeat: no-repeat;}
.rental .fc .fc-prev-button {background-image: url('/images/sub/rental-prev.svg') !important; background-position: 12px center !important;}
.rental .fc .fc-next-button {background-image: url('/images/sub/rental-next.svg') !important; background-position: 14px center !important;}
.rental .fc .fc-prev-button:hover, .rental .fc .fc-next-button:hover {background: #ee8000; border-color: #ee8000;background-repeat: no-repeat;}
.rental .fc .fc-prev-button:hover {background-image: url('/images/sub/rental-prev-hover.svg') !important; background-position: 12px center !important;}
.rental .fc .fc-next-button:hover {background-image: url('/images/sub/rental-next-hover.svg') !important; background-position: 14px center !important;}
.rental .fc .fc-prev-button:active {background-image: url('/images/sub/rental-prev-hover.svg') !important; background-position: 12px center !important;}
.rental .fc .fc-next-button:active {background-image: url('/images/sub/rental-next-hover.svg') !important; background-position: 14px center !important;}

.rental .contact {text-align: center; margin-top: 40px; width: 100%; padding: 40px 20px; background: #fff; border: 1px solid #ddd;}
.rental .contact h3 {font-size: 20px; font-weight: 600; color: #242424; line-height: 1.6em; margin-bottom: 10px;}
.rental .contact p {font-weight: 500;}
.rental .contact a:hover {text-decoration: underline;}
.rental .section2 {margin-bottom: -100px;}

.operation-wrap .sub-title {flex-direction: column; text-align: center;}
.operation-wrap .sub-title p {font-size: 22px; font-weight: 500; line-height: 1.45; margin-top: 20px;}
.operation {padding-bottom: 290px; background: url('/images/sub/oper-bg.png') no-repeat center bottom; background-size: contain;}
.operation .boxs {display: grid; grid-template-columns: repeat(4, 1fr); gap: 52px;}
.operation .box {width: 100%; max-width: 260px; min-width: 200px; aspect-ratio: 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; text-align: center; background: #142465; box-shadow: 0 0 0 10px rgba(34, 49, 107, 0.2); color: #fff;}
.operation .box.even {background: #1b359d; box-shadow: 0 0 0 10px rgba(27, 53, 157, 0.2);}
.operation .box .img {width: 70px; aspect-ratio: 1; user-select: none;}
.operation .box .img img {width: 100%; height: 100%; object-fit: contain;}
.operation .box .tit {display: flex; align-items: flex-end; justify-content: center; gap: 8px; font-size: 18px; font-weight: 600; line-height: 1.2;}
.operation .box .tit .num {font-size: 44px; font-weight: 800; line-height: 0.85;}
.operation .box .desc {font-size: 20px; font-weight: 600; line-height: 1.5;}