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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:flex; justify-content: center; margin: 0 -0.5rem; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width: 20rem; border-radius:3rem; background: #f5f5f5; border:1px solid #f5f5f5; box-sizing:border-box; margin: 0 0.5rem; }
/* .sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;} */
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:18px; letter-spacing:-0.30px; text-align:center; font-weight: 600;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#fff; border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a em{color:var(--main-color); }


/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 페이크폼 스타일 추가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: 2rem; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 4.8rem; font-size:1.6rem; letter-spacing: -0.02em; font-weight: 700; color: #000; border: 1px solid #f2f2f2; background-color: #f2f2f2; 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; font-weight: 500;}
.fakeform-selectbox span strong {width: 100%; font-weight: 500; 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{}
/* 옵션창 */
.select-option {border: 1px solid #f2f2f2; border-top: 0; max-height: 160px; overflow: hidden; z-index: 999 !important;transform: translateY(-1px); 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:#f2f2f2;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.4rem; line-height: 1.5; color: #000; white-space: nowrap; 
text-overflow: ellipsis; text-decoration: none; padding: 1rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #ddd;}
.select-option span.selected {font-weight: 700;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

.sub-effect-wrap {overflow: hidden;}

/* ******************  회사소개 ********************** */
/* ******************  회사소개 :: 기업소개 ********************** */
.intro-page {padding-bottom:25.5rem;}
.intro-top-box {text-align:center; }
.intro-top-box p {font-size:6.5rem; color: #000; font-weight: 700; line-height:1.3em; letter-spacing:-0.025em; margin-top: 7rem;}

.history-top-con {background: url(/images/content/history_top_bg.jpg?ver=260618) no-repeat center / cover; background-position: 50% 50%; border-radius: 3.5rem; margin-bottom: 12rem; margin-top: 11rem;}
.history-top-con .tit {font-size:6rem; letter-spacing:-0.025em; font-weight: 700; color: #fff; line-height:1.1em;}
.history-top-con .txt {font-size:2rem; letter-spacing:-0.025em; font-weight: 700; line-height:1.5em; color: #fff; margin-top: 3.5rem;}
.history-top-con .inner {padding: 14.45rem 12.9rem;}

.history-con-wrap {position: relative;}
.history-percent-bar {position: absolute; top: 3rem; left: 50%; border-radius: 2px; margin-left: -0.25rem; width:0.2rem; height: calc(100% - 3rem); background: rgba(0,0,0,0.1);}
.history-percent-bar:after {display: block; content: ""; width: 1rem; height: 1rem; background: #d9d9d9; border-radius: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.history-percent-bar .percent-bar-child {position: absolute;content: ""; width: 100%;  height: 0; background-color: var(--main-color); z-index: 1; border-radius:2px;}
.history-percent-bar .percent-bar-child .point { display: flex; align-items: center; justify-content: center;  position: absolute; bottom:-0.3rem; left: calc(50% - 0.7rem); content: ""; z-index: 10; width: 1.4rem; height: 1.4rem; border-radius: 100%; background-color: var(--main-color);}

.history-year-group-box {position: relative;display: flex; padding-bottom: 12rem;}
.history-year-group-box:last-of-type { padding-bottom: 0;}
.history-year-group-box .history-year-group-tit-box {width: 50%; padding: 0 16.5rem 6rem 0 ; box-sizing: border-box; text-align: right;}
.history-year-group-box:last-of-type .history-year-group-tit-box {padding-bottom: 0;}
.history-year-group-box .history-year-group-tit {position: relative; top: -1rem; font-size: 6.5rem; font-weight: 700; letter-spacing: -0.025em; color: rgba(0,0,0,0.2); line-height: 1.1; transition: all 0.3s;} 
.history-year-group-box .history-year-group-tit .dots {display: inline-block; width: 2rem; height: 2rem; border-radius: 100%; background: rgba(51, 51, 51, 0.1); position: absolute; right: -1rem; margin-right: -16.3rem; top: 50%; transform: translateY(-50%);}
.history-year-group-box .history-year-group-tit .dots:after {display: block; content: ""; width: 6p; width: 0.6rem; height: 0.6rem; border-radius: 100%; background: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.history-year-group-box.active .history-year-group-tit {color: #000;}
.history-year-group-box .history-year-list-box {width: 50%; padding: 0 0 0 11rem;/* padding: 2rem 0 0 11rem; */ box-sizing: border-box;}
.history-year-group-box .history-year-item {display: flex; margin-bottom: 2.6rem;}
.history-year-group-box .history-year-item:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year {display: block; width: 7.9rem;}
.history-year-group-box .history-year-item .history-year strong {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.045em; color: #333; line-height: 1.25; }
.history-year-group-box .history-year-item .history-month-box {width: calc(100% - 9.3rem);}
.history-year-group-box .history-year-item .history-month-item {display: flex; margin-bottom: 0.3rem;}
.history-year-group-box .history-year-item .history-month-item:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-month-item .history-month {width: 4rem; font-size: 1.8rem; line-height: 1.667; font-weight: 700; letter-spacing: -0.045em; color: #555555;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt-con {width: calc(100% - 4rem);}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.045em; line-height: 1.667; color: #555;}
.sub-tab-wrapper-style02 {margin-bottom: 13rem; height: 6.6rem;}
.sub-tab-list-style02 {display: flex; justify-content: center; transition:top 0.8s ease-in-out;}
.sub-tab-wrapper-style02 ul {display:inline-block;     background: #f2f2f2; border-radius: 5rem; padding: 0.8rem;}
.sub-tab-wrapper-style02 ul li {display: inline-block; width: 16rem; height: 5rem; text-align: center; line-height: 5rem;}
.sub-tab-wrapper-style02 ul li a {display: inline-block; width: 100%; height: 100%; box-sizing: border-box;}
.sub-tab-wrapper-style02 ul li em {font-size:1.8rem; letter-spacing:-0.025em; color: #666; font-weight: 700; }
.sub-tab-wrapper-style02 ul li.selected {background: var(--main-color); border-radius: 5rem;}
.sub-tab-wrapper-style02 ul li.selected em {color: #fff;}
.sub-tab-list-style02.top-fixed { position: fixed; top: 0; left: 0; width: 100%; height: 6.6rem; z-index: 10; }
.history-tab.up .sub-tab-list-style02.top-fixed {top: var(--header-fixed-height); }
#header.scroll-down + #container .history-tab.up .sub-tab-list-style02.top-fixed {top: 0;}


/* -------- 연혁 -------- */
@media all and (min-width:801px){
	.history-year-group-box.active .history-year-group-tit {color: #000;}
	.history-year-group-box.reverse {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-group-tit-box {padding: 0 0 5rem 16.5rem ; text-align: left;}
	.history-year-group-box.reverse .history-year-group-tit .dots {right: initial; left: -1rem; margin-left: -16.7rem; margin-right: 0;}
	.history-year-group-box:first-of-type .history-year-group-tit .dots {width: 3rem; height: 3rem; margin-left: -17.2rem; background: rgba(21, 36, 132, 0.2);}
	.history-year-group-box:first-of-type .history-year-group-tit .dots:after {width: 1.4rem; height: 1.4rem; background: var(--main-color);}
	.history-year-group-box.reverse .history-year-list-box {padding: 2rem 16rem 0 0;}
	.history-year-group-box.reverse .history-year-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-year {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-box {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-month-item .history-month {text-align: right;}
}
@media all and (max-width:1279px){
	.sub-tab-list-style02.top-fixed {top: var(--header-fixed-height);}
}
@media all and (max-width:1279px){
	.history-top-con .inner {padding: 12rem 6rem;}
}
@media all and (max-width:800px){
	.intro-page {padding-bottom:10rem;}
	.intro-top-box p {font-size:4rem;}
	.history-top-con {border-radius:2rem; margin-bottom: 6rem;}
	.history-top-con .inner { padding: 10rem 4rem;}
	.history-top-con .inner .tit {font-size: 3.8rem;}
	.history-top-con .inner .txt {margin-top: 1.5rem;}
	
	.sub-tab-wrapper-style02 {height: 4rem; margin-bottom: 7rem;}
	.sub-tab-wrapper-style02 {height: 4rem; margin-bottom: 6rem;}
	.sub-tab-list-style02.top-fixed {height: 4rem;}
	.sub-tab-list-style02 {height: auto;}
	.sub-tab-list-style02 ul {border-radius:0; padding: 0;}
	.sub-tab-list-style02 ul li {display: block; width: 100%; height: auto; text-align: center; line-height: 2.5rem; text-align:left;}
	.sub-tab-list-style02 ul li:before {display: none ;}
	.sub-tab-list-style02 ul li.selected {border-radius:0;}
	.sub-tab-list-style02.sub-drop-menu-style ul li.selected a em {border-bottom: 0; color: var(--main-color);}
	.sub-tab-list-style02 .sub-drop-open-btn-style {width: 100%;}
		
	.history-page {padding-bottom: 10rem;}
	.history-con {margin-top: 3rem;}
	.history-percent-bar {left: 1.5rem; top: 5rem;}
	.history-percent-bar .percent-bar-child .point {width: 1rem; height: 1rem; bottom: 0; left: calc(50% - 0.5rem); }
	
	.percent-bar-child .point i {font-size: 2rem;}
	.history-year-group-box { flex-wrap: wrap; padding: 2rem 0 6rem 5rem;}
	.history-year-group-box .history-year-group-tit-box {text-align: left; width: 100%; padding: 0;}
	.history-year-group-box .history-year-group-tit {font-size: 4.6rem; top: 0;}
	.history-year-group-box .history-year-group-tit .dots {transform: translateY(-50%) translateX(-2.1rem); right: initial; left: -2.5rem;}
	.history-year-group-box:first-of-type .history-year-group-tit .dots {background: rgba(21, 36, 132, 0.2);}
	.history-year-group-box:first-of-type .history-year-group-tit .dots:after {background: var(--main-color); width: 1rem; height: 1rem;}
	.history-year-group-box .history-year-list-box {width: 100%; padding: 4rem 0 0 0;}
	.history-year-group-box .history-year-item {margin-bottom: 2.7rem;}
	.history-year-group-box .history-year-item .history-year {width: 9rem;}
	.history-year-group-box .history-year-item .history-month-box {width: calc(100% - 9rem);}
}

/* ******************  회사소개 :: 사업장 소개 ********************** */
.location-page {padding-bottom:18.6rem;}
.global-location-con {margin-bottom: 12rem;}
.global-map-con {position: relative; background: #f5f5f5;}
.global-map-txt-box {position: absolute; top: 13%; left: 50%; margin-left: -124px; z-index: 1;}
.global-map-txt-box.m-ver {display:none;}
.global-map-loca-box {position: absolute; top: 35%; left: 50%; margin-left: -124px; z-index: 10;}
.global-map-tit {font-size:6.5rem; letter-spacing:-0.025em; font-weight: 700; color: #333;}
.global-map-txt {font-size:2.4rem; letter-spacing:-0.025em; font-weight: 500; color: #666; margin-top: 4rem;}
.global-map-loca-box .item:last-of-type {margin-top: 5rem; transition-delay:0.5s;}
.global-map-loca-box .item:last-of-type > p i {color: #848484;}
.global-map-loca-box .item > p {display: flex; align-items: center; font-size: 2.4rem; letter-spacing: -0.025em; color: #333; font-weight: 700;}
.global-map-loca-box .item > p i {font-size: 4rem; color: var(--main-color); margin-right: 1rem;}
.global-map-loca-list {display:flex; flex-wrap:wrap; margin: 0 -0.75rem;}
.global-map-loca-list li {border-radius:1rem; overflow: hidden; margin: 1rem 0.75rem 0; width: calc(33.33% - 1.5rem); box-shadow: 25px 21px 61.3px 0px rgba(0, 0, 0, 0.12); transform: translateY(50px); transition:var(--transition-custom2); opacity: 0;}

.main-global-container.animated .global-map-loca-list li {opacity: 1; transform: translateY(0);}
.global-map-loca-list li:nth-of-type(2){transition-delay:0.3s;}
.global-map-loca-list li:nth-of-type(3){transition-delay:0.5s;}
.global-map-loca-list li:nth-of-type(4){transition-delay:0.7s;}
.global-map-loca-list li:nth-of-type(5){transition-delay:0.9s;}
.global-map-loca-box .item:last-of-type li:nth-of-type(1){transition-delay:1.1s;}
.global-map-loca-box .item:last-of-type li:nth-of-type(2){transition-delay:1.3s;}

.global-map-loca-list li a {display: inline-block; width: 100%; height: 100%; position: relative;}
.global-map-loca-list li a:after {display: block; content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--main-color); border-radius: 1rem;  top: 0; left: 0; opacity: 0; transition:var(--transition-custom);}
.global-map-loca-list li a:hover:after {opacity: 1;}
.global-map-loca-list li a > span {width: 100%; display:inline-block; background: #eee; height: 4rem; font-size:1.6rem; color: #333; font-weight: 600; line-height: 4rem; letter-spacing:-0.025em; padding:0 2rem; box-sizing:border-box;}
.global-map-loca-list li .title {background: #fff; height: 6rem; display:flex; justify-content:space-between; align-items: center; padding: 0 2rem; box-sizing:border-box;}
.global-map-loca-list li .title p {font-size:2rem; letter-spacing:-0.025em; color: #000; line-height: 1.2; font-weight: 700; }
.global-map-loca-list li .title p.txt-small {font-size: 1.7rem;}
.global-map-loca-list li .title i {font-size: 2rem; color: #000;}
.global-nation-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; max-width: 1920px;}
.global-circle-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.global-circle-box i {font-size: 6rem;}
.domestic-loca {position: absolute; top: 50%; left: 50%; margin-left: -26%; margin-top: -8.8%; margin-top: -9.5%; transition:var(--transition-custom); opacity: 0; }
.domestic-loca:after {display: block; content: ""; position: absolute; width: 1.7rem; height: 0.7rem; left: 50%; transform: translateX(-50%); background: url(/images/content/loca_bg.png) no-repeat; background-size: contain; margin-left: -5.6rem; margin-top: -0.7rem;}
.domestic-loca .txt-box {width: 28.6rem; height: 10rem; border: 1px solid var(--main-color); border-radius: 20px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); margin-top: -10rem; box-sizing: border-box; margin-left: -11.3rem;}
.domestic-loca .txt-box:after {content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid var(--main-color); bottom: -14px; }
.domestic-loca i {color: var(--main-color); margin-top: 2rem;}
.overseas-loca01 {position: absolute; top: 50%; left: 50%; margin-left: -30.2%; margin-top: -5.8%; margin-top: -6.5%; transition:var(--transition-custom); opacity: 0; }
.overseas-loca01:after {display: block; content: ""; position: absolute; width: 1.7rem; height: 0.7rem; left: 50%; transform: translateX(-50%); background: url(/images/content/loca_bg.png) no-repeat; background-size: contain; margin-left: 0.1rem; margin-top: -0.7rem;}
.overseas-loca02 {position: absolute; top: 50%; left: 50%; margin-left: -35.5%; margin-top: 3%; margin-top: 2.3%; transition:var(--transition-custom); opacity: 0; }
.overseas-loca02:after {display: block; content: ""; position: absolute; width: 1.7rem; height: 0.7rem; left: 50%; transform: translateX(-50%); background: url(/images/content/loca_bg.png) no-repeat; background-size: contain; margin-left: 0.1rem; margin-top: -0.7rem;}

.main-global-container.animated .domestic-loca { margin-top: -8.8%; opacity: 1; transition-delay:0.6s;}
.main-global-container.animated .overseas-loca01 { margin-top: -5.8%; opacity: 1; transition-delay:0.4s;}
.main-global-container.animated .overseas-loca02 { margin-top: 3%; opacity: 1; transition-delay:0.2s;}

.location-con {display:flex;}
.location-con:last-of-type {margin-top: 20rem;}
.location-con > .tit-box {width: 22.581%;}
.location-con > .tit-box p {font-size:4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.25em;}
.location-con .contents-box {width: calc(100% - 22.58%);}
.location-list {}
.location-list > li {display:flex; margin:9rem -2rem 0;}
.location-list > li:first-of-type {margin-top: 0;}
.location-list .item {margin: 0 2rem; width: calc(50% - 4rem);}
.location-list .item .tit-box {display:flex; align-items:center; margin-top: 4rem;}
.location-list .item .tit {font-size: 3rem; letter-spacing: -0.045em; color: #000; font-weight: 700; line-height: 1.1; margin-left: 2rem;}
.location-list .item .region {font-size: 1.8rem; letter-spacing: -0.045em; border: 1px solid #152484; border-radius: 10px; font-weight: 700; color: #152484; display: inline-block; padding: 0.75rem 1.975rem;}
.location-list .item .img-box {width: 100%; position: relative; height: 0; padding-top: 62.07%;}
.location-list .item .img-box img {border-radius: 2rem; max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 100%;}
.location-list .item .info-box {margin-top: 3rem;}
.location-list .item .info-box p {font-size:2.2rem; letter-spacing:-0.045em; font-weight: 500; color: #666; line-height:1.818em;}
/* .location-list .item .info-box p:not(:first-of-type) {display: inline-block;} */
.location-list .item .info-box p span {padding-left:1.5rem;}
/* .location-list .item .info-box p:nth-of-type(2) {margin-right: 2.5rem;} */
.location-list .item .info-box .info-flex p:nth-of-type(2) {margin-left: 2.5rem;}
.info-flex {display:flex;}
.map-list {display:flex; margin-top: 3rem;}
.map-list li { width: 4.5rem; height: 4.5rem; border-radius:100%; background: #eee; margin-right: 0.6rem; transition:var(--transition-custom);}
.map-list li:last-of-type {margin-right: 0;}
.map-list li i {font-size:1.8rem; color: #999; transition:var(--transition-custom);}	
.map-list li a {display:flex; align-items:center; justify-content:center; height: 100%; width: 100%;}
.map-list li.naver-btn:hover {background: #2DB400;}
.map-list li.naver-btn:hover i {color: #fff;}
.map-list li.kakao-btn:hover {background: #FAE100;}
.map-list li.google-btn:hover {background: #ea4335;}
.map-list li.google-btn:hover i {color: #fff;}
/* .location-con:last-of-type .map-list li:hover {background: #ea4335;} */

.global-map-loca-box.m-ver {display:none;}
/* @media all and (max-width:1920px){
	.global-img-box {position: relative;}
	.global-img-box .img {height: 85rem; position: relative;}
	.global-img-box .img img {position: absolute; left: 0; top: 0; object-fit:contain}
} */
@media all and (max-width:1279px){
	.global-location-con {margin-bottom: 10rem;}
	.location-con {flex-wrap:wrap;}
	.location-con:last-of-type {margin-top: 10rem;}
	.location-con > .tit-box {width: 100%;}
	.location-con .contents-box {width: 100%; margin-top: 3rem;}
	.location-list > li {margin: 4rem -2rem 0;}
	
	.map-list {margin-top: 1rem;}
	.global-map-loca-box.pc-ver {display:none;}
	.global-map-loca-box.m-ver {display: block; position:static; margin-left: 0; margin-top: 5rem;}
	.global-map-txt-box.pc-ver {display:none;} 
	.global-map-txt-box.m-ver {display:block; position:static; margin-left: 0; padding: 0 var(--area-padding); margin-top: 8rem;} 
	.global-map-tit {font-size:5rem;}
	.global-map-txt {margin-top: 3rem; font-size:2rem;}
	
	.global-img-box .img {        transform: translateX(-10%);}
	.domestic-loca { margin-left: 12%;}
	.overseas-loca01 {margin-left: 7.8%;}
	.overseas-loca02 {margin-left: 2.7%;}
	.main-global-container.animated .domestic-loca { margin-top: -9%;}
	.global-map-con {    transform: scale(1.2);}
}

@media all and (max-width:800px){
	.location-list > li {margin:0; flex-wrap: wrap;}
	.location-list .item {width: 100%; margin: 5rem 0 0;}
	.location-list > li:first-of-type .item:first-of-type {margin-top: 0;}
	/* .location-list .item:first-of-type {margin-top: 0;} */
	.location-list .item .info-box {margin-top: 1rem;}
	.location-list .item .tit-box {margin-top: 2rem;}
	.location-list .item .tit {font-size:2.5rem;}
	.location-list .item .info-box p {font-size:1.8rem;}
	.location-list .item .region {font-size:1.6rem;}
	.global-map-loca-box.m-ver .global-map-loca-list li {width: calc(50% - 1.5rem);}
	.global-map-loca-list li .title p {    font-size: 1.8rem;}
}

/* ******************  회사소개 :: CI ********************** */
.ci-top-con {background: url(/images/content/ci_top_bg.jpg) no-repeat; background-position: 50% 50%; background-size:cover; padding: 30.152rem 0;}
.ci-top-con .inner-txt span {font-size:2.2rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.363em; }
.ci-top-con .inner-txt p {font-size:7rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.1em; margin: 4rem 0 2rem;}
.ci-top-con .inner-txt em {font-size:2rem; letter-spacing:-0.025em; color: #fff; font-weight: 600; line-height:1.5em;}
.ci-con {display:flex; padding: 10rem 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.ci-con:last-of-type {border-bottom:0; padding-bottom:14.5rem;}
.ci-tit-box > p {font-size:4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:2em; }
.ci-value-list {display:flex; margin: 0 -1.333rem;}
.ci-value-list .inner-box {position: relative; width: 100%; height: 0; padding-top: 100%; top: 0; left: 0;}
.ci-value-list .inner-box .group {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ci-value-list .icon-box {width: 10rem; height: 10rem; margin: 0 auto 2.2rem;}
.ci-value-list .icon-box span {position: relative; height: 0; width: 100%; display: block; padding-top: 100%;}
.ci-value-list li {position: relative; /* padding: 11rem 0; */ background: #f5f5f5; border-radius:3rem; margin:0 1.333rem; width: calc(25% - 2.666rem); text-align: center; border: 1px solid #f5f5f5; box-sizing: border-box; transition:var(--transition-custom);}
.ci-value-list .tit01 {font-size:2.4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.5em; margin-bottom: 1.2rem;}
.ci-value-list .tit02 {font-size:1.8rem; letter-spacing:-0.025em; color: #666; font-weight: 600; line-height:1.1em;}
.ci-value-list li.active {background: #fff; border-color: var(--main-color);}
.ci-value-list li.active .tit01 {color: var(--main-color);}
.ci-con .ci-tit-box {width: 22.581%;}
.ci-con .contents-box {width: calc(100% - 22.58%);}
.ci-concept-box {background: #fff url(/images/content/ci_bg.jpg) repeat; border: 2px solid #ddd; border-radius: 2rem; text-align: center; padding: 17.45rem 0; margin-top: 4.5rem;}
.ci-concept-box .img-box {width: 66.7rem; margin: 0 auto;}
.ci-concept-box .img-box img {max-width:100%;}
.ci-con.concept .tit-box p {font-size:2.4rem; letter-spacing:-0.045em; color: #000; font-weight: 700; line-height:1.25em; margin-bottom:2.5rem;}
.ci-con.concept .tit-box em {font-size:2.2rem; letter-spacing:-0.045em; color: #555; font-weight: 500; line-height:1.545em; }

.color-type-list {display:flex; flex-wrap:wrap; margin: -0.75rem;}
.color-type-list .logo-box img {max-width:100%;}
.color-type-list li {border-radius:10px; border:1px solid #ddd; margin: 0.75rem; width: calc(33.334% - 1.5rem); box-sizing: border-box; text-align: center; padding: 9.5rem 9rem 4rem;}
.color-type-list li:nth-of-type(4) {background: #7FBE26; border:0;}
.color-type-list li:nth-of-type(5) {background: #152484; border:0;}
.color-type-list li:nth-of-type(6) {background: #272727; border:0;}
.color-type-list li:nth-of-type(4) .color-type-tit,
.color-type-list li:nth-of-type(5) .color-type-tit,
.color-type-list li:nth-of-type(6) .color-type-tit {color: #fff; opacity: 0.6;}
.color-type-tit {font-size:1.8rem; letter-spacing:-0.045em; color: rgba(0,0,0,0.5); font-weight: 500; line-height:1.667em; margin-top: 5.6rem;}

.color-con-tit {font-size:2.4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.2em; margin-bottom: 2.6rem;}
.color-box {margin-top: 6rem;}
.color-box:first-of-type .color-list li:nth-child(1) {background: #7FBE26;}
.color-box:first-of-type .color-list li:nth-child(2) {background: #152484;}
.color-box:last-of-type .color-list li:nth-child(1) {background: #B4B4B4;}
.color-box:last-of-type .color-list li:nth-child(2) {background: #BEA457;}
.color-box:last-of-type .color-list .bottom-box {margin-top: 2.2rem;}
.color-list {display:flex; margin: 0 -1rem;}
.color-list li {margin: 0 1rem; width: calc(50% - 2rem); border-radius:2rem; padding: 5rem;}
.color-list .top-box .tit {font-size:3rem; letter-spacing:-0.045em; color: #fff; font-weight: 700; line-height:1.1em;}
.color-list .top-box .txt {font-size:2rem; letter-spacing:-0.045em; color: #fff; font-weight: 500; line-height:1.5em; margin-top: 4rem;}
.color-list .bottom-box {margin-top: 12.7rem;}
.color-list .bottom-box p {font-size:1.8rem; color: #fff; font-weight: 500; line-height:1.667em; opacity: 0.7;}

@media all and (max-width:1279px){
	.ci-top-con {padding: 15rem 0;}
	.ci-con {flex-direction: column; padding: 5rem 0;}
	.ci-con .contents-box {width: 100%; margin-top: 3rem;}
	
	.color-type-list li {padding: 6rem 4rem 4rem;}
	.color-type-tit {font-size:1.5rem;}
	
}

@media all and (max-width:800px){
	.ci-con:last-of-type {padding-bottom:10rem;}
	.ci-con .ci-tit-box {width: 100%;}
	.ci-top-con .inner-txt p {font-size:4.2rem;}
	.ci-value-list {margin: -1.5rem; flex-wrap: wrap;}
	.ci-value-list li {margin: 1.5rem; width: calc(50% - 3rem);}
	.ci-concept-box {padding: 13rem 0;}
	.ci-concept-box .img-box {width: 70%;}
	.color-type-tit {margin-top: 2rem;}
	.color-type-list li {width: calc(50% - 1.5rem);}
	.color-list {margin: -1rem 0 0; flex-wrap: wrap;}
	.color-list li {width: 100%; margin: 1rem 0; padding: 3rem;}
	.color-list .bottom-box {margin-top: 5rem;}
}

@media all and (max-width:480px){
	.ci-value-list {margin: -1rem;}
	.ci-value-list .inner-box {padding-top: 58%;}
	.ci-value-list li {width: 100%; margin: 1rem;}
	.ci-value-list .icon-box {margin: 0 auto;}
}

/* ******************  회사소개 :: ESG ********************** */
.esg-top-box {text-align:center; margin-bottom: 7rem;}
.esg-top-box .tit-box strong {font-size:6.5rem; letter-spacing:-0.025em; color: #000; font-weight: 700;}
.esg-top-box .tit-box p {font-size:2.2rem; letter-spacing:-0.025em; color: #555; font-weight: 500; line-height:1.772em; margin-top: 4.5rem;}
.esg-main-tab-wrapper {margin-bottom: 7rem; padding-bottom:6rem; border-bottom: 3px solid #000;}

.sub-tab-wrapper-style.esg-top-wrapper-style {margin: 6rem 0;}
.sub-tab-wrapper-style.esg-top-wrapper-style ul {display:flex; justify-content: center; margin: 0 -0.5rem;}
.sub-tab-wrapper-style.esg-top-wrapper-style ul li {width: 20rem; border-radius:3rem; background: #f5f5f5; border:1px solid #f5f5f5; box-sizing:border-box; margin: 0 0.5rem;}
.sub-tab-wrapper-style.esg-top-wrapper-style ul li em {font-weight: 600; color: #666;}
.sub-tab-wrapper-style.esg-top-wrapper-style ul li.selected {border-color:var(--main-color); background: #fff;}
.sub-tab-wrapper-style.esg-top-wrapper-style ul li.selected em {color: var(--main-color);}

.esg-con-tit {font-size:4rem; color: #000; letter-spacing:-0.025em; font-weight: 700; line-height:1.1; margin-bottom: 5.5rem;}
.esg-inner-con {margin-bottom: 4.5rem;}
.esg-inner-con:last-of-type {margin-bottom: 0;}
.esg-inner-tit {font-size:3rem; color: #000; letter-spacing:-0.045em; font-weight: 700; line-height:1.1; margin-bottom: 1.8rem; font-family:'Pretendard','Wanted Sans', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.esg-inner-txt {font-size:2.2rem; color: #666; letter-spacing:-0.025em; font-weight: 500; line-height:1.545; margin-top: 2rem;}
.esg-inner-txt.mg-b {margin-bottom: 3rem;}
.esg-inner-list {margin-top: 3rem;}
.esg-inner-con .esg-inner-list:first-of-type {margin-top: 0;}
.esg-inner-list dt {font-size:2.2rem; color: #666; letter-spacing:-0.025em; font-weight: 500; line-height:1.6;}
.esg-inner-list dd {font-size:2.2rem; color: #666; letter-spacing:-0.025em; font-weight: 500; line-height:1.6;}
.esg-inner-con ol {margin-top: 1.8rem;}
.esg-inner-con ol li {font-size:2.2rem; color: #666; letter-spacing:-0.025em; font-weight: 500; line-height:1.6; margin-top: 2.5rem;}
.esg-inner-con ol li:first-of-type {margin-top: 0;}

.inner-2dep-list {margin-top: 2rem;}
.inner-2dep-list > li {margin-top: 1rem;}
.inner-2dep-list > li:first-of-type {margin-top: 0;}
.inner-2dep-list .tit {font-size: 2rem; color: #555; letter-spacing: -0.025em; font-weight: 500; line-height: 1.6;}
.inner-2dep-list .txt {font-size: 2rem; color: #888; letter-spacing: -0.025em; font-weight: 500; line-height: 1.6;}
.inner-3dep-list > li {margin-top: 1rem;}
.inner-3dep-list > li:first-of-type {margin-top: 0;}
.inner-3dep-list .tit {font-size:1.8rem;}
.inner-3dep-list .txt {font-size:1.8rem;}

.esg-fixed-tab-container-JS {display:flex;}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style {width: 20rem; margin-right: 15rem; height: auto; margin-bottom: 0;}
.esg-fixed-tab-container-JS .sub-tab-content-style {width: calc(100% - 35rem);}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul {display: flex; flex-direction: column; width: 100%;     background: #f5f5f5; border-radius: 2rem; padding: 2rem; box-sizing: border-box; margin: 0;}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li {width: 100%; border:0; background: none; margin: 0; padding: 0; box-sizing: border-box;}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li.selected {border-radius:3rem; background:var(--main-color);}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li.selected em {color: #fff;}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li a {min-height: 40px; height: auto; padding: 0.5rem 1rem; box-sizing: border-box;}
.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li a em {color: #000; font-size:1.6rem; letter-spacing:-0.025em; font-weight: 700; line-height:1.25;}
.esg-fixed-tab-container-JS .sub-tab-con {padding: 7rem 0; border-top:1px solid #eee;}
.esg-fixed-tab-container-JS .sub-tab-con:first-of-type {padding-top: 0; border-top:0;}
.esg-tab-content-wrapper-JS {padding-top: 7rem; border-top:3px solid #000;}
.esg-fixed-tab-container-JS .sub-tab-list-style:before {display:none;}
.esg-fixed-tab-container-JS .sub-tab-list-style {width: 20rem; height: auto; transition: top 0.8s ease-in-out;}
.esg-fixed-tab-container-JS .sub-tab-list-style.top-fixed {left: 50%; top: 7.3rem; left:calc((100vw - 1550px) / 2);/* top: 5rem; */ /* margin-left: calc(-1 * ((100% - 47rem) / 2)); */ /* margin-left: calc(-1 * ((100% - 45.5rem) / 2)); */}

.esg-fixed-tab-container-JS .esg-sub-tab.up .sub-tab-list-style.top-fixed {top: calc(var(--header-height));}

@media all and (max-width:1610px){
	.esg-fixed-tab-container-JS .sub-tab-list-style.top-fixed {left:var(--area-padding); margin-left: 0; transform:none;}
}

@media all and (max-width:1279px){
	.esg-fixed-tab-container-JS .esg-sub-tab.up .sub-tab-list-style.top-fixed {top: var(--header-fixed-height);}
	.esg-fixed-tab-container-JS .sub-tab-list-style.top-fixed {/* top: 10rem; */ top: var(--header-fixed-height); /* transform:none; margin-left: calc(-1 * ((100% - var(--area-padding)*2) / 2)); */}
	.esg-fixed-tab-container-JS .sub-tab-wrapper-style {margin-right: 8rem;}
	.esg-fixed-tab-container-JS .sub-tab-content-style {width: calc(100% - 28rem);}
}

@media all and (max-width:800px){
	.esg-main-tab-wrapper {margin-bottom: 3.5rem; padding-bottom:3.5rem;}
	.esg-top-box .tit-box strong {font-size:4rem; line-height: 1.25;}
	.esg-fixed-tab-container-JS {flex-direction:column;}
	.esg-fixed-tab-container-JS .sub-tab-list-style {width: 100%;}
	.esg-fixed-tab-container-JS .sub-tab-wrapper-style {width: 100%; margin-right: 0;}
	.esg-fixed-tab-container-JS .sub-tab-content-style {width: 100%; margin-top: 3rem;}
	.esg-fixed-tab-container-JS .sub-tab-list-style.top-fixed {top: var(--header-fixed-height); width: calc(100% - (var(--area-padding) * 2)); /* transform: translateX(-50%); margin-left: 0; */}
	.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul {padding: 0; border-radius:0;}
	.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li.selected {border-radius:0;}
	.esg-fixed-tab-container-JS .sub-tab-wrapper-style ul li a {min-height: initial; padding: 1rem 1.5rem;}
	.esg-fixed-tab-container-JS .sub-tab-con:first-of-type {padding-top: 7rem;}
	.esg-con-tit {font-size:3.2rem;}
	.esg-inner-tit {font-size:2.6rem;} 
	.esg-inner-txt {font-size:1.9rem;} 
	.esg-inner-list dt {font-size:1.9rem;} 
	.esg-inner-list dd {font-size:1.9rem;} 
	.esg-inner-con ol li {font-size:1.9rem;}
	.inner-2dep-list .tit {font-size:1.8rem;}
	.inner-2dep-list .txt {font-size:1.8rem;}
	.inner-3dep-list .tit {font-size:1.8rem;}
	.inner-3dep-list .txt {font-size:1.8rem;}
} 

/* business */

.core-tech-con.ver2 {max-width:1405px;}
.core-tech-con.ver2 .core-tech-list {gap:0; justify-content: space-between;}
.core-tech-con.ver2 .core-tech-list li {width: calc((100% - 2.5rem) / 2);}
.business-con03-box.item2 {max-width:1390px; margin: 0 auto;}
.business-con03-box.item2 .business-con03-list li {width: calc(50% - 1rem);}
.business-con03-box.item2 .business-con03-list li .img-box {padding-top: 50.77%;}
.business-con03-box.item3 {max-width:1520px; margin: 0 auto;}
.business-con03-box.item3 .business-con03-list li {width: calc(33.334% - 1rem);}
.business-con03-box.item3 .business-con03-list li .img-box {padding-top: 71.74%;}
.business-con03-box.item5 {max-width:1590px; margin: 0 auto;}
.business-con03-box.item5 .business-con03-list li {width: calc(20% - 1rem);}

@media all and (max-width:800px){
	.business-con03-box.item5 .business-con03-list li {width:calc(50% - 1rem);}
	.business-con03-box.item3 .business-con03-list li {width: calc(50% - 1rem);}
	.core-tech-con.ver2 .core-tech-list {gap:2rem;}
	.core-tech-con.ver2 .core-tech-list li {width: 100%;}
}

/* ******************  회사소개 :: R&D ********************** */
.rnd-contents-tit {font-size:4rem; color: #000; letter-spacing:-0.025em; line-height:1.5em; margin-bottom: 5rem;}
/* ******************  회사소개 :: R&D :: 인증서 ********************** */
.rnd-page.cer {padding-bottom:11rem;}
.rnd-page.cer .sub-tab-wrapper-style {margin-bottom: 10rem;}
.certifi-list-style05 .certificate-img-thumb .category {position: absolute; top: 2rem; left: 2rem; display: inline-block; color: #fff; background: var(--main-color); text-align: center; border-radius: 10rem; padding: 0.6rem 1.174rem; font-size: 1.3rem; max-width:22rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* -------- 우측 카테고리 -------- */
.category-select-box{width:14.2rem;}
.category-select-box .board-search-inner{border-radius:3rem;}
.category-select-box .board-custom-select-box{width:100%;}
.category-select-box .board-custom-select-box .custom-select-trigger{border-radius:3rem;}
.category-select-box .search-subject-select{width:100%;}
	
/* 검색폼 */
.board-search-box-style07-wrapper{margin-bottom: 3.5rem; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap;}
.board-search-box-style07{text-align:center; width:45rem;}
.board-search-box-style07 .board-custom-select-box{width:12rem; height:100%;}
.board-search-box-style07 .board-search-inner{display:flex; align-items:center; /* max-width:45rem;  */height:5rem; margin:0px auto; box-sizing:border-box; border:1px solid #f2f2f2; background-color:#f2f2f2; border-radius:2.5rem;}
.board-search-box-style07 .board-search-inner:after{display:none;}
.board-search-box-style07 .search-subject-select,
.board-search-box-style07 .search-word{height:100%; background-color:transparent; border:0; font-size:1.6rem; font-weight: 700; color:#000; letter-spacing:-0.02em;}
.board-search-box-style07 .search-subject-select{position: relative; display: block; width:12rem;}
.board-search-box-style07 .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box-style07 .search-word{text-indent: 1rem; width:100%; border-right:0;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{width:calc(100% - 17rem);}
.board-search-box-style07 .search-subject-select:focus,
.board-search-box-style07 .search-word:focus{color:#000; outline:none; background-color:transparent;}
.board-search-box-style07 .search-word::placeholder{color:#aaa;}
.board-search-box-style07 .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box-style07 .bbs-search-btn{margin:0px; border:0; width:5rem; height:5rem; font-size:2rem; background:#f2f2f2; color:#000;  cursor:pointer; vertical-align:top; border-radius:50%;}
 
.board-search-box-style07 .board-search-inner{border-radius:5rem;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{border-left:0;}
.board-search-box-style07 .board-custom-select-box .custom-select-trigger{position: relative; padding: 0 2.5rem; font-size: 1.6rem; z-index:12; background:#f2f2f2; border-radius:2.5rem 0 0 2.5rem; width:100%; box-sizing:border-box; cursor:pointer; line-height: 4.8rem; border: none; text-align: left; font-weight: 500;}
.board-search-box-style07 .board-custom-select-box .custom-option-drop-list{left:-1px; top:2.5rem; background: #f2f2f2; border:1px solid #f2f2f2; padding-top:2.5rem; border-radius: 0 0 1.5rem 1.5rem;}
.board-search-box-style07 .board-custom-select-box .custom-option-item {font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.02em; padding: 1rem 2.5rem;}
.board-search-box-style07 .board-custom-select-box .custom-option-item.selection{font-weight: 700; background:transparent;}
.board-search-box-style07 .board-custom-select-box .custom-option-item.selection:hover,
.board-search-box-style07 .board-custom-select-box .custom-option-item:hover{background:#ddd;}
 
.board-search-box-style07.no-select{width: 33rem;}
.board-search-box-style07.no-select .board-search-inner{padding: 0 1rem; box-sizing: border-box;}
.board-search-box-style07.no-select .search-word {text-indent: 2.5rem;}

@media all and (max-width:800px){
	.rnd-page.cer {padding-bottom:10rem;} 
	.rnd-page.cer .sub-tab-wrapper-style {margin-bottom: 7rem;}
	.certifi-list-style05 .certificate-img-thumb .category {position:static; display: inline-block; margin:0 2rem 1rem; max-width:16rem;}
}

@media all and (max-width:640px){
	.board-search-box-style07-wrapper {justify-content: flex-end;}
	.board-search-box-style07 {width: 100%;}
	.category-select-box {width: 100%; margin-top: 1.5rem;}
}

/* ******************  회사소개 :: R&D :: rnd center ********************** */
.rnd-contents .center {position: relative; z-index: 2; text-align:center;}
.rnd-page.rnd .rnd-contents-tit {margin-bottom: 2.5rem;}
.rnd-page.rnd .sub-tab-wrapper-style {margin-bottom: 7rem;}
.rnd-tit {display: block; font-size:6.5rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.307em; text-align:center;}
.rnd-container {/* width: 91.8rem; height: 91.8rem; */ width: 58.581%; height: 0; padding-top: 58.581%; border-radius:100%; border:5px solid rgba(21, 36, 132, 0.05); margin: -21rem auto 0; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 30rem;}
.rnd-container:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 94.99%; height: 94.99%; border: 10px solid rgba(21, 36, 132, 0.1); border-radius: inherit;}
.rnd-container:after {display: block; content: ""; height: 50%; width: 100%; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: -1rem;}
.rnd-container .center-con {width: 44.053%;/* width: 40rem; */ position: relative; z-index: 1; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.rnd-container .center-con .inner-circle {width: 100%; border-radius:100%; position: relative; height: 0; padding-top: 100%;}
.rnd-container .center-con .inner-circle:before {display: block; content:""; position:absolute; top: 0; left: 0; border:15px solid #eee; box-sizing: border-box; width: 100%; height: 100%; border-radius: inherit;}
.rnd-container .center-con .circle {display: flex; align-items: center; justify-content: center; position:absolute; width: 80%; height: 80%; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #F5F5F5; border-radius:100%; }
.rnd-container .center-con .img-box {width: 67.8125%; margin: 0 auto;}
.rnd-container .center-con .img-box img {max-width:100%;}
.rnd-list li {background: #f5f5f5; border-radius:2rem; width: 43.573%; /* width: 40rem; */ position: absolute; top: 0; left: 0; padding: 2rem; box-sizing:border-box; text-align:center; z-index: 1;}
.rnd-list li a {display: inline-block; width: 100%; height: 100%;} 
.rnd-list li:nth-child(1) {right: -22rem; left: initial; top: 50%; transform: translateY(-50%);}
.rnd-list li:nth-child(1):after {content: ""; display: block; width: 5rem; height: 2px; background: #d9d9d9; position: absolute; left: -6.5rem; top: 50%; transform: translateY(-50%);}
.rnd-list li:nth-child(2) {left: 50%; transform:translateX(-50%); bottom:-10rem; top: initial;}
.rnd-list li:nth-child(2):after {content: ""; display: block; width: 5rem; height: 2px; background: #d9d9d9; position: absolute; left: 50%; margin-left: -2.5rem; top: -1.5rem; transform: rotate(90deg) translateX(-50%);}
.rnd-list li:nth-child(3) {left: -22rem; top: 50%; transform: translateY(-50%);}
.rnd-list li:nth-child(3):after {content: ""; display: block; width: 5rem; height: 2px; background: #d9d9d9; position: absolute; right: -6.5rem; top: 50%; transform: translateY(-50%);}
.rnd-list li .tit {display:inline-block; margin-bottom: 2rem; font-size: 3rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.5em; color: #333;}
.rnd-list li .tit i {position: relative; top: 0.3rem; margin-left: 0.7rem; font-size:2.4rem;}
.rnd-list li .txt {background: #fff; border-radius:10rem; color: #666; font-weight: 500; font-size:2.6rem; letter-spacing:-0.025em; height: 8rem; line-height:8rem; text-align:center; margin-top: 1rem;}
.rnd-list li .txt:first-of-type {margin-top: 0;}
/* rnd 팝업 */
#rndPop {position: relative; max-width: 60rem; margin: 0 auto;}
#rndPop .modal-close-btn {position: absolute; top: 0; right: -5.5rem; color: #fff;}
#rndPop .modal-close-btn ㅑ {font-size:5rem;}
.rndpop-inner {background: #fff; border-radius: 3rem; padding: 5rem;}
.rndpop-inner .img-box {text-align:center;}    
.rndpop-inner .img-box img {max-width:100%; border-radius: 3rem;}
.rndpop-inner .txt-box {margin-top: 4.5rem;}
.rndpop-inner .rndPop-tit {font-size:3.6rem; letter-spacing:-0.025em; color: #333; font-weight: 600; line-height:1.25em; }
.rnd-pop-list {border-top:2px solid #000; margin-top: 2.5rem;}
.rnd-pop-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1.55rem 0;}
.rnd-pop-list li p {font-size:2.4rem; letter-spacing:-0.025em; color: #333; font-weight: 600; line-height:1.875em;}
/* rnd text flow */
.rnd-flow-container { overflow: hidden; width: 100%; position: absolute; top: 7rem; z-index: 10;}
.rnd-flow-container .track { display: flex; width: max-content; animation: rnd-flow-scroll linear infinite; animation-duration: 18s;}
.rnd-flow-container .group { display: flex; align-items: center; gap: 20px; padding-right: 40px; white-space: nowrap;}
.rnd-flow-container .group span { font-size: 20rem; font-weight: 800; color: rgba(0,0,0,0.03);}

@keyframes rnd-flow-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-25%); }
}

@media all and (max-width: 1610px) {
	.rnd-page.rnd .sub-tab-wrapper-style {margin: 0 var(--area-padding) 6rem;}
	.rnd-page.rnd .rnd-contents-tit {padding:0 var(--area-padding);}
	.rnd-tit {padding:0 var(--area-padding);}
}

@media all and (max-width: 1279px) {
	.rnd-flow-container {top: 0;}
	.rnd-flow-container .group span {font-size:17rem; }
}

@media all and (max-width: 800px) {	
	.rnd-flow-container {top: 10rem;}
	.rnd-flow-container .group span {font-size:11rem;}
}

@media all and (max-width:1279px){
	.rnd-container {margin:-15rem auto 15rem;}
	.rnd-tit {font-size:5.2rem;}
	.rnd-list li .tit {font-size:2rem;}
	.rnd-list li .txt {height: 6rem; line-height: 6rem; font-size: 1.8rem;}
	.rnd-list li:nth-child(1) {right: -15rem;}
	.rnd-list li:nth-child(3) {left: -15rem;}
	.rnd-list li:nth-child(1):after {width: 2.5rem; left: -3.75rem;}
	.rnd-list li:nth-child(2):after {width: 2.5rem; margin-left: -1.5rem;}
	.rnd-list li:nth-child(3):after {width: 2.5rem; right: -3.75rem;}
}

@media all and (max-width:800px){
	.rnd-container {width: 50.581%; padding-top: 50.581%; margin: -6rem auto 15rem;}
	.rnd-list li {width: 55%;}
	.rnd-list li:nth-child(1) {right: -13rem;}
	.rnd-list li:nth-child(2) {bottom: -13rem;}
	.rnd-list li:nth-child(3) {left: -13rem;}
	.rnd-list li:nth-child(1):after {width: 2rem; left: -3rem;}
	.rnd-list li:nth-child(2):after {width: 2rem; top: -1rem; margin-left: -1rem;}
	.rnd-list li:nth-child(3):after {width: 2rem; right: -3rem;}
	.rnd-list li .tit {font-size:1.8rem;}
	.rnd-list li .txt {height: 4rem; line-height:4rem; font-size: 1.5rem;}
}

@media all and (max-width:660px){
	#rndPop {max-width: none; margin: 0 50px;}
	#rndPop .modal-close-btn {right: -3rem;}
	.rndpop-inner {padding: 3rem;}
	.rndpop-inner .rndPop-tit {font-size:3rem;}
	.rnd-pop-list li p {font-size:2rem;}
	.rndpop-inner .img-box img {border-radius: 2rem;}
}

@media all and (max-width:640px){
	.rnd-container {margin: 2rem auto 10rem; flex-direction: column; border:0; width: 100%; padding-top: 0; height: auto;}
	.rnd-container:before {display:none;}
	.rnd-container:after {display:none;}
	.rnd-container .center-con .inner-circle:before {display:none;}
	.rnd-list li {position:static; transform:none; width: 100%; margin-top: 2rem;}
	.rnd-list li:nth-child(1) {transform:none; margin-top: 0;}
	.rnd-list li:nth-child(2) {transform:none;}
	.rnd-list li:nth-child(3) {transform:none;}
	.rnd-list li:nth-child(1):after {display:none;}
	.rnd-list li:nth-child(2):after {display:none;}
	.rnd-list li:nth-child(3):after {display:none;}
	
	.rnd-container .center-con {position:static; transform:none; margin-bottom: 1rem;}
	.rnd-list {width: 100%;}
	.rnd-tit {font-size:4rem;}
}

/* ******************  회사소개 :: 사이버신문고 ********************** */
.report-con {display:flex; padding: 10rem 0; border-top:1px solid rgba(0,0,0,0.1);}
.report-con:first-of-type {border-top:0; padding-top: 0; padding-bottom:4.3rem;}
.report-con:nth-of-type(2) {padding-bottom:4.7rem;}
.report-con .tit-box {width: 22.581%;}
.report-con .tit-box p {font-size:4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.5em;}
.report-con .contents-box {width: calc(100% - 22.58%);}
.report-inner-tit {font-size:3rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.1em;}
.report-target-list {display:flex; flex-wrap:wrap; margin: 1.2rem -1rem 0;}
.report-target-list li {display:flex; align-items:center; margin: 1rem; width: calc(50% - 2rem); background: #F5F5F5; border-radius:1rem; padding: 0 8rem;
box-sizing: border-box; height: 22rem;}
.report-target-list .txt-box {margin-left: 8rem; width: calc(100% - (10.3rem + 8rem));}
.report-target-list .txt-box p {font-size:2.2rem; letter-spacing:-0.025em; color: #333; line-height:1.454em; font-weight: 600;}
.report-target-list .icon-box {width: 10.3rem;}
.report-target-list .icon-box span {display: block; position: relative; height: 0; width: 100%; padding-top: 100.98%;}
.report-target-list .icon-box span img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.report-inner-con {margin-top: 10rem;}
.report-inner-con:first-of-type {margin-top: 0;}
.report-inner-txt {margin-top: 2rem;}
.report-inner-txt p {display: flex; font-size:2.2rem; letter-spacing:-0.025em; color: #666; line-height:2.045em; font-weight: 500;}
.report-inner-txt p span {display: inline-block; margin-right: 1rem;}
.report-process-list {display:flex; margin: 0 -2.5rem;}
.report-process-list li {text-align:center; margin: 0 2.5rem; width: calc(20% - 5rem);} 
.report-process-list li .icon-box {position: relative; width:100%; background: #f5f5f5; border-radius:100%;  transition:var(--transition-custom);}
.report-process-list li .icon-box:after {display: block; content:"\e93f"; position:absolute; left: 100%; top: 50%; transform:translateY(-50%); font-family:'xeicon'; color: #666; font-size:2rem; margin-left: 1.5rem; width: 2rem; height: 2rem;}
.report-process-list li .icon-box .inner-con {position: relative; width: 100%; height: 0; padding-top:100%;}
.report-process-list li:last-of-type .icon-box:after {display:none;}
.report-process-list .tit {font-size:2rem; letter-spacing:-0.025em; color: #666; line-height:1.1em; font-weight: 700; margin-top: 2.2rem; transition:var(--transition-custom);}
.report-process-list li .icon-box .inner-con span {padding-top: 47.5%; width: 47.5%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.report-process-list li .icon-box .inner-con span svg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; max-width: 100%;}
.report-process-list li.active svg path {stroke:#fff;}
.report-process-list li.active svg .circle {fill:rgba(255,255,255,0.1); fill-opacity: 1;}
.report-process-list li.active .tit {color: var(--main-color);}
.report-process-list li.active .icon-box {background:var(--main-color);}

.apply-con {background: #f5f5f5; border-radius:2rem; padding: 5rem 8rem; box-sizing:border-box;}
.apply-con th p {position: relative; display: inline-block;}
.apply-con .essential-icon {width: 0.6rem; height: 0.6rem; border-radius: 100%; background: var(--main-color); position: absolute; display: block; right: -1rem; top: -0.5rem; margin-right: 0;}
.apply-con .ps-txt {font-size:1.8rem; letter-spacing:-0.025em; color: #666; font-weight: 500; line-height:1.1; margin-top: 1rem;}

/* 보안코드 */
.security-code-box{position: relative; padding: 0 1.3rem; height: 7rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.5rem; box-sizing: border-box; display: flex; align-items: center;}
.security-code-box .security-code{width: 10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: #000;}
.security-code-box .write-input{width: calc(100% - 10rem); max-width: 74.3rem; height: 5rem !important; background-color: #f5f5f5 !important; border:0 !important;}

@media all and (max-width:1279px){
	.report-con {flex-wrap:wrap;}
	.report-con .tit-box {width: 100%;}
	.report-con .contents-box {width: 100%; margin-top: 3rem;}
	.report-inner-tit {margin-bottom: 2rem;}
	.apply-con {padding: 4rem;}
}

@media all and (max-width:800px){
	.report-con {padding: 5rem 0;}
	.report-inner-con {margin-top: 5rem;}
	.report-target-list {margin: 0;}
	.report-target-list li {margin: 1rem 0; width: 100%; padding: 4rem 3rem; height: auto;}
	.report-target-list .icon-box {width: 7.3rem;}
	.report-target-list .txt-box {margin-left: 4rem; width: calc(100% - (7.3rem + 4rem));}
	.report-target-list .txt-box p {font-size:1.9rem;}
	.report-process-list {flex-wrap:wrap; margin: -2rem -2.5rem;}
	.report-process-list li {width: calc(33.333% - 5rem); margin: 2rem 2.5rem;}
	.report-process-list li .icon-box .inner-con span {width: 37.5%; padding-top: 37.5%;}
	.report-process-list li:nth-of-type(3) .icon-box:after {display:none;}
	.report-process-list .tit {font-size:1.8rem;}
	.report-inner-txt p {font-size:1.9rem;}
	.apply-con {padding: 4rem 3rem;}
	.apply-con .ps-txt {font-size:1.5rem;}
	.security-code-box .security-code {width: 7rem;}
	.security-code-box .write-input  {font-size:1.5rem; width: calc(100% - 7rem);}
}