@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* 임시영역(추후 삭제) */
.test-area{display: flex; align-items:center; justify-content:center; height:75vh; background:#f5f5f5; font-size:4rem; color:#ddd; font-weight:700; margin-top:3rem;}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 좌측메뉴 -------- */
#leftNavBar{position: absolute; top:15rem; left:var(--area-padding); z-index:99;}
#leftNavBar.top-fixed{position: fixed; top:calc(15rem - 50px);}
#leftNavBar .nav-tit{display: none;}
.cm-left-nav-style{}
.cm-left-nav-style ul{margin:-6px 0;}
.cm-left-nav-style ul li{margin:6px 0;}
.cm-left-nav-style ul li a{display: flex; align-items:center; justify-content:space-between; width:18rem; height:5rem; border-radius:6px; background:rgba(8,76,181,0.1); backdrop-filter:blur(1rem); transition:var(--transition-custom); padding-inline:2.1rem 1.2rem; box-sizing:border-box;}
.cm-left-nav-style ul li a em{font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:var(--main-color); font-weight:500; transition:var(--transition-custom);}
.cm-left-nav-style ul li a i{font-size:1.8rem; color:var(--main-color); transition:var(--transition-custom);}
.cm-left-nav-style ul li.selected a,
.cm-left-nav-style ul li a:hover{background:var(--main-color) !important;}
.cm-left-nav-style ul li.selected a em,
.cm-left-nav-style ul li.selected a i,
.cm-left-nav-style ul li a:hover em,
.cm-left-nav-style ul li a:hover i{color:var(--white-color) !important;}


/* -------- 공통 :: 탭 -------- */
.cm-tab-style{position: relative; width:100%; height:5.6rem; background:#f3f3f3; border-radius:2.8rem; padding:0.6rem; box-sizing:border-box;}
.cm-tab-style ul{position: relative; align-items:center; justify-content:center; z-index:9;}
.cm-tab-style ul li{width:100%;}
.cm-tab-style ul li a{display: flex; align-items:center; justify-content:center; width:100%; height:4.4rem; color:#000; transition:var(--transition-custom);}
.cm-tab-style ul li a em{font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; font-weight:500;}

.cm-tab-style ul li.selected a{color:#fff;}

.cm-move-tab-wrap{position:absolute; width:100%; margin:0 auto; top:0; left:0}
.cm-move-line {position:absolute; left:0.6rem; top:0.6rem; z-index:1; height:4.4rem;}
.cm-move-line > span {height:4.4rem; background-color:var(--main-color); position:absolute; top:0; left:0; text-align:center; transition:background-color 0.5s; border-radius:2.2rem;}


/* -------- 공통 :: 섹션 -------- */
.sub-con-wrap{padding:15rem 0 0;}
.sub-con-wrap:last-child{padding-bottom:15rem;}
.sub-con-wrap.no-padding:not(#subCon01){padding: 0; margin-top:15rem;}
.bg-gray-con{background:#f3f3f3}


/* -------- 공통 :: 섹션 타이틀 -------- */
.cm-tit-box{}
.cm-tit-box .cm-tit{font-size:4rem; line-height:1.1; letter-spacing:-0.045em; color:var(--black-color); font-weight:700;}
.cm-tit-box .cm-txt{font-size:1.8rem; line-height:1.66; letter-spacing:-0.045em; color:var(--black-color); font-weight:500;}
.cm-tit-box .cm-tit + .cm-txt{margin-top:2rem;}
/* 흰색 */
.white.cm-tit-box .cm-tit{color:var(--white-color);}
.white.cm-tit-box .cm-txt{color:var(--white-color);}


/* -------- 공통 :: 컨텐츠 텍스트01 -------- */
.cm-content-txt-style01{position: relative;}
.cm-content-txt-style01:has(.content-category){padding-top:4rem; box-sizing:border-box;}
.cm-content-txt-style01 .content-category{position: absolute; top:0; left:0; font-size:2.2rem; line-height:1.15; letter-spacing:-0.015em; color:var(--black-color); font-weight:600;}
.cm-content-txt-style01 .content-tit{font-size:5.4rem; line-height:1.15; letter-spacing:-0.045em; color:var(--black-color); font-weight:700;}
/* 흰색 */
.white.cm-content-txt-style01 .content-category{color:var(--white-color);}
.white.cm-content-txt-style01 .content-tit{color:var(--white-color);}


/* -------- 공통 :: 컨텐츠 텍스트02 -------- */
.cm-content-txt-style02{}
.cm-content-txt-style02 .content-tit{font-size:3.8rem; line-height:1.15; letter-spacing:-0.045em; color:var(--black-color); font-weight:700;}
.cm-content-txt-style02 .content-txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.045em; color:var(--black-color); font-weight:500;}
.cm-content-txt-style02 .content-txt.check{position: relative; padding-left:2.2rem; box-sizing:border-box;}
.cm-content-txt-style02 .content-txt.check:before{position: absolute; content:'\e92b'; font-family:'xeicon'; top:-1px; left:0; font-size:1.6rem; color:var(--main-color);}
.cm-content-txt-style02 .content-txt.check02{position: relative; padding-left:2.2rem; box-sizing:border-box;}
.cm-content-txt-style02 .content-txt.check02:before{position: absolute; content:'\e929'; font-family:'xeicon'; top:-1px; left:0; font-size:1.6rem; color:var(--black-color);}
.cm-content-txt-style02 .content-tit + .content-txt{margin-top:2rem;}


.cm-content-txt-style021 .content-tit{font-size:2.8rem; line-height:1.15; letter-spacing:-0.045em; color:var(--black-color); font-weight:700;margin-left:3rem;margin-top:1.5rem;}
.cm-content-txt-style021 .content-txt{font-size:1.6rem; line-height:1.15; letter-spacing:-0.045em; color:var(--black-color); font-weight:500; opacity:0.7}
.cm-content-txt-style021 .content-txt.check{position: relative; padding-left:2.2rem; box-sizing:border-box;}
.cm-content-txt-style021 .content-txt.check:before{position: absolute; content:'\e92b'; font-family:'xeicon'; top:-1px; left:0; font-size:1.6rem; color:var(--main-color);}
.cm-content-txt-style021 .content-txt.check02{position: relative; padding-left:2.2rem; box-sizing:border-box;}
.cm-content-txt-style021 .content-txt.check02:before{position: absolute; content:'\e929'; font-family:'xeicon'; top:-1px; left:0; font-size:1.6rem; color:var(--black-color);}
.cm-content-txt-style021 .content-tit + .content-txt{margin-top:2rem;}


/* 흰색 */
.white.cm-content-txt-style02 .content-tit{color:var(--white-color);}
.white.cm-content-txt-style02 .content-txt{color:var(--white-color);}


/* -------- 공통 :: 컨텐츠 텍스트03 -------- */
.cm-content-txt-style03{position: relative; display: flex; align-items:flex-start;}
.cm-content-txt-style03:has(.content-category){padding-top:4rem; box-sizing:border-box;}
.cm-content-txt-style03 .content-category{position: absolute; top:0; left:0; font-size:2.6rem; line-height:1.15; letter-spacing:-0.015em; color:var(--black-color); font-weight:600;}
.cm-content-txt-style03 .content-tit{font-size:9rem; line-height:0.77; letter-spacing:-0.015em; color:var(--black-color); font-weight:600;}
.cm-content-txt-style03 .content-txt{font-size:2.6rem; line-height:1.53; letter-spacing:-0.045em; color:var(--black-color); font-weight:600; margin-left:5rem;}
/* 흰색 */
.white.cm-content-txt-style03 .content-category{color:var(--white-color);}
.white.cm-content-txt-style03 .content-tit{color:var(--white-color);}


/* -------- 공통 :: 타이틀(검색영역) -------- */
.cm-search-tit-wrap{display: flex; align-items:flex-end; justify-content:space-between;}

/* ***** 페이크폼 스타일 추가css ***** */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox span {text-indent: 2.5rem; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 4.8rem; font-size:1.5rem; color: #000; border: 1px solid #ddd; background-color: #fff; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:2.5rem;}
.fakeform-selectbox span:after{font-family: 'xeicon'; position:absolute; top:50%; right:2rem; transform:translateY(-50%); 
content: "\e942"; font-size:2rem; color: #000;}
.fakeform-selectbox span strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox span.active{border-bottom-color: #fff; border-radius:2.5rem 2.5rem 0 0;}
.fakeform-selectbox span.active:after{content: "\e945";}
.fakeform-selectbox span.focus{}
.fakeform-selectbox span.disabled{}
.fakeform-selectbox .select-title{line-height:4.8rem;}
/* 옵션창 */
.select-option {border: 1px solid #ddd; border-top: 0; /* background: #fff; */ max-height: 160px; overflow: hidden; z-index: 999 !important;transform: translateY(-1px); /* padding-top: 2.5rem; */ border-radius:0 0 2.5rem 2.5rem; box-sizing:border-box; }
.select-option ul{max-height: 160px; overflow:auto;}
.select-option ul::-webkit-scrollbar{ width: 5px; }
.select-option ul::-webkit-scrollbar-thumb{ background-color:#333; border-radius:5px; transition:all 0.5s; }
.select-option ul::-webkit-scrollbar-track{ background-color:#f2f2f2; border-radius:0; }
.select-option ul {margin: 0; padding: 0; background:#fff;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.3rem; line-height: 1.5; color: #666; white-space: nowrap; 
text-overflow: ellipsis; text-decoration: none; padding: 1rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f2f2f2;}
.select-option span.selected {color: #000; font-weight: 600; background:#eee;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

.custom-select-wrapper .custom-select { position: relative; display: block; }
.custom-select-trigger { position: relative; display: block; width: 100%; padding:0 15px; color: #333; line-height: 40px; cursor: pointer; transition: all 0.2s ease-in-out; font-size:15px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-select-trigger:after{ font-family: 'xeicon'; position:absolute; top:50%; right:10px; transform:translateY(-50%); content: "\e942"; font-size:18px; }
.custom-select.opened .custom-select-trigger:after{ content: "\e945"; }
.custom-option-drop-list { position: absolute; display: none; top: 100%; left: 0%; right: 0; z-index:11; overflow-y:auto; max-height:200px; background: #fff; border:1px solid #ccc; border-top:0; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-option-item { position: relative; display: block; text-align: left; font-size: 0.8666em; font-weight: 400; padding: 8px 15px; color: #555; line-height: 1.5; cursor: pointer; transition: all 0.05s ease-in-out; }
.custom-option-item:hover { background:#f2f2f2; }
.custom-option-item.selection{ color:#000;  }

/* ***** SEARCH BOX ***** */
.cm-search-box-style{text-align:center; width:50rem;}
.cm-search-box-style .board-custom-select-box{width:12rem; height:100%; }
.cm-search-box-style .board-search-inner{display:flex; align-items:center; max-width:50rem; height:5rem; margin:0px auto; box-sizing:border-box; border:1px solid #ddd; background-color:#fff; border-radius:2.5rem;}
.cm-search-box-style .board-search-inner:after{display:none;}
.cm-search-box-style .search-subject-select,
.cm-search-box-style .search-word{height:100%; background-color:transparent; border:0; font-size:1.5rem; color:#333; letter-spacing:-0.03em; }
.cm-search-box-style .search-subject-select{position: relative; display: block; width:12rem; }
.cm-search-box-style .search-subject-select:not(.custom-select){padding-left:1em;}
.cm-search-box-style .search-word{width:100%; border-right:0;}
.cm-search-box-style .search-subject-select + .search-word,
.cm-search-box-style .board-custom-select-box + .search-word{width:calc(100% - 16.5rem); border-left:1px solid #ddd; }
.cm-search-box-style .search-subject-select:focus,
.cm-search-box-style .search-word:focus{color:#333; outline:none; background-color:transparent;}
.cm-search-box-style .search-word::placeholder{color:#333;}
.cm-search-box-style .search-word::-webkit-search-cancel-button{display:none;}
.cm-search-box-style .bbs-search-btn{margin:0px; border:0; width:4rem; height:4rem; font-size:2rem; background:#000; color:#fff;  cursor:pointer; vertical-align:top; border-radius:50%;}
 
.cm-search-box-style .board-search-inner{border-radius:5rem;}
.cm-search-box-style .search-subject-select + .search-word,
.cm-search-box-style .board-custom-select-box + .search-word{border-left:0;}
.cm-search-box-style .board-custom-select-box .custom-select-trigger{position: relative; padding-left:1.5em; z-index:12; background:#fff; border-radius:2.5rem 0 0 2.5rem; width:100%; box-sizing:border-box; cursor:pointer; line-height: 4.7rem; border: none; text-align: left;}
.cm-search-box-style .board-custom-select-box .custom-option-drop-list{left:-1px; top:2.5rem; border:1px solid #ddd; padding-top:2.5rem; border-radius: 0 0 1.5rem 1.5rem;}


/* -------- 공통 :: 페이징 -------- */
.cm-paging-wrap{display: flex; justify-content:space-between; align-items: center; margin:3rem 0 0;}
.paging{display:flex; justify-content:flex-start; width:100%; text-align:center; flex-wrap:wrap;}
.paging a{position:relative; display:block; width:4rem; height:4rem;  line-height:4rem; margin:2px; border:1px solid #f5f5f5; text-align:center; font-size:1.4rem; color:#000; letter-spacing:-0.01em; background-color:#f5f5f5; border-radius:0.5rem;}
.paging a.cur{border-color:#000; background-color:#fff; font-weight:600;}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:2rem; margin:0 -0.7rem;}

.cm-paging-wrap .paging-select{display: flex; align-items:center;}
.cm-paging-wrap .paging-select .cur-num{}
.cm-paging-wrap .paging-select .cur-num input{display:block; width:40px; height:40px; line-height:40px; border:1px solid #000; text-align:center; font-size:14px; color:#000; letter-spacing:-0.01em; background-color:#fff; border-radius:5px; font-weight:600;}
.cm-paging-wrap .paging-select .slash{font-size:20px; color:#000; margin:0 10px}
.cm-paging-wrap .paging-select .total-num{font-size:14px; color:#000; font-weight:600;}
 
 
 
 /* ****************** ABOUT US :: 회사개요 ********************** */
 
#wrap:has(.summ-wrap){overflow:visible;}
.summ-wrap{position: relative;}
.summ-wrap:before{position: absolute; content:''; width:100%; height:1px; bottom:0; left:0; border-bottom:1px solid rgba(0,0,0,0.2);}
.summ-wrap .cm-content-txt-style01{border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:7rem; margin-bottom:9rem;}
.summ-con{position: relative; display: flex; align-items: flex-start; margin-top:3rem;}
.summ-con .summ-left{ width:50%; padding-right: 5rem; box-sizing: border-box;}
 /*.summ-con .summ-left .years{display: block; font-size:9rem; line-height:1; letter-spacing:-0.045em; color:var(--white-color); font-weight:600; margin-bottom:2rem;}
.summ-con .summ-left .img-box{width:100%; max-width:46rem;}
.summ-con .summ-left .img-box span{position: relative; display: block; width:100%; height:0; padding-top:69.56%; overflow:hidden; border-radius:2rem; box-shadow: 0.8rem 1rem 4rem -5px rgba(0,0,0,0.18);}
.summ-con .summ-left .img-box span img{position: absolute; inset:0; width:100%; object-fit:cover;}*/
.summ-con .summ-left .summ-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; color:#3079dd; font-weight:700; margin-bottom:3rem;}
.summ-con .summ-left .summ-tit-sub{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-left:7rem; margin-right:7rem;}
.summ-con .summ-left .summ-tit-sub p {margin-top:1.5rem;}

.summ-con .summ-right{width:50%; padding-top:7rem; padding-bottom:7rem;}
.summ-con .summ-right .summ-info{display: flex; margin-bottom:2rem;}
.summ-con .summ-right .summ-info:last-child{margin-bottom:0;}
.summ-con .summ-right .summ-info .summ-info-tit{width:11.5rem; font-size:2rem; line-height:1.2; letter-spacing:-0.045em; color:#333; font-weight:500;}
.summ-con .summ-right .summ-info .summ-info-list{width:calc(100% - 11.5rem);}
.summ-con .summ-right .summ-info .summ-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#777; margin-bottom:0.5rem;}
.summ-con .summ-right .summ-info .summ-info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:var(--main-color); opacity:0.3; top:1rem; left:0;}
.summ-con .summ-right .summ-info .summ-info-list p:first-child{margin-top:0.6rem;}
.summ-con .summ-right .summ-info .summ-info-list p:last-child{margin-bottom:0;}


 /* ****************** ABOUT US :: 인사말 ********************** */
 
#wrap:has(.ceo-wrap){overflow:visible;}
.ceo-wrap{position: relative;}
.ceo-wrap:before{position: absolute; content:''; width:100%; height:1px; bottom:0; left:0;}
.ceo-wrap .cm-content-txt-style01{ padding-bottom:7rem; margin-bottom:5rem;}
.ceo-con{position: relative; display: flex; align-items: flex-start; margin-top:3rem;background:no-repeat center; background-size:cover; background-image:url('./../images/main/main_notice_bg.jpg'); border-radius:3rem;}
.ceo-con .ceo-left{ width:50%; padding-top:7rem; box-sizing: border-box;}
 /*.ceo-con .ceo-left .years{display: block; font-size:9rem; line-height:1; letter-spacing:-0.045em; color:var(--white-color); font-weight:600; margin-bottom:2rem;}
.ceo-con .ceo-left .img-box{width:100%; max-width:46rem;}
.ceo-con .ceo-left .img-box span{position: relative; display: block; width:100%; height:0; padding-top:69.56%; overflow:hidden; border-radius:2rem; box-shadow: 0.8rem 1rem 4rem -5px rgba(0,0,0,0.18);}
.ceo-con .ceo-left .img-box span img{position: absolute; inset:0; width:100%; object-fit:cover;}*/
.ceo-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; color:#3079dd; font-weight:700; margin-bottom:3rem;}
.ceo-tit-sub{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-left:7rem; margin-right:7rem;}
.ceo-tit-sub p {margin-top:1.5rem;}

.ceo-con .ceo-right{width:50%; padding-top:7rem;}
.ceo-con .ceo-right .ceo-info{display: flex; margin-bottom:2rem;}
.ceo-con .ceo-right .ceo-info:last-child{margin-bottom:0;}
.ceo-con .ceo-right .ceo-info .ceo-info-tit{width:11.5rem; font-size:2rem; line-height:1.2; letter-spacing:-0.045em; color:#333; font-weight:500;}
.ceo-con .ceo-right .ceo-info .ceo-info-list{width:calc(100% - 11.5rem);}
.ceo-con .ceo-right .ceo-info .ceo-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#777; margin-bottom:0.5rem;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:var(--main-color); opacity:0.3; top:1rem; left:0;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:first-child{margin-top:0.6rem;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:last-child{margin-bottom:0;}



/* ****************** ABOUT US :: 연혁 ********************** */
#wrap:has(.history-wrap){overflow:visible;}
.history-wrap{position: relative; padding:17rem 0 10rem;}
.history-wrap:before{position: absolute; content:''; width:100%; height:1px; bottom:0; left:0; border-bottom:1px solid rgba(223,223,223,0.2);}
.history-wrap .cm-content-txt-style01{border-bottom:1px solid rgba(223,223,223,0.2); padding-bottom:7rem; margin-bottom:9rem;}

.history-con{position: relative; display: flex; align-items: flex-start;}
.history-con .history-left{position: sticky; top:10rem; width:50%; padding-right: 3rem; box-sizing: border-box;}
.history-con .history-left .years{display: block; font-size:9rem; line-height:1; letter-spacing:-0.045em; color:var(--white-color); font-weight:600; margin-bottom:2rem;}
.history-con .history-left .tit{font-size:3rem; line-height:1.5; letter-spacing:-0.045em; color:#3079dd; font-weight:700; margin-bottom:3rem;}
.history-con .history-left .img-box{width:100%; max-width:46rem;}
.history-con .history-left .img-box span{position: relative; display: block; width:100%; height:0; padding-top:69.56%; overflow:hidden; border-radius:2rem; box-shadow: 0.8rem 1rem 4rem -5px rgba(0,0,0,0.18);}
.history-con .history-left .img-box span img{position: absolute; inset:0; width:100%; object-fit:cover;}

.history-con .history-right{width:50%;}
.history-con .history-right .history-info{display: flex; margin-bottom:5rem;}
.history-con .history-right .history-info:last-child{margin-bottom:0;}
.history-con .history-right .history-info .year{width:11.5rem; font-size:3rem; line-height:1.2; letter-spacing:-0.045em; color:var(--white-color); font-weight:500;}
.history-con .history-right .history-info .info-list{width:calc(100% - 11.5rem);}
.history-con .history-right .history-info .info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:var(--white-color); opacity:0.7; margin-bottom:0.5rem;}
.history-con .history-right .history-info .info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:var(--white-color); opacity:0.3; top:1rem; left:0;}
.history-con .history-right .history-info .info-list p:first-child{margin-top:0.6rem;}
.history-con .history-right .history-info .info-list p:last-child{margin-bottom:0;}


/* ****************** PR :: 진인프라 소식 ********************** */
.pr-search-tit-inner-tab{display: flex; align-items:flex-end;}
.pr-search-tit-inner-tab .cm-content-txt-style01 .content-tit{white-space: nowrap;}
.pr-search-tit-inner-tab .pr-tab-list-style{margin-bottom:0rem; margin-inline:3rem;}

.pr-tab-list-style ul{display: flex; align-items:center; margin:0 -3px;}
.pr-tab-list-style ul li{margin:0 3px;}
.pr-tab-list-style ul li a{display: flex; align-items:center; justify-content:center; width:auto; min-width:14rem; height:4.8rem; border-radius:2.4rem; background:#fff; border:2px solid var(--main-color); box-sizing:border-box; padding-inline:1.5rem; box-sizing:border-box;}
.pr-tab-list-style ul li a em{font-size:1.8rem; color:var(--main-color); font-weight:600;}
.pr-tab-list-style ul li.selected a{background-color:var(--main-color);}
.pr-tab-list-style ul li.selected a em{color:var(--white-color);}

.bbs-basic-gallery-con04 .bbs-thum-list{border-top:1px solid var(--black-color); margin-top:4rem;}
.bbs-basic-gallery-con04 .bbs-thum-list li{}
.bbs-basic-gallery-con04 .bbs-thum-list li a{position:relative; display:flex; align-items:center; padding:4rem; transition:all 0.3s; border-bottom:1px solid rgba(0,0,0,0.1);}
.bbs-basic-gallery-con04 .bbs-thum-list li a:before {display: block; content:""; position:absolute; top:0; left:0; width: 100%; height: 100%; border:4px solid var(--main-color); opacity:0; box-sizing:border-box; transition:all 0.3s; border-radius:1.2rem}
/* 리스트 :: 썸네일 */
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img{width:30rem; display:inline-block; vertical-align:top;}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span{display:block; position:relative; height:0; padding-top:66.66%; border-radius:0.6rem; overflow:hidden;}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span.no-images{background:#f3f3f3}
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span.no-images img{top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:auto;}
/* 리스트 :: 오른쪽정보 */
.bbs-thumb-info-con{overflow:hidden; display:inline-block; vertical-align:top; padding-left:5.5rem; width:calc(100% - 30rem); height:100%; box-sizing:border-box;}
.bbs-thumb-info-con h3{font-size:2.8rem; letter-spacing:-0.045em; color:var(--black-color); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s;  margin-bottom:1.5rem;}
.bbs-thumb-info-con .bbs-detail-txt{ overflow:hidden; height:8rem; letter-spacing:-0.5px;line-height:1.625; font-size:1.6rem; color:var(--black-color); opacity:0.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom:2.8rem;}
.bbs-thumb-info-con .date {font-size:1.6rem; color:rgba(0,0,0,0.3); font-weight:500;}
.bbs-thumb-info-con .view-more{position: absolute; bottom:4rem; right:4rem; color:var(--black-color); opacity:0.2; font-size:2.6rem; transition:all 0.3s;}


 
 /* ****************** ABOUT US :: 윤리경영 ********************** */
 
.ethic-con{position: relative; display: flex; align-items: flex-start; margin-top:7rem;}
.ethic-con .ethic-left{ width:35%; padding-right: 5rem; box-sizing: border-box;}
 /*.ethic-con .ethic-left .years{display: block; font-size:9rem; line-height:1; letter-spacing:-0.045em; color:var(--white-color); font-weight:600; margin-bottom:2rem;}
.ethic-con .ethic-left .img-box{width:100%; max-width:46rem;}
.ethic-con .ethic-left .img-box span{position: relative; display: block; width:100%; height:0; padding-top:69.56%; overflow:hidden; border-radius:2rem; box-shadow: 0.8rem 1rem 4rem -5px rgba(0,0,0,0.18);}
.ethic-con .ethic-left .img-box span img{position: absolute; inset:0; width:100%; object-fit:cover;}*/
.ethic-con .ethic-left .ethic-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:700; margin-bottom:3rem;margin-top:3rem}
.ethic-con .ethic-left .ethic-tit-sub{font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-right:7rem;}
.ethic-con .ethic-left .ethic-tit-sub p {margin-top:1.5rem;}
.ethic-con .ethic-left .ethic-tit-sub p strong{width:10rem; display:inline-block;}

.ethic-con .ethic-right{width:65%; padding-top:7rem; padding-left:7rem;border-left:1px solid rgba(0,0,0,0.2);}
.ethic-con .ethic-right .ethic-info{display: flex; height:7rem;}
.ethic-con .ethic-right .ethic-info:last-child{margin-bottom:0;}
.ethic-con .ethic-right .ethic-info .ethic-info-tit{width:3rem; font-size:4rem; line-height:0.8; letter-spacing:-0.045em; color:#333; font-weight:500;}
.ethic-con .ethic-right .ethic-info .ethic-info-list{width:calc(100% - 11.5rem);}
.ethic-con .ethic-right .ethic-info .ethic-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; color:#555; margin-bottom:0.5rem;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p .strong{width:4rem; display:block;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p:first-child{margin-top:0.6rem;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p:last-child{margin-bottom:0;}

.ethic-con .ethic-right .ethic-info-sign{margin-top:3rem; padding:3rem; border-top:1px solid rgba(0,0,0,0.2); text-align:right; font-size:2rem;}
.cm-style-guide-tit{padding: 3rem 0; font-size: 2.4rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.025em; ;}

.ethic-con .ethic-right .ethic-info1{display: flex;padding-bottom:2.5rem; padding-top:2.5rem; border-bottom:1px solid rgba(0,0,0,0.2);}
.ethic-con .ethic-right .ethic-info1:last-child{margin-bottom:0;border:0;}
.ethic-con .ethic-right .ethic-info1 .ethic-info-tit{width:8rem; font-size:2.6rem; line-height:0.8; letter-spacing:-0.045em; color:#333; font-weight:700;}
.ethic-con .ethic-right .ethic-info1 .ethic-info-list{width:calc(100% - 11.5rem);}
.ethic-con .ethic-right .ethic-info1 .ethic-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; color:#555; margin-bottom:0.5rem;}
.ethic-con .ethic-right .ethic-info1 .ethic-info-list p strong{width:7rem; display:inline-block;}
.ethic-con .ethic-right .ethic-info1 .ethic-info-list p:first-child{margin-top:0.6rem;}
.ethic-con .ethic-right .ethic-info1 .ethic-info-list p:last-child{margin-bottom:0;}
 /* ****************** ABOUT US :: 윤리경영 ********************** */
 
.pr-con{position: relative; display: flex; align-items: flex-start; margin-top:7rem;}
.pr-con .pr-left{ width:35%; padding-right: 5rem; box-sizing: border-box;}
.pr-con .pr-left .pr-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:700; margin-bottom:3rem;margin-top:3rem}
.pr-con .pr-left .pr-tit-sub{font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-right:7rem;}
.pr-con .pr-left .pr-tit-sub p {margin-top:1.5rem;}

.pr-con .pr-right{width:65%; padding-top:7rem; padding-left:7rem;border-left:1px solid rgba(0,0,0,0.2);}
.pr-con .pr-right .pr-info{display: flex;}
.pr-con .pr-right .pr-info:last-child{margin-bottom:0;}
.pr-con .pr-right .pr-info .pr-info-tit{width:3rem; font-size:4rem; line-height:0.8; letter-spacing:-0.045em; color:#333; font-weight:500;}
.pr-con .pr-right .pr-info .pr-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:500; margin-bottom:3rem;margin-top:3rem}
.pr-con .pr-right .pr-info .pr-info-list{width:calc(100% - 11.5rem);}
.pr-con .pr-right .pr-info .pr-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; color:#555; margin-bottom:0.8rem;}
.pr-con .pr-right .pr-info .pr-info-list p:first-child{margin-top:0;}
.pr-con .pr-right .pr-info .pr-info-list p:last-child{margin-bottom:0;}

.pr-con .pr-right .pr-info-sign{margin-top:3rem; padding:3rem; border-top:1px solid rgba(0,0,0,0.2); text-align:right; font-size:2rem;}
.cm-style-guide-tit{padding: 3rem 0; font-size: 2.4rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.025em; ;}

.pr-con .pr-right .pr-info-img{position: relative; display: flex; align-items: flex-start;}
.pr-con .pr-right .pr-info-img .pr-info-img-left{ width:50%; padding:1rem 6rem; margin-bottom:2rem; margin-top:2rem; border-right:1px solid rgba(0,0,0,0.1); }
.pr-con .pr-right .pr-info-img .pr-info-img-right{ width:50%; padding:1rem 6rem; margin-bottom:2rem; margin-top:2rem; }
.pr-con .pr-right .pr-info-img .pr-info-img-sec1{ width:31.5%; height:27rem; align-items: center;justify-content: center; margin-left:1.5rem;}
.pr-con .pr-right .pr-info-img .pr-info-img-sec2{ width:31.5%; height:27rem; text-align:center; }
.pr-con .pr-right .pr-info-img .pr-info-img-sec3{ width:31.5%; height:27rem; text-align:center; }

.pr-info-img-sec-tit{width:100%; font-size:4rem; letter-spacing:-0.045em; color:var(--main-color); font-weight:700; text-align: center;}
.pr-info-img-sec-tit1{width:100%; font-size:2rem; letter-spacing:-0.045em; color:#333; font-weight:500; text-align: center;}

.pr-con .pr-right .pr-info-img:first-child .pr-info-img-left{ padding-top:0;}
.pr-con .pr-right .pr-info-img:first-child .pr-info-img-right{ padding-top:0;}

.pr-info-img-point{display: inline-block; font-size:1.3rem; padding:0.2rem 1rem; line-height:1.5; letter-spacing:-0.045em;  font-weight:600; color:#777; border:2px solid  #777; border-radius:2rem; margin-bottom:2.5rem;}
/* ******************   게시판 :: 뷰페이지  ********************** */
.bbs-view-con{border-top:1px solid #000;}
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:2rem; border-bottom:1px solid #eee; font-size:1.6rem;}
.bbs-view-top .bbs-tit{color:#000; font-size:2em; letter-spacing:-0.033em; font-weight:700; line-height:1.25; word-break:keep-all;}
.bbs-view-top .bbs-write-info{margin-top:2rem;}
.bbs-view-top .bbs-write-info dt,
.bbs-view-top .bbs-write-info dd{display:inline-block; color:#777; vertical-align:middle; font-weight:500;}
.bbs-view-top .bbs-write-info dd{margin:0 2rem 0 0.5rem; color:#000; font-weight:500}
.bbs-view-content{padding:3rem 2rem; border-bottom:1px solid #eee; }

/* 게시판 :: 뷰 :: 버튼 */
.cm-btn-controls{display: flex; align-items: center; justify-content: flex-end; text-align: center; margin-top: 5rem;}

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list{margin-top:5rem;}
.bbs-view-prev-next-list li{border-bottom:1px solid #eee;}
.bbs-view-prev-next-list li:first-child{border-top:1px solid #eee;}
.bbs-prev-next-tbl{width:100%; table-layout:fixed;}
.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td{height:5.8rem; color:#000; font-size:1.6rem; letter-spacing:-0.05em; line-height:1.2; }
.bbs-prev-next-tbl th{text-align:left;}
.bbs-prev-next-tbl .bbs-prev-next-tit{position:relative; display:block; padding-left:2.5rem; font-weight:400; }
.bbs-prev-next-tbl .bbs-prev-next-tit:after{position:absolute; top:0px; bottom:0px; width:1px; right:0px; background-color:#eee; content:"";}
.bbs-prev-next-tbl .bbs-prev-next-tit i{position:absolute; right:1.5rem; font-size:2rem;}
.bbs-prev-next-tbl td{padding-left:2rem}
.bbs-prev-next-tbl td a{display:block; color:inherit;}
.bbs-prev-next-tbl td a .bbs-tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-prev-next-tbl td a:hover .bbs-tit{text-decoration:underline}



/* ****************** Business ********************** */
/* Business :: sticky 스타일 */
#wrap:has(.sub-bg-JS){overflow:visible;}
.sub-bg-JS{position: relative; padding:0 !important; overflow:visible !important; width:100% !important;}
.sub-bg-JS > .area{padding-block:15rem; margin-top:-100vh;}
.sub-bg-JS .inner-bg{position: sticky; height:100vh; width:100%; min-width:100%; top:0; pointer-events:none; }
.sub-bg-JS .inner-bg img{width:100%; height:100%; object-fit:cover;}


/* Business :: 공통 */
.sub-con-wrap:has(.business-con){padding:0 !important;}
.business-con{padding:15rem 0; overflow: hidden; width: 100%;}
/* Business :: 주요산업 */
.business-major-list-wrap{margin-top:5.5rem;}

.business-major-slide{position: relative; margin-top:5rem; margin-inline:-3px;}
.business-major-slide .slick-list{overflow:visible;}
.business-major-slide .slick-slide{position: relative; margin:0 3px;}
/* Business :: 주요산업 :: 화살표 */
.business-major-slide .slick-arrow{position: absolute; top:50%; width:7rem; height:7rem; border-radius:50%; background:var(--white-color); display: flex; align-items:center; justify-content:center; z-index:9;}
.business-major-slide .slick-arrow i{font-size:2rem; color:var(--black-color);}
.business-major-slide .slick-arrow.slick-prev{left:0; transform:translate(-50%, -50%);}
.business-major-slide .slick-arrow.slick-next{right:0; transform:translate(50%, -50%);}

/* Business :: 주요산업 :: Dots */
.business-major-slide .slick-dots{position: absolute; top:calc(100% + 5rem); left:50%; transform:translate(-50%, -50%); display: flex; align-items:center;}
.business-major-slide .slick-dots li{margin:0 7px; pointer-events: none;}
.business-major-slide .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:8px; height:8px; background-color:rgba(167,167,167,50); font-size:0; opacity:0.5; border-radius:4px; transition:var(--transition-custom); pointer-events:none;}
.business-major-slide .slick-dots li.slick-active button{width:60px; background-color:var(--main-color); opacity:1;}

/* Business :: 주요산업 :: 이미지 */
.business-major-slide .slide-bg{position: relative;}
.business-major-slide .slide-bg span{position: relative; display: block; width:100%; height:60rem; background:#000;}
.business-major-slide .slide-bg span img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.2; transition:var(--transition-custom);}

/* Business :: 주요산업 :: 텍스트 */
.business-major-slide .slide-item{position: relative; overflow:hidden;}
.business-major-slide .slide-info-box{position: absolute; z-index:9; top:50%; right:6rem; transform:translateY(calc(-50% + 3rem)); opacity:0; height:calc(100% - 12rem); width:45rem; background:rgba(0,0,0,0.2); backdrop-filter:blur(2rem) brightness(0.8); border-radius:2rem; padding:5rem 3rem 3.5rem; box-sizing:border-box; display: flex; flex-direction: column; justify-content: space-between; transition:var(--transition-custom2);}
.business-major-slide .slide-info-box .slide-info-txt-box{padding-inline:1rem; box-sizing:border-box;}
.business-major-slide .slide-info-box .slide-tit-box{padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0.1);}
.business-major-slide .slide-info-box .slide-tit-box .count{display: flex; font-size:1.9rem; line-height:2.51; letter-spacing:-0.045em; color:rgba(255,255,255,0.2);}
.business-major-slide .slide-info-box .slide-tit-box .count .cur-num{font-size:1.36em; line-height:1.7; color:var(--white-color); margin-right:0.5rem;}
.business-major-slide .slide-info-box .slide-tit-box .count .total-num{margin-left:0.5rem;}
.business-major-slide .slide-info-box .slide-tit-box .slide-tit{font-size:3.8rem; line-height:1.15; letter-spacing:-0.045em; color:var(--white-color); font-weight:700;}
.business-major-slide .slide-info-box .slide-txt-box{padding:2.5rem 0; box-sizing:border-box;}
.business-major-slide .slide-info-box .slide-txt-box .slide-txt{position: relative; font-size:1.6rem; line-height:1.625; letter-spacing:-0.045em; color:rgba(255,255,255,0.8); margin-bottom:1.3rem;}
.business-major-slide .slide-info-box .slide-txt-box .slide-txt:last-child{margin-bottom:0;}
.business-major-slide .slide-info-box .slide-txt-box .slide-txt.check{padding-left:3.5rem; box-sizing:border-box;}
.business-major-slide .slide-info-box .slide-txt-box .slide-txt.check:before{position: absolute; content:'\e929'; top:-0.2rem; left:0.8rem; font-family:'xeicon'; font-size:1.15em; color:var(--white-color);}
.business-major-slide .slide-info-box .slide-btn-box{display: flex; justify-content:space-between;}
.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style01{width:calc(50% - 0.5rem); height:5.6rem; font-size:1.6rem;}
.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style01:hover{background:var(--main-color); border-color:var(--main-color); color:var(--white-color);}
.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style011{width:calc(100% - 0.5rem); height:5.6rem; font-size:1.6rem;}
.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style011:hover{background:var(--main-color); border-color:var(--main-color); color:var(--white-color);}

/* active */
.business-major-slide .slick-current .slide-info-box,
.business-major-slide .is-transitioning .slide-info-box{opacity:1; transform:translateY(-50%);}
.business-major-slide .slick-current .slide-bg span img,
.business-major-slide .is-transitioning .slide-bg span img{opacity:1;}

/* Business :: Reference & Partners */
.business-partner-con{position: relative; text-align:center; padding-block:20rem 30rem; }
.business-partner-tit{font-size:4rem; line-height:1.1; letter-spacing:-0.045em; color:#000; font-weight:700;}
.business-partner-count{display: flex; align-items:center; justify-content:center; margin-top:5.5rem;}
.business-partner-count .count-item{position: relative; padding:0 5.5rem;}
.business-partner-count .count-item:before{position: absolute; content:''; top:50%; right:0; background:rgba(0,0,0,0.2); width:1px; height:12rem; transform:translateY(-50%);}
.business-partner-count .count-item:last-child:before{display: none;}
.business-partner-count .count-item .count-tit{font-size:3rem; line-height:1.5; letter-spacing:-0.025em; color:#000; font-weight:500;}
.business-partner-count .count-item .count-num{font-size:12rem; line-height:0.7; letter-spacing:-0.025em; color:#000; font-weight:500;}
.business-partner-count .count-item .count-num .plus{position: relative; top: 1.3rem;}

/* animated */
.business-con.animated .main-partner-img-list{visibility: visible; opacity: 1;}
/* .business-con.animated .main-partner-img-list:not(.is-anim) .main-partner-img-item{margin-top: 0; margin-left: 0;} */
.business-con.animated .main-partner-img-list .main-partner-img-item{top: 50%; opacity:1; transform: translate(0) rotate(0) scale(1);}
.business-con.animated .main-partner-img-list .main-partner-img-item img{opacity: 1;}



/* ****************** 서브 컨텐츠 스타일 ********************** */
/* 스타일 01 */
.sub-con-style01{margin-top:5rem;}
.sub-con-style01 .sub-con-item{position: relative; display: flex; align-items:center; padding:2rem; box-sizing:border-box; margin-bottom:3rem; will-change: transform !important;}
.sub-con-style01 .sub-con-item:last-child{margin-bottom:0;}
.sub-con-style01 .sub-con-item:before{position: absolute; content:''; top:0; bottom:0; left:50%; width:0; height:100%; background:rgba(255,255,255,0.5); backdrop-filter:blur(1rem); border-radius:3.5rem; transition:var(--transition-custom2);}
.sub-con-style01 .sub-con-item .img-box{position: relative; width:50%; opacity:0; transform:translateX(50px); transition:var(--transition-custom2);}
.sub-con-style01 .sub-con-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:52.3%; border-radius:2.6rem; overflow:hidden;}
.sub-con-style01 .sub-con-item .img-box span img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style01 .sub-con-item .txt-box{position: relative; width:50%; text-align:center; padding:2rem; box-sizing:border-box; text-align:center; opacity:0; transform:translateX(-50px); transition:var(--transition-custom2);}
.sub-con-style01 .sub-con-item .txt-box .num{display: block; font-size:3.2rem; line-height:1.375; letter-spacing:-0.045em; color:rgba(0,0,0,0.13); font-weight:500; margin-bottom:1.5rem;}
.sub-con-style01 .sub-con-item .txt-box .cm-content-txt-style02{display: inline-flex; flex-direction:column;}
.sub-con-style01 .sub-con-item .txt-box .cm-content-txt-style02 .content-txt{display: inline-block; text-align:left;}
/* reverse */
.sub-con-style01 .sub-con-item:nth-child(even){flex-direction:row-reverse;}
.sub-con-style01 .sub-con-item:nth-child(even) .img-box{transform:translateX(-50px);}
.sub-con-style01 .sub-con-item:nth-child(even) .txt-box{transform:translateX(50px);}
/* animated */
.sub-con-style01 .sub-con-item.animated:before{width:100%; left:0;}
.sub-con-style01 .sub-con-item.animated .img-box{opacity:1; transform:TranslateX(0); transition-delay:0.3s}
.sub-con-style01 .sub-con-item.animated .txt-box{opacity:1; transform:TranslateX(0); transition-delay:0.3s}


/* 스타일 02 */
.sub-con-style02{display: flex; flex-wrap:wrap; gap:1.5rem;}
.sub-con-style02 .sub-con-item{width:calc(50% - 0.75rem); background:rgba(255,255,255,0.5); backdrop-filter:blur(1rem); border-radius:3.6rem; padding:2.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style02 .sub-con-item .img-box{position: relative; width:100%; height:0; padding-top:55.737%; border-radius:2.6rem; overflow:hidden; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style02 .sub-con-item .img-box img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style02 .sub-con-item .txt-box{position: relative; padding:4.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style02 .sub-con-item .txt-box .num{position: absolute; top:4.5rem; right:4rem; font-size:5rem; color:rgba(0,0,0,0.13); font-weight:500;}
/* animated */
.sub-con-style02 .sub-con-item.animated{opacity:1; transform:TranslateY(0);}
.sub-con-style02 .sub-con-item.animated .img-box{opacity:1; transform:TranslateY(0); transition-delay:0.3s}
.sub-con-style02 .sub-con-item.animated .txt-box{opacity:1; transform:TranslateY(0); transition-delay:0.5s}


/* 스타일 03 */
.sub-con-style03{}
.sub-con-style03 .sub-con-item{display: flex; align-items:center; justify-content:space-between; margin-bottom:3rem;}
.sub-con-style03 .sub-con-item:last-child{margin-bottom:0;}
.sub-con-style03 .sub-con-item .img-box{position: relative; width:40%; max-width:41.7rem;}
.sub-con-style03 .sub-con-item .img-box .big-img{display: block; position: relative; width:100%; height:0; padding-top:100%; border-radius:50%; overflow:hidden; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style03 .sub-con-item .img-box .big-img img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style03 .sub-con-item .img-box .small-img{display: block; position: absolute; bottom:0; right:0; width:44.8%; height:0; padding-top:44.8%; border-radius:50%; overflow:hidden; box-shadow: 0.8rem 1rem 4rem -5px rgba(0,0,0,0.18); opacity:0; transform:translate(30%, calc(30% + 50px)); transition:var(--transition-custom2);}
.sub-con-style03 .sub-con-item .img-box .small-img img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style03 .sub-con-item .txt-box{width:60%; max-width:calc(100% - 41.7rem); opacity:0; transform:translateX(50px); transition:var(--transition-custom2);}
.sub-con-style03 .sub-con-item .txt-box .content-tit{border-bottom:2px solid #000; padding-bottom:1.5rem;}
.sub-con-style03 .sub-con-item .txt-box .content-tit em{position: relative; font-weight:inherit}
.sub-con-style03 .sub-con-item .txt-box .content-tit em .num{position: absolute; top:0; right:0; font-size:5rem; color:rgba(0,0,0,0.13); transform:translate(80%, -50%); font-weight:500}
/* animated */
.sub-con-style03 .sub-con-item.animated .img-box .big-img{opacity:1; transform:TranslateY(0);}
.sub-con-style03 .sub-con-item.animated .img-box .small-img{opacity:1; transform:Translate(30%, 30%); transition-delay:0.2s}
.sub-con-style03 .sub-con-item.animated .txt-box{opacity:1; transform:TranslateX(0); transition-delay:0.5s}


/* 스타일 04 */
.sub-con-style04{display: flex; align-items:center; padding:2rem 4rem; box-sizing:border-box; backdrop-filter:blur(1rem) brightness(2); border-radius:3.6rem; background:rgba(16,19,25,0.2); min-height:23rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style04 .content-icon-box{width:11rem;}
.sub-con-style04 .content-icon-box span img{width:100%;}
.sub-con-style04 .content-txt-box{width:calc(100% - 11rem); padding-left:5rem; box-sizing:border-box;}
.sub-con-style04 .content-txt-box h4{font-size:3rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; font-weight:700; margin-bottom:2.7rem;}
.sub-con-style04 .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:#fff; font-weight:500; opacity:0.8;}


.sub-con-style04 .content-txt-box .list-info{display: flex; margin-bottom:1.5rem;margin-left:5rem;}
.sub-con-style04 .content-txt-box .list-info:last-child{margin-bottom:0;}
.sub-con-style04 .content-txt-box .list-info .list-info-tit{width:18.5rem; font-size:2rem; line-height:1.2; letter-spacing:-0.045em; color:#eee; font-weight:500;opacity:0.8}
.sub-con-style04 .content-txt-box .list-info .list-info-list{width:calc(100% - 11.5rem);}
.sub-con-style04 .content-txt-box .list-info .list-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; margin-bottom:0.5rem;}
.sub-con-style04 .content-txt-box .list-info .list-info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:#eee; opacity:0.3; top:1rem; left:0;}
.sub-con-style04 .content-txt-box .list-info .list-info-list p:first-child{margin-top:0.6rem;}
.sub-con-style04 .content-txt-box .list-info .list-info-list p:last-child{margin-bottom:0;}


/* animated */
.sub-con-style04.animated{opacity:1; transform:translateY(0);}


/* 스타일 05 */
.sub-con-style05{position: relative; display: flex; align-items:center; padding:3rem; box-sizing:border-box; backdrop-filter:blur(1rem) brightness(2); background:rgba(16,19,25,0.2); min-height:23rem; border-radius:11.5rem; width:100%; height:100%; border:1px solid rgba(129,191,255,0.5); box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style05 .content-icon-box{width:17rem;}
.sub-con-style05 .content-icon-box span{display: flex; width:17rem; height:17rem; align-items:center; justify-content:center; background:rgba(10,13,27,0.5); border-radius:50%;}
.sub-con-style05 .content-icon-box span img{max-width:75%;}
.sub-con-style05 .content-txt-box{width:calc(100% - 17rem); padding-left:4rem; box-sizing:border-box;}
.sub-con-style05 .content-txt-box h4{font-size:3rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; font-weight:700; margin-bottom:0.7rem;}
.sub-con-style05 .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:#fff; font-weight:500; opacity:0.4;}
/* animated */
.sub-con-style05.animated{opacity:1; transform:translateY(0);}


/* 스타일 06 */
.sub-con-style06{display: flex; flex-wrap:wrap; margin:-5rem;}
.sub-con-style06 .sub-con-item{position: relative; width:calc(33.33% - 10rem); margin:5rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style06 .sub-con-item .content-icon-box{position: absolute; top:0; right:0; transform:translateY(-25%);}
.sub-con-style06 .sub-con-item .content-icon-box img{position: relative;}
.sub-con-style06 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style06 .sub-con-item .content-txt-box .point{display: inline-block; font-size:1.3rem; padding:0.2rem 1rem; line-height:1.5; letter-spacing:-0.045em; color:var(--white-color); font-weight:600; border:2px solid var(--white-color); border-radius:2rem; margin-bottom:2.5rem;}
.sub-con-style06 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--white-color); margin-bottom:0.5rem;}
.sub-con-style06 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--white-color); opacity:0.4;}
/* animated */
.sub-con-style06.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style06.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style06.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style06.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style06.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style06.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style06.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style06.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}

/* 스타일 07 */
.sub-con-style07{display: flex; flex-wrap:wrap; margin:-5rem;}
.sub-con-style07 .sub-con-item{position: relative; width:calc(25% - 10rem); margin:5rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style07 .sub-con-item .content-icon-box{position: absolute; top:0; right:0; transform:translateY(-30%);}
.sub-con-style07 .sub-con-item .content-icon-box img{position: relative; width:70%}
.sub-con-style07 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style07 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--white-color); margin-bottom:0.5rem;}
.sub-con-style07 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--white-color); opacity:0.6;}
/* animated */
.sub-con-style07.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style07.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style07.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style07.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style07.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style07.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style07.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style07.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}


/* 스타일 08 */
.sub-con-style08{display: flex; flex-wrap:wrap; margin:-5rem;}
.sub-con-style08 .sub-con-item{position: relative; width:calc(33.3% - 10rem); margin:5rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style08 .sub-con-item .content-icon-box{position: absolute; top:0; right:0; transform:translateY(-30%);}
.sub-con-style08 .sub-con-item .content-icon-box img{position: relative; width:100%}
.sub-con-style08 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style08 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--white-color); margin-bottom:0.5rem;}
.sub-con-style08 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--white-color); opacity:0.6;}
/* animated */
.sub-con-style08.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style08.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style08.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style08.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style08.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style08.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style08.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style08.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}


/* 스타일 08-1 */
.sub-con-style081{display: flex; flex-wrap:wrap; margin:2rem;}
.sub-con-style081 .sub-con-item{position: relative; width:calc(33% - 10rem); margin:5rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style081 .sub-con-item .content-icon-box{position: absolute; top:0; right:2rem; transform:translateY(-40%);text-align:right;}
.sub-con-style081 .sub-con-item .content-icon-box img{position: relative; width:30%; opacity:0.6;}
.sub-con-style081 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style081 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--black-color); margin-bottom:0.5rem;}
.sub-con-style081 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--black-color); opacity:0.6;}
/* animated */
.sub-con-style081.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style081.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style081.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style081.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style081.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style081.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style081.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style081.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}
/* -------- 메인 컨텐츠 :: 컨텐츠3(JININFRA REFERENCE) -------- */

.summ-reference-wrap{display: flex; margin:0 -1rem;  will-change:transform !important;}
.summ-reference-wrap .summ-reference-left{width:calc(46.25% - 2rem); margin:0 1rem;}
.summ-reference-left .summ-reference-cover{overflow:hidden; height:100%;}
.summ-reference-left .summ-reference-item{position: relative; height:100%; padding:6rem; box-sizing:border-box; border-radius:4rem; background:rgba(13,51,111,1);transform:translateY(100%); transition:all 1.2s ease-in-out;}
.summ-reference-left .summ-reference-item .summ-reference-tit-box{}
.summ-reference-left .summ-reference-item .summ-reference-tit-box h4{font-size:3.6rem; line-height:1.1; letter-spacing:-0.045em; color:#fff; font-weight:700; margin-bottom:1.5rem;}
.summ-reference-left .summ-reference-item .summ-reference-tit-box p{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; opacity:0.7; font-weight:500;}
.summ-reference-left .summ-reference-item .summ-reference-count-box{position: absolute; bottom:3rem; right:7rem;}
.summ-reference-left .summ-reference-item .summ-reference-count-box .count-value{display: flex; align-items:center; font-size:17rem; line-height:0.95; letter-spacing:-0.025em; color:#fff; font-weight:400;}
.summ-reference-left .summ-reference-item .summ-reference-count-box .count-value *{text-align:center !important;}

.summ-reference-wrap .summ-reference-right{display: flex; flex-wrap:wrap; width:calc(52.5% - 2rem); margin:-1rem 0rem;}
.summ-reference-right .summ-reference-cover{overflow:hidden; width:calc(50% - 2rem); margin:1rem; height:25rem;}
.summ-reference-right .summ-reference-item{position: relative; height:100%; padding:4.5rem 5rem; box-sizing:border-box; border-radius:4rem; background:rgba(28,40,59,0.8); transform:translateY(100%); transition:all 1.2s ease-in-out;}
.summ-reference-right .summ-reference-item .summ-reference-tit-box{}
.summ-reference-right .summ-reference-item .summ-reference-tit-box h4{font-size:2.4rem; line-height:1.5; letter-spacing:-0.045em; color:#8ea0bd; font-weight:600;}
.summ-reference-right .summ-reference-item .summ-reference-tit-box p{font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; color:#fff; opacity:0.25; font-weight:500;}
.summ-reference-right .summ-reference-item .summ-reference-count-box{position: absolute; bottom:3.5rem; right:4rem; display: flex; align-items:center;}
.summ-reference-right .summ-reference-item .summ-reference-count-box .count-value{display: flex; align-items:center; font-size:6rem; line-height:0.95; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.summ-reference-right .summ-reference-item .summ-reference-count-box .count-value + .count-value{margin-left:2rem;}
.summ-reference-right .summ-reference-item .summ-reference-count-box .count-value .sm-txt{font-size:0.67em; margin-left: 0.2em;}

/* 숫자 덜컹거림 방지 */
.odometer .odometer-digit,
.odometer .odometer-digit .odometer-value,
.odometer .odometer-digit .odometer-ribbon,
.odometer .odometer-digit .odometer-ribbon-inner { width: 1ch; display: inline-block; box-sizing: content-box; }
.odometer .odometer-digit{margin:0 -0.03em;}

/* animated */
.animated .summ-reference-left .summ-reference-item,
.animated .summ-reference-right .summ-reference-item{transform:translateY(0);}
.animated .summ-reference-right .summ-reference-cover:nth-child(1) .summ-reference-item{transition-delay:0.4s;}
.animated .summ-reference-right .summ-reference-cover:nth-child(2) .summ-reference-item{transition-delay:0.6s;}
.animated .summ-reference-right .summ-reference-cover:nth-child(3) .summ-reference-item{transition-delay:0.8s;}
.animated .summ-reference-right .summ-reference-cover:nth-child(4) .summ-reference-item{transition-delay:1s;}




/* 스타일 02 */
.sub-con-style021{display: flex; flex-wrap:wrap; gap:0.5rem;}
.sub-con-style021 .sub-con-item{width:calc(25% - 0.5rem); background:rgba(255,255,255,0.5); backdrop-filter:blur(1rem); border-radius:3.6rem; padding:2.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .img-box{position: relative; width:100%; height:0; padding-top:55.737%; border-radius:2.6rem; overflow:hidden; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .img-box img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style021 .sub-con-item .txt-box{position: relative; padding:1.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .txt-box .num{position: absolute; top:-0.5rem;  font-size:5rem; color:rgba(0,0,0,0.13); font-weight:500;}
/* animated */
.sub-con-style021 .sub-con-item.animated{opacity:1; transform:TranslateY(0);}
.sub-con-style021 .sub-con-item.animated .img-box{opacity:1; transform:TranslateY(0); transition-delay:0.3s}
.sub-con-style021 .sub-con-item.animated .txt-box{opacity:1; transform:TranslateY(0); transition-delay:0.5s}



/* -------- 메인 컨텐츠 :: 컨텐츠5(Notice) -------- */
.main-notice-wrap1{position: relative; display: flex; padding:0 0 15rem 0;}
.main-notice-wrap1 .main-notice-left{position: absolute; width:100%;}
.main-notice-wrap1 .main-notice-left .main-notice-left-inner{/* position: relative; */ padding-top:30rem;}
.main-notice-wrap1 .main-notice-left .main-notice-left-inner:before{position: absolute; content:''; width:0; height:61rem; top:76%; left:50%; transform:translate(-50%, -50%); background:no-repeat center; background-size:cover; background-image:url('./../images/layout/sub_HR_visual_011.jpg'); border-radius:3rem; transition:var(--transition-custom2);}
.main-notice-wrap1 .main-notice-left .main-tit-box{display: flex ; flex-direction: column; justify-content: center;}
.main-notice-wrap1 .main-notice-left .main-tit-box .cm-btn-style01{margin-top:4.5rem;}
.main-notice-wrap1 .main-notice-left .main-tit-box .main-tit {font-size: 5rem;letter-spacing: -0.015em;font-weight: 700;color: #fff;}
.main-notice-wrap1 .main-notice-left .main-tit-box .main-sub-tit {
    display: block;
    margin-top: 1rem;
    font-size: 2.4rem;
    letter-spacing: -0.045em;
    font-weight: 500;
    line-height: 1.66;
    color: #eee;
}

.main-notice-wrap1 .main-notice-list-m{display: none;}
.main-notice-wrap1 .main-notice-right{position: relative; width:100%; padding-left:40%; display: flex; margin:10rem -8px 0; box-sizing:border-box; pointer-events: none;}
.main-notice-wrap1 .main-notice-line{width:50%; margin:0 8px; pointer-events: auto;}
.main-notice-wrap1 .main-notice-list{}
.main-notice-wrap1 .main-notice-list .notice-item{margin-bottom:15px;}
.main-notice-wrap1 .main-notice-list .notice-item a{position: relative; display: block; background:rgba(255,255,255,0.5); border-radius:1.2rem; padding:2rem 2rem 3rem; box-sizing:border-box; box-shadow: 0.5rem 2rem 4rem 1rem rgba(0,0,0,0.07); overflow:hidden; }
.main-notice-wrap1 .main-notice-list .notice-item a:before{position: absolute; content:''; inset:0; background: linear-gradient(135deg,  rgba(24,99,213,1) 0%,rgba(4,68,160,1) 100%); opacity:0; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .date-box{position: relative; padding:0 1.5rem; box-sizing:border-box; margin-top:-6rem;}
.main-notice-wrap1 .main-notice-list .notice-item .date-box .year{display: block; font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; font-weight:500; color:#fff; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .date-box .date{display: block; font-size:3rem; line-height:1.2; letter-spacing:-0.045em; font-weight:500; color:#fff; opacity:0.7; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .img-box{position: relative; width:100%; height:0; padding-top:46.66%; overflow:hidden; border-radius:0.8rem; margin-bottom:2.5rem;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box img{position: absolute; inset:0; width:100%; object-fit:cover;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box.no-images{background:#f5f5f5;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box.no-images img{top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:100%;}

.main-notice-wrap1 .main-notice-list .notice-item .txt-box{position: relative;margin-top:1.2rem;}
.main-notice-wrap1 .main-notice-list .notice-item .txt-box p{font-size:1.6rem; line-height:1.36; letter-spacing:-0.045em; color:#555; margin-bottom:1.5rem;}
.main-notice-wrap1 .main-notice-list .notice-item .txt-box .addr{font-weight:500; color:var(--main-color); margin-bottom:1.5rem;margin-top:-1.0rem;}

/* hover */
.main-notice-wrap1 .main-notice-list .notice-item a:hover:before{opacity:1}
.main-notice-wrap1 .main-notice-list .notice-item a:hover .date-box .year,
.main-notice-wrap1 .main-notice-list .notice-item a:hover .date-box .date,
.main-notice-wrap1 .main-notice-list .notice-item a:hover .txt-box p{color:#fff;}

/* animated */
.main-notice-left:has(.animated) .main-notice-left-inner:before{width:var(--area-wide-width);}

.fc-white1{color: #fff !important;}