header {
	border-top: none;
	}
.content-header {
	height: 900px;
	background: none; color: #fff;
	}
.fixed-area {
	height: 900px;
	padding-top: 80px;
	border-bottom: 3px solid transparent;
	border-image: url("/common_file/image/gold_line.jpg") 1 stretch;
	background: #000 url("https://store.img11.co.kr/59630972/357b2bae-ed7e-4830-aae6-7d6f594bf450_1703032860340.jpg") center 150px no-repeat;
	background-attachment: fixed;
	}
.content-header .content {
	border-top: 1px solid transparent;
	border-image: url("/common_file/image/gold_line.jpg") 1 stretch;
	}
.content-header h2 {
	margin-top: 40px;
	font-size: 28px;
	text-align: center;
	}
.content-header h2 span:first-child {
    font-size: 28px;
	}
.content-header h2 .BI {
	margin-right: 10px;
	}
.content-header h2 .BI b {
	font-size: 38px;
	}
.content-header h2 .BI sup {
	top: -.8em;
	}
.solution .content-header h2 {
	text-align: left;
	}
.solution .content-header h2 img {
	width: 150px;
	margin-right: 10px;
	}
.content-header h3 {
	position: absolute; top: 480px;
	margin: 0;
	text-shadow: none;
	text-align: center;
	}

.bulk .content-header h3 {
	position: relative; top: auto;
	margin: 300px 0 0;
	font-size: 20px;
	}
	
.business .content-header h3 {
	position: relative; top: auto;
	margin: 30px 0 40px;
	font-size: 20px;
	}
.solution .content-header h3 {
	position: relative; top: auto;
	margin: 300px 0 0;
	font-size: 20px;
	}
.content-header h4 {
	font-family: "Cafe24Danjunghae";
	text-align: center;
	}

.content-header h4 abbr {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	color: #80ff80;
	text-decoration: none;
	}
.content-header h4 abbr::after {
	content: attr(data-title);
	position: absolute; top: -30px; left: 0;
	width: 138px;
	border-bottom: 1px solid #80ff80;
	font-size: 14px;
	text-align: left;
	}
.content-header .content .mall-nav {
	margin-top: 30px;
	border-bottom: 1px solid #fff;
	}
.content-header .content .mall-nav li {
	width: 25%;
	}
.content-header .content .mall-nav li p.link {
	width: 140px;
	height: 140px;
	margin: 0 calc((100% - 140px) / 2);
	padding: 10px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(79,186,247,1) 0%, rgba(27,110,173,1) 100%, rgba(255,225,237,1) 100%);
	filter: drop-shadow(0 0 10px rgba(37, 125, 188, .7));
	}
.content-header .content .mall-nav li p.link a {
	display: inline-block;
	width: 120px;
	height: 120px;
	padding-top: 24px;
	border: 5px solid #fff; border-radius: 50%;
    background: linear-gradient(180deg, rgba(251,251,251,1) 0%, rgba(255,255,223,1) 100%, rgba(255,225,237,1) 100%);
	text-align: center;
	}
.content-header .content .mall-nav li p.link a img {
	width: 100%;
	}
.social .content-header .content .mall-nav li:last-child p.link a {
	background: none; 
	background-color: #3b5997;
	}
.social .content-header .content .mall-nav li:last-child p.link a img {
	border-radius: 30px;
	}
.content-header .content .mall-nav li p.border-bullet {
	width: 0;
	height: 80px;
	margin: 0 calc((100% - 2px) / 2);
	border: 2px solid #1d71af;
	}
.content-header .content .mall-nav li p.border-bullet span {
	position: absolute; top: 24px; left: -12px;
	width: 24px;
	height: 24px;
	padding-top: 3px;
	border: 2px solid #1d71af; border-radius: 50%;
	background-color: #fff;
	text-align: center;
	line-height: 1em; 
	}
.content-header .content .mall-nav li p.border-bullet span b {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #1d71af;
	}
.content-header .content .mall-nav li dl {
	}
.content-header .content .mall-nav li dt {
	width: calc(50% - 1px);
	padding-right: 10px;
	font-family: "Cafe24Dangdanghae";
	color: #80ff80;
	text-align: right;
	}
.content-header .content .mall-nav li dt span {
	display: block;
	}
.content-header .content .mall-nav li dd {
	width: calc(50% + 1px);
	padding-left: 10px; padding-bottom: 5px;
	border-left: 4px solid #1d71af;
	}
.content-header .content .mall-nav li dd a {
	font-family: "Cafe24Danjunghae";
	}
.content-header .content .mall-nav li dd p {
	width: 320px;
	margin-top: 20px;
	font-size: 13px; font-weight: bold;
	color: #d1d1d1;
	}
.content-header .content .mall-nav li:nth-child(1) dt, .content-header .content .mall-nav li:nth-child(3) dt {
	padding-top: 120px;
	}
