@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; max-width: 96rem; height:75px; margin: 0 auto 9rem;}
.sub-tab-list-style {}
.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:33.33%; background-color:#fff; border-bottom: 1px solid #F5F5F5; }
.sub-tab-list-style ul li a{position: relative; display:table; height:74px; width:100%; }
.sub-tab-list-style ul li a:before {position: absolute; content: ''; width: 100%; height: 0.7rem; bottom: 0; left: 50%; width: 0; transform: translateX(-50%); background: var(--main-color); transition:all 0.4s ease-in-out;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#2A2A2A; font-size:2rem; letter-spacing:-0.025em; font-weight: 600; text-align:center;}
.sub-tab-list-style ul li.selected a:before {width: 100%; opacity: 1;}
.sub-tab-list-style ul li a:hover:before {width: 100%;}
.sub-tab-wrapper-style2 {position:relative; height:50px; margin: 0 auto 6rem;}
.sub-tab-list-style2 ul{display:flex; justify-content: center; width:100%; height:100%; margin: 0 -1rem;}
.sub-tab-list-style2 ul li {position:relative; width: calc(50% - 2rem); margin: 0 1rem; max-width: 18.3rem; border-radius: 0.5rem; background-color:#fff; border: 1px solid #C3C3C3; box-sizing: border-box;}
.sub-tab-list-style2 ul li a{position: relative; display:table; height:48px; width:100%; }
.sub-tab-list-style2 ul li a em{display:table-cell; vertical-align:middle; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #3A3A3A; text-align:center;}
.sub-tab-list-style2 ul li.selected {background: var(--main-color);}
.sub-tab-list-style2 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%}
}

/* ****************** 서브 공통 ********************** */
.cm-top-tit {font-size: 7.6rem; font-weight: 700; line-height: 1.1; color: #050505; text-align: center;}
.cm-sub-title{text-align: center;}
.cm-sub-title .txt01{font-size: 2rem; line-height: 1.3; font-weight: 600; color: var(--main-color); letter-spacing: -0.025em;}
.cm-sub-title .txt02{font-size: 4.8rem; line-height: 1.16; letter-spacing: -0.025em; font-weight: 600; color: #050505;}
.cm-sub-title .txt02 b{font-weight: 600; color: var(--main-color);}
.cm-sub-title .txt02.txt-b ,
.cm-sub-title .txt02.txt-b b {font-weight: 700;}
.cm-sub-title .txt01 + .txt02{margin-top: 5.5rem;}
.color-txt {font-weight: 600; color: var(--main-color);}

/* -------- 공통 :: 배경효과 -------- */
.cm-effect-wrap {display: flex; align-items: center; justify-content: center;}
.cm-effect-con {width: 70%; height: 70%; transition: var(--transition-custom3); overflow: hidden; border-radius: 3rem; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1);}
.cm-effect02-wrap {opacity: 0;}
.cm-effect02-con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 70%; transition: var(--transition-custom3); overflow: hidden; border-radius: 3rem; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1); z-index: 1;}
.cm-effect03-wrap {position: relative;}
.cm-effect03-wrap:before {position: absolute; content: ''; width: 70%; height: 70%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: var(--transition-custom3); background: #F5F5F5; z-index: -1; border-radius: 3rem; opacity: 0;}
.cm-effect03-con {position: relative; z-index: 1; opacity: 0; transition: var(--transition-custom3); transition-delay: 0.6s;}
.cm-effect02-wrap.animated {opacity: 1;}
.active .cm-effect-con , 
.cm-effect02-wrap.animated .cm-effect02-con {width: 100%; height: 100%;}
.cm-effect03-wrap.animated:before {opacity: 1; width: 100%; height: 100%;}
.cm-effect03-wrap.animated .cm-effect03-con {opacity: 1;}

.cm-bg-fixed {background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}


/* -------- 공통 :: 버튼효과 -------- */
.cm-fill-btn{position: relative; overflow:hidden; /* transition: var(--transition-custom); */}
.cm-fill-btn span, .cm-fill-btn i {position: relative; z-index:1;}
.cm-fill-btn .cm-fill { position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #c2de2d; transition: width 0.5s ease-out, height 0.5s ease-out; }
.cm-fill-btn:hover .cm-fill{ width: 40vw; height: 40vw; transition: width 0.5s ease-in 0.1s, height 0.5s ease-in 0.1s; }

.cm-btn.cm-fill-btn .cm-fill {background: var(--main-color);}
.news-list-btn.cm-fill-btn .cm-fill {background: var(--main-color);}

/* ****************** 01. Why 덴티움 ********************* */
/* ------- 1. 기업경쟁력 :: Surgery & Digital ------- */
.surgery-digital-top {text-align: center; padding-bottom: 29rem;}
.surgery-digital-top-txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.6; margin-top: 7rem;}
.surgery-digital-top-txt span {color: #0857C3;}
.cm-why-top-img {margin: 7rem 0; border-radius: 1rem;}
.cm-why-top-img img {max-width: 100%;}
.surgery-digital-con01 {padding: 25rem 0; background-image: url(/images/content/surgery_digital_con01_bg.png);}
.surgery-digital-con01 .cm-sub-title .txt02 {color: #fff; line-height: 1.41;}
.surgery-digital-con02 {padding: 30rem 0; background-color: #F5F5F5;}
.sd-concept-list {margin-top: 7rem;}
.sd-concept-list li {display: flex; flex-wrap: wrap; margin-bottom: 10rem; min-height: 53.6rem;}
.sd-concept-list li:last-child {margin-bottom: 0;}
.sd-concept-list li.reverse {flex-direction: row-reverse; }
.sd-concept-list li .img-con {width: 50%;}
.sd-concept-list li .img-con span {position: relative; display: block; width: 100%; height: 100%; border-radius: 1rem 0 0 1rem; overflow: hidden;}
.sd-concept-list li .img-con span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.sd-concept-list li.reverse .img-con span {border-radius: 0 1rem 1rem 0;}
.sd-concept-list li .txt-con {width: 50%; display: flex; align-items: center; padding: 9rem 4rem 8.5rem 11.5rem; -webkit-box-sizing: border-box;-moz-box-sizing:border-box;
box-sizing: border-box; background: #fff; border-radius: 0 1rem 1rem 0;}
.sd-concept-list li.reverse .txt-con {border-radius: 1rem 0 0 1rem;}
.sd-concept-list li .txt-con .tit-box {margin-bottom: 5.5rem;}
.sd-concept-list li .txt-con .tit-box span {display: inline-block; min-width: 11.8rem; text-align: center; border-radius: 3rem; height: 3.1rem; line-height: 3.1rem; font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; background: var(--main-color); margin-bottom: 1.5rem;}
.sd-concept-list li .txt-con .tit-box .tit {font-size: 4.8rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.14; margin-bottom: 0.6rem;} 
.sd-concept-list li .txt-con .tit-box .sub-tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.2;}
.sd-concept-list li .txt-con .tit-box .sub-tit b {font-weight: 600; color: var(--main-color);}
.sd-concept-list li .txt-con dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.2; margin-bottom: 1.5rem;}
.sd-concept-list li .txt-con dl dd .txt {position: relative; padding-left: 1rem; font-size: 1.9rem; font-weight: 400; letter-spacing: -0.02rem; color: #050505; line-height: 1.36; margin-bottom: 0.5rem;}
.sd-concept-list li .txt-con dl dd .txt:last-of-type {margin-bottom: 0;}
.sd-concept-list li .txt-con dl dd .txt:before {position: absolute; content: '·'; left: 0; top: 0;}
.surgery-digital-con03 {padding: 22.5rem 0; text-align: center; background-image: url(/images/content/surgery_digital_con03_bg.png);}
.surgery-digital-con03 .txt {font-size: 2.8rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; line-height: 1.42;}
.surgery-digital-con05 {padding: 26.5rem 0; background-image: url(/images/content/surgery_digital_con05_bg.png);}
.surgery-digital-con05 .inner {display: flex; align-items: center; justify-content: space-between;}
.surgery-digital-con05 .tit {font-size: 6.8rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.29;}
.surgery-digital-con05 .tit b {color: var(--main-color);}
.surgery-digital-con05 .txt-box {font-weight: 700; letter-spacing: -0.025em; color: #7F7F7F;}
.surgery-digital-con05 .txt-box .txt01{font-size: 2.8rem; line-height: 1.3; margin-bottom: 6rem;}
.surgery-digital-con05 .txt-box .txt02 {font-size: 2rem; line-height: 1.6;}

/* ------- 1. 기업경쟁력 :: 장기 임상데이터 ------- */
.clinical-data-con {padding: 30rem 0 22rem;  background: url(/images/content/clinical_data_bg_new.jpg)no-repeat center/cover}
.clinical-data-con .clinical-data-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; line-height: 1.6; text-align: center; padding-bottom: 30rem;}
.clinical-data01 {display: flex; align-items: center; margin-bottom: 30rem;}
.clinical-data01 .img {width: 50%; border-radius: 1rem; overflow: hidden;}
.clinical-data01 .img img {max-width: 100%;}
.clinical-data01 .txt-box {width: 50%; padding: 0 3rem 0 11.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.clinical-data01 .txt-box .txt01.white-txt {margin-top: 5.5rem; color: #fff; line-height: 1.6;}
.clinical-data01 .txt-box .txt02 {line-height: 1.41; color: #fff;}
.clinical-data02 {text-align: center; padding: 0 var(--area-padding); margin-bottom: 17rem;}
.clinical-data02 img {max-width: 100%;}
.clinical-data03 { text-align: center;}
.clinical-data03 .tit {font-size: 6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.13; margin-bottom: 4.5rem;}
.clinical-data03 .tit b {font-weight: 600; font-size: 14rem;}
.clinical-data03 .txt01 {font-size: 4.8rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.41; margin-bottom: 6rem;}
.clinical-data03 .txt01 b {color: var(--main-color);}
.clinical-data03 .txt02 {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color:#8D8D8D; line-height: 1.6;}
.clinical-data03 .tit {font-size: 5rem;}
.clinical-data03 .tit b {font-size: 8rem;}
.clinical-data03 .txt01 {font-size: 4rem;}

/* ------- 1. 기업경쟁력 :: 연구 & 개발 ------- */
.research-con-top {padding: 7rem 0 30rem;}
.research-cm-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.6; padding-top: 6rem;}
.research-cm-txt b {font-weight: 600;}
.research-top-img {position: relative; width: 100%; margin: 7rem 0 0; height: 25rem; background-image: url(/images/content/research_top_img.jpg?ver=250620);  overflow: hidden;}
.research-top-img .inner {width: 100%; height: 100%; max-width: var(--area-width); margin: 0 auto; border-radius: 1rem; ; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1);}
.research-con01 {padding: 26rem 0; background-image: url(/images/content/research_con01_bg.png);}
.research-con01 .txt02 {color: #fff; line-height: 1.41;}
.research-con02 {padding: 30rem 0;}
.research-con02 .cm-sub-title {margin-bottom: 21.5rem;}
.research-con02 .research-con02-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #BFBFBF; line-height: 1.6; padding-top: 6rem;}
.research-process {display: flex; flex-wrap: wrap;}
.research-process li {position: relative; width: 16.66%; border-right: 1px solid rgba(112, 112, 112, 0.17); text-align: center; padding: 1rem 0 5.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transform: translateX(-30px); transition: var(--transition-custom2);}
.research-process li:first-child {border-left:  1px solid rgba(112, 112, 112, 0.17);}
.research-process li:before {position: absolute; content: ''; left: -2.6rem; top: 50%; margin-top: -2.6rem; width: 5.2rem; height: 5.2rem; border-radius: 50%; background: rgba(177, 191, 0, 0.14);}
.research-process li:after {position: absolute; left: -2rem; top: 50%; margin-top: -2rem; content: '\e93f'; font-family: xeicon; width: 4rem; height: 4rem;  border-radius: 50%; background: #B1BF00; text-align: center; line-height: 4rem; font-size: 2.4rem; color: #fff;}
.research-process li:first-child:before,
.research-process li:first-child:after {display: none;}
.research-process li .icon {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border-radius: 2rem; margin: 0 auto 2.5rem; transition: all 0.3s;}
.research-process li .icon .research-process-icon .cls-1 {fill: #000;}
.research-process li .icon .research-process-icon .cls-2 {fill:#b1bf00;}
.research-process li.active .icon {background: #B1BF00; box-shadow: 28px 25px 73px #F8FEB3;}
.research-process li.active .icon .research-process-icon .cls-1 {fill: #fff;}
.research-process li.active .icon .research-process-icon .cls-2 {fill: #fff; opacity: 0.45;}
.research-process li dl dt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.44;}
.research-process li dl dd {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.02em; color: #666666; line-height: 1.375; padding-top: 1rem;}
.research-process.animated li {opacity: 1; transform: translateX(0);}
.research-process li:nth-child(2) {transition-delay: 0.2s;}
.research-process li:nth-child(3) {transition-delay: 0.4s;}
.research-process li:nth-child(4) {transition-delay: 0.6s;}
.research-process li:nth-child(5) {transition-delay: 0.8s;}
.research-process li:nth-child(6) {transition-delay: 1.0s;}


.research-con03 {padding: 24rem 0; background-image: url(/images/content/research_con03_bg.png);}
.research-con03 .research-cm-txt {color: #fff;}
.research-con03 .research-con03-txt {font-size: 1.6rem; font-weight: 300; letter-spacing: -0.025em; color: #838383; line-height: 1.5; padding-top: 5.5rem;}
.research-con04 {padding: 30rem 0;}
.research-con04 .cm-sub-title {margin-bottom: 7rem;}
.research-nation li {border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2.5rem 4rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.research-nation li:first-child {border-top: 1px solid rgba(0,0,0,0.1);}
.research-nation li:nth-child(odd) {background: #F5F5F5;}
.research-nation li dl {display: flex; align-items: center;}
.research-nation li dl dt {width: 18rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; color: #050505; }
.research-nation li dl dt img {margin-right: 1.3rem; margin-top: -0.4rem;}
.research-nation li dl dd {width: calc(100% - 18rem); font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #050505; line-height: 1.16;}

/* ------- 2. 기업 가치 :: 비전 ------- */
.vision-con01 {display: flex; flex-wrap: wrap; margin-top: 7rem;}
.vision-con01 .img-con {width: 50%;}
.vision-con01 .img-con span {position: relative; display: block; width: 100%; height: 0; padding-top: 55.83%;}
.vision-con01 .img-con span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.vision-con01 .txt-con {display: flex; align-items: center; width: 50%; background: #F5F5F5; padding: 0 3rem 0 11.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.vision-con01 .txt-con .txt01 {font-size: 2.8rem; font-weight: 600; letter-spacing: -0.025em; color:#050505; line-height: 1.17;}
.vision-con01 .txt-con .txt02 {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.6; padding-top: 5.5rem;}
.vision-con02 {padding: 30rem 0;}
.vision-con02 .inner {display: flex; align-items: center;}
.vision-con02 .inner .left-con {width: 49.2%;}
.vision-con02 .inner .left-con .cm-sub-title .txt02 {line-height: 1.41;}
.vision-con02 .inner .left-con .vision-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.6; padding-top: 6rem;}

.vision-con02 .inner .right-con {width: 50.8%;}
.vision-goal-list {display: flex;}
.vision-goal-list li {width: 50%;position: relative;}
.vision-goal-list li:first-child {left: 5.4rem; z-index: 1;}
.vision-goal-list li .inner {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; background: var(--main-color);}
.vision-goal-list li .inner dl {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction:column; align-items: center; justify-content: center; text-align: center;}
.vision-goal-list li .inner dl dt {position: relative; font-size: 3.6rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.1; padding-bottom: 2.5rem;}
.vision-goal-list li .inner dl dt:before {position: absolute; content: ''; bottom: -0.5px; left: 50%; width: 16.9rem; height: 1px; transform: translateX(-50%); background: #4D4D4D; }
.vision-goal-list li .inner dl dd {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #000; line-height: 1.33; padding-top: 2.5rem;}
.vision-goal-list li:last-child .inner {background: #4D4D4D;}
.vision-goal-list li:last-child .inner dl dt {color: #fff;}
.vision-goal-list li:last-child .inner dl dt:before {background: #fff;}
.vision-goal-list li:last-child .inner dl dd {color: #fff;}
.vision-con03 {padding: 23rem 0;  background-image: url(/images/content/research_con03_bg.png);}
.vision-con03 .cm-sub-title .txt02 {color: #fff; line-height: 1.41;}
.vision-con03 .vision-con03-txt {font-size: 2rem; font-weight: 300; letter-spacing: -0.025em; color: #fff; line-height: 1.6; padding-top: 5.5rem;}
.vision-con04 {padding: 30rem 0 40rem; position: relative; background: #F5F5F5;}
.vision-con04 .cm-sub-title .txt02 { line-height: 1.41;}
.vision-con04 .bottom-txt {position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); font-size: 20.4rem; font-weight: 500; letter-spacing: -0.025em; white-space:nowrap; color: #EAEAEA;}
.vision-value-con {margin: 20rem 0 30rem; position: relative;}
.vision-value-con:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -0.5px; width: 100%; height: 0; border-bottom:1px dashed #BBBBBB;}
.vision-value-list {display: flex; margin: 0 -4.35rem;}
.vision-value-list li {position: relative; width: calc(33.33% - 8.7rem); margin: 0 4.35rem;}
.vision-value-list li:before {position: absolute; content: '\ea3e'; font-family: xeicon; left: -5.55rem; top: 50%; margin-top: -1.2rem; font-size: 2.4rem; color:#0857C3; z-index: 1;}
.vision-value-list li:first-child:before {display: none;}
.vision-value-list li .inner {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; background: #fff; box-shadow: 0px 0px 40px #0000001A;}
.vision-value-list li dl {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1rem 3rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.vision-value-list li dl dt {font-size: 2.8rem; font-weight: 600; letter-spacing: -0.025em; color: #0074D7; line-height: 1.1;}
.vision-value-list li dl dd {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.55; padding-top: 1.5rem;}
.vision-value-list li:nth-child(2) dl dt {color: #004AB9;}
.vision-value-list li:nth-child(3) dl dt {color: #001995;}
.vision-value-list li:nth-child(3):before {color:#001995;}

/* ------- 2. 기업 가치 :: 브랜드 ------- */
.story-page {background: url(/images/content/story_page_bg.jpg)no-repeat center/cover;}
.story-con-top {position: relative; padding: 26rem 0;}
.story-con-top .top-title {text-align: center; margin-bottom: 15rem;}
.story-con-top .top-title .txt01 {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #FFFFFF; line-height: 1.6; margin-bottom: 2rem;}
.story-con-top .top-title .txt02 {font-size: 6rem; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.1;}
.story-top-img-list {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 2rem; width: 100%;}
.story-top-img-list .list-item {position: relative; overflow:hidden; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; text-align: center;  transform:translateY(30px); opacity:0; transition:var(--transition-custom2);  filter:blur(10px);}
.story-top-img-list .list-item:nth-child(1){grid-row: 1/3; grid-column: 1/2; }
.story-top-img-list .list-item:nth-child(2){grid-row: 1/2; grid-column: 2/3; transition-delay: 0.3s;}
.story-top-img-list .list-item:nth-child(3){grid-row: 2/3; grid-column: 2/3; transition-delay: 0.6s;}
.story-top-img-list .list-item:nth-child(4){grid-row: 3/4; grid-column: 1/2; transition-delay: 0.9s;}
.story-top-img-list .list-item:nth-child(5){grid-row: 3/4; grid-column: 2/3; transition-delay: 1.2s;}
.story-top-img-list .list-item:nth-child(6){grid-row: 4/5; grid-column: 1/3; transition-delay: 1.5s;}
.story-top-img-list.animated .list-item {opacity: 1; transform:translateY(0);  filter:blur(0);}
.story-top-img-list .list-item .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.story-top-img-list .list-item .txt-box {position: relative; padding: 8rem 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 1;}
.story-top-img-list .list-item .txt-box .txt01 {font-size: 4rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; opacity: 0.5; line-height: 1.2; transition: all 0.4s;}
.story-top-img-list .list-item .txt-box .txt02 {font-size: 2.6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; opacity: 0.45; line-height: 1.53; transition: all 0.4s;}
.story-top-img-list .list-item .txt-box .txt03 {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #8D8D8D; opacity: 0.5; line-height: 1.6; padding-top: 4.5rem; transition: all 0.4s;}
.story-top-img-list .list-item .txt-box b {color: var(--main-color);}
.story-top-img-list .list-item:hover .txt-box .txt01,
.story-top-img-list .list-item:hover .txt-box .txt02,
.story-top-img-list .list-item:hover .txt-box .txt03 {opacity: 1;}
.story-con-top .bottom-txt {display: block; position: absolute; left: 0; bottom: -2rem; font-size: 16.5rem; font-weight: 600; letter-spacing: -0.03em; color: #fff; opacity: 0.05; white-space:nowrap;}
.story-txt-con {display: flex;}
.story-txt-con .tit-box {width: 50%; padding: 0 2rem 0 15rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.story-txt-con .tit-box strong {position: relative; padding-left: 2.5rem; display: inline-block; font-size: 7rem; letter-spacing: -0.025em; color: #fff; line-height: 1.22; font-weight: 600;}
.story-txt-con .tit-box strong:before {position: absolute; content: ''; top: 0; left: 0; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; background: var(--main-color); }
.story-txt-con .txt-box {width: 50%; padding-top: 1.5rem;}
.story-txt-con .txt-box .txt01 {font-size: 2.5rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.story-txt-con .txt-box .txt01 b {color: var(--main-color);}
.story-txt-con .txt-box .txt02 {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.025em; color:#6F838A; line-height: 1.76; padding-top: 3.5rem;}
.story-img-banner {position: relative; width: 100%; height: 53.3rem;}
.story-img-banner .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.story-con01 {padding-top:17rem;}
.story-con01 .story-img-banner {margin-top: 20rem; background-image:url(/images/content/story_img01.jpg?ver=250630) ;}
.story-con02 {padding-top: 24.5rem;}
.story-con02 .story-img-banner {margin-top: 24.5rem; background-image:url(/images/content/story_img02.jpg?ver=250630) ;}
.story-con03 {padding-top: 21.5rem;}
.story-con03 .story-img-banner {margin-top: 21.5rem; background-image:url(/images/content/story_img03.jpg?ver=250630) ;}

/* ------- 2. 기업 가치 :: 역사 ------- */
.history-page {padding-bottom: 20rem;}
.history-con-wrap {padding: 10rem 0 0;}
.history-con-progress {position: relative; display: flex; align-items: center;}
.history-con-progress-bar {position: relative; width: calc(100% - 16rem); height: 40px;}
/* .history-con-progress-bar .point {position: absolute; top: 50%; margin-top: -5.5px; left: 0; width: 11px; height: 11px; border-radius: 11px; background: var(--main-color);     z-index: 100;     transition-duration: 1000ms;}
.history-con-progress-bar .point:before {position: absolute; content: ''; width: 39px; height: 39px; border-radius: 39px; top: -14px; left: -14px; background: var(--main-color); opacity: 0.2; z-index: -1;}
.history-con-progress-bar .point-year {position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%); display: block; font-size: 1.7rem; font-weight: 600; line-height: 1.2em; letter-spacing: -0.05em; color: #000} */
/* .history-con-progress-bar .swiper-pagination {height:2px; top:19px; bottom: auto; left: 0; width:100%; background-color:#DDDDDD;}
.history-con-progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {display: block; background-color:var(--main-color);} */

.history-con-progress-bar .swiper-pagination {height:2px; top:19px; bottom: auto; left: 0; width:100%; background-color:#DDDDDD;}
.history-con-progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {display: block; background-color:var(--main-color); transition-duration: 0ms !important; }
.history-con-progress-bar .swiper-pagination-progressbar.on .swiper-pagination-progressbar-fill  {transition-duration: 800ms !important; }
.history-con-progress-bar .swiper-scrollbar {position: absolute;width: 100%; height:2px; top:19px; left: 0;  background: transparent; z-index:11;}
.history-con-progress-bar .swiper-scrollbar-drag {position: relative; height:39px; top: -19px; background: transparent;}
.history-con-progress-bar .swiper-scrollbar-drag:before {position: absolute; content: ''; width: 39px; height: 39px; border-radius: 39px; top: 0; right: -19.5px; background: var(--main-color); opacity: 0.2; z-index: 2; }
.history-con-progress-bar .swiper-scrollbar-drag:after {position: absolute; content: ''; top: 50%; margin-top: -5.5px; right: -5.5px; width: 11px; height: 11px; border-radius: 11px; background: var(--main-color); z-index: 3; }
.history-con-progress-bar .point-year {position: absolute; bottom: -4rem; right: -15px; display: block; font-size: 1.7rem; font-weight: 600; line-height: 1.2em; letter-spacing: -0.05em; color: #000}

.history-arrow-box {position: relative; width: 16rem; height: 4.8rem; z-index: 100;}
.history-arrow-box button {position: absolute; top: -0.1rem; font-size: 4.8rem; color: #000; transition: all 0.3s;}
.history-arrow-box button.arrow-prev {right: 7.3rem;}
.history-arrow-box button.arrow-next {right: 0;}
.history-arrow-box button.swiper-button-disabled {color: #EEEEEE;}
/* .history-con-progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:before {position: absolute; content: ''; top: -1.95rem; right: -1.95rem; width: 3.9rem; height: 3.9rem; background: var(--main-color); border-radius: 3.9rem; opacity: 0.2;z-index: -1; display: block; transform: scaleX(1);}
.history-con-progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill:after {position: absolute; content: ''; top: -0.55rem; right: -0.55rem; width: 1.1rem; height: 1.1rem; background: var(--main-color); border-radius: 1.1rem; z-index: 1; display: block;   transform: scaleX(1);} */
/* .history-con-group {display: flex;}
.history-con-group li {width: 20%; text-align: center; font-size: 1.5rem; font-weight: 500; line-height: 1.2em; color: #000;}
.history-con-group li:first-child {text-align: left;}
.history-con-group li:last-child {text-align: right} */
.history-slide-con-wrap {position: relative; margin-top: 8rem; width: 62.12%;}
.history-slide-con-wrap:before {position: absolute; content: ''; width: calc((100vw - 1320px)/2); height: 100%; top: 0; left: calc(-1*((100vw - 1320px)/2)); z-index: 99; background: linear-gradient(to right, #FFFFFF, transparent);}
.history-slide-con-wrap:after {position: absolute; content: ''; width: calc((100vw - 1320px)/2); height: 100%; top: 0; right: calc(-1*((100vw - 37.88%)/2)); z-index: 99; background: linear-gradient(to right, transparent, #FFFFFF);}
.history-slide-con.swiper-container {overflow: visible;}
.history-list .history-item .history-year-tit {font-size: 10rem; font-weight: 600; letter-spacing: -0.05em; color: #000; margin-bottom: 5rem;}
.history-list .history-item .history-detail-txt-con {display: flex;}
.history-list .history-item .history-detail-txt-con .history-detail-txt {width: 55%; padding: 0 1rem 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.history-list .history-item .history-detail-txt-con .history-detail-txt:first-of-type {width: 45%;}
.history-list .history-item .history-detail-txt-con .history-detail-txt .txt {position: relative; padding-left: 2rem; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.03em; color: #000; line-height: 1.7em; }
.history-list .history-item .history-detail-txt-con .history-detail-txt .txt + .txt {margin-top: 0.5rem;}
.history-list .history-item .history-detail-txt-con .history-detail-txt .txt:before {position: absolute; content: ''; top: 1.1rem; left: 0; width: 0.5rem; height: 0.5rem; background: #666666; opacity: 0.3;}

/* ------- 2. 기업 가치 :: 윤리경영 ------- */
.ethical-con01 {padding: 7rem 0 30rem; text-align: center;}
.ethical-con01 .research-cm-txt {padding-top: 5.5rem;}
.ethical-top-img {position: relative; width: 100%; margin: 7rem 0 0; height: 25rem; background-image: url(/images/content/ethical_con01_img.png?ver=250320_1);  overflow: hidden;}
.ethical-top-img .inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: var(--area-width); margin: 0 auto; border-radius: 1rem; ; box-shadow: 0 0 9999px 9999px rgba(255, 255, 255, 1);}
.ethical-top-img strong {display: block; font-size: 5rem; font-weight: 700; letter-spacing: 0.2em; line-height: 1.1; color: #fff; opacity: 0.5;}
.ethical-con02 {padding: 30rem 0; background: #F5F5F5;}
.ethical-con02 .cm-sub-title {margin-bottom: 7rem;}
.ethical-list {display: flex; flex-wrap: wrap; margin:0 -1.2rem;}
.ethical-list li {width: calc(20% - 2.4rem); margin: 0 1.2rem; min-height: 38.4rem; opacity: 0; transform:translateY(50px); transition: var(--transition-custom2);}
.ethical-list li:nth-child(2) {transition-delay:0.2s;}
.ethical-list li:nth-child(3) {transition-delay:0.4s;}
.ethical-list li:nth-child(4) {transition-delay:0.6s;}
.ethical-list li:nth-child(5) {transition-delay:0.8s;}

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


.ethical-list li .inner {width: 100%; height: 100%; background: #fff; border-radius: 1rem; padding: 4rem 1rem 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;  transition: all 0.3s;}
.ethical-list li .icon {display: flex; align-items: center; justify-content: center; height: 6.1rem; }
.ethical-list li .icon svg {max-width: 100%; max-height: 100%;}
.ethical-list li dl {margin-top: 3rem;}
.ethical-list li dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.4; transition: all 0.3s; margin-bottom: 2rem;}
.ethical-list li dl dd .txt {font-size: 1.4rem; letter-spacing: -0.02em; color: #050505; line-height: 1.71; transition: all 0.3s;}
.ethical-list li dl dd .txt + .txt {padding-top: 2.5rem;}
.ethical-list li.active .inner {background: #B1BF00; box-shadow: 28px 25px 73px #F8FEB3;;}
.ethical-list li.active .icon svg path ,
.ethical-list li.active .icon svg line, 
.ethical-list li.active .icon svg circle {stroke: #fff !important;}
.ethical-list li.active dl dt  {color: #fff;}
.ethical-list li.active dl dd .txt {color: #fff;}
.ethical-con03 {padding: 27rem 0; background: url(/images/content/ethical_con03_bg.jpg)no-repeat center/cover;}
.ethical-con03 .cm-sub-title .txt01 {color: #fff;}
.ethical-con03 .cm-sub-title .txt02 {color: #fff;}

/* ------- 1. 당신의 치과의사는 안다 :: 장기 임상데이터 ------- */
/* .clinical-data-wrap {position: relative; padding: 11rem 0 16rem; background: url(/images/content/clinical_data_bg.png)no-repeat center/cover;}
.clinical-data-bg {position: absolute; top: 0; left: 0; z-index: -1; background: #000;}
.clinical-data-bg .flow-bg {display: flex; flex: 0 0 auto; white-space: nowrap;overflow: hidden; transition:all 0.3s;}
.clinical-data-bg .flow-bg span {display: inline-block;}
.clinical-data-bg .flow-bg span img {opacity: 0.9;}
.clinical-data-bg .flow-bg.flow-right span { animation: clinicalBgRightLoop 200s linear infinite;}
.clinical-data-bg .flow-bg.flow-right span:last-child {margin-left: -2px;}
.clinical-data-bg .flow-bg.flow-left span {animation: clinicalBgLeftLoop 200s linear infinite;}
.clinical-data-bg .flow-bg.flow-left span:last-child {margin-left: -2px;}
.clinical-data-con {text-align: center;}
.clinical-data-con .clinical-data-tit {font-size: 6rem; font-weight: 700; color: #fff; line-height: 1.33em; letter-spacing: -0.08em; margin-bottom: 4rem;} 
.clinical-data-con .clinical-data-txt01 {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.52em; color: rgba(255,255,255,0.8);}
.clinical-data-con .clinical-data-txt02 {position: relative; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; line-height:1.66em; z-index: 1; }
.clinical-data-con-middle {position: relative; padding: 17.5rem 0 20.5rem;}
.clinical-data-con-middle .bg-num {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -1rem;}
.clinical-data-con-middle .count-num-box { display: flex;align-items: center; justify-content: center; font-size: 26rem;}
.clinical-data-con-middle .count-num-box strong {font-size: 26rem; font-weight: 700; color: #fff; opacity: 0.1; }
.clinical-data-con-middle .count-num-box .count-num-item-wrap { height: 1em;overflow: hidden;}
.clinical-data-con-middle .count-num-box .count-num-item-wrap .count-num-item-box {height:10em;}
.clinical-data-con-middle .count-num-box .count-num-item-wrap .count-num-item-box .count-num-item {text-align: left; line-height: 1em; font-size: 26rem; font-weight: 700; color: #fff; opacity: 0.1; }
.clinical-data-con-middle.animated .count-num-item-box{animation:count-up-ani 4s forwards;}
.clinical-data-con-middle.animated .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, -90%, 0);
    }
}
@keyframes count-down-ani {
    0% {
        transform: translate3d(0, -90%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}  

@keyframes clinicalBgLeftLoop {
    0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
    }
    100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
}
@keyframes clinicalBgRightLoop {
    0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
    100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
    }
} */
/* ------- 1. 당신의 치과의사는 안다 :: 월드 심포지엄 ------- */
.why-global-con01{padding-bottom: 15rem;}
.why-global-con01-item{}
.why-global-con01-item + .why-global-con01-item{margin-top: 4rem;}
.why-global-con01-inner{position: relative; border-radius: 3rem; /* background-color: #F5F5F5; */ display: flex; flex-wrap:wrap; align-items: center;}
.why-global-con01-item:nth-child(even) .why-global-con01-inner{flex-direction: row-reverse;}
.why-global-con01-img{width: 50%; padding: 2rem; box-sizing: border-box;}
.why-global-con01-img-inner{position: relative; width: 100%; height: 0; padding-top: 59.67%; border-radius: 2rem; transform: scale(0.7); transition: var(--transition-custom3); overflow: hidden; transition-delay: 0.3s;}
.why-global-con01-img-inner span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transform: scale(1.08,1.08);}
.why-global-con01-txt{width: 50%; padding: 2rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.why-global-con01-txt h5{font-size: 4rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 700; color: var(--main-color);}
.why-global-con01-txt p{margin-top: 2rem; font-size: 1.7rem; line-height: 1.52; letter-spacing: -0.02em; color: #888888;}

.why-global-con01-item.animated .why-global-con01-img-inner {transform: scale(1.0);}
.why-global-con01-item.animated .why-global-con01-img span {animation: image-zoozm-out-Ani 4s 0s forwards;}
@keyframes image-zoom-out-Ani {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}

.why-global-con02{padding: 15rem 0 27rem; background-color: #F5F5F5;}
.why-global-con02-wrapper{margin-top: 7rem; padding: 0 2rem; position: relative;}
.why-global-con02-list{display: flex;}
.why-global-con02-item{width: 33.33%;}
.why-global-con02-item a{position: relative; width: 100%; display: block; border-radius: 2rem; transition: var(--transition-custom2); transition-property: transform, box-shadow, opacity;}
.why-global-con02-img{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 2rem; display: block;}
.why-global-con02-txt{position: absolute; top: 0; left: 0; padding: 1rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; visibility: hidden;}
.why-global-con02-txt::before{position: absolute; width: 100%; height: 100%; background-color: rgba(177,191,0,0.76); backdrop-filter: blur(17px); content: ''; border-radius: 2rem; opacity: 0; transition:var(--transition-custom);}
.why-global-con02-txt p{font-size: 3.2rem; line-height: 1.1; letter-spacing: -0.025em; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: relative; opacity: 0; transition:var(--transition-custom);}
.why-global-con02-txt span{margin: 1.5rem auto 0; width: 6rem; height: 6rem; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transition:var(--transition-custom);}
.why-global-con02-txt span i{font-size: 3.6rem; color: #fff;}
.why-global-con02 .swiper-container-horizontal > .swiper-pagination-progressbar, 
.why-global-con02 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 5px; left: 0; top: auto; bottom: -12rem;}
.why-global-con02 .swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.1); border-radius: 5px;}
.why-global-con02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main-color); border-radius: 5px;}
.why-global-con02-item a:hover .why-global-con02-txt{visibility: visible;}
.why-global-con02-item a:hover .why-global-con02-txt::before,
.why-global-con02-item a:hover .why-global-con02-txt p,
.why-global-con02-item a:hover .why-global-con02-txt span{opacity: 1;}
.why-global-con02-item.center-prev a {transform: translate3d(calc(1 * 100% + 4rem),0,0); opacity: 0.75;}
.why-global-con02-item.prev01 a {transform: translate3d(calc(2 * 100% + 8rem),0,0); opacity: 0.5;}
.why-global-con02-item.prev02 a{transform: translate3d(calc(3 * 100% + 12rem),0,0); opacity: 0.25;}
.why-global-con02-item.prev03 a {transform: translate3d(calc(4 * 100% + 16rem),0,0); opacity: 0;}
.why-global-con02-item.center-next a {transform: translate3d(calc(-1 * 100% - 4rem),0,0); opacity: 0.75;}
.why-global-con02-item.next01 a {transform: translate3d(calc(-2 * 100% - 8rem),0,0); opacity: 0.5;}
.why-global-con02-item.next02 a {transform: translate3d(calc(-3 * 100% - 12rem),0,0); opacity: 0.25;}
.why-global-con02-item.next03 a{transform: translate3d(calc(-4 * 100% - 16rem),0,0); opacity: 0;}
.why-global-con02-wrapper.start .why-global-con02-item a{transform: translate3d(0,0,0); opacity: 1; box-shadow: 5rem 5rem 7rem #00000029;}
.why-global-con03{padding: 15rem 0 27rem;}
.why-global-con03-wrapper{margin-top: 7rem; padding: 0 2rem; position: relative;}
.why-global-con03-list{display: flex;}
.why-global-con03-item{width: 33.33%;}
.why-global-con03-item a{position: relative; width: 100%; display: block; border-radius: 2rem; transition: var(--transition-custom2); transition-property: transform, box-shadow;}
.why-global-con03-img{position: relative; width: 100%; height: 0; padding-top: 141.5%; border-radius: 2rem; display: block;}
.why-global-con03-txt{position: absolute; top: 0; left: 0; padding: 1rem; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; visibility: hidden;}
.why-global-con03-txt::before{position: absolute; width: 100%; height: 100%; background-color: rgba(177,191,0,0.76); backdrop-filter: blur(17px); content: ''; border-radius: 2rem; opacity: 0; transition:var(--transition-custom);}
.why-global-con03-txt p{font-size: 3.2rem; line-height: 1.1; letter-spacing: -0.025em; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: relative; opacity: 0; transition:var(--transition-custom);}
.why-global-con03-txt span{margin: 1.5rem auto 0; width: 6rem; height: 6rem; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; opacity: 0; transition:var(--transition-custom);}
.why-global-con03-txt span i{font-size: 3.6rem; color: #fff;}
.why-global-con03 .swiper-container-horizontal > .swiper-pagination-progressbar, 
.why-global-con03 .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 5px; left: 0; top: auto; bottom: -12rem;}
.why-global-con03 .swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.1); border-radius: 5px;}
.why-global-con03 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--main-color); border-radius: 5px;}
.why-global-con03-item a:hover .why-global-con03-txt{visibility: visible;}
.why-global-con03-item a:hover .why-global-con03-txt::before,
.why-global-con03-item a:hover .why-global-con03-txt p,
.why-global-con03-item a:hover .why-global-con03-txt span{opacity: 1;}
.why-global-con03-item.center-prev a {transform: translate3d(calc(1 * 100% + 4rem),0,0); opacity: 0.75;}
.why-global-con03-item.prev01 a {transform: translate3d(calc(2 * 100% + 8rem),0,0); opacity: 0.5;}
.why-global-con03-item.prev02 a{transform: translate3d(calc(3 * 100% + 12rem),0,0); opacity: 0.25;}
.why-global-con03-item.prev03 a {transform: translate3d(calc(4 * 100% + 16rem),0,0); opacity: 0;}
.why-global-con03-item.center-next a {transform: translate3d(calc(-1 * 100% - 4rem),0,0); opacity: 0.75;}
.why-global-con03-item.next01 a { transform: translate3d(calc(-2 * 100% - 8rem),0,0); opacity: 0.5;}
.why-global-con03-item.next02 a { transform: translate3d(calc(-3 * 100% - 12rem),0,0); opacity: 0.25;}
.why-global-con03-item.next03 a{ transform: translate3d(calc(-4 * 100% - 16rem),0,0); opacity: 0;}
.why-global-con03-wrapper.start .why-global-con03-item a{transform: translate3d(0,0,0); opacity: 1; box-shadow: 5rem 5rem 7rem #00000029;}


/* ****************** 02. 글로벌 네트워크 ********************* */
.network-page {position: relative; width: 100%; background-color: #000; height: auto;}
.sub-network-visual{position: relative; width: 100%; height: 100vh;}
.network-bg-con{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background: url("/images/main/main_global_bg.png") center/auto no-repeat;}
.network-bg-con .container{position: relative; width: 738px; height: 738px; margin-top: 5px; margin-right: 5px;}
.network-bg-con .container:before{position: absolute; top: 50%; left: 50%; width: 550px; height: 550px; border-radius: 100%; box-shadow: 0 0 40px rgba(1,57,116,0.4); transform: translate(-50%,-50%); content: '';}
.network-bg-con .canvas {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; width: 738px; height: 738px;}

.network-bg-con .region-label{padding: 15px 20px; font-size: 1rem; font-weight: 700; color: #1428a0; border-radius: 25px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16); background-color: #fff; visibility: visible; opacity: 1; transition: all 0.2s ease-in-out; transition-property: visibility, opacity; pointer-events: all;}
@media screen and (max-width: 768px) {
	.network-bg-con .region-label{padding: 10px 15px;}
}
 .network-bg-con .region-label:hover{cursor: pointer;}
 .network-bg-con .region-label.invisible{visibility: hidden;opacity: 0;}
 .network-bg-con .city-label{width: 8px; height: 8px; border-radius: 50%; background-color: #1428a0; z-index: 0 !important; visibility: visible; opacity: 1; transition: all 0.2s ease-in-out; transition-property: visibility, opacity;}
 .network-bg-con .city-label.invisible{visibility: hidden;opacity: 0;}
 .network-bg-con .city-label:after{content: attr(data-name); position: absolute; font-size: 0px; font-weight: 700; text-transform: uppercase; bottom: -15px; left: 50%; transform: translateX(-50%);}

.network-bg-con#globeViz{background: none; position: relative;}

.svgMarker{position: relative;}
.svgMarker svg{overflow: visible; width: 100%;}
.svgMarker svg circle{width: 100%;}
.marker-svg-txt{position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -60px; width: 120px; font-size: 18px; line-height: 20px; color: #fff; font-weight: 500; text-align: center; display: none;}
.svgMarker1 .marker-svg-txt{display: block;}

/* .network-con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1;}
.network-con-inner {width: 100%; max-width: 1620px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } */
.network-top-con {position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 1;}
.network-con-left {position: absolute; top: 50%; left: 7.8%; transform: translateY(-50%); z-index: 1}
.network-con-left .tit {font-size: 6rem; font-weight: 800; letter-spacing: -0.02em; color: #fff; line-height: 1.1em; margin-top: 2rem;}
.network-con-left .txt01 {font-size: 2rem; font-weight: 500; letter-spacing: -0.4px; color: #fff; line-height: 1.4em;}
.network-con-left .txt02 {font-size: 1.6rem; color: rgba(255,255,255,0.5); font-weight: 400; letter-spacing: -0.32px; line-height: 1.75em; margin-top: 2rem;}
.network-con-right {position: absolute; top: 50%; right: 7.8%; transform: translateY(-50%); z-index: 1; text-align: right;}
.network-con-right .num01,
.network-con-right .num {font-size: 10rem; font-weight: 500; letter-spacing: -0.02em; color: #fff;}
.network-con-right .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.3; margin-top: 1.5rem;}
.network-con-right .txt + .num {margin-top: 4rem;}
.network-global-con {padding: 19rem 0;}
.network-global-list {display: flex; flex-wrap: wrap; margin: -1rem -2rem;}
.network-global-list li {width: calc(50% - 4rem); margin: 1rem 2rem;}
.network-global-list li a {position: relative; display: block; width: 100%; height: 100%; padding: 4rem 8rem 3.5rem 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #121417; border-radius: 2rem;}
.network-global-list li a:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid var(--main-color); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;border-radius: 2rem; opacity: 0; transition: all 0.3s;}
.network-global-list li a:after {position: absolute; top: 4rem; right: 5rem; content: '\e900'; font-family: xeicon; width: 6rem; height: 6rem; border-radius: 50%; text-align: center; line-height: 6rem; background: rgba(255,255,255,0.1); font-size: 2.4rem; color: #fff; transition: all 0.3s;}
.network-global-list li a .tit-box {margin-bottom: 3rem;}
.network-global-list li a .tit-box strong {display: block; font-size: 2.4rem; letter-spacing: -0.025em; color: #fff; line-height: 1.5;}
.network-global-list li a .tit-box span {display: block; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.3; margin-top: 0.3rem;}
.network-global-list li a .info-box dl {display: flex; opacity: 0.6; font-size: 1.6rem; letter-spacing: -0.025em; line-height: 1.5; color: #fff; transition: all 0.3s; margin-bottom: 1rem;}
.network-global-list li a .info-box dl:last-child {margin-bottom: 0;}
.network-global-list li a .info-box dl dt {width: 6.5rem; padding-right: 0.5rem; box-sizing: border-box;}
.network-global-list li a .info-box dl dd {width: calc(100% - 6.5rem);}
.network-global-list li a:hover:before {opacity: 1;}
.network-global-list li a:hover:after {background: var(--main-color);}


/* ****************** 03. 제품정보 ********************* */
/* ------- 3. 사업소개 ------- */
.business-page {padding-bottom: 20rem;}
.business-list-wrap {position: relative; overflow: hidden;}
.business-list {width: 100%; max-width: 400px; margin: 0 auto;}
.business-list .slick-list {overflow: visible; margin: 0 -2.5rem;}
.business-list .slick-slide {margin: 0 2.5rem;}
.business-list .slick-track {display: flex; align-items: center;}
.business-list li .inner {transition: var(--transition-custom2);}
.business-list li.center-prev .inner  ,
.business-list li.prev .inner  {margin: auto 0 auto 15rem;}
.business-list li.center-next .inner  ,
.business-list li.next .inner  {margin: auto 15rem auto 0;}

.business-list li a {display: flex; flex-direction: column; justify-content: space-between; min-height: 28rem; border-radius: 1rem; background: rgba(255,255,255,0.1); backdrop-filter : blur(5px); padding: 2rem 1rem 3.5rem; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;  transition: var(--transition-custom2);}
.business-list li.slick-center a {min-height: 52rem;}
.business-list li a .img {}
.business-list li a .img img {max-width: 100%; margin: 0 auto;}
.business-list li a .tit {display: block; font-size: 4.2rem; font-weight: 400; letter-spacing: -0.05em; color: #fff; line-height:1.5em;}
.business-list li:not(.slick-center) a {padding: 0 2rem 2.5rem;}
.business-list li:not(.slick-center) a .tit {font-size: 2.4rem; }
.business-arrow {}
.business-arrow button {position: absolute; top: 50%; margin-top: -2.4rem; font-size: 4.8rem; color: #fff; z-index: 10;}
.business-arrow button.slick-prev {left: 0;}
.business-arrow button.slick-next {right: 0;}
.business-container {position: relative; max-width: 1620px; margin: 0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.business-container .sub-left-tab-wrapper-style {position: absolute; width: 15rem; top: 0; z-index: 100;}
.sub-left-tab-list-style {width: 15rem; padding: 1rem; border-radius: 2rem; background: #F9F9F9; box-sizing: border-box;}
.sub-left-tab-list-style ul li {width: 100%; height: 4rem;}
.sub-left-tab-list-style ul li a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 2rem; color: #000; transition: all 0.4s; }
.sub-left-tab-list-style ul li a em {font-size: 1.3rem; font-weight: 500; display: block; letter-spacing: -0.03em; line-height: 1.3em;}
.sub-left-tab-list-style ul li.selected a {background: var(--main-color); color: #fff;}
.sub-left-tab-list-style.top-fixed {position: fixed; top: 10rem;}
.business-container .business-con-wrap {position: relative; max-width: 1200px; margin: 0 auto; padding: 0 16rem;}
.business-con + .business-con {padding-top: 15rem;}
.business-con-box {margin-top: 5rem; display: flex; align-items: center; border-radius: 2rem; background: #F9F9F9; padding: 5rem 5rem 5rem 6rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 
.business-con-box.reverse {flex-direction: row-reverse; padding: 5rem 6rem 5rem 5rem; }
.business-con-box .img-box {position: relative; width: calc(100% - 54rem);}
.business-con-box .img-box .logo {position: absolute; top: 0; left: 0;}
.business-con-box.reverse .img-box .logo {left: auto; right: 0;}
.business-con-box .img-box img {max-width: 100%;}
.business-con-box .info-box {width: 54rem;}
.business-con-box .info-box dl {min-height: 21rem; width: 100%; padding: 4rem 5rem; border-radius: 3rem; background: #fff; box-sizing: border-box;}
.business-con-box .info-box dl + dl {margin-top: 2rem;}
.business-con-box .info-box dl dt span {display: inline-block; font-size: 1.8rem; font-weight: 500; line-height: 1em; border-bottom: 1px solid var(--main-color); color: var(--main-color);}
.business-con-box .info-box dl dd {font-size: 1.7rem; font-weight: 400; letter-spacing: -0.03em; color: #000; line-height: 1.64em; padding-top: 2rem;}

/* ------- 4. IFU ------- */
.ifu-list-tbl {display: table; width: 100%; table-layout: fixed; }
.ifu-list-col-group { display: table-column-group;}
.ifu-list-col-group .ifu-col-group-item { display: table-column;}
.ifu-list-head {display: table-header-group;}
.ifu-list-head .ifu-head-item {display: table-cell; vertical-align: middle; text-align: center; background: #F5F5F5; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; padding: 2rem; font-family: var(--font-family2);}
.ifu-list-tbody { display: table-row-group;}
.ifu-list-row {display: table-row;width: 100%;  transition: all 0.4s;}
.ifu-list-row .column {display: table-cell; vertical-align: middle; height: 9.6rem; color: #050505; font-size: 1.6rem;letter-spacing: -0.025em;text-align: center; border-bottom: 1px solid #EEEEEE; font-family: var(--font-family2);}
.ifu-list-row .column.bbs-title a {display: block; font-size: 2rem; font-weight: 500; color: #050505; text-align: left; padding: 0 3rem 0 8.5rem;}
.ifu-subject-con {display: inline-block; position: relative; max-width: 100%;}
.ifu-subject-con .ifu-subject-txt {display: inline-block; width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; line-height: 1.2;}
.ifu-subject-con .ifu-subject-icons {position: absolute; left: 100%; top: 50%;display: flex; align-items: center; width: 2rem;transform: translateY(-50%); margin-left: 1rem;}
.ifu-subject-con .ifu-subject-icons i {color: #BDBDBD}
.ifu-list-row .column .pdf-downlod-btn {display: flex; align-items: center; width: 100%; height: 100%;}
.ifu-list-row .column .pdf-downlod-btn span {display: block; width: 9.1rem; height: 2.6rem; line-height: 2.6rem; background: #0857C3;border-radius: 0.5rem; font-size: 1.5rem; font-weight: 500; color: #fff; margin: 0 auto;}
@media all and (min-width: 801px),(hover:hover) {
    .ifu-list-row:hover {  background-color:#f9f9f9 }
}
/* IFU 팝업 */
.ifu-modal-content {position:relative; width:96%; max-width:450px; margin:20px auto; }
.ifu-modal-content .modal-close-btn {position: relative; top: 0; left: 0; width: 100%; height: 7.6rem; line-height: 7.6rem; text-align: center; background: #0857C3; border-radius: 1rem; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; color: #fff;}
.ifu-inner-box {border-radius: 1rem; background: #fff; }
.ifu-top-con {display: flex; align-items: center; justify-content: center; text-align: center; height: 10.5rem; border-bottom: 1px solid rgba(0,0,0,0.5);  box-sizing: border-box;}
.ifu-top-con strong {display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.6;}
.ifu-inner-con {padding: 0 2.5rem 2.8rem; box-sizing: border-box;}
.ifu-inner-con .txt-box {padding: 4.4rem 0; text-align: center;}
.ifu-inner-con .txt-box .txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.6;}
.ifu-inner-con .txt-box .txt + .txt {padding-top: 1.5rem;}



/* ****************** 04. 세미나 · 행사 ********************* */



/* ****************** 05. PR/IR ********************* */
/* ------- 1. PR :: 보도자료 ------- */
.news-page .cm-sub-title {margin-bottom: 7.5rem;}
.news-con01 {padding: 10rem 0 16rem; background: #F5F5F5;}
.recommended-news-con {position: relative;}
.recommended-news-list li a {display: flex; flex-wrap: wrap; background: #fff; border-radius: 1rem; overflow: hidden; min-height: 42rem;}
.recommended-news-list li a .img-box {width: 50%;}
.recommended-news-list li a .img-box span {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.recommended-news-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition:all 0.4s;}
.recommended-news-list li a:hover .img-box span img {transform: scale(1.08) rotate(0.002deg);}
.recommended-news-list li a .txt-box {width: 50%; padding: 7rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.recommended-news-list li a .txt-box .cate {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); margin-bottom: 1.5rem;}
.recommended-news-list li a .txt-box .tit {font-size: 3.2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.43; height: 2.8em; overflow:hidden; display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.recommended-news-list li a .txt-box .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.66; margin-top: 1.5rem; height: 5em; overflow:hidden; display:block;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.recommended-news-list li a .txt-box .date {display: block; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.3; margin-top: 3rem;}

.recommended-news-arrow {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 4.8rem;}
.recommended-news-arrow button {display: block; position: absolute; top: 0; font-size: 4.8rem; width: 4.8rem; height: 4.8rem; line-height: 4.8rem; color: #000000;}
.recommended-news-arrow button.arrow-prev {left: -10rem;}
.recommended-news-arrow button.arrow-next {right: -10rem;}
.recommended-news-control {display: flex; align-items: center; justify-content: center; position: absolute; bottom: -6.5rem; left: 50%;  transform: translateX(-50%);}
.recommended-news-control .swiper-pagination {position: relative; width: 28.8rem; height: 2px;}
.recommended-news-control .btn-box {position: relative; width:2.4rem; height: 2.4rem; margin-left: 2.2rem;}
.recommended-news-control .btn-box button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 2.4rem; line-height: 2.4rem; color: #DDDDDD;}
.recommended-news-control .btn-box button.play-btn {display: none;}
.recommended-news-control .swiper-pagination-progressbar {background: #DDDDDD;}
.recommended-news-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}

.news-con02 {padding: 20rem 0;}
.corporate-news-list {display: flex; flex-wrap: wrap; margin: -1rem;}
.corporate-news-list li { width: calc(50% - 2rem); margin: 1rem; transform: translateY(30px); transition: var(--transition-custom2); opacity: 0;}
.corporate-news-list li:nth-child(2) {transition-delay: 0.3s;}
.corporate-news-list li:nth-child(3) {transition-delay: 0.6s;}
.corporate-news-list li:nth-child(4) {transition-delay: 0.9s;}
.animated .corporate-news-list li {opacity: 1;  transform: translate(0); }
.corporate-news-list li a {display: flex; align-items: center; width: 100%;}
.corporate-news-list li a .img-box {width: 46.15%;}
.corporate-news-list li a .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 63.33%; border-radius: 1rem; overflow: hidden;}
.corporate-news-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.corporate-news-list li a:hover .img-box span img {transform: scale(1.08) rotate(0.002deg);}
.corporate-news-list li a .txt-box {width: 53.85%; padding: 0 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.corporate-news-list li a .txt-box .cate {font-size: 1.4rem; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.3; margin-bottom: 0.5rem;}
.corporate-news-list li a .txt-box .tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.5; overflow:hidden; height: 3em; display:block;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.corporate-news-list li a .txt-box .date {display: block; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.3; margin-top: 2.7rem;} 
.news-con03 {padding: 20rem 0; background: #F5F5F5; }
.news-story-list {display: flex; margin:0 -1.5rem;}
.news-story-list li {width: calc(33.33% - 3rem); margin: 0 1.5rem; transform: translateY(30px); transition: var(--transition-custom2); opacity: 0;}
.news-story-list li:nth-child(2) {transition-delay: 0.3s;}
.news-story-list li:nth-child(3) {transition-delay: 0.6s;}
.news-story-list.animated li {opacity: 1;  transform: translate(0);}
.news-story-list li a {display: block; width: 100%;}
.news-story-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 66.66%; border-radius: 1rem; overflow: hidden;}
.news-story-list li a .img-box img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.news-story-list li a:hover .img-box img {transform: scale(1.08) rotate(0.002deg);}
.news-story-list li a .txt-box {margin-top: 3rem; text-align: center;}
.news-story-list li a .txt-box .sub-tit {display: block; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); margin-bottom: 1rem;}
.news-story-list li a .txt-box .tit {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.5;}

.news-con04 {padding: 20rem 0;}
.news-page .news-con04 .cm-sub-title {margin-bottom: 6rem;}
.news-social-list {display: flex; flex-wrap: wrap; margin: 0 -0.65rem;}
.news-social-list li {width: calc(25% - 1.3rem); margin: 0 0.65rem; transform: translateY(30px); transition: var(--transition-custom2); opacity: 0;}
.news-social-list li:nth-child(2) {transition-delay: 0.25s;}
.news-social-list li:nth-child(3) {transition-delay: 0.5s;}
.news-social-list li:nth-child(4) {transition-delay: 0.75s;}
.animated .news-social-list li { transform: translateY(0); opacity: 1;}
.news-social-list li a {position: relative; width: 100%; height: 0; padding-top: 100%; display: block; border-radius: 1rem; overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.news-social-list li a .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.news-social-list li a .bg img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.news-social-list li a:hover .bg img {transform: scale(1.08) rotate(0.002deg);}
.news-social-list li a .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; padding: 3rem 4rem;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 
.news-social-list li a .inner span {font-size: 2.4rem; font-weight: 500; line-height: 1.3; color: #fff;}
.news-social-list li a .inner i {color: #fff; font-size: 2.4rem;}
.news-con05 {padding: 19rem 0; background-image: url(/images/content/news_media_bg.jpg);}
.news-page .news-con05 .cm-sub-title {margin-bottom: 6rem;}
.news-media-con .cm-sub-title {margin-bottom: 6rem;}
.news-media-con .cm-sub-title .txt02 {color: #fff;}
.news-media-list {display: flex; justify-content: center; margin: 0 -1.2rem;}
.news-media-list li {width: calc(25% - 2.4rem); margin: 0 1.2rem; max-width: 28rem; height: 9.2rem; transform: translateY(30px); transition: var(--transition-custom2); opacity: 0;}
.news-media-list li:nth-child(2) {transition-delay: 0.2s;}
.news-media-list li:nth-child(3) {transition-delay: 0.4s;}
.news-media-list li:nth-child(4) {transition-delay: 0.6s;}
.animated .news-media-list li { transform: translateY(0); opacity: 1;}
.news-media-list li a {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius: 1rem; background: rgba(245, 245, 245, 0.4); transition: all 0.3s;}
.news-media-list li strong {display: inline-block; font-size: 2.4rem; letter-spacing: -0.025em; color: #000;transition: all 0.3s;}
.news-media-list li span {display: inline-block;}
.news-media-list li span svg path {fill: #000;transition: all 0.3s;}
.news-media-list li a:hover {background: var(--main-color);}
.news-media-list li a:hover strong {color: #fff;}
.news-media-list li a:hover span svg path {fill: #fff;}
.news-con06 {padding: 6.5rem 0; background: url(/images/content/news_contact_bg.jpg)no-repeat center/cover;}
.news-contact-con {display: flex; align-items: center; justify-content: space-between;}
.news-contact-con strong {display: block; font-size: 4.2rem; font-weight: 500; letter-spacing: -0.02em; color: #fff; line-height: 1.1;}
.news-contact-con .contact-btn {display: block;  width: 24rem; height: 6rem; border: 1px solid #fff; text-align: center; line-height: 5.8rem; box-sizing: border-box; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; border-radius: 1rem; transition: all 0.4s;}
.news-contact-con .contact-btn:hover{background: var(--main-color); border-color: var(--main-color);}

.news-list-btn {margin: 6rem auto 0; width: 24rem; height: 6rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000;}
.news-list-btn .txt { font-size: 1.8rem; letter-spacing: -0.04em; color: #000;font-weight: 600;}
  
.news-page .download-list li a .info-top {padding-right: 0;}

/* ------- 1. PR :: 다운로드센터 ------- */
.download-page {padding-bottom: 4.5rem;}
.download-list-con {padding-bottom: 4.5rem;}
.download-list {display: flex; flex-wrap: wrap; margin: -4.5rem -1.5rem;}
.download-list li {width: calc(33.33% - 3rem); margin: 4.5rem 1.5rem;}
.download-list li a {display: block; width: 100%;}
.download-list li a .img-box {width: 100%;}
.download-list li a .img-box span {position: relative; display: block; width: 100%; height: 0; padding-top: 57.14%; border-radius: 1rem; overflow: hidden;}
.download-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.4s;}
.download-list li a:hover .img-box span img {transform: scale(1.08) rotate(0.002deg);}
.download-list li a .info-box {margin-top: 2.5rem;}
.download-list li a .info-top {position: relative; padding-right: 3rem;box-sizing: border-box;} 
.download-list li a .info-top dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.download-list li a .info-top dl dd {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.4; margin-top: 0.6rem;}
.download-list li a .info-top span {position: absolute; display: block; top: 0.1rem; right: 0; width: 2.5rem;}
.download-list li a .info-top span img {max-width: 100%;}
.download-list li a .info-box .txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.6; margin-top: 1.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.download-prd-img-list {display: flex; flex-wrap: wrap; margin: -4.5rem -3.3rem;}
.download-prd-img-list li {width: calc(25% - 6.6rem); margin: 4.5rem 3.3rem;}
.download-prd-img-list li a {display: block; width: 100%;}
.download-prd-img-list li a .img-box span {position: relative; display: block; width: 100%; height: 0; padding-top: 100%; border-radius: 1rem; background: #f3f3f3; overflow: hidden;}
.download-prd-img-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.download-prd-img-list li a .info-box {margin-top: 2.5rem;}
.download-prd-img-list li a .info-top {position: relative; padding-right: 3rem;box-sizing: border-box;} 
.download-prd-img-list li a .info-top dl dt {font-size: 2rem; font-weight: 300; letter-spacing: -0.025em; color: #050505; line-height: 1.33; margin-bottom: 1rem;}
.download-prd-img-list li a .info-top dl dd {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.33;}
.download-prd-img-list li a .info-top span {position: absolute; display: block; bottom: 0.6rem; right: 0; width: 2.5rem;}
.download-prd-img-list li a .info-top span img {max-width: 100%;}

/* 브로슈어 */
.brochure-con .download-list li{width: calc(25% - 3rem);}
.brochure-con .download-list li a .img-box span{padding-top:141.4%;}

/* ------- 2. IR :: 공통 ------- */
.ir-page .cm-top-tit {margin-bottom: 19rem;}
.ir-top-con {background: url(/images/content/ir_top_bg.jpg)no-repeat center/cover; padding: 2rem 0 3rem;}
.ir-top-con .ir-stock-top {padding: 3rem 3rem 4.5rem;}
.ir-stock-top .tit {display: block; font-size: 2.4rem; font-weight:600; letter-spacing: -0.025em; line-height: 1.2em; color: #000; margin-bottom: 3rem;}
.ir-stock-top .tit span {font-weight: 700; color: var(--main-color);}
.ir-stock-top .stock-price-con {display: flex; align-items: end; justify-content: space-between;}
.ir-stock-top .stock-cur-price {font-size: 8rem; font-weight: 700; color: #050505;}
.ir-stock-top .stock-prev-price {display: flex; align-items: center;}
.ir-stock-top .stock-prev-price dl {display: flex; align-items: center;}
.ir-stock-top .stock-prev-price dl + dl {margin-left: 5rem;}
.ir-stock-top .stock-prev-price dt { font-size: 1.6rem; line-height: 1.1; letter-spacing: -0.025em; color: #000000; margin-right: 2.5rem;}
.ir-stock-top .stock-prev-price dd { font-size: 2.4rem; font-weight: 500; line-height: 1.33; color: #050505;}
.ir-stock-top .stock-prev-price dd em {position: relative; top: -0.3rem; font-size: 1.5rem;}
.ir-stock-top .stock-prev-price dd .pr-up {color: #DF3737;}
.ir-stock-top .stock-prev-price dd .pr-down {color: #375EDF;}
.ir-stock-bottom {display: flex; border-radius: 1rem; background: #fff; padding: 4rem; margin-bottom: 1rem;}
.ir-stock-bottom dl {position: relative; width: 20%; padding: 0 2rem 0 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #DDDDDD;}
.ir-stock-bottom dl:first-child {border-left: 0;}
.ir-stock-bottom dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #000; line-height: 1.2; margin-bottom: 1rem;}
.ir-stock-bottom dl dd {font-size: 2.4rem; font-weight: 500; line-height: 1.33; color: #000;}

.ir-con {margin-bottom: 10rem;}
.ir-bottom-con {padding: 11.5rem 0; background-image: url(/images/content/ir_bottom_bg.jpg);}
.ir-bottom-con .cm-sub-title {margin-bottom: 6rem;}
.ir-bottom-con .cm-sub-title .txt02 {color: #fff;}
.ir-inquiry-list {display: flex;justify-content: center; margin: 0 -1.2rem;}
.ir-inquiry-list li {width: calc(33.33% - 2.4rem); margin: 0 1.2rem; max-width: 28rem; height: 9.2rem; opacity: 0; transform: translateY(30px); transition: var(--transition-custom2); }
.ir-inquiry-list li:nth-child(2) {transition-delay: 0.3s;}
.ir-inquiry-list li:nth-child(3) {transition-delay: 0.6s;}
.ir-bottom-con .animated .ir-inquiry-list li {opacity: 1; transform: translateY(0);}

.ir-inquiry-list li a {display: flex; align-items: center; justify-content: space-between;  width: 100%; height: 100%; border-radius: 1rem; background: rgba(255,255,255,0.4); padding: 0 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.4s;}
.ir-inquiry-list li span {display: inline-block; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505;}
.ir-inquiry-list li strong {display: inline-block; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color:#050505;}
.ir-inquiry-list li i {font-size: 2.6rem; color: #050505;}
.ir-inquiry-list li a:hover {background: var(--main-color);}

.ir-con-wrap {padding: 17.5rem 0 0;}
.ir-stock-table .stockTbl {width: 100%;}
.ir-stock-table .stockTbl thead th {background: #F5F5F5; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; padding: 2rem; font-family: var(--font-family2);}
.ir-stock-table .stockTbl tbody tr {transition: all 0.4s;}
.ir-stock-table .stockTbl tbody tr:hover {background: #f9f9f9;}
.ir-stock-table .stockTbl tbody td {font-size: 1.6rem; letter-spacing: -0.025em; text-align: center; border-bottom: 1px solid #EEEEEE;  font-family: var(--font-family2);}
.ir-stock-table .stockTbl tbody td a {display: block; padding: 3rem 0; }
.ir-stock-table .stockTbl tbody td a.tit {font-size: 2rem; font-weight: 500; color: #050505; text-align: left; padding: 3rem 8.5rem;}
.ir-stock-table .stockTbl tbody td a span {display: block; width: 9.1rem; height: 2.6rem; line-height: 2.6rem; line-height: 2.6rem; background: #0857C3; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 500;  color: #fff; margin: 0 auto;}

/* ------- 2. IR :: 공고 ------- */


/* ------- 2. IR :: IR 자료 ------- */

/* ------- 2. IR :: IR 정책 ------- */
.policy-con {border: 1px solid #050505; border-radius: 1.5rem; padding: 8rem 24rem; margin-bottom: 20rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.policy-con .cm-sub-title {margin-bottom: 5rem;}
.policy-con dl + dl {padding-top: 6rem;}
.policy-con dl dt {position: relative; padding-left: 3.5rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.4;}
.policy-con dl dt:before {position: absolute; top: 0; left: 0; content: '\e928'; font-family: xeicon; font-size: 2rem; color: var(--main-color);}
.policy-con dl dd {padding-left: 3.5rem;margin-top: 1rem;}
.policy-con dl dd .txt {position: relative; padding-left: 2.5rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #BDBDBD; line-height: 1.3;}
.policy-con dl dd .txt:before {position: absolute; content: '*'; top: 0; left: 0;}
.dividend-details-con{margin-bottom:15rem;}
.dividend-details-con .cm-sub-title {margin-bottom: 7.5rem;}
.dividend-details-con .stockTbl-wrapper {border-radius: 1rem; overflow: hidden; border: 1px solid #BDBDBD; box-sizing: border-box;}
.dividend-details-con table {width: 100%;}
.dividend-details-con table thead th {border-left: 1px solid #BDBDBD; background: var(--main-color); padding: 1.5rem; font-size:2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.3; font-family: var(--font-family2);;}
.dividend-details-con table thead th:first-of-type {border-left: 0;}
.dividend-details-con table tbody th,
.dividend-details-con table tbody td {border-bottom: 1px solid #BDBDBD; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.3; padding: 1.5rem 1rem; text-align: center; font-family: var(--font-family2);;}
.dividend-details-con table tbody th {text-align: center; background:#F5F5F5 ;}
.dividend-details-con table tbody tr:last-of-type th,
.dividend-details-con table tbody tr:last-of-type td {border-bottom: 0;}
.dividend-details-con table tbody td {border-left: 1px solid #BDBDBD;}

/* ------- 2. IR :: IR정보 인트로 ------- */
/* .ir-page {padding-bottom: 18rem;} */
.ir-intro-top-con {margin-bottom: 10rem;}
.ir-intro-top-list {display: flex; flex-wrap: wrap; margin: 0 -1rem; padding-bottom: 2rem;}
.ir-intro-top-list li {margin: 0 1rem;}
.ir-intro-top-list li .inner {position: relative; display: block; width: 100%; height: 100%; border-radius: 3rem; background: #F5F5F5; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ir-intro-top-list .intro-ir-item {width: calc(66.66% - 2rem);}
.ir-intro-top-list .intro-ir-item .inner {padding: 2rem;}
.ir-intro-top-list .intro-ir-item .reset-btns {position: absolute; top: 2rem; right: 2rem; width: 10rem; height: 3rem;}
.ir-intro-top-list .intro-ir-item .reset-btns a {position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem 0 1.5rem; border-radius: 3rem; background: #000000; font-size: 1.4rem; font-weight: 500; color: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ir-intro-top-list .intro-ir-item .reset-btns a i {font-size: 2rem; }
.ir-intro-top-list .intro-ir-item .intro-stock-top {padding: 1rem 2.5rem 2.5rem;}
.ir-intro-top-list .intro-ir-item .intro-stock-top .tit {display: block; font-size: 2.4rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1.2em; color: #000; margin-bottom: 2rem;}
.ir-intro-top-list .intro-ir-item .intro-stock-top .tit span {font-weight: 700; color: var(--main-color);}
.ir-intro-top-list .intro-ir-item .stock-price-con {display: flex; align-items: end; justify-content: space-between;}
.ir-intro-top-list .intro-ir-item .stock-cur-price {font-size: 5rem; font-weight: 500; color: #000;}
.ir-intro-top-list .intro-ir-item .stock-prev-price {display: flex; align-items: center;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dl {display: flex; align-items: center;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dl + dl {margin-left: 4rem;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dt { font-size: 1.7rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.03em; color: #000; margin-right: 2rem;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dd { font-size: 2.2rem; font-weight: 500; line-height: 1.5em;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dd em {position: relative; top: -0.3rem; font-size: 1.5rem;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dd .pr-up {color: #DF3737;}
.ir-intro-top-list .intro-ir-item .stock-prev-price dd .pr-down {color: #375EDF;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom {display: flex; border-radius: 2rem; background: #fff; padding: 2rem 0;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl {position: relative; width: 20.59%; padding: 0 1rem 0 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #DDDDDD;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:first-child {width: 16.68%; padding-left: 3rem; border-left: 0;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:nth-child(2) {width: 21.07%;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl:nth-child(5) {width: 21.07%;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl dt {font-size: 1.7rem; font-weight: 600; letter-spacing: -0.03em; color: #000; line-height: 1.3em;}
.ir-intro-top-list .intro-ir-item .intro-stock-bottom dl dd {font-size: 2.2rem; font-weight: 500; line-height: 1.5em; color: #000;}
.ir-intro-top-list .intro-stock-item {width: calc(33.33% - 2rem);}
.ir-intro-top-list .intro-stock-item .inner {padding: 3.5rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;}
.ir-intro-top-list .intro-stock-item .inner .bg-box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius:2rem; overflow: hidden;}
.ir-intro-top-list .intro-stock-item .inner .bg-box .cm-fill {position: absolute;display: block;width: 0px; height: 0px; transform: translate(-50%, -50%);border-radius: 50%; background: var(--main-color); transition: width 0.7s, height 0.7s;}
.ir-intro-top-list .intro-stock-item .inner .tit-en {font-size: 1.6rem; font-weight: 400; line-height: 1.3em; color: #000; margin-bottom: 0.8rem; position: relative; transition: color 0.4s;}
.ir-intro-top-list .intro-stock-item .inner .tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.2em; position: relative; transition: color 0.4s;}
.ir-intro-top-list .intro-stock-item .inner .icon {width: 7rem; height: 7rem; padding: 2rem; text-align: center; display: block; margin: 0 0 0 auto; border-radius: 3.5rem; background: #E9E9E9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position: relative; transition: background 0.4s;}
.ir-intro-top-list .intro-stock-item .inner .icon img {max-width: 100%;}
.ir-intro-top-list .intro-stock-item .inner:hover .cm-fill {width: 140rem; height: 140rem;}
.ir-intro-top-list .intro-stock-item .inner:hover .tit-en,
.ir-intro-top-list .intro-stock-item .inner:hover .tit {color: #fff;}
.ir-intro-top-list .intro-stock-item .inner:hover .icon{background: #fff;}

.ir-intro-list {display: flex; margin: 0 -1rem;}
.ir-intro-list li {width: calc(25% - 2rem); margin: 0 1rem;}
.ir-intro-list li a { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; border-radius: 3rem; padding: 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden;}
.ir-intro-list li:first-child a {background: #042940;}
.ir-intro-list li:nth-child(2) a {background: #007561;}
.ir-intro-list li:nth-child(3) a {background: var(--main-color);}
.ir-intro-list li:nth-child(4) a {background: #7D8F00;}
.ir-intro-list li a .bg-box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius:2rem; overflow: hidden;}
.ir-intro-list li a .bg-box .cm-fill {position: absolute;display: block;width: 0px; height: 0px; transform: translate(-50%, -50%);border-radius: 50%; background: var(--main-color); transition: width 0.7s, height 0.7s;}
.ir-intro-list li:nth-child(3) a .bg-box .cm-fill{background: #a4b101;}
.ir-intro-list li a .tit-box {padding-bottom: 2rem; position: relative;}
.ir-intro-list li a .tit-box .tit-en {font-size: 1.6rem; font-weight: 400; line-height: 1.2em; color: #fff; margin-bottom: 0.5rem;}
.ir-intro-list li a .tit-box .tit {display: block; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.2em;}
.ir-intro-list li a .icon {display: block; text-align: right; height: 3rem; line-height: 3rem; position: relative;}
.ir-intro-list li a .icon img {max-width: 100%; max-height: 100%;}
.ir-intro-list li a:hover .cm-fill {width: 100rem; height: 100rem;}

.ir-intro-public-con .stocktbl-tit {text-align: center; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.22em; margin-bottom: 2.5rem;}
.ir-intro-stock-table .stockTbl-wrapper {border-top: 1px solid #000;}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl {width: 100%;}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row {display: flex; align-items: center; /* height: 10rem;  */padding: 0 1rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.03em; color: #888888; border-bottom: 1px solid rgba(0,0,0,0.1);}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .tit {width: 82.65%;}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .tit a {display: block; width: 100%;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 3rem 1rem 3rem 4rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.03em; color: #000; line-height: 1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .name {width: 6.9%; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.02em; color: #888888; text-align: center;}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .name a {display: block; width: 100%; padding: 3rem 0;}
.ir-intro-stock-table .stockTbl-wrapper .stock-tbl-row .date {width: 10.45%; text-align: center;}

.ir-intro-public-con .ir-intro-btn {display: block; width: 24rem; height: 6rem; border: 1px solid #000; border-radius: 3rem; margin: 3.3rem auto 0; line-height: 5.9rem; text-align: center; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #000; position: relative; overflow: hidden; transition: color 0.4s;}
.ir-intro-public-con .ir-intro-btn em {position: relative; z-index: 1; font-weight: 500%;}
.ir-intro-public-con .ir-intro-btn .btn-bg-box {position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 5rem; overflow: hidden;}
.ir-intro-public-con .ir-intro-btn .btn-bg-box .cm-fill { position: absolute;display: block;  width: 0px;   height: 0px;  transform: translate(-50%, -50%);  border-radius: 50%; opacity: 0.95; background: #000;  transition: width 0.7s, height 0.7s;}

.ir-intro-public-con .ir-intro-btn:hover {color: #fff;}
.ir-intro-public-con .ir-intro-btn:hover .btn-bg-box .cm-fill {width: 60rem; height: 60rem;}


/* ****************** 06. 고객센터 ********************* */
.customer-page {padding: 0 0 30rem;}
/* ------- 고객문의 ------- */
.inquiry-con {padding: 15rem 0;}
.inquiry-con01 {padding-top: 0;} 

.inquiry-con .cm-sub-title {margin-bottom: 7rem;}
.inquiry-type-list {display: flex; margin: 0 -2rem;}
.inquiry-type-list li {width: calc(25% - 4rem); margin: 0 2rem; position: relative;}
.inquiry-type-list li input {display: none;}
.inquiry-type-list li label {position: relative; display: block; width: 100%; height: 8rem; line-height: 8rem; border-radius: 1rem; background: #F5F5F5; text-align: center; font-size: 2rem; font-weight: 600; letter-spacing: -0.4px; color: #000; transition: all 0.3s;}
.inquiry-type-list li input[type="radio"]:checked + label {background: #000; color: #fff; }
.inquiry-write-con {display: flex; flex-wrap: wrap; margin: -2rem;}
.inquiry-write-con dl {width: calc(50% - 4rem); margin: 2rem;}
.inquiry-write-con dl dt {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #000; line-height: 1.3em; margin-bottom: 0.5rem;}
.inquiry-write-con dl dd .write-input,
.inquiry-write-con dl dd .write-select {width: 100%; border: 0; border-bottom: 1px solid #000; height: 7rem; line-height: 6.9rem; text-indent:2rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.03em; color: #000;}
.inquiry-write-con dl dd input::placeholder, 
.inquiry-write-con dl dd input::placeholder {color: #888888;}
.inquiry-write-con .cm-form-fieldset-box { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin: 0 -1rem;}
.inquiry-write-con.content-con {margin: 0; margin-bottom: 5rem;}
.inquiry-write-con.content-con dl {width: 100%; margin: 0;}
.inquiry-write-con.content-con dl .write-textarea {width: 100%; border: 1px solid #000; height: 30rem; border-radius: 0.5rem; padding: 2rem; box-sizing: border-box; resize: none; text-indent: 0; vertical-align: middle;}

.inquiry-write-con.agree-con  fieldset {display: flex; align-items: center; justify-content: space-between; height: 7rem; border: 1px solid #000000; border-radius: 5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.inquiry-write-con.agree-con .agree-box {padding: 0 2.4rem;}
.inquiry-write-con.agree-con .agree-box .agree-txt input {display: none;}
.inquiry-write-con.agree-con .agree-box .agree-txt label {position: relative; padding-left: 3rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #000;}
.inquiry-write-con.agree-con .agree-box .agree-txt label:before {position: absolute; content: ''; top: 0; left: 0; width: 2rem; height: 2rem; border-radius: 0.5rem; border: 1px solid #000; box-sizing: border-box;}
.inquiry-write-con.agree-con .agree-box .agree-txt label:after {display: none; position: absolute; content: "\e929"; font-family: xeicon; left: 0; top: 0; font-size: 2rem;}
.inquiry-write-con.agree-con .agree-box .agree-txt input:checked + label:after {display: block;}
.inquiry-write-con.agree-con .agree-box a {position: relative;font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #000; }
.inquiry-write-con.agree-con .agree-box a span {display: inline-block;border-bottom: 1px solid #000; margin-right: 5px;}
.inquiry-write-con.agree-con .agree-box a i {position: relative; top: 1px;}

.inquiry-write-con.agree-con .security-code-box input {border-radius: 5px;  width: calc(100% - 11rem); border: none; height: 100%; text-indent: 2.4rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #000;}
.inquiry-write-con.agree-con .security-code-box input::placeholder {color: rgba(0,0,0,0.5);}
.inquiry-write-con.agree-con .security-code-box .security-code {display: inline-block; width: 11rem; text-align: center; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #000;}

.agree-check-box {margin-top: 5rem;}
.agree-check-box input {display: none;}
.agree-check-box label {position: relative; padding-left: 3rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #000;}
.agree-check-box label:before {position: absolute; content: ''; top: 0.4rem; left: 0; width: 2rem; height: 2rem; border-radius: 0.5rem; border: 1px solid #000; box-sizing: border-box;}
.agree-check-box label:after {display: none; position: absolute; content: '\e928'; font-family: 'xeicon'; font-size:  1.4rem; color: #000; top: 0.7rem; left: 0.3rem;}
.agree-check-box label a {border-bottom: 2px solid #000; color: #000;}
.agree-check-box input[type="checkbox"]:checked + label:after {display: block;}
.inquiry-submit-btn {display: block; width: 24rem; height: 6rem; line-height: 6rem; text-align: center; background: var(--main-color); border-radius: 3rem; margin: 6rem auto 0; font-size: 1.6rem; letter-spacing: -0.05em; color: #fff;}

/* ------- 오시는길 ------- */
.location-map-con {margin-top: 6rem; position: relative; height: 67.8rem;}
.location-map-con .map-con {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.location-map-con .map-con iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% + 400px); height: calc(100% + 400px);}
.location-map-con .location-address-box {height: 100%; display: flex; align-items: flex-end; justify-content: end; position: relative; z-index: 1;}
.location-address-box dl {display: inline-block; padding: 4rem 5rem; background: #fff; box-shadow: 1rem 1rem 4rem #0000001A; border-radius: 2rem; margin-bottom: 6rem;}
.location-address-box dl dt {position: relative; padding-left: 3rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; color: #000; line-height: 1.2; margin-bottom: 1rem;}
.location-address-box dl dt:before {position: absolute; content: '\eb59'; top: 0; left: 0; font-family: xeicon; color: var(--main-color); font-size: 2.4rem; }
.location-address-box dl dd {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #000; line-height: 1.625;}
.location-info-con {padding-top: 8rem; display: flex; margin: 0 -2rem;}
.location-info-box {display: flex; align-items: center; justify-content: space-between; width: calc(50% - 4rem); margin: 0 2rem; padding: 3.5rem 5rem; background: #F5F5F5; border-radius: 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.location-info-box p {display: flex; align-items: center; font-size: 2rem; font-weight: 600; letter-spacing: -0.045em; line-height: 1.2; color: #000;}
.location-info-box p i {display: inline-block; text-align: center; width: 5rem; height: 5rem; border-radius: 5rem; background: #fff; line-height: 5rem; font-size: 2.4rem; margin-right: 1.3rem;}
.location-info-box strong {display: block; font-size: 3.2rem; font-weight: 500; line-height: 1.2; color: #000;}

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

/* .board-custom-select-box .fakeform-selectbox {width: 8.5rem;}
.board-custom-select-box .fakeform-selectbox .select-title {padding: 0 10px; color: #333;  line-height: 31px; font-size: 12px; border: 1px solid #898989;   text-indent: 0;  border-radius: 1.7rem;}
.board-custom-select-box .fakeform-selectbox .select-title:after{right:10px;   font-size:18px;     color: #333;}
.board-custom-select-box .select-option {display: 1px solid #898989;}
.board-custom-select-box .select-option span,
.board-custom-select-box .select-option strong {font-size: 12px; font-weight: 400; color: #000; padding: 10px;}
 */
@media all and (max-width:800px){
	.fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.4rem; line-height: 4rem; border-radius: 1.4rem;}
	.fakeform-selectbox .select-title.active {border-radius: 1.4rem 1.4rem 0 0;}
	.fakeform-selectbox .select-title:after{right:0.7em; font-size:2rem;}
	/* 옵션창 */
	.select-option {border-radius: 0 0 1.4rem 1.4rem;}
	.select-option span,
	.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 1.5rem 1em; }
}





/* ****************** 04. 세미나·행사 ********************* */
/* 공통 :: 버튼 */
.cm-btn-wrap{margin-top:10rem;}
.cm-btn-wrap .cm-btn{display: flex; align-items:center; justify-content:center; width:24rem; height:6rem; border:2px solid #000; border-radius:3rem; box-sizing:border-box; margin:auto;}
.cm-btn-wrap .cm-btn .txt{font-size:1.8rem; letter-spacing:-0.04em; color:#000; font-weight:600;}

/* ------- 1. 개요 ------- */
/* 개요 컨텐츠 레이아웃 */
.summary-con{padding:15rem 0 13rem;}
.summary-con:first-child{padding-top:7rem;}
.summary-con.bg-gray{background:#F5F5F5;}
/* 개요 공통 텍스트 */
.summary-con .cm-sub-title .txt02{line-height:1.25; font-weight:700;}
.summary-con.summary-history .cm-sub-title .txt02{letter-spacing: -0.07em;}
.summary-tit{display: block; font-size:1.6rem; line-height:1.6; letter-spacing:0em; color:#000; font-weight:700; margin-bottom:4rem;}
.summary-txt{font-size:2rem; line-height:1.6; letter-spacing:-0.05em; color:#050505; margin-top:3rem;}

/* 개요 :: 심포지엄 개최 */
.summary-intro .summary-txt{margin-top:6rem;}

/* 개요 :: Highlight */
.summary-slide{display: flex; margin:8rem -5rem 0; width:calc(100% + 10rem);}
.summary-slide .slick-list{overflow:visible;}
.summary-slide .slide-item{margin:0 2rem; width:calc(33.33% - 4rem);}
.summary-slide .slide-item a{position: relative; display: block; border-radius:2rem; overflow:hidden; box-shadow: 5rem 5rem 7rem #00000029;}
.summary-slide .slide-item a .img-box{}
.summary-slide .slide-item a .img-box span{position: relative; display: block; width:100%; height:0; padding-top:100%;}
.summary-slide .slide-item a .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; object-fit:cover;}
.summary-slide .slide-item a .cover-box{position: absolute; display: flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; top:0; left:0; background:rgba(177, 191, 0, 0.76); backdrop-filter: blur(17px); opacity:0; transition:var(--transition-custom);}
.summary-slide .slide-item a .cover-box .cover-tit{font-size:3.2rem; letter-spacing:-0.025em; line-height:1.46; color:#fff; font-family: var(--font-family3); font-weight:400;}
.summary-slide .slide-item a .cover-box .icon{display: flex; align-items:center; justify-content:center; width:6rem; height:6rem;  border:2px solid #fff; box-sizing:border-box; border-radius:50%; margin-top:1.5rem;}
.summary-slide .slide-item a .cover-box .icon i{font-size:3.2rem; color:#fff;}
/* progress bar */
.summary-slide-control {display: flex; align-items: center; position: relative; margin-top:12rem; }
.summary-slide-control .summary-slide-progress {position: relative; width: calc(100% - 16rem);}
.summary-slide-progress-bar{position: relative; width:100%; height:5px; background:rgba(0,0,0,0.1); border-radius:5px;}
.summary-slide-progress-bar span{position: absolute; height:100%; left:0; top:0; background:var(--main-color); border-radius:5px; transition:var(--transition-custom);}
.summary-slide-dot {position: absolute; top: 0; left: 0; width: 100%; height: 5px; }
.summary-slide-dot .slick-dots {display: flex;}
.summary-slide-dot .slick-dots li {width: 100%; height: 5px;}
.summary-slide-dot .slick-dots li button {display: block; width: 100%; height: 100%; font-size: 0; text-indent: -99999px;}
.summary-slide-arrow {position: relative; width: 16rem; height: 4.8rem; z-index: 100;}
.summary-slide-arrow button {  position: absolute; top: -0.1rem; font-size: 4.8rem; color: #000; opacity: 0.1; transition: all 0.3s; }
.summary-slide-arrow button.arrow-prev {right: 7.3rem;}
.summary-slide-arrow button.arrow-next {right: 0;}
.summary-slide-arrow button:hover {opacity: 1;}
/* 개요 :: 핵심 철학 */
.philosophy-list{margin-top:7rem;}
.philosophy-list .list-item{display: flex; align-items:center; border-radius:5px; background:#f5f5f5; margin-bottom:4rem;}
.philosophy-list .list-item:last-child{margin-bottom:0;}
.philosophy-list .list-item .img-box{width:50%; padding:2rem; box-sizing:border-box; text-align: center;}
.philosophy-list .list-item .img-box img{max-width:100%; border-radius:5px;}
.philosophy-list .list-item .txt-box{width:50%; padding:2rem; box-sizing:border-box; text-align:center;}
.philosophy-list .list-item .txt-box .tit{font-size:4rem; line-height:1; letter-spacing:-0.02em; color:var(--main-color); font-weight:700;}
.philosophy-list .list-item .txt-box .txt{font-size:1.7rem; line-height:1.52; letter-spacing:-0.02em; color:#888; margin-top:2.5rem;}
/* reverse */
.philosophy-list .list-item.reverse{flex-direction:row-reverse;}

/* 개요 :: History */
.history-slide.summary-slide .slide-item a .img-box span{padding-top:141.5%;}

/* 개요 :: Event */
.summary-con .schedule-list{margin-top:1.5rem;}

/* 개요 :: 팝업 */
.summary-inner-box{text-align:center; max-height:calc(100vh - 20rem); overflow:visible;}
.summary-inner-box img{max-width:100%;}


/* 세미나 리스트 */
.schedule-list-con {padding-bottom: 4.5rem;}
.schedule-list {display: flex; flex-wrap: wrap; margin: -4.5rem -2rem;}
.schedule-list li { width: calc(25% - 4rem); margin: 4.5rem 2rem;}
.schedule-list li a {position: relative; display: block;}
.schedule-list li a .state-box {position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; margin: -0.5rem;  box-sizing: border-box; z-index: 2;}
.schedule-list li a .state-box span {display: inline-block; margin: 0.5rem; width: 8rem; height: 3rem; text-align: center; line-height: 2.6rem; border: 0.2rem solid #fff; border-radius: 2rem; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.01em; color: #fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.schedule-list li a .state-box span.domestic {background: var(--main-color);}
.schedule-list li a .state-box span.overseas {background: #0857C3;}
.schedule-list li a .state-box span.state {background: #000000;}
.schedule-list li a .img-con {position: relative; width: 100%; height: 0; padding-top: 143.333%; border-radius: 1rem; overflow: hidden;}
.schedule-list li a .img-con:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem; background: rgba(255,255,255,0.8); z-index: 1; opacity: 0;}
.schedule-list li.state-end a .img-con:before {opacity: 1;}
.schedule-list li a .img-con span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.schedule-list li a .img-con span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.schedule-list li a .tit-box {padding: 2rem 0 ;}
.schedule-list li a .tit-box .tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #050505; line-height: 1.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.schedule-list li a .tit-box .date {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #050505; line-height: 1.2; padding-top: 0.5rem;}
.schedule-list li a .more-btn {width: 100%; height: 4.2rem; display: flex; align-items: center; justify-content: space-between; padding:0 2rem; background: var(--main-color); border-radius: 0.5rem; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; box-sizing: border-box;}


/* ------- 2. 일정 ------- */
/* 일정 :: 상단 달력영역 */
.schedule-top-con{position: relative; display: flex; justify-content:space-between; margin-bottom:15rem; padding-top:2rem;}
.schedule-top-category-box{position: absolute; top:-2rem; right:0; display: flex; align-items:center; justify-content:flex-end;}
.schedule-top-category-box .category{display: flex; align-items:center; margin-left:2rem; font-size:1.7rem; line-height:1.94; letter-spacing:-0.02em; color:#000; font-weight:600;}
.schedule-top-category-box .category span{display: block; width:7px; height:7px; border-radius:50%; margin-right:0.5rem;}
.schedule-top-category-box .category span.domestic{background:#B3CC2D;}
.schedule-top-category-box .category span.overseas{background:#0857C3;}

.schedule-calendar-box{width:37.88%; max-width:500px; background:#f5f5f5; border-radius:2rem; padding:2rem; box-sizing:border-box;}
/* 일정 :: 상단 달력 :: 우측 리스트메뉴 */
.schedule-list-box{display: flex ; flex-direction: column; width:59.85%; max-width:790px; background:#f5f5f5; border-radius:2rem; padding:2rem; box-sizing:border-box;	}
.schedule-list-box .current-month{text-align:center; margin-bottom:2rem; font-size:3rem; line-height:1.1em; font-weight:500; }
.schedule-list-box .current-month strong{display:inline-block; color:#000; font-weight:500;}
.schedule-list-content{height:calc(100% - 3.3rem); background:#fff; border-radius:2rem; padding:3rem; padding-right:1.5rem; box-sizing:border-box;}
.schedule-list-content .inner-list{padding-right:3rem; box-sizing:border-box; overflow:auto; max-height:26rem;}

.schedule-list-content .inner-list::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}
.schedule-list-content .inner-list::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius:5px;
}
.schedule-list-content .inner-list::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius:5px;
}

.schedule-list-content .inner-list .list-item{border-bottom:1px solid rgba(0,0,0,0.1); padding:1rem; box-sizing:border-box;}
.schedule-list-content .inner-list .list-item:last-child{border-bottom:0;}
.schedule-list-content .inner-list .list-item a{display: flex; align-items:center;}
.schedule-list-content .inner-list .list-item .state-box{}
.schedule-list-content .inner-list .list-item .state-box span{display: flex; align-items:center; justify-content:center; width:8rem; height:3rem; border-radius:3rem; font-size:1.4rem; color:#fff; font-weight:600; letter-spacing:-0.01em;}
.schedule-list-content .inner-list .list-item .state-box .domestic{background:#B3CC2D;}
.schedule-list-content .inner-list .list-item .state-box .overseas{background:#0857C3;}
.schedule-list-content .inner-list .list-item .tit-box{width:calc(100% - 16rem); padding:0 1rem; box-sizing:border-box;}
.schedule-list-content .inner-list .list-item .tit-box .tit{font-size:1.4rem; letter-spacing:-0.01em; color:#000; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0.5rem 0;}
.schedule-list-content .inner-list .list-item .date{width:8rem; font-size:1.4rem; letter-spacing:-0.01em; color:#888; font-weight:600; text-align:right;}


/* ------- 2. 뷰페이지 ------- */
.seminar-view-con {padding-top: 10rem;}
.seminar-tit {padding-bottom:3.5rem; font-size: 4rem; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1.2; border-bottom: 1px solid #000;}
/* 뷰페이지 :: 상단 정보 */
.seminar-view-top {padding-top: 6rem; display: flex; margin-bottom:10rem;}
.seminar-view-top .left-con {width: 34.84%;}
.seminar-view-top .img-list-con {width: 100%; position: relative; padding: 2rem 2rem 2.5rem; background: #F5F5F5; border-radius: 2rem; box-sizing: border-box;}
.seminar-view-top .slick-list{border-radius: 2rem; overflow: hidden;}
.seminar-view-top .img-list li span {position: relative; display: block; width: 100%; height: 0; padding-top: 142.85%; border-radius: 2rem; overflow: hidden;}
.seminar-view-top .img-list li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.seminar-view-top .img-list-con .slick-dots {margin-top:2.5rem;}
.seminar-view-top .img-list .slick-dots{display: flex; align-items:Center; justify-content:center;}
.seminar-view-top .img-list .slick-dots li{margin:0 5px;}
.seminar-view-top .img-list .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:1rem; height:1rem; background-color:rgba(0,0,0,0.1); font-size:0; border-radius:50%;}
.seminar-view-top .img-list .slick-dots li.slick-active button{background-color:#B1BF00;}
.seminar-view-top .state-box{display: flex; margin:0 -0.5rem; margin-top:2rem;}
.seminar-view-top .state-box span{display: flex; align-items:center; justify-content:center; width:8rem; height:3rem; border-radius:3rem; background:#000; color:#fff; font-size:1.4rem; letter-spacing:-0.01em; font-weight:600; margin:0 0.5rem;}
.seminar-view-top .state-box span.domestic{background:#B3CC2D;}
.seminar-view-top .state-box span.overseas{background:#0857C3;}
 
.seminar-view-top .right-con {width: 65.16%; padding-left:8rem; padding-top:6rem; box-sizing:border-box;}
.seminar-view-top .right-con .txt-box{padding-bottom:4rem; margin-bottom:4rem; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.1); }
.seminar-view-top .right-con .txt-box .txt01{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#050505; font-weight:700; margin-bottom:3rem;}
.seminar-view-top .right-con .txt-box .txt02{font-size:1.7rem; line-height:1.76; letter-spacing:-0.02em; color:#888; font-weight:500;}
.seminar-view-top .right-con .info-box{}
.seminar-view-top .right-con .info-box dl{display: flex; font-size:1.7rem; letter-spacing:-0.02em; line-height:1.5; margin-bottom:2.5rem;}
.seminar-view-top .right-con .info-box dl:last-child{margin-bottom:0;}
.seminar-view-top .right-con .info-box dl dt{width:12rem; font-weight:700; color:#000;}
.seminar-view-top .right-con .info-box dl dd{width:calc(100% - 12rem); font-weight:500; color:#888;}
.seminar-view-top .right-con .info-box dl dd a{color:#0857C3; text-decoration: underline;}

/* 뷰페이지 :: 하단 상세내용 */
.seminar-view-info{margin-bottom:6rem;}
.seminar-view-tbl-box{}
.seminar-view-tbl{width:100%; text-align:center;}
.seminar-view-tbl thead tr th,
.seminar-view-tbl tbody tr th,
.seminar-view-tbl tbody tr td{padding:1.2rem 2rem; font-size:1.7rem; letter-spacing:-0.02em; font-weight:500;}

.seminar-view-tbl thead tr th{background:#000; color:#fff;}
.seminar-view-tbl tbody tr th,
.seminar-view-tbl tbody tr td{border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
.seminar-view-tbl tbody tr td:last-child{border-right:0;}

.seminar-view-tbl tbody tr.bg-gray td{background:rgba(0,0,0,0.1);}

.seminar-view-tbl-box .seminar-view-tbl-plus-box{margin-top:3rem;}
.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt{position: relative; font-size:1.7rem; letter-spacing:-0.02em; line-height:1.76; color:#888; font-weight:500; padding-left:0.7em;}
.seminar-view-tbl-box .seminar-view-tbl-plus-box .plus-txt:before{position: absolute; content:'*'; left:0; top:0;}
/* 지도 */
.seminar-view-map-box{margin-top:8rem;}
.seminar-view-map-box .map-frame{position: relative; width:100%; height:0; padding-top:44rem;}
.seminar-view-map-box .map-frame iframe{position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:none;}


/* ****************** 02. 글로벌 네트워크 ********************* */
.sub-network-wrapper{padding: 15rem 0 30rem;}
.sub-network-list{margin: -1.5rem -2rem; display: flex; flex-wrap:wrap;}
.sub-network-item{margin: 1.5rem 2rem; width: calc(50% - 4rem);}
.sub-network-item .sub-network-inner {position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 4rem 4rem 3.5rem 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #121417; border-radius: 2rem;}
.sub-network-item .sub-network-inner:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid var(--main-color); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;border-radius: 2rem; opacity: 0; transition: all 0.3s;}
.sub-network-item .sub-network-inner .inner-top-box{position: relative; display: flex; justify-content:space-between; z-index:1;}
.sub-network-item .sub-network-inner .inner-top-box .link-list{display: flex; justify-content:flex-end; max-width:33rem;}
.sub-network-item .sub-network-inner .inner-top-box .link-list .link-item{margin-right:0.5rem;}
.sub-network-item .sub-network-inner .inner-top-box .link-list .link-item a{display: flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:50%; background:rgba(255,255,255,0.1); transition:var(--transition-custom);}
.sub-network-item .sub-network-inner .inner-top-box .link-list .link-item a i{font-size:2.4rem; color:#fff;}
.sub-network-item .sub-network-inner .inner-top-box .link-list .link-item:last-child{margin-right:0;}
.sub-network-item .sub-network-inner .tit-box {margin-bottom: 3rem;}
.sub-network-item .sub-network-inner .tit-box strong {display: block; font-size: 2.4rem; letter-spacing: -0.025em; color: #fff; line-height: 1.5;}
.sub-network-item .sub-network-inner .tit-box span {display: block; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.3; margin-top: 0.3rem;}
.sub-network-item .sub-network-inner .info-box dl {display: flex; opacity: 0.6; font-size: 1.6rem; letter-spacing: -0.025em; line-height: 1.5; color: #fff; transition: all 0.3s; margin-bottom: 1rem;}
.sub-network-item .sub-network-inner .info-box dl:last-child {margin-bottom: 0;}
.sub-network-item .sub-network-inner .info-box dl dt {width: 6.5rem; padding-right: 0.5rem; box-sizing: border-box;}
.sub-network-item .sub-network-inner .info-box dl dd {width: calc(100% - 6.5rem);}
.sub-network-item .sub-network-inner:hover:before {opacity: 1;}

@media all and (min-width:801px){
	.sub-network-item .sub-network-inner .inner-top-box .link-list .link-item a:hover{background:var(--main-color);}
}