@charset "utf-8";

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
body, table, th, td, button, select, input, textarea {
    font-family: 'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif!important;
    font-size: 13px;
    color: #666;
    -webkit-text-size-adjust: none;
}
#content{padding:86px 0 100px; word-break:keep-all;}
.area{ max-width:1400px; margin:0px auto;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.custom-scrollbar-cover{display:none;}
.img-center{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	max-width:100%;
	max-height:100%;
	margin:auto;
}

/* -------- 공통 테이블스타일 -------- */
.sub-tbl{width:100%; table-layout:fixed;overflow:hidden; }
.sub-tbl thead th {background-color: #23408f; color: #fff; border-left:1px solid #0b1b48; }
.sub-tbl th {font-size:17px; font-weight:500; padding: 20px 0; }
.sub-tbl td {font-size:17px; padding: 30px 0; border-bottom:1px solid #e5e5e5;  border-left:1px solid #e5e5e5; text-align:center; }
.sub-tbl tbody th {border-bottom:1px solid #e5e5e5; color: #000; background-color: #f7f7f7;}
.sub-tbl tr .no-line-left {border-left:0; }
.sub-tbl tr .line-top {border-top: 1px solid #0b1b48; }
.sub-tbl tr .blue-bg {background-color: #173072; }
.sub-tbl .img-list-box dl {display:inline-block; margin:0 30px;}
.sub-tbl .img-list-box.double-img dl{margin:0 40px}
.sub-tbl .img-list-box.double-img dl:first-child img{max-width:88%}
.sub-tbl .img-list-box dl .txt {font-size: 13px; color: #555; font-weight:500; margin-top: 20px;}
@media all and (max-width:800px){
	.sub-tbl th {font-size:14px; padding:15px 0; }
	.sub-tbl td {font-size:14px; padding:20px 0;}
	.sub-tbl .img-list-box dl {margin:20px;}
}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-cm-tab-wrapper{position:relative; height:60px; z-index:1500;}
.sub-tab-cm-style:before {content:""; width:0; height:100%; background-color: #fff; position:absolute; top:0; left:50%; transition: all 0.4s; border-bottom: 3px solid #eee; }
.sub-tab-cm-style ul{/* margin-right:-4px;  */text-align:center;}
.sub-tab-cm-style ul li{/* float:left;  */display:inline-block; position:relative; width:20%; max-width:150px; position:relative; margin-left:-3px;  background-color:#fff;}
.sub-tab-cm-style ul li:first-child{margin-left:0}
.sub-tab-cm-style ul li a {display:table; height:60px; width:100%; border-bottom:3px solid #eee; position:relative; }
.sub-tab-cm-style ul li a:before {content:""; width:100%; height:3px; background-color: #333; position:absolute; left:0; bottom:-3px; display:none; }
.sub-tab-cm-style ul li a .tab-tit {display:table-cell; vertical-align:middle; color:#000; font-size:16px; line-height:1.3; letter-spacing:-0.95px; text-align:center; }
.sub-tab-cm-style ul li a .tab-tit em {position:relative; display:inline-block; font-weight:500;}
.sub-tab-cm-style ul li a .tab-tit em:after {content:""; width: 6px; height:6px; background-color: #23408f; position:absolute; right:-10px; top:-6px; border-radius:50%; display:none;}
.sub-tab-cm-style ul li a .tab-tit i {margin-left:5px;}
.sub-tab-cm-style ul li.selected{z-index:1; }
.sub-tab-cm-style ul li.selected a:before {display:block; }
.sub-tab-cm-style ul li.selected a em:after {display:block;}
.sub-tab-cm-style .cm-tab-m-btn{display:none}
.ie-browser .sub-tab-cm-style ul li a:before {bottom:0;}
/* Tab Fixed Move*/
.sub-tab-cm-style.fixed {position:fixed; top:49px; left:0; width:100%; height:60px; }
.sub-tab-cm-style.fixed:before {width:100%; left:0; }
.sub-tab-cm-style.fixed ul li a {border-bottom:0;}
.ie-browser .sub-tab-cm-style.fixed ul li a:before {bottom:-3px;}
/* -------- 공통 :: 타이틀 -------- */
.sub-tit-box {text-align:center;}
.sub-tit-box .tit {font-size: 50px; line-height:1.6em; letter-spacing:-1.5px; color: #111; font-weight:600; }
.sub-tit-box .tit span {display:inline-block; line-height: 1.4em; background-color: #f8a71a; color: #fff;  }
.sub-tit-box .tit.narrow-tit{letter-spacing:-2.1px}

.sub-con-tit {font-size:24px; letter-spacing:-0.95px; color: #000; text-align:center; font-weight: 700; font-family:'Play','Noto Sans KR';}
.sub-con-tit span {position:relative; padding-bottom: 7px; display:inline-block; }
.sub-con-tit span:before {content:""; width:100%; height: 2px; background-color: #000; position:absolute; left:0; bottom:0; }

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

@media all and (max-width:800px){
	.sub-tit-box .tit {font-size: 25px;}
	.sub-con-tit {font-size:15px; } 
}

/* -------- 공통 :: 텍스트 -------- */
.point-txt {font-size: 15px; line-height:1.4em; color:#666;}
.point-txt:before {content:"*"; color: #23408f; margin-right: 5px;  }
.line-txt {font-size: 15px; line-height:1.4em; color:#333; position:relative; padding-left: 10px; }
.line-txt:before {content:"-"; margin-right: 5px; position:absolute; left:0; }
.plus-txt {font-size:16px; color: #555; line-height: 1.875em;}
.plus-txt:before {content:"\e914"; font-family: 'xeicon' !important; color :#d3d3d3; font-size: 16px; margin-right:10px;}
.plus-txt.yellow {color: #f8a71a; }
.check-txt {position:relative; padding-left:32px; }
.check-txt:before {content:"\e92b"; font-size:22px; color:#23438e; font-family: 'xeicon' !important; position:absolute; left:0;}
@media all and (max-width:800px){
	.point-txt {font-size:13px;}
	.line-txt {font-size: 13px;}
	.plus-txt {font-size:13px; }
	.plus-txt:before {margin-right:5px;}
	.check-txt:before {font-size:16px;}
}

/* -------- 공통 :: 이미지 -------- */
.sub-img {text-align:center;}
.sub-img img {max-width:100%;}


/* -------- 공통 :: 버튼 -------- */
.sub-btn {display:inline-block; height:63px; line-height:62px; font-size: 18px; text-align:left; background-color: #23438e; color: #fff; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sub-btn:hover { color: #fff; }
.sub-btn span {display:block; position:relative; padding-right: 20px;}
.sub-btn span i {position:absolute; right:0; line-height:62px; font-size:20px;}
.sub-btn.border {border:2px solid #555; background-color:#fff; color: #555; font-weight:500;}
.sub-btn.green { background-color:#20a19f; }
@media all and (max-width:800px){
	.sub-btn {height:42px; line-height:42px; font-size:14px; padding:0 15px;}
	.sub-btn span i {line-height:42px; font-size:15px;}
}

.margin-top-con{margin-top:65px}


/* ******************  COMPANY ********************** */
/* -------- COMPANY :: 회사개요 :: 공통-------- */
.summary-page .sub-con-tit {margin-bottom: 90px; }
.summary-page .sub-con-tit span {padding-bottom:10px; }
.summary-page .sub-con-tit span:before {height:3px;}

/* -------- COMPANY :: 회사개요 ::기업정보 -------- */
#aboutCon {padding-top:85px;}
/* 기업정보 :: 타이틀 */
.about-tit-box {text-align:center;}
.about-tit-box .tit {font-size: 48px; letter-spacing:-1px; color: #000; line-height: 1.46em; font-family:'Play',"GmarketSansBold"; font-weight: 700;}
.about-tit-box .tit span {color: #fff; background-color: #f8a71a; display:inline-block; }
.about-tit-box .txt {font-size: 24px; letter-spacing:-0.75px; color: #000; line-height: 1.8em; margin-top:65px;}
/* 기업정보 :: 주식회사 네패스 */
.about-con-box {margin-top:75px; background:url("../images/content/about_bg.jpg") center 242px no-repeat;}
.about-info-con .img-con {float:right; width:720px; }
.about-info-con .img-con .img-wrap {position:relative; padding:80px 83px 0 0; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.about-info-con .img-con .img-wrap:before {content:""; width: 159px; height:159px; background:url("../images/content/about_nepes_circle.png") center no-repeat; position:absolute; top:0; right:0; -webkit-animation: spin 15s infinite linear;
    -o-animation: spin 15s infinite linear;
    -moz-animation: spin 15s infinite linear;
    animation: spin 15s infinite linear;}
.about-info-con .img-con .img-wrap img {width:100%;}
.about-info-con .info-con {float:left; width:calc(100% - 720px); padding-top:173px;}
.about-info-con .info-con .tit {font-size: 46px; letter-spacing:-1px; color: #23408f; font-weight:700; }
.about-info-con .info-con .info-list {padding-top: 50px; padding-bottom: 70px; }
.about-info-con .info-con .info-list li {font-size: 20px; letter-spacing:-0.5px; color: #000; margin-top: 24px; position:relative; padding-left:160px; }
.about-info-con .info-con .info-list li span {font-weight:600; display:inline-block; position:absolute; left:0; top:0; }
.about-info-con .info-con .info-list li p {display:inline-block;  }
/* 기업정보 :: 통이미지 & 아이콘리스트 */
.about-img-con {text-align:center; margin-top:88px;}
.about-img-con .img-wrap {padding:0 78px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.about-img-con img {width:100%;}
.about-point-con {margin-top:20px;}
.about-point-list li {float:left; width:20%; text-align:center;  }
.about-point-list li .inner-box {padding:35px 10px 45px; border-right:1px solid #e5e5e5; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.about-point-list .item01 .inner-box {border-left: 1px solid #e5e5e5;}
.about-point-list .icon {display:block; height:64px; background:center no-repeat;}
.about-point-list .item01 .icon {background-image:url("../images/content/about_icon_01.png");}
.about-point-list .item02 .icon {background-image:url("../images/content/about_icon_02.png");}
.about-point-list .item03 .icon {background-image:url("../images/content/about_icon_03.png");}
.about-point-list .item04 .icon {background-image:url("../images/content/about_icon_04.png");}
.about-point-list .item05 .icon {background-image:url("../images/content/about_icon_05.png");}
.about-point-list .tit {font-size: 24px; letter-spacing:-0.5px; color: #000; font-weight:500; margin-top:40px; display:block;}
.about-point-list .txt {font-size: 16px; line-height:1.68em; letter-spacing:-0.5px; color: #666; margin-top:40px;}


/* -------- COMPANY :: 회사개요 ::미션&비전 -------- */
#visionCon {padding-top:150px;}
/* 미션&비전 :: 이미지 */
.vision-con .img-box span {display:block;}
.vision-con .img-box img {width:100%;}
.vision-con .img-box .img02 {margin-top:-4.57%; position:relative; z-index:1;}
.vision-con .img-box .img03 {margin-top:-2.85%;}
/* 미션&비전 :: 텍스트 */
.vision-con .txt-box {text-align:center; margin-top:118px; }
.vision-con .txt-box .tit {font-size: 36px; letter-spacing:-0.75px; color: #000; font-weight:500; line-height:1.66em; }
.vision-con .txt-box .tit span {display:inline-block; position:relative; padding:0 5px;}
.vision-con .txt-box .tit span:before {content:""; width:100%; height:28px; background-color: #e9edf6; position:absolute; left:0; bottom:0;z-index:-1; }
.vision-con .txt-box .txt {font-size: 20px; letter-spacing:-0.75px; color: #555; line-height:1.65em; margin-top:40px; }
.vision-con .txt-box .txt span {font-weight:700;}
.vision-con .txt-box .txt .org-txt {color: #f48a0d;}
.vision-con .txt-box .txt .green-txt {color: #39bd44;}
.vision-con .txt-box .txt .blue-txt {color: #23408f;}


/* -------- COMPANY :: 회사개요 ::네패스웨이 -------- */
#wayCon {padding-top:150px;}
/* 네패스웨이 :: 이미지 */
.way-point-list {margin:0 -1.04%;}
.way-point-list li {float:left; width: 47.9%; margin:0 1.04% 110px; }
.way-point-list li .tit {font-size: 29px; color: #000; font-weight:700;}
.way-point-list li .txt {font-size: 18px; line-height:1.66em; color: #555; margin-top:20px;}
.way-point-list li dl dt img {width:100%;}
.way-point-list li dl dd {margin:-70px 48px 0; background-color: #fff; padding: 30px 15px; text-align:center; z-index:1; position:relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
/* 네패스웨이 :: 10계명 & 감사진법 */
.way-standard-list-box {padding:65px 0 35px; background:url("../images/content/way_bg.jpg") center no-repeat;}
.way-standard-list-box .inner {display:table; width:100%; height:100%; }
.way-standard-list-box .left-con {display:table-cell;  width:50%; }
.way-standard-list-box .right-con {display:table-cell; width:50%; position:relative;}
.way-standard-list-box .right-con:before {content:""; width: 63.3%; height:21.4%; background:url("../images/content/way_logo.png") bottom no-repeat; background-size:100%; position:absolute; right:68px; bottom:-36px;}
.way-standard-list-box .tit {font-size: 30px; letter-spacing:-0.5px; color: #000; font-weight:700; }
.way-standard-list-box .note-txt {font-size:15px; letter-spacing:-0.25px; color :#7d7d7d; line-height:1.73em;  margin-top:15px;}
.way-standard-list {margin-top:30px;}
.way-standard-list li {padding:8px 0;}
.way-standard-list .txt {position:relative; padding-left:50px; font-size:17px; letter-spacing:-0.5px;  line-height:1.3em;  color: #333;}
.way-standard-list .num {font-weight:700; position:absolute; left:0; top:0; }
.way-standard-list-box .left-con .tit span , .way-standard-list-box .left-con .num {color: #f7941d;}
.way-standard-list-box .right-con .tit span , .way-standard-list-box .right-con .num {color: #28b674;}
/* 네패스웨이 :: 네패스 구호 */
.way-slogan-box {margin-top:90px; margin-bottom:90px; }
.way-slogan-box .way-slogan-tit {font-size: 30px; letter-spacing:-0.5px; color: #000; display:inline-block; margin-right:10px; font-family:'S-CoreDream-6Bold','Noto Sans KR'; }
.way-slogan-box .way-slogan-tit span {font-weight:700; color: #23408f; }
.way-slogan-box .way-slogan-tit-txt {display:inline-block; font-size: 22px; line-height:1.36em; letter-spacing:-0.5px; color: #000; }
.way-slogan-list-box {margin-top:96px;}
.way-slogan-list li {float:left; width:20%; text-align:center;}
.way-slogan-list li .tit {font-size:28px; letter-spacing:-0.5px; color: #000; margin-top:42px; display:block;}
.way-slogan-list li .img-wrap {position:relative; /*padding-top:55.35%;*/}


/* -------- COMPANY :: 연혁-------- */
.history-page .sub-cm-content-wrapper {padding-top: 72px;}
.history-page .sub-cm-tab-con {/* padding-top: 90px; */ background:url("../images/content/history_bg.png") center no-repeat; background-size:100%;  /* padding-bottom:224px; */}
.history-page .history-item01 .company-history-img-box span {position:relative; padding-left: 97px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.history-page .history-item01 .company-history-img-box span:before {content:""; width:110px; height:120px; background:url("/images/main/nepes_circle.png") no-repeat; background-size:100%; position:absolute; left:40px; top:-60px; z-index:-1; -webkit-animation: spin 15s infinite linear;
    -o-animation: spin 15s infinite linear;
    -moz-animation: spin 15s infinite linear;
    animation: spin 15s infinite linear;}

/* -------- COMPANY :: CI-------- */
/* CI :: 공통 */
.ci-tit-box {text-align:center; margin-top:65px;}
.ci-tit-box .tit {font-size:46px; letter-spacing:-0.75px; color: #23408f; font-weight: 700; }
.ci-tit-box .txt {font-size:20px; line-height:2; letter-spacing:-0.75px; color: #000; margin-top:48px; }
.ci-con-box {margin-top:140px;}
.ci-con-box .sub-con-tit {margin-bottom:54px;}
.ci-logo-wrap {position:relative; border:1px solid #cccbcb; border-top:2px solid #333;  background:url("../images/content/ci_bg.jpg"); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ci-logo-wrap span {position:absolute; top:25px; left:25px; right:25px; bottom:25px;}
.ci-color-info {margin-top: 32px;}
.ci-color-info dl {position:relative; }
.ci-color-info dl dt { position:absolute; left:0;  }
.ci-color-info dl dd { margin-left:20px;}
.ci-color-info .color-name {font-size: 20px; letter-spacing:-0.25px; font-weight:700; position:relative;  padding-right: 20px;}
.ci-color-info .color-name:before {content:""; width:2px; height: 15px; background-color: #e4e4e4; position:absolute; right:0; top: 10px; }
.ci-color-info .color-name span {display:inline-block; vertical-align:middle;}
.ci-color-info .color-name .blue {color: #27428a; }
.ci-color-info .color-name .org {color: #fea413; }
.ci-color-info .color-name .red {color: #d4252c; }
.ci-color-info .color-name .green {color: #43ad49; }
.ci-color-info .txt {font-size: 18px; line-height:1.6; letter-spacing:-0.25px; color: #444;}

/* CI :: Shape Concept */
.shape-con-box {margin-top:100px;}
.shape-con .ci-logo-wrap {padding-top:43.42%;}
.shape-con .shape-con-inner {display:table; width:100%; height:100%;}
.shape-con .left-con {display:table-cell; vertical-align:middle; width:50%;}
.shape-con .right-con {display:table-cell; vertical-align:middle; width:50%;}
.shape-con .right-con .ci-circle-item {float:left; width:50%;}
.shape-con .right-con .ci-circle-item .circle-icon { position:relative; display:block; }
.shape-con .right-con .ci-circle-item .circle-icon:before {content:""; width: 50%; height:4px; background:url("../images/content/dot-_line.png"); position:absolute; left:14px; top:50%; margin-top:-2px; }
.shape-con .right-con .ci-circle-item .circle-icon:after {content:""; width:8px; height:8px; border:3px solid #aba9a5; border-radius:50%; display:block; background-color: #fff; position:absolute; top:50%; margin-top:-7px; margin-left:-7px;}
.shape-con .right-con .ci-circle-item .circle-icon span {display:block; position:relative; padding-top:100%; background-color: #f2f2f2;  border-radius:50%;}
.shape-con .right-con .ci-circle-item .circle-icon span em {position:absolute; top:20px; left:20px; right:20px; bottom:20px; display:block;}
.shape-con .right-con .ci-circle-item.item01 .circle-icon {padding-left:46.29%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.shape-con .right-con .ci-circle-item.item02 .circle-icon {padding:0 25.71% 0 20.57%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.shape-con .right-con .ci-circle-item.item02 span { background-color: #fff; box-shadow:1px 1px 30px 0px rgba(0, 0, 0, 0.08);}
.shape-con .ci-color-info dl {padding-left:33px;}
/* CI ::  Main Color Concept */
.color-concept-con .color-concept-inner {border:1px solid #e5e5e5; padding: 60px 15px; text-align:center; }
.color-concept-con .color-list li {display:inline-block; width: 202px; height:66px; border-radius:50px; margin:7px; }
.color-concept-con .color-list li span {line-height:66px; display:block; color: #fff; font-size:17.5px; }
.color-concept-con .color-list li.item01 {background-color: #fea413;}
.color-concept-con .color-list li.item02 {background-color: #a5a8af;}
.color-concept-con .color-list li.item03 {background-color: #d4252c;}
.color-concept-con .color-list li.item04 {background-color: #23438e;}
.color-concept-con .color-list li.item05 {background-color: #43ad49;}
.color-concept-con .ci-color-info dl.info01 {padding-left:90px;}
.color-concept-con .ci-color-info dl.info02 {padding-left:190px; margin-top: 25px;}
.color-concept-con .ci-color-info dl.info02 dt span:before  {content:"/"; color: #27428a; font-weight:400; margin:0 5px;}
.color-concept-con .ci-color-info dl.info02 dt span:first-child:before {display:none;}
/* CI 적용 */
.ci-apply-con .ci-logo-wrap {padding-top:38.45%; border-top:1px solid #cccbcb;}
.ci-apply-con .ci-logo-list {margin:-6% -1.11% 0; }
.ci-apply-con .ci-logo-list li {float:left; width: 47.76%; margin:6% 1.11% 0; text-align:center;}
.ci-apply-con .ci-logo-list .tit {font-size: 20px; letter-spacing:-0.25px; color: #111;  font-weight:600; display:block; margin-top: 25px;}
/* CI 다운로드 */
.ci-download-con .ci-btn-box {text-align:center; }
.ci-download-con .ci-btn-box .sub-btn { width:343px; vertical-align:top; margin:0 5px; padding: 0 36px;}


/* -------- COMPANY :: 홍보자료 -------- */
.promotion-con-wrapper {margin-top: 90px;}
/* 홍보자료 :: 홍보영상 */
.promotion-video-con {margin-top:52px;}
.promotion-video-con .txt{font-size: 17px; line-height:1.5; letter-spacing:-0.25px; color: #555; text-align:center;}
.promotion-video-con .video-wrap {margin-top: 40px; width:100%; padding-top:49.78%; position:relative;}
.promotion-video-con .video-wrap iframe {position:absolute; width:100%; height:100%; top:0; left:0;}
.promotion-video-con .video-wrap .video-thumb {background: rgba(0,0,0,0.05) url("/images/icon/video_play_icon.png") center no-repeat; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; cursor:pointer;}

/* 홍보자료 :: 회사소개서 */
.introduce-pdf-list {margin: -1.95% -1.02% 0;}
.introduce-pdf-list li {float:left; width:22.94%; margin: 1.95% 1.02%;}
.introduce-pdf-list li a {display:block;}
.introduce-pdf-list .img-wrap {position:relative; padding-top:128.65%;}
.introduce-pdf-list .tit {text-align:center; margin-top: 28px; font-size:19px; line-height:1.4em; max-height:2.8em; letter-spacing:-0.5px; color :#222; font-weight:500; }
.introduce-con .board-search-box-style03 {margin-top: 14%;}

/* 홍보자료 :: 사보 */
.newsletter-con-box .newsletter-tit-box {float:left; width:19.29%; position:relative;}
.newsletter-con-box .newsletter-tit-box .num {font-size: 56px; letter-spacing:-0.5px; color: #222; font-weight:600;}
.newsletter-con-box .newsletter-tit-box .date {font-size:22px; letter-spacing:-0.5px; color: #222; font-weight:400; display:block; margin-top: 15px;}
.newsletter-con-box .newsletter-tit-box .btn-box {position:absolute; left:0; bottom:0; padding-right: 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn {width:100%; max-width:195px; height:54px; margin-top:15px; }
.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn span {font-size:15px; line-height:54px; }
.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn span i { line-height:54px; }
.newsletter-con-box .newsletter-img-box {float:left; width:49.71%; padding-right: 3.07%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.newsletter-con-box .newsletter-img-box .img-wrap {position:relative; padding-top:117.15%; border:1px solid #e5e5e5;  }
.newsletter-con-box .newsletter-list-box {float:left; width:31%; height:100%; overflow:hidden; }
.newsletter-con-box .newsletter-list-box .inner-box {border:1px solid #e5e5e5; overflow:hidden;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.newsletter-con-box .newsletter-list-box .newsletter-list li {padding: 35px 30px; border-top: 1px dashed #e5e5e5;}
.newsletter-con-box .newsletter-list-box .newsletter-list li:first-child {border:0;}
.newsletter-con-box .newsletter-list-box .newsletter-list .tit {font-size: 16px; color: #333; }
.newsletter-con-box .newsletter-list-box .newsletter-list .txt {font-size: 15px; line-height:1.86em; color: #333; font-weight:400;}
.newsletter-con-box .newsletter-list-box .newsletter-list .tit + .txt {margin-top:8px;}
/* 다른호보기 */
.newsletter-another-box {margin-top:11.14%;}
.another-tit {font-size:22px; letter-spacing:-0.5px; color:#222; font-weight:600; display:block; padding-bottom:25px; border-bottom:1px solid #e5e5e5;}
.another-list-box-wrap {position:relative; padding:0 58px; margin-top: 50px; }
.another-list li {text-align:center;/*  opacity:0.5;filter:Alpha(opacity=50); */ width: 227px;}
.another-list li .img-wrap {position:relative; padding-top:116.14%; border:1px solid #e5e5e5; }
.another-list li .tit {font-size:19px; letter-spacing:-0.5px; color:#222; padding-top:15px; display:block;}
.another-list li .txt {font-size:15px; letter-spacing:-0.5px; color:#666; margin-top:10px;}
.another-list-box-wrap button  {position:absolute; top:calc(50% - 55px); color:#333;}
.another-list-box-wrap button.button-prev {left:0; text-align:left;}
.another-list-box-wrap button.button-next {right:0; }
.another-list-box-wrap button span {display:block; font-size:11px;  font-weight:500;}
.another-list-box-wrap button  i {display:block; font-size:32px;}
.another-list-box-wrap button.swiper-button-disabled  {color: #828282; cursor:default;}
/* .another-list li.swiper-slide-active {opacity:1;filter:Alpha(opacity=100);} */

/* 스크롤 */
.newsletter-con-box .mCSB_inside > .mCSB_container {margin-right: 11px;}
.newsletter-con-box .mCSB_scrollTools .mCSB_draggerRail {width:11px; }
.newsletter-con-box .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color: #dadada;}
.newsletter-con-box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:11px; background-color: #23408f; }
.newsletter-con-box .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.newsletter-con-box .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #23408f; }





/* -------- COMPANY :: 사업자인증현황 -------- */
/* 사업자인증현황 :: 탭 */
.certification-page .sub-tab-cm-style ul li {max-width:none; width:auto; min-width:150px; }
.certification-page .sub-tab-cm-style ul li  a {padding:0 17px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }

/* 사업자인증현황 :: 인증리스트 */
.certification-con-wrapper {margin-top: 90px;}
.certification-con {margin-top:80px; }
.certification-con .sub-tbl tbody td {font-size:16px; color: #000; padding:8px 30px;}
.certification-con .sub-tbl tbody td.align-left {text-align:left; }
.certification-con .pdf-btn {display:inline-block; position:relative; width:150px; height:40px; font-size:16px; border:2px solid #e5e5e5; line-height: 40px; padding: 0 15px; text-align:left;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.certification-con .pdf-btn:after {content:""; display:block; position:absolute; right:10%; top:0; width:26px; height:100%; background:url("/images/icon/pdf_icon.png") center no-repeat; }

.certification-con .sub-tbl tbody td.col02 {padding:8px 0;}
.certification-con .sub-tbl tbody td.col02 .pdf-btn {width:40%; }


/* 사업자인증현황 :: 네패스 방침 및 정책 */
.company-policy {margin-top:95px; }
.company-policy-list-box {margin-top: 20px;}
.company-policy-list li {border-top: 1px solid #e5e5e5; }
.company-policy-list li:first-child {border-top:0;}
.company-policy-list .inner-box {display:table; width:100%; height:235px;}
.company-policy-list .inner-box .txt-con {display:table-cell; vertical-align:middle; padding-right: 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.company-policy-list .inner-box .txt-con .tit {font-size: 22px; letter-spacing:-0.25px; color: #000; font-weight:700;}
.company-policy-list .inner-box .txt-con .txt {font-size: 16px; letter-spacing:-0.25px; color: #444; line-height:2.125em; margin-top:21px;}
.company-policy-list .inner-box .btn-con {display:table-cell; vertical-align:middle; width:195px;}
.company-policy-list .sub-btn {width:100%; height: 54px; line-height:53px; font-size:15.5px; }
.company-policy-list .sub-btn i { line-height:53px; }


/* -------- COMPANY :: 사업장 안내 -------- */
.place-top-map {background-color: #e3e6ed; padding: 45px 0 35px; margin-top:90px;}
.place-top-map .img-box {text-align:center; padding:0 15px;}
.place-top-map .img-box img {max-width:100%;}

.place-con-wrapper {padding-top:80px;}
.place-tab-con {margin-top:30px;}
.place-tab-con .place-tab-con-inner { border:1px solid #e5e5e5; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-tab-con .place-info-con {padding: 45px 60px; position:relative;}
.place-tab-con .place-info-con .inner {display:table; width: 100%; height:100%; table-layout:fixed; }
.place-tab-con .place-info-con .inner .img-con {display:table-cell; vertical-align:middle; width:194px;}
.place-tab-con .place-info-con .inner .img-con  img {width:100%;}
.place-tab-con .place-info-con .inner .txt-con {display:table-cell; vertical-align:middle; padding-left:4.7%; width:100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-tab-con .place-info-con .info-list {margin-top:30px;}
.place-tab-con .place-info-con .info-list li {margin-top:10px; }
.place-tab-con .place-info-con .info-list li:first-child {margin-top:0;}
.place-tab-con .place-info-con .tit {font-size: 30px; letter-spacing:-0.6px; color: #222; }
.place-tab-con .place-info-con .info-list .txt {font-size: 16px; line-height: 28px; position:relative; padding-left: 74px; word-break:keep-all; }
.place-tab-con .place-info-con .info-list .txt:before {content:""; width:3px; height:3px; background-color: #333; position:absolute; left:0; top: 12px;}
.place-tab-con .place-info-con .info-list .txt span {position:absolute; left:15px;  color: #333; font-weight:500; }
.place-tab-con .place-info-con .info-list .txt em {display:inline-block; color: #555; font-weight:400; letter-spacing:-0.5px; position:relative; padding-left:30px;}
.place-tab-con .place-info-con .info-list .txt em:before {position:absolute; content:""; left:0; top:8px; width:1px; height: 14px; background: rgba(187,187,187,0.5);}
.place-tab-con .place-info-con .txt-con-inner {display:table; width:100%; height:100%;  table-layout:fixed; }
.place-tab-con .place-info-con .txt-con-inner .txt-box { display:table-cell; vertical-align:top;width:50%; }
.place-tab-con .place-info-con .note-con { display:table-cell; vertical-align:top;width:50%; border-left:1px solid #e5e5e5; }
.place-tab-con .place-info-con .note-con .note-con-inner {position:relative; padding:15px 0 15px 40px;}
/* .place-tab-con .place-info-con .note-con .note-con-inner:before {content:""; width:1px; height:100%; min-height:132px; background-color: #e5e5e5; position:absolute; left:0; top:50%; transform:translateY(-50%); }
 */.place-tab-con .place-info-con .note-con .txt {font-size: 16px; letter-spacing:-0.25px; color: #a7a7a7; font-weight:400; margin:17px 0; }
.place-tab-con .place-info-con .note-con .txt span {display:inline-block; margin-right:10px;}
.place-tab-con .place-info-con .note-con .txt .link {color: #f8a71a; display:inline-block; }
.place-tab-con .place-info-con .map-btn {position:absolute; right:0; bottom:0; width:60px; height: 60px; background-color: #d5d3d4; color: #fff;  font-size: 22px;}
.place-tab-con .place-info-con .map-btn:hover {background-color: #23408f; }
.place-tab-con .place-info-con .map-btn i {margin-top:-3px;}
.place-tab-con .place-map-con {display:none; }
.map-iframe-wrapper{position:relative;  margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:17.85%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.place-page .sub-tab-style01 {padding-bottom:20px;}
.place-page .sub-tab-style01 li {width:50%;}
.place-page .sub-tab-style01 li a {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-page .sub-tab-style01 li.selected a {background:#fff; border-bottom:0;}

#seoulCon .place-info-con .note-con .txt span {width:200px;}
#chungju2Con .place-info-con .note-con .txt span {width:250px;}




/* 청안캠퍼스 */
.chungan-con.full-con {height:950px; background:top center no-repeat; background-size:cover; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.chungan-con .chungan-tit-box .tit {font-size: 64px; line-height:1.31em; letter-spacing:-0.95px; color:#fff; }
.chungan-con .chungan-tit-box .tit span { color:#f8a71a; }
.chungan-con .chungan-tit-box .txt {font-size: 16px; line-height: 1.875em;letter-spacing:-0.95px;  font-weight:500; color:#fff; margin-top:40px;}
.chungan-con .chungan-tit-box .img-box {margin-top:40px;}
.chungan-con .chungan-tit-box .img-box img {max-width:100%;}
.chungan-con.con01 { padding-top:110px; background-image:url("../images/content/place_chungan_bg_01.jpg");  }
.chungan-con.con01 .tit-box span {font-size: 64px; line-height:1.25em; letter-spacing:-0.35px; color:#fff; display:block;}
.chungan-con.con01 .tit-box .tit {font-size: 72px; line-height:1.22em; letter-spacing:-0.35px; color:#f8a71a; font-weight:800; position:relative; display:inline-block;}
.chungan-con.con01 .tit-box .tit:after {content:""; width:146px; height:141px; background:url("../images/content/place_chungan_icon_01.png") no-repeat; position:absolute; right:-105px; bottom:40px;}
.chungan-con.con01 .txt-box .txt {width:45%;font-size: 16px; line-height:1.875em; letter-spacing:-0.5px; color:#fff; margin-top:30px;}
.chungan-con.con02 {padding:80px 0 137px; }
.chungan-con.con02 .img-box .inner-box {height:360px;}
.chungan-con.con02 .img-box .left-con {float:left; width:50%; height:100%; background:url("../images/content/place_chungan_bg_02.jpg") center no-repeat; padding:60px 5.35%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.chungan-con.con02 .img-box .right-con {float:left; width:50%; height:100%; background:url("../images/content/place_chungan_bg_03.jpg") center no-repeat;}
.chungan-con.con02 .img-box .right-con img {display:none; width:100%;}
.chungan-con.con02 .img-box .txt-box {margin-top:45px;}
.chungan-con.con02 .img-box .txt-box:first-child {margin-top:0;}
.chungan-con.con02 .img-box .txt-box .tit {font-size: 54px;  letter-spacing:-0.35px; font-weight:600; color: #fff; display:block;}
.chungan-con.con02 .img-box .txt-box .tit span {font-size: 24px; font-weight:500; display:block; margin-bottom:15px; }
.chungan-con.con02 .img-box .txt-box .tit b {font-size: 30px; font-weight:600;}
.chungan-con.con02 .icon-box {margin-top:88px;}
.chungan-con.con02 .icon-box .icon-list li {float:left; width:25%; text-align:center;}
.chungan-con.con02 .icon-box .icon-list li .icon {display:block; height:109px; background:center no-repeat;}
.chungan-con.con02 .icon-box .icon-list li.item01 .icon {background-image:url("../images/content/place_chungan_icon_02.png");}
.chungan-con.con02 .icon-box .icon-list li.item02 .icon {background-image:url("../images/content/place_chungan_icon_03.png");}
.chungan-con.con02 .icon-box .icon-list li.item03 .icon {background-image:url("../images/content/place_chungan_icon_04.png");}
.chungan-con.con02 .icon-box .icon-list li.item04 .icon {background-image:url("../images/content/place_chungan_icon_05.png");}
.chungan-con.con02 .icon-box .icon-list li .tit {display:block; font-size: 18px; letter-spacing:-0.75px; color:#111; margin-top:18px;}
.chungan-con.con03 {padding-top:140px; background-image:url("../images/content/place_chungan_bg_04.jpg"); }
.chungan-con.con04 {padding:100px 0; height:auto; background-image:url("../images/content/place_chungan_bg_05.jpg");  }
.chungan-con.con04 .img-box {position:relative;}
.chungan-con.con04 .m-img {display:none;}
.chungan-factory-wrap { background:url("../images/content/place_chungan_img_line_bg.png") top no-repeat; background-size:100%; padding-top:6%; }
.chungan-factory-item {float:left; width:14.71%;}
.chungan-factory-item.right {float:right; }
.chungan-factory-item dl {padding:0 10px 10px; background-color: #eee; border-radius:10px;}
.chungan-factory-item .item-tit {font-size:18px; letter-spacing:-0.75px; color:#000; text-align:center; display:block; padding:15px 0;}
.chungan-factory-item .img-wrap { padding-top:77.41%; overflow:hidden; border-radius:10px; position:relative;}
.chungan-factory-item .img-wrap img {position:absolute; top:0; left:0; width:100%; height:100%; }
.chungan-factory-item .img-tit {position:absolute; bottom:10px; width:100%; left:0; display:block;  text-align:center;}
.chungan-factory-item .img-tit em {display:inline-block; background-color: #23408f; color:#fff; font-size:16px; line-height:20px; font-weight:500; letter-spacing:-0.75px; padding:0 5px;}
.chungan-factory-item .img-item {width:100%; position:relative;}
.chungan-factory-item.col03 {width:42.78%; margin-top: 2%;}
.chungan-factory-item.col03 .img-item {float:left; width:30.71%; margin:0 1.3%;}
.chungan-factory-item.item03 {clear:both;}


/* ******************  BUSINESS ********************** */
/* -------- BUSINESS :: 공통 -------- */
.business-page .sub-tab-cm-style ul li {width:16%;}
.business-page .business-con-wrapper {margin-top: 80px; }

/* 텍스트 - 아이콘 컨텐츠 */
.business-txt-icon-con .item {padding:60px 100px 60px 0; border-top:1px solid #e5e5e5; background:right center no-repeat;}
.business-txt-icon-con .item.item01 {border-top:0; }
.business-txt-icon-con .item .tit {font-size: 22px; letter-spacing:-0.25px; color: #000; }
.business-txt-icon-con .item .txt {font-size: 16px; line-height:2.125em; letter-spacing:-0.25px; color: #333; margin-top:16px;}
.business-txt-icon-con .item .txt span {color: #23408f;}
/* 텍스트 - 이미지 컨텐츠 */
.business-txt-img-con .item {display:table; width:100%; height:100%; border-top:1px solid #e5e5e5; padding:75px 0;  }
.business-txt-img-con .item.item01 {border-top:0; }
.business-txt-img-con .item .txt-con {display:table-cell; vertical-align:middle; width:57%;}
.business-txt-img-con .item .txt-con .con-tit {font-size: 22px; letter-spacing:-0.25px; color:#222; font-weight:700; }
.business-txt-img-con .item .txt-con .con-txt {font-size: 16px; line-height:2em; letter-spacing:-0.25px; color:#333; margin-top:30px; }
.business-txt-img-con .item .img-con {display:table-cell; vertical-align:middle; width:43%;}
.business-txt-img-con .item .img-con img {width:100%;}

/* -------- BUSINESS :: Intro -------- */
.business-intro-page .sub-tit-box {margin-top:55px;}
.business-intro-img {margin-top:140px;}


/* -------- BUSINESS ::  Semiconductor -------- */
/* Semiconductor :: 공통 */
.semi-con {margin-top:100px;}
/* 상단 공통 컨텐츠 */
.semi-top-box .bg-box {display:table; width:100%; height: 450px; text-align:center; color: #fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.semi-top-box .bg-box .inner {display:table-cell; vertical-align:middle;}
.semi-top-box .bg-box .tit {font-size: 63px; letter-spacing:-0.35px;}
.semi-top-box .bg-box .txt {font-size: 22px; line-height:1.68em; letter-spacing:-0.35px; margin-top:50px; font-weight:400;}
/* 이미지 리스트 컨텐츠 */
.semi-img-list li {float:left; width:33.33%; border-left:1px solid #e5e5e5; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.semi-img-list li:first-child {border:0;}
.semi-img-list.item04 li {width:25%;}
.semi-img-list .inner-box .img-wrap {display:block; position:relative;}
.semi-img-list .inner-box .img-wrap  img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.semi-img-list dl dt {padding:45px 0;}
.semi-img-list dl dd {padding-bottom:40px;}
.semi-img-list .tit {font-size: 24px; color: #000; font-weight:500; letter-spacing:-0.25px; height:2em; display:block;}
.semi-img-list .txt {font-size: 16px; line-height:1.68em; color: #666; letter-spacing:-0.25px; margin-top:30px;}

/* 프로세스 컨텐츠 */
.semi-process-list {margin:0 -1.51%;}
.semi-process-list li {float:left; width:16.96%; margin:0 1.51%; text-align:center; position:relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.semi-process-list li:before {content:""; width: 17.79%; height:100%; background:url("../images/content/semi_process_arrow.png") center no-repeat; display:block; position:absolute; right:100%; top:0; }
.semi-process-list li:first-child:before {display:none;}
.semi-process-list .inner-box {background-color: #eee; border-radius: 15px; padding:0 10px 10px;  color: #333; }
.semi-process-list .inner-box img {width:100%;}
.semi-process-list .inner-box dl dt {display:table; width:100%; height:60px;}
.semi-process-list .inner-box dl dt .tit {display:table-cell; vertical-align:middle; font-size:17px; letter-spacing:-0.75px; font-weight:600;}
.semi-process-list.item03 { margin:0 -3.47%; }
.semi-process-list.item03 li {width:26.38%; margin:0 3.47%; }
.semi-process-list.item03 li:before {width:26.4%;}
.semi-process-list.item06 { margin:0 -1.22%; }
.semi-process-list.item06 li {width:14.21%; margin:0 1.22%; }
.semi-process-list .point-item .inner-box {background-color: #f8a71a; color: #fff; box-shadow:0px 0px 20px 2px rgba(0, 0, 0, 0.19);}
.ab01 {position: absolute; width: 100%; text-align: center;}

/* nepse corp. */
.nepes-corp {margin-top:125px;}
.nepes-corp .inner-box {display:table; width:100%; height:100%; padding:60px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.nepes-corp .tit-box {display:table-cell; vertical-align:middle; width:15.92%; min-width: 150px; text-align:center;}
.nepes-corp .tit-box .tit {font-size: 18px; color:#111; font-weight:600;}
.nepes-corp .txt-box {display:table-cell; vertical-align:middle;  }
.nepes-corp .txt-box .inner {position:relative; padding-left:6.35%;}
.nepes-corp .txt-box .inner:before {content:""; width:1px; height:100%; background-color: #e5e5e5; position:absolute; left:0; top:0;}
.nepes-corp .txt-box .txt {font-size:16px; line-height:1.5em; color:#999; position:relative; padding:7px 0 7px 83px;}
.nepes-corp .txt-box .txt span {color:#333; display:block; position:absolute; left:0; }
.nepes-corp .txt-box .txt a {color: inherit}
.nepes-corp .txt-box .txt-item {margin-top:40px;}
.nepes-corp .txt-box .txt-item.item01 {margin-top:0;}
.nepes-corp .txt-box .txt-item .txt-tit {font-size:18px; color:#333; display:block; margin-bottom:7px;}
.nepes-corp .btn-box {display:table-cell; vertical-align:middle; width:30.21%; text-align:center; padding: 0 4.28%;}
.nepes-corp .btn-box .sub-btn {width:100%; padding:0 13.24%; margin:2% 0;}
.nepes-corp .btn-box .sub-btn.yellow {background-color: #f8a71a; }

/* Semiconductor :: Overview */
.overview-top-con {margin-top: 44px;}
.overview-top-con .item.item01 {background-image:url("../images/content/overview_icon_01.png"); }
.overview-top-con .item.item02 {background-image:url("../images/content/overview_icon_02.png"); }
.overview-top-con .item.item03 {background-image:url("../images/content/overview_icon_03.png"); }
.overview-img-con {margin-top:35px;}
.overview-img-con .img-box {margin-top:45px;}
.overview-img-list-con {margin-top:100px; }
.overview-img-list-con .img-list-box {margin-top: 52px; }
.overview-img-list-con .semi-img-list .inner-box .img-wrap {padding-top: 34.79%;}
.overview-img-list-con .semi-img-list .tit {height:auto;}
.overview-img-list-con .semi-img-list .txt {margin-top:25px;}
/* Semiconductor :: Bumping */
.bumping-con .sub-con-tit {margin-bottom: 52px;}
.bumping-con .point-txt {margin-top: 35px; text-align:center;}
.bumping-con .semi-img-list dd {padding:0 15px;}
.bumping-con .semi-img-list .inner-box .img-wrap {padding-top: 47.85%;}
.bumping-con .semi-img-list .tit {font-size: 18px;  }
.bumping-con .semi-img-list .sub-btn {display:block; width: 100%; max-width:200px; height:50px; line-height:49px; font-size:12px; margin:57px auto 0; }
.bumping-con .semi-img-list .sub-btn i {font-size:16px; line-height:49px;}

/* Bumping 팝업 */
.bumping-popup {max-width:1060px;}
.bumping-popup .modal-close-btn {top:-65px; font-size:36px;}
.bumping-popup .bumping-inner-box {padding:50px 60px 0;}
.bumping-popup .bumping-inner {height:auto; border:0;}
.bumping-popup .tit-box {position:relative; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.bumping-popup .tit-box:before {content:""; width:190px; height:1px; background-color: #000; position:absolute; left:0; bottom:0; }
.bumping-popup .tit-box .inner {position:relative; padding-right: 200px;}
.bumping-popup .tit-box .popup-tit {font-size: 26px; color: #111; display:inline-block; }
.bumping-popup .tit-box .popup-sub-tit {font-size: 16px; line-height:26px; color: rgba(102,102,102,0.5); width:200px; position:absolute; right:0; top:0; }
.bumping-popup .features-con-box {padding:40px 0;}
.bumping-popup .features-con {display:table; width:100%; height:100%; }
.bumping-popup .features-con .img-con {display:table-cell; vertical-align:middle; width:141px;}
.bumping-popup .features-con .img-con img {width:100%;}
.bumping-popup .features-con .list-con {display:table-cell; vertical-align:middle; padding-left:60px; }
.bumping-popup .features-con .features-list li {position:relative; font-size:16px; line-height:1.3em; padding-left: 186px; margin:20px 0;}
.bumping-popup .features-con .features-list li.long {margin-bottom: 40px;}
.bumping-popup .features-con .features-list li .tit {position: absolute; left:0; top:0; color: #333; font-weight:500;}
.bumping-popup .features-con .features-list li .tit em {font-size:13px; font-weight:500;}
.bumping-popup .features-con .features-list li .txt {color: #666; position:relative; padding-left:32px;}
.bumping-popup .features-con .features-list li .txt:before {content:""; width:1px; height:12px; background-color: #dfdfdf; position:absolute; left:0; top:50%; margin-top:-6px;}
.bumping-popup .features-con .features-list li .txt .blue {color: #23408f;}

/* Semiconductor :: WLP */
.wlp-con .sub-con-tit {margin-bottom: 60px;}
.wlp-con .wlp-process-box .txt {font-size: 22px; letter-spacing:-0.25px; color: #222; line-height:1.66em; text-align:center; margin-top: 45px;}
.wlp-con .wlp-process-box .img-wrap {border-radius: 10px; overflow:hidden;}


/* Semiconductor ::FOWLP/PLP */
.plp-con .sub-con-tit {margin-bottom: 55px;}
.plp-con .txt-box .txt {text-align:center; font-size: 22px; line-height: 1.81em; letter-spacing:-0.25px; color: #333; margin-top:30px;}
.plp-con .txt-box .txt .check:before {content:"\e928"; font-family: 'xeicon' !important; color :#23408f; margin-right:10px;}
.plp-con .plus-txt-list {text-align:left; padding:0 60px;}
.plp-con .plus-txt-list .plus-txt{position:relative; padding-left:27px}
.plp-con .plus-txt-list .plus-txt:before{position:absolute; top:0; left:0}
.plp-page .nepes-corp {margin-top:100px;}
.chungan-slide-box {position:relative;margin-top:14.28%;}
.chungan-slide-box:before {content:""; width:7.85%; height:37%; background:url("/images/main/nepes_circle.png") no-repeat;position:absolute; left:0; margin-left:-3.925%; top:0; margin-top:-3.925%; z-index:1001; background-size:100%; 
	-webkit-animation: spin 15s infinite linear;
    -o-animation: spin 15s infinite linear;
    -moz-animation: spin 15s infinite linear;
    animation: spin 15s infinite linear;}
.chungan-slide-box .business-chungan-slide .img-wrap { display:block; }
.chungan-slide-box .business-chungan-slide .img-wrap img {width:100%;}
.chungan-slide-box .tit-box {position:absolute; right:0; top:0; width:32.14%; height:100%; background-color: rgba(35,64,143,0.9);text-align:center; z-index:1100; padding:0 15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.chungan-slide-box .tit-box .tit {font-size: 26px; line-height:1.5em; color:#fff; letter-spacing:-0.5px; display:inline-block;  font-weight:600; }
.chungan-slide-box .tit-box  i {font-size:30px; line-height:39px; display:inline-block; vertical-align:top; color:#fff; margin-left:20px;}
.chungan-slide-box .business-chungan-slide .slick-dots {position:absolute; left:20px; bottom:15px; z-index:1000;}
.chungan-slide-box .business-chungan-slide .slick-dots li {float:left; margin-left: 10px;}
.chungan-slide-box .business-chungan-slide .slick-dots button {width:8px; height:8px; background-color: #fff; opacity:0.5;filter:Alpha(opacity=50); border-radius:50%; font-size:0;}
.chungan-slide-box .business-chungan-slide .slick-dots li.slick-active button {background-color: transparent; border:2px solid #fff;}
.plp-con .sub-tbl td:not(.no-line-left) .img-list-box dl {padding-bottom:10px;}
.plp-con .sub-tbl td:not(.no-line-left) .img-list-box dl .txt {margin-top:30px;}


/* Semiconductor :: SiP */
.sip-con .sub-con-tit {margin-bottom: 52px;}
.sip-icon-list-box {background-color: #f7f7f7; padding:70px 0;}
.sip-icon-list-box .icon-list li {float:left; width:20%; text-align:center;}
.sip-icon-list-box .icon-list li .icon {display:block; width: 83px; height:83px; margin:auto; background: center no-repeat;  background-size:100%;}
.sip-icon-list-box .icon-list li.item01 .icon {background-image:url("../images/content/sip_icon_01.png");}
.sip-icon-list-box .icon-list li.item02 .icon {background-image:url("../images/content/sip_icon_02.png");}
.sip-icon-list-box .icon-list li.item03 .icon {background-image:url("../images/content/sip_icon_03.png");}
.sip-icon-list-box .icon-list li.item04 .icon {background-image:url("../images/content/sip_icon_04.png");}
.sip-icon-list-box .icon-list li.item05 .icon {background-image:url("../images/content/sip_icon_05.png");}
.sip-icon-list-box .icon-list li .txt {font-size: 17px; letter-spacing:-0.5px; color: #444; line-height:1.64em; margin-top:30px; }
.sip-con .semi-img-list .inner-box .img-wrap {padding-top: 46.41%;}
.sip-con .semi-img-list .tit {font-size:20px;}
.sip-con .img-list-box .txt-box {text-align:center; margin-top:47px;}
.sip-con .img-list-box .txt-box .txt {font-size: 18px; line-height:2.22em; letter-spacing:-0.5px; color: #444;}

.sip-con .img-list-box .txt-box .txt-list {width:70%; margin:auto; }
.sip-con .img-list-box .txt-box .txt-list .txt {text-align:left; position:relative; padding-left: 10px;}
.sip-con .img-list-box .txt-box .txt-list .txt:before {content:"-"; position:absolute; left:0; }



/* Semiconductor :: TEST */
.test-con .sub-con-tit {margin-bottom: 55px;}
.test-con .sub-tbl tbody td {font-size:15.5px; line-height:1.73em; padding:15px;}
.test-con .sub-tbl tbody td b {font-weight:500;}
.test-con .pofol-con-box {background-color: #f7f7f7; padding: 50px 0;}
.test-con .pofol-list-box {padding: 0 7.14%;}
.test-con .pofol-list {margin:0 -1.21%;}
.test-con .pofol-list li {float:left; width:47.47%; margin:1.21%; }
.test-con .pofol-list li .inner-box {background-color: #fff;  border:1px solid #e5e5e5; border-radius:10px;}
.test-con .pofol-list li dl {display:table; width:100%; height:100%;}
.test-con .pofol-list li dl dt {display:table-cell; vertical-align:middle; width:34.27%; }
.test-con .pofol-list li dl dt .img-wrap {position:relative; padding-top: 100%;}
.test-con .pofol-list li dl dt .img-wrap span {display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; margin:auto;}
.test-con .pofol-list li dl dd {display:table-cell; vertical-align:top; padding: 0 35px 0 15px;}
.test-con .pofol-list li dl dd .tit {display:block; font-size:19px; color:#333; padding:10.54% 0 6.02%; border-bottom:1px solid #e5e5e5;}
.test-con .pofol-list li dl dd .txt-box {padding-top:10px;}
.test-con .pofol-list li dl dd .txt-box .txt {display:inline-block; vertical-align:top; width:55%; font-size:14px; line-height:1.92em; color:#444; position:relative; padding-left:15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.test-con .pofol-list li dl dd .txt-box .txt:before {content:""; position:absolute; left:0; top:12px; width:8px; height:2px; background-color: #dcdcdc;}
.test-con .pofol-list li dl dd .txt-box .width100 {width:100%; display:block;}
.test-con .pofol-list li dl dd .txt-box .width40 {width:35%; }
.test-con .check-list-box {padding:0 15%;}
.test-con .check-list li {float:left; width:58%; clear:both;}
.test-con .check-list li:nth-child(2n) {width:42%; clear:none;}
.test-con .check-list li .check-txt {font-size:18px; color:#444; letter-spacing:-0.5px; line-height:1.8em; margin:3px 0; }


/* -------- BUSINESS ::  Future Intelligence -------- */
/* Future Intelligence :: 공통 */
.future-top-box .txt {text-align:center; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:2.06em; margin-top:35px;}
.future-top-box .img-box {margin-top: 75px;}
.future-top-box .img-box img {width:100%;}

/* Future Intelligence :: A.I */
.ai-con .business-txt-img-con .check-wrap {margin-top: 55px; display:table; width:100%;  }
.ai-con .business-txt-img-con .check-wrap .check-tit {display:table-cell; vertical-align:middle; font-size: 18px; letter-spacing:-0.25px; color:#23408f; font-weight:500; }
.ai-con .business-txt-img-con .check-wrap .check-list {display:table-cell; vertical-align:middle; padding-right: 25%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.ai-con .business-txt-img-con .check-wrap .check-txt {margin-left:13.8%; float:left; font-size:16px; line-height:2em; color:#666; letter-spacing:-0.25px;}
.ai-con .business-txt-img-con .item03 .check-wrap .check-tit {width:35%;}
.ai-con .business-txt-img-con .item03 .check-wrap .check-list {padding-right:0;}
.ai-con .business-txt-img-con .item03 .check-wrap .check-txt {float:none;}
.ai-page .nepes-corp {margin-top:0;}

/* Future Intelligence :: 미래교육 */
.edu-page .future-top-box .img-box {position:relative; margin-top: 48px;}
.edu-page .future-top-box .img-box .txt {font-size: 20px; line-height:1.55em; letter-spacing:-0.5px; color:#fff; font-weight:500; text-align:center; position:absolute; bottom:30px; width:100%;}
.edu-con .edu-list {margin-top:55px;}
.edu-list .edu-item {display:table; width:100%; border-top:1px solid #e5e5e5; padding:25px 0;}
.edu-list .edu-item.item-first {border-top: 2px solid #000; }
.edu-list .edu-item.item-last {border-bottom: 2px solid #e5e5e5; }
.edu-list .edu-item .tit-con {display:table-cell; vertical-align:middle; width:22.14%; padding-left:6.42%;}
.edu-list .edu-item .tit-con .tit {font-size: 22px; letter-spacing:-0.25px; color:#222; font-weight:600; }
.edu-list .edu-item .txt-con {display:table-cell; vertical-align:middle;  position:relative; width:77.86%; padding-left: 7.5%;}
.edu-list .edu-item .txt-con:before {content:"\e92f"; position:absolute; left:0px; top:50%; margin-top:-8.5px;  font-size:17px; color:#23408f; font-family: 'xeicon' !important;transform:rotate(90deg)}
.edu-list .edu-item .txt-con .txt {font-size:16px; letter-spacing:-0.5px; line-height:1.7em; margin:5px 0; } 
.edu-page .nepes-corp {margin-top:75px;}
.edu-page .nepes-corp .sub-btn {margin:5px 0;}
.edu-page .nepes-corp .sub-btn span {display:table; width:100%; height:100%; }
.edu-page .nepes-corp .sub-btn span em {display:table-cell; vertical-align:middle; position:relative;}


/* -------- BUSINESS ::  IT Materials -------- */
/* IT Materials :: 공통 */
.it-top-box .txt{text-align:center; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:2.06em; margin-top:35px;}
/* IT Materials :: EM */
.em-con-container {margin-top:145px;}
/* tab */
.em-con-process .process-box {margin-top:60px; padding-bottom:30px; overflow:hidden; }
.em-con-process .process-box .em-process-m-btn {display:none; }
.em-con-process .em-process-list {margin:0 -1.11%; background:url("../images/content/process_line.jpg") center no-repeat; background-size:90%;}
.em-con-process .em-process-list li {float:left; width:7.5%; margin:0 2.5%; }
.em-con-process .em-process-list li a {display:block; position:relative; padding-top:100%; background-color: #fff; border:1px solid #23408f; border-radius:50%; transition: all 0.4s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.em-con-process .em-process-list li a p {position:absolute; left:0; top:0; width:100%; height:100%; }
.em-con-process .em-process-list li a span {display:table; width:100%; height:100%; }
.em-con-process .em-process-list li a span em {display:table-cell; vertical-align:middle; text-align:center; font-size: 13px; line-height:1.37em; letter-spacing:0px; color:#23408f; font-weight:500; transition: all 0.4s;}
.em-con-process .em-process-list li.no-content a {background-color: #f5f5f5; border-color:#d9d9d9;pointer-events: none; cursor: default;}
.em-con-process .em-process-list li.no-content a span em {color: #898989;}
.em-process-list-wrap {max-width:1400px; margin:auto;}
.em-con-process.fixed {height:293.81px;}
.em-con-process.fixed .process-box {position:fixed;  top: 110px; padding-top:20px; margin-top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #e5e5e5; z-index:1000;}
@media all and (min-width:801px){
	.em-con-process .em-process-list li:not(.no-content) a:hover ,
	.em-con-process.fixed .em-process-list li:not(.no-content).selected a {background-color: #23408f;}
	.em-con-process .em-process-list li:not(.no-content) a:hover span em,
	.em-con-process.fixed .em-process-list li:not(.no-content).selected a span em {color:#fff;}
}

@media all and (max-width:1024px){
	.em-con-process.fixed .process-box {padding:10px 15px; top:140px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
}
@media all and (max-width:800px){
	.em-con-process.fixed {height:136px;}
	.em-con-process.fixed .process-box {padding:0; top: 130px; border-bottom:0;}
}
@media all and (max-width:480px){
	.em-con-process.fixed .process-box {top: 110px;}
}


/* 컨텐츠 */
.em-con {padding-top:120px;}
.em-con .em-con-tit {font-size:26px; letter-spacing:-0.25px; color:#000; font-weight:700; text-align:center; padding-bottom: 24px; border-bottom:1px solid #e5e5e5; position:relative;}
.em-con .em-con-tit:before {content:""; width:23px; height:1px; position:absolute; left:50%; margin-left:-11.5px; bottom:-1px; background-color: #000; }
.em-con .business-txt-img-con .item {border:0; padding:50px 0;}
.em-con .business-txt-img-con .txt-con {width:50%;}
.em-con .business-txt-img-con .img-con {width:50%;}
.em-con .business-txt-img-con .txt-item {position:relative; padding-left:115px; font-size: 18px; line-height:2em; letter-spacing:-0.5px; color:#000; margin:10px 0;}
.em-con .business-txt-img-con .txt-item dt {float:left; position:absolute; left:0; font-weight:500;}
.em-con .business-txt-img-con .txt-item dd {font-weight:400; }
.em-con .business-txt-img-con .txt-item dd b{font-weight:500; }
.em-con .business-txt-img-con .txt-item img {width:100%}
.em-con .sub-tbl th , .em-con .sub-tbl td {padding:8px 15px; font-size:16px; line-height:1.75em;}
.em-con .sub-tbl  {table-layout:fixed;}
.em-con .sub-tbl .white {background-color: #fff; color: #555; border-top:1px solid #e5e5e5; border-left:0; font-weight:500;}
.em-con .sub-tbl .img {padding:0; border-left-color:#414141;}
.em-con .sub-tbl .img img {width:100%; height:100%;}
.em-con.con01 .img-con {padding-left:5.71%; vertical-align:top;}
.em-con.con02 .img-con {padding-left:5.64%;}
.em-con.con02 .img-con thead th {line-height: 1.31em;}
.em-con.con02 .img-con thead th span {font-size:14px;}
.em-con.con02 .img-con .img {border-left-color:transparent; border-color:#e5e5e5;}
.em-con.con03 .img-con .check-txt {font-size: 16px; line-height:2; letter-spacing:-0.15px; color:#333; font-weight:500; margin-bottom: 10px;}
.em-con.con03 .img-con .check-txt:before {top:-5px;}
.em-con.con03 .tbl-box .sub-tbl td {font-weight:500;}
.em-con.con03 .bottom .img-con {padding-left: 7.85%;}
.em-con.con03 .bottom .img-con .sub-tbl th {padding:10px 5px; line-height:1.25em;}
.em-con.con03 .bottom .img-con .sub-tbl .img {border-left-color:#e5e5e5;}
.em-con.con04 .img-con {padding-left:17.15%;}
.em-con.con05 .img-con {padding-left:12%;}
.em-con.con06 .img-con {padding-left:18.71%;}
.em-con.con06 .sub-tbl {overflow:visible; }
.em-con.con06 .sub-tbl th {padding:12px 5px;}
.em-con.con07 .tbl-box .check-txt {font-size:16px; line-height:2em; color:#333; font-weight:500; margin-bottom:10px;}
.em-con.con07 .tbl-box .sub-tbl tbody th {background-color: #fff;}




/* IT Materials :: EDF */
.edf-con {margin-top:125px;}
.edf-con .edf-img-list li {float:left;}
.edf-con .business-txt-img-con .item {border:0; background-color: #f8f8f8; padding:30px; margin-top:30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edf-con .business-txt-img-con .item .img-con {width:36%;}
.edf-con .business-txt-img-con .item .txt-con {width:64%; padding-left:8.57%; }
.edf-con .business-txt-img-con .item .txt-con .txt {font-size: 18px; line-height:2em; letter-spacing:-0.25px; color:#444; }
.edf-con.con02 .edf-img-list-box {margin-top: 68px;}
.edf-con.con02 .edf-img-list li { width:33.33%; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edf-con.con02 .edf-img-list li .inner-box {border-left:1px solid #e5e5e5; padding:25px 15px;}
.edf-con.con02 .edf-img-list li:first-child .inner-box {border:0;}
.edf-con.con02 .edf-img-list li .tit {display:block; font-size:21px; letter-spacing:-0.25px; color: #000; font-weight:600; line-height:1.47em; min-height:2.95em;}
.edf-con.con02 .edf-img-list li .txt {font-size:17px; line-height:1.88em; color:#333; margin-top:20px; }
.edf-con.con02 .edf-img-list li .txt span {display:block; color: #f8a71a;font-weight:600;}
.edf-con.con02 .edf-img-list li img {margin-top:60px; max-width:100%; }
.edf-con.con02 .edf-img-list li.item02 img {margin-top:18.88%;}
.edf-con.con03 .edf-img-list {margin-top: 75px; text-align:center; padding:0 9.14%;}
.edf-con.con03 .edf-img-list li {float:none; display:inline-block; vertical-align:top; width:30%; padding:0 1%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edf-con.con03 .edf-img-list li .icon {display:block; height:76px; background:no-repeat center;  }
.edf-con.con03 .edf-img-list li.item01 .icon {background-image:url("../images/content/edf_icon_01.png")}
.edf-con.con03 .edf-img-list li.item02 .icon {background-image:url("../images/content/edf_icon_02.png")}
.edf-con.con03 .edf-img-list li.item03 .icon {background-image:url("../images/content/edf_icon_03.png")}
.edf-con.con03 .edf-img-list li dd {font-size:20px; line-height:1.5em; letter-spacing:-0.15px; color:#000; font-weight:600; margin-top:10.61%;}
.edf-con.con04 .edf-img-list-box {margin-top: 50px;}
.edf-con.con04 .edf-img-list {margin:0 -0.42%;}
.edf-con.con04 .edf-img-list li {width:24.15%; margin:0 0.42%;}
.edf-con.con04 .edf-img-list li .img {display:block; position:relative; padding-top:50.14%; background: no-repeat center; }
.edf-con.con04 .edf-img-list li.item01 .img {background-image:url("../images/content/edf_img_04.png");}
.edf-con.con04 .edf-img-list li.item02 .img {background-image:url("../images/content/edf_img_05.png");}
.edf-con.con04 .edf-img-list li.item03 .img {background-image:url("../images/content/edf_img_06.png");}
.edf-con.con04 .edf-img-list li.item04 .img {background-image:url("../images/content/edf_img_07.png");}
.edf-con.con04 .edf-img-list li dd {text-align:center; font-size:20px; color:#000; font-weight:500; margin-top:20px;}


/* IT Materials :: IRIDOS */ 
/* 컬러페이스트란 */
.color-paste-con{margin-top:120px}
.color-paste-con .color-paste-box{background-color:#f8f8f8; padding:38px 30px; margin-top:30px}
.color-paste-con .color-paste-box > div{display:inline-block; margin:0 -1px; vertical-align:middle}
.color-paste-con .color-paste-box .lf-img{width:37.6%}
.color-paste-con .color-paste-box .lf-img img{max-width:100%}
.color-paste-con .color-paste-box .rt-txt{padding-left:9%; width:53.4%}
.color-paste-con .color-paste-box .rt-txt p{font-weight:400; font-size:18px; letter-spacing:-0.25px; color:#444; line-height:2; word-break:keep-all}
/* Main Products */
.iridos-main-prd{margin-top:130px}
.iridos-prd-wrap{}
.iridos-prd-wrap .iridos-prd-sec{border-bottom:1px solid #e5e5e5; padding:80px 0}
.iridos-prd-wrap .iridos-prd-sec:last-child{border-bottom:0; padding-bottom:0}
.iridos-prd-wrap .iridos-prd-sec:first-child{padding-top:55px}
.iridos-prd-wrap .iridos-prd-sec .lf-con{float:left; padding-right:3%; width:57.5%}
.iridos-prd-wrap .iridos-prd-sec .rt-con{float:right; width:39.5%; word-break:keep-all}
.iridos-prd-wrap .iridos-prd-sec:first-child .lf-con{width:51.4%}
.iridos-prd-wrap .iridos-prd-sec:first-child .rt-con{width:45.6%}
.iridos-prd-wrap .iridos-prd-sec .lf-con .tit{font-weight:700; font-size:22px; letter-spacing:-0.25px; color:#000; line-height:1.4; margin-bottom:30px; display:block}
.iridos-prd-wrap .iridos-prd-sec .lf-con .explain{}
.iridos-prd-wrap .iridos-prd-sec .lf-con .explain span{position:relative; display:block; font-weight:400; font-size:16px; letter-spacing:-0.25px; color:#333; line-height:1.875; margin-bottom:8px; padding-left:25px}
.iridos-prd-wrap .iridos-prd-sec .lf-con .explain span:before{position:absolute; content:""; width:10px; height:2px; background-color:#e5e5e5; left:0; top:12px}
.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt{padding-top:15px}
.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt em{position:relative; display:block; font-weight:400; font-size:16px; color:#666; line-height:1.875; padding-left:35px}
.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt em:before{position:absolute; content:"\e92b"; font-family: xeicon; color:#243f8e; left:0; top:-3px; font-size:20px}
.iridos-prd-wrap .iridos-prd-sec .rt-con img{max-width:100%}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table{margin-top:20px}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl{width:100%}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr th,
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr td{text-align:center; letter-spacing:0; line-height:1.53}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr th{background-color:#173072; font-weight:500; font-size:16px; color:#fff; padding:10px 0}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr td{font-weight:400; font-size:15px; color:#000; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px 2%}
.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr td:last-child{border-right:0}

/* -------- BUSINESS ::  2ndary Battery -------- */
.battery-content{margin-top:100px}
/* Lead tab이란? */
.lead-tab-con{margin-top:75px}
.lead-tab-con .img{display:block; margin-top:30px}
.lead-tab-con .img img{max-width:100%}
.lead-tab-con .img-explain{text-align:center; margin-top:35px; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#333; line-height:1.5; word-break:keep-all}
/* 구조 및 원리 */
.battery-structure-con{margin-top:90px;}
.battery-structure-con .img{text-align:center; background-color:#eee; padding:85px 5% 60px; margin-top:30px}
.battery-structure-con .img img{max-width:100%}
/* nepes lead tab의 특징 */
.lead-tab-character{margin-top:95px}
.lead-tab-character .character-list{margin-top:130px}
.lead-tab-character .character-list li{float:left; width:25%; text-align:center; word-break:keep-all; padding:0 2%; box-sizing:border-box}
.lead-tab-character .character-list li .icon{}
.lead-tab-character .character-list li .tit{display:block; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#000; line-height:1.4; margin-top:35px}
.lead-tab-character .character-list li .sub-txt{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#000; line-height:1.5; margin-top:15px}
/* Application */
.battery-application-con{text-align:center; margin-top:120px}
.battery-application-con .img{margin-top:50px}
.battery-application-con .img img{max-width:100%}

/* -------- BUSINESS ::  Energy ::  ENC -------- */
.sub-tit-box .sub-txt.narrow-top{margin-top:40px}
.zigzag-img{margin-top:70px}
.zigzag-img > div{float:left; width:50%}
.zigzag-img > div img{max-width:100%}
.enc-txt-list{margin-top:80px}
.enc-txt-list li{border-top:1px solid #e5e5e5; padding:14px 0}
.enc-txt-list li:last-child{border-bottom:1px solid #e5e5e5}
.enc-txt-list li .tit,
.enc-txt-list li .txt,
.enc-txt-list li .img{display:inline-block; margin:0 -2px; vertical-align:middle; word-break:keep-all}
.enc-txt-list li .tit{width:18.5%; padding-left:3%;font-weight:500; font-size:30px; color:#000; line-height:1.46; letter-spacing:-2.5px}
.enc-txt-list li .txt{padding:0 2% 0 3.5%; width:48%; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#333; line-height:2.125}
.enc-txt-list li .img{width:25%}
.enc-txt-list li .img img{max-width:100%}

/* -------- BUSINESS ::  Energy ::  Smart film -------- */
/* SUPER LC */
.super-lc-con{margin-top:75px}
.super-lc-con .super-lc-img{margin:30px -0.7% 0}
.super-lc-con .super-lc-img li{float:left; width:48.6%; margin:0 0.7% 2%}
.super-lc-con .super-lc-img li img{max-width:100%}
.super-lc-con .super-lc-txt{text-align:center; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#333; line-height:2.125; word-break:keep-all}
/* SUPER LC의 구조 및 원리 */ 
.super-lc-structure{margin-top:160px}
.super-lc-structure .lc-structure-list{text-align:center; margin-top:35px}
.super-lc-structure .lc-structure-list li{display:inline-block; vertical-align:bottom; margin:0 5%; width:22%}
.super-lc-structure .lc-structure-list li:nth-child(2){width:26%}
.super-lc-structure .lc-structure-list li .img img{max-width:100%}
.super-lc-structure .lc-structure-list li .tit{margin-top:60px}
.super-lc-structure .lc-structure-list li .tit strong{display:block; font-weight:700; font-size:20px; letter-spacing:-0.5px; color:#000}
.super-lc-structure .lc-structure-list li .tit em{display:block; font-weight:400; font-size:16px; letter-spacing:-0.25px; color:#333; margin-top:20px}
.super-lc-structure .lc-structure-list li:nth-child(2) .tit{position:relative; margin-left:-80px}
/* SUPER LC의 특징 */ 
.super-lc-character{margin-top:170px; text-align:center}
.super-lc-character .lc-character-list{margin-top:85px; position:relative; left:40px}
.super-lc-character .lc-character-list li{display:inline-block; vertical-align:top; word-break:keep-all; text-align:center; margin:0 4%; }
.super-lc-character .lc-character-list li:nth-child(2) .icon{left:13px; position:relative}
.super-lc-character .lc-character-list li .tit{display:block; margin-top:30px; font-weight:700; font-size:20px; letter-spacing:-0.5px; color:#000}
.super-lc-character .lc-character-list li .sub-txt{font-weight:400; font-size:14px; letter-spacing:-0.25px; color:#333; line-height:1.4; margin-top:18px}
/* Application */ 
.super-lc-application{margin-top:170px}
.super-lc-application .lc-application-list{margin:35px -0.4% 0}
.super-lc-application .lc-application-list li {float:left; width:19.2%; margin:0 0.4%}
.super-lc-application .lc-application-list li a {display:block; width:100%; height:100%;}
.super-lc-application .lc-application-list li .img img{max-width:100%}
.super-lc-application .lc-application-list li .tit{text-align:center; font-weight:500; font-size:18px; letter-spacing:-0.5px; color:#000; line-height:1.5; word-break:keep-all; display:block; margin-top:20px}
.super-lc-application .lc-application-list li a .img {display:block; position:relative; }
.super-lc-application .lc-application-list li a:hover .off {opacity:0;filter:Alpha(opacity=0); }
.super-lc-application .lc-application-list li a:hover .on {opacity:1;filter:Alpha(opacity=100);}
.super-lc-application .lc-application-list li a .on {position:absolute; top:0; left:0; opacity:0;filter:Alpha(opacity=0); transition:all 0.4s ease-in-out;}
.super-lc-application .lc-application-list li a .off {opacity:1;filter:Alpha(opacity=100); transition:all 0.4s ease-in-out;}
/* ******************  R&D ********************** */
/* -------- R&D ::  R&D현황 -------- */
.rnd-state-content .sub-tit-box .sub-txt{margin-top:40px}
.rnd-state-img{margin-top:115px}
.rnd-state-img img{max-width:100%}
/* 하단 그래프 */
.rnd-state-graph{position:relative; padding:120px 0 100px}
.rnd-state-graph:after{position:absolute; content:""; width:100%; height:1000%; top:-58%; left:0; background-color:#f9f9f9; z-index:-1}
.rnd-state-graph .graph-list{margin:0 -0.875%}
.rnd-state-graph .graph-list li{float:left; width:46%; margin:0 0.875%}
.rnd-state-graph .graph-list li:nth-child(2){width:50.5%}
.rnd-state-graph .graph-list li .graph-tit{margin-bottom:40px}
.rnd-state-graph .graph-list li .graph-tit em{font-size:22px}
.rnd-state-graph .graph-list li .graph-img img{max-width:100%}

/* -------- R&D ::  R&D분야 :: 공통 -------- */
.rnd-field-content .sub-tit-box .tit.small{font-size:45px}
.rnd-field-content .sub-tab-style01 ul li a{color:#999}
.rnd-field-content .sub-tab-style01 ul li.selected a{color:#23408f; border-right:0}
.rnd-field-content .sub-tab-style01 ul li.selected a:before{position:absolute; content:""; width:1px; height:100%; background-color:#e5e5e5; right:0; top:0}
.rnd-con-wrapper{margin-top:90px}
.rnd-tab{margin-top:115px}
.rnd-tab .underline-tit{margin-bottom:50px}
.rnd-tab .underline-tit.small em{font-size:22px; font-weight:700}

/* 공통 :: 체크아이콘 텍스트 */
.rnd-tab .blue-check-txt{margin:40px 0 0 30px}
.rnd-tab .blue-check-txt li{position:relative; font-weight:400; font-size:16px; letter-spacing:-0.2px; color:#222; line-height:1.5; margin-bottom:10px; padding-left:27px}
.rnd-tab .blue-check-txt li:last-child{margin-bottom:0}
.rnd-tab .blue-check-txt li:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:0; color:#23408f}
.rnd-tab .blue-check-txt.check-list-03 li{float:left; width:calc(31.333% - 27px); padding-right:2%}
.rnd-tab .blue-check-txt.check-list-02 li{float:left; width:calc(48% - 27px); padding-right:2%}

/* -------- R&D ::  R&D분야 :: Electronic Devices -------- */
/*FOPLP  */
.img-border-box{border:3px solid #ebebeb; box-sizing:border-box; background-color:#fff; border-radius:12px; text-align:center}
.img-border-box img{max-width:100%}
.img-box-list{}
.img-box-list li .box-inner{padding:0 6.8%}
.img-box-list .lf-box{float:left; width:48.5%; margin-right:1.5%}
.img-box-list .lf-box .img-border-box{position:relative; padding:3%; height:418px}
.img-box-list .lf-box .img-border-box span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:94%; max-height:94%; width:100%}
.img-box-list .rt-box{float:right; width:50%}
.img-box-list .rt-box li .img{height:145px; position:relative;}
.img-box-list .rt-box li .img span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:100%}
.img-box-list .rt-box li .img span img{max-width:100%}
.img-box-list .rt-box li .tit{display:table; width:100%; height:47px; text-align:center; word-break:keep-all; border-top:1px solid #e5e5e5}
.img-box-list .rt-box li .tit em{display:table-cell; vertical-align:middle; font-weight:500; font-size:15px; letter-spacing:-0.75px; color:#234090; line-height:1.3; word-break:keep-all}
.img-box-list .rt-box .rt-box-top{margin:0 -1.5%}
.img-box-list .rt-box .rt-box-top li{float:left; width:30.333%; margin:0 1.5% 20px}
.img-box-list .rt-box .rt-box-bottom{margin:0 -1.5%}
.img-box-list .rt-box .rt-box-bottom li{float:left; width:47%; margin:0 1.5%}

/*FOWLP  */
.rnd-tab .only-img{text-align:center; background-color:#fff; border:3px solid #ebebeb; border-radius:15px; padding:65px 5%}
.rnd-tab .only-img img{max-width:100%}

/*WLP  */
.wlp-list-con .wlp-list{margin:0 -0.8% -1.6%}
.wlp-list-con .wlp-list li{float:left; width:31.7333%; margin:0 0.8% 1.6%}
.wlp-list-con .wlp-list li .box-inner{padding:60px 10px 30px}
.wlp-list-con .wlp-list li .box-inner .tit{margin-top:30px; font-weight:500; font-size:16px; letter-spacing:-0.25px; color:#000}
.wlp-list-con .wlp-list li .box-inner .tit. sup{font-size:11px}

/* -------- R&D ::  R&D분야 :: Electronic Materials -------- */
/* 탭 */
.sub-tab-style01.tab-06 ul li{width:16.666%}
.sub-tab-style01.tab-06 ul li a{line-height:1.55}

/* Negative Photoresist  */
.rnd-sub-txt{font-weight:500; font-size:18px; letter-spacing:-0.2px; color:#000; line-height:1.5; word-break:keep-all; margin-bottom:20px}
.img-detail-box{padding:60px 5%}
.img-detail-box > div{display:inline-block; vertical-align:middle; margin:0 -1px}
.img-detail-box .lf-con{width:40%}
.img-detail-box .rt-con{padding-left:4.5%; width:55.5%}
.img-detail-box .rt-con .detail-img-con{}
.img-detail-box .rt-con .detail-img-con li{float:left}
.img-detail-box .rt-con .detail-img-con.img-style-02 li{width:50%}
.img-detail-box .rt-con .detail-img-con li .detail-sec-tit{position:relative; display:table; width:100%; height:50px; text-align:center; background-color:#23408f}
.img-detail-box .rt-con .detail-img-con li .detail-sec-tit:after{position:absolute; content:""; width:1px; height:100%; background-color:#0b1b48; right:-1px; top:0}
.img-detail-box .rt-con .detail-img-con li .detail-sec-tit:last-child:after{display:none}
.img-detail-box .rt-con .detail-img-con li .detail-sec-tit em{font-weight:500; font-size:17px; letter-spacing:0; color:#fff; line-height:1.2; word-break:keep-all; vertical-align:middle; display:table-cell}
.img-detail-box .rt-con .detail-img-con li .detail-sec{float:left; width:50%; }
.img-detail-box .rt-con .detail-img-con li .detail-sec .tit{position:relative; display:table; width:100%; height:50px; background-color:#f7f7f7; }
.img-detail-box .rt-con .detail-img-con li .detail-sec .tit:after{position:absolute; content:""; width:1px; height:100%; background-color:#e5e5e5; right:0; top:0}
.img-detail-box .rt-con .detail-img-con li:last-child .detail-sec:last-child .tit:after{display:none}
.img-detail-box .rt-con .detail-img-con li .detail-sec .tit em{font-weight:500; font-size:16px; letter-spacing:0; color:#000; display:table-cell; vertical-align:middle}

/* Positive Photoresist  */
.img-detail-box .rt-con .detail-img-con.img-style-03 li{width:40%}
.img-detail-box .rt-con .detail-img-con.img-style-03 li:last-child{width:20%}
.img-detail-box .rt-con .detail-img-con.img-style-03 li:last-child .detail-sec{float:none; width:100%}

/* Photo-definable Dielectiric */
.photo-definable-con.img-detail-box .lf-con{width:36%}
.photo-definable-con.img-detail-box .rt-con{width:61.5%; padding-left:2.5%}

/* Bump PR Stripper */
.detail-gray-box{display:table; width:100%}
.detail-gray-box > div{padding:50px 3%; display:table-cell; vertical-align:middle}
.detail-gray-box .lf-con{width:69%}
.detail-gray-box .rt-con{background-color:#ebebeb; width:31%}

/* Cu / Ti Etchant */
.blue-check-wrap{margin-top:40px}
.blue-check-wrap .blue-check-sec{float:left; width:calc(50% - 17px); padding-left:17px}
.blue-check-wrap .blue-check-sec .blue-check-tit{display:block; font-weight:500; font-size:18px; letter-spacing:-0.2px; color:#000; margin-bottom:20px}
.rnd-tab .blue-check-wrap .blue-check-sec .blue-check-txt{margin:0}

/* Au Etchant */
.blue-check-wrap .blue-check-sec .blue-check-txt li .sm-txt{position:relative; display:block; color:#666; margin-top:5px; padding-left:13px}
.blue-check-wrap .blue-check-sec .blue-check-txt li .sm-txt:before{position:absolute; content:""; width:6px; height:2px; background-color:#e3e3e3; left:0; top:10px}

/* -------- R&D ::  R&D분야 :: Advanced Materials -------- */
/* Smart Window */
.half-img-con{padding:30px 0}
.half-img-con > div{display:inline-block; vertical-align:bottom; margin:0 -1px; width:50%; padding:25px 2% 20px; box-sizing:border-box}
.half-img-con > div:first-child{border-right:1px solid #e5e5e5}

/* Smart Window */ 
.cnt-img img{max-width:100%}

/* Industrial Filtration (Pre-filter) */
.blue-check-wrap.sec-03 .blue-check-sec{width:33.333%; box-sizing:border-box}
.blue-check-wrap.sec-03 .blue-check-sec:first-child{border-right:1px solid #e5e5e5}
.blue-check-wrap.sec-03 .blue-check-sec:last-child{border-left:1px solid #e5e5e5}
.blue-check-wrap.sec-03 .blue-check-sec:nth-child(n+2){padding-left:2.5%}


/* ******************  IR ********************** */
/* IR :: Overview */
.ir-page .sub-con-tit {margin-bottom: 45px;}
.ir-page .stock-top-content {margin-bottom: 125px;}
.ir-news-con-wrap {margin-top: 110px;}
.ir-news-con-wrap .sub-new-con a.sub-btn {width:195px; height:54px; font-size:15px; line-height:52px; margin-top:58px; }
.ir-news-con-wrap .sub-new-con a.sub-btn i {line-height:54px;}
/* IR :: 공시정보 */
.ir-page .ethical-group-info .tit-box {width:225px;}
.ir-page .ethical-group-info .group-info-inner .info-list {padding:0 25px 0 35px; width:100%;}
.ir-page .bbs-view-con {max-width:1400px; margin:0 auto;}



/* ******************  RECRUIT ********************** */

/* -------- RECRUIT :: 채용안내-------- */
/* -------- RECRUIT :: 채용안내 :: 채용절차 -------- */
/* 탭 */
.sub-tab-style01  ul{text-align:center; *zoom:1;}
.sub-tab-style01  ul:after{clear:both; content:""; display:block;}
.sub-tab-style01  ul li{float:left; position:relative; width:33.333%; position:relative; margin-left:-1px;}
.sub-tab-style01  ul li a{position:relative; display:table; width:100%; height:68px; color:#777; font-size:18px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  background-color:#fff; line-height:1.2; word-break:keep-all; font-weight:500; letter-spacing:-0.25px; transition:all 0.3s}
.sub-tab-style01  ul li a span{display:table-cell; vertical-align:middle}
.sub-tab-style01  ul li:first-child a{border-left:1px solid #e5e5e5;}
.sub-tab-style01  ul li a:hover{color:#23408f; }
.sub-tab-style01  ul li.selected{z-index:1;}
.sub-tab-style01  ul li.selected a{color:#23408f; border-color:#e5e5e5; border-bottom-color:#f8f8f8; background-color:#f8f8f8; font-weight:600}
.sub-tab-style01  ul li.selected a:after{position:absolute; content:""; top:-1px; left:0; width:100%; height:3px; background-color:#23408f}
.recruit-tab-content-wrapper{position:relative; margin-top:-1px; padding:85px 0 95px; border-top:1px solid #e5e5e5; background-color:#f8f8f8}
/* 절차 박스 */
.recruit-con-wrapper{margin-top:87px}
.process-box-list{text-align:center; margin:0 -1.4% -2.8%}
.process-box-list li{position:relative; display:inline-block; width:calc(30.5333% - 3px); margin:0 1.4% 2.8%; vertical-align:top}
.process-box-list li:after{position:absolute; content:""; width:20px; height:14px; background:url("../images/content/process_arrow_icon.png") no-repeat; background-size:cover !important; top:50%; left:50%; transform:translateY(-50%); margin-left:52.5%}
.process-box-list li:nth-child(3n):after,
.process-box-list.box-num-05 li:last-child:after{display:none}
.process-box-list li .inner-box{border:3px solid #ebebeb; background-color:#fff; border-radius:15px}
.process-box-list li .box-inner{text-align:left; padding:30px 7.5% 40px; word-break:keep-all}
.process-box-list li .box-inner .process-tit{border-bottom:1px solid #e5e5e5; padding-bottom:25px}
.process-box-list li .box-inner .process-tit .icon,
.process-box-list li .box-inner .process-tit .tit{display:inline-block; margin:0 -1px; vertical-align:middle}
.process-box-list li .box-inner .process-tit .icon{width:50px; padding-left:3.2%}
.process-box-list li .box-inner .process-tit .tit{font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#23408f; line-height:1.3; padding-left:12px; width:calc(96.8% - 62px)}
.process-box-list li .box-inner .proces-txt{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#555; line-height:1.875; margin-top:25px}
.process-box-list li .box-inner .proces-txt b{font-weight:600}
/* 절차 상세설명 */
.process-detail{margin-top:90px}
.process-detail .process-detail-list{border-top:2px solid #000}
.process-detail .process-detail-list li{border-bottom:1px solid #e5e5e5}
.process-detail .process-detail-list li .list-inner{display:table; width:94%; padding:50px 0 50px 6%}
.process-detail .process-detail-list li .list-inner .tit,
.process-detail .process-detail-list li .list-inner .txt{display:table-cell; vertical-align:middle}
.process-detail .process-detail-list li .list-inner .tit{width:180px; padding-right:2.5%; position:relative}
.process-detail .process-detail-list li .list-inner .tit:after{position:absolute; display:inline-block;  content: "\e92f"; font-family: xeicon; right:0; top:50%; transform:translateY(-50%) rotate(90deg); font-size:17px; color:#23408f}
.process-detail .process-detail-list li .list-inner .tit span{display:inline-block; font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#000}
.process-detail .process-detail-list li .list-inner .txt{padding-left:6.7%}
.process-detail .process-detail-list li .list-inner .txt p{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#555; line-height:1.5; word-break:keep-all; margin-bottom:10px}
.process-detail .process-detail-list li .list-inner .txt p:last-child{margin-bottom:0}
.process-detail .process-detail-list li .list-inner .txt p b,
.process-detail .process-detail-list li .list-inner .txt p em{display:inline-block; margin:0 -1px; vertical-align:top}
.process-detail .process-detail-list li .list-inner .txt p b{font-weight:600; color:#000; width:95px}
.process-detail .process-detail-list li .list-inner .txt p em{width:calc(100% - 95px)}
.process-detail .process-detail-list li .list-inner .txt .small-txt{display:block; font-size:14.5px; color:#777; line-height:1.93; padding:12px 0 3px}
.process-detail .process-detail-list li .list-inner .txt .small-txt b{position:relative; display:block; width:calc(100% - 16px); font-weight:400; color:#777; padding-left:16px}
.process-detail .process-detail-list li .list-inner .txt .small-txt b:before{position:absolute; content:""; width:8px; height:2px; background-color:#e1e1e1; left:0; top:11px; }

/* -------- RECRUIT :: 채용안내 :: FAQ -------- */
.recruit-faq-content .top-search-box{margin-bottom:0}
.recruit-faq-content .board-search-box-style03{margin-top:120px}

/* -------- RECRUIT ::  인사제도 -------- */
/* -------- RECRUIT :: 인사제도 :: 인재상 -------- */
.talent-org{text-align:center; margin-top:60px}
.talent-org img{max-width:100%}
.talent-org img.pc-img{display:inline-block;}
.talent-org img.mb-img{display:none}
.talent-bottom{text-align:center; border-top:1px solid #e5e5e5; padding-top:85px; margin-top:115px}
.talent-bottom .talent-bt-circle{}
.talent-bottom .talent-bt-circle li{position:relative; display:inline-block; vertical-align:top; width:258px;}
.talent-bottom .talent-bt-circle li:first-child{margin-right:35px}
.talent-bottom .talent-bt-circle li:first-child:after{position:absolute; display:inline-block;  content: "\e913"; font-family: xeicon; right:-50px; top:50%; transform:translateY(-50%); font-weight:600; font-size:29px; color:#000}
.talent-bottom .talent-bt-circle li:last-child{margin-left:35px}
.talent-bottom .talent-bt-circle li span img{max-width:100%}
.talent-bottom .talent-bt-txt{font-weight:400; font-size:20px; color:#000; line-height:2; word-break:keep-all; margin-top:50px}
.talent-bottom .talent-bt-txt b{font-weight:600}

/* -------- RECRUIT :: 인사제도 :: 인재양성 -------- */
.training-box-con{margin-top:70px}
.training-box-list{margin:0 -1% -40px}
.training-box-list li{float:left; width:calc(31.333% - 24px); margin:0 1% 40px; background-color:#eee; padding:12px; border-radius:20px}
.training-box-list li .inner-box{background-color:#fff; border-radius:10px}
.training-box-list li .inner-box .inner{display:table; width:100%; height:180px}
.training-box-list li.high-box .inner-box .inner{height:255px}
.training-box-list li .tit{display:table; margin-bottom:10px; width:100%; height:60px; text-align:center; line-height:1.4; word-break:keep-all; }
.training-box-list li .tit em{display:table-cell; vertical-align:middle; font-weight:700; font-size:20px; letter-spacing:-0.5px; color:#333;}
.training-box-list li .training-inner{padding:10px 10% 10px 13%; display:table-cell; vertical-align:middle}
.training-box-list li .training-inner  span{display:block; position:relative; font-weight:400; font-size:16px; letter-spacing:-0.45px; color:#444; line-height:1.5; word-break:keep-all; margin-bottom:10px; padding-left:18px}
.training-box-list li .training-inner  span:last-child{margin-bottom:0}
.training-box-list li .training-inner  span:before{position:absolute; content:""; width:6px; height:2px; background-color:#dcdcdc; top:10px; left:0}
/* 이미지 있는 큰 박스 */
.training-box-list li.wide-con{width:calc(64.666% - 24px)}
.training-box-list li.wide-con .training-inner{padding:15px 5.8%}
.training-box-list li.wide-con .training-inner > div{display:inline-block; vertical-align:middle; margin:0 -1px}
.training-box-list li.wide-con .lf-txt{padding-right:3%; width:64%}
.training-box-list li.wide-con .lf-txt .wide-con-txt{margin-bottom:20px}
.training-box-list li.wide-con .lf-txt .wide-con-txt:last-child{margin-bottom:0}
.training-box-list li.wide-con .lf-txt .wide-con-txt dt{font-weight:600; font-size:17px; letter-spacing:0; color:#222}
.training-box-list li.wide-con .lf-txt .wide-con-txt dd{margin-top:10px}
.training-box-list li.wide-con .rt-img{width:33%}
.training-box-list li.wide-con .rt-img img{max-width:100%}


/* 회색배경 이미지리스트 */
.welfare-img-banner{background-color:#f8f8f8; margin-top:80px; padding:60px 0}
.welfare-img-banner .img-list{position:relative; text-align:center; margin:0 -1.2%}
.welfare-img-banner .img-list:before,
.welfare-img-banner .img-list:after{position:absolute; content:""; background-size:cover !important}
.welfare-img-banner .img-list:before{background:url("../images/content/welfare_shape_01.png") no-repeat; top:-85px; left:-95px; width:196px; height:177px}
.welfare-img-banner .img-list:after{background:url("../images/content/welfare_shape_02.png") no-repeat; bottom:-170px; right:-80px; width:259px; height:259px}
.welfare-img-banner .img-list li{display:inline-block; vertical-align:top; width:27%; margin:0 1.2%; position:relative; z-index:1}
.welfare-img-banner .img-list li img{max-width:100%}

/* 아이콘 박스 */
.welfare-box{margin-top:125px}
.welfare-box-con{margin-bottom:118px}
.welfare-box-con:last-child{margin-bottom:0}
.welfare-box-wrap{margin-top:50px}
.welfare-box-list{margin-bottom:25px}
.welfare-box-list:last-child{margin-bottom:0}
.welfare-box-list li{float:left; width:25%; border:1px solid #e5e5e5; border-right:0; box-sizing:border-box; text-align:center}
.welfare-box-list.list-5 li{width:20%}
.welfare-box-list.list-2 li{width:50%}
.welfare-box-list li:last-child{border-right:1px solid #e5e5e5}
.welfare-box-list li .inner{word-break:keep-all; padding:33px 5%}
.welfare-box-list li .inner .icon{}
.welfare-box-list li .inner .tit{position:relative; display:block; font-weight:600; font-size:20px; letter-spacing:-0.25px; color:#000; line-height:1.4; padding-top:50px}
.welfare-box-list li .inner .tit:after{position:absolute; content:""; width:20px; height:3px; background-color:#f8a71a; top:15px; left:50%; transform:translateX(-50%)}
.welfare-box-list li .inner .sub-txt{font-weight:400; font-size:15px; letter-spacing:-0.25px; color:#555; line-height:1.733; margin-top:15px}
.welfare-box-list.list-2 li .inner .sub-txt{min-height:50px}

/* -------- RECRUIT :: 직무소개 -------- */
.position-page .bbs-thumb-info-con:before {content:""; width:82px; height:82px; display:block; position:absolute; right:0; top:50%; margin-top:-41px; border-radius:50%; background: #f8a71a url("/images/icon/play_icon_w.png") center no-repeat;}


/* ******************  CSR ********************** */
/* -------- CSR :: 사회공헌 활동-------- */
/* 상단 텍스트 */
.social-contribution-top{text-align:center}
.sub-tit-box .sub-txt{margin-top:70px; word-break:keep-all}
.sub-tit-box .sub-txt span{display:block; font-weight:600; font-size:30px; letter-spacing:-0.5px; color:#333; line-height:1.4; word-break:keep-all}
.sub-tit-box .sub-txt span b{color:#23408f}
.sub-tit-box .sub-txt span b.yellow{color:#f8a71a}
.sub-tit-box .sub-txt p{margin-top:30px; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#333; line-height:1.77}

/* 나눔 문화 확산 */
.social-contribution-spread{background:url("../images/content/contribution_spread_bg.jpg") no-repeat 50% 0; background-size:cover; text-align:center; padding:100px 0; margin-top:70px}
.social-contribution-spread .spread-tit{display:inline-block; position:relative; font-weight:600; font-size:47.91px; color:#fff; letter-spacing:-0.75px; padding:0 65px; margin-bottom:65px; line-height:1.3}
.social-contribution-spread .spread-tit:before,
.social-contribution-spread .spread-tit:after{position:absolute; font-weight:600; color:#f8a71a; font-size:73.42px; top:12px}
.social-contribution-spread .spread-tit:before{content:"“"; left:0}
.social-contribution-spread .spread-tit:after{content:"”"; right:0}
.social-contribution-spread .spread-circle img{max-width:100%}

/* 신규입사자 커리큘럼 구성 */
.ojt-curriculum{margin-top:95px}
.ojt-curriculum .ojt-curriculum-tit{text-align:center; font-weight:600; font-size:30px; letter-spacing:-0.5px; color:#000; line-height:1.5; word-break:keep-all}
.ojt-curriculum .ojt-curriculum-tit b{position:relative; display:inline-block; }
.ojt-curriculum .ojt-curriculum-tit b:after{position:absolute; content:""; width:100%; height:2px; background-color:#000; bottom:2px; left:0}
.curriculum-box{margin:70px -1.5% 0}
.curriculum-box li{float:left; width:30.333%; margin:0 1.5%}
.curriculum-box li .inner-box{border:3px solid #ebebeb; border-radius:15px}
.curriculum-box li .inner{padding:30px 9.4%}
.curriculum-box li .curriculum-txt{word-break:keep-all}
.curriculum-box li .curriculum-txt .tit{font-weight:600; font-size:20px; letter-spacing:-0.75px; color:#23408f; line-height:1.4; display:block; border-bottom:1px solid #e5e5e5; padding-bottom:28px}
.curriculum-box li .curriculum-txt .txt{margin-top:25px}
.curriculum-box li .curriculum-txt .txt p{position:relative; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#444; line-height:2; padding-left:18px}
.curriculum-box li .curriculum-txt .txt p:before{position:absolute; content:""; width:5px; height:2px; left:0; top:15px; background-color:#dcdcdc}


/* -------- CSR :: 나눔 문화-------- */
/* 상단 텍스트 */
.sharing-culture-top .sub-tit-box .tit{letter-spacing:-1.8px}

/* n나눔씨앗 */
/* n나눔씨앗 :: 상단텍스트*/
.sharing-sec-tit{text-align:center; word-break:keep-all}
.sharing-sec-tit .tit{position:relative; display:inline-block; font-weight:600; font-size:24px; letter-spacing:-0.25px; color:#000}
.sharing-sec-tit .tit:after{position:absolute; content:""; width:100%; height:1px; background-color:#000; left:0; bottom:-1px}
.sharing-sec-tit .sub-txt{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#000; line-height:2.22; margin-top:50px}
/* n나눔씨앗 :: 조직도 원*/
.sharing-seed{margin-top:110px}
.sharing-seed .sharing-seed-circle{text-align:center; margin-top:75px}
.sharing-seed .sharing-seed-circle li{position:relative; display:inline-block; width:212px; margin:0 37px}
.sharing-seed .sharing-seed-circle li:first-child:after{position:absolute; display:inline-block;  content: "\e913"; font-family: xeicon; right:-55px; top:50%; font-size:30px; font-weight:600; color:#000}
.sharing-seed .sharing-seed-circle li .circle-tit{display:block; font-weight:600; font-size:24px; letter-spacing:-0.5px; color:#23408f; margin-bottom:20px;}
.sharing-seed .sharing-seed-circle li:nth-child(2) .circle-tit{color:#4195ad}
.sharing-seed .sharing-seed-circle li .circle{width:212px; height:212px; border-radius:50%; background-color:#23408f; display:table; box-shadow:0px 0px 24px 2px rgba(0,0,0,0.08)}
.sharing-seed .sharing-seed-circle li:nth-child(2) .circle{background-color:#4195ad}
.sharing-seed .sharing-seed-circle li .circle .circle-inner{display:table-cell; vertical-align:middle}
.sharing-seed .sharing-seed-circle li .circle .circle-inner p{color:#fff; font-weight:600; font-size:26px; letter-spacing:-0.5px;}
.sharing-seed .sharing-seed-circle li .circle .circle-inner span{color:#fff; font-weight:400; font-size:18px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; margin-top:20px; display:block}
/* n나눔씨앗 :: 나눔씨앗 정보*/
.sharing-seed-info{border-top:2px solid #000; margin-top:80px}
.sharing-seed-info .seed-info-list{border-bottom:1px solid #e5e5e5}
.sharing-seed-info .seed-info-list .info-tit,
.sharing-seed-info .seed-info-list .info-txt{display:inline-block; margin:0 -1px; vertical-align:middle; padding:35px 0}
.sharing-seed-info .seed-info-list .info-tit{position:relative; width:320px; font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#000;}
.sharing-seed-info .seed-info-list .info-tit span{display:inline-block; padding-left:100px}
.sharing-seed-info .seed-info-list .info-tit:after{position:absolute; display:inline-block;  content: "\e92f"; font-family: xeicon; right:0; top:50%; font-size:17px; color:#23408f; transform:translateY(-50%) rotate(90deg)}
.sharing-seed-info .seed-info-list .info-txt{padding-left:6.8%; width:calc(93.2% - 320px); font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#555; line-height:2.18; word-break:keep-all}

/* 봉사동호회 */
.volunteer-club{margin-top:155px}
.volunteer-club .volunteer-club-inner{margin-top:60px}
.volunteer-club .volunteer-club-list{margin:0 -0.8%}
.volunteer-club .volunteer-club-list li{float:left; width:48.4%; margin:0 0.8%}
.volunteer-club .volunteer-club-list li .volunteer-img img{max-width:100%}
.volunteer-club .volunteer-club-list li .volunteer-txt{position:relative; background-color:#fff; text-align:center; width:90%; margin:-67px auto 0}
.volunteer-club .volunteer-club-list li .volunteer-txt .volunteer-txt-inner{padding:34px 15px 0; word-break:keep-all}
.volunteer-club .volunteer-club-list li .volunteer-txt .tit{font-weight:700; font-size:24.46px; color:#000; line-height:1.4;}
.volunteer-club .volunteer-club-list li .volunteer-txt .sub-txt{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#555; line-height:1.875; margin-top:20px}
.volunteer-club .volunteer-club-list li .volunteer-txt .sub-txt b{font-weight:600; color:#23408f}


/* -------- CSR :: 사회공헌 뉴스-------- */
/* 상단 메인 뉴스 */
.main-news-con{position:relative; padding:70px 0 0}
.main-news-con:after{position:absolute; content:""; width:100%; height:350px; background-color:#f8f8f8; ; left:0; top:0; z-index:-1}
.main-news-con .main-news-txt{float:left; width:54.8%; padding-right:5%}
.main-news-con .main-news-txt a{display:block}
.main-news-con .main-news-txt a .news-date{font-weight:600; font-size:16px; letter-spacing:-0.5px; color:#23408f}
.main-news-con .main-news-txt a .news-tit{font-weight:600; font-size:33px; letter-spacing:-1px; color:#222; line-height:1.4; margin-top:30px; display:block; transition:all 0.3s}
.main-news-con .main-news-txt a .news-txt{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#888; line-height:1.875; word-break:keep-all; height:5.7em; overflow:hidden; margin-top:30px}
.main-news-con .main-news-img{float:left; width:40.2%}
.main-news-con .main-news-img span {position:relative; padding-top:61.98%; display:block;}
.main-news-con .main-news-img span img{position:absolute; top:0; left:0; width:100%; height:100%}
.main-news-con  .news-slide .slick-arrow{position:absolute; bottom:0; right:0; background-color:#fff; z-index:2000; width:103px; height:65px; color:#000;}
.main-news-con  .news-slide .slick-arrow.slick-disabled { color:rgba(0,0,0,0.25); cursor:default;}
.main-news-con  .news-slide .slick-arrow.slick-prev{margin-right:103px;}
.main-news-con  .news-slide .slick-arrow.slick-prev:after{position:absolute; content:""; width:1px; height:21px; background-color:#e5e5e5; right:0; top:27px}
.main-news-con  .news-slide .slick-arrow i{font-size:24px; line-height:68px}
@media all and (min-width:801px){	
	.main-news-con .main-news-txt a:hover .news-tit{color:#23408f}
}

/* 뉴스 리스트 */
.sub-new-con{margin-top:115px}
.bbs-basic-gallery-con05 .gallery-list li.news-list-tit{}
.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .logo{}
.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .tit{position:relative; display:block; font-weight:600; font-size:31.83px; letter-spacing:-0.65px; color:#222; margin-top:13px; padding-bottom:59px}
.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .tit:after{position:absolute; content:""; width:33px; height:4px; background-color:#222; left:0; bottom:0}




/* ******************  윤리경영 ********************** */
.ethics-con-wrapper{margin-top:95px}
/* -------- 윤리경영 :: 윤리경영 소개-------- */
/* 상단텍스트 */
.ethics-notice-top .sub-tit-box .sub-txt p{line-height:2.22}

/* 윤리경영 추진방향 */
.underline-tit{display:block; text-align:center}
.underline-tit em{position:relative; display:inline-block; font-weight:600; font-size:24px; letter-spacing:-0.25px; color:#000}
.underline-tit em:after{position:absolute; content:""; width:100%; height:2px; background-color:#000; left:0; bottom:-3px}
.ethics-direction{margin-top:100px}
/* 윤리경영 추진방향 :: inthanks */
.inthanks-con{background-color:#f8f8f8; text-align:center; padding:80px 0; margin-top:50px}
.inthanks-con .inthanks-con-tit{font-weight:600; font-size:32px; letter-spacing:-0.5px; color:#333; line-height:1.4; word-break:keep-all}
.inthanks-con .inthanks-con-tit b{color:#23408f}
.inthanks-con .inthanks-con-inner{position:relative; margin:80px -40px 0}
.inthanks-con .inthanks-circle{display:inline-block; width:506px; margin:0 40px; vertical-align:top}
.inthanks-con .inthanks-circle .circle-img{position:relative; display:inline-block; box-shadow:5px 5px 21px 2px rgba(0,0,0,0.18); border-radius:50%}
.inthanks-con .inthanks-circle .circle-img:after{position:absolute; position:absolute; content:""; width:76px; height:13px; background:url("../images/content/inthanks_circle_line.png") no-repeat; background-size:cover !important; top:50%; margin-top:-2px;}
.inthanks-con .inthanks-circle.lf-circle .circle-img:after{right:-69px; transform:rotate(180deg)}
.inthanks-con .inthanks-circle.rt-circle .circle-img:after{left:-69px}
.inthanks-con .inthanks-circle .circle-img img{max-width:100%}
.inthanks-con .inthanks-circle .circle-txt{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:1.77; word-break:keep-all; margin-top:40px}
.inthanks-con .inthanks-circle .circle-txt b{font-weight:600}
.inthanks-con .inthanks-logo{position:absolute; left:50%; top:33%; transform:translateX(-50%);  width:320px; z-index:9}
.inthanks-con .inthanks-logo span{display:inline-block;}
.inthanks-con .inthanks-logo span img{max-width:100%}
/* 윤리경영 추진방향 :: 박스 */
.ethics-direction-box .ojt-curriculum{margin-top:55px}
.ethics-direction-box .curriculum-box{margin-top:0}

/* 윤리위원회 구성 및 기능 */
/* 윤리위원회 구성 및 기능 :: 조직도 */
.ethics-org-fuction{margin-top:150px}
.ethics-org-fuction .ethics-org{position:relative; text-align:center; margin-top:50px}
.ethics-org-fuction .ethics-org:after{position:absolute; content:""; width:100%; height:41%; box-shadow:2px 3px 20px 1px rgba(0,0,0,0.08); left:0; top:50%; margin-top:-5.6%; border-radius:10px}
.ethics-org-fuction .ethics-org img{max-width:100%; }
/* 윤리위원회 구성 및 기능 :: 기능 */
.ethics-org-fuction .ethics-fuction{margin-top:95px; word-break:keep-all}
.ethics-org-fuction .ethics-fuction .tit{float:left; width:200px; font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#000;}
.ethics-org-fuction .ethics-fuction .txt-list{float:left; padding-left:2.8%; width:calc(97.2% - 200px)}
.ethics-org-fuction .ethics-fuction .txt-list span{position:relative; display:block; float:left; width:calc(48% - 35px); padding:0 2% 0 35px; font-weight:400; font-size:16px; letter-spacing:-0.25px; color:#333; line-height:1.5; margin-bottom:10px}
.ethics-org-fuction .ethics-fuction .txt-list span:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:-3px; color:#23408f; font-size:22px}


/* -------- 윤리경영 :: 윤리규정-------- */
/* 윤리강령 */
.code-of-ethics{}
.code-of-ethics .code-ethics-con{background-color:#f8f8f8;width:90%;margin:70px auto 0; padding:75px 0;text-align:center;}
.code-of-ethics .code-ethics-con .code-inner{}
.code-of-ethics .code-ethics-con .code-inner > div{display:inline-block; margin:0 -1px; vertical-align:middle}
.code-of-ethics .code-ethics-con .code-inner .code-img{width:235px; padding:0 5% 0 3%}
.code-of-ethics .code-ethics-con .code-inner .code-txt{width:calc(86.3% - 235px); padding-left:5.7%; border-left:1px solid #d3d3d3; box-sizing:border-box;text-align:left;}
.code-of-ethics .code-ethics-con .code-inner .code-txt p{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:2.05; word-break:keep-all; margin-bottom:22px}
.code-of-ethics .code-ethics-con .code-inner .code-txt p:last-child{margin-bottom:0}
.code-of-ethics .code-ethics-con .code-inner .code-txt p b{font-weight:600}

/* 윤리규정 */
.ethics-rules{margin-top:130px}
.ethics-rules .ethics-rules-inner{text-align:center; margin-top:70px}
.ethics-rules .ethics-rules-inner img{max-width:100%}
.ethics-rules .ethics-rules-inner img.pc-img{display:inline-block}
.ethics-rules .ethics-rules-inner img.mb-img{display:none}

/* 윤리규정 실천지침서 */
.practice-guide{margin-top:150px}
/* 상단텍스트 체크 아이콘 */
.sub-tit-box .sub-txt p .check-list{display:block; margin:15px 0}
.sub-tit-box .sub-txt p .check-list em{display:inline-block; position:relative; font-weight:600; color:#000; padding-left:27px; margin-right:20px}
.sub-tit-box .sub-txt p .check-list em:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:-5px; font-size:24px; color:#254091}
.sub-tit-box .sub-txt p .check-list em:last-child{margin-right:0}
/* 텍스트 박스 :: 2개씩 나열된 스타일 */
.curriculum-box.list-02{margin:70px -0.4% 0}
.curriculum-box.list-02 li{margin:0 0.4% 0.8%; width:49.2%}
.curriculum-box.list-02 li .inner{padding:47px 5.8% 20px 6%}
.curriculum-box.list-02 li .curriculum-txt .tit{font-size:24px}
.curriculum-box.list-02 li .curriculum-txt .tit b,
.curriculum-box.list-02 li .curriculum-txt .tit span{display:inline-block; margin:0 -1px; vertical-align:top}
.curriculum-box.list-02 li .curriculum-txt .tit b{font-weight:800; padding-right:8px; width:30px}
.curriculum-box.list-02 li .curriculum-txt .tit span{font-weight:500; width:calc(100% - 38px)}
.curriculum-box.list-02 li .curriculum-txt .txt span{display:block; font-weight:400; font-size:15px; letter-spacing:-0.25px; color:#555; line-height:1.86; word-break:keep-all}

/* 내부고발자 보호 규정 */
.whistle-blower{margin-top:140px}
.whistle-blower .btn-con{text-align:center; margin:50px -0.9% 0}
.btn-con .sub-blue-btn{float:left; width:23.2%; margin:0 0.9%}
.sub-blue-btn{height:63px; display:table; background-color:#23408f; color:#fff; text-align:left}
.sub-blue-btn span{display:table-cell; vertical-align:middle; padding:0 9.3%}
.sub-blue-btn span em{line-height:1.3; word-break:keep-all; font-weight:400; color:#fff; font-size:18px; letter-spacing:-0.5px; width:calc(100% - 25px); padding-right:5px; display:inline-block; vertical-align:middle}
.sub-blue-btn span i{font-size:20px; transform:rotate(180deg); width:19px; color:#fff; vertical-align:middle}



/* -------- 윤리경영 :: 비윤리 제보하기 -------- */
/* 상단배너 */
.unethical-info-top{display:table; width:100%; height:310px; background:url("../images/content/unethical_info_top.jpg") no-repeat 50% 0; background-size:cover !important; text-align:center}
.unethical-info-top .inner{display:table-cell; vertical-align:middle; padding:0 15px}
.unethical-info-top .inner p{max-width:80%;margin:0 auto;font-weight:600; font-size:27px; letter-spacing:-0.5px; color:#fff; line-height:1.77}

/* 주의사항 */
.unethical-caution{text-align:center; margin-top:67px}
.unethical-caution .caution-icon{}
.unethical-caution .caution-txt{max-width:80%;margin:0 auto;font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#444; line-height:2.05; word-break:keep-all; margin-top:30px}

/* 네패스 윤리위원회 */
.ethical-group-info{margin-top:80px}
.ethical-group-info .group-info-inner{padding:25px 4.1% 25px 3.1%; border:1px solid #ebebeb}
.ethical-group-info .group-info-inner .tit,
.ethical-group-info .group-info-inner .info-list,
.ethical-group-info .group-info-inner .btn-wrap{display:inline-block; margin:0 -1px; vertical-align:middle}
.ethical-group-info .group-info-inner .tit{font-weight:600; font-size:24px; letter-spacing:-0.25px; color:#000; width:225px}
.ethical-group-info .group-info-inner .info-list{border-left:1px solid #ebebeb; box-sizing:border-box; padding:25px 3% 5px 4.8%; width:calc(99% - 420px)}
.ethical-group-info .group-info-inner .info-list p {line-height:1.85; word-break:keep-all; font-size:16px; margin-bottom:15px}
.ethical-group-info .group-info-inner .info-list p:last-child{margin-bottom:0}
.ethical-group-info .group-info-inner .info-list p span{display:inline-block; margin-bottom:15px}
.ethical-group-info .group-info-inner .info-list p span:first-child{margin-right:30px}
.ethical-group-info .group-info-inner .info-list p b{font-weight:500; color:#464646; display:inline-block; padding-right:12px; width:100px; vertical-align:top}
.ethical-group-info .group-info-inner .info-list p em{font-weight:400; letter-spacing:-0.5px; color:#555; display:inline-block; width:calc(100% - 24px)}
.ethical-group-info .group-info-inner .btn-wrap .sub-blue-btn{width:198px; height:48px}
.ethical-group-info .group-info-inner .btn-wrap .sub-blue-btn span em{font-size:16px}
.ethical-group-info .group-info-inner .btn-wrap .sub-blue-btn span i{font-size:18px}


/* 공통 탭 */
.sub-cm-tab-wrapper.sub-3dep-tab-wrapper{height:55px; margin-bottom: 65px;}
.sub-3dep-cm-style ul{text-align: center;}
.sub-3dep-cm-style ul li{margin: 0 4px; display: inline-block; position:relative; width:20%; background-color:#fff;}
.sub-3dep-cm-style ul.col-3 li{width: 245px;}
.sub-3dep-cm-style ul li a{display:table; height:53px; width:100%; border:1px solid #c9c9c9; background-color: #f2f2f2;}
.sub-3dep-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:17px; line-height: 1.3; letter-spacing:-0.25px; text-align:center;}
.sub-3dep-cm-style ul li.selected{z-index:1;}
.sub-3dep-cm-style ul li.selected a{background-color:#fff; border-color:#000;}
.sub-3dep-cm-style .cm-tab-m-btn{display:none;}