.content-header .content .mall-nav li:nth-child(1) dd, .content-header .content .mall-nav li:nth-child(3) dd {
	padding-top: 120px;
	}
.content-header .content .mall-nav li:nth-child(4) dt {
	float: right;
	width: calc(50% - 3px);
	padding-right: 0; padding-left: 10px;
	text-align: left;
	}
.content-header .content .mall-nav li:nth-child(4) dd {
	width: calc(50% + 3px);
	padding-left: 0; padding-right: 10px;
	border-left: none; border-right: 4px solid #1d71af;
	text-align: right;
	}
.content-header .content .mall-nav li:nth-child(2) dd p, .content-header .content .mall-nav li:nth-child(4) dd p {
	width: 240px;
	}
.content-header .content .mall-nav li:nth-child(4) dd p {
	float: right;
	}
.content-header .content .mall-nav a:link, .content-header .content .mall-nav a:visited { color: #cbeafe; }
.content-header .content .mall-nav a:hover, .content-header .content .mall-nav a:active { color: #cbeafe; }
.content-header .content .mall-nav p.link a:hover img, .content-header .content .mall-nav li dd a:hover {
	animation: bounce 1s linear;
	}
.content-header .based {
	margin-top: 40px;
	}
.content-header .based h4 {
	font-family: "Cafe24Dangdanghae"; font-size: 24px;
	}
.content-header .based-item {
	display: none;
	}
.content-header .based-item ul {
	width: 640px;
	margin: 0 calc((100% - 640px) / 2);
	padding: 20px 5px;
	border-top: 1px solid transparent; border-bottom: 1px solid transparent;
	border-image: url("/common_file/image/gold_line.jpg") 1 stretch;
	}
.content-header .based-item li {
	width: 200px;
	height: 200px;
	margin: 0 5px;
	padding: 10px;
	border-radius: 50%;
	}
.content-header .based-item li p {
	width: 180px;
	height: 180px;
	padding: 80px 10px 0;
	border-radius: 50%;
	}
.content-header .based-item li p span:first-child {
	margin-bottom: 10px;
	font-size: 12px;
	}
.content-header .based-item li p span:last-child {
	display: block;
	width: 100%;
	font-family: "Cafe24Dangdanghae";
	text-align: center;
	}
.content-header .based-item li p abbr {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	color: #80ff80;
	text-decoration: none;
	z-index: 2;
	}
.content-header .based-item li p abbr::after {
	content: attr(title);
	position: absolute; top: -12px; left: 0;
	border-bottom: 1px solid #80ff80;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	}
.content-header .based-item li:nth-child(1) p abbr::after {
	width: 150px;
	}
.content-header .based-item li:nth-child(2) p abbr::after {
	width: 124px;
	}
.content-header .based-item li .spinner {
	position: absolute; left: 0; top: 0;
	width: 100%;
	height: 100%;
	border: 10px solid rgb(255, 119, 255);
	border-top-color: #f4f4f4; border-bottom-color: #f4f4f4;
	border-radius: 50%;
	z-index: 1;
	animation: borderspin 3s ease-in-out infinite;
 	}
.content-header .based-item h5 {
	width: 640px;
	margin: 40px calc((100% - 640px) / 2) 10px;
	font-family: "Cafe24Dangdanghae"; font-size: 24px;
	}
.content-header .based-item h5 i {
	display: inline-block;
	margin: 0 10px;
	font-size: 28px;
	vertical-align: middle;
	}
.content-header .based-item h6 {
	width: 640px;
	margin: 0 calc((100% - 640px) / 2);
	font-family: "Cafe24Danjunghae"; font-size: 16px;
	text-align: right;
	}
@keyframes borderspin {
	100% { transform: rotate(360deg); }
	}
.dot-loader {
	position: relative; left: calc((100% - 16px) / 2);
	width: 16px;
	margin-top: 60px;
	aspect-ratio: 1; color: rgb(255, 119, 255);
	}
.dot-loader::before, .dot-loader::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: rgb(255, 119, 255);
	}
.dot-loader::before {
	box-shadow: -25px 0;
	animation: l8-1 1s infinite linear;
	}
.dot-loader::after {
	transform: rotate(0deg) translateX(25px);
	animation: l8-2 1s infinite linear;
	}
@keyframes l8-1 {
    100%{transform: translateX(25px)}
	}
@keyframes l8-2 {
    100%{transform: rotate(-180deg) translateX(25px)}
	}
.plus79-loader {
	width: 240px;
	margin: 60px calc((100% - 240px) / 2) 0;
	}
.plus79-loader img {
	width: 80px;
	}
.plus79-loader span b {
	color: transparent;
	}
.loader::before {
	content: "";
	position: absolute;
	right: 44px; bottom: 18px;
	width: 3px;
	height: 10px;
	background: #fff;
	animation: animateI 1s ease-in infinite;
	}
.loader::after {
	content: "";
	position: absolute; right: 41px; top: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cb1d4c;
	animation: animateCI 1s ease-in infinite;
	}
@keyframes animateI {
	0% { height: 10px; }
	100% { height: 12px; }
	}
@keyframes animateCI {
	0% { transform: translateY(-1px) scaleY(1) scaleX(1.25); }
	25%, 75% { transform: translateY(-5px) scaleY(1.2) scaleX(1); }
	50% { transform: translateY(-5px) scaleY(1) scaleX(1); }
	100% { transform: translateY(-1px) scaleY(0.8) scaleX(0.8); }
	}
.content-header .onsite {
	display: none;
	margin-top: 30px;
	}
.content-header .onsite .ul-wrap {
	width: calc(100% - 400px);
	border: 1px solid #fff; border-radius: 20px;
	background-color: #fff;
	overflow: hidden;
	}
.content-header .onsite .ul-wrap h5 {
	width: calc(200px);
	margin-top: 30px;
	padding-left: 20px;
	font-family: "Cafe24Dangdanghae";
	color: #212121;
	}
.content-header .onsite .ul-wrap h5 em {
	margin-right: 5px;
	}
.content-header .onsite .ul-wrap ul {
	width: calc(100% - 200px);
	padding: 18px 20px;
	background-color: #f7f7ff;
	}
.content-header .onsite .ul-wrap li {
	margin: 2px 0;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #d1d1d1; border-top-right-radius: 10px; border-bottom-right-radius: 10px;
	}
.content-header .onsite .ul-wrap li span:nth-child(1) {
	width: calc(100% - 170px);
	padding-left: 20px;
	font-family: "Cafe24Dangdanghae";
	color: #212121;
	}
.content-header .onsite .ul-wrap li .radio-type {
	width: 160px;
	margin-right: 10px;
	border: 2px solid #0073e0; border-radius: 20px;
	vertical-align: middle;
	overflow: hidden;
	}
.content-header .onsite .ul-wrap li .radio-type b {
	display: inline-block;
	width: 50%;
	padding: 2px 0;
	font-weight: bold; color: #d1d1d1;
	text-align: center;
	}
.content-header .onsite .ul-wrap li .radio-type b:nth-child(2) {
	background-color: #0073e0; color: #fff;
	}
.content-header .onsite p.shopping {
	position: absolute; top: -100px; right: 0;
	width: 360px;
	}
.content-header .onsite p.shopping img {
	width: 100%;
	}
.content-section .section-nav {
	padding-top: 10px;
	}
.content-section .section-nav ul {
	position: absolute; right: 3px; top: -20px;
	width: auto;
	z-index: 2;
	}
.content-section .section-nav ul.section-nav-collapse {
	position: fixed; top: 80px;
	}
.content-section .section-nav li {
	width: 80px;
	margin: 1px;
	border: 1px solid #000638; border-radius: 5px;
	background-color: #fff;
	}
.content-section .section-nav li a {
	display: block;
	width: 100%;
	height: 44px;
	padding: 5px;
	}
.content-section .section-nav li.base a {
	font-family: "Cafe24Dangdanghae";
	padding-top: 10px;
	text-align: center;
	}
.content-section .section-nav li.patch a {
	padding-top: 6px;
	}
.social .content-section .section-nav li:last-child {
	border-color: #3b5997;
	background-color: #3b5997;
	}
.content-section .section-nav img {
	width: 100%;
	}
.content-section .section-nav li:hover {
	animation: bounce 1s linear;
	}
.content-section .frame-wrap object {
	width: 100%;
	}
.content-section h3.word-mark {
    position: absolute;
    top: 64px;
    margin: 0;
    font-family: "establishRetrosansOTF";
    font-size: 120px;
    color: #f6f6f6;
	text-align: center;
    text-shadow: rgba(0, 0, 0, 0.05) 4px 4px 5px, rgba(255, 255, 255, 0.7) -4px -4px 5px;
	}
.content-section h4 {
    margin-top: 64px;
	font-family: "Cafe24Dangdanghae";
    font-size: 28px;
	color: #000938;
    text-align: center;
    line-height: 42px;
	}
.content-section .dl-wrap {
	padding: 20px 0;
	}
.content-section .dl-wrap dl {
	width: calc(33.33333% - 10px);
	margin: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 8px 0px, rgba(255, 255, 255, 0.8) -4px -4px 8px 0px;
	text-align: center;
	}
.content-section .dl-wrap dt {
	padding: 10px 0;
	font-family: "Cafe24Dangdanghae"; font-size: 20px;
	color: #000938;
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-color: #d1d1d1;
	}
.content-section .dl-wrap dd {
	height: 100px;
	margin-top: 20px;
	padding: 10px;
	font-family: "Cafe24Danjunghae";
	}
.content-section .suggest {
	margin-bottom: 20px;
	overflow: hidden;
	}
.content-section .suggest .content {
    height: 680px;
	border-radius: 10px;
    background: url("/solution/plus79/common_file/image/container_bg_blue.webp") top center no-repeat;
    background-size: cover;
	overflow: hidden;
	z-index: 2;
	}
.content-section .suggest h4 {
	margin: 40px 0 0;
	padding-left: 20px;
	color: #fff;
	text-align: left;
	text-decoration: underline;
	text-underline-offset: 10px;
	}
.content-section .suggest h5 {
	margin-top: 0;
	font-family: "Cafe24Danjunghae";
	color: #fff;
	}
.content-section .suggest h5 span {
	display: block;
	margin-left: 24px; margin-top: -7px;
	font-size: 20px; line-height: 1em;
	}
.content-section .suggest ol {
	margin-top: 30px;
	padding-left: 20px;
	font-family: "Cafe24Danjunghae";
	color: #fff;
	}
.content-section .suggest ol li {
	margin: 5px 0;
	}
.content-section .suggest ol sup {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	padding-top: 10px;
	border-radius: 50%;
	background-color: #fff; color: #000027;
	font-size: 16px;
	text-align: center;
	}
.content-section .suggest ol p {
	padding-left: 30px;
	font-family: "Nanum Gothic"; font-weight: bold;
	}
.content-section .suggest ul {
	top: -60px;
	float: right;
	width: auto;
	padding-right: 20px;
	font-family: "Cafe24Danjunghae";
	color: #fff;
	}
.content-section .suggest ul li {
	width: 160px;
	margin-top: 80px;
	}
.content-section .suggest ul li p {
	width: 160px;
	height: 160px;
	padding-top: calc(50% - 12px);
	border-radius: 50%;
	border: 2px solid #cee8f7;
	font-size: 28px;
	color: #e6f3fb;
	text-align: center;
	text-shadow: 1px 2px 2px #212121;
	}
.content-section .suggest ul li p b {
	font-size: 32px;
	vertical-align: middle;
	}
.content-section .suggest ul li span {
	position: absolute; bottom: -50px; left: 0;
	width: 100%;
	text-align: center;
	text-shadow: 1px 2px 2px #212121;
	}
.content-section .suggest ul li span b {
	display: inline-block;
	}
.content-section .suggest ul li:nth-child(2) {
	width: 280px;
	height: 280px;
	margin: 0 40px;
	padding: 20px;
	border: none; border-radius: 50%;
	}
.content-section .suggest ul li:nth-child(2) p {
	width: 240px;
	height: 240px;
	padding-top: calc(50% + 12px);
	border: none;
	background-color: rgba(255,255,255, .8); color: #044989;
	text-shadow: none;
	text-align: center;
	}
.content-section .suggest ul li:nth-child(2) p span {
	position: relative; bottom: auto;
	font-size: 16px;
	text-shadow: none;
	}
.content-section .suggest ul li:nth-child(2) p img {
	position: absolute; top: 30px; left: 68px;
	width: 100px;
	}
.content-section .suggest ul li:nth-child(2) img[alt="process"] {
	position: absolute; top: -10px; left: -15px;
	border-radius: 50%;
	animation: borderspin 30s ease-in-out infinite;
	}
.content-section .suggest iframe {
	position: absolute; top: -60px; left: calc(50% - 200px);
	width: 680px;
	height: 500px;
	background-color: transparent;
	border: none;
	z-index: 1;
	}
.content-section .architecture h4 {
	line-height: 1em;
	}
.content-section .architecture .dl-wrap dl {
	text-align: left;
	}
.content-section .architecture .dl-wrap dt {
	padding-bottom: 0; 
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	color: #000938;
	text-decoration: none;
	}
.content-section .architecture .dl-wrap dt abbr {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	font-size: 20px;
	text-decoration: none;
	}
.content-section .architecture .dl-wrap dt abbr::after {
	content: attr(title);
	position: absolute; bottom: -24px; left: 0;
	width: 260px;
	font-size: 14px;
	text-align: left;
	}
.content-section .architecture .dl-wrap dd {
	height: 300px;
	padding-top: 20px;
	}
.content-section .architecture .dl-wrap dd span {
	color: #003575;
	line-height: 1em;
	}
.content-section .architecture .dl-wrap dd span em {
	display: block;
	font-size: 14px;
	}
.content-section .architecture .dl-wrap dd p {
	margin: 10px 0;
	font-family: "Nanum Gothic"; font-weight: bold;
	text-align: justify;
	}
.content-footer .spec-wrap {
	margin-top: 140px;
	}