@charset "utf-8";

/* 
 * content CSS Document
 *
 */



/* sub visual */
.area-subVisual{position:relative;  height:330rem; box-sizing:border-box;}
.area-subVisual .scroll_ani{display:none;}
.sub-visual__text{position:relative; top:57%; /* padding-top:400rem;*/ width:auto; margin:0 auto; transform: translateY(-50%); text-align:center;}
.sub-visual__text > *{color:#fff;}
.area-subVisual h2{font-weight:800; font-size:60rem; text-transform:capitalize; line-height:1em; word-break:keep-all; font-family:var(--font-eng);}
.area-subVisual h3{font-weight:800; font-size:55rem; text-transform:capitalize; line-height:1em; word-break:keep-all;}
.area-subVisual h3{display:none;}
.area-subVisual .sub-visual__bg{position:absolute; top:0;left:0;z-index:-1;width:100%;height:100%; overflow:hidden;}
.area-subVisual .sub-visual__bg i{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;}
.area-subVisual[data-sublayout="company"] .sub-visual__bg i{background-image:url(../img/content/img_company_bg.jpg); background-position: 50% 100%;}
.area-subVisual[data-sublayout="product"] .sub-visual__bg i{background-image:url(../img/content/img_product_bg.jpg);}
.area-subVisual[data-sublayout="system"] .sub-visual__bg i{background-image:url(../img/content/img_system_bg.jpg);}
.area-subVisual[data-sublayout="rnd"] .sub-visual__bg i{background-image:url(../img/content/img_rnd_bg.jpg);}
.esg_sub01 .area-subVisual[data-sublayout="esg"] .sub-visual__bg i{background-image:url(../img/content/img_esg_bg01.jpg);}
.esg_sub02 .area-subVisual[data-sublayout="esg"] .sub-visual__bg i{background-image:url(../img/content/img_esg_bg02.jpg);}
.esg_sub03 .area-subVisual[data-sublayout="esg"] .sub-visual__bg i{background-image:url(../img/content/img_esg_bg03.jpg);}
.area-subVisual[data-sublayout="customer"] .sub-visual__bg i{background-image:url(../img/content/img_customer_bg.jpg);}

.area-subVisual[data-sublayout="management"] h2,
.area-subVisual[data-sublayout="business"] h2{display:none;}
.area-subVisual[data-sublayout="management"] h3,
.area-subVisual[data-sublayout="business"] h3{display:block;}
.area-subVisual[data-sublayout="management"] .sub-visual__text{top:45%;}
.area-subVisual[data-sublayout="management"] h3{width:200rem;}
.area-subVisual[data-sublayout="esg"] h2{display:none;}
.area-subVisual[data-sublayout="esg"] h3{display:block;}

/* page navigation */
.area_navigation{margin:25rem 0 0; }
.area_navigation ul{display:flex; justify-content: center; align-items: center; gap:40rem;}
.area_navigation ul li{position:relative; line-height:1; font-size:18rem; color:#fff; opacity:0.8; font-family:var(--font-kr);}
.area_navigation ul li br{display:none;}
.area_navigation ul li:first-child{padding-left:0;}
.area_navigation ul li img{display:inline-block; position:relative; top:4rem; width:20rem; height:15rem; vertical-align:top; opacity:0.8;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:""; position:absolute; top:5.5rem; right:-23rem; width:6rem; height:12rem; background:url(../img/content/ic-navi-arr.svg)no-repeat center; background-size:contain; opacity:0.6;}
.area_navigation ul li:last-child:after{display:none;}
.area_subVisual.nobbs-tab .area_navigation{bottom:50rem;}
.area-subVisual.on{padding:90rem 0 0;}
.area-subVisual.on .area_navigation{position:absolute; opacity:0; z-index:-1;}


/* lnb */
.area_lnb{width:100%; height:80rem; border-bottom:1px solid #eee; box-sizing:border-box; margin-bottom:80rem; }
.area_lnb nav{width:100%; height:100%;}
.area_lnb nav .wrap{width:100%; height:100%;}
.area_lnb nav ul{display:flex; justify-content: center; align-items: center; gap:60rem; width:100%; height:100%;}
.area_lnb nav ul > li{}
.area_lnb nav ul > li:last-child{margin: 0;}
.area_lnb nav ul > li > a{position:relative; display:block; line-height:1.4em; word-break:keep-all; font-family:var(--font-kr); }
.area_lnb nav ul > li > a > span{font-size:18rem; font-weight:500; color:#bab9b9; /*transition:all 0.3s ease;*/}
.area_lnb nav ul > li > a > span i{display:none;}
.area_lnb nav ul > li > a > span br{display:none;}
.area_lnb nav ul > li.active > a > span{color:var(--color-point); font-weight:700;}

#en .area_lnb nav ul > li{text-align:center;}
#en .area_lnb nav ul > li > a > span br{display:block;}
#en .area_lnb nav ul > li > a > span i{display:none;}

.btn_m_lnb{display:none; position:relative; padding:15rem 35rem 15rem 15rem; border-bottom:1px solid #eee; border-left:none; border-right:none; box-sizing:border-box; font-size:17rem; font-weight:600; color:#333; transition:all 0.3s ease 0s;}
.btn_m_lnb:after{content:''; display:block; position:absolute; right:20rem; top:50%; width:12rem; height:8rem; margin-top:-4rem; background:url(../img/content/ic-arr-bk.svg) no-repeat 0 0; background-size:100%; transition:all 0.3s ease 0s;}
.btn_m_lnb.active{background:var(--color-point); border-color:var(--color-point); color:#fff;}
.btn_m_lnb.active:after{background-image:url(../img/content/ic-arr-wt.svg); transform:rotate(180deg);}

/* 테이블 */
#content .mob_info{display:none;}
#content table.table{border-top:2px solid #222; width:100%;}
#content table.table thead th{background:#f9f9f9; border-right:1rem solid #eee; font-size:16rem; font-weight:bold; color:#222; word-break:keep-all;}
#content table.table thead tr:last-child th{border-bottom:1rem solid #eee;}
#content table.table thead tr th:last-child{border-right:0;}
#content table.table tbody td{border:1px solid #eee; font-size:16rem; color:#555; font-weight:500; text-align:center; word-break:break-word; line-height:1.2em;}
#content table.table tbody td.left{text-align:left;}
#content table.table tbody td strong{font-weight:500;}
#content table.table tbody td p{font-size:15rem; color:#555; font-weight:500;}
#content table.table tbody td span{display:block; font-size:14rem; color:#888; font-weight:400; line-height:1.8em;}
/*#content table.table tbody td span:nth-of-type(1){padding:5rem 0 0; }*/
#content table.table th{padding:15rem;}
#content table.table td{padding:15rem 10rem;}
#content table.table tbody tr td:first-child, 
#content table.table tbody tr th:first-child{border-left-width: 0px;}
#content table.table tbody tr td:last-child{border-right-width:0px;}
table.table tr:hover td, table.table tr:focus td{ background-color:#f7faff; }
   

#content{position:relative; min-height:500rem; padding:0 0 100rem; box-sizing:border-box; }
.sub_title{text-align:center; margin-bottom:55rem;}
.sub_title > h2{font-size:55rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all; font-family:var(--font-kr);}
.sub_title > h2 br{display:none;}

/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav{ display: flex; align-items: center; position: relative; margin-bottom:30rem;  border-bottom: 2px solid #B4B4B4; box-sizing: border-box;} 
.tab_nav > li{position:relative; width:calc(100% / 2); width:-webkit-calc(100% / 2); text-align:center; cursor:pointer; }
.tab_nav > li a{display:block; padding:12rem; box-sizing:border-box;}
.tab_nav > li:before{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; background:#aaa;}
.tab_nav > li span{font-size:16px; font-weight:600; color:#c9c9cb;}
.tab_nav > li.active span{color:var(--color-point);}
.tab_nav > li.active:before{height:2px; background:var(--color-point);}
.tab_nav > li:last-child:after{display:none;}
.sub_tab_nav{display:grid; grid-template-columns: repeat(3, 1fr); gap:10rem;} 
.sub_tab_nav > li{display:block;}
.sub_tab_nav > li > a{display:block; padding:5rem; font-weight:bold; color:#979797; background:#fff; border:1px solid #979797; box-sizing:border-box; border-radius:6rem; text-align:center; font-size:12rem;}
.sub_tab_nav > li.active a{border-color:var(--color-point); color:var(--color-point);}
.tab_nav li.active a,
.sub_tab_nav li.active a {   z-index: 2; } 
.tab, .sub_tab { display: none;  } 
.tab.active, .sub_tab.active { display: block; } 


@media (max-width:1200px){
	.area_lnb nav ul{gap:30rem;}
	.area_lnb nav ul > li > a > span{text-align:center;}
}
@media (max-width:1024px){
	.area-subVisual{height:350rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:60rem;}
	.sub_title{margin-bottom:60rem;}
	.sub_title > h2{font-size:50rem;}
	.area_lnb nav ul > li > a > span{font-size:17rem; line-height:1em;}
}
@media (max-width:860px){
	.sub_title{margin-bottom:50rem;}
	.sub_title > h2{font-size:45rem;}
}
@media (max-width:768px){
	.area-subVisual h2,
	.area-subVisual h3{font-size:50rem;}
	.sub_title > h2{font-size:40rem;}
	.area_navigation ul{gap:30rem;}
	.area_navigation ul li{font-size:17rem;}
	.area_navigation ul li:after{top:3rem; right:-19rem;}
	.area_navigation ul li img{top:1px; }
	
	.btn_m_lnb{display:block;}
	.area_lnb{background:#fff; height:auto; border-bottom:none; margin-bottom:60rem; z-index:50;}
	.area_lnb .lnb{box-sizing:border-box;}
	.area_lnb .lnb ul{display:none; position:absolute; height:auto;padding:0; text-align:left; border-bottom:1px solid #eee; background:#fff; z-index:100; box-shadow:none; box-sizing:border-box;}
	.area_lnb .lnb ul li{float:none; width:100%;}
	.area_lnb .lnb ul li a{padding:12rem 15rem; color:#222; border-top:1px solid #eee; transition:all 0.1s ease 0s; text-align:left;}
	.area_lnb nav ul > li > a > span{font-size:16rem; }
	.area_lnb li > a.active, .area_lnb li > a:hover{transform:none;}
	.area_lnb li > a.active:after, .area_lnb li > a:hover:after{display:none;}
	.area_lnb li > a.active:before{width:0;}
	.area_lnb li > a.active:hover:before{width:100%;}
	#en .area_lnb nav ul > li > a > span br{display:none;}
	#en .area_lnb nav ul > li > a > span i{display:inline-block;}

	#content{padding:0rem 0 80rem; min-height:300rem;}
	.sub_title{margin-bottom:40rem;}
}
@media (max-width:620px){
	.area-subVisual{height:250rem;}
	.area-subVisual h2, .area-subVisual h3{font-size:45rem;}
/*
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:650px;}
	#content .mob_info{display:block; margin:10px 0 0; font-size:13rem;}
	#content .mob_info span.en{display:none;}
*/
}
@media (max-width:480px){
	.area-subVisual{height:200rem;}
	.area-subVisual h2,
	.area-subVisual h3{font-size:30rem;}
	.sub_title > h2{font-size:24rem;}
	.area_navigation{margin:15rem 0 0;}
	.area_navigation ul{gap:20rem;}
	.area_navigation ul li{font-size:12rem;}
	.area_navigation ul li:after{top:1rem; right:-14rem; width:5rem; height:11rem;}
	.area_navigation ul li img{top:0; width:15rem; height:11rem;}
	.btn_m_lnb{font-size:13rem; padding:12rem 30rem 12rem 12rem;}
	.area_lnb{margin-bottom:30rem;}
	.area_lnb .lnb ul li a{padding:10rem; line-height:1em;}
	.area_lnb nav ul > li > a > span{font-size:12rem; }
	.btn_m_lnb:after{width:10rem; height:6rem; right:10rem; margin-top:-3rem;}
	#content{padding:0rem 0 50rem;}
	.sub_title{margin-bottom:20rem;}
	.scroll_ani span{font-size:11rem; padding-bottom:45rem;}
	.scroll_ani i{height:40rem;}

	#content table.table thead th{font-size:12rem; padding:10rem 6rem;}
	#content table.table tbody td{font-size:12rem; padding:10rem 6rem;}
}

/* 남전사 소개 */
#content.company-page{padding-bottom:0 !important;}
.company-sec01{position:relative; margin-bottom:100rem; overflow-x:hidden;}
.company-sec01 .inr{position:initial; display:flex; align-items: center; justify-content: space-between; gap:40rem;}
.company-sec01 .txt{width:50%;}
.company-sec01 .txt > em{display:inline-block; margin-bottom:10rem; font-size:25rem; font-weight:600; color:var(--color-point); font-family:var(--font-eng);}
.typing{min-height:132rem;}
.typing .text{display:block; font-size: 55rem; font-weight:800; position: relative; padding-right:8rem; color:#333;  font-family:var(--font-kr);}
.typing .text::after{content: ''; margin-left:5rem; border-right:7rem solid var(--color-point); font-size:43rem; animation: cursor .9s infinite; position:relative; top:-2rem;  }
.typing .text.done::after {
  content: none;
  animation: none;
}

.company-sec01 .txt > p{display:block; margin-top:20rem; font-size:20rem; font-weight:400; color:#777; line-height:1.6em; word-break:keep-all; font-family:var(--font-kr);}
.company_sub01 .company-sec01 .img{display: flex; align-items: center; height:413rem; margin:0; position:relative; right:-50rem;}
.company_sub01 .company-sec01 .img img{width:auto; height:73%;}

.area_system .company-sec01 .img{width:674rem; height:413rem; background:#eee; box-sizing:border-box; border-radius:500rem; overflow:hidden;}
.area_system .company-sec01 .img img{width:100%; height:100%;}
.area_system .company-sec01 .img:before{content:''; z-index:-1; position:absolute; top:0; right:-150rem; width:413rem; height:413rem; background:var(--color-point); border-radius:500rem;}

.company-sec01 i.circle{display:inline-block; z-index:-1; position:absolute; top:0; right:-150rem; width:413rem; height:413rem; background:var(--color-point); border-radius:500rem;}
.company-sec02{position:relative; display:block; padding:120rem 0 120rem; box-sizing:border-box; background:url(../img/content/bg-company.jpg)no-repeat center bottom; background-size:cover;}
.company-sec02:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.company-sec02 .inr > h3{display:block; margin-left:6.7%; margin-bottom:50rem; font-size:30rem; font-weight:600; color:#fff; line-height:1em; word-break:keep-all; }
.company-info__list{display:grid; grid-template-columns: repeat(4, 1fr);}
.company-info__list > li{text-align:center;}
.company-info__list > li > *{color:#fff; font-family:var(--font-kr);}
.company-info__list > li .icon{width:60rem; margin:0 auto 30rem;}
.company-info__list > li .icon img{width:100%;}
.company-info__list > li .txt{}
.company-info__list > li .txt > em{display:inline-block; margin-bottom:8rem; font-size:18rem; font-weight:500; line-height:1em;}
.company-info__list > li .txt > h3{font-size:20rem; font-weight:600; }
.company-info__list > li .txt > h3 .counter{display:inline-block; position:relative; top:2rem; font-size:38rem; margin:0 2rem; font-weight:700;}
.company-info__list > li .txt > span{display:inline-block; margin-top:8rem; font-size:16rem; font-weight:300; line-height:1em;}
.company-sec03{display:block; padding:100rem 0; box-sizing:border-box; background:#eee;}
.company-sec03 .inr > h3{display:block; margin-bottom:30rem; font-size:30rem; font-weight:700; color:#333; line-height:1em; word-break:keep-all; }
.business-list{display:flex; flex-wrap: wrap; gap:30rem;}
.business-list > li{width:calc((100% / 5) - 24rem); width:-webkit-calc((100% / 5) - 24rem); background:#fff; padding:55rem 20rem; box-sizing:Border-box; text-align:center;}
.business-list > li .icon{display: flex; justify-content: center; align-items: center; width:100rem; height:90rem; margin:0 auto 20rem;}
.business-list > li .icon img{height:70px;}
.business-list > li:last-child .icon img{height:100%;}
.business-list > li:last-child .txt{}
.business-list > li h3{display:block; margin-bottom:12rem; font-size:20rem; font-weight:bold; min-height:45rem; color:#222; line-height:1em; word-break:keep-all;}
.business-list > li h3 i{display:block; margin-top:5rem; font-size:18rem; }
.business-list > li p{display:block; font-size:16rem; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.company-sec04{display:block; padding:100rem 0; box-sizing:border-box;}
.sec-tit{display:flex; justify-content: center; align-items: center; gap:20rem; margin-bottom:70rem;}
.sec-tit .logo{position:relative; top:3rem; height:50rem;}
.sec-tit .logo img{height:100%;}
.sec-tit > h3{font-size:45rem; font-weight:800; color:#333; word-break:keep-all;}
.philosophy-list{display:grid; grid-template-columns: repeat(4, 1fr);}
.philosophy-list > li{position:relative; text-align:center;}
.philosophy-list > li:before{content:''; position:absolute; top:31%; width:100%; height:1px; background:#eef1f7; transform:rotate(17deg); z-index:-1;}
.philosophy-list > li:nth-child(2n):before{top:17%; transform:rotate(-17deg); }
.philosophy-list > li:nth-child(2n){margin-top:60rem;}
.philosophy-list > li:nth-child(4):before{display:none;}
.philosophy-list > li .icon{position:relative; display:flex; justify-content: center; align-items: center; margin:0 auto 65rem; width:160rem; height:160rem; background:url(../img/content/bg-icon.svg)no-repeat center; background-size:contain;}
.philosophy-list > li .icon:before{content:''; position:absolute; bottom:-50rem; left:50%; width:10rem; height:40rem; margin-left:-5rem; background:url(../img/content/ic-dot02.svg)no-repeat center; background-size:contain;}
.philosophy-list > li .icon img{width:90rem;}
.philosophy-list > li:nth-child(2) .icon img{width:70rem;}
.philosophy-list > li .txt{}
.philosophy-list > li .txt > em{display:inline-block; margin-top:8rem; font-size:16rem; font-weight:500; color:var(--color-point); line-height:1em;}
.philosophy-list > li .txt > h3{font-size:24rem; font-weight:bold; line-height:1em;}
.philosophy-list > li .txt > p{display:block; margin:9rem 0 0; font-size: 16rem; font-weight: 400; color: #666; line-height: 1.5em; word-break: keep-all; }

@keyframes cursor{ 
  0%{opacity: 0} 
  50%{opacity: 1} 
  100%{opacity: 0} 
}

.sub-tit02{text-align:center; padding:0 40rem; margin-bottom:50rem; box-sizing:border-box;}
.sub-tit02 em{display:inline-block; margin-bottom:25rem; padding:5rem 20rem; font-size:20rem; font-weight:700; border: 3rem solid var(--color-point); color:var(--color-point); text-transform:uppercase; border-radius:50rem;}
.sub-tit02 h3{display:block; font-size:50rem; font-weight:800; color:#333; word-break:keep-all; line-height:1.4em; font-family:var(--font-kr);}
.sub-tit02 h3 > i{color:var(--color-point);}
.sub-tit02 p{display:block; margin:10rem 0 0; font-size:18rem; font-weight:400; color:#777; line-height:1.4em; word-break:keep-all;}
.rnd_sub02 .sub-tit02 h3{font-size:45rem;}

#en .business-list > li h3{min-height:65rem;}

@media (max-width:1700px){
	.typing .text{font-size:52rem;}
	.company-sec01 .inr{}
	.company-sec01 .txt > p{margin-top:15rem; font-size:19rem;}
	.area_system .company-sec01 .img{width:45%; margin-right:0; height:380rem;}
	.company-sec01 .img:before,
	.company-sec01 i.circle{width:380rem; height:380rem;}
}
@media (max-width:1600px){
	.typing .text{font-size:48rem;}
	.area_system .company-sec01 .img{margin-right:5%;}
	.company_sub01 .company-sec01 .img{right:0;}
}
@media (max-width:1500px){
	.company-sec02 .inr > h3{margin-left: 6.2%;}
}
@media (max-width:1300px){
	.typing .text{font-size:45rem;}
	.area_system .company-sec01 .img{height:350rem; margin-right:2%;}
	.company-sec01 .img:before,
	.company-sec01 i.circle{width:350rem; height:350rem;}
	.company-sec01 .txt > em{font-size:23rem;}
	.company-sec01 .txt > p{margin-top:15rem; font-size:18rem;}
	.company-sec01 .txt > p br{display:none;}

	.company-sec02 .inr > h3{margin-left: 5.2%;}
	.business-list{justify-content: center;}
	.business-list > li{width:calc((100% / 3) - 20rem); width:-webkit-calc((100% / 3) - 20rem);}
}
@media (max-width:1024px){
	.company-sec01 .inr{gap:0}
	.typing .text{font-size:40rem;}
	.typing .text::after{font-size:35rem; border-right:6rem solid var(--color-point);}
	.area_system .company-sec01 .img{height:300rem; margin-right:0%; margin-left:5%;}
	.company_sub01 .company-sec01 .img{height:300rem;}
	.company-sec01 .img:before,
	.company-sec01 i.circle{width:300rem; height:300rem;}
	.company-sec01 .txt > em{font-size:20rem;}
	.company-sec01 .txt > p{margin-top:15rem; font-size:17rem;}

	.company-sec02{padding:100rem 0;}
	.company-sec02 .inr > h3{margin-left: 3.7%;}
	.company-info__list > li .icon{width:54rem;}
	.company-info__list > li .txt > h3 .counter{font-size:34rem;}

	.business-list{gap:20rem;}
	.business-list > li{width:calc((100% / 3) - 14rem); width:-webkit-calc((100% / 3) - 14rem);}

	.philosophy-list > li:before{top:24%; transform: rotate(20deg);}
	.philosophy-list > li:nth-child(2n):before{top:16%; transform: rotate(-20deg);}
	.philosophy-list > li:nth-child(2n){margin-top:35rem;}
	.philosophy-list > li .icon{width:130rem; height:130rem;}
	.philosophy-list > li .icon img{width:70rem;}
	.philosophy-list > li:nth-child(2) .icon img{width:60rem;}

	#en .philosophy-list > li .txt > p{padding:0 10rem; box-sizing:border-box;}
	#en .philosophy-list > li .txt > p br{display:none;}
}
@media (max-width:768px){
	.company-sec01{margin-bottom:70rem;}
	.company-sec01 .inr{flex-direction: column; gap:30rem;}
	.company-sec01 .txt{width:100%;}
	.company_sub01 .company-sec01 .img{width:80%; height:auto; margin:0 auto; border-radius:20rem;}
	.company_sub01 .company-sec01 .img img{width:100%; height:auto;}
	.company-sec01 .img img{width:100%; height:100%;}
	.company-sec01 .img:before,
	.company-sec01 i.circle{display:none;}
	.area_system .company-sec01 .img{width:100%; height:auto; margin:0 auto; border-radius:20rem;}
	.typing{min-height:95rem;}
	[data-ani="left"]{transform: translate(0,30rem);}
	[data-ani="left"].moved{opacity: 1; transform: none;}
	.company-sec01 .img[data-ani="right"]{transform: translateX(0rem);}

	.company-sec02{padding:70rem 0;}
	.company-sec02 .inr > h3{margin-bottom:40rem; margin-left:0;}
	.company-info__list{width:80%; margin:0 auto; grid-template-columns: repeat(2, 1fr); gap:40rem 0;}
	.company-info__list > li .icon{margin:0 auto 20rem; width:54rem;}
	.company-info__list > li .txt > em{margin-bottom:5rem; font-size:17rem;}
	.company-info__list > li .txt > h3 .counter{font-size:30rem;}

	.company-sec03{padding:70rem 0;}
	.business-list{justify-content: flex-start;}
	.business-list > li{width:calc((100% / 2) - 10rem); width:-webkit-calc((100% / 2) - 10rem);}
	.business-list > li:last-child{width:100%;}
	.business-list > li .icon{width:80rem; height:66rem;}

	.company-sec04 .inr{margin:0 auto !important;}
	.sec-tit{margin-bottom:40rem;}
	.philosophy-list > li .icon{width:110rem; height:110rem; margin: 0 auto 50rem;}
	.philosophy-list > li .icon:before{width:8rem; height:36rem; bottom:-46rem; margin-left:-4rem;}
	.philosophy-list > li .txt{padding:0 10rem;}
	.philosophy-list > li .txt > h3{font-size:22rem;}
	.philosophy-list > li .txt > em{font-size:15rem;}
	.philosophy-list > li .txt > p{margin:5rem 0 0; font-size:15rem; line-height:1.4em;}

	#en .philosophy-list > li .txt > p{padding:0;}
	#en .business-list > li h3{min-height:auto;}
	
}

@media (max-width:620px){
	.sub-tit02{margin-bottom:30rem; padding:0 10rem;}
	.company-sec01 .inr{gap:20rem;}
	.typing{min-height:80rem;}
	.company-sec01 .txt > em{font-size:18rem;}
	.typing .text{font-size:34rem;}
	.typing .text::after{font-size:29rem; border-right:5rem solid var(--color-point);}
	.company-sec01 .txt > p{margin-top:12rem; font-size:15rem;}
	.area_system .company-sec01 .img{border-radius:10rem;}

	.company-sec02{padding:50rem 0;}
	.company-sec02 .inr > h3{font-size:25rem; margin-bottom:30rem;}
	.company-info__list{width:100%; gap:30rem 0;}
	.company-info__list > li .icon{width:48rem; margin:0 auto 15rem;}
	.company-info__list > li .txt > em{margin-bottom:4rem; font-size:16rem;}
	.company-info__list > li .txt > h3{font-size:18rem;}
	.company-info__list > li .txt > h3 .counter{font-size:25rem;}
	.company-info__list > li .txt > span{margin-top:5rem; font-size:15rem;}

	.company-sec03{padding:50rem 0;}
	.company-sec03 .inr > h3{font-size:25rem; margin-bottom:20rem;}
	.business-list{gap:12rem;}
	.business-list > li{width:calc((100% / 2) - 6rem); width:-webkit-calc((100% / 2) - 6rem); padding:40rem 20rem;}
	.business-list > li .icon{width:64rem;height:70rem;}
	.business-list > li .icon img{height:60rem;}
	.business-list > li h3{font-size:18rem; min-height:auto;}
	.business-list > li:nth-child(1) h3{min-height:39rem;}
	.business-list > li h3 i{font-size:16rem;}
	.business-list > li p{font-size:15rem;}

	.company-sec04{padding:50rem 0;}
	.company-sec04 .inr{margin:0 20rem !important;}
	.philosophy-list{grid-template-columns: repeat(2, 1fr); gap:20rem 0rem;}
	.philosophy-list > li:before{display:none;}
	.philosophy-list > li:nth-child(2n){margin-top:0;}
	.philosophy-list > li:nth-child(2n):before{display:none;}
	.philosophy-list > li .txt{padding:0;}
}
@media (max-width:480px){
	.company-sec01{margin-bottom:30rem;}
	.company-sec01 .inr{gap:15rem;}
	.typing{min-height:60rem;}
	.company-sec01 .txt > em{margin-bottom:5rem; font-size:13rem;}
	.typing .text{font-size:23rem;}
	.typing .text::after{font-size:20rem; border-right:3rem solid var(--color-point);}
	.company-sec01 .txt > p{margin-top:0rem; font-size:12rem;}

	.company-sec02{padding:30rem 0;}
	.company-sec02 .inr > h3{font-size:18rem; margin-bottom:20rem;}
	.company-info__list{gap:20rem 0;}
	.company-info__list > li .icon{width:35rem; margin:0 auto 10rem;}
	.company-info__list > li .txt > em{margin-bottom:0; font-size:12rem;}
	.company-info__list > li .txt > h3{font-size:12rem;}
	.company-info__list > li .txt > h3 .counter{top:1rem; font-size:18rem;}
	.company-info__list > li .txt > span{margin-top:2rem; font-size:11rem;}

	.company-sec03{padding:30rem 0;}
	.company-sec03 .inr > h3{font-size:18rem; margin-bottom:15rem;}
	.business-list{gap:10rem;}
	.business-list > li{width:calc((100% / 2) - 5rem); width:-webkit-calc((100% / 2) - 5rem); padding:25rem 10rem;}
	.business-list > li .icon{width:54rem;height:40rem; margin:0 auto 10rem;}
	.business-list > li .icon img{height:100%;}
	.business-list > li:last-child .icon{height:60rem;}
	.business-list > li h3{margin-bottom:5rem; font-size:12rem; min-height:auto;}
	.business-list > li:nth-child(1) h3{min-height:27rem;}
	.business-list > li h3 i{margin-top:2rem; font-size:11rem;}
	.business-list > li p{font-size:12rem;}

	.company-sec04{padding:30rem 0;}
	.company-sec04 .inr{margin:0 12rem !important;}
	.sec-tit{margin-bottom:20rem; gap:7rem;}
	.philosophy-list > li .icon{width:90rem; height:90rem; margin:0 auto 28rem;}
	.philosophy-list > li:nth-child(3) .icon img{height:35rem;}
	.philosophy-list > li .icon img{height:40rem; z-index:1;}
	.philosophy-list > li .icon:before{width:5rem; height:25rem; margin-left:-2.5rem; bottom:-22rem; z-index:-1;}
	.philosophy-list > li:nth-child(2) .icon img{height:40rem;}
	.philosophy-list > li .txt{display: flex; flex-direction: column; gap:0;}
	.philosophy-list > li .txt > h3{font-size:16rem;}
	.philosophy-list > li .txt > em{margin-top:5rem; font-size:11rem;}
	.philosophy-list > li .txt > p{margin-top:3rem; font-size:12rem;}


}

/* ceo 인사말 */
.ceo-page .sub_title{margin-bottom:50rem;}
.ceo-page .sub-tit02{margin-bottom:60rem;}
.ceo-page .sub-tit02 i{color:var(--color-point);}
.box-ceo{}
.ceo-page .img{position:relative; width:auto; height:500rem; }
.ceo-page .img:before{content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; transition:all 2s ease;}
.motion-on .ceo-page .img:before{width:0;}
.ceo-page .img em{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18rem; font-weight:500; color:#fff; text-transform:uppercase; font-family:var(--font-kr);}
.ceo-page .img img{width:100%; height:100%;}
.box-ceo .txt{margin:60rem auto 0; width:840rem; }
.box-ceo .txt > h3{display:block; width:85%; margin-bottom:25rem; font-size:32rem; font-weight:800; color:#222; line-height:1.5em; word-break:keep-all;}
.box-ceo .txt > h3 br{display:none;}
.box-ceo .txt .txt-box{ margin-top:50rem; width:100%; }
.box-ceo .txt .txt-box p{display:block; margin-bottom:20rem; font-size:18rem; font-weight:500; color:#444; line-height:1.8em; word-break:keep-all; font-family:var(--font-kr); text-align: justify;}
.box-ceo .txt .txt-box p br{display:none;}
.box-ceo .txt .txt-box .ceo{display:flex; align-items: baseline; gap:14rem; margin-top:40rem;}
.box-ceo .txt .txt-box .ceo em{font-size:18rem; font-weight:600; color:#222;}
#en .box-ceo .txt > h3{width:90%;}

@media (max-width:1024px){
	.ceo-page .img{height:400rem;}
	.box-ceo .txt{width:100%;}
	.box-ceo .txt > h3,
	#en .box-ceo .txt > h3{width:100%;}
	.box-ceo .txt > h3 br{display:block;}
	.box-ceo .txt .txt-box p.last br{display:block;}
	.box-ceo .txt .txt-box{margin-top:30rem; margin-left:0; width:100%;}
}
@media (max-width:860px){
	.ceo-page .sub_title{margin-bottom:40rem;}
	.ceo-page .sub-tit02{margin-bottom:40rem;}
	.ceo-page .img{height:300rem;}
	.box-ceo .txt {margin-top:40rem;}
	.box-ceo .txt > h3{font-size:30rem; margin-bottom:20rem;}
	.box-ceo .txt > h3 br{display:none;}
	.box-ceo .txt .txt-box{margin-top:30rem;}
	.box-ceo .txt .txt-box p{font-size:17rem; margin-bottom:15rem;}
}
@media (max-width:620px){
	.ceo-page .sub_title{margin-bottom:30rem;}
	.ceo-page .sub-tit02{margin-bottom:30rem;}
	.ceo-page .img{height:250rem;}
	.box-ceo .txt {margin-top:30rem;}
	.box-ceo .txt > h3{font-size:25rem; margin-bottom:20rem;}
	.box-ceo .txt .txt-box{margin-top:20rem;}
	.box-ceo .txt .txt-box p{font-size:16rem; line-height:1.7em; margin-bottom:12rem;}
	.box-ceo .txt .txt-box .ceo{margin-top:20rem;}
	.box-ceo .txt .txt-box .ceo em{font-size:16rem;}
	.box-ceo .txt .txt-box .ceo .sign{height:25rem;}
	.box-ceo .txt .txt-box .ceo .sign img{height:100%;}
}
@media (max-width:480px){
	.ceo-page .sub_title{margin-bottom:20rem;}
	.ceo-page .sub-tit02{margin-bottom:20rem;}
	.ceo-page .img{height:150rem;}
	.box-ceo .txt {margin-top:15rem;}
	.box-ceo .txt > h3{font-size:15rem; line-height:1.4em; margin-bottom:0rem;}
	.box-ceo .txt .txt-box{margin-top:12rem;}
	.box-ceo .txt .txt-box p{font-size:12rem; line-height:1.5em;}
	.box-ceo .txt .txt-box .ceo{margin-top:15rem; gap:8rem;}
	.box-ceo .txt .txt-box .ceo em{font-size:12rem;}
	.box-ceo .txt .txt-box .ceo .sign{height:20rem;}

	#en .box-ceo .txt .txt-box p br{display:none;}
}

/* 연혁 */

.area_history{padding:0 0 100rem;}
.area_history .area_top .area_txt{position:absolute; top:45%; left:50%; margin-left:-700rem; transform:translateY(-50%); z-index:2; font-size:60rem; font-weight:800; color:#fff; line-height:1.2em; word-break:keep-all;}
.history_tab{position:absolute; top:-85rem; width:100%; height:85rem;}
.history_tab > ul{display:flex; background:#1d2325; width:100%; height:100%;}
.history_tab > ul > li{position:relative; width:calc(100% / 3); text-align:center;}
.history_tab > ul > li:before{content:''; position:absolute; top:50%; right:0; width:1rem; height:20rem; background:rgba(255,255,255,0.3); transform:translateY(-50%);}
.history_tab > ul > li:last-child:before{display:none;}
.history_tab > ul > li > a{display:block; font-size:25rem; font-weight:bold; color:#fff; padding:15rem; box-sizing:border-box; line-height:53rem;}
.history_tab > ul > li.active{background:#fff;} 
.history_tab > ul > li.active > a{color:#222;} 
.history_con{}
.history_con > article{display:flex; flex-wrap:wrap; width:100%;}
.history_con > article#list_history01{padding-top:0;}
.history_con .history_txt{position: sticky; top:140rem; width:50%; z-index:2; max-height:640rem; padding-right:100rem;}
.history_con .history_txt em{display:block; font-size:29rem; font-weight:700; color:var(--color-point); font-family:var(--font-eng); line-height:1em;}
.history_con .history_txt p{display:block; margin:25rem 0 0; font-size:40rem; font-weight:800; color:#222; line-height:1.3em; word-break:keep-all;}
.history_con .history_txt p i{color:var(--color-point);}
.history_con .history_txt .history-img__list{margin-top:25rem; display:flex; gap:25rem; width:95%;}
.history_con .history_txt .history-img__list > li{border:10px solid #fff; box-sizing:border-box; box-shadow:0px 5px 9px 1px rgba(0, 0, 0, 0.18);}
.history_con .history_txt .history-img__list > li img{width:100%;}
.history_con .history_txt .history_img{position:relative; width:540rem; max-width:100%; margin-top:25rem;}
.history_con .history_txt .history_img img{width:auto; max-width:100%; height:auto;}
.history_con .history_txt .history_img em{position:absolute; right:0; bottom:0; background:#fff; font-size:21rem; font-weight:700; color:#ababab; line-height:1em; padding:10rem 15rem; box-sizing:border-box; font-family:var(--font-kr);}
.history_con .history_box{position:relative; width:50%; }
.history_con .line{position:absolute; top:20rem; left:0; width:1rem; height:100%; border-left:1rem dashed #ddd; overflow:hidden;}
.history_con .line.m{display:none;}
.history_con{position:relative; margin-top:100rem;}
.list_history > .data{display:flex; align-items:flex-start; margin-bottom:60rem; flex-direction:row;}
.list_history > .data > ul{position:relative; top:4rem; width:calc(100% - 180rem); margin-left:40rem; box-sizing:border-box;}
.list_history > .data > ul > li{display:flex; align-items: flex-start; margin-bottom:15rem;}
.list_history > .data > ul > li:last-child{margin-bottom:0;}
.list_history > .data > ul > li > em{position:relative; top:3rem; width:20rem; margin-right:35rem; font-size:18rem; font-weight:500; color:#868686; line-height:1em;}
.list_history > .data > ul > li > span{display:block; width:calc(100% - 65rem); font-size:19rem; font-weight:400; color:#555; line-height:1.3em; word-break:keep-all; font-family:var(--font-kr);}
.list_history > .data > h2{position:relative; padding-left:80rem; width:180rem; box-sizing:border-box; font-size:36rem; font-weight:900; line-height:0.8em; color:#222; transition:all 0.2s ease;  /*font-family:var(--font-eng);*/}
.list_history > .data > h2::after{content:""; position:absolute; top:10rem; left:-4.5rem; width:9rem; height:9rem; background:var(--color-point); transition:all 0.3s ease 0.2s; border-radius:50rem; box-sizing:border-box; z-index:2;}
.list_history > .data > h2::before{content:""; position:absolute; top:4.5rem; left:-9rem; width:19rem; height:19rem; background:var(--color-point); opacity:0.2; border-radius:50rem;}

@media all and (max-width:1300px){
	.history_con .history_txt{padding-right:70rem;}
	.history_con .history_txt .history-img__list{width:100%;}
	.history_con .history_txt .history-img__list > li{border-width:8rem;}
}	
@media all and (max-width:1024px){	

	.history_con .line{left:0;}
	.history_con .history_txt .history_img em{font-size:18rem; padding:10rem;}
	.history_con .history_txt{width:45%; padding-right:50rem;}
	.history_con .history_txt p{font-size:32rem;}
	.history_con .history_box{width:55%;}
	.list_history > .data > h2{padding-left:40rem; width:130rem;}
	.list_history > .data > ul{width: calc(100% - 130rem);  width: -webkit-calc(100% - 130rem);}
	.list_history > .data > ul > li > em,
	.list_history > .data > ul > li > span{font-size:18rem;}
	.list_history > .data{margin-bottom:50rem;}
}
@media all and (max-width:768px){
	.history_con{margin-top:60rem;}
	.history_con > article{display:block;}
	.history_con .history_txt{position:relative; width:auto; top:0; text-align:center; padding:0;}
	.history_con .history_txt p{font-size:35px;}
	.history_con .history_txt .history_img{margin:20rem auto 0;}
	.history_con .history_box{width:100%; margin:50px 0 0;}
}
@media all and (max-width:620px){
	.history_con{margin-top:40rem;}
	.history_con .history_txt em{font-size:27rem;}
	.history_con .history_txt p{margin:25rem 0 0; font-size:30rem;}
	.history_con .history_txt .history_img,
	.history_con .history_txt .history-img__list{margin-top:20rem;}
	.history_con .history_box{margin:35rem 0 0;}
	.list_history > .data{margin-bottom:35rem;}
	.list_history > .data > h2{padding-left:20rem; font-size:26rem; width:90rem;}
	.list_history > .data > h2::after{top:7rem; left:-3rem; width:7rem; height:7rem;}
	.list_history > .data > h2::before{top:3.5rem; left:-6.5rem; width:14rem; height:14rem;}
	.list_history > .data > ul{width: calc(100% - 90rem);  width: -webkit-calc(100% - 90rem); margin-left:8rem;}
	.list_history > .data > ul > li > em, 
	.list_history > .data > ul > li > span{font-size:16rem;}
	.list_history > .data > ul > li > em{top:2rem; margin-right:10rem;}
	.list_history > .data > ul > li > span{width:calc(100% - 30rem);}
}

@media all and (max-width:480px){
	.history_con{margin-top:20rem;}
	.history_con .history_txt{}
	.history_con .history_txt em{font-size:17rem;}
	.history_con .history_txt p{margin:15rem 0 0; font-size:18rem;}
	.history_con .history_txt .history-img__list{gap:10rem;}
	.history_con .history_txt .history-img__list > li{border-width:5rem;}
	.history_con .history_txt .history_img{margin-top:10rem;}
	.history_con .history_txt .history_img em{font-size:10rem; padding:6rem;}
	.history_con .history_box{margin:20rem 0 0;}
	.list_history > .data{margin-bottom:20rem; display:block;}
	.list_history > .data > h2{font-size:19rem; margin-bottom:5rem;}
	.list_history > .data > ul{margin-left:20rem; width:94%;}
	.list_history > .data > ul > li{margin-bottom:5rem;}
	.list_history > .data > ul > li > em{top:1.5rem; width:13rem; margin-right:5rem; font-size:12rem;}
	.list_history > .data > ul > li > span{width:calc(100% - 18rem); font-size:12rem;}

}

/* 오시는 길 */
.tabs{display:flex; gap:10rem; margin-bottom:40rem;}
.tabs li{display: flex; justify-content: center; align-items: center; padding:5rem; min-width:140rem; height:48rem; border:2rem solid #eee; box-sizing:border-box; border-radius:50rem; transition:all 0.3s ease 0s; cursor:pointer; text-align:center; line-height:1em;}
.tabs li span{position:relative; top:-1rem; font-size:18rem; font-weight:700; line-height:1em; color:#aaa;}
.tabs li.active,
.tabs li:hover{border-color:var(--color-point);}
.tabs li.active span,
.tabs li:hover span{color:var(--color-point); opacity:1; font-weight:800; }
.box-flex{display:flex; gap:20rem;}
.box-map{width: calc(100% - 456rem); height:500rem; border:1px solid #eee; border-radius:10rem; box-sizing: border-box;}
.box-map iframe{width:100%; height:100%; border-radius:10rem; overflow:hidden;}
.box-info{border-radius: 10rem;position: relative;background-color:#183a68; padding: 50rem 40rem;box-sizing: border-box;width: 436rem;}
.box-info *{color: #fff; font-family:var(--font-kr);}
.box-info em{opacity: .35; font-weight: 600; font-size: 17rem;}
.box-info .address{padding-bottom: 25rem; border-bottom: 1px solid rgba(215,209,198,0.25);}
.box-info .address strong{display: block; font-size: 25rem; line-height:1.3; margin-top: 13rem; font-weight: 600; word-break:keep-all;}
.box-info .list-info{padding-top: 25rem;}
.box-info .list-info li{display: flex;}
.box-info .list-info li + li{margin-top: 12rem; }
.box-info .list-info li *{font-size: 17rem;}
.box-info .list-info li em{width: 44rem; text-transform:uppercase;}
.box-info .btn-basic{position: absolute; bottom: 50rem; left: 40rem; display: inline-flex; justify-content: space-between; align-items: center;padding: 23rem 25rem; width:calc(100% - 80rem); background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.41); border-radius:5rem; box-shadow: 0px 25px 25px 0px rgba(26, 25, 23, 0.07); transition:all 0.3s ease;}
.box-info .btn-basic::after{content:""; display:block; width:15rem; height:8rem; background:url(../img/content/arr-btn_w.svg) no-repeat 50% 50%; background-size:cover;}
.box-info .btn-basic:hover{background-color:rgba(255,255,255,1); color:#183a68; font-weight:700;  box-shadow: 0px 25px 25px 0px rgba(26, 25, 23, 0.2);}
.box-info .btn-basic:hover:after{background:url(../img/content/arr-btn.svg) no-repeat 50% 50%; background-size:cover;}

#en .tabs li{padding:0 15rem;}
#en .box-info .address strong{font-size:22rem;}

@media all and (max-width:1023px){
    .box-map{width: calc(100% - 320rem); height:400rem;}
    .box-info{width:320rem; padding: 30rem;}
    .box-info .address strong{font-size: 22rem; line-height: 1.4em; margin-top: 9rem;}
    .loctaion .root_daum_roughmap .wrap_map{height: 420rem;}
    .box-info .address{padding-bottom: 25rem;}
	.box-info .list-info{padding-top:25rem;}
	.box-info .list-info li + li{margin-top:12rem;}
    .box-info .btn-basic{left:30rem; bottom: 30rem; width:calc(100% - 60rem); padding:18rem 15rem;}

	#en .box-info .address strong{font-size:18rem;}
}

@media all and (max-width:860px){
	.tabs{margin-bottom:40rem; justify-content: center;}
    .box-flex{flex-direction: column; gap:0;}
    .box-info em{font-size: 16rem;}
    .box-map{padding-right: 0; margin-bottom:15rem;}
    .box-map,
    .box-info{width: 100%;}
    .box-info .btn-basic{left: inherit; right: 30rem; bottom: 30rem; width: 230rem;}
    .box-info .list-info{padding-top: 34rem;}   
}

@media (max-width: 768px){
	.tabs{gap:6rem; margin-bottom:30rem;} 
	.tabs li{min-width:120rem; height:40rem;}
	.tabs li span{font-size:16rem;}
	.box-info .btn-basic{width: 100%; right: inherit; bottom: 0; position: relative; margin-top: 28rem;}
}
@media (max-width:480px){
	.tabs{gap:4rem; margin-bottom:15rem;} 	
	.tabs li{min-width:82rem; height:28rem; border-width:1rem;}
	.tabs li span{top:-0.5rem; font-size:12rem;}
    .box-map{height:230rem; margin-bottom: 10rem;}
    .box-info{padding: 20rem;}
    .box-info .address{padding-bottom:15rem;}
    .box-map,
    .box-map iframe,
	.box-info{border-radius: 5rem;}
    .box-info em{font-size: 12rem;}
	.box-info *{font-size:12rem;}
    .box-info .address strong{margin-top:3rem; font-size: 16rem;}
    .box-info .list-info{padding-top:15rem; font-size:12rem;}
    .box-info .list-info li + li{margin-top: 7rem;}
    .box-info .list-info li *{font-size: 12rem;}
	.box-info .btn-basic{margin-top:20rem; padding:12rem; font-size:12rem;}

	#en .tabs li{padding:0 5rem;}
}

/* 제품소개 */
.product-top{display:flex; width:100%; height:auto;}
.product-top .area-img{position:relative; width:50%; height:100%; margin-right:5%; border-radius:10rem; overflow:hidden;}
.product-top .area-img .img-txt{position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.55); font-size:15rem; color:#fff; padding:8rem 10rem; box-sizing:border-box; border-radius:5rem 0 0 0; line-height:1em;}
.product-top .area-txt{display:flex; flex-direction: column; justify-content: space-between; width:45%;}
.product-top .area-txt .pd-info{padding-top:30rem;}
.product-top .area-txt .pd-info > em{display:inline-block; margin-bottom:18rem; min-width:95rem; padding:5rem 20rem; font-size:17rem; border:2px solid var(--color-point); border-radius:50rem; color:var(--color-point); text-align:center; font-weight:600;}
.product-top .area-txt .pd-info > em br{display:none;}
.product-top .area-txt .pd-info > h3{display:block; font-size:48rem; color:#333; font-weight:800; line-height:1em; word-break:keep-all;}
.product-top .area-txt .pd-info > .model-name{margin-top:21rem; font-size:19rem; font-weight:400; color:#777; line-height:1em; word-break:keep-all;}
.product-top .area-txt .swiper{width:100%; overflow-x:hidden;}
.product-top .area-txt .mySwiper2{margin-bottom:30rem;}
.product-top .area-txt .swiper .swiper-slide{border-radius:10rem; overflow:hidden;} 
.product-top .swiper-slide{cursor:pointer;}
.product-top .swiper-button-next, 
.product-top .swiper-button-prev{display:none;}
.swiper-slide-thumb-active{border:3px solid var(--color-point); padding:0;}
.box-file{display:none;}
.list-file{margin:55rem 0 65rem; display:grid; gap:10rem; grid-template-columns: repeat(2, 1fr); display:none; }
.list-file[data-grid="3"],
.list-file.v2{grid-template-columns: repeat(3, 1fr);}
.list-file.full{grid-template-columns: repeat(1, 1fr);}
.list-file > li{width:100%; height:60rem;}
#bo_v_con .list-file > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; background:#fff; font-size:18rem; font-weight:600; border:1px solid #eee; box-sizing:border-box; border-radius:10rem; text-decoration:none; transition:all 0.3s ease;}
#bo_v_con .list-file > li > a:hover{background:var(--color-point); border-color:var(--color-point); color:#fff; }
.list-file > li > a > span{position:relative; padding-left:24rem;}
.list-file > li > a > span:before{content:''; position:absolute; top:6rem; left:0; width:16rem; height:16rem; background:url(../img/content/ic-downloads.svg)no-repeat center; background-size:contain;}
.list-file > li > a:hover > span:before{background:url(../img/content/ic-downloads-wt.svg)no-repeat center; background-size:contain;}
.list-file.type02{display:grid;}
.product_product01[data-name="post-9"] .product-top .area-txt .pd-info{padding-top:10rem;}
.product_product01[data-name="post-9"] .product-top .area-txt .pd-info > h3{width:80%; line-height:1.2em;}
.product_product01[data-name="post-9"] .list-file.type02{top:290rem;}
.product_product01[data-name="post-9"] .product-top .area-txt .mySwiper2{margin-bottom:0rem;}
.pd-bottom{display:block; padding:100rem 0 0;}
.pd-bottom .box{margin-bottom:100rem;}
.pd-bottom .box > h3{position:relative; display:block; margin-bottom:50rem; font-size:40rem; font-weight:800; color:#222; line-height:1em; word-break:keep-all; text-align:center; text-transform:uppercase;}
/*.pd-bottom .box > h3:before{content:''; position:absolute; left:50%; bottom:-15rem; width:50rem; height:3px; margin-left:-25rem; background:var(--color-point);}*/
.feature-list{display:flex; justify-content: center; flex-wrap: wrap; gap:30rem;}
.feature-list > li{display:flex; justify-content: center; align-items: center; gap:20rem; width:calc((100% / 3) - 20rem); background:#f6f6f6; padding:30rem 40rem; box-sizing:border-box; border-radius:10rem; text-align:center;}
#en .feature-list > li{padding:30rem;}
.feature-list.col02{justify-content: flex-start;}
.feature-list.col01 > li{gap:20rem; width:100%;}
.feature-list.col02 > li{gap:20rem; width:calc((100% / 2) - 15rem);}
.feature-list > li .icon{width:100rem; height:100rem; background:#fff; border-radius:50%;}
.feature-list > li .icon.chart{background:#fff url(../img/content/ic-chart.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.check{background:#fff url(../img/content/ic-check.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.meter{background:#fff url(../img/content/ic-meter.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.modem{background:#fff url(../img/content/ic-modem.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.calendar{background:#fff url(../img/content/ic-calendar.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.update{background:#fff url(../img/content/ic-update.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.memo{background:#fff url(../img/content/ic-memo.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.security{background:#fff url(../img/content/ic-security.svg)no-repeat center; background-size:40rem auto;}
.feature-list > li .icon.battery{background:#fff url(../img/content/ic-battery.svg)no-repeat center; background-size:50rem 57rem;}
.feature-list > li .icon.clock{background:#fff url(../img/content/ic-clock.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.storage{background:#fff url(../img/content/ic-down.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.wifi{background:#fff url(../img/content/ic-wifi.svg)no-repeat center; background-size:53rem auto;}
.feature-list > li .icon.sun{background:#fff url(../img/content/ic-sun.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.power{background:#fff url(../img/content/ic-power.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.energy{background:#fff url(../img/content/ic-energy.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.setting{background:#fff url(../img/content/ic-setting.svg)no-repeat center; background-size:55rem auto;}
.feature-list > li .icon.temperature{background:#fff url(../img/content/ic-temperature.svg)no-repeat center; background-size:30rem 51rem;}
.feature-list > li .icon.upload{background:#fff url(../img/content/ic-upload.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.circlechart{background:#fff url(../img/content/ic-circlechart.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.doublearr{background:#fff url(../img/content/ic-doublearr.svg)no-repeat center; background-size:55rem auto;}
.feature-list > li .icon.doublearr02{background:#fff url(../img/content/ic-doublearr02.svg)no-repeat center; background-size:25rem auto;}
.feature-list > li .icon.puzzle{background:#fff url(../img/content/ic-puzzle.svg)no-repeat center; background-size:42rem auto;}
.feature-list > li .icon.dev{background:#fff url(../img/content/ic-dev.svg)no-repeat center; background-size:42rem auto;}
.feature-list > li .icon.keypad{background:#fff url(../img/content/ic-keypad.svg)no-repeat center; background-size:50rem auto;}
.feature-list > li .icon.data{background:#fff url(../img/content/ic-data.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.server{background:#fff url(../img/content/ic-server.svg)no-repeat center; background-size:36rem auto;}
.feature-list > li .icon.memory{background:#fff url(../img/content/ic-memory.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.chip{background:#fff url(../img/content/ic-chip.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.lcd{background:#fff url(../img/content/ic-lcd.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.design{background:#fff url(../img/content/ic-design.svg)no-repeat center; background-size:48rem auto;}
.feature-list > li .icon.rotation{background:#fff url(../img/content/ic-rotation.svg)no-repeat center; background-size:55rem auto;}
.feature-list > li .icon.test{background:#fff url(../img/content/ic-test.svg)no-repeat center; background-size:48rem auto;}
.feature-list > li .icon.nature01{background:#fff url(../img/content/ic-nature01.svg)no-repeat center; background-size:48rem auto;}
.feature-list > li .icon.nature02{background:#fff url(../img/content/ic-nature02.svg)no-repeat center; background-size:48rem auto;}
.feature-list > li .icon.quality{background:#fff url(../img/content/ic-quality.svg)no-repeat center; background-size:38rem auto;}
.feature-list > li .icon.awards01{background:#fff url(../img/content/ic-awards01.svg)no-repeat center; background-size:38rem auto;}
.feature-list > li .icon.awards02{background:#fff url(../img/content/ic-awards02.svg)no-repeat center; background-size:45rem auto;}
.feature-list > li .icon.certi{background:#fff url(../img/content/ic-certi.svg)no-repeat center; background-size:38rem auto;}
.feature-list > li .txt{word-break:keep-all; width:calc(100% - 120rem); width:-webkit-calc(100% - 120rem); text-align:left; font-size:17rem; font-weight:500; color:#333; line-height:1.4em; word-break:keep-all;} 

.pd-bottom .box-table{border-top: 2px solid #222;}
.pd-bottom.st .box-table{border-top:none;}
.pd-bottom.st .scrollTable{border-top: 2px solid #222;}
#bo_v_con table.table{border-top:none;}
#bo_v_con table.table th{padding:18rem 10rem; background:#f9f9f9; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; font-size:18rem; color:#222; line-height:1.3em;}
#bo_v_con table.table.last{margin-top:70rem;}
#bo_v_con table.table tr:first-child th:last-child{border-right:none;}
#bo_v_con table.table th[rowspan="2"]{border-right:1px solid #e9e9e9;}
#bo_v_con table.table tbody td{padding:18rem 10rem; font-size:18rem; font-weight:400; line-height:1.3em;}
#bo_v_con table.table tbody td.file_td{padding:28rem 10rem;}
#bo_v_con table.table tbody td .btn-downloads{display:flex; justify-content: center; align-items: center; width:180rem; height:50rem; background:#fff; border:2px solid var(--color-point); margin:0 auto; border-radius:50rem; text-decoration:none; line-height:1em; box-sizing:border-box; transition:all 0.3s ease;}
#bo_v_con table.table tbody td .btn-downloads span{position:relative; padding-left:22rem; font-size:16rem; font-weight:600; color:var(--color-point); }
#bo_v_con table.table tbody td .btn-downloads span:before{content:''; position:absolute; top:6rem; left:0; width:15rem; height:15rem; background:url(../img/content/ic-downloads-color.svg)no-repeat center; background-size:contain;}
#bo_v_con table.table tbody td .btn-downloads:hover{background:var(--color-point); box-shadow:0px 5px 9px 1px rgb(196 209 255 / 72%);}
#bo_v_con table.table tbody td .btn-downloads:hover span{color:#fff;}
#bo_v_con table.table tbody td .btn-downloads:hover span:before{background:url(../img/content/ic-downloads-wt.svg)no-repeat center; background-size:contain;}

#en #bo_v_con table.table tbody td .btn-downloads{width:170rem;}
#content .scrollTable::-webkit-scrollbar{height:4rem;}

@media (max-width:1300px){
	.product-top .area-txt .pd-info{padding-top:0;}
	.product-top .area-txt .pd-info > em{padding:2rem 20rem;}
	.product-top .area-txt .mySwiper2{margin-bottom:0;}
	.list-file{margin:35rem 0;}
}
@media (max-width:1024px){
	.product-top .area-img{margin-right:4%;}
	.product-top .area-txt{width:46%;}
	.product-top .area-txt .pd-info > em{font-size:15rem; padding:5rem 15rem 4rem; margin-bottom:10rem; min-width:65rem; line-height:1em;}
	.product-top .area-txt .pd-info > h3{font-size:42rem;}
	.product-top .area-txt .pd-info > .model-name{margin-top:12rem; font-size:17rem;}
	.list-file > li{height:54rem;}
	#bo_v_con .list-file > li > a{font-size:16rem;}
	.list-file > li > a > span{padding-left:20rem;}
	.list-file > li > a > span:before{width:14rem; height:14rem; top:7rem;}
	.feature-list{justify-content: flex-start;}
	.feature-list > li{padding:25rem; width: calc((100% / 2) - 15rem);}
	#en .feature-list > li{padding:25rem;}
	#bo_v_con table.table.last{margin-top:50rem;}
}
@media (max-width:768px){
	.product-top{flex-direction: column; gap:10rem;}
	.product-top .area-img{margin-right:0; width:100%;}
	.product-top .area-txt{width:100%; flex-direction: column-reverse; gap:30rem;}
	.product-top .area-txt .pd-info > h3{font-size:38rem;}
	.list-file{margin:25rem 0 0;}
	.pd-bottom{padding:60rem 0 0;}
	.pd-bottom .box > h3{font-size:34rem; margin-bottom:30rem;}
	.feature-list{gap:14rem;}
	.feature-list > li{width: calc((100% / 2) - 7rem); gap:12rem; padding:20rem;}
	#en .feature-list > li{padding:20rem;}
	.feature-list > li .icon{width:80rem; height:80rem;}
	.feature-list > li .icon.chart{background-size:40rem auto;}
	.feature-list > li .icon.check{background-size:40rem auto;}
	.feature-list > li .icon.meter{background-size:45rem auto;}
	.feature-list > li .icon.modem{background-size:45rem auto;}
	.feature-list > li .icon.calendar{background-size:45rem auto;}
	.feature-list > li .icon.update{background-size:40rem auto;}
	.feature-list > li .icon.memo{background-size:45rem auto;}
	.feature-list > li .icon.security{background-size:35rem auto;}
	.feature-list > li .icon.battery{background-size:45rem 52rem;}
	.feature-list > li .icon.clock{background-size:45rem auto;}
	.feature-list > li .icon.storage{background-size:45rem auto;}
	.feature-list > li .icon.wifi{background-size:45rem auto;}
	.feature-list > li .icon.sun{background-size:45rem auto;}
	.feature-list > li .icon.power{background-size:40rem auto;}
	.feature-list > li .icon.energy{background-size:40rem auto;}
	.feature-list > li .icon.setting{background-size:50rem auto;}
	.feature-list > li .icon.temperature{background-size:25rem 45rem;}
	.feature-list > li .icon.upload{background-size:45rem auto;}
	.feature-list > li .icon.circlechart{background-size:45rem auto;}
	.feature-list > li .icon.doublearr{background-size:50rem auto;}
	.feature-list > li .icon.doublearr02{background-size:18rem auto;}
	.feature-list > li .icon.puzzle{background-size:37rem auto;}
	.feature-list > li .icon.dev{background-size:37rem auto;}
	.feature-list > li .icon.keypad{background-size:45rem auto;}
	.feature-list > li .icon.data{background-size:40rem auto;}
	.feature-list > li .icon.server{background-size:30rem auto;}
	.feature-list > li .icon.memory{background-size:40rem auto;}
	.feature-list > li .icon.chip{background-size:40rem auto;}
	.feature-list > li .icon.lcd{background-size:40rem auto;}
	.feature-list > li .icon.design{background-size:43rem auto;}
	.feature-list > li .icon.rotation{background-size:50rem auto;}
	.feature-list > li .icon.test{background-size:42rem auto;}
	.feature-list > li .icon.nature01{background-size:42rem auto;}
	.feature-list > li .icon.nature02{background-size:42rem auto;}
	.feature-list > li .icon.quality{background-size:32rem auto;}
	.feature-list > li .icon.awards01{background-size:32rem auto;}
	.feature-list > li .icon.awards02{background-size:38rem auto;}
	.feature-list > li .icon.certi{background-size:32rem auto;}
	.feature-list > li .txt{width:calc(100% - 92rem); width: -webkit-calc(100% - 92rem);}
	.product_product01[data-name="post-9"] .product-top .area-txt .pd-info > h3{width:100%;}

	
	#bo_v_con table.table.last{margin-top:40rem;}
	#bo_v_con table.table th,
	#bo_v_con table.table tbody td{padding:15rem 8rem; font-size:15rem;}
	#bo_v_con table.table tbody td.file_td{padding:15rem 8rem; }

	
	#en #bo_v_con table.table tbody td .btn-downloads{width:115rem;}
	#en #bo_v_con .btn-wide table.table tbody td .btn-downloads{width:160rem;}

	#content .scrollTable{overflow:auto;}
	#en #content .scrollTable .table{width:800rem;}
	#content .mob_info{display:block; margin:10px 0 0; font-size:13px;}
	#ko #content .mob_info .en{display:none;}
	#ko #content .mob_info .kr{display:none;}
	#en #content .mob_info .kr{display:none;}

	/* Integrated Meter (Left-Right Type) */
	#en #content .iot .scrollTable .table{width:auto;}
	#en #content .iot .mob_info .en{display:none;}
}
@media (max-width:620px){
	.feature-list,{gap:10rem;}
	.feature-list > li,
	.feature-list.col02 > li{width:100%;}
	.feature-list > li .icon{width:80rem; height:80rem;}
	.feature-list > li .txt{width:calc(100% - 92rem); width: -webkit-calc(100% - 92rem);}
	#bo_v_con table.table tbody td .btn-downloads{width:120rem; height:40rem;}
	#en #bo_v_con table.table tbody td .btn-downloads{width:auto; max-width:120rem; }
	#en #bo_v_con table.table tbody td .btn-downloads span{font-size:15rem;}
	#en #bo_v_con .btn-wide table.table tbody td .btn-downloads{max-width:150rem;}
}
@media (max-width:480px){
	.product-top .area-img{border-radius:6rem;}
	.product-top .area-img .img-txt{left:0; border-radius:0; width:100%; font-size:11rem; padding:5rem; text-align:center;}
	.product-top .area-txt{gap:15rem;}
	.product-top .area-txt .swiper .swiper-slide{border-radius:5rem;}
	.swiper-slide-thumb-active{border-width:2px;}
	.product-top .area-txt .pd-info > em{font-size:11rem; padding:5rem 10rem 4rem; min-width:55rem; border-width:1px;}
	.product-top .area-txt .pd-info > h3{font-size:23rem;}
	.product-top .area-txt .pd-info > .model-name{margin-top:8rem; font-size:11rem;}
	.list-file{margin:18rem 0 0; gap:6rem;}
	.list-file > li{height:40rem;}
	#bo_v_con .list-file > li > a{border-radius:5rem; font-size:12rem;}
	.list-file > li > a > span{font-size:12rem; padding-left:13rem;}
	.list-file > li > a > span:before{width:10rem; height:10rem; top:8rem;}
	.pd-bottom{padding:30rem 0 0;}
	.pd-bottom .box{margin-bottom:30rem;}
	.pd-bottom .box.last{margin:0;}
	.pd-bottom .box > h3{font-size:22rem; margin-bottom:15rem;}
	#bo_v_con table.table th{padding:8rem 5rem; font-size:11rem; word-break:keep-all;}
	#bo_v_con table.table tbody td{padding:8rem 5rem; font-size:11rem;}
	#bo_v_con table.table tbody td .btn-downloads{width:75rem; height:25rem; border-width:1px;}
	#bo_v_con table.table tbody td .btn-downloads span,
	#en #bo_v_con table.table tbody td .btn-downloads span{font-size:11rem; padding-left:13rem;}
	#bo_v_con table.table tbody td .btn-downloads span:before{top:5.5rem; width:10rem; height:9rem;}
	.feature-list{gap:8rem;}
	.feature-list > li,
	.feature-list.col01 > li,
	.feature-list.col02 > li{padding:12rem; border-radius:5rem; gap:10rem;}
	.feature-list > li .icon{width:50rem; height:50rem;}
	.feature-list > li .icon.chart{background-size:30rem auto;}
	.feature-list > li .icon.check{background-size:30rem auto;}
	.feature-list > li .icon.meter{background-size:30rem auto;}
	.feature-list > li .icon.modem{background-size:35rem auto;}
	.feature-list > li .icon.calendar{background-size:30rem auto;}
	.feature-list > li .icon.update{background-size:25rem auto;}
	.feature-list > li .icon.memo{background-size:28rem auto;}
	.feature-list > li .icon.security{background-size:25rem auto;}
	.feature-list > li .icon.battery{background-size:30rem 38rem;}
	.feature-list > li .icon.clock{background-size:35rem auto;}
	.feature-list > li .icon.storage{background-size:35rem auto;}
	.feature-list > li .icon.wifi{background-size:35rem auto;}
	.feature-list > li .icon.sun{background-size:35rem auto;}
	.feature-list > li .icon.power{background-size:25rem auto;}
	.feature-list > li .icon.energy{background-size:30rem auto;}
	.feature-list > li .icon.setting{background-size:32rem auto;}
	.feature-list > li .icon.temperature{background-size:15rem 35rem;}
	.feature-list > li .icon.upload{background-size:30rem auto;}
	.feature-list > li .icon.circlechart{background-size:30rem auto;}
	.feature-list > li .icon.doublearr{background-size:28rem auto;}
	.feature-list > li .icon.doublearr02{background-size:12rem auto;}
	.feature-list > li .icon.puzzle{background-size:23rem auto;}
	.feature-list > li .icon.dev{background-size:27rem auto;}
	.feature-list > li .icon.keypad{background-size:30rem auto;}
	.feature-list > li .icon.data{background-size:30rem auto;}
	.feature-list > li .icon.server{background-size:20rem auto;}
	.feature-list > li .icon.memory{background-size:30rem auto;}
	.feature-list > li .icon.chip{background-size:30rem auto;}
	.feature-list > li .icon.lcd{background-size:30rem auto;}
	.feature-list > li .icon.design{background-size:33rem auto;}
	.feature-list > li .icon.rotation{background-size:40rem auto;}
	.feature-list > li .icon.test{background-size:32rem auto;}
	.feature-list > li .icon.nature01{background-size:32rem auto;}
	.feature-list > li .icon.nature02{background-size:32rem auto;}
	.feature-list > li .icon.quality{background-size:22rem auto;}
	.feature-list > li .icon.awards01{background-size:22rem auto;}
	.feature-list > li .icon.awards02{background-size:25rem auto;}
	.feature-list > li .icon.certi{background-size:22rem auto;}

	.feature-list > li .txt{width:calc(100% - 60rem); width: -webkit-calc(100% - 60rem);}
	.feature-list > li .txt{font-size:12rem;}

	#bo_v_con table.table.last{margin-top:20rem;}

	#en #bo_v_con table.table tbody td{padding:10rem 5rem;}
	#en #bo_v_con table.table tbody td .btn-downloads{max-width:90rem;}
	#en .feature-list > li{padding:12rem;}
	#en #bo_v_con .btn-wide table.table tbody td .btn-downloads{max-width:110rem;}
	#en #content .scrollTable .table{width:570rem;}
	#ko #content .scrollTable .table{width:450rem;}
	#ko #content .mob_info .kr{display:block;}

	/* Integrated Meter (Left-Right Type) */
	#en #content .iot .scrollTable .table{width:460rem;}
	#en #content .iot .mob_info .en{display:block;}
}

/* 원격검침 시스템 */
#content.area_system{padding-bottom:0;}
.area_system .sub_title > h2 i{display:none;}
.area_system .typing{min-height:auto;}
.area_system .typing .text::after{display:none;}
.bg-gray{background:#f9f9f9;}
.bg-blue{background:#f4f7fa;}
.sec-tit02{text-align:center;}
.sec-tit02 > h3{display:block; font-size:45rem; font-weight:800; color:#333; word-break:keep-all; line-height:1.4em;}
.sec-tit02 > h4{display:block; font-size:35rem; font-weight:800; color:#333; word-break:keep-all; line-height:1.4em;}
.sec-tit02 > em{display:inline-block;margin: 30rem 0 5rem;font-size:18rem;font-weight: 500;color:#fff;word-break:keep-all;line-height:1.4em;color: #0c58c1;padding: 8rem 24rem;box-sizing:border-box;border-radius:50rem;line-height:1em;border: 1px dashed #e0e8ed;box-sizing: border-box;background: #e5ebef;}
.sec-tit02 p{display:block; margin:10rem 0 0; font-size:18rem; font-weight:400; color:#777; line-height:1.4em; word-break:keep-all;}
.list-necessity{display:flex; justify-content: center; gap:50rem; margin:60rem auto 0;}
.list-necessity > li{display:flex; justify-content: center; flex-direction: column; align-items: center; width:300rem; height:280rem; border-radius:30rem; box-sizing:border-box; background:#fff; padding:30rem; text-align:center;}
.list-necessity > li:nth-child(1){background:#10afbd;}
.list-necessity > li:nth-child(2){background:#156ecd;}
.list-necessity > li:nth-child(3){background:#19a5dd;}
.list-necessity > li > *{color:#fff;}
.list-necessity > li > em{display:inline-block; margin:0 0 15rem; background:rgba(255,255,255,0.15); border-radius:50rem; padding:5rem 10rem; box-sizing:border-box; line-height:1em; font-size:15rem; font-weight:400;}
.list-necessity > li > h3{display:block; font-size:25rem; font-weight:600; color:#fff; word-break:keep-all; line-height:1.3em;}
.system-sec02{position:relative; padding:100rem 0; box-sizing:border-box;}
.system-sec03{position:relative; padding:100rem 0; box-sizing:border-box;}
.box-roadmap{position:relative; width:990rem; margin:50rem auto 80rem;}
.box-roadmap .obj{position:absolute; left:0; bottom:0; width:480rem; height:100rem; opacity:0.15;}
.box-roadmap .arrow{position:relative; display:block; margin:30rem 0 0; width:100%; height:7rem; }
.box-roadmap .arrow:after{content:''; position:absolute; top:0; display:inline-block; width:calc(100% - 10rem); height:100%; background-image: -moz-linear-gradient( 0deg, rgb(66,163,219) 0%, rgb(120,214,37) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(66,163,219) 0%, rgb(120,214,37) 100%); background-image: -ms-linear-gradient( 0deg, rgb(66,163,219) 0%, rgb(120,214,37) 100%);}
.box-roadmap .arrow:before{content:''; position:absolute; top:-6.5rem; right:0; width: 0; height: 0; border-style: solid; border-width: 10rem 0rem 10rem 15rem; border-color: transparent transparent transparent #78D527; z-index:2;}
.roadmap-list{display:flex; justify-content: center; gap:30rem;}
.roadmap-list > li{width:225rem; text-align:center;}
.roadmap-list > li .icon{position:relative;  margin:0 auto; display:flex; justify-content: center; align-items: center; width:92rem; height:92rem; border-radius:500rem; background:#f9f9f9;}
.roadmap-list > li .icon img{height:58rem;}
.roadmap-list > li .txt{display:flex; align-items: baseline; justify-content: center; margin-top:15rem;}
.roadmap-list > li .txt h3{font-size:33rem; font-weight:800; color:#222; line-height:1em; word-break:keep-all;}
.roadmap-list > li .txt i{position:relative; top:-1rem; font-size:20rem; font-weight:700; color:#222; line-height:1em; word-break:keep-all; opacity:0.5;}
.roadmap-list.bottom{margin:20rem 0 0;}
.roadmap-list.bottom > li div{display:flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom:15rem; padding:10rem; width:100%; height:150rem; border:1px solid #eee; background:#f9f9f9; box-sizing:border-box; border-radius:10rem;}
.roadmap-list.bottom > li div:last-child{margin:0;}
.roadmap-list.bottom > li div em{display:inline-block; padding:5rem; margin-bottom:10rem; width:55rem; font-size:16rem; font-weight:600; color:#fff; background:#57ae35; border-radius:50rem; text-align:center; box-sizing:border-box; line-height:1em;}
.roadmap-list.bottom > li div.private em{background:#ed671e;}
.roadmap-list.bottom > li div p{display:block; font-size:18rem; font-weight:600; color:#333; text-align:center; line-height:1.4em; word-break:keep-all;}
.roadmap-list.bottom > li div i{display:inline-block; margin-top:5rem; font-size:16rem; font-weight:600; color:#999; text-align:center; line-height:1.4em; word-break:keep-all;}
.area_system .box-flex{position:relative; display:flex; justify-content: center; align-items: center; gap:65rem;}
.system-sec03 .box-flex:before{content:'';position:absolute;top: 50%;left:0;width:100%;height: 380rem;background:#f3f6ef;z-index: -1;transform: translateY(-50%);}
.system-sec03 .box-flex .img{width:482rem; height:482rem; border-radius:500rem; overflow:hidden;}
.system-sec03 .box-flex .img img{width:100%; height:100%;}
.system-sec03 .box-flex .txt{width:600rem;}
.system-sec03 .box-flex .txt p{display:block; margin-bottom:30rem; font-size:18rem; font-weight:400; color:#666; line-height:1.8em; word-break:keep-all;}
.system-sec03 .box-flex .txt p:last-child{margin:0;}
.txt-bold{font-weight:600; color:#222;}
.system-sec04{position:relative; box-sizing:border-box;}
.box-img{margin-top:50rem;}
.box-img img{margin:0 auto; text-align:center; width:auto; max-width:100%;}
.box-img .m{display:none;}
.system-sec05{position:relative; padding:100rem 0; box-sizing:border-box;}
.system-sec05 .box-img{margin-top:50rem;}
.system-sec05 .box-img img{margin:0 auto; text-align:center; width:auto; max-width:100%;}
.system-sec06{position:relative; padding:100rem 0; box-sizing:border-box;}
.system-sec06 .box-flex{gap:80rem;}
.system-sec06 .box-flex .img{width:600rem; border-radius:15rem; box-sizing:border-box; overflow:hidden;}
.system-sec06 .box-flex .img img{width:100%; height:100%; object-fit:cover;}
.system-sec06 .box-flex .txt{width:520rem;}
.system-sec06 .box-flex .txt > h3{display:block; font-size:40rem; font-weight:800; color:#222; line-height:1.3em; word-break:keep-all;}
.list-data{display:block; margin:20rem 0 0;}
.list-data > li{position:relative; display:flex; gap:5rem; margin:0 0 14rem; padding-left:10rem; font-size:19rem; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;}
.list-data > li:before{content:''; position:absolute; top:9rem; left:0; width:3px; height:3px; background:var(--color-point); border-radius:50px;}
.list-data > li:last-child{margin:0;}
.system-sec07{position:relative; padding:100rem 0; box-sizing:border-box;}
.box-slide{position:relative; width:750rem; height:625rem; margin:80rem auto 0;}
.box-slide .frame{position:absolute; top:-27rem; width:100%; z-index:1;}
.box-slide .frame img{width:100%;}
.box-slide .system-slide{margin:0 auto; width:696rem; overflow:hidden;}
.box-slide .system-slide img{width:100%;}

.box-slide .swiper-button-next, 
.box-slide .swiper-button-prev{display:flex; justify-content: center; align-items: center; top:35%; margin-top:0; width:60rem; height:60rem; border-radius:50rem; background:#f3f3f3;}
.box-slide .swiper-button-next{right:-110rem;}
.box-slide .swiper-button-prev{left:-110rem;}
.box-slide .swiper-button-next:hover, 
.box-slide .swiper-button-prev:hover{background:var(--color-point);}
.box-slide .swiper-button-next:after{content:''; display:inline-block;  width:30rem; height:20rem; background:url(../img/content/ic-slide-arr.svg)no-repeat center; background-size:contain; opacity:0.2;}
.box-slide .swiper-button-prev:after{content:''; display:inline-block;  width:30rem; height:20rem; background:url(../img/content/ic-slide-arr.svg)no-repeat center; background-size:contain; opacity:0.2; transform:rotate(-180deg);}
.box-slide .swiper-button-next:hover:after,
.box-slide .swiper-button-prev:hover:after{background:url(../img/content/ic-slide-arr-wt.svg)no-repeat center; background-size:contain; opacity:0.8;}
.box-slide .swiper-pagination{display:none; bottom:-30rem;}
.box-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3rem;}
.box-slide .swiper-pagination-bullet-active{background:var(--color-point);}


#en .list-necessity > li{padding:30rem 10rem;}
#en .roadmap-list.bottom > li div em{width:70rem;}

@media (max-width:1400px){
	.system-sec06 .box-flex{gap:60rem;}
	.system-sec06 .box-flex .txt{width:calc(100% - 660rem); width:-webkit-calc(100% - 660rem);}
}
@media (max-width:1200px){
	.sec-tit02 > h3{font-size:42rem;}
}
@media (max-width:1024px){
	.list-necessity{gap:30rem;}

	.box-roadmap{width:100%;}
	.roadmap-list{gap:20rem;}
	.roadmap-list > li{width:calc((100% / 4) - 15rem); width:-webkit-calc((100% / 4) - 15rem);}
	.box-roadmap .obj{width:48%;}

	.system-sec03 .box-flex{gap:50rem; padding:0 40rem;}
	.system-sec03 .box-flex:before{height:300rem;}
	.system-sec03 .box-flex .img{width:350rem; height:350rem;}
	.system-sec03 .box-flex .txt{width:calc(100% - 400rem);}
	.system-sec03 .box-flex .txt p{margin-bottom:20rem;}

	.system-sec06 .box-flex{gap:0; flex-direction:initial;}
	.system-sec06 .box-flex .img{width:50%;}
	.system-sec06 .box-flex .txt{margin-left:5%; width:45%;}
	.system-sec06 .box-flex .txt > h3{font-size:37rem;}

	.box-slide .swiper-button-next{right:-90rem;}
	.box-slide .swiper-button-prev{left:-90rem;}

	#en .system-sec06 .box-flex .txt > h3{font-size:30rem;}
	.list-data > li{font-size:18rem;}
}
@media (max-width:860px){
	.system-sec03 .box-flex{gap:30rem; text-align:center;}
	.system-sec03 .box-flex .img{width:400rem; height:400rem;}
	.system-sec03 .box-flex .txt{width:100%; padding-bottom:50rem;}
	.system-sec03 .box-flex .txt p{margin-bottom:12rem;}
	.system-sec03 .box-flex:before{top:80rem; height:90%; transform:none;}
}
@media (max-width:768px){
	.sec-tit02 > h3{font-size:37rem;}
	.sec-tit02 > em{margin:20rem 0 5rem;}
	.sec-tit02 p{font-size:17rem;}
	.box-img{margin-top:30rem;}
	.box-img .w{display:none;}
	.box-img .m{display:block;}

	.system-sec02{padding:70rem 0;}
	.list-necessity{margin:30rem auto 0; gap:20rem;}
	.list-necessity > li{width:calc((100% / 3) - 13rem); width:-webkit-calc((100% / 3) - 13rem); height:225rem; padding:25rem; border-radius:20rem;}
	.list-necessity > li > h3{font-size:23rem;}

	.system-sec03{padding:70rem 0;}
	.roadmap-list{gap:10rem;}
	.roadmap-list > li{width:calc((100% / 4) - 7rem); width:-webkit-calc((100% / 4) - 7rem);}
	.roadmap-list > li .icon{width:80rem; height:80rem;}
	.roadmap-list > li .icon img{height:45rem;}
	.roadmap-list > li .txt{margin-top:10rem;}
	.roadmap-list > li .txt h3{font-size:28rem;}
	.roadmap-list > li .txt i{font-size:18rem;}
	.box-roadmap .arrow{margin:20rem 0 0; height:5rem;}
	.box-roadmap .arrow:before{top:-6rem; border-width:9rem 0 9rem 13rem;}

	.roadmap-list.bottom > li div{margin-bottom:10rem;}
	.roadmap-list.bottom > li div em{font-size:15rem;}
	.roadmap-list.bottom > li div p{font-size:16rem;}
	.roadmap-list.bottom > li div i{font-size:15rem;}
	.box-roadmap .obj{height:77rem;}

	.system-sec06{padding:70rem 0;}
	.system-sec06 .box-flex{flex-direction: column; gap:0rem;}
	.system-sec06 .box-flex .img{max-width:600rem; width:90%; border-radius:15rem 15rem 0 0;}
	.system-sec06 .box-flex .txt{margin-left:0; max-width:600rem; width:90%; text-align:center; border-radius:0 0 15rem 15rem; padding:35rem 10rem; background:#fff;}
	.list-data{display:flex; flex-direction: column; align-items: center;}

	.box-slide{width:95%; height:auto; margin:60rem auto 0; padding-bottom:190rem;}
	.box-slide .frame{top:-25rem;}
	.box-slide .system-slide{width:calc(100% - 50rem); border-radius:2rem; overflow:hidden;}

	.box-slide .swiper-button-next,
	.box-slide .swiper-button-prev{display:none;}
	.box-slide .swiper-pagination{display:block;}
	
}
@media (max-width:620px){
	.sec-tit02 > h3{font-size:32rem;}
	.sec-tit02 > em{margin:12rem 0 0; font-size:15rem;}
	.sec-tit02 p{font-size:15rem;}
	.list-necessity{gap:10rem; margin:20rem auto 0;}
	.list-necessity > li{width:calc((100% / 3) - 7rem); width: -webkit-calc((100% / 3) - 7rem); height:180rem; border-radius:15rem; padding:20rem;}
	.list-necessity > li > em{font-size:14rem; margin:0 0 10rem;}
	.list-necessity > li > h3{font-size:18rem;}

	.box-roadmap{display:flex; gap:30rem;}
	.roadmap-list{flex-direction: column; justify-content: flex-start;}
	.roadmap-list > li{width:100%; height:150rem;}
	.roadmap-list.top{width:100rem;}
	.roadmap-list.top > li{display:flex; flex-direction: column; justify-content: center; align-items: center;}
	.roadmap-list.bottom {margin:0; width:calc(100% - 130rem);}
	.roadmap-list.bottom > li{display:grid; gap:10rem; grid-template-columns: repeat(2, 1fr);}
	.roadmap-list.bottom > li div{height:100%;}
	.box-roadmap .arrow{position:absolute; left:110rem; width:4rem; height:100%; margin:0;}
	.box-roadmap .arrow:after{bottom:0; width:100%; height:99%; background-image: -moz-linear-gradient( -90deg, rgb(66,163,219) 0%, rgb(120,214,37) 100%); background-image: -webkit-linear-gradient(-90deg, rgb(66, 163, 219) 0%, rgb(120, 214, 37) 100%);     background-image: -ms-linear-gradient( -90deg, rgb(66,163,219) 0%, rgb(120,214,37) 100%);} 
	.box-roadmap .arrow:before{top:unset; left:-6rem; bottom:0; border-width:12rem 8rem 0px 8rem; border-color: #78d527 transparent transparent transparent;}
	.box-roadmap .obj{display:none;}

	.box-slide{padding-bottom:150rem; margin:40rem auto 0;}
	.box-slide .frame{top:-20rem;}
	.box-slide .system-slide{width:calc(100% - 39rem);}
}
@media (max-width:480px){
	.sec-tit02 > h3{font-size:18rem;}
	.sec-tit02 > em{font-size:11rem; line-height:1em; padding:3rem 7rem; letter-spacing:-0.5px;}
	.sec-tit02 p{font-size:12rem;}
	.area_system .company-sec01 .txt > p{margin-top:10rem;}

	.system-sec02{padding:30rem 0;}
	.list-necessity{flex-direction: column; gap:8rem; margin:15rem auto 0;}
	.list-necessity > li{width:100%; border-radius:10rem; height:auto; padding:30rem 20rem;} 
	.list-necessity > li > em{margin-bottom:10rem; font-size:11rem;}
	.list-necessity > li > h3{font-size:15rem;}

	.system-sec03{padding:30rem 0;}
	.box-roadmap{gap:20rem; margin:20rem auto 50rem;}
	.roadmap-list.top{width:70rem;}
	.roadmap-list > li{height:120rem;}
	.roadmap-list > li .icon{width:50rem; height:50rem;}
	.roadmap-list > li .icon img{height:30rem;}
	.roadmap-list > li .txt h3{font-size:17rem;}
	.roadmap-list > li .txt i{font-size:12rem;}
	.roadmap-list.bottom{width: calc(100% - 90rem);}
	.roadmap-list.bottom > li div{padding:5rem;}
	.roadmap-list.bottom > li div em{width:38rem; padding:3rem 5rem; font-size:11rem;}
	.roadmap-list.bottom > li div p{font-size:12rem;}
	.roadmap-list.bottom > li div i{font-size:11rem;}
	.box-roadmap .arrow{width:2rem; left:75rem;}

	.box-img{margin-top:20rem;}
	.system-sec03 .box-flex{gap:15rem;}
	.system-sec03 .box-flex .img{width:260rem; height:260rem;}
	.system-sec03 .box-flex .txt{padding-bottom:20rem;}
	.system-sec03 .box-flex .txt p{font-size:12rem; line-height:1.6em; margin-bottom:8rem;}
	.system-sec03 .box-flex .txt p br{display:none;}
	.system-sec03 .box-flex:before{top:50rem;}

	.system-sec05{padding:30rem 0;}
	.system-sec05 .box-img{margin-top:20rem;}
	.system-sec06{padding:30rem 0;}
	.system-sec06 .box-flex .img{border-radius:8rem 8rem 0 0; width:100%;}
	.system-sec06 .box-flex .txt{padding:20rem 10rem; border-radius:0 0 8rem 8rem; width:100%;}
	.system-sec06 .box-flex .txt > h3{font-size:18rem;}
	#en .system-sec06 .box-flex .txt > h3{font-size:17rem;}
	.list-data{margin:7rem 0 0;}
	.list-data > li{font-size:12rem; margin-bottom:5rem; padding-left:6rem;}
	.list-data > li:before{top:6rem; width:2px; height:2px;}
	.system-sec07{padding:30rem 0;}
	.box-slide{margin:25rem auto 15rem; padding-bottom:90rem;}
	.box-slide .frame{top:-12rem;}
	.box-slide .system-slide{width:calc(100% - 22rem);}
	.box-slide .swiper-pagination{bottom:-20rem;}
	.box-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2rem;}

	


}

/* 연구소 소개 */
#content.rnd_sub01{padding-bottom:0;}
.rnd-sec02{text-align:center; margin:80rem 0 0; }
.rnd-sec02 .sec-tit{margin-bottom:40rem;}
.rnd-info{position:relative; padding:120rem 0; background:url(../img/content/bg-rnd.jpg)no-repeat center; background-size:cover; overflow:hidden;}
.rnd-info .inr{z-index:2;}
.rnd-info .video{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%);}
/*.rnd-info:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:1;}*/
.rnd-info .video video{position:relative; top:-40%; height:220%;}
.rnd-info .inr{display:flex;}
.rnd-info .inr > div{text-align:left;}
.rnd-info .inr > div > h3{display:flex; font-size:35rem; font-weight:bold; color:#fff; font-family:var(--font-kr); margin-bottom:80rem;}
.rnd-info .inr .left{width:40%;}
.rnd-info .inr .left .rnd-info__list{grid-template-columns: repeat(2, 1fr);}
.rnd-info .inr .right{width:60%;}
.rnd-info .inr .right .rnd-info__list{grid-template-columns: repeat(3, 1fr);}
.rnd-info__list{display:grid;}
.rnd-info__list > li{text-align:center;}
.rnd-info__list .icon{display: flex; align-items: center; justify-content: center; height:85rem;}
.rnd-info__list .icon img{height:85rem;}
.rnd-info .inr .left .rnd-info__list li:nth-child(2) .icon img{height:75rem;}
.rnd-info .inr .right .rnd-info__list li:nth-child(1) .icon img{height:77rem;}
.rnd-info .inr .right .rnd-info__list li:nth-child(3) .icon img{height:65rem;}
.rnd-info__list .txt{margin:20rem 0 0; text-align:center;}
.rnd-info__list .txt > em{display: inline-block; margin-bottom:5rem; font-size: 18rem; font-weight:500; line-height: 1em; color:#fff; font-family:var(--font-kr);}
.rnd-info__list .txt > h3{display:flex; align-items: baseline; justify-content: center; font-size: 20rem; font-weight: 600; font-family:var(--font-kr); color:#fff;}
.rnd-info__list .txt > h3 .counter {display: inline-block; position: relative; top: 2rem; font-size: 38rem; font-weight: 700; margin: 0px 2rem; }
.rnd-info .inr .right .rnd-info__list .txt > h3{font-size: 30rem;}
.rnd-sec03{text-align:center; padding:100rem 0; }
.rnd-img__list{display:flex; justify-content: center; align-items: center;  gap:60rem; margin:60rem 0 0;}
.rnd-img__list > li img{border-radius:20rem; overflow:hidden; width:auto; max-width:100%;}
.rnd-sec04{position:relative; padding:100rem 0; background:#f5f6f9;}
.value-list{display:flex;}
.value-list > li{position:relative; text-align:center; width:calc(100% / 5);}
.value-list > li:before{content:''; position:absolute; top:31%; width:100%; height:1px; border-bottom: 1px dashed #d5d8e5; transform:rotate(23deg);}
.value-list > li:nth-child(2n):before{top:17%; transform:rotate(-23deg); }
.value-list > li:nth-child(2n){margin-top:60rem;}
.value-list > li:nth-child(5):before{display:none;}
.value-list > li .icon{position:relative; display:flex; justify-content: center; align-items: center; margin:0 auto 20rem; width:160rem; height:160rem; background:#fff; border-radius:500rem; border:5rem solid #3377d4; z-index:1; box-shadow:0px 2px 4.75px 0.25px rgb(0 0 0 / 10%);}
.value-list > li:nth-child(2n) .icon {border-color:#4CAF50;}
.value-list > li .icon img{width:70rem;}
.value-list > li:nth-child(1) .icon img{width:80rem; height:80rem;}
.value-list > li:nth-child(5) .icon img{height:80rem;}
.value-list > li .txt > em{display:inline-block; margin-top:7rem; font-size:15rem; font-weight:600; color:#3377d4; line-height:1em;}
.value-list > li:nth-child(2n) .txt > em{ color:#4CAF50;}
.value-list > li .txt > h3{font-size:24rem; font-weight:bold; color:#111; word-break:keep-all;}
.value-list > li .txt > p{display:block; margin:10rem 0 0; font-size: 16rem; font-weight: 400; color: #666; line-height: 1.5em; word-break: keep-all; }

#en .rnd_sub01 .sub-tit02{padding:0;}
#en .rnd_sub01 .sub-tit02 h3{font-size:45rem;}
#en .rnd_sub02 .sub-tit02{padding:0;}
#en .rnd_sub02 .sub-tit02 h3{font-size:41rem;}
#en .rnd_sub02 table.table tbody td{word-break:keep-all;}

@media (max-width:1300px){
	.rnd-sec03 .sec-tit{margin-bottom:50rem;}
}
@media (max-width:1024px){
	.rnd-info{padding:100rem 0;}
	.rnd-info .inr > div > h3{margin-bottom:60rem;}
	.rnd-info__list .txt{margin:15rem 0 0;}
	.rnd-info__list .txt > h3 .counter{font-size:34rem;}
	.rnd-info .inr .right .rnd-info__list .txt > h3{font-size:27rem;}
	.rnd-info__list .icon{height:70rem;}
	.rnd-info__list .icon img{height:70rem;}
	.rnd-info .inr .left .rnd-info__list li:nth-child(2) .icon img{height:60rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(1) .icon img{height:60rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(3) .icon img{height:55rem;}
	.rnd-img__list{margin:40rem 0 0; gap:40rem;}

	.value-list > li .icon{width:130rem; height:130rem; margin:0 auto 15rem;}
	.value-list > li .icon img{height:57rem;}
	.value-list > li:nth-child(1) .icon img{width:70rem; height:70rem;}
	.value-list > li:nth-child(5) .icon img{height:65rem;}
	.value-list > li .txt{padding:0 10rem;}
	.value-list > li .txt > h3{font-size:22rem;}
	.value-list > li .txt > p{margin:8rem 0 0;}
	.value-list > li .txt > p br{display:none;}

	#en .rnd_sub01 .sub-tit02 h3{font-size:35rem;}
	#en .rnd_sub02 .sub-tit02 h3{font-size:35rem;}
}
@media (max-width:768px){
	.rnd-info{padding:70rem 0;}
	.sub-tit02 em{font-size:20rem; padding:5rem 20rem; margin-bottom:25rem;}
	.rnd-sec01 .sub-tit02 h3 br{display:none;}
	.rnd-sec02{margin:60rem 0 0;}
	.rnd-sec02 .sec-tit{margin-bottom:30rem;}
	.rnd-info .inr{flex-direction: column; align-items: center;}
	.rnd-info .inr .left,
	.rnd-info .inr .right{width:100%;}
	.rnd-info .inr .left{margin-bottom:60rem;}
	.rnd-info .inr > div > h3{text-align:left; font-size:30rem; margin-bottom:35rem;}
	.rnd-info__list{width:80%; margin:0 auto;}
	.rnd-info__list > li{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align:center;}
	.rnd-info__list .txt > em{font-size:17rem; }
	.rnd-info__list .txt > h3{justify-content: center;}
	.rnd-info__list .txt > h3 .counter{font-size:30rem;}
	.rnd-info .inr .right .rnd-info__list .txt > h3{font-size:24rem;}

	.rnd-sec03{padding:70rem 0;}
	.rnd-sec03 .sec-tit{margin-bottom:30rem;}
	.rnd-img__list{margin:30rem 0 0; gap:20rem;}

	.rnd-sec04{padding:70rem 0;}
	.value-list{gap:30rem 0; flex-wrap: wrap; justify-content: center}
	.value-list > li{width:calc(100% / 3);}
	.value-list > li:nth-child(2n){margin-top:0;}
	.value-list > li:before,
	.value-list > li:nth-child(2n):before{top:65rem; transform:rotate(0);}
	.value-list > li:nth-child(3):before{display:none;}

	#en .rnd_sub01 .sub-tit02 h3,
	#en .rnd_sub02 .sub-tit02 h3{font-size:27rem;}

}
@media (max-width:620px){

	.rnd-info{padding:50rem 0;}
	.sub-tit02 em{font-size:18rem; padding:4rem 15rem; margin-bottom:20rem;}
	.rnd-sec02{margin:35rem 0 0;}
	.rnd-sec02 .sec-tit{margin-bottom:20rem;}
	.rnd-info__list{width:100%;}
	.rnd-info .inr > div > h3{font-size:25rem; margin-bottom:25rem;}
	.rnd-info__list .icon{height:65rem;}
	.rnd-info__list .icon img{height:65rem;}
	.rnd-info .inr .left{margin-bottom:30rem;}
	.rnd-info .inr .left .rnd-info__list li:nth-child(2) .icon img{height:60rem;}
	.rnd-info .inr .right .rnd-info__list .icon img{height:60rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(1) .icon img{height:55rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(3) .icon img{height:50rem;}
	.rnd-info__list .txt{margin:10rem 0 0;}
	.rnd-info__list .txt > h3 .counter{font-size:25rem;}
	.rnd-info__list .txt > em{font-size:16rem; margin-bottom:0rem;}
	.rnd-info .inr .right .rnd-info__list .txt > h3{font-size:22rem;}

	.rnd-sec03{padding:50rem 0;}
	.rnd-sec04{padding:50rem 0;}
	.value-list > li .icon{width:110rem; height:110rem; border-width:4rem;}
	.value-list > li .icon img{height:52rem;}
	.value-list > li:nth-child(1) .icon img{width:60rem; height:60rem;}
	.value-list > li:nth-child(5) .icon img{height:60rem;}
	.value-list > li .txt > h3{font-size:20rem;}
	.value-list > li .txt > em{font-size:14rem; margin-top:5rem;}
	.value-list > li .txt > p{font-size:15rem; margin-top:5rem;}

	#en .rnd_sub01 .sub-tit02 h3,
	#en .rnd_sub02 .sub-tit02 h3{font-size:22rem;}
	#en #content #tab2 .scrollTable{overflow:auto;}
	#en #content #tab2 .scrollTable::-webkit-scrollbar{width:5rem; height:5rem;} 
	#en #content #tab2 .scrollTable .table{width:620rem;}
	#en #content #tab2 .mob_info{display:block; margin:0 0 10rem; font-size:13px;}
	#en #content #tab2 .mob_info .kr{display:none;}
}

@media (max-width:480px){
	.rnd-info{padding:30rem 0;}
	.sub-tit02 em{font-size:12rem; padding:3rem 10rem; margin-bottom:12rem; border-width:1rem;}
	.rnd-sec02{margin:15rem 0 0;}
	.rnd-sec02 .sec-tit{margin-bottom:10rem;}

	.rnd-info .inr > div > h3{font-size:18rem; margin-bottom:12rem;}
	.rnd-info__list .icon{height:45rem;}
	.rnd-info__list .icon img{height:45rem;}
	.rnd-info .inr .left{margin-bottom:18rem;}
	.rnd-info .inr .left .rnd-info__list li:nth-child(2) .icon img{height:40rem;}
	.rnd-info .inr .right .rnd-info__list .icon img{height:40rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(1) .icon img{height:37rem;}
	.rnd-info .inr .right .rnd-info__list li:nth-child(3) .icon img{height:37rem;}
	.rnd-info__list .txt{margin:8rem 0 0;}
	.rnd-info .inr .right .rnd-info__list .txt > h3{font-size:13rem;}
	.rnd-info__list .txt > em{font-size:12rem; margin-bottom:5rem;}
	.rnd-info__list .txt > h3{font-size:12rem; line-height:1.2em;}
	.rnd-info__list .txt > h3 .counter{font-size:18rem;}

	.rnd-sec03{padding:30rem 0;}
	.rnd-sec03 .sec-tit{margin-bottom:15rem;}
	.rnd-img__list{margin:20rem 0 0; gap:10rem; flex-direction: column;}
	.rnd-img__list > li img{border-radius:10rem;}

	.rnd-sec04{padding:30rem 0;}
	.value-list{gap:15rem 0;}
	.value-list > li .icon{width:70rem; height:70rem; border-width:3rem;}
	.value-list > li .icon img{height:35rem;}
	.value-list > li:nth-child(1) .icon img{width:40rem; height:40rem;}
	.value-list > li:nth-child(5) .icon img{height:40rem;}
	.value-list > li .txt{padding:0 5rem;}
	.value-list > li .txt > h3{font-size:14rem; line-height:0.8em;}
	.value-list > li .txt > em{font-size:11rem; margin-top:0;}
	.value-list > li .txt > p{font-size:12rem; margin-top:5rem; line-height:1.3em;}
	.value-list > li:before,
	.value-list > li:nth-child(2n):before{top:35rem;}

	#en .rnd_sub01 .sub-tit02 h3,
	#en .rnd_sub02 .sub-tit02 h3{font-size:16rem; line-height:1.3em;}
	#en .rnd_sub01 .sub-tit02 h3 br{display:none;}
	#en .value-list > li .txt > h3{line-height:1em;}
	#en #content #tab2 .scrollTable .table{width:500rem;}

}

/* 연구개발 실적 */
.rnd_sub02 .sub_title{margin-bottom:45rem;}
.rnd_sub02 .sub-tit02{margin-bottom:60rem;}
.rnd_sub02 .tabs li{min-width:160rem;}

@media (max-width:768px){
	.rnd_sub02 .sub_title{margin-bottom:40rem;}
	.rnd_sub02 .sub-tit02{margin-bottom:40rem;}
	.rnd_sub02 .sub-tit02 h3 br{display:none;}
}
@media (max-width:480px){
	.rnd_sub02 .tabs li{min-width:97rem;}
	.rnd_sub02 .sub_title{margin-bottom:20rem;}
	.rnd_sub02 .sub-tit02{margin-bottom:20rem;}
}

/* 지속가능경영 */
.area_esg .sub-tit02{;}
.esg-sec01{margin:80rem 0 0;} 
.area_esg .sec-tit{flex-direction: column; align-items: center; text-align:center; gap:25rem; margin:0 0rem 70rem; padding:50rem 50rem; border-radius:15rem; background:#f7faff; background:#f4f7fa; /*background:#f9f9f9;*/ box-sizing:border-box;}
.ic-esg{margin:0 auto; text-align:center;}
.ic-esg .icon{position:relative; display:flex; justify-content: center; align-items: center; margin:0 auto 70rem; width:130rem; height:130rem; background:url(../img/content/bg-icon-gray.svg)no-repeat center; background-size:contain;}
.ic-esg .icon:before{content:''; position:absolute; left:50%; bottom:-70rem; margin-left:-5rem; width:10rem; height:70rem; background:url(../img/content/ic-dot.svg)no-repeat center; background-size:contain;}
.esg_sub02 .ic-esg .icon:before{background:url(../img/content/ic-dot02.svg)no-repeat center; background-size:contain;}
.esg_sub03 .ic-esg .icon:before{background:url(../img/content/ic-dot03.svg)no-repeat center; background-size:contain;}
.ic-esg .icon img{height:55rem;}
.esg_sub03 .ic-esg .icon img{height:65rem;}
.ic-esg .txt{display:block; font-size:20rem; font-weight:600; color:#222;}
.esg-list{margin-top:50rem; border-top:2px solid #222; box-sizing:border-box;}
.esg-list > li{display:flex; gap:30rem; align-items: center; padding:20rem 30rem; border-bottom:1px solid #eee; box-sizing:border-box;}
.esg-list > li .icon{display: flex; justify-content: center; align-items: center; width:85rem; height:85rem;}
.esg-list > li .icon img{width:73rem; height:73rem;}
/* .esg-list > li:nth-child(3) .icon img{width:100%; height:100%;} */
.esg_sub02 .esg-list > li:nth-child(1) .icon img{width:60rem; height:auto;}
.esg_sub03 .esg-list > li:nth-child(1) .icon img{width:100%; height:100%;}
.esg_sub03 .esg-list > li:nth-child(3) .icon img{width:62rem; height:auto;}
.esg-list > li .txt{font-size:18rem; font-weight:400; color:#555; line-height:1.4em; word-break:keep-all;}

@media (max-width:1200px){
	.sec-tit > h3{font-size:38rem;}
	.sub-tit02 h3,
	.rnd_sub02 .sub-tit02 h3{font-size:42rem;}
}
@media (max-width:1024px){
	.sub-tit02 h3 br{display:none;}
}
@media (max-width:768px){
	.sub-tit02 h3{font-size:37rem; line-height:1.4em;}
	.sub-tit02 p{margin:7rem 0 0; font-size:17rem;}
	.sec-tit > h3,
	.rnd_sub02 .sub-tit02 h3{font-size:32rem; line-height:1.4em;}

	.esg-sec01{margin:50rem 0 0;}
	.area_esg .sec-tit{gap:18rem; margin-bottom:40rem; border-radius:8rem; padding:40rem 20rem;;}
	.area_esg .sec-tit .logo{height:40rem;}
	.esg-list{margin-top:40rem;}
	
	.ic-esg .icon{width:115rem; height:115rem;}
	.esg_sub03 .ic-esg .icon img{height:55rem;}

	
}
@media (max-width:620px){
	.sub-tit02 h3{font-size:32rem;}
	.sec-tit > h3, .rnd_sub02 .sub-tit02 h3{font-size:28rem;}
	.esg-sec01{margin:30rem 0 0;}
	.area_esg .sec-tit{gap:15rem; padding:30rem 10rem;}
	.area_esg .sec-tit .logo{height:35rem;}
}
@media (max-width:480px){
	.sub-tit02{margin-bottom:20rem;}
	.sub-tit02 h3,
	.rnd_sub02 .sub-tit02 h3{font-size:18rem; line-height:1.4em;}
	.sub-tit02 p{font-size:12rem;}
	
	.esg-sec01{margin:20rem 0 0;}
	.area_esg .sec-tit{gap:5rem; padding:15rem; margin-bottom:20rem; border-radius:2rem;}
	.area_esg .sec-tit .logo{height:25rem;}
	.sec-tit .logo{position:relative; top:-1.5rem; height:25rem;}
	.sec-tit > h3{font-size:16rem;}
	.ic-esg .icon{width:70rem; height:70rem; margin:0 auto 40rem;}
	.ic-esg .icon img{height:30rem;}
	.esg_sub03 .ic-esg .icon img{height:35rem;}
	.ic-esg .icon:before{width:6rem; height:30rem; bottom:-35rem; margin-left:-3rem;}
	.ic-esg .txt{font-size:14rem; line-height:1.3em;}
	.esg-list{margin-top:20rem;}
	.esg-list > li{padding:12rem 0; gap:10rem;}
	.esg-list > li .icon{width:50rem; height:50rem;}
	.esg-list > li .icon img{width:40rem; height:40rem;}
	.esg_sub02 .esg-list > li:nth-child(1) .icon img{width:34rem;}
	.esg_sub03 .esg-list > li:nth-child(3) .icon img{width:37rem;}
	.esg-list > li .txt{width:calc(100% - 50rem); width:-webkit-calc(100% - 50rem); font-size:12rem;}

	#en .sub-tit02 p br{display:none;}

}

/* 고객센터 */
.box-pirvacy{display:block; padding:50rem; box-sizing:border-box; border-radius:10rem; background:#f9f9f9;}
.box-pirvacy > h3{display:block; font-size:24rem; font-weight:700; color:#333;}
.chk_box_wrap{display:block; margin:15rem 0 0;}
.box-cs .top{display:block; text-align:right; margin-bottom:50rem; font-size:16rem; font-weight:600; color:#222; border-bottom: 2px solid #222; padding-bottom: 10rem; box-sizing:border-box;}
.box-cs .top .ess{position:relative; top:2rem; margin-right:5rem; display:inline-block; color:#ff4002; }
.text-box{position:relative; margin:20rem 0 0; }
.text-box .text{background:#fff; padding:20rem; box-sizing:border-box; border:1px solid #eee; box-sizing:border-box; border-radius:5rem;}
.text-box .text p{display:block; margin-bottom:3rem; font-size:16rem; font-weight:400; color:#666; line-height:1.4em; word-break:keep-all;}
.box-cs{margin-top:40rem;}
.box-cs input{display:block; padding:15rem; width:100%; height:60rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:16rem; color:#333; outline:none;}
.box-cs textarea{display:block; padding:15rem; width:100%; height:200rem; border:1px solid #ddd; box-sizing:border-box; border-radius:5rem; font-size:16rem; color:#333;  outline:none;}
.input-list{display:grid; gap:20rem; grid-template-columns: repeat(3, 1fr); margin-bottom:30rem;}
.box-cs label{position:relative; display:inline-block; margin-bottom:10rem; font-size:17rem; font-weight:600; color:#333; line-height:1em; word-break:keep-all;}
.box-cs label .ess{position:absolute; top:-4rem; right:-10rem; color:#ff4002; }
.input-content{display:block; margin:30rem 0 0;}
.area-btn{margin:40rem auto 0; text-align:center;}
.input-submit,
.area-btn a{display: flex; align-items: center; justify-content: center; margin:0 auto; width:170rem; height:60rem; background:var(--color-point); font-size:16rem; color:#fff; font-weight:600; border-radius:5rem; box-sizing:border-box; border:None;}

/*checkbox_custom*/
.ckbox input[type="checkbox"]{display:none; width:20rem; height:15rem;}
.ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5rem; width:26rem; height:26rem; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
.ckbox label{display:flex;position:relative; padding-left:28rem; color:rgba(0,0,0,0.4);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.ckbox label input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;width:20rem;height:20rem;border:1rem solid #ddd; background:#fff; border-radius:3rem; box-sizing:border-box;}
.ckbox label:hover input ~ .checkmark{}
.ckbox label input:checked ~ .checkmark{border:1rem solid var(--color-point); background-color:var(--color-point);}
.checkmark:after{display:none;position:absolute;content:"";}
.ckbox label input:checked ~ .checkmark:after{display:block;}
.ckbox label .checkmark:after{top:2.5rem;left:7rem;width:5rem;height:9rem;border:1px solid #fff; border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.ckbox em{position:relative; top:1.5rem; font-size:16rem; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}

@media (max-width:1024px){
	.box-pirvacy{padding:40rem;}
	.input-list{gap:15rem;}
}
@media (max-width:768px){
	.box-pirvacy{padding:30rem;}
	.box-pirvacy > h3{font-size:22rem;}
	.text-box{margin:15rem 0 0;}
	.text-box .text{padding:15rem;}
	.box-cs input{padding:12rem; height:55rem;}
}
@media (max-width:620px){
	.box-pirvacy{padding:20rem;}
	.box-pirvacy > h3{font-size:20rem;}
	.text-box{margin:10rem 0 0;}
	.text-box .text p{font-size:15rem;}
	.box-cs{margin-top:30rem;}
	.box-cs .top{margin-bottom:30rem; font-size:15rem;}
	.box-cs label{font-size:16rem;}
	.input-list{gap:15rem; grid-template-columns: repeat(1, 1fr); margin-bottom:15rem;}
	.input-content{margin:15rem 0 0;}
}
@media (max-width:480px){
	.box-pirvacy{padding:15rem 12rem 18rem; border-radius:5rem;}
	.box-pirvacy > h3{font-size:14rem;}
	.text-box{margin:7rem 0 0;}
	.text-box .text{padding:12rem; height:100rem; overflow-y:scroll;}
	.text-box .text::-webkit-scrollbar{width:4rem;}
	.text-box .text p{font-size:11rem; margin-bottom:1rem;}
	.chk_box_wrap{margin:10rem 0 0;}
	.ckbox label{padding-left:20rem;}
	.ckbox label .checkmark:after{top:1rem; left:5rem; width:4rem; height:8rem;}
	.checkmark{width:15rem; height:15rem;}
	.ckbox em{font-size:11rem;}
	.box-cs{margin-top:20rem;}
	.box-cs .top{margin-bottom:15rem; font-size:12rem;}
	.box-cs label{font-size:12rem; margin-bottom:5rem;}
	.box-cs label .ess{top:-3rem; right:-8rem;}
	.box-cs input{height:40rem; padding:10rem; font-size:12rem;}
	.input-list{gap:10rem;margin-bottom:10rem;}
	.input-content{margin:10rem 0 0;}
	.box-cs textarea{height:120rem; padding:10rem; font-size:12rem;}
	.area-btn{margin:20rem auto 0;}
	.input-submit,
	.area-btn a{width:90rem; height:38rem; font-size:12rem;}
}

/* login */
.area-member{margin-top:100rem;}
#login-box{position:relative; width:500rem; margin:0 auto;}
#login-box #login_area{background-color:#fff;}
#login-box #login_area h2.member {font-size:30rem;font-family:Gotham, notokr;}
#login-box #login_area h2{line-height:50rem;text-align:center;font-size:48rem;}
#login-box #login_area h3{text-align:center;color:#666}
#login-box #login_area h3 p {font-size:15rem;font-weight:normal;}
#login-box #login_area #login_fs{margin-top:0rem; padding:0;}
#login-box #login_area #login_fs .login_input{width:100%;height:55rem;line-height:55rem;padding:0 25rem;margin-bottom:10rem;border:none;background-color:#f9f9f9; border:1rem solid #e4e4e4; box-sizing:border-box; font-weight:bold;font-size:16rem; color:#111;}
#login-box #login_area #login_fs .login_input:focus{border: 1rem solid #1974d9 !important;  box-shadow: none;}
#login-box #login_area #login_fs .login_input::placeholder {color:#666;}
#login_fs label{position:relative; top:-2rem; font-size:14rem; font-weight:500; color:#555;}
#login-box #login_area #login_fs .btn_submit{display:block;width:100%;height:63rem;margin-top:20rem;background:var(--color-point);text-align:center;color:#fff; font-size:18rem; font-weight:500; border-radius:0; transition:all 0.3s ease;}
#login-box #login_area #login_fs .btn_submit:hover{background:#042d66;}
#login-box #login_info{position:relative;padding:0rem 0;margin-top:-1rem;border:0rem solid #dfdce1;background-color:#fff;text-align:center;}
#login-box #login_info p{font-size:13rem;}
#login-box #login_info div{margin-top:0rem;}
#login-box #login_info div a{display:inline-block;width:155rem;height:34rem;line-height:34rem;border:1rem solid #d5d5d5;color:#333;font-size:13rem;font-weight:bold}
#login-box #login_info div a:last-child{margin-left:-1rem}
#login-box .button_etc {position:relative;width:100%;text-align:center;}
#login-box .button_etc a {display:inline-block;margin:25rem 10rem 0rem; font-size:14rem; font-weight:600; color:#555; border:none;}
#login-box .button_etc a:hover{color:var(--color-point);}

@media (max-width:768px){
	.area-member{margin-top:80rem;}
}
@media (max-width:620px){
	#login-box{width:100%;}
}
@media (max-width:480px){
	.area-member{margin-top:50rem;}
	#login-box #login_area #login_fs .login_input{height:45rem; line-height:45rem; padding:10rem; font-size:12rem; margin-bottom:7rem;}
	#login_fs label{font-size:12rem; top:0;}
	#login-box #login_area #login_fs .btn_submit{margin-top:10rem; height:45rem; font-size:15rem;}
	#login-box .button_etc a{margin:15rem 0; font-size:12rem;}
}

.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:22rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:400; font-size:15rem; color:#666;  text-align:justify;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .inr_policy.first{padding-top:0;}
.area_policy .inr_policy:last-child{border:none;}

@media (max-width:480px){
	.area_policy h3{font-size:15rem; margin-bottom:7rem;}
	.area_policy .inr_policy{padding:20rem 0;}
	.area_policy ul li, .area_policy p{font-size:12rem; line-height:1.4em; margin-bottom:4rem; text-align:left;}
	.area_policy ul li ul{margin-top:2rem; margin-bottom:7rem;}
	.area_policy ul li ul li{font-size:12rem; margin-bottom:4rem;}
	
}