/**********************************************************************************
	FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

html, body {
	font-family: 'Roboto', 'Noto Sans KR', AppleGothic, sans-serif;
	/* font-family: 'Roboto', sans-serif; */
	letter-spacing: -0.25px;
	color:#777;
	overflow-x: hidden;
}

body {
	overflow-x: hidden;
	/* position: relative; */
}

body * { box-sizing: border-box; -webkit-box-sizing: border-box; }

html {
	font-size: 100%;
}

@media screen and (max-width: 768px) {
	html {
		font-size: 87.5%;
	}
}

button, textarea, input, select {
    font-family: 'Roboto', 'Noto Sans KR';
    font-size: 1.0rem;
	color: inherit;
	padding: 0;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
	margin: 0;
}


/******************************
	normalize / reset
******************************/
ol, ul {
	list-style: none;
}

p, ul, dl, dt, dd, figure {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%; vertical-align: middle;
}

button, textarea, input, select {
	font-family: inherit;
	color: inherit;
	padding: 0;
}

button {
	border:0;
}

#wrap {
    overflow-x: hidden;
}


/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.clear:after { display: block; clear: both; content: ''; }

.container {
	width: 1221px;
	margin: 0 auto;
}

@media (max-width: 1221px) {
	.container {
		width:calc(100% - 30px);
		/* padding-left:10px;
		padding-right:10px; */
	}
}

