/**********************************************************************************
	FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); /* jbrix 수정 20211202 */

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/SpoqaHanSansLight.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansLight.woff") format('woff'),
	url("../fonts/SpoqaHanSansLight.ttf") format('truetype');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/SpoqaHanSansRegular.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansRegular.woff") format('woff'),
	url("../fonts/SpoqaHanSansRegular.ttf") format('truetype');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/SpoqaHanSansBold.woff2") format('woff2'),
	url("../fonts/SpoqaHanSansBold.woff") format('woff'),
	url("../fonts/SpoqaHanSansRegular.ttf") format('truetype');
}

html, body {
	font-family: 'Inter', 'Spoqa Han Sans Neo', AppleGothic, sans-serif; /* jbrix 수정 20211202 */
	overflow-x: hidden;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
	word-break: keep-all;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: 700;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/*
	normalize / reset
*/
html { font-size: 106.25%; }
body {
	line-height: 1;
	position: relative;
	overflow-x: hidden;
}
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;
}

.clear:after { display: block; clear: both; content: ''; }
.container {
	max-width:1560px;
	margin:0 auto;
	position:relative;
}
@media (max-width: 1560px) {
	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 767px) {
	html { font-size: 87.5%; }
}

/* Header */
.header { width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); position: fixed; top: 0; left: 0; z-index: 998; background: #fff; transition: .3s linear; }
.header .hdbox { height: 76px; display: flex; align-items: center; }
.header .logo { position: absolute; } /* jbtix 수정 20211203 */
.header .logo img { width: 145px; height: 28px; vertical-align: top; }
.header .nav { display: flex; width: 100%; justify-content: center; } /* jbtix 수정 20211203 */
.header .nav li { font-size: 18px; margin-right: 90px; }
.header .nav li:last-child { margin-right: 0; }
.header .nav li:hover { color: #da0e0e; }
.header .icoset { display: flex; align-items: center; position: absolute; right: 0; }
.header .icoset .ico-search { display: inline-block; width: 44px; height: 44px; border-radius: 100%; background: url(../images/main/ico-search.png)no-repeat center / 24px 24px #da0e0e;}
/* .header .icoset .ico-global { display: inline-block; width: 32px; height: 32px; margin: 0 20px; background: url(../images/main/ico-global.png)no-repeat; background-size: contain; } */
.header .icoset .ico-global { display: inline-block; width: 30px; height: 30px; margin: 0 30px; background: url(../images/main/gnb_icon_global.svg)no-repeat; background-size: contain; } /* 20211224 jbrix 수정 */
.header .num { width: 30px; height: auto; cursor: pointer; } /* jbrix 수정 20211202 */
/* jbrix 수정 20211203 */
.header .num:after,
.header .num:before,
.header .num .ico-menubar {
	background-color: #747474;
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin: 8px 0;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
@media (max-width: 767px) {
	.header .num { width: 22px; }
	.header .num:after,
	.header .num:before,
	.header .num .ico-menubar { width: 22px; margin: 6px 0; }
}
/* jbrix 수정 20211203 끝 */
.header .num .ico-menubar:before {
	margin-top:0;
}
.header .num .ico-menubar:after {
	margin-bottom:0;
}
.header .gnb-banner { width: 614px; height: 100%; position: absolute; top: 0; right: 0; overflow: hidden; }
.header .gnb-banner h2 { padding: 33px 0 0 182px; font-size: 24px; letter-spacing: -1px; line-height: 1.25; }
.header .gnb-banner .swiper-pagination { margin: 0 -9px; left: auto; right: 50px; bottom: 26px; text-align: right; }
.header .gnb-banner .swiper-pagination-bullet { width: 3px; height: 13px; margin: 0 9px !important; border-radius: 0; background: #fff; opacity: .25; }
.header .gnb-banner .swiper-pagination-bullet-active { opacity: 1; background: #da0e0e; transform: rotate(45deg); }
.header #mobileMenuBtn { display: none; }
.header.up { top: -250px; }

/* Header_검색 */
.search-layer { width: 100%; padding: 47px 0 68px; position: fixed; top: 74px; left: 0; background: #fff; z-index: 998; display: none; }
.search-form { max-width: 869px; margin: 0 auto; }
.search-form .form { margin-bottom: 26px; position: relative; }
.search-form input[type="text"] { width: 100%; height: 89px; border-radius: 0; border: 0; border-bottom: 2px solid #000; font-size: 38px; font-weight: 500; letter-spacing: -1px; background: transparent; outline: none; }
.search-form .btn { width: 36px; height: 20px; background: url(../images/search-bt.png)no-repeat; background-size: contain; position: absolute; right: 0; top: calc(50% - (20px/2)); cursor: pointer; font-size: 0; border: 0; }
.search-form .recommend { font-size: 15px; }
.search-form .recommend .recommend-ttl, .search-form .recommend .list { float: left; letter-spacing: -1px; }
.search-form .recommend .recommend-ttl { width: 42px; color: #666; line-height: 34px; clear: left } /* jbrix 수정 20211202 */
.search-form .recommend .list { width: calc(100% - 32px); margin: 0 -5px; clear: right; } /* jbrix 수정 20211202 */

.search-form .recommend .list li { float: left; line-height: 32px; border: 1px solid #e5e5e5; border-radius: 17px; text-align: center; padding: 0 15px; color: #111; margin: 0 5px; }
@media (max-width: 767px) {
	.search-layer { top: 55px; z-index: 998;}
}

/* Header_국가설정 */
.language { width: 100%; padding: 70px 0; position: fixed; top: 74px; width: 100%; z-index: 998; background: #fff; display: flex; justify-content: center; }
.language .inner { width: 869px; display: flex; flex-wrap: wrap; align-items: center; }
.language .inner>div:first-child { width: 63%;  }
.language .inner>div:last-child { width: 37%; }
.language .inner h2 { margin-bottom: 20px; font-size: 26px; font-weight: 500; letter-spacing: -1px; }
.language .inner p { font-size: 15px; line-height: 1.73; letter-spacing: -1px; color: #666; word-break: keep-all; }
.language select { width: 100%; height: 60px; padding: 0 28px; color: #000; background: url(../images/select2.png)no-repeat center right 28px / 15px 9px; appearance: none; -webkit-appearance: none; }

/* Header_사이트맵 */
html.on, body.on {
	overflow: hidden;
}
.sitemap * { font-family: 'Inter', 'Spoqa Han Sans', AppleGothic, sans-serif !important; color: #000; }
.sitemap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999; display: none; }
.sitemap.pc { height: auto; overflow: auto; }
.sitemap.pc .container { margin: 135px auto 70px; }
.sitemap .ico-close { width: 22px; height: 22px; background: url(../images/main/ico-close.png)no-repeat; background-size: contain; position: absolute; right: 52px; top: 34px; }
.sitemap .menuwrap2 { display: flex; flex-wrap: wrap; }
.sitemap .depth2 { width: calc(25% - 70px); margin-left: 70px; }
.sitemap .depth2 li { letter-spacing: -1px; font-size: 18px; font-weight: 700; line-height: 2; transition: .2s linear; }
.sitemap .depth2 .topmenu { margin-bottom: 25px; font-size: 42px; font-weight: 700; line-height: 1; }
.sitemap .depth2 .depth3 { margin-left: 2px; }
.sitemap .depth2>li>a { display: inline-block; position: relative; font-weight: 700; }
.sitemap .depth2>li:not(.topmenu)>a:hover { color: #da0e0e; }
.sitemap .depth2>li:not(.topmenu)>a:hover:before { width: 100%; height: 1px; background: #da0e0e; position: absolute; left: 0; bottom: 4px; content: ''; }
.sitemap .depth2 .depth3 { margin: 5px 0 15px; padding-left: 7px; }
.sitemap .depth2 .depth3>li { font-size: 16px; font-weight: 400; color: #777; line-height: 1.625; transition: .2s linear; }
.sitemap .depth2 .depth3>li:hover { color: #da0e0e; }
.sitemap .depth2 .topmenu.last {  margin-top: 70px; }
.sitemap .depth2>li:last-child .depth2 { margin-bottom: 58px; }
.sitemap .depth2 .link:after { display: inline-block; width: 24px; height: 24px; margin-left: 7px; vertical-align: middle; background: url(../images/main/sitemap-link.png)no-repeat; background-size: contain; content: ''; }
.sitemap .banner { width: 100%; position: absolute; left: 0; bottom: 62px; }
.sitemap .banner ul { margin: 0 -19px; }
.sitemap .banner ul:after { display: block; clear: both; content: ''; }
.sitemap .banner li { float: left; width: calc(20% - 38px); margin: 0 19px; height: 104px; background-repeat: no-repeat; background-position: center; background-size: cover; background: #000; position: relative; }
.sitemap .banner .inner { width: 100%; padding: 0 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); letter-spacing: -1px; color: #fff; }
.sitemap .banner h3 { font-size: 18px; font-weight: 500; margin-bottom: 8px; }
.sitemap .banner p { font-size: 15px; font-weight: 300; }
.sitemap .logo { width: 145px; height: 28px; position: absolute; left: 50px; top: 29px; }
.sitemap .nav-icon { position: absolute; right: 52px; top: 34px; }
.sitemap .sns { position: absolute; right: 0; bottom: 0; }
.sitemap.mo { display: none; overflow: hidden; }
.sns li { display: inline-block; width: 40px; height: 40px; margin: 0 8px; border-radius: 100%; background-color: #da0e0e; background-repeat: no-repeat; background-size: contain; }
.sns li a { display: block; width: 100%; height: 100%; }
.sns .youtube { background-image: url(../images/sns-youtube.png); }
.sns .twitter { background-image: url(../images/sns-twitter.png); }
.sns .in { background-image: url(../images/sns-in.png); }
.footer .to-top { width: 50px; height: 50px; border-radius: 100%; font-size: 0; position: absolute; top: 100px; right: 53px; background: url(../images/top.png)no-repeat rgba(0,0,0,0.35); background-size: contain; cursor: pointer; }
/* add 20211202 dkpark*/
.go-top .to-top { z-index:998; width: 60px; height: 60px; border-radius: 100%; font-size: 0; position: fixed; bottom: 100px; right: 53px; background: url(../images/top.png)no-repeat rgba(0,0,0,0.35); background-size: contain; cursor: pointer; }
input:-ms-input-placeholder { color: #dcdcdc; }
input::-webkit-input-placeholder { color: #dcdcdc; }
input::-moz-placeholder { color: #dcdcdc; }
input::-o-placeholder { color: #dcdcdc; }

/* Header_contact us 버튼 */
.contact-bt { text-align: center; position: fixed; right: 53px; bottom: 30px; z-index: 20; }
.contact-bt a { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 0; font-weight: 700; color: #fff; background: url(../images/main/contact-bt.png)no-repeat; background-size: contain; transition: .2s linear; }
.contact-bt:hover a { width: 161px; border-radius: 50px; background: #d20000; font-size: 18px; }
/* 영문 */
/* .header.en .menu { max-width: 1081px; left: calc(50% - (1081px/2)); }
.header.en .sub-menu li { width: 16.666%; } */
@media (min-width: 1024px) { /* 20211224 jbtix 수정 */
	.language .inner>div:first-child { padding-right: 30px; }
}
@media (max-width: 1560px) {
	.header .icoset, .contact-bt .go-top { right: 15px; }

}
.mo { display: none; }
@media (max-width: 1200px) {
	.header .nav { display: none; }
}
@media (max-width: 1023px) {
	.mo { display: block; }
	.pc { display: none; }

	/* 사이트맵 모바일 */
	.header #pcMenuBtn { display: none; }
	.header #mobileMenuBtn { display: block; }
	.sitemap.pc { display: none !important; }
	.sitemap.mo { padding-top: 65px; overflow: hidden; display: block; }
	.sitemap.mo .container { height: 100%; }
	.sitemap .ico-close { right: 15px; top: 20px; width: 19px; height: 19px; } /* jbrix 수정 20211203 */
	.sitemap .logo { left: 15px; }
	.sitemap .logo, .sitemap.mo .logo img { width: 91px; height: 18px; }
	.sitemap.mo .logo { top: 22px; }
	.sitemap.mo .logo img { vertical-align: top; }
	.sitemap.mo .dep1 { width: 45%; }
	.sitemap.mo .dep1 li { font-size: 20px; font-weight: 700; letter-spacing: -1px; line-height: 51px; }
	.sitemap.mo .dep1 li.on { color: #da0e0e; }
	.sitemap.mo .dep2 { width: 55%; padding: 0 15px 0 17px; position: absolute; left: 45%; top: 3px; display: none; }
	.sitemap.mo .dep2:before { width: 1px; height: 401px; background: #ebebeb; position: absolute; left: 0; content: ''; }
	.sitemap.mo .dep2-menu>li { font-size: 16px; font-weight: 500; letter-spacing: -.5px; line-height: 42px; }
	.sitemap.mo .dep2-menu li a { display: block; position: relative; }
	.sitemap.mo .depth3 { padding-left: 9px; margin: 2px 0 13px; display: none; }
	.sitemap.mo .depth3 li { font-size: 14px; line-height: 34px; color: #777; }
	.sitemap.mo .has-child>a { position: relative; }
	.sitemap.mo .ico-minarr-up { width: 13px; height: 8px; background: url(../images/dep2-arrow.png)no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - (8px/2)); transform: rotate(180deg); content: ''; }
	.sitemap.mo .dep2-menu li.active .ico-minarr-up { transform: rotate(0); }
	.sitemap.mo .other-link { font-size: 15px; font-weight: 500; position: absolute; left: 15px; right: 15px; bottom: 20px; } /* jbrix 수정 20211203 */
	.sitemap.mo .sns { margin: 0 -5px; bottom: auto; top: 50%; transform: translateY(-50%); }
	.sns li { width: 27px; height: 27px; margin: 0 5px; }
	.sitemap .banner { bottom: 0; }
	.sitemap .banner ul, .sitemap .banner ul li { margin: 0; }
	.sitemap .banner li { width: 100%; height: 109px; }
	.sitemap .banner .swiper-pagination { text-align: right; left: auto; right: 15px; bottom: auto; top: 50%; transform: translateY(-50%); }
	.sitemap .banner .swiper-pagination-bullet { width: 2px; height: 10px; border-radius: 0; opacity: .25; background: #fff; transition: .2s linear; }
	.sitemap .banner .swiper-pagination-bullet-active { transform: rotate(45deg); opacity: 1; background: #da0e0e; }

	/* Header_국가설정 */
	.language { top: 55px; padding: 50px 10px; z-index: 998; }
	.language .inner { display: block; }
	.language .inner>div:first-child, .language .inner>div:last-child { width: 100%; }
	.language .inner>div:last-child { margin-top: 30px; }
	.language .inner p { font-size: 1; line-height: 1.5; }
	.language select { height: 40px; padding: 0 12px; background-position: center right 12px; }
}
@media (max-width: 767px) {
	.header .hdbox { height: 55px; }
	.header .logo { height: 18px; }
	.header .logo img { width: 91px; height: 18px; }
	.header .icoset .cs-menu { display: none; }
	.header .icoset .ico-search { width: 30px; height: 30px; background-size: 17px 17px; }
	.header .icoset .ico-global { width: 22px; height: 22px; margin: 0 15px; } /* 20211224 jbrix 수정 */
	.contact-bt a { width: 40px; height: 40px; line-height: 40px; }
	.contact-bt:hover a { width: 120px; font-size: 14px; }

	.go-top .to-top { width: 40px; height: 40px; line-height: 40px; }
}
/* Header  끝 */

/* Footer */
.footer { padding: 66px 0; margin-top: 70px; background: #f3f3f3; position: relative; }
.footer .inner { position: relative; }
.footer .inner:first-child { margin-bottom: 48px; }
.footer .copyright { margin-top: 22px; }
.footer .menu { display: inline-block; font-size: 16px; color: #333; letter-spacing: -.5px; line-height: 47px; margin-right: 32px; }
.footer .menu:nth-child(2) { font-weight: 500; color: #da0e0e; }
.footer .menu:last-child { margin-right: 0; }
.footer .family-site { width: 226px; position: absolute; right: 0; top: 0; }
.footer .family-site .fm { display: block; width: 100%; line-height: 46px; border-bottom: 1px solid #000; font-size: 16px; color: #333; cursor: pointer; position: relative; z-index: 1; }
.footer .family-site .button2 { width: 16px; height: 16px; position: absolute; right: 0; top: calc(50% - (16px/2)); }
.footer .family-site .button2:before, .footer .family-site .button2:after { position: absolute; background: #333; transition: .2s linear; content: ''; }
.footer .family-site .button2:before { width: 100%; height: 2px; top: calc(50% - (2px/2)); left: 0; opacity: 1; }
.footer .family-site .button2:after { width: 2px; height: 100%; left: calc(50% - (2px/2)); top: 0; }
.footer .family-site ul { width: 100%; padding: 18px 22px; position: absolute; background: #fff; border: 1px solid #888; bottom: 47px; display: none; }
.footer .family-site ul li { line-height: 2.25; color: #333; transition: .2s linear; }
.footer .family-site ul li:hover { color: #da0e0e; }
.footer .family-site.on .button2:after { transform: rotate(90deg);}
.footer .family-site.on .button2:before { opacity: 0; }
.footer .family-site.on .list { display: block; }
.footer p { font-size: 14px; letter-spacing: -.5px; line-height: 1.86; color: #777; }
.footer .sns { font-size: 0; margin: 0 -8px; position: absolute; right: 0; bottom: 0; }
@media (max-width: 1200px) {
	.footer .inner { position: static; }
	.footer .family-site, .footer .sns { right: 15px; }
}
@media (max-width: 767px) {
	/* Footer */
	.footer { padding: 23px 0 45px; }
	.footer .family-site { margin-bottom: 27px; position: relative; width: 100%; right: 0; }
	.footer .family-site .fm { font-size: 14px; line-height: 38px; }
	.footer .menu { font-size: 14px; margin-right: 26px; }
	.footer p { font-size: 12px; line-height: 1.58; }
	.footer .inner:first-child { margin-bottom: 20px; }
	.footer .copyright { margin-top: 30px; line-height: 19px; }
	.footer .to-top { width: 35px; height: 35px; right: 15px; top: 92px; }
}
/* Footer 끝 */

/* 메인 */
/* 메인_폰트 */
.txt { font-size: 1.06rem; line-height: 1.67; letter-spacing: -.5px; color: #666; }
.ttl-box { text-align: center; letter-spacing: -.5px; }
.ttl-box h2 { font-size: 40px; }
.ttl-box p { font-size: 24px; margin-top: 15px; }
.category { font-size: 16px; font-weight: 700; letter-spacing: -.5px; color: #da0e0e; }
@media (max-width: 767px) {
	.txt { font-size: 1rem; line-height: 1.43; }
	.ttl-box h2 { font-size: 22px; }
	.ttl-box p { font-size: 13px; margin-top: 8px; }
	.category { font-size: 13px; }
}

/* 메인_버튼 */
.more_bt { display: block; width: 120px; line-height: 40px; border: 1px solid #d20000; border-radius: 50px; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: -.5px; color: #fff; background: #d20000; transition: .2s linear; }
.more_bt:hover { line-height: 40px; border-color: #c6c6c6; background-color: #fff; color: #000; }
.read_bt { display: inline-block; padding: 0 24px; line-height: 40px; border-radius: 50px; border: 1px solid #c6c6c6; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: -.5px; background: #fff; transition: .2s linear; }
.read_bt:hover { border-color: #d20000; background: #d20000; color: #fff; }
@media (max-width: 767px) {
	.more_bt { width: 115px; padding: 0 19px; line-height: 33px; font-size: 13px; background-position: center right 14px; background-size: 5px 9px; }
	.more_bt:hover:hover { line-height: 31px; }
	.read_bt { line-height: 32px; font-size: 13px;padding: 0 18px; background-position: center right 14px; background-size: 5px 9px; }
	.read_bt { line-height: 30px; }
}

/* 메인_비쥬얼 */
.main-visual { position: relative; margin: 77px 0 70px; } /* 20211222 jbrix 수정 */
.main-visual.pop-on { margin-top: 216px; }
.visual-sl { height: 726px; position: relative; overflow: hidden; }
.visual-sl .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; }
/* 211229_hj */

/* .visual-sl .swiper-slide h1 { margin: 229px 0 10px; font-size: 64px; letter-spacing: -2px; line-height: 1.125; color: #222; } */
/* .visual-sl .swiper-slide p { margin-bottom: 56px; font-size: 34px; letter-spacing: -.5px; color: #222; } */

.visual-sl .swiper-slide:nth-child(1) h1 { margin:133px 0 10px; font-size: 64px; letter-spacing: -2px; line-height: 1.125; color: #222; }
.visual-sl .swiper-slide:nth-child(1) p { margin-bottom: 10px; margin-top: 34px; font-size: 29px; letter-spacing: -.5px; color: #222; }
.visual-sl .swiper-slide:nth-child(2) h1 { margin: 229px 0 10px; font-size: 64px; letter-spacing: -2px; line-height: 1.125; color: #222; }
.visual-sl .swiper-slide:nth-child(2) p { margin-bottom: 56px; font-size: 34px; letter-spacing: -.5px; color: #222; }



.visual-sl .swiper-slide h1 span { font-weight: 700; }
.visual-sl .swiper-slide .more_bt { background-image: none; padding: 0; text-align: center; }
.visual-sl .swiper-slide-active h1, .visual-sl .swiper-slide-active p, .visual-sl .swiper-slide-active .more_bt {
	animation: fadeInUp .5s linear both;
}
.visual-sl .swiper-slide-active p { animation-delay: .2s; }
.visual-sl .swiper-slide-active .more_bt { animation-delay: .4s; }
.visual-sl .swiper-button-prev, .visual-sl .swiper-button-next {
	width: 22px; height: 46px;
	background: url(../images/main/slide-bt.svg) no-repeat center;
	background-size: contain;
	margin-top: -23px;
}
.visual-sl .swiper-button-prev { left: 50px; }
.visual-sl .swiper-button-next { right: 50px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.visual-sl .swiper-button-disabled { opacity: 0 !important; }
.controller {
	margin: 0 -8px;
	display: flex; align-items: center;
}
.visual-sl .controller {
	width: 100%;
	max-width: 1560px;
	position: absolute;
	bottom: 74px; left: 50%;
	text-align: left;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 2;
}
.controller .swiper-pagination {
	position: static;
	text-align: left;
}
.controller .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 8px !important; vertical-align: middle; opacity: 1; background: #da0e0e; }
.controller .swiper-pagination-bullet-active { width: 16px; height: 16px; border: 3px solid #da0e0e; background: transparent; }
.controller button { margin-left: 8px; background-repeat: no-repeat; background-color: transparent; font-size: 0; cursor: pointer; }
.controller .stop { width: 8px; height: 12px; background-image: url(../images/main/stop-bt.svg); }
.controller .play { width: 11px; height: 16px; background-image: url(../images/main/ico-play.svg); display: none; }
@media (min-width: 768px) {
	.visual-sl .swiper-slide .more_bt { width: 140px; font-size: 18px; }
}
@media (max-width: 1760px) {
	.visual-sl .swiper-button-prev { left: 15px; }
	.visual-sl .swiper-button-next { right: 15px; }
}
@media (max-width: 1690px) {
	.visual-sl .swiper-button-prev, .visual-sl .swiper-button-next { display: none; }
}
@media (max-width:1560px) {
	.visual-sl .controller { left: 15px; right: 15px; transform: none; -webkit-transform: none; -ms-transform: none; }
}
@media (max-width: 1023px) {
	.visual-sl { height: 455px; }
	.visual-sl .swiper-slide h1 { margin: 40px 0 14px; }
	.visual-sl .swiper-slide p { margin-bottom: 15px; }
	.visual-sl .controller { bottom: 35px; }
}
@media (max-width: 767px) {
	.main-visual { margin-top: 56px; margin-bottom: 0; }
	.main-visual.pop-on { margin-top: 188px; }
	.visual-sl .swiper-slide:nth-child(1) { background-image: url(../images/main/main_visual1_Omicron_20211229_mo.png) !important; }
	.visual-sl .swiper-slide:nth-child(2) { background-image: url(../images/main/mo-visual.jpg) !important; } /* 삭제예정 */

	/* .visual-sl .swiper-slide h1 { font-size: 27px; }
	.visual-sl .swiper-slide p { font-size: 17px; line-height: 1.24; } */
	/* 211229_hj_수정 */
	.visual-sl .swiper-slide:nth-child(1) h1 { font-size: 27px; }
	.visual-sl .swiper-slide:nth-child(1) p { font-size: 15px; line-height: 1.24;margin-bottom: 8px;margin-top: 12px; }
	.visual-sl .swiper-slide:nth-child(2) h1 { font-size: 27px; }
	.visual-sl .swiper-slide:nth-child(2) p { font-size: 17px; line-height: 1.24; }

	.controller .swiper-pagination-bullet { width: 6px; height: 6px; }
	.controller .swiper-pagination-bullet-active { width: 11px; height: 11px; border-width: 2px; }
	.controller .stop { height: 10px; }
}

/* 메인_Vision */
.h-line { width: 1069px; height: 1070px; position: absolute; right: -24%; top: 104px; transition: opacity 2000ms ease; z-index: -1; }
.h-line span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/main/hline.png)no-repeat; background-size: contain; opacity: 1; animation: hline 10500ms linear alternate infinite; }
.h-line span:nth-child(2) {
	opacity: .75;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
	top: -7px; left: -7px;
}
.h-line span:nth-child(3) {
	opacity: .5;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
	top: -14px; left: -14px;
}
.h-line span:nth-child(4) {
	opacity: .25;
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
	top: -21px; left: -21px;
}
@keyframes hline{
	0% {transform: rotate(0); top: 0; left: 0; }
	50% {transform: rotate(5deg); }
	100% {transform: rotate(-5deg); }
}
.main-vision { position: relative; }
.main-vision .grid { margin-bottom: 173px; position: relative; }
.main-vision .grid .pc { width: 62.5%; border-radius: 0 14px 14px 0; overflow: hidden; }
.main-vision .grid .mo { display: block; }
.main-vision .grid .video-js { width: 100%; height: 0; padding-top: 56.25%; background: none; }
/* .main-vision .grid .cont { width: 37.5%; padding-top: 80px; padding-left: 70px; padding-right: 15px; letter-spacing: -1px; } */
/* hj 수정 20211201 */
.main-vision .grid .cont { width: 37.5%; padding-top: 39px; padding-left: 70px; padding-right: 15px; letter-spacing: -1px; }
.main-vision .grid .cont h2 { font-size: 24px; margin-bottom: 16px; }
/* .main-vision .grid .cont h3 { font-size: 58px; line-height: 1.17; margin-bottom: 66px; } */
/* hj 수정 20211201 */
.main-vision .grid .cont h3 { font-size: 58px; line-height: 1.17; margin-bottom: 28px; }
.main-vision .grid .cont h3 span { display: inline-block; width: 14px; height: 14px; margin-left: 5px; border-radius: 100%; background: #da0e0e; }
/* .main-vision .grid .cont .txt { font-size: 32px; line-height: 1.19; } */
/* hj 수정 20211201 */
.main-vision .grid .cont .txt { font-size: 31px; line-height: 1.19; }
/* Video js 수정 */
.video-js .vjs-control-bar { height: 40px !important; background: transparent !important; bottom: 38px !important; left: 50px !important; }
.video-js .vjs-control { width: 40px !important; margin-right: 14px !important; background: rgba(0,0,0,.4); border-radius: 100%; }
.vjs-button > .vjs-icon-placeholder:before { line-height: 40px !important; }
/* .video-js .vjs-volume-panel:hover { margin-right: 54px !important; }
.video-js .vjs-mute-control:hover { margin-right: 8px !important; } */ /* jbrix 수정 20211203 */
.video-js .vjs-volume-bar { display: none; } /* jbrix 수정 20211203 */
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { background: none; height: 40px; }
@media (min-width: 1200px) {
	.main-vision .grid { display: flex; flex-wrap: wrap; }
	/* .main-vision .grid .more_bt { position: absolute; bottom: 38px; left: calc(62.5% + 70px); } */
	/* hj 수정 20211202 */
	.main-vision .grid .more_bt { position: absolute; bottom: 0px; left: calc(62.5% + 70px); }
}
@media (max-width: 1199px) {
	.main-vision .grid .pc { border-radius: 0; margin: 0 15px; }
	.main-vision .grid .pc, .main-vision .grid .cont { width: 100%; }
	.main-vision .grid .cont { padding-top: 0; padding-left: 15px; margin-top: 30px; }
	.main-vision .grid .more_bt { margin: 14px auto 0; }
	.video-js .vjs-control-bar { left: 15px !important; bottom: 15px !important; }
}
@media (max-width: 767px) {
	.h-line { top: -40px; width: 374px; height: 375px; }
	.main-vision .grid { margin-bottom: 74px; }
	.main-vision .grid .cont h2 { font-size: 13px; margin-bottom: 8px; }
	.main-vision .grid .cont h3 { margin-bottom: 20px; font-size: 29px; line-height: 1.17; }
	.main-vision .grid .cont h3 span { width: 10px; height: 10px; }
	.main-vision .grid .cont .txt { line-height: 1.28; font-size: 16px; }
	.main-vision .grid .mo { margin-top: 23px; }
	.video-js .vjs-control { width: 28px !important; height: 28px !important; margin-right: 13px !important; }
	.vjs-button > .vjs-icon-placeholder:before { line-height: 28px !important; }
}

/* 메인_News Media */
.main-vision { position: relative; }
.main-vision .ttl-box { display: flex; flex-direction: column; align-items: center; }
.main-vision .link_bt { /* 20211224 jbrix 수정 */
	width: 42px;
	height: 42px;
	border: 1px solid #c6c6c6;
	border-radius: 100%;
	background: url(../images/main/link-bt.png)no-repeat center / 19px 19px #f8f8f8;
	position: absolute; right: -48px; top: 0; transition: .2s linear;
}
.main-vision .link_bt:hover { /* 20211224 jbrix 수정 */
	border-color: #da0e0e;
	background-color: #da0e0e;
	background-image: url(../images/main/link-hover.png);
}
.main-vision .masonry.pc { margin: 57px 0 0px; }
/* .main-vision .masonry li { min-height: 343px; border-radius: 14px; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; position: relative; } */
.main-vision .masonry li { min-height: 343px; border-radius: 14px; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; position: relative; } /* jbrix 수정 20211202 */
.main-vision .masonry.pc li:nth-child(4) .txt { height: 75px; } /* jbtix 수정 20211203 */
.main-vision .masonry .img { position: relative; }
.main-vision .masonry .img img { width: 100%; }
.main-vision .masonry .img:before { width: 100%; height: 123px; background: url(../images/main/post-deco.png)no-repeat center; background-size: cover; position: absolute; left: 0; bottom: 0; content: ''; }
.main-vision .masonry .item-img { display: flex; align-items: center; justify-content: center; height: 291px; }
.main-vision .masonry .item-img img { object-fit: cover; }
.main-vision .masonry .item-img + .cont { padding-top: 0; padding-bottom: 0; height: 195px; }
.main-vision .masonry .cont { padding: 38px 40px 104px; position: relative; }
.main-vision .masonry .img + .cont { padding-top: 7px; }
.main-vision .masonry h3 { margin: 10px 0 18px; font-size: 24px; line-height: 1.33; letter-spacing: -1px; }
.main-vision .masonry .txt { line-height: 1.33; height: 72px; overflow: hidden; }
.main-vision .masonry .read_bt { position: absolute; left: 40px; bottom: 0; margin: 38px 0; }
.main-vision .masonry .no-img { background-image: url(../images/main/post-thum.png); background-position: center right; }
.main-vision .masonry .no-img .cont { padding-top: 55px; }
.main-vision .masonry .mark { width: 46px; height: 46px; line-height: 46px; text-align: center; text-transform: uppercase; border-radius: 100%; font-size: 15px; font-weight: 700; letter-spacing: -.5px; color: #fff; background: #da0e0e; position: absolute; right: 30px; top: 34px; }
.masonry.pc {
	-webkit-column-count: 3;
	-moz-column-count:3;
	column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}
.masonry.pc li {
	display: inline-block; /* jbrix 수정 20211202 */
	margin: 0 0 30px;
	width: 100%;
	-webkit-transition:1s ease all;
}
@media (min-width: 768px) {
	.main-vision .ttl-box .box { position: relative; }
}
@media (max-width: 1024px) {
	.masonry { margin-top: 50px; }
	.main-vision .masonry .img:before { height: 77px; }
}
@media (max-width: 1023px) {
	.main-vision .masonry.mo { padding-right: 48px; }
	.main-vision .masonry.mo .swiper-container-horizontal { margin-bottom: 20px; }
	.main-vision .masonry.mo .controller { width: calc(100% + 48px); margin-top: 15px; justify-content: center; }
}
@media (max-width: 767px) {
	.main-vision .news-media { margin-bottom: 110px; }
	.main-vision .masonry { margin-top: 20px; }
	.main-vision .masonry li { border-radius: 9px; padding-bottom: 24px; min-height: 265px; }
	.main-vision .masonry .cont { padding: 20px ; }
	.main-vision .masonry h3 { font-size: 16px; line-height: 1.375; margin-bottom: 10px; }
	.main-vision .masonry .read_bt { position: static; margin: 0; margin-left: 20px; }
	.main-vision .masonry .mark { width: 33px; height: 33px; line-height: 33px; font-size: 11px; top: 20px; right: 20px; }
	.main-vision .masonry .no-img { background-size: cover; }
	.main-vision .masonry .no-img .cont { padding-top: 28px; }
	.main-vision .masonry .item-img { height: 188px; padding: 0 38px; }
	.main-vision .masonry .item-img + .cont { height: 110px; }
	.main-vision .ttl-box, .main-vision .ttl-box .box { position: relative; } /* 20211224 jbtix 수정 */
	.main-vision .link_bt { width: 32px; height: 32px; background-size: 15px 15px; } /* 20211224 jbtix 수정 */
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
@-ms-keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

/* 메인_Event */
.main-event .slider-box { position: relative;}
.main-event .event-slide { margin-top: 50px; position: relative; }
/* hj 수정 20211201 */
/* .main-event .event-slide .swiper-slide { width: 620px !important; height: 342px; padding-bottom: 38px; border-radius: 14px; overflow: hidden; background: url(../images/main/event-thum.png)no-repeat center right #e2e2e2; } */
.main-event .event-slide .swiper-slide { width: 620px !important; height: 352px; padding-bottom: 38px; border-radius: 14px; overflow: hidden; background: url(../images/main/event-thum.png)no-repeat center right #e2e2e2; }
.main-event .event-slide .swiper-slide-prev { opacity: 0; }
.main-event .event-slide .logo { display: flex; align-items: center; justify-content: center; height: 150px; }
.main-event .event-slide .cont { padding: 0 38px; letter-spacing: -1px; position: relative; }
.main-event .event-slide .read_bt { position: absolute; right: 38px; bottom: 0; }
.main-event .event-slide h3 { height: 70px; margin-top: 17px; font-size: 28px; line-height: 1.29; }
.main-event .event-slide .info-txt { font-size: 18px; font-weight: 500; line-height: 28px; color: #333; }
.main-event .controller { justify-content: center; margin-top: 32px; }
.main-event .swiper-button-prev, .main-event .swiper-button-next {
	width: 22px;
	height: 46px;
	background: url(../images/main/slide-bt.svg) no-repeat center;
	background-size: contain;
	margin-top: -48px;
}
.main-event .swiper-button-prev { left: 50px; }
.main-event .swiper-button-next {
	right: 50px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.main-event .swiper-button-disabled { opacity: 0 !important; }
@media (max-width: 767px) {
	.main-event .event-slide { padding-right: 48px; margin-top: 20px; }
	.main-event .event-slide .swiper-slide { width: 100% !important; height: 324px; padding-bottom: 0; }
	.main-event .event-slide .logo { width: 65%; margin: 0 auto; height: 130px; }
	.main-event .event-slide .cont { padding: 0 20px 20px; }
	.main-event .event-slide h3 { margin-bottom: 14px; font-size: 16px; margin-top: 10px; line-height: 22px; height: 44px; }
	.main-event .event-slide .info-txt { font-size: 13px; line-height: 18px; }
	.main-event .event-slide .read_bt { bottom: -32px; right: auto; }
	.main-event .controller { width: calc(100% + 48px); margin-top: 20px; }
	.main-event .swiper-button-prev, .main-event .swiper-button-next { display: none; }
}

/* 메인_Social */
.social-box { text-align: center; }
.social-box h2 { margin: 130px 0 28px; font-size: 24px; letter-spacing: -.5px; color: #333; }
.social-box .ic { width: 84px; }
.social-box ul { display: flex; justify-content: center; }
.social-box ul li { margin-right: 32px; }
.social-box ul li:last-child { margin-right: 0; }
@media (max-width: 767px) {
	.social-box h2 { margin: 50px 0 15px; font-size: 20px; }
	.social-box ul li { margin-right: 15px; }
	.social-box .ic { width: 35px; }
}

/* 메인_국문 추가 20211202 */
:lang(ko) .ttl-box h2 { letter-spacing: -.5px; }
:lang(ko) .main-vision .grid .cont h2 { font-weight: 700; letter-spacing: -1px; }
:lang(ko) .main-event .event-slide .info-txt { font-weight: 700; }
@media (min-width: 768px) {
	:lang(ko) .category { font-size: 17px; }
	:lang(ko) .visual-sl .swiper-slide h1 { margin: 213px 0 32px; font-size: 68px; line-height: 1.17; }
	:lang(ko) .visual-sl .swiper-slide p { font-size: 30px; line-height: 1.27; }
	:lang(ko) .main-event .event-slide .info-txt .date { font-size: 20px; }
}
/* 메인_국문 추가 20211202 끝 */

/* 공지 팝업 */
.notice-layer { position: fixed; top: 0; left: 0; right: 0; background: url(../images/main/notice-layer.png)no-repeat center #f8f8f6; z-index: 2; }
.notice-layer .notice h2 { margin-bottom: 5px; font-size: 30px; font-weight: 500; letter-spacing: -1px; }
.notice-layer .notice p { line-height: 1.76; letter-spacing: -.5px; }
.notice-layer .close { width: 25px; height: 25px; margin-top: 6px; background: url(../images/main/ico-close2.png)no-repeat; background-size: contain; position: absolute; right: -16px; top: 50%; cursor: pointer; }
.notice-layer .btn input[type="checkbox"] { width: 20px; height: 20px; }
.notice-layer .btn .today-close { display: inline-block; vertical-align: top; line-height: 20px; font-size: 16px; color: #666; }
@media (min-width: 1024px) {
	.notice-layer { height: 139px; display: flex; align-items: center; }
	.notice-layer .container { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.notice-layer .notice { width: 83%; padding-left: 15px; }
	.notice-layer .btn { width: 17%;margin-top: 40px; }
}
@media (max-width: 1620px) {
	.notice-layer .close { right: 10px; }
}
@media (max-width: 1023px) {
	.notice-layer { padding: 20px 0; }
	.notice-layer .btn { margin-top: 10px; text-align: right; }
	.notice-layer .close { width: 18px; height: 18px; top: 0; margin-top: 0; }
}
@media (max-width: 767px) {
	.notice-layer .notice p { line-height: 1.4; }
	.notice-layer .btn .today-close { font-size: 13px; }
}

/* 쿠키 팝업 */
.cookie-layer { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; z-index: 10; border-top: 1px solid #ccc; }  /* jbtix 수정 20211203 */
.cookie-layer .close { width: 25px; height: 25px; background: url(../images/main/ico-close2.png)no-repeat; background-size: contain; position: absolute; right: 0; top: 24px; cursor: pointer; }
.cookie-layer .grid { padding: 46px 0 30px; }
.cookie-layer .grid>div:last-child { display: flex; align-items: center; justify-content: flex-end; }
.cookie-layer .grid h2 { margin-bottom: 18px; font-size: 24px; font-weight: 500; color: #555; letter-spacing: -1px; }
.cookie-layer .grid p { font-size: 15px; line-height: 1.6; letter-spacing: -.5px; color: #666; }
.cookie-layer .grid .read_bt, .cookie-layer .grid .more_bt { width: 148px; }
.cookie-layer .grid .read_bt { margin-left: 10px; }
@media (min-width: 1024px) {
	.cookie-layer .grid { display: flex; flex-wrap: wrap; align-items: center; }
	.cookie-layer .grid>div:first-child { width: 68%; }
	.cookie-layer .grid>div:last-child { width: 32%; }
}
@media (max-width: 1560px) {
	.cookie-layer .close { right: 15px; }
}
@media (max-width: 1023px) {
	.cookie-layer .grid { padding: 30px 0 15px; }
	.cookie-layer .grid>div:last-child { margin-top: 10px; }
}
@media (max-width: 767px) {
	.cookie-layer .close { width: 18px; height: 18px; }
	.cookie-layer .grid { padding: 20px 0 15px; }
	.cookie-layer .grid h2 { font-size: 20px; }
	.cookie-layer .grid p { font-size: 12px; line-height: 1.4; }
	.cookie-layer .grid>div:last-child { justify-content: center; }
	.cookie-layer .grid p { height: 100px; overflow-y: scroll; }
}

/* 쿠키 셋팅 팝업 */
.layer-pop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.layer-pop .popup { width: 100%; max-width: 968px; padding: 38px 40px 0; border-radius: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; }
.layer-pop .popup .close { width: 25px; height: 25px; background: url(../images/main/ico-close2.png)no-repeat; background-size: contain; position: absolute; right: 24px; top: 24px; cursor: pointer; }
.layer-pop .popup h2 { margin-bottom: 15px; font-size: 24px; font-weight: 500; letter-spacing: -.5px; color: #000; }
.layer-pop .popup p { font-size: 15px; letter-spacing: -.5px; line-height: 1.6; color: #666; }
.popup .set-li { margin-top: 30px; height: 410px; overflow-y: auto; }
.popup .set-li li { letter-spacing: -.5px; margin-bottom: 4px; }
.popup .set-li h3 { font-size: 16px; font-weight: 500; background: #f2f2f2; border-radius: 10px; padding: 18px 20px; cursor: pointer;}
.popup .set-li p { padding: 15px 20px 40px; display: none; }
.popup .set-li .ttl { position: relative; }
.popup .set-li .btn { width: 52px; height: 26px; position: absolute; right: 12px; top: 50%; margin-top: -13px; z-index: 2; }
.popup .set-li .btn input[type="checkbox"], .popup .set-li .btn input[type="checkbox"] + span {
	width: 100%; height: 100%;
	appearance: none; -webkit-appearance: none;
	position: absolute; left: 0; top: 0;
}
.popup .set-li .btn input[type="checkbox"] { visibility: hidden; }
.popup .set-li .btn input[type="checkbox"] + span { display: inline-block; border-radius: 50px; background: #d0d0d0; cursor: pointer; }
.popup .set-li .btn input[type="checkbox"] + span:before {
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 100%;
	background: #fff;
	position: absolute; left: 3px; top: 50%;
	transition: .2s linear;
	content: '';
}
.popup .set-li .btn input[type="checkbox"]:checked + span { background: #da0e0e; }
.popup .set-li .btn input[type="checkbox"]:checked + span:before { left: 28px; }
.popup .bt-box { height: 82px; border-top: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: center; }
@media (min-width: 768px) {
	.popup .bt-box a { width: 175px; }
}
@media (max-width: 1023px) {
	.layer-pop .popup { width: 90%; padding: 25px 15px 0; }
}
@media (max-width: 767px) {
	.layer-pop { overflow: auto; }
	.layer-pop .popup { position: relative; left: auto; top: auto; transform: none; margin: 100px auto 50px; }
	.layer-pop .popup h2 { font-size: 20px; }
	.layer-pop .popup p { font-size: 12px; line-height: 1.4; }
	.layer-pop .popup .close { width: 18px; height: 18px; top: 10px; right: 10px; }
	.popup .set-li { height: 300px; }
	.popup .set-li h3 { padding: 15px; font-size: 14px; }
	.popup .set-li p { padding: 15px 15px 30px; }
	.popup .bt-box a  { width: 130px; }
}

/* 404 */
.error-box { display: flex; height: 100vh; align-items: center; justify-content: center; }
.error-box .logo { text-align: center; }
.error-box .logo img { width: 169px; height: 32px; vertical-align: top; }
.error-box .box { margin-top: 70px; padding: 0 15px 95px; border: 1px solid #e1e1e1; border-radius: 14px; background: #fdfdfd; text-align: center; }
.error-box h2 { margin-bottom: 15px; font-size: 38px; letter-spacing: -1px; }
.error-box h2:before { display: block; width: 67px; height: 67px; margin: 70px auto 30px; background: url(../images/main/ico_err.png)no-repeat; background-size: contain; content: ''; }
.error-box p { font-size: 18px; line-height: 1.67; letter-spacing: -1px; color: #797979; }
.error-box .btn { display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.error-box .btn li { margin-right: 20px; }
.error-box .btn li:last-child { margin-right: 0; }
.error-box .btn .more_bt, .error-box .btn .read_bt { background-image: none; }
.error-box .btn .more_bt:after, .error-box .btn .read_bt:after {
	display: inline-block;
	width: 7px; height: 12px;
	margin-left: 15px;
	background: url(../images/main/more-bt.svg) no-repeat;
	content: '';
}
.error-box .btn .read_bt:after { background-image: url(../images/main/read-bt.svg); }
@media (min-width: 1081px) {
	.error-box .box { width: 1081px; }
}
@media (min-width: 768px) {
	.error-box .btn .more_bt, .error-box .btn .read_bt { line-height: 47px; width: 175px; }
}
@media (max-width: 767px) {
	.error-box { padding: 0 15px; }
	.error-box .box { margin-top: 30px; padding-bottom: 50px; }
	.error-box h2 { font-size: 22px; }
	.error-box h2:before { width: 40px; height: 40px; margin: 40px auto 20px; }
	.error-box p { font-size: 13px; }
	.error-box .btn li { margin-right: 10px; }
	.error-box .btn .more_bt, .error-box .btn .read_bt { width: 120px; }
	.error-box .btn .more_bt:after, .error-box .btn .read_bt:after { margin-left: 5px; width: 6px; height: 11px; background-size: contain; }
}

/* 검색결과 */
.txt2 {
	line-height: 1.89;
	letter-spacing: -1px;
}
.summary {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -1.5px;
	color: #da0e0e;
}
.sub-cover { height: 622px; margin-bottom: 150px; }
.cover-other { padding-top: 187px; background: #f8f8f8; }
.cover-other h1 { margin-bottom: 60px; text-align: center; font-size: 60px; color: #000; }
.sub-cover h1:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: bottom;
	border-radius: 100%;
	background: #da0e0e;
	content: '';
}
.cover-other .result-count { margin-top: 57px; font-size: 22px; font-weight: 400; color: #000; letter-spacing: -1px; line-height: 1.55; text-align: center; }
.cover-other .result-count span { font-weight: 500; color: #df3636; }
.search-form { max-width: 869px; margin: 0 auto; }
.search-form .form { margin-bottom: 26px; position: relative; }
.search-form input[type="text"] { width: 100%; height: 89px; border-radius: 0; border: 0; border-bottom: 2px solid #000; font-size: 38px; font-weight: 500; letter-spacing: -1px; background: transparent; outline: none; }
.search-form .btn { width: 36px; height: 20px; background: url(../images/search-bt.png)no-repeat; background-size: contain; position: absolute; right: 0; top: calc(50% - (20px/2)); cursor: pointer; font-size: 0; border: 0; }
.search-form .recommend { font-size: 15px; }
.search-form .recommend .recommend-ttl, .search-form .recommend .list { float: left; letter-spacing: -1px; }
.search-form .recommend .recommend-ttl { width: 42px; color: #666; line-height: 34px; }
.search-form .recommend .list { width: calc(100% - 32px); margin: 0 -5px;}
.search-form .recommend .list li { float: left; line-height: 32px; border: 1px solid #e5e5e5; border-radius: 17px; text-align: center; padding: 0 15px; color: #111; margin: 0 5px; }
.sub-result .list-ttl { padding-bottom: 26px; border-bottom: 1px solid #000; font-size: 38px; letter-spacing: -.5px; }
.sub-result .article-ttl { margin-bottom: 22px; font-size: 26px; letter-spacing: -1px; }
.sub-result .article-ttl .depth {font-size: 26px; font-weight: 300; color: #666; }
.sub-result .article-ttl .depth:after { display: inline-block; width: 4px; height: 4px; border-radius: 100%; margin: 0 12px; vertical-align: middle; background: #666; content: ''; }
.sub-result .list { margin-bottom: 110px; }
.sub-result .list:last-child { margin-bottom: 0; }
.sub-result .list .page-li li { padding: 41px 30px; border-bottom: 1px solid #e9e9e9; transition: .2s linear; }
.sub-result .list .more-bt { text-align: center; margin-top: 60px; }
.sub-result .list .page-li li:hover { border-color: #da0e0e; }
.sub-result .box { padding: 42px 30px 40px; border-bottom: 1px solid #e9e9e9; }
.sub-result .dep2 { margin-bottom: 28px; font-size: 26px; letter-spacing: -1px; }
.video-li { margin: 80px -30px 0; font-size: 0; }
.video-li li { display: inline-block; width: calc(33.333% - 60px); margin: 0 30px 75px; vertical-align: top; position: relative; }
.video-li h2 { margin: 17px 0 37px; font-size: 25px; font-weight: 400; letter-spacing: -2px; }
/* .video-li .thum { margin-bottom: 30px; position: relative; } */
.video-li .thum { height: 160px; margin-bottom: 30px; position: relative; } /* 20211203 jbrix 수정 */
.video-li .thum img { width: 100%; height: 100%; overflow: hidden; object-fit: cover; } /* 20211203 jbrix 수정 */
.video-li .thum .play { left: calc(50% - (53px/2)); top: calc(50% - (53px/2)); }
.video-li .thum:before { opacity: 0; transition: .2s linear; }
.video-li .full { width: calc(100% - 60px); margin-bottom: 119px; }
.video-li .full .play { right: 89px; bottom: 99px; opacity: 1; }
.video-li .full .cont { width: 100%; padding: 0 83px; position: absolute; left: 0; bottom: 97px; transition: .2s linear; }
.video-li .full .cont h2{ font-size: 36px; color: #fff; letter-spacing: -1px; }
.video-li .full .cont .date { font-size: 1rem; font-weight: 300; color: #fff; opacity: .5; }
.video-li li:not(.full) .summary { font-size: 16px; }
.video-li li:not(.full) .date { font-size: 16px; letter-spacing: -1px; }
/* .video-li .full:hover:before, .video-li li:hover .thum:before { opacity: .59; }
.video-li .play { width: 53px; height: 53px; border-radius: 100%; background: url(../images/play2.png)no-repeat #fff; background-size: contain; position: absolute; opacity: 0; transition: .2s linear; }
.video-li li:hover .play { opacity: 1; } */ /* 20211203 jbrix 수정 */
.video-li li:hover .cont { color: #da0e0e; }
/* .video-li li:hover .thum:before { width: 100%; height: 100%; background: #000; opacity: .5; position: absolute; left: 0; top: 0; content: ''; } */ /* 20211203 jbrix 수정 */
.sub-result .video-li { margin: 0 -15px 0; font-size: 0; }
/* .sub-result .video-li li { width: calc(33.333% - 30px); margin: 0 15px; display: inline-block; vertical-align: top; position: relative; } */
.sub-result .video-li li { width: calc(25% - 30px); margin: 0 15px; display: inline-block; vertical-align: top; position: relative; } /* jbrix 수정 20211203 */
.sub-result .ir-data { border-top: 0; }
.sub-result .ir-data .title { width: 85%; }
.sub-result .ir-data .date { width: 15%; text-align: center; }
.sub-result .ir-data td { padding-left: 30px; padding-right: 30px; }
.sub-result .list.ir .dep2 { padding: 0 30px; margin-top: 42px; }
.sub-result .no-result { text-align: center; line-height: 1.53; letter-spacing: -1px; }
.sub-result .no-result p:before { display: block; width: 106px; height: 106px; margin: 0 auto 34px; border: 1px solid #c3c3c3; border-radius: 100%; background: url(../images/no-result.png)no-repeat; background-size: contain; content: ''; box-sizing: border-box; }
/* jbrix 수정 20211202 */
.page-tab { margin-top: -150px; margin-bottom: 150px; font-size: 0; text-align: center; border-bottom: 1px solid #efefef; }
.page-tab a { display: inline-block; padding: 0 30px; font-size: 19px; letter-spacing: -.5px; line-height: 78px; position: relative; transition: .3s linear; }
.page-tab a span { display: inline-block; vertical-align: middle; font-size: 13px; color: #da0e0e; }
.page-tab .on, .page-tab a:hover { color: #da0e0e; }
.page-tab .on:before { width: 100%; height: 2px; background: #da0e0e; position: absolute; left: 0; bottom: -1px; content: ''; }
/* jbrix 수정 20211202 끝 */
.post-li { margin: 0 -18px; font-size: 0; }
.post-li>li { display: inline-block; width: calc(25% - 36px); margin: 0 18px 36px; padding: 32px 34px 28px 34px; vertical-align: top; min-height: 360px; border: 1px solid #d9d9d9; position: relative; font-size: 16px; letter-spacing: -.5px; word-break: keep-all; }
.post-li .category { display: block; margin-bottom: 15px; font-size: 16px; color: #da0e0e; }
.post-li h2 { font-size: 28px; line-height: 1.43; height: 80px; overflow: hidden; transition: .2s linear; }
.post-li .post-info { position: absolute; left: 0; bottom: 28px; width: 100%; padding: 0 34px; }
.post-li .date { color: #999; }
.post-li .tag { margin: 22px -4px 0; }
.post-li .tag li { float: left; margin: 0 4px 8px; font-size: 14px; line-height: 26px; padding: 0 14px; border-radius: 13px; background: #f0f0f0; color: #999; }
.post-li .new { width: 21px; height: 21px; border-radius: 100%; line-height: 21px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700; font-style: normal; color: #fff; background: #da0e0e; position: absolute; right: 14px; top: 14px; }
.post-li>li:hover { border-color: #da0e0e; box-shadow: 10px 10px 25px rgba(0,0,0,0.15); }
.post-li>li:hover:before { width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #da0e0e; position: absolute; left: 0; top: 0; content: ''; z-index: -1; }
.post-li>li:hover h2 { color: #da0e0e; }
.post-li .post-info.et p { color: #999; }
.post-li .post-info.et .date { margin-bottom: 12px; font-size: 20px; font-weight: 500; color: #000; }
.post-li .post-info.et .date:before { display: block; width: 26px; height: 2px; margin-bottom: 16px; background: #000; content: ''; }
.post-li .post-info.et .tag li { background: transparent; border: 1px solid #da0e0e; color: #da0e0e; }
.post-li>li.off .category, .post-li>li.off h2, .post-li>li.off .post-info.et .date, .post-li>li.off .date { color: #bbb; }
.post-li>li.off .post-info.et .date:before { background: #bbb; }
.post-li.insight .thum {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -2;
}
.post-li.insight .thum img {
	width: 100%;
}
.more-bt {
	display: block;
	font-size: 15px;
	letter-spacing: -1px;
	color: #da0e0e;
}
@media (min-width: 1025px) {
	.post-li.insight>li { min-height: 420px; }
}
@media (max-width: 1024px) {
	.video-li .full .cont { padding: 0 30px; bottom: 40px; }
	.sub-view .relate-post { padding: 0 40px; }
}
@media (max-width: 1023px) {
	.post-li.insight>li { width: calc(33.333% - 36px); }
	.video-li { margin: 40px -10px 0; }
	.video-li .full { width: calc(100% - 20px); margin-bottom: 50px; }
	/* .video-li li { width: calc(33.333% - 20px); margin: 0 10px 30px; } */
	.video-li li { width: calc(50% - 20px); margin: 0 10px 30px; } /* 20211203 jbrix 수정 */
}
@media (max-width: 767px) {
	.txt2 {
		line-height: 1.6;
		letter-spacing: -.5px;
	}
	.more-bt {
		font-size: 1rem;
	}
	.post-li.insight>li { width: calc(50% - 10px); margin-bottom: 20px; padding-top: 20px; }
	.post-li.insight h2 { font-size: 18px; margin-bottom: 10px; }
	/* .video-li li { width: calc(33.333% - 10px); margin: 0 5px 30px; } */
	.video-li li, .sub-result .video-li li { width: calc(50% - 10px); margin: 0 5px 30px; } /* 20211203 jbrix 수정 */
	.video-li .full { width: calc(100% - 10px); margin-bottom: 30px; }
	.video-li .full .cont { padding: 0 10px; bottom: 20px; }
	.video-li .full .cont h2 { margin: 7px 0 15px; font-size: 22px; }
	.video-li .thum { margin-bottom: 10px; }
	.video-li li:not(.full) .summary { font-size: 11px; }
	.video-li li:not(.full) .date { font-size: 12px; }
	.video-li h2 { font-size: 18px; margin: 5px 0 12px; letter-spacing: -1px; }
}
@media (max-width: 1023px) {
	.search-layer { padding: 0 0 20px; z-index:998;}
	.search-layer .search-form { margin: 0 15px; }
	.sub-result .box { padding: 20px 0; }
}
@media (max-width: 767px) {
	.cover-other { height: auto; padding: 120px 0 50px; }
	.cover-other h1 { margin-bottom: 30px; font-size: 40px; }
	.search-form .form { margin-bottom: 15px; }
	.search-form input[type="text"] { height: 50px; font-size: 20px; }
	.search-form .btn { width: 20px; height: 11px; top: calc(50% - (11px/2)); }
	.search-form .recommend { font-size: 1rem; }
	.cover-other .result-count { font-size: 16px; }
	.cover-other .result-count { margin-top: 35px; }
	.sub-result .list-ttl { font-size: 20px; }
	.sub-result .list { margin-bottom: 50px; }
	.sub-result .list>li { padding: 20px 10px;}
	.sub-result .list .more-bt { margin-top: 30px; }
	.sub-result .article-ttl { font-size: 17px; margin-bottom: 10px; }

	.post-li { margin: 0 -5px; }
	.post-li>li { width: calc(50% - 10px); min-height: 280px; margin: 0 5px 10px; padding: 20px 12px; font-size: 1rem; }
	.post-li .post-info { padding: 0 12px; bottom: 20px; }
	.post-li .category { font-size: 12px; }
	.post-li h2 { font-size: 18px; line-height: 25px; height: 50px; }
	.post-li .tag { margin-top: 10px; }
	.post-li .tag li { font-size: 12px; line-height: 20px; padding: 0 10px; }
	.post-li .post-info.et .date { font-size: 16px; margin-bottom: 6px; }
}

/* 20211222 jbrix 수정 */
.main-vision .video1 { align-items: center; }
.main-vision .video1 .cont { padding-top: 0; }
.main-vision .bt_box { margin-top: 48px; display: flex; align-items: center; }
.main-vision .bt_box .more_bt { position: static; margin: 0 28px 0 0; }
.main-vision .bt_box .more_bt:last-child { margin-right: 0; }
@media (min-width: 768px) {
	.main-vision .grid.video1 { margin-bottom: 100px; }
	.main-vision .grid.video1 .cont h3 { font-size: 50px; line-height: 1.12; }
	.main-vision .bt_box .more_bt { width: 140px; font-size: 18px; }
	.main-vision .bt_box.mo-ver { display: none; }
}
@media (max-width: 767px) {
	.main-vision .bt_box.pc-ver { display: none; }
	.main-vision .bt_box.mo-ver { justify-content: center; margin-top: 14px; }
	.main-vision .bt_box .more_bt { margin-right: 10px; }
}

/* 20211224 jbrix 수정 */
.visual-sl .video {
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	position: absolute;
}
.visual-sl .video video {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
.laypop.language .close {
	max-width: 1560px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 24px;
	transform: translateX(-50%);
}
.laypop.language .ico-close {
	width: 25px;
	height: 25px;
	background: url(../images/main/ico-close.png)no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	cursor: pointer;
}
@media (max-width: 1620px) {
	.laypop.language .ico-close { right: 10px; }
}
@media (max-width: 1560px) {
	.laypop.language .close { padding: 0 15px; }
}