/**********************************************************************************
	FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

html, body {
	font-family: 'Roboto', 'NanumSquare', AppleGothic, sans-serif;
	color:#777;
	overflow-x: hidden;
}

/*
	normalize / reset
*/
html { font-size: 100%; }
body {
	line-height: 1;
	position: relative;
}
body * { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
ol, ul {
	list-style: none;
}

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

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

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

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

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

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

button {
	border:0;
}

/**********************************************************************************
	[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;
**********************************************************************************/
.clear:after { display: block; clear: both; content: ''; }
.container {
	max-width:1244px;
	margin:0 auto;
	position:relative;
}

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

@media (max-width: 1244px) {
	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 767px) {
	html { font-size: 81.25%; }
}
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

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

header .nav .nav-icon:after,
header .nav .nav-icon:before,
header .nav .nav-icon div{
  background-color: #fff;
  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;
}
.headerArea.active .nav .nav-icon.active:after,
.headerArea.active .nav .nav-icon.active:before,
.headerArea.active .nav .nav-icon.active div {
	background: #000;
}
.headerArea.white .nav .nav-icon:after,
.headerArea.white .nav .nav-icon:before,
.headerArea.white .nav .nav-icon div {
	background: #000;
}
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);
}
@media (max-width: 1199px) {
	header .nav .nav-icon {
		display:inline-block;
		width: 24px;
		cursor:pointer;
		position:absolute;
		top: 50%;
		right:10px;
		z-index:100;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);
	}

	header .nav .navbar {
		position:fixed;
		width:100%;
		height:100%;
		right: -100%;
		padding:60px 0 40px;
		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;
	}

	header .nav .navbar.active {
		right:0;
	}
}
.headerArea { width: 100%; height: 91px; border-bottom: 0; background: transparent; position: fixed; top: 0; left: 0; z-index: 99; transition: .3s ease; }
.headerArea.up { top: -91px; }
.headerArea .logo { width: 143px; height: 42px; background: url(../images/logo-w.png)no-repeat; background-size: contain; position: absolute; top: 50%; left: 49px; margin-top: -21px; z-index: 99; }
.headerArea .logo a { display: block; width: 100%; height: 100%; }
.headerArea .navbar>li { font-family: 'NanumSquare'; }
.headerArea .side-menu { position: absolute; right: 56px; top: 50%; transform: translateY(-50%); }
.headerArea .side-menu a { font-family: 'Noto Sans KR'; font-size: 15px; color: #fff; opacity: .65; letter-spacing: -0.5px; display: inline-block; text-transform: uppercase; }
.headerArea .side-menu a:before { display: inline-block; width: 1px; height: 14px; margin-left: 7px; background: #fff; opacity: .34; vertical-align: middle; margin: 0 10px 0 12px; content: ''; }
.headerArea .side-menu a:first-child:before { display: none; }
.headerArea.white .side-menu a:before { background: #111; }
.headerArea .side-menu .lang:after { display: inline-block; width: 12px; height: 7px; margin-left: 8px; background: url(../images/lang-bt_w.png)no-repeat; background-size: contain; content: ''; }
/* .headerArea .sitemap { width: 26px; vertical-align: middle; margin-left: 40px; }
.headerArea .sitemap {
	display:inline-block;
	width: 26px;
	cursor:pointer;
}
.headerArea .sitemap:after,
.headerArea .sitemap:before,
.headerArea .sitemap span {
  background-color: #111;
  content: '';
  display: block;
  height: 2px;
  margin: 5px 0;
} */
.headerArea .sitemap span { width: 16px; }
.headerArea.white, .headerArea.on { border-bottom: 1px solid #ececec; background: #fff; }
.headerArea.white .logo, .headerArea.on .logo { background-image: url(../images/logo.png); }
.headerArea.white .side-menu a, .headerArea.on .side-menu a { color: #111; }
.headerArea.white .side-menu a:first-child:after, .headerArea.on .side-menu a:first-child:after { background: #fff; }
/* .headerArea.white .sitemap:after, .headerArea.white .sitemap:before, .headerArea.white .sitemap span { background: #fff; } */
.headerArea.white .side-menu .lang:after { background-image: url(../images/lang-bt.png); }
.headerArea.active .logo { background-image: url(../images/logo.png); }
.footer { padding: 38px 49px; border-top: 1px solid #ececec; }
.footer .inner { position: relative; font-family: 'Noto Sans KR'; }
.footer .link { display: inline-block; font-size: 14px; letter-spacing: -0.5px; color: #7f7f7f; line-height: 28px; cursor: pointer; }
.footer .link.privacy { color: #000; font-weight: 700; }
.footer p { font-size: 13px; line-height: 22px; letter-spacing: -0.5px; color: #7f7f7f; }
.footer .copyright { font-size: 12px; color: #000; opacity: .6; position: absolute; right: 0; bottom: 0; text-align: right; text-transform: uppercase; }
.mo-ver { display: none; }
@media (min-width: 1200px) {
	.headerArea .navbar { text-align: center; position: relative; }
	.headerArea .navbar>li { display: inline-block; margin-right: 38px; font-size: 18px; color: #fff; letter-spacing: -0.5px; line-height: 90px; }
	.headerArea .navbar>li:last-child { margin-right: 0; }
	.headerArea .navbar>li:hover { color: #073190; }
	.headerArea.white .navbar>li, .headerArea.on .navbar>li { color: #111; }
	.headerArea .navbar>li.current-menu-item, .headerArea .navbar>li.current-menu-ancestor { color: #073190; font-weight: 700; }
	.headerArea .navbar>li>.sub-menu {
		visibility: hidden;
	    opacity: 0;
	    transition: visibility .3s, opacity 0.3s linear;
		position: absolute;
	    width: 972px;
	    top: 90px;
	    left: 50%;
		transform: translateX(-50%);
	    z-index: 999;
		padding-left: 128px;
		padding-right: 136px;
	    padding-top: 48px;
	    font-size: 0;
	}
	.headerArea .navbar>li>.sub-menu>li {
		width: calc(33.3% - 33px);
		/* width: calc(33.3% - 32px); */
		float: left;
		line-height: 51px;
		letter-spacing: -0.5px;
		margin: 0 16px 20px;
		font-family: 'Noto Sans KR';
		font-size: 15px;
		font-weight: 400;
		color: #111;
		border-bottom: 1px solid #5f5f5f;
		text-align: left;
	}
	.headerArea .navbar>li.menu-item-101 .sub-menu li, .headerArea .navbar>li.menu-item-547 .sub-menu li { display: block; float: none; }
	.headerArea .navbar>li.menu-item-102 .sub-menu li, .headerArea .navbar>li.menu-item-550 .sub-menu li,
    .headerArea .navbar>li.menu-item-770 .sub-menu li,
    .headerArea .navbar>li.menu-item-821 .sub-menu li { width: calc(50% - 32px); }
    .headerArea .navbar>li.menu-item-766 .sub-menu li { width: calc(34% - 32px); }
	.headerArea .navbar>li.menu-item-357 .sub-menu li:nth-child(3),
	.headerArea .navbar>li.menu-item-111 .sub-menu li:nth-child(3),
	.headerArea .navbar>li.menu-item-526 .sub-menu li:nth-child(3),
	.headerArea .navbar>li.menu-item-557 .sub-menu li:nth-child(3) { margin-right: 17px; }
	.headerArea .navbar>li:hover>.sub-menu {
		opacity: 1;
		visibility: visible;
	}
	/* .headerArea .overlay:before {
		width: 100%;
		height: 0;
		position: absolute;
		top: -91px; left: 0;
		background: #fff;
		transition: all 0.3s ease-out;
		content: '';
		z-index: -1;
	}
	.headerArea .overlay.on:before {
		height: 399px;
	} */
	header .overlay {
		visibility: hidden;
	    opacity: 0;
	    transition: visibility .3s, opacity 0.3s linear;
		/* 호버 시 스크립트로 높이 가변됨 header.php 참고 */
		height: 378px;
		/* height: 670px; */
	    position: absolute;
	    width: 100%;
	    left: 0;
		background: #fff;
		background-repeat: no-repeat;
	    border-top: 1px solid #eee;
		box-shadow: 0 20px 18px rgba(0, 0, 0, .2);
	}
	header .overlay .menu-info { width: 1244px; position: absolute; left: 50%; top: 65px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
	header .overlay .menu-info h2 { margin-bottom: 20px; font-size: 36px; color: #111; letter-spacing: -0.5px; }
	header .overlay.en .menu-info h2 { max-width: 260px;}
	header .overlay .menu-info p { font-family: 'Noto Sans KR'; font-weight: 15px; color: #888; letter-spacing: -0.5px; line-height: 24px; }
	header .overlay.on {
	    opacity:1;
	    visibility: visible;
	}
    .headerArea .navbar .product-menu>.sub-menu { 
		width: 1276px; 
		/* width: 100%; */
		padding: 20px 0 0 0; 
	}
    .headerArea .navbar .product-menu>.sub-menu>li { 
		/* width: calc(25% - 32px);  */
		width: calc(20% - 32px); 
		border-bottom: 0; 
	}
    .headerArea .navbar .product-menu>.sub-menu>li>a { display: inline-block; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #5f5f5f; pointer-events: none; line-height: normal; padding-bottom: 14px; }
    .headerArea .navbar .product-menu>.sub-menu>li .sub-menu li { 
		font-size: 14px; 
		color: #000; 
		line-height: 28px; 
		letter-spacing: -1px;
		/* padding-bottom: 10px; */
	}
	.headerArea .navbar .product-menu>.sub-menu>li .sub-menu li .sub-menu li { 
		font-size: 13px; 
		color: #888; 
		/* line-height: 28px;  */
		/* letter-spacing: -1px;  */
		/* padding-bottom: 0px; */
	}
	.headerArea .navbar .product-menu .product-menu-2depth { padding-bottom: 10px; }
	
}
@media (max-width: 1199px) {
	.headerArea .sitemap { display: none; }
	.headerArea { height: 55px; }
	.headerArea .navbar>li {
		display: block;
		text-align: left;
		margin: 0;
		border-bottom: 1px solid #ededed;
		font-size: 19px;
		font-weight: 700;
		color: #111;
	}
	.headerArea .navbar>li>a {
		padding: 10px 15px;
	    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: 14px;
	    height: 8px;
	    margin-top: -4px;
	    position: absolute;
	    right: 15px;
	    top: 50%;
	    background: url(../images/select-down.png);
	    background-size: contain;
	    content: '';
	}
	.headerArea .navbar>li .sub-menu { display: none; }
	.headerArea .navbar>li>.sub-menu { max-height: 200px; overflow-y: scroll; padding: 15px 30px 20px 36px; background: #f9f9f9; }
	.headerArea .navbar>li .sub-menu li { font-size: 14px; line-height: 36px; }
    .headerArea .navbar>li .sub-menu li .sub-menu { display: block !important; }
    .headerArea .navbar>li .sub-menu li .sub-menu li { font-size: 12px; line-height: 20px; color: #888; }
	.headerArea .logo { width: 100px; height: 30px; margin-top: -15px; left: 15px; z-index: 100; }
	.headerArea .side-menu a { font-size: 12px; }
	.headerArea .side-menu a:before { height: 8px; margin: 0 5px 0 4px; }
	header .overlay { display: none; }
}
@media (max-width: 1023px) {
	.footer .copyright { position: static; text-align: left; margin-top: 10px; }
}
@media (max-width: 767px) {
	.pc-ver { display: none; }
	.mo-ver { display: block; }
	.footer { padding: 20px 15px; }
	.footer p { font-size: 12px; line-height: 18px; }
}
/* Pagination */
.pagination .nav-links { text-align: center; margin-top: 68px; }
.pagination .screen-reader-text {
	display:none;
}
.pagination .page-numbers {
    display:inline-block;
    width:35px;
    height:35px;
    vertical-align:top;
    line-height:33px;
    text-align:center;
	color: #222; font-weight: 500; color: #666;
    cursor:pointer;
 }
.pagination .page-numbers.current, .pagination .page-numbers.current:hover {
    color: #e60012; font-weight: 700;
}
.pagination .page-numbers:hover { color: #e60012; }
.pagination .page-numbers.prev, .pagination .page-numbers.next {
	border-radius: 100%;
	border: 1px solid rgba(17, 17, 17, .2);
    background: url(../images/page-nav.png)no-repeat center / 7px 13px;
	font-size: 0;
}
.pagination .page-numbers.prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); margin-right: 10px; }
.pagination .page-numbers.next { margin-left: 10px; }
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
	filter: grayscale(1);
	cursor: auto;
    pointer-events: none;
	opacity: .43;
}
@media (max-width: 767px) {
	.pagination .nav-links { margin-top: 30px; }
}

/* Main */
#fp-nav.right { right: 50px !important; }
#fp-nav ul li { margin: 0 0 25px !important; }
#fp-nav ul li:last-child { margin-bottom: 0; }
#fp-nav ul li a { width: 21px !important; height: 21px !important; }
#fp-nav ul li a span { width: 7px !important; height: 7px !important; background: #bfbfbf !important; margin: -3.5px 0 0 -3.5px !important; opacity: .5; }
#fp-nav ul li a.active { border-radius: 100%; border: 1px solid #fff; }
#fp-nav ul li a.active span { background: #fff !important; opacity: 1;  }
#fp-nav.red ul li a.active { border-color: rgba(230, 0, 18, .3); }
#fp-nav.red ul li a.active span { background: #e60012 !important; }
.main-visual { height: 100%; position: relative; overflow: hidden; }
.main-visual .slogan { width: 100%; padding: 0 15px; color: #fff; text-align: center; position: absolute; left: 0; top: 48%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.main-visual .slogan h1 { display: inline-block; font-size: 54px; font-weight: 400; letter-spacing: -1px; line-height: 1.333; position: relative; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-visual .slogan h1:before, .main-visual .slogan h1:after { position: absolute; z-index: -1; opacity: .8; content: ''; }
.main-visual .slogan h1:before { background: #0145df; }
.main-visual .slogan h1:after { background: #ff2d62; }
.main-visual .slogan h1 span { font-weight: 900; }
.main-visual .slogan p { margin-top: 30px; font-family: 'NanumSquare'; font-size: 30px; letter-spacing: -0.5px; line-height: 1.33; opacity: .75; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-visual .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; }
.main-visual .swiper-slide:nth-child(1) h1:before, .main-visual .swiper-slide:nth-child(1) h1:after {
	width: 92px; height: 92px; border-radius: 100%; opacity: .8;
}
.main-visual .swiper-slide:nth-child(1) h1:after { right: -83px; bottom: -30px; }
.main-visual .swiper-slide:nth-child(1) h1:before { right: -50px; bottom: -50px; }
.main-visual .swiper-slide:nth-child(2) h1:after { width: 87px; height: 87px; left: -33px; top: -47px; transform: rotate(70deg); }
.main-visual .swiper-slide:nth-child(2) h1:before { width: 86px; height: 86px; border-radius: 100%; left: -86; top: -72px; }
.main-visual .swiper-slide:nth-child(3) h1:before { width: 140px; height: 149px; background: url(../images/sl-figure3.png)no-repeat; content: ''; left:-85px; top: 37px; opacity: 1; }
.main-visual .swiper-slide:nth-child(4) h1:after, .main-visual .swiper-slide:nth-child(4) h1:before {
	border-width: 68px 68px 0 68px;
	border-style: solid;
	background: transparent;
}
.main-visual .swiper-slide:nth-child(4) h1:after { border-color: #ff2d62 transparent; top: -90px; right: 120px; transform: rotate(90deg); }
.main-visual .swiper-slide:nth-child(4) h1:before { border-color: #0145df transparent; top: -30px; right: 60px; }
.main-visual .time-box { width: 100%; max-width: 878px; position: absolute; bottom: 19%; left: 50%; transform: translateX(-50%); z-index: 10; }
.main-visual .timeline li { float: left; width: calc(25% - 30px); height: auto; margin: 0 15px; text-align: center; font-family: 'NanumSquare'; font-size: 17px; font-weight: 700; letter-spacing: -.5px; color: #fff; opacity: .55; background: transparent; outline: none; }
.main-visual .timeline .line { width: 100%; height: 2px; margin-bottom: 15px; background: rgba(255, 255, 255, 0.3); position: relative; }
.main-visual .timeline .line:after { width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0; transition: width 5s ease; content: ''; }
.main-visual .timeline .swiper-pagination-bullet-active { opacity: 1; }
.main-visual .timeline .swiper-pagination-bullet-active .line:after { width: 100%; opacity: 1; }
.main-visual .swiper-button-prev, .main-visual .swiper-button-next { width: 9px; height: 16px; background: url(../images/timeline-nav.png); background-size: contain; position: absolute; }
.main-visual .swiper-button-prev { left: -47px; }
.main-visual .swiper-button-next { right: -47px; transform: rotate(180deg); }
.main-visual .mouse-scroll { position: absolute; left: 0; bottom: 45px; width: 100%; text-align: center; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: 2px; text-transform: uppercase; z-index: 10; }
.main-visual .mouse-scroll span { position: relative; width: 24px; height: 38px; border: 2px solid #fff; border-radius: 12px; margin: 0 auto 14px; display: block; }
.main-visual .mouse-scroll span:before {
	position: absolute; left: 50%; top: 6px; width: 4px; height: 4px; border-radius: 100%; background: #fff; margin-left: -2px;
	animation: ani-mouse 2.5s linear infinite;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	content: '';
}
@-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%;
	}
}
.tit1 { font-size: 48px; font-weight: 900; letter-spacing: -1px; line-height: 1.5; color: #111; }
.ttl { font-family: 'NanumSquare'; font-size: 47px; font-weight: 900; letter-spacing: -1px; color: #111; }
.ttl span { color:#073190;}
.ex-txt { font-size: 1rem; letter-spacing: -0.5px; }
.subtit { font-size: 25px; letter-spacing: -0.5px; line-height: 1.32; }
.txt { font-size: 1rem; line-height: 1.687; letter-spacing: -1px; }
.post-tit { font-size: 22px; letter-spacing: -0.5px; color: #111; margin: 30px 0 18px; }
.title-box { text-align: center; }
.title-box .ex-txt { margin-top: 20px; }
.title-box .plus-bt { margin-top: 45px; }
.plus-bt { display: inline-block; width: 48px; height: 48px; border-radius: 100%; background: url(../images/plus-bt.png)no-repeat #0941bf; background-size: contain; transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: .3s ease; }
.plus-bt:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.view-bt { font-size: 14px; color: #073190; letter-spacing: -0.5px; display: inline-block; }
.view-bt:after { display: inline-block; width: 14px; height: 6px; margin-left: 5px; background: url(../images/bt-arrow.png)no-repeat; background-size: contain; content: ''; }
.main-wrap .section.block-cell, .main-wrap .section.block-cell .fp-tableCell { display: block; }
.main-wrap .section.block-cell .title-box { padding-top: 125px; position: relative; z-index: 1; }
.main-wrap .service-box ul { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.main-wrap .service-box ul:after { display: block; clear: both; content: ''; }
.main-wrap .service-box ul li { float: left; display: table; width: 33%; height: 100%; text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.main-wrap .service-box ul li:nth-child(1) .bg { background-image: url(../images/main-service.jpg); }
.main-wrap .service-box ul li:nth-child(2) .bg { background-image: url(../images/main-service2.jpg); }
.main-wrap .service-box ul li:nth-child(3) .bg { background-image: url(../images/main-service3.jpg); }
.main-wrap .service-box ul li:nth-child(4) .bg { background-image: url(../images/main-service4.jpg); }
.main-wrap .service-box ul li:hover { background: rgba(0, 0, 0, 0.2); }
.main-wrap .service-box ul li:nth-child(1):hover .bg { background-image: url(../images/main-service1.jpg); }
.main-wrap .service-box ul li:hover .bg, .main-wrap .service-box ul li:first-child .bg { opacity: 1; }
.main-wrap .service-box ul li .txt { opacity: 0; margin-top: 30px; transition: .3s ease; }
.main-wrap .business .service-box ul li .content:before { display: block; width: 100%; height: 92px; margin-bottom: 30px; background-position: center; background-repeat: no-repeat; content: ''; }
.main-wrap .business .service-box ul li:nth-child(1) .content:before { background-image: url(../images/mn-service-ic1.png); }
.main-wrap .business .service-box ul li:nth-child(2) .content:before { background-image: url(../images/mn-service-ic2.png); }
.main-wrap .business .service-box ul li:nth-child(3) .content:before { background-image: url(../images/mn-service-ic3.png); }
.main-wrap .business .service-box ul li:nth-child(4) .content:before { background-image: url(../images/mn-service-ic4.png); }
.main-wrap .service-box ul li:hover .txt { opacity: .75; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-wrap .service-box .content { display: table-cell; vertical-align: middle; }
.main-wrap .service-box .content h3 { font-family: 'NanumSquare'; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.main-wrap .service-box .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .3s ease-in-out; }
.main-wrap .business .title-box * { color: #fff; }
.main-wrap .title-box .bt { height: 52px; line-height: 52px; font-size: 1rem; margin-top: 42px; }
.item-nav ul { font-size: 0; text-align: center; margin: 42px 0 68px; }
.item-nav li { display: inline-block; font-size: 18px; color: #a9a9a9; letter-spacing: -1px; margin-right: 60px; cursor: pointer; }
.item-nav li a { display: inline-block; }
.item-nav .on { color: #111; border-bottom: 2px solid #e60012; padding-bottom: 13px; }
.item-nav li:last-child { margin-right: 0; }
.main-wrap .product .item-box { padding-bottom: 140px; background: #e7ebf5; position: relative; }
.main-wrap .product .item-box:before { width: 100%; }
.main-wrap .product .thumn { position: relative; }
.main-wrap .product .thumn:before { width: 100vw; height: 30%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #fff; content: ''; }
/* brain 250309 */
.main-wrap .product .cs-bt { 
	width: 142px; 
	height: 142px; 
	border-radius: 100%; 
	background: #396de2; 
	text-align: center; 
	font-size: 17px; 
	line-height: 24px; 
	color: #fff; 
	letter-spacing: -0.5px; 
	position: absolute; 
	top: 160px; 
	right: 49px; 
	z-index: 10; 
	box-shadow: 5px 30px 16px rgba(0, 0, 0, 0.06);
	 /* .plus-bt */
	}
.main-wrap .product .cs-bt:before { display: block; width: 26px; height: 26px; margin: 25px auto 12px; background: url(../images/cs-ic.png)no-repeat; background-size: contain; content: ''; }
.item-slide { position: relative; }
.item-slide .swiper-button-next, .item-slide .swiper-button-prev {
	width: 56px; height: 56px; margin-top: -28px; border-radius: 100%;
	background-image: url(../images/sl-nav.png); background-repeat: no-repeat; background-position: center; background-size: 9px 16px; background-color: #fff;
	box-shadow: 5px 30px 16px rgba(0, 0, 0, 0.06);
	top:30%;
}
.item-slide .swiper-button-prev { box-shadow: -5px -30px 16px rgba(0, 0, 0, 0.06); }
.item-slide .swiper-button-prev { left: -130px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.item-slide .swiper-button-next { right: -130px; }
.item-slide .swiper-button-prev.swiper-button-disabled, .item-slide .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/slide-disable.png);
}
.item-slide .txt { font-size: 15px; margin-bottom: 20px; height: 100px; overflow: hidden; }
.thumb-box img { box-shadow: 10px 30px 16px rgba(0, 0, 0, 0.06); }
/* .main-wrap .news { background: url(../images/mn-news.jpg)no-repeat center bottom; } */
.main-wrap .product, .main-wrap .news { padding-top: 125px; }
.main-wrap .news-box { position: relative; }
.main-wrap .news-slide { width: calc(100% - 294px); margin-top: 58px; padding-bottom: 37px; position: relative; }
.main-wrap .news-slide:before { width: calc(100% - 167px); height: 280px; background: #e7ebf5; position: absolute; right: 0; bottom: -37px; content: ''; }
.main-wrap .news-slide .swiper-container { float: left; }
.main-wrap .news-slide .swiper-container.img { width: 48%; position: absolute; left: 0; }
.main-wrap .news-slide .swiper-container.content { width: calc(52% - 50px); margin-left: calc(48% + 50px); padding-top: 58px; }
.main-wrap .news-slide .swiper-container.content .txt { height: 140px; color: #666; line-height: 28px; margin-bottom: 18px; overflow: hidden; }
.main-wrap .news-slide h3 { font-size: 32px; color: #243f8e; letter-spacing: -1px; margin-bottom: 18px; }
.main-wrap .news-box .swiper-button-prev, .main-wrap .news-box .swiper-button-next {
    top: 0; right: 0; margin-top: 0; width: auto; height: 12px; background: none; text-transform: uppercase;
    font-size: 15px; font-weight: 500; color: #073190; letter-spacing: -0.5px;
}
.main-wrap .news-box .swiper-button-prev:before, .main-wrap .news-box .swiper-button-next:after {
	display: inline-block; width: 7px; height: 12px; background: url(../images/news-on.png)no-repeat; background-size: contain; content: '';
}
.main-wrap .news-box .swiper-button-prev { left: auto; right: 82px; }
.main-wrap .news-box .swiper-button-prev:before { transform: rotate(180deg); margin-right: 7px; }
.main-wrap .news-box .swiper-button-next:after { margin-left: 7px; }
.main-wrap .news-box .swiper-button-prev.swiper-button-disabled, .main-wrap .news-box .swiper-button-next.swiper-button-disabled {
    color: #ebebeb;
    opacity: 1;
}
.main-wrap .news-box .swiper-button-prev.swiper-button-disabled:before, .main-wrap .news-box .swiper-button-next.swiper-button-disabled:after {
    background-image: url(../images/news-off.png);
}
.main-wrap .news-slide .date { width: 188px; height: 188px; border: 1px solid #3060ce; border-right: 0; text-align: center; position: absolute; left: 0; top: 0; font-size: 15px; color: #0941bf; }
.main-wrap .news-slide .date>div { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.main-wrap .news-slide .date span { display: block; font-size: 60px; font-weight: 700; }
.main-wrap .news .footer { margin-top: 75px; }
@media (max-width: 1366px) {
	.main-visual .slogan h1 { font-size: 36px; }
	.item-slide .swiper-button-prev, .item-slide .swiper-button-next { width: 40px; height: 40px; }
	.item-slide .swiper-button-prev { left: -10px; }
	.item-slide .swiper-button-next { right: -10px; }
	.main-wrap .news-slide { margin-left: 0; }
}
@media (max-width: 1244px) {
	.main-wrap .news-slide .swiper-container.content { padding-left: 0; }
}
@media (max-width: 1023px) {
	#fp-nav { display: none; }
	.item-nav ul { overflow-x: scroll; white-space: nowrap; text-align: left; }
	.item-nav li { font-size: 1rem; margin-right: 20px; }
	.main-wrap .product .item-nav ul { padding: 0 15px; }
	.main-wrap .news-slide { padding-left: 0; width: 100%; }
	.main-wrap .news-slide .swiper-container.img,
	.main-wrap .news-slide .swiper-container.content { width: 100%; padding-top: 20px; }
	.main-wrap .news-slide .swiper-container.img { position: relative; }
	.main-wrap .news-slide .swiper-container.content { margin-left: 0; }
	.main-wrap .news-box .swiper-button-prev, .main-wrap .news-box .swiper-button-next { top: -25px; }
	.main-wrap .news-slide .date { width: 60px; height: 60px; font-size: 11px; background: #3060ce; color: #fff; }
	.main-wrap .news-slide .date span { font-size: 30px; }
	.main-wrap .news-slide:before { display: none; }
}
@media (min-width: 768px) {
	.main-wrap .service-box .content { padding-top: 190px; transition: .3s ease; }
	.main-wrap .service-box ul li:hover .content { padding-top: 150px; }
}
@media (max-width: 1100px) {
    .main-wrap .talent .talent-box { padding: 0 50px; }
}
@media (max-width: 1023px ){
    .main-wrap .service-box ul li { padding: 0 15px; }
}
@media (max-width: 768px) {
	.main-visual .slogan h1 { font-size: 29px; }
}
@media (max-width: 767px) {
	.tit1 { font-size: 29px; }
	.ttl { font-size: 29px; word-break: keep-all; }
	.post-tit { font-size: 16px; }
	.subtit { font-size: 16px; }
	.plus-bt { width: 30px; height: 30px; }
	.title-box .plus-bt { margin-top: 20px; }
    .main-wrap .title-box .bt { height: 35px; line-height: 35px; margin-top: 20px; }
	.main-visual .slogan { width: 100%; }
	.main-visual .slogan h1 { font-size: 25px; word-break: keep-all;  }
    .main-visual .slogan h1 br { display: none; }
	.main-visual .slogan p { font-size: 14px; }
	.main-visual .swiper-slide:nth-child(1) h1:before, .main-visual .swiper-slide:nth-child(1) h1:after { width: 40px; height: 40px; }
	.main-visual .swiper-slide:nth-child(1) h1:before { right: 20px; bottom: -20px; }
	.main-visual .swiper-slide:nth-child(1) h1:after { right: 10px; bottom: -10px; }
	.main-visual .swiper-slide:nth-child(2) h1:before { width: 43px; height: 43px; top: -36px; }
	.main-visual .swiper-slide:nth-child(2) h1:after { width: 43px; height: 43px; left: 26px; top: -28px; }
	.main-visual .swiper-slide:nth-child(4) h1:before { top: -15px; right: 30px; }
	.main-visual .swiper-slide:nth-child(4) h1:after, .main-visual .swiper-slide:nth-child(4) h1:before { border-width: 34px 34px 0 34px; }
	.main-visual .swiper-slide:nth-child(4) h1:after { top: -45px; right: 60px; }
    .main-visual .swiper-slide:nth-child(3) h1:before { width: 70px; height: 75px; background-size: contain; left: 35px; top: 15px; }
	.main-visual .timeline { padding: 0 30px; }
	.main-visual .timeline li { width: calc(25% - 10px); margin: 0 5px; font-size: 1rem; }
	.main-visual .swiper-button-prev { left: 15px; }
	.main-visual .swiper-button-next { right: 15px; }
	.main-visual .mouse-scroll { bottom: 30px; }
	.main-wrap .title-box { padding: 0 15px; }
	.main-wrap .business .title-box { padding-top: 80px !important; }
	.main-wrap .service-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.main-wrap .service-box ul { height: auto; position: static; padding: 65% 15px 0; }
	.main-wrap .service-box ul li { display: inline-block; width: 33%; height: 200px;border-right: 0; }
	.main-wrap .service-box .content { display: block; padding-top: 0; }
	.main-wrap .service-box ul li .txt { margin-top: 10px; }
	.main-wrap .service-box ul li .txt br { display: none; padding: 0 10px; }
	.main-wrap .service-box ul li:hover{ background: transparent; }
	.main-wrap .product .cs-bt { width: 80px; height: 80px; top: 80px; right: 15px; font-size: 11px; line-height: 15px; }
	.main-wrap .product .cs-bt:before { width: 13px; height: 13px; margin: 10px auto 8px; }
	.item-slide .txt { font-size: 1rem; height: 88px; }
	.main-wrap .product .item-box { padding-bottom: 50px; text-align:center;}
    /* .main-wrap .section.news .title-box { padding-top: 80px; } */
	.main-wrap .news-slide { padding-bottom: 0; }
	.main-wrap .news-slide h3 { font-size: 18px; margin-bottom: 10px; }
	.main-wrap .news-slide .swiper-container.content .txt { height: auto; margin-bottom: 20px; }
    .main-wrap .product, .main-wrap .news { padding-top: 80px; }
}
@media (max-width: 766px) {
    .main-wrap .section.news { padding-bottom: 80px; height: auto !important; }
    .main-wrap .section.news .fp-tableCell { height: auto !important; }
    .main-wrap .footer { display: none; }
}
/* 메인 추가 */
.main-wrap .pt { background: url(../images/mn-partner.jpg)no-repeat center; background-size: cover; }
.main-wrap .pt .tit1 { color: #fff; text-transform: uppercase; font-family: 'NanumSquare'; }
.main-wrap .pt .view-bt { display: block; margin-top: 50px; color: #fff; opacity: 0; }
.main-wrap .pt .service-box li:hover .view-bt { opacity: 1; }
.main-wrap .pt .service-box li:hover .view-bt:after { background-image: url(../images/bt-arrow2.png); }
.main-wrap .pt .service-box li:hover { background: rgba(18, 92, 170, .2); }
.main-wrap .talent { background: url(../images/mn-talent.jpg)no-repeat center; background-size: cover; }
.main-wrap .talent .title-box * { color: #fff; }
.main-wrap .talent .title-box .tit1 { margin-bottom: 64px; }
.main-wrap .talent .talent-box { margin-top: 72px; }
.talent-box { text-align: center; font-size: 0; }
.talent-box li { display: inline-block; width: 33.333%; padding-top: 33.333%; border-radius: 100%; position: relative; color: #fff; letter-spacing: -1px; }
.talent-box h3 { margin-bottom: 18px; font-size: 27px; font-weight: 800; }
.talent-box p { font-size: 18px; line-height: 1.66; }
.talent-box .inner { width: 100%; text-align: center; position: absolute; left: 0; top: 75px; }
.talent-box .inner span { display: block; margin: 0 0 8px; font-size: 15px; }
.talent-box .inner span:before { display: block; width: 100%; height: 68px; margin-bottom: 28px; background-position: center; background-repeat: no-repeat; content: ''; }
.talent-box li:nth-child(1) { background: rgba(218, 0, 17, .75); position: relative; z-index: 1; }
.talent-box li:nth-child(2) { background: rgba(9, 65, 191, .8); }
.talent-box li:nth-child(3) { background: rgba(0, 23, 75, .7); }
.talent-box li:nth-child(2), .talent-box li:nth-child(3) { margin-left: -30px; }
.talent-box li:nth-child(1) .inner span:before { background-image: url(../images/mn-talent1.png); }
.talent-box li:nth-child(2) .inner span:before { background-image: url(../images/mn-talent2.png); }
.talent-box li:nth-child(3) .inner span:before { background-image: url(../images/mn-talent3.png); }
.main-wrap .news .title-box .ex-txt { color: #111; opacity: .75; }
.main-wrap .news .cs-box { width: 265px; height: 277px; padding: 0 33px; position: absolute; right: 0; bottom: -37px; border: 1px solid rgba(9, 65, 191, .7); display: table; }
.main-wrap .news .cs-box>div { display: table-cell; vertical-align: middle; }
.main-wrap .news .cs-box h3 { margin-bottom: 10px; font-size: 18px; font-weight: 500; letter-spacing: -1px; color: #073190; }
.main-wrap .news .cs-box h3:before { display: block; width: 39px; height: 34px; margin-bottom: 10px; background: url(../images/cs-ic2.png)no-repeat; background-size: contain; content: ''; }
.main-wrap .news .cs-box p { font-size: 30px; font-weight: 500; letter-spacing: -2px; color: #111; }
.main-wrap .news .cs-box p:last-child { font-size: 0.875rem; font-weight:400; letter-spacing: -1.5px; margin-top: 5px;}
@media (max-width: 1100px) {
    .talent-box .inner { top: 30px; }
    .talent-box h3 { font-size: 20px; }
    .talent-box p { font-size: 15px; }
}
@media (max-width: 1023px) {
    .talent-box li { width: 300px; padding-top: 300px; }
    .talent-box li:last-child { display: block; margin: -50px auto 0; }
    .main-wrap .news .cs-box { position: static; width: 100%; height: 150px; padding: 0 15px; }
}
@media (max-width: 767px) {
    .main-wrap .business .service-box ul li .content:before { height: 40px; margin-bottom: 10px; background-size: contain; }
    .main-wrap .pt { background-image: url(../images/mo_partner.jpg); }
    .main-wrap .pt .service-box li { height: 150px; }
    .main-wrap .pt .service-box li img { width: 100px; }
    .main-wrap .pt .service-box li:hover { background: none; }
    .main-wrap .pt .view-bt { margin-top: 20px; }
    .main-wrap .talent { background-image: url(../images/mo_talent.jpg); }
    .main-wrap .talent .talent-box { margin-top: 50px; padding: 0; }
    .talent-box li { width: 150px; padding-top: 150px; }
    .talent-box li:last-child { margin: -20px auto 0; }
    .talent-box li:nth-child(2) { margin-left: -10px; }
    .talent-box .inner span { font-size: 12px; }
    .talent-box .inner span:before { display: none; }
    .talent-box h3 { font-size: 14px; margin-bottom: 6px; }
    .talent-box p { font-size: 12px; line-height: 1.5; }
    .main-wrap .news .cs-box { margin-top: 30px; }
}

/* 회사소개 > 회사개요 */
.sub-wrap { padding-bottom: 130px; }
.sub-wrap .content-box { text-align: center; }
.sub-wrap .txt { line-height: 1.5; word-break: keep-all; }
.about-visual { height: 918px; text-align: center; background: url(/wp-content/uploads/2020/03/about_company.jpg) no-repeat center / cover; }
.about-visual.business_visual { background: url(/wp-content/uploads/2020/03/about_header.jpg) no-repeat center / cover; }
.about-visual h1 { padding-top: 264px; margin-bottom: 48px; font-size: 54px; font-weight: 900; letter-spacing: -1px; color: #fff; }
.about-visual .txt { color: #fff; line-height: 1.875; opacity: .85; }
.about-visual .txt span { font-weight: 900; }
.about-wrap .num { display: inline-block; padding: 0 2px 5px; margin-bottom: 34px; font-size: 15px; color: #da0011; letter-spacing: -1px; border-bottom: 2px solid #da0011; font-weight: 700; }
.about-visual .breadcrumb-box { margin-bottom: 0; }
.about-wrap .about-value { padding: 128px 0 150px; }
.about-wrap .about-value .value-box { max-width: 1109px; margin: 66px auto 122px; text-align: center; }
.about-wrap .about-value .value-box ul { margin: 0 -44px; }
.about-wrap .about-value .value-box ul:after { display: block; clear: both; content: ''; }
.about-wrap .about-value .value-box li { float: left; width: calc(33.333% - 88px); height: 385px; margin: 0 44px; position: relative; background-position: center; background-repeat: no-repeat; }
.about-wrap .about-value .value-box li:after { width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; right: -44px; content: ''; }
.about-wrap .about-value .value-box li:last-child:after { display: none; }
.about-wrap .about-value .value-box dl { width: 100%; position: absolute; left: 0; bottom: 47px; color: #fff; text-align: center; /*animation: fade-out 3s 3s infinite linear;*/ }
.about-wrap .about-value .value-box dt { margin-bottom: 12px; font-weight: 800; text-transform: uppercase; color: #fff; }
.about-wrap .about-value .value-box dd { line-height: 1.5; letter-spacing: -1px; }
.about-wrap .about-value .value-box li:nth-child(1) { background-image: url(../images/value1.jpg); }
.about-wrap .about-value .value-box li:nth-child(2) { background-image: url(../images/value2.jpg); }
.about-wrap .about-value .value-box li:nth-child(3) { background-image: url(../images/value3.jpg); }
.about-wrap .about-value .value-box .hover { display: none; /*animation: fade-in 6s 5s infinite linear;*/ }
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    80% {
         opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    80% {
         opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.about-wrap .about-greeting { padding: 124px 0 134px; background: url(../images/about-greeting.jpg)no-repeat left top #f7f7f7; }
.about-wrap .about-greeting .greeting-box { padding-left: 58%; }
.about-wrap .about-greeting .greeting-box h3 { margin: 0 0 28px; font-size: 45px; font-weight: 300; color: #111; letter-spacing: -1px; line-height: 1.2; }
.about-wrap .about-greeting .greeting-box h3 span { font-weight: 700; }
.about-wrap .about-greeting .greeting-box .txt { font-size: 18px; color: #666; line-height: 1.55; }
.about-wrap .about-greeting .sign { font-size: 17px; color: #111; margin-top: 58px; }
.about-wrap .about-greeting .sign span { margin-left: 10px; font-size: 20px; font-weight: 700; letter-spacing: 4px; }
.about-wrap .about-greeting .sign:after { display: inline-block; width: 124px; height: 60px; margin-left: 10px; vertical-align: middle; background: url(../images/sign.png)no-repeat; background-size: contain; content: ''; }
.about-wrap .about-ci { padding: 122px 0 178px; }
.about-wrap .about-ci .title-box .txt { margin-top: 30px; }
.about-wrap .about-ci .ci-box { margin-top: 48px; }
.about-wrap .about-ci .ci-box ul { width: 100%; display: table; margin-top: 30px; }
.about-wrap .about-ci .ci-box li { width: 50%; display: table-cell; vertical-align: top; padding: 22px 34px; }
.about-wrap .about-ci .ci-box li:first-child { background: #e60012; }
.about-wrap .about-ci .ci-box li:last-child { background: #073190; }
.about-wrap .about-ci .ci-box dl:after { display: block; clear: both; content: ''; }
.about-wrap .about-ci .ci-box dt, .about-wrap .about-ci .ci-box dd { float: left; letter-spacing: -1px; color: #fff; line-height: 24px; }
.about-wrap .about-ci .ci-box dt { font-size: 20px; font-weight: 500; width: 157px; }
.about-wrap .about-ci .ci-box dd { width: calc(100% - 157px); opacity: .7; }
.about-wrap .about-ci .ci-box .ci_down_box {text-align:center;}
.about-wrap .about-ci .ci-box .bt { margin-top:50px;}
.about-wrap .about-history { padding-bottom: 202px; background: url(../images/history-bg.jpg)no-repeat center bottom; }
.about-wrap .about-history .history-box { margin-top: 70px; }
.about-wrap .about-history .history-box h3 { margin-bottom: 32px; font-size: 65px; letter-spacing: -1px; color: #111; }
.about-wrap .about-history .history-box h3 span { color: #243f8e; }
.about-wrap .about-history .history-box h3 span:after { display: inline-block; width: 26px; height: 1px; margin: 0 15px; vertical-align: super; background: #000; content: ''; }
.about-wrap .about-history .history-box .item { position: relative; margin-bottom: 100px; }
.about-wrap .about-history .history-box .item:last-child { margin-bottom: 0; }
.about-wrap .about-history .history-box .img { position: absolute; }
.about-wrap .about-history .history-box .item:nth-child(odd) { padding-left: 47%; }
.about-wrap .about-history .history-box .item:nth-child(odd) .img { left: 0; top: 68px; }
.about-wrap .about-history .history-box .item:nth-child(even) { padding-right: 47%; }
.about-wrap .about-history .history-box .item:nth-child(even) .img { right: 0; top: 30px;  }
.about-wrap .about-history .history-box .content li { padding: 18px 0 18px 90px; border-bottom: 1px solid #ececec; line-height: 30px; letter-spacing: -1px; position: relative; }
.about-wrap .about-history .history-box .content li:first-child { border-top: 1px solid #ececec; }
.about-wrap .about-history .history-box .content .date { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 18px; line-height: 66px; color: #111; letter-spacing: -0.5px; }
.about-wrap .about-dstrb .ttl { margin-bottom: 74px; }
@media (max-width: 1366px) {
	.about-wrap .about-greeting { background-size: 50%; }
}
@media (max-width: 1244px) {
	.about-wrap .about-history .history-box .img { width: 44%; }
}
@media (max-width: 1023px) {
	.about-wrap .about-greeting .greeting-box { padding-left: 50%; }
    .about-wrap .about-value .value-box ul { margin: 0 -10px; }
    .about-wrap .about-value .value-box li { width: calc(33.333% - 20px); margin: 0 10px; }
}
@media (max-width: 767px) {
	.sub-wrap { padding-bottom: 70px; }
	.about-visual { height: 460px; }
	.about-visual h1 { padding-top: 150px; font-size: 29px; margin-bottom: 20px; }
	.about-visual .txt { word-break: keep-all; }
	.about-wrap .about-value,
	.about-wrap .about-greeting { padding: 50px 0; background-size: 40%; }
	.about-wrap .about-value .value-box { margin: 40px auto 50px; }
	.about-wrap .about-value .value-box ul { margin: 0 -10px; }
	.about-wrap .about-value .value-box li { width: calc(65% - 20px); height: 250px; margin: 0 10px 15px; background-size: cover; }
    .about-wrap .about-value .value-box li:nth-child(2) { float: right; }
    .about-wrap .about-value .value-box li:after { display: none; }
    .about-wrap .about-value .value-box li:last-child { margin-bottom: 0; }
	.about-wrap .about-value .value-box dl { bottom: 20px; }
	.about-wrap .about-value .value-box dt { margin-bottom: 10px; }
    .about-wrap .about-greeting .greeting-box { padding-left: 0; }
	.about-wrap .about-greeting .greeting-box h3 { font-size: 24px; margin: 40px 0 20px; }
    .about-wrap .about-greeting .greeting-box .txt { font-size: 15px; }
	.about-wrap .about-greeting .sign { text-align: right; font-size: 15px; }
	.about-wrap .about-greeting .sign:after { width: 90px; height: 44px; }
	.about-wrap .about-ci { padding: 50px 0 100px; }
	.about-wrap .about-ci .ci-box ul, .about-wrap .about-ci .ci-box ul li { display: block; }
	.about-wrap .about-ci .ci-box ul li { width: 100%; padding: 10px 15px; }
	.about-wrap .about-history { padding-bottom: 100px; }
	.about-wrap .about-history .history-box { margin-top: 40px; }
	.about-wrap .about-history .history-box .item { margin-bottom: 50px; }
	.about-wrap .about-history .history-box .item:nth-child(odd) { padding-left: 0; }
	.about-wrap .about-history .history-box .item:nth-child(even) { padding-right: 0; }
	.about-wrap .about-history .history-box .img { width: 100%; position: static; margin-bottom: 20px; }
	.about-wrap .about-history .history-box h3 { font-size: 30px; margin-bottom: 10px; }
	.about-wrap .about-history .history-box .content li { padding: 12px 0 12px 70px; word-break: keep-all; }
	.about-wrap .about-history .history-box .content .date { font-size: 14px; line-height: 56px; width: 70px; }
	.about-wrap .about-dstrb .ttl { margin-bottom: 40px; }
	.about-wrap .about-ci .ci-box .bt { margin-top:20px;}
}
/* 회사개요 추가 */
.about-wrap .business-box { text-align: center; }
.about-wrap .business-box .post-tit { padding-top: 74px; height: 200px; margin: 0 0 10px; text-align: center; color: #fff; line-height: 1.36; letter-spacing: -1px; position: relative; }
.about-wrap .business-box .post-tit:before {
    content: '';
    border-width: 0 490px 200px 490px;
    border-style: solid;
    border-color: #0941bf transparent;
    position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;
}
.about-wrap .business-box .post-tit span { font-weight: 700; }
.about-wrap .business-box .post-tit .hover { width: 100%; position: absolute; left: 0; top: 74px; display: none; }
.about-wrap .business-box ul { display: inline-block; width: 100%; max-width: 990px; margin: 0 -5px; }
.about-wrap .business-box ul:after { display: block; clear: both; content: ''; }
.about-wrap .business-box ul li { float: left; width: calc(33.333% - 10px); padding-top: calc(33.333% - 10px); margin: 0 5px; background: #f5f5f5; font-family: 'Noto Sans KR'; position: relative; }
.about-wrap .business-box .inner { width: 100%; position: absolute; left: 0; top: 56px; padding: 0 15px; }
.about-wrap .business-box .inner .hover { width: 100%; position: absolute; left: 0; top: 0; display: none; }
.about-wrap .business-box h3 { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #111; }
.about-wrap .business-box h3:after { display: block; width: 100%; height: 62px; margin: 30px 0 26px; background-position: center; background-repeat: no-repeat; content: ''; }
.about-wrap .business-box ul li:nth-child(1) h3:after { background-image: url(../images/ab-business1.png); }
.about-wrap .business-box ul li:nth-child(2) h3:after { background-image: url(../images/ab-business2.png); }
.about-wrap .business-box ul li:nth-child(3) h3:after { background-image: url(../images/ab-business3.png); }
.about-wrap .location-wrap .item-nav ul { margin-bottom: 38px; }
@media (max-width: 1023px) {
    .about-wrap .business-box .inner { top: 20px; }
    .about-wrap .business-box h3:after { margin: 15px 0 10px; }
}
@media (max-width: 767px) {
    .about-wrap .business-box ul li { width: calc(100% - 10px); padding-top: 15px; height: 100px; margin-bottom: 10px; }
    .about-wrap .business-box ul li:last-child { margin-bottom: 0; }
    .about-wrap .business-box .inner { position: static; padding-left: 100px; text-align: left; }
    .about-wrap .business-box .inner .hover { padding-left: 100px; top: 20px; }
    .about-wrap .business-box h3 { font-size: 15px; }
    .about-wrap .business-box h3:after { width: 90px; position: absolute; left: 0; top: 50%; margin: 0; background-size: 40%; transform: translateY(-50%); }
    .about-wrap .business-box .post-tit { height: 150px; padding-top: 70px; }
    .about-wrap .business-box .post-tit:before { border-width: 0 168px 150px 168px; }
}

/* 회사소개 > 사업안내 */
.sub-wrap .ttl-visual { height: 385px; margin-bottom: 73px; background: url(/wp-content/uploads/2020/03/safety.jpg)no-repeat center; overflow: hidden; position: relative; }
.sub-wrap .ttl-visual h2 { font-size: 110px; color: #fff; position: absolute; left: 0; bottom: -17px; text-align: center; width: 100%; }
.business-wrap .content-box p { font-family: 'Noto Sans KR'; font-weight: 300; }
.business-wrap .content-box p strong { font-size: 17px; color: #111; }
.business-wrap .content-box p:nth-child(2) { margin-bottom: 15px; }
.business-wrap .business-box { margin-top: 156px; }
.business-wrap .business-box li { word-break: keep-all; position: relative; }
.business-wrap .business-box li:last-child { margin-bottom: 0; }
.business-wrap .business-box li:after { display: block; clear: both; content: ''; }
.business-wrap .business-box li>div { width: 50%; }
.business-wrap .business-box li>div:last-child { padding-left: 87px; position: absolute; top: 50%; transform: translateY(-50%); }
.business-wrap .business-box li:nth-child(odd)>div { float: left; }
.business-wrap .business-box li:nth-child(odd)>div:last-child { left: 50%; }
.business-wrap .business-box li:nth-child(even)>div { float: right; }
.business-wrap .business-box h3 { margin-bottom: 15px; text-transform: uppercase; font-family: 'NanumSquare'; font-size: 30px; font-weight: 900; color: #073190; letter-spacing: -1px; }
.business-wrap .business-box h3 span { margin-left: 10px; vertical-align: bottom; font-size: 15px; font-weight: 400; letter-spacing: -1px; color: #a4a4a4; }
.business-wrap .business-box p { font-family: 'Noto Sans KR'; font-size: 17px; line-height: 1.41; color: #666; letter-spacing: -1px; word-break: keep-all; }
.business-wrap .business-box dl { margin-top: 34px; font-size: 0; }
.business-wrap .business-box dt { border-bottom: 1px solid #d9d9d9; text-transform: uppercase; font-size: 17px; line-height: 30px; font-weight: 500; color: #073190; letter-spacing: -0.5px; }
.business-wrap .business-box dd { width: 50%; display: inline-block; padding-left: 10px; vertical-align: top; font-family: 'Noto Sans KR'; font-size: 1rem; font-weight: 300; letter-spacing: -0.5px; line-height: 1.875; position: relative; }
.business-wrap .business-box dd:before { width: 3px; height: 3px; background: #d2242b; position: absolute; left: 0; top: 15px; content: ''; }
@media (max-width: 1023px) {
	.sub-wrap .ttl-visual { height: 200px; }
	.sub-wrap .ttl-visual h2 { font-size: 50px; bottom: -8px; }
    .business-wrap .business-box li>div:last-child { padding-left: 20px; }
    .business-wrap .title-box { margin-top: 0 !important; }
}
@media (max-width: 767px) {
	.sub-wrap .ttl-visual { background-size: cover; height: 150px; margin-bottom: 40px; }
    .business-wrap .title-box { margin-bottom: 30px !important; }
	.business-wrap .content-box p strong { font-size: 14px; margin-top: 10px; display: block; }
	.business-wrap .business-box { margin-top: 70px; }
	.business-wrap .business-box li { margin-bottom: 50px; }
	.business-wrap .business-box li>div { width: 100%; }
    .business-wrap .business-box li>div:last-child { position: static; transform: none; padding-left: 0; }
	.business-wrap .business-box h3 { font-size: 20px; margin: 20px 0 10px; }
	.business-wrap .business-box h3 span { font-size: 12px; display: block; margin-left: 0; margin-top: 5px; }
	.business-wrap .business-box p { font-size: 14px; }
	.business-wrap .business-box dl { margin-top: 20px; }
	.business-wrap .business-box dt { font-size: 15px; }
	.business-wrap .business-box dd { width: 100%; }
}

/* 회사소개 > 연구개발 */
.research-wrap { padding-bottom: 0; }
.research-wrap .ttl-visual { margin-bottom: 143px; background-image: url(../images/research.jpg); }
.research-wrap .ttl { text-transform: uppercase; font-family: 'NanumSquare'; letter-spacing: -2px; }
.research-wrap .content-box .post-tit { margin-top: 62px; font-weight: 700; letter-spacing: -1px; }
.research-wrap .content-box .post-tit span { color: #073190; }
.research-wrap .content-box .txt { font-family: 'Noto Sans KR'; letter-spacing: -1px; }
.research-wrap .research-box { margin-top: 85px; text-align: center; }
.research-wrap .research-box ul { max-width: 834px; margin: 66px auto 0; padding: 25px 0; text-align: left; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 0; }
.research-wrap .research-box ul li { display: inline-block; width: 50%; font-family: 'Noto Sans KR'; font-size: 1rem; letter-spacing: -1px; line-height: 1.875; padding-left: 12px; position: relative; word-break: keep-all; vertical-align: top; }
.research-wrap .research-box ul li:before { width: 3px; height: 3px; border-radius: 100%; background: #d2242b; position: absolute; left: 0; top: 15px; content: ''; }
.research-wrap .detail-box { margin-top: 235px; background: #f2f5f8; }
.research-wrap .detail-box ul { height: 324px; position: relative; }
.research-wrap .detail-box ul:after { display: block; clear: both; content: ''; }
.research-wrap .detail-box li { float: left; width: calc(25% - 102px); margin: 0 51px; }
.research-wrap .detail-box li div { width: 100%; padding-top: 100%; margin-top: -50%; border-radius: 100%; border: 2px solid #0941bf; background-color: #fff; background-repeat: no-repeat; background-size: contain; position: relative; }
.research-wrap .detail-box li div span { font-size: 20px; font-weight: 700; color: #111; letter-spacing: -1px; width: 100%; position: absolute; left: 0; bottom: 45px; text-align: center; }
.research-wrap .detail-box li:nth-child(1) div { background-image: url(../images/plasma-ic1.png); }
.research-wrap .detail-box li:nth-child(2) div { background-image: url(../images/plasma-ic2.png); }
.research-wrap .detail-box li:nth-child(3) div { background-image: url(../images/plasma-ic3.png); }
.research-wrap .detail-box li:nth-child(4) div { background-image: url(../images/plasma-ic4.png); }
.research-wrap .detail-box li p { width: 100%; text-align: center; position: absolute; left: 0; bottom: 120px; font-family: 'Noto Sans KR'; font-size: 18px; letter-spacing: -1px; color: #111; opacity: 0; transition: .3 ease; }
.research-wrap .detail-box li p span { padding-left: 12px; position: relative; }
.research-wrap .detail-box li p strong { font-weight: 500; color: #073190; }
.research-wrap .detail-box li p span:before { width: 3px; height: 3px; border-radius: 100%; background: #073190; position: absolute; left: 0; top: 13px; content: ''; }
.research-wrap .detail-box li.on div { background-color: #0941bf }
.research-wrap .detail-box li.on:nth-child(1) div { background-image: url(../images/plasma-ic1_on.png); }
.research-wrap .detail-box li.on:nth-child(2) div { background-image: url(../images/plasma-ic2_on.png); }
.research-wrap .detail-box li.on:nth-child(3) div { background-image: url(../images/plasma-ic3_on.png); }
.research-wrap .detail-box li.on:nth-child(4) div { background-image: url(../images/plasma-ic4_on.png); }
.research-wrap .detail-box li.on div span { color: #fff; }
.research-wrap .detail-box li.on p { opacity: 1; }
@media (max-width: 1023px) {
	.research-wrap .detail-box li { width: calc(25% - 20px); margin: 0 10px; }
}
@media (max-width: 767px) {
	.research-wrap .ttl-visual { margin-bottom: 40px; }
	.research-wrap .content-box .post-tit { margin-top: 30px; }
	.research-wrap .research-box { margin-top: 40px; }
	.research-wrap .research-box ul li { width: 100%; }
	.research-wrap .detail-box { margin-top: 100px; }
	.research-wrap .detail-box ul { margin: 0 -5px; height: 200px; }
	.research-wrap .detail-box li { width: calc(25% - 10px); margin: 0 5px; }
	.research-wrap .detail-box li div { border-width: 1px; }
	.research-wrap .detail-box li div span { font-size: 1rem; bottom: 15px; }
	.research-wrap .detail-box li p { bottom: 60px; font-size: 15px; }
}

/* 회사소개 > 오시는길 */
.location-wrap .tab-box { height: 461px; position: relative; }
.location-wrap .tab-box .tab { position: absolute; width: 100%; height: 100%; top: 0; left: -100vw; }
.location-wrap .tab-box .tab.on { left: 0; }
.location-wrap .map-box>div { float: left; }
.location-wrap .map-box .info { width: 388px; height: 461px; padding: 74px 46px; background: url(../images/map-info.png)no-repeat #0941bf; }
.location-wrap .map-box .info h2 { margin-bottom: 25px; font-size: 30px; font-weight: 900; letter-spacing: -1px; color: #fff; }
.location-wrap .map-box .info ul { letter-spacing: -1px; color: #fff; opacity: .8; }
.location-wrap .map-box .info ul li { padding-left: 68px; line-height: 1.875; font-family: 'Noto Sans KR'; font-weight: 300; position: relative; }
.location-wrap .map-box .info ul li span { font-weight: 700; width: 68px; position: absolute; top: 0; left: 0; }
.location-wrap .map-box .info .address { padding-left: 40px; }
.location-wrap .map-box .info .address span { width: 40px; }
.location-wrap .map-box .map { width: calc(100% - 388px); height: 461px; }
@media (max-width: 767px) {
	.location-wrap .map-box .info { width: 100%; height: 261px; padding: 30px 15px; background-size: contain; }
	.location-wrap .map-box .info h2 { font-size: 18px; margin-bottom: 10px; }
	.location-wrap .map-box .map { width: 100%; height: 200px; }
}

/* 고객센터 > 제품문의 */
.breadcrumb-box { margin: 91px 0 90px; background: #0941bf; }
.breadcrumb:after { display: block; clear: both; content: ''; }
.breadcrumb>li { float: left; min-width: 298px; text-align: left; letter-spacing: -0.5px; color: #fff; border-left: 1px solid rgba(255, 255, 255, .15); position: relative; cursor: pointer; }

.breadcrumb.product>li.sub { 
/* min-width: calc((100% - 60px) / 4); */
min-width: calc((100% - 70px) / 4);
}



.breadcrumb>li:last-child { border-right: 1px solid rgba(255, 255, 255, .15); }
.breadcrumb>li.home { width: 60px; min-width: 60px; height: 55px; font-size: 0; background: url(../images/home-ic.png)no-repeat center / 19px 18px; }
.breadcrumb>li.home a { display: block; width: 100%; height: 100%; }

.breadcrumb>li span { 
	display: inline-block; 
	width: 100%; 
	padding: 0 27px; 
	font-weight: 500; 
	line-height: 55px; 
	position: relative; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.breadcrumb>li span:before { width: 14px; height: 9px; margin-top: -4.5px; background: url(../images/down-arrow.png)no-repeat; background-size: contain; position: absolute; top: 50%; right: 28px; content: ''; }
.breadcrumb>li .depth { width: 100%; padding: 20px 27px; border: 1px solid #0941bf; border-top: 0; background: #fff; position: absolute; left: 0; z-index: 20; display: none; }
.breadcrumb>li .depth a { display: block; color: #111; line-height: 2; transition: .3 ease; }
.breadcrumb>li .depth a:hover { color: #0941bf }
.breadcrumb li:hover .depth { display: block; }
.sub-wrap .inner-content .title-box { margin-bottom: 64px; }
.form-box .form { border-top: 1px solid #073190; }
.form-box .form>li { padding: 20px 28px 20px 180px; border-bottom: 1px solid #d7d7d7; position: relative; font-family: 'Noto Sans KR'; }
.form-box .form>li:before { width: 152px; height: 100%; background: #f7f7f7; position: absolute; left: 0; top: 0; content: ''; }
.form-box .form>li:last-child { border-bottom: 0; }
.form-box .form>li.full { padding-left: 0; }
.form-box .form p { font-size: 14px; line-height: 1.7; color: #888; letter-spacing: -0.5px; }
.form-box .input { display: block; width: 100%; height: 48px; line-height: 46px; border: 1px solid #e1e1e1; border-radius: 0; padding: 0 20px; font-size: 15px; color: #111; letter-spacing: -0.25px; -webkit-appearance: none; }
.form-box .input.limit { max-width: 241px; }
.form-box .input:-ms-input-placeholder { color: #222; letter-spacing: -0.25px; opacity: .5; }
.form-box .input::-webkit-input-placeholder { color: #222; letter-spacing: -0.25px; opacity: .5; }
.form-box .input::-moz-placeholder { color: #222; letter-spacing: -0.25px; opacity: .5; }
.form-box .input::-o-placeholder { color: #222; letter-spacing: -0.25px; opacity: .5; }
.form-box .label { position: absolute; left: 25px; top: 20px; line-height: 48px; padding-left: 9px; font-size: 15px; font-weight: 500; color: #111; }
.form-box .label.require:before { width: 3px; height: 3px; background: #e60012; position: absolute; left: 0; top: 22px; content: ''; }
.form-box .label.msg { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.form-box .label.privacy { line-height: 24px; }
.form-box .label.privacy:before { top: 10px; }
.form-box.en .label { left: 15px;}
.form-box textarea.input { margin-top: 7px; height: 170px; padding-top: 15px; line-height: normal; }
.form-box .check-box.agree { text-align: right; }
.form-box .check-box label, .form-box .check-box li { position: relative; padding-left: 32px; }
.form-box ul.check-box { padding-left: 0; }
.form-box .check-box li { display: inline-block; margin-right: 30px; }
.form-box .check-box li:last-child { margin-right: 0; }
.form-box .check-box li .label { line-height: 48px; }
.form-box .check-box input { opacity: 0; }
.form-box .check-box input, .form-box .check-box span:before { width: 24px; height: 24px; border-radius: 0; position: absolute; left: 0; top: 50%; margin-top: -12px; }
.form-box .check-box span { font-size: 15px; vertical-align: top; letter-spacing: -0.25px; color: #000; position: static; }
.form-box .check-box span:before { background: #ddd; content: ''; }
.form-box .check-box .label { padding-left: 30px; }
.form-box .check-box input:checked + span:before { background: url(../images/ck-on.png)no-repeat center; background-size: contain; }
.form-box .form .grid-box { padding-left: 0; }
.form-box .grid-box>div { padding-left: 180px; position: relative; float: left; line-height: 48px; }
.form-box .grid-box>div:first-child { width: 54%; padding-right: 28px; }
.form-box .grid-box>div:last-child { width: 46%; position: relative; }
.form-box .grid-box>div:last-child:before { width: 152px; height: calc(100% + 40px); background: #f7f7f7; position: absolute; left: 0; top: -20px; content: ''; }
.form-box .grid-box>div .label { top: 0; }
.form-box .grid-box>div:last-child .input { max-width: 430px; }
.form-box .grid-box>div:last-child .label { left: 32px; }
.form-box.en .grid-box>div:last-child .label { left:15px;}
.form-box select.input { appearance: none; -webkit-appearance: none; background: url(../images/select.png)no-repeat center right 16px; background-size: 14px 9px; }
.form-box select.input::-ms-expand {display:none}
.form-box .mail-box>div { float: left; width: calc(50% - 14px); position:relative; }
.form-box .mail-box .email_user_box { display: none; position:absolute; top:0; left:0; width: calc(100% - 45px);}
.form-box .mail-box .email_user_box.active { display:inline-block;}
.form-box .mail-box>div.bar { width: 28px; text-align: center; line-height: 48px; }
.form-box .terms-box { max-height: 200px; overflow-y: scroll; padding: 26px 32px; border: 1px solid #e1e1e1; letter-spacing: -0.5px; margin-bottom: 15px; }
.form-box .terms-box strong { font-size: 15px; font-weight: 700; color: #111; line-height: 1.7; }
.form-box .terms-box p { margin-bottom: 20px; font-weight: 300; font-size: 14px; line-height: 1.7; color: #888; }
.form-box .terms-box p:last-child { margin-bottom: 0; }
.form-box .btn-box { text-align: center; padding-top: 40px; border-top: 1px solid #d7d7d7; }
.form-box .btn-box input[type="submit"] { display: inline-block; width: 150px; height: 52px; border: 0; border-radius: 26px; font-weight: 700; color: #fff; letter-spacing: -1px; background: #0941bf; cursor: pointer; }
.filebox{position:relative; margin-bottom: 5px; }
.filebox .upload-name { max-width: 415px; display: inline-block; outline:none; }
.filebox label{
	display:inline-block;width:128px;
	height: 48px;
	line-height: 48px;
	border-radius: 0;
	text-align:center;
	background:#363636;
	letter-spacing: -0.5px;
	color: #fff;
	cursor:pointer;
	margin-left: 14px;
}
.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: 1023px) {
	.form-box .input { padding: 0 10px; }
	.form-box select.input { background-position: center right 10px; }
	.form-box .grid-box>div { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e7e7e7; }
	.form-box .grid-box>div:first-child, .form-box .grid-box>div:last-child { width: 100%; }
	.form-box .grid-box>div:first-child { padding-right: 0; }
	.form-box .grid-box>div:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
	.form-box .grid-box>div:last-child .input,
	.form-box .input.limit,
	.form-box .mail-box { max-width: 100%; }
	.form-box .grid-box .select-box select.input { max-width: 98%; }
	.filebox label { width: 100%; margin-left: 0; margin-top: 10px; }
	.breadcrumb-box { display: none; }
	.sub-wrap .inner-content .title-box { padding-top: 100px; }
}
@media (max-width: 767px) {
	.form-box .form>li { padding: 5px 0 5px 100px; }
	.form-box .form>li:before, .form-box .grid-box>div:last-child:before { width: 95px; }
	.form-box .label { top: 5px; left: 5px; font-size: 1rem; line-height: 35px; }
	.form-box .label.require:before { top: 16px; }
	.form-box .label.privacy:before { top: 6px; }
	.form-box .input { font-size: 1rem; }
	.form-box .input, .form-box .mail-box>div.bar { height: 35px; line-height: 35px; }
	.form-box .mail-box>div { width: calc(50% - 14px); }
	/* .form-box .mail-box>div:last-child { width: 100%; margin-left: 0; margin-top: 5px; } */
	.form-box .check-box li { margin-right: 10px; margin-bottom: 0; }
	.form-box .check-box li .label { line-height: 32px; }
	.form-box .check-box .label { padding-left: 20px; }
	.form-box .check-box input, .form-box .check-box span:before { width: 15px; height: 15px; margin-top: -7.5px; }
	.form-box .terms-box { padding: 10px 15px; margin-bottom: 10px; }
	.form-box .terms-box strong { font-size: 14px; }
	.form-box .terms-box p { font-size: 12px; line-height: 1.2; margin-bottom: 10px; }
	.form-box .grid-box>div { padding-left: 100px; }
	.form-box .grid-box>div:last-child .label { left: 5px; }
	.form-box .select-box li { width: 100%; margin-bottom: 5px; }
	.form-box .select-box li:last-child { margin-bottom: 0; }
	.form-box select.input.limit, .form-box .grid-box .select-box select.input { max-width: 100%; }
	.form-box .form p { font-size: 12px; line-height: 1.2; }
	.form-box .label.privacy { line-height: 16px; }
	.filebox label { height: 35px; line-height: 35px; }
	.form-box .check-box label, .form-box .check-box li { padding-left: 20px; }
	.form-box .check-box span { font-size: 1rem; }
	.sub-wrap .inner-content .title-box { margin-bottom: 30px; }
	.form-box .btn-box input[type="submit"] { height: 35px; width: 100px; font-size: 1rem; }
}

/* 고객센터 > faq */
.sub-wrap .search-box { max-width: 447px; margin: 0 auto; position: relative; font-family: 'Noto Sans KR'}
.sub-wrap .search-box input[type="text"] { width: 100%; height: 49px; padding: 0 28px; border: 0; border-radius: 24.5px; background: #f4f4f4; }
.sub-wrap .search-box input:-ms-input-placeholder { opacity: .5; }
.sub-wrap .search-box input::-webkit-input-placeholder { opacity: .5; }
.sub-wrap .search-box input::-moz-placeholder { opacity: .5; }
.sub-wrap .search-box input::-o-placeholder { opacity: .5; }
.sub-wrap .search-box button { width: 19px; height: 19px; margin-top: -9.5px; background: url(../images/search.png)no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; }
.faq-wrap .faqList { border-top: 1px solid #073190; font-family: 'Noto Sans KR'; letter-spacing: -1px; }
.faq-wrap .faqList li { border-bottom: 1px solid #d7d7d7; }
.faq-wrap .faqList .question { width: 100%; padding: 30px; display: table; cursor: pointer; background: url(../images/faq-off.png)no-repeat center right 24px / 18px 10px; }
.faq-wrap .faqList .question>div { display: table-cell; width: 19%; }
.faq-wrap .faqList .question .thumn { color: #073190; font-weight: 500; }
.faq-wrap .faqList .question>div:last-child { width: 81%; }
.faq-wrap .faqList .question h3 { font-size: 17px; color: #111; font-weight: 300; }
.faq-wrap .faqList .answer { padding: 42px 40px 42px 76px; background: #f3f3f3; display: none; }
.faq-wrap .faqList .ic { width: 31px; height: 31px; margin-right: 15px; background: url(../images/q-ic.png)no-repeat; background-size: contain; display: inline-block; vertical-align: middle; font-size: 0; }
.faq-wrap .faqList li.on .question { background-image: url(../images/faq-on.png); }
 .faq-wrap .faqList li.on .question h3 { font-weight: 700; color: #073190; }
.faq-wrap .item-nav ul { margin: 60px 0 43px; }
@media (max-width: 1023px) {
	.faq-wrap .faqList .question, .faq-wrap .faqList .question>div { display: block; }
	.faq-wrap .faqList .question>div { width: 100%; }
	.faq-wrap .faqList .question>div:first-child { font-size: 13px; margin-bottom: 10px; }
	.faq-wrap .faqList .ic { width: 20px; height: 20px; margin-right: 10px; }
	.faq-wrap .faqList .answer { padding: 40px; }
}
@media (max-width: 767px) {
	.item-nav ul, .faq-wrap .item-nav ul { margin: 30px 0 20px; }
	.faq-wrap .faqList .question { padding: 20px 10px; background-position: center right; }
	.faq-wrap .faqList .question h3 { font-size: 15px; }
	.faq-wrap .faqList .answer { padding: 20px 15px; }
}

/* 고객센터 > 소식 */
.news-wrap .post-box ul { border-top: 1px solid #073190; }
.news-wrap .post-box ul li { padding: 32px 0; border-bottom: 1px solid #d7d7d7; }
.news-wrap .post-box ul li a { width: 100%; display: table; }
.news-wrap .post-box ul li>a>div { display: table-cell; vertical-align: middle; }
.news-wrap .post-box ul li>a>div:nth-child(2) { width: 24%; }
.news-wrap .post-box ul li>a>div:nth-child(3) { width: auto; padding-left: 43px; }
.news-wrap .post-box .date { width: 111px; font-size: 15px; letter-spacing: 2px; color: #0941bf; }
.news-wrap .post-box .date span { display: block; font-size: 60px; font-weight: 700; letter-spacing: 0; }
.news-wrap .post-box h2 { margin-bottom: 20px; font-size: 25px; letter-spacing: -1px; color: #111; }
/* 상세 */
.news-wrap .view-box { max-width: 990px; margin: 0 auto; }
.news-wrap .view-ttl { padding-bottom: 50px; border-bottom: 1px solid #d7d7d7; text-align: center; letter-spacing: -0.5px; }
.news-wrap .view-ttl .category { display: inline-block; padding: 0 7px 5px; margin-bottom: 40px; font-family: 'Noto Sans KR'; font-size: 15px; font-weight: 500; color: #111; border-bottom: 2px solid #e60012; }
.news-wrap .view-ttl h2 { margin-bottom: 22px; font-size: 35px; color: #111; letter-spacing: -1px; }
.news-wrap .view-ttl .date { color: #888; }
.news-wrap .view-cont { padding: 48px 0 80px; font-family: 'Noto Sans KR'; font-weight: 300; line-height: 1.75; }
.news-wrap .post-nav { text-align: center; font-family: 'Noto Sans KR'; }
.news-wrap .post-nav ul { width: 100%; display: table; border-top: 2px solid #073190; margin-bottom: 63px; }
.news-wrap .post-nav li { width: 50%; display: table-cell; vertical-align: top; height: 147px; padding-top: 44px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; letter-spacing: -1px; }
.news-wrap .post-nav li span { display: inline-block; margin-bottom: 20px; font-size: 17px; font-weight: 500; color: #073190; letter-spacing: -0.5px; text-transform: uppercase; position: relative; }
.news-wrap .post-nav li span:before,
.news-wrap .post-nav li span:after { transition: .3s ease; position: absolute; top: 50%; margin-top: -6.5px; }
.news-wrap .post-nav li:first-child span:before, .news-wrap .post-nav li:last-child span:after {
	display: inline-block; width: 7px; height: 13px; content: '';
	background-repeat: no-repeat; background-size: contain;
	opacity: 0;
}
.news-wrap .post-nav li:first-child:hover span:before {
	left: -21px;
	opacity: 1;
}
.news-wrap .post-nav li:last-child:hover span:after {
	right: -21px; opacity: 1;
}
.news-wrap .post-nav li:hover span { color: #e60012; }
.news-wrap .post-nav li:first-child span:before { left: 0; background-image: url(../images/page-nav.png); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.news-wrap .post-nav li:last-child span:after { right: 0; background-image: url(../images/page-nav.png); }
.news-wrap .post-nav li:last-child { border-right: 0; }
.bt { display: inline-block; height: 54px; line-height: 54px; padding: 0 10px; min-width: 150px; text-align: center; border-radius: 26px; font-family: 'Noto Sans KR'; font-size: 17px; font-weight: 500; background: #0941bf; letter-spacing: -1px; color: #fff; }
.bt.line { border: 1px solid #0941bf; background: transparent; color: #0941bf; font-weight: 700; }
.bt.line:hover { color: #fff; background: #0941bf; }
@media (min-width: 768px) {
	.bt.line { height: 52px; line-height: 50px; font-size: 16px; }
}
@media (max-width: 1023px) {
	.news-wrap .view-ttl { padding-top: 50px; padding-bottom: 20px; }
	.news-wrap .view-box { padding: 0 15px; }
}
@media (max-width: 767px) {
	.bt { height: 35px; font-size: 1rem; line-height: 35px; min-width: 100px; }
	.news-wrap .post-box ul li a, .news-wrap .post-box ul li>a>div { display: block; }
	.news-wrap .post-box ul li { padding: 20px 0; position: relative; }
	.news-wrap .post-box ul li>a>div { width: 100% !important; }
	.news-wrap .post-box .date { width: 60px !important; height: 60px; padding-top: 8px; text-align: center; font-size: 11px; background: #3060ce; color: #fff; position: absolute; left: 0; top: 20px; }
	.news-wrap .post-box .date span { font-size: 30px; }
	.news-wrap .post-box ul li>a>div:nth-child(3) { padding-left: 0; margin-top: 20px; }
	.news-wrap .post-box h2 { font-size: 18px; margin-bottom: 15px; }
	.news-wrap .view-ttl .category { font-size: 1rem; margin-bottom: 20px; }
	.news-wrap .view-ttl h2 { font-size: 20px; }
	.news-wrap .view-cont { padding: 30px 15px; }
	.news-wrap .post-nav li { height: 100px; padding-top: 20px; }
	.news-wrap .post-nav li span { font-size: 15px; margin-bottom: 10px; }
}

/* 고객센터 > 전문자료 */
.data-wrap .search-box { margin-bottom: 36px; }
.sub-wrap .board-box { border-top: 1px solid #073190; }
.sub-wrap .board-box th, .sub-wrap .board-box td { border-bottom: 1px solid #d7d7d7; font-family: 'Noto Sans KR'; }
.sub-wrap .board-box th { padding: 14px 0; font-size: 15px; font-weight: 700; color: #073190; }
.sub-wrap .board-box td { padding: 16px 0; color: #111; }
.sub-wrap .board-box .align-center { text-align: center; }
.sub-wrap .board-box .td-ttl { font-size: 18px; font-weight: 500; }
.sub-wrap .board-box .down-bt { display: inline-block; width: 84px; height: 32px; border-radius: 15px; border: 1px solid #d9d9d9; background: url(../images/down-ic.png)no-repeat center / 20px 18px; font-size: 0; vertical-align: middle; }
@media (max-width: 1023px) {
	.data-wrap .board-box th:first-child, .data-wrap .board-box td:first-child { display: none; }
}
@media (max-width: 767px) {
	.sub-wrap .board-box th { font-size: 1rem; }
	.data-wrap .board-box th:nth-child(3), .data-wrap .board-box td:nth-child(3) { width: 70px; }
	.sub-wrap .board-box .down-bt { width: 54px; height: 26px; background-size: 16px 14px; }
	.sub-wrap .board-box .td-ttl { font-size: 14px; }
}

/* 제품 */
.product-wrap { padding-bottom: 0; }
.product-wrap .breadcrumb-box { margin-bottom: 0; }
.product-wrap .product-detail {
    max-width: 1920px;
	margin: 0 auto;
}
.product-wrap .product-visual { width: 100%; height: 418px; margin-bottom: 23px; display: table; background: #e7ebf5; font-family: 'Roboto', 'Noto Sans KR'; }
.product-wrap .product-visual .inner { display: table-cell; vertical-align: middle; }
.product-wrap .product-visual h1 { 
	font-size: 45px; 
	font-weight: 500; 
	letter-spacing: -0.5px; 
	color: #243f8e; 
	position: relative;
	z-index: 10;
	width: auto;
	display: inline-block;
}
.product-wrap .product-visual h1:after { display: block; width: 44px; margin: 14px 0 28px; height: 1px; background: #d2242b; content: ''; }
.product-wrap .product-visual p { margin-bottom: 48px; font-size: 18px; line-height: 1.5; color: #626670; letter-spacing: -1px; }
.product-wrap .product-visual .thumn { 
	position: absolute; 
	right: 0; 
	top: 50%; 
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
}
.product-wrap .product-visual .thumn a { cursor: pointer; }
.product-wrap .product-visual .thumn a img { width: 564px; height: auto; }

.product-wrap .product-detail img.pc  { display: inline-block; }
.product-wrap .product-detail img.mo  { display: none; }


.product-wrap .product-detail.disabled { background: none !important; min-height: auto !important;}
.product-wrap .product-detail.product_pc img { display:none; }
.product-wrap .product-detail.product_pc.disabled img { display:inline-block; }
.product-wrap .video_title_box {
	text-align: center;
	margin-bottom: 35px;
}
.product-wrap .video_title {
	color:#111;
	font-family: 'Roboto', 'Noto Sans KR';
	position: relative;
	font-weight: bold;
}
.product-wrap .video_title::before {
	width: 4px;
	height:4px;
	content:"";
	background-color: #111;
	border-radius: 4px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: -20px;
}
.product-wrap .video_title::after {
	width: 4px;
	height:4px;
	content:"";
	background-color: #111;
	border-radius: 4px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: -20px;
}
.product-wrap .video_box {
	position: relative;
    max-width: 767px;
	height: 0;
    padding-bottom: 30.28%;
	margin: 0 auto;
	margin-bottom:100px;
}
.product-wrap .video_text {
	line-height:1.2;
	text-align: center;
	color:#111;
	font-family: 'Roboto', 'Noto Sans KR';
	position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
iframe {
	position:absolute;
	max-width: 100%;
	height: 100%;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
@media (max-width: 1240px) {
	.product-wrap .video_box {
		padding-bottom: 42.28%;
	}
}
@media (max-width: 1023px) {
	.product-wrap .product-visual, .product-wrap .product-visual .inner { display: block; }
	.product-wrap .product-visual { margin-top: 55px; position: relative; }
	.product-wrap .product-visual .inner { padding: 30px 0; }
	.product-wrap .product-visual .inner .container { position: static; }
	.product-wrap .product-visual .thumn { width: 50%; top: auto; bottom: 0; transform: none; -webkit-transform: none; -ms-transform: none; }
	.product-wrap .product-visual p { margin-bottom: 0; }
	.product-wrap .product-visual .bt { position: absolute; left: 15px; bottom: 38px; }
	.product-wrap .video_box {
		padding-bottom: 48.28%;
	}
}
@media (max-width: 767px) {
	.product-wrap .product-visual { height: 250px; }
	.product-wrap .product-visual h1 { font-size: 29px; }
	.product-wrap .product-visual h1:after { width: 20px; margin: 7px 0 15px; }
	.product-wrap .product-visual p { font-size: 1rem; }
	.product-wrap .product-detail img.mo  { display: inline-block; }
	.product-wrap .product-detail img.pc  { display: none; }
	.product-wrap .video_box {
		 margin-bottom:50px;
		 padding-bottom: 56.28%;
	}
	.product-wrap .video_title_box {
		margin-bottom:12px;
	}
	.product-wrap .video_title, .product-wrap .video_text {
		font-size:0.5rem;
	}
	.product-wrap .video_title::before {
		left:-10px;
	}
	.product-wrap .video_title::after {
		right:-10px;
	}
	.product-wrap .video_text {
	    bottom: -20px;
	}
}

/* 팝업 */
html.on, body.on { overflow: hidden !important; height: auto !important;}
.layerPopup { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: auto; overflow: auto; background: rgba(0, 0, 0, .6); z-index: 9999; font-family: 'Noto Sans KR'; }
.layerPopup .popup { width: 100%; max-width: 820px; padding: 60px 60px 70px; margin: 220px auto; background: #fff; position: relative; }
.layerPopup .close { width: 21px; height: 21px; position: absolute; top: 0; right: -43px; background: url(../images/close.png)no-repeat; background-size: contain; cursor: pointer; }
.layerPopup .content .item li { padding-bottom: 52px; margin-bottom: 52px; border-bottom: 1px solid #ccc; }
.layerPopup .content .item li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.layerPopup .content .item-ttl { margin: 30px 0 14px; font-size: 18px; font-weight: 500; line-height: 1.333; letter-spacing: -0.5px; color: #000; padding-left: 0px; position: relative; }
/* .layerPopup .content .item-ttl:before { width: 3px; height: 3px; border-radius: 100%; background: #d2242b; position: absolute; left: 0; top: 8px; content: ''; } */
.layerPopup .content .link-box { margin: 45px -9px 0; }
.layerPopup .content .link-box .bt { min-width: 179px; float: left; margin: 0 9px; }
.layerPopup .content .txt { line-height: 1.5; }
@media (max-width: 1023px) {
	.layerPopup .popup { width: 92%; padding: 30px 20px 40px; }
	.layerPopup .close { top: -30px; right: 0; }
}
@media (max-width: 767px) {
	.layerPopup .popup { margin: 100px auto; }
	.layerPopup .content .item-ttl { font-size: 15px; }
	.layerPopup .content .item li { padding-bottom: 25px; margin-bottom: 25px; }
	.layerPopup .content .link-box { margin: 20px -5px 0; }
	.layerPopup .content .link-box .bt { min-width: 120px; margin: 0 5px; }
}
/* 개인정보처리방침 */
.privacy_pop { word-break: keep-all; }
.privacy_pop h2, .privacy_pop h3 { font-family: 'NanumSquare'; }
.privacy_pop h2 { font-size: 34px; color: #111; letter-spacing: -0.5px; line-height: 1.23; margin-bottom: 32px; }
.privacy_pop h3 { margin: 34px 0 20px; font-size: 24px; font-weight: 900; letter-spacing: -0.5px; color: #111; }
.privacy_pop .privacy-box { margin-bottom: 34px; background: #eee; padding: 30px 32px; }
.privacy_pop p, .privacy_pop ul li { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 14px; color: #555; letter-spacing: -0.5px; line-height: 1.85; }
.privacy_pop strong { display: block; margin: 33px 0 4px; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.44; color: #111; }
.privacy_pop .txt-box1 li, .privacy_pop .txt-box2 li { padding-left: 12px; position: relative; }
.privacy_pop .txt-box1 li:before { width: 3px; height: 3px; background: #4d4d4d; position: absolute; left: 0; top: 11px; content: ''; }
.privacy_pop .txt-box2 li { padding-left: 17px; }
.privacy_pop .txt-box2 span { position: absolute; left: 0; top: 0; }
@media (min-width: 1024px) {
	.privacy_pop .popup { max-width: 1050px; }
}
@media (max-width: 767px) {
	.privacy_pop .privacy-box { padding: 20px 15px; }
	.privacy_pop h2 { font-size: 20px; margin-bottom: 15px; }
	.privacy_pop h3 { font-size: 16px; margin: 20px 0 10px; }
	.privacy_pop strong { font-size: 14px; }
	.privacy_pop p, .privacy_pop ul li { font-size: 1rem; line-height: 1.5; }
}

/* 인재상 */
.talent-wrap .subtit { color: #111; margin: 80px 0 66px; }
.talent-wrap .subtit span { font-weight: 700; color: #243f8e; }
.talent-wrap .bt-box { text-align: center; margin-top: 100px; }

/* 채용 */
.recruit-wrap .recruit-greeting { padding: 78px 0 76px; text-align: center; background: url(../images/recruit-mark1.png)no-repeat left 76px top 134px, url(../images/recruit-mark2.png)no-repeat right 80px top 124px #f5f7fb; }
.recruit-wrap .recruit-greeting h2 { margin-bottom: 20px; font-size: 30px; font-weight: 800; letter-spacing: -1.5px; color: #243f8e; }
.recruit-wrap .recruit-greeting p { font-family: 'Noto Sans KR'; }
.recruit-wrap .recruit-ttl { font-size: 25px; font-weight: 900; letter-spacing: -1.5px; color: #243f8e; text-align: center; margin: 85px 0 30px; }
.recruit-wrap .recruit-ttl2 { font-size: 20px; color: #111; letter-spacing: -1.5px; margin: 84px 0 20px; }
.recruit-wrap .table-basic { border-top: 1px solid #073190; font-family: 'Noto Sans KR'; letter-spacing: -1px; }
.recruit-wrap .table-basic thead th { padding: 18px 5px; font-size: 15px; font-weight: 700; color: #073190; border-bottom: 1px solid #d7d7d7; }
.recruit-wrap .table-basic tbody th {  border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; font-size: 18px; font-weight: 500; color: #111; background: #fafafa; }
.recruit-wrap .table-basic td { border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; color: #111; line-height: 1.875; padding: 17px 5px; }
.recruit-wrap .table-basic td:last-child { border-right: 0; }
.recruit-wrap .table-basic.align-center, .recruit-wrap .table-basic .align-center { text-align: center; }
.recruit-wrap .table-basic.field td:last-child { padding-left: 78px; }
.recruit-wrap .table-basic.common td:last-child { padding-left: 60px; }
.recruit-wrap .table-basic.common .step { margin: 0 -14px; }
.recruit-wrap .table-basic.common .step li { float: left; width: calc(25% - 28px); margin: 0 14px; padding-top: calc(25% - 28px); border-radius: 100%; position: relative; }
.recruit-wrap .table-basic.common .step p { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 500; letter-spacing: -1px; color: #111; }
.recruit-wrap .table-basic.common .step p span { display: block; font-weight: 500; color: #da0011; }
.recruit-wrap .table-basic.common .step li:nth-child(1) { background: #ececec; }
.recruit-wrap .table-basic.common .step li:nth-child(2) { background: #e5e5e5; }
.recruit-wrap .table-basic.common .step li:nth-child(3) { background: #d4d4d4; }
.recruit-wrap .table-basic.common .step li:nth-child(4) { background: #da0011; }
.recruit-wrap .table-basic.common .step li:nth-child(4) p, .recruit-wrap .table-basic.common .step li:nth-child(4) p span { color: #fff; }
.recruit-wrap .none-box { display: table; width: 100%; height: 370px; padding: 0 15px; text-align: center; background: url(../images/recruit-figure1.png)no-repeat top 99px left 107px, url(../images/recruit-figure2.png)no-repeat top 93px right 87px rgba(241, 241, 241, .5); }
.recruit-wrap .none-box p { display: table-cell; vertical-align: middle; font-size: 30px; font-weight: 700; color: #111; letter-spacing: -1.5px; }
@media (max-width: 1023px) {
    .recruit-wrap .recruit-greeting { padding: 78px 15px 76px; background-position: left 15px top 80px, right 15px top 90px; }
    .recruit-wrap .table-basic.common .step { margin: 20px -10px 0; }
    .recruit-wrap .table-basic.common .step li { width: calc(50% - 20px); margin: 0 10px 20px; padding-top: calc(50% - 20px); }
    .recruit-wrap .none-box { background-position: top 99px left 15px, top 93px right 15px; }
}
@media (max-width: 767px) {
    .recruit-wrap .recruit-greeting { padding: 30px 15px 20px; background-size: 5%; background-position: left 15px top 54px, right 15px top 54px; }
    .recruit-wrap .recruit-greeting h2 { font-size: 18px; }
    .recruit-wrap .recruit-ttl { margin: 40px 0 20px; font-size: 15px; }
    .recruit-wrap .table-basic thead th { font-size: 1rem; }
    .recruit-wrap .table-basic tbody th { font-size: 15px; }
    .recruit-wrap .recruit-ttl2 { font-size: 15px; margin: 40px 0 10px; }
    .recruit-wrap .table-basic td { padding: 10px 5px; }
    .recruit-wrap .table-basic.field td:last-child, .recruit-wrap .table-basic.common td:last-child { padding-left: 20px; }
    .recruit-wrap .table-basic.common .step p { font-size: 14px; }
    .recruit-wrap .table-basic.common .step p span { font-size: 12px; }
    .recruit-wrap .none-box { background-size: 15%; }
    .recruit-wrap .none-box { font-size: 18px; }
}

.partner-wrap .partner-detail {
    max-width: 1920px;
	margin: 0 auto;
}

@media (max-width: 1023px) {
    .partner-wrap .partner-detail {
        padding-top: 100px;
    }
}


/* 파트너 > ansell */
.partner-wrap .ttl { font-size: 54px; line-height: 1.111; }
.partner-wrap .title-box .post-tit { margin-bottom: 5px; font-family: 'NanumSquare'; font-weight: 700; line-height: 1.63; }
.partner-wrap .ansell-service li { float: left; width: 25%; padding: 20px 52px 0; min-height: 332px; border-right: 1px solid rgba(0, 0, 0, .15); }
.partner-wrap .ansell-service li:before { display: block; width: 100%; height: 60px; margin-bottom: 22px; background-position: left bottom; background-repeat: no-repeat; content: ''; }
.partner-wrap .ansell-service li:nth-child(1):before { background-image: url(../images/ansell-sv1.png); }
.partner-wrap .ansell-service li:nth-child(2):before { background-image: url(../images/ansell-sv2.png); }
.partner-wrap .ansell-service li:nth-child(3):before { background-image: url(../images/ansell-sv3.png); }
.partner-wrap .ansell-service li:nth-child(4):before { background-image: url(../images/ansell-sv4.png); }
.partner-wrap .ansell-service li:last-child { border-right: 0; }
.partner-wrap .ansell-service p { margin-bottom: 10px; font-size: 22px; font-weight: 500; color: #243f8e; letter-spacing: -0.5px; }
.partner-wrap .ansell-service .txt { margin-bottom: 16px; font-size: 1rem; line-height: 1.5; color: #666; letter-spacing: -0.5px;}
.partner-wrap .box { margin-top: 130px; }
.partner-wrap .box h2 { margin-bottom: 22px; font-family: 'NanumSquare'; font-size: 47px; font-weight: 900; color: #111; letter-spacing: -1px; line-height: 1.27; text-align: center; }
.partner-wrap .box h2 + .txt { text-align: center; }
.partner-wrap .ansell-solution .txt-box { max-width: 655px; margin: 60px auto 0; padding: 22px 10px; background: #f6f6f6; text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -1px; line-height: 1.5; color: #243f8e; }
.partner-wrap .ansell-solution ul:after { display: block; clear: both; content: ''; }
.partner-wrap .ansell-solution ul:before { display: block; width: 18px; height: 18px; margin: 18px auto 35px; border-top: 2px solid #d5d5d5; border-right: 2px solid #d5d5d5; transform: rotate(135deg); content: ''; }
.partner-wrap .ansell-solution ul { margin: 0 -11px; }
.partner-wrap .ansell-solution ul li { float: left; width: calc(25% - 22px); margin: 0 11px 22px; }
.partner-wrap .ansell-solution ul li>div { padding: 22px 20px; background: #243f8e; color: #fff; }
.partner-wrap .ansell-solution .num { display: block; margin-bottom: 7px; font-size: 15px; font-weight: 500; letter-spacing: -1px; }
.partner-wrap .ansell-solution ul li>div p { display: table; width: 100%; height: 48px; line-height: 24px; font-size: 18px; font-weight: 700; letter-spacing: -1px; }
.partner-wrap .ansell-solution ul li>div p span { display: table-cell; vertical-align: middle; }
.partner-wrap .ansell-solution dl { padding: 20px 18px; min-height: 213px; letter-spacing: -1px; line-height: 1.5; border: 1px solid #d9d9d9; word-break: keep-all; }
.partner-wrap .ansell-solution dt { font-weight: 500; color: #111; }
.partner-wrap .ansell-solution dd { color: #666; }
.partner-wrap .ansell-map { width: 100%; display: table; margin-top: 105px; }
.partner-wrap .ansell-map>div { display: table-cell; vertical-align: middle; }
.partner-wrap .ansell-map>div:first-child { width: 75%; }
.partner-wrap .ansell-map>div:last-child { width: 25%; }
.partner-wrap .ansell-map .count { font-size: 0; margin: 24px -16px 0; }
.partner-wrap .ansell-map .count li { display: inline-block; width: calc(50% - 32px); padding: 15px 0 20px; margin: 0 16px; vertical-align: top; font-size: 1rem; border-bottom: 1px solid #d9d9d9; }
.partner-wrap .ansell-map .count li:nth-child(1), .partner-wrap .ansell-map .count li:nth-child(2) { border-top: 1px solid #d9d9d9; }
.partner-wrap .ansell-map .count li:nth-last-child(-n+2) { border-bottom: 0; }
.partner-wrap .ansell-map .count span { display: block; margin-bottom: 3px; font-size: 55px; color: #111; letter-spacing: -0.5px; }
.dot-li li { padding-left: 12px; position: relative; color: #666; letter-spacing: -0.5px; line-height: 1.5; margin-bottom: 6px; }
.dot-li li:last-child { margin-bottom: 0; }
.dot-li li:before { width: 3px; height: 3px; border-radius: 100%; background: #d2242b; position: absolute; left: 0; top: 10px; content: ''; }
@media (max-width: 1024px) {
    .partner-wrap .ansell-service li { padding: 20px 15px 0; }
}
@media (max-width: 1023px) {
    .partner-wrap .ansell-service li { width: 50%; border-bottom: 1px solid rgba(0, 0, 0, .15); }
    .partner-wrap .ansell-service li:nth-child(2) { border-right: 0; }
    .partner-wrap .ansell-service li:nth-last-child(-n+2) { border-bottom: 0; }
    .partner-wrap .ansell-solution ul li { width: calc(50% - 22px); }
    .partner-wrap .ansell-map, .partner-wrap .ansell-map>div { display: block; }
    .partner-wrap .ansell-map>div:first-child, .partner-wrap .ansell-map>div:last-child { width: 100%; }
    .partner-wrap .ansell-map>div:last-child { margin-top: 30px; }
}
@media (max-width: 767px) {
    .partner-wrap .ttl { font-size: 29px; }
    .partner-wrap .ansell-service p { font-size: 17px; }
    .partner-wrap .box { margin-top: 50px; }
    .partner-wrap .box h2 { font-size: 22px; margin-bottom: 10px; }
    .partner-wrap .ansell-solution .txt-box { margin: 30px auto 0; font-size: 16px; line-height: 1.3; }
    .partner-wrap .ansell-solution ul { margin: 0 -10px 0; }
    .partner-wrap .ansell-solution ul li { width: calc(50% - 20px); margin: 0 10px 20px; }
    .partner-wrap .ansell-solution ul li>div { padding: 15px; }
    .partner-wrap .ansell-solution .num { font-size: 13px; }
    .partner-wrap .ansell-solution ul li>div p { height: 60px; line-height: 20px; font-size: 14px; line-height: 1.3; }
    .partner-wrap .ansell-solution dl { padding: 15px; min-height: 230px; }
    .partner-wrap .ansell-map { margin-top: 50px; }
    .partner-wrap .ansell-map .count span { font-size: 40px; }
}

/* 파트너 > bd */
.partner-wrap .bd-box { width: 100%; display: table; }
.partner-wrap .bd-box>div { display: table-cell; vertical-align: middle; }
.partner-wrap .bd-box>div:first-child { width: 36%; }
.partner-wrap .bd-box>div:last-child { width: 64%; padding-left: 58px; }
.partner-wrap .bd-box h2 { font-size: 30px; font-weight: 400; letter-spacing: -1px; line-height: 1.2; color: #243f8e; }
.partner-wrap .bd-box dl { margin-top: 28px; padding-top: 12px; border-top: 1px solid #d9d9d9; }
.partner-wrap .bd-box dl:after { display: block; clear: both; content: ''; }
.partner-wrap .bd-box dt, .partner-wrap .bd-box dd { float: left; letter-spacing: -1px; line-height: 24px; margin-bottom: 12px; }
.partner-wrap .bd-box dt { width: 175px; font-size: 18px; font-weight: 700; color: #111; }
.partner-wrap .bd-box dd { width: calc(100% - 175px); color: #666;  }
.partner-wrap .bd-graph { margin-top: 66px; }
.partner-wrap .bd-graph ul:after { display: block; clear: both; content: ''; }
.partner-wrap .bd-graph ul li { float: left; }
.partner-wrap .bd-graph .info { margin: 10px 0 30px; padding: 18px 15px; font-size: 20px; color: #111; letter-spacing: -.5px; text-align: center; background: #dfdfdf; }
.partner-wrap .graph-head { margin: 0 -7px; }
.partner-wrap .graph-head li { width: calc(33.333% - 14px); margin: 0 7px; }
.partner-wrap .graph-head li p { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; letter-spacing: -1px; border-bottom: 2px solid #0e3f97; }
.partner-wrap .graph-head li:nth-child(1) p { color: #0e3f97; }
.partner-wrap .graph-head li:nth-child(2) p { color: #da0011; border-color: #da0011; }
.partner-wrap .graph-head li:nth-child(3) p { color: #5c5c5c; border-color: #5c5c5c; }
.partner-wrap .graph-head li div { font-size: 20px; color: #fff; letter-spacing: -0.5px; line-height: 56px; text-align: center; }
.partner-wrap .graph-head li:nth-child(1) div { background: #0e3f97; float: left; }
.partner-wrap .graph-head li:nth-child(1)>div:nth-last-child(-n+2) { width: 43%; }
.partner-wrap .graph-head li:nth-child(1) div:last-child { width: 57%; background-image: url(../images/bd-arrow1.jpg); background-position: center left; background-repeat: no-repeat; position: relative; }
.partner-wrap .graph-head li:nth-child(1) div:last-child:after { width: 24px; height: 56px; background: url(../images/bd-arrow2.jpg)no-repeat center; background-repeat: no-repeat; position: absolute; right: -24px; top: 0; z-index: 1; content: ''; }
.partner-wrap .graph-head li:nth-child(2) div { background: #da0011; position: relative; }
.partner-wrap .graph-head li:nth-child(2) div:after { width: 22px; height: 56px; background: url(../images/bd-arrow3.jpg)no-repeat center; background-repeat: no-repeat; position: absolute; right: -22px; top: 0; content: ''; }
.partner-wrap .graph-head li:nth-child(3) div { background: #5c5c5c; }
.partner-wrap .graph-body>li { width: 33.333%; min-height: 532px; text-align: center; border-right: 1px solid #d9d9d9; }
.partner-wrap .graph-body>li:last-child { border-right: 0; }
.partner-wrap .graph-body>li p { color: #666; font-weight: 500; letter-spacing: -0.5px; }
.partner-wrap .graph-body>li:first-child:after { display: block; clear: both; content: ''; }
.partner-wrap .graph-body .col { float: left; min-height: 532px; }
.partner-wrap .graph-body .col:nth-last-child(-n+2) { width: 46%; border-right: 1px solid #d9d9d9; }
.partner-wrap .graph-body .col:last-child { width: 54%; border-right: 0 !important; }
.partner-wrap .strategy h2 { margin-bottom: 86px; }
.partner-wrap .graph-head.mo-ver { display: none; }
@media (max-width: 1023px ){
    .partner-wrap .bd-box, .partner-wrap .bd-box>div { display: block; }
    .partner-wrap .bd-box>div:first-child, .partner-wrap .bd-box>div:last-child { width: 100%; }
    .partner-wrap .bd-box>div:last-child { padding-left: 0; padding-top: 30px; }
    .partner-wrap .graph-head li { width: calc(100% - 14px); }
    .partner-wrap .graph-body>li { width: 100%; border-right: 0; margin-bottom: 30px; }
    .partner-wrap .graph-head.pc-ver { display: none; }
    .partner-wrap .graph-head.mo-ver { display: block; width: calc(100% + 14px) !important; min-height: auto; margin-bottom: 10px; border-right: 0 !important; }
    .partner-wrap .graph-head li:nth-child(1) div:last-child:after { display: none; }
    .partner-wrap .graph-body li:nth-child(2) .graph-head p { color: #da0011; border-color: #da0011; }
    .partner-wrap .graph-body li:nth-child(2) .graph-head div { background: #da0011; }
    .partner-wrap .graph-body li:nth-child(3) .graph-head p { color: #5c5c5c; border-color: #5c5c5c; }
    .partner-wrap .graph-body li:nth-child(3) .graph-head div { background: #5c5c5c; }
    .partner-wrap .graph-head p { text-align: left; }
    .partner-wrap .graph-body>li:nth-child(2) .graph-head li:nth-child(1) div:last-child, .partner-wrap .graph-body>li:nth-child(3) .graph-head li:nth-child(1) div:last-child { width: 100%; background-image: none; }
}
@media (max-width: 767px) {
    .partner-wrap .bd-box h2 { font-size: 20px; }
    .partner-wrap .bd-box dt { font-size: 16px; }
    .partner-wrap .bd-graph { margin-top: 30px; }
    .partner-wrap .bd-graph .info { font-size: 15px; }
    .partner-wrap .graph-head li div { font-size: 15px; line-height: 40px; }
    .partner-wrap .graph-body .col { min-height: auto; width: 100% !important; }
    .partner-wrap .graph-body .col:nth-last-child(-n+2) { border-right: 0; }
    .partner-wrap .graph-body .col:last-child { margin-top: 40px; }
}

/* 파트너 > nitto */
.partner-wrap .title-box .post-tit span { color: #243f8e; }
.partner-wrap .title-box .txt span { font-weight: 500; }
.partner-wrap .title-box .date { margin-top: 10px; font-size: 14px; color: #888; letter-spacing: -1px; line-height: 1.71; display: block; }
.partner-wrap .nitto-graph { width: 100%; height: 559px; padding: 0 15px; margin-top: 46px; display: table; background: #fafafa; }
.partner-wrap .nitto-graph>div { display: table-cell; vertical-align: middle; text-align: center; }
.partner-wrap .nito-tech { max-width: 1025px; margin: 60px auto; position: relative; }
.partner-wrap .nito-tech:before { width: calc(100% - 36px); height: 1px; background: #d9d9d9; position: absolute; left: 18px; top: 50%; content: ''; }
.partner-wrap .nito-tech li { float: left; width: calc(25% - 36px); padding-top: calc(25% - 36px); margin: 0 18px; border-radius: 100%; position: relative; font-size: 18px; letter-spacing: -1px; color: #111; background: #efefef; }
.partner-wrap .nito-tech li:nth-child(even) { color: #fff; background: #0e3f97; }
.partner-wrap .nito-tech li p { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; line-height: 1.66; text-align: center; }
.partner-wrap .nito-tech2 { margin: 0 -14px; }
.partner-wrap .nito-tech2 li { float: left; width: calc(25% - 28px); min-height: 334px; margin: 0 14px 28px; padding: 40px 15px 0; border: 1px solid #d9d9d9; text-align: center; }
.partner-wrap .nito-tech2 h3 { display: table; width: 100%; height: 48px; margin: 33px 0 13px; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -1px; line-height: 24px; }
.partner-wrap .nito-tech2 h3 span { display: table-cell; vertical-align: middle; }
.partner-wrap .nitto-tech3 { margin: 60px -15px 0; }
.partner-wrap .nitto-tech3>li { float: left; width: calc(33.333% - 30px); margin: 0 15px; }
.partner-wrap .nitto-tech3 p { margin: 30px 0 15px; padding-bottom: 12px; border-bottom: 1px solid #d9d9d9; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -1px; line-height: 1.33; }
@media (max-width: 1023px) {
    .partner-wrap .nito-tech2 li { width: calc(33.333% - 28px); }
}
@media (max-width: 767px) {
    .partner-wrap .nitto-graph { height: 250px; }
    .partner-wrap .nito-tech { margin: 30px auto;}
    .partner-wrap .nito-tech li { width: calc(50% - 36px); padding-top: calc(50% - 36px); margin-bottom: 20px; }
    .partner-wrap .nito-tech li:nth-last-child(-n+2) { margin-bottom: 0; }
    .partner-wrap .nito-tech:before { display: none; }
    .partner-wrap .nito-tech2 { margin: 0 -10px; }
    .partner-wrap .nito-tech2 li { width: calc(50% - 20px); min-height: 310px; margin: 0 10px 20px; padding: 30px 15px 0; }
    .partner-wrap .nito-tech2 img { min-height: 115px; }
    .partner-wrap .nito-tech2 h3 { margin: 20px 0 10px; font-size: 15px; line-height: 20px; height: 40px; }
    .partner-wrap .nitto-tech3 { margin-top: 30px; }
    .partner-wrap .nitto-tech3>li { width: calc(100% - 30px); margin-bottom: 30px; }
    .partner-wrap .nitto-tech3>li:last-child { margin-bottom: 0; }
    .partner-wrap .nitto-tech3 p { margin: 20px 0 10px; }
}

/* 파트너 > samat */
.partner-wrap .zamat-list { margin: 0 -17px; font-size: 0; }
.partner-wrap .zamat-list li { display: inline-block; vertical-align: top; width: calc(33.333% - 34px); margin: 0 17px 72px; text-align: center; }
.partner-wrap .zamat-list .thumn { display: table; background: #f2f2f2; width: 100%;  height: 353px; overflow: hidden; }
.partner-wrap .zamat-list .thumn div { display: table-cell; vertical-align: middle; }
.partner-wrap .zamat-list p { margin-top: 18px; font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 500; color: #111; letter-spacing: -1px; line-height: 1.5; }
@media (max-width: 1023px) {
    .partner-wrap .zamat-list li { width: calc(50% - 34px); }
}
@media (max-width: 767px) {
    .partner-wrap .zamat-list { margin: 0 -10px; }
    .partner-wrap .zamat-list li { width: calc(50% - 20px); margin: 0 10px 40px; }
    .partner-wrap .zamat-list .thumn { height: 200px; }
    .partner-wrap .zamat-list p { font-size: 14px; margin-top: 10px;  }
}