/**********************************************************************************
	FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Pretendard-Regular.eot');
    src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/Pretendard-Regular.woff') format('woff'),
        url('../fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Pretendard-Medium.eot');
    src: url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Medium.woff2') format('woff2'),
        url('../fonts/Pretendard-Medium.woff') format('woff'),
        url('../fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Pretendard-Bold.eot');
    src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pretendard-Bold.woff2') format('woff2'),
        url('../fonts/Pretendard-Bold.woff') format('woff'),
        url('../fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/NanumSquareNeo-dEb.woff') format('woff'),
        url('../fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

html, body {
	font-family: 'Pretendard', AppleGothic, 'Dotum', sans-serif;
	color:#191919;
}

/*
	normalize / reset
*/
html { font-size: 112.5%; overflow-x: hidden; }
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; outline: 0; }
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 (max-width: 767px) {
    html { font-size: 87.5%; }
}
/**********************************************************************************
	[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:1320px;
	margin:0 auto;
	position:relative;
}

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

@media (max-width: 1320px) {
	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@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: #1D1D1B;
  content: '';
  display: block;
  height: 2px;
  margin: 4px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
header .nav .nav-icon:before {
	margin-top:0;
}
header .nav .nav-icon:after {
	margin-bottom:0;
}
header .nav .nav-icon.active:before {
  transform: translateY(7px) rotate(135deg);
  -moz-transform: translateY(7px) rotate(135deg);
  -webkit-transform: translateY(7px) rotate(135deg);
}
header .nav .nav-icon.active:after {
  transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -webkit-transform: translateY(-5px) rotate(-135deg);
}
header .nav .nav-icon.active div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.headerArea { background-color: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: flex; flex-wrap: nowrap; align-items: center; transition: .2s linear; border-bottom: 1px solid #DEDEDE; }
.headerArea .container { max-width: 1760px; width: 100%; margin: 0 auto; }
.headerArea .wrap { width: 100%; height: 100%; text-align: center; position: relative; }
.headerArea .wrap .arrow { position: relative; display: inline-block; }
.headerArea .wrap .arrow::after { content: ""; background: url(../images/arrow_menu.svg); width: 14px; height: 15px; position: absolute; top: 1px; right: -18px;}
.headerArea .language.mo { display: none; margin-top: 80px; }
.headerArea .language .wrap { display: flex; flex-wrap: nowrap; align-items: center; width: 0; transition: all .3s; margin-right: -16px; }
.headerArea .language .wrap a { font-weight: 400; font-size: 0.78rem; line-height: 1.2; display: flex; align-items: center; color: #969696; display: block; width: calc(33.3% - 16px); margin-right: 16px; word-break: keep-all; }
.headerArea .language .wrap a.on { color: #3E93F2; font-weight: 700; }

@media (max-width: 1762px) {
    .headerArea .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 1200px) {
    .headerArea:before { width: 100%; height: 0; background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 83px; content: ''; transition: height .2s linear; filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.04)); backdrop-filter: blur(12px); }
    header .headerArea.up:before { height: 0; }
    .headerArea.header_over:before { height: calc(285px + 56px); }
    .headerArea.up { top: -100px; }
    .headerArea .logo { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    .headerArea .logo a { display: flex; align-items: center; }
    .headerArea .navbar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 82px; margin-right: -16px; }
    .headerArea .navbar li { position: relative; margin-right: 90px; line-height: 82px; height: 100%; }
    .headerArea .navbar>li { position: relative; margin-right: 16px; }
    .headerArea .navbar>li a span { display: block; line-height: 82px; position: relative; }
    .headerArea .navbar>li a span::after { content: ""; width: 0; height: 6px; background: #3E93F2; border-radius: 20px; position: absolute; bottom: 32px; left: -5px; z-index: -1; transition: width .3s; }
    .headerArea .navbar>li.current-menu-ancestor::after { width: calc(100% + 10px); transition: width .3s;  }
    .headerArea .navbar>li:hover a span::after { width: calc(100% + 10px); transition: width .3s; }
    .headerArea .navbar li a { font-weight: 700; font-size: 1rem; line-height: 1.17; height: 100%; color: #191919; display: flex; align-items: center; padding: 0 40px; }

    .headerArea.up .sub-menu { display: none!important; }
    .headerArea .sub-menu { display: none; min-width: 180px; text-align: left; position: absolute; left: 40px; z-index: 11; top: 115px; }
    .headerArea .sub-menu li { margin-right: 0; margin-bottom: 17.5px; line-height:1.2; }
    .headerArea .sub-menu li a { font-weight: 400; font-size: 0.89rem; line-height: 1.2; color: #474747; display: inline;  position: relative; padding: 0; word-break: break-word; }
    .headerArea .sub-menu li a::before { content:""; width: 0; height: 1px; background-color: #191919; position: absolute; bottom:0; left: 0; transition: width .3s; }
    .headerArea .sub-menu li a:hover { color: #191919; font-weight: 700; }
    .headerArea .sub-menu li a:hover::before { width: 100%; transition: width .3s; }
    .headerArea .language { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 25px; overflow: hidden; display: flex; flex-wrap: nowrap; align-items: center; transition: all .3s; z-index: 99; }
    .headerArea .language:hover { width: 170px; }
    .headerArea .language .ic { width: 24px; height: 24px; }
    .headerArea .language .wrap { width: calc(100% - 24px); transition: all .3s; padding-left: 13px; }

    .current-menu-ancestor { position: relative; }

}
@media (max-width: 1199px) {
    header .nav .nav-icon {
		display:inline-block;
		width: 24px;
		cursor:pointer;
		position:absolute;
		top: 50%;
		right: 0;
		z-index:100;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);
	}
	header .nav .navbar {
		position:fixed;
		width: 100%;
		height:100%;
		right: -100%;
		padding:25px 20px 100px;
        overflow-y: scroll;
		background: #FBFBFB;
		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; margin-top: 1px; }
    header .nav .nav-icon { width: 18px; }
    header .nav .nav-icon div { width: 12px; position: relative; right: -6px;}

    .headerArea .navbar>li:nth-last-child(1),
    .headerArea .navbar>li:nth-last-child(2) { border-bottom: 0; }
    .headerArea .sitemap-bt { display: none; }
	.headerArea { border-width: 2px; }
	.headerArea>.container { height: 55px; }
    .headerArea .navbar>li.active {  }
    .headerArea .navbar>li.active>a span { position: relative; }
    .headerArea .navbar>li.active>a span::after { width: calc(100% + 12px); transition: width .3s; }
    .headerArea .navbar>li>a span::after {
        content: "";
        background-color: #3E93F2;
        border-radius: 20px;
        width: calc(100% + 12px);
        height: 8px;
        position: absolute;
        bottom: -1px;
        left: -4px;
        z-index: -1;
        width: 0;

    }
    .headerArea .navbar>li.active.menu-item-has-children>a:before { transform: translateY(-50%) rotate(0deg); opacity: 1; }
    .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: 27px 5px; 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: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        background: url(../images/nav-off.svg);
        background-size: contain;
        content: '';
        opacity: 0.3;
        transition: all .3s;
	}
	.headerArea .navbar>li .sub-menu { display: none; }
	.headerArea .navbar>li>.sub-menu { padding: 0 20px 28px; }
	.headerArea .navbar>li .sub-menu li { font-size: 1rem; line-height: 1.18; color: #474747; font-weight: 400; margin-bottom: 24px; }
    .headerArea .navbar>li .sub-menu li:hover { text-decoration: underline; color: #191919; font-weight: 700; }
    .headerArea .navbar>li .sub-menu li:last-child { margin-bottom: 0; }
	.headerArea .logo { width: 100px; height: 55px; z-index: 100; display: flex; align-items: center; }
    .headerArea .language.pc { display: none; }
    .headerArea .language.mo { display: block; padding-left: 5px; }
    .headerArea .language .wrap { width: auto; }
    .headerArea .language .wrap a { font-size: 1rem; width: auto; }
}
@media (max-width: 767px) {
    .headerArea { border-width: 1px; }
    .headerArea .logo { width: 75px; }
    .headerArea .navbar>li>a { font-size: 1.14rem; }

}
/* Pagination */
.pagination .nav-links { text-align: center; margin-top: 20px; }
.pagination .screen-reader-text {
	display:none;
}
.pagination .page-numbers {
    display:inline-block;
    width:31px;
    height:31px;
    font-size: 0.89rem;
    vertical-align:top;
    line-height:31px;
    text-align:center;
    margin:0 3px;
	color: #565656;
    cursor:pointer;
    border-radius: 50%;
 }
