/* layer popup */
#ipop1 { font-size: 13px; }
#ipop1 p { font-size: 0; }
#ipop1 span.float_left { float: left; line-height: 30px; }
#ipop1 span.float_left input { width: 14px; height: 14px; margin: 0 5px; vertical-align: middle; }
#ipop1 span.float_right a {float: right; padding: 0 10px; height: 30px; line-height: 30px; color: #fff; background: #222; vertical-align: top;}


/* title/h2 */
h2 { padding: 65px 0 35px; text-align: center; font-size: 3.7rem; font-weight: 800; letter-spacing: -2px;}
h2 span { display: block; color:#bdbdbd; font-size: 1.6rem; font-weight: 400; letter-spacing: 0;}

@media all and (max-width: 1000px) {
  h2 { padding: 40px 0 20px; font-size: 2.8rem; }
  h2 span { font-size: 1.4rem; }
}

/* slide */
.idx_top_wrap {	position: relative;	width: 100%; min-width: 1200px; height: 930px; margin: 0 auto;}
.idx_bg_wrap  { position: relative;	width: 100%; z-index: 0;}
.idx_bg_wrap .bg {position: relative;	height:930px;	background-repeat: no-repeat;	background-position: 50% 50%;	background-size: cover;}
.idx_bg_wrap .bg1 {	background-image: url("/img/index/idx_slide1.jpg");}
.idx_bg_wrap .bg2 {	background-image: url("/img/index/idx_slide2.jpg");}
.idx_bg_wrap .bg3 {	background-image: url("/img/index/idx_slide3.jpg"); background-position: right bottom;}
.idx_top_text {	position: absolute;	top: 330px;	width: 100%; text-align: center; color: #fff; letter-spacing: -1px;}
.idx_top_text strong {display: block;	margin-bottom: 5px;	font-size: 7.5rem; font-weight: 800; letter-spacing: -2.2px;}
.idx_top_text strong.s {font-size: 5.5rem; font-weight: 800; letter-spacing: -2.2px;}
.idx_top_text span { display:block; line-height: 140%; 	}
.idx_top_text span.top { font-size: 3.4rem; font-weight: 700;	}
.idx_top_text span.bottom {	 font-size: 3rem; }

.idx_bg_pager {	position: absolute;	bottom: 350px; width: 100%; font-size: 0; text-align: center; z-index: 9999;}
.idx_bg_pager a {	display: inline-block; width: 60px;	height: 5px; background: #fff; margin-right: 10px; border-radius: 5px;}
.idx_bg_pager a.active {background: #f55e24;}

@media all and (max-width: 1000px) {
  .idx_top_wrap {	min-width: 100%; height: 620px;}
  .idx_bg_wrap  { height: 620px;}
  .idx_bg_wrap .bg {height:620px;	background-position: 50% bottom;}
  .idx_bg_wrap .bg3 {	background-position: 90% bottom;}
  .idx_top_text {	top: 220px; padding: 0 20px;}
  .idx_top_text strong {font-size: 4rem; letter-spacing: -1.5px;}
  .idx_top_text strong.s {font-size: 3rem; letter-spacing: -1px;}
  .idx_top_text span.top { font-size: 2rem;}
  .idx_top_text span.bottom {	margin-top: 7px; font-size: 1.7rem; }
  .idx_bg_pager { bottom: 50px;	}
  .idx_bg_pager a {	width: 40px; }
}

/* 적용산업분야
.idxB { position: relative; width: 100%; margin-bottom: 70px; padding-bottom: 80px; background-color:rgba(0,0,0,0.04);}
.idxB > div { width: 1200px; margin: 0 auto; }
.idxB > div.linkhidden { height: 670px; overflow: hidden; }
.idxB > div ul { width: 100%;}
.idxB > div ul li { position: relative; display: inline-block; width: 23%; margin: 0 0 30px 2.25%; background: #fff; text-align: center; vertical-align: top; background: #000; border: solid 1px #e7e7e7;}
.idxB > div ul li:nth-child(4n+1)  { margin-left: 0;}
.idxB > div ul li img  { width: 100%; opacity: 0.4; }
.idxB > div ul li span { display: block; height: 90px; padding: 15px; font-size: 1.9rem; font-weight: 500; background: #fff;}
.idxB > div ul li .btn_view { display: table; position: absolute; right:0; bottom:0; width: 40px; height: 40px; padding: 7px; background:#b2b2b2 url("/img/comm/arr_white_r.png") no-repeat 50% 50%; cursor:pointer; z-index: 10;}
.idxB > div ul li:hover { box-shadow: 0px 0px 5px 7px rgb(0,0,0,0.07); border: solid 2px #f55e24; }
.idxB > div ul li:hover img { opacity: 1; transition: 0.7s;}
.idxB > div ul li:hover .btn_view { background-color: #f55e24; transition: 0.7s;}
.idxB > div ul li:hover span { font-weight: 700;}
.idxB > div .btn_more { display: table; position: absolute; left:50%; bottom:-32px; transform: translate(-50%, 0%); margin: 15px auto; padding: 10px 50px 10px 20px; font-family: 'Pretendard'; font-weight: bold; font-size: 1.7rem; color: #fff; background:#f55e24 url("/img/comm/arr_white_b.png") no-repeat 80% 50%;  border-radius: 20px; cursor:pointer;}
*/

/* 적용산업분야 2024.08.27 수정*/
.idxB { position: relative; width: 100%; margin-bottom: 70px; padding-bottom: 80px; background-color:rgba(0,0,0,0.04);}
.idxB > div { width: 1200px; margin: 0 auto; }
.idxB > div.linkhidden { height: 670px; overflow: hidden; }
.idxB > div ul { width: 100%;}
.idxB > div ul li { position: relative; display: inline-block; width: 23%; margin: 0 0 30px 2.25%; background: #fff; text-align: center; vertical-align: top; background: #000; border: solid 1px #e7e7e7;}
.idxB > div ul li:nth-child(4n+1)  { margin-left: 0;}
.idxB > div ul li img  { width: 100%; opacity: 0.4; }
.idxB > div ul li span { display: block; height: 90px; padding: 15px; font-size: 1.9rem; font-weight: 500; background: #fff;}
.idxB > div ul li:hover { box-shadow: 0px 0px 5px 7px rgb(0,0,0,0.1);}
.idxB > div ul li:hover img { opacity: 1; transition: 0.7s;}
.idxB > div ul li:hover span { font-weight: 700;}
.idxB > div a.btn_inquiry { position: absolute; left:0; bottom:0; width: 34px; height: 34px; font-size: 1.6rem; color: #fff; background: #f5b96b url(/img/comm/ico_inquiry.png) no-repeat 50% 50%;}
.idxB > div a.btn_inquiry:hover {background-color: #f55e24;}
.idxB > div .btn_view { display: table; position: absolute; right:0; bottom:0; width: 34px; height: 34px; padding: 7px; background:#f5b96b url("/img/comm/arr_white.png") no-repeat 50% 50%; cursor:pointer; z-index: 10;}
.idxB > div .btn_view:hover { background-color: #f55e24; transition: 0.7s;}

.idxB > div .btn_more { display: table; position: absolute; left:50%; bottom:-32px; transform: translate(-50%, 0%); margin: 15px auto; padding: 10px 50px 10px 20px; font-family: 'Pretendard';
font-weight: bold; font-size: 1.7rem; color: #fff; background:#f55e24 url("/img/comm/arr_white_b.png") no-repeat 80% 50%;  border-radius: 20px; cursor:pointer;}



@media all and (max-width: 1000px) {
  .idxB {margin-bottom: 50px; padding-bottom: 30px;}
  .idxB > div { width: 100%; padding: 0 15px;}
  .idxB > div ul li { width: 29%; margin: 0 2% 18px;}
  .idxB > div ul li:nth-child(4n+1)  { margin-left: 2%;}
}

@media all and (max-width: 768px) {
  .idxB > div ul li { width: 45%; margin: 0 2% 18px;}
  .idxB > div ul li span { height: 60px; padding: 10px; font-size: 1.6rem; font-weight: 400; }
  .idxB > div ul li span br { display: none;}
  .idxB > div ul li .btn_view { width: 30px; height: 30px;}
  .idxB > div .btn_more { font-size: 1.5rem; padding-right: 37px; background-size: 15px;}
}

/* 홍보영상 */
.idxC { width: 100%; padding-bottom: 80px; background:url("/img/index/idx_section3_bg.jpg") no-repeat 0 0/cover;}
.idxC div { display: block; width: 1200px; margin:0 auto;}
.idxC h2  { color: #fff;}
.idxC div img { width: 100%; }
.idxC video { width: 100%; }

@media all and (max-width: 1000px) {
  .idxC div { width: 100%; padding: 0 15px; }
}


@media all and (max-width: 768px) {

}