@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Pretendard', 'Noto Sans KR', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.se2_quote10{
	display: none;
}
/* fonts
------------------------------------------------------ */

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('/fonts/GmarketSansLight.eot');
    src: url('/fonts/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GmarketSansLight.woff2') format('woff2'),
         url('/fonts/GmarketSansLight.woff') format('woff'),
         url('/fonts/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/GmarketSansMedium.eot');
    src: url('/fonts/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GmarketSansMedium.woff2') format('woff2'),
         url('/fonts/GmarketSansMedium.woff') format('woff'),
         url('/fonts/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/GmarketSansBold.eot');
    src: url('/fonts/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GmarketSansBold.woff2') format('woff2'),
         url('/fonts/GmarketSansBold.woff') format('woff'),
         url('/fonts/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

 @font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/fonts/Pretendard-Black.woff2) format('woff2'), url(/fonts/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(/fonts/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/fonts/Pretendard-Bold.woff2) format('woff2'), url(/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/fonts/Pretendard-Medium.woff2) format('woff2'), url(/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/fonts/Pretendard-Regular.woff2) format('woff2'), url(/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/fonts/Pretendard-Light.woff2) format('woff2'), url(/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(/fonts/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/fonts/Pretendard-Thin.woff2) format('woff2'), url(/fonts/Pretendard-Thin.woff) format('woff');
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="submit"],
button,
textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   border:1px solid #dedede;
   box-shadow:none !important;
}
input { 
   -webkit-border-radius: 0;
   background: #fff;
}
select { 
   -webkit-border-radius: 0;
   background: #fff;
}



/* layout
------------------------------------------------------ */
body { 
	min-width:320px;
	background: #fff;
	font-weight: 400; font-size:15px; line-height: 1.4;
	font-family:'Pretendard', dotum, sans-serif;
	letter-spacing:-0.5px;
	color:#000;
}
input,
select,
button,
textarea { 
	font-family:'Pretendard', dotum, sans-serif;
	line-height: 1.5;
}
a { 
	color:#000; 
}
@media screen and (max-width: 850px) { 
	.index body { 
		overflow-y:scroll !important; 
	}
}

#wrapper { 
	overflow:hidden;
	min-width:100% !important; 
}



/* -------- header -------- */
#header { 
	position:fixed; top:0; left:0; 
	z-index:9999;
	width:100%; min-height:90px;
	transition:.3s;
	border-bottom:1px solid rgba(255,255,255,.15);
}
#header.on,
#header.fixed { 
	background: #fff; 
	border-bottom:1px solid #e0e0e0;
}
#header .header-inner { 
	position:relative;
	margin:0 auto; 
	max-width:1740px; min-height:inherit;
	padding:0 30px;
}
#header .logo { 
	position:absolute; top:50%; left:30px;
	z-index:33;
	margin-top:-25px;
}
#header .logo .logo-on { 
	display:none;
}
#header .logo .logo-off { 
	display:block;
}
#header.on .logo .logo-on, 
#header.fixed .logo .logo-on { 
	display:block;
}
#header.on .logo .logo-off ,
#header.fixed .logo .logo-off { 
	display:none;
}
#header .header-inner .logo a { 
	display:block; 
	font-size:0;
}
@media screen and (max-width: 1024px) { 
	#header { 
		position:fixed; 
		padding:0;
		min-height:55px;
	}
	#header .logo { 
		left:15px; 
		margin-top: -14px;
	}
	#header .logo a { 
		height:28px;	 
	}
	#header .logo img { 
		height:100%; 
	}
}



/* gnb */
#header .gnb { 
	position:relative;
	width:100%;
	text-align:right;
}
#header .gnb .gnb-1depth-li { 
	position:relative;
	display:inline-block;
	margin-left:4.5%;
	vertical-align:middle;
}
#header .gnb .gnb-1depth-li > a { 
	position:relative;
	display:block;
	font-weight:500;
	font-size:20px;
	line-height: 90px;
	color:#fff;
}
#header.on .gnb .gnb-1depth-li > a ,
#header.fixed .gnb .gnb-1depth-li > a {
	color:#000;
}
#header .gnb-2depth { 
	display:none; 
}
@media screen and (min-width: 1025px) { 
	#header .gnb { 
		display:inline-block !important; 
		overflow:visible !important;
		text-align:right;
	}
	#header .gnb .gnb-1depth-li >a:before { 
		content:'';
		position:absolute; top:0; left:0;
		width:100%; height:2px;
		background: #53b7e8;
		transform: scaleX(0);
		transition:.3s;
	}
	#header .gnb .gnb-1depth-li:hover >a:before { 
		transform: scaleX(1);
	}
	#header .gnb .gnb-2depth { 
		overflow:hidden;
		display:block !important;
		position:absolute; top:100%; left:50%;
		z-index:9999;
		margin-left:-60px;
		width:120px; height:0;
		background:#f5f5f5;
		text-align:center;
	}
	#header .gnb .gnb-1depth-li:hover .gnb-2depth { 
		padding:20px 0; height:auto;
	}
	#header .gnb .gnb-2depth-a { 
		display:block;
		padding:5px 0;
		font-size:14px;
		word-break:keep-all;
	}
	#header .gnb .gnb-2depth-a:hover { 
		color:#53b7e8;
	}
}
@media screen and (max-width: 1024px) { 
	#header .gnb { 
		display:none;
		position:absolute; top:100%; left:0;
		margin-left:0; padding: 0;
		width:100%;
		text-align:center;
	}
	#header .gnb #gnb-1depth { 
		overflow-x:hidden;
		height:calc(100vh - 55px);
		padding:30px 15px;
		background:#fff;
	}
	#header .gnb .gnb-1depth-li { 
		display:block;
		padding:0;
		margin:0;
		text-align:left;
	}
	#header .gnb .gnb-1depth-li > a { 
		position:relative;
		display:block;
		font-weight:500;
		font-size:23px; line-height: 60px;
	}
	#header .gnb .gnb-2depth { 
		display:none;
		padding:10px 10px 20px;
		height:auto !imponrtat;
	}
	#header .gnb .gnb-2depth-a { 
		display:block;
		font-weight:400;
		padding:0 ;
		font-size:16px; line-height: 35px;
		color:#666;
	}
}