.pagination .page-numbers.current, .pagination .page-numbers.current:hover {
    background: #3E93F2;
    color: #fff;
}
.pagination .page-numbers:hover { color: #3E93F2; }
.pagination .page-numbers.prev, .pagination .page-numbers.next {
    background: url(../images/pagination.svg)no-repeat center;
}
.pagination .page-numbers.prev { transform: rotate(180deg); }
.pagination .page-numbers.prev.disabled, .pagination .page-numbers.next.disabled {
	opacity: .2;
	cursor: auto;
    pointer-events: none;
}

@media (max-width: 767px) {
    .pagination .page-numbers { width: 24px; height: 24px; font-size: 1rem; margin: 0 4px; line-height: 24px; }
}
/* 메인 */
main section { overflow: hidden; }
.visual_section.section { background: #F9FAFB; position: relative; overflow: hidden; }
.visual_section .inner_v2 { height: 100%; }
.visual_section .txt_box { position: relative; z-index: 1; word-break: keep-all; }
.visual_section .txt_box .txt { margin-top: 40px; }
.visual_section .wrap { display: flex; flex-wrap: nowrap; position: relative; }
.visual_section .marquee_img { max-width: 300px;  margin-right: 55px; }
.visual_section .marquee_img::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; }
.visual_section .marquee_img:nth-child(1) { margin-top: -245px; }
.visual_section .marquee_img:nth-child(2) { margin-top: -174px; }
.visual_section img, .visual_section iframe,.visual_section video { margin-bottom: 50px; border-radius: 24px; }
.visual_section .marquee_img img:last-child { position: relative; }
.visual_section .marquee_img img:last-child::after { content: ""; background: url(../images/marquee_img1_1.jpg); }
.visual_section .visual_bg { position: absolute; z-index: 0; top:0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.visual_section .visual_bg .bg_right { max-width: calc(900px + 165px); height: 100%; margin-right: -165px; position: relative; }
.visual_section .visual_bg .bg_left { max-width: 300px; height: 100%; margin-left: -120px; }
.visual_section .svg { position: absolute; transform: translate(-50%, -50%); }
.visual_section .svg1 { top: calc(50% + 60px); left: calc(50% - 195px); opacity: 0;  animation: opacity .3s 3s linear alternate forwards; }
.visual_section .svg2 { bottom: 50px; right: calc(50% - 260px); opacity: 0; animation: opacity .3s 3s linear alternate forwards; }

@media (min-width: 2000px) {
    .visual_section .visual_bg .bg_right { margin-right: -72px; }
    .visual_section .visual_bg .bg_left { margin-left: -20px; }
}
@media (min-width: 1200px) {
    .visual_section .txt_box { margin-top: 0; }
    .section.active .inner_v2 .circle_box .circle_icon .bg { transition: all .5s; transition-delay: 1.5s; transform: scale(1); }
    .section.active .inner_v2 .circle_box .circle_icon li .box { opacity: 1; transition: opacity .5s; }
    .section.active .inner_v2 .circle_box .circle_icon li .box:nth-child(1) { transition-delay: 2s; }
    .section.active .inner_v2 .circle_box .circle_icon li .box:nth-child(2) { transition-delay: 2.2s; }
    .section.active .inner_v2 .circle_box .circle_icon li .box:nth-child(3) { transition-delay: 2.4s; }
}
@media (max-width: 1199px) {
    .visual_section.section .inner_v2 .txt_box { padding: 0; }
    .section .inner_v2 .circle_box { z-index: 1; }
    .slider_section .swiper-wrapper .swiper-slide { height: 100vh; }
    .slider_section .swiper-wrapper .swiper-slide:nth-child(1) { height: auto; }
}
@media (max-width: 767px) {
    .slider_section .swiper-wrapper .swiper-slide { height: 100%; margin: 100px 0; }
    .visual_section.section .inner_v2 .txt_box { padding-top: 60px; }

}

@keyframes width {
    0% { width: 0 }
    100% { width: calc(100% - 10px); }
}
@-webkit-keyframes width {
    0% { width: 0 }
    100% { width: calc(100% - 10px); }
}
@-moz-keyframes width {
    0% { width: 0 }
    100% { width: calc(100% - 10px); }
}
@-ms-keyframes width {
    0% { width: 0 }
    100% { width: calc(100% - 10px); }
}
@-o-keyframes width {
    0% { width: 0 }
    100% { width: calc(100% - 10px); }
}

@keyframes opacity {
    0% { opacity: 0 }
    100% {  opacity: 1 }
}
@-webkit-keyframes opacity {
    0% { opacity: 0 }
    100% {  opacity: 1 }
}
@-moz-keyframes opacity {
    0% { opacity: 0 }
    100% {  opacity: 1 }
}
@-ms-keyframes opacity {
    0% { opacity: 0 }
    100% {  opacity: 1 }
}
@-o-keyframes opacity {
    0% { opacity: 0 }
    100% {  opacity: 1 }
}

/* 공통 */
.mo { display: none; }
.tab { display: none; }
.hidden { overflow: hidden!important; isolation: isolate; }
.section { background-color: #fff; }
.ly_flex { display: flex; flex-wrap: wrap; }
.ttl { font-weight: 700; font-size: 3.1rem; line-height: 1.32; color: #191919; }
.s_ttl { font-weight: 700; font-size: 1.1rem; }
.sub .tit { font-size: 2.67rem; line-height: 1.3; color: #191919; font-weight: 700; }

.f80 { font-size: 4.44rem; line-height: 1.2; font-weight: 700; }
.f48 { font-size: 2.67rem; line-height: 1.25; }
.f40 { font-size: 2.2rem; }
.f34 { font-size: 1.89rem; line-height: 1.5; }
.f32 { font-size: 1.78rem;  }
.f28 { font-size: 1.56rem; line-height: 1; }
.f24 { font-size: 1.33rem; }
.f22 { font-size: 1.22rem; font-weight: 400; }
.f20 { font-weight: 400; font-size: 1.1rem; line-height: 1.2; }
.txt,.f18 { font-size: 1rem; font-weight: 400; line-height: 1.5; }
.f16 { font-weight: 400; font-size: 0.89rem; line-height: 1.5; }
.f14 { font-size: 0.78rem; }

.sub { margin-top: 82px; padding-bottom: 240px; }
.sub .bg::before { content: ""; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.sub_top { text-align: center; color: #fff; margin-bottom: 200px; background-size: cover; background-position: center center; }
.sub_top .ttl { font-size: 3.56rem; line-height: 1.25; color: #fff; margin-top: 12px; position: relative; z-index: 1; }
.sub_top .ly_flex { justify-content: center; align-items: center; height: 480px; position: relative; padding-top: 24px; }
.sub_top .f16 { color:#fff; margin-top: 20px; }
.sub_top .txt { padding-top: 20px; }
.sub_top .line { position: relative; z-index: -1; }
.sub_top .line::after { bottom: 5px; }
.sub_top .line::before { bottom: 5px; }

.btn { border: 1px solid #19273E; border-radius: 40px; padding: 10px 28px; font-weight: 500; font-size: 0.89rem; line-height: 1; color: #19273E; display: inline-block; transition-duration: .3s; }
.btn:hover { background-color: #19273E; color: #fff; transition-duration: .3s; }
.btn_w { border: 1px solid #fff; border-radius: 40px; padding: 11px 28px; font-weight: 500; font-size: 0.89rem; line-height: 1; color: #fff; display: inline-block; }
.btn_w:hover { background: #fff; color: #19273E; transition-duration: .3s; }
.line { position: relative; z-index: 1 }
.line::after { content: ""; background-color: #3E93F2; border-radius: 20px; width: 0; height: 18px; position: absolute; z-index: -1; left: 0; bottom: -2px; transition: all .3s; }
.line::before { content:""; opacity: 0; background-color: #3E93F2; border-radius: 20px; width: 18px; height: 18px; position: absolute; bottom: -2px; right: calc(-24px - 18px); }
.active .line::after { width: 100%; transition: all .3s; transition-delay: .75s; }
.active .line::before { opacity: 1; transition: all .3s; transition-delay: 1.05s; }
.date { font-size: 1rem; line-height: 1; }
.more { display: flex; position: relative; font-weight: 700; font-size: 1rem; line-height: 1; color: #191919; z-index: 1; padding-right: 10px; }
.more span { background: url(../images/more.svg)no-repeat; width: 34px; height: 14px; margin-left: 8px; }
.more::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 32px; height: 32px; background-color: #3E93F2; border-radius: 50%; z-index: -1; transition: all .3s; }
.more:hover::after { width: 77px; height: 77px; transition: all .3s; }
.vertical .more { display: block; max-width: 47px; margin: 0 auto; padding: 0 0 50px 0; text-align: center }
.vertical .more::after { top: auto; bottom: 0; right: 0; left: 50%; transform: translate(-50%,0); }
.vertical .more:hover::after { width: 60px; height: 60px; }
.vertical .more span { margin: 0; position: absolute; bottom: 21px; left: 50%; transform: translateX(-50%) rotate(90deg); }
.center { text-align: center; }
.over { transition: all 0.3s; width: 100%; height: 100%; }
.over img { width: 100%; max-height: 100%; transition: all 0.3s; }
.over:hover img {
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -webkit-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
    transition: all 0.3s;
 }

.fp-viewing-0 #fp-nav, .fp-viewing-6 #fp-nav { opacity: 0 }
.fp-viewing-1 #fp-nav { opacity: 1; transition-delay: .5s; transition-duration: .3s; }
.home #fp-nav.left { left: 80px; width: 120px; transition-duration: .5s; }
.home #fp-nav:hover .fp-tooltip { opacity: 1; width: auto; color: #969696; transition: transform .3s linear; transform: translate(7px, 6px); -webkit-transform: translate(7px, 6px); -ms-transform: translate(7px, 6px); }
.home #fp-nav ul li, .home .fp-slidesNav ul li { width: 20px; height: 20px; margin: 0 0 15px 0; }
.home #fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none; }
.home #fp-nav ul li a span,.sub_top .ttl
.home .fp-slidesNav ul li a span { background: url(../images/fp_nav.svg)no-repeat center; width: 100%; height: 100%; background-size: contain; top: 0; left: 0; margin: 0; border-radius: 0; }
.home #fp-nav ul li a.active span,
.home .fp-slidesNav ul li a.active span,
.home #fp-nav ul li:hover a.active span,
.home .fp-slidesNav ul li:hover a.active span { background: url(../images/fp_nav_on.svg)no-repeat center; width: 100%; height: 100%; margin: 0; border-radius: 0; background-size: cover; }
.home #fp-nav ul li .fp-tooltip { font-family: 'Pretendard'; transition: transform .3s linear; transform: translate(7px, 6px); -webkit-transform: translate(7px, 6px); -ms-transform: translate(7px, 6px); top: -4px; opacity: 0; }
.home #fp-nav ul li a.active + .fp-tooltip, #fp-nav ul li a.on + .fp-tooltip { width: auto; font-size: 0.78rem; font-weight: 400; color: #3267ff; transition: transform .3s linear; transform: translate(7px, 6px); -webkit-transform: translate(7px, 6px); -ms-transform: translate(7px, 6px); opacity: 1; }
.home #fp-nav ul li:hover a span, .home .fp-slidesNav ul li:hover a span { width: 100%; height: 100%; margin: 0; transition: transform .3s linear; }

@media (max-width: 1680px) {
    .home #fp-nav.left { left: 20px; }
    .marquee_img_down { display: none; }
    .visual_section .visual_bg .bg_right { max-width: calc(100% - 510px + 120px); }
    .visual_section .svg1 { top: calc(50% + 100px); left: calc(50% - 100px); }
    .visual_section .marquee_img:nth-child(1)::before { display: none; }
    .visual_section .marquee_img { margin-right: 20px; width: 33.3%; max-width: 200px; }
    .visual_section .marquee_img img,
    .visual_section .marquee_img iframe,
    .visual_section video,
    .visual_section .marquee_img_down img,
    .visual_section .marquee_img_down iframe, { margin-bottom: 20px; max-width: 200px; }
    .visual_section iframe, .visual_section video { width:200px; height: 344px; }
}

@media (max-width: 1400px) {
    .home #fp-nav { display: none!important; }
}

@media (max-width: 1198px) {
    .sub { margin-top: 55px; }
    .tab { display: block; }
    .visual_section .marquee_img:nth-child(1)::before { display: none; }
}


@media (max-width: 1023px) {
    .f80 { font-size: 4rem; }
    .visual_section .marquee_img:nth-child(2) { margin-top: 75px; }
    .visual_section .visual_bg .bg_right { max-width: 1000px; margin-right: -300px; }

    .visual_section img, .visual_section iframe, .visual_section video { margin-bottom: 25px; border-radius: 12px; }
    .visual_section .svg1 { top: 50%; left: auto; right:75%; transform: scale(0.8); }
    .visual_section .svg2 { bottom: calc(50% - 210px); right: 37%; transform: scale(0.8); }
}

@media (max-width: 767px) {
    .f80 { font-size: 2.86rem; }
    .f48 { font-size: 1.9rem; }
    .f40 { font-size: 1.9rem; }
    .f34 { font-size: 1.7rem; ; }
    .f32 { font-size: 1.6rem;  }
    .f28 { font-size: 1.4rem; }
    .f24 { font-size: 1.2rem; }
    .f22 { font-size: 1rem; }
    .f20 { font-size: 1rem; }
    .txt,.f18 { font-size: 1rem; }
    .f16 { font-size: 1rem; }
    .f14 { font-size: 0.89rem; }
    .sub { padding-bottom: 120px; }
    .sub .tit { font-size: 1.7rem; }
    .sub_top .txt { padding-top: 5px; font-size: 11px }
    .pc { display: none; }
    .mo { display: block; }
    .ttl { font-size: 2rem; }
    .s_ttl { font-size: 12px }
    .ly_flex { display: block; }
    .btn { font-size: 0.86rem; padding: 10px 20px; line-height: 8px; }
    .btn_w { font-size: 0.86rem; padding: 10px 20px; line-height: 8px; }
    .line::before { width: 9px; height: 9px; bottom:0; right: calc(-11px - 9px); }
    .line::after { height: 9px; bottom:0; }
    .date { font-size: 0.86rem; }
    .more { max-width: 72px; margin: 0 auto; align-items: center; font-size: 0.85rem; word-break: keep-all; }
    .more::after { width:24px; height: 24px; }
    .more:hover::after { width: 60px; height: 60px; }
    .more span { width: calc(54px/2); height: calc(18px/2); background-size: contain!important; margin-top: -2px; background: url(../images/more_mo.svg)no-repeat; }
    .vertical .more { font-size: 1rem; padding-bottom: 40px; }
    .vertical .more span { bottom: 16px; }
    .fp-tableCell { display: block; height: 100%!important}
    .sub_top { margin-bottom: 65px; }
    .sub_top .ttl { font-size: 2rem; margin-top: 8px; }
    .sub_top .ly_flex { display: flex; height: 170px; padding-top: 0; }
    .sub_top .line::after { bottom: 2px; }
    .sub_top .line::before { bottom: 2px; }
    .visual_section { background-color: #F9FAFB; padding-top: 68px; }
    .visual_section .container { height: 100%; }
    .visual_section img, .visual_section iframe { border-radius: 0; margin-bottom: 0; width: 100%; height: 100%; max-width: 160px; }
    .visual_section .mo { padding-top: 90px; }
    .visual_section .mo ul { flex-wrap: nowrap; position: relative; display: flex; width: calc(100% + 40px); }
	.visual_section .mo ul:nth-child(1) { left: -85px; }
	.visual_section .mo ul:nth-child(2) { left: -115px; }
    .visual_section .mo ul:nth-child(1),
    .visual_section .mo ul:nth-child(3) { position: relative; }
    .visual_section .mo ul:nth-child(1):before , .visual_section .mo ul:nth-child(3):before { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; }
    .visual_section .mo ul:nth-child(1):before { background-image: url(../images/main_line_mo1.svg); width: calc(151px/2); height: calc(104px/2); top: 24px; left: 133px; }
    .visual_section .mo ul:nth-child(3):before { background-image: url(../images/main_line_mo2.svg); width: calc(113px/2); height: calc(61px/2); right: 150px; top: 15px; }

    .visual_section .mo ul:nth-child(1) li:nth-child(1),.visual_section .mo ul:nth-child(2) li:nth-child(1) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .visual_section .mo ul:nth-child(3) { right: -24px; justify-content: flex-end; }
    .visual_section .mo ul:nth-child(3) li:nth-child(2) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .visual_section .mo ul li { width: 160px; height: 93px; border-radius: 10px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; }
    .visual_section .visual_bg { display: none; }
    .visual_section .txt_box { padding-top: 65px; }
    .visual_section .txt_box .ttl { padding-top: 5px }
    .visual_section .txt_box .txt { margin-top: 16px; }
    @keyframes width {
        0% { width: 0 }
        100% { width: calc(100% - 10px); }
    }
    @-webkit-keyframes width {
        0% { width: 0 }
        100% { width: calc(100% - 10px); }
    }
}
/* section_slider */
.slider_section { background-color: #F9FAFB; width: 100%; height: 100%; position: relative; }
div .fp-scroller { height: 100%; }
.slider_section  .slider_box { height: 100%; }
.slider_section .container { height: 100%; }
.slider_section .inner_v1 { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; padding: 175px 0 100px; }
.slider_section .inner_v1 .ly_flex { flex-direction: row-reverse; }
.slider_section .inner_v1 .icon_box { width: 40%; display: flex; flex-wrap: wrap; align-items: flex-start; text-align: center; }
.slider_section .inner_v1 .icon_box li { width: calc(33.33% - 48px); margin-right: 48px; margin-bottom: 48px; padding-bottom: 35px; min-width: 143px; position: relative; }
.slider_section .inner_v1 .icon_box li:nth-child(3n) { margin-right: 0; }
.slider_section .inner_v1 .icon_box li .icon { background: #19273E; border-radius: 24px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 140px; height: 140px; margin: 0 auto; }
.slider_section .inner_v1 .icon_box li .txt { line-height: 1; margin-top: 16px; position: absolute; left: 50%; transform: translateX(-50%); width: 120%; }
.slider_section .inner_v1 .txt_box { width: 60%; padding-left: 185px; padding-top: 35px; position: relative; }
.slider_section .inner_v1 .txt_box::before { content: ""; background: url(../images/horizon_bg1.png) no-repeat; position: absolute; top: -150px; left: 50px; width: 224px; height: 224px; z-index: -1; animation: moving 3s linear infinite alternate both; }
.slider_section .inner_v1 .txt_box::after { content: ""; background: url(../images/horizon_bg2.png) no-repeat; position: absolute; bottom: -100px; right: 88px; width: 351px; height: 350px; z-index: -1; animation: moving 3s linear infinite alternate-reverse both; }
.slider_section .inner_v1 .txt_box .f48 { line-height: 1.42; position: relative; z-index: 1; word-break: keep-all; }
.slider_section .inner_v1 .txt_box .f48 .line { z-index: -1; word-break: keep-all; }
.slider_section .inner_v1 .txt_box .f48 .line::after { left: 22px; }
.slider_section.active .inner_v1 .txt_box .f48 .line::after { width: calc(100% + 3px); }
.slider_section.active .swiper-slide-active .inner_v1 .txt_box .ttl .line::after { width: calc(100% + 30px); }
@media (max-width: 1023px) {
    .slider_section .inner_v1 .ly_flex { align-items: center; }
    .slider_section .inner_v1 .txt_box { padding-top: 0; }
}
@keyframes moving {
    0% { transform: translate3d(20px, 20px, 0) scale(1); }
    100% { transform: translate3d(0, 0, 0) scale(0.9); }
}
@-webkit-keyframes moving {
    0% { transform: translate3d(20px, 20px, 0) scale(1); }
    100% { transform: translate3d(0, 0, 0) scale(0.9); }
}

.section .inner_v2 .container { height: 100%; }
.section .inner_v2 .ly_flex { align-items: flex-end; height: 100%; }
.section .inner_v2 .txt_box { display: flex; flex-wrap: nowrap; align-items: center; height: 100%; }
.section .inner_v2 .txt_box .ttl { margin-bottom: 34px; font-size: 2.9rem; }
.section .inner_v2 .txt_box .ttl .line::after { left: -10px; }
.section .inner_v2 .circle_box { width: 50%; height: 100%; position: absolute; right: 0; z-index: 0; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.section .inner_v2 .circle_box::before { content: ""; animation: rotate 100s 1s linear alternate infinite; background: url(../images/circle_bg.svg)no-repeat; position: absolute; bottom: -282px; left: calc(50% - 85px); transform: translateX(-50%); width: 1078px; height:1078px; z-index: -1; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.section .inner_v2 .circle_box .circle_icon { width: 485px; height: 413px; position: absolute; bottom: 35px; left: 2px; }
.section .inner_v2 .circle_box .circle_icon .bg { position: absolute; top: 0; left: 28px; z-index: -1; transform: scale(0.4); }
.section .inner_v2 .circle_box .circle_icon li .box { background: #02122C; border-radius: 200px; color: #FFFFFF; font-weight: 700; font-size: 1rem; line-height: 1.44; width: 123px; height: 123px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-left: 60px; text-align:center; padding:20px; }
.section .inner_v2 .circle_box .circle_icon li .box:nth-child(1) { margin: -28px 80px 0px auto; }
.section .inner_v2 .circle_box .circle_icon li .box:nth-child(2) { margin-top: 38px; }
.section .inner_v2 .circle_box .circle_icon li .box:nth-child(3) { margin: -56px -30px 0px auto; }

@keyframes rotate {
    0% { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-50%) rotate(360deg); }
}
@-webkit-keyframes rotate {
    0% { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-50%) rotate(360deg); }
}

/* 3 section추가 */
.swiper-slide-active .line1 { position: relative; z-index: 1 }
.swiper-slide-active .line1::after { content: ""; animation: width .3s 1s linear alternate forwards; background-color: #3E93F2; border-radius: 20px; width: 0; height: 18px; position: absolute; z-index: -1; left: 28px; bottom: -2px; }
.swiper-slide-active .line1::before { content:""; opacity: 0; background-color: #3E93F2; border-radius: 20px; width: 18px; height: 18px; animation-delay: 1.3s; position: absolute; bottom: -2px; right: -52px; animation: opacity .2s 1.3s linear alternate forwards; }
.slider_section .swiper-slide { overflow: hidden; }
.slider_section .bg { width: 100%; display: flex; justify-content: space-between; position: relative; z-index: -10; }
.slider_section .bg .left { width: 300px; margin-left: -120px; }
.slider_section .bg .right { max-width: calc(900px + 165px); height: 100%; width: 100%; margin-right: -165px; display: flex; justify-content: space-between; position: relative; }
.slider_section .bg .right .marquee_wrap:nth-child(1) { margin-top: -245px; }
.slider_section .bg .right .marquee_wrap:nth-child(2) { margin-top: -174px; }
.slider_section .swiper-slide:nth-child(2) .ly_flex { height: 100%; align-items: center; }
.slider_section .swiper-slide:nth-child(2) .ly_flex .txt_box .txt { margin-top: 40px; }
.marquee_wrap { white-space: nowrap; will-change: transform; margin-right: 55px; }
.marquee_wrap div { width: 300px; height: 516px; overflow: hidden; }
.marquee_wrap img, .marquee_wrap iframe, .marquee_wrap video { margin-bottom: 50px; border-radius: 24px; width: 100%; height: 100%; }
.marquee_box1 { will-change: transform; animation: marquee1 24s linear infinite; margin-bottom: 30px; }
.marquee_box { will-change: transform; animation: marquee 24s linear infinite; margin-bottom: 30px; }
.slider_section .svg { position: absolute; transform: translate(-50%, -50%); }
.slider_section .svg1 { top: -5.5%; left: 32%; opacity: 0; animation: opacity .3s 3s linear alternate forwards; }
.slider_section .svg2 { top: -2%; right: 25%; opacity: 0; animation: opacity .3s 3s linear alternate forwards; }
@media (min-width: 2000px) {
    .slider_section .svg1 { top: -8%; }
}
@media (max-width: 1680px) {
    .slider_section .bg { justify-content: flex-end; }
    .slider_section .bg .left { display: none; }
    .slider_section .bg .right { max-width: calc(100% - 510px + 120px); justify-content: flex-end; }
    .slider_section .bg .right .marquee_wrap { margin-right: 20px; width: 200px; }
    .marquee_wrap div { width: 200px; height: 344px; }
    .marquee_wrap img, .marquee_wrap iframe, .marquee_wrap video { margin-bottom: 0px; }
    .slider_section .svg1 { left: auto; right: 21%; }
    .slider_section .svg2 { right: 10%; }
}
@media (max-width: 1280px) {
    .slider_section .svg1 { right: 32%; }
}
@media (max-width: 1199px) {
    .swiper-slide .line1 { position: relative; z-index: 1 }
    .active .line1::after { content: ""; animation: width .3s 1s linear alternate forwards; background-color: #3E93F2; border-radius: 20px; width: 0; height: 18px; position: absolute; z-index: -1; left: 28px; bottom: -2px; }
    .active .line1::before { content:""; opacity: 0; background-color: #3E93F2; border-radius: 20px; width: 18px; height: 18px; animation-delay: 1.3s; position: absolute; bottom: -2px; right: -52px; animation: opacity .2s 1.3s linear alternate forwards; }

}
@media (max-width: 1080px) {
    .slider_section .svg1 { right: 41%; }
}
@media (max-width: 1023px) {
    .marquee_box1 {  margin-bottom: 20px; }
    .marquee_box { margin-bottom: 20px; }
    .slider_section .bg .right .marquee_wrap:nth-child(2) { margin-top: 75px; }
    .slider_section .bg .right .marquee_wrap:nth-child(3) { margin-top: -75px; }
    .slider_section .right { max-width: 1000px; margin-right: -300px; }
    .slider_section img, .slider_section iframe, .slider_section video { margin-bottom: 25px; border-radius: 12px; }
    .slider_section .svg1 { top: 50%; left: auto; right:75%; transform: scale(0.8); }
    .slider_section .svg2 { bottom: calc(50% - 210px); right: 37%; transform: scale(0.8); }
}
@media (max-width: 980px) {
    .slider_section .bg .right { margin-right: -50%; }
}
@media (max-width: 767px) {
    .slider_section .inner_v1 .txt_box .f48 { padding-left: 0; }
    .slider_section .container { height: auto; }
    .slider_section img, .slider_section iframe, .slider_section video { margin-bottom: 0; }
    .slider_section .bg { display: none; }
    .slider_section .mo { padding-top: 90px; }
    .slider_section .mo ul { flex-wrap: nowrap; position: relative; display: flex; width: calc(100% + 40px); }
    .slider_section .mo ul:nth-child(1) { left: -85px; }
    .slider_section .mo ul:nth-child(2) { left: -115px; }
    .slider_section .mo ul:nth-child(1),
    .slider_section .mo ul:nth-child(3) { position: relative; }
    .slider_section .mo ul:nth-child(1):before , .slider_section .mo ul:nth-child(3):before { content: ""; position: absolute; background-repeat: no-repeat; background-size: contain; }
    .slider_section .mo ul:nth-child(1):before { background-image: url(/wp-content/themes/anipen/assets//images/main_line_mo1.svg); width: calc(151px/2); height: calc(104px/2); top: 24px; left: 133px; }
    .slider_section .mo ul:nth-child(3):before { background-image: url(/wp-content/themes/anipen/assets//images/main_line_mo2.svg); width: calc(113px/2); height: calc(61px/2); right: 150px; top: 15px; }
    .slider_section .mo ul:nth-child(1) li:nth-child(1),.slider_section .mo ul:nth-child(2) li:nth-child(1) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .slider_section .mo ul:nth-child(3) { right: -24px; justify-content: flex-end; }
    .slider_section .mo ul:nth-child(3) li:nth-child(2) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .slider_section .mo ul li { width: 160px; height: 93px; border-radius: 10px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; }
    .swiper-slide .line1::after { height: 9px; left: 14px; bottom: 0; }
    .swiper-slide .line1::before { height: 9px; width: 9px; bottom: 0; right: -21px; }
}
@keyframes marquee {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(0,-1000%,0) }
}
@-webkit-keyframes marquee {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(0,-1000%,0) }
}
@-moz-keyframes marquee {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(0,-1000%,0) }
}
@-ms-keyframes marquee {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(0,-1000%,0) }
}

@keyframes marquee1 {
  from { transform: translate3d(0,-1000%,0) }
  to { transform: translate3d(0,0,0) }
}
@-webkit-keyframes marquee1 {
    from { transform: translate3d(0,-1000%,0) }
    to { transform: translate3d(0,0,0) }
}
@-moz-keyframes marquee1 {
    from { transform: translate3d(0,-1000%,0) }
    to { transform: translate3d(0,0,0) }
}
@-ms-keyframes marquee1 {
    from { transform: translate3d(0,-1000%,0) }
    to { transform: translate3d(0,0,0) }
}

@media (min-width: 2000px) {
    .section .inner_v2 .circle_box .circle_icon { bottom: 270px; left: 48px; }
    .section .inner_v2 .circle_box::before { width: 1123px; height: 1123px; left: calc(50% - 40px); bottom: -70px; background-size: cover; }
}
@media (max-width: 1320px) {
    .slider_section .inner_v1 .icon_box { margin-right: -20px; width: 47%; justify-content: center; }
    .slider_section .inner_v1 .icon_box li { width: calc(33.33% - 20px); margin-right: 20px; }
    .slider_section .inner_v1 .icon_box li:nth-child(3n) { margin-right: 20px; }
    .slider_section .inner_v1 .txt_box { padding-left: 30px; width: 53%; }
}

@media (min-width: 1200px) {
    .slider_section.active .inner_v1 .txt_box .ttl .line::after { width: 0; }
    .slider_section.active .inner_v2 .txt_box .ttl .line::after { width: 0; }
    .slider_section.active .inner_v2 .txt_box .ttl .line::before { opacity: 0; right: -45px; }
    .slider_section.active .swiper-slide-active .inner_v2 .txt_box .ttl .line::after { width: calc(100% + 21px); }
    .slider_section.active .swiper-slide-active .inner_v2 .txt_box .ttl .line::before { opacity: 1; }

    .slider_section .swiper-slide-active .inner_v2 .circle_box .circle_icon li .box { opacity: 1; transition: all .5s; }
    .slider_section .swiper-slide-active .inner_v2 .circle_box .circle_icon .bg { transition: all .5s; transition-delay: .5s; transform: scale(1); }
    .section .inner_v2 .circle_box .circle_icon li .box { opacity: 0; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(1) { transition-delay: 0.8s; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(2) { transition-delay: 1s; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(3) { transition-delay: 1.2s; }
}
@media (min-width: 768px) {
    .slider_section .inner_v1 .txt_box .f48 .line::before { right: -60px; }
}
@media (max-width: 1199px) {
    .slider_section { height: auto!important; }
    .slider_section .fp-tableCell { height: auto!important; }
    .slider_section .swiper-wrapper { display: block; }
    .slider_section .inner_v1 { display: block; }
    .slider_section .inner_v1 .icon_box { width: 45%; }
    .slider_section .inner_v1 .txt_box { padding-left: 40px; width: 55%; }
    .slider_section .inner_v1 .txt_box::before { width: 180px; height: 180px; background-size: contain; top: -100px; }
    .slider_section .inner_v1 .txt_box::after { width: 280px; height: 280px; background-size: contain; bottom: auto; top:200px;  }
    .section .inner_v2 .txt_box { padding: 175px 0 320px; }
    .section .inner_v2 .circle_box { right: 35px; }
    .section .inner_v2 .circle_box::before { bottom: -65%; }
    .section .inner_v2 .circle_box .circle_icon { left: auto; right:0; bottom: 20px; }
    .section .inner_v2 .circle_box .circle_icon .bg { transform: scale(.8); }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(3) { margin: -65px -5px 0px auto; }

}

@media (max-width: 767px) {
    .slider_section .swiper-wrapper { padding-bottom: 0; }
    .slider_section .inner_v1 { position: relative; padding: 43px 0; }
    .slider_section .inner_v1 .txt_box { width: 100%; padding-left: 0; padding-top: 0; }
    .slider_section .inner_v1 .txt_box::before { display: none; }
    .slider_section .inner_v1 .txt_box::after { display: none; }
    .slider_section .inner_v1 .txt_box .f48 { font-size: 1.71rem; line-height: 1.32; padding-left: 20px; }
    .slider_section .inner_v1 .txt_box .ttl { font-size: 1.71rem; line-height: 1.32; padding-left: 20px; }
    .slider_section .inner_v1 .txt_box .f48 .line::after { left: 8px; }
    .slider_section .inner_v1 .icon_box { width: 100%; margin: 55px auto 0 ; max-width: 220px; }
    .slider_section .inner_v1 .icon_box li { width: calc(50% - 20px); min-width: auto; max-width: 143px; padding-bottom: 26px; position: relative; margin-bottom: 30px; }
    .slider_section .inner_v1 .icon_box li:nth-child(2n) { margin-left: 20px; margin-right: 0; }
    .slider_section .inner_v1 .icon_box li:nth-child(2n-1) { margin-left: 0; margin-right: 20px; }
    .slider_section .inner_v1 .icon_box li .icon { height: auto; width: 50%; padding: 50%; position: relative; border-radius: 15px; }
    .slider_section .inner_v1 .icon_box li .icon img { max-width: 51px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .slider_section .inner_v1 .icon_box li .txt { position: absolute; width: 200%; bottom: 0; left: 152%; transform: translateX(-100%); margin-top: 0; font-size: 0.86rem; font-weight: 500; }
    .slider_section .inner_v1::before { content: ""; background: url(../images/horizon_bg_mo1.svg)no-repeat; background-size: contain; width: calc(161px/2); height: calc(224px/2); position: absolute; z-index: -1; left: 0; top: 53%; }
    .slider_section .inner_v1::after { content: ""; background: url(../images/horizon_bg_mo2.svg)no-repeat; width: calc(252px/2); height: calc(350px/2); background-size: contain; position: absolute; z-index: -1; right: 0; bottom: 0%; }
    .slider_section.active .inner_v1 .txt_box .f48 .line::after { width: 105%; }

    .section .inner_v2 .txt_box { padding: 110px 0 0; }
    .section .inner_v2 .circle_box { display: block; width: 100%; margin-top: 69px; height: 390px; right: 0; position: relative; z-index: 1; }
    .section .inner_v2 .circle_box::before { background: url(../images/circle_bg_mo.png)no-repeat; width: calc(100% + 38px); height: 100%; bottom: 0; left: -19px; right: -19px; display: block; background-size: cover; transform: translateX(0); animation: none }
    .section .inner_v2 .circle_box .circle_icon { width: 100%; max-width: 335px; bottom: 8px; }
    .section .inner_v2 .circle_box .circle_icon .bg { transform: scale(1.2); margin-left: 0; left: 112px; top:-20px; }
    .section .inner_v2 .circle_box .circle_icon li .box { width: 90px; height: 90px; font-size: 1rem; padding: 10px; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(1) { margin: -10px 39px 0px auto; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(2) { margin-top: -10px; margin-left: 47px; }
    .section .inner_v2 .circle_box .circle_icon li .box:nth-child(3) { margin: -13px 35px 0px auto; }
    .section .inner_v2 .txt_box .ttl { font-size:1.64rem; }
    .section .inner_v2 .txt_box .ttl .line::after { left: -6px; }
    .section .inner_v2 .txt_box .ttl .line::before { right: -26px;  }
    .slider_section.active .line::after { width: calc(100% - 14px); }
    .slider_section.active .line::before { right: -30px; }
}

.graph_section { background: #02122C; color:#fff; }
.graph_section .container { height: 100%; }
.graph_section .ly_flex { height: 100%; align-items: center; }
.graph_section .txt_box { margin-top: 95px; position: relative; z-index: 3 }
.graph_section .txt_box h3 { font-weight: 700; font-size: 1.89rem; line-height: 1.5; padding-bottom: 54px; }
.graph_section .txt_box .ly_flex li { width: 46%; margin: 42px 0 30px; }
.graph_section .txt_box .ly_flex li p { line-height: 1; color: #fff; }
.graph_section .txt_box .ly_flex li p b { font-weight: 700; }
.graph_section .txt_box .ly_flex li span { font-weight: 700; font-size: 3.3rem; line-height: 1; display: block; margin-top: 24px; }
.graph_section .ly_flex .caption { color: #18589F; position: absolute; bottom: 95px; right: 0; }
.caption { font-weight: 400; font-size: 0.89rem; line-height: 1; }
.graph_section .graph_wrap { position: absolute; top: 0; left: -30px; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.graph_section .graph_wrap .bg { width: 0; max-width: 1704px; overflow: hidden; }
.graph_section .graph_wrap .bg .wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; max-width: 1732px; max-height: 700px; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; }
.graph_section .graph_wrap .bg .wrap li { width: 20%; text-align: right; }
.graph_section .graph_wrap .bg .wrap li div>img { opacity: 0; position: relative; z-index: 1; }
.graph_section .graph_wrap .bg .wrap li div>p { opacity: 0 }
.graph_section .graph_wrap .bg .wrap li:nth-child(1) { height: 120px; color:#1A4980; }
.graph_section .graph_wrap .bg .wrap li:nth-child(2) { height: 290px; color: #18589F;}
.graph_section .graph_wrap .bg .wrap li:nth-child(3) { height: 550px; color:#0C63C1; }
.graph_section .graph_wrap .bg .wrap li:nth-child(4) { height: 108%; width: 190px; margin-right: 28px }
.graph_section .graph_wrap .bg .wrap li:nth-child(4) .box { position: relative; width: 68px; }
.graph_section .graph_wrap .bg .wrap li:nth-child(4) .box .light1 { position: absolute; top: calc(-916px/3 - 125px); left: calc(-916px/2 + 25px); width: 916px; height: 916px; background-blend-mode: screen; mix-blend-mode: screen; opacity: 0; }
.graph_section .graph_wrap .bg .wrap li .box { width: 55px; margin: 0 0 0 auto; text-align: center; }
.graph_section .graph_wrap .bg .wrap li p { margin-top: 13px; font-weight: 700; line-height: 1; }
.graph_section .graph_wrap .bg .img { width: 1684px; height: 737px; }
.graph_section .graph_wrap .bg .img img { width: 100%; height: 100%; }
.graph_section.active .graph_wrap .bg { width:100%; transition: width 1.2s; transition-delay: .5s; }
.graph_section.active .graph_wrap .bg .wrap li div>img { opacity: 1; transition: opacity .2s; }
.graph_section.active .graph_wrap .bg .wrap li div>p { opacity: 1; transition: opacity .2s; }

.graph_section.active .graph_wrap .bg .wrap li:nth-child(1) div>img { transition-delay: 1s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(2) div>img { transition-delay: 1.2s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(3) div>img { transition-delay: 1.4s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(4) div>img { transition-delay: 1.6s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(1) div>p { transition-delay: 1s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(2) div>p { transition-delay: 1.2s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(3) div>p { transition-delay: 1.4s; }
.graph_section.active .graph_wrap .bg .wrap li:nth-child(4) .box .light1 { opacity: 0.8; transition-duration: .2s; transition-delay: 1.8s; }
@media (min-width: 2400px) {
    .graph_section .graph_wrap { left: 238px; }
}
@media (max-width: 1760px) {
    .graph_section .graph_wrap .bg .wrap { max-width: 1300px; }
    .graph_section .graph_wrap .bg .wrap li { width: 20%; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(1) { height: 15%; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(2) { height: 36%; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(3) { height: 68.5%; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(4) { height: 96%; width: 150px; margin-right: 0; }
    .graph_section .graph_wrap .bg .img_wrap { max-width: 1280px; }
    .graph_section .graph_wrap .bg .img { width: 1280px; height: 646px; }
    .graph_section .ly_flex .caption { right: 19px; }
}

@media (max-width: 1280px) {
    .graph_section .graph_wrap .bg .img { width: 980px; height: 477px; margin-bottom: -55px; }
    .graph_section .graph_wrap .bg .wrap { max-width: 1010px; }
    .graph_section .graph_wrap .bg .wrap li { width: 120px; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(1) { height: 120px; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(2) { height: 206px; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(3) { height: 315px; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(4) { height: 454px; width: 110px; }
    .graph_section .graph_wrap .bg .wrap li:nth-child(4) .box .light1 { top: -225px; left: -225px; width: 500px; height: 500px; }
    .graph_section .txt_box .ly_flex li { width: 50%; padding-right: 10px; }
}

@media (max-width: 1023px) {
    .graph_section .inner { padding: 175px 0 280px; }
    .graph_section .graph_wrap { left: 0; }
    .graph_section .graph_wrap .pc { display: none }
    .graph_section .graph_wrap .mo { display: block; background-blend-mode: screen; mix-blend-mode: screen; position: absolute; bottom: -30px; right: 0; }
}

@media (max-width: 767px) {
    .graph_section .inner { padding: 90px 0 200px; }
    .graph_section .txt_box { margin-top: 0; }
    .graph_section .txt_box h3 { font-size: 1.43rem; padding-bottom: 75px }
    .graph_section .txt_box .ly_flex li { margin-top: 0; width: 100%; margin-bottom: 40px }
    .graph_section .txt_box .ly_flex li:last-child { margin-bottom: 0; }
    .graph_section .txt_box .ly_flex li span { margin-top: 16px; font-size: 2.14rem; }
    .graph_section .graph_wrap .mo { bottom: 0; }
    .graph_section .ly_flex .caption { bottom: 40px; }
}

.bussiness_section { background-color: #F4F6F7; }
.bussiness_section .container { height: auto; }
/* .bussiness_section .swiper-slide { height: 577px!important; } */
.bussiness_section .bussiness_wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 0; position: relative; }
.bussiness_section .ttl_wrap { position: absolute; width: 50%; top: 55px; right: 0; }
.bussiness_section .ttl_wrap .ttl { font-weight: 700; line-height: 1.5; color: #191919; position: absolute; top: 22px; z-index: 10; padding-left: 119px; }
.bussiness_section .bussiness_wrap .block { display: none; }
.bussiness_section .bussiness_wrap>div { position: relative; padding: 14px 0; overflow: hidden; }
.bussiness_section .bussiness_wrap>div::before { content: ""; background: url(../images/phone.png)no-repeat; background-size: contain; width: 312px; height: 609px; position: absolute; top: 0; z-index: 2; }
.bussiness_section .bussiness_wrap>div::after { content: ""; background-color: #02122C; position: absolute; top: calc(50% - 80px); left: 0; width: 336px; height: 156px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.bussiness_section .bussiness_wrap>div.bussiness_slide_v2::after { left: auto; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.bussiness_section .bussiness_wrap .bussiness_slide_v1::before { right: -18px; }
.bussiness_section .bussiness_wrap .bussiness_slide_v2::before { left: -14px; top:0;  }
.bussiness_section .bussiness_wrap .bussiness_slide_v1 { width:50%; margin-right: 44px; height: calc(577px + 30px); }
.bussiness_section .bussiness_wrap .bussiness_slide_v2 { width:50%; margin-left: 44px; margin-top: 215px; height: calc(577px + 30px); }
/* .bussiness_section .bussiness_wrap .swiper-slide { opacity: 0; transition: opacity .2s .5s; }
.bussiness_section .bussiness_wrap .swiper-slide.swiper-slide-active { opacity: 1; transition: opacity .2s; } */
.bussiness_section .bussiness_wrap .swiper-slide ul { display: flex; flex-wrap: nowrap; align-items: center; }
.bussiness_section .bussiness_wrap .swiper-slide ul .phon { overflow: hidden; }
.bussiness_section .bussiness_wrap .swiper-slide ul.phon_v1 { justify-content: flex-end; }
.bussiness_section .bussiness_wrap .swiper-slide ul.phon_v1 .txt_box { border-radius: 16px 0px 0px 16px; }
.bussiness_section .bussiness_wrap .swiper-slide ul.phon_v2 .txt_box { border-radius: 0px 16px 16px 0px; }
.bussiness_section .txt_box { width: 338px; padding: 32px 40px; color: #fff; word-break: keep-all; opacity: 0; position: relative; }
.bussiness_section .swiper-slide-active .txt_box { opacity: 1; transition: all .5s; }
.bussiness_section .txt_box span { display: block; font-size: 1.3rem; font-weight: 700; line-height: 1; margin-bottom: 14px; }
.bussiness_section .txt_box .txt { color:#fff;  }
@media (min-width: 2000px){
    .bussiness_section .bussiness_wrap { padding-top: 12px; }
    .bussiness_section .bussiness_wrap .block { display: block; position: relative; z-index: 10; }
    .bussiness_section .bussiness_wrap .block::after { content: ""; width: 400px; height: 40px; background: #F4F6F7; position: absolute; bottom: -326px; left: -1100px; z-index: 10; }
    .bussiness_section .ttl_wrap .ttl { top: 34px; }
    .bussiness_section .container { height: auto; }
    .bussiness_section .bussiness_wrap::before { content: ""; background: #F4F6F7; position: absolute; bottom: -14px; left: 0; width: 100%; height: 30px; z-index: 10; }
    .bussiness_section .bussiness_wrap::after { content: ""; background: #F4F6F7; position: absolute; top: 90px; left: 0; height: 40px; width: 50%; z-index: 10; }
    .bussiness_section .ttl_wrap .ttl::after { content: ""; position: absolute; z-index: 10; left: 0; bottom: -46px; width: 100%; height: 30px; background: #F4F6F7; }
    :lang(en) .bussiness_section .ttl_wrap .ttl::after { bottom: -36px; }
    :lang(ja) .bussiness_section .ttl_wrap .ttl::after { bottom: -26px; }
}
@media (min-width: 1024px) {
    .bussiness_section .swiper-slide-active .txt_box { transform: translate3D(0,0px,0); }
}
@media (min-width: 768px) {
    .bussiness_section .txt_box { transform: translate3D(0,20px,0); }
    .bussiness_section .bussiness_wrap .swiper-slide ul .txt_box { display: flex; align-items: center; height: 155px; }
}
@media (max-width: 1400px) {
    .bussiness_section .bussiness_wrap .swiper-slide ul .phon { width: 50%; min-width: 280px; max-width: 280px; }
    .bussiness_section .bussiness_wrap .swiper-slide ul .txt_box { width: 50%; padding: 20px; }
}
@media (max-width: 1235px) and (min-width: 1024px) {
    .bussiness_section .txt_box .txt br { display: none; }
}

@media (max-width: 1179px) {
    .bussiness_section .ttl_wrap .ttl {  padding-left: 25px; }
    .bussiness_section .bussiness_wrap .bussiness_slide_v1 { margin-right: 15px; }
    .bussiness_section .bussiness_wrap .bussiness_slide_v2 { margin-left: 15px; }

}
@media (max-width: 1023px) {
    .bussiness_section { padding: 180px 0 280px; }
    .bussiness_section .pc { display: none; }
    .bussiness_section .mo { display: flex; justify-content: center; align-items: center; }
    .bussiness_section .ttl { font-size: 2rem; line-height: 1.5; }
    .bussiness_section .bussiness_slide_mo { max-width: 280px; margin: 97px auto 0; padding-bottom: 150px }
    .bussiness_section .bussiness_slide_mo .phon { background: #565656; border: 4px solid #02122C; box-shadow: 2px 4px 16px rgb(25 25 25 / 32%); border-radius: 49px; overflow: hidden; }
    .bussiness_section li { list-style: none; }
    .bussiness_section .txt_box { border-radius: 16px; text-align: center; margin-top: 40px; position: absolute; left: 50%; transform: translateX(-50%); background-color: #02122C; }
}

@media (max-width: 767px) {
    .bussiness_section { padding: 90px 0 36px; }
    .bussiness_section .ttl { font-size: 1.42rem; line-height: 1.5; text-align: center; }
    .bussiness_section .bussiness_slide_mo { margin-top: 48px; max-width: 140px; }
    .bussiness_section .bussiness_slide_mo .phon { max-width: 140px; margin: 0 auto; border-radius: 25px; border-width: 2px; }
    .bussiness_section .swiper-slide-active .txt_box { opacity: 1; transition: opacity .5s;  }
    .bussiness_section .txt_box { padding: 16px 24px 14px; width: calc(100% + 78px); word-break: keep-all; opacity: 0; margin-top: 20px; border-radius: 8px; }
    .bussiness_section .txt_box span { font-size: 1.14rem; margin-bottom: 9px; }
    .bussiness_section .txt_box .txt { font-size: 0.86rem; }
}


.media_section { background-color: transparent; }
.media_section .f48 { font-weight: 700; line-height: 1.25; }
.media_section .f48 .line { z-index: -1 }
.media_section .f48 .line:after { left: 20px; z-index: -1 }
.media_section .f48 .line:before { right: -68px; }
.media_section div.ly_flex { align-items: flex-end; justify-content: space-between; padding-top: 145px; }
.media_section .wrap { margin-top: 55px; }
.media_section .img_box { width: 41%; max-width: 533px; border-radius: 14px; overflow: hidden; position: relative; }
.media_section .img_box .txt_box { position: absolute; bottom: 32px; left: 32px; color: #fff; z-index: 1 }
.media_section .img_box .txt_box .date { font-weight: 700; display: block; margin-bottom: 26px; }
.media_section .img_box .txt_box p { font-weight: 700; line-height: 1.5; height: 70px; overflow: hidden; }
.media_section .media_list { width: 59%; padding-left: 80px; }
.media_section .media_list ul li:first-child a { border-top: 1px solid #EAEAEA; }
.media_section .media_list ul li a { display: flex; flex-wrap: nowrap; align-items: center; height: 120px; border-bottom: 1px solid #EAEAEA; position: relative; }
.media_section .media_list ul li a::after { content: ""; background: url(../images/arrow.svg); width: 8px; height: 14px; position: absolute; top: 50%; right: 9px; transform: translateY(-50%); }
.media_section .media_list ul li a .date { font-weight: 400; color: #969696; display: block; width: 15%; }
.media_section .media_list ul li a .txt { font-weight: 700; line-height: 1.25; color: #191919; width: 85%; padding: 0 75px 0 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.media_section .media_list ul li a:hover .date { color: #3E93F2; }
.media_section .media_list ul li a:hover .txt { color: #3E93F2; }
.media_section .media_list ul li a:hover::after { background: url(../images/arrow_on1.svg); }
.media_section .more { align-items: center; }

.join_section { background-color: #02122C; }
.join_section .f48 .line::before { right: -54px; }
.join_section.active .line::after { width: calc(100% - 3px); }
.join_section .f48 .line::after { left: 22px; }
.join_section .f48 { letter-spacing: -1px; text-align: center; font-weight: 800; line-height: 1; color: #fff; margin-bottom: 38px; position: relative; z-index: 1; font-family: 'NanumSquareNeo'; }
.join_section .center { padding-top: 100px; }
.join_section .center>div { margin: 90px auto 0; justify-content: space-between; align-items: center; max-width: 1040px; max-height: 320px; }
.join_section .center div a { width: calc(33.3% - 26px); padding-top: calc(33.3% - 26px); border-radius: 10px; overflow: hidden; font-weight: 700; line-height: 1; color: #fff; position: relative; z-index: 1; }
.join_section .center div a>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.join_section .center div a::before { content: ""; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s; }
.join_section .center div a:nth-child(1)::before { background-image: url(../images/join_v1_bg.jpg); }
.join_section .center div a:nth-child(2)::before { background-image: url(../images/join_v2_bg.jpg); }
.join_section .center div a:nth-child(3)::before { background-image: url(../images/join_v3_bg.jpg); }
.join_section .center div a:hover::before {
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -webkit-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
}
.join_section .center div a p { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; }
.join_section .center div a p::before { content: ""; width: 100%; height: 24px; margin-bottom: 12px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.join_section .center .img { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.join_section .center .img img { width: 100%; height: 100%; }
.join_section .center div .join_v1 p::before { background-image: url(../images/join_ic1.svg); }
.join_section .center div .join_v2 p::before { background-image: url(../images/join_ic2.svg); }
.join_section .center div .join_v3 p::before { background-image: url(../images/join_ic3.svg); }
@media (min-width: 2000px) {
    .media_section div.ly_flex { padding-top: 0; }
}
@media (min-width: 768px) {
    .media_section .more { padding-right: 60px; }
    .media_section .more span { position: absolute; right: 15px; }
    .media_section .more:after { right: 7px; }
}
@media (max-width: 1230px) {
    .media_section .media_list { padding-left: 40px; }
    .media_section .media_list ul li a .date { width: 19%; font-size: 0.94rem }
    .media_section .img_box .txt_box { bottom: 20px; left: 20px; right: 20px; }
}

@media (max-width: 1023px) {
    .media_section .media_list { padding-left: 40px; }
    .media_section .media_list ul li a .date  { width: 19%; }
    .media_section .media_list ul li a .txt { width: 80%; padding: 0 40px 0 10px; }
    .media_section .media_list ul li a:hover::before { width: 30px; }
    .media_section .img_box { width: 100%; }
    .media_section .media_list { width: 100%; padding-left: 0; }
    .media_section .media_list ul li:first-child { margin-top: 40px; }
    .join_section .center { padding-top: 0; }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .media_section { padding-bottom: 145px; }
}

@media (max-width: 767px) {
    .media_section .ttl { width:100%; margin-left: 0; }
    .media_section .f48 { font-size: 1.72rem; }
    .media_section .f48 .line:after { left: 10px; }
    .media_section.active .f48 .line:after { width: 100%; }
    .media_section .f48 .line::before { right: -27px; }
    .media_section div.ly_flex { padding-top: 75px; padding-left: 10px; }
    .media_section .wrap { margin-top: 36px; display: block }
    .media_section .img_box { height: auto; position: relative; border-radius: 7px; }
    .media_section .media_list { padding-left: 0; height: 190px; overflow: hidden; }
    .media_section .img_box .img { height: 200px; }
    .media_section .img_box .txt_box { left: 16px; bottom: 16px; }
    .media_section .img_box .txt_box .date { margin-bottom: 10px; }
    .media_section .img_box .txt_box p { font-size: 1.14rem; height: 47px; }
    .media_section .media_list ul li:first-child { border-top: 1px solid #EAEAEA; }
    .media_section .media_list ul li { height: 75px; display: flex; align-items: center; border-bottom: 1px solid #EAEAEA; }
    .media_section .media_list ul li:first-child a { border: 0; }
    .media_section .media_list ul li a { display: block; border: 0; height: auto; width: 100%; }
    .media_section .media_list ul li a .date { width: 100%; margin-bottom: 10px; }
    .media_section .media_list ul li a .txt { font-size: 1.14rem; width: 100%; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .media_section .media_list ul li a::after { display: none; }
    .media_section .mo .more { margin-bottom: 57px; margin-top: 50px ; }
    .media_section .mo .more span { background: url(../images/main_more_mo.svg)no-repeat; width: calc(53px/2); height: calc(20px/2); margin-top: 0; margin-left: 0; right: 7px; top: calc(50% - 1px); transform: translateY(-50%); position: absolute; }
    .media_section .mo .more::after { top:calc(50% - 1px); }
    .join_section .center { padding-top: 92px }
    .join_section .f48 { font-size: 1.5rem; margin-bottom: 20px; letter-spacing: 0; }
    .join_section .f48 .line::before { bottom: -2px; right: -24px; }
    .join_section .f48 .line::after { bottom: -2px; left: 10px }
    .join_section.active .f48 .line::after {  width: calc(100% - 3px); }
    .join_section .center>div { margin: 57px 0 70px; display: flex; }
    .join_section .center div a p { font-size: 1.14rem; }
}

@media (max-width: 750px) {
    .join_section .center>div { max-height: 100%; }
    .join_section .center div a { width: 100%; max-width: 100%; height: 110px; margin-left: 0; margin-bottom: 24px; border-radius: 5px; font-size: 1.14rem; padding: 0; }
    .join_section .center div a:nth-child(1)::before { background-image: url(../images/join_v1_bg_mo.jpg); }
    .join_section .center div a:nth-child(2)::before { background-image: url(../images/join_v2_bg_mo.jpg); }
    .join_section .center div a:nth-child(3)::before { background-image: url(../images/join_v3_bg_mo.jpg); }
}

.footer_logo { max-width: 1316px; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 32px 0; }
.footer_section .container { height: 100%; }
.footer_section .ly_flex { align-items: center; justify-content: space-between; }

.footer_section .wrap { padding: 101px 0; background-color: #EFF1F2; height: 484px; }
.footer_section .wrap ul li a { font-weight: 400; font-size: 0.78rem; line-height: 1.14; text-decoration-line: underline; color: #565656; display: block }
.footer_section .wrap ul li div { margin-top: 40px; }
.footer_section .wrap ul li p { margin-bottom: 11.5px; font-size: 0.78rem; color: #565656; }
.footer_section .wrap ul li p:first-child { font-weight: 700; font-size: 0.89rem; }
.footer_section .wrap ul li p:last-child { margin-bottom: 0; }
.footer_section .wrap ul li p span { margin: 0 7px; padding: 0 7px; position: relative; }
.footer_section .wrap ul li p span::before { content: ""; width: 1px; height: 10px; background-color: #C7C7C7; position: absolute; top: 4px; left: 0; }
.footer_section .wrap ul li p span::after { content: ""; width: 1px; height: 10px; background-color: #C7C7C7; position: absolute; top: 4px; right: 0;  }
.footer_section div.ly_flex { position: absolute; bottom: 0; left: 0; width: 100%; align-items: flex-end; }
.footer_section div.ly_flex .copy { font-size: 0.78rem; color: #969696; }
.footer_section .sns { display: flex; flex-wrap: nowrap; align-items: center; }
.footer_section .sns li { position: relative; width: 40px; height: 40px; margin-left: 24px; }
.footer_section .sns li a::before { content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; }
.footer_section .sns li:nth-child(1) a::before { background-image: url(../images/instagram.svg); }
.footer_section .sns li:nth-child(2) a::before { background-image: url(../images/youtube.svg); }
.footer_section .wrap .sns li a { font-size: 0; }

@media (min-width: 768px) {
    .footer_section .wrap ul li p:last-child { display: flex; flex-wrap: nowrap; }
    .footer_section ul.ly_flex li:nth-child(1) { width: calc(100% - 110px); }
    .footer_section ul.ly_flex li:nth-child(2) { width: 110px; }
}

@media (max-width: 1320px) {
    .footer_section div.ly_flex { left: 20px; right: 20px; width: calc(100% - 40px); }
}

@media (max-width: 1200px) {
    .footer_section .pc { display: none; }
    .footer_section .mo { display: block; }
    .footer_logo { padding: 40px 0 26px; margin-right: -17px; flex-wrap: wrap; justify-content: space-between; }
    .footer_logo li { width: calc(25% - 17px); margin-right: 17px; margin-bottom: 14px; text-align: center; }
    .footer_logo li:nth-child(4n) { margin-right: 0; }
    .footer_section .wrap { padding: 50px 0; height: auto; }
    .footer_section .wrap ul li a { font-size: 0.86rem; }
    .footer_section .wrap ul li img { max-width: 90px; }
    .footer_section .wrap ul li div { margin-top: 20px; }
    .footer_section .wrap ul li div.mo { margin: 0; }
    .footer_section .wrap ul li p { margin-bottom: 7px; font-size: 0.86rem; white-space: nowrap; }
    .footer_section .wrap ul li p:first-child { margin-bottom: 12px; font-size: 1rem; }
    .footer_section .wrap ul li p span { display: block; margin: 7px 0; padding: 0; }
    .footer_section .wrap ul li p span::before { display: none; }
    .footer_section .wrap ul li p span::after { display: none; }
    .footer_section div.ly_flex { position: relative; margin-top: 28px; left: 0; }
    .footer_section div.ly_flex .copy { font-size: 10px; }
    .footer_section .ly_flex>li:last-child { padding: 17.5px 0; position: relative; width: 100%; }
    .footer_section .sns { position: absolute; top: calc(50% - 10px); right: 0; transform: translateY(-50%); }
    .footer_section .sns li { margin-left: 12px; width: 28px; height: 28px; }

    .footer_section .mobile_txt { color: #565656; }
    .footer_section .mobile_txt .txt_box { margin-top: 20px; }
    .footer_section .mobile_txt .txt_box p:first-child { margin-bottom: 12px; font-size: 1rem; }
    .footer_section .mobile_txt .txt_box p { margin-bottom: 7px; font-size: 0.86rem; }
    .footer_section .mobile_txt .txt_box p span { display: block; margin: 7px 0; padding: 0; }
    .footer_section .mobile_txt img.logo { max-width: 90px; }
    .footer_section .mobile_txt .privacy { font-size: 0.86rem; font-weight: 400; text-decoration-line: underline; color: #565656; margin: 17.5px 0; display: block; }
    .footer_section .sns_box { position: relative; }
    .footer_section .sns_box .sns { top: calc(50% - 30px); }
}
@media (max-width: 767px) {
    .footer_section .mobile_txt .privacy { display: inline-block; }
}

/* about > about-anipen */
.about .bg { background-image: url(../images/about_topBg.jpg); }
.about_anipen { background-color: #fff; }
.about_anipen .line::after { left: -12px; }
.about_anipen .line::before { right: calc(-40px - 18px); }
.about_anipen .active .line::after { width: calc(100% + 28px); }
.about_anipen .bg { background-image: url(../images/about_anipen_topBg.jpg); }
.bg_line { position: relative; }
.bg_line::before { content: ""; background: url(../images/technology_culture_bg.svg)no-repeat; width: 1270px; height: 933px; position: absolute; bottom: 45px; left: calc(50% + 25px); transform: translateX(-50%); }
.anipen_story { padding-bottom:200px; background-color: #fff; }
.anipen_story .img_box { width: 58%; display: flex; flex-wrap: nowrap; }
.anipen_story .img_box .img { width: 50%; }
.anipen_story .img_box .img img { border-radius: 16px; }
.anipen_story .img_box .img:nth-child(1) { padding-right: 20px; }
.anipen_story .img_box .img:nth-child(2) { padding-left: 20px; padding-top: 163px }
.anipen_story .txt_box { width: 42%; padding-left: 132px; padding-top: 60px; color:#191919; }
.anipen_story .txt_box h2 { margin-bottom: 40px; }

.technology_culture { background-color: #F9FAFB; padding: 140px 0 160px; }
.technology_culture .tit { margin-bottom: 32px; }
.technology_culture .f22 { line-height: 1.5; }
.technology_culture ul { margin-top: 135px; width: 100%; justify-content: space-between; text-align: center; flex-wrap: nowrap; position: relative; }

.technology_culture ul li p { margin-top: 10px; }
.technology_culture ul li span { position: relative; color: #19273E; padding-top: 22px; }

.sub_bussiness { padding: 200px 0 192px; }
.sub_bussiness .pc ul { margin-right: -30px; margin-top: 48px; }
.sub_bussiness .pc ul li { width: calc(33.3% - 30px); margin-right: 30px; margin-bottom: 48px; border-radius: 16px; overflow: hidden; border: 1px solid #D9D9D9; }
.sub_bussiness .pc ul li .img_box { max-height: 240px; overflow: hidden; width: calc(100% + 1px); }
.sub_bussiness .pc ul li .txt_box { padding: 32px; height: 220px; position: relative; }
.sub_bussiness .pc ul li .txt_box h3 { font-size: 1.56rem; line-height: 1; color: #191919; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub_bussiness .pc ul li .txt_box p { font-size: 1rem; line-height: 1.5; color: #565656; font-weight: 400; margin: 12px 0; height: 48px; overflow: hidden; }
.sub_bussiness .pc ul li .txt_box .btn { position: absolute; bottom: 31px; left: 32px; }
.sub_bussiness .pc ul li:hover .btn { background-color: #19273E; color: #fff; transition-duration: .3s; }

.major_achievements { background-color: #02122C; color: #fff; padding: 140px 0 168px; position: relative; }
.major_achievements::before { content:""; background-image: url(../images/major_achievements_bg.png); width: 1494px; height: 981px; mix-blend-mode: screen; position: absolute; bottom: -35px; right: -135px; }
.major_achievements .tit { text-align: center; color: #fff; }
.major_achievements .caption { display: block; margin: 22px 0 116px; text-align: center; color: #C7C7C7; }
.major_achievements ul { max-width: 1266px; margin: 0 auto; justify-content: space-between; }
.major_achievements ul li { text-align: center; }
.major_achievements ul li .txt { color: #fff; margin-bottom: 17px; }
.major_achievements ul li .txt b { display: block }
.major_achievements ul li p.cont { font-size: 2.2rem; font-weight: 700; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.major_achievements ul li p.cont b { padding-right: 8px; }


.awards { margin: 191px 0 148px; }
.awards .tit_box { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
.awards .tit_box span { font-weight: 400; font-size: 0.89rem; line-height: 1; text-align: right; color: rgba(86, 86, 86, 0.8); padding-bottom: 8px; }
.awards .banner { padding: 42px 0 96px; margin-right: -20px; display: flex; flex-wrap: wrap; align-items: center; }
.awards .banner li { width: calc(50% - 20px); margin-right: 20px; border-radius: 8px; overflow: hidden; height: 173px; display: flex; align-items: center; justify-content: center; }
.awards .banner li p { color: #fff; font-weight: 700; }
.awards .banner li p span { font-size: 3.2rem; padding: 0 6px 0 12px }
.awards .banner li:nth-child(1) { background-image: url(../images/awards_banner1.jpg); }
.awards .banner li:nth-child(2) { background-image: url(../images/awards_banner2.jpg); }
.awards .list { margin-right: -60px; display: flex; flex-wrap: wrap; }
.awards .list li { width: calc(33.3% - 60px); margin-right: 60px; border-bottom: 1px solid #000; padding:8px 0 30px; margin-bottom: 71px; }
.awards .list li .date { padding-bottom: 7px; display: block; font-size: 0.89rem; color: #565656; opacity: 0.8; }
.awards .list li h4 { font-weight: 700; margin-top: 2px; color:#000; line-height: 1.36; }

.partner_section .partner_tit { display: flex; flex-wrap: wrap; margin: 51px 0 58px }
.partner_section .partner_tit h2 a { padding: 14px 40px 12px; border-radius: 24px; border:1px solid #969696; color: #969696; font-size: 0.89rem; font-weight: 500; margin-right: 24px; display: flex; align-items: center; line-height: 1; }
.partner_section .partner_tit h2.on a { background-color: #3E93F2; color:#fff; transition-duration: .3s; border-color: #3E93F2; }
.partner_section .partner_logo { display: flex; flex-wrap: wrap; align-items: center; max-width: 1296px; margin: 0 auto; margin-right: -24px; }
.partner_section .partner_logo li { margin-bottom: 10px; width: calc(20% - 24px); margin-right: 24px; }
.partner_section .tab { display: none; }

.map_section { margin-top: 210px }
.map_section .map_wrap { height: 627px; background-color: #ccc; margin: 48px 0 44px; border-radius: 8px; overflow: hidden; }
.map_section .map_wrap .mark { display: inline-block; font-weight: 700; font-size: 0.78rem; line-height: 1; color:#fff; background: #3E93F2; border-radius: 56px; padding: 15px 24px 15px 56px; position: relative; }
.map_section .map_wrap .mark:after { content: ""; position: absolute; bottom:-10px; left:50%; width: 0px; height: 0px; border-top: 10px solid #3E93F2; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.map_section .map_wrap .mark .ic { background: url(../images/mark_logo.svg); width: 32px; height: 32px; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); }
.map_section .info { color: #191919; display: flex; flex-wrap: wrap; }
.map_section .info li { width: 50%; }
.map_section .info li:nth-child(2) { padding-left: 30px; }
.map_section .info li p { margin-bottom: 8px; line-height: 1.7; display: flex; flex-wrap: nowrap; }
.map_section .info li p b { width: 102px; }
.map_section .info li p span { width: calc(100% - 102px); font-weight: 400; }
@media (min-width: 2000px) {
    .major_achievements::before { left: calc(50% + 340px); transform: translateX(-50%); }
}
@media (min-width: 1200px) {
    .technology_culture ul li:nth-child(1) { width: 40%; text-align: left; }
    .technology_culture ul li:nth-child(1) div { text-align: center; display: inline-block; }
    .technology_culture ul li:nth-child(2) { position: absolute; top: 0; left: 41%; width: 50%; }
}

@media (min-width: 768px) {
    .map_section { margin-bottom: -13px; }
    .major_achievements ul { padding-left: 10px; }
    .major_achievements ul li:nth-child(2) { padding-left: 4px; }
    .major_achievements ul li:nth-child(2) .cont b { padding-left: 18px; }
    .major_achievements ul li p.cont span { padding-bottom: 17px; }
}
@media (max-width: 1200px) and (min-width: 1024px) {
    .anipen_story .txt_box .txt br.pc { display: none; }
}

@media (max-width: 1179px) {
    .anipen_story .img_box .img:nth-child(1) { padding-right: 15px; }
    .anipen_story .img_box .img:nth-child(2) { padding-left: 15px; }
    .anipen_story .txt_box { padding-left: 30px; }
    .awards .list { margin-right: -30px; }
    .awards .list li { width: calc(33.3% - 30px); margin-right: 30px; }
}

@media (max-width: 1023px) {
    .bg_line::before { width: 100%; background-size: contain; }
    .anipen_story .txt_box { padding-left: 40px; }
    .technology_culture ul li { padding-right: 20px; }
    .sub_bussiness .pc ul li { width: calc(50% - 30px) }
    .major_achievements ul { padding-left: 0; }
    .major_achievements ul li { padding: 0 10px; }
}
@media (max-width: 980px) {
    .anipen_story .ly_flex { flex-direction: column-reverse; }
    .anipen_story .img_box { width: 100%; margin-top: 50px; }
    .anipen_story .txt_box { padding-left: 0; padding-top: 0; width: 100%; }
    .anipen_story .txt_box br.pc { display: none; }
    .anipen_story .img_box .img img { border-radius: 8px; }

    .major_achievements ul { display: block; }
    .major_achievements ul li { width: 100%; text-align: left; margin-bottom: 40px; }

    .technology_culture ul { display: block; }
    .technology_culture ul li { width: 100%; margin-bottom: 80px; }
    .technology_culture ul li:last-child { margin-bottom: 0; }
}
@media (max-width: 767px) {
    .anipen_story { padding-bottom: 90px; }
    .about_anipen .bg { background-image: url(../images/about_anipen_topBg_mo.jpg); }
    .about_anipen .active .line::after { width: calc(100% + 20px); }
    .about_anipen .line::before { right: -22px }
    .about_anipen .line::after { left: -25px; }
    .about_anipen .active .line::after { width: calc(100% + 30px); }
    .anipen_story .ly_flex { display: flex; }
    .anipen_story .img_box .img:nth-child(1) { padding-right: 10px; }
    .anipen_story .img_box .img:nth-child(2) { padding-left: 10px; padding-top: 60px; }
    .anipen_story .txt_box h2 { margin-bottom: 17px }

    .technology_culture { padding: 70px 0 120px; }
    .about .bg_line::before { display: none; }
    /* .about .bg_line::before { width: 100%; height: 67%; background: url(../images/technology_culture_bg_mo.svg)no-repeat; right: 0; left: 0; transform: translateX(0%); background-size: cover; } */
    .technology_culture .tit { margin-bottom: 16px; }
    .technology_culture .f22 { font-size: 1rem; }
    .technology_culture ul { margin-top: 113px; position: relative; z-index: 1 }
    .technology_culture ul li { padding-right: 0; margin-bottom: 95px; }
    .technology_culture ul li:nth-child(2) { margin-bottom: 0; }
    .technology_culture ul li.mo { position: absolute; width: calc(100% + 40px); height: 100%; top: -135px; left: -20px; right: -20px; z-index: -1; }
    .technology_culture ul li span { padding-top: 0; }

    .sub_bussiness { padding: 80px 0 110px; }
    .sub_bussiness .mo { padding-right: 60px; }
    .sub_bussiness ul { display: flex; margin-right: -12px; margin-top: 32px; }
    .sub_bussiness ul li { border: 1px solid #D9D9D9; border-radius: 8px; overflow: hidden; }
    .sub_bussiness ul li a { display: block; }
    .sub_bussiness ul li a .img_box { height: 190px; }
    .sub_bussiness ul li a .img_box img { height: 100%; object-fit: cover; }
    .sub_bussiness ul li .txt_box { padding: 24px;  }
    .sub_bussiness ul li .txt_box h3 { font-size: 1.7rem; }
    .sub_bussiness ul li .txt_box p { height: 42px; margin: 10px 0 26px; line-height: 1.5 }
    .sub_bussiness .swiper-pagination { bottom: -36px!important; }
    .sub_bussiness .swiper-pagination-bullet-active { background-color: #02122C!important; }

    .major_achievements { padding: 90px 0 0; }
    .major_achievements::before { display: none; }
    .major_achievements .tit { text-align: left; }
    .major_achievements .caption { text-align: left; margin: 9px 0 76px; }
    .major_achievements ul li { text-align: left; padding-left: 0; margin-bottom: 40px; }
    .major_achievements ul li .txt { margin-bottom: 16px; font-weight: 400; line-height: 0.57; }
    .major_achievements ul li .txt b { display: inline; padding-left: 3px; }
    .major_achievements ul li p.cont { font-size: 2.1rem; }
    .major_achievements ul li p.cont b { font-size: inherit; padding-right: 4px; }
    .major_achievements ul li p.cont span { padding-bottom: 5px; }
    .major_achievements .mo { margin: -216px -20px 0; }
    .major_achievements .mo img { mix-blend-mode: screen; }

    .awards { margin: 80px 0 }
    .awards .tit_box span { padding-bottom: 3px; }
    .awards .banner { padding: 25px 0 50px; margin-right: -10px; }
    .awards .banner li { height: 67px; width: calc(50% - 10px); border-radius: 4px; margin-right: 10px; background-size: cover; }
    .awards .banner li:nth-child(1) { background-image: url(../images/awards_banner1_mo.jpg); }
    .awards .banner li:nth-child(2) { background-image: url(../images/awards_banner2_mo.jpg); }
    .awards .banner li p { font-size: 10px; }
    .awards .banner li p span { font-size: 2rem; padding: 0 3px 0 11px; }
    .awards .list { margin-right: -12px; }
    .awards .list li { width: calc(100% - 12px); margin-right: 12px; padding: 0 0 10px; margin-bottom: 30px; }
    .awards .list li:last-child { margin-bottom: 0; }
    .awards .list li .date { padding-bottom: 10px; }
    .awards .list li h4 { font-size: 1.1rem }

    .partner_section .partner_tit { margin: 32px 0 44px; margin-right: -14px; flex-wrap: nowrap; justify-content: space-between; max-width: 380px; }
    .partner_section .partner_tit h2 { margin-right: 14px; }
    .partner_section .partner_tit h2 a { padding: 9px 18px; margin-right: 0; max-width: 400px; }
    .partner_section .partner_logo li { margin-bottom: 0; width: 33.3%; }
    .map_section { margin-top: 95px }
    .map_section .map_wrap { margin: 32px 0 30px; height: 210px; border-radius: 4px; }
    .map_section .info li { width: 100%; }
    .map_section .info li:nth-child(2) { padding-left: 0; margin-top: 20px; }
    .map_section .info li p { font-size: 0.92rem; margin-bottom: 4px; }
    .map_section .info li p:last-child { margin-bottom: 0; }
    .map_section .info li p b { width: 64px; }
    .map_section .info li p span { width: calc(100% - 64px); }
    .map_section .map_wrap .mark { font-size: 0.86rem; padding: 10px 15px 10px 35px; }
    .map_section .map_wrap .mark .ic { width: 24px; height: 24px; left: 4px;  background-size: contain; }
}

/* about > members */
.about_member .bg {  background-image: url(../images/about_member_topBg.jpg); }
.about_member .line::before { right: calc(-44px - 18px); }
.about_member .line::after { left: 36px; }
.about_member .active .line::after { width: calc(100% - 20px); }
.leader_member { margin-bottom: 122px; position: relative; }
.leader_member::before { content: ""; background: url(../images/member_bg.svg)no-repeat; width: 100%; height: 2016px; position: absolute; top: 265px; left: 0; }
.leader_member .tit { margin-bottom: 32px; line-height: 1; }
.leader_member .container>p.f24 { padding-bottom: 42px; }
.leader_member .intro { color:#3E93F2; font-size: 1rem; font-weight: 700; margin-bottom: 40px; display: block; padding-top: 54px; }
.leader_member .member_box { display: flex; flex-wrap: wrap; margin-bottom: 64px; }
.leader_member .member_box .img_box { width: 360px; height: 360px; }
.leader_member .member_box .txt_box { border-top: 1px solid #C7C7C7; padding-top: 32px; width: calc(100% - 360px - 84px); margin-left: 84px; }
.leader_member .member_box .txt_box h3 { font-weight: 700; line-height: 1.19; }
.leader_member .member_box .txt_box .f18 { margin: 8px 0 33px; }
.leader_member .member_box .txt_box .txt:nth-child(1) { padding-right: 60px; }
.leader_member .member_box .txt_box .txt>li { color: #565656; margin-bottom: 3px; }
.leader_member .member_box .txt_box .txt>li b { color:#191919;  }
.leader_member .member_box .txt_box .txt>li:nth-child(1) { margin-bottom: 15px; font-weight: 400; color: #191919; }
.leader_member .member_box .txt_box .list li { position: relative; padding-left: 16px; margin-bottom: 10px; line-height: 1.2; color:#565656; }
.leader_member .member_box .txt_box .list li::before { content: ""; width: 3px; height: 3px; background-color: #191919; border-radius: 50%; position: absolute; top: 10px; left: 5px; }
.leader_member .member_box.reverse { flex-direction: row-reverse; }
.leader_member .member_box.reverse .txt_box { margin-left: auto; margin-right: 84px; }
.leader_member .member_box:last-child .txt_box .list li { margin-bottom: 5px; line-height: 1.3; }

.organization { background-color: #FAFAFA; padding: 120px 0 96px; }
.organization .ly_flex { justify-content: space-between; }

.interview { padding-top: 210px }
.interview ul { display: flex; flex-wrap: wrap; margin-right: -33px; margin-top: 40px; }
.interview ul li { width: calc(33.3% - 33px); margin-right: 33px; margin-bottom: 64px; }
.interview ul li .img_box { border-radius: 16px; overflow: hidden; height: 251px }
.interview ul li .img_box img { width: 100%; height: 100%; object-fit: cover; }
.interview ul li .txt_box { margin-top: 30px; padding: 0 10px;}
.interview ul li .txt_box h3 { font-weight: 700; width:100%; position: relative; overflow: hidden; height: 43px; }
.interview ul li .txt_box .f16 { color: #565656; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 10px; }
.interview ul li .txt_box .f16 span:last-child { position: relative; padding-left: 12px; margin-left: 10px; }
.interview ul li .txt_box .f16 span:last-child::before { content: ""; width: 2px; height: 8px; background: #C7C7C7; border-radius: 8px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.interview ul li:hover .txt_box, .interview ul li:hover .txt_box .f16 span { color: #3E93F2; }
.interview ul li:hover .txt_box .f16 span::before { background-color: #3E93F2; }
.interview .vertical { padding-top: 68px; }
@media (min-width: 2000px) {
    .leader_member::before {     background: url(../images/member_w_bg.svg)no-repeat; }
}
@media (min-width: 1400px) {
    .leader_member .member_box .txt_box .txt:nth-child(1) { width: 45%; }
    .leader_member .member_box .txt_box .txt:nth-child(2) { width: 55%; }
}
@media (min-width: 1024px) {
    .leader_member .member_box:last-child .txt_box .txt { width: 100%; }
    .leader_member .member_box:last-child .txt_box .txt:last-child { margin-top: 29px; }
    .leader_member .member_box:last-child .txt_box .txt:last-child li:nth-child(1) { margin-bottom: 11px; }
    .organization .tit { margin-top: -10px; width: 25%; word-break: keep-all; }
}

@media (min-width: 768px) {
    .right { text-align: right; }
}

@media (max-width: 1200px) {
    .organization .tit { margin-top: 0; margin-bottom: 30px; }
    .organization .ly_flex { display: block; }
    .organization .ly_flex .img_box { width: 100%; text-align: right; }
    .leader_member .member_box .txt_box .txt:last-child { margin-top: 25px; }
}

@media (max-width: 1023px) {
    .leader_member .member_box .txt_box { margin-left: 40px; width: calc(100% - 260px - 40px); }
    .leader_member .member_box .txt_box .txt:nth-child(1) { margin-bottom: 20px; }
    .leader_member .member_box.reverse .txt_box { margin-right: 40px; }
    .leader_member .member_box .img_box { width: 260px; height: 260px; }
}

@media (max-width: 980px) and (min-width: 768px) {
    .interview ul li .txt_box .f16 { display: block; }
    .interview ul li .txt_box .f16 span{ width:100%; display: block; }
    .interview ul li .txt_box .f16 span:last-child { padding-left: 0; margin-left: 0; padding-top: 4px; }
    .interview ul li .txt_box .f16 span:last-child::before { display: none }

}

@media (max-width: 767px) {
    .leader_member::before { display: none; }
    .about_member .line::after { left: 26px; }
    .about_member .line::before { right: -23px; }
    .leader_member{ margin-bottom: 0; }
    .leader_member .tit { margin-bottom: 17px; }
    .leader_member .container>p.f24 { padding-bottom: 0; }
    .leader_member .intro { padding-top: 40px; margin-bottom: 20px; }
    .leader_member .member_box { display: block; margin-bottom: 80px; }
    .leader_member .member_box .img_box { width: 100%; height: 100%; }
    .leader_member .member_box .img_box img { max-width: 200px; }
    .leader_member .member_box .txt_box { border-top: 0; padding-top: 30px; width: 100%; margin-left: 0; }
    .leader_member .member_box .txt_box .f18 { margin-bottom: 30px; }
    .leader_member .member_box .txt_box .txt>li:nth-child(1) { margin-bottom: 5px; }
    .leader_member .member_box .txt_box .list li { margin-bottom: 8px; }
    .leader_member .member_box .txt_box .list li::before { top:7px; }
    .leader_member .member_box .txt_box .txt:nth-child(1) { padding-right: 0; }

    .organization { padding: 80px 0; }
    .interview { padding-top: 80px; }
    .interview ul { margin-top: 30px; margin-right: -15px; }
    .interview ul li { width: calc(100% - 15px); margin-right: 15px; margin-bottom: 40px; }
    .interview ul li .img_box { border-radius: 8px; height: auto; }
    .interview ul li .txt_box { margin-top: 20px; padding: 0 2px; }
    .interview ul li .txt_box h3 { height: 36px; font-size: 1.28rem; }
    .interview ul li .txt_box .f16 span:last-child { padding-top: 0; }
}
/* about > history */
.about_history { background: #F7F9FA; }
.about_history .line::before { right: calc(-42px - 18px); }
.about_history .line::after { left: 38px; }
.about_history .active .line::after { width: calc(100% - 22px); }
.about_history.about .bg { background-image: url(../images/about_history_topBg.jpg); }
.history { position: relative; }
.history .anchor { position: absolute; left: 80px; top: 50%; opacity: 0; }
.history .anchor.fix { position: fixed; opacity: 1; }
.history .anchor li {  position: relative; }
.history .anchor li a { position: relative; display: block; font-weight: 400; font-size: 0.89rem; line-height: 1.2; color:#888; padding-left: 27px; margin-bottom: 16px; }
.history .anchor li::before { content: ""; background: url(../images/fp_nav.svg)no-repeat center; width:20px; height: 20px; width: 20px; height: 20px; position: absolute; top: 0px; left: 0; }
.history .anchor li.on a { color: #0079FF; }
.history .anchor li.on::before { background: url(../images/fp_nav_on.svg)no-repeat center; }
.history .f48 { line-height: 1; margin-bottom: 40px; }
.history .history_inner { padding-top: 82px; }
.history .history_inner>li:first-child { margin-top: 0; }
.history .history_inner>li { margin-top: 77px; }
.history .history_inner li h3 { font-weight: 700; font-size: 3.56rem; line-height: 1; width:30%; }
.history .history_inner li .history_line { position: relative; width: 70%; }

.history .history_inner li .wrap { display: flex; flex-wrap: wrap; width: 100%; }
.history .history_inner li ul.content { margin-top: 20px; position: relative; }
.history .history_inner li ul.content li { display: flex; padding-bottom: 36px; position: relative; z-index: 1; padding-left: 24px; }
.history .history_inner li ul.content li::before { content:""; width: 11px; height: 11px; background: #3E93F2; border-radius: 50%; position: absolute; top: 6px; left: -4.5px; opacity: 0; }
.history .history_inner li ul.content li::after { content: ""; width: 1px; height: 100%; background-color: #A7CAF2; position: absolute; left: 0; top: 10px; z-index: -1; }
.history .history_inner li ul.content li:last-child::after { display: none; }
.history .history_inner li ul.content li:first-child::before, .history .history_inner li ul.content li:last-child::before { opacity: 1; }
.history .history_inner li ul.content li:last-child { padding-bottom: 0; }
.history .history_inner li ul.content li .month { font-weight: 700; font-size: 1.1rem; line-height: 1.2; letter-spacing: 0.3px; padding-right: 32px; word-break: keep-all; }
.history .history_inner li ul.content li .txt { font-size: 1.1rem; line-height: 1.2; }
.history .history_inner li ul.content li .txt p { margin-bottom: 12px; line-height: 1.8; font-weight: 400; color: #565656; margin-top: -6px; word-break: keep-all; }
.history .history_inner li ul.content li .txt p:last-child { margin-bottom: 0; }
.history .history_inner li ul.content li:last-child .txt p:last-child { margin-bottom: 0; }

@media (max-width: 1600px) {
    .history .anchor { display: none; }
}

@media (max-width: 767px) {
    .history .f48 { margin-bottom: 30px; }
    .about_history .line::after { left: 10px; }
    .about_history .active .line::after { width: calc(100% - 5px); }
    .about_history .line::before { right: -25px; }
    .history .history_inner { padding-top: 0; }
    .history .history_inner:nth-of-type(1) { margin-bottom: 60px;  }
    .history .history_inner>li { margin-top: 80px; }
    .history .history_inner li .wrap { display: block; }
    .history .history_inner li h3 { width: 100%; font-size: 2.8rem; }
    .history .history_inner li .history_line { padding-left: 0; width: 100%; padding-top: 20px }
    .history .history_inner li ul.content li { padding-bottom: 30px; padding-left: 20px; }
    .history .history_inner li ul.content li .month { margin-right: 20px; width: 32px; }
    .history .history_inner li ul.content li .txt { width: calc(100% - 32px); }
    .history .history_inner li ul.content li::before { width: 8px; height: 8px; top: 6px; left: -3px; }
    .history .history_inner li ul.content li .txt p { line-height: 1.5; margin-top: -3px; }
}

/* technology > intro */
.technology { background-color: #02122C; color: #fff; overflow: hidden; }
.technology .bg { background-image: url(../images/technology_topBg.jpg); }
.technology_line_v1, .technology_line_v2 { position: relative; }
.technology_line_v1::before { content: ""; background: url(../images/introduce_bg.svg)no-repeat; width: 100%; height: 2505px; position: absolute; top: -30px; left: 0; background-size: cover; }
.introduce .ttl { color:#3E93F2; text-align: center; line-height: 1.43; }
.introduce_content { position: relative; }
.introduce_content .wrap .ly_flex { padding: 90px 0; opacity: 0.16; transition: all .3s; }
.introduce_content .wrap .ly_flex:first-child { margin-top: 273px; }
.introduce_content .wrap .f40 { color:#fff; position: relative; z-index: 1; width: 49%; line-height: 1.4; letter-spacing: -0.02em; }
.introduce_content .wrap .f40::before { content: ""; background: url(../images/introduce_on_dot.svg)no-repeat; width: 283px; height: 283px; position: absolute; top: -80px; left: -140px; z-index: -1; opacity: 0; transition: all .3s; }
.introduce_content .wrap .f40.one::before { top: -110px; }
.introduce_content .wrap .on .f40::before { opacity: 1; }
.introduce_content .wrap .f40 span { position: absolute; top: 6px; left: -20px; }
.introduce_content .wrap li ul.f24 { position: relative; width: 51%; padding-top: 12px; padding-left: 12px; }
.introduce_content .wrap li ul.f24 li { position: relative; padding-left: 20px; margin-bottom: 14px; line-height: 1.58; font-weight: 400; letter-spacing: -0.02em; }
.introduce_content .wrap li ul.f24 li:last-child { margin-bottom: 0; }
.introduce_content .wrap li ul.f24 li::before { content: ""; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; top: 13px; left: 0; }
.introduce_content .wrap li ul.f24 li div { margin-top: 20px;padding-left: 2px; }
.introduce_content .wrap li ul.f24 li div p { margin-bottom: 2px; padding-left: 12px; line-height: 1.5; position: relative; }
.introduce_content .wrap li ul.f24 li div p::before { content:""; width:4px; height: 4px; border-radius: 50%; background-color: #fff; position: absolute; top: 9px; left: 0; }
.introduce_content .wrap .ly_flex.on .tit::before { opacity: 1; }
.introduce_content .wrap .ly_flex.on { opacity: 1!important; }
@media (min-width: 2000px) {
    .technology_line_v1::before { background: url(../images/introduce_w_bg.svg)no-repeat; }
}
@media (min-width: 768px) {
    .technology_intro .line::before { bottom: -1px; right: calc(-42px - 18px); }
    .technology_intro .line::after { bottom: -1px; left: -40px; }
    .technology_intro .active .line::after { width: calc(100% + 55px); }
    .introduce_content .wrap .ly_flex:last-child { padding-bottom: 200px; }
    .introduce_content .wrap .f40 { padding-left: 6px; }
}

@media (max-width: 1400px) {
    .introduce_content .wrap .f40 { padding-left: 22px; }
    .introduce_content .wrap .f40 span { left: 0; }
}

@media (max-width: 1179px) {
    .introduce_content .wrap .f40, .introduce_content .wrap li ul.f24 li { word-break: keep-all; }
    .introduce_content .wrap .f40 br.pc, .introduce_content .wrap li ul.f24 li br.pc { display: none; }
    .introduce_content .wrap li ul.f24 { padding-left: 30px; }
}

@media (max-width: 1023px) {

    .introduce_content .wrap li ul.f24 li br.pc { display: none; }
}

@media (max-width: 767px) {
    .technology_line_v1::before { display: none; }
    .technology_intro .line::before { right: -25px; }
    .technology_intro .line::after { left: -20px; }
    .technology_intro .active .line::after { width: calc(100% + 30px); }
    .introduce_content .wrap .f40 { width: 100%; padding-left: 18px; }
    .introduce_content .wrap .f40 span { top: 5px; }
    .introduce_content .wrap .f40::before { display: none; }
    .introduce_content .wrap li ul.f24 { width: 100%; padding-left: 20px; padding-top: 20px; }
    .introduce_content .wrap li ul.f24 li { padding-left: 12px; }
    .introduce_content .wrap li ul.f24 li::before { width: 4px; height: 4px; top: 10px; }
    .introduce_content .wrap li ul.f24 li div { margin-top: 10px; }
    .introduce_content .wrap li ul.f24 li div p { padding-left: 8px; }
    .introduce_content .wrap li ul.f24 li div p::before { width: 2px; height: 2px; top: 8.5px; }
    .introduce_content .wrap .ly_flex:first-child { margin-top: 100px; }
    .introduce_content .wrap .ly_flex { padding-top: 100px; }

}

/* technology > application */
.technology_app { padding-bottom: 194px; }
.technology_app .sub_top .line::after { bottom: 1px; left: -32px; }
.technology_app .sub_top .active .line::after { width: calc(100% + 50px); }
.technology_app .sub_top .line::before { bottom: 1px; right: -60px; }
.technology_line_v2::before { content: ""; background: url(../images/introduce_bg2.svg)no-repeat; background-size: contain; width: 100%; height: 2505px; position: absolute; top: 0; left: 45px; }

@media (max-width: 767px) {
    .technology_line_v2::before { display: none; }
    .technology_app { padding-bottom: 100px; }
    .technology_app .sub_top .active .line::after { width: calc(100% + 45px); }
    .technology_app .sub_top .line::before { right: -30px }
}

/* business > business_xr_project */
.business .btn_wrap { padding-top: 200px; }
.business .inner_img { position: relative; background-size: cover!important; background-repeat: no-repeat; background-position: center!important;  bottom: 0; left: 0; opacity: 1.0; position: absolute; right: 0; top: 0; z-index: 10; height: 100%; width: 100%; max-width: 667px; max-height: 502px; transition: all 0.3s ease-in; border-radius: 16px; overflow: hidden; cursor: pointer }
.business_xr_project .img_box li .img { position: relative; width: 100%; }
.business_xr_project .img_box li .img iframe { width: 100%; height: 100%; border-radius: 16px; position: absolute; top:0; left: 0; }

@media (min-width: 768px) {
    .business_xr_project .line::before { right: -58px; }
    .business_xr_project .line::after { left: -47px; }
    .business_xr_project .active .line::after { width: calc(100% + 63px); }
}
@media (max-width: 767px) {
    .business_xr_project .img_box li .img { width: 100%; height: 100%; max-width: 100%; min-height: 100%; }
    .business_xr_project .img_box li .img iframe { width: 100%; height: 100%; max-width: 100%; min-height: 100%; }
}

/* business > business_ar_app */
@media (min-width: 768px) {
    .sub.business_ar_app .ttl .line::before { right: -58px; }
    .sub.business_ar_app .ttl .line::after { left: 35px; }
    .sub.business_ar_app .active.ttl .line::after { width: calc(100% - 20px); }
    .business_ar_app .tab_content .tit_box .box { padding-bottom: 27px; }
}

/* business > ar-zone */
.business_arZon .tab_content .tit_box .box p { font-weight: 400; }
.business .sub_top { margin-bottom: 0; }
.business .sub_top .ly_flex div { margin-top: 16px; }
.business .sub_top .line::before { bottom: 10px; right: -58px; }
.business .sub_top .line::after { bottom: 10px; left: -52px; }
.business .active .line::after { width: calc(100% + 68px); }
.business .sub_top .ttl { font-size: 4.44rem; }
.business .bg { background-image: url(../images/business_topBg.jpg); }
.business .btn_wrap li a p { padding-top: 0; }
.business_tab { position: relative;  }
.business_tab::before { content: ""; background-color:#EAEAEA; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; z-index: -1 }
.business_tab ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.business_tab ul li { position: relative; padding: 0 40px; }
.business_tab ul li a { text-align: center; display: block; font-weight: 700; font-size: 0.89rem; line-height: 1.375; color: #969696; padding: 24px 0; position: relative; word-break: keep-all; }
.business_tab ul li a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; }
.business_tab ul li a::after { display: none; }
.business_tab ul li.on a { color: #3E93F2; }
.business_tab ul li.on a::before { background-color: #3E93F2; }

.tab { display: none; }
.tab:nth-child(1) { display: block; }
.tab_content { margin-top: 140px; overflow: inherit; }
.tab_content .more_content { display: none; padding-top: 120px; }
.tab_content .more_content>div { margin-top: 80px; }
.tab_content .more_content .tit_box { font-weight: 700; padding-top: 10px; }
.tab_content .more_content .tit_box .box p { padding-top: 25px; }
.tab_content .more_content .tit_box .box p b { display: block; padding-bottom: 8px; }
.tab_content .more_content .ly_flex:nth-child(1) .tit_box .txt:nth-of-type(1) { margin-bottom: -7px; }
.tab_content .more_content .ly_flex:nth-child(1) .tit_box .txt:nth-of-type(3) { padding-top: 0; }
.tab_content .img_box { width: 51%; max-width: 667px; }
.tab_content .img_box li { border-radius: 16px; overflow: hidden; }
.tab_content .img_box li video { cursor: pointer; }
.tab_content .tit_box { width: 49%; padding-left: 80px; }
.tab_content .tit_box .box { padding-bottom: 32px; margin-bottom: 32px; }
.tab_content .tit_box .box p { padding-top: 23px; font-weight: 400; line-height: 1.5; }
.tab_content .view_content .tit_box .box { border-bottom: 1px solid #EAEAEA; cursor: pointer; }
.tab_content .view_content .tit_box .box:last-child { border-bottom: 0; }
.tab_content .view_content .tit_box .box h2 { color: #C7C7C7; transition: all .2s; line-height: 1.18; font-weight: 700; }
.tab_content .view_content .tit_box .box p { display: none; /* line-height: 1.18; */ }
.tab_content .view_content .tit_box .box.on h2 { color:#191919; transition: all .2s; }
.tab_content .view_content .tit_box .box.on p { display: block; }

.tab_content .vertical { padding-top: 130px; }
.btn_wrap { padding-top: 68px; display: flex; flex-wrap: wrap; align-items: center; margin-right: -20px; }
.btn_wrap li { width: calc(50% - 20px); margin-right: 20px; }
.btn_wrap li.list_view { width: 100%; }
.btn_wrap li.list_view a { justify-content: center; max-width: 182px; width: 100%; margin: 56px auto 0; text-align: center; height: 56px; border-color: #19273E; background-color: #19273E; border-radius: 40px; color: #fff; font-size: 1.1rem; font-weight: 700; position: relative; }
.btn_wrap li.list_view a:hover { border-color: #19273E; color:#fff; }
.btn_wrap li.list_view a::before { content:""; background: url(../images/list.svg); width: 24px; height: 24px; margin-right: 8px; }
.btn_wrap li a { border: 1px solid #C7C7C7; border-radius: 10px; height: 180px; padding: 0 38px; display: flex; align-items: center; font-weight: 400; font-size: 1.3rem; line-height: 1.17; position: relative; word-break: keep-all; }
.btn_wrap li a p { position: relative; font-weight: 700; padding: 20px 40px 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;; }
.btn_wrap li a p::before { content: ""; background: url(../images/btn_next.svg)no-repeat; width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); }
.btn_wrap li:nth-child(1) a p::before { left: 0; }
.btn_wrap li:nth-child(2) a { justify-content: flex-end; text-align: right; }
.btn_wrap li:nth-child(2) a p::before { right: 0; transform: rotate(180deg) }
.btn_wrap li a:hover { border: 2px solid #3E93F2; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); color: #3E93F2 }
.btn_wrap li a:hover p::before { background: url(../images/btn_next_on.svg)no-repeat; }

.btn_wrap li.none { border-color:#C7C7C7; }
.btn_wrap li.none a { cursor: inherit; }
.btn_wrap li.none a:hover { border:1px solid #C7C7C7; box-shadow: none; }
.btn_wrap li.none p { color: #C7C7C7; padding-top: 0; }
.btn_wrap li.none a p::before { opacity: 0; }
.btn_wrap li.none a p span { opacity: 0; }

@media (min-width: 768px) {
    .business_arZon .ttl .line::before { right: -58px; }
    .business_arZon .ttl .line::after { left: -57px; }
    .business_arZon .active.ttl .line::after { width: calc(100% + 73px); }
}
@media (max-width: 1179px) {
    .tab_content .tit_box { padding-left: 40px; }
}
@media (max-width: 1023px) {
    .business_tab ul li { padding: 0 25px; }
    .tab_content .tit_box { padding-left: 40px; }
}
@media (max-width: 767px) {
    .business .bg { background-image: url(../images/business_topBg_mo.jpg); }
    .business .sub_top .ttl { font-size: 2rem }
    .business .sub_top .line::after { bottom: 2px; left: -18px;  }
    .business .active .line::after { width: calc(100% + 26px); }
    .business .sub_top .line::before { bottom: 2px; right: -26px; }
    .business .sub_top .ly_flex div { margin-top: 0; }
    .business_tab .container { overflow-x: scroll; }
    .business_tab ul { flex-wrap: nowrap; width: 530px; margin: 0 auto; }
    .business_tab ul li::before { display: none; }
    .business_tab ul li::after { display: none; }
    .business_tab ul li { padding: 0 18px; }
    .business_tab ul li a { padding: 15px 0; font-size: 1rem; }
    .tab_content { margin: 60px 0 -20px; }
    .tab_content .img_box { width: 100%; }
    .tab_content .img_box li { border-radius: 8px; }
    .tab_content .tit_box { padding-left: 0; width: 100%; margin-top: 44px; }
    .tab_content .tit_box .box { padding-bottom: 23px; margin-bottom: 23px }
    .tab_content .tit_box .box .f28 { font-size: 1.29rem; }
    .tab_content .tit_box .box p { padding-top: 12px; }
    .tab_content .more_content { padding-top: 0; }
    .tab_content .more_content>div { margin-top: 70px; }
    .tab_content .more_content .tit_box { padding-top: 0; margin-top: 32px; }
    .tab_content .more_content .tit_box .box p span { margin-top: 4px; }
    .tab_content .more_content .tit_box .box { margin-bottom: 0; padding-bottom: 0; }
    .tab_content .more_content .tit_box .box p { padding-top: 12px; font-size: 0.93rem; }
    .tab_content .more_content .ly_flex:last-child .tit_box .box p span { margin-top: 9px; }
    .tab_content .more_content .ly_flex:last-child .tit_box .box p span:first-child { margin-top: 0; }
    .tab_content .more_content .ly_flex:nth-child(1) .tit_box .txt:nth-of-type(3) { padding-top: 12px; }
    .tab_content .more_content .ly_flex:nth-child(1) .tit_box .txt:nth-of-type(1) { margin-bottom: 0; line-height: 1.03; }
    .tab_content .view_content .tit_box .box h2 { font-size: 1.28rem; }
    .tab_content .view_content .tit_box .box p { font-size: 0.93rem }
    .tab_content .view_content .tit_box .box:last-child { padding-bottom: 0; margin-bottom: 0; }
    .tab_content .vertical { padding: 60px 0 8px; }
    .business .btn_wrap { padding-top: 60px; }
    .btn_wrap li a { height: 50px; padding: 0 0 0 12px; border-radius: 5px; font-size: 0.86rem; line-height: 1.167; }
    .btn_wrap li:nth-child(2) a { padding: 0 12px 0 0; }
    .btn_wrap li:nth-child(2) a p { padding: 0 28px 0 15px; text-align: right;  }
    .btn_wrap li a p { padding: 0 15px 0 28px; word-break: keep-all; -webkit-line-clamp: 3; }
    .btn_wrap li a p::before { width: 19px; height: 19px; top: 50%; transform: translateY(-50%); background-size: contain; }
    .btn_wrap li:nth-child(2) a p::before { transform: translateY(-50%) rotate(180deg); }
    .btn_wrap li a:hover p::before { background-size: contain; }
    .btn_wrap li.none a p span { display: none; }
    .btn_wrap li.none p { height: 45px; display: flex; flex-wrap: nowrap; align-items: center; }
}
/* business > mobile-game */
.on .store { display: block }
.store { margin: 43px 0 5px; display: none; }
.store a { display: inline-block; padding: 10px 40px; background: #F0F1F5; border: 1px solid #EDEEF2; border-radius: 50px; cursor: pointer; margin-right: 16px; position: relative; width: 163px; height: 40px; }
.store a::before { content: ""; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 16px; }
.store a.link { width: auto; }
.store a.apple_store::before { background-image: url(../images/app_store.svg); width:84px; }
.store a.google_play::before { background-image: url(../images/google_play.png); width: calc(290px/3); height: calc(48px/3); }
.store a .f16 { font-weight: 500; color: #27282C; display: flex; flex-wrap: nowrap; align-items: center; margin-top: -2px; }
.store a .f16::after { content: ""; background: url(../images/link.svg)no-repeat; width: 16px; height: 16px; margin-left: 8px; }
.store a:hover { background-color: #3E93F2; }
.store a:hover.apple_store::before { background-image: url(../images/app_store_on.svg); }
.store a:hover.google_play::before { background-image: url(../images/google_play_on.png); }
.store a:hover .f16 { color: #fff; }
.store a:hover .f16::after { background: url(../images/link_on.svg)no-repeat; }

@media (min-width: 1198px) {
    .business_mobile_game .tab_content .tit_box { padding-left: 79px; }
}

@media (min-width: 768px) {
    .business_mobile_game .ttl .line::before { right: -58px; }
    .business_mobile_game .ttl .line::after { left: -32px; }
    .business_mobile_game .active.ttl .line::after { width: calc(100% + 48px); }

}
@media (max-width: 1023px) {
    .store a { margin-right: 8px; width: 144px; }
    .on .store { display: flex; }
}

@media (max-width: 767px) {
    .store { margin: 32px 0 0; }
    .store a { padding: 10px 20px 8px; }
    .store a .f16 { margin-top: 0; font-size: 0.86rem; }
    .store a .f16::after { width: 9px; height: 9px; margin-left: 5px; background-size: contain; }
    .store a:hover .f16::after { background-size: contain; }
    .business_mobile_game .tab_content .tit_box .box p span { margin-bottom: 8px; }
}

/* business > ar_movie */
@media (min-width: 768px) {
    .business_ar_movie .ttl .line::before { right: -60px; }
    .business_ar_movie .ttl .line::after { left: -46px; }
    .business_ar_movie .active.ttl .line::after { width: calc(100% + 62px); }
    .business_ar_movie .tab_content .tit_box .box p span:nth-child(1) { margin-top: 0; }
    .business_ar_movie .tab_content .tit_box .box p span:nth-child(2) { margin-top: 18px; }
}

/* business > ar-live-service */
@media (min-width: 768px) {
    .business_ar_live_service .tab_content .tit_box .box p span { margin-top: 1px; margin-bottom: 18px; }
}

/* prir > 뉴스 PR자료 */
.prir_news_pr { padding-bottom: 170px; }
.prir_news_pr .line::before { bottom: 2px; right: -75px; }
.prir_news_pr .line::after { bottom: 2px; left: -20px; }
.prir_news_pr .active .line::after { width: calc(100% + 55px); }
.prir_news_pr .bg { background-image: url(../images/prir_news_pr_topBg.jpg); margin-bottom: 132px; }

.download_section { margin-bottom: 144px; }
.download_section ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-right: -26px }
.download_section ul li { width: calc(33.3% - 26px); margin-right: 26px; }
.download_section ul li a::before { content: ""; transition: all 0.3s; position: absolute; top:0; left: 0; background-repeat: no-repeat; background-size: cover; width: 422px; height: 242px; }
.download_section ul li a { text-align: center; position: relative; height: 242px; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; }
.download_section ul li:nth-child(1) a::before { background-image: url(../images/download_section_bg1.jpg); }
.download_section ul li:nth-child(2) a::before { background-image: url(../images/download_section_bg2.jpg); }
.download_section ul li:nth-child(3) a::before { background-image: url(../images/download_section_bg3.jpg); }
.download_section ul li a:hover::before {
    -ms-transform: scale(1.1) rotate(0.002deg);
    -o-transform: scale(1.1) rotate(0.002deg);
    -moz-transform: scale(1.1) rotate(0.002deg);
    -webkit-transform: scale(1.1) rotate(0.002deg);
    transform: scale(1.1) rotate(0.002deg);
}
.download_section ul li h2 { position: relative; color: #fff; padding-top: 14px; margin-top: 22px; }
.download_section ul li h2::before { content: ""; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; }
.download_section ul li:nth-child(1) h2::before { background-image: url(../images/download_ic1.svg); }
.download_section ul li:nth-child(2) h2::before { background-image: url(../images/download_ic2.svg); }
.download_section ul li:nth-child(3) h2::before { background-image: url(../images/download_ic3.svg); }
.download_section ul li p { position: absolute; color: #fff; left: 50%; bottom: 20px; transform: translateX(-50%); font-weight: 700; }

.board_v2 .board_list { border-top: 1px solid #EAEAEA; padding-bottom: 60px; }
.board_v2 .board_list li a { display: block; border-bottom: 1px solid #EAEAEA; padding: 51px 0; position: relative; }
.board_v2 .board_list li a::after { content: ""; background: url(../images/arrow1.svg)no-repeat; width:24px; height: 24px; position: absolute; top: 50%; right: 9px; transform: translateY(-50%); }
.board_v2 .board_list li .cate_box span { position: relative; }
.board_v2 .board_list li .cate_box span:nth-child(1) { padding-right: 10px; margin-right: 5px; }
.board_v2 .board_list li .cate_box span:nth-child(1)::before { content:""; width: 2px; height: 8px; background: #C7C7C7; border-radius: 8px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.board_v2 .board_list li .title { margin: 28px 0 11px; letter-spacing: -0.02em; font-weight: 700; font-size: 1.44rem; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 60px; }
.board_v2 .board_list li p { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_v2 .board_list li a:hover::after { background: url(../images/arrow_on.svg)no-repeat; }
.board_v2 .board_list li a:hover title,
.board_v2 .board_list li a:hover p,
.board_v2 .board_list li a:hover span{ color: #3E93F2; }
.board_v2 .board_list li a:hover span:nth-child(1)::before { background-color: #3E93F2; }

@media (max-width: 1179px) {
    .download_section ul { margin-right: -20px }
    .download_section ul li { width: calc(33.3% - 20px); margin-right: 20px; }

}

@media (max-width: 767px) {
    .prir_news_pr { padding-bottom: 100px; }
    .prir_news_pr .active .line::after { width: 110%; left: -5%; }
    .prir_news_pr .line::before { right: -30px; }
    .prir_news_pr .bg { margin-bottom: 65px; }
    .download_section { margin-bottom: 60px; }
    .download_section ul li p { position: relative; left: 0; bottom: 0; transform: translateX(0); padding-top: 10px; }
    .download_section ul li a { height: auto; display: block; padding: 25px 0; border-radius: 5px; }
    .download_section ul li h2 { padding-top: 30px; margin-top: 0; }
    .download_section ul li h2::before { top: 0; width: 20px; height: 20px; }
    .board_section .board_v2 .board_list { padding-bottom: 40px; }
    .board_v2 .board_list li a { padding: 30px 25px 30px 0; }
    .board_v2 .board_list li a::after { right: 0; }
    .board_v2 .board_list li .title { margin: 15px 0 10px; padding-right: 0; }
}

@media (max-width: 480px) {
    .download_section ul { margin-right: 0; }
    .download_section ul li { width: 100%; margin-right: 0; margin-bottom: 15px; }
}

/* prir > prir_blog */
.prir_blog .line::before { right: -60px; }
.prir_blog .line::after { left: 30px; }
.prir_blog .active .line::after { width: calc(100% - 12px); }
.prir_blog .bg { background-image: url(../images/prir_blog_topBg.jpg); margin-bottom: 131px; }
.prir_blog .view_section .view .view_cont a { display: inline; }
.search { position: relative; }
.search input { padding: 14px 32px; width: 500px; border-radius: 40px; background: #F7F7F7; border: 1px solid #EFEFEF; }
.search input::placeholder { font-weight: 400; font-size: 0.89rem; line-height: 1.25; color: #969696; }
.search button { background: url(../images/search.svg); position: absolute; top: 50%; right: 30px; width: 24px; height: 24px; transform: translateY(-50%); cursor: pointer; background-repeat: no-repeat; }
.blog_list .wrap { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
.blog_list ul { margin-right: -33px; padding-top: 48px; }
.blog_list ul li { width: calc(33.3% - 33px); margin-right: 33px; margin-bottom: 63px; }
.blog_list ul li a { display: block; }
.blog_list ul li a .img_box { border-radius: 24px; height: 251px; overflow: hidden; }
.blog_list ul li a .img_box img { width: 100%; height: 100%; object-fit: cover; }
.blog_list ul li a p { font-weight: 700; line-height: 1.18; color: #191919; height: 52px; overflow: hidden; }
.blog_list ul li a span { font-weight: 400; color: #565656; display: block; margin: 30px 0 9px; }
.blog_list ul li a:hover span { color:#3E93F2 }
.blog_list ul li a:hover p { color:#3E93F2 }

@media (min-width: 768px) {
    .blog_list .container>.wrap .f16 { margin-bottom: -4px; line-height: 1; }
}

@media (max-width: 1023px) {
    .blog_list ul { margin-right: -30px }
    .blog_list ul li { width: calc(50% - 30px); margin-right: 30px; }
}

@media (max-width: 767px) {
    .search { margin-bottom: 25px; width: 100%; }
    .search input { padding: 12px 16px; width: 100%; font-size: 1rem; }
    .search button { width: 20px; height: 20px; right: 15px; background-size: contain; }
    .prir_blog .active .line::after { width: 110%; left: 5%; }
    .prir_blog .line::before { right: -30px; }
    .prir_blog .bg { margin-bottom: 60px; background-image: url(../images/prir_blog_topBg_mo.jpg); }
    .blog_list .wrap { flex-direction: column-reverse; }
    .blog_list .wrap .f16 { width: 100%; }
    .blog_list ul { margin-right: -15px; padding-top: 22px; display: flex; }
    .blog_list ul li { width: calc(100% - 15px); margin-right: 15px; margin-bottom: 40px; }
    .blog_list ul li a .img_box { border-radius: 12px; height: auto; }
    .blog_list ul li a span { margin: 16px 0 2px; font-size: 1rem; }
    .blog_list ul li a p { font-size: 1.28rem; height: 43px; }
}

/* 상세 */
.view_section .view .view_ttl { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding-bottom: 49px; border-bottom: 1px solid #191919; }
.view_section .view .view_ttl h2 { width: calc(100% - 105px); padding-right: 10px; }
.view_section .view .view_ttl .txt { line-height: 1; width: 105px; }
.view_section .view .view_cont { max-width: 1000px; margin: 100px auto; line-height: 1.5; }
.view_section .view .view_cont .view_cont_link { word-break: break-all; font-weight: 400; font-size: 1rem; text-decoration-line: underline; color: #3E93F2; text-align: justify; display: block; margin-top: 30px; }
.view_section .view .view_cont a { word-break: break-all; font-weight: 400; font-size: 1rem; text-decoration-line: underline; color: #3E93F2; text-align: justify; display: block; margin-top: 30px; }
.view_section .btn_wrap { border-top: 1px solid #C7C7C7; padding-top: 100px; }
.view_section .btn_wrap li a span { display: block; font-size: 0.78rem; line-height: 1; font-weight: 400; padding-bottom: 8px; position: absolute; top: 0; }
.view_section .btn_wrap li:nth-child(2) a span { right: 40px; }
@media (min-width: 768px) {
    .view_section { padding-top: 15px; }
}
@media (max-width: 767px) {
    .view_section .view .view_ttl { padding-bottom: 16px; line-height: 1.2 }
    .view_section .view .view_ttl h2 { margin-bottom: 6px; width: 100%; padding-right: 0; }
    .view_section .btn_wrap { padding-top: 60px }
    .view_section .btn_wrap li a { height: auto; padding: 24px 0; }
    .view_section .btn_wrap li a span { padding-bottom: 6px; position: relative; top: 0; font-size: 11px; }
    .view_section .btn_wrap li:nth-child(2) a span { right: 0; text-align: right; }
    .btn_wrap li.list_view a { margin-top: 40px; font-size: 1rem; padding: 12px 0; max-width: 130px; }
    .btn_wrap li.list_view a::before { background-size: contain; width: 18px; height: 18px; }
}

/* 상세 스타일 */
.view_cont p { margin: 30px 0; }
.view_cont h1,.view_cont h2,.view_cont h3,.view_cont h4,.view_cont h5 { margin: 30px 0; }
.view_cont ul { margin: 30px; }
.view_cont ul li { list-style: auto; }
/* prir > 재무정보 */
.prir_financial .line::before { bottom: 2px; right: -52px; }
.prir_financial .line::after { bottom: 2px; left: 28px; }
.prir_financial .active .line::after { width: calc(100% - 16px); }
.prir_financial .bg { background-image:url(../images/prir_financial_topBg.jpg); margin-bottom: 129px; }
.prir_financial .tit_box { width: 21.5%; }
.prir_financial .tit_box p { margin-top: 16px; }
.prir_financial .sub_nav ul li { cursor: pointer; }
.sub_table { margin: 70px 0 160px; }
.sub_table:first-child { margin-top: 0; }
.sub_table:last-child { margin-bottom: 0; }
.sub_table .table { text-align: center; width: 78.5%; }
.sub_table .table thead { border-top: 1px solid #191919; border-bottom: 1px solid #191919; }
.sub_table .table thead th { padding: 19px 0; font-size: 0.89rem; }
.sub_table .table tbody tr { border-bottom: 1px solid #C7C7C7; }
.sub_table .table tbody td:first-child { font-weight: 700; }
.sub_table .table tbody td:last-child { text-align: right; padding-right: 40px; }
.sub_table .table tbody td { padding: 26px 0; font-size: 1rem; font-weight: 400; }

.sub_nav { position: relative; margin-bottom: 40px; text-align: right; }
.sub_nav .current { display: inline-block; text-align: left; width: 149px; padding: 2px 38px 1px 18px; line-height: 35px; border: 1px solid #191919; font-size: 0.89rem; font-weight: 500; position: relative; cursor: pointer; border-radius: 8px; }
.sub_nav .current:before { width: 24px; height: 24px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(180deg); background: url(../images/sub_nav.svg)no-repeat; content: ''; }
.sub_nav ul { display: none; width: 149px; text-align: left; position: absolute; top: 49px; right: 0; z-index: 10; padding: 16px; border: 1px solid #C7C7C7; box-shadow: 0px 4px 10px rgb(0 0 0 / 8%); border-radius: 8px; background-color: #fff; font-size: 0.89rem; }
.sub_nav ul li:first-child { border-top: 0; margin-top: 0; }
.sub_nav ul li { margin-top: 16px; }
.sub_nav .current.on { border-color: #3E93F2; }
.sub_nav .current.on + ul { display: block; }
.sub_nav .current.on:before { transform: translateY(-50%) rotate(0deg); }

@media (max-width: 980px) {
    .prir_financial .tit_box { width: 100%; margin-bottom: 30px; }
    .prir_financial .tit_box p { margin-top: 8px }
    .sub_table .table { width: 100%; }
}

@media (max-width: 767px) {
    .sub_nav .current { width: 100%; }
    .sub_nav .current:before { width: 20px; height: 20px; background-size: contain!important; right: 12px; }
    .sub_nav ul { top:45px; padding: 0px 15px 15px; width: 100%; }
    .sub_nav ul li{ padding-top: 15px; margin-top: 0; }
    .prir_financial .line::before { right: -35px; }
    .prir_financial .bg { margin-bottom: 60px; }

    .sub_table { margin: 80px 0;}
    .sub_table .table { width: 100%; }
    .sub_table .table tbody td { padding: 20px 0; }
    .sub_table .table tbody td:last-child { padding-right: 20px; }
}

/* prir > 공시자료  */
.prir_disclosure .line::before { bottom: 1px; right: -58px }
.prir_disclosure .line::after { bottom: 1px; left: 30px; }
.prir_disclosure .active .line::after { width: calc(100% - 10px); }
.prir_disclosure .bg { background-image:url(../images/prir_disclosure_topBg.jpg); margin-bottom: 130px; }
.board_section .wrap { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end;  margin-bottom: 48px; }

.board { padding-bottom: 60px; }
.board .num { width: 10%; text-align: center; font-size: 0.89rem; }
.board .title { width: 76%; padding: 0 10px; font-size: 1rem; }
.board .date { width: 14%; text-align: center; font-size: 0.89rem; }
.board li a, .board li { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; }
.board .board_head { text-align: center; padding: 19.5px 0; border-bottom: 1px solid #191919; border-top: 1px solid #191919; color: #191919; font-weight: 700; font-size: 0.89rem; }
.board .board_head .title { font-size: 0.89rem; }
.board .board_list li { border-bottom: 1px solid #C7C7C7; padding: 26.5px 0; }
.board .board_list li .title { font-weight: 600; padding-left: 88px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prir_disclosure .board .board_list li:hover span, .prir_disclosure .board .board_list li:hover p { color: #3E93F2; }

@media (min-width: 768px) {
    .prir_disclosure .view_section { padding-top: 43px; }
    .board_section .wrap .f16 { line-height: 1; margin-bottom: -2px; }
}
@media (max-width: 1023px) {
    .board .board_list li .title { padding-left: 30px; }
}
@media (max-width: 767px) {
    .prir_disclosure .bg { margin-bottom: 60px; }
    .prir_disclosure .line::after { left: 20px; }
    .prir_disclosure .line::before { right: -35px; }
    .board_section .wrap { flex-wrap: wrap; flex-direction: column-reverse; margin-bottom: 22px; }
    .board_section .wrap .f16 { width: 100%; }
    .board { padding-bottom: 40px; }
    .board .board_head { padding: 15px 0; }
    .board .title { width: 65%; }
    .board .date { width: 25%; }
    .board .board_list li .title { padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

}

/*  prir > IR 자료 */
.prir_ir .line::before { bottom:1px; right: -60px; }
.prir_ir .line::after { bottom:1px; left: 28px; }
.prir_ir .active .line::after { width: calc(100% - 10px);;}
.prir_ir .bg { background-image:url(../images/prir_ir_topBg.jpg); margin-bottom: 130px; }
.prir_ir .board .title { width: 65%; }
.board .file { width: 11%; justify-content: center; position: relative; }
.board .board_head .file::before { display: none; }
.board .file::before { content: ""; background-image: url(../images/download.svg); background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; top: 0; left: 0; }
.board li .file:hover::before { background-image: url(../images/download_on.svg); }
@media (max-width: 767px) {
    .prir_ir .line::before { right: -35px; }
    .prir_ir .active .line::after { width: calc(100% - 15px); }
    .prir_ir .bg { margin-bottom: 60px; }
    .board .board_list li { padding: 20px 0; }
    .board .file { width: 15%; }
    .board .file img { max-width: 18px; }
    .prir_ir .board .title { width: 61%; }
}
/* careers > people */
.careers_people .bg { background-image: url(../images/careers_people_topBg.jpg); }
.careers_people .sub_top { margin-bottom: 125px; }

.careers_people .line::before { right: -59px; }
.careers_people .line::after { left: 55px; }
.careers_people .active .line::after { width: calc(100% - 40px); }

.welfare .tit_box span { color: #3E93F2; font-weight: 700; margin-bottom: 24px; display: block; }
.welfare .tit_box p { font-weight: 400; line-height: 1.5; word-break: keep-all; }
.welfare_box { display: flex; flex-wrap: wrap; margin-top: 166px; margin-bottom: -20px; margin-right: -20px; }
.welfare_box li { border-radius: 8px; padding: 32px; width: calc(25% - 20px); margin-right: 20px; margin-bottom: 20px; position: relative; height: 315px; position: relative; z-index: 1 }
.welfare_box li::after { content: ""; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; z-index: -1 }
.welfare_box li.blue { background: #3E93F2; }
.welfare_box li.navy { background: #19273E; }
.welfare_box li.sky { background: #BCC8DD; }
.welfare_box li:first-child h2 { color:#000; }
.welfare_box li:last-child { width: calc(50% - 20px); padding: 0; display: flex; flex-wrap: nowrap; align-items: flex-end; }
.welfare_box li:nth-child(2):after { background-image: url(../images/welfare_box_bg2.svg); width: 180px; height: 170px; }
.welfare_box li:nth-child(3):after { background-image: url(../images/welfare_box_bg3.svg); width: 205px; height: 170px; }
.welfare_box li:nth-child(4):after { background-image: url(../images/welfare_box_bg4.svg); width: 165px; height: 170px; }
.welfare_box li:nth-child(5):after { background-image: url(../images/welfare_box_bg5.svg); width: 180px; height: 170px; }
.welfare_box li:nth-child(6):after { background-image: url(../images/welfare_box_bg6.svg); width: 180px; height: 170px; }
.welfare_box li:nth-child(7):after { background-image: url(../images/welfare_box_bg7.svg); width: 205px; height: 170px; }
.welfare_box li:nth-child(8):after { background-image: url(../images/welfare_box_bg8.svg); width: 165px; height: 170px; }
.welfare_box li:nth-child(9):after { background-image: url(../images/welfare_box_bg9.svg); width: 180px; height: 171px; }
.welfare_box li:nth-child(10):after { background-image: url(../images/welfare_box_bg10.svg); width: 180px; height: 170px; }
.welfare_box li h2 { color: #fff; margin-bottom: 12px; font-weight: 700; font-size: 1.3rem; line-height: 1.5; word-break: keep-all; }
.welfare_box li p { color:#fff; font-weight: 400; font-size: 1rem; line-height: 1.16; }
.welfare_box .more { display: block; padding-bottom: 28px; margin: 0 0 0 auto; width: 293px; }
.welfare_box .more::after { top: calc(50% + 2px); }
.welfare_box .more p.f16 { color:#191919; font-size: 0.89rem; }
.welfare_box .more .f32 { color:#191919; font-size: 1.78rem; font-weight: 700; padding-top: 16px; text-align: right; padding-right: 40px; }
.welfare_box .more span { position: absolute; top: calc(50% + 2px); right: 9px; transform: translateY(-50%); }
.welfare_box .more:hover::after { width: 96px; height: 96px; }

@media (min-width: 768px) {
    .careers_people .sub_top .ttl { margin-top: -20px; }
    .welfare_box .more:hover::after { width: 96px; height: 96px; }
}
@media (max-width: 1179px) {
    .welfare_box li h2 br.pc { display: none; }
}

@media (max-width: 1023px) {
    .welfare_box li { width: calc(33.3% - 20px); }
    .welfare_box li:last-child { width: calc(66.6% - 20px); }
}

@media (max-width: 767px) {
    .welfare .tit_box span { margin-bottom: 12px; font-size: 9px; }
    .welfare .tit_box p { font-size: 1rem; }
    .welfare_box { margin-top: 44px; margin-right: -20px; }
    .welfare_box li { width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; height: 160px; padding: 16px; border-radius: 4px; }
    .welfare_box li::after { background-size: contain; }
    .welfare_box li h2 { margin-bottom: 12px; font-size: 1.07rem; line-height: 1.5; word-break: keep-all; }
    .welfare_box li p { line-height: 1.5; }
    .welfare_box .more .f32 { font-size: 1.43rem; padding-top: 3px; padding-right: 28px; }
    .welfare_box .more p.f16 { font-size: 1rem }
    .welfare_box .more span { right: 8px; top:50%; }
    .welfare_box li:nth-child(2):after { width: calc(180px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(3):after { width: calc(205px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(4):after { width: calc(165px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(5):after { width: calc(180px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(6):after { width: calc(180px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(7):after { width: calc(205px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(8):after { width: calc(165px/2); height: calc(170px/2); }
    .welfare_box li:nth-child(9):after { width: calc(180px/2); height: calc(171px/2); }
    .welfare_box li:nth-child(10):after { width: calc(180px/2); height: calc(170px/2); }
    .welfare_box li:last-child { width: calc(100% - 12px); height: auto; margin-top: 50px; justify-content: flex-end; }
    .welfare_box .more { width: 100%; padding-bottom: 30px; max-width: 232px; margin: 0 auto; }
    .welfare_box .more::after { top: calc(50% - 2px); }
    .welfare_box .more:hover::after { width: 80px; height: 80px; }

    .careers_people .bg { background-image: url(../images/careers_people_topBg_mo.jpg)}
    .careers_people .sub_top { margin-bottom: 65px; }
    .careers_people.sub { padding-bottom: 72px; }
    .careers_people .line::before { right: -22px; }
    .careers_people .active .line::after { width: 95%; left: 10px; }
}

/* contact */
.contact .line::before { right: -70px; }
.contact .line::after { left: 30px; }
.contact .bg { background-image: url(../images/contact_topBg.jpg); }
.contact .sub_top { margin-bottom: 112px; }
.contact .sub_top .ttl { margin-top: -20px; }
.contact_section .tit { width:25%; }
.contact_section .txt { width: 75%; padding-left: 5px; padding-top: 10px; }
.contact_section .txt span { display: block; padding-bottom: 11px; }
.contact_section .form_wrap { width: 75%; padding-left: 5px; margin: 100px 0 0 auto; }
.contact_section .file .input_type { width: calc(100% - 208px); }
.contact_section .file label { margin-left: 24px; }
.contact_section .btn_wrap { padding-top: 83px; margin: 0 }
.alert_txt { display: block; margin-top: 12px; font-size: 14px; letter-spacing: -0.02em; line-height: 1.2; color: #3E93F2; }
@media (max-width: 1179px) {
    .contact_section .txt br.pc { display: none; }
}

@media (max-width: 980px) {
    .contact_section .tit { width:100%; }
    .contact_section .txt {padding-left: 0; width:100%; }
    .contact_section .form_wrap { width: 100%; }
}

@media (max-width: 767px) {
    .contact .sub_top .ttl { margin-top: 0; }
    .contact .sub_top { margin-bottom: 60px; }
    .contact .line::after { left: 20px; }
    .contact .active .line::after { width: calc(100% - 10px); }
    .contact .line::before { right: -35px; }
    .contact_section .form_wrap { width: 100%; padding-left: 0; margin: 60px 0 0 auto; }
    .contact_section .btn_wrap { padding-top: 60px; }
    .contact_section .caption { font-size: 0.86rem; font-weight: 400; line-height: 1.17; color: #969696; margin: -10px 0 16px 0; }
    .contact_section .file .input_type::placeholder { opacity: 0; }
}
/* Form */
input:-ms-input-placeholder { color: #969696; }
input::-webkit-input-placeholder { color: #969696; }
input::-moz-placeholder { color: #969696; }
input::-o-placeholder { color: #969696; }
input:disabled { background: transparent; color: #666; opacity: 1; }
.form>li { margin: 0 -22px 51px 0; }
.form>li:first-child { margin-bottom: 70px; }
.form>li:last-child { margin-bottom: 0; margin-right: 0; }
.form>li.textarea_tit { margin-bottom: 24px; }
.form .col, .form .col_full { margin-right: 22px; }
.form .col_full { width: calc(100% - 22px); }
.form .input_type { width: 100%; height: 48px; padding: 0 24px; border: 1px solid #C7C7C7; border-radius: 6px; outline: none; appearance: none; -webkit-appearance: none; font-size: 0.89rem; position: relative; }
.form .input_type:focus { border-color: #4D82B4; }
.form .radio { display: flex; flex-wrap: nowrap; width: 100%; }
.form .radio label { position: relative; display: flex; align-items: center; margin-right: 24px; margin-left: 0; }
.form .radio input { appearance: none; -webkit-appearance: none; outline: none; visibility: hidden; cursor: pointer; }
.form .radio input:checked+span { color:#fff; border-color: #3E93F2; }
.form .radio input:checked+span:before { content: ""; background: #3E93F2; border: 1px solid #3E93F2; display: block; width: 100%; height: 100%; position: absolute; border-radius: 40px; z-index: -1; }
.form .radio span { position: relative; border: 1px solid #969696; white-space: nowrap; cursor: pointer; border-radius: 24px; padding: 11px 40px; height: 44px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; font-size: 0.89rem; font-weight: 700; color: #969696; text-align: center; }
.form .radio span:before { display: none; }
.form .radio span:after { display: none; }
.form textarea.input_type { height: 365px; padding: 24px; }
.form textarea::placeholder { color: #969696 }
.form .label { margin-bottom: 14px; font-size: 1.12rem; font-weight: 600; position: relative; }
.form .label.required::after { content: "*"; font-weight: 400; font-size: 1.1rem; color: #EE5C5C; margin-left: 4px; }
.ck label { display: inline-block; padding-left: 33px; position: relative; }
.ck input, .ck input + span:before { width: 24px; height: 24px; position: absolute; left: 0; top: 0; }
.ck input { visibility: visible; opacity: 0; }
.ck input + span:before { background: url(../images/check_off.svg)no-repeat; box-sizing: border-box; content: ''; }
.ck span { font-size: 1.06rem; line-height: 24px; letter-spacing: -0.05em; }
.ck input:checked + span:before { background-image: url(../images/check_on.svg); }
.btn_submit { display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #969696; border:1px solid #969696; color: #fff; width: 180px; height: 52px; padding: 16px 40px; border-radius: 40px; transition: .2s linear; font-size: 1.1rem; font-weight: 700; }
.btn_submit.on { background: #19273E; border-color: #19273E; color: #fff; cursor: pointer; }
.btn_submit2 { display: block; margin: 0 auto; background: transparent; border:1px solid #19273E; color: #19273E; width: 180px; height: 52px; padding: 16px 40px; border-radius: 40px; transition: .2s linear; text-align: center; font-size: 1.1rem; font-weight: 700; }
.form .privacy { background: #FCFCFC; border: 1px solid #C7C7C7; border-radius: 6px; padding: 48px; }
.form .privacy h3 { margin-bottom: 24px; }
.form .privacy .txt_box { margin-bottom: 16px; }
.form .privacy .txt_box p { margin-bottom: 4px; color: #565656; }
.form .privacy p { color:#191919; font-weight: 400; }
.form .privacy .txt_box a { font-weight: 500; line-height: 1.3; text-decoration-line: underline; color: #565656; display: inline-block; margin-left: 4px; }
.form .privacy .ck-input { margin-top: 48px; font-size: 1rem; position: relative; }
.form .privacy .ck-input label { cursor: pointer;  }
.form .privacy .ck-input input { display: none; }
.form .privacy .ck-input span { display: flex; flex-wrap: nowrap; align-items: center; word-break: keep-all; font-weight: 500; line-height: 1.3; color: #969696; }
.form .privacy .ck-input span::before { content: ""; background-image: url(../images/ck_box_off.svg); top: -1px; left: 0; width: 20px; height: 20px;  background-repeat: no-repeat; background-size: contain; padding-right: 9px; }
.form .privacy .ck-input input:checked+span { color: #3E93F2; }
.form .privacy .ck-input input:checked+span:before { background-image: url(../images/ck_box.svg); }

@media (min-width: 768px) {
    .form>li { display: flex; flex-wrap: wrap; }
    .form .col { width: calc(50% - 22px); }
    .form .privacy { margin-top: 80px; }
}
@media (max-width: 1199px) {
    .form .radio span { padding: 11px 27px; }
    .form .radio label { margin-right: 16px; }
}
@media (max-width: 1023px) {
    .form .radio label { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
    .form>li, .form .col { margin-bottom: 6.4vw; }
    .form>li:first-child { margin-bottom: 40px; }
    .form .label { margin-bottom: 4.27vw; }
    .form .input_type { height: 40px; padding: 0 12px; font-size: 0.86rem; }
    .form .radio label { margin-right: 10px; }
    .form .radio input { width: 0; height: 100%; }
    .form .radio span:before { width: 100%; height: 100%; }
    .form .radio span { padding: 0 13px; width: 100%; min-width: 51px; height: 35px; }
    .form textarea.input_type { padding: 12px; height: 200px; }
    .btn_submit { font-size: 1rem; height: auto; padding: 12px 0; max-width: 130px; }
    .ck label { padding-left: 25px; }
    .ck input, .ck input + span:before { width: 18px; height: 19px; }
    .ck span { font-size: 1rem; line-height: 19px; }
    .form .privacy { word-break: keep-all; }
    .form .privacy h3 { margin-bottom: 12px; }
    .form .privacy .txt_box { margin-bottom: 10px; }
    .form .privacy .txt_box a { display: block; margin: 0; }
    .form .privacy .txt_box p { margin-bottom: 2px; }
    .form .privacy .ck-input { margin-top: 30px; }
    .form .privacy .ck-input span { padding-left: 35px; }
    .form .privacy .ck-input span::before { padding-right: 0; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); }
}

/* 파일첨부 */
.file { display: flex; flex-wrap: nowrap; align-items: center; }
.file label { cursor: pointer; width: 84px; height: 38px; background: #19273E; border: 1px solid #19273E; border-radius: 40px; color: #fff; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-left: 16px; font-size: 0.89rem; font-weight: 500; }
.file button { cursor: pointer; width: 84px; height: 38px; background: #fff; border: 1px solid #19273E; border-radius: 40px; color: #19273E; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-left: 16px; font-size: 0.89rem; font-weight: 500; }
.file input[type="file"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; top:50%; right:10px; }
.form_wrap .file .basic { padding-left: 0; }
@media (max-width: 1024px) {
    .form_wrap .email_form .input:first-child { width: calc(75% - 46px); }
    .form_wrap .email_form .input:last-child { width: calc(25% - 46px); }
}
@media (max-width: 1023px) {
    .form_wrap .input { width: calc(100% - 46px); }
    .form_wrap .basic { padding-left: 105px; }
}
@media (max-width: 767px) {
    .form_wrap .basic { padding-left: 70px; height: 50px; line-height: 50px; }
    .form_wrap .label { font-size: 0.86rem; }
    .form_wrap .email_form .input:first-child, .form_wrap .form .email_form .input:last-child { width: calc(100% - 46px); }
    .form_wrap .email_form .email1 { width: calc(60% - 7px); }
    .form_wrap .email_form .email2 { width: calc(40% + 7px); }
    .form_wrap .email_form .mark { left: calc(60% - 7px); line-height: 55px; }
    .form_wrap .ck-box { min-height: 24px; }
    .form_wrap .privacy { padding: 20px 15px; }
    .form_wrap .msg textarea { height: 200px; padding: 15px; }
    .file .upload_name { height: 40px; line-height: 38px; padding: 0 15px; }
    .form .file { padding-bottom: 6.4vw; }
    .file label { background-position: center right 15px; margin-left: 6px; font-size: 0.86rem; }
    .file button { margin-left: 6px; }
}

/* 문의완료 */
.contact_completed { padding-top: 105px; }
.contact_completed .wrap { text-align: center; }
.contact_completed .wrap h2 { font-weight: 700; font-size: 2.2rem; line-height: 1.2; color: #3E93F2; }
.contact_completed .wrap p { font-weight: 400; font-size: 1.1rem; line-height: 1.5; color: #777777; margin: 32px 0 62px; }
@media (max-width: 767px) {
    .contact_completed .wrap p { margin: 30px 0; }
}

/* 개인정보처리방침 */
.privacy_wrap { background: #F7F9FA; padding-top: 82px; }
.privacy_section { padding: 183px 0 240px; }
.privacy_section .tit_box { padding-bottom: 50px }
.privacy_section .ly_flex { justify-content: space-between; align-items: flex-end; }
.privacy_section .f48 { padding-top: 26px; }
.privacy_section .f18 { font-weight: 400; line-height: 1.5; letter-spacing: -0.2px; padding: 54px 0 120px; border-bottom: 1px solid #191919; }
.privacy_section .sub_nav { margin: 0 8px 0 auto; }
.privacy_section .sub_nav .current {  background-color: #fff; width: 180px; }
.privacy_section .sub_nav ul { width: 100%; }
.privacy_section .sub_nav ul li a { position: relative; display: block; }
.privacy_section .sub_nav ul li a::after { content: ""; background: url(../images/download.svg)no-repeat; width: 16px; height: 16px; background-size: contain; position: absolute; top: 0; right: 0; }
.privacy_section .cont_box { margin-top: 120px; padding-left: 20px; }
.privacy_section .cont_box:nth-child(2) { margin-top: 68px; }
.privacy_section .cont_box h2 { margin-bottom: 24px; position: relative; font-size: 1.33rem; line-height: 1.13; }
.privacy_section .cont_box h2::before { content: ""; background: #191919; border-radius: 20px; width: 10px; height: 10px; position: absolute; top: 7px; left: -20px; }
.privacy_section .cont_box .txt { letter-spacing: -0.2px; color: #565656; }
.privacy_section .cont_box .txt.bold_bk { color: #191919; font-weight: 700; padding-bottom: 12px; display: block; }
.privacy_section .cont_box .txt.black { color: #191919; }
.privacy_section .cont_box .txt b { padding-top: 56px; color: #191919; display: block; }
.privacy_section ul.table { margin-top: 56px; }
.privacy_section ul.table li { display: flex; flex-wrap: nowrap; border-bottom: 1px solid #C7C7C7; }
.privacy_section ul.table li:nth-child(1) { border-top: 1px solid #191919; border-bottom: 1px solid #191919 }
.privacy_section ul.table li p { border-right: 1px solid #C7C7C7; text-align: center; padding: 14px 0; font-size: 0.89rem; font-weight: 400; line-height: 1.7; }
.privacy_section ul.table li p:last-child { border-right: 0; word-break: break-all; }
.privacy_section ul.table li .txt_box { width: 50%; padding: 40px 0 35px; }
.privacy_section ul.table li .txt_box:nth-child(1) { border-right: 1px solid #C7C7C7; }
.privacy_section ul.table li .txt_box span { display: block; max-width: 207px; margin: 0 auto; font-size: 0.89rem; line-height: 1.68; margin-bottom: 1px; }
.privacy_section ul.table li .txt_box span b { display: inline-block; width: 49px; }
.privacy_section ul.table2 li p:nth-child(1) { width: 24.5%; }
.privacy_section ul.table2 li p:nth-child(2) { width: 75.5%; }
.privacy_section ul.table3 li p { display: flex; align-items: center; justify-content: center; }
.privacy_section ul.table3 li .ly_flex { width: 76%; }
.privacy_section ul.table3 li .ly_flex p:nth-child(1) { width: 100%; border-right: 0; border-left: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
.privacy_section ul.table3 li .ly_flex p:nth-child(2) { width: 50%; border-left: 1px solid #c7c7c7; }
.privacy_section ul.table3 li .ly_flex p:nth-child(3) { width: 50%;}
.privacy_section ul.table3 li p:nth-child(1) { width: 24%; }
.privacy_section ul.table3 li p:nth-child(2) { width: 38%; width: calc(38% - 1px); }
.privacy_section ul.table3 li p:nth-child(3) { width: 38%; }
.privacy_section ul.table4 { margin-bottom: 8px; }
.privacy_section ul.table4 li>p:nth-child(1) { width: 50%; }
.privacy_section ul.table4 li>p:nth-child(2) { width: 50%; }
.privacy_section ul.table5 li>p:nth-child(1) { width: 33.3%; }
.privacy_section ul.table5 li>p:nth-child(2) { width: 33.3%; }
.privacy_section ul.table5 li>p:nth-child(3) { width: 33.3%; }
.privacy_section ul.list { margin-top: 22px; }
.privacy_section ul.list li { position: relative; letter-spacing: -0.2px; color: #565656; font-weight: 400; font-size: 1rem; line-height: 1.5; padding-left: 16px; margin-bottom: 4px; }
.privacy_section ul.list li.bold { font-weight: 700; padding: 20px 0 5px; }
.privacy_section ul.list li.bold::before { display: none; }
.privacy_section ul.list li::before { content: ""; width: 8px; height: 1px; left: 0px; top: 13px; background: #565656; position: absolute; }
.privacy_section .cont_box .f16 { color: #969696; padding-top: 16px; line-height: 1.7; }

.privacy_section .under { text-decoration: underline; }
.privacy_section .list_nonDot { font-size: 1rem; line-height: 1.5; letter-spacing: -0.2px; color: #505050; padding-left: 20px; margin-top: 48px; }
.privacy_section .list_nonDot ul { padding-left: 20px; }
.privacy_section .list_nonDot>li { list-style: decimal; margin-bottom: 26px; }
.privacy_section .list_nonDot li ul.alpha>li { list-style: lower-alpha; }
.privacy_section .list_nonDot li ul.roman>li { list-style: lower-roman; }
.privacy_section .list_nonDot li ul.num>li { list-style: decimal; }
.ma40,
.privacy_section .list_nonDot.ma40,
.privacy_section ul.list.ma40 { margin-top: 40px; }

@media (min-width: 768px) {
    .cont_box .ma56 { margin-top: 56px; }
    .cont_box ul.list li.bold.pa24 { padding-top: 4px; }
    .privacy_section ul.table.ma40 { margin-top: 40px; }
}

@media (max-width: 1199px) {
    .privacy_wrap { padding-top: 55px; }
}

@media (max-width: 767px) {
    .mo_txt { display: block; width: 100%; }
    .privacy_section { padding: 100px 0; word-break: keep-all; }
    .privacy_section .tit_box { padding-bottom: 0; }
    .privacy_section .f48 { padding: 10px 0 30px; }
    .privacy_section .sub_nav { margin-bottom: 0; }
    .privacy_section .f18 { padding: 30px 0 60px; }
    .privacy_section .cont_box:nth-child(2) { margin-top: 60px; }
    .privacy_section .cont_box { padding-left: 10px; margin-top:60px; }
    .privacy_section .cont_box h2 { margin-bottom: 12px; line-height: 1.35 }
    .privacy_section .cont_box h2::before { left: -10px; width: 4px; height: 4px; top:9px; }
    .privacy_section ul.table li p { padding: 15px 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; word-break: break-all; }
    .privacy_section ul.table { margin: 30px 0; }
    .privacy_section ul.table3 li .ly_flex { display: flex; }
    .privacy_section ul.list li { padding-left: 14px; }
    .privacy_section ul.list li.bold { padding: 0; margin-bottom: 10px; }
    .privacy_section ul.list li::before { width: 6px; height: 1px; top: 10px; }
    .privacy_section ul.table li .txt_box { padding: 21px; }
    .privacy_section ul.table li .txt_box span { margin-bottom: 18px; line-height: 1.17; }
    .privacy_section ul.table li .txt_box span:last-child { margin-bottom: 0; }
    .privacy_section ul.table li .txt_box span b { width: 100%; display: block; padding-bottom: 2px; }
    .privacy_section .cont_box:nth-child(8) .f16 { padding-top: 0; }
    .privacy_section .cont_box .txt b { padding-top: 30px }
    .privacy_section .sub_nav ul li a::after { width: 14px; height: 14px; top: -3px; }
    .privacy_section .list_nonDot { padding-left: 14px; }
    .privacy_section .list_nonDot ul { padding-left: 14px; }
    .privacy_section .list_nonDot>li { margin-bottom: 20px; }
    .privacy_section .sub_nav .current { width: 100%; }
    .privacy_section ul.table5.ma40 li>p:nth-child(1) { width: 22%; }
    .privacy_section ul.table5.ma40 li>p:nth-child(2) { width: 20%; }
    .privacy_section ul.table5.ma40 li>p:nth-child(3) { width: 58%; }
}

/* 팝업 */
.pop_wrap { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.4); }
.pop { display: none; position: relative; top: 50%; transform: translateY(-50%); width: 600px; margin: 0 auto; padding: 66px 77px; background: #fff; }
.pop .close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../images/ic_x.svg)no-repeat; background-size: contain; z-index: 10; cursor: pointer; }
.pop .pop_head { margin: 0 0 16px 0; text-align: center; }
.pop .pop_content .txt { text-align: center; color: #555; }
.pop .pop_container { margin: 30px 0 0 0; }
.pop .pop_btn { display: flex; flex-wrap: wrap; justify-content: center; margin: 46px -28px 0 0; }
.pop .pop_btn .btn { display: flex; align-items: center; justify-content: center; width: 180px; height: 52px; margin: 0 24px 0 0; font-weight: 700; font-size: 1rem; line-height: 1; cursor: pointer; }
.pop .pop_btn .btn_dark { background: #19273E; color: #fff; }
.pop .pop_btn .btn_light { background: #fff; border-color: #19273E; }
.pop .s_txt { color: #999; }
.pop .btn_light.btn:hover { color: #19273E; }
.pop .btn_dark.btn:hover { color: #fff; }
.s_tit_pop { margin: 30px 0 12px 0; color: #151515; line-height: 1.2; }
@media (min-width: 768px) {
    .s_tit_pop { font-size: 0.937rem; }
}
@media (max-width: 767px) {
    .pop { width: calc(100% - 30px); margin: 100px 15px 0; padding: 8vw 4vw; }
    .pop .pop_btn .btn { width: calc(50% - 10px); height: 44px; line-height: 44px; }
}

/* 다국어 영문 */
:lang(en) { font-family: 'Pretendard'; }
:lang(en) .fp-viewing-4 #fp-nav { opacity: 0 }
:lang(en) .ttl { word-break: keep-all; }
:lang(en) .visual_section .line1::after { bottom: 3px; }
:lang(en) .visual_section .line1::before { bottom: 3px; }
:lang(en) .sub.about_member { padding-bottom: 0; }
:lang(en) .bussiness_section .ttl_wrap .ttl { word-break: keep-all; }
:lang(en) .sub_bussiness .pc ul li .txt_box p { height: 58px; }
:lang(en) .major_achievements ul li .txt { line-height: 1.5 }
:lang(en) .slider_section .inner_v1 .icon_box li .txt { word-break: keep-all; }
:lang(en) .awards .banner li p span { padding-left: 0; }
:lang(en) .map_section .info li:nth-child(1) p b { width: 185px; }
:lang(en) .map_section .info li:nth-child(1) p span { width: calc(100% - 185px); }
:lang(en) .form .privacy .ck-input span { word-break: break-all; }
:lang(en) .btn_submit { width: auto; max-width: 100%; }
:lang(en) .graph_section .txt_box .ly_flex li p { line-height: 1.5 }
:lang(en) .privacy_section ul.table4 p b { word-break: keep-all; }
@media (min-width: 1200px){
    :lang(en) .slider_section .inner_v1 .txt_box { padding-left: 97px; }
    :lang(en) .organization .tit { margin-bottom: -90px; }
    :lang(en) .headerArea .navbar>li>a { padding-right: 77px; }
}
@media (min-width: 768px){
    :lang(en) .slider_section .inner_v1 .txt_box .f48 .line::before { bottom: 3px; }
    :lang(en) .slider_section .inner_v1 .txt_box .f48 .line::after { bottom: 3px; }
    :lang(en) .section .inner_v2 .line::before { bottom: 3px; }
    :lang(en) .section .inner_v2 .line::after { bottom: 3px; }
    :lang(en) .section .inner_v2 .circle_box .circle_icon li .box { width: 130px; height: 130px; font-size: 0.89rem; word-break: keep-all; }
    :lang(en) .bussiness_section .ttl_wrap .ttl { padding-left: 0; line-height: 1.25; top:20px; }
    :lang(en) .technology_intro .line::before { bottom: 4px; }
    :lang(en) .technology_intro .line::after { bottom: 4px; }
    :lang(en) .technology_app .sub_top .line::before { bottom: 4px }
    :lang(en) .technology_app .sub_top .line::after { bottom: 4px }
    :lang(en) .map_section .info li:nth-child(2) { padding-left: 100px; }
    :lang(en) .privacy_section ul.table li .txt_box { display: flex; justify-content: center; }
    :lang(en) .privacy_section ul.table li .txt_box span { max-width: 100%; }
    :lang(en) .privacy_section ul.table li .txt_box span b { width: 86px; }
    :lang(en) .privacy_section .sub_nav .current { width: 250px; }
}
@media (max-width: 1179px) {
    :lang(en) .graph_section .txt_box .ly_flex li span { font-size: 2.6rem; }
    :lang(en) .bussiness_section .bussiness_wrap .swiper-slide ul .txt_box { height: 200px; }
    :lang(en) .bussiness_section .bussiness_wrap>div::after { height: 200px; top: calc(50% - 100px); }
}
@media (max-width: 1023px){
    :lang(en) .bussiness_section .ttl br { display: none; }
    :lang(en) .footer_section .mobile_txt .txt_box p:nth-child(3) { line-height: 1.5 }
}
@media (max-width: 767px){
    :lang(en) .btn_submit { padding: 12px 40px; }
    :lang(en) .slider_section .inner_v1 .icon_box li .txt { max-width: 120px; left: 115%; height: 24px; bottom: -8px; }
    :lang(en) .section .inner_v2 .circle_box .circle_icon li .box { padding: 10px; }
    :lang(en) .partner_section .partner_tit { overflow-x: scroll; }
    :lang(en) .partner_section .partner_tit h2 a { word-break: keep-all; white-space: nowrap; }
    :lang(en) .sub_bussiness ul li .txt_box p { height: 62px; }
    :lang(en) .map_section .info li:nth-child(1) p b,:lang(en) .map_section .info li p b { width: 125px; }
    :lang(en) .map_section .info li:nth-child(1) p span, :lang(en) .map_section .info li p span { width: calc(100% - 125px); }
    :lang(en) .map_section .map_wrap .mark .ic { top:50%; transform: translateY(-50%); }
    :lang(en) .map_section .map_wrap .mark { padding: 10px 20px; line-height: 1.17; }
    :lang(en) .map_section .map_wrap .mark .ic { display: none; }
    :lang(en) .form .radio { overflow-x: scroll; margin-left: -20px; padding-left: 20px; width: calc(100% + 40px); }
    :lang(en) .technology_app .sub_top .line { display: block; }
    :lang(en) .technology_app .sub_top .line::before { right: -18px }
    :lang(en) .technology_app .sub_top .line::after { left: 0; }
    :lang(en) .technology_app .sub_top .active .line::after { width: 100%; }
}

.font_zh { font-family: 'Noto Sans SC', sans-serif; }
/* 다국어 일문 */
:lang(ja) { word-break: break-all; font-family: 'Pretendard'; }
:lang(ja) .fp-viewing-4 #fp-nav { opacity: 0 }
:lang(ja) .slider_section .inner_v1 .txt_box .f48 { word-break: break-all; }
:lang(ja) .major_achievements ul li .txt { line-height: 1.5 }
:lang(ja) .slider_section .inner_v1 .icon_box li .txt { line-height: 1.5 }
:lang(ja) .section .inner_v2 .circle_box .circle_icon li .box { font-size: 0.875rem; }
:lang(ja) .sub.about_member { padding-bottom: 0; }
:lang(ja) .bussiness_section .ttl_wrap .ttl { top: 20px; padding-left: 0; }
:lang(ja) .vertical .more { max-width: 100px; }
:lang(ja) .introduce_content .wrap .f40,
:lang(ja) .introduce_content .wrap li ul.f24 li { word-break: break-all; }
:lang(ja) .btn_submit { width: auto; max-width: 100%; }
:lang(ja) .organization .tit { width:100%; }
:lang(ja) .form .privacy .ck-input span { word-break: break-all; }
:lang(ja) .graph_section .txt_box .ly_flex li p { line-height: 1.5 }
:lang(ja) .privacy_section ul.table li .txt_box { display: flex; justify-content: center; }
@media (min-width: 1280px){
    :lang(ja) .major_achievements ul li { width: 30%; }
}
@media (min-width: 1199px){
    :lang(ja) .bussiness_section .ttl_wrap .ttl { padding-left: 0; top: 55px; margin-left: -21px; }
    :lang(ja) .privacy_section ul.table li .txt_box span { display: flex; align-items: center; }
}
@media (max-width: 1280px) and (min-width: 768px) {
    :lang(ja) .major_achievements ul li:nth-child(2) { padding: 0 10px }
    :lang(ja) .bussiness_section .ttl_wrap .ttl br { display: none; }
    :lang(ja) .bussiness_section .bussiness_wrap>div::after { top: calc(50% - 97px); height: 190px }
}
@media (min-width: 1024px){
    :lang(ja) .organization .tit { margin-bottom: -62px; }
}
@media (min-width: 768px){
    :lang(ja) .section .inner_v2 .circle_box .circle_icon li .box { font-size: 0.89rem; }
    :lang(ja) .map_section .info li:nth-child(2) { padding-left: 100px; }
    :lang(ja) .footer_section ul.ly_flex li:nth-child(1) { width: calc(100% - 160px); }
    :lang(ja) .footer_section ul.ly_flex li:nth-child(2) { width: 160px; }
    :lang(ja) .privacy_section ul.table li .txt_box span { max-width: 100%; }
    :lang(ja) .privacy_section ul.table li .txt_box span b { width: 130px; }
    :lang(ja) .privacy_section .sub_nav .current { width: 255px; }
}
@media (max-width: 767px){
    :lang(ja) .more { max-width: 100px; }
    :lang(ja) .btn_submit { padding: 12px 40px; }
    :lang(ja) .slider_section .inner_v1 .icon_box li .txt { max-width: 120px; left: 115%; height: 24px; bottom: -8px; }
    :lang(ja) .section .inner_v2 .circle_box .circle_icon li .box { padding: 16px; }
    :lang(ja) .partner_section .partner_tit { overflow-x: scroll; margin-left: -20px; padding-left: 20px; }
    :lang(ja) .partner_section .partner_tit h2 a { word-break: keep-all; white-space: nowrap; }
    :lang(ja) .sub_bussiness ul li .txt_box p { height: 62px; }
    :lang(ja) .form .radio { overflow-x: scroll; margin-left: -20px; padding-left: 20px; width: calc(100% + 40px); }
    :lang(ja) .map_section .map_wrap .mark { padding: 10px 20px; line-height: 1.17; }
    :lang(ja) .map_section .map_wrap .mark .ic { display: none; }
    :lang(ja) .footer_section .mobile_txt .txt_box p:nth-child(3) { line-height: 1.5 }
    :lang(ja) .business_tab ul li { word-break: keep-all; }
}