@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:table; 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:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.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:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* 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%}
}

/* ****************** 서브공통 ****************** */
.con-tit {font-size:4rem; letter-spacing:-0.05em; color:#000; font-weight: 700; text-align:center; margin-bottom: 8.8rem;}
.mini-tit {display:inline-block; font-size:2rem; letter-spacing:-0.005em; color:var(--sub-color); line-height:1.5em; font-family:var(--font-family2);}
.sub-tit {font-size:4.6rem; color:#000; letter-spacing:-0.05em; line-height:1.348em; display: block;}
.sub-tit.ver2 {font-size:2.6rem; letter-spacing:-0.065em; color:#232323; font-weight: 600; line-height:1.538em;}
.highlight {color:var(--main-color);}
.sub-txt {font-size:1.8rem; letter-spacing:-0.065em; color:#6d6d6d; line-height:1.667em; margin-top: 2.2rem;}
.sub-txt:first-child {margin-top: 0;}

@media all and (max-width:800px){
	.con-tit {margin-bottom: 6.5rem;}
	.sub-tit.ver2 {font-size:2.6rem !important;}
}

/* ****************** Product ********************** */
.product-page {padding-bottom:17rem;}
.product-page .background-video-wrapper{position:relative; overflow:hidden; height:0; width:100%; background-color:#000; padding-top:52.017%;}
.product-page .background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.product-page .background-video iframe{
	/* width: 100%; */
	width: calc(100% + 5px);
	height:100%;
	min-height: calc(100vh + 300px);
	/* min-width: 177.77vh; */ /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:1;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.2s;
}
.product-page .background-video.start iframe{opacity:0.8;filter:Alpha(opacity=80);}
.analysis-con {position: relative; padding-top:22rem; margin-bottom: 25rem;}
.prevax_analysis_box {background: url(/images/content/tablet_bg.png); background-size: cover; height:0 !important; padding-top:53.3%; border-radius:6rem;}
.prevax_analysis_box .twentytwenty-overlay {display:none;}
.prevax_analysis_box.twentytwenty-container img { position: absolute; top: 0; display: block; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 6rem); height: calc(100% - 5.4rem); z-index: -1; border-radius: 2.5rem;}
.prevax_analysis_box .twentytwenty-handle {border:0; width: 9.8rem; height: 9.8rem; background:url(/images/content/scroll.png)no-repeat; box-shadow: 1px 1px 12.87px 0.13px rgba(0, 0, 0, 0.45); background-size:cover;}
.prevax_analysis_box .twentytwenty-left-arrow , .prevax_analysis_box .twentytwenty-right-arrow {display:none;}
.analysis-list-box {margin-top: 12rem;}
.analysis-bg {background: #f5f5f5; position: absolute; height: 90.18%; width: 100%; z-index: -1; top: 0;}
.analysis-bg-txt {display: block; font-size:30rem; letter-spacing:28px; color:rgba(20,81,223,0.1); font-weight: 600; position: absolute; left: -4%; top: 42%;
transform: translateY(-50%); white-space: nowrap; font-family: var(--font-family2);}
.pro-title-box .pro-mini-tit {display:inline-block; font-size:2.4rem; letter-spacing:-0.05em; color:#000; font-weight: 500; line-height:1.833em; margin-bottom: 1.4rem;}
.pro-title-box .pro-mini-tit.en-tit {font-size:1.8rem; letter-spacing:-0.005em; color:var(--sub-color); line-height:1.667em; font-family:var(--font-family2);}
.pro-title-box .pro-con-tit {display: block; font-size:4.2rem; letter-spacing:-0.05em; color:#000; font-weight: 700; line-height:1.1em; margin-bottom: 6rem; font-family:var(--font-family2);}
.High-resolution-list {display:flex;}
.High-resolution-list li {border:3px solid var(--sub-color); width: calc((100% - 4rem) / 3); margin-right: 2rem; padding:4.5rem; box-sizing:border-box; box-shadow: 13px 22px 57px 0px rgba(0, 0, 0, 0.12); background:#fff;}
.High-resolution-list li:last-of-type {margin-right: 0;}
.High-resolution-list .icon-box {width: 5.8rem; margin-bottom: 2.5rem;}
.High-resolution-list .icon-box span {position: relative; display:block; height: 0; padding-top:105.18%;}
.High-resolution-list .item-txt-box {display:flex; flex-direction:column;}
.High-resolution-list .point {color:var(--sub-color); font-size:1.5rem; letter-spacing:-0.005em; line-height:2em; font-family:var(--font-family2); margin-bottom: 3px;}
.High-resolution-list .item-tit {font-size:2.8rem; letter-spacing:-0.05em; font-weight: 700; line-height:1.429em; color:#000; margin-bottom: 8px;}
.High-resolution-list .item-txt {font-size:1.6rem; letter-spacing:-0.05em; color:#929292; line-height:2em;}

.algorithms-box {margin-bottom: 15.5rem;}
.algorithms-list {display:flex;}
.algorithms-list li {display:flex; align-items:center; flex-direction:column; width: calc((100% - 10.8rem) / 6); height: 24rem; box-sizing:border-box; margin-right: 1.8rem; border:2px solid var(--sub-color); box-shadow: 13px 22px 57px 0px rgba(0, 0, 0, 0.1);}
.algorithms-list li:last-of-type {margin-right: 0;}
.algorithms-list .icon-container {height: calc(100% - 6.9rem); display:flex; align-items:center;}
.algorithms-list .icon-box {width: 6.9rem;}
.algorithms-list .icon-box > span {display: block; position: relative; height: 0; padding-top:69.57%;}
.algorithms-list .algo-tit {font-size:1.9rem; letter-spacing:-0.05em; height: 6.9rem; display: flex; align-items: center; justify-content: center; background: var(--sub-color); width: 100%; color:#fff;}

.system-box {background: #f6f6f6; padding:12.8rem 0 14rem;}
.system-box img {box-shadow: 13px 22px 57px 0px rgba(0, 0, 0, 0.1);}
.system-box .custom-scrollbar-wrapper {box-shadow: 13px 22px 57px 0px rgba(0, 0, 0, 0.1);}

.solution-box {margin-top: 12.7rem;}
.pro-solution-tab-box {border: 4px solid var(--sub-color); box-shadow: 7px 11px 43px 0px rgba(0, 0, 0, 0.11); margin-bottom: 10.5rem;}
.solution-info-content {display:flex; flex-direction:row-reverse;}
.solution-info-content .info-txt-con {width: calc(100% - 77.477%);}
.solution-info-content .info-img-con {width: 77.477%;}
.solution-info-content .info-img-con img {max-width:100%;}
.solution-txt-list {height:100%;}
.solution-txt-list .txt-box {display:none;}
.solution-txt-list > li {cursor:pointer; height:9rem; transition:all ease-out 0.5s;}
.solution-txt-list li .tit-box {height: 100%; padding:0 3.5rem; box-sizing:border-box; display: flex; justify-content: space-between; width: 100%; align-items:center;}
.solution-txt-list li .txt-box {padding: 0 3.5rem; box-sizing: border-box;}

.solution-txt-list li .tab-sub-list li {width: 100%; display: flex; align-items: center; background: none; border: 0;} 
.solution-txt-list li .tab-sub-list li span {display: block; width: 3px; height: 3px; background: #b1c5f5;}
.solution-txt-list li .tab-sub-list li em {color: #b1c5f5; font-size: 1.6rem; letter-spacing: -0.05em; line-height: 2.25em; padding-left: 1rem; width: calc(100% - 3px); box-sizing: border-box; font-weight: 400;}
.solution-txt-list li .s-tit {    font-size: 2rem; color: var(--sub-color); font-weight: 600; line-height: 2.2em;}
.solution-txt-list li i {font-size:2.2rem; color:var(--sub-color);}
.solution-txt-list li.open {background: var(--sub-color); height: calc(100% - 27rem);}
.solution-txt-list li.open .tit-box {height: 9rem;}
.solution-txt-list li.open .s-tit {color:#fff;}
.solution-txt-list li.open i {color:#fff;}
.solution-txt-list li.open i:before {content:'\e945';}

@media all and (max-width:1280px){
	.solution-txt-list > li {height: 6rem;}
	.solution-txt-list li.open {height: calc(100% - 18rem);}
	.solution-txt-list li.open .tit-box {height: 6rem;}
}

@media all and (max-width:800px){
	.solution-info-content {flex-wrap:wrap;}
	.solution-info-content .info-img-con {width: 100%;}
	.solution-info-content .info-txt-con {width: 100%;}	
	.solution-txt-list li .txt-box {padding:0 1.5rem;}
	.solution-txt-list li .tit-box {padding:0 1.5rem; height: 6rem;}
	.solution-txt-list li .tab-sub-list {height: 13rem;}
	.analysis-bg-txt {display:none;}
}

.brand-box {background: #f5f5f5; display:flex;}
.brand-box.ver01 {padding:6rem 5.5rem; margin-bottom: 3rem;}
.brand-box.ver01 > div {display:flex; align-items:center; width: 50%; justify-content:center;}
.brand-box.ver01 .icon-box {width: 12rem;}
.brand-box.ver01 .icon-box span {display: block; position:relative; height: 0; padding-top:96%;}
.brand-box.ver02 {align-items:center; padding:5rem 8rem;}
.brand-box.ver02 .logo-box {display:flex; width: calc(100% - 20rem); justify-content:space-between;}
.brand-box.ver02 .logo-item {width: 13.9rem;}
.brand-box.ver02 .logo-item span {position: relative; display:block; height: 0; padding-top:79.14%;}
.brand-box.ver02 .tit {width: 20rem; margin-bottom: 0;}

.brand-box .txt-box {padding-left:5rem; width: calc(100% - 12rem); box-sizing:border-box;}
.brand-box .tit {display:inline-block; font-size:2rem; letter-spacing:-0.05em; color:#000; font-weight: 600; margin-bottom: 1.9rem;}
.brand-box .txt {font-size:1.6rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:1.625em;}

@media all and (max-width:1460px){
	.prevax_analysis_box.area {padding:initial; padding-top:53.3%;}
}

@media all and (max-width:1280px){
	.product-page {padding-bottom:140px;}
	.brand-box .txt-box {padding:0 3rem;} 
	.twentytwenty-container img {width:calc(100% - 4rem); height:calc(100% - 4.8rem); top:4px;}
	.prevax_analysis_box {border-radius:5rem;}
	.prevax_analysis_box.twentytwenty-container img {width: calc(100% - 4rem); height: calc(100% - 4.4rem);}
}

@media all and (max-width:800px){
	.product-page {padding-bottom:120px;}
	.analysis-con {padding-top:11rem; margin-bottom:12.5rem;}
	.analysis-list-box {margin-top: 6rem;}
	.prevax_analysis_box {border-radius:3rem;}
	.prevax_analysis_box .twentytwenty-handle {width: 4rem; height: 4rem;}
	.prevax_analysis_box.twentytwenty-container img {top:2px; width:calc(100% - 2rem); height:calc(100% - 2rem); border-radius:1.5rem;}
	.High-resolution-list {flex-wrap:wrap;}
	.High-resolution-list li {width: 100%; margin-right: 0; margin-top: 2rem; padding:2.25rem;}
	.High-resolution-list li:first-of-type {margin-top: 0;}

	.algorithms-box {margin-bottom: 7rem;}
	.algorithms-list {flex-wrap:wrap; margin-top:-1.8rem;}
	.algorithms-list li {width: calc((100% - 3.6rem) / 3); margin-top: 1.8rem;}
	.algorithms-list li:nth-of-type(3n) {margin-right: 0;}

	.brand-box.ver01 {flex-wrap:wrap; padding:3rem;}
	.brand-box.ver01 > div {width: 100%; flex-wrap:wrap;}
	.brand-box.ver01 .right {margin-top: 4rem;}
	.brand-box.ver01 .icon-box {width: 100%;}
	.brand-box.ver01 .icon-box span {padding-top:25%;}
	.brand-box .txt-box {width: 100%; margin-top: 2rem; padding:0;}

	.brand-box.ver02 {flex-wrap:wrap; padding:3rem;}
	.brand-box.ver02 .tit {width: 100%;}
	.brand-box.ver02 .logo-box {width: 100%; margin-top: 3rem;}

	.system-box {padding:6rem 0 7rem;}
	.solution-box {margin-top: 6rem;}
}

@media all and (max-width:480px){
	.prevax_analysis_box {border-radius:2rem;}
	.prevax_analysis_box.twentytwenty-container img {width: calc(100% - 1.5rem); height: calc(100% - 1.5rem); border-radius:1rem;}
}

/* ****************** Company ********************** */
.company-page {padding-bottom:17rem;}
/* ****************** Company :: 회사개요 ********************** */
.intro-overview {display:flex; align-items:center;}
.intro-overview > div {width: 50%;}
.intro-overview .left {padding-right:3.5rem; box-sizing:border-box;}
.intro-overview .right {position: relative; padding-left:3.5rem; box-sizing:border-box;}
.intro-overview .right:before {display: block; content: ""; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 95%; background: rgba(0,0,0,0.1);}
.intro-overview .mini-tit {margin-bottom: 1.7rem;}
.intro-overview .sub-tit {margin-bottom: 2.3rem;}
.intro-overview-img {margin-top: -27rem; margin-left: -5rem;}
.intro-overview-img img {max-width:100%; width: 100%;}
.com-sub-tit {font-size:2rem; letter-spacing:-0.005em; color:#000; font-weight: 500; line-height:1.5em; font-family:var(--font-family2); text-align:center; margin-bottom: 4rem;}
.intro-flow {display:flex; white-space: nowrap; overflow: hidden; transition: 0.3s; margin:26.7rem 0 26rem;}
.flow-container > p {font-size:23rem; text-transform:uppercase; color:#002d96; font-weight:700;}
.intro-flow > img {align-self:center;}
.flow-wrap {animation:textLoop 20s linear infinite;}
.flow-con {position: relative; height: 17rem;}
.flow-container {display:flex; flex-flow:row nowrap; align-items:center; position:absolute; height: 100%; opacity:0.3;}
.flow-container > * {margin:0 2.75rem;}
.diagram-box {text-align:center; margin-top: 15rem;}
.ci-container {border:10px solid #f1f1f1;}
.ci-img {position: relative; padding:13.65rem 0;}
.ci-img .img-box {width: 27.1%; position: relative; height: 0; padding-top:7.899%; margin:0 auto;}
.ci-download {display:flex; justify-content:center; margin-top: 5rem;}
.ci-download a {display:flex; align-items:center; justify-content:space-between; width: 28.2rem; height: 7.2rem; border:2px solid var(--sub-color); padding:0 2.5rem; box-sizing:border-box; box-shadow: 6px 7px 24px 0px rgba(0, 0, 0, 0.09); font-family:var(--font-family2);}
.ci-download a > em:first-child {font-size:1.8rem; letter-spacing:-0.005em; font-weight: 500; color:#fff;}
.ci-download a > em:last-child {font-size:1.5rem; letter-spacing:-0.005em; font-weight: 300; color:rgba(255,255,255,0.5);}
.ci-download a > em:last-child > i {font-size:15px; color:#fff; position: relative; top:2px; margin-left:2rem;}
.ci-btn.png {background: var(--sub-color);}
.ci-btn.ai > em:first-child {color:var(--sub-color);}
.ci-btn.ai > em:last-child {color:rgba(20,81,223,0.5);}
.ci-btn.ai > em:last-child > i {color:var(--sub-color);}
.identity-box {display:flex; margin-top: 10rem;}
.identity-box .left {width: 30.76%; position: relative;}
.identity-box .left:after {display: block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width: 1px; height: 30.6rem; background: #e3e3e3;}
.identity-box .right {display:flex; width: calc(100% - 30.76%);}
.identity-tit {display: block; font-size:3.4rem; letter-spacing:-0.005em; color:#000; font-weight: 700; line-height:1.353em; margin-bottom: 1.5rem; margin-top: 1.3rem;}
.identity-txt {font-size:1.75rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:1.714em;}
.symbol-list {display:flex; align-items:center; width: 100%;}
.symbol-container {width: 12rem;}
.symbol-list li {position: relative; width: calc(100% / 3); height: 100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.symbol-list li .inner-box {display: flex; align-items:center; flex-direction: column; justify-content: space-between; height: 21rem;}
.symbol-list li:first-child {position: relative;}
.symbol-list li:first-child:after {display: block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width: 1px; height: 30.6rem; background: #e3e3e3;}
.symbol-list li:nth-child(2):before {display: block; position:absolute; top:50%; left:-3rem; transform:translateY(-50%); content:"\e913"; width: 6rem; height: 6rem; border-radius:100%; background: #fff; box-shadow: 5px 6px 24px 0px rgba(0, 0, 0, 0.1); display:flex; align-items:center; justify-content:center; font-family:'xeicon'; color:#111; font-weight:700; font-size:16px;}
.symbol-list li:last-child {position: relative; border:4px solid var(--sub-color); box-sizing:border-box;}
.symbol-list li:last-child:before {display: block; position:absolute; top:50%; left:-3rem; transform:translateY(-50%); content:"\e907"; width: 6rem; height: 6rem; border-radius:100%; background: #fff; box-shadow: 5px 6px 24px 0px rgba(0, 0, 0, 0.1); display:flex; align-items:center; justify-content:center; font-family:'xeicon'; color:#111; font-weight:700; font-size:17px;}
.symbol-img {/* min-height: 11.4rem; display: flex; justify-content: center; align-items: center; */ position: relative; height: 0; padding-top:95%;}
.symbol-list .symbol-tit {font-size:1.8rem; letter-spacing:-0.025em; color:#1c1c1c; line-height:1.889em; font-weight: 600;}
.symbol-list .symbol-tit span {display: block; color:rgba(39,39,39,0.8); font-weight: 300;}

@media all and (max-width:1280px){
	.company-page {padding-bottom:140px;}
	.intro-overview-img {margin-top: -17rem;}
}

@media all and (max-width:800px){
	.company-page {padding-bottom:120px;}
	.intro-overview {flex-wrap:wrap;}
	.intro-overview .sub-tit {font-size:4rem;}
	.intro-overview .left {width: 100%; padding-right:0;}
	.intro-overview .right {width: 100%; padding-left:0;}
	.intro-overview .right:before {display:none;}
	.intro-overview-img {margin-top: -5rem;}
	.intro-flow {margin:10rem 0;}
	.flow-con {height:10rem;}
	.flow-container img {max-height:100%;}
	.flow-container > p {font-size: 10rem;}
	.diagram-box {margin-top: 7rem;}
	.diagram-box .custom-scrollbar-wrapper {margin-right: 0;}
	.ci-img {padding:6rem 0;}
	.ci-img .img-box {width: 47.1%; padding-top:13.899%;}
	.intro-flow {margin:10rem 0;}
	.identity-box .left:after {display:none;}
	.identity-box {flex-wrap:wrap; margin-top: 5rem;}
	.identity-box .left {width: 100%;}
	.identity-box .right {width: 100%; margin-top: 4rem;}
	.symbol-list li {padding:2rem; box-sizing:border-box;}
	.symbol-list li:first-child:after {height: 100%;}
	.symbol-list li:nth-child(2):before , .symbol-list li:last-child:before {width: 4rem; height: 4rem; left:-2rem; font-size:13px;}
	.symbol-container {width: 7rem;}
}

@media all and (max-width:480px){
	.ci-download a {padding:0 1.5rem;}
	.symbol-list {flex-direction:column; margin-top:-4rem;}
	.symbol-list li {width: 100%; padding:4rem 0;}
	.symbol-list li .inner-box {height: auto;}
	.symbol-list li:first-child:after {height: 1px; width: 100%; transform:translateY(0); top:100%;}
	.symbol-list li:nth-child(2) {padding:5rem 0 4rem;}
	.symbol-list li:nth-child(2):before, .symbol-list li:last-child:before {top:0; left:initial;}
	.symbol-container {margin-bottom: 2rem;}
}

/* ****************** Company :: 연혁 ********************** */
.history-wrap {overflow:visible; max-width:1300px;}
.history-wrap .swiper-wrapper {margin:0 -1.65rem;}
.history-intro-box {position: relative; /* background: var(--main-color); */ text-align:center; padding:17.2rem 0;     background: url(/images/content/history_shadow_bg.png)no-repeat; background-size: 100%; background-position: 50% 50%;}
.history-intro-bg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:36rem; /* color:rgba(0,40,133,0.4); */ color:transparent; font-weight: 500; font-family:var(--font-family2); 
	text-shadow:-1px -4px 7px rgba(0,40,133,0.29),0 0 rgba(0,40,133,0.4);
}
.history-intro-box .since {position: relative; display: block; font-size:2.2rem; letter-spacing:-0.005em; color:var(--sub-color); line-height:1.364em; font-weight: 500; font-family:var(--font-family2); z-index:2; margin-bottom: 1rem;}
.history-intro-tit {position: relative; font-size:6rem; letter-spacing:-0.05em; line-height:1.1; color:#000; font-weight: 500; z-index:2; font-family:var(--font-family2); text-transform:uppercase;}
.history-intro-tit .highlight {color:#1451df;}
/* 연혁 슬라이드 */
.history-container {position: relative; padding:13rem 0 24.5rem;}
.history-container:nth-of-type(even) {background: #f6f6f6;}
.history-top-box {display:flex; justify-content:space-between; margin-bottom: 3.8rem;}
.history-txt {position: relative; font-size:1.7rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:2.118em; display:flex; align-items:center;}
.history-txt > span {position: relative; top:1.6rem; align-self:flex-start; display:inline-block; width: 3px; height: 3px; background: #929292;}
.history-txt > em {padding-left:1rem; width: calc(100% - 3px); box-sizing:border-box;}

/* slick 버튼 */
.history-arrow-box {display:flex; align-self:flex-end; margin-bottom:1rem; margin-right: 6px;}
.history-arrow-box .slick-arrow {display:flex; align-items:center; cursor:pointer;}
.history-arrow-box button {position: relative; display: block; width: 6px; height: 6px; left:3px; transition:all 0.4s;}
.history-arrow-box button span {position: absolute; top: 0; left: 0; display: inline-block; content: ""; width: 100%; height: 100%; border-top: 2px solid var(--sub-color); border-right: 2px solid var(--sub-color); transform: rotate(224deg);}
.history-arrow-box .history-next {flex-direction:row-reverse;}
.history-arrow-box .history-next button span {border-bottom: 2px solid var(--sub-color); border-left: 2px solid var(--sub-color); border-top: 0; border-right: 0;}
.history-arrow-box .history-next em {left:initial; right:-12px;}
.history-arrow-box em {display: inline-block; width: 7.3rem; height: 2px; background: var(--sub-color); position: relative; left: -3px; top: 1px;}
.history-arrow-box .slick-disabled button span {border-color:#d5dbe8;}
.history-arrow-box .slick-disabled em {background: #d5dbe8;}

.history-list {display:flex;}
.history-list .slick-track {display:flex;}
.history-list:before {display: block; content: ""; background: #fff; width: 29.35rem; left: -31rem; top:-4rem; height: 150%; z-index: 10; position: absolute;}
.history-container:nth-of-type(even) .history-list:before {background:#f6f6f6;}
.history-list .slick-list {overflow:visible; margin:0 -1.65rem;}
.history-year-tit {display: block; font-size:10.4rem; letter-spacing:-0.005em; color:var(--sub-color); font-weight: 500; font-family:var(--font-family2);}
.history-item {width: calc((100% - 6.6rem) / 3); height:auto !important; min-height:41.2rem !important; background: #fff; box-shadow: 8px 9px 43px 0px rgba(0, 0, 0, 0.09); margin:0 1.65rem; padding:3.8rem; box-sizing:border-box;} 
.history-year {display:inline-block; font-size:3.6rem; color:#000; letter-spacing:-0.005em; line-height:1.2em; font-weight: 500; font-family:var(--font-family2); margin-bottom: 1.6rem;}

.progress {display: block; width: 100%; height:3px; background-color:#eaeaea; overflow:hidden; position: relative;
 top: 8rem; /* left: 29.175rem; */ background-image: linear-gradient(to right, #1451df, #1451df); background-repeat:no-repeat; transition:background-size .4s ease-in-out;}
.progress-bar {position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

.prize-title {font-size:4rem; color:#fff; letter-spacing:-0.05em; line-height:1.1em; text-align:center; margin-bottom: 3.5rem;}
.prize-title span {display: block; font-size:1.6rem; letter-spacing:-0.005em; color:rgba(255,255,255,0.3); font-weight: 500; font-family:var(--font-family2);}
.prize-section {background: url(/images/content/prize_bg.jpg)no-repeat; background-position:50% 50%; padding:14rem 0 27rem; transition: var(--transition-custom) !important; background-size:cover;}
.prize-year-group-box {background: #fff; display:flex; padding:7rem 8rem; margin-top: 4rem;}
.prize-year-group-box:first-of-type {margin-top: 0;}
.prize-year-group-tit-box {width: 44rem;}
.prize-year-group-tit {font-size:7rem; letter-spacing:-0.005em; color:var(--sub-color); font-weight: 500; font-family:var(--font-family2);}
.prize-year-item {display:flex; margin-top: 2.8rem;}
.prize-year-item:first-of-type {margin-top: 0;}
.prize-year {font-size:3.2rem; letter-spacing:-0.005em; color:#000; font-weight: 500; font-family:var(--font-family2); width: 11rem;}
.prize-txt-box {width: calc(100% - 11rem);}
.prize-txt-item {position: relative; display:flex; align-items:center; font-size:1.7rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:2.118em;}
.prize-txt-item .dot {display: block; content:""; width: 3px; height: 3px; background: #929292; align-self:flex-start; position: relative; top:17px;}
.prize-txt-item > em {width: calc(100% - 3px); padding-left: 1rem; box-sizing:border-box; background-size:0 100%;}

@media all and (max-width:1280px){
	.history-intro-bg-con {background:#f0f5ff;}
	.history-intro-box {padding:17.2rem var(--area-padding);}

}

@media all and (max-width:1024px){
	.prize-txt-item .dot {top:12px;}
}

@media all and (max-width:800px){
	.history-container {padding:6rem 0 10rem;}
	.history-intro-box {padding:8rem var(--area-padding);}
	.history-intro-tit {font-size:3rem;}
	.progress {top:4.5rem;}

	.prize-section {background-size:cover; padding:7rem 0 10rem;}
	.prize-year-item {flex-direction:column;}
	.prize-year {margin-bottom: 1.5rem;}
	.prize-year-group-box {flex-wrap:wrap; padding:3.5rem;}
	.prize-year-group-tit-box {width: 100%; margin-bottom: 3rem;}
	.prize-year-group-tit {font-size:5rem;}
	.prize-year-list-box {width: 100%;}
	.prize-txt-box {width: 100%;}
	.prize-txt-item .dot {top:14px;}
	/* .history-item {min-height:30rem !important;} */
}

@media all and (max-width:480px){
	.history-year-tit {font-size:7rem;}
	.history-top-box {flex-direction:column;}
	.history-arrow-box {margin-top: 2rem; margin-bottom: 0; align-self:flex-start;} 
}

/* ****************** Company :: 사업장소개 ********************** */
.location-page {padding-bottom:70px;}
.loca-box {margin-bottom: 13.4rem;}
.loca-box:last-of-type {margin-bottom: 0;}
.loca-tit {font-size:4.2rem; letter-spacing:-0.05em; color:#000; font-weight: 700; line-height:1.19em;}
.loca-tit > em {font-size:1.8rem; line-height:1.667em; font-weight: 500; color:var(--sub-color); font-family:var(--font-family2); letter-spacing:initial;}
.loca-top-box {margin-top: 4rem; display:flex; justify-content:space-between; padding-bottom: 3rem; border-bottom:1px solid #dfdfdf;}
.loca-top-box .right {display:flex;}
.loca-btn {display:flex; justify-content:space-between; align-items:center; padding:0 2.5rem; box-sizing:border-box; width: 21rem; height: 6rem; box-shadow: 6px 7px 24px 0px rgba(0, 0, 0, 0.09);}
.loca-btn em {font-size:1.6rem; letter-spacing:-0.05em; line-height:1.875em; font-weight: 700;}
.loca-btn i {font-size:1.8rem; letter-spacing:-0.065em; line-height:1.667em;}
.google-map {background: var(--sub-color); color:#fff;}
.naver-map {border:2px solid var(--sub-color); color:var(--sub-color);}
.loca-info-box {padding-top:3rem;}
.loca-info-box dl {display:flex;}
.loca-info-box dt {font-size:1.8rem; letter-spacing:-0.02em; color:#000; line-height:2.222em; font-weight: 500; width: 14.5rem;}
.loca-info-box dt i {margin-right: 2rem;}
.loca-info-box dd {width: calc(100% - 14.5rem); font-size:1.8rem; letter-spacing:-0.05em; color:#858585; line-height:2.222em;}

@media all and (max-width:800px){
	
	.loca-top-box {flex-wrap:wrap;}
	.loca-top-box > div {width: 100%;} 
	.loca-top-box .right {margin-top: 2rem;}
}

@media all and (max-width:480px){
	.loca-box {margin-bottom:5rem;}
	.loca-tit {font-size:3.2rem;}
	.loca-btn {width:auto;}
	.loca-btn em {margin-right:3rem; line-height:1.25;}
}

/* ****************** Company :: 채용공고 ********************** */
.recruit-page {margin-bottom: 17rem;}
.recruit-sub-tit {font-size:3rem; letter-spacing:-0.05em; color:#000; line-height:2.067em; font-weight: 700; text-align:center; margin-bottom: 2.3rem;}
.recruit-page .talent {margin-bottom: 14rem;}
.talent-list {display:flex;}
.talent-list li {width: calc((100% - 6rem) / 3); margin-right: 3rem; box-shadow: 6px 7px 40px 0px rgba(0, 0, 0, 0.1);}
.talent-list li:nth-child(1) {border:3px solid #2e7dd6;}
.talent-list li:nth-child(2) {border:3px solid #0037b8;}
.talent-list li:nth-child(3) {border:3px solid #12234c;}
.talent-list .talent-tit {height:9rem; display:flex; align-items:center; padding:0 3.5rem;}
.talent-list .talent-tit strong {color:#fff; font-size:2.4rem; letter-spacing:-0.05em; }
.talent-list .talent-tit em {color:rgba(255,255,255,0.5); font-size:1.3rem; letter-spacing:-0.025em; font-family:var(--font-family2); margin-left: 2rem;}
.talent-list li:nth-child(1) .talent-tit {background: #2e7dd6;}
.talent-list li:nth-child(2) .talent-tit {background: #0037b8;}
.talent-list li:nth-child(3) .talent-tit {background: #12234c;}
.talent-list .talent-txt {margin:2.5rem 3.5rem 3.5rem; display:flex; flex-direction:column;}
.talent-list .talent-txt p {font-size:1.8rem; letter-spacing:-0.065em; color:#4f4f4f; line-height:1.667em; margin-bottom: 4rem;}
.talent-icon {width: 6.1rem; align-self:flex-end;}
.talent-icon span {display: block; height: 0; position: relative; padding-top: 98.37%;}
.job {background: #f6f6f6; padding:9.4rem 0 15rem; margin-bottom: 13rem;}
.job-list li {position: relative; display:flex; align-items:center; justify-content:space-between; background: #fff; padding:3.8rem 6rem; margin-top: 1rem; box-shadow: 15px 18px 62px 0px rgba(0, 0, 0, 0.05); z-index:3;}
.job-list li:before {display: block; content:""; position:absolute; top:0; left:0; width: 100%; height: 100%; border:3px solid #0d48d5; box-sizing:border-box; opacity:0; transition:all 0.4s; z-index:-1;}
.job-list li:hover:before {opacity:1;}
.job-list li:first-of-type {margin-top: 0;}
.job-info-box {display:flex; align-items:center; width: calc(100% - 26.2rem);}
.job-tit-box {display:flex; align-items:center;}
.job-list .job-tit {font-size:2.6rem; letter-spacing:-0.05em; color:#000; font-weight: 700; width: 18rem; line-height:1.25;}
.job-sub-list em {position: relative; font-size:1.6rem; letter-spacing:-0.05em; color:#6d6d6d; line-height:1.625em; padding: 0 1.5rem;}
.job-sub-list em:after {display: block; content:""; width: 1px; height: 14px; background: #c3c3c3; position:absolute; right:-3px; top:50%; transform:translateY(-50%);}
.job-sub-list em:first-of-type {padding-left: 0;}
.job-sub-list em:last-of-type {padding-right: 0;}
.job-sub-list em:last-of-type:after {display:none;}
.job-list .icon-box {width: 5rem; margin-right: 5rem;}
.job-list .icon-box span {display: block; height: 0; padding-top:96%; position: relative;}
.job-btn-wrap {display:flex; width: 26.2rem;}
.job-btn-wrap a , .job-btn-wrap span {display:flex; align-items:center; justify-content:center; width:12.6rem; height: 4.6rem; box-sizing:border-box;}
.job-list .recruit-label {background: #0d48d5; color:#fff; font-size:1.6rem; letter-spacing:-0.065em; margin-right: 1rem; text-align:center; line-height:1.2;}
.job-list .apply-btn {border:2px solid #0d48d5; color:#0d48d5; font-weight: 600; font-size:1.6rem; letter-spacing:-0.065em;}
.talent-process .recruit-sub-tit {margin-bottom: 5.3rem;}
.talent-process .process-list {position: relative; display:flex; margin-bottom: 7.7rem;}
.talent-process .process-list:before {display: block; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background: url(/images/content/process_line.png)no-repeat; width: 100%; height: 2px;}
.talent-process .process-list li {width: calc((100% - 30rem) / 4); border-radius:100%; margin-right: 10rem; box-shadow: 10px 11px 57px 0px rgba(0, 37, 125, 0.11); box-sizing:border-box; position: relative; background: #fff;}
.talent-process .process-list li .process-arrow {    display: block; content: "\e930"; width: 3.6rem; height: 3.6rem; border-radius: 100%; position: absolute; right: -6.8rem; border: 1px dashed var(--main-color); top: 50%; transform: translateY(-50%); background: #fff; font-family:'xeicon'; display: flex; align-items: center; justify-content: center; }
.talent-process .process-list li .process-arrow i {font-size:2rem; margin-left:2px; color:var(--main-color);}
.talent-process .process-list li:nth-child(2) {border:3px solid var(--main-color);}
.talent-process .process-list li:nth-child(2) .process-arrow {right:-7.1rem;}
.talent-process .process-list li:nth-child(3) {border:6px solid var(--main-color);}
.talent-process .process-list li:nth-child(3) .process-arrow {right:-7.5rem;}
.talent-process .process-list li:last-child {margin-right: 0; background: var(--main-color);}
.talent-process .process-list li:last-child .num {color:rgba(255,255,255,0.6);}
.talent-process .process-list li:last-child .process-tit {color:#fff;}
.talent-process .process-list .inner-box {position: relative; height: 0; padding-top:100%;}
.talent-process .process-list .circle {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.talent-process .process-list .num {font-size:1.6rem; letter-spacing:-0.05em; color:#0d48d5; font-weight: 700; margin-bottom: 1.5rem;}
.talent-process .process-list .process-tit {font-size:2.4rem; letter-spacing:-0.05em; font-weight: 700; color:#000; text-align:center; line-height:1.25;}
.talent-process .process-list .process-tit > p {font-size:1.8rem; letter-spacing:-0.065em; color:#6d6d6d; line-height:1.667em; font-weight: 400;}
.process-ps-box {background: #f6f6f6; padding:4.5rem 5.5rem;}
.process-ps-box p {display:flex; align-items:center;}
.process-ps-box .dot {display:inline-block; width: 3px; height: 3px; background: #8c8c8c; align-self: flex-start; position: relative; top: 1.3rem;}
.process-ps-box em {font-size:1.75rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:1.882em; padding-left: 1rem; width: calc(100% - 3px);}

/* 지원하기 팝업 */
.inquiry-top-line .title.recruit-title strong {font-size:4rem;}

@media all and (max-width:1280px){
	.recruit-page {margin-bottom:140px;}
	.talent-list .talent-tit {flex-direction:column; align-items:flex-start; justify-content:center;}
	.talent-list .talent-tit em {margin-left:0; margin-top:1rem;}
	.job-list li {padding:3.8rem 3rem;}
}

@media all and (max-width:800px){
	.recruit-page {margin-bottom:120px;}
	.recruit-page .talent {margin-bottom: 7rem;}
	.talent-list {flex-wrap:wrap;}
	.talent-list li {width: 100%; margin-right: 0; margin-top: 2rem;}
	.talent-list li:first-of-type {margin-top: 0;}
	.job {margin-bottom: 6.5rem; padding:4.7rem 0 7.5rem;}
	.job-list li {flex-direction:column;}
	.job-sub-list {margin-top: 1rem;}
	.job-info-box {width: 100%; flex-direction:column; align-items:flex-start;}
	.job-btn-wrap {width: 100%; margin-top: 2rem;}
	.talent-process .process-list {/* flex-wrap:wrap; */ flex-direction:column; align-items:center;}
	.talent-process .process-list:before {display:none;}
	.talent-process .process-list li {/* width: calc((100% - 7rem) / 2); margin-right: 7rem; */ width: 60%; margin-right: 0;}
	.talent-process .process-list li .process-arrow {right:-5.5795rem;}
	.talent-process .process-list li:nth-of-type(even) {margin-right: 0; margin-top: 7rem;}
	.talent-process .process-list li:nth-child(1) {order:0;}
	.talent-process .process-list li:nth-child(1) .process-arrow , .talent-process .process-list li:nth-child(3) .process-arrow {right:initial; top:108%; left:50%; transform:translate(-50%,0) rotate(90deg);}
	.talent-process .process-list li:nth-child(2) .process-arrow {top: 100%; transform: translateY(2rem) translateX(50%); right: 50%; order:1;}
	.talent-process .process-list li:nth-child(2) .process-arrow i {transform:rotate(90deg); margin-left:0;}
	.talent-process .process-list li:nth-child(3) {margin-top: 7rem; margin-right: 0;}
	/* .talent-process .process-list li:nth-child(3) .process-arrow {left:-5.5795rem; right:initial; transform: translateY(-50%) rotate(180deg);} */
	.talent-process .process-list li:nth-child(4) {margin-top: 7rem;}
	
	.inquiry-top-line .title.recruit-title strong {font-size:3rem;}
}


/* ****************** Solution ********************** */
.solution-page {padding-bottom:17rem;}
.solution-menu-wrapper {height:64px; margin-bottom: 73px;}
.solution-list-style ul {display:flex; justify-content:center;}
.solution-list-style ul li {max-width: 25rem; display:inline-block; border:2px solid var(--sub-color); margin: 0 0 0 -2px; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.09);}
.solution-list-style ul li:first-child {border-left:2px solid var(--sub-color);}
.solution-list-style ul li a {height: 60px;}
.solution-list-style ul li a em {color:var(--sub-color); font-weight: 600; font-size:16px; line-height:1.35;}
.solution-list-style ul li.selected {background: var(--sub-color); border-color:var(--sub-color);}
.solution-list-style ul li.selected a em {color:#fff;}
.solution-main-top {background: #f5f5f5; padding:10rem 0; margin-bottom: 12.3rem;}
.solution-main-container {display:flex; align-items:center;}
.solution-main-container > div {width: 50%;}
.solution-main-container .s-img-box > span {display: block; position: relative; height: 0; padding-top:55.385%;}
.solution-main-container .s-txt-box {display:flex; flex-direction:column; padding-left:7rem; box-sizing:border-box;}
.s-link-box {display:flex; margin-top: 3.2rem;}
.s-link-box a {width: 15.6rem; border-radius:1.6rem; height: 3.2rem; line-height:3.2rem; color:#fff; padding:0 2rem; box-sizing:border-box; display: flex; justify-content: space-between; align-items: center;}
.s-link-box .s-btn01 {background: #eb5127; margin-right: 1rem;}
.s-link-box .s-btn02 {background: #001f56;}
.solution-en-tit {display:inline-block; font-size:1.8rem; letter-spacing:-0.005em; color:var(--sub-color); line-height:1.667em; margin-bottom: 1rem;}
.solution-tit {font-size:4rem; letter-spacing:-0.05em; color:#000; font-weight: 700; line-height:1.1em; margin-bottom: 2.8rem; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
.solution-txt {font-size:1.8rem; letter-spacing:-0.065em; color:#6a6a6a; line-height:1.778em;}
.solution-sub-tit {font-size:3rem; letter-spacing:-0.05em;  color:#000; font-weight: 700; line-height:1.467em; margin-bottom: 3.5rem;}
.advantage-box {margin-bottom: 14rem;}
.advantage-list {display:flex;}
.advantage-list .item {width: calc((100% - 6rem) / 4); margin-right: 2rem; border:2px solid var(--sub-color); padding:3rem 3.5rem 2.5rem; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.09); box-sizing:border-box;}
.advantage-list .item:last-of-type {margin-right: 0;}
.advantage-list .point {display:inline-block; font-size:15px; letter-spacing:-0.005em; color:var(--sub-color); line-height:2em; font-family:var(--font-family2); margin-bottom: 1rem;}
.advantage-list .item-tit {font-size:2rem; letter-spacing:-0.065em; color:#000; font-weight: 700; /* max-width:18.5rem; */ line-height:1.6em;}
.advantage-list .icon-box {width: 4.8rem; margin-bottom: 2.5rem;}
.advantage-list .icon-box span {display: block; width: 100%; position: relative; height: 0; padding-top:93.75%;}

.reference-list {border-top:1px solid #e7e7e7;}
.reference-list .reference-item {display:flex; align-items:center; height: 10rem; line-height:10rem; justify-content:space-between; border-bottom:1px solid #e7e7e7; padding:0 4rem; box-sizing:border-box;}
.rf-title {display:flex; align-items:center;}
.reference-list .reference-item .num {font-size:1.6rem; letter-spacing:-0.005em; color:var(--sub-color); font-weight: 500; line-height:1.875em; font-family:var(--font-family2); padding-right: 4rem;}
.reference-list .rf-tit {font-size:2rem; letter-spacing:-0.065em; color:#000; font-weight: 700; line-height:1.6em;}
.rf-info .info-list {display:flex;}
.rf-info .info-list li {position: relative; font-size:1.6rem; color:#aaa; letter-spacing:-0.065em; line-height:2em; padding:0 1rem;}
.rf-info .info-list li:before {position:absolute; display:block; content:""; left:0; top:50%; transform:translateY(-50%); width: 1px; height: 13px; background: #d7d7d7;}
.rf-info .info-list li:first-of-type {padding-left:0;}
.rf-info .info-list li:first-of-type:before {display:none;}

.solution-content-box .inquiry-btn {position: relative; margin:8.7rem auto 0; display:flex; justify-content:space-between; border:2px solid var(--sub-color); width: 27.5rem; height: 6.6rem; box-sizing:border-box; align-items:center; padding:2rem 2.2rem; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.09); transition:all 0.3s ease-in; overflow:hidden;}
.solution-content-box .inquiry-btn:before {width: 0; height: 0; padding: 50%; border-radius: 50%; position: absolute; left: 50%;
 top: 50%; transform: translate3d(-50%, -50%, 0) scale(0); transition: transform .15s ease-out; background-color:var(--sub-color); content:""; z-index:-1;}
.solution-content-box .inquiry-btn em {font-size:1.6rem; letter-spacing:-0.05em; color:var(--sub-color); font-weight: 700; transition:all 0.3s;}
.solution-content-box .inquiry-btn i {color:var(--sub-color); font-size:1.8rem; transition:all 0.3s;}
.solution-content-box .inquiry-btn:hover:before {transition-duration: .3s; transform: translate3d(-50%, -50%, 0) scale(1.5);}
.solution-content-box .inquiry-btn:hover em , .solution-content-box .inquiry-btn:hover i {color:#fff;}

@media all and (max-width:1280px){
	.solution-page {padding-bottom:140px;}
}

@media all and (max-width:800px){
	.solution-page {padding-bottom:120px;}
	.solution-list-style ul li {max-width:initial; box-shadow:none;}
	.sub-drop-menu-style.solution-list-style ul {border:0;}
	.sub-drop-menu-style.solution-list-style ul li.selected {background-color:var(--sub-color);}
	.sub-drop-menu-style.solution-list-style ul li.selected a em {color:#fff;}
	.solution-menu-wrapper {margin-bottom: 35px; z-index:10;}
	.solution-main-top {padding:5rem 0; margin-bottom: 6rem;}
	.solution-main-container {flex-wrap:wrap;}
	.solution-main-container > div {width: 100%;}
	.solution-main-container .s-txt-box {padding-left:0; padding-top:4rem;}
	.advantage-box {margin-bottom: 7rem;}
	.advantage-list {flex-wrap:wrap; margin-top: -2rem;}
	.advantage-list .item {width: 100%; margin-right: 0; margin-top: 2rem; padding:3rem 2.5rem 2.5rem;}
	.advantage-list .item:nth-of-type(even) {margin-right: 0;}
	.reference-list .reference-item {height: auto; line-height:initial; flex-direction:column; align-items:flex-start; padding:2rem;}
	.reference-list .reference-item .num {padding-right:2rem; width: 3.8rem; box-sizing:border-box;}
	.reference-list .rf-tit {width: calc(100% - 3.8rem);}
	.rf-info {margin-left: 3.8rem;}
	.rf-title .num {align-self:flex-start;}
	.solution-content-box .inquiry-btn {margin:4rem auto 0;}
}

/* ****************** Investors ********************** */
/* ****************** Investors :: 재무정보 ********************** */
@media all and (max-width:800px){
	.stockTbl-wrapper {width: 100%;}
	.stocktbl-tit-box {flex-direction:column !important;}
}


/* ****************** Media Center ********************** */
/* ****************** Media Center :: 언론보도 ********************** */
.bbs-thumb-info-con .view-more em {color:var(--sub-color); font-size:16px; letter-spacing:-0.05em; line-height:1.75em;}
.bbs-thumb-info-con .view-more i {position: relative; top:2px; font-size:16px; letter-spacing:-0.05em; color:var(--sub-color); line-height:1.75em; margin-left: 8px;}

/* ****************** Media Center :: 홍보영상 ********************** */
.headline-img-con iframe {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width: 100%; height: 100%;}
/* 비디오 영역 Start */
.video-iframe-box{position:relative; padding-top:55.19%; height:0; /* background-color:#000 */}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:36px; color:#ff0000; line-height:50px; text-shadow:1px 1px 10px rgba(0, 0, 0, .5);}
/* 비디오 영역 :: 모달 */
.video-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.video-modal-content .modal-close-btn{top:-50px; right:0px;}
.video-modal-content h1 + .modal-close-btn{top:0px;}
.video-modal-content h1{line-height:1.5; padding:0 30px; margin-bottom:15px; font-size:24px; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#fff;}
.video-modal-inner{width:100%;}
.video-modal-inner .video-container{position:relative; width:100%; height:0; padding-top:65%; }
.video-modal-inner .video-container iframe{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:auto; /* overflow-y:hidden; */ overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}

@media all and ( max-width: 800px ){
	.video-modal-content h1{font-size:18px;}
}

/* ****************** Media Center :: 회사소개서 ********************** */
.introduce-page {padding-bottom:70px;}
.introduce-page .intro-box {position: relative; display:flex; /* border:3px solid #e1e1e1; */ margin-top: 4rem; }
.introduce-page .intro-box:before {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; border:3px solid #e1e1e1; box-sizing:border-box; transition:all 0.3s ease !important;}
.introduce-page .intro-box:first-of-type {margin-top: 0;}
.introduce-page .intro-box .left {width: 37rem; padding:8.7rem; box-sizing:border-box;}
.introduce-page .intro-box .right {width: calc(100% - 37rem); background: #f3f3f3; display:flex; flex-direction:column; justify-content:center; padding-left:10rem; box-sizing:border-box;}
.introduce-page .intro-txt-box {display:flex; flex-direction:column; margin-bottom: 5.5rem;}
.i-txt01 {font-size:15px; letter-spacing:-0.005em; color:var(--sub-color); font-family:var(--font-family2); margin-bottom: 1.5rem;}
.i-txt02 {font-size:3.2rem; letter-spacing:-0.05em; color:#000; font-weight: 700; margin-bottom: 2rem;}
.i-txt03 {font-size:17px; letter-spacing:-0.05em; color:#929292; line-height:1.765em; overflow: hidden; max-width:57rem; text-overflow: ellipsis;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.introduce-page .intro-box .certifi-img-thumb {position: relative; padding-top:135.13%; box-shadow: 8px 10px 27px 0px rgba(0, 0, 0, 0.18);}
.introduce-page .intro-box .certifi-img-thumb img {position:absolute; top:0; left:0; bottom:0; right:0; width: 100%; height: 100%;sss}

.introduction-btn {display:flex; align-items:center; justify-content:space-between; border:2px solid var(--sub-color); width: 23rem; height: 6.4rem; box-sizing:border-box; color:var(--sub-color); padding:0 2.5rem; box-sizing:border-box; background: #fff; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.09); position: relative; transition:all 0.4s;}
.introduction-btn em {font-size:16px; letter-spacing:-0.005em; font-family:var(--font-family2); transition:all 0.4s;}
.introduction-btn i {font-size:18px; letter-spacing:-0.005em; transition:all 0.4s;}

.introduction-btn:hover {background: var(--sub-color);}
.introduction-btn:hover i {color:#fff;}
.introduction-btn:hover em {color:#fff;}	

.introduce-page .certifi-over-box {position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; opacity:0; transition:all 0.4s;}
.introduce-page .certifi-over-box i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background: var(--sub-color); width: 80px; height: 80px; border-radius:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:2.2rem;}
.introduce-page .intro-box .certifi-img-thumb:hover .certifi-over-box {opacity:1;}
.introduce-page .intro-box:hover:before {border-color:var(--sub-color);}

@media all and (max-width:800px){
	.introduce-page .intro-box {flex-direction:column;}
	.introduce-page .intro-box .left {width: 17.18rem; padding:0; margin:3rem auto;}
	.introduce-page .intro-box .right {width: 100%; padding:3rem;}
	.introduce-page .intro-box .certifi-img-thumb {padding-top:140.77%;}
}

/* 소개서 팝업 */
.intro_pop_tit {font-size:3rem; color:#fff; text-align:center; margin-bottom: 2rem;}
.intro_pop_list .img-box {position: relative; height: 0; width: 100%; padding-top:92.375%;}
.intro_pop_list .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:10;}
.intro_pop_list .slick-arrow i {color:#fff; font-size:4rem;}
.intro_pop_list .slick-prev {left:0;}
.intro_pop_list .slick-next {right:0;}
.pamphlet-modal-content {position: relative; width:96%; max-width:800px; margin:20px auto;}
.pamphlet-modal-content .modal-close-btn {top:0;}
.pamphlet-slide-counter {display:flex; justify-content: flex-end;}
.pamphlet-slide-counter > * {font-size:2rem; color:#fff; margin-top: 2rem;}

@media all and (max-width:1024px){
	.pamphlet-slide-wrapper {padding:0 20px;}
	.modal-fixed-pop-inner {display:flex; flex-direction:column; justify-content:center;}
}

@media all and (max-width:800px){
	.pamphlet-modal-content {min-width: initial; width: auto;}
	.pamphlet-modal-content .modal-close-btn {right:4rem;}
	.slick-arrow i {font-size:2rem;}
}