#header .menu-btn { 
	position:absolute; top:50%; right:5%;
	margin-top: -14.5px;
	width:46px; height:29px;
	cursor:pointer;
	display:none;
}
#header .menu-btn span { 
	position:absolute; right:0;
	margin-left:0;
	width:100%; height:3px;
	background: #fff;
	transition:.3s;
}
#header.on .menu-btn span,
#header.fixed .menu-btn span { 
	background:#2a2a53; 
}
#header .menu-btn span:nth-child(1) { 
	top:0; 
}
#header .menu-btn span:nth-child(2) { 
	margin-top: -1.5px;
	top:50%; 
	width:80%
}
#header .menu-btn span:nth-child(3) { 
	bottom:0; 
}
#header .menu-btn.on span:nth-child(1) { 
	top:10px;
	transform:rotate(45deg);
	width:100%;
}
#header .menu-btn.on span:nth-child(2) { 
	opacity:0; 
}
#header .menu-btn.on span:nth-child(3) { 
	top:10px;
	transform:rotate(-45deg);
	width:100%;
} 
@media screen and (max-width: 1024px) { 
	#header .menu-btn { 
		display:block;
		right:15px;
		width:32px; height:21px; 
		margin-top: -11.5px;
	}
	#header .menu-btn span { 
		height:2px;
	}
	#header .menu-btn.on span:nth-child(1) ,
	#header .menu-btn.on span:nth-child(3) { 
		top:9px; 
	}
}



/* -------- footer -------- */
#footer { 
	clear:both;
	overflow:hidden;
	padding:50px 0;
	border-top:1px solid #e0e0e0;
	background:#fff;
}
#footer .ft-inner { 
	display:flex;
	align-items: center;
	justify-content: space-between;
	position:relative;
	margin:0 auto; 
	max-width:1740px; min-height:inherit;
	padding:0 30px;
}
#footer .foot-logo {
	order:1;
}
#footer .info {
	order:0;
	font-size:14px;
}
#footer address span {
	display:block;
	font-style:normal;
	color:#323945;
}
#footer .copy {
	padding-top:10px;
	color:#323945;
}
@media screen and (max-width: 1024px) { 
	#footer .ft-inner { 
		padding:0 15px;
	}
	#footer .info {
		font-size:12px;
	}
}
@media screen and (max-width: 768px) { 
	#footer {
		padding:30px 0;
	}
	#footer .ft-inner { 
		display:block;
	}
	#footer .foot-logo {
		padding-bottom:15px;
	}
	#footer .foot-logo img {
		height:18px;
	}
	#footer .info {
		font-size:11px;
	}
	#footer .copy {
		padding-top:6px;
	}
}



.m-br {
	display: none;
}
@media screen and (max-width: 768px) {
	.m-br {
		display: block;
	}
}



/* main
------------------------------------------------------ */
.main-contents { 
	width:100%;
	max-width:100% !important;
	padding:0 !important;
}
.main-contents > section { 
	position:relative;
	width:100%;
}
.main-contents .inner { 
	padding:140px 0;
	width:1280px; 
}
@media screen and (max-width: 1340px) { 
	.main-contents .inner { 
		padding:140px 30px;
		width:100%; 
	}
}
@media screen and (max-width: 1024px) { 
	.main-contents .inner { 
		padding:90px 15px;
	}
}
@media screen and (max-width: 768px) { 
	.main-contents .inner { 
		padding:70px 15px;
	}
}



.inner { 
	margin:0 auto;
	width:1200px;
}
@media screen and (max-width: 1200px) { 
	.inner { 
		width:100%; 
	}
}



/* -------- visual -------- */
.main-visual {
	overflow:hidden;
	position:relative;
	height:100vh;
	background:#000;
}
.main-visual video { 
	transform: translateX(-50%) translateY(-50%); 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
}
.main-visual video.mo {
	display:none;
}
.main-visual .text {
	position:absolute; top:50%; left:0; z-index:10;
	width:100%;
	text-align:center;
	transform:translate(0,-50%);
}
.main-visual .text h3 {
	margin-bottom:40px;
}
.main-visual .text p {
	margin-bottom:70px;
	color:#fff;
	font-size:24px;
}
.main-visual .text .btn-wrap a {
	display:inline-flex;
	align-items: center;
    justify-content: flex-end;
	gap:30px;
	width:220px; height:60px;
	padding:0 8px;
	border-radius:50px;
	background:rgba(255,255,255,.9);
	font-size:20px;
}
.main-visual .text .btn-wrap a::after {
	display:inline-block;
	width:50px; height:50px;
	background:url('/images/main/visual_arrow.png') no-repeat center/cover;
	content:'';
}
.main-visual .scroll {
	display:flex;
	flex-direction: column;
    align-items: center;
	gap:12px;
	position:absolute; bottom:40px; left:0; z-index:20;
	width:100%;
	color:#fff;
	font-size:18px;
}
.main-visual .scroll::after {
	display:inline-block;
	width:17px; height:15px;
	background:url('/images/main/visual_scroll.png') no-repeat center/cover;
	animation: scrollMotion 0.5s linear 0s infinite alternate;
	content:'';
}
@keyframes scrollMotion {
	0% {transform:translate(0,0);}
	100% {transform:translate(0,5px);}
}
@media screen and (max-width: 1024px) { 
	.main-visual video { 
		transform: translateX(0) translateY(-50%); 
		position: absolute; 
		top: 50%; 
		left: 0; 
		width:100%;
		min-width: auto; 
		min-height: auto; 
	}
	.main-visual .text {
		padding:0 15px;
	}
	.main-visual .text h3 img {
		width:520px;
	}
	.main-visual .text p {
		font-size:22px;
	}
	.main-visual .text .btn-wrap a {
		width:210px;
		font-size:19px;
	}
	.main-visual .scroll {
		font-size:16px;
	}
}
@media screen and (max-width: 768px) { 
	.main-visual video.pc {
		display:none;
	}
	.main-visual video.mo {
		display:block;
	}
	.main-visual .text h3 {
		margin-bottom:25px;
	}
	.main-visual .text h3 img {
		width:280px;
	}
	.main-visual .text p {
		margin-bottom:40px;
		font-size:16px;
	}
	.main-visual .text .btn-wrap a {
		width:150px;
		height:38px;
		padding-right:6px;
		font-size:14px;
	}
	.main-visual .text .btn-wrap a::after {
		width:28px; height:28px;
	}
	.main-visual .scroll {
		font-size:14px;
	}
	.main-visual .scroll::after {
		width:14px; height:12px;
	}
}



