@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%}
}

.delay-anim-JS{}
.delay-anim-JS-item{opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transition: var(--transition-custom2); pointer-events: none; will-change: transform; will-change: opacity; transform: translate3d(0, 30px, 0); transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform;}

.delay-anim-JS.animated .delay-anim-JS-item{opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto;}


/* ******************  01. Product ********************** */
/* ***** 리스트페이지 ***** */
.product-list-page {padding: 12rem 0 23rem; background: #F5F5F5;}
.product-list-con {}
.product-list {display: flex; flex-wrap: wrap; margin: -2rem;}
.product-list li {width: calc(50% - 4rem); margin: 2rem;}
.product-list li a {position: relative; display: block; border-radius: 2rem; background: #fff; padding: 6rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.4s;}
.product-list li a .product-logo {position: absolute; top: 6rem; left: 6rem; display: block; height: 3.8rem; width: 100%;}
.product-list li a .product-logo img {max-width: 100%; max-height: 100%;}
.product-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 100%;}
.product-list li a .img-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product-list li a .info-box {margin-top: 4rem;}
.product-list li a .info-box .category {display: block; font-size: 1.6rem; letter-spacing: -0.025em; color: #D90011; line-height:1.3; margin-bottom: 1rem;}
.product-list li a .info-box .tit {font-size: 4rem; width: 700; letter-spacing: -0.025em; color: #000; line-height: 1.1; margin-bottom: 1.7rem;}
.product-list li a .info-box .txt {position: relative; display: inline-block; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #000; line-height: 1.8; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.product-list li a .info-box .txt:before {position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 1px; background: #000; transition: var(--transition-custom2);}
.product-list li a:hover {box-shadow: 0px 3px 6px #0000001A;}
.product-list li a:hover .info-box .txt:before {width: 100%;}

@media all and (max-width:800px){
	.product-list {margin: -1.5rem 0;}
	.product-list li {width: 100%; margin: 1.5rem 0;}
	.product-list li a {padding: 5rem 4rem;}
	.product-list li a .product-logo {top: 5rem; left: 4rem;}
}

.sub-product-list{display: flex; flex-wrap: wrap; margin: -2rem;}
.sub-product-item{width: calc(50% - 4rem); margin: 2rem;}
.sub-product-item a{position: relative; display: block; border-radius: 2rem; background: #fff; padding: 2rem; box-sizing: border-box; display: flex;  flex-wrap:wrap; align-items: center; overflow: hidden;}
.sub-product-item .cm-fill-btn .cm-fill{background-color: #000;}
.sub-product-logo{position: absolute; top: 2rem; right: 2rem; display: block; width: 10rem; height: 3.8rem;}
.sub-product-logo img{max-width: 100%; max-height: 100%;}
.sub-product-img{/* width: 32rem; */ width: 40%;}
.sub-product-img span{position: relative; width: 100%; height: 0; padding-top: 100%; display: block; overflow: hidden;}
.sub-product-img span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: var(--transition-custom); transition-property: transform;}
.sub-product-info{/* padding-left: 4rem; width: calc(100% - 32rem); */ padding: 4rem 0; padding-left: 5%; width: 60%; box-sizing: border-box; position: relative;}
.sub-product-info .category{display: block; font-size: 2rem; letter-spacing: -0.02em; color: #D90011; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 1rem;}
.sub-product-info .tit{font-size: 6rem; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 1rem; transition: var(--transition-custom); transition-property: color;}
.sub-product-info .txt{height: 3.32em; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.02em; color: #000; line-height: 1.66; margin-bottom: 2rem; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: var(--transition-custom); transition-property: color;}
.sub-product-info .btn{width: 12rem; height: 4rem; font-size: 1.2rem; font-weight: 700; color: #000000; text-align: center;  border: 1px solid #DDD; border-radius: 4rem; box-sizing: border-box; display: flex; flex-wrap:wrap; align-items: center; justify-content: center; transition: var(--transition-custom); transition-property: color;}

@media all and ( min-width: 801px ){
	.sub-product-item a:hover .sub-product-img span img{transform: scale(1.1) rotate(0.002deg);}
	.sub-product-item a:hover .sub-product-info .tit,
	.sub-product-item a:hover .sub-product-info .txt,
	.sub-product-item a:hover .sub-product-info .btn{color: #fff;}
	.sub-product-item .cm-fill-btn:hover .cm-fill{width: 100vw; height: 100vw; transition: width 0.4s ease-in 0.1s, height 0.4s ease-in 0.1s;}
}

@media all and (max-width:1280px){
	.product-list-page {padding: 12rem var(--area-padding) 19rem;}
}
@media all and (max-width:800px){
	.product-list-page {padding: 8rem 0 10rem;}
	.sub-product-list {margin: -1.5rem 0;}
	.sub-product-item {width: 100%; margin: 1.5rem 0;}
	.sub-product-item a{padding: 1rem;}
	.sub-product-logo{top: 1rem; right: 1rem; width: 10rem; height: 3.8rem;}
	.sub-product-img{width: 45%;}
	.sub-product-info{padding: 4rem 0; padding-left: 2rem; width: 55%;}
	.sub-product-info .category{font-size: 2rem; line-height:1.3; margin-bottom: 1rem;}
	.sub-product-info .tit{font-size: 4.6rem; line-height: 1.1; margin-bottom: 1rem;}
	.sub-product-info .txt{height: 3.32em; font-size: 1.8rem; line-height: 1.66; -webkit-line-clamp: 2; margin-bottom: 2rem;}
	.sub-product-info .btn{width: 12rem; height: 4rem; font-size: 1.2rem;}
}


/* ******************  02. Service ********************** */
.service-top-con {text-align: center; padding-bottom: 8rem;}
.service-top-con .tit {font-size: 8rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.2;}
.service-top-con .sub-tit {display: block; font-size: 1.8rem; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.2; padding-top: 0.5rem;}
.service-top-con .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.77; color: #000; padding-top: 4rem;}
.service-top-img {margin-top: 9rem;}
.service-top-img img {max-width: 100%;}

.service-con-tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.375; color: #000; text-align: center;}
.service-con-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #000; line-height: 1.77; text-align: center; padding-top: 3rem;}

.service-point-list li {display: flex; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 6rem 0;}
.service-point-list li:first-child {padding-top: 0;}
.service-point-list li .icon-box {position: relative; display: flex; align-items: center; justify-content: center; width: 18rem; height: 18rem; border-radius: 50%; border: 1px solid rgba(197, 21, 28, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service-point-list li .icon-box .icon-circle {display: flex; align-items: center;  justify-content: center; width: 14rem; height: 14rem; border-radius: 50%; background: var(--main-color);  box-shadow: 5px 9px 20px #0000004D;}
.service-point-list {position: relative; z-index: 1;}
.service-point-list li .txt-box {width: calc(100% - 18rem); padding-left:5.6rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.service-point-list li .txt-box .num {font-size: 1.6rem; font-weight: 500; line-height: 1.87; color: var(--main-color);}
.service-point-list li .txt-box .tit {display: block; font-size: 3rem; font-weight: 700; letter-spacing: -0.05em; color: #000; padding-top:0.7rem;}
.service-point-list li .txt-box .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(0,0,0,0.5); line-height: 1.77; padding-top: 2rem;}
.service-point-list li .txt-box .sub-txt {font-size:1.4rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(0,0,0,0.5); line-height: 1.77; padding-top: 0.5rem;}

/* ***** PMDM ***** */
.pmdm-con01 {position: relative; padding: 14.2rem 0 17rem; background:#F5F5F5;}
.pmdm-con01-bg {position: absolute; top: 0; left: 0; width: 100%; height:108.7rem; background: url(/images/content/pmdm_con01_bg.png)no-repeat top 0 left 50% / cover;}
.pmdm-con01-top {position: relative; z-index: 1;}
.pmdm-con01-top-img {text-align: center; margin: 8.9rem 0 25rem;}
.pmdm-con01-top-img img {max-width: 100%;}
.pmdm-video-con {position: relative; height: 100vh; height: auto !important; overflow: hidden;}
.pmdm-video-con .video-iframe-wrapper {position: relative; width: 100%; height: 100%; height: 0 !important; padding-top: 56.396%;}
.pmdm-video-con .video-iframe-box{position:relative; padding-top: 100vh; height:0; background-color:#000}
.pmdm-video-con .video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* video */
.video-iframe-wrapper .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition-custom);
}
.video-iframe-wrapper .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pmdm-video-con .video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.pmdm-video-con .video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.pmdm-video-con .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}
.pmdm-video-con .video-cover-box .thumb img{width:100%; height:100%;}
.pmdm-video-con .video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.pmdm-video-con .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%); width: 12rem; height: 12rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--main-color);}
.pmdm-video-con .video-cover-box .icon i{transform: rotate(90deg); font-size:4.6rem; color:#EEEEEE; line-height:50px;}
/* play */
.video-iframe-wrapper.play .video-wrapper {
    visibility: visible;
    opacity: 1;
}
.video-iframe-wrapper.play .video-cover-box {
    visibility: hidden;
    opacity: 0;
}


.pmdm-con02 {padding: 10rem 0 20rem;}
.pmdm-con02 .service-con-txt {opacity: 0.5;}
.pmdm-con02-list {display: flex; flex-wrap: wrap; margin: 0 -1.5rem; padding-top: 7rem;}
.pmdm-con02-list li {width: calc(33.33% - 3rem); margin: 0 1.5rem; border-radius: 2rem; border: 1px solid #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.pmdm-con02-list li .tit-box {width: 100%; height: 8rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2rem; letter-spacing: -0.05em; line-height: 1.4; background: #000; border-radius: 2rem 2rem 0 0; color: #fff;}
.pmdm-con02-list li .txt-box {width: 100%; height: calc(100% - 8rem); padding: 2rem 3.5rem 4.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.pmdm-con02-list li .txt-box .txt {position: relative; padding-left:2.9rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.77; color: rgba(0,0,0,0.5);}
.pmdm-con02-list li .txt-box .txt:before {position: absolute; content: '\e929'; top: 0; left: 0; font-family: 'xeicon';}
.pmdm-con02-list li .txt-box .img {margin-top: 4rem; height: 11rem; text-align: center;}
.pmdm-con02-list li .txt-box .img .pmdm-con02-icon {max-width: 100%; max-height: 100%;}
.pmdm-plan-con-wrap {margin-top:12rem ;}
.pmdm-plan-con {position: relative; }
.pmdm-plan-con:before {position: absolute; content: ''; width: 33.33%; height: 100%; left: 50%; top: 0; transform: translateX(-50%); border: 2px solid #000; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 0;}
.pmdm-plan-con:after {position: absolute; content: ''; width: calc(33.33% + 2px); height:100%; right: 0; top: 0; border: 2px solid var(--main-color); z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-radius: 0 2rem 2rem 0 ; }
.pmdm-plan-con-inner {width: 100%; border-radius: 2rem; overflow: hidden; border: 2px solid #E5E5E5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.pmdm-plan-tbl {width: 100%;}
.pmdm-plan-tbl thead th {text-align: center; padding: 3rem 1rem; font-size: 3rem; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.33; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.pmdm-plan-tbl thead th.t-gray {background: #F5F5F5; border-bottom: 1px solid rgba(0,0,0,0.1);}
.pmdm-plan-tbl thead th.t-black {background:#222222; color: #fff; border-bottom: 1px solid #000;}
.pmdm-plan-tbl thead th.t-red {background: #C5151C; color: #fff;  border-bottom: 1px solid var(--main-color);}
.pmdm-plan-tbl thead th span {display: inline-block; font-size: 2rem; padding-bottom: 0.5rem;}
.pmdm-plan-tbl tbody td {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.55; color: #000; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; padding: 1.8rem;}
.pmdm-plan-tbl tbody td.t-gray {border-left: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); font-weight: 500;background: #F5F5F5; text-align: left;}
.pmdm-plan-tbl tbody td.t-gray.merge {border-left: 0; font-weight: 700; text-align: center;}

.pmdm-plan-tbl tbody tr:last-of-type td.t-gray {border-bottom: 0;}


/* ***** PUlS ***** */
.puls-page .service-top-img {margin-top: -18rem;}
.puls-con01 {position: relative; z-index: 1; margin-top: -18rem; padding: 15rem var(--area-padding); background: url(/images/content/puls_con01_bg.jpg)no-repeat center/cover; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con01-list {display: flex; justify-content: center;}
.puls-con01-list li {position: relative; width: 25%; max-width: 35rem; margin-left: -2.65rem;}
.puls-con01-list li:first-child {margin-left: 0;}
.puls-con01-list li .inner {position: relative; width: 100%; height: 0; padding-top: 100%; background:url(/images/content/puls_con01_circle.png)no-repeat center/cover;  ;}
.puls-con01-list li .inner-box {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.puls-con01-list li .inner-box dl {position: relative;}
.puls-con01-list li .inner-box dt {height: 5.9rem; line-height: 5.9rem;}
.puls-con01-list li .inner-box dt img {max-height: 100%;}
.puls-con01-list li .inner-box dd {position: relative; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025rem; line-height: 1.625; color: #fff; margin-top: 2.8rem;}
.puls-con01-list li .inner-box dd span {position: absolute; display: block; bottom: -3rem; left: 50%; transform: translateX(-50%); font-size: 1.4rem; opacity: 0.4;}
.puls-con02 {background-color: #F5F5F5; padding: 14rem 0 19rem;}
.puls-con02 .tit-box {text-align: center; margin-bottom: 7.5rem;}
.puls-con02 .tit-box .service-con-txt {opacity: 0.5;}

.puls-con02-img-wrap {text-align: center;}
.puls-con02-img-wrap .tit-con {padding: 3rem 1rem; border-radius: 2rem 2rem 0 0; background: #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con02-img-wrap .tit-con strong {display: block; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.puls-con02-img-wrap .img-con {padding: 5.5rem 4rem; background: #fff;  border-radius: 0 0 2rem 2rem; border: 1px solid #000;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.puls-con02-img-wrap .img-con img {max-width: 100%;}

.puls-con02 .service-point-list {padding-top: 11.5rem;}
.puls-con03 {padding: 14rem 0 15rem;}
.puls-con03 .puls-tbl-con {padding-top: 16rem;} 
.puls-con04 {padding: 14rem 0 15rem; background-color: #F5F5F5;}
.puls-con04 .puls-tbl-con {padding-top: 6rem;} 
.puls-tbl-con .bbs-list-tbl {border-bottom: 1px solid #000;}
.puls-tbl-con .bbs-list-head .bbs-head-item {border-left: 1px solid #E5E5E5; background: #F5F5F5; font-size: 1.8rem; font-weight: 700; letter-spacing: 0;}
.puls-tbl-con.white-ver .bbs-list-head .bbs-head-item { background: #fff; }
.puls-tbl-con .bbs-list-head .bbs-head-item:first-of-type {border-left: 0;}
.puls-tbl-con .bbs-list-row:last-of-type .column {border-bottom: 0;}
.puls-tbl-con .bbs-list-row .column {height: auto; padding: 1rem; color: rgba(0,0,0,0.5);  border-left: 1px solid #E5E5E5;}
.puls-tbl-con .bbs-list-row .column.bbs-inline {line-height: 1.875;}
.puls-tbl-con .bbs-list-row .column.bbs-inline a {color: var(--main-color); border-bottom: 1px solid var(--main-color);}
.puls-tbl-con .bbs-list-row .column:first-of-type {border-left: 0;}

/* 페이징 커스텀 */
.puls-tbl-con .bbs-bottom-list-box {margin-top: 0; border-top: 0;}
.puls-con04 .bbs-bottom-list-box .paging a {background-color: #fff;}

/* ***** EmKit ***** */
.emkit-page .service-top-img {margin-top: 11rem;}
.emkit-con01 {padding: 8rem 0 20rem; text-align: center;}
.emkit-con01 .service-con-txt {opacity: 0.5; padding-top: 2.5rem;}
.emkit-con01 .img-box {margin-top: 5rem; border-radius: 2rem; background-color: #F5F5F5; padding: 8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.emkit-con01 .img-box .emkit-con01-img {margin-left: 5rem; max-width: 100%;}
.emkit-con02 {background: url(/images/content/emkit_con02_bg.jpg)no-repeat center/cover; padding: 11.45% var(--area-padding); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.emkit-con02 .service-con-tit {color: #fff;}
.emkit-con02 .service-con-txt {color: #fff; opacity: 0.5; padding-top: 2rem;}
.emkit-con02 .emkit-con02-btn {display: inline-flex; align-items: center; justify-content: center; height: 6rem; border-radius: 3rem; background-color: var(--main-color); padding: 0 2.2rem 0 3rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; margin: 6.5rem auto 0;}
.emkit-con02 .emkit-con02-btn i {font-size: 2.4rem; margin-left: 2.5rem;}
.emkit-con03 {padding-top: 11.6rem; background-color: #F5F5F5; }
.emkit-con03 .tit-box {position: relative; z-index: 1;}
.emkit-con03 .service-con-txt {opacity: 0.5;} 
.emkit-con03-img {position: relative; height: 75rem; margin-top: 6.8rem;}
.emkit-con03-img .bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 95.2rem; background: url(/images/content/emkit_con03_bg.png)no-repeat center/cover;}
.emkit-con03-img .icon-list {position: relative; width: 100%; height: 100%;}
.emkit-con03-img .icon-list span {position: absolute; top: 50%; left: 50%; display: inline-block; z-index: 10;}
.emkit-con03-img .icon-list span svg { opacity: 0; position: relative; transform: translateY(50px); transition: all 0.8s ease-in-out;}
.emkit-con03-img .icon-list span.icon01 { margin-left: -28rem; margin-top: -31rem;}
.emkit-con03-img .icon-list span.icon02 {margin-left: -47rem; margin-top: -19rem;}
.emkit-con03-img .icon-list span.icon03 {margin-left: -31rem; margin-top: 9rem;}
.emkit-con03-img .icon-list span.icon04 { margin-left: 16rem; margin-top: -40rem;}
.emkit-con03-img .icon-list span.icon05 { margin-left: 24rem; margin-top: 0rem; }
.emkit-con03-img .icon-list span.icon02 svg { transition-delay: 0.45s;}
.emkit-con03-img .icon-list span.icon03 svg { transition-delay: 0.85s;}
.emkit-con03-img .icon-list span.icon04 svg { transition-delay: 0.65s;}
.emkit-con03-img .icon-list span.icon05 svg { transition-delay: 0.25s;}

.emkit-con03-img.animated .icon-list span svg {opacity: 1; transform: translateY(0);}

@media all and (max-width:1280px){
	/* ***** PMDM ***** */
	.pmdm-con01-top-img { margin: 8.9rem 0 16rem;}
	.pmdm-video-con {height: auto;}
	.pmdm-video-con .video-iframe-box {padding-top: 54%;}

	/* ***** puls ***** */
	.puls-page .service-top-img { margin-top: -9rem;}
	.puls-con01 {    margin-top: -14rem;}
	.puls-con02 .puls-con02-img img {margin-left: 0;}

	/* ***** EmKit ***** */
	.emkit-con01 .img-box .emkit-con01-img {margin-left: 0; max-width: 100%;}
	.emkit-con03-img .icon-list span img {width: 90%;}
}
@media all and (max-width:800px){ 
	.service-top-con .tit {font-size: 6rem;}
	.service-top-img {margin-top: 6rem;}
	.service-con-tit {font-size: 3.6rem;}
	.service-con-txt {padding-top: 2rem;}

	.service-point-list li {display: block;}
	.service-point-list li .txt-box {width: 100%; padding-left: 0; padding-top: 2rem;}
	.service-point-list li .icon-box {width: 14rem; height: 14rem;}
	.service-point-list li .icon-box .icon-circle {width: 10rem; height: 10rem;}
	.service-point-list li .icon-box .icon-circle img {height: 40px;}
	/* ***** PMDM ***** */
	.pmdm-con01 {padding: 10rem 0;}
	.pmdm-con01-bg {height: 62rem;}
	.pmdm-con01-top-img { margin: 6.9rem 0 10rem; }
	.pmdm-video-con .video-cover-box .icon {    width: 8rem;height: 8rem;}
	.pmdm-video-con .video-cover-box .icon i {font-size: 4rem;}
	.pmdm-con02-list {margin: -1rem 0;}
	.pmdm-con02-list li {width: 100%; margin: 1rem 0; }
	.pmdm-con02-list li .tit-box {font-size: 2.2rem;}
	.pmdm-con02-list li .txt-box {padding: 2rem 2.5rem 3.5rem;}
	.pmdm-plan-tbl thead th {font-size: 2.5rem;}
	.pmdm-plan-tbl tbody td {padding: 1.5rem 1rem;}

	/* ***** puls ***** */
	.puls-page .service-top-img {margin-top: -5rem;}
	.puls-con01 {margin-top: -10rem;}
	.puls-con01-list {flex-wrap: wrap;}
	.puls-con01-list li {width: 50%; margin-left: 0;}
	.puls-con01-list li .inner-box {padding: 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.puls-con02 {padding: 10rem 0;}
	.puls-con02-img-wrap .img-con {padding: 3.5rem 1rem 3.5rem 2rem;}
	.puls-con02 .service-point-list {padding-top: 7rem;}
	.puls-con03,
	.puls-con04 {padding: 10rem 0;}
	.puls-con03 .puls-tbl-con {padding-top: 6rem;}
	.puls-tbl-con .bbs-list-row .column {padding: 0.5rem 0;}
	.puls-tbl-con .bbs-list-row .column.bbs-inline {border-left: 0; display: flex; margin-right: 0; height: auto; line-height: 1.6;}
	.puls-tbl-con .bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {color: #000; width: 25%;}
	.puls-con04 .puls-tbl-con .bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {width: 35%;}

	/* 페이징 커스텀 */
	.paging-current-wrapper .paging {padding-right: 0;}
	.paging-current-wrapper .paging a {width: 35px; height: 35px; line-height: 35px; font-size: 13px;}
	.paging-current-wrapper .current-num-box input, .paging-current-wrapper .current-num-box span {font-size: 13px;}
	.paging-current-wrapper .current-num-box input {width: 35px; height: 35px;}

	/* ***** EmKit ***** */
	.emkit-con01 {padding: 5rem 0 10rem;}
	.emkit-con01 .img-box {padding: 4rem 3rem;}
	.emkit-con02 {padding: 15.45% var(--area-padding);}
	.emkit-con03 {padding-top: 10rem;}
	.emkit-con03 .service-con-txt {margin-bottom: 5rem;}

	/* .emkit-con03-img {height: 46rem;}
	.emkit-con03-img .bg {height: 60rem;}
	.emkit-con03-img .icon-list span img {width: 70%;}
	.emkit-con03-img .icon-list .icon01 {margin-left: -19rem; margin-top: -20rem;}
	.emkit-con03-img .icon-list .icon02 {margin-left: -30rem; margin-top: -9rem;}
	.emkit-con03-img .icon-list .icon03 {margin-left: -18rem; margin-top: 7rem;}
	.emkit-con03-img .icon-list .icon04 {margin-left: 11rem;margin-top: -26rem;}
	.emkit-con03-img .icon-list .icon05 { margin-left: 14rem;} */
}
@media all and (max-width:480px){ 
	.puls-con01-list li {width: 100%;}
	.puls-tbl-con .bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before, 
	.puls-con04 .puls-tbl-con .bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {width: 40%;}

/* 	.emkit-con03-img .icon-list span img {width: 60%;}
	.emkit-con03-img .icon-list .icon01 {margin-left: -17rem; margin-top: -20rem;}
	.emkit-con03-img .icon-list .icon02 {margin-left: -22rem; margin-top: -9rem;}
	.emkit-con03-img .icon-list .icon03 {margin-left: -18rem; margin-top: 6rem;}
	.emkit-con03-img .icon-list .icon04 {margin-left: 9rem;margin-top: -18rem;}
	.emkit-con03-img .icon-list .icon05 { margin-left: 4rem; margin-top: -2rem; text-align: center;} */
}


/* ******************  04. Support ********************** */
.sub-support-wrapper{display: flex;}
.sub-support-item{width: 33.33%;}
.sub-support-item a{position: relative; width: 100%; height: 0; padding-top: 156.25%; display: block; overflow: hidden;}
.sub-support-item a:after {position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #000; transform: translateY(0); transition: all 1.4s ease-in-out;}
.sub-support-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub-support-bg:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/content/support_intro_cover.png') center/cover no-repeat; content: '';}
.sub-support-txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 1rem; padding-bottom: 14rem; /* padding-bottom: 7.2917vw; */ box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; transition: var(--transition-custom); transition-property: padding-bottom;}
.sub-support-txt h5{font-size: 5.2rem; /* font-size: 2.7083vw; */ line-height: 1.2; letter-spacing: -0.03em; font-weight: 500; color: #fff;}
.sub-support-txt p{margin-top: 1.5rem; font-size: 1.8rem; /* font-size: 0.9375vw; */ line-height: 1.5; letter-spacing: -0.02em; font-weight: 500; color: rgba(255,255,255,0.5);}
.sub-support-txt img{position: absolute; bottom: 8rem; left: 50%; height: 2.8rem; /* height: 1.4583vw; */ transform: translateX(-50%); opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.sub-support-item.animated a:after {transform: translateY(-100%);}

@media all and (min-width:801px){
	.sub-support-item:nth-child(1) a:after{transition-delay: 0.1s;}
	.sub-support-item:nth-child(2) a:after{transition-delay: 0.25s;}
	.sub-support-item:nth-child(3) a:after{transition-delay: 0.4s;}
	.sub-support-item a:hover .sub-support-txt{padding-bottom: 19rem; /* padding-bottom: 9.8958vw; */}
	.sub-support-item a:hover .sub-support-txt img{opacity: 1;}
}
@media all and (max-width:800px){ 
	.sub-support-wrapper{display: block;}
	.sub-support-item{width: 100%;}
	.sub-support-txt{padding: 0 1rem; padding-bottom: 14rem;}
	.sub-support-txt h5{font-size: 5.2rem; line-height: 1.2;}
	.sub-support-txt p{margin-top: 1.5rem; font-size: 1.8rem; line-height: 1.5;}
	.sub-support-txt img{bottom: 8rem; height: 2.8rem; opacity: 1;}
}



/* ******************  05. About Us ********************** */
/* ***** Our Partners ***** */
.partners-con01 .intro-tit-box {margin-bottom: 7rem;}
.partners-con01 .intro-tit-box .txt {font-size: 2rem;}
.partners-list {display: flex; flex-wrap: wrap; margin: -1rem -1.5rem;}
.partners-list li { width: calc(33.33% - 3rem); margin: 1rem 1.5rem; height: 22rem;}
.partners-list li:nth-child(3n+2) {transition-delay: 0.2s !important;}
.partners-list li:nth-child(3n+3) {transition-delay: 0.4s !important;}

.partners-list.animated li {opacity: 1; transform: translateY(0); }

.partners-item-inner{position: relative; width: 100%; height: 100%;}
.partners-item-inner .logo-box{position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 1.5rem; background: #F3F3F3; padding: 3rem; transition: all 0.4s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.partners-item-inner:hover .logo-box {box-shadow: 0px 3px 6px #0000001A;}
.partners-item-inner .logo-box span img,
.partners-item-inner .logo-box span svg{max-width: 100%;}
.partners-item-inner .link-btn {position: absolute; top: 2rem; right: 2rem; width: 4rem; height: 4rem; border-radius: 4rem; display: flex; align-items: center; justify-content: center; background: #fff; z-index: 1; font-size: 1.8rem; color: rgba(0,0,0,0.7); transition: box-shadow 0.2s;}
@media all and ( min-width: 1281px ){
	.partners-item-inner .link-btn:hover i{animation: navani 0.4s ease-in-out;}
}
.partners-con02 {padding: 16rem 0;}
.partners-con02 .intro-tit-box {position: relative; display: flex; text-align: left; z-index: 10;}
.partners-con02 .intro-tit-box .tit {width: 50%; padding-right: 6rem; letter-spacing: -0.025em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.partners-con02 .intro-tit-box .txt {width: 50%; font-size: 2rem; margin-top: 0;}
.partners-global-con {position: relative; margin-top: -9rem; padding: 0 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.partners-map-con {position: relative;}
.partners-map-con .partners-nation-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.partners-map-con .partners-nation-box .head-office-circle {position: absolute;top: 50%; left: 50%;  margin-top: -9.1rem; margin-left: -25.2rem; width: 3rem;}
.partners-map-con .partners-nation-box .head-office-circle em {width: 3rem; height: 3rem; border-radius: 3rem; display: flex; align-items: center; justify-content: center; background: rgba(237, 28, 36, 0.1);}
.partners-map-con .partners-nation-box .head-office-circle em i {width: 1rem; height: 1rem; border-radius: 1rem; background: #ED1C24;}
.partners-map-con .partners-nation-box .head-office-circle span {border:1px solid rgba(237, 28, 36, 0.25) ;border-radius: 50%; animation-fill-mode: both; position: absolute; top: 50%; left: 50%; margin-left: -17.5rem; margin-top: -17.5rem; opacity: 0; width: 35rem; height: 35rem; animation: nation-circle 5s cubic-bezier(1, 2, 0.66, 3) infinite;}
.partners-map-con .partners-nation-box .head-office-circle span:nth-child(2) {animation-delay: 1s;}
.partners-map-con .partners-nation-box .head-office-circle span:nth-child(3) {animation-delay: 2s;}
.partners-map-con .partners-nation-box .head-office-circle span:nth-child(4) {animation-delay:3s;}
.partners-map-con .partners-nation-box .head-office-circle span:nth-child(5) {animation-delay:4s;}
.partners-map-con .partners-nation-box .head-office-circle span:nth-child(6) {animation-delay:5s;}
@keyframes nation-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}
.partners-map-bg-img .nation-circle {transition:var(--transition-custom2); opacity: 0; y: 12px;}
.partners-map-bg-img #nation-circle-01 {transition-delay:0.6s}
.partners-map-bg-img #nation-circle-10 {transition-delay:0.63s}
.partners-map-bg-img #nation-circle-20 {transition-delay:0.66s}
.partners-map-bg-img #nation-circle-30 {transition-delay:0.72s}
.partners-map-bg-img #nation-circle-40 {transition-delay:0.75s}
.partners-map-bg-img #nation-circle-50 {transition-delay:0.78s}
.partners-map-bg-img #nation-circle-02 {transition-delay:0.81s}
.partners-map-bg-img #nation-circle-12 {transition-delay:0.84s}
.partners-map-bg-img #nation-circle-22 {transition-delay:0.87s}
.partners-map-bg-img #nation-circle-32 {transition-delay:0.90s}
.partners-map-bg-img #nation-circle-42 {transition-delay:0.93s}
.partners-map-bg-img #nation-circle-03 {transition-delay:0.96s}
.partners-map-bg-img #nation-circle-13 {transition-delay:0.99s}
.partners-map-bg-img #nation-circle-23 {transition-delay:1.12s}
.partners-map-bg-img #nation-circle-33 {transition-delay:1.15s}
.partners-map-bg-img #nation-circle-43 {transition-delay:1.18s}
.partners-map-bg-img #nation-circle-04 {transition-delay:1.21s}
.partners-map-bg-img #nation-circle-14 {transition-delay:1.24s}
.partners-map-bg-img #nation-circle-24 {transition-delay:1.27s}
.partners-map-bg-img #nation-circle-34 {transition-delay:1.3s}
.partners-map-bg-img #nation-circle-44 {transition-delay:1.33s}
.partners-map-bg-img #nation-circle-05 {transition-delay:1.36s}
.partners-map-bg-img #nation-circle-15 {transition-delay:1.39s}
.partners-map-bg-img #nation-circle-25 {transition-delay:1.42s}
.partners-map-bg-img #nation-circle-35 {transition-delay:1.45s}
.partners-map-bg-img #nation-circle-45 {transition-delay:1.48s}
.partners-map-bg-img #nation-circle-06 {transition-delay:1.51s}
.partners-map-bg-img #nation-circle-16 {transition-delay:1.54s}
.partners-map-bg-img #nation-circle-26 {transition-delay:1.57s}
.partners-map-bg-img #nation-circle-36 {transition-delay:1.6s}
.partners-map-bg-img #nation-circle-46 {transition-delay:1.63s}
.partners-map-bg-img #nation-circle-07 {transition-delay:1.66s}
.partners-map-bg-img #nation-circle-17 {transition-delay:1.69s}
.partners-map-bg-img #nation-circle-27 {transition-delay:1.72s}
.partners-map-bg-img #nation-circle-37 {transition-delay:1.75s}
.partners-map-bg-img #nation-circle-47 {transition-delay:1.78s}
.partners-map-bg-img #nation-circle-08 {transition-delay:1.81s}
.partners-map-bg-img #nation-circle-18 {transition-delay:1.84s}
.partners-map-bg-img #nation-circle-28 {transition-delay:1.87s}
.partners-map-bg-img #nation-circle-38 {transition-delay:1.9s}
.partners-map-bg-img #nation-circle-48 {transition-delay:1.93s}
.partners-map-bg-img #nation-circle-09 {transition-delay:1.96s}
.partners-map-bg-img #nation-circle-19 {transition-delay:1.99s}
.partners-map-bg-img #nation-circle-29 {transition-delay:2.02s}
.partners-map-bg-img #nation-circle-39 {transition-delay:2.05s}
.partners-map-bg-img #nation-circle-49 {transition-delay:2.08s}
.partners-map-bg-img #nation-circle-11 {transition-delay:2.11s}
.partners-map-bg-img #nation-circle-21 {transition-delay:2.14s}
.partners-map-bg-img #nation-circle-31 {transition-delay:2.17s}
.partners-map-bg-img #nation-circle-41 {transition-delay:2.2s}
/* animation */
.partners-global-con.animated .partners-map-bg-img .nation-circle {opacity: 1; y: 0;}

.partners-info-box {position: absolute; top: 50%; left: 50%; display: flex; justify-content: end; width: 100%; max-width: var(--area-width); transform: translateX(-50%); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.partners-info-list { display: flex; flex-wrap: wrap; width: 50%;}
.partners-info-list li:nth-child(2) {width: 20.5rem;}
.partners-info-list li:first-child {width: 100%; margin-bottom: 6rem;}

.partners-info-list li strong {font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.875; color: var(--main-color);}
.partners-info-list li .number {font-size: 10rem; letter-spacing: -0.025em; color: #000; font-weight: 200; line-height: 1;}

/* .partners-info-list li .count-num-box{display:flex; align-items:center;  font-size:3rem}
.partners-info-list li .count-num-item-wrap{height:3.333em; overflow:hidden;}
.partners-info-list li .count-num-item-wrap:not(:first-child) {margin-left: -3rem;}
.partners-info-list li .count-num-item-wrap .count-num-item-box{height:33.33em; }
.partners-info-list li .count-num-item-wrap .count-num-item-box .count-num-item {text-align: left;letter-spacing: -1.1em; line-height: 1em; font-size: 10rem; color:#000000; font-weight:200; width: auto;}

active
.partners-info-list.animated li .count-num-item-box{animation:count-up-ani 4s forwards;}
.partners-info-list.animated li .count-num-item-box.down {animation:count-down-ani 4s forwards;}

@keyframes count-up-ani {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -96%, 0);
    }
}
@keyframes count-down-ani {
    0% {
        transform: translate3d(0, -90%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}   */

@media all and (max-width:800px){ 
	.partners-list {margin: -1rem;}
	.partners-list li {width: calc(50% - 2rem); margin: 1rem;}
	.partners-list li:nth-child(3n+2) {transition-delay: 0s !important;}
	.partners-list li:nth-child(3n+3) {transition-delay: 0s !important;}

	.partners-list li:nth-child(even) {transition-delay: 0.4s !important;}

	.partners-con02 {padding: 12rem 0 16rem;}
	.partners-con02 .intro-tit-box {display: block;}
	.partners-con02 .intro-tit-box .tit {width: 100%; padding-right: 0;}
	.partners-con02 .intro-tit-box .txt {width: 100%; margin-top: 3rem;}

	.partners-global-con {margin-top: 0; padding: 0 var(--area-padding);}
	.partners-info-box {}
	.partners-info-list {width: 60%; justify-content: start;}
	.partners-info-list li:first-child {width: 100%; margin-bottom: 3rem; margin-right: 3rem;}
	.partners-info-list li:nth-child(2) {width: 14rem;}
	.partners-info-list li strong {font-size: 1.4rem;}
	.partners-info-list li .number {font-size: 6rem;}

	/* .partners-info-list li .count-num-item-wrap { height: 2em;}
	.partners-info-list li .count-num-item-wrap .count-num-item-box {height: 20em;}
	.partners-info-list li .count-num-item-wrap .count-num-item-box .count-num-item {font-size: 6rem; letter-spacing: 0;}
	@keyframes count-up-ani {
		0% {
			transform: translate3d(0, 0, 0);
		}
		100% {
			transform: translate3d(0, -95%, 0);
		}
	} */
}
@media all and (max-width:480px){ 
	.partners-info-list {width: 100%;  justify-content: center;}
	.partners-info-list li:first-child  {width: auto;}
	.partners-info-list li:nth-child(2) {width: 10rem;}

	/* .ios-os .partners-info-list li .count-num-item-wrap .count-num-item-box {position: relative; top: 6.5px;}
	.ios-os .partners-info-list li .count-num-item-wrap .count-num-item-box.down .count-num-item {position: relative; top: -6.5px;} */
}


/* ******************  04. Contact us ********************** */
/* -------- Online Inquiry  -------- */
.online-inquiry-con .main-now-left{width: calc(100% - 64rem); max-width: 46rem; padding-right: 2rem; box-sizing: border-box; text-align: left;}
.online-inquiry-con .main-now-left-inner{padding-top: calc(var(--sub-menu-height) + 2rem);}
.online-inquiry-con .main-tit-box {position: relative; text-align: left; opacity: 1; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); transition: var(--transition-custom2); transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; pointer-events: none; will-change: transform; will-change: opacity;}
.online-inquiry-con .main-now-left.animated .main-tit-box{opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto;}
.online-inquiry-con .main-tit-box .main-sub-tit {color: #000;}
.online-inquiry-con .main-tech-support-btn .txt{font-weight: 600;}
.online-inquiry-con .main-tech-support-txt {color: rgba(0,0,0,0.5); font-weight: 500;}
.online-inquiry-con .main-now-right{padding-top: 0;}
.online-inquiry-con .main-now-container{padding-top: calc(var(--sub-menu-height) + 2rem);}
.online-inquiry-con .main-now-info-txt {color: #000;}
.online-inquiry-con .main-now-item:before {background: #EEEEEE; backdrop-filter: blur(0);}
.online-inquiry-con .fakeform-selectbox .select-title {color: #000; background-color: #EEEEEE; backdrop-filter: blur(0);}
.online-inquiry-con .fakeform-selectbox .select-title:after {color: #000;}
.online-inquiry-con .main-now-item .form-label {color: #000;}
.online-inquiry-con .main-now-item input, 
.online-inquiry-con .main-now-item textarea {color: #000; background-color: #EEEEEE; backdrop-filter: blur(0)}
.online-inquiry-con .main-now-item input::placeholder,
.online-inquiry-con  .main-now-item textarea::placeholder{color: rgba(0,0,0,0.3);}
.online-inquiry-con .main-now-item.focus input,
.online-inquiry-con .main-now-item.focus textarea{outline-color: #000;}
.online-inquiry-con .main-now-item.error input,
.online-inquiry-con .main-now-item.error textarea{outline-color: var(--main-color);}
.online-inquiry-con .phone-form-box { background-color: #EEEEEE; backdrop-filter: blur(0);}
.online-inquiry-con .phone-form-box .hypen {color: #000;}
.online-inquiry-con .security-code-box .security-code {color: #000; font-weight: 600;}
.online-inquiry-con .main-now-agree .agree-txt {color: #000;}
.online-inquiry-con .main-now-agree ul li .agree-txt label ,
.online-inquiry-con .main-now-agree ul li a {color:rgba(0, 0, 0, 0.5); border-bottom-color:rgba(0, 0, 0, 0.5);}
.online-inquiry-con .main-now-agree .agree-txt input:checked + label:before ,
.online-inquiry-con .main-now-agree ul li a:hover {color: #000;}
.online-inquiry-con .main-now-btn{border-top-color: #EEEEEE;}
.online-inquiry-con .main-now-btn .btn{width: 24rem; background-color: #000; color: #fff; border-color: #000;}
.online-inquiry-con .main-now-item.focus .phone-form-box {outline-color: #000;}
.online-inquiry-con .phone-form-box .fakeform-selectbox .select-title.active {border-color: transparent;}
.online-inquiry-con .main-now-item.error .phone-form-box{outline-color: var(--main-color);}
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title.active,
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title{border-color: transparent;}

@media (hover: hover) and (min-width:801px) {
	.online-inquiry-con .main-tech-support-btn.cm-fill-ani-JS:hover{border-color: #000;}
	.online-inquiry-con .main-tech-support-btn.cm-fill-ani-JS:hover .txt{color: #000;}
	.online-inquiry-con .main-now-btn .btn.cm-fill-ani-JS:hover .txt{color: #000;}
}

@media all and (max-width:800px){
	.online-inquiry-con .main-now-left{width: 100%; max-width: none; padding-right: 0;}
	.online-inquiry-con .main-now-left-inner{padding-top: calc(var(--sub-menu-height) + 2rem);}
	.online-inquiry-con .main-now-btn .btn{width: 100%;}
	.online-inquiry-con .main-now-container{padding-top: 0;}
}

/* -------- Global Location  -------- */
.global-location-wrapper{}
.global-location-list{}
.global-location-item{margin-bottom:4rem; position:relative; border:0.2rem solid #F5F5F5; border-radius: 2rem; cursor:pointer; word-break:keep-all; box-sizing: border-box; overflow: hidden; transition:var(--transition-custom); transition-property: border-color;}
.global-location-top{position: relative; padding: 6rem calc(6.06% + 26rem) 6rem 6.06%; background-color: #F5F5F5; transition:var(--transition-custom); transition-property: background-color;}
.global-location-top .category{font-size: 1.6rem; line-height: 1.2; font-weight: 500; color: var(--main-color);}
.global-location-top .tit{margin-top: 1rem; font-size: 4rem; line-height: 1.1; letter-spacing: -0.02em; color: #000; font-weight: 700;}
.global-location-top .info{margin-top: 2.4rem; display: flex; flex-wrap:wrap;}
.global-location-top .info + .info{margin-top: 1rem;}
.global-location-top .info dt, .global-location-top .info dd{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; color: #000;}
.global-location-top .info dt{width: 12.5rem;}
.global-location-top .info dd{width: calc(100% - 12.5rem);}
.global-location-top .btn{position: absolute; top: 50%; right: 6.06%; transform: translateY(-50%); padding: 0 3rem; width: 24rem; height: 6rem; font-size: 1.6rem; letter-spacing: -0.05em; font-weight: 500; color: var(--main-color); border: 0.2rem solid var(--main-color); border-radius: 6rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition:var(--transition-custom);}
.global-location-top .btn i{font-size: 2.4rem;}
.global-location-bottom{display: none;}
.global-location-bottom .agency-map-con{position: relative; width: 100%; height: 36rem;}
.global-location-bottom .agency-map-con iframe{position: absolute; top: 0; left: 0; width:100%; height:100%;}
.global-location-top:hover .btn{background-color: var(--main-color); color: #fff;}

/* open */
.global-location-item.open{border-color: var(--main-color);}
.global-location-item.open .global-location-top{background-color: #fff;}
.global-location-item.open .global-location-top .btn{background-color: var(--main-color); color: #fff;}

@media all and (max-width:800px){
	.global-location-item{margin-bottom:4rem; border-radius: 2rem;}
	.global-location-top{padding: 5rem 3rem;}
	.global-location-top .category{font-size: 1.6rem; line-height: 1.2;}
	.global-location-top .tit{margin-top: 1rem; font-size: 3.6rem; line-height: 1.1;}
	.global-location-top .info{margin-top: 2.4rem;}
	.global-location-top .info + .info{margin-top: 1.5rem;}
	.global-location-top .info dt, .global-location-top .info dd{font-size: 1.6rem; line-height: 1.3;}
	.global-location-top .info dt{width: 8rem; font-weight: 600; width: 100%;}
	.global-location-top .info dd{margin-top: 0.5rem; width: calc(100% - 8rem); width: 100%;}
	.global-location-top .btn{position: static; margin-top: 5rem; transform: translateY(0); padding: 0 2rem; width: 22rem; height: 5.5rem; font-size: 1.6rem;}
	.global-location-top .btn i{font-size: 2.4rem;}
	.global-location-bottom .agency-map-con{height: 30rem;}
}


/* ******************  05. About us ********************** */
/* -------- About Point Mobile  -------- */
.intro-con01{padding: 20rem 0;}
.intro-tit-box {text-align: center;}
.intro-tit-box .tit {font-size: 5rem; font-weight: 800; letter-spacing: -0.01em; line-height: 1.4; color: #000;}
.intro-tit-box .tit span {color: #C5151C;}
.intro-tit-box .txt {margin-top: 4rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.77; color: rgba(0,0,0,0.5);}

.intro-con01-container-m{display: none;}
.intro-con01-container-m,
.intro-con01-container-pc{margin-top: 15rem;}
.intro-con01-wapper{position: relative; /* width:51.32%; */}
.intro-con01-list{display: flex; flex-wrap: nowrap; width:calc(100% + 3rem);}
.intro-con01-item{position: relative; width:calc(50% - 3rem); margin-right: 3rem;}
.intro-con01-inner{display: block; width: 100%; position: relative;}
.intro-con01-bg{position: relative; width: 100%; height:0; padding-top:130.95%; border-radius:2rem; overflow:hidden;}
.intro-con01-txt{position: absolute; bottom: 9%; left: 11%; right: 11%; font-size:2rem; line-height:1.3; letter-spacing: -0.02em; color:#fff; font-weight:600;}
.intro-con01-wrapper .swiper-scrollbar{display: none;}

@keyframes textLoopL {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}
@keyframes zigzag {
  0%, 100% { transform: translateY(4rem); }
  50% { transform: translateY(-4rem); }
}
@keyframes zigzag-reverse {
  0%, 100% { transform: translateY(-4rem); }
  50% { transform: translateY(4rem); }
}

@media all and (min-width:801px){
	.intro-con01-container-pc .intro-con01-wrapper{display: flex; white-space: nowrap;}
	.intro-con01-container-pc .intro-con01-list{width: auto;}
	.intro-con01-container-pc .intro-con01-item{margin-right: 3rem; width: 42rem;}
	.intro-con01-list-Ani{animation: textLoopL 30s linear infinite;}
	.intro-con01-item:nth-child(odd) .intro-con01-inner{animation: zigzag 6s infinite ease-in-out;}
	.intro-con01-item:nth-child(even) .intro-con01-inner{animation: zigzag-reverse 6s infinite ease-in-out;}
}

.intro-con02{min-height: 110rem; padding: 20rem 0; box-sizing: border-box;}
.intro-con02 .intro-tit-box{text-align: left;}
.intro-con02 .intro-tit-box .tit{font-size: 4rem; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700;}
.intro-con02 .intro-tit-box .txt{width: 70%;}

.intro-con03{padding: 14rem 0; background-color: #F5F5F5;}
.intro-con03 .area{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.intro-con03 .intro-tit-box{text-align: left; width: 40%;}
.intro-con03 .intro-tit-box .tit{font-size: 4rem; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700;}

.intro-con03-wrapper{width: 50%;}
.intro-con03-list{margin: 0 -1rem; display: flex; flex-wrap:wrap;}
.intro-con03-item{margin: 6rem 1rem 0; width: calc(50% - 2rem);}
.intro-con03-item + .intro-con03-item{margin-top: 0;}
.intro-con03-item span{width: 100%; height: 0; padding-top: 100%; border-radius: 1rem; display: block; position: relative; background-color: #fff;}
.intro-con03-item span svg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.intro-con03-item .svg1 svg{max-width: 9.6rem; width: 30%;}
.intro-con03-item .svg2 svg{max-width: 18.8rem; width: 58.75%;}

.intro-con04{padding: 20rem 0;}
.intro-con04 .intro-tit-box{text-align: left; position: relative; padding-right: 10rem;}
.intro-con04 .intro-tit-box .tit{font-size: 4rem; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700;}
.intro-con04 .intro-tit-box .txt{margin-top: 6rem;}
.intro-con04-control{position: absolute; bottom: 6rem; right: 0; display: flex; align-items: center; justify-content: flex-end;}
.intro-con04-control button{font-size: 4rem; color: #000;}
.intro-con04-control button + button{margin-left: 2.4rem;}
.intro-con04-control button i{opacity: 1; transition:var(--transition-custom); transition-property: opacity;}
.intro-con04-control button.swiper-button-disabled i{opacity: 0.2;}
.intro-con04-bottom{margin-top: 10rem; position: relative;}
.intro-con04-bottom:before{position: absolute; top: calc(20% + 12rem); width: 100%; height: 2px; content: '';/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+50,e5e5e5+100 */ background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,1) 50%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.intro-con04-container{width: 895px; width: 67.8%;}
.intro-con04-wrapper{}
.intro-con04-list{align-items: flex-start;}
.intro-con04-item{}
.intro-con04-inner{display: flex; align-items: flex-start;}
.intro-con04-img{width: 42.5rem; width: 47.48%;}
.intro-con04-img span{display: block; position: relative; width: 100%; height: 0; padding-top: 100%;}
.intro-con04-txt{width: 47rem; padding: 6rem 1rem 0 5.5%; width: 52.52%; box-sizing: border-box;}
.intro-con04-txt .year{}
.intro-con04-txt .year h5{position: relative; font-size: 9em; letter-spacing: -0.025em; color: #000; display: inline-block;font-weight:500;}
.intro-con04-txt .year h5:before{/* position: absolute; top: 0; right: -1.5rem; width: 0.8rem; height: 0.8rem; background-color: var(--main-color); content: ''; border-radius: 100%; */}
.intro-con04-txt .info{margin-top: 9rem;}
.intro-con04-txt .info li{font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.02em; color: rgba(0,0,0,0.5);}
.intro-con04-txt .info li + li{margin-top: 1rem;}

@media all and (max-width:1280px){
	.intro-con01-list{width:calc(50% - 3rem); margin-right: 3rem;}
	.intro-con01-item{width:calc(50% - 3rem); margin-right: 3rem;}
	.intro-con01-txt{font-size:2rem;}
}
@media all and (max-width:800px){
	.intro-con01{padding: 10rem 0;}
	.intro-tit-box .tit {font-size: 3.8rem; line-height: 1.4;}
	.intro-tit-box .txt {margin-top: 3rem; font-size: 1.8rem; line-height: 1.77;}
	
	.intro-con01-wrapper{max-width:42rem; width:100%; padding-bottom:5rem; position: relative; margin: 0 auto;}
	.intro-con01-list{margin:0;}
	.intro-con01-item{margin:0;}
	.intro-con01-item:nth-child(odd){transform:translateY(0px);}

	.intro-con01-item:nth-child(odd),
	.intro-con01-item{transform:translateY(4rem); transition: var(--transition-custom2); transition-property:transform;}
	.intro-con01-item.swiper-slide-active{transform:translateY(0);}

	.intro-con01-container-pc{display: none;}
	.intro-con01-container-m{display: block;}
	.intro-con01-container-pc,
	.intro-con01-container-m{margin-top: 8rem;}
	.intro-con01-wrapper .swiper-scrollbar{display: none; width: calc(100vw - (2 * var(--area-padding))); background:rgba(112,112,112,0.2);}
	.intro-con01-wrapper .swiper-scrollbar .swiper-scrollbar-drag{background:#707070;}

	.intro-con02{min-height: auto; padding: 0 0 45rem; box-sizing: border-box; background-size: contain !important;}
	.intro-con02 .intro-tit-box{text-align: left;}
	.intro-con02 .intro-tit-box .tit{font-size: 3.6rem; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700;}
	.intro-con02 .intro-tit-box .txt{width: 100%;}

	.intro-con03{padding: 10rem 0;}
	.intro-con03 .area{display: block;}
	.intro-con03 .intro-tit-box{width: 100%;}
	.intro-con03 .intro-tit-box .tit{font-size: 3.6rem; line-height: 1.5;}

	.intro-con03-wrapper{margin-top: 3rem; width: 100%;}
	.intro-con03-list{margin: 0 -1rem;}
	.intro-con03-item{margin: 6rem 1rem 0; width: calc(50% - 2rem);}
	.intro-con03-item + .intro-con03-item{margin-top: 0;}
	.intro-con03-item .svg1 svg{max-width: 9.6rem; width: 30%;}
	.intro-con03-item .svg2 svg{max-width: 18.8rem; width: 58.75%;}
	
	.intro-con04{padding: 10rem 0 15rem;}
	.intro-con04 .intro-tit-box{text-align: left; position: relative; padding-right: 0;}
	.intro-con04 .intro-tit-box .tit{font-size: 3.6rem; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700;}
	.intro-con04 .intro-tit-box .txt{margin-top: 4rem;}
	.intro-con04-control{margin-top: 4rem; position: static; justify-content: center;}
	.intro-con04-control button{font-size: 4rem;}
	.intro-con04-control button + button{margin-left: 2rem;}
	.intro-con04-control button.swiper-button-disabled i{opacity: 0.2;}
	.intro-con04-bottom{margin-top: 5rem;}
	.intro-con04-bottom:before{top: calc(63% + 9.5rem); height: 2px; background:linear-gradient(to right,  rgba(229,229,229,0.2) 0%,rgba(229,229,229,1) 50%,rgba(229,229,229,0.2) 100%); display: none;}
	.intro-con04-container{width: 80%; padding-right: 20%;}
	.intro-con04-item{display: block;}
	.intro-con04-inner{display: block;}
	.intro-con04-img{width: 47.48%; width: 100%;}
	.intro-con04-txt{padding-left: 5.5%; padding-right: 1rem; padding: 3rem 2rem 0; width: 52.52%; width: 100%;}
	.intro-con04-txt .year h5{font-size: 5rem;}
	.intro-con04-txt .year h5:before{right: -1.3rem; width: 0.6rem; height: 0.6rem;}
	.intro-con04-txt .info{margin-top: 5rem; margin-top: 2rem;}
	.intro-con04-txt .info li{font-size: 1.8rem; line-height: 1.3;}
	.intro-con04-txt .info li + li{margin-top: 1rem;}
}
@media all and (max-width:640px){
	.intro-con02{padding: 0 0 35rem;}
}
@media all and (max-width:480px){
	.intro-con01-wrapper{max-width:26rem;}
}


 /* -------- 03 News & Notice -------- */
.sub-news-list {display: flex; flex-wrap: wrap; margin: -2rem -2.5rem;}
/* .sub-news-list {display: flex; flex-wrap: wrap; margin: -2rem -1.5rem;} */
.sub-news-item{width: calc(33.33% - 5rem); margin: 2rem 2.5rem;}
/* .sub-news-item{width: calc(33.33% - 3rem); margin: 2rem 1.5rem;} */
.sub-news-item a {display: block; transition:var(--transition-custom); transition-property: box-shadow;}
.sub-news-img {position: relative; width: 100%; height: 0; padding-top: 56.68%; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box;}
.sub-news-img .img {position: absolute;  top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; transition:var(--transition-custom); transition-property: filter;}
.sub-news-img .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition:var(--transition-custom);}
.sub-news-img .more-btn {position:absolute; left:50%; top:50%; width: 6rem; height: 6rem; font-size: 2.4rem; background: var(--main-color); color:#fff; text-align:center; border-radius:50%; transform:translate(-50%, -50%); display: flex; align-items: center; justify-content: center; opacity:0; z-index:10; transition:var(--transition-custom);}
.sub-news-txt {padding: 2.5rem 3rem 4rem 3rem;/* padding: 4rem; */ box-sizing: border-box; background-color: #F5F5F5;}
.sub-news-txt .category {font-size: 1.5rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.02em; color: var(--main-color); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.sub-news-txt .tit {margin-top: 1.2rem; font-size: 2.2rem; /* margin-top: 2rem; font-size: 2.4rem; */ font-weight: 500; letter-spacing: -0.02em; color: #000; line-height: 1.58; overflow:hidden; height: 3.16em; word-break: break-word; display:block;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub-news-txt .date {padding-top: 1.5rem; /* padding-top: 3.5rem; */ font-size: 1.4rem; font-weight: 400; color: rgba(0,0,0,0.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}

.sub-news-item a:hover {background-color: #fff; box-shadow: 1rem 1rem 4rem rgba(0,0,0,0.15);}
.sub-news-item a:hover .sub-news-img .img{filter: blur(2rem);}
.sub-news-item a:hover .sub-news-img .img span{transform: scale(1.1) rotate(0.002deg);}
.sub-news-item a:hover .sub-news-img .more-btn{opacity:1.0;}


/* events 추가 css */
.events-page .sub-news-item a{position: relative; background-color: #F5F5F5; height: 100%;}
.sub-events-txt{padding: 3rem 3rem 8.0rem; position: relative; box-sizing: border-box; background-color: #F5F5F5;}
/* .sub-events-txt{padding: 4rem 4rem 11.5rem; position: relative; box-sizing: border-box; background-color: #F5F5F5;} */
.sub-events-txt .tit {font-size: 2.2rem; /* font-size: 3rem; */ font-weight: 600; letter-spacing: -0.02em; color: #000; line-height: 1.2; overflow:hidden; max-height: 2.4em; word-break: break-word; display:block;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub-events-txt .info{margin-top: 2.2rem; /* margin-top: 2.5rem; */ display: flex; flex-wrap:wrap;}
.sub-events-txt .info + .info{margin-top: 1.0rem;}
.sub-events-txt .info dt,
.sub-events-txt .info dd{font-size: 1.5rem; line-height: 1.3; color: rgba(0,0,0,0.5);}
.sub-events-txt .info dt{width: 7.5rem; font-weight: 500;}
.sub-events-txt .info dd{width: calc(100% - 7.5rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub-events-btn{position: absolute; bottom: 3rem; left: 3rem; /* bottom: 4rem; left: 4rem; */ right: 4rem; font-size: 1.4rem; letter-spacing: -0.02em; font-weight: 600; color: #000; display: flex; align-items: center;}
.sub-events-btn i{margin-left: 1rem; font-size: 2.4rem; font-weight: 400;}

.events-page .sub-news-item a:hover {background-color: #F5F5F5;}

@media all and (max-width:800px){
	.sub-news-list {margin: -2rem -1rem;}
	.sub-news-item {width: calc(50% - 2rem); margin: 2rem 1rem;}
	.sub-news-txt  {padding: 4rem;}
	.sub-news-txt .category {font-size: 1.5rem; line-height: 1.3;}
	.sub-news-txt .tit {margin-top: 2rem; font-size: 2.4rem; word-break: break-all;}
	.sub-news-txt .date {padding-top: 3.5rem; font-size: 1.4rem;}

	/* events 추가 css */
	.sub-events-txt{padding: 4rem 4rem 11.5rem;}
	.sub-events-txt .tit {font-size: 3rem; line-height: 1.2; max-height: 2.4em;}
	.sub-events-txt .info{margin-top: 2.5rem;}
	.sub-events-txt .info + .info{margin-top: 0.8rem;}
	.sub-events-txt .info dt,
	.sub-events-txt .info dd{font-size: 1.5rem; line-height: 1.3;}
	.sub-events-txt .info dt{width: 7.5rem;}
	.sub-events-txt .info dd{width: calc(100% - 7.5rem);}
	.sub-events-btn{bottom: 4rem; left: 4rem; right: 4rem; font-size: 1.4rem;}
	.sub-events-btn i{margin-left: 1rem; font-size: 2.4rem;}
}
@media all and (max-width:480px){
	.sub-news-list {margin: -1rem 0;}
	.sub-news-item {width: 100%; margin: 1rem 0;}
}


 /* -------- 05 Success Stories -------- */
.story-page .bbs-top-list-box{margin-bottom: 0;}
.story-page .bbs-bottom-list-box{margin-top: 0;}
.sub-story-wrapper{}
.sub-story-list{}
.sub-story-item{}
.sub-story-item + .sub-story-item{border-top: 1px solid #eee;}
.sub-story-item a{padding: 4rem 0; display: flex; flex-wrap:wrap; align-items: center;}
.sub-story-img {width: 34.84%;}
.sub-story-img-inner{position: relative; width: 100%; height: 0; padding-top: 56.52%; overflow: hidden; border: 1px solid #efefef; box-sizing: border-box;}
.sub-story-img .img {position: absolute;  top: 0; left: 0; width: 100%; height: 100%; display: block; transition:var(--transition-custom); transition-property: filter;}
.sub-story-img .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition:var(--transition-custom);}
.sub-story-img .more-btn {position:absolute; left:50%; top:50%; width: 6rem; height: 6rem; font-size: 2.4rem; background: var(--main-color); color:#fff; text-align:center; border-radius:50%; transform:translate(-50%, -50%); display: flex; align-items: center; justify-content: center; opacity:0; z-index:10; transition:var(--transition-custom);}
.sub-story-txt {width: 65.16%; padding-left: 4.54%; box-sizing: border-box;}
.sub-story-txt .logo-img{display: block;}
.sub-story-txt .logo-img img{max-height: 3.4rem;}
.sub-story-txt .tit {margin-top: 2rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.02em; color: #000; line-height: 1.5; overflow:hidden; height: 3em; word-break: break-word; display:block;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub-story-txt .info{margin-top: 2.5rem; display: flex; flex-wrap:wrap;}
.sub-story-txt .info li{margin-right: 0.5rem; margin-bottom: 0.5rem; padding: 0 1rem; min-width: 8rem; font-size: 1.5rem; line-height: 3rem; color: #888888; text-align: center; background-color: #F5F5F5; border-radius: 3rem; box-sizing: border-box;}
.sub-story-txt .btn{margin-top: 2.5rem; font-size: 1.4rem; letter-spacing: -0.02em; font-weight: 600; color: #000; display: flex; align-items: center;}
.sub-story-txt .btn i{margin-left: 1rem; font-size: 2.4rem; font-weight: 400;}

.sub-story-item a:hover .sub-story-img .img{filter: blur(2rem);}
.sub-story-item a:hover .sub-story-img .img span{transform: scale(1.1) rotate(0.002deg);}
.sub-story-item a:hover .sub-story-img .more-btn{opacity:1.0;}

@media all and (max-width:800px){
	.sub-story-item a{padding: 4rem 0;}
	.sub-story-img {width: 100%;}
	.sub-story-img .more-btn {width: 6rem; height: 6rem; font-size: 2.4rem;}
	.sub-story-txt {padding-top: 4rem; width: 100%; padding-left: 0;}
	.sub-story-txt .logo-img img{max-height: 3.4rem;}
	.sub-story-txt .tit {margin-top: 2rem; font-size: 2.4rem; line-height: 1.5; height: 3em;}
	.sub-story-txt .info{margin-top: 2.5rem;}
	.sub-story-txt .info li{margin-right: 0.5rem; margin-bottom: 0.5rem; padding: 0 1rem; min-width: 8rem; font-size: 1.5rem; line-height: 3rem;}
	.sub-story-txt .btn{margin-top: 2.5rem; font-size: 1.4rem;}
	.sub-story-txt .btn i{margin-left: 1rem; font-size: 2.4rem;}
}


/* 파트너 팝업 :: 250207 YJ */
.partners-popup {font-family:var(--font-family2); margin: 13rem auto;}
.popup-inner-contents {background-color:#fff; border-radius:0 0 30px 30px; padding: 0 6rem 6rem;}
.popup-inner-con .txt-box {margin-top: 3rem;}
.popup-inner-con .txt-box .tit {display:inline-block; font-size:2rem; letter-spacing:-0.01em; line-height:1.4; font-weight: 700; color: #000; margin-bottom: 1rem;}
.popup-inner-con .txt-box .txt {font-size:1.6rem; letter-spacing:-0.02em; line-height:1.75em; font-weight: 500; color: rgba(0,0,0,0.5);}
/* 타이틀 박스, 닫기버튼 */
.pop-title-box {position: relative; height: 6rem; line-height:6rem; background: #000; border-radius:30px 30px 0 0; text-align:center; color: #fff; font-size:2rem; letter-spacing:-0.01em; font-weight: 700;}
.pop-title-box .close-btn {position:absolute; right: 2rem; top: 1.8rem;}
.pop-title-box .close-btn i {font-size:2.4rem; color: #fff;}
.title-logo {padding: 6rem 0; text-align:center;}
.title-logo img {max-width:100%;}
/* 통이미지 */
.img-box {margin-bottom: 3.5rem; text-align:center;}
.img-box img {max-width:100%;}
/* 컨텐츠 타이틀 */
.con-tit-box {border-radius:10px; color: #fff; font-size:2.4rem; letter-spacing:-0.01em; line-height:1.666em; font-weight: 700; text-align:center; padding: 2.001rem 0; margin-bottom: 3rem; margin-top: 6rem;}
/* 컨텐츠 리스트 */
.inner-list {margin: 1rem 2rem 3rem;}
.inner-list li {position: relative; font-size:1.6rem; letter-spacing:-0.02em; line-height:1.75em; font-weight: 600; color: #000; padding-left: 0.6rem;}
.inner-list li:before {display: block; content:""; position:absolute; left: 0; top: 1.3rem; width: 2px; height: 2px; background: #000; border-radius:100%;}
/* 버튼 */
.pop-btn-wrap {display:flex; justify-content:center; margin: 8rem auto 0;}
.pop-btn-wrap a {border-radius:30px; display:flex; align-items:center; padding:1.7rem 3rem; background: #EFEFEF; margin-right: 2rem;}
.pop-btn-wrap a em { font-size:1.6rem; color: #000; letter-spacing:-0.02em; line-height:1.25; font-family:var(--font-family1);}
.pop-btn-wrap a i {font-size:2.4rem; color: #000; padding-left: 6.47rem;}
.pop-btn-wrap .link-btn {background: #000; margin-right: 0;}
.pop-btn-wrap .link-btn em {color: #fff;}
.pop-btn-wrap .link-btn i {color: #fff;}

@media all and (max-width:800px){
	.popup-inner-contents {padding: 0 3rem 3rem;}
	.title-logo {padding: 3rem 0;}
}

@media all and (max-width:640px){
	.pop-btn-wrap {flex-direction:column; margin: 6rem auto 0;}
	.pop-btn-wrap a {justify-content: space-between; margin-right: 0;}
	.pop-btn-wrap .link-btn {margin-top: 1rem;}
}

.cm-brochure-wrap{margin-top: 8rem;}
.cm-brochure-btn{margin: 0 auto; padding: 0 4rem; width: 32rem; height: 8rem; font-size: 1.8rem; letter-spacing: -0.02em; font-weight: 600; color: #fff; background-color: #000; border-radius: 4rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.cm-brochure-btn i{font-size: 2.4rem;}
.cm-brochure-wrap.red-ver{margin-top: 6.5rem;}
.cm-brochure-wrap.red-ver .cm-brochure-btn{background-color: var(--main-color);}

@media all and (max-width:800px){
	.cm-brochure-wrap{margin-top: 6rem;}
	.cm-brochure-btn{padding: 0 3rem; width: 26rem; height: 6rem; font-size: 1.8rem;}
	.cm-brochure-btn i{font-size: 2.4rem;}
	.cm-brochure-wrap.red-ver{margin-top: 4rem;}
}

/********** ESG 추가 **********/
.esg-page {padding: 8rem 0 6rem 0;}
.esg-top-cm-box {text-align: center; margin-top: 11.5rem;}
.esg-top-cm-box .esg-top-cm-tit {margin-bottom: 2rem; font-size: 6rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.4; color: #000;}
.esg-top-cm-box .esg-top-cm-txt {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.76; color: rgba(0, 0, 0, 0.5);}

.esg-icon-list-wrap {display: flex; flex-direction: column; gap: 1.5rem 0; margin-top: 5.5rem;}
.esg-icon-list-wrap .esg-icon-list {display: flex; background-color: #F9F9F9; border-radius: 1.5rem; padding: 5rem 6rem; box-sizing: border-box;}
.esg-icon-list-wrap .esg-icon-list .icon-box {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; box-sizing: border-box; border-radius: 50%; background-color: #fff;}
.esg-icon-list-wrap .esg-icon-list .icon-box svg {max-width: 100%; max-height: 100%;}
.esg-icon-list-wrap .esg-icon-list .txt-box {width: calc(100% - 12rem); padding-left: 6rem; box-sizing: border-box;}
.esg-icon-list-tit {margin-bottom: 1.2rem; font-size: 3rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.4; color: #000;}
.esg-icon-list-tit.red {color: #C5151C;}
.esg-icon-list-tit.blue {color: #0054A6;}
.esg-icon-list-tit.green {color: #009F38;}
.esg-icon-list-txt {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.76; color: rgba(0, 0, 0, 0.5);}

.esg-icon-list-wrap.iso-ver .esg-icon-list {align-items: initial; position: relative; padding: 0 4rem 6rem 4rem;}
.esg-icon-list-wrap.iso-ver .esg-icon-list .icon-box {position: relative; background-color: transparent; width: 17.3rem; height: 31.6rem; padding: 0;}
.esg-icon-list-wrap.iso-ver .esg-icon-list .icon-box img {position: absolute; top: 0; max-width: 100%; max-height: 100%;}
.esg-icon-list-wrap.iso-ver .esg-icon-list .txt-box {width: calc(100% - 17.3rem); padding-left: 4.3rem; padding-top: 5.5rem;}

.esg-icon-list-wrap.line-ver {border-top: 1px solid #000; border-bottom: 1px solid #000; gap: 0;}
.esg-icon-list-wrap.line-ver .esg-icon-list {align-items: center; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; padding: 3rem 0;}
.esg-icon-list-wrap.line-ver .esg-icon-list:last-child {border-bottom: none;}
.esg-icon-list-wrap.line-ver .esg-icon-list .icon-box {width: 22rem; height: 22rem; background-color: transparent;}
.esg-icon-list-wrap.line-ver .esg-icon-list .icon-box img {max-width: 100%; max-height: 100%;}
.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box {width: calc(100% - 22rem); padding-left: 2rem;}
.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box.pl-240 {padding-left: 24rem; width: 100%;}
.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box .esg-icon-list-txt {letter-spacing: -0.025em;}

.esg-icon-list-wrap-con {background-color: #F9F9F9; border-radius: 1.5rem; margin-top: 6rem; padding: 4rem 4rem 3.5rem 4rem; box-sizing: border-box;}
.esg-icon-list-wrap.two-ver {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem 8.5rem; margin-top: 3.5rem;}
.esg-icon-list-wrap.two-ver .esg-icon-list {align-items: center; background-color: transparent; padding: 0;}
.esg-icon-list-wrap.two-ver .esg-icon-list .txt-box {padding-left: 2rem;}

.esg-txt-list-wrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 5.5rem;}
.esg-txt-list-wrap .esg-txt-list {display: flex; align-items: center; justify-content: center; background-color: #F9F9F9; border-radius: 1.5rem; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.88; color: rgba(0, 0, 0, 0.5); text-align: center; padding: 3rem; box-sizing: border-box;}

@media all and (max-width:800px) {
	.esg-page {padding: 4rem 0 3rem 0;}
	.esg-top-cm-box {margin-top: 5rem;}
	.esg-top-cm-box .esg-top-cm-tit {font-size: 4.5rem; line-height: 1.2;}

	.esg-icon-list-wrap {margin-top: 3rem;}
	.esg-icon-list-wrap .esg-icon-list {padding: 3rem;}
	.esg-icon-list-wrap .esg-icon-list .icon-box {width: 10rem; height: 10rem;}
	.esg-icon-list-wrap .esg-icon-list .txt-box {width: calc(100% - 10rem); padding-left: 2rem;}
	.esg-icon-list-wrap .esg-icon-list .txt-box .esg-icon-list-tit {font-size: 2.4rem;}

	.esg-icon-list-wrap.iso-ver .esg-icon-list {display: block; padding: 0 3rem 3rem 3rem;}
	.esg-icon-list-wrap.iso-ver .esg-icon-list .txt-box {width: 100%; padding-left: 0; padding-top: 0; margin-top: 3rem;}

	.esg-icon-list-wrap.line-ver .esg-icon-list {padding: 2rem 0;}
	.esg-icon-list-wrap.line-ver .esg-icon-list .icon-box {width: 13rem; height: 13rem;}
	.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box {width: calc(100% - 13rem);}
	.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box.pl-240 {padding-left: 15rem;}

	.esg-txt-list-wrap {grid-template-columns: repeat(1, 1fr); margin-top: 3rem;}
	.esg-icon-list-wrap-con {margin-top: 3rem; padding: 3rem;}
	.esg-icon-list-wrap.two-ver {grid-template-columns: repeat(1, 1fr); gap: 4rem 0;}
}

@media all and (max-width:480px) {
	.esg-icon-list-wrap .esg-icon-list {display: block;}
	.esg-icon-list-wrap .esg-icon-list .txt-box {padding-left: 0; width: 100%; margin-top: 3rem;}

	.esg-icon-list-wrap.line-ver .esg-icon-list .icon-box {width: 22rem; height: 22rem;}
	.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box {width: 100%; padding-left: 0;}
	.esg-icon-list-wrap.line-ver .esg-icon-list .txt-box.pl-240 {padding-left: 0; margin-top: 0;}

	.esg-icon-list-wrap.two-ver .esg-icon-list .txt-box {padding-left: 0;}
}

/********** 25-06-09 커스텀 탭 추가 **********/
.custom-tab-style01 {z-index: 1;}

@media all and (min-width:801px) {
	.custom-tab-style01 {height: 7rem; margin-bottom: 0;}
	.custom-tab-style01 .sub-tab-list-style ul {display: flex; gap: 0 1.333rem;}
	.custom-tab-style01 .sub-tab-list-style ul li {width: 25%; background-color: #F1F1F1; border: none; border-radius: 9rem; transition: var(--transition-custom);}
	.custom-tab-style01 .sub-tab-list-style ul li a {height: 7rem;}
	.custom-tab-style01 .sub-tab-list-style ul li a em {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.4; color: #000; transition: var(--transition-custom);}
	.custom-tab-style01 .sub-tab-list-style ul li.selected {background-color: #D90011;}
	.custom-tab-style01 .sub-tab-list-style ul li.selected a em {color: #fff;}
}

@media all and (max-width:800px) {
	.custom-tab-style01 .sub-drop-open-btn-style {background-color: #D90011;}
	.custom-tab-style01 .sub-drop-menu-style ul li.selected a em {color: #D90011;}
}