.container-full {
	width:100%;
	position:relative;
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

.m_ver {
	display: none;
}

@media screen and (max-width: 767px) {
	.m_ver {
		display: block;
	}
	.pc_ver, .pc-ver {
		display: none;
	}
}

html.active {
	overflow-y: hidden;
}

.img_box {
	line-height: 0;
}

.site-content {
	padding-top: 85px;
}


/******************************
	header
******************************/
header .nav .nav-icon{
	display:none;
}

header .nav .nav-icon:after,
header .nav .nav-icon:before,
header .nav .nav-icon div {
	background-color: #000;
	content: '';
	display: block;
	height: 2px;
	margin: 5px 0;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

header .nav .nav-icon:before {
	margin-top:0;
}

header .nav .nav-icon:after {
	margin-bottom:0;
}

header .nav .nav-icon.active:before {
  transform: translateY(8px) rotate(135deg);
  -moz-transform: translateY(8px) rotate(135deg);
  -webkit-transform: translateY(8px) rotate(135deg);
}

header .nav .nav-icon.active:after {
  transform: translateY(-6px) rotate(-135deg);
  -moz-transform: translateY(-6px) rotate(-135deg);
  -webkit-transform: translateY(-6px) rotate(-135deg);
}

header .nav .nav-icon.active div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.headerArea { width: 100%; height: 85px; padding: 0 72px; border-bottom: 1px solid #e5e5e5; position: fixed; top: 0; left: 0; background: #fff; z-index: 999; }
.headerArea .logo { width: 97px; height: 21px; position: absolute; left: 72px; top: 50%; margin-top: -10.5px; font-size: 0; }
.headerArea .navbar .other-menu { position: absolute; font-size: 0; margin: 0 -10px; }
.headerArea .navbar .other-menu>* { font-size: 13px; font-weight: 400; text-transform: uppercase; color: #777; }
.headerArea .navbar .other-menu a:after { margin: 0 5px; }
.headerArea .navbar .other-menu a:nth-child(1):after, .headerArea .navbar .other-menu a:nth-child(2):after {
	display: inline-block; content: 'ㅣ';
}
.headerArea .navbar .other-menu .lang-bt { color: #272626; margin-right: 20px; }
.headerArea .navbar .other-menu .lang-bt:after { display: inline-block; width: 9px; height: 6px; margin-left: 6px; vertical-align: middle; background: url(../images/select.png)no-repeat; content: ''; }
.headerArea .navbar .other-menu .bt { display: inline-block; width: 91px; height: 35px; line-height: 33px; border: 1px solid #006dbb; border-radius: 16.5px; color: #006dbb; font-weight: 400; transition: .4s ease; }
/* Header menu - PC */
@media (min-width: 1400px) {
	.headerArea .navbar { text-align: center; font-size: 0; }
	.headerArea .navbar.en { padding-right: 150px;}
	.headerArea .navbar>li { display: inline-block; padding: 0 45px; vertical-align: top; font-size: 17px; font-weight: 700; color: #313131; line-height: 85px; position: relative; }
	.headerArea .navbar>li.current-menu-parent, .headerArea .navbar>li.current-page-ancestor, .headerArea .navbar>li.current_page_item { color: #0570bc; }
	.headerArea .navbar.en>li.lab_menu { padding: 0 15px;}
	.headerArea .navbar .sub-menu { width: 150px; height: 270px; padding-top: 16px; position: absolute; left: 50%; margin-left: -75px; display: none; }
	.headerArea .navbar .sub-menu li { font-size: 15px; font-weight: 400; color: #888; line-height: 38px; }
	.headerArea .navbar .sub-menu li a { display:inline-block; line-height:1.2;}
	.headerArea .navbar>li:hover, .headerArea .navbar .sub-menu li:hover { color: #0570bc; }
	.headerArea .navbar>li:hover .sub-menu { background: #f8f8f8; border-top: 1px solid #006dbb; margin-top: -1px; }
	.headerArea .navbar .other-menu { padding: 0; }
	.headerArea .navbar .other-menu .bt:hover { background: #006dbb; color: #fff; }
	.headerArea .other-menu { right: 72px; }
	:lang(en) .headerArea .navbar .other-menu a:nth-child(1),
	:lang(en) .headerArea .navbar .other-menu a:nth-child(2) { padding-right: 20px; font-size: 11px; line-height: normal; display: inline-block; text-align: center; vertical-align: middle; position: relative; }
	:lang(en) .headerArea .navbar .other-menu a:nth-child(1):after,
	:lang(en) .headerArea .navbar .other-menu a:nth-child(2):after { margin: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 20px; text-align: center; }
	.headerArea .layer { width: calc(100% + 144px); height: 273px; margin-left: -72px; background: #fff; border-bottom: 3px solid #006dbb; display: none; }
	.headerArea.hover .navbar .sub-menu { display: block; }
	.headerArea.hover .layer { display: block; }
	.headerArea.hover .nav.product + .layer { display:none;}
}
@media (max-width: 1600px) and (min-width: 1400px) {
	.headerArea { padding: 0 15px; }
	.headerArea .logo { left: 15px; }
	.headerArea .navbar .other-menu { right: 15px; }
	.headerArea .navbar>li { padding: 0 10px; }
}
@media (max-width: 1399px) {
	header .nav .nav-icon {
		display: inline-block;
		width: 24px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;
	}

	header .nav .navbar {
		position: fixed;
	    width: 100%;
	    height: 100%;
	    right: -100%;
	    padding-top: 50px;
	    background: #fff;
	    z-index: 99;
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	    margin: 0;
	    overflow-y: scroll;
	}

	header .nav .navbar.active {
		right:0;
	}
	.headerArea { padding: 0 15px; height: 50px; }
	.headerArea .navbar>li {
		display: block;
		text-align: left;
		padding-bottom: 10px;
		margin: 0;
		border-bottom: 1px solid #ededed;
		font-size: 19px;
		font-weight: 700;
	}
	.headerArea .navbar>li>a {
		padding: 10px 20px;
	    line-height: normal;
	    display: block;
	    position: relative;
	}
	.headerArea .navbar>li.menu-item-has-children { padding-bottom: 0; }
	.headerArea .navbar>li.menu-item-has-children>a:before {
		width: 16px;
	    height: 9px;
	    margin-top: -4.5px;
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    background: url(../images/nav-off.png);
	    background-size: contain;
	    content: '';
	}
	.headerArea .navbar>li .sub-menu { display: none; }
	.headerArea .navbar>li>.sub-menu { padding: 15px 30px 20px 36px; background: #f9f9f9; }
	.headerArea .navbar>li .sub-menu li { font-size: 14px; line-height: 36px; }
	.headerArea .navbar.active .other-menu { position: fixed; width: 100%; margin: 0; bottom: 0; left: 0; padding: 12px 20px; border-top: 1px solid #d8d8d8; background: #fff; }
	.headerArea .navbar .other-menu>* { display: inline-block; font-size: 17px; padding: 0; margin: 0 10px 0 0; }
	:lang(en) .headerArea .navbar .other-menu a br { display: none; }
	.headerArea .navbar .other-menu a:last-child { margin-right: 0; }
	.headerArea .navbar .other-menu .bt { text-align: center; font-size: 15px; }
	.headerArea .logo { left: 15px; z-index: 100; }
		.site-content { padding-top: 50px; }
}


/* footer */
.footer {
	background: #64676b;
	padding: 35px 0 46px;
	position: relative;
}

.footer .top {
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .top::after {
	content: '';
	display: block;
	clear: both;
}

.footer .top .f_menu {
	float: left;
	width: calc( 100% - 200px );
}

.footer .top .f_menu li {
	float: left;
	margin-right: 44px;
	line-height: 38px;
}
.footer .top .f_menu li:first-child { font-weight: 700; }

.footer .top .f_menu li:last-child {
	margin-right: 0;
}

.footer .top .f_menu li a {
	color: #fff;
}
.footer .top .f_menu li:first-child a { border-bottom: 1px solid #cccdce; color: #cccdce; display: inline-block; line-height: normal; padding-bottom: 3px; }
.footer .top .f_menu li:hover a { color: #76d0ff; border-color: #76d0ff; }

.footer .top .sel_box {
	float: right;
	width: 200px;
}

.footer .top .sel_box select {
	width: 200px;
	height: 38px;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	font-size: 14px;
	letter-spacing: 0;
	color: #fff;
	padding: 0 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("/wp-content/themes/iljin/assets/images/sitemap-arrow.png") right 15px center no-repeat;
	background-size: 13px 7px;
}
.footer .top .sel_box select option { color: #666; }

.footer .top .sel_box select::-ms-expand {
	display: none;
}

.footer .inner {
	padding-top: 46px; font-weight: 300;
}

.footer .inner p {
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.5;
	color: #e3e3e3;
}

.footer .inner .inner_cont p {
	display: inline-block;
	margin-right: 17px;
}

.footer .inner .inner_cont p:last-child {
	margin-right: 0; font-size: 15px;
}
.footer .to-top { width: 60px; height: 60px; background: url(../images/top-bt.png)no-repeat #006dbb; background-size: contain; position: absolute; top: -80px; right: 22px; cursor: pointer; }
@media (max-width: 1023px) {
	.footer .to-top { width: 30px; height: 30px; right: 15px; top: -50px; }
}
@media (max-width: 767px) {
	.footer { padding: 35px 0; }
	.footer .top { padding-bottom: 0; border-bottom: 0; }
	.footer .top .f_menu, .footer .top .sel_box, .footer .top .sel_box select { width: 100%; }
	.footer .top .f_menu li { width: 50%; font-size: 15px; margin-right: 0; margin-bottom: 15px; line-height: 20px; }
	.footer .top .sel_box { margin-top: 20px; max-width: 231px; float: left; }
	.footer .top .sel_box select { height: 41px; border-radius: 2px; }
	.footer .inner { padding-top: 28px; }
	.footer .inner p { font-size: 13px; line-height: 1.6; }
	.footer .copyright { margin-top: 10px; }
}


/******************************
	main
******************************/
.main-visual { height: 1160px; position: relative; overflow: hidden; }
.main-visual .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.swiper-slide video {
	margin-top:-30px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.main-visual h1 { padding-top: 264px; margin-bottom: 12px; font-size: 69px; font-weight: 900; line-height: 1.159; color: #fff; text-align: center; text-transform: uppercase; }
.main-visual p { font-size: 15px; font-weight: 300; color: #fff; letter-spacing: -0.5px; line-height: 1.6; text-align: center; }
/* --- 히스토리 섹션 침범 방지 및 간격 최적화 수정본 (Line 464 ~ 485) --- */

.company_wrap .history {
    padding: 50px 0 0; /* 위쪽 여백은 줄이고 하단 여백은 초기화 */
    position: relative;
    clear: both;
}

.company_wrap .history_list { 
    margin-top: 30px; 
    width: 100%;
    /* 마지막 텍스트가 아래 섹션을 침범하지 못하도록 하단에 충분한 공간(버퍼) 확보 */
    padding-bottom: 250px; 
}

.company_wrap .history_list li { 
    padding-left: 26%; 
    position: relative; 
    margin-bottom: 50px; /* 촘촘함을 위해 40~50px 유지 */
    /* 텍스트 내용이 길어질 경우를 대비해 최소 높이를 다시 상향 조정 */
    min-height: 250px; 
    display: block; 
    clear: both; 
}

.company_wrap .history_list li .inner { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 22%; 
    text-align: right;
    /* 텍스트가 길어져도 아래로 자연스럽게 흐르도록 설정 */
    height: auto;
}

.company_wrap .history_list li .inner .year { 
    font-size: 34px; 
    color: #111; 
    font-weight: 900; 
    line-height: 1.0; 
}

.company_wrap .history_list li .inner .year span { 
    display: block; 
    font-size: 15px; 
    font-weight: 500; 
    margin-top: 3px; 
}

.company_wrap .history_list li p { 
    font-size: 15px; 
    color: #111; 
    font-weight: 500; 
    margin-top: 8px; 
}

.company_wrap .history_list li p span { 
    display: inline-block; 
    width: 60px; 
    color: #777; 
}

.company_wrap .history_list li .thumb { 
    width: 100%; 
    line-height: 0; /* 이미지 하단 미세 간격 제거 */
}

.company_wrap .history_list li.float-right { 
    padding-left: 0; 
    padding-right: 26%; 
}

.company_wrap .history_list li.float-right .inner { 
    left: auto; 
    right: 0; 
    text-align: left; 
}

/* CI 섹션이 연혁을 침범하지 못하도록 강제 격리 */
#ci {
    clear: both;
    position: relative;
    background: #fff; /* 배경색을 명시하여 겹침 시 시각적 혼란 방지 */
    margin-top: 0;
}
.main-wrap .world-iljin { padding: 68px 0 148px; background: url("/wp-content/themes/iljin/assets/images/main_bg1.png")no-repeat left top, url("/wp-content/themes/iljin/assets/images/main_bg2.png")no-repeat right bottom 220px; }
.main-wrap .world-iljin .iljin-box { position: relative; }
.main-wrap .world-iljin .iljin-box .sub_title { width: 50%; padding-left: 62px; text-align: left; position: absolute; left: 0; top: 50px; }
.main-wrap .world-iljin .iljin-box h2 { font-size: 38px; }
.main-wrap .world-iljin .banner-box ul { margin: 68px -34px 0; }
.main-wrap .world-iljin .banner-box li { float: left; width: calc(33.333% - 68px); padding-top: calc(33.333% - 88px); margin: 0 34px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 3px 0 46px rgba(0, 0, 0, 0.24); }
.main-wrap .world-iljin .banner-box li:nth-child(1) { background-image: url(../images/main_banner1.jpg); }
.main-wrap .world-iljin .banner-box li:nth-child(2) { background-image: url(/wp-content/uploads/2020/03/main_banner2.jpg); }
.main-wrap .world-iljin .banner-box li:nth-child(3) { background-image: url(../images/main_banner3.jpg); }
.main-wrap .world-iljin .banner-box .bg { font-family: 'Roboto'; font-size: 66px; font-weight: 900; letter-spacing: -0.5px; line-height: 1.1; color: #f2f2f2; text-transform: uppercase; position: absolute; bottom: 0; right: -54%; z-index: -1; }
.main-wrap .world-iljin .banner-box li:nth-child(2) .bg { right: -32%; }
.main-wrap .world-iljin .banner-box li:nth-child(3) .bg { right: -37%; }
.main-wrap .world-iljin .banner-box .iljin { font-size: 13px; letter-spacing: -0.5px; color: #fff; text-transform: uppercase; position: absolute; top: 33px; left: 30px; }
.main-wrap .world-iljin .banner-box .iljin:after { display: block; width: 16px; height: 1px; margin-top: 10px; background: #fff; content: ''; }
.main-wrap .world-iljin .banner-box .inner { width: 100%; padding: 0 30px; position: absolute; left: 0; bottom: 26px; }
.main-wrap .world-iljin .banner-box h3 { font-size: 27px; font-weight: 300; letter-spacing: -0.5px; line-height: 1.407; color: #fff; margin-bottom: 10px; }
.main-wrap .world-iljin .banner-box h3 span { display: block; font-weight: 500; }
.main-wrap .world-iljin .banner-box p { font-size: 13px; font-weight: 300; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.538; color: #fff; }
.main-wrap .world-iljin .banner-box .ico { width: 29px; height: 29px; background: url(../images/banner-bt.png)no-repeat center; background-size: contain; position: absolute; right: 29px; bottom: 0; transform: rotate(0); transition: 0.4s ease; }
.main-wrap .world-iljin .banner-box li:hover .ico { transform: rotate(90deg); }
.main-wrap .our-vision { padding-top: 116px; background: url(../images/main_achievement.jpg)no-repeat bottom center; position: relative; }
.main-wrap .our-vision .bg-slide { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
.main-wrap .our-vision .bg-slide .swiper-slide { background-position: top center; background-repeat: repeat; }
.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(1) { background-image: url(../images/main_ourvision1.jpg); }
.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(2) { background-image: url(../images/main_ourvision2.jpg); }
.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(3) { background-image: url(../images/main_ourvision3.jpg); }
.main-wrap .our-vision .sub_title h2 + p { margin-top: 5px; font-size: 15px; color: #333; }
.main-wrap .our-vision .achievement-box { padding-bottom: 138px; }
.main-wrap .our-vision .achievement-box .inner { padding: 72px 0 60px; background: #f4f5f6; }
.main-wrap .our-vision .achievement-box .figure { display: block; width: 436px; height: 339px; margin: 65px auto 174px; position: relative; overflow: hidden; }
.main-wrap .our-vision .achievement-box .figure .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 0 !important; }
.main-wrap .our-vision .achievement-box .figure .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.main-wrap .our-vision .achievement-list { max-width: 80%; margin: 30px auto 0; padding: 5px 20px; border-radius: 16px; text-align: center; background: #fff; }
.main-wrap .our-vision .achievement-list li { font-size: 13px; letter-spacing: -0.25px; color: #444; display: inline-block; }
.main-wrap .our-vision .achievement-list li:before { display: inline-block; width: 18px; height: 19px; margin-right: 5px; vertical-align: middle; background: url(../images/achievement-ico.jpg)no-repeat; content: ''; }
.main-wrap .our-vision .achievement-list li:after { display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin: 0 16px; border-radius: 100%; background: #385aee; content: ''; }
.main-wrap .our-vision .achievement-list li:last-child:after { display: none; }
.main-wrap .our-vision .achievement-box .graph { max-width: 1033px; margin: 0 auto; text-align: center; position: relative; }
.main-wrap .our-vision .achievement-box .graph p { font-size: 12px; color: #818181; position: absolute; right: 4px; bottom: -20px; }
.main-wrap .vision-box ul { width: 100%; position: relative; }
.main-wrap .vision-box ul:after { display: block; clear: both; content: ''; }
.main-wrap .vision-box li { width: calc(33.333% - 30px); height: 884px; vertical-align: middle; text-align: center; background-repeat: no-repeat; background-position: center; letter-spacing: -0.25px; color: #fff; }
.main-wrap .vision-box li:nth-child(1) { float: left; background-image: url(../images/main_vision1.jpg); }
.main-wrap .vision-box li:nth-child(2) { width: calc(33.333% + 62px); height: calc(884px + 44px); background-image: url(../images/main_vision2.jpg); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.main-wrap .vision-box li:nth-child(3) { float: right; background-image: url(../images/main_vision3.jpg); }
.main-wrap .vision-box li a { display: table; width: 100%; height: 100%; }
.main-wrap .vision-box .inner { display: table-cell; vertical-align: middle; }
.main-wrap .vision-box .number { display: block; width: 62px; height: 62px; margin: 0 auto 36px; line-height: 62px; font-family: 'Roboto'; font-size: 20px; font-weight: 500; opacity: .42; position: relative; }
.main-wrap .vision-box .number:before { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; border: 2px solid #fff; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); content: ''; }
.main-wrap .vision-box h3 { margin-bottom: 28px; font-family: 'Roboto'; font-size: 36px; font-weight: 700; }
.main-wrap .vision-box p { font-size: 14px; line-height: 1.642; }
.main-wrap .vision-box .detail-btn { display: block; width: 170px; margin: 70px auto 0; padding-bottom: 8px; font-family: 'Roboto'; font-size: 17px; font-weight: 700; letter-spacing: -0.25px; color: #fff; border-bottom: 3px solid #fff; text-align: left; background: url(../images/detail-bt.png)no-repeat right bottom 11px; background-size: 24px 8px; }
.main-wrap .recent-news { padding: 120px 0 112px; }
.main-wrap .news-box { margin: 0 -31px; }
.main-wrap .news-box li { float: left; width: calc(50% - 62px); height: 154px; margin: 0 31px; padding: 44px 0 32px 30px; border-bottom: 1px solid #d8d8d8; background-position: center right 38px; background-repeat: no-repeat; }
.main-wrap .news-box li:nth-child(1) { background-image: url(../images/main_news1.png); }
.main-wrap .news-box li:nth-child(2) { background-image: url(../images/main_news2.png); }
.main-wrap .news-box li:nth-child(3) { background-image: url(../images/main_news3.png); }
.main-wrap .news-box li:nth-child(4) { background-image: url(../images/main_news4.png); }
.main-wrap .news-box dt { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 15px; }
.main-wrap .news-box dd { font-size: 14px; font-weight: 300; line-height: 1.571; }
.main-wrap .news-box dd .date { font-size: 12px; color: #aaa; margin-left: 10px; }
.main-wrap .company_wrap { padding-bottom: 188px; background: url(../images/main_history.jpg)no-repeat top center; }
.main-wrap .company_wrap .sub_title h2 { font-size: 50px; font-weight: 700; font-family: 'Roboto'; color: #222; }
.main-wrap .company_wrap .sub_title p { text-transform: uppercase; font-family: 'Roboto'; font-weight: 400; margin-top: -10px; margin-bottom: 110px; color: #d92c2c; letter-spacing: 3px; }
.main-wrap .company_wrap .history_list li .inner p { padding-right: 0; color: #585858; font-size: 13px; line-height: 1.384; letter-spacing: -0.5px; }
.main-wrap .company_wrap .history_list li.float-right .inner p { padding-left: 0; }
.main-wrap .company_wrap .history_list li .inner .year span { color: #585858; text-transform: uppercase; font-family: 'Roboto'; }
.main-wrap .company_wrap .history_list li .inner .year + p { font-size: 16px; line-height: 1.437; margin-bottom: 10px; }
@media (min-width: 768px) {
	.main-wrap .our-vision .achievement-list { max-width: 90%; }
}
@media (max-width: 1023px) {
	.main-wrap .world-iljin { background-position: left top 50px, right bottom; }
	.main-wrap .world-iljin .banner-box ul { margin: 40px -10px 0; }
	.main-wrap .world-iljin .banner-box li { width: calc(33.333% - 20px); padding-top: calc(33.333% - 20px); margin: 0 10px; }
	.main-wrap .world-iljin .banner-box .inner { padding: 0 18px; bottom: 34px; }
	.main-wrap .world-iljin .banner-box h3 { font-size: 21px; line-height: 1.14; }
	.main-wrap .world-iljin .banner-box p { padding-right: 30px; font-size: 12px; }
	.main-wrap .world-iljin .banner-box .iljin { top: 34px; left: 15px; font-size: 12px; }
	.main-wrap .world-iljin .banner-box .iljin:after { margin-top: 4px; }
	.main-wrap .world-iljin .banner-box .ico { right: 18px; width: 18px; height: 18px; }
	.main-wrap .world-iljin .iljin-box .sub_title { padding-left: 0; }
	.main-wrap .our-vision .achievement-list li:after { display: none; }
	.main-wrap .vision-box li { height: 400px; width: calc(33.333% - 20px); word-break: keep-all; }
	.main-wrap .vision-box li:nth-child(1) { background-image: url(../images/mo_main_vision1.jpg); }
	.main-wrap .vision-box li:nth-child(2) { width: calc(33.333% + 44px); height: calc(400px + 40px); background-image: url(../images/mo_main_vision2.jpg); }
	.main-wrap .vision-box li:nth-child(3) { background-image: url(../images/mo_main_vision3.jpg); }
	.main-wrap .vision-box h3 { font-size: 28px; margin-bottom: 15px; }
	.main-wrap .news-box li { background-position: center right; }
	.main-wrap .news-box li dl { padding-right: 50px; }
	.main-wrap .company_wrap .history_list li>div { float: right; }
	.main-wrap .company_wrap .history_list li .inner { text-align: right; }
	.main-wrap .company_wrap .history_list li .inner:after { left: auto; right: -50px; }
	.main-wrap .company_wrap .history_list li.float-right>div { float: left; }
	.main-wrap .company_wrap .history_list li .thumb { width: 53%; }
	.main-wrap .company_wrap .history_list li .inner { width: 47%; margin-top: 68px; }
	.main-wrap .company_wrap .history_list li .inner p { padding-left: 0; }
	.main-wrap .company_wrap .history_list li.float-right .inner { text-align: left; }
	.main-wrap .company_wrap .history_list li.float-right .inner p { padding-right: 0; }
	.main-wrap .company_wrap .history_list li.float-right .inner:after { right: auto; left: -50px; }
}
@media (max-width: 767px) {
	.main-visual { height: 500px; word-break: keep-all; }
	.main-visual h1 { padding-top: 130px; font-size: 35px; }
	.main-visual p { font-size: 12px; padding: 0 10px; }
	.main-visual .cloud span { display: none; }
	.main-visual.swiper-container-horizontal .swiper-pagination { bottom: auto !important; top: 95px; }
	.main-visual .swiper-pagination-bullet { width: 11px; height: 13px; }
	.main-visual .more-btn { width: 102px; height: 29px; line-height: 29px; font-size: 12px; margin: 35px auto 0; font-family: 'Roboto'; }
	.main-wrap .sub_title .category { font-size: 15px; font-weight: 900; }
	.main-wrap .world-iljin { padding: 66px 0; }
	.main-wrap .world-iljin .iljin-box .sub_title { width: 100%; position: static; }
	.main-wrap .sub_title h2 { margin-bottom: 30px; }
	.main-wrap .world-iljin .iljin-box h2, .main-wrap .sub_title h2 { font-size: 25px; line-height: 1.2; }
	.main-wrap .world-iljin .iljin-box .img { margin-top: 48px; }
	.main-wrap .world-iljin .banner-box li { width: calc(100% - 20px); padding-top: calc(100% - 50px); margin-bottom: 24px; }
	.main-wrap .world-iljin .banner-box li:last-child { margin-bottom: 0; }
	.main-wrap .world-iljin .banner-box .bg { display: none; }
	.main-wrap .our-vision { padding-top: 40px; background: url(../images/mo_main_graph.jpg)no-repeat bottom center; background-size: 100% auto; }
	.main-wrap .our-vision .sub_title h2 + p { color: #333; }
	.main-wrap .our-vision .achievement-box { padding-bottom: 60px; width: calc(100% + 30px); margin-left: -15px; }
	.main-wrap .our-vision .achievement-box .sub_title { margin-bottom: 28px; }
	.main-wrap .our-vision .achievement-box .figure { width: 213px; height: 213px; margin: 40px auto 60px; background-size: contain; }
	.main-wrap .our-vision .achievement-box .inner { padding: 40px 15px; }
	.main-wrap .our-vision .achievement-list { max-width: 100%; padding: 14px 10px; margin: 28px auto 0; }
	.main-wrap .our-vision .achievement-list li { font-size: 12px; }
	.main-wrap .our-vision .achievement-list li:before { display: none; }
	.main-wrap .our-vision .achievement-box .graph { padding: 0 15px; }
	.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(1) { background-image: url(../images/mo-ourvision1.jpg); }
	.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(2) { background-image: url(../images/mo-ourvision2.jpg); }
	.main-wrap .our-vision .bg-slide .swiper-slide:nth-child(3) { background-image: url(../images/mo-ourvision3.jpg); }
	.main-wrap .vision-box ul { overflow: scroll; white-space: nowrap; padding-top: 45px; }
	.main-wrap .vision-box li { float: none; width: 294px; height: 367px; display: inline-block; margin-left: 15px; white-space: normal; }
	.main-wrap .vision-box li:nth-child(2) { width: 294px; height: 367px; position: static; transform: none; -webkit-transform: none; }
	.main-wrap .vision-box li:nth-child(3) { float: none; }
	.main-wrap .vision-box li a, .main-wrap .vision-box .inner { display: block; }
	.main-wrap .vision-box .inner { padding: 72px 18px 0; }
	.main-wrap .vision-box .number { width: 36px; height: 36px; margin: 0 auto 10px; line-height: 36px; font-size: 15px; }
	.main-wrap .vision-box .number:before { width: 25px; height: 25px; margin-top: -12.5px; margin-left: -12.5px; border-width: 1px; }
	.main-wrap .vision-box h3 { font-size: 25px; margin-bottom: 20px; }
	.main-wrap .vision-box p { font-size: 12px; line-height: 1.41; }
	.main-wrap .vision-box .detail-btn { width: 114px; margin: 62px auto 0; border-width: 1px; padding-bottom: 5px; font-size: 13px; background-size: 17px 7px; background-position: right bottom 8px; }
	.main-wrap .recent-news { padding: 58px 0 40px; }
	.main-wrap .news-box li { width: calc(100% - 62px); padding: 20px 0; height: 100px; background-size: 7%; background-position: right bottom 28px; }
	.main-wrap .news-box li:nth-child(4) { background-size: 8%; }
	.main-wrap .news-box dt { font-size: 15px; margin-bottom: 12px; }
	.main-wrap .news-box dd { font-size: 12px; line-height: 1.58; }
	.main-wrap .company_wrap { padding-bottom: 40px; background: url(../images/mo_main_history.jpg)no-repeat center top 100px; background-size: cover; }
	.main-wrap .company_wrap .sub_title h2 { font-size: 25px; margin-bottom: 15px; }
	.main-wrap .company_wrap .history_list li .inner { padding-right: 16px; padding-left: 0; }
	.main-wrap .company_wrap .history_list li .inner .year { margin-bottom: 5px; }
	.main-wrap .company_wrap .history_list li .inner .year + p { font-size: 12px; margin-bottom: 2px; }
	.main-wrap .company_wrap .history_list li .inner p { font-size: 10px; }
	.main-wrap .company_wrap .history_list li.float-right .inner { padding-right: 0; }
	.main-wrap .company_wrap .history_list li.float-right .inner:after { left: -15px; }
	.main-wrap .company_wrap .history_list li .inner:after { right: -15px; top: 14px; }
}

/******************************
	sub - common
******************************/
/* sub visual */
.sub_visual {
	display: table;
	width: 100%;
	height: 428px;
	background-repeat: no-repeat; background-position: center; background-size: cover;
	position: relative;
}

.sub_visual.sub01 {
	background-image: url("/wp-content/themes/iljin/assets/images/sub_visual01.jpg");
}
.sub_visual.sub02 {
	background-image: url("/wp-content/themes/iljin/assets/images/sub_visual02.jpg");
}
.sub_visual.sub03 {
	background-image: url("/wp-content/themes/iljin/assets/images/sub_visual03.jpg");
}
.sub_visual.sub03_01 {
	background-image: url("/wp-content/themes/iljin/assets/images/product-bg.jpg");
}

.sub_visual.sub03_02 {
	background-image: url("/wp-content/themes/iljin/assets/images/product-bg.jpg");
}

.sub_visual.sub04 {
	background-image: url("/wp-content/themes/iljin/assets/images/sub_visual04.jpg");
}
.sub_visual .inner {
	display: table-cell; vertical-align: middle;
	text-align: center;
	padding: 0 20px;
}

.sub_visual .inner h1 {
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
	color: #333;
	margin-bottom: 15px;
}

.sub_visual .inner p {
	font-size: 15px;
	line-height: 23px;
	color: #313131;
}
.sub_visual h1.title { font-size: 38px; font-weight: 300; line-height: 48px; text-transform: uppercase; }
.main-visual .mouse_scroll,
.sub_visual .mouse_scroll { position: absolute; bottom: 21px; left: 0; width: 100%; text-align: center; z-index: 10; }
.main-visual .mouse_scroll { bottom: 400px; }
.main-visual .mouse_scroll:after,
.sub_visual .mouse_scroll:after { display: block; width: 1px; height: 32px; margin: 10px auto 0; background: #959799; content: ''; }
.main-visual .mouse_scroll:after { background: #fff; }
.main-visual .mouse_scroll span,
.sub_visual .mouse_scroll span { display: inline-block; line-height: 18px; }
.main-visual .mouse_scroll .mouse,
.sub_visual .mouse_scroll .mouse { position: relative; width: 17px; height: 26px; margin: 0 auto; border: 2px solid #898a8b; border-radius: 8.5px; }
.main-visual .mouse_scroll .mouse { border-color: #fff; }
.main-visual .mouse_scroll .mouse:before,
.sub_visual .mouse_scroll .mouse:before {
	position: absolute; left: 50%; top: 6px; margin-left: -1.5px; width: 3px; height: 6px; background: #898a8b; animation: ani-mouse 2.5s linear infinite; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; content: '';
}
.main-visual .mouse_scroll .mouse:before { background: #fff; }
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@media (max-width: 767px) {
	.main-visual .mouse_scroll { bottom: 68px; }
}

/* scroll link */

.btn_scroll {
	background: #fff;
	font-size: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}
.btn_scroll.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.btn_scroll a {
	display: inline-block;
	padding: 23px 0;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	color: #888;
	position: relative;
}
.btn_scroll.col_2 a { width: 33%; }
.btn_scroll.col_3 a {
	width: 33.3%;
}
.btn_scroll.col_4 a { width: 25%; }
.btn_scroll.col_5 a { width: 20%; }
.btn_scroll a.active,
.btn_scroll a:hover {
	font-weight: 700;
	color: #223585;
}
.btn_scroll a.active::after,
.btn_scroll a:hover::after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #006dbb;
	position: absolute;
	left: 0;
	bottom: -1px;
}

/* sub title */

.sub_title {
	text-align: center;
}

.sub_title .category {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 2px;
	color: #006dbb;
	text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 0;
}

.sub_title h2 {
	font-size: 1.562rem;
	font-weight: 100;
	line-height: 1.4;
	color: #333;
}

.sub_title h2 span {
	font-weight: 500;
}

.sub_title .title { font-size: 40px; font-weight: 300; margin-bottom: 85px; line-height: 1; }

.sub_title p {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.6;
	color: #777;
	margin-top: 20px;
}
@media (max-width: 767px) {
	.main-visual .mouse_scroll .mouse, .sub_visual .mouse_scroll .mouse { width: 13px; height: 20px; border-width: 1px; }
	.main-visual .mouse_scroll .mouse:before, .sub_visual .mouse_scroll .mouse:before { width: 1px; height: 4px; margin-left: -0.5px; }
	.main-visual .mouse_scroll:after, .sub_visual .mouse_scroll:after { height: 29px; margin: 8px auto 0; }
	/* sub title */
	.sub_visual { height: 360px; }
	.sub_visual .inner h1 { font-size: 20px; line-height: 24px; }
	.sub_visual .inner p { font-size: 14px; line-height: 19px; }
	.sub_title { word-break: keep-all; }
	.sub_title .category { font-size: 15px; }
	.sub_title p { line-height: 1.4; margin-top: 14px; }
	.sub_title p br { display: none; }
	.sub_title h2 { font-size: 18px; }

	/* btn scroll */
	.btn_scroll .container { padding: 0; margin: 0; width: 100%; }
	.btn_scroll a { padding: 18px 0; }
}

/******************************
	sub - 회사소개
******************************/

/* row-1 */

.company_wrap .row-1 {
	min-height: 750px;
	background: url("/wp-content/themes/iljin/assets/images/bg_company01.jpg") center center no-repeat;
	background-size: cover;
	padding: 115px 0 260px;
	position: relative;
}

.company_wrap .row-1 .img_box {
	text-align: center;
	margin-top: 35px;
}


/* row-2 */

.company_wrap .row-2 {
	background: url("/wp-content/themes/iljin/assets/images/bg_company02_01.jpg"), url("/wp-content/themes/iljin/assets/images/bg_company02_02.jpg"), #f9f9f9;
	background-repeat: no-repeat, no-repeat;
	background-position: top 139px left, bottom right;
}

.company_wrap .row-2 .container {
	position: relative;
	margin-top: -139px;
	background: #f9f9f9;
	padding: 66px 0 74px;
}

.company_wrap .row-2 .inner_list {
	font-size: 0;
	margin-top: 74px;
	padding: 0 22px;
	position: relative;
	z-index: 1;
	text-align: center;
}

.company_wrap .row-2 .inner_list::before {
	content: '';
	width: 100%; height: 73px;
	position: absolute;
	top: -38px;
	left: 0;
	font-size: 0;
	color: #ebebeb;
	background: url(../images/vision.png)no-repeat center; background-size: contain;
	z-index: -1;
}

.company_wrap .row-2 .inner_list li {
	float: left;
	width: calc(25% - 30px);
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: calc(25% - 11px);
	position: relative;
	background-position: center; background-size: cover; background-repeat: no-repeat;
}
.company_wrap .row-2 .inner_list li:nth-child(1) { background-image: url(../images/company02_01.jpg); }
.company_wrap .row-2 .inner_list li:nth-child(2) { background-image: url(../images/company02_02.jpg); }
.company_wrap .row-2 .inner_list li:nth-child(3) { background-image: url(../images/company02_03.jpg); }
.company_wrap .row-2 .inner_list li:nth-child(4) { background-image: url(../images/company02_04.jpg); }

.company_wrap .row-2 .inner_list li .number {
	font-family: 'Roboto', sans-serif;
	font-size: 30px; line-height: 22px;
	font-weight: 300;
	color: #fff;
	position: absolute;
	top: 25px;
	left: 25px;
}

.company_wrap .row-2 .inner_list li .text {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
@media (max-width: 1023px) {
	.company_wrap .row-2 .inner_list li .text { font-size: 17px; bottom: 20px; }
}

/* row-3 */
.company_wrap .row-3 .sub_title .category,
.company_wrap .row-3 .sub_title h2 {
	color: #fff;
}
.company_wrap .row-3 .sub_title h2 { font-size: 28px; letter-spacing: -0.5px; line-height: 28px; }
.company_wrap .row-3 .inner_background {
	background: url("/wp-content/themes/iljin/assets/images/bg_company03.jpg") center center no-repeat;
	background-size: cover;
	padding: 85px 0;
}

@media screen and (max-width: 1741px) {
	.company_wrap .row-3 .inner_background {
		width: 100%;
	}
}

.company_wrap .row-3 .inner_list {
	font-size: 0;
	margin-top: 35px;
}

.company_wrap .row-3 .inner_list li {
	display: inline-block;
	width: 33.3%;
	text-align: center; word-break: keep-all;
	vertical-align: top;
}

.company_wrap .row-3 .inner_list li .img_box {
	margin-bottom: 16px;
}

.company_wrap .row-3 .inner_list li p {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	color: #fff;
}


/* history */
.company_wrap .history {
	background: url("/wp-content/themes/iljin/assets/images/bg_history.jpg") center center no-repeat;
	background-size: cover;
	padding: 120px 0 128px;
}
.company_wrap .history .sub_title h2 { font-size: 28px; }
.company_wrap .history_list{ margin-top: 70px; }
.company_wrap .history_list li { padding-left: 26%; position: relative; margin-bottom: 150px; }
.company_wrap .history_list li.float-right { padding-right: 26%; padding-left: 0; }
.company_wrap .history_list li:last-child { margin-bottom: 0; }
.company_wrap .history_list li::after {
	content: '';
	display: block;
	clear: both;
}

.company_wrap .history_list li .inner {
	width: 26%;
	padding-right: 6%;
	min-height: 318px;
	text-align: right;
	position: absolute; top: 55px; left: 0;
}

.company_wrap .history_list li.float-right .inner {
	text-align: left;
	left: auto; right: 0;
	padding-right: 0; padding-left: 6%;
}

.company_wrap .history_list li .inner::after {
	content: '';
	display: block;
	width: 107px;
	height: 3px;
	background: #d92c2c;
	position: absolute;
	top: 24px;
	right: -56px;
}

.company_wrap .history_list li.float-right .inner::after {
	right: auto;
	left: -56px;
}

.company_wrap .history_list li .inner .year {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	font-weight: 700;
	color: #585858;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

.company_wrap .history_list li .inner .year span {
	font-family: 'Noto Sans KR';
	font-size: 1.125rem;
	display: block;
	margin-top: 8px;
	color: #585858;
}

.company_wrap .history_list li .inner p {
	font-size: 0.875rem;
	font-weight: 400;
	color: #333;
	line-height: 1.8;          /* 1.7에서 1.8로 변경 (줄 간격 여유) */
	letter-spacing: -0.5px;    /* -1.25px에서 -0.5px로 변경 (글자 겹침 방지) */
	padding-right: 62px;
	padding-bottom: 3px;       /* 새로 추가 (바닥 여유 공간 확보) */
	position: relative;
}

.company_wrap .history_list li .inner p span {
	font-weight: 700;
	width: 62px;
	position: absolute; top: 0; right: 0;
}
.company_wrap .history_list li.float-right .inner p { padding-right: 0; padding-left: 62px; }
.company_wrap .history_list li.float-right .inner p span { right: auto; left: 0; }
@media (max-width: 1199px) {
	.company_wrap .history_list li { padding-left: 40%; }
	.company_wrap .history_list li.float-right { padding-right: 40%; }
	.company_wrap .history_list li .inner { width: 40%; padding-right: 3%; top: 20px; }
	.company_wrap .history_list li.float-right  .inner { padding-left: 3%; }
	.company_wrap .history_list li .inner::after { width: 60px; right: -44px; }
	.company_wrap .history_list li.float-right .inner::after { left: -44px; }
	.company_wrap .history_list li .inner .year { font-size: 30px; }
	.company_wrap .history_list li .inner::after { top: 17px; }
}
@media (max-width: 1023px) {
	.company_wrap .history_list li { width: 100%; padding-left: 0; margin-bottom: 50px; }
	.company_wrap .history_list li:after { display: block; clear: both; content: ''; }
	.company_wrap .history_list li>div { float: left; width: 50%; }
	.company_wrap .history_list li.float-right { padding-right: 0 }
	.company_wrap .history_list li.float-right>div { float: right; }
	.company_wrap .history_list li .inner { width: 50%; min-height: auto; text-align: left; position: relative; }
	.company_wrap .history_list li .inner p { padding-left: 75px; }
	.company_wrap .history_list li .inner p span { left: 0; }
	.company_wrap .history_list li.float-right .inner p span { right: 0; left: auto; }
	.company_wrap .history_list li.float-right .inner p { padding-right: 75px; padding-left: 0; }
	.company_wrap .history_list li .inner, .company_wrap .history_list li.float-right .inner { padding: 0 16px; }
	.company_wrap .history_list li.float-right .inner { text-align: right; }
	.company_wrap .history_list li.float-right .inner::after { left: auto; right: -50px; }
	.company_wrap .history_list li .inner::after { left: -50px; right: auto; }
	.company_wrap .history_list li .thumb { width: 53%; }
	.company_wrap .history_list li .inner { width: 47%; }
}
@media (max-width: 767px) {
}

/* ci */

.company_wrap .ci {
	background: #f9f9f9;
	padding: 75px 0 125px;
}
.company_wrap .ci .sub_title h2 { font-size: 28px; }

.company_wrap .ci .sub_title .btn_down {
	display: block;
	width: 153px;
	margin: 27px auto 0;
	padding: 15px 0;
	text-align: center;
	background: #223585;
	border-radius: 30px;
	font-size: 0.875rem;
	font-weight: 400;
	color: #fff;
}

.company_wrap .ci .sub_title .btn_down img {
	vertical-align: middle;
	margin: -5px 0 0 10px;
}

.company_wrap .ci_list {
	font-size: 0;
	margin: 62px -18px 0;
}

.company_wrap .ci_list li {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 36px);
	min-height: 464px;
	margin-left: 18px;
	margin-right: 18px;
	text-align: center;
	background: #fff;
	padding: 60px 82px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
}

.company_wrap .ci_list li .tit {
	font-size: 1.25rem;
	font-weight: 700;
	color: #444;
	margin-bottom: 15px;
}

.company_wrap .ci_list li .tex {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5;
	color: #777;
}

.company_wrap .ci_list li .img_box {
	margin-top: 20px;
}
/* 수상내역 */
.company_wrap .award { background: url(../images/award-bg.jpg)no-repeat center top; background-size: cover; padding: 74px 0 110px; }
.company_wrap .award .sub_title h2 { margin-bottom: 72px; }
.company_wrap .award .year { margin-bottom: 6px; font-family: 'Roboto'; font-size: 26px; font-weight: 700; color: #006dbb; letter-spacing: -0.5px; position: relative; }
.company_wrap .award .year:before { width: 5px; height: 5px; border-radius: 100%; border: 3px solid #006dbb; content: ''; position: absolute; top: 50%; margin-top: -5.5px; }
.company_wrap .award .month { width: 35px; font-size: 15px; font-weight: 500; color: #444; display: inline-block; vertical-align: top; line-height: 20px; }
.company_wrap .award .award-box .item { width: 50%; letter-spacing: -0.5px; padding-bottom: 23px; position: relative; }
.company_wrap .award .award-box .item:before { width: 1px; height: 100%; background: #dcdcdc; content: ''; position: absolute; top: 10px; }
.company_wrap .award .award-box .item:nth-child(odd) { margin-left: 50%; padding-left: 20px; }
.company_wrap .award .award-box .item:nth-child(odd):before { left: 0; }
.company_wrap .award .award-box .item:nth-child(odd) .year:before { left: -25.5px; }
.company_wrap .award .award-box .item:nth-child(even) { padding-right: 20px; text-align: right; }
.company_wrap .award .award-box .item:nth-child(even):before { right: -1px; }
.company_wrap .award .award-box .item:nth-child(even) .year:before { right: -25.5px; }
.company_wrap .award .award-box .item:nth-child(even) .month { text-align: left; }
.company_wrap .award .award-box .item:last-child:before { display: none; }
.company_wrap .award .award-box ul li { font-size: 0; }
.company_wrap .award .award-box ul li  .inner { display: inline-block; }
.company_wrap .award .award-box ul li p { display: inline-block; width: calc(100% - 35px); font-size: 14px; line-height: 20px; letter-spacing: -0.5px; color: #777; }
:lang(en) .company_wrap .award .month { width: 70px; }
:lang(en) .company_wrap .award .award-box ul li p { width: calc(100% - 70px); }
@media (max-width: 767px) {
	/* row_1 */
	.company_wrap .row-1 { min-height: 450px; padding: 40px 0; }
	/* row_2 */
	.company_wrap .row-2 .container { padding: 30px 0; }
	.company_wrap .row-2 .inner_list { margin: 50px -10px 0;}
	.company_wrap .row-2 .inner_list li { width: calc(50% - 20px); margin: 0 10px 20px; padding-bottom: calc(50% - 11px); }
	.company_wrap .row-2 .inner_list li .number { left: 10px; top: 10px; font-size: 20px; }
	.company_wrap .row-2 .inner_list li .text { font-size: 1rem; bottom: 10px; }
	.company_wrap .row-2 .inner_list::before { width: calc(100% - 40px); left: 20px; }

	/* row_3 */
	.company_wrap .row-3 .inner_background { padding: 40px 0; }
	.company_wrap .row-3 .sub_title h2 { font-size: 22px; }
	.company_wrap .row-3 .inner_list li { width: 100%; min-height: 112px; margin-bottom: 30px; position: relative; padding-left: 110px; text-align: left; }
	.company_wrap .row-3 .inner_list li:last-child { margin-bottom: 0; }
	.company_wrap .row-3 .inner_list li .img_box { width: 110px; height: 111px; position: absolute; left: 0; top: 50%; margin-top: -50.5px; }

	/* history */
	.company_wrap .history { padding: 50px 0; }
	.company_wrap .history_list { margin-top: 50px; }
	.company_wrap .history_list li { margin-bottom: 30px; }
	.company_wrap .history_list li .inner, .company_wrap .history_list li.float-right .inner { top: 0; }
	.company_wrap .history_list li .inner::after { width: 27px; height: 1px; left: -14px; top: 13px; }
	.company_wrap .history_list li .inner .year { font-size: 25px; }
	.company_wrap .history_list li .inner .year span { margin-top: 0; font-size: 12px; line-height: 1.58; }
	.company_wrap .history_list li .inner p span { width: 100%; position: static; display: block; }
	.company_wrap .history_list li .inner p { padding-left: 0; padding-right: 0; margin-bottom: 5px; line-height: 1.5; }
	.company_wrap .history_list li .inner { padding-right: 0; }
	.company_wrap .history_list li.float-right { padding-left: 0; }
	.company_wrap .history_list li.float-right .inner p { padding-right: 0; }
	.company_wrap .history_list li.float-right .inner::after { right: -14px; }

	/* ci */
	.company_wrap .ci { padding: 40px 0; }
	.company_wrap .ci_list li { width: calc(100% - 36px); min-height: auto; margin-bottom: 20px; padding: 30px 20px; }
	.company_wrap .ci_list li:last-child { margin-bottom: 0; }

	/* 수상내역 */
	.company_wrap .award { padding-top: 50px; }
	.company_wrap .award .month { line-height: 16px; }
	.company_wrap .award .award-box ul li p { font-size: 12px; line-height: 16px; }
}

/******************************
	sub - CEO 인사말
******************************/

.ceo_wrap .row-1 {
	background: url("/wp-content/themes/iljin/assets/images/bg_ceo.jpg") bottom center no-repeat;
	background-size: cover;
	padding: 85px 0 90px;
}

.ceo_wrap .row-1 .inner {
	margin-bottom: 44px;
}

.ceo_wrap .row-1 .inner:last-child {
	margin-bottom: 0;
}

.ceo_wrap .row-1 .inner .inner_cont, .ceo_wrap .row-1 .inner .img_box {
	float: left;
	width: 50%;
}

.ceo_wrap .row-1 .inner .sub_title {
	text-align: left;
}

.ceo_wrap .row-1 .inner h2 {
	font-size: 2.062rem;
	color: #111;
	position: relative;
}

.ceo_wrap .row-1 .inner h2::after {
	content: '';
	display: block;
	width: 35px;
	height: 4px;
	background: #006dbb;
	margin-top: 95px;
}

.ceo_wrap .row-1 .inner .inner_cont .text {
	font-size: 0.937rem;
	font-weight: 400;
	line-height: 1.7;
	color: #666;
	word-break: keep-all;
	margin-top: 35px;
}

.ceo_wrap .row-1 .sub_title { margin-bottom: 40px; }
.ceo_wrap .row-1 .inner02 { width: 100%; position: relative; }
.ceo_wrap .row-1 .inner02>div { width: 50%; }
/* .ceo_wrap .row-1 .inner02 .inner_cont { width: 100%; height: 100%; margin-left: 50%; position: absolute; top: 0; left: 0; } */
.ceo_wrap .row-1 .inner02 .inner_cont .text-box { width: 60%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);; z-index: 1; }
@media (max-width: 1440px) {
	.ceo_wrap .row-1 .inner02 .inner_cont .text-box { width: 50%; }
}
@media (min-width: 1200px) {
	.ceo_wrap .row-1 .inner02 .img_box { background: url(../images/ceo-text.png)no-repeat bottom left; background-size: cover; }
	.ceo_wrap .row-1 .inner02 .inner_cont:after { width: 100%; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.8); position: absolute; content: ''; }
}
@media (max-width: 1199px) {
	.ceo_wrap .row-1 .inner02 { background: rgba(255, 255, 255, 0.8); }
	.ceo_wrap .row-1 .inner02 { display: table; }
	.ceo_wrap .row-1 .inner02>div { display: table-cell; vertical-align: middle; }
	.ceo_wrap .row-1 .inner02 .inner_cont .text-box { width: 100%; position: static; transform: none; -webkit-transform: none; }
}
.ceo_wrap .row-1 .inner02 .text {
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	color: #000113;
	word-break: keep-all;
}

.ceo_wrap .row-1 .inner02 .sign {
	margin-top: 35px;
	font-size: 15px;
	color: rgba(0, 1, 19, 0.4);
}

.ceo_wrap .row-1 .inner02 .sign span {
	margin-top: 12px;
	display: block;
	font-size: 26px;
	font-weight: 500;
	color: #000113;
}
.ceo_wrap .row-1 .inner02 .sign span:after { display: inline-block; width: 154px; height: 39px; vertical-align: middle; margin-left: 10px; background: url(../images/ceo-sign.png)no-repeat; background-size: contain; content: ''; }
@media (max-width: 767px) {
	.ceo_wrap .row-1 { padding: 40px 0 80px; }
	.ceo_wrap .row-1 .inner .sub_title { text-align: center; }
	.ceo_wrap .row-1 .inner .inner_cont, .ceo_wrap .row-1 .inner .img_box { width: 100%; }
	.ceo_wrap .row-1 .inner h2 { font-size: 23px; }
	.ceo_wrap .row-1 .inner02, .ceo_wrap .row-1 .inner02>div { display: block; }
	.ceo_wrap .row-1 .inner02>div { width: 100%; padding: 0 20px; }
	.ceo_wrap .row-1 .inner02>div:last-child { padding: 20px; }
	.ceo_wrap .row-1 .inner02 .text { font-size: 1rem; line-height: 1.5; }
	.ceo_wrap .row-1 .inner h2::after { display: none; }
}


/******************************
	sub - 사업소개
******************************/

/* 제품개요 */

.bn_wrap .sub_title h2 {
	font-size: 2.5rem;
	font-weight: 300;
}

.bn_wrap .btn_more {
	display: block;
	width: 137px;
	padding: 13px 0;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 50px;
	margin: 32px auto 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: #fff;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.bn_wrap .btn_more:hover {
	background: #fff;
	color: #333;
}

.bn_wrap .row-1 {
	background: url("/wp-content/themes/iljin/assets/images/bg_bn01.jpg") center center no-repeat;
	background-size: cover;
	padding: 85px 0 117px;
    height: 830px;
    
}
.bn_wrap .row-1 .sub_title .category,
.bn_wrap .row-1 .sub_title h2,
.bn_wrap .row-1 .sub_title p {
	color: #fff;
}

.bn_wrap .row-1 .img_box_wrap {
	text-align: center;
	font-size: 0;
	margin-top: 25px;
}

.bn_wrap .row-1 .img_box_wrap .img_box {
	display: inline-block;
	margin: 0 14px;
}

.bn_wrap .row-1 .inner_list {
	font-size: 0;
	padding: 0 50px;
	margin: 70px -1% 0;
}

.bn_wrap .row-1 .inner_list li {
	display: inline-block;
	vertical-align: top;
	width: 31.3%;
	min-height: 426px;
	margin-left: calc( 1% );
	margin-right: calc( 1% );
	text-align: center;
	background: #e2e5f4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bn_wrap .row-1 .inner_list li:nth-child(2) {
	background: #e9ecf4;
}

.bn_wrap .row-1 .inner_list li:nth-child(3) {
	background: #e3e4f1;
}

.bn_wrap .row-1 .inner_list li .inner_cont {
	text-align: left;
	padding: 0 35px 30px;
}

.bn_wrap .row-1 .inner_list li .inner_cont h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
}

.bn_wrap .row-1 .inner_list li .inner_cont p {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #777;
}

.bn_wrap .row-2 {
	background: url("/wp-content/themes/iljin/assets/images/bg_bn02.jpg") center center no-repeat;
	background-size: cover;
	height: 830px;
	padding-top: 85px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bn_wrap .row-2 .sub_title .category,
.bn_wrap .row-2 .sub_title h2,
.bn_wrap .row-2 .sub_title p,
.bn_wrap .row-2 .btn_more {
	color: #313131;
}
.bn_wrap .row-2 .btn_more { border-color: #313131; }
.bn_wrap .row-2 .btn_more:hover { border-color: #fff; }

.bn_wrap .row-3 {
	background: url("/wp-content/themes/iljin/assets/images/SWG/iljin240312_bg_rb.jpg") center center no-repeat;
	background-size: cover;
	height: 830px;
	padding-top: 85px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bn_wrap .row-3 .sub_title .category,
.bn_wrap .row-3 .sub_title h2,
.bn_wrap .row-3 .sub_title p,
.bn_wrap .row-3 .btn_more {
	color: #313131;
}
.bn_wrap .row-3 .btn_more { border-color: #313131; }
.bn_wrap .row-3 .btn_more:hover { border-color: #fff; }
@media (max-width: 767px) {
	/* 제품개요 */
	.bn_wrap .row-1 { padding: 40px 0; }
	.bn_wrap .row-1 .img_box_wrap .img_box { width: calc(33.333% - 20px); margin: 0 10px; }
	.bn_wrap .row-2 { padding: 40px 0; height: 450px; }
}

/* 생산제품 */
.pro_wrap .tab_menu .tabs li {
	width: 50%;
}

.pro_wrap .tab_menu .tabs li p {
	display: table-cell;
	vertical-align: middle;
	height: 78px;
	font-size: 1.125rem;
	font-weight: 400;
	color: #989898;
}

.pro_wrap .tab_menu .tabs li p span {
	font-size: 0.812rem;
	font-weight: 700;
	color: #989898;
}
.pro_wrap .bearing-box { padding: 85px 0 58px; background: url(../images/product1-bg.jpg)no-repeat center top; background-size: cover; }
.pro_wrap .sub_title { margin-bottom: 80px; }
.pro_wrap .sub_title * { color: #fff; }
.pro_wrap .sub_title h2 {
	font-size: 2.5rem;
	font-weight: 300; line-height: 1;
}

.pro_wrap .sub_title h2 span {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 2px;
	color: #2d4e71;
	text-transform: uppercase;
	margin-left: 20px;
}

.pro_wrap .pro_list {
	font-size: 0;
	margin: 0 -21px;
}

.pro_wrap .pro_list>li {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333% - 42px);
	margin-left: 21px;
	margin-right: 21px;
	margin-bottom: 40px;
}

.pro_wrap .pro_list li .inner_cont {
	background: #e7ebf2;
	padding: 30px 22px 28px;
	min-height: 161px;
	word-break: keep-all;
}

.pro_wrap .pro_list li .inner_cont h3 {
	font-size: 1.125rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}

.pro_wrap .pro_list li .inner_cont p {
	font-size: 0.937rem;
	font-weight: 400;
	line-height: 1.5;
	color: #777;
}

.pro_wrap .detail_list {
	background: #e8eef6;
	padding: 25px 15px;
	margin-top: 20px;
}

.pro_wrap .pro_list li .inner_cont .detail_list .tit {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
	margin-right: 5px;
}

.pro_wrap .pro_list li .inner_cont .detail_list .tex {
	display: inline-block;
	vertical-align: top;
	width: calc( 100% - 65px );
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5;
	color: #777;
	word-break: keep-all;
}
.pro_wrap .pro_list li .img_box { position: relative; }
.pro_wrap .pro_list li .img_box a { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.pro_wrap .pro_list li .img_box:hover a:before { width: 81px; height: 81px; margin-left: -40.5px; margin-top: -40.5px; border-radius: 100%; background: url(../images/hover-ico.png)no-repeat rgba(120, 181, 224, 0.6); background-size: contain; position: absolute; top: 50%; left: 50%; z-index: 1; content: ''; }
@media (max-width: 767px) {
	.pro_wrap .pro_list { margin: 0 -10px; }
	.pro_wrap .pro_list>li { width: calc(100% - 20px); display: table; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; background: #f8fafd; }
	.pro_wrap .pro_list li>div { display: table-cell; vertical-align: middle; }
	.pro_wrap .pro_list li>div:first-child { width: 35%; }
	.pro_wrap .pro_list li .inner_cont { padding: 20px; width: 65%; }
}
/* 사업소개 > 자동차 부품 */
.pro_wrap.v1 { padding-bottom: 58px; background: url(../images/product01-bg.jpg)no-repeat center; background-size: cover; }
.pro_wrap.v1 .tabs { width: calc(100% + 100px); text-align: center; padding: 90px 0 68px; margin: 0 -50px; font-size: 0; }
.pro_wrap.v1 .tabs li { display: inline-block; margin: 0 50px; font-family: 'Roboto'; font-size: 20px; font-weight: 500; letter-spacing: 0; color: #fff; opacity: .7; cursor: pointer; }
.pro_wrap.v1 .tabs li.active { opacity: 1; border-bottom: 3px solid #fff; padding-bottom: 10px; }
.pro_wrap.v1 .tabs li:before { display: block; width: 100%; height: 51px; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; content: ''; }
.pro_wrap.v1 .tabs li:nth-child(1):before { background-image: url(../images/bearing-tab1.png); }
.pro_wrap.v1 .tabs li:nth-child(2):before { background-image: url(../images/bearing-tab2.png); }
.pro_wrap.v1 .tabs li:nth-child(3):before { background-image: url(../images/bearing-tab3.png); }
.pro_wrap.v1 .pro_list li .inner_cont { min-height: 254px; }
/* 팝업 */
body #galpop-container { border-radius: 0; padding: 0; }
body #galpop-close { width: 35px; height: 35px; background: url(../images/popup-close.png)no-repeat; background-size: contain; top: 11px; right: -55px; }
@media (max-width: 767px) {
	.pro_wrap .sub_title h2 { font-size: 23px; }
	.pro_wrap .sub_title { margin-bottom: 50px; }
	.pro_wrap.v1 .tabs { width: 100%; margin: 0; padding: 40px 20px; }
	.pro_wrap.v1 .tabs li { width: 33.333%; min-height: 90px; margin: 0; font-size: 12px; vertical-align: top; }
	.pro_wrap.v1 .tabs li:before { background-size: contain; width: 35%; margin: 0 auto 5px; }
	.pro_wrap.v1 .tabs li.active { padding-bottom: 5px; }
	body #galpop-close { top: -55px; right: 0; }
}

/* 계열사 소개 */

.tab_menu.page {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.tab_menu.page .tabs {
	font-size: 0;
}

.tab_menu.page .tabs li {
	display: inline-block;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	color: #888;
	padding: 23px 0;
	position: relative;
	cursor: pointer;
}
.tab_menu.page .tabs li.active,
.tab_menu.page .tabs li:hover {
	font-weight: 700;
	color: #223585;
}
.tab_menu.page .tabs li.active::after,
.tab_menu.page .tabs li:hover::after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #006dbb;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.sub_com_wrap .tab_menu .tabs li {
	width: 50%;
}

.tab_menu.page .tab-nav {
	font-size: 0;
}

.tab_menu.page .tab-nav li {
	display: inline-block;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	color: #888;
	padding: 23px 0;
	position: relative;
	cursor: pointer;
}
.tab_menu.page .tab-nav li.active,
.tab_menu.page .tab-nav li:hover {
	font-weight: 700;
	color: #223585;
}
.tab_menu.page .tab-nav li.active::after,
.tab_menu.page .tab-nav li:hover::after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #006dbb;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.sub_com_wrap .tab_menu .tab-nav li {
	width: 50%;
}
.tab_menu.page .tab-nav li.category_tab {
	padding:0;
}
.category_tab a {
	display:inline-block;
	width:100%;
	height:100%;
	padding:23px 0;
}

.sub_com_wrap .sub_com {
	padding: 98px 0 104px;
	position: relative;
}

.sub_com_wrap .sub_com01 {
	background: url("/wp-content/themes/iljin/assets/images/bg_sub_com01.jpg") center top no-repeat;
	background-size: cover;
}

.sub_com_wrap .sub_com .title {
	text-align: center;
	margin-bottom: 70px;
}

.sub_com_wrap .sub_com .title .number {
	width: 119px;
	height: 119px;
	background: url("/wp-content/themes/iljin/assets/images/bg_number.png") no-repeat;
	margin: 0 auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 3.125rem;
	font-weight: 100;
	letter-spacing: 0;
	line-height: 119px;
	color: #313131;
}

.sub_com_wrap .sub_com .title h2 {
	font-size: 2.375rem;
	font-weight: 300;
	letter-spacing: 0;
	color: #313131;
	margin: 30px 0 10px;
}

.sub_com_wrap .sub_com .title p {
	font-size: 0.937rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #313131;
}

.sub_com_wrap .sub_com .scroll:after { display: inline-block; width: 17px; height: 22px; margin: 26px auto 0; background: url(../images/arrow2.png)no-repeat; background-size: contain; content: ''; }

.sub_com_wrap .sub_com_list {
	font-size: 0;
	margin: 0 -1%;
}

.sub_com_wrap .sub_com_list li {
	display: inline-block;
	min-height: 326px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 24px;
	color: #000;
}
.sub_com_wrap .sub_com_list li .li_box {
	background: rgba(191, 191, 191, 0.8);
    width: calc(100% - 36px);
    height: 100%;
    position: absolute;
    padding: 27px 18px;
    margin: 0 18px;
}

.sub_com_wrap .sub_com_list li .top {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.sub_com_wrap .sub_com_list li .top h3 {
	font-size: 1.375rem;
	font-weight: 100;
}

.sub_com_wrap .sub_com_list li .top span {
	display: block;
	font-size: 0.812rem;
	font-weight: 500;
	margin-top: 10px;
}

.sub_com_wrap .sub_com_list .detail_list {
	padding: 15px 10px;
}

.sub_com_wrap .sub_com_list .detail_list li {
	font-size: 0;
	line-height: 1.7;
	width:100%;
	margin:0;
	min-height:auto;
	background:none;
	padding:0;
	color:#000;
}

.sub_com_wrap .sub_com_list .detail_list li .tit {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	font-size: 0.812rem;
	font-weight: 500;
}

.sub_com_wrap .sub_com_list .detail_list li .tex {
	display: inline-block;
	vertical-align: top;
	width: calc( 100% - 50px );
	font-size: 12px; letter-spacing: -0.5px;
}

.sub_com_wrap .sub_com_list li .btn_map {
	display: block;
	width: 87px;
	height: 35px;
	line-height: 33px;
	border: 1px solid #000;
	border-radius: 50px;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	background: none;
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.sub_com_wrap .sub_com_list li .btn_map:after { display: inline-block; width: 9px; height: 13px; margin-left: 9px; background: url(../images/map-marker.png)no-repeat; background-size: contain; content: ''; }

.sub_com_slide .slick-prev {
	width: 66px;
	height: 66px;
	background: url("/wp-content/themes/iljin/assets/images/slide_arrow01.jpg") no-repeat;
	font-size: 0;
	position: absolute;
    bottom: 101px;
    right: -97px;
}

.sub_com_slide .slick-next {
	width: 66px;
	height: 66px;
	background: url("/wp-content/themes/iljin/assets/images/slide_arrow02.jpg") no-repeat;
	font-size: 0;
	position: absolute;
    bottom: 24px;
    right: -97px;
}

.sub_com_slide .slick-slide {
	outline: none;
	margin: 0 1%;
}
.sub_com_wrap .side-link.title { height: 577px; padding: 98px 53px 0; position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.4); }
.sub_com_wrap .side-link.title .number { color: #fff; background-image: url(../images/bg_number-w.png); }
.sub_com_wrap .side-link.title a { width: 227px; height: 73px; margin-left: -113.5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); position: absolute; bottom: 172px; left: 50%; cursor:pointer; }
.sub_com_wrap .side-link.title h2 { margin-top: 0; }
.sub_com_wrap .side-link.title h2:after { display: inline-block; width: 23px; height: 23px; margin-left: 18px; margin-top: 10px; vertical-align: top; background: url(../images/plus-ico.png)no-repeat; background-size: contain; content: ''; }
.sub_com_wrap .side-link.title h2, .sub_com_wrap .side-link.title p { color: #fff; text-align: left; }
/* 국내사업장_수정 */
.sub_com_wrap .tab-contents { width: 100%; overflow-x: hidden; position: relative; }
.sub_com_wrap .sub_com_list { margin: 0 -9px; }
.sub_com_wrap .sub_com_list:after { display: block; clear: both; content: ''; }
.sub_com_wrap .sub_com_list>li { float: left; width: calc(50% - 18px); min-height: 179px; margin: 0 9px 18px; padding: 33px 26px 0; background: rgba(228, 228, 228, 0.8); }
.sub_com_wrap .sub_com_list>li h3 { font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: #000; }
.sub_com_wrap .sub_com_list li .btn_map { top: 24px; right: 18px; bottom: auto; left: auto; border-color: rgba(0, 0, 0, 0.4); transform: none; }
.sub_com_wrap .sub_com_list .detail_list li .tex { font-size: 14px; }
.sub_com_wrap .sub_com_list .detail_list .addr { width: 100%; margin-bottom: 5px; }
.sub_com_wrap .sub_com_list .detail_list .addr .tex { font-size: 14px; width: 100%; margin-top: 25px; }
.sub_com_wrap .sub_com_list .detail_list .tel { width: 26%; }
.sub_com_wrap .sub_com_list .detail_list .fax { width: 74%; }
.sub_com_wrap .sub_com_list .detail_list { padding: 0; }
.sub_com_wrap .sub_com_slide .item { margin-bottom: 25px; }
.sub_com_wrap .sub_com_slide .item-tit { font-size: 24px; font-weight: 500; letter-spacing: -0.5px; color: #000; margin-bottom: 12px; }
.sub_com_wrap .sub_com_slide .item-tit:before { display: inline-block; width: 4px; height: 4px; margin-right: 10px; border-radius: 100%; background: #000; vertical-align: middle; content: ''; }
.sub_com_wrap .sub_com_list2 .detail_list .tel { width: 32%; }
.sub_com_wrap .sub_com_list2 .detail_list .fax { width: 68%; }
.sub_com_wrap .sub_com_list2 li .btn_map:after { display: none; }
.sub_com_wrap .sub_com_list2 li .btn_map img { margin-left: 7px; }
@media (max-width: 1024px) {
	.sub_com_wrap .sub_com_list .detail_list .tel, .sub_com_wrap .sub_com_list .detail_list .fax,
	.sub_com_wrap .sub_com_list2 .detail_list .tel,	.sub_com_wrap .sub_com_list2 .detail_list .fax { width: 100%; }
}

/* map popup */

.popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 100;
	display: none;
}

.popup_wrap .pop_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding:32px 130px 48px;
	width:1220px;
}

.popup_wrap .pop_inner .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 35px;
	height: 35px;
	background: url("/wp-content/uploads/2020/01/popup_close.png") no-repeat;
	/* font-size: 0; */
	cursor: pointer;
	outline: none;
}

.popup_wrap .popup .inner {
	text-align: center;
}

.popup_wrap .popup .inner h1 {
	font-size: 1.142rem;
	font-weight: 500;
	color: #333;
}

.popup_wrap .popup .inner .popup_title {
	font-size:28px;
	letter-spacing:-0.25px;
	color:#333333;
	margin-bottom:35px;
}
.popup_wrap .inner .top_wrap {
	font-size:0;
}
.popup_wrap .inner .top_wrap .popup_left {
	display:inline-block;
	width: 44%;
	vertical-align: top;
}
.popup_wrap .inner .top_wrap .popup_right {
	display:inline-block;
	width: 56%;
	vertical-align: top;
}
.popup_wrap .inner .top_wrap .popup_right .map {
	width: auto;
	height: 367px;
}
.popup_wrap .inner .bottom_wrap {
	margin-top:30px;
}
.popup_wrap .inner .bottom_wrap .col3 {
	font-size:0;
}
.popup_wrap .inner .bottom_wrap .col3 li {
	display:inline-block;
	width:300px;
	font-size:14px;
	letter-spacing:-0.25px;
	color:#777777;
	text-align:left;
	vertical-align: top;
	float:left;
	position:relative;
	border-left: 1px solid #e5e5e5; min-height: 93px;
}
.popup_wrap .inner .bottom_wrap .col3 li:last-child {
	width: calc(100% - 600px);
}
.popup_wrap .inner .bottom_wrap .col3 li dt{
	font-weight:bold;
	color:#333333;
	display:inline-block;
	width: 75px;
	padding-left:10px;
	vertical-align: top;
}
.popup_wrap .inner .bottom_wrap .col3 li:first-child dt {
	width: 45px;
}
.popup_wrap .inner .bottom_wrap .col3 li:first-child dd { width: calc(100% - 45px); }
:lang(en) .popup_wrap .inner .bottom_wrap .col3 li:first-child dt {
	width: 70px;
}
:lang(en) .popup_wrap .inner .bottom_wrap .col3 li:first-child dd { width: calc(100% - 70px); }
.popup_wrap .inner .bottom_wrap .col3 li dd{
	display:inline-block; width: calc(100% - 75px);
}
.popup_wrap .inner .bottom_wrap .col3 li dd div {
	margin-bottom: 10px;
}
.popup_wrap .inner .bottom_wrap .col3 li dd p {
	position:relative;
	padding-left:8px;
}
.popup_wrap .inner .bottom_wrap .col3 li dd p:before {
	content:"";
	width:2px;
	height:2px;
	background-color:#969696;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.popup_wrap .inner .bottom_wrap .col3 li dd p:nth-child(n+2) {
	margin-top: 10px;
}
.popup_wrap .inner .bottom_wrap .col3 li img {
	position:absolute;
	right:0;
	top:0;
}

@media (max-width: 1700px) {
	.sub_com_wrap .side-link.title { height: 410px; padding: 34px 28px 0; }
	.sub_com_wrap .side-link.title a { bottom: 90px; }
}
@media (max-width: 1440px) {
	.sub_com_slide .slick-prev, .sub_com_slide .slick-next { bottom: -66px; right: 0; }
	.sub_com_slide .slick-prev { right: 66px; }
}
@media (max-width: 767px) {
	.sub_com_wrap .sub_com { padding: 50px 0 100px; }
	.sub_com_wrap .side-link.title { display: none; }
	.sub_com_wrap .sub_com_list li .li_box { width: calc(100% - 20px); margin: 0 10px;}
	.sub_com_wrap .sub_com_list .detail_list { padding: 15px 0; }
	.sub_com_wrap .sub_com_list .detail_list li .tit { width: 38px; }
	.sub_com_wrap .sub_com_list li .btn_map { bottom: 20px; }
	.tab_menu.page .container { padding: 0; margin: 0 auto; }
	.tab_menu.page .tabs li { padding: 18px 0; }
	.popup_wrap .pop_inner { height: 500px; position: fixed; overflow-y: scroll; }
	.popup_wrap .popup .inner .popup_title { font-size: 19px; margin-bottom: 10px; }

	/* 사업장_추가 */
	.sub_com_wrap .sub_com_list>li { width: calc(100% - 18px); padding: 20px 15px 10px; }
	.sub_com_wrap .sub_com_list .detail_list { padding: 0; }
	.sub_com_wrap .sub_com_list1 li .btn_map { top: auto; bottom: 20px; }
}
@media (max-width: 499px) {
	.sub_com_wrap .sub_com_list li .li_box { width:100%; padding: 20px 18px; margin:0; }
}

/* 연구소소개 > 비전 */
.sub_visual.sub06 { background-image: url(../images/sub06.jpg); }
.tab_menu.page .tabs.col-3 li { width: 33.333%; }
.bn_wrap.re .row-1 { padding-bottom: 112px; background-image: url(../images/vision-bg1.jpg); }
.bn_wrap.re .row-2 { padding-bottom: 58px; background-image: url(../images/vision-bg2.jpg); }
.bn_wrap.re .row-3 { padding: 88px 0 220px; }
.bn_wrap.re .vision-box { margin-top: 74px; }
.bn_wrap.re .vision-box li { float: left; width: 33.333%; text-align: center; }
.bn_wrap.re .row-2 h2 { font-size: 28px; font-weight: 400; color: #fff; text-align: center; margin-bottom: 35px; }
.bn_wrap.re .caption { font-size: 11px; font-weight: 300; margin-top: 20px; color: #fff; }
.bn_wrap.re .row-3 h2 { font-size: 50px; color: #0570bc; line-height: 1.3; margin-bottom: 40px; }
.bn_wrap.re .row-3 h3, .bn_wrap.re .row-3 p { color: #000; line-height: 1.7; }
.bn_wrap.re .row-3 h3 { font-size: 28px; font-weight: 400; margin-bottom: 15px; }
.bn_wrap.re .row-3 h2, .bn_wrap.re .row-3 p, .bn_wrap.re .row-3 h3 { text-align: center; }
.bn_wrap.re .step-box { margin-top: 75px; }
.bn_wrap.re .step-box .tit { font-size: 18px; font-weight: 700; text-transform: uppercase; }
.bn_wrap.re .step-box .tit:first-child { color: #0570bc; }
.bn_wrap.re .step-box ul { padding: 50px 80px 50px 0; margin-top: -10px; margin-bottom: 46px; position: relative; }
.bn_wrap.re .step-box ul:after { display: block; clear: both; content: ''; }
.bn_wrap.re .step-box ul:before { width: 80px; height: 288px; margin-top: -144px; background: url(../images/process-arrow.png)no-repeat; content: ''; position: absolute; right: 1px; top: 50%; }
.bn_wrap.re .step-box ul li { float: left; height: 188px; display: table; width: 20%; text-align: center; position: relative; }
.bn_wrap.re .step-box ul li:after { width: 12px; height: 12px; background: url(../images/process-more.png)no-repeat; background-size: contain; content: ''; position: absolute; right: 11px; bottom: 14px; }
.bn_wrap.re .step-box ul li p { display: table-cell; vertical-align: middle; font-size: 20px; font-weight: 700; line-height: 1.5; }
.bn_wrap.re .step-box .process li:nth-child(1) { background: #26a5ff; }
.bn_wrap.re .step-box .process li:nth-child(1):after { display: none; }
.bn_wrap.re .step-box .process li:nth-child(2) { background: #26d3c4; }
.bn_wrap.re .step-box .process li:nth-child(3) { background: #40af26; }
.bn_wrap.re .step-box .process li:nth-child(4) { background: #ffbf26; }
.bn_wrap.re .step-box .process li:nth-child(5) { background: #ff2626; }
.bn_wrap.re .step-box .process li p { color: #fff; }
.bn_wrap.re .step-box .process li p:before { display: block; width: 100%; height: 64px; margin-bottom: 18px; background-position: center; background-repeat: no-repeat; content: ''; }
.bn_wrap.re .step-box .process li:nth-child(1) p:before { background-image: url(../images/process01.png); }
.bn_wrap.re .step-box .process li:nth-child(2) p:before { background-image: url(../images/process02.png); }
.bn_wrap.re .step-box .process li:nth-child(3) p:before { background-image: url(../images/process03.png); }
.bn_wrap.re .step-box .process li:nth-child(4) p:before { background-image: url(../images/process04.png); }
.bn_wrap.re .step-box .process li:nth-child(5) p:before { background-image: url(../images/process05.png); }
.bn_wrap.re .step-box ul li .layer { position: absolute; left: 50%; top: 182px; border: 1px solid #64676b; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1; display: none; overflow: hidden; }
.bn_wrap.re .step-box ul li .layer img { max-width: inherit; }
.bn_wrap.re .step-box ul li:hover .layer { display: block; }
.bn_wrap.re .step-box .process li:last-child .layer { right: 0; left: auto; transform: none; -ms-transform: none; -webkit-transform: none; }
.bn_wrap.re .step-box .proto li { width: 25%; color: #333; }
.bn_wrap.re .step-box .proto li:after { background-image: url(../images/proto-more.png); }
.bn_wrap.re .step-box .proto li:nth-child(1) { background: #e6e8ea; }
.bn_wrap.re .step-box .proto li:nth-child(2) { background: #d9dcdf; }
.bn_wrap.re .step-box .proto li:nth-child(3) { background: #cdd1d5; }
.bn_wrap.re .step-box .proto li:nth-child(4) { background: #c0c5ca; }
.bn_wrap.re .step-box .proto:before { background-image: url(../images/proto-arrow.png); }
@media (max-width: 1220px ) {
	.bn_wrap.re .vision-box li { padding: 0 10px; }
}
@media (max-width: 767px) {
	.bn_wrap .sub_title h2, .bn_wrap.re .row-2 h2 { font-size: 22px; }
	.sub_title h2 br { display: none; }
	.sub_title h2 br.m_ver { display: block; }
	.bn_wrap.re .row-2 { height: auto; }
	.bn_wrap.re .row-3 { padding: 50px 0 100px; }
	.bn_wrap.re .row-3 h2 { font-size: 24px; margin-bottom: 20px; }
	.bn_wrap.re .row-3 h3 { font-size: 20px; margin-bottom: 10px; }
	.bn_wrap.re .step-box { margin-top: 40px; }
	.bn_wrap.re .step-box ul { padding-right: 40px; }
	.bn_wrap.re .step-box ul:before { width: 40px; height: 144px; margin-top: -72px; background-size: contain; }
	.bn_wrap.re .step-box ul li { height: 110px; }
	.bn_wrap.re .step-box ul li:after { width: 8px; height: 8px; right: 5px; bottom: 5px; }
	.bn_wrap.re .step-box ul li p { font-size: 10px; }
	.bn_wrap.re .step-box .process li p { vertical-align: top; padding-top: 20px; }
	.bn_wrap.re .step-box .process li p:before { height: 30px; margin-bottom: 10px; background-size: contain; }
	.bn_wrap.re .step-box ul li .layer { top: 105px; max-width: 245px; }
	.bn_wrap.re .step-box ul li:first-child .layer,
	.bn_wrap.re .step-box ul li:last-child .layer,
	.bn_wrap.re .step-box .process li:nth-child(2) .layer { transform: none; -webkit-transform: none; -ms-transform: none; }
	.bn_wrap.re .step-box ul li:first-child .layer,
	.bn_wrap.re .step-box .process li:nth-child(2) .layer { left: 0; }
	.bn_wrap.re .step-box ul li:last-child .layer { left: auto; right: 0; }
}

/* 홍보센터 */
.sub_visual.sub_prm { background-image: url(../images/promotion-bg.jpg); }
.sub_wrap { padding: 85px 0 125px; }
@media (max-width: 767px) {
	.sub_wrap { padding: 40px 0 80px; }
}

/* 홍보센터 > 홍보동영상 */
.video { padding-top: 56.25%; position: relative; }
.video iframe { position: absolute; top: 0; left: 0; }
.syncing-slider .slider-for p { font-size: 26px; font-weight: 500; color: #313131; text-align: center; margin-top: 30px; }
.syncing-slider .slider-nav p { font-size: 19px; font-weight: 500; color: #313131; }
.syncing-slider .slider-nav { margin: 64px -7px 0; }
.syncing-slider .slider-nav .item { margin: 0 7px; }
.syncing-slider .slider-nav .date { font-family: 'Roboto'; font-size: 12px; margin-top: 12px; }
.syncing-slider .slider-nav .thumb { margin-bottom: 18px; border: 6px solid transparent; position: relative; }
.syncing-slider .slider-nav .thumb:after { width: 57px; height: 57px; margin-top: -28.5px; margin-left: -28.5px; border-radius: 100%; border: 2px solid #fff; background: url(../images/video-play.png)no-repeat rgba(0, 0, 0, 0.25); background-size: contain; position: absolute; top: 50%; left: 50%; content: ''; }
.syncing-slider .slider-nav .slick-current .thumb:after { display: none; }
.syncing-slider .slider-nav .slick-current .thumb { border-color: #006dbb; }
.syncing-slider .slick-prev, .syncing-slider .slick-next {
	width: 66px; height: 66px; font-size: 0; position: absolute; right: -97px;
	box-shadow: 5px 0 16px rgba(0, 0, 0, 0.08);
}
.syncing-slider .slick-prev { bottom: 135px; background: url(../images/slide_arrow01.jpg)no-repeat; background-size: contain; }
.syncing-slider .slick-next { bottom: 58px; background: url(../images/slide_arrow02.jpg)no-repeat; background-size: contain; }
.prm_wrap .syncing-slider { margin-top: 40px; }
@media (max-width: 767px) {
	.syncing-slider .slider-for p { font-size: 18px; }
	.syncing-slider .slider-nav p { font-size: 1rem; }
	.syncing-slider .slider-nav .thumb { margin-bottom: 10px; }
	.syncing-slider .slick-prev, .syncing-slider .slick-next { width: 30px; height: 30px; right: 0; bottom: -50px; }
	.syncing-slider .slick-prev { right: 40px; }
}

/* 홍보센터 > 사이버역사관 */
.sub_history { height: 835px; background-image: url(../images/history-bg.jpg); }
.sub_history .inner h1 { margin-top: 50px; font-family: 'Roboto'; font-size: 50px; font-weight: 700; text-transform: uppercase; }
.sub_history .inner p { font-size: 1rem; font-weight: 500; }
.sub_history .mouse_scroll { position: static; margin-top: 40px; }
.cyber_wrap { padding: 0; }
.cyber_wrap .sub_title { margin-bottom: 78px; }
.cyber_wrap .year-tit { margin-bottom: 50px; font-family: 'Roboto'; font-size: 100px; font-weight: 900; letter-spacing: -8px; line-height: 72px; }
.cyber_wrap .year-tit span { display: inline-block; font-weight: 900; vertical-align: text-bottom; }
.cyber_wrap .sub_title p { color: #333; letter-spacing: -0.75px; font-size: 1rem; font-weight: 500; }
.cyber_wrap .anchor { padding-top: 104px; }
.cyber_wrap .history-box li { position: relative; }
.cyber_wrap .history-box .detail { display: table; width: 57%; min-height: 253px; margin-left: 43%; padding: 40px 30px 40px 134px; background: rgba(255, 255, 255, 0.7); position: absolute; right: 0; }
.cyber_wrap .history-box .detail h3 { margin-bottom: 10px; font-family: 'Roboto'; font-size: 44px; font-weight: 900; letter-spacing: -0.5px; color: #b59073; position: relative; }
.cyber_wrap .history-box .detail h3:before { width: 78px; height: 2px; margin-top: -1px; background: #e63939; position: absolute; top: 50%; left: -105px; content: ''; z-index: 2; }
.cyber_wrap .history-box .detail h3 span { margin-left: 8px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 700; }
.cyber_wrap .history-box .detail p { font-size: 14px; color: #333; line-height: 1.642; letter-spacing: -0.5px; }
.cyber_wrap .history-box .detail .inner { display: table-cell; vertical-align: middle; }
.cyber_wrap .history-box .thumb { position: relative; z-index: 1; }
.cyber_wrap .history-box .thumb.pattern:before { width: 130px; height: 130px; background: url(../images/history-ic1.png)no-repeat; position: absolute; top: -69px; left: -72px; content: ''; }
.cyber_wrap .history-box .caption { width: 100%; font-size: 13px; font-weight: 700; position: absolute; bottom: -30px; line-height: 23px; letter-spacing: -0.5px; }
.cyber_wrap .history-box .caption.v2 { font-size: 15px; }
.cyber_wrap .history-box .align-right { text-align: right; }
.cyber_wrap .history-box .align-right .detail { padding: 40px 134px 40px 45px; margin-left: 0; margin-right: 43%; right: auto; left: 0; }
.cyber_wrap .history-box .align-right .detail h3 { position: relative; }
.cyber_wrap .history-box .align-right .detail h3:before { left: auto; right: -105px; }
.cyber_wrap .history-box .align-right .detail h3 span { position: absolute; right: 103px; bottom: 10px; }
.cyber_wrap .history-box li:nth-child(1) .detail { top: 92px; }
.history-1978 { padding-bottom: 196px; background: url(../images/history-1978.jpg)no-repeat top center; background-size: cover; }
.history-1982 { padding-bottom: 190px; background: url(../images/history-1982.jpg)no-repeat top center; background-size: cover; }
.history-1985 { padding-bottom: 188px; background: url(../images/history-1985.jpg)no-repeat bottom center; background-size: cover; }
.history-1994 { padding-bottom: 136px; background: url(../images/history-1994.jpg)no-repeat top center; background-size: cover; }
.history-2008 { padding-bottom: 144px; background: url(../images/history-2008.jpg)no-repeat top center #e4e4e4; }
.history-1978 .history-box li:nth-child(2) { margin-top: -99px; }
.history-1978 .history-box li:nth-child(2) .detail { bottom: -63px; }
.history-1978 .history-box li:nth-child(2) .thumb { right: -136px; }
.history-1978 .history-box li:nth-child(3) { margin-top: 135px; }
.history-1978 .history-box li:nth-child(3) .detail { top: 30px; }
.history-1978 .history-box li:nth-child(3) .position { padding-left: 53px; left: 50%; bottom: -65px; }
.cyber_wrap .history-box .position { position: absolute; }
.cyber_wrap .history-box .position>div { display: inline-block; }
.history-1978 .history-box .position>div:first-child { margin-right: 12px; }
.history-1982 .history-box li:nth-child(1) .position { left: -108px; bottom: -36px; }
.history-1982 .history-box li:nth-child(2) { margin-top: -77px; margin-bottom: 135px; }
.history-1982 .history-box li:nth-child(2) .detail { bottom: -62px; }
.history-1982 .history-box li:nth-child(2) .thumb { display: inline-block; }
.history-1982 .history-box li:nth-child(2) .thumb .caption { text-align: left; }
.history-1982 .history-box li:nth-child(2) .thumb>.caption { padding-left: 82px; }
.history-1982 .history-box li:nth-child(2) .position { right: -190px; bottom: -43px; }
.history-1982 .history-box li:nth-child(3) .position { position: static; display: inline-block; vertical-align: bottom; transform: translateY(70px); }
.history-1982 .history-box li:nth-child(3) .position>div { vertical-align: bottom; }
.history-1982 .history-box li:nth-child(3) .position>div:last-child { margin-left: 22px; padding-bottom: 30px; }
.history-1982 .history-box li:nth-child(3) .position>div:last-child .caption { bottom: 0; }
.history-1985 .history-box li:nth-child(1) .thumb>.caption { bottom: 84px; }
.history-1985 .history-box li:nth-child(1) .position { bottom: -40px; right: 0; text-align: right; }
.history-1985 .history-box li:nth-child(2) { margin-top: 230px; }
.history-1985 .history-box li:nth-child(2) .position { bottom: -82px; left: -163px; }
.history-1985 .history-box li:nth-child(2) .detail { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.history-1994 .history-box li:nth-child(1) .thumb:before { background-image: url(../images/history-ic2.png); }
.history-1994 .history-box li:nth-child(1) .position { position: static; }
.history-1994 .history-box li:nth-child(1) .position>div { position: absolute; }
.history-1994 .history-box li:nth-child(1) .position>div:first-child { left: -108px; bottom: -53px; }
.history-1994 .history-box li:nth-child(1) .position>div:last-child { right: -58px; bottom: -88px; }
.history-1994 .history-box li:nth-child(1) .position>div:first-child .caption { left: calc(100% + 20px); bottom: 20px; }
.history-1994 .history-box li:nth-child(1) .position>div:last-child .caption { width: calc(100% + 10px); }
.history-1994 .history-box li:nth-child(2) { margin-top: 94px; }
.history-1994 .history-box li:nth-child(2) .thumb { margin-left: -64px; }
.history-1994 .history-box li:nth-child(2) .position { right: -37px; bottom: 35px; }
.history-1994 .history-box li:nth-child(3) { margin: 115px 0 122px; }
.history-1994 .history-box li:nth-child(3) .thumb { padding-right: 103px; }
.history-1994 .history-box li:nth-child(3) .position { right: 0; bottom: -66px; }
.history-1994 .history-box li:nth-child(3) .position>div { position: relative; text-align: left; margin-left: 10px; }
.history-1994 .history-box li:nth-child(3) .position>div:last-child .caption { bottom: -52px; letter-spacing: -1px; }
.history-1994 .history-box li:nth-child(3) .detail { bottom: 50px; }
.history-1994 .history-box li:nth-child(4) .position { left: -75px; bottom: -155px; }
.history-1994 .history-box li:nth-child(4) .detail { bottom: 48px; }
.history-1994 .history-box li:nth-child(5) { margin-top: 236px; text-align: right; padding-right: 190px; }
.history-1994 .history-box li:nth-child(5) .item { display: inline-block; margin-right: 14px; text-align: center; position: relative; }
.history-1994 .history-box li:nth-child(5) .position { bottom: 0; right: 0; }
.history-1994 .history-box li:nth-child(5) .position .caption { bottom: 34px; }
.history-2008 .history-box li:nth-child(1) { margin-bottom: 75px; }
.history-2008 .history-box li:nth-child(1) .position { position: static; }
.history-2008 .history-box li:nth-child(1) .position>div { position: absolute; }
.history-2008 .history-box li:nth-child(1) .position>div:first-child { left: -175px; bottom: -72px; }
.history-2008 .history-box li:nth-child(1) .position>div:last-child { right: -210px; bottom: -46px; }
.history-2008 .history-box li:nth-child(1) .detail { top: 28px; }
.history-2008 .history-box li:nth-child(2) .thumb { width: 49%; text-align: right; }
.history-2008 .history-box li:nth-child(2) .position { right: -48px; bottom: -146px; }
.history-2008 .history-box li:nth-child(2) .position>div { vertical-align: bottom; }
.history-2008 .history-box li:nth-child(2) .position>div:last-child { position: relative; padding-bottom: 30px; margin-left: 40px; }
.history-2008 .history-box li:nth-child(2) .position>div:last-child .caption { bottom: 0; text-align: center; }
.history-2008 .history-box li:nth-child(3) .thumb { padding-left: calc(50% + 16px); text-align: left; margin-top: -95px; }
.history-2008 .history-box li:nth-child(3) .detail { bottom: 50px; }
.history-2008 .history-box li:nth-child(3) .position { right: -54px; bottom: 0; }
.history-2008 .history-box li:nth-child(3) .position>div { position: relative; }
.history-2008 .history-box li:nth-child(3) .position>div:first-child { left: 58px; }
.history-2008 .history-box li:nth-child(3) .position>div:last-child { bottom: 180px; text-align: center; }
.history-2008 .history-box li:nth-child(3) .position>div:last-child .caption { padding-left: 15px; }
.history-2008 .history-box li:nth-child(4) { margin-top: 136px; }
.history-2008 .history-box li:nth-child(4) .thumb { padding-left: 136px; }
.history-2008 .history-box li:nth-child(4) .detail { top: 24px; min-height: 370px; }
.history-2008 .history-box li:nth-child(4) .position { left: 0; bottom: 40px; }
.history-2008 .history-box li:nth-child(5) { margin-top: 135px; }
.history-2008 .history-box li:nth-child(5) .detail { top: 98px; }
@media (max-width: 1221px) {
	.cyber_wrap .history-box .align-right .thumb { width: 100%; }
	.cyber_wrap .history-box .thumb>img,
	.cyber_wrap .history-box .align-right .thumb>img { width: 49%; }
	.cyber_wrap .history-box .thumb.pattern:before { width: 40px; height: 40px; background-size: contain; left: -10px; top: -20px; }
	.history-1978 .history-box li:nth-child(2) .thumb { right: 0; }
	.history-1982 .history-box li:nth-child(1) .position { position: static; margin-top: -50px; }
	.history-1982 .history-box li:nth-child(2) .position { right: -10px; }
	.history-1985 .history-box li:nth-child(1) .thumb>img { width: 75%; }
	.history-1985 .history-box li:nth-child(2) .position { left: -10px; }
	.history-1994 .history-box li:nth-child(1) .position>div:first-child { position: static; margin-top: -50px; }
	.history-1994 .history-box li:nth-child(1) .position>div:last-child { right: 0; bottom: 27px; }
	.history-1994 .history-box li:nth-child(2) .thumb { margin-left: 0; }
	.history-1994 .history-box li:nth-child(2) .thumb>img { width: 40%; }
	.history-1994 .history-box li:nth-child(3) .thumb { padding-right: 0; }
	.history-1994 .history-box li:nth-child(3) .position { right: 10px; }
	.history-2008 .history-box li:nth-child(1) .position>div:first-child { left: -10px; }
	.history-2008 .history-box li:nth-child(1) .position>div:last-child { width: 50%; right: 0; }
	.history-2008 .history-box li:nth-child(2) .position { right: 0; width: 54%; }
	.history-2008 .history-box li:nth-child(2) .position>div { width: 45%; }
	.history-2008 .history-box li:nth-child(3) .position { right: 0; }
	.history-2008 .history-box li:nth-child(4) .thumb { width: 86%; }
}
@media (max-width: 1024px) {
	.history-1978 .history-box li:nth-child(3) .position { width: 35%; }
	.history-1978 .history-box li:nth-child(3) .position>div { width: 47%; }
	.history-1982 .history-box li:nth-child(2) { margin-bottom: 150px; }
	.history-1982 .history-box li:nth-child(2) .position { width: 25%; }
	.history-1982 .history-box li:nth-child(2) .thumb>.caption { width: 49%; margin-left: 51%; padding-left: 0; }
	.history-1994 .history-box li:nth-child(2) .position { right: 0; width: 56%; }
	.history-1994 .history-box li:nth-child(3) .position { bottom: -95px; }
	.history-1994 .history-box li:nth-child(4) .position { left: 0; bottom: -105px; width: 40%; }
	.history-1994 .history-box li:nth-child(5) { text-align: left; }
	.history-1994 .history-box li:nth-child(5) .item { width: 18%; }
	.history-1994 .history-box li:nth-child(5) .position { position: absolute; }
}
@media (min-width: 1024px) {
	:lang(en) .history-1982 .history-box li:nth-child(2) .thumb>.caption { bottom: -46px; }
	:lang(en) .history-1994 .history-box li:nth-child(3) .position>div:first-child .caption { bottom: -74px; }
}
@media (max-width: 1023px) {
	.cyber_wrap .history-box .detail { padding: 25px 20px 25px 80px; }
	.cyber_wrap .history-box .detail h3:before { width: 50px; left: -64px; }
	.cyber_wrap .history-box .align-right .detail { padding: 25px 80px 25px 20px; }
	.cyber_wrap .history-box .align-right .detail h3:before { right: -64px; }
	.cyber_wrap .history-box .position { position: static; width: 100%; }
	.history-1978 .history-box li:nth-child(2) { margin-top: 40px; }
	/* .history-1978 .history-box li:nth-child(3) .position { width: 51%; margin-left: 49%; position: static; padding-left: 32px; } */
	.history-1982 .history-box li:nth-child(1) { margin-bottom: 100px; }
	.history-1982 .history-box li:nth-child(1) .position { width: 35%; }
	.history-1982 .history-box li:nth-child(3) .position { transform: none; }
	/* .history-1982 .history-box li:nth-child(3) .position>div:first-child { width: 47%; } */
    .history-1982 .history-box li:nth-child(3) .position>div:last-child { margin-left: 0; margin-top: 20px; }
	.history-1982 .history-box li:nth-child(3) .position>div:last-child .caption { text-align: left; }
	.history-1982 .history-box li:nth-child(1) .position { width: 100%; margin-top: 5px; }
	.history-1982 .history-box li:nth-child(1) { margin-bottom: 40px; }
	.cyber_wrap .history-box li:nth-child(1) .detail { margin-top: 30px; }
	.history-1982 .history-box li:nth-child(2) { margin-top: 0; margin-bottom: 40px; }
	.history-1982 .history-box li:nth-child(2) .thumb>.caption { width: 100%; margin-left: 0; }
	.history-1982 .history-box li:nth-child(2) .position { width: 100%; position: static; }
	.history-1982 .history-box li:nth-child(2) .detail { margin-top: 30px; }
	.history-1982 { padding-bottom: 50px; }
	.history-1985 .history-box li:nth-child(1) .thumb>img { width: 100%; }
	.history-1994 .history-box li:nth-child(4) .position { width: 100%; margin-top: 5px; }
}
@media (max-width: 1023px) {
	.cyber_wrap .history-box .detail,
	.cyber_wrap .history-box .align-right .detail { width: 100%; margin-left: 0; position: static; padding: 20px 10px; min-height: auto; }
	.cyber_wrap .history-box .align-right .detail { text-align: left; }
	.cyber_wrap .history-box .align-right .detail h3 span { position: static; }
	.cyber_wrap .history-box .align-right .detail h3:before { right: auto; left: 0; }
	.cyber_wrap .history-box .detail h3:before { width: 2px; height: 30px; left: 0; top: -35px; }
	.cyber_wrap .history-box .detail .inner { display: block; }
	.cyber_wrap .history-box .thumb>img, .cyber_wrap .history-box .align-right .thumb>img { width: 100%; }
	.cyber_wrap .history-box .caption { position: static; font-size: 12px; line-height: 1.3; margin: 5px 0; }
	.history-1978 .history-box li { margin-top: 40px !important; }
	.history-1978 .history-box li:nth-child(3) .position { position: static; width: 100%; padding-left: 0; }
	.history-1978 .history-box li:nth-child(3) .detail { margin-top: 30px; }
	.cyber_wrap .anchor { padding-top: 50px; }
	.history-1978 { padding-bottom: 50px; }
	.history-1985 .history-box li:nth-child(1) .position { width: 100%; }
	.history-1985 .history-box li:nth-child(2) { margin-top: 40px; }
	.history-1985 .history-box li:nth-child(2) .detail { transform: none; -webkit-transform: none; margin-top: 30px; }
	.history-1985 .history-box li:nth-child(2) .position { width: 80%; margin-top: 5px; }
	.history-1985 { padding-bottom: 50px; }
	.history-1994 .history-box li:nth-child(1) .position>div:first-child { margin-top: 5px; }
	.history-1994 .history-box li:nth-child(1) .position>div:last-child { position: static; width: 100%; text-align: right; margin-top: 5px; }
	.history-1994 .history-box li:nth-child(2) { margin-top: 40px; }
	.history-1994 .history-box li:nth-child(2) .position { width: 100%; }
	.history-1994 .history-box li:nth-child(2) .thumb>img { width: 60%; margin-bottom: 5px; }
	.history-1994 .history-box li:nth-child(3) { margin: 40px 0; }
	.history-1994 .history-box li:nth-child(3) .position { margin-left: -10px; }
 	.history-1994 .history-box li:nth-child(3) .position>div { width: calc(49% - 10px); vertical-align: top; }
	.history-1994 .history-box li:nth-child(5) { margin-top: 40px; padding-right: 0; }
	.history-1994 .history-box li:nth-child(4) .detail { margin-top: 30px; }
	.history-1994 .history-box li:nth-child(5) .item { width: 41%; }
	.history-2008 .history-box li:nth-child(1) .position { margin-top: 5px; }
	.history-2008 .history-box li:nth-child(1) .position>div { position: static; width: 48%; }
	.history-2008 .history-box li:nth-child(1) .position>div:last-child { margin-left: 1%; }
	.history-2008 .history-box li:nth-child(1) { margin-bottom: 40px; }
	.history-2008 .history-box li:nth-child(2) .position { width: 100%; }
	.history-2008 .history-box li:nth-child(2) { margin-bottom: 40px; }
	.history-2008 .history-box li:nth-child(3) .thumb { padding-left: 0; margin-top: 0; }
	.history-2008 .history-box li:nth-child(3) .position>div:first-child { left: 0; }
	.history-2008 .history-box li:nth-child(3) .position>div:last-child { bottom: auto; }
	.history-2008 .history-box li:nth-child(3) .detail { margin-top: 30px; }
	.history-2008 .history-box li:nth-child(4) .thumb { width: 100%; padding-left: 0; }
	.history-2008 .history-box li:nth-child(4) { margin-top: 40px; }
	.history-2008 .history-box li:nth-child(4) .detail { margin-top: 30px; min-height: auto; }
	.history-2008 .history-box li:nth-child(5) { margin-top: 50px; }
	.history-1994 .history-box li:nth-child(5) .position { position: static; margin-top: 20px; }
	.history-2008 .history-box li:nth-child(5) .detail { margin-top: 30px; }
}
@media (max-width: 767px) {
	.sub_history { height: 400px; }
	.sub_history .inner h1 { font-size: 20px; }
	.cyber_wrap .year-tit { font-size: 25px; letter-spacing: -2px; line-height: 14px; margin-bottom: 20px; }
	.cyber_wrap .history-box .detail h3 { font-size: 25px; }
	.history-1994 { padding-bottom: 50px; }
	.history-2008 .history-box li:nth-child(1) .position>div:first-child,
	.history-2008 .history-box li:nth-child(1) .position>div:last-child { width: 100%; }
	.history-2008 .history-box li:nth-child(1) .position>div:last-child { margin-top: 5px; margin-left: 0; }
}

/* 홍보센터 > 웹카탈로그 */
.cn_wrap { background: #f9f9f9; }
.cn_wrap .download-box ul { font-size: 0; text-align: center; margin: 75px -13px 0; }
.cn_wrap .download-box li { display: inline-block; vertical-align: top; font-size: 1rem; width: calc(25% - 26px); margin: 0 13px 74px; }
.cn_wrap .download-box li p { margin-bottom: 19px; font-size: 19px; font-weight: 500; color: #313131; }
.cn_wrap .download-box .thumb { border: 1px solid #d3d7dc; margin-bottom: 24px; }
.cn_wrap .download-box.news { margin-top: 68px; }
.down-bt { display: inline-block; width: 142px; height: 37px; line-height: 35px; border-radius: 18.5px; border: 1px solid #006dbb; color: #006dbb; font-size: 14px; font-weight: 500; text-transform: uppercase; transition: .3s ease; }
.down-bt:after { display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url(../images/down-ic.png)no-repeat; content: ''; }
.down-bt:hover { background: #006dbb; color: #fff; }
.down-bt:hover:after { background-image: url(../images/down-on.png); }
.pagination .nav-links { text-align: center; margin-top: 82px; }
.pagination .screen-reader-text {
	display:none;
}
.pagination .page-numbers {
    display:inline-block;
    width:52px;
    height:52px;
    vertical-align:top;
    line-height:50px;
    border:1px solid #d4d4d4;
    text-align:center;
    margin:0 3px;
    cursor:pointer;
 }
.pagination .page-numbers.current, .pagination .page-numbers:hover {
    border: 1px solid #000;
    color: #000;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
    background: url(../images/page-nav.png)no-repeat center; background-size: contain;
}
.pagination .page-numbers.prev { transform: rotate(180deg); }
@media (max-width: 767px) {
	.down-bt { font-size: 1rem; }
	.cn_wrap .download-box ul { margin: 50px -10px 0; }
	.cn_wrap .download-box li { width: calc(50% - 20px); margin: 0 10px 40px; }
	.cn_wrap .download-box li p { font-size: 1rem; margin-bottom: 10px; }
	.cn_wrap .download-box .thumb { margin-bottom: 10px; }
	.cn_wrap .download-box.news { margin-top: 10px; }
	.pagination .nav-links { margin-top: 30px; }
	.pagination .page-numbers { width: 30px; height: 30px; line-height: 28px; font-size: 12px; }
}

/* 홍보센터 > 언론보도 */
.sub_wrap .search-box { max-width: 488px; margin: 0 auto; position: relative; }
.sub_wrap .search-box input { width: 100%; height: 57px; line-height: 55px; border: 0; border-bottom: 2px solid #006dbb; font-size: 24px; letter-spacing: -0.5px; background: transparent; }
.sub_wrap .search-box input:-ms-input-placeholder { color: #d7d6d6; }
.sub_wrap .search-box input::-webkit-input-placeholder { color: #d7d6d6; }
.sub_wrap .search-box input::-moz-input-placeholder { color: #d7d6d6; }
.sub_wrap .search-box input::-o-input-placeholder { color: #d7d6d6; }
.sub_wrap .search-box button { width: 25px; height: 25px; margin-top: -12.5px; background: url(../images/search-ic.png)no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; }
.pr_wrap { padding-bottom: 0; background: #f0f0f0; }
.pr_wrap .search-box { margin: 48px auto 98px; }
.pr_wrap .post-box  { word-break: keep-all; }
.pr_wrap .post-box h2 { margin-bottom: 10px; color: #313131; letter-spacing: -0.5px; font-size: 21px; font-weight: 400; line-height: 1.428; min-height: 58px;}
.pr_wrap .post-box .desc { height: 84px; -webkit-line-clamp: 3; font-size: 17px; font-weight: 300; color: #313131; line-height: 1.647; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; padding-right:10px;}
.pr_wrap .post-box .date { display: inline-block; margin-top: 33px; font-size: 12px; color: #313131; }
.pr_wrap .post-box .link-bt { position: absolute; right: 0; bottom: -10px; }
.pr_wrap .press-release1 { padding-bottom: 83px; }
.pr_wrap .press-release1 .post-box { width: 100%; display: table; position: relative; }
.pr_wrap .press-release1 .post-box>div { width: 50%; display: table-cell; vertical-align: middle;  }
.pr_wrap .press-release1 .post-box>div:last-child { padding-left: 10px; }
.pr_wrap .press-release1 .post-box h2 { margin-bottom: 25px; font-size: 36px; line-height: 1.361; }
.pr_wrap .press-release1 .post-box .desc { font-size: 19px; line-height: 1.684; height: 160px; -webkit-line-clamp: 5; }
.pr_wrap .press-release2 { padding-bottom: 125px; background: #fff; }
.pr_wrap .press-release2 .post-box ul { margin: 0 -28px; font-size: 0; }
.pr_wrap .press-release2 .post-box li { display: inline-block; width: calc(50% - 56px); margin: 0 28px; padding: 75px 0 29px; vertical-align: top; border-bottom: 1px solid #e5e5e5; position: relative; }
.pr_wrap .press-release2 .post-box li:after { display: block; clear: both; content: ''; }
.pr_wrap .press-release2 .post-box li>div { float: right; }
.pr_wrap .press-release2 .post-box .detail { width: 55%; }
.pr_wrap .press-release2 .post-box .thumb { width: 45%; }
.pr_wrap .press-release2 .post-box .link-bt { bottom: 15px; }
.pr_wrap .press-release2 .post-box .no-img .detail { width: 100%; }
.pr_wrap .press-release2 .post-box .no-img .desc { height: 112px; -webkit-line-clamp: 4; }
.link-bt { width: 37px; height: 37px; border: 1px solid #006dbb; border-radius: 100%; background: url(../images/link-ic.png)no-repeat; background-size: contain; }
/* 상세 */
.view_wrap { background: #f9f9f9; }
.view-title { text-align: center; }
.view-title h2 { margin-bottom: 24px; font-size: 42px; letter-spacing: -0.5px; font-weight: 500; color: #313131; }
.view-title .date { font-size: 12px; color: #313131; }
.view-detail { padding: 45px 0 112px; font-size: 1rem; font-weight: 300; line-height: 1.684; color: #313131; }
.btn-box { text-align: center; }
.btn { display: inline-block; width: 152px; height: 52px; line-height: 52px; text-align: center; border: 0; border-radius: 26px; font-size: 17px; color: #fff; background: #006dbb; }
@media (max-width: 1023px) {
	.pr_wrap .press-release1 { padding-bottom: 50px; }
	.pr_wrap .press-release1 .post-box h2 { font-size: 20px; margin-bottom: 10px; }
	.pr_wrap .press-release1 .post-box .desc { font-size: 16px; height: 132px; }
	.pr_wrap .post-box .date { margin-top: 15px; }
	.pr_wrap .search-box { margin: 40px 0 50px; }
	.sub_wrap .search-box input { font-size: 1rem; height: 40px; line-height: 40px; }
	.pr_wrap .press-release1 .post-box { display: block; }
	.pr_wrap .press-release1 .post-box>div { display: block; width: 100%; }
	.pr_wrap .press-release1 .post-box>div:last-child { padding-left: 0; margin-top: 20px; }
	.pr_wrap .press-release1 .post-box h2 { font-size: 16px; }
	.pr_wrap .press-release1 .post-box .desc { font-size: 14px; line-height: 20px; height: 100px; }
	.pr_wrap .press-release2 .post-box li { width: calc(100% - 56px); padding: 40px 0 20px; }
	.pr_wrap .post-box h2 { font-size: 15px; }
	.pr_wrap .post-box .desc { font-size: 13px; line-height: 18px; height: 54px; }
	.pr_wrap .press-release2 .post-box .no-img .desc { height: 72px; }
	.view-title h2 { font-size: 18px; }
	.view-detail { font-size: 1rem; padding-bottom: 40px; }
	.link-bt { width: 30px; height: 30px; }
}
@media (max-width: 767px) {
	.btn { font-size: 14px; width: 125px; height: 42px; line-height: 42px; }
}

/* 인재채용 > 인재상 */
.sub_recruit { background-image: url(../images/recruit-bg.jpg); }
.recruit_wrap { background: url(../images/recruit-bg2.jpg)no-repeat top center; background-size: cover; }
.recruit_wrap .sub_title * { color: #fff; }
.recruit_wrap .sub_title h2 { font-size: 40px; }
.recruit_wrap .people-box ul { margin: 38px -20px 0; font-size: 0; }
.recruit_wrap .people-box li { display: inline-block; width: calc(33.333% - 40px); margin: 32px 20px 0; padding-top: calc(33.333% - 40px); text-align: center; font-size: 15px; background: #fff; position: relative; }
.recruit_wrap .people-box li:before { width: calc(44% - 0.34px); padding-top: calc(44% - 0.34px); border-radius: 100%; background-color: #e7ebf2; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 50%; top: 44px; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ''; }
.recruit_wrap .people-box li:nth-child(1):before { background-image: url(../images/people-ic1.png); }
.recruit_wrap .people-box li:nth-child(2):before { background-image: url(../images/people-ic2.png); }
.recruit_wrap .people-box li:nth-child(3):before { background-image: url(../images/people-ic3.png); }
.recruit_wrap .people-box li:nth-child(4):before { background-image: url(../images/people-ic4.png); }
.recruit_wrap .people-box li:nth-child(5):before { background-image: url(../images/people-ic5.png); }
.recruit_wrap .people-box li:nth-child(6):before { background-image: url(../images/people-ic6.png); }
.recruit_wrap .people-box dl { width: 100%; position: absolute; left: 0; bottom: 58px; }
.recruit_wrap .people-box dt { margin-bottom: 12px; font-size: 22px; font-weight: 700; color: #333; }
.recruit_wrap .people-box dd { line-height: 1.5; }
@media (max-width: 1221px) {
	.recruit_wrap .people-box dl { bottom: 32px; }
}
@media (max-width: 1023px) {
	.recruit_wrap .people-box li:before { width: 70px; padding-top: 70px; top: 10px; }
}
@media (max-width: 767px) {
	.recruit_wrap .sub_title h2 { font-size: 18px; }
	.recruit_wrap .people-box ul { margin: 0 -10px; }
	.recruit_wrap .people-box li { width: calc(50% - 20px);  padding-top: calc(50% - 20px); margin: 20px 10px 0; font-size: 13px; }
	.recruit_wrap .people-box dl { bottom: auto; top: 60px; }
	.recruit_wrap .people-box dt { font-size: 14px; margin-bottom: 5px; }
	.recruit_wrap .people-box dd { line-height: 1.3; padding: 0 5px; font-size: 12px; }
	.recruit_wrap .people-box dd br { display: none; }
	.recruit_wrap .people-box li:before { width: 40px; padding-top: 40px; }
}

/* 인재채용 > 채용안내 */
.recruit_wrap .process-box { margin: 82px -21px 0; font-size: 0; }
.recruit_wrap .process-box li { width: calc(33.333% - 42px); margin: 0 21px 42px; display: inline-block; padding-top: calc(33.333% - 42px); font-size: 15px; position: relative; background: #fff; border-radius: 100%; text-align: center; }
.recruit_wrap .process-box li:after { width: 15px; height: 30px; background: url(../images/step-arrow.png)no-repeat; background-size: contain; position: absolute; right: -30px; top: 50%; margin-top: -15px; content: ''; }
.recruit_wrap .process-box li .step { width: calc(40% + 0.41px); padding-top: calc(40% + 0.41px); border-radius: 100%; background-color: #e7ebf2; background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; top: 30px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.recruit_wrap .process-box li .step span { font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; position: absolute; left: 50%; top: 25px; transform: translateX(-50%); }
.recruit_wrap .process-box ul:nth-child(1) li:nth-child(1) .step { background-image: url(../images/recruit-process1.png); }
.recruit_wrap .process-box ul:nth-child(1) li:nth-child(2) .step { background-image: url(../images/recruit-process2.png); }
.recruit_wrap .process-box ul:nth-child(2) li:nth-child(1) .step { background-image: url(../images/recruit-process3.png); }
.recruit_wrap .process-box ul:nth-child(2) li:nth-child(2) .step { background-image: url(../images/recruit-process4.png); }
.recruit_wrap .process-box ul:nth-child(2) li:nth-child(3) .step { background-image: url(../images/recruit-process5.png); }
.recruit_wrap .process-box ul:nth-child(2) li:last-child:after { display: none; }
.recruit_wrap .process-box ul:nth-child(3) { text-align: right; margin-bottom: 67px; }
.recruit_wrap .process-box ul:nth-child(3) li { margin-bottom: 0; }
.recruit_wrap .process-box ul:nth-child(3) li:nth-child(1) .step { background-image: url(../images/recruit-process6.png); }
.recruit_wrap .process-box ul:nth-child(3) li:nth-child(2) .step { background-image: url(../images/recruit-process7.png); }
.recruit_wrap .process-box ul:nth-child(3) li:after { right: auto; left: -30px; }
.recruit_wrap .process-box dl { width: 100%; position: absolute; left: 0; top: 205px; }
.recruit_wrap .process-box dt { margin-bottom:12px; font-size: 22px; font-weight: 700; color: #333; }
.recruit_wrap .process-box dd { line-height: 1.5; }
.recruit_wrap .process-box .btn { font-size: 14px; height: 46px; line-height: 46px; width: 144px; }
@media (max-width: 1216px) {
	.recruit_wrap .process-box li .step { width: 80px; padding-top: 80px; top: 15px; }
	.recruit_wrap .process-box li .step span { font-size: 12px; }
	.recruit_wrap .process-box dl { top: 165px; padding: 0 15px; word-break: keep-all; }
	.recruit_wrap .process-box dd br { display: none; }
}
@media (max-width: 1024px) {
	.recruit_wrap .process-box dl { top: 134px; }
	.recruit_wrap .process-box li .step span { top: 15px; }
}
@media (max-width: 1023px) {
	.recruit_wrap .process-box li { padding: 15px 0; border-radius: 0; vertical-align: top; min-height: 311px; }
	.recruit_wrap .process-box dl { position: static; }
	.recruit_wrap .process-box li .step { position: relative; left: auto; top: auto; }
	.recruit_wrap .process-box li .step { margin: 0 auto 10px; transform: none; -webkit-transform: none; }
}
@media (max-width: 767px) {
	.recruit_wrap .process-box { margin: 40px -10px 0; }
	.recruit_wrap .process-box li { width: calc(50% - 20px); margin: 0 10px 20px; font-size: 13px; }
	.recruit_wrap .process-box dl { padding: 0 5px; }
	.recruit_wrap .process-box dt { font-size: 15px; }
	.recruit_wrap .process-box li .step { width: 60px; padding-top: 60px; }
	.recruit_wrap .process-box li .step span { font-size: 10px; top: 10px; width: 100%; }
	.recruit_wrap .process-box li:after { width: 10px; height: 20px; right: -16px; margin-top: -10px; }
}

/* 인재채용 > 채용공고 */
.table-1  thead { border-top: 1px solid #000; }
.table-1 th { font-weight: 500; color: #000; padding: 22px 0; }
.table-1 th, .table-1 td { color: #000; border-bottom: 1px solid #e9e9e9; }
.table-1 td  { padding: 13px 0; }
.recruit2_wrap { background: #f9f9f9; }
.recruit2_wrap .notice-box .subject { width: 25%; }
.recruit2_wrap .notice-box .title { width: 55%; }
.recruit2_wrap .notice-box .title a:hover { color: #006dbb; }
.recruit2_wrap .notice-box .date { width: 20%; text-align: center; }
.recruit2_wrap .notice-box .d-day span { display: inline-block; height: 33px; line-height: 33px; margin-bottom: 8px; text-transform: uppercase; padding: 0 15px; font-size: 22px; font-weight: 500; color: #fff; border-radius: 16.5px; background: #006dbb; text-align: center; }
.recruit2_wrap .notice-box tbody .date { height: 96px; font-size: 14px; }
.recruit2_wrap .notice-box tbody .subject { padding-left: 35px; font-weight: 700; }
.recruit2_wrap .notice-box tbody .title { font-size: 22px; color: #111; }
.recruit2_wrap .notice-box .always { font-size: 22px; font-weight: 500; color: #006dbb; }
.recruit2_wrap .notice-box .end { background: #f4f4f4; }
.recruit2_wrap .notice-box .end td { color: #888; }
.recruit2_wrap .notice-box .end .always { color: #000; }
@media (max-width: 767px) {
	.table-1 th, .table-1 td { font-size: 12px; }
	.table-1 td { padding: 5px 0; }
	.recruit2_wrap .notice-box tbody .subject { padding-left: 0; }
	.recruit2_wrap .notice-box tbody .title, .recruit2_wrap .notice-box .always { font-size: 1rem; }
	.recruit2_wrap .notice-box .d-day span { font-size: 12px; padding: 0 10px; height: 27px; line-height: 27px; }
	.recruit2_wrap .notice-box tbody .date { font-size: 12px; }
}

/* 인재채용 > 채용Q&A */
.recruit2_wrap .qa-list { border-top: 1px solid #3e3e3e; }
.recruit2_wrap .qa-list .detail { width: 100%; display: table; padding: 18px 48px 18px 25px; }
.recruit2_wrap .qa-list>li { border-bottom: 1px solid #e7e7e7; }
.recruit2_wrap .qa-list .detail>div { display: table-cell; vertical-align: top; }
.recruit2_wrap .qa-list .detail>div:last-child { padding: 11px 28px 0; }
.recruit2_wrap .qa-list .detail.question { cursor: pointer; }
.recruit2_wrap .qa-list .detail .tit { font-size: 20px; font-weight: 500; position: relative; color: #111; }
.recruit2_wrap .qa-list .detail .tit:after { width: 20px; height: 12px; margin-top: -6px; background: url(../images/down-arrow.png)no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .3s ease; content: ''; }
.recruit2_wrap .qa-list .detail.answer { display: none; padding-bottom: 55px; background: #fff; line-height: 28px; color: #111; }
.recruit2_wrap .qa-list .ico { width: 41px; height: 41px; background-position: center top; background-repeat: no-repeat; background-size: contain; }
.recruit2_wrap .qa-list .question .ico { background-image: url(../images/q-ic.png); }
.recruit2_wrap .qa-list .answer .ico { background-image: url(../images/a-ic.png); transform: translateY(7px); }
.recruit2_wrap .qa-list>li.on .tit:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
@media (max-width: 767px) {
	.recruit2_wrap .qa-list .detail { padding: 10px 20px 10px 10px; }
	.recruit2_wrap .qa-list .detail>div:last-child { padding: 5px 10px 0; }
	.recruit2_wrap .qa-list .detail .tit { font-size: 1rem; }
	.recruit2_wrap .qa-list .detail .tit:after { width: 10px; height: 6px; right: -10px; margin-top: -3px; }
	.recruit2_wrap .qa-list .ico { width: 30px; height: 30px; }
	.recruit2_wrap .qa-list .detail.answer { line-height: 1.3; }
	.recruit2_wrap .qa-list .answer .ico { transform: none; }
}

/* 고객지원 */
.sub_visual.sub_contact { background-image: url(../images/contact-bg.jpg); }
.contact_wrap { background: #f9f9f9; }
.contact_wrap .form-box { margin-top: 72px; border-top: 1px solid #222; }
.contact_wrap .form-box>li { position: relative; padding: 11px 0 11px 142px; border-bottom: 1px solid #e5e5e5; }
.contact_wrap .form-box .label { position: absolute; left: 0; top: 11px; line-height: 48px; font-size: 15px; color: #313131; padding-left: 9px; }
.contact_wrap .form-box .label.require:before { width: 5px; height: 5px; border-radius: 100%; background: #006dbb; position: absolute; left: 0; top: 18px; content: ''; }
.contact_wrap .form-box .input01 { width: 100%; height: 48px; background: #f0f0f0; border: 0; border-radius: 0; padding: 0 18px; color: #222; }
.contact_wrap .form-box .input01.limit { max-width: 425px; }
.contact_wrap .form-box .tel-box { max-width: 517px; }
.contact_wrap .form-box .tel-box li { float: left; width: calc(33.333% - 18px); }
.contact_wrap .form-box .tel-box .bar { width: 26px; line-height: 48px; text-align: center; }
.contact_wrap .form-box .mail-box li { width: 31%; float: left; }
.contact_wrap .form-box .mail-box li:last-child { width: 20%; margin-left: 14px; }
.contact_wrap .form-box .mail-box .bar { width: 26px; line-height: 48px; text-align: center; color: #222; }
.contact_wrap .form-box .captcha { font-size: 15px; color: #999; }
.contact_wrap .form-box .captcha .input01 { max-width: 227px; }
.contact_wrap .check-box { margin-top: 23px; text-align: right; font-size: 15px; color: #555; line-height: 24px; position: relative; }
.contact_wrap .check-box input,
.contact_wrap .check-box .label:before { width: 24px; height: 24px; position: absolute; left: 0; top: 50%; margin-top: -12px; }
.contact_wrap .check-box .label:before { background-color: #ddd; content: ''; }
.contact_wrap .check-box input { appearance: none; -webkit-appearance: none; left:auto;}
.contact_wrap .check-box .label { display: inline-block; padding-left: 34px; position: relative; }
.contact_wrap .check-box input:checked + .label:before { background: url(../images/check.png)no-repeat center #ddd; background-size: contain; }
.contact_wrap .form-box select.input01 { background: url(../images/select-ic.png)no-repeat center right 18px #f0f0f0; background-size: 17px 10px; appearance: none; -webkit-appearance: none; }
.contact_wrap .form-box textarea.input01 { margin-top: 7px; min-height: 225px; padding-top: 15px; }
.input01:-ms-input-placeholder { opacity: .3; }
.input01::-webkit-input-placeholder { opacity: .3; }
.input01::-moz-input-placeholder { opacity: .3; }
.input01::-o-input-placeholder { opacity: .3; }
.contact_wrap .btn-box { margin-top: 28px; }
.filebox { position: relative; }
.filebox .upload-name { max-width: 299px; }
.filebox label { display: inline-block; width: 114px; height: 44px; line-height: 44px; margin-left: 10px; border-radius: 4px; background: #555; font-size: 15px; color: #fff; text-align: center; }
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
@media (max-width: 767px) {
	.contact_wrap .form-box>li { padding-left: 0; }
	.contact_wrap .form-box .label { position: static; }
	.contact_wrap .form-box .input01 { padding: 0 10px; }
	.contact_wrap .form-box .tel-box .bar, .contact_wrap .form-box .mail-box .bar { width: 15px; }
	.contact_wrap .form-box .tel-box li { width: calc(33.333% - 10px); }
	.contact_wrap .form-box select.input01 { background-position: center right 10px; }
	.contact_wrap .form-box .mail-box li { width: calc(50% - 8px); }
	.contact_wrap .form-box .mail-box li:last-child { width: 100%; margin-left: 0; margin-top: 10px; }
	.filebox label { width: 100%; margin-left: 0; margin-top: 10px; }
}

/* 고객지원 > 사이버감사실 */
.sub_title .title + p { margin-top: -68px; }
.contact_wrap .sub_title .title + p { color: #313131; }
.contact_wrap .report-box { margin-top: 78px; margin-bottom: 88px; padding: 12px 40px 52px; background: #fff; }
.contact_wrap .report-box li { width: 100%; display: table; padding: 45px 0 32px; border-bottom: 1px solid #e5e5e5; }
.contact_wrap .report-box li:last-child { margin-bottom: 52px; border-bottom: 0; }
.contact_wrap .report-box h3 { width: 18%; font-size: 28px; font-weight: 500; color: #006dbb; position: relative; }
.contact_wrap .report-box h3 span { font-size: 12px; font-family: 'Roboto'; position: absolute; left: 0; top: -20px; }
.contact_wrap .report-box h3, .contact_wrap .report-box .detail { display: table-cell; vertical-align: top; }
.contact_wrap .report-box .detail { width: 82%; }
.contact_wrap .report-box p { font-size: 14px; color: #313131; line-height: 1.5; }
.contact_wrap .report-box table { margin-bottom: 18px; border-top: 2px solid #006dbb; }
.contact_wrap .report-box th { background: #f0f0f0; font-weight: 400; }
.contact_wrap .report-box th, .contact_wrap .report-box td {width: 33.333%;  padding: 17px 0; font-size: 14px; color: #313131; text-align: center; }
.contact_wrap .report-box td { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.contact_wrap .report-box td:last-child { border-right: 0; }
.contact_wrap .radio-box { display: inline-block; }
.contact_wrap .radio-box label { display: inline-block; margin: 0 15px; padding-left: 35px; position: relative; }
.contact_wrap .radio-box input, .contact_wrap .radio-box span:before { width: 24px; height: 24px; margin-top: -12px; position: absolute; top: 50%; left: 0; }
.contact_wrap .radio-box input { appearance: none; -webkit-appearance: none; }
.contact_wrap .radio-box span { display: inline-block; line-height: 24px; font-size: 17px; color: #222; }
.contact_wrap .radio-box span:before { background: #ddd; border-radius: 100%; content: ''; }
.contact_wrap .radio-box input:checked + span:before { background: url(../images/radio.png)no-repeat center #ddd; background-size: contain; }


@media (max-width: 1023px) {
	.sub_title .title { font-size: 18px; margin-bottom: 40px; }
	.sub_title .title + p { margin-top: 0; }
	.contact_wrap .radio-box label { margin: 0 5px; }
	.contact_wrap .report-box li,
	.contact_wrap .report-box h3, .contact_wrap .report-box .detail { display: block; }
	.contact_wrap .report-box li { padding: 20px 0; }
	.contact_wrap .report-box li:last-child { margin-bottom: 20px; }
	.contact_wrap .report-box h3, .contact_wrap .report-box .detail { width: 100%; }
	.contact_wrap .report-box h3 { font-size: 16px; padding-left: 15px; margin-bottom: 10px;  }
	.contact_wrap .report-box h3 span { top: 0; }
	.contact_wrap .report-box h3 br { display: none; }
	.contact_wrap .report-box { padding: 0 10px 20px; margin-bottom: 50px; }
	.contact_wrap .report-box th, .contact_wrap .report-box td { padding: 10px 0; font-size: 12px; word-break: keep-all; }
	.contact_wrap .form-box { margin-top: 30px; }
	.contact_wrap .radio-box span { font-size: 14px; }
	.contact_wrap .radio-box input, .contact_wrap .radio-box span:before { width: 15px; height: 15px; margin-top: -7.5px; }
	.contact_wrap .radio-box label { padding-left: 20px; }
	.contact_wrap .radio-box label:first-child { margin-left: 0; }
	.contact_wrap .sub_title .title + p { margin-top: 0; }
}

/* Product_main */
.main-visual.product { height: 815px; }
.main-visual.product h1 { padding-top: 180px; }
.main-visual.product .mouse_scroll { bottom: 83px; }
.main-visual.product .swiper-pagination { top: 150px; }
.product_wrap .tab-menu { float: left; width: 514px; padding-top: 514px; margin-top: 56px; position: relative; background: url(../images/automotive-tab.jpg)no-repeat; position: relative; z-index: 99; overflow: hidden; }
.product_wrap .tab-menu h2 { font-size: 35px; color: #fff; position: absolute; left: 56px; top: 55px; }
.product_wrap .tab-menu h2 span { display: block; margin-bottom: 9px; font-family: 'Roboto'; font-size: 18px; font-weight: 900; letter-spacing: 5px; text-transform: uppercase; }
.product_wrap .am-business { padding-top: 96px; background: url(../images/am-business.jpg)no-repeat top right; }
.product_wrap .am-business .tab-nav { width: 100%; position: absolute; left: 0; bottom: 62px; padding-left: 55px; }
.product_wrap .am-business .tab-nav li { padding-left: 46px; font-family: 'Roboto'; font-size: 20px; font-weight: 500; color: #fff; line-height: 50px; position: relative; }
.product_wrap .am-business .tab-nav li { position: relative; }
.product_wrap .am-business .tab-nav li:before { width: 32px; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; }
.product_wrap .am-business .tab-nav li:nth-child(1):before { height: 23px; background-image: url(../images/automotive-tab1.png); }
.product_wrap .am-business .tab-nav li:nth-child(2):before { height: 31px; background-image: url(../images/automotive-tab2.png); }
.product_wrap .am-business .tab-nav li:nth-child(3):before { height: 25px; background-image: url(../images/automotive-tab3.png); }
.product_wrap .am-business .tab-nav li.active a:after { width: 245px; height: 3px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -1.5px; content: ''; }
.product_wrap .am-business .tab-nav li.active:nth-child(2) a:after { width: 198px; }
.product_wrap .am-business .tab-nav li.active:nth-child(3) a:after { width: 298px; }
.product_wrap .am-business .tab-list h2 { padding-left: calc(50% - 39px); }
.product_wrap .product-slide .item:after { display: block; clear: both; content: ''; }
.product_wrap .product-slide .thumb,
.product_wrap .product-slide .detail { float: left; }
.product_wrap .product-slide .thumb { width: 36%; position: relative; }
.product_wrap .product-slide .thumb img { min-width:233px; min-height: 1px;}
.product_wrap .product-slide .thumb .num { font-size: 12px; font-weight: 700; color: #333333; position: absolute; left: 0; top: 0; }
.product_wrap .product-slide .thumb .num:before { display: block; width: 46px; height: 2px; margin-bottom: 13px; background: #282a2c; content: ''; }
.product_wrap .product-slide .detail { width: 64%; padding-top: 10px; }
.product_wrap .product-slide .detail .tit { margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #006dbb; }
.product_wrap .product-slide .detail p { font-size: 14px; line-height: 1.5; }
.product_wrap .tab-list { min-height: 1008px; position: relative; }
.product_wrap .tab-list .product-slide { padding-left: calc(50% - 39px); }
.product_wrap .am-business .product-slide { height: 596px; overflow: hidden; }
.product_wrap .tab-list .product-slide .item { margin-bottom: 50px; }
.product_wrap .tab-list .tab { visibility: hidden; position: absolute; top: 215px; }
.product_wrap .tab-list .tab.on { visibility: visible; }
.product_wrap .tab-list h2 { font-size: 66px; font-family: 'Roboto'; font-weight: 900; color: #f2f2f2; line-height: 72px; }
.product_wrap .slick-prev,
.product_wrap .slick-next {
	width: 66px;
    height: 66px;
    font-size: 0;
    position: absolute;
    left: 0;
	bottom: 134px;
    box-shadow: 5px 0 16px rgba(0, 0, 0, 0.08);
}
.product_wrap .slick-prev { background: url(../images/slide_arrow01.jpg)no-repeat; }
.product_wrap .slick-next { left: 78px; background: url(../images/slide_arrow02.jpg)no-repeat; }
.product_wrap .industrial-bearing { padding: 0 0 90px; background: url(../images/industrial-bg.jpg)no-repeat left bottom; }
.product_wrap .industrial-bearing .tab-menu { float: right; margin-top: 95px; background-image: url(../images/industrial-tab.jpg); }
.product_wrap .industrial-bearing .tab-menu p { font-size: 15px; line-height: 1.7; position: absolute; left: 0; top: 162px; padding: 0 56px; color: #fff; }
.product_wrap .industrial-bearing .tab-list .product-slide { margin-top: 48px; padding-left: 0; padding-right: calc(50% - 39px); }
.product_wrap .industrial-bearing .slick-prev,
.product_wrap .industrial-bearing .slick-next { right: 0; left: auto; bottom: 70px; }
.product_wrap .industrial-bearing .slick-prev { right: 78px; }
@media (max-width: 1023px) {
	.product_wrap .tab-menu { width: 100%; padding-top: 0; margin-top: 0; background: none; text-align: center; float: none; }
	.product_wrap .tab-menu h2, .product_wrap .am-business .tab-nav { position: static; }
	.product_wrap .tab-menu h2 { color: #333; font-size: 25px; }
	.product_wrap .tab-menu h2 span { font-size: 15px; color: #006dbb; letter-spacing: 3px; }
	.product_wrap .am-business .tab-nav { font-size: 0; margin-top: 35px; }
	.product_wrap .am-business .tab-nav, .product_wrap .am-business .tab-nav li { padding-left: 0; }
	.product_wrap .am-business .tab-nav li { padding-bottom: 12px; font-weight: 500; color: #111; display: inline-block; width: 33.333%; line-height: 18px; vertical-align: middle; }
	.product_wrap .am-business .tab-nav li:before { display: none; }
	.product_wrap .am-business .tab-nav li.active { color: #006dbb; }
	.product_wrap .am-business .tab-nav li.active a:after { width: 100%; height: 1px; margin-top: 0; top: auto; bottom: 0; background: #006dbb; }
	.product_wrap .am-business .tab-nav li.active:nth-child(2) a:after,
	.product_wrap .am-business .tab-nav li.active:nth-child(3) a:after { width: 100%; }
	.product_wrap .tab-list { min-height: 500px; }
	.product_wrap .tab-list .tab { width: 100%; top: 35px; }
	.product_wrap .am-business .tab-list h2,
	.product_wrap .tab-list h2 { display: none; }
	.product_wrap .am-business .product-slide { padding-left: 0; height: auto; overflow: visible; padding-right: 15px; }
	.product_wrap .product-slide .slick-list { overflow: visible; }
	.product_wrap .product-slide .thumb, .product_wrap .product-slide .detail { width: 100%; }
	.product_wrap .product-slide .thumb { padding: 20px 0; text-align: center; border: 1px solid #eeeeee; background: #fff; }
	.product_wrap .product-slide .thumb img { min-width: auto; min-height: auto; margin: 0 auto; }
	.product_wrap .product-slide .thumb .num { display: none; }
	.product_wrap .product-slide .detail { min-height: 235px; padding: 27px 18px; background: #eee; }
	.product_wrap .product-slide .slick-dots { text-align: center; }
	.product_wrap .product-slide .slick-dots li { display: inline-block; margin: 0 3px; }
	.product_wrap .product-slide .slick-dots li button { width: 8px; height: 8px; border-radius: 100%; background: #e5e5e5; font-size: 0; }
	.product_wrap .product-slide .slick-dots li.slick-active button { background: #006dbb; }
	.product_wrap .tab-list .product-slide .item { margin-bottom: 7px; margin-right: 14px; }
	.product_wrap .industrial-bearing .tab-menu { background: transparent; float: none; }
	.product_wrap .industrial-bearing .tab-list .product-slide { padding-right: 0; }
	.product_wrap .industrial-bearing .product-slide .detail { min-height: 170px; }
}
@media (max-width: 767px) {
	.main-visual.product { height: 500px; }
	.main-visual.product h1 { padding-top: 90px; }
	.main-visual.product .mouse_scroll { bottom: 68px; }
	.main-visual.product .swiper-pagination { top: 50px; }
	.main-visual.product p br { display: none; }
	.product_wrap .am-business { padding-top: 70px; background-image: url(../images/mo_automotive.jpg); background-size: 100%; }
	.product_wrap .am-business .tab-nav li { font-size: 15px; }
	.product_wrap .product-slide .detail .tit { font-size: 15px; }
	.product_wrap .product-slide .detail p { font-size: 12px; }
	.product_wrap .industrial-bearing .tab-menu { margin-top: 36px; }
	.product_wrap .industrial-bearing .tab-list .product-slide { margin-top: 28px; }
	.product_wrap .industrial-bearing { padding-bottom: 0; padding-top: 32px; background: url(../images/mo_industrial.jpg)no-repeat top 36px left; background-size: 100%; }
}

/* 베어링연구소 연혁 */
.bh_wrap { padding-bottom: 0; }
.bh_wrap .history-box { margin: 0 -19px; padding-left: 16px; }
.bh_wrap .history-box:after { display: block; clear: both; content: ''; }
.bh_wrap .history-box li { float: left; width: calc(25% - 38px); margin: 0 19px 80px; position: relative; }
.bh_wrap .history-box li:after { width: 15px; height: 30px; margin-top: -15px; background: url(../images/history-arrow.png)no-repeat; background-size: contain; position: absolute; right: -26px; top: 50%; content: ''; }
.bh_wrap .history-box li:last-child:after { right: auto; left: 50%; top: auto; bottom: -45px; margin-left: -7.5px; margin-top: 0; transform: rotate(90deg); }
.bh_wrap .history-box.year1990-99 { margin-top: 90px; }
.bh_wrap .history-box.year2000-07 li { float: right; }
.bh_wrap .history-box.year2000-07 li:after { right: auto; left: -26px; transform: rotate(180deg); }
.bh_wrap .history-box.year2000-07 li:last-child:after { left: 50%; transform: rotate(90deg);}
.bh_wrap .history-box.year2010-16 li:last-child:after { display: none; }
.bh_wrap .history-box h3 { margin-bottom: 7px; font-size: 20px; font-family: 'Roboto'; font-weight: 300; color: #333; }
.bh_wrap .history-box h3 span { font-size: 40px; font-weight: 100; }
.bh_wrap .history-box p { padding-left: 30px; font-size: 15px; font-weight: 700; line-height: 1.46; color: #333; }
.bh_wrap .history-box li.start { width: calc(50% - 38px); }
.bh_wrap .history-box .detail { position: absolute; left: -16px; top: -22px; }
.bh_wrap .bearing-award { padding: 84px 0 94px; background: #f5f5f5; }
.bh_wrap .award-box { margin: 54px -20px 0; }
.bh_wrap .award-box li { float: left; width: calc(50% - 40px); margin: 0 20px 40px; }
.bh_wrap .award-box .thumb { border: 1px solid #ececec; }
.bh_wrap .award-box .detail { width: 100%; height: 96px; display: table; text-align: center; background: #eee; }
.bh_wrap .award-box .detail p { display: table-cell; vertical-align: middle; font-weight: 700; color: #333; line-height: 1.5; }
@media (max-width: 767px) {
	.bh_wrap .history-box { margin: 0 -10px; padding-left: 0; }
	.bh_wrap .history-box li { width: calc(50% - 20px); margin: 0 10px 40px; }
	.bh_wrap .history-box li.start { width: calc(100% - 20px); }
	.bh_wrap .history-box li:after { width: 10px; height: 20px; margin-top: -10px; right: -15px; }
	.bh_wrap .history-box li:last-child:after { bottom: -30px; margin-left: -5px; }
	.bh_wrap .history-box li.start:after,
	.bh_wrap .history-box.year2000-07 li:nth-child(2):after,
	.bh_wrap .history-box.year2010-16 li:nth-child(2):after { left: 50%;; top: auto; bottom: -30px; margin-left: -5px; transform: rotate(90deg); margin-top: 0; }
	.bh_wrap .history-box.year2000-07 li:after { left: -15px; }
	.bh_wrap .history-box.year2000-07 li:nth-child(3),
	.bh_wrap .history-box.year2000-07 li:nth-child(4) { float: left; }
	.bh_wrap .history-box.year2000-07 li:nth-child(3):after { left: auto; right: -15px; transform: rotate(0deg); }
	.bh_wrap .history-box.year2010-16 li { float: right; }
	.bh_wrap .history-box.year2010-16 li:last-child { float: left; }
	.bh_wrap .history-box.year2010-16 li:nth-child(1):after { right: auto; left: -15px; transform: rotate(180deg); }
	.bh_wrap .history-box .detail { left: -10px; top: -10px; }
	.bh_wrap .history-box p { padding-left: 20px; font-size: 13px; }
	.bh_wrap .history-box h3 span { font-size: 24px; }
	.bh_wrap .history-box h3 { margin-bottom: 0; font-size: 14px; }
	.bh_wrap .award-box { margin: 54px -5px 0; }
	.bh_wrap .award-box li { width: calc(50% - 10px); margin: 0 5px 20px; }
	.bh_wrap .award-box .detail p { font-size: 10px; }
}

/* 주요제품 */
.bp_wrap { padding-bottom: 105px; background: url(../images/bearing-product.jpg)no-repeat top center; background-size: cover; }
.bp_wrap .sub_title * { color: #fff; }
.bp_wrap .item-box { margin: 73px -23px 0; }
.bp_wrap .item-box>div { float: left; margin: 0 23px; }
.bp_wrap .item-box>div:first-child { width: calc(50% - 16px); padding-left: 13px; }
.bp_wrap .item-box>div:last-child { width: calc(50% - 76px); margin-top: 37px; }
.bp_wrap .item-box ul { font-size: 0; margin: 0 -10px 24px; }
.bp_wrap .item-box ul li { display: inline-block; width: calc(33.333% - 20px); margin: 0 10px; font-size: 1rem; font-weight: 500; color: #333; text-align: center; background: #fff; }
.bp_wrap .item-box ul li p { padding: 10px 0; }
.bp_wrap .item-box h3 { margin-bottom: 10px; text-transform: uppercase; font-family: 'Roboto'; font-size: 24px; font-weight: 500; color: #fff; position: relative; }
.bp_wrap .item-box h3 span { font-weight: 300; }
.bp_wrap .item-box h3:before { width: 5px; height: 5px; border-radius: 100%; background: #fff; position: absolute; left: -13px; top: 50%; margin-top: -2.5px; content: ''; }
@media (max-width: 767px) {
	.bp_wrap .item-box>div:first-child,
	.bp_wrap .item-box>div:last-child { width: calc(100% - 46px); padding-left: 0; }
	.bp_wrap .item-box h3 { font-size: 16px; }
}

/* 개인정보처리방침 */
.cs_wrap { background: #f9f9f9; }
.cs_wrap .msg-box { padding: 40px 46px; background: #fff; font-size: 17px; font-weight: 500; color: #000113; line-height: 1.6; }
.cs_wrap .msg-box p { font-size: 15px; color: #006dbb; ``}
.cs_wrap h3 { font-size: 24px; color: #000113; margin: 66px 0 25px; }
.cs_wrap .cs-text { font-size: 15px; color: #666; line-height: 1.6; }
.cs_wrap .li-tit { margin-bottom: 10px; font-size: 17px; font-weight: 700; color: #006dbb; }
.cs_wrap .li { padding-left: 10px; position: relative; }
.cs_wrap .li:before { width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 10px; content: ''; }
.cs_wrap dl, .cs_wrap ul { padding-left: 20px; }
@media (max-width: 767px) {
	.cs_wrap .msg-box { padding: 20px 10px; font-size: 1rem; }
	.cs_wrap h3 { font-size: 18px; margin: 40px 0 10px; }
	.cs_wrap .li, .cs_wrap .li-tit { font-size: 1rem; }
}

/* 산업용 베어링 연구소 > 비전 */
.id_wrap .id-vision { padding: 85px 0 92px; background: url(../images/id-vision.jpg)no-repeat center; background-size: cover; }
.id_wrap .id-vision .vision-box { max-width: 1034px; margin: 0 auto; }
.id_wrap .id-vision .vision-box li { width: 50%; min-height: 217px; padding: 22px 0; position: relative; float: left; text-align: center; color: #006dbb; background: #f8f9fa; }
.id_wrap .id-vision .vision-box li:first-child:after { width: 74px; height: 100%; background: url(../images/vision-arrow.jpg)no-repeat; position: absolute; top: 0; right: -26px; z-index: 1; content: ''; }
.id_wrap .id-vision .vision-box li:last-child { color: #fff; background: #1a7bc0; }
.id_wrap .id-vision .vision-box h3 { font-size: 35px; }
.id_wrap .id-vision .vision-box .text { display: table; width: 100%; height: 130px; }
.id_wrap .id-vision .vision-box p { display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 500; line-height: 1.4; }
.id_wrap .id-goal { padding: 85px 0 92px; background: url(../images/id-goal.jpg)no-repeat center; background-size: cover; }
.id_wrap .id-goal .goal-box { max-width: 1143px; margin: 0 auto; padding: 45px 0 28px; border: 3px solid #0570bc; border-radius: 201.5px; position: relative; }
.id_wrap .id-goal .goal-box h3 { padding: 0 14px; font-size: 25px; color: #0570bc; text-align: center; text-transform: uppercase; position: absolute; left: 50%; top: -15px; background: #fff; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.id_wrap .id-goal .goal-box ul { margin: 0 -14px; padding: 0 53px; }
.id_wrap .id-goal .goal-box ul:after { display: block; clear: both; content: ''; }
.id_wrap .id-goal .goal-box li { float: left; width: calc(33.333% - 28px); margin: 0 14px; border-radius: 100%; padding-top: calc(33.333% - 28px); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.id_wrap .id-goal .goal-box li:nth-child(1) { background-image: url(../images/id-goal1.jpg); }
.id_wrap .id-goal .goal-box li:nth-child(2) { background-image: url(../images/id-goal2.jpg); }
.id_wrap .id-goal .goal-box li:nth-child(3) { background-image: url(../images/id-goal3.jpg); }
.id_wrap .id-goal .goal-box dl { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; text-align: center; }
.id_wrap .id-goal .goal-box dt { font-size: 20px; font-weight: 700; margin-bottom: 18px; }
.id_wrap .id-goal .goal-box dd { line-height: 1.562; }
@media (max-width: 1023px) {
	.id_wrap .id-vision .vision-box li { width: 100%; }
	.id_wrap .id-vision .vision-box li:first-child:after { display: none; }
	.id_wrap .id-goal .goal-box li { width: calc(100% - 28px); padding-top: calc(100% - 28px); margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.id_wrap .id-vision .vision-box li { min-height: auto; }
	.id_wrap .id-vision .vision-box h3 { font-size: 20px; }
	.id_wrap .id-vision .vision-box p { font-size: 1rem; }
	.id_wrap .id-vision .vision-box .text { height: auto; margin-top: 20px; }
	.id_wrap .id-goal .goal-box ul { padding: 0 10px; }
	.id_wrap .id-goal .goal-box h3 { font-size: 18px; }
}

/* 산업용 베어링 연구소 > 프로젝트 개발 실적 */
.dev_wrap .sub_title h2 { font-weight: 400; font-size: 28px; }
.dev_wrap .dev-history { padding: 74px 0 82px; }
.dev_wrap .dev-history .history-box ul { width: 100%; display: table; margin-top: 54px; }
.dev_wrap .dev-history .history-box ul li { display: table-cell; vertical-align: top; background: #f6f6fa; }
.dev_wrap .dev-history .history-box h3 { padding: 0 14px 3px; margin-right: -1px; font-size: 18px; color: #0570bc; position: relative; background: #fff; }
.dev_wrap .dev-history .history-box h3:before { width: calc(100% - 14px); height: 5px; background: #006dbb; position: absolute; bottom: -5px; left: 50%; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ''; }
.dev_wrap .dev-history .history-box .detail { padding: 22px 14px; min-height: 180px; border-left: 1px dashed #60a2d3; position: relative; }
.dev_wrap .dev-history .history-box .detail:after { width: 8px; height: 8px; background: #006dbb; border-radius: 100%; position: absolute; top: -1px; right: -5px; z-index: 1; content: ''; }
.dev_wrap .dev-history .history-box .detail p { font-size: 14px; line-height: 1.4; color: #5b5b5b; }
.dev_wrap .dev-history .history-box ul li:first-child h3 { padding-left: 7px; }
.dev_wrap .dev-history .history-box ul li:first-child .detail:before {
	 width: 8px; height: 8px; background: #006dbb; border-radius: 100%; position: absolute; top: -1px; left: -5px; content: '';
}
.dev_wrap .dev-history .history-box li:last-child .detail:after { display: none; }
.dev_wrap .dev-history .history-box li:last-child h3:before { width: calc(100% - 8px); left: auto; right: 0; transform: none; -webkit-transform: none; }
.dev_wrap .dev-bearing { padding: 74px 0 80px; background: url(../images/dev-bearing.jpg)no-repeat center; background-size: cover; }
.dev_wrap .dev-bearing .develop-box { margin-top: 35px; }
.dev_wrap .dev-bearing .develop-box li { float: left; width: calc(50% - 60px); margin: 0 30px; }
.dev_wrap .dev-bearing .develop-box span { display: inline-block; margin: 0 25px 12px 0; font-size: 14px; color: #000; font-weight: 500; }
.dev_wrap .dev-bearing .develop-box span:before { display: inline-block; width: 7px; height: 7px; margin-right: 5px; vertical-align: middle; border-radius: 100%; content: ''; }
.dev_wrap .dev-bearing .develop-box span:nth-child(1):before { background: #26d3c4; }
.dev_wrap .dev-bearing .develop-box span:nth-child(2):before { background: #26a5ff; }
.dev_wrap .dev-new { padding: 74px 0 82px; background: url(../images/new-bearing.jpg)no-repeat center; background-size: cover; }
.dev_wrap .dev-new .sub_title h2 { color: #fff; }
.dev_wrap .dev-new .new-box { margin: 0 -10px; text-align: center; font-size: 0; }
.dev_wrap .dev-new .new-box h3 { margin: 60px 0 24px; font-size: 20px; color: #fff; text-transform: uppercase; }
.dev_wrap .dev-new .new-box li { display: inline-block; width: calc(33.333% - 20px); margin: 0 10px; font-size: 1rem; vertical-align: top; background: #fff; }
.dev_wrap .dev-new .new-box li .tit { padding-top: 24px; font-size: 18px; font-weight: 700; color: #006dbb; background: #fff; }
.dev_wrap .dev-new .slide-box .swiper-container { position: relative; overflow: hidden; }
.dev_wrap .dev-new .slide-box .swiper-button-next,
.dev_wrap .dev-new .slide-box .swiper-button-prev { width: 9px; height: 16px; margin-top: -8px; background: url(../images/slide-nav.png)no-repeat center; background-size: contain; }
.dev_wrap .dev-new .slide-box .swiper-button-next { right: 23px; }
.dev_wrap .dev-new .slide-box .swiper-button-prev { transform: rotate(180deg); left: 23px; }
.dev_wrap .dev-new .slide-box .detail .swiper-slide { display: table; height: 82px; background: #eee; }
.dev_wrap .dev-new .slide-box .detail .swiper-slide p { display: table-cell; vertical-align: middle; font-weight: 700; color: #333; }
.dev_wrap .dev-tool { padding-top: 74px; }
.dev_wrap .dev-tool .table-2 { max-width: 1011px; margin: 56px auto 124px; }
.table-2 thead { border-top: 2px solid #006dbb; background: #f0f0f0; }
.table-2 th { font-weight: 500; padding: 16px 0; }
.table-2 th, .table-2 td { font-size: 14px; color: #313131; }
.table-2 td { padding: 14px 0; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; line-height: 1.785; }
.table-2 td:last-child { border-right: 0; }
@media (max-width: 767px) {
	.dev_wrap .sub_title h2 { font-size: 18px; }
	.dev_wrap .dev-history .history-box ul li { display: inline-block; width: 50%; background: transparent; }
	.dev_wrap .dev-history .history-box ul li:nth-child(odd) .detail { border-left: 0; }
	.dev_wrap .dev-history .history-box ul li:nth-child(even) .detail:after,
	.dev_wrap .dev-history .history-box ul li:first-child .detail:before { display: none; }
	.dev_wrap .dev-history .history-box .detail { padding: 15px 10px; }
	.dev_wrap .dev-bearing .develop-box li { width: 100%; margin: 0 0 30px; }
	.dev_wrap .dev-bearing .develop-box li:last-child { margin-bottom: 0; }
	.dev_wrap .dev-new .new-box li { width: calc(100% - 20px); margin-bottom: 20px; }
	.dev_wrap .dev-new .new-box li:last-child { margin-bottom: 0; }
	.table-2 th, .table-2 td { font-size: 12px; padding: 5px 0; }
}

/* 산업용 베어링 연구소 > 연구 개발 방향 */
.devway_wrap .dev-way { padding: 135px 0 140px; background: #f9f9f9; }
.devway_wrap .dev-way .way-box { max-width: 1046px; margin: 0 auto; }
.devway_wrap .dev-way .way-box .tit { display: table; width: 185px; height: 185px; border-radius: 100%; border: 2px solid #006dbb; text-align: center; position: relative; background: #fff; }
.devway_wrap .dev-way .way-box .tit:after { width: 89px; height: 2px; margin-top: -1px; background: #006dbb; position: absolute; top: 50%; right: -89px; content: ''; }
.devway_wrap .dev-way .way-box .tit h2 { display: table-cell; vertical-align: middle; font-size: 20px; font-weight: 500; color: #006dbb; line-height: 27px; }
.devway_wrap .dev-way .way-box .tit h2 span { display: block; font-size: 25px; font-weight: 700; }
.devway_wrap .dev-way .way-box .tit, .devway_wrap .dev-way .way-box ul { float: left; }
.devway_wrap .dev-way .way-box ul { width: calc(100% - 185px); padding-left: 87px; }
.devway_wrap .dev-way .way-box ul:after { display: block; clear: both; content: ''; }
.devway_wrap .dev-way .way-box ul li { float: left; border-radius: 84px; height: 178px; padding: 43px 0; text-align: center; font-size: 14px; line-height: 1.571; color: #fff; letter-spacing: -0.5px; }
.devway_wrap .dev-way .way-box ul li:first-child { width: calc(50% + 8px); background: #00b0bb; }
.devway_wrap .dev-way .way-box ul li:last-child { width: calc(50% + 25px); margin-left: -33px; background: rgba(0, 79, 187, 0.78); }
.devway_wrap .dev-way .way-box ul li p { font-size: 18px; font-weight: 700; line-height: 25px; }
.devway_wrap .dev-way .way-box .inner { display: inline-block; text-align: left; }
.devway_wrap .long-life-bear { padding-bottom: 107px; background: url(../images/long-life-bear.jpg)no-repeat top center #f9f9f9; }
.devway_wrap .long-life-bear .title { padding: 94px 0 0; color: #fff; text-transform: uppercase; }
.devway_wrap .llb-box { display: table; width: 100%; height: 248px; border-top: 6px solid #285cc6; }
.devway_wrap .llb-box li { display: table-cell; width: 25%; vertical-align: top; min-height: 248px; background: #fff; color: #333; text-align: center; position: relative; }
.devway_wrap .llb-box li:after { width: 1px; height: 191px; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ''; }
.devway_wrap .llb-box dt { margin: 60px 0 14px; font-size: 23px; font-weight: 700; }
.devway_wrap .llb-box dd { line-height: 1.375; }
@media (max-width: 1023px) {
	.devway_wrap .dev-way .way-box .tit, .devway_wrap .dev-way .way-box ul { float: none; }
	.devway_wrap .dev-way .way-box .tit { margin: 0 auto; }
	.devway_wrap .dev-way .way-box .tit:after { width: 1px; height: 70px; right: auto; left: 50%; margin-left: -1px; top: auto; bottom: -70px; transform: none; -webkit-transform: none; }
	.devway_wrap .dev-way .way-box ul { width: 100%; padding-left: 0; padding-top: 40px; }
}
@media (max-width: 767px) {
	.devway_wrap .dev-way { padding: 50px 0; }
	.devway_wrap .dev-way .way-box .tit:after { height: 42px; bottom: -42px; }
	.devway_wrap .dev-way .way-box ul li { padding: 20px 10px; border-radius: 10px; height: auto; text-align: left; }
	.devway_wrap .dev-way .way-box ul li:first-child,
	.devway_wrap .dev-way .way-box ul li:last-child { width: 100%; }
	.devway_wrap .dev-way .way-box ul li:last-child { margin-left: 0; margin-top: 10px; }
	.devway_wrap .long-life-bear .title { padding-top: 50px; }
	.devway_wrap .llb-box li { display: inline-block; width: 50%; min-height: 140px; }
	.devway_wrap .llb-box li:after { height: 120px; }
	.devway_wrap .llb-box li:before { width: calc(100% - 20px); height: 1px; background: #ccc; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: ''; }
	.devway_wrap .llb-box li:nth-last-child(-n+2):before{ display: none; }
	.devway_wrap .llb-box dt { margin: 20px 0 10px; font-size: 16px; }
	.devway_wrap .long-life-bear { padding-bottom: 70px; }
}
/* 샤시연구소 연혁 */
.bh_wrap .chassi .year2017-11 li { float: right; }
.bh_wrap .chassi .year2017-11 li:first-child:after { bottom: auto; top: -65px; }
@media (max-width: 767px) {
	.bh_wrap .chassi .year2017-11 li:first-child:after { top: -30px; }
	.bh_wrap .chassi .history-box.year2010-16 li:nth-child(3),
	.bh_wrap .chassi .history-box.year2010-16 li:nth-child(4) { float: left; }
}
/* 샤시연구소 > 주요제품 */
.bp_wrap .item-box.chassi { margin: 36px -21px 0; }
.bp_wrap .item-box.chassi ul li { width: calc(33.333% - 42px); margin: 37px 21px 0px; }
.bp_wrap .item-box { margin: 73px -15px 0; }
.bp_wrap .item-box.chassi>div { margin: 0 15px; }
.bp_wrap .item-box.chassi>div:first-child { width: calc(50% + 7px); }
.bp_wrap .item-box.chassi>div:last-child { width: calc(50% - 67px); margin-top: 0; }
@media (max-width: 767px) {
	.bp_wrap .item-box.chassi { margin-left: -10px; margin-right: -10px; }
	.bp_wrap .item-box.chassi ul li { width: calc(50% - 20px); margin: 20px 10px 0; }
}

/* 샤시연구소 > 비젼 */
.rnd_wrap .sub_title .title { padding-top: 90px; color: #fff; }
.rnd_wrap .rnd-vision { padding: 0 0 113px; background: url(../images/rnd-vision.jpg)no-repeat center; background-size: cover; }
.rnd_wrap .rnd-vision .vision-box { width: 100%; margin-top: -26px;  display: table; }
.rnd_wrap .rnd-vision .vision-box>div { display: table-cell; vertical-align: top; padding: 0 0 0 12px; }
.rnd_wrap .rnd-vision .vision-box>div:nth-child(2) { padding: 33px 27px 0 38px; }
.rnd_wrap .rnd-vision .vision-box ul { font-size: 0; margin: 0 -8.5px 35px; }
.rnd_wrap .rnd-vision .vision-box ul:last-child { margin-bottom: 0; }
.rnd_wrap .rnd-vision .vision-box ul li { display: inline-block; width: calc(50% - 17px); margin: 0 8.5px 0; border: 1px solid #e6eef6; font-size: 14px; font-weight: 500; color: #333; background: #f8fafd; text-align: center; }
.rnd_wrap .rnd-vision .vision-box ul.full li { width: calc(100% - 17px); }
.rnd_wrap .rnd-vision .vision-box h3 { font-size: 20px; font-weight: 300; color: #fff; position: relative; margin-bottom: 10px; }
.rnd_wrap .rnd-vision .vision-box h3:before { width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; top: 50%; left: -12px; margin-top: -2px; content: ''; }
.rnd_wrap .rnd-vision .vision-box h3 span { font-weight: 500; }
.rnd_wrap .rnd-vision .vision-box .item-tit { padding: 10px 0; text-align: center; border-top: 1px solid #e6eef6; background: #fff; }
.rnd_wrap .rnd-technology { padding-bottom: 113px; background: url(../images/rnd-technology.jpg)no-repeat center; background-size: cover; }
.rnd_wrap .rnd-technology .type-box { margin-top: 20px; text-align: center; }
.rnd_wrap .rnd-technology .type-box li { display: inline-block; color: #fff; }
.rnd_wrap .rnd-technology .type-box li:first-child { padding-right: 53px; }
.rnd_wrap .rnd-technology .type-box li:last-child { padding-left: 98px; }
.rnd_wrap .rnd-technology .type-box dt { font-size: 23px; font-weight: 700; }
.rnd_wrap .rnd-technology .type-box dt:after { display: block; width: 40px; height: 2px; margin: 9px auto 13px; background: #fff; content: ''; }
.rnd_wrap .rnd-technology .type-box dd { line-height: 1.375; }
.rnd_wrap .rnd-technology .type-box dd span { font-size: 14px; color: #d1d1d1; }
.rnd_wrap .rnd-technology .list-box { margin: 60px -18px 0; padding: 0 27px; }
.rnd_wrap .rnd-technology .list-box li { float: left; width: calc(20% - 36px); padding-top: calc(20% - 36px); margin: 0 18px; border-radius: 100%; position: relative; background: rgba(66, 155, 215, 0.61); text-align: center; }
.rnd_wrap .rnd-technology .list-box li:after { width: 36px; height: 1px; background: #429bd7; position: absolute; top: 50%; right: -36px; margin-top: -0.5px; content: ''; }
.rnd_wrap .rnd-technology .list-box li:last-child:after { display: none; }
.rnd_wrap .rnd-technology .list-box dl { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.rnd_wrap .rnd-technology .list-box dt { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.rnd_wrap .rnd-technology .list-box dd { font-size: 14px; line-height: 2.142; color: #cdebff; }
.rnd_wrap .rnd-sale { padding-bottom: 122px; background: #f9f9f9; }
.rnd_wrap .rnd-sale .sub_title .title { color: #333; margin-bottom: 56px; }
.rnd_wrap .rnd-result { padding-bottom: 114px; background: url(../images/rnd-result.jpg)no-repeat center; background-size: cover; }
.rnd_wrap .rnd-result .result-box { margin: 0 -21px; }
.rnd_wrap .rnd-result .result-box li { float: left; width: calc(50% - 42px); margin: 0 21px 37px; display: table; background: #e7ebf2; }
.rnd_wrap .rnd-result .result-box li>div { display: table-cell; vertical-align: middle; }
.rnd_wrap .rnd-result .result-box li>div:first-child { width: 49.5%; }
.rnd_wrap .rnd-result .result-box li>div:last-child { width: 50.5%; padding: 0 19px; }
.rnd_wrap .rnd-result .result-box .result-tit { margin-bottom: 20px; font-size: 18px; font-weight: 700; color: #006dbb; }
.rnd_wrap .rnd-result .result-box dl { margin-top: 10px; }
.rnd_wrap .rnd-result .result-box dt { font-weight: 500; color: #333; line-height: 1.5; }
.rnd_wrap .rnd-result .result-box dd { font-size: 14px; line-height: 1.6; }
.rnd_wrap .rnd-scale { padding-bottom: 108px; }
.rnd_wrap .rnd-scale .sub_title .title { color: #333; }
.rnd_wrap .rnd-scale .scale-box { text-align: center; margin-bottom: 62px; }
.rnd_wrap .rnd-scale .scale-box li { display: inline-block; padding: 0 36px;  }
.rnd_wrap .rnd-scale .scale-box li:first-child { border-right: 1px solid #cbcbcb; }
.rnd_wrap .rnd-scale .scale-box li p:first-child { margin-bottom: 10px; font-size: 18px; font-weight: 700; color: #333; }
.rnd_wrap .rnd-scale .scale-box li p:last-child { font-size: 15px; }
.rnd_wrap .rnd-scale .swiper-container {  position: relative; }
.rnd_wrap .rnd-scale .slide-box .swiper-slide { padding: 0 29px ; position: relative; filter: grayscale(1); text-align: center; }
.rnd_wrap .rnd-scale .slide-box .detail p { min-height: 40px; font-size: 0; font-weight: 700; color: #006dbb; text-align: center; margin-top: 15px; }
.rnd_wrap .rnd-scale .slide-box .detail .swiper-slide-active p { font-size: 18px; }
.rnd_wrap .rnd-scale .slide-box .slide-nav { width: 23%; height: 100%; position: absolute; top: 0; left: calc(50% + 54px); transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; }
.rnd_wrap .rnd-scale .slide-box .swiper-button-prev,
.rnd_wrap .rnd-scale .slide-box .swiper-button-next { width: 66px; height: 66px; margin-top: -33px; background: url(../images/slide_arrow02.jpg)no-repeat; background-size: contain; box-shadow: 5px 0 16px rgba(0, 0, 0, 0.08); }
.rnd_wrap .rnd-scale .slide-box .swiper-button-prev { left: -50px; transform: rotate(180deg); }
.rnd_wrap .rnd-scale .slide-box .swiper-button-next { right: -50px; }
.rnd_wrap .rnd-scale .slide-box .swiper-slide-active { margin: 0 54px; filter: grayscale(0); }
@media (max-width: 1024px) {
	.rnd_wrap .rnd-scale .slide-box .swiper-slide-active { margin: 0; }
	.rnd_wrap .rnd-scale .slide-box .slide-nav { left: 50%; width: 43%; }
}
@media (max-width: 1023px) {
	.rnd_wrap .rnd-technology .list-box li { width: calc(33.333% - 36px); margin-bottom: 36px; padding-top: calc(33.333% - 36px); }
	.rnd_wrap .rnd-result .result-box li { width: calc(100% - 42px); }
}
@media (max-width: 767px) {
	.rnd_wrap .sub_title .title { padding-top: 40px; }
	.rnd_wrap .rnd-vision { padding-bottom: 50px; }
	.rnd_wrap .rnd-vision .vision-box,
	.rnd_wrap .rnd-vision .vision-box>div { display: block; padding-left: 0; }
	.rnd_wrap .rnd-vision .vision-box h3 { font-size: 16px; }
	.rnd_wrap .rnd-vision .vision-box>div:nth-child(2) { padding: 20px 0; }
	.rnd_wrap .rnd-technology { padding-bottom: 50px; }
	.rnd_wrap .rnd-technology .type-box ul { display: table; }
	.rnd_wrap .rnd-technology .type-box li { width: 50%; display: table-cell; vertical-align: top; }
	.rnd_wrap .rnd-technology .type-box li:first-child { padding-right: 0; }
	.rnd_wrap .rnd-technology .type-box li:last-child { padding-left: 0; }
	.rnd_wrap .rnd-technology .type-box dt { font-size: 16px; }
	.rnd_wrap .rnd-technology .type-box dt:after { width: 20px; }
	.rnd_wrap .rnd-technology .type-box dd { font-size: 1rem; }
	.rnd_wrap .rnd-technology .type-box dd span { font-size: 12px; }
	.rnd_wrap .rnd-technology .list-box { padding: 0; }
	.rnd_wrap .rnd-technology .list-box li { width: calc(50% - 20px); margin: 0 10px 20px; padding-top: calc(50% - 20px); word-break: keep-all; }
	.rnd_wrap .rnd-technology .list-box li:after { width: 20px; right: -20px; }
	.rnd_wrap .rnd-technology .list-box li:nth-child(even):after { display: none; }
	.rnd_wrap .rnd-technology .list-box dt { font-size: 16px; }
	.rnd_wrap .rnd-technology .list-box dd { font-size: 13px; line-height: 1.3; }
	.rnd_wrap .rnd-sale,
	.rnd_wrap .rnd-result,
	.rnd_wrap .rnd-scale { padding-bottom: 50px; }
	.rnd_wrap .rnd-result .result-box { margin: 0 -10px; }
	.rnd_wrap .rnd-result .result-box li { width: calc(50% - 20px); margin: 0 10px 20px; }
	.rnd_wrap .rnd-result .result-box li:nth-child(1), .rnd_wrap .rnd-result .result-box li:nth-child(2) { min-height: 315px; }
	.rnd_wrap .rnd-result .result-box li>div { display: block; }
	.rnd_wrap .rnd-result .result-box li>div:first-child, .rnd_wrap .rnd-result .result-box li>div:last-child { width: 100%; }
	.rnd_wrap .rnd-result .result-box li>div:last-child { padding: 10px; }
	.rnd_wrap .rnd-result .result-box .result-tit { font-size: 16px; margin-bottom: 10px; }
	.rnd_wrap .rnd-result .result-box dl, .rnd_wrap .rnd-result .result-box dd { font-size: 12px; line-height: 1.4; }
	.rnd_wrap .rnd-scale .scale-box li { padding: 0 10px; }
	.rnd_wrap .rnd-scale .scale-box li p:first-child { font-size: 16px; }
	.rnd_wrap .rnd-scale .scale-box li p:last-child { font-size: 1rem; }
	.rnd_wrap .rnd-scale .slide-box .swiper-slide { padding: 0 5px; }
	.rnd_wrap .rnd-scale .swiper-container { padding: 0 30px; }
	.rnd_wrap .rnd-scale .slide-box .slide-nav { width: 85%; }
	.rnd_wrap .rnd-scale .slide-box .swiper-button-prev, .rnd_wrap .rnd-scale .slide-box .swiper-button-next { width: 30px; height: 30px; margin-top: -15px; }
	.rnd_wrap .rnd-scale .slide-box .swiper-button-prev { left: -10px; }
	.rnd_wrap .rnd-scale .slide-box .swiper-button-next { right: -10px; }
	.rnd_wrap .rnd-scale .slide-box .detail .swiper-slide-active p { font-size: 1rem; }
}
/* 샤시연구소 > 비전_영문 */
@media (min-width: 768px) {
	:lang(en) .rnd_wrap .rnd-technology .list-box dd { font-size: 11px; }
}

/* 판매지점 */
.sale_wrap { background: #f3f3f3; }
.sale_wrap .sub_title .title { margin-bottom: 18px; }
.sale_wrap .table-2 thead { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #e7e7e7; }
.sale_wrap .table-2 th, .sale_wrap .table-2 td { text-align: center; letter-spacing: -0.5px; }
.sale_wrap .table-2 th { font-weight: 700; border-right: 0; color: #333; }
.sale_wrap .table-2 td { color: #111; padding: 17px 0; }
.sale_wrap .table-2 td:first-child { font-weight: 500; }
.sale_wrap .table-2 td:nth-child(2) { text-align: left; padding-left: 20px; }
.sale_wrap .slide-box { margin-top: 45px; position: relative; overflow: hidden; padding-left: 23px; padding-right: 105px; }
.sale_wrap .slide-box .swiper-slide { width: 20%; text-align: center; font-size: 0; font-weight: 500; color: #333; filter: grayscale(1); }
.sale_wrap .slide-box .swiper-slide .thumb { position: relative; margin-bottom: 14px; }
.sale_wrap .slide-box .swiper-button-next,
.sale_wrap .slide-box .swiper-button-prev { width: 9px; height: 16px; background: url(../images/slide-nav.png)no-repeat; background-size: contain; margin-top: -8px; visibility: hidden; }
.sale_wrap .slide-box .swiper-button-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); left: -23px; }
.sale_wrap .slide-box .swiper-button-next { right: -23px; }
.sale_wrap .slide-box .swiper-slide-active { margin-right: 42px !important; font-size: 14px; filter: grayscale(0); }
.sale_wrap .slide-box .swiper-slide-active .swiper-button-next,
.sale_wrap .slide-box .swiper-slide-active .swiper-button-prev { visibility: visible;}
.sale_wrap .sale-box { padding: 58px 22px 59px 14px; border: 1px solid #e9e9e9; background: #fff; }
.sale_wrap .sale-box h3 { text-align: center; font-size: 25px; font-weight: 400; letter-spacing: -1px; color: #333; margin-bottom: 35px; }
.sale_wrap .sale-img { text-align: center; }
@media (max-width: 767px) {
	.scroll-box { overflow-x: scroll; }
	.scroll-box table { width: 700px; }
	.sale_wrap .slide-box { padding-left: 15px; padding-right: 70px; }
	.sale_wrap .slide-box .swiper-button-prev { left: -15px; }
	.sale_wrap .slide-box .swiper-button-next { right: -15px; }
}

/* 특허&논문현황 > 논문 */
.tp_wrap { padding: 85px 0 125px; background: #f9f9f9; }
.board-box .title { font-size: 22px; color: #111; padding-left: 37px; }
.board-box table td { padding: 36px 0; color: #000; }
.board-box .align-ct { text-align: center; }
@media (max-width: 767px) {
	.board-box .title { font-size: 1rem; padding-left: 0; }
}

/* ESG선언과 방침 */

.ESG-nav ul{
    display: flex;
    justify-content: center; /* 가운데 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    margin-top: 100px;
}

.ESG-nav ul li{
    /* border: 1px solid black; */
    width: 10%;
    text-align: center;
    height: 40px;
    font-size: 22px;
    line-height: normal;
    margin: 0px 25px;
}
.ESG-nav ul li a{
    cursor: pointer;
    color:#006dbb;
}

/* ESG 행동규범 */
.ESG_download_wrap{
    display:flex; margin: 0px auto; width: 700px;
    justify-content: center; /* 가운데 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    margin-top: 100px;
}
.ESG_download_wrap input{
    width: 230px;
    height: 100px;
    margin: 0px 24px;
    cursor: pointer;
}

.SWG_link{
    display: block;
    width: 220px;
    height: 70px;
    margin: auto;
    text-align: center;
    border: 2px solid white;
    line-height: 70px;
    border-radius: 66px;
    color: white;
    margin-bottom: 100px;
}