/* -------- main-slogan -------- */
.main-slogan {
	overflow:hidden;
	position:relative;
	padding:250px 30px 200px;
	background:#000;
}
.main-slogan .img {
	text-align:center;
}
.main-slogan .img img {
	max-width:100%;
}
.main-slogan .img img.mo {
	display:none;
}
.main-slogan .text {
	text-align:center;
}
.main-slogan .text .inline {
	display:inline-block;
	text-align:left;
}
.main-slogan .text h3 {
	color:#fff;
	font-family: 'GmarketSans';
	font-size:120px;
	font-weight:700;
	line-height:1.4;
    opacity: 0;
    transform: translateY(50px);
    transition:opacity 0.8s ease, transform 0.8s ease;
}
.main-slogan .text h3 span {
	color:#8be412;
}
.main-slogan .text h3 span.gd01 {
	background-image:linear-gradient( -90deg, rgb(125,227,42) 0%, rgb(97,222,86) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.main-slogan .text h3 span.gd02 {
	background-image:linear-gradient( 154deg, rgb(96,222,87) 0%, rgb(65,217,140) 100%);
	
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.main-slogan .text h3 span.gd03 {
	background-image:linear-gradient( 138deg, rgb(62,216,143) 0%, rgb(0,208,246) 100%);
	
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.main-slogan .text .inline.active h3 {
	opacity: 1;
	transform: translateY(0);
}
.main-slogan .text .inline.active .time01 {
	transition-delay:0.3s;
}
.main-slogan .text .inline.active .time02 {
	transition-delay:0.8s;
}
.main-slogan .text .inline.active .time03 {
	transition-delay:1.3s;
}
.main-slogan .text .inline.active .time04 {
	transition-delay:1.8s;
}
@media screen and (max-width: 1024px) { 
	.main-slogan {
		padding:160px 15px;
	}
	.main-slogan .text h3 {
		font-size:80px;
	}
}
@media screen and (max-width: 768px) { 
	.main-slogan {
		padding:120px 15px;
	}
	.main-slogan .img img.pc {
		display:none;
	}
	.main-slogan .img img.mo {
		display:inline-block;
	}
	.main-slogan .text h3 {
		font-size:38px;
	}
}



/* -------- main-point -------- */
.main-point {
	overflow:hidden;
	position:relative; z-index:10;
	background:#f5f5f5;
}
.main-point::after {
	position:absolute; top:-70px; right:-260px; z-index:-1;
	width:1221px; height:1218px;
	background:url('/images/main/point_bg.png') no-repeat center/cover;
	content:'';
}
.main-point h3.title {
	padding-bottom:85px;
	font-size:48px;
	font-weight:400;
}
.main-point h3.title strong {
	font-weight:700;
}
.main-point .list {
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:0 80px;
}
.main-point .list li:nth-child(2n) {
	padding-top:120px;
}
.main-point .list li .img {
	overflow:hidden;
	border-radius:5px;
}
.main-point .list li .img img {
	width:100%;
}
.main-point .list li h5 {
	padding-top:30px;
	font-size:38px;
	font-weight:700;
}
.main-point .list li h5 span {
	display:block;
	padding-top:10px;
	font-family: 'Paperozi';
	font-size:20px;
	font-weight:500;
}
.main-point .list li p {
	padding-top:30px;
	color:#666;
	font-size:20px;
	line-height:1.6;
}
@media screen and (max-width: 1024px) { 
	.main-point h3.title {
		font-size:38px;
	}
	.main-point .list {
		gap:0 60px;
	}
	.main-point .list li h5 {
		font-size:30px;
	}
	.main-point .list li h5 span {
		font-size:18px;
	}
	.main-point .list li p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	.main-point::after {
		width:600px; height:599px;
	}
	.main-point h3.title {
		padding-bottom:40px;
		font-size:25px;
	}
	.main-point .list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap:25px 0;
	}
	.main-point .list li:nth-child(2n) {
		padding-top:0;
	}
	.main-point .list li h5 {
		padding-top:15px;
		font-size:20px;
	}
	.main-point .list li h5 span {
		padding-top:5px;
		font-size:14px;
	}
	.main-point .list li p {
		padding-top:15px;
		font-size:14px;
	}
}



/* -------- main-portfolio -------- */
.main-portfolio {
	background:#000;
}
.main-portfolio h3.title {
	padding-bottom:105px;
	color:#fff;
	font-size:73px;
	font-weight:700;
	text-align:center;
}
.main-portfolio .list {
	display:flex;
	gap:13px;
}
.main-portfolio .list li {
	width:25%; 
	background:#fff; 
	transition:background .4s;
}
.main-portfolio .list li a {
	display:block;
	cursor:pointer;
}
.main-portfolio .list li .img {
	position:relative;
}
.main-portfolio .list li .img .hover { 
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(0,86,224,0.6);
	transition:opacity .4s;
	opacity:0;
}
.main-portfolio .list li .img .hover .plus { 
	position:relative;
	width:92px;
	height:92px;
}
.main-portfolio .list li .img .hover .plus span {
	display:block; 
	position:absolute;
	background:#fff;
}
.main-portfolio .list li .img .hover .plus span:nth-child(1) {
	width:100%;
	height:4px;
	left:0;
	top:50%;
	transform:translate(0,-50%);
}
.main-portfolio .list li .img .hover .plus span:nth-child(2) {
	width:4px;
	height:100%;
	left:50%;
	top:0;
	transform:translate(-50%,0);
}
.main-portfolio .list li a:hover .img .hover{
	opacity:1;
}
.main-portfolio .list li a:hover .img .hover .plus{
	transform:rotate(90deg);
	transition:transform .4s;
}
.main-portfolio .list li a:hover .img img {
	filter: grayscale(100%);
}
.main-portfolio .list li .img img {
	display:block;
	width:100%;
	transition: filter .4s;
}
.main-portfolio .list li h3 {
	height:210px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#181818;
	font-size:29px;
	font-weight:500;
	text-align:center;
	transition:color .4s;
}
.main-portfolio .list li:hover{
	background:#0056e0;
}
.main-portfolio .list li a:hover h3 {
	color:#fff;
}
.main-portfolio .portfolio-popup {
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999999;
}
.main-portfolio .portfolio-popup .pop-inner {
	position:absolute; top:50%; left:50%;
	width:100%;
	max-width:1200px;
	background:#fff;
	padding:50px;
	transform:translate(-50%, -50%)
}
.main-portfolio .portfolio-popup .close {
	position:absolute; top:0; right:0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: #0062ff;
	cursor:pointer;
}
.main-portfolio .portfolio-popup .title {
	margin-bottom:20px;
}
.main-portfolio .portfolio-popup .title h3 {
	display:block; 
	font-size:26px;
	font-weight:600;
	color:#000;
	margin-bottom:10px;
}
.main-portfolio .portfolio-popup .title p {
	font-size:18px;
	line-height:1.5em;
	color:#333; 
	word-break:keep-all;
}
.main-portfolio .portfolio-popup .portfolio-slide {
	position:relative;
	overflow:hidden;
}
.main-portfolio .portfolio-popup .portfolio-slide .swiper-slide img {
	width:100%;
}
.main-portfolio .portfolio-popup .portfolio-slide .arrow {
	position:absolute; top:50%; z-index:10;
	width:60px; height:90px;
	margin-top:-45px;
	background:no-repeat center/cover;
	cursor:pointer;
}
.main-portfolio .portfolio-popup .portfolio-slide .arrow.prev {
	left:0;
	background-image:url('/images/main/portfolio_prev.png');
}
.main-portfolio .portfolio-popup .portfolio-slide .arrow.next {
	right:0;
	background-image:url('/images/main/portfolio_next.png');
}
.main-portfolio .portfolio-popup .portfolio-slide.logo-slide {
	padding:0 60px;
}
.main-portfolio .portfolio-popup .portfolio-slide.video .swiper-slide video {
	width:100%;
}
@media screen and (max-width: 1024px) { 
	.main-portfolio h3.title {
		padding-bottom:50px;
		font-size:40px;
	}
	.main-portfolio .list {
		flex-flow: wrap;
        gap: 20px;
	}
	.main-portfolio .list li {
		width: calc(50% - 10px);
	}
	.main-portfolio .list li .img .hover .plus {
		width:32px; height:32px;
	}
	.main-portfolio .list li h3 {
		height:80px;
		font-size:18px;
	}
	.main-portfolio .portfolio-popup .pop-inner {
		width:calc(100% - 30px);
		max-width:800px;
		padding:40px;
	}
	.main-portfolio .portfolio-popup .close {
		width:50px; height:50px;
	}
	.main-portfolio .portfolio-popup .close svg {
		width:22px;
	}
	.main-portfolio .portfolio-popup .portfolio-slide .arrow {
		width:30px; height:45px;
		margin-top:-22px;
	}
	.main-portfolio .portfolio-popup .portfolio-slide.logo-slide {
		padding:0 40px;
	}
}
@media screen and (max-width: 768px) { 
	.main-portfolio h3.title {
		padding-bottom:30px;
		font-size:28px;
	}
	.main-portfolio .list li h3 {
		font-size:16px;
	}
	.main-portfolio .portfolio-popup .pop-inner {
		width:85%;
		padding:40px 25px;
	}
	.main-portfolio .portfolio-popup .close {
		width:40px; height:40px;
	}
	.main-portfolio .portfolio-popup .title h3 {
		font-size:16px;
		margin-bottom:4px;
	}
	.main-portfolio .portfolio-popup .title p {
		font-size:13px;
	}
}



/* contents
------------------------------------------------------ */
#contents { 
	position:relative; 
}

.sub-conts-wrap { 
	margin:0 auto;
	padding:120px 30px 150px;
	max-width:1340px;
	width:100%;
	font-weight: 400;
	font-size:18px;
	word-break:keep-all;
}
@media screen and (max-width: 1024px) { 
	.sub-conts-wrap { 
		padding:90px 15px 120px; 
	}
}
@media screen and (max-width: 768px) { 
	.sub-conts-wrap { 
		padding:60px 15px 75px; 
	}
}



/*
	visual
 */
.sub-visual { 
	display:flex;
	align-items: center;
    justify-content: center;
	position:relative;
	height:600px;
	padding-top:90px;
	background:no-repeat top center/cover;
}
.sub-visual.intro {
	background-image:url('/images/sub/title/sub_visual_intro.png');
}
.sub-visual.business {
	background-image:url('/images/sub/title/sub_visual_business.png');
}
.sub-visual.solution {
	background-image:url('/images/sub/title/sub_visual_solution.png');
}
.sub-visual.recruit {
	background-image:url('/images/sub/title/sub_visual_recruit.jpg');
}
.sub-visual.online {
	background-image:url('/images/sub/title/sub_visual_online.png');
}
.sub-visual .visual-inner {
	text-align:center;
	padding:0 30px;
}
.sub-visual .visual-inner h3 {
	display:none;
	color:#fff;
	font-size:76px;
	font-weight:700;
}
.sub-visual .visual-inner p {
	display:none;
	padding-top:5px;
	color:#fff;
	font-size:22px;
}
@media screen and (max-width: 1024px) { 
	.sub-visual { 
		height:500px;
		padding-top:55px;
	}
	.sub-visual .visual-inner {
		padding:0 15px;
	}
	.sub-visual .visual-inner h3 {
		font-size:50px;
	}
	.sub-visual .visual-inner p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	.sub-visual { 
		height:250px;
	}
	.sub-visual .visual-inner h3 {
		font-size:36px;
	}
	.sub-visual .visual-inner p {
		font-size:13px;
	}
}



/*
	location menu
*/
.location-menu {
	border-bottom:1px solid #e0e0e0;
}
.location-menu ul {
	display:table;
	max-width: 1340px;
	width:100%;
	margin:0 auto;
}
.location-menu ul li {
	display:table-cell;
	width:5%;
	vertical-align:top;
}
.location-menu ul li a {
	display:flex;
	align-items: center;
	justify-content: center;
	position:relative;
	height:81px;
	font-size:20px;
}
.location-menu ul li.on a {
	color:#53b7e8;
	font-weight:600;
}
.location-menu ul li.on a::after {
	position:absolute; bottom:-1px; left:0;
	width:100%; height:2px;
	background:#53b7e8;
	content:'';
}
@media screen and (max-width: 1024px) { 
	.location-menu ul li a {
		height:71px;
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	.location-menu ul li a {
		height:48px;
		font-size:12px;
	}

}



/*
	sub title
*/
.sub-conts-title {
	margin-bottom:50px;
	text-align:left;
}
.sub-conts-title h3 {
	font-size:48px;
	font-weight:700;
	line-height:1.3;
}
.sub-conts-title h3 span {
	font-weight:400;
}
.sub-conts-title p {
	padding-top:15px;
	font-size:24px;
}
.sub-conts-title.flex {
	display:flex;
	align-items: center;
    justify-content: space-between;
}
.sub-conts-title.flex .logo img {
	width:480px;
}
@media screen and (max-width: 1024px) { 
	.sub-conts-title h3 {
		font-size:36px;
	}
	.sub-conts-title p {
		font-size:18px;
	}
	.sub-conts-title.flex .logo img {
		width:380px;
	}
}
@media screen and (max-width: 768px) { 
	.sub-conts-title {
		margin-bottom:30px;
	}
	.sub-conts-title h3 {
		font-size:24px;
	}
	.sub-conts-title h3 br {
		display:none;
	}
	.sub-conts-title p {
		padding-top:10px;
		font-size:13px;
	}
	.sub-conts-title.flex .logo img {
		width:150px;
	}
}



/* 
	ABOUT
*/
.about-wrap .department > li {
	display:flex;
	align-items:flex-end;
	height:400px;
	padding:40px 50px;
	border-radius:6px;
	background:no-repeat center/cover;
}
.about-wrap .department > li.bg01 {
	background-image:url('/images/sub/about/department01.jpg');
}
.about-wrap .department > li.bg02 {
	background-image:url('/images/sub/about/department02.jpg');
}
.about-wrap .department > li.bg03 {
	background-image:url('/images/sub/about/department03.jpg');
}
.about-wrap .department > li.bg04 {
	background-image:url('/images/sub/about/department04.jpg');
}
.about-wrap .department > li + li {
	margin-top:20px;
}
.about-wrap .department > li dl dt {
	padding-bottom:30px;
	color:#fff;
	font-size:40px;
	font-weight:700;
}
.about-wrap .department > li dl dt span {
	display:block;
	padding-top:5px;
    font-family:'Paperozi';
	font-size:20px;
	font-weight:500;
	opacity:.6;
}
.about-wrap .department > li dl dd {
	color:#fff;
	font-size:20px;
	line-height:1.6;
	word-break:keep-all;
}
.about-wrap .history {
	position:relative;
	margin-top:140px;
	padding:130px 0 140px;
}
.about-wrap .history::after {
	position:absolute; top:0; left:50%; z-index:-2;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/about/history_bg.jpg') no-repeat right top/cover;
	content:'';
}
.about-wrap .history h3 {
	padding-bottom:35px;
	font-size:48px;
	font-weight:700;
}
.about-wrap .history .list {
	padding:70px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #e0e0e0;
}
.about-wrap .history .list > li {
	display:flex;
}
.about-wrap .history .list > li h5 {
	position:relative;
	flex-basis:335px;
	padding-left:43px;
	font-size:40px;
	font-weight:700;
}
.about-wrap .history .list > li h5::after {
	position:absolute; top:17px; left:0;
	width:22px; height:22px;
	background:url('/images/sub/about/history_point.png') no-repeat center/cover;
	content:'';
}
.about-wrap .history .list > li ul {
	flex:1;
}
.about-wrap .history .list > li ul li {
	position:relative;
	padding-left:15px;
	color:#666;
	font-size:20px;
}
.about-wrap .history .list > li ul li::after {
	position:absolute; top:11px; left:0;
	width:4px; height:4px;
	border-radius:50%;
	background:#000;
	content:'';
}
.about-wrap .history .list > li ul li + li {
	margin-top:12px;
}
.about-wrap .history .list > li ul li img {
	max-width:100%;
}
.about-wrap .history .list > li + li h5 {
	margin-top:110px;
}
.about-wrap .history .list > li + li ul {
	margin-top:55px;
	padding-top:55px;
	border-top:1px solid #e0e0e0;
}
.about-wrap .logo-slide {
	position:relative; left:50%;
	width:100vw;
	height:100px;
	margin-left:-50vw;
	margin-top:120px;
}
.about-wrap .logo-slide > ul.list {
	position:absolute;
	white-space:nowrap;
	will-change:transform;
	animation:aboutLogo 35s linear infinite;
	font-size:0
}
.about-wrap .logo-slide > ul.list li {
	display:inline-block;
	padding:0 60px;
	vertical-align:middle
}
.about-wrap .logo-slide > ul.list li img {
	height:100px;
}
@keyframes aboutLogo {
	from {
		transform: translateX(0)
	}
	to {
		transform: translateX(-50%)
	}
}
@media screen and (max-width: 1024px) {
	.about-wrap .department > li {
		padding:30px 40px;
	}
	.about-wrap .department > li dl dt {
		font-size:32px;
	}
	.about-wrap .department > li dl dt span {
		font-size:18px;
	}
	.about-wrap .department > li dl dd {
		font-size:18px;
	}
	.about-wrap .history h3 {
		font-size:38px;
	}
	.about-wrap .history .list > li h5 {
		font-size:32px;
	}
	.about-wrap .history .list > li h5::after {
		top:12px;
	}
	.about-wrap .history .list > li ul li {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) {
	.about-wrap .department > li {
		height:auto;
		padding:80px 15px 20px 15px;
	}
	.about-wrap .department > li + li {
		margin-top:10px;
	}
	.about-wrap .department > li dl dt {
		padding-bottom:20px;
		font-size:20px;
	}
	.about-wrap .department > li dl dt span {
		padding-top:3px;
		font-size:14px;
	}
	.about-wrap .department > li dl dd {
		font-size:14px;
	}
	.about-wrap .history {
		margin-top:70px;
		padding:60px 0 70px;
	}
	.about-wrap .history::after {
		background-position:right 25% top;
	}
	.about-wrap .history h3 {
		padding-bottom:20px;
		font-size:24px;
	}
	.about-wrap .history .list {
		padding:30px 0;
	}
	.about-wrap .history .list > li {
		display:block;
	}
	.about-wrap .history .list > li + li {
		margin-top:25px;
		padding-top:25px;
		border-top:1px solid #e0e0e0;
	}
	.about-wrap .history .list > li h5 {
		padding-left:28px;
		margin-bottom:15px;
		font-size:22px;
	}
	.about-wrap .history .list > li h5::after {
		top:7px;
		width:16px; height:16px;
	}
	.about-wrap .history .list > li ul {
		padding-left:28px;
	}
	.about-wrap .history .list > li ul li {
		padding-left:10px;
		font-size:14px;
	}
	.about-wrap .history .list > li ul li::after {
		top:7px;
	}
	.about-wrap .history .list > li ul li + li {
		margin-top:9px;
	}
	.about-wrap .history .list > li + li h5 {
		margin-top:0;
	}
	.about-wrap .history .list > li + li ul {
		margin-top:0;
		padding-top:0;
		border-top:none;
	}
	.about-wrap .logo-slide {
		margin-top:60px;
		height:50px;
	}
	.about-wrap .logo-slide > ul.list li {
		padding:0 20px;
	}
	.about-wrap .logo-slide > ul.list li img {
		height:50px;
	}
}



/* 
	BUSINESS
*/
.business-wrap .chk-list {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:25px;
	counter-reset: number 0;
}
.business-wrap .chk-list li {
	position:relative;
	min-height:354px;
	padding:50px 40px;
	border:1px solid #e5e5e5;
	border-radius: 8px;
}
.business-wrap .chk-list li::after {
	position:absolute; bottom:50px; right:35px; z-index:-1;
	color:#e5e5e5;
	font-size:50px;
	font-weight:700;
	line-height:1;
	counter-increment: number 1;
    content: '0'counter(number);
}
.business-wrap .chk-list li h5 {
	padding-top:46px;
	background:url('/images/sub/business/chk_icon.png') no-repeat top left;
	font-size:28px;
	font-weight:700;
}
.business-wrap .chk-list li p {
	padding-top:20px;
	font-size:22px;
	line-height:1.5;
	word-break:keep-all;
}
.business-wrap .process {
	position:relative;
	margin-top:120px;
	padding:120px 0 130px;
}
.business-wrap .process::after {
	position:absolute; top:0; left:50%; z-index:-1;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/business/process_bg.jpg') no-repeat center/cover;
	content:'';
}
.business-wrap .process h3 {
	padding-bottom:50px;
	font-size:48px;
	font-weight:700;
}
.business-wrap .process ul {
	display:grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap:20px;
	counter-reset: number 0;
}
.business-wrap .process ul li {
	position:relative;
	min-height:280px;
	padding:35px 30px;
	border-radius:5px;
	background:#fff;
}
.business-wrap .process ul li::after {
	position:absolute; bottom:35px; right:25px;
	color:#e5e5e5;
	font-size:30px;
	font-weight:700;
	line-height:1;
	counter-increment: number 1;
    content: '0'counter(number);
}
.business-wrap .process ul li + li::before {
	position:absolute; top:50%; left:-31px;
	width:42px; height:42px;
	margin-top:-21px;
	border-radius:50%;
	background:url('/images/sub/business/process_arrow.png') no-repeat center/cover;
	box-shadow: 1.389px 7.878px 21.36px 2.64px rgba(0, 0, 0, 0.1);
	content:'';
}
.business-wrap .process ul li p {
	padding-top:65px;
	background:no-repeat top left;
	font-size:22px;
	font-weight:600;
}
.business-wrap .process ul li p.icon01 {
	background-image:url('/images/sub/business/process_icon01.png');
}
.business-wrap .process ul li p.icon02 {
	background-image:url('/images/sub/business/process_icon02.png');
}
.business-wrap .process ul li p.icon03 {
	background-image:url('/images/sub/business/process_icon03.png');
}
.business-wrap .process ul li p.icon04 {
	background-image:url('/images/sub/business/process_icon04.png');
}
.business-wrap .process ul li p.icon05 {
	background-image:url('/images/sub/business/process_icon05.png');
}
@media screen and (max-width: 1024px) { 
	.business-wrap .chk-list li {
		padding:35px;
	}
	.business-wrap .chk-list li::after {
		font-size:40px;
	}
	.business-wrap .chk-list li h5 {
		font-size:22px;
	}
	.business-wrap .chk-list li p {
		font-size:18px;
	}
	.business-wrap .process h3 {
		font-size:38px;
	}
	.business-wrap .process ul li {
		padding:25px 20px;
	}
	.business-wrap .process ul li::after {
		font-size:26px;
	}
	.business-wrap .process ul li p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	.business-wrap .chk-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
	}
	.business-wrap .chk-list li {
		min-height:180px;
		padding:20px;
	}
	.business-wrap .chk-list li::after {
		bottom:20px; right:20px;
		font-size:26px;
	}
	.business-wrap .chk-list li h5 {
		padding-top:30px;
		background-size:22px auto;
		font-size:20px;
	}
	.business-wrap .chk-list li p {
		padding-top:12px;
		font-size:14px;
	}
	.business-wrap .process {
		margin-top:60px;
		padding:60px 0 70px;
	}
	.business-wrap .process h3 {
		padding-bottom:25px;
		font-size:24px;
	}
	.business-wrap .process ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 16px;
	}
	.business-wrap .process ul li {
		min-height:125px;
		padding:20px;
	}
	.business-wrap .process ul li::after {
		bottom:20px; right:20px;
		font-size:18px;
	}
	.business-wrap .process ul li + li::before {
		top:-22px; left:50%;
		width:28px; height:28px;
		margin-top:0;
		margin-left:-14px;
		-webkit-transform:rotate(90deg); transform:rotate(90deg);
	}
	.business-wrap .process ul li p {
		padding-top:40px;
		background-size:28px auto;
		font-size:16px;
	}
	.business-wrap .process ul li p br {
		display:none;
	}
}



/* 
	SOLUTION
*/
.solution-wrap .icon-list {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:25px;
}
.solution-wrap .icon-list li {
	position:relative;
	min-height:406px;
	padding:130px 50px 20px;
	border-radius:5px;
	background:#f7f7f7;
}
.solution-wrap .icon-list li::before {
	position:absolute; top:40px; right:40px;
	width:76px; height:76px;
	background:no-repeat center/cover;
	content:'';
}
.solution-wrap .icon-list li.data01::before {
	background-image:url('/images/sub/solution/data_icon01.png');
}
.solution-wrap .icon-list li.data02::before {
	background-image:url('/images/sub/solution/data_icon02.png');
}
.solution-wrap .icon-list li.data03::before {
	background-image:url('/images/sub/solution/data_icon03.png');
}
.solution-wrap .icon-list li.marketing01::before {
	background-image:url('/images/sub/solution/marketing_icon01.png');
}
.solution-wrap .icon-list li.marketing02::before {
	background-image:url('/images/sub/solution/marketing_icon02.png');
}
.solution-wrap .icon-list li.marketing03::before {
	background-image:url('/images/sub/solution/marketing_icon03.png');
}
.solution-wrap .icon-list li.trend01::before {
	background-image:url('/images/sub/solution/trend_icon01.png');
}
.solution-wrap .icon-list li.trend02::before {
	background-image:url('/images/sub/solution/trend_icon02.png');
}
.solution-wrap .icon-list li.trend03::before {
	background-image:url('/images/sub/solution/trend_icon03.png');
}
.solution-wrap .icon-list li.trend04::before {
	background-image:url('/images/sub/solution/trend_icon04.png');
}
.solution-wrap .icon-list li h5 {
	padding-bottom:35px;
	font-size:28px;
	font-weight:700;
}
.solution-wrap .icon-list li h5 span {
	display:block;
	padding-top:9px;
	color:#53b7e8;
	font-size:18px;
	font-weight:600;
}
.solution-wrap .icon-list li p {
	color:#666666;
	font-size:20px;
	word-break:keep-all;
}
.solution-wrap .icon-list li p::before {
	display:block;
	width:24px; height:2px;
	margin-bottom:22px;
	background:#666666;
	opacity:.5;
	content:'';
}
.solution-wrap .character {
	margin-top:55px;
}
.solution-wrap .character dt {
	padding-bottom:25px;
	font-size:24px;
	font-weight:600;
}
.solution-wrap .character dd {
	padding:40px;
	border:1px solid #e5e5e5;
	border-radius:10px;
}
.solution-wrap .character dd ul li {
	position:relative;
	padding-left:16px;
	font-size:18px;
}
.solution-wrap .character dd ul li::after {
	position:absolute; top:10px; left:0;
	width:6px; height:6px;
	border-radius:50%;
	background:#53b7e8;
	content:'';
}
.solution-wrap .character dd ul li + li {
	margin-top:15px;
}
@media screen and (max-width: 1024px) { 
	.solution-wrap .icon-list li {
		padding:130px 30px 20px;
	}
	.solution-wrap .icon-list li h5 {
		font-size:24px;
	}
	.solution-wrap .icon-list li h5 span {
		font-size:16px;
	}
	.solution-wrap .icon-list li p {
		font-size:18px;
	}
	.solution-wrap .character dt {
		font-size:22px;
	}
	.solution-wrap .character dd ul li {
		font-size:16px;
	}
}
@media screen and (max-width: 768px) { 
	.solution-wrap .icon-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap:10px;
	}
	.solution-wrap .icon-list li {
		min-height:auto;
		padding:45px 20px 20px;
	}
	.solution-wrap .icon-list li::before {
		top:20px; right:20px;
		width:40px; height:40px;
	}
	.solution-wrap .icon-list li h5 {
		padding-bottom:20px;
		font-size:18px;
	}
	.solution-wrap .icon-list li h5 span {
		padding-top:6px;
		font-size:13px;
	}
	.solution-wrap .icon-list li p {
		font-size:15px;
	}
	.solution-wrap .icon-list li p::before {
		width:20px;
		margin-bottom:15px;
	}
	.solution-wrap .character {
		margin-top:30px;
	}
	.solution-wrap .character dt {
		padding-bottom:15px;
		font-size:17px;
	}
	.solution-wrap .character dd {
		padding:15px;
		border-radius:7px;
	}
	.solution-wrap .character dd ul li {
		padding-left:13px;
		font-size:14px;
	}
	.solution-wrap .character dd ul li::after {
		top:6px;
		width:5px; height:5px;
	}
	.solution-wrap .character dd ul li + li {
		margin-top:10px;
	}
}



/* 
	CONTACT
*/
.online-wrap .adr-info {
	margin-bottom:60px;
}
.online-wrap .adr-info h5 {
	padding-bottom:20px;
}
.online-wrap .adr-info h5 a {
	display:inline-flex;
	align-items: center;
	gap:13px;
	font-size:26px;
	font-weight:500;
	cursor:pointer;
}
.online-wrap .adr-info h5 a::after {
	display:inline-block;
	flex-basis:32px; height:32px;
	flex-shrink:0;
	background:url('/images/sub/online/adr_copy.png') no-repeat center/cover;
	content:'';
}
.online-wrap .adr-info .btn-wrap a {
	display:inline-flex;
	align-items: center;
	height:58px;
	border:1px solid #e0e0e0;
	border-radius:50px;
	padding:0 20px;
	color:#666;
	font-size:18px;
}
.online-wrap .map-write {
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:80px;
}
.online-wrap .map-write .map-wrap {
	position:relative;
	width:100%;
	height:100%;
}
.online-wrap .map-write .map-wrap > .map {
	overflow:hidden;
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
	border-radius:10px;
}
.online-wrap .map-write .map-wrap > .map .root_daum_roughmap {
	width:100%;
	height:100%;
}
.online-wrap .map-write .map-wrap > .map .root_daum_roughmap .wrap_map {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}
.online-wrap .map-write .map-wrap .hide {
	display:none;
}
.online-wrap .map-write form h5 {
	padding-bottom:25px;
	font-size:28px;
	font-weight:700;
}
.online-wrap .map-write .input-wrap {
	padding:50px 40px;
	border-radius:10px;
	background:#f5f5f5;
}
.online-wrap .map-write .input-list {
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:25px 20px;
}
.online-wrap .map-write .input-list li.full {
	grid-column: 1 / 3;
}
.online-wrap .map-write .input-list li label {
	display:block;
	margin-bottom:12px;
	font-size:18px;
	font-weight:500;
}
.online-wrap .map-write .input-list li label span {
	color:#d6092b;
}
.online-wrap .map-write .input-list li input {
	width:100%;
	height:50px;
	padding:0 20px;
	border:none;
	border-radius:5px;
	background:#fff;
	color:#000;
	font-size:18px;
	outline:none;
}
.online-wrap .map-write .input-list li input:focus {
	border:none !important;
}
.online-wrap .map-write .input-list li input::placeholder { 
	color:#808080;
}
.online-wrap .map-write .input-list li textarea {
	display:block;
	padding:15px 20px !important;
	height:200px !important;
	border:none;
	border-radius:5px;
	color:#000;
	font-size:18px;
}
.online-wrap .map-write .input-list li textarea:focus {
	border:none !important;
}
.online-wrap .map-write .input-list li textarea::placeholder {
	color:#808080;
}
.online-wrap .map-write .agree {
	position:relative;
	margin-top:20px;
}
.online-wrap .map-write .agree .privacy {
	display:flex;
	align-items: center;
    justify-content: space-between;
}
.online-wrap .map-write .agree .privacy label {
	color:#4c4c4c;
	font-size:18px;
	font-weight:500;
}
.online-wrap .map-write .agree .privacy label input {
	margin-right:9px;
}
.online-wrap .map-write .agree .privacy a {
	font-size:18px;
	font-weight:500;
	text-decoration:underline;
	cursor:pointer;
}
.online-wrap .map-write .agree #bo_privacy_info {
	display:none;
	position:absolute; top:40px; right:25%;
	padding:20px;
	background:#fff;
	border:1px solid #e0e0e0;
}
.online-wrap .map-write .agree #bo_privacy_info .bo_privacy_title {
	overflow:hidden;
	font-size:18px;
	font-weight:350;
	color:#303030;
	margin:0 0px 5px
}
.online-wrap .map-write .agree #bo_privacy_info .bo_privacy_title a {
	color:#333;
	float:right;
	cursor:pointer;
}
.online-wrap .map-write .agree #bo_privacy_info .bo_privacy_div {
	width:100%; 
	padding:20px; 
	border:1px solid #e3e3e3; 
	border-top:1px solid #303030;
	color:#666;
	font-size:14px;
	float:right;
	cursor:pointer;
	line-height:19px;
}
.online-wrap .map-write .btn-wrap {
	margin-top:30px;
}
.online-wrap .map-write .btn-wrap button {
	width:100%;
	height:70px;
	border-radius:5px;
	border:none;
	background:#53b7e8;
	color:#fff;
	font-size:20px;
	font-weight:700;
}
@media screen and (max-width: 1024px) { 
	.online-wrap .adr-info h5 a {
		font-size:22px;
	}
	.online-wrap .adr-info .btn-wrap a {
		height:50px;
		font-size:16px;
	}
	.online-wrap .map-write {
		gap:40px;
	}
	.online-wrap .map-write form h5 {
		font-size:24px;
	}
	.online-wrap .map-write .input-wrap {
		padding:30px 20px;
	}
	.online-wrap .map-write .input-list li label {
		font-size:16px;
	}
	.online-wrap .map-write .input-list li input {
		font-size:16px
	}
	.online-wrap .map-write .input-list li textarea {
		font-size:16px;
	}
	.online-wrap .map-write .agree .privacy label {
		font-size:16px;
	}
	.online-wrap .map-write .agree .privacy a {
		font-size:16px;
	}
	.online-wrap .map-write .btn-wrap button {
		height:60px;
		font-size:18px
	}
}
@media screen and (max-width: 768px) { 
	.online-wrap .adr-info {
		margin-bottom:30px;
	}
	.online-wrap .adr-info h5 {
		padding-bottom:15px;
	}
	.online-wrap .adr-info h5 a {
		font-size:18px;
	}
	.online-wrap .adr-info h5 a::after {
		flex-basis:20px; height:20px;
	}
	.online-wrap .adr-info .btn-wrap a {
		height:40px;
		padding:0 12px;
		font-size:14px;
	}
	.online-wrap .map-write {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap:30px;
	}
	.online-wrap .map-write .map-wrap {
		height:180px;
	}
	.online-wrap .map-write form h5 {
		padding-bottom:15px;
		font-size:20px;
	}
	.online-wrap .map-write .input-wrap {
		padding:20px;
	}
	.online-wrap .map-write .input-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap:15px;
	}
	.online-wrap .map-write .input-list li.full {
		grid-column: 1 / 2;
	}

	.online-wrap .map-write .input-list li label {
		font-size:14px;
	}
	.online-wrap .map-write .input-list li input {
		height:42px;
		padding:0 12px;
		font-size:14px
	}
	.online-wrap .map-write .input-list li textarea {
		height:100px !important;
		padding:10px 12px;
		font-size:14px;
	}
	.online-wrap .map-write .agree {
		margin-top:10px;
	}
	.online-wrap .map-write .agree .privacy label {
		font-size:14px;
	}
	.online-wrap .map-write .agree .privacy a {
		font-size:14px;
	}
	.online-wrap .map-write .agree #bo_privacy_info {
		top:auto;
		bottom:100%;
		right:0;
		width:100%;
	}
	.online-wrap .map-write .btn-wrap {
		margin-top:20px;
	}
	.online-wrap .map-write .btn-wrap button {
		height:50px;
		font-size:16px
	}
}