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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; /* margin-bottom:15px; */ }
.sub-tab-list-style ul{ width:100%; height:100%; text-align:center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:inline-block; position:relative; width:24%; margin-left:-3px; background-color:#fff; border:1px solid #0e3a9d; border-left:0; opacity:0.5;filter:Alpha(opacity=50); }
.sub-tab-list-style ul li:first-child{border-left:1px solid #0e3a9d;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#0e3a9d; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; opacity:1;filter:Alpha(opacity=100); background-color:#0e3a9d; }
.sub-tab-list-style ul li.selected a{background-color:#0e3a9d; border-color:#0e3a9d}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px; z-index:99;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

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

/* ******************  회사소개 ********************** */
/* 회사소개 :: ceo */
.ceo-con .bg-box{position: relative}
.ceo-con .bg-box::after{content:""; z-index:-1; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 577px; background-color: #f2f4f6}
.ceo-con .bg-box .area{display: flex; justify-content: space-between}
.ceo-con .bg-box .img-box{width: 44.25%; height: 690px; position: relative}
.ceo-con .bg-box .img-box img{position: absolute; top: 50%; transform: translateY(-50%); max-width: 100%; height: auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.16)}
.ceo-con .bg-box .txt-box{position: relative;width: calc(100% - 50%); padding-top: 120px}
.ceo-con .bg-box .txt-box h6{padding: 0 0 40px; font-size: 26px; font-weight: 300; color: #222; letter-spacing: -0.75px; line-height: 1.6}
.ceo-con .bg-box .txt-box h6 span.blue{color: #0f2d65; font-weight: 600}
.ceo-con .bg-box .txt-box p{font-size: 16.5px; font-weight: 300; color: #555; letter-spacing: -0.5px; line-height: 2.0}
.ceo-con .bg-box .txt-box .sign{display: block; padding-top: 35px; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.5px}
.ceo-con .bg-box .txt-box .sign span.bold{font-weight: 600; margin-right: 10px}
/* 회사소개 :: 기업개요 */
.summary-img-wrap {position: relative; max-width: 1668px; margin:0 auto;}
.summary-con .summary-img { text-align: center; width:100%; padding-top:26.13%; background:url("/images/content/summary_img.jpg") center no-repeat  ; background-attachment:fixed;}
.summary-con .summary-img img{display:none; max-width: 100%; height: auto;}
.summary-con .summary-img span.txt{width: 100%;position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; font-size: 142px; font-weight: 600; color: #fff; text-shadow: 0 0 13px #fff; opacity: 70%}
.summary-con .summary-txt{padding-top: 100px; display: flex; justify-content: space-between; font-weight: 400; letter-spacing: -0.75px}
.summary-con .summary-txt h5{position: relative;font-size: 55.59px; font-weight: 600; color: #222}
.summary-con .summary-txt h5::after{content:"";position: absolute; top: 40px; right: -20px; width: 10px; height: 10px; background-color: #0e3599}
.summary-con .summary-txt p{font-size: 16.5px; color: #666; line-height: 1.8; letter-spacing: -0.75px}
.summary-con .summary-txt p span.tit{font-size: 31.35px; color: #222}
.summary-con .summary-txt p span.bold{font-weight: 600;}

/* 하단컨텐츠 */
.summary-img-box {max-width:1360px; margin:128px auto 0;}
.summary-list-box {position:relative;}
.summary-list-box .logo-wrap {position:absolute; width:100%; height:100%; z-index:9;}
.summary-list-box .logo-box {position:absolute; top:50%; left:50%; width:22.97%; border:1px solid #ddd;  background-color: #fff; z-index:9; 
transform:translate(-50%,-50%); -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.summary-list-box .logo-box .logo {padding-top:100%; background:url("/images/content/summary_logo.png") center no-repeat;}
.summary-list {margin: -9px -0.58%;}
.summary-list > li {width:48.83%; margin:11px 0.58%; float:left; height:300px; border:1px solid #ddd; background-color: #fff;
-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.summary-list > li.gray {background-color: #f5f5f5; border:0;}
.summary-list > li .inner-box { width:100%; height:100%; padding: 0 6.7%;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.summary-list > li .inner-box .inner {position:relative;  height:100%; }
.summary-list > li .tit-box {position:absolute; top:16.66%; left:0%;}
.summary-list > li .tit-box .tit {font-size: 28px; letter-spacing:-0.57px; color: #000; display:inline-block;  }
.summary-list > li .txt-box { display:table; width:100%; height:100%; }
.summary-list > li .txt-box .txt-inner { display:table-cell; vertical-align:middle; text-align:center;}
.summary-list > li .txt-box .tit {font-size:35px; color:#000;}
.summary-list > li.right {text-align:right;}
.summary-list > li.right .tit-box {left:auto; right:0%;}

/* 비전 */
.summary-list li.item01 .txt-box .tit {font-size: 49px; letter-spacing:-0.25px; color:#002060;}
.summary-list li.item01 .txt-box .tit span {display:block;}
.summary-list li.item01 .txt-box .tit em {position:relative; display:inline-block; margin:0 4px;padding-top: 26px; width:8px; height:24px; font-weight:600;  }
.summary-list li.item01 .txt-box .tit  em:before {content:""; position:absolute; top:0; left:50%; margin-left:-13px; width:26px; height:22px; background:url("/images/content/summary_txt_icon.jpg") no-repeat; z-index:1;}
.summary-list li.item01 .txt-box .tit  em:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:24px; background-color: #09a2dd;}
/* 미션 */
.summary-list li.item02 .txt-box .tit {font-size:40px;}
.summary-list li.item02 .txt-box .tit em {font-size:35px;}
/* 사업영역 */
.summary-list li.item03 .icon-list  {margin-top:40px;}
.summary-list li.item03 .icon-list li {float:left; width:33.33%; border-left:1px solid #ddd; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.summary-list li.item03 .icon-list li:first-child {border-left:0;}
.summary-list li.item03 .icon-list li .icon {position:relative; display:block; padding-top: 59px; background:center no-repeat; background-size:auto 100%; }
.summary-list li.item03 .icon-list li .txt {font-size:16.8px; color:#000; text-align:center; font-weight:600; margin-top:15px;}
.summary-list li.item03 .icon-list li.item01 .icon {background-image:url("/images/content/summary_icon_01.png");}
.summary-list li.item03 .icon-list li.item02 .icon {background-image:url("/images/content/summary_icon_02.png");}
.summary-list li.item03 .icon-list li.item03 .icon {background-image:url("/images/content/summary_icon_03.png");}
/* 가치 */
.summary-list li.item04 .txt-box .tit {line-height:1.3; font-weight:500; letter-spacing:-0.85px; display:inline-block; margin-top:23px;}
.summary-list li.item04 .txt-box .tit b {color: #002060;}
.summary-list li.item04 .txt-box .txt {display:inline-block; float:right; font-size: 18px; letter-spacing:-0.65px; color:#777;  margin-top:10px;}


/* 회사소개 :: R&D */
.rnd-top-con {text-align: center}
.rnd-top-con .tit-box .tit {font-size: 46px; font-weight:400; color: #333; letter-spacing: -0.65px}
.rnd-top-con .tit-box p{font-size: 46px; font-weight:600; color: #000; padding: 45px 0 50px; line-height: 1.3;}
.rnd-top-con .tit-box p span.blue{color: #1158d5}
.rnd-top-con .txt-box .txt {font-size:18px; line-height:1.94em; letter-spacing:-0.65px;}
.rnd-con-tit {font-size: 28px; letter-spacing:-0.6px; color:#000; margin-bottom:35px;}
.rnd-map-con {margin-top:100px;}
.rnd-map-con .map-box {position:relative;}
.rnd-map-con .map-box img {max-width:100%;}
.rnd-map-con .map-box .img {position:absolute; top:-10px; left:0; width:100%; text-align:center; z-index:-1;}

.rnd-con .top-img img {width:100%;}
.rnd-con-box {margin-top:100px;}
.rnd-con-box .tit-box .icon-box {width:90px; padding-left:15px;  }
.rnd-con-box .tit-box .icon {display:block; width:90px; height:90px; background: #fff center no-repeat; border-radius:50%; box-shadow:0px 2px 34px -5px rgba(0, 0, 0, .2);}
.rnd-con-box.con01 .tit-box .icon {background-image:url('/images/content/rnd_icon_01.png')}
.rnd-con-box.con02 .tit-box .icon {background-image:url('/images/content/rnd_icon_02.png')}
.rnd-con-box.con03 .tit-box .icon {background-image:url('/images/content/rnd_icon_03.png')}
.rnd-con-box .tit-box .tit {padding-left:30px; line-height: 1.3; font-size:35px; letter-spacing:-0.65px; color:#000;  }
.rnd-con-box .con-box {margin-top:35px;}
.rnd-con-box .item-list {border-top: 1px solid #000;}
.rnd-con-box .item-list li {border-bottom:1px solid #ddd; }
.rnd-con-box .item-list .inner {padding:50px 30px;}
.rnd-con-box .item-list .tit {font-size: 22px; letter-spacing:-0.5px; color:#000; }
.rnd-con-box .item-list .txt {font-size: 16.5px; line-height:1.75em; letter-spacing:-0.5px; color:#777; margin-top:15px;}


/* 회사소개 :: R&D >공정기술 */
/* 메뉴바 */
.sub-cm-tab-wrapper{text-align: center}
.sub-cm-tab-style{display: inline-block}
.sub-cm-tab-style ul li{position: relative; width: 164px; border-bottom: 2px solid #dcdcdc; float: left; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-cm-tab-style ul li a{display: block; width: 100%; height: 60px; display: table; table-layout: fixed; -webkit-transition: all 0.3s; transition: all 0.3s;}
.sub-cm-tab-style ul li a span{padding: 0 30px; display: table-cell; vertical-align: middle; font-size: 16.5px; line-height: 1.3; font-weight: 400; letter-spacing: -0.65px; color: #b6b6b6; -webkit-transition: all 0.3s; transition: all 0.3s; -ms-word-break: break-all; word-break: break-all;}

.sub-cm-tab-style ul li.selected{z-index: 1; border-bottom: 2px solid #0e3a9d}
.sub-cm-tab-style ul li.selected a span{color: #0e3a9d}
/* 컨텐츠01 :: 상단 타이틀 */
.rnd-intro-con .tit-box{text-align: center; padding: 85px 0;}
.rnd-intro-con .tit-box span.icon{display: block; position: relative; margin: 0 auto 40px; width: 100px; height: 100px; padding: 10px; background-color: #fff; border-radius: 100%; box-shadow: 0 0 40px rgba(0,0,0,0.11)}
.rnd-intro-con .tit-box span.icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.rnd-intro-con .tit-box h4{font-size: 44px; font-weight:400; color: #111; letter-spacing: -0.65px}
.rnd-intro-con .tit-box h4 span.bold{font-weight: 600}
/* 컨텐츠02 :: 하단 리스트박스 */
.rnd-intro-con .img-list-wrap{border-top: 1px solid #000}
.rnd-intro-con .img-list-box{border-bottom: 1px solid #ddd}
.rnd-intro-con .img-list-box .wrap{padding: 30px 50px; display: table}
.rnd-intro-con .img-list-box .img-box{display: inline-block; vertical-align: middle; margin-right: 120px}
.rnd-intro-con .img-list-box .img-box img{max-width: 100%; height: auto}
.rnd-intro-con .img-list-box .list-box{display: inline-block; vertical-align: middle; letter-spacing: -0.9px;}
.rnd-intro-con .img-list-box .list-box h5{margin-bottom: 30px; font-size: 26px; font-weight:600; color: #222}
.rnd-intro-con .img-list-box .list-box ul > li{position: relative; padding-left: 30px; margin: 10px 0; font-size: 16.5px; line-height: 1.6; font-weight:400; color: #666}
.rnd-intro-con .img-list-box .list-box ul > li i{position: absolute; top: 4px; left: 0; font-size: 14px; font-weight: 500; color: #0e3a9d}
/* 회사소개 :: 자회사 */
/* 컨텐츠01 :: 지도 */
.partner-map-wrap{text-align: center; padding-top: 100px; padding-bottom:80px;  background: url("/images/content/partner_bg.jpg") center no-repeat}
.partner-map-wrap h4{font-size: 50px; font-weight: 600; color: #111; letter-spacing: -0.25px}
.partner-map-wrap .partner-map-pc{position:relative; height: 647px; text-align:center; background:url("/images/content/partner_map_img.png") center no-repeat}
.main-partner-nation-box {position:absolute; top:0px; left:0px; width:100%; height:100%; }
.partner-map-wrap .partner-map-m {display:none;}
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; left:50%; top:0; cursor:pointer;}
.nation-circle .list-con{position: relative; z-index: 1}
.nation-circle .list-con li{float: left; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px; padding: 13px 20px}
.nation-circle .list-con li:first-child{margin-right: 8px; width: 120px; padding: 13px 0}
.nation-circle .reverse-con li{float: right}
.nation-circle .reverse-con li:first-child{margin-left: 8px}
.nation-circle .list-con .nation-tit{text-align: center; font-size: 15px; font-weight: 600; color: #fff; background-color: #0e3a9d}
.nation-circle .list-con .nation-tit > .nation-tit-area{position: relative}
.nation-circle .list-con .nation-txt{font-size: 15px; font-weight: 400; color: #423b3f; letter-spacing: -0.15px; background-color: rgba(175,208,233,0.5)}
.nation-circle .list-con .nation-txt em{position: relative; padding-left: 82px}
.nation-circle .list-con .nation-txt em.logo-01{padding-left: 40px}
.nation-circle .list-con .nation-txt em::before{content:""; position: absolute; top: 0; left: 0; width: 79px; height: 21px; background:url("../images/content/partner_logo02_s.png") center no-repeat}
.nation-circle .list-con .nation-txt em.logo-01::before{width: 36px; background:url("../images/content/partner_logo01_s.png") center no-repeat}
.nation-circle .list-con .nation-txt em::after{position: absolute; left: 50%; transform: translateX(-50%); bottom: -40px; font-size:15px; font-weight: 600; color: #222}

@media all and (min-width:1221px){
	.nation-circle .list-con .nation-txt {opacity:0;filter:Alpha(opacity=0); transition:opacity 0.8s;}
	.nation-circle.on .list-con .nation-txt {opacity:1;filter:Alpha(opacity=100);}
}

/* .hungary */
.nation-circle .list-con .nation-txt em.hungary::after{content:"BUDAPEST"}
.nation-circle .hungary-area span{top: 53px; left: 10px}
.nation-circle .hungary-area span:nth-child(3){top: 63px; left: 20px}
.nation-circle .hungary-area i{top:67px; left:22%}
.nation-circle .hungary-area i::before{left:50%; bottom:50%; height: 39px}
/* .china */
.nation-circle .list-con .nation-txt em.china::after{content:none}
.nation-circle .china-area span{top: -73px; left: 62px}
.nation-circle .china-area span:nth-child(3){top: -63px; left: 72px}
.nation-circle .china-area i{top:-57px; left:65%}
.nation-circle .china-area i::before{left:50%; bottom: -43px; height: 39px}
/* .vietnam */
.nation-circle .list-con .nation-txt em.vietnam::after{content:"BAC NINH PROVINCE"; width: 105%;}
.nation-circle .vietnam-area span{top: -120px; left: -4px}
.nation-circle .vietnam-area span:nth-child(3){top: -111px; left: 6px}
.nation-circle .vietnam-area i{top:-105px; left:10%}
.nation-circle .vietnam-area i::before{left:50%; bottom: -95px; height: 90px}
/* .korea */
.nation-circle .variety-list li.nation-txt{margin-right: 8px}
.nation-circle .variety-list li:last-child{margin-right: 0}
.nation-circle .list-con .nation-txt em.suwon::after{content:"OSAN"}
.nation-circle .list-con .nation-txt em.seoul::after{content:"SEOUL"}
.nation-circle .korea-area span{top: 134px; left: 10px}
.nation-circle .korea-area i{top:147px; left:22%}
.nation-circle .korea-area i::before{left:50%; bottom: 1px; height: 120px}
/* 파장효과 */
.wave {
  opacity: .4;
  position: absolute;
  top: 124px;
  left: -2%;
  border: 1px solid #ddd;
  width: 85px;
  height: 85px;
  border-radius: 100%;
  -webkit-animation: drift 3000ms infinite linear;
          animation: drift 3000ms infinite linear;
}
.wave.three {-webkit-animation: drift 4000ms infinite linear;animation: drift 4000ms infinite linear}
.wave.two {-webkit-animation: drift 6000ms infinite linear;animation: drift 6000ms infinite linear;opacity: .1;border: 1px solid #ddd}

.box:after {content: ''; display: block;left: 0; top: 0;width: 100%;height: 100%}

@-webkit-keyframes drift {
  from {-webkit-transform: scale(0,0); transform: scale(0,0);opacity: 1}
  to { -webkit-transform: scale(4); transform: scale(4);opacity: 0;}
}
@keyframes drift {
	from {-webkit-transform:scale(0,0);transform: scale(0,0); opacity: 1}
	to {-webkit-transform: scale(4);transform:  scale(4);opacity: 0;}
}

/* .usa */
.nation-circle .list-con .nation-txt em.usa::after{content:"ARIZONA "}
.nation-circle .usa-area span{top: -73px; left: 4px}
.nation-circle .usa-area span:nth-child(3){top: -63px; left: 14px}
.nation-circle .usa-area i{top:-57px; left:17%}
.nation-circle .usa-area i::before{left:50%; bottom: -43px; height: 39px}

.nation-circle .korea-area span:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s; 
}
.nation-circle .korea-area span:nth-child(3) {
	-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.nation-circle .nation-tit-area span{background-color:rgba(56, 92, 174, 0.1) ; border-radius: 50%; position: absolute;  margin: 0; -webkit-animation-fill-mode: both;animation-fill-mode: both; width: 40px; height: 40px}
.nation-circle .nation-tit-area span:nth-child(3){width: 20px; height: 20px}
.nation-circle .korea-area span {-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: nation-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; }
.nation-circle .nation-tit-area i{
	display:block; position:absolute; width:8px; height:8px; background-color:#fff;  border:2px solid #252525;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	opacity:0.7;filter:Alpha(opacity=70);
}
.nation-circle .nation-tit-area i:before {content:""; display:block; width:1px; background-color: #252525; position:absolute; margin-bottom:4px}

.nation-circle.long .nation-tit {margin-top:-130px; z-index:99;}
.nation-circle.long i:before {height:130px;}
.nation-circle.long p {top:0; margin-top:-90px;}


/* 컨텐츠02 :: 하단 리스트 */
.partner-list-wrap{margin-top: 80px}
.partner-list-wrap .partner-list{display: flex; justify-content: space-between; flex-wrap: wrap}
.partner-list-wrap .list-con{width: 50%; margin-bottom: 60px; padding-bottom: 70px; border-bottom: 1px solid #ddd}
.partner-list-wrap .list-tit-box{width: 48%; vertical-align: top; display: inline-block}
.partner-list-wrap .list-tit-box h5{position: relative; margin-bottom: 25px; padding-left: 55px; font-size: 24.55px; font-weight: 400; color: #423b3f; letter-spacing: -0.15px}
.partner-list-wrap .list-tit-box h5.logo-02{padding-left: 122px;}
.partner-list-wrap .list-tit-box h5::before{content:""; position: absolute; top: 0; left: 0; width: 53px; height: 32px}
.partner-list-wrap .list-tit-box h5.logo-01::before{background: url("../images/content/partner_logo01.png") center/cover}
.partner-list-wrap .list-tit-box h5.logo-02::before{width: 120px; background: url("../images/content/partner_logo02.png") center/cover}
.partner-list-wrap .list-tit-box p{font-size: 16px; font-weight: 400; color: #7f98c9; line-height: 1.8; letter-spacing: -0.5px}
.partner-list-wrap .list-cont-box{display: inline-block; width: 45%;}
.partner-list-wrap .list-cont-box li .tit{position: absolute; top: 1px; left: 0} 
.partner-list-wrap .list-cont-box li .tit em{position: relative;font-weight: 500; font-size: 16px; color: #444; padding-left: 10px}
.partner-list-wrap .list-cont-box li .tit em::before{content:""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 3px; height: 3px; background-color: #365ea4}
.partner-list-wrap .list-cont-box li{position: relative; padding-left: 100px; margin: 15px 0; font-size: 16px; line-height: 1.4; font-weight: 400; color: #555; letter-spacing: -0.5px}
.partner-list-wrap .list-cont-box li.pd-none{padding-left: 0}

/* 회사소개 :: rnd (210402) */
.rnd-page .rnd-tit-box{margin-top: 100px}
.rnd-page .rnd-tit-box .cm-rnd-tit{margin-bottom: 35px; font-size: 40px; font-weight: 600; color: #111; letter-spacing: -0.65px; line-height: 1.3; text-align: center}
.rnd-page .rnd-tit-box .gray-txt-box-wrap{background: url("/images/content/new_rnd_tit_bg01.jpg") 50% 0/cover no-repeat; padding: 58px 0}
.rnd-page .rnd-tit-box .gray-txt-box-wrap p{font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.65px; line-height: 1.94; text-align: center}
.rnd-page .img-with-list-wrap .img-with-list li{display: table; width: 100%}
.rnd-page .img-with-list-wrap .img-with-list li > div{display: table-cell; vertical-align: middle; width: 50%}
.rnd-page .img-with-list-wrap .img-with-list li .gray-color-txt{color: rgba(68,68,68,0.8)}
.rnd-page .img-with-list-wrap .img-with-list li .img-con{background-repeat: no-repeat; background-position: 50%}
.rnd-page .img-with-list-wrap .img-with-list li .txt-con{box-sizing: border-box}
#rndCon01 .img-with-list-wrap{margin-top: 120px}
#rndCon01 .img-with-list-wrap .txt-con p{font-size: 16px; font-weight: 400; letter-spacing: -0.7px; line-height: 1.93; text-align: left;}
#rndCon01 .img-with-list-wrap li:nth-child(1){min-height: 600px}
#rndCon01 .img-with-list-wrap li:nth-child(1) .img-con{background-image: url("/images/content/new-rnd_img01_pc.jpg")}
#rndCon01 .img-with-list-wrap li:nth-child(1) .img-con-m{display: none}
#rndCon01 .img-with-list-wrap li:nth-child(1) .txt-con{padding: 0 3%; background-color: #f7f7f7}
#rndCon01 .img-with-list-wrap li:nth-child(2){min-height: 379px}
#rndCon01 .img-with-list-wrap li:nth-child(2) .img-con{background-image: url("/images/content/new-rnd_img02.jpg")}
#rndCon01 .img-with-list-wrap li:nth-child(2) .txt-con{padding: 0 2% 0 3%; color: rgba(255,255,255,0.8); background-color: #6d7fa5}

.method-process-box{background-color: #fff; border-radius: 15px; padding: 3% 5%; box-sizing: border-box}
.method-process-box .blue-color-tit{display: block; text-align: center; font-size: 22.5px; font-weight: 600; color: #0e3a9d; letter-spacing: -0.5px; line-height: 1.5; margin-bottom: 15px}
.method-process-box{margin: 40px 0}
.method-process-box .process-box ul{text-align: center; margin: 0 -50px; display: flex; justify-content: center; flex-wrap: wrap}
.method-process-box .process-box li{margin: 50px}
.method-process-box .process-box li .hexagon-box{width: 130px; height: 70px; margin: auto; position: relative; background-color: #f3f9ff; border: 1px solid #d1e0ee; box-shadow: 5px 5px 20px rgb(0 0 0 / 7%)}
.method-process-box .process-box li .hexagon-box::before,
.method-process-box .process-box li .hexagon-box::after{content: ""; position: absolute; width: 90px; height: 90px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #f3f9ff; left: 19px}
.method-process-box .process-box li .hexagon-box::before{top: -46px; border-top: 1px solid #d1e0ee;border-right: 1px solid #d1e0ee}
.method-process-box .process-box li .hexagon-box::after{box-shadow: -8px 6px 10px rgb(0 0 0 / 10%); bottom: -46.1px; border-bottom: 1px solid #d1e0ee; border-left: 1px solid #d1e0ee}
.method-process-box .process-box li:nth-child(2n) .hexagon-box, .method-process-box .process-box li:nth-child(2n) .hexagon-box::before,
.method-process-box .process-box li:nth-child(2n) .hexagon-box::after{background-color: #fff}
.method-process-box .process-box li .hexagon-box em{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; display: block; font-size: 17.99px; font-weight: 600; color: #333; letter-spacing: -0.5px; line-height: 1.4; text-align: center}
.method-process-box .process-box li .hexagon-box em::after{position: absolute; content:">"; top: 50%; margin-top: -20px; right: -60px; font-size: 26.98px; font-family:'Poppins'; font-weight: 600; color: rgba(51,51,51,0.25);}
.method-process-box .process-box li:last-child .hexagon-box em::after{content:none}
#rndCon02 .rnd-tit-box .gray-txt-box-wrap{background: url("/images/content/new_rnd_tit_bg02.jpg") 50% 0/cover no-repeat}
#rndCon02 .img-with-list-wrap{margin-top: 100px}
#rndCon02 .img-with-list-wrap .txt-con p{font-size: 16.5px; font-weight: 400; color: #777; letter-spacing: -0.65px; line-height: 1.93; text-align: left;}
#rndCon02 .img-with-list-wrap li{min-height: 430px}
#rndCon02 .img-with-list-wrap li .img-con{border: 1px solid #ddd}
#rndCon02 .img-with-list-wrap li:nth-child(1) .img-con{background-image: url("/images/content/new-rnd_img03.jpg")}
#rndCon02 .img-with-list-wrap li:nth-child(1) .txt-con{padding: 0 3%; background-color: #f7f7f7}
#rndCon02 .img-with-list-wrap li:nth-child(2) .img-con{background-image: url("/images/content/new-rnd_img04.jpg")}
#rndCon02 .img-with-list-wrap li:nth-child(2) .txt-con{padding-left: 3%; color: #fff; background-color: #97bae0}
#rndCon02 .img-with-list-wrap .txt-con .check-txt{position: relative; padding-left: 30px; color: #fff}
#rndCon02 .check-txt::before{content:"\e928"; position: absolute; top: 0; left: 0; font-family: 'xeicon'}

/* 회사소개 :: 오시는길 */
/* 오시는길 :: 상단 */
.map-script-wrapper {position:relative; overflow:hidden; margin:0px auto; height:500px; border:1px solid #ddd}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin:-250px 0 0 -600px; z-index:0; transition: all 1s; }
.map-script-wrapper .map-script-con .root_daum_roughmap,
.map-script-wrapper .map-script-con .wrap_map{height:100% !important;}

.map-script-wrapper .bg-box {display:block; width:100%; height:100%; background-color:rgba(26,39,68,0.45); position:absolute; left:0; top:0; opacity:1;filter:Alpha(opacity=100); transition: all 0.4s;  cursor:pointer; z-index:1;}
.map-script-wrapper .bg-box .bg {position:absolute; top:56%; width:100%; text-align:center; font-size:20px; transform:translateY(-50%); color:#fff;}
.map-script-wrapper.on .bg-box {opacity:0;filter:Alpha(opacity=0); z-index:0; }
.map-script-wrapper.on .map-script-con {z-index:1; }

 /* 오시는길 :: 하단정보 */
.map-info-con{margin-top: 20px;}
.map-info-con ul.double-list{margin: 0 -1.5%;}
.map-info-con ul.double-list li{margin: 0 1.5%; float: left; width: 47%; }
.map-info-con ul li{display:table; height: 85px; width:100%; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1.4}
.map-info-con ul li .info-list-inner{display:table-cell; vertical-align:middle}
.map-info-con ul li .info-list-inner .tit{width: 150px; display: inline-block; vertical-align: middle;}
.map-info-con ul li .info-list-inner .tit i{display: inline-block; vertical-align: middle; font-size: 16px; color: #666;}
.map-info-con ul li .info-list-inner .tit span{display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 16px; font-weight: 500; letter-spacing: -0.25px; color: #333;}
.map-info-con ul li .info-list-inner .info{width: calc(100% - 155px); display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: -0.5px; line-height:1.8; font-weight: 300; color: #666; word-break:keep-all}
.map-info-con ul li.full {width:100%; padding:20px 0; }

/* --------  Company :: 연혁  -------- */
.history-con {padding-top: 11.25%;}
.history-con .txt { font-size:16px; line-height:1.625em; letter-spacing:-0.5px; color: #777; margin:10px 0; }
.history-con .left-con {float:left; width: 33.33%; border-top:4px solid #000;  }
.history-con .left-con .txt-box {padding:35px 15px;}
.history-con .left-con .txt-box .tit {display:block; font-size: 37px; letter-spacing:-0.5px; color:#000; margin-bottom:26px;}
.history-con .left-con .txt-box .check-list li {position:relative; padding-left: 20px;}
.history-con .left-con .txt-box .check-list li:before {content:"\e929"; font-size:19px; font-family: 'xeicon' !important; position:absolute; left:0; color:#0e3a9d; }
.history-con .left-con .img-box {margin-top:12.5%; }
.history-con .left-con .img-box img {max-width:100%; }
.history-con .left-con .img-box .img-wrap {position:relative; padding-top:58%;}
.history-con .left-con .img-box .history-img-slide .slick-dots {text-align:center; margin-top:10px;}
.history-con .left-con .img-box .history-img-slide .slick-dots li {display:inline-block; margin:0 5px;}
.history-con .left-con .img-box .history-img-slide .slick-dots button {font-size:0; width:8px; height:8px; background-color: #ddd; border-radius:50%; }
.history-con .left-con .img-box .history-img-slide .slick-dots li.slick-active button {background-color: #0e3a9d; }

.history-con .right-con {float:left; width: 60%; margin-left: 6.66%; border-top:1px solid #000;}
.history-con .history-item {padding:30px 20px; border-bottom:1px solid #ddd; }
.history-con .history-item .year-box {float:left; width:22.05%; }
.history-con .history-item .year-box .year {font-size:26px; letter-spacing:-0.5px; color:#000;}
.history-con .history-item .history-list-box {float:left; width:77.94%; }
.history-con .history-item .history-list {margin:-10px 0;}
.history-con .history-item .history-list li {position:relative; padding-left: 45px; }
.history-con .history-item .history-list li .month {position:absolute; top:3px; left:0; font-size: 18px; letter-spacing:-0.5px; color:#000;  }
.history-con .history-item .point-txt {display:block; padding-bottom:10px; font-size: 21px; letter-spacing:-0.5px; color:#0e3a9d; font-weight:500;}
.history-con .history-item .point-txt + .history-list {margin:0;}

/* --------  Company :: 고객문의  -------- */
.inquiry-page .bbs-write-con .tit-box .tit {float:left; font-size:16px; font-weight:500; color:#464646; }

.inquiry-page .bbs-write-con .input-check-con {position:relative; display:table; width:100%; height:100px; background-color:  #f2f4f6; margin-bottom:40px; }
.inquiry-page .bbs-write-con .inquiry-checkbox {display:table-cell; vertical-align:middle; text-align:center;}
.inquiry-page .bbs-write-con .inquiry-checkbox span {position:relative; display:inline-block; margin:0 4%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.inquiry-page .bbs-write-con .inquiry-checkbox .tit {position:absolute; left:0; top: 18px; font-size:15px; letter-spacing:-0.5px; color:#444; }

.cm-input-box .cm-input-item {display:block; padding:7.5px 0;}
.cm-input-box input[type="checkbox"] ,.cm-input-box input[type="radio"]  {display:none;}
.cm-input-box input[type="checkbox"] + label , .cm-input-box input[type="radio"] +label  {position:relative; display:block; padding-left: 38px; font-size:17.5px; color:#949494; }
.cm-input-box input[type="checkbox"] + label:before , .cm-input-box input[type="radio"] + label:before {content:"\e92b"; position:absolute; left:0; top:-7px; font-size:29px; color: #949494; }  
.cm-input-box input[type="checkbox"]:checked + label , .cm-input-box input[type="radio"]:checked + label {color:#005fac;}  
.cm-input-box input[type="checkbox"]:checked + label:before , .cm-input-box input[type="radio"]:checked + label:before {color:#005fac;}  
.cm-input-box input[type="checkbox"]:checked + label:before {content:"\e92b"; }
.cm-input-box input[type="radio"]:checked + label:before {content:"\e9c7"; }
.inquiry-page .cm-input-box input[type="radio"]:checked + label:before {content:"\e92b";}


/* ******************  Products  ********************** */
/* -------- Products :: 리스트페이지  -------- */
.product-tit {font-size: 50px; letter-spacing:-0.5px; color:#000; text-align:center; margin-bottom: 95px;}
.product-list-box {border-top:1px solid #000;}
.product-list-item {position:relative; padding:5.83% 2.75% 5.83% 1.83%; border-bottom:1px solid #ddd;}
.product-list-item .img-box {width:50%; padding-left:10.25%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.product-list-item .img-box .img-wrap {position:relative; padding-top:55.5%; }
.product-list-item .img-box .img-wrap span {position:absolute; top:10%; left:10%; right:10%; bottom:10%; display:block;}
.product-list-item .txt-box {width:50%;}
.product-list-item .txt-box .tit {font-size: 28px; letter-spacing:-0.5px; color:#444; transition: color 0.4s; }
.product-list-item .txt-box .txt {font-size: 16px; line-height:2em; letter-spacing:-0.5px; color:#777; margin-top:5.4%; transition: color 0.4s; }

.product-list-item .item-btn {position:absolute; display:block; top:0; left:0; width:100%; height:100%; z-index:9; }

/* 
.product-list-item .txt-box .tag-box {margin-top:5.4%;}
.product-list-item .txt-box .tag-list {margin:0 -3px;}
.product-list-item .txt-box .tag-list li {float:left; margin:5px 3px; position:relative; z-index:10;}
.product-list-item .txt-box .tag-list li a {display:block; padding:10px; border:1px solid #b3c5ee; border-radius:50px; transition: all 0.4s;}
.product-list-item .txt-box .tag-list li a span {display:inline-block; font-size: 14px; letter-spacing:-0.5px; color: #b3c5ee; transition: all 0.4s;}
.product-list-item .txt-box .tag-list li a span:before {content:"#"; margin-right:3px; }
.product-list-item .txt-box .tag-list li a:hover {border-color:#0e3a9d; background-color: #0e3a9d; }
.product-list-item .txt-box .tag-list li a:hover span {color:#fff; } */

@media all and (min-width:801px){
	.product-list-item a:hover + .inner-box .txt-box .tit ,.product-list-item a:hover + .inner-box .txt-box .txt  {color: #2259b9; }
}

/* -------- Products :: 뷰페이지  -------- */
/* 뷰페이지 :: 상단 */
.product-view-top .product-tit {margin-bottom:50px;}
.product-view-top .img-box .img-wrap {position:relative; padding-top:55.5%; }
.product-view-top .img-box .img-wrap span {position:absolute; top:10%; left:10%; right:10%; bottom:10%; display:block;}
.product-view-top .list-btn {display:block; margin:50px auto 0; width:211px; height:57px; background-color: #1c46a3; text-align:center; font-size: 18px; line-height:57px; color:#fff; font-weight:600;}
/* 뷰페이지 :: 제품컨텐츠 */
.product-view-container {margin-top:135px;}
.product-view-con {margin-top:80px;}
.product-view-con .product-view-con-tit {font-size: 28px; letter-spacing:-0.5px; color:#111; display:block; padding-bottom:20px; border-bottom: 3px solid #000;}
.product-view-con .txt {font-size: 16px; letter-spacing:-0.5px; color:#777; line-height: 2em;}
.product-view-con .editor {padding:30px 20px;}
.product-view-con .editor .editor-img-box {text-align:center;}
/* 뷰페이지 :: 체크리스트 */
.product-view-con .check-list {padding:30px 16px;}
.product-view-con .check-list li {position:relative; padding-left:35px; margin-top:5px; }
.product-view-con .check-list li:before {content:"\e928";  font-family: 'xeicon' !important; position:absolute; left:0; top:3px; display:block; width:25px; height:25px; background-color:#edeff3; text-align:center; line-height:25px; color: #0e3a9d; border-radius:50%;}
/* 뷰페이지 :: 제품사양 */
.product-view-con .prd-spec-list .spec-item { border-bottom:1px solid #d6d6d6;}
.product-view-con .prd-spec-list .tit-box {position:relative; float:left; width:200px; padding: 13px 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.product-view-con .prd-spec-list .tit-box:after {content:""; width:1px; height:8px; background:#d6d6d6; position:absolute; right:0; top:25px;}
.product-view-con .prd-spec-list .tit { display:block; font-size: 16px; line-height:2em; letter-spacing:-0.5px; color:#333; }
.product-view-con .prd-spec-list .txt-box {float:left; width:calc(100% - 200px); padding: 13px 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}

 /* ******************  IR  ********************** */
/* --------  IR :: 내부정보관리규정  -------- */
.define-box {height:450px; padding:50px; overflow-y:scroll; border:1px solid #ddd; background:#f8f8f8; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }


/* ****************** 채용절차 ********************** */
/* 채용절차 :: 채용절차 */
/* 컨텐츠01 :: 육각형 프로세스 */
.recruit-process-con .process-box ol{text-align: center; margin: 0 -60px; display: flex; justify-content: center; flex-wrap: wrap}
.recruit-process-con .process-box ol li{margin: 60px; }
.recruit-process-con .process-box ol li dl{position: relative;}
.recruit-process-con .process-box ol li dl::after{content:"\003E"; position: absolute; top: 23px; right: -70px; font-family:'Poppins'; font-size: 30px; font-weight: 600; color: rgba(51,51,51,0.25)}
.recruit-process-con .process-box ol li dl.no-arrow::after{content: none;}
.recruit-process-con .process-box ol li dt{width: 140px; height: 80px; margin: auto; position: relative; background-color: #f3f9ff; border: 1px solid #d1e0ee; box-shadow: 3px 3px 10px rgba(0,0,0,0.1);}
.recruit-process-con .process-box ol li dt .img-box{z-index:1; display: block; position: relative; height: 0; padding-top: 50%}
.recruit-process-con .process-box ol li dt img{position: absolute; top: 0; left:0; right: 0; bottom: 0; margin: auto; max-width: 100%; }
.recruit-process-con .process-box ol li dt.w-bg{background-color: #fff}
.recruit-process-con .process-box ol li dt.w-bg::before, .recruit-process-con .process-box ol li dt.w-bg::after{background-color: #fff}
.recruit-process-con .process-box ol li dt::before, .recruit-process-con .process-box ol li dt::after{content:""; position: absolute;  width: 100px; height: 100px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #f3f9ff; left: 19px}
.recruit-process-con .process-box ol li dt::before{top: -51px; border-top: 1px solid #d1e0ee; border-right: 1px solid #d1e0ee;}
.recruit-process-con .process-box ol li dt::after{box-shadow: -8px 6px 10px rgba(0,0,0,0.1); bottom: -51.1px; border-bottom: 1px solid #d1e0ee; border-left: 1px solid #d1e0ee;}
.recruit-process-con .process-box ol li dd{position: relative;  padding-top: 65px; font-size: 20px; font-weight: 600; color: #333; letter-spacing: -0.5px}
.recruit-process-con .process-box ol li dd span.num{display: block; color: #014bb0; font-style: italic; margin-bottom: 16px}
/* 컨텐츠02 :: 텍스트 프로세스 */
.recruit-process-con .info-box{margin: 100px 0 60px}
.recruit-process-con .info-box ol{border-top: 2px solid #000}
.recruit-process-con .info-box ol li{border-bottom: 1px solid #ddd; padding: 40px 30px; letter-spacing: -0.5px; word-break: keep-all}
.recruit-process-con .info-box ol li .info-txt{display: flex}
.recruit-process-con .info-box ol li .info-txt h5{width: 140px; position: relative; left: 0; padding-left: 46px; line-height: 1.8; font-size: 17px; font-weight: 500; color: #333}
.recruit-process-con .info-box ol li .info-txt span.num{position: absolute; top:-3px; left: 0; font-size: 18.5px; font-weight: 600; font-style: italic; color: #014bb0}
.recruit-process-con .info-box ol li .info-txt p{width: 81.66%; position: relative; padding-left: 30px; font-size: 16px; font-weight: 400; line-height: 1.8; color: #555; letter-spacing: -0.65px}
.recruit-process-con .info-box ol li .info-txt p::before{content:""; position: absolute; top: 4px; left: 0; width: 1px; height: 20px; background-color: #ddd;}
/* 컨텐츠03 :: 체크사항 */
.recruit-process-con .check-box{border: 1px solid #ddd; background-color: #f8f8f8; padding: 45px 30px;}
.recruit-process-con .check-box ul.check-list > li{position: relative; padding-left: 25px; margin-bottom: 8px; font-size: 15px; font-weight: 400; line-height: 1.8; color: #8c8c8c; letter-spacing: -0.65px; word-break: keep-all}
.recruit-process-con .check-box ul.check-list > li:last-child{margin-bottom: 0}
.recruit-process-con .check-box ul.check-list > li i{position: absolute; top: 5px; left: 0; font-size: 14px; font-weight: 400; color: #014bb0}
.recruit-process-con .check-box ul.check-list a {color: #014bb0;}

/* 채용절차 :: 인재상 */
.talent-con h5{text-align: center; font-size: 50px; font-weight: 600; color: #111; letter-spacing: -0.25px}
.talent-con p{text-align: center; margin: 40px 0; font-size: 18.5px; font-weight: 500; color: #333; line-height: 1.8; word-break: keep-all; letter-spacing: -0.5px}
.talent-con .talent-point-box{padding-bottom: 40px; margin: auto; background-color: #f0f5f9}
.talent-con .talent-point-box > .wrap{position: relative; height: 650px}
.talent-con .talent-point-box .center-img{position: absolute; width: 513px; top: 47%; left: 50%; transform: translate(-50%,-50%)}
.talent-con .talent-point-box .center-img-m{display: none}
.talent-con .talent-point-box .icon-list{position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%}
.talent-con .talent-point-box .icon-list li{width: 37.02%;/*495px*/ margin-bottom: 60px}
.talent-con .talent-point-box .icon-list li:nth-child(3),.talent-con .talent-point-box .icon-list li:last-child{margin-bottom: 0}
.talent-con .talent-point-box .icon-list li.rt-txt{text-align: right}
.talent-con .talent-point-box .icon-list li.lt-txt{text-align: left}
.talent-con .talent-point-box .icon-list li dt{display: inline-block; padding: 10px; background-color: #fff; width: 100px; height: 100px; border-radius: 100%; box-shadow: 3px 5px 10px rgba(0,0,0,0.04)}
.talent-con .talent-point-box .icon-list li dt .icon-box {position: relative; top: 50%; height: 0; padding-top: 13.8%; 
 -ms-transform:translateY(-50%); 
 -o-transform: translateY(-50%); 
 -moz-transform: translateY(-50%); 
 -webkit-transform: translateY(-50%); 
 transform: translateY(-50%); 
}
.talent-con .talent-point-box .icon-list li dt img{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%;}
.talent-con .talent-point-box .icon-list dd{font-size: 16px; font-weight: 400; color: #555; letter-spacing: -0.75px; line-height: 1.8}
.talent-con .talent-point-box .icon-list dd span.tit{display: block; padding: 20px 0 10px;font-size: 26px; color: #333; line-height: 1.3}
.talent-con .talent-point-box .icon-list dd b{font-weight: 600}

/* 채용절차 :: 직무소개 */
/* 직무소개 :: 사이드바 */
.job-side-bar {width:240px; float:left; }
.job-side-bar .job-1dep > li {margin-bottom: 10px; letter-spacing: -0.5px}
.job-side-bar .job-1dep > li > a {display:block; position:relative;}
.job-side-bar .job-1dep > li > a span {display:table; width:100%; height: 60px; background-color: #f2f4f6; color: #4c4c4c}
.job-side-bar .job-1dep > li.active > a span{background-color: #063d88; color: #fff}
.job-side-bar .job-1dep > li > a span em {display:table-cell; vertical-align:middle; padding: 0 33px; font-size: 17px; line-height:26px} 
.job-side-bar .job-1dep .job-2dep {display:none; padding: 30px 20px; }
.job-side-bar .job-1dep .job-2dep > li a {display:table; height: 35px}
.job-side-bar .job-1dep .job-2dep > li a span {position: relative; padding-left: 15px; display:inline-block; vertical-align: middle; color: #777}
.job-side-bar .job-1dep .job-2dep > li a span::before{content:""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 3px; height: 3px; background-color: #777;}
.job-side-bar .job-1dep .job-2dep > li a span em {font-size: 16px; padding-bottom: 4px}
.job-side-bar .job-1dep > li i {font-size:17px; color:#929292; position:absolute; top:50%; right:15px; margin-top:-10px; z-index: 1;}
.job-side-bar .job-1dep > li.active i{color: #fff}
.job-side-bar .job-1dep .job-2dep > li.on a span em {color: #063d88; font-weight:400; border-bottom: 1px solid #85acee}
.job-side-bar .job-1dep .job-2dep > li.on a span::before{background-color: #063d88}
/* 직무소개 :: 컨텐츠 */
.job-page-area {float:right; width:calc(100% - 240px); padding-left: 10%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.job-page .tit-box {position: relative; padding-bottom:30px; letter-spacing:-0.5px;}
.job-page .tit-box img{display: inline-block; vertical-align: middle; max-width: 100%; height: auto}
.job-page .tit-box .job-2dep-tit {display: inline-block; vertical-align: middle; padding-left: 15px; font-size: 29.75px; font-weight: 600; color: #111}
.job-page .tit-box .job-1dep-tit {display: inline-block; position: absolute; top: 50%; right: 0; font-size: 16px; font-weight: 400; color: #acacac}
.job-page .job-define-box{padding: 36px 25px; border-top: 2px solid #000; border-bottom: 1px solid #ddd; letter-spacing: -0.5px}
.job-page .job-define-box h5, .job-page .kinds-box h5{margin-bottom: 20px; font-size: 19px; font-weight: 600; color: #111}
.job-page .job-define-box p, .job-page .kinds-box ul > li{font-size: 16px; font-weight: 400; color: #777; letter-spacing: -0.75px; line-height: 1.8; word-break: keep-all}
.job-page .kinds-box{padding: 36px 25px; border-bottom: 1px solid #ddd}
.job-page .kinds-box ul > li{position: relative; padding-left: 25px; margin-bottom: 10px}
.job-page .kinds-box ul > li:last-child{margin-bottom: 0}
.job-page .kinds-box ul > li i{position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 13px; font-weight: 600; color: #063d88;}
/* 채용절차 :: 복리후생 */
.welfare-con .welfare-list{margin-bottom: 100px}
.welfare-con .welfare-list:last-child{margin-bottom: 0}
.welfare-con .tit-box{float: left; width: 28.75%;letter-spacing: -0.75px}
.welfare-con .tit-box h5{font-size: 29.64px; font-weight: 500; color: #111}
.welfare-con .tit-box h5 span.num{display: block; font-size: 22px; font-style: italic; font-weight: 600; color: #0e3a9d; margin-bottom: 20px}
.welfare-con .list-box{width: 71.25%; float: right; border-top: 1px solid #000; letter-spacing: -0.75px; word-break: keep-all}
.welfare-con .list-box ul li{padding: 40px; border-bottom: 1px solid #ddd}
.welfare-con .list-box ul li > div{display: table; width: 100%}
.welfare-con .list-box ul li .txt{display: inline-block; vertical-align: middle; width: calc(100% - 80px); font-size: 16px; font-weight:400; line-height: 1.75; color: #555}
.welfare-con .list-box ul li .txt span.bold{display: inline-block; font-size: 20px; font-weight: 600; color: #333; margin-bottom:8px}
.welfare-con .list-box ul li img{display: inline-block; vertical-align: middle}
.welfare-con .list-box ul li:last-child{border-bottom: 0}

.welfare-con .img-box {margin-top:35px; padding-right:17.1%;}
.welfare-con .welfare-img-slide .img-wrap {position:relative; padding-top:55.59%;}
.welfare-con .welfare-img-slide .slick-dots {text-align:center; margin-top:10px;}
.welfare-con .welfare-img-slide .slick-dots li {display:inline-block; margin:0 5px;}
.welfare-con .welfare-img-slide .slick-dots button {font-size:0; width:8px; height:8px; background-color: #ddd; border-radius:50%; }
.welfare-con .welfare-img-slide .slick-dots li.slick-active button {background-color: #0e3a9d; }


/* ****************** 기업소개 :: 윤리경영(220209 추가) ********************** */
/* 윤리경영 :: 경영원칙 */
.ethical-con-wrap .ethical-top-tit{font-size: 30px; font-weight: 500; color: #222; letter-spacing: -0.65px; line-height: 1.94; text-align: center; margin-top:100px;}

.ethical-list-wrap{display: table; width:100%; margin:80px 0 30px;}
.ethical-list-wrap .tit{display: table-cell; vertical-align:top; width:250px; font-size: 26px; font-weight: 600; color: #0e3a9d; letter-spacing: -0.5px; line-height: 1.5;}
.ethical-list{display: table-cell; vertical-align:top; width:calc(100% - 250px); padding-left:50px; box-sizing:border-box;}
.ethical-list li{position: relative; padding-left:20px; margin-bottom:10px;}
.ethical-list li:before{content:"\e928"; position: absolute; top: 10px; left: 0; font-family: 'xeicon'}
.ethical-list li span{font-size: 16.5px; font-weight: 400; color: #777; letter-spacing: -0.65px; line-height: 1.93; text-align: left;}

.ethical-down-btn{display: block; width:150px}

/* ****************** 기업소개 :: 윤리경영(220209 추가) ********************** */
/* 윤리경영 :: 경영원칙 */
@media all and (min-width:801px){
	.ethical-area{max-width:1200px; margin:0 auto;}
}
@media all and (max-width:1024px){
	.br-1024{display: none;}
}
@media all and (max-width:800px){
	.ethical-con-wrap .ethical-top-tit{font-size:20px; margin-top:50px;}
	.ethical-list-wrap .tit{font-size:18px;}
	.ethical-list li span{font-size:13px;}
	.ethical-list li:before{top:6px}

	.ethical-list-wrap{display: block; margin:40px 0 0;}
	.ethical-list-wrap .tit{display: block; width:100%; margin-bottom:15px;}
	.ethical-list{display: block; width:100%; padding-left:0;}
}
/* 윤리경영 :: 부정제보 */
.ethical-write-top-con{margin-top:100px;}
.ethical-write-txt{font-size: 26px; color: #222; letter-spacing: -0.5px; line-height: 1.5; text-align:center; margin-bottom:20px;}

.ethical-list-wrap-02{margin-top:80px;}
.ethical-list-wrap-02 .tit{display: block; font-size: 26px; font-weight: 600; color: #0e3a9d; letter-spacing: -0.5px; line-height: 1.5; margin-bottom:15px;}
.ethical-list-02{display: flex; justify-content: space-between; width:100%;}
.ethical-list-02 li{display: table; width:24%; height:100px; background:#f7f7f7; text-align:center; padding:10px; box-sizing:border-box;}
.ethical-list-02 li span{display: table-cell; vertical-align:middle; font-size: 16.5px; font-weight: 400; color: #777; letter-spacing: -0.65px; line-height: 1.93;}

.ethical-write-box{position: relative; border:1px solid #e5e5e5; padding:70px 145px; margin-top:80px;}
.ethical-write-box:before{content:""; display:block; width: 90px; height:1px; background-color: #222; position:absolute; top:-1px; left:50%; margin-left:-45px;}
.ethical-write-box .tit{font-size:30px; font-weight:600; margin-bottom:25px; text-align:center; color:#222;}

.ethical-page .bbs-write-tbl-box{margin-top:50px;}
.ethical-page .bbs-write-tbl-box:first-child{margin-top:0;}
.bbs-write-tbl-box .ethical-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:500; padding-bottom:15px;}


.bbs-write-tbl td .ethical-radio{padding:11px 0;}
.bbs-write-tbl td .ethical-radio .radio-item{color:#464646; font-size:14px; margin-right:15px;}
.bbs-write-tbl td .ethical-radio .radio-item input{margin-top:0}
.bbs-write-tbl td .ethical-radio .radio-item label{vertical-align:middle;}

.ethical-table-txt{font-size:16px; line-height:1.5em; letter-spacing:-0.5px; color:#333; padding-bottom:10px;}
.file-catuion-txt{color:#999; font-size:12px; font-weight:300; letter-spacing:-0.3px; line-height:20px; margin-top:10px; word-break:keep-all;}

.anonymous-write{opacity:1 !important;}
.ethical-tbl tbody input, .ethical-tbl tbody textarea{border:none !important;}
.ethical-tbl tbody tr th{border-right:1px solid #ddd;}

@media all and (min-width:801px){
	.anonymous-write.bg-gray{background:#d2d2d2 !important;}
}
@media all and (max-width:1220px){
	.ethical-write-box{padding:70px;}
}
@media all and (max-width:800px){
	.ethical-write-txt, .ethical-list-wrap-02 .tit{font-size: 18px;}
	.ethical-list-02 li span, .ethical-table-txt{font-size:13px;}
	.ethical-write-box .tit{font-size:20px;}
	.bbs-write-tbl-box .ethical-tit{color:#222; font-size:15px;}
	.bbs-write-tbl td .ethical-radio .radio-item{font-size:12px;}	
	
	.ethical-write-top-con{margin-top:50px;}
	.ethical-list-wrap-02{margin-top:40px;}
	.ethical-write-box{margin-top:60px;}
	
	.ethical-write-box{padding:30px 15px;}
	.bbs-write-tbl td .ethical-radio{padding:3px 0;}
	.ethical-table-txt{margin-bottom:0;}

	.ethical-tbl tbody tr th{border-right:0;}
}
@media all and (max-width:640px){
	.ethical-list-02{flex-wrap:wrap;}
	.ethical-list-02 li{width:49%; margin-bottom:2%}	
}



/* ------------ 윤리경영 :: 신고서확인, 내용  --------------- */
.declaration-finish-style01{margin-top:100px;}
.declaration-finish-style01 .declaration-check-con{max-width:600px; margin:0 auto}
.declaration-finish-style01 .finish-box h4{color:#222; font-weight:600; font-size:36px; letter-spacing:-0.3px; margin-bottom:25px; text-align:center;}
.declaration-finish-style01 .finish-box {border: 1px solid #e5e5e5; padding:70px 10%; position:relative;  }
.declaration-finish-style01 .finish-box:before {content:""; display:block; width: 90px; height:1px; background-color: #222; position:absolute; top:-1px; left:50%; margin-left:-45px;  }
.declaration-finish-style01 .finish-box > .inner > .tit {font-size: 38px; letter-spacing:-0.5px; color: #222; font-weight:600; text-align:center;  }
.declaration-finish-style01 .finish-box .finish-box-tbl{border-top:0; margin-bottom:50px}
.declaration-finish-style01 .finish-box .finish-box-tbl input{width:100%; border:0}
.declaration-finish-style01 .finish-box .finish-box-tbl th,
.declaration-finish-style01 .finish-box .finish-box-tbl td{padding:15px 10px}
@media all and (max-width:800px){		
	.declaration-finish-style01{margin-top:50px;}
	.declaration-finish-style01 .finish-box{padding:50px 30px}
	.declaration-finish-style01 .finish-box h4{font-size:23px}
	.declaration-finish-style01 .finish-box .finish-box-tbl th{padding:12px 0}
	.declaration-finish-style01 .finish-box .finish-box-tbl td{padding:0 0 12px}
}
/* 하단 주의사항 */
.decalaration-write-txt{font-weight:400; font-size:15px; letter-spacing:-0.65px; color:#909090; line-height:1.5; position:relative; padding-left:35px; word-break:keep-all}
.decalaration-write-txt.txt-center{text-align:center; padding-left:0}
.decalaration-write-txt .icon{position:absolute; left:0; top:-1px; font-size:24px; color:#ff3600}
.decalaration-write-txt b{font-weight:400; color:#ff3600}
.decalaration-write-txt span{display:inline-block}


/***** 투자정보 *****/
.invest-con > h4 {font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.5px; margin-bottom: 15px;}
.bbs-inquiry-agree-con {margin-top: 50px;}
.ir-inquiry-btn {background-color: #0e3a9d; width: 150px; height: 40px; -webkit-transition: all 0.6s;}
.ir-inquiry-btn a {display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; width: 100%; height: 100%; border: none;}
.ir-inquiry-btn a:hover {color: #fff;}

/* esg 추가 :: 2023-07-25 YJ */
/* esg :: 경영전략 */
.esg-page .con-tit {font-size:50px; letter-spacing:-0.05em; color:#111; font-weight: 700; margin-bottom: 30px; text-align:center;}
.esg-page .con-txt {font-size:18px; letter-spacing:-0.065em; color:#777; letter-spacing:-0.065em; line-height:1.944em; text-align:center;}
.strategy-top {text-align:center;}
.strategy-top .esg-img {width: 100%; background:url('/images/content/esg_img01.jpg')no-repeat 50% 50%; background-size:cover; height:470px; margin-top: 53px;}
.esg-page .sub-tit {font-size:35px; letter-spacing:-0.05em; color:#111; font-weight: 700; text-align:center; margin-bottom: 50px;}
.esg-con {padding:100px 0;}
.strategy-element-list {display:flex;}
.strategy-element-list .element-item {background:url('/images/content/strategy_element_bg.jpg')no-repeat; background-size:cover; width: calc((100% - 8.344%) / 3); margin-right: 4.167%; height: 463px; padding:5% 4.167%; box-sizing:border-box; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1); border:5px solid #ddd;}
.strategy-element-list .element-item:last-of-type {margin-right: 0;}
.strategy-element-list .element-item .element-icon {background:url('/images/content/element_icon_bg.png')no-repeat; background-size:cover;     width: 67px; height: 75px; display: flex; align-items: center; justify-content: center;}
.strategy-element-list .element-item .element-icon em {position: relative; top:-3px; left:-3px; font-weight:700; font-size:25px; letter-spacing:-0.05em; color:#fff;}
.strategy-element-list .element-tit {display:inline-block; font-size:30px; letter-spacing:-0.02em; color:#333; font-weight: 700; margin-bottom: 10px;}
.element-inner-list li {display:flex; font-size:18px; letter-spacing:-0.05em; color:#555; line-height:1.667em;}
.element-inner-list li em {margin-left: 8px;}
.element-inner-list li i {position: relative; top:5px; color:#063d88;}	
.strategy-bottom {background:#f3f5fa;}

.activity-list {display:flex; justify-content:center; padding:30px 0 60px;}
.activity-list .activity-item {width: 300px; position: relative; /* height: 300px; border-radius:100%; background:#fff; border:5px solid #063d88; */ margin-right: 120px; z-index:10;}
.activity-list .activity-item:last-child {margin-right: 0;}
.circle {display: flex; align-items: center; justify-content: center; /* position: absolute; width: 100%; */ position: relative; width: 300px; padding-top: 96.67%; height: 0; background: #fff; border-radius: 100%; border: 5px solid #063d88; box-sizing: border-box; transition:all 0.4s;}
.circle:after {display: block; content: ""; position: absolute; left: 50%; top: 50%; width: 124.142%; height: 124.142%; transform: translate(-50%,-50%); z-index: -1;}
.activity-list .activity-item:nth-child(1) .circle:after {background: url(/images/content/circle_left.png)no-repeat; background-size: cover;}
.activity-list .activity-item:nth-child(2) .circle:after {background: url(/images/content/circle_center.png)no-repeat; background-size: cover;}
.activity-list .activity-item:nth-child(3) .circle:after {background: url(/images/content/circle_right.png)no-repeat; background-size: cover;}
.circle .dot {display: block; content: ""; position: absolute; width: 7px; height: 7px; left: -9px; top: 50%; transform: translateY(-50%); border: 1px solid #063d88; border-radius: 100%; box-sizing: border-box;}
.circle .dot.right-dot {left:initial; right:-9px; background:#fff;}
.circle .dot.right-dot:after {display: block; content:""; width: 200px; height: 0.5px; border-top:1px dashed #063d88; position:absolute; top:50%; left:100%; transform:translateY(calc(-50% + 1px));}
.activity-tit {font-size:30px; letter-spacing:-0.02em; color:#063d88; font-weight: 700; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.activity-tit:before {display: block; content: "S"; font-size: 160px; color: #fff; letter-spacing: -0.02em; position: absolute; top: 50%;
left: 50%; transform: translate(-50% , -50%); text-shadow: 0px 0px 18px rgba(6, 61, 136, 0.1); z-index: -1; font-weight: 700;}
.activity-list .activity-item:nth-child(1) .activity-tit:before {content:"E";}
.activity-list .activity-item:nth-child(3) .activity-tit:before {content:"G";}
.circle:hover {background:#063d88;}
.circle:hover .activity-tit {color:#fff;}
.circle:hover .activity-tit:before {color:#063d88; text-shadow:0px 0px 18px rgba(255,255,255, 0.1);}

@media all and (max-width:1280px){
	.activity-list .activity-item {width: 200px; margin-right:40px;}
	.circle {width: 200px; padding-top:95%;}
	.activity-tit {font-size:25px;}
	.activity-tit:before {font-size:120px;}
	.strategy-element-list .element-item {height: auto; padding:3% 2.167%; margin-right: 2.167%; width: calc((100% - 4.344%) / 3);}
	.element-item-box {margin-top: 15%;}
}

@media all and (max-width:800px){
	.esg-page .con-txt {font-size:14px;}
	.strategy-top .esg-img {height: 300px; margin-top:26.5px;}
	/* .esg-con {padding:50px 0;} */
	.activity-list {flex-direction:column; align-items:center; padding:15px 0 0;}
	.activity-list .activity-item {margin-right: 0; margin-bottom: 80px;}
	.circle .dot.right-dot {left:50%; bottom:-7px; top:initial; transform:translateY(0) translateX(-50%); background:#fff;}
	.circle .dot.left-dot {top:-9px; left:50%; transform:translateY(0) translateX(-50%);}
	.circle .dot.right-dot:after {width: 75px; height: 0.5px; top:initial; bottom:-40px; left:-35px; transform:rotate(90deg);}
	.activity-list .activity-item:nth-child(1) .circle:after {transform:translate(-50%,-50%) rotate(90deg);}
	.activity-list .activity-item:nth-child(3) .circle:after {transform:translate(-50%,-50%) rotate(90deg);}
	.strategy-element-list {flex-wrap:wrap;}
	.strategy-element-list .element-item {width: 100%; margin-right: 0; margin-bottom: 3%; padding:20px;}
	.strategy-element-list .element-item .element-icon em {font-size:18px;}
	.strategy-element-list .element-tit {font-size:20px;}
	.element-inner-list li {font-size:14px;}
	.element-item-box {margin-top: 5%;}
	.activity-tit {font-size:20px;}
}

/* esg :: 경영활동 */
.activity-page .sub-tab-con {padding-top:100px;}
.esg-page.activity-page .sub-tit , .esg-page.activity-page .con-tit {font-family: 'Noto Sans KR';}
.esg-page.activity-page .con-tit {margin-bottom: 48px;}
.environment-box {background:url('/images/content/environment_img.jpg')no-repeat 50% 50%; background-size:cover; height:480px;}
.social-box {background:url('/images/content/social_img.jpg')no-repeat 50% 50%; background-size:cover; height:480px;}
.governance-box {background:url('/images/content/governance_img.jpg')no-repeat 50% 50%; background-size:cover; height:480px;}
.activity-bg-con {height: 100%;}
.activity-bg-con .area {display:flex; flex-direction:column; justify-content:center; height: 100%;}
.activity-bg-con .bg-tit {font-size:75px; letter-spacing:-0.02em; color:#fff; font-weight: 700; text-shadow: 0 0 13px #fff; margin-bottom: 23px;}
.activity-bg-con .bg-txt {font-size:18px; letter-spacing:-0.065em; color:rgba(255,255,255,0.8); line-height:1.667em;}
.activity-sub-list {display:flex;}
.activity-sub-list li {border:1px solid #0e3a9d; width: calc((100% - 90px) / 2); /* height: 420px; */ margin-right: 45px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1); padding:60px 10px; box-sizing:border-box; text-align:center; background:#fff;}
.activity-sub-list li:last-child {margin-right: 0;}
.activity-sub-list li .num {font-size:35px; letter-spacing:-0.05em; color:rgba(6,61,136,0.2); font-weight: 700;}
.activity-sub-list .activity-sub-tit {display:inline-block; font-size:25px; letter-spacing:-0.05em; color:#333; font-weight: 500; margin-bottom: 15px; font-family: 'Noto Sans KR';}
.activity-sub-list .activity-sub-txt {font-size:18px; letter-spacing:-0.05em; color:#777; text-align:center; line-height:1.667em;}
.activity-sub-list .icon {margin:35px auto; width: 20.924%;}
.activity-sub-list .icon > span {display: block; height: 0; position: relative; width: 100%; padding-top:92.21%;}
.down-con {border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:flex; align-items:center; padding:25px 0; margin-top:55px;}
.down-con > span {display:inline-block; width: 330px; font-size:20px; letter-spacing:-0.05em; color:#333; font-weight: 700;}
.down-con .down-list {display:flex; width: calc(100% - 330px);}
.down-con .down-list li {width: calc((100% - 30px) / 3); margin-right: 15px; min-height: 58px; background:rgba(6,61,136,0.05); transition:all 0.4s; line-height:1.5em; padding:5px 0; box-sizing:border-box;}
.down-con .down-list li a {display:flex; justify-content:space-between; align-items:center; width: 100%; height: 100%; padding:0 25px; box-sizing:border-box;}
.down-con .down-list li:last-child {margin-right: 0;}
.down-con .down-list li em {font-size:17px; letter-spacing:-0.05em; color:#555; /* line-height:58px; */}
.down-con .down-list li i {font-size:20px; letter-spacing:-0.05em; color:#333; }
.down-con .down-list li:hover {background:#0e3a9d;}
.down-con .down-list li:hover em , .down-con .down-list li:hover i {color:#fff;}
.activity-page .color-con {background:#f3f5fa;}
.activity-page .respect-box {border:5px solid #f3f5fa; border-radius:10px; padding:45px; box-sizing:border-box;}
.activity-page .respect-container {display:flex; flex-wrap:wrap;}
.activity-page .respect-item {display:flex; width: calc((100% - 10px) /2); padding:40px 0; border-bottom:1px solid #eee; margin-right: 10px;}
.activity-page .respect-item:nth-of-type(even) {margin-right: 0;}
.activity-page .respect-item:nth-child(1),.activity-page .respect-item:nth-child(2) {padding-top:0;}
.activity-page .respect-item:nth-child(5),.activity-page .respect-item:nth-child(6) {padding-bottom:0; border-bottom:0;}
.activity-page .respect-item .num {background:url('/images/content/respect_icon_bg.png')no-repeat; background-size:cover; width: 76px; height: 90px; display:flex; align-items:center; justify-content:center; font-size:20px; letter-spacing:-0.05em; color:#0e3a9d; font-weight: 700;}
.activity-page .respect-item .respect-txt-box {width:calc(100% - 76px); padding-left:30px; box-sizing:border-box;}
.activity-page .respect-item .respect-tit {font-size:20px; letter-spacing:-0.05em; color:#333; line-height:1.8em;}
.activity-page .respect-item .respect-txt {font-size:16px; letter-spacing:-0.065em; color:#777; line-height:1.75em;}
.respect-ps {font-size:16px; letter-spacing:-0.065em; color:#777; line-height:1.625em; text-align:right; margin-top: 15px;}

.activity-page .explanation-box {background:#f8f8f8; border:1px solid #ddd; padding:0 45px; height: 140px; display:flex; align-items:center; margin-bottom: 47px;}
.activity-page .explanation-box p {font-size:20px; letter-spacing:-0.065em; color:#555; line-height:1.5em;}

.ethics-box .ethics-tit {display:inline-block; font-size:25px; letter-spacing:-0.05em; color:#111; line-height:1.25; margin-bottom: 17px;}
.ethics-list {border:5px solid #f3f5fa; border-radius:10px; padding:0 45px; box-sizing:border-box;}
.ethics-list li {display:flex; align-items:center; padding:30px 20px; border-bottom:1px solid #eee;}
.ethics-list li:last-child {border-bottom:0;}
.ethics-list li em {width: calc(100% - (60px + 30px)); font-size:18px; letter-spacing:-0.065em; color:#333; line-height:2em; margin-left: 30px;}
.ethics-list .num {display:flex; align-items:center; justify-content:center; background:url('/images/content/esg_num_bg.png')no-repeat; background-size:cover; width: 60px; height: 70px; font-size:18.5px; letter-spacing:-0.05em; font-weight: 700; color:#0e3a9d;}
.activity-page .link-box {display:flex; justify-content:center; margin-top: 30px;}
.activity-page .link-box a {display:flex; justify-content:center; align-items:center; width: 265px; min-height: 58px; background:rgba(6,61,136,0.05); font-size:17px; letter-spacing:-0.05em; color:#555; line-height:1.5em; padding:5px; box-sizing:border-box; text-align:center; transition:all 0.4s;}
.activity-page .link-box a:first-child {margin-right: 20px;}
.activity-page .link-box a:hover {background:#0e3a9d; color:#fff;}

.cyber-con .explanation-box {/* height: 250px; */ height: auto; padding:50px 45px;}
.cyber-con .explanation-box p {line-height:1.85em;}
.cyber-list-container {border:5px solid #0e3a9d; border-radius:10px; background:#fff;}
.cyber-list {padding:0 45px;}
.cyber-list li {display:flex; align-items:center; padding:30px 20px; border-bottom:1px solid #eee;}
.cyber-list li:last-child {border-bottom:0;}
.cyber-list li .num {display:flex; align-items:center; justify-content:center; background:url('/images/content/esg_num_bg.png')no-repeat; background-size:cover; width: 60px; height: 70px; font-size:18.5px; letter-spacing:-0.05em; color:#0e3a9d; font-weight: 700;}
.cyber-tit-box {display:flex; align-items:center; width: 265px;}
.cyber-tit-box .cyber-list-tit {font-size:20px; letter-spacing:-0.05em; color:#333; padding-left:30px;}
.cyber-txt-box {width: calc(100% - 265px);}
.cyber-txt-box p {font-size:18px; letter-spacing:-0.065em; line-height:1.944em; color:#777; position: relative; padding-left:15px;}
.cyber-txt-box p:before {display: block; content: "-"; position: absolute; left: 0; top: 0;}

@media all and (max-width:1730px){
	/* .area1670 {max-width:none; padding:0 30px;} */
}

@media all and (max-width:1280px){
	.down-con {flex-direction:column; align-items:flex-start;}
	.down-con > span {width: 100%; margin-bottom: 20px;}
	.down-con .down-list {width: 100%;}
	.down-con .down-list li a {padding:0 10px;}
	.activity-sub-list {flex-wrap:wrap;}
	.activity-sub-list li {padding:30px 10px; width: 100%; margin-right: 0; height: auto; margin-top: 20px;}
	.activity-sub-list li:first-child {margin-top: 0;}
	.activity-sub-list .icon > span {padding-top:29.21%;}
}	

@media all and (max-width:800px){
	.esg-page .con-tit {font-size:30px;}
	.esg-page .sub-tit {font-size:23px; margin-bottom: 25px;}
	.environment-box {padding:80px 0; height: auto;}
	.activity-page .sub-tab-con {padding-top:50px;}
	.activity-bg-con .bg-tit {font-size:55px;}
	.activity-bg-con .bg-txt {font-size:14px;}
	.esg-con {padding:50px 0;}
	.activity-sub-list .icon {margin:17.5px auto;}
	.activity-sub-list .icon > span {padding-top:52.21%;}
	.activity-sub-list li .num {font-size:23px;}
	.activity-sub-list .activity-sub-tit {font-size:18px;}
	.activity-sub-list .activity-sub-txt {font-size:14px;}
	.down-con > span {font-size:15px;}
	.down-con .down-list {flex-wrap:wrap;}
	.down-con .down-list li {width: 100%; margin-right: 0; margin-top: 10px;}
	.down-con .down-list li:first-child {margin-top: 0;}
	.down-con .down-list li a {padding:0 20px;}
	.down-con .down-list li em {font-size:14px;}

	.social-box {height: auto; padding:80px 0;}
	.governance-box {height: auto; padding:80px 0;}
	
	.activity-page .respect-box {padding:22.5px;}
	.activity-page .respect-item {width: 100%; margin-right: 0; padding:20px 0; align-items:center; flex-wrap:wrap;}
	.activity-page .respect-item:nth-child(2) {padding-top:20px;}
	.activity-page .respect-item:nth-child(5) {border-bottom:1px solid #eee; padding-bottom:20px;}
	.activity-page .respect-item .num {font-size:15px; width: 56px; height: 66px;}
	.activity-page .respect-item .respect-tit {font-size:15px;}
	.activity-page .respect-item .respect-txt {font-size:13px;}
	.activity-page .respect-item .respect-txt-box {width: 100%; padding-left:0; margin-top: 10px;}

	.ethics-list {padding:0 22.5px;}
	.activity-page .explanation-box {height: 100px; padding:0 22.5px;}
	.activity-page .explanation-box p {font-size:15px;}
	.ethics-box .ethics-tit {font-size:18px;}
	.ethics-list li {padding:30px 0; flex-wrap:wrap; padding:15px 0;}
	.ethics-list li em {font-size:14px; width: 100%; margin-left: 0; margin-top: 10px;}
	.ethics-list .num {font-size:14.5px;}
	.activity-page .link-box a {font-size:14px;}

	.cyber-list {padding: 0 22.5px;}
	.cyber-list li {flex-wrap:wrap; padding:15px 0px;}
	.cyber-list li .num {font-size:14.5px;}
	.cyber-tit-box {width: 100%;}
	.cyber-txt-box {width: 100%; margin-top: 10px;}
	.cyber-tit-box .cyber-list-tit {font-size:15px;}
	.cyber-txt-box p {font-size:14px;}
	.activity-page .cyber-con .explanation-box {height: auto; padding:25px;}
}

@media all and (max-width:480px){
	.activity-sub-list .icon {width: 19.35%;}
	.activity-sub-list .icon > span {padding-top:92.21%;}
}

/* 250717 esg 게시판 추가 :: YJ */
.esg-board-con .bbs-list-tbody {display:table-row-group;}
.esg-board-con .bbs-list-col-group {display:table-column-group;}
.esg-board-con .bbs-list-col-group .bbs-col-group-item {display:table-column;}

.esg-board-container {margin: 5rem 0 0;}
.esg-board-container .bbs-list-row .bbs-title {text-align: center;}
.esg-board-con {margin-top: 4rem;}

@media all and (max-width:800px){
	.esg-board-con.bbs-list-tbl, .esg-board-con .bbs-list-row, .esg-board-con .bbs-list-row .column, .esg-board-con .bbs-list-tbody {display: block;}
	.esg-board-con .bbs-list-col-group, .esg-board-con .bbs-list-head {display: none;
	position: absolute;
	top: -1000em;
	left: -1000em;}
	.esg-board-con .bbs-list-row .column.bbs-m-display-none {display:none;}
	.esg-board-container .bbs-list-row .bbs-title {text-align:left;}
}

/* esg 제보하기 팝업 추가 230811 YJ */
.modal-inner-box .ethical-write-box {background:#fff;}
.modal-inner-box .declaration-finish-style01 {background: #fff;}

/* 복리후생 리뉴얼 230830 YJ */
.welfare-con .welfare-con-title {color: #000000; font-size: 46px; font-weight: bold; line-height: 0.7em; letter-spacing: -0.05em; text-align: center;}
.welfare-item-wrap .welfare-item-con {padding-top: 120px;}
.welfare-item-wrap .welfare-item-con:first-child {padding-top: 110px;}
.welfare-item-wrap .welfare-item-con:last-child {padding-bottom: 70px;}
.welfare-item-con .welfare-item-box {display: flex; width: 100%;}
.welfare-item-con .welfare-item-box .welfare-item {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; height: 180px; border: 1px solid #cccccc; margin-right: 10px; box-sizing: border-box;}
.welfare-item-con .welfare-item-box .df-width {width: calc(20% - 8px);}
.welfare-item-con .welfare-item-box .welfare-item:last-child {margin-right: 0;}
.welfare-item-con .welfare-item-box .welfare-item:nth-child(even) {background-color: #f3f5fa;}
.welfare-item-con .welfare-item-box .welfare-item span {font-size: 20px; font-weight: bold; line-height: 1.6em; letter-spacing: -0.065em; color: #000000; padding-top: 24px; text-align: center;} 
.welfare-item-con .welfare-item-title {font-size: 32px; font-weight: bold; line-height: 1em; letter-spacing: -0.065em; color: #333333; margin-bottom: 40px;}

@media all and (max-width:800px){
	.welfare-con .welfare-con-title {font-size: 28px;}
	.welfare-item-con .welfare-item-title {font-size: 21px;}
	.welfare-item-wrap .welfare-item-con {padding-top: 40px;}
	.welfare-item-wrap .welfare-item-con:first-child {padding-top: 55px;}
	.welfare-item-wrap .welfare-item-con:last-child {padding-bottom: 35px;}
	.welfare-item-con .welfare-item-box {flex-wrap: wrap; width: calc(100% + 20px); margin:0 -10px;}
	.welfare-item-con .welfare-item-box .welfare-item {width: calc(33.333% - 20px); margin: 0 10px 20px 10px;}
	.welfare-item-con .welfare-item-box .welfare-item:last-child {margin-right: 10px;}
	.welfare-item-con .welfare-item-box .welfare-item span {font-size: 15px;}
}

@media all and (max-width:640px){
	.welfare-item-con .welfare-item-box {flex-wrap: wrap; width: calc(100% + 20px); margin:0 -10px;}
	.welfare-item-con .welfare-item-box .welfare-item {width: calc(50% - 20px); margin: 0 10px 20px 10px;}
	.welfare-item-con .welfare-item-box .welfare-item:last-child {margin-right: 10px}
	.welfare-item-con .welfare-item-box .welfare-item:nth-child(even) {background-color: #ffffff;}
	.welfare-item-con .welfare-item-box .welfare-item:nth-child(2) {background-color: #f3f5fa;}
	.welfare-item-con .welfare-item-box .welfare-item:nth-child(3) {background-color: #f3f5fa;}
}

@media all and (max-width:480px){
	.welfare-item-con .welfare-item-box {flex-wrap: wrap; width: calc(100% + 20px); margin:0 -10px;}
	.welfare-item-con .welfare-item-box .welfare-item {width: calc(100% - 20px); margin: 0 10px 20px 10px;}
	.welfare-item-con .welfare-item-box .welfare-item:last-child {margin-right: 10px}
	.welfare-item-con .welfare-item-box .welfare-item:nth-child(even) {background-color: #f3f5fa;}
	.welfare-item-con .welfare-item-box .welfare-item:nth-child(3) {background-color: #ffffff;}
}

/* 250819 주주제안절차 추가 :: YJ */
.procedure-box {border:1px solid #ddd; padding: 40px;}
.procedure-box .tit-box .tit {font-size:20px; font-weight:600; color: #000; line-height:1.1; letter-spacing:-0.02em;}
.procedure-box .tit-box .txt {font-size:18px; color: #000; line-height:1.2; letter-spacing:-0.02em; margin-top: 10px;}
.procedure-box .inner-list {margin-top: 30px;}
.procedure-box .inner-list li {margin-top: 20px;}
.procedure-box .inner-list li:first-of-type {margin-top: 0;}
.procedure-box .inner-list .sub-tit {position: relative; font-size:19px; color: #000; line-height:1.1; letter-spacing:-0.02em; padding-left: 10px;}
.procedure-box .inner-list .sub-tit:before {
	display: block;
	content: "";
	width: 3px;
	height: 3px;
	background: #000;
	position: absolute;
	top: 7px;
	left: 0;
}
.procedure-box .inner-list .sub-txt {font-size:18px; color: rgba(0,0,0,0.6); line-height:1.5; letter-spacing:-0.02em; margin-top: 7px;}
.procedure-ps {display:inline-block; font-size:17px; color: rgba(0,0,0,0.5); margin-top: 20px;}

@media all and (max-width:800px){
	.procedure-box .tit-box .tit {font-size:18px;}
	.procedure-box .tit-box .txt {font-size:16px;}
	.procedure-box .inner-list .sub-tit {font-size:17px;}
	.procedure-box .inner-list .sub-txt {font-size:16px;}
	.procedure-ps {display:inline-block; font-size:15px;}
}