/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

/* 서브공통 */
#sub_wrap {
	position:relative;
	box-sizing:border-box;
	padding:12rem 0;
}
.sub0102 .bg {background-image:url("../_img/sub/sv_siriusWeb.jpg") !important;}
.sub-wrap .title {
	text-align:center;
	margin-bottom:10rem;
}
.sub-wrap .title > .desc {
	display:block;
	font-size:2rem;
	font-weight:800;
	color:var(--navy-color);
	margin-bottom:2rem;
}
.sub-wrap .title > h2 {
	font-size:4rem;
	font-weight:700;
	color:#222;
}
.sub-wrap .title > p {
	margin-top:2rem;
	font-size:2rem;
	font-weight:400;
	color:#999;
}
.sub-wrap .title.white > .desc {
	color:rgba(255,255,255,0.5);
	font-weight:700;
}
.sub-wrap .title.white > h2 {
	color:#fff;
}
.sub-wrap section {
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	padding:12rem 0;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:6rem 0;
	}
	.sub-wrap .title {
		margin-bottom:4rem;
	}
	.sub-wrap .title > .desc {
		font-size:1.8rem;
		margin-bottom:1rem;
	}
	.sub-wrap .title > h2 {
		font-size:2.6rem;
	}
	.sub-wrap .title > p {
		margin-top:1rem;
		font-size:1.8rem;
	}
	.sub-wrap section {
		padding:6rem 0;
	}
}



/* sirius */

.sirius-wrap .sec01 {
	padding:0 0 12rem;
}
.sirius-wrap .sec01 .content {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.sirius-wrap .sec01 .content > .img {
	max-width:42%;
	flex:0 0 42%;
}
.sirius-wrap .sec01 .content > .info {
	--wid : calc(100% - 42%);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:6rem;
}
.sirius-wrap .sec01 .content > .info > .row {
	box-sizing:border-box;
	margin-top:3rem;
}
.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] > .txt {
	margin-top:2rem;
	text-align:center;
}
.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] > .txt > h3 {
	font-size:2.2rem;
	font-weight:700;
	color:#222;
}
.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] > .txt > p {
	font-size:2rem;
	font-weight:300;
	color:#666;
}
.sirius-wrap .sec01 .content > .info dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	margin:1rem 0;
}
.sirius-wrap .sec01 .content > .info dl > dt,
.sirius-wrap .sec01 .content > .info dl > dd {
	font-size:2rem;
	font-weight:300;
	color:#666;
}
.sirius-wrap .sec01 .content > .info dl > dt {
	max-width:20rem;
	flex:0 0 20rem;
	position:relative;
	font-weight:600;
	color:#222;
}
.sirius-wrap .sec01 .content > .info dl > dt:after {
	content:"";
	position:absolute;
	width:1px;
	height:60%;
	background:#ddd;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.sirius-wrap .sec01 .content > .info dl > dd {
	--wid : calc(100% - 20rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:3rem;
}
@media (max-width: 1199.98px) {
	.sirius-wrap .sec01 .content {
		display:block;
	}
	.sirius-wrap .sec01 .content > .img {
		max-width:100%;
		flex:0 0 100%;
		text-align:center;
	}
	.sirius-wrap .sec01 .content > .info {
		--wid : 100%;
		padding-left:0;
		margin-top:6rem;
	}
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec01 {
		padding:0 0 6rem;
	}
	.sirius-wrap .sec01 .content > .info {
		--wid : 100%;
		padding-left:0;
		margin-top:4rem;
	}
	.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] > .txt > h3 {
		font-size:2rem;
	}
	.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] > .txt > p {
		font-size:1.8rem;
	}
	.sirius-wrap .sec01 .content > .info dl > dt,
	.sirius-wrap .sec01 .content > .info dl > dd {
		font-size:1.8rem;
	}
	.sirius-wrap .sec01 .content > .info dl > dt {
		max-width:10rem;
		flex:0 0 10rem;
	}
	.sirius-wrap .sec01 .content > .info dl > dd {
		--wid : calc(100% - 10rem);
		padding-left:2rem;
	}
}
@media (max-width: 767.98px) {
	.sirius-wrap .sec01 .content > .img > img {
		max-width:80% !important;
	}
	.sirius-wrap .sec01 .content > .info > .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	.sirius-wrap .sec01 .content > .info > .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
	.sirius-wrap .sec01 .content > .info dl {
		display:block;
	}
	.sirius-wrap .sec01 .content > .info dl > dt {
		max-width:100%;
		flex:0 0 100%;
	}
	.sirius-wrap .sec01 .content > .info dl > dd {
		--wid : 100%;
		padding-left:0;
	}
}

.sirius-wrap .sec02 {
	background:var(--navy-color) url('../_img/sub/sirius_sec02_bg.jpg') no-repeat center center / cover;
	padding:12rem 0 20rem;
}
.sirius-wrap .sec02 .content{
	width:100%;
	max-width:126rem;
	margin:0 auto;
}
.sirius-wrap .sec02 .row {
	margin-left:-3rem;
	margin-right:-3rem;
	margin-top:12rem;
}
.sirius-wrap .sec02 .row > div[class^='col-'] {
	padding-left:3rem;
	padding-right:3rem;
}
.sirius-wrap .sec02 .row > div[class^='col-'] > .txt {
	text-align:center;
	margin-top:2rem;
}
.sirius-wrap .sec02 .row > div[class^='col-'] > .txt > span {
	display:block;
	font-size:2rem;
	font-weight:400;
	color:#98a1af;
}
.sirius-wrap .sec02 .row > div[class^='col-'] > .txt > p {
	font-size:2.2rem;
	font-weight:600;
	color:#fff;
	margin-top:0.5rem;
}
@media (max-width: 1199.98px) {
	.sirius-wrap .sec02 {
		padding:12rem 0;
	}
	.sirius-wrap .sec02 .content{
		max-width:100%;
	}
	.sirius-wrap .sec02 .row {
		margin-left:-2rem;
		margin-right:-2rem;
	}
	.sirius-wrap .sec02 .row > div[class^='col-'] {
		padding-left:2rem;
		padding-right:2rem;
		margin-bottom:6rem;
	}
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec02 {
		padding:6rem 0;
	}
	.sirius-wrap .sec02 .row {
		margin-left:-1rem;
		margin-right:-1rem;
		margin-top:6rem;
	}
	.sirius-wrap .sec02 .row > div[class^='col-'] {
		padding-left:1rem;
		padding-right:1rem;
		margin-bottom:4rem;
	}
	.sirius-wrap .sec02 .row > div[class^='col-'] > .txt > span {
		font-size:1.8rem;
	}
	.sirius-wrap .sec02 .row > div[class^='col-'] > .txt > p {
		font-size:2rem;
		margin-top:0;
	}
}

.sirius-wrap .sec03 .flex {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	flex-direction:row-reverse;
}
.sirius-wrap .sec03 .flex > .img {
	max-width:42%;
	flex:0 0 42%;
}
.sirius-wrap .sec03 .flex > .info {
	--wid : calc(100% - 42%);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-right:6rem;
}
.sirius-wrap .sec03 .flex > .info > .in {
	margin-bottom:5rem;
}
.sirius-wrap .sec03 .flex > .info > .in:last-child {
	margin-bottom:0;
}
.sirius-wrap .sec03 .flex > .info > .in > h3 {
	font-size:2.8rem;
	font-weight:600;
	color:#222;
	margin-bottom:1rem;
}
.sirius-wrap .sec03 .flex > .info > .in > h3 > .green {
	color:#2a8aa9;
}
.sirius-wrap .sec03 .flex > .info > .in > ul {
	list-style:none;
	padding-left:0;
}
.sirius-wrap .sec03 .flex > .info > .in > ul > li {
	position:relative;
	box-sizing:border-box;
	padding-left:1.5rem;
	font-size:2rem;
	font-weight:300;
	color:#666;
	margin:0.5rem 0;
}
.sirius-wrap .sec03 .flex > .info > .in > ul > li > span {
	font-size:1.8rem;
	color:#888;
}
.sirius-wrap .sec03 .flex > .info > .in > ul > li:before {
	content:"";
	width:4px;
	height:4px;
	position:absolute;
	left:0;
	top:1.2rem;
	border-radius:50%;
	background:var(--blue-color);
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec03 .flex {
		display:block;
	}
	.sirius-wrap .sec03 .flex > .img {
		max-width:100%;
		flex:0 0 100%;
		text-align:center;
	}
	.sirius-wrap .sec03 .flex > .info {
		--wid : 100%;
		padding-right:0;
		margin-top:4rem;
	}
	.sirius-wrap .sec03 .flex > .info > .in {
		margin-bottom:3rem;
	}
	.sirius-wrap .sec03 .flex > .info > .in > h3 {
		font-size:2.4rem;
	}
	.sirius-wrap .sec03 .flex > .info > .in > ul > li {
		padding-left:1rem;
		font-size:1.8rem;
	}
	.sirius-wrap .sec03 .flex > .info > .in > ul > li > span {
		font-size:1.6rem;
		display:inline-block;
		margin-top:0.5rem;
	}
	.sirius-wrap .sec03 .flex > .info > .in > ul > li:before {
		width:3px;
		height:3px;
		top:1rem;
	}
}
@media (max-width: 767.98px) {
	.sirius-wrap .sec03 .flex > .img > img {
		max-width:80% !important;
	}
}


.sirius-wrap .sec04 {
	background:#f5f5f5;
}
.sirius-wrap .sec04 .title {
	margin-bottom:8rem;
}
.sirius-wrap .sec04 .top > .info dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	margin:1rem 0;
}
.sirius-wrap .sec04 .top > .info dl > dt,
.sirius-wrap .sec04 .top > .info dl > dd {
	font-size:2rem;
	font-weight:300;
	color:#666;
}
.sirius-wrap .sec04 .top > .info dl > dt {
	max-width:20rem;
	flex:0 0 20rem;
	position:relative;
	font-weight:600;
	color:#222;
}
.sirius-wrap .sec04 .top > .info dl > dt:after {
	content:"";
	position:absolute;
	width:1px;
	height:60%;
	background:#ddd;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.sirius-wrap .sec04 .top > .info dl > dd {
	--wid : calc(100% - 20rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:3rem;
}
.sirius-wrap .sec04 .top > .desc {
	font-size:1.8rem;
	font-weight:300;
	color:#999;
	display:block;
	margin-top:2rem;
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec04 .title {
		margin-bottom:4rem;
	}
	.sirius-wrap .sec04 .top > .info dl > dt,
	.sirius-wrap .sec04 .top > .info dl > dd {
		font-size:1.8rem;
	}
	.sirius-wrap .sec04 .top > .info dl > dt {
		max-width:14rem;
		flex:0 0 14rem;
	}
	.sirius-wrap .sec04 .top > .info dl > dd {
		--wid : calc(100% - 14rem);
		padding-left:2rem;
	}
	.sirius-wrap .sec04 .top > .desc {
		font-size:1.6rem;
		margin-top:1rem;
	}
}
@media (max-width: 767.98px) {
	.sirius-wrap .sec04 .top > .info dl {
		display:block;
	}
	.sirius-wrap .sec04 .top > .info dl > dt {
		max-width:100%;
		flex:0 0 100%;
	}
	.sirius-wrap .sec04 .top > .info dl > dd {
		--wid : 100%;
		padding-left:0;
	}
}
.sirius-wrap .sec04 .row {
	margin-top:3rem;
}
.sirius-wrap .sec04 .row > div[class^='col-'] {
	margin-bottom:2rem;
}
.sirius-wrap .sec04 .row > div[class^='col-'] > p {
	font-size:2rem;
	font-weight:600;
	color:#222;
	margin-top:2rem;
	text-align:center;
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec04 .row {
		margin-top:2rem;
	}
	.sirius-wrap .sec04 .row > div[class^='col-'] > p {
		font-size:1.8rem;
		margin-top:1rem;
	}
}


.sirius-wrap .sec05 {
	background:#222;
}
.sirius-wrap .sec05 .img > img {
	width:100%;
}
.sirius-wrap .sec05 .txt {
	text-align:center;
	margin-top:8rem;
}
.sirius-wrap .sec05 .txt > p {
	color:#fff;
	font-size:2.4rem;
	font-weight:500;
	line-height:1.6;
}
.sirius-wrap .sec05 .txt > p > span {
	color:#edc22e;
}
.sirius-wrap .sec05 .txt > .desc {
	display:block;
	font-size:1.8rem;
	color:#999;
	margin-top:0.5rem;
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec05 .img > img {
		max-width:67.9rem;
	}
	.sirius-wrap .sec05 .txt {
		margin-top:4rem;
	}
	.sirius-wrap .sec05 .txt > p {
		font-size:2rem;
		line-height:1.4;
	}
	.sirius-wrap .sec05 .txt > .desc {
		font-size:1.6rem;
	}
}


.sirius-wrap .sec06 .sirius-swiper{
	position:relative;
	width:74rem;
	margin:0 auto;
}
.sirius-wrap .sec06 .sirius-swiper .swiper-slide {
	display:flex;
	align-items:center;
	justify-content:center;
	height:44.9rem;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-button-next,
.sirius-wrap .sec06 .sirius-swiper .sirius-button-prev {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:7.8rem;
	height:7.8rem;
	border-radius:50%;
	background:#222;
	text-align:center;
	line-height:8.6rem;
	font-size:2.8rem;
	color:#fff;
	z-index:10;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-button-prev {
	left:-10rem;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-button-next {
	right:-10rem;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-pagination {
	text-align:center;
	display:none;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-pagination .swiper-pagination-bullet {
	width:1rem;
	height:1rem;
	margin:0 0.3rem;
	border-radius:50%;
	opacity:1;
	background:#ddd;
}
.sirius-wrap .sec06 .sirius-swiper .sirius-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:var(--navy-color);
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec06 .sirius-swiper{
		width:100%;
	}
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-next,
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-prev {
		width:6rem;
		height:6rem;
		line-height:6.4rem;
		font-size:2.4rem;
	}
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-prev {
		left:0;
	}
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-next {
		right:0;
	}
}
@media (max-width: 767.98px) {
	.sirius-wrap .sec06 .sirius-swiper .swiper-slide {
		height:auto;
	}
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-next,
	.sirius-wrap .sec06 .sirius-swiper .sirius-button-prev{
		display:none;
	}
	.sirius-wrap .sec06 .sirius-swiper .sirius-pagination {
		display:block;
	}
}

.sirius-wrap .sec06 {
	padding:12rem 0 0;
}
.sirius-wrap .sec06 .info {
	margin-top:4rem;
}
.sirius-wrap .sec06 .info > div[class^='col-'] {
	margin-bottom:2rem;
}
.sirius-wrap .sec06 .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:2rem;
	padding:4rem 4rem 4rem 0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	height:100%;
}
.sirius-wrap .sec06 .box > .icon {
	max-width:25rem;
	flex:0 0 25rem;
	text-align:center;
}
.sirius-wrap .sec06 .box > .icon > p {
	text-align:center;
	font-size:2rem;
	font-weight:800;
	line-height:1.2;
	color:#222;
	margin-top:0.5rem;
}
.sirius-wrap .sec06 .box > .inner {
	--wid : calc(100% - 25rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
}
.sirius-wrap .sec06 .box > .inner dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
}
.sirius-wrap .sec06 .box > .inner dl > dt,
.sirius-wrap .sec06 .box > .inner dl > dd{
	font-size:2rem;
	font-weight:400;
	color:#222;
	box-sizing:border-box;
	padding:0.2rem 0;
}
.sirius-wrap .sec06 .box > .inner dl > dt {
	color:var(--navy-color);
	font-weight:500;
	width:20rem;
	text-align:justify;
}
.sirius-wrap .sec06 .box > .inner.inner2 dl > dt {
	width:18rem;
}
.sirius-wrap .sec06 .box > .inner > p:first-child {
	margin-top:0;
}
.sirius-wrap .sec06 .box > .inner > p {
	margin-top:1rem;
	margin-bottom:0.5rem;
	color:var(--navy-color);
	font-size:2rem;
	font-weight:600;
}
.sirius-wrap .sec06 .info > div[class^='col-']:last-child .box > .inner dl > dt,
.sirius-wrap .sec06 .info > div[class^='col-']:last-child .box > .inner dl > dd{
	font-size:1.8rem;
	font-weight:400;
}
.sirius-wrap .sec06 .btnArea {
	margin-top:6rem;
}
.sirius-wrap .sec06 .btnArea > .btn-inquiry {
	display:inline-block;
	box-sizing:border-box;
	padding:2.4rem 12rem;
	font-size:2.8rem;
	font-weight:700;
	color:#fff;
	background:#2a8aa9;
	border-radius:5rem;
}

@media (max-width: 1280px) {
	.sirius-wrap .sec06 .box {
		padding:4rem 3rem 4rem 0;
	}
	.sirius-wrap .sec06 .box > .icon {
		max-width:20rem;
		flex:0 0 20rem;
	}
	.sirius-wrap .sec06 .box > .inner {
		--wid : calc(100% - 20rem);
	}
}
@media (max-width: 1199.98px) {
	.sirius-wrap .sec06 .box > .icon {
		max-width:24rem;
		flex:0 0 24rem;
	}
	.sirius-wrap .sec06 .box > .inner {
		--wid : calc(100% - 24rem);
	}
}
@media (max-width: 991.98px) {
	.sirius-wrap .sec06 {
		padding:6rem 0 0;
	}
	.sirius-wrap .sec06 .box > .icon > p {
		font-size:1.8rem;
	}
	.sirius-wrap .sec06 .box > .inner dl > dt,
	.sirius-wrap .sec06 .box > .inner dl > dd{
		font-size:1.8rem;
	}
	.sirius-wrap .sec06 .btnArea {
		margin-top:2rem;
	}
	.sirius-wrap .sec06 .btnArea > .btn-inquiry {
		padding:2rem 8rem;
		font-size:2rem;
	}
	.sirius-wrap .sec06 .box > .inner dl > dt {
	color:var(--navy-color);
	font-weight:500;
	width:24rem;
	text-align:justify;
	}
}
@media (max-width: 767.98px) {
	.sirius-wrap .sec06 .box {
		padding:4rem 3rem;
		display:block;
	}
	.sirius-wrap .sec06 .box > .icon {
		max-width:100%;
		flex:0 0 100%;
		margin-bottom:3rem;
	}
	.sirius-wrap .sec06 .box > .inner {
		--wid : 100%;
	}
	.sirius-wrap .sec06 .box > .inner dl > dt {
		width:12rem;
	}
	.sirius-wrap .sec06 .box > .inner.inner2 dl > dt {
		width:16rem;
	}
	.sirius-wrap .sec06 .box > .inner dl > dt {
	color:var(--navy-color);
	font-weight:500;
	width:28rem;
	text-align:justify;
	}
}




/* sirius Web */
.siriusWeb-wrap .sec01 {
	padding-top:0;
}
.siriusWeb-wrap .sec01 .title > h2{
	font-size: 3.5rem;
}
.siriusWeb-wrap .sec01 .content {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.siriusWeb-wrap .sec01 .content > .img {
	max-width:42%;
	flex:0 0 42%;
	position:relative;
}
.siriusWeb-wrap .sec01 .content > .img > .img-swiper {
	position:relative;
	display:inline-block;
}
.siriusWeb-wrap .sec01 .content > .img > .img-swiper .mask {
	display:inline-block;
	position:absolute;
	width:63.8%;
	left:16.2%;
	top:3%;
}
.siriusWeb-wrap .sec01 .content > .info {
	--wid : calc(100% - 42%);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	box-sizing:border-box;
	padding-left:6rem;
}
.siriusWeb-wrap .sec01 .content > .info .title {
	text-align:left;
	margin-bottom:0;
}
.siriusWeb-wrap .sec01 .content > .info ul {
	margin-top:3rem;
	list-style:none;
	padding-left:0;
}
.siriusWeb-wrap .sec01 .content > .info ul > li {
	position:relative;
	font-size:2.5rem;
	font-weight:300;
	line-height:1.6;
	color:#666;
	box-sizing:border-box;
	padding-left:1.5rem;
	/* display:none; */
}
.siriusWeb-wrap .sec01 .content > .info ul > li:before {
	content:"";
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--navy-color);
	position:absolute;
	left:0;
	top:1.5rem;
}
.siriusWeb-wrap .sec01 .btnArea {
	margin-top:3rem;
}
.siriusWeb-wrap .sec01 .btnArea > .btn-inquiry {
	display:inline-block;
	box-sizing:border-box;
	padding:1.6rem 8rem;
	font-size:2.2rem;
	font-weight:600;
	color:#fff;
	background:#2a8aa9;
	border-radius:5rem;
}

.siriusWeb-wrap .sec02{
	background: #f5f5f5;
}
.siriusWeb-wrap .sec02 ul{
	display: flex;
	gap: 3rem;
}
.siriusWeb-wrap .sec02 ul li{
	width: calc(25% - 2rem);
	border-radius: 2rem;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
}
.siriusWeb-wrap .sec02 ul li .img{
	padding-top: 67%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.siriusWeb-wrap .sec02 ul li .txt{
	padding: 2.5rem 2rem;
	min-height: 32rem;
	border-top: 1px solid #ddd;
}
.siriusWeb-wrap .sec02 ul li .txt .name{
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #aaa;
	border-bottom: 1px solid #ddd;
}
.siriusWeb-wrap .sec02 ul li .txt .name strong{
	display: block;
	margin-top: 5px;
	font-size: 2.4rem;
	color: #222;
}
.siriusWeb-wrap .sec02 ul li .txt > div p{
	position: relative;
	padding-left: 1.5rem;
	font-size: 2rem;
	font-weight: 300;
	color: #666;
}
.siriusWeb-wrap .sec02 ul li .txt > div p::before{
	content: '';
	position: absolute;
	top: 14px; left: 0;
	width: 4px; height: 4px;
	background: #325883;
	border-radius: 50%;
}
@media (max-width:1250px) {
	.siriusWeb-wrap .sec02 ul li .txt > div p br{
		display: none;
	}
}
@media (max-width: 1199.98px) {
	.siriusWeb-wrap .sec01 .content {
		display:block;
	}
	.siriusWeb-wrap .sec01 .content > .img {
		max-width:100%;
		flex:0 0 100%;
		text-align:center;
	}
	.siriusWeb-wrap .sec01 .content > .info {
		--wid : 100%;
		padding-left:0;
		margin-top:6rem;
	}
	.siriusWeb-wrap .sec01 .btnArea {
		text-align:center;
	}

	.siriusWeb-wrap .sec02 ul{
		flex-wrap: wrap;
	}
	.siriusWeb-wrap .sec02 ul li{
		width: calc(50% - 1.6rem);
	}
}
@media (max-width: 991.98px) {
	.siriusWeb-wrap .sec01 {
		padding:0 0 6rem;
	}
	.siriusWeb-wrap .sec01 .content > .info {
		--wid : 100%;
		padding-left:0;
		margin-top:4rem;
	}
	.siriusWeb-wrap .sec01 .content > .info ul {
		margin-top:2rem;
	}
	.siriusWeb-wrap .sec01 .content > .info ul > li {
		line-height:1.4;
	}
	.siriusWeb-wrap .sec01 .content > .info ul > li:before {
		top:1rem;
	}
	.siriusWeb-wrap .sec01 .btnArea > .btn-inquiry {
		font-size:2rem;
	}
}

@media (max-width: 767.98px) {
	.siriusWeb-wrap .sec01 .content > .img > img {
		max-width:80% !important;
	}

	.siriusWeb-wrap .sec02 ul li{
		width:100%;
	}
}



/* sirius enterprise */
.siriusEnterPrise-wrap {
	padding-top: 2rem;
}
.siriusEnterPrise-wrap .sec01 {
	padding:0 0 14rem;
}
.siriusEnterPrise-wrap .sec02{
	background:#0d335d url('../_img/sub/siriusEnterprise_sec02_bg.jpg') no-repeat center top / cover;
}
@media (max-width: 991.98px) {
	.siriusEnterPrise-wrap .sec01 {
		padding:0 0 6rem;
	}
}


/* sirius Lite */
.siriusLite-wrap .sec01 {
	padding:0 0 12rem;
}
.siriusLite-wrap .sec02{
	background:#0d335d;
}
.siriusLite-wrap .sec02 .inner {
	width:100%;
	max-width:128rem;
	position:relative;
	margin:0 auto;
}
.siriusLite-wrap .sec02 .inner h3 {
	box-sizing:border-box;
	background:#fff;
	text-align:center;
	padding:1rem;
	border-radius:3rem;
	font-size:2.4rem;
	font-weight:600;
	color:var(--navy-color);
	margin-bottom:3rem;

	/* 추가 */
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.siriusLite-wrap .sec02 .inner .img{
	border-radius: 2rem;
	overflow: hidden;
}
@media (max-width: 1199.98px) {
	/* 추가 */
	.siriusLite-wrap .sec02 .inner h3 {
	}
}
@media (max-width: 991.98px) {
	.siriusLite-wrap .sec01 {
		padding:0 0 6rem;
	}
	.siriusLite-wrap .sec02 .inner h3 {
		font-size:2rem;
		margin-bottom:2rem;

		/* 추가 */
		padding: 1rem;
		justify-content: center;
	}
	.siriusLite-wrap .sec02 .inner .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
}



/* company */
.company-wrap .sec01 {
	padding:4rem 0 30rem;
	overflow:unset;
	background:url('../_img/sub/company_symbol.png') no-repeat left 5% bottom / 47.2rem;
}
.company-wrap .sec01 .flex {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
}
.company-wrap .sec01 .title {
	text-align:left;
	margin-bottom:2rem;
	max-width:50%;
	flex:0 0 50%;
}
.company-wrap .sec01 .title > p {
	color:#666;
}
.company-wrap .sec01 .img-box {
	position:relative;
	max-width:50%;
	flex:0 0 50%;
}
.company-wrap .sec01 .img-box > .img2 {
	position:absolute;
	width:42rem;
	height:24rem;
	left:-5rem;
	bottom:-21rem;
	z-index:10;
	filter: drop-shadow(5px 0 10px rgba(0,0,0,0.15)); 
}
@media (max-width: 1199.98px) {
	.company-wrap .sec01 {
		padding:4rem 0 10rem;
		overflow:hidden;
		background:url('../_img/sub/company_symbol.png') no-repeat right 5% bottom / 37.2rem;
	}
	.company-wrap .sec01 .title {
		text-align:center;
		margin-bottom:0;
		max-width:100%;
		flex:0 0 100%;
	}
	.company-wrap .sec01 .img-box {
		margin-top:4rem;
		text-align:center;
		max-width:100%;
		flex:0 0 100%;
	}
	.company-wrap .sec01 .img-box > .img2 {
		position:relative;
		left:auto;
		bottom:auto;
		width:auto;
		height:auto;
		margin-top:2rem;
		filter: drop-shadow(5px 0 10px rgba(0,0,0,0.0)); 
	}
}
@media (max-width: 991.98px) {
	.company-wrap .sec01 {
		padding:0;
		background:none;
	}
}



/* history */
.history-wrap .sec01 {padding:4rem 0;}
.history-wrap > strong{ opacity:.35; display:block; font-size:14rem; color:#e0e0e0; line-height:1; text-align:center; }
.history-wrap .history-box { position:relative;}
.history-wrap .history_list{ margin-top:0; list-style:none; padding-left:0; position:relative;}
.history-wrap .history_list > li{ position:relative; clear:both; width:50%; padding-bottom:9rem; }
.history-wrap .history_list > li:last-child{ padding-bottom:0; }
.history-wrap .history-box:before,
.history-wrap .history-box:after{ content:""; position:absolute; left:50%; top:0; width:1px;}
.history-wrap .history-box:before{ height:100%; background:#e9e9e9; }
.history-wrap .history-box:after{ height:0%; background:#00529c;
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.history-wrap .history-box.aos-animate:after{ height:100%;}
.history-wrap .history_list > li h5{ position:relative; font-size:4rem; margin-bottom:2rem; font-weight:800; line-height:.7;   }
.history-wrap .history_list > li h5:after,
.history-wrap .history_list > li h5:before{ content:""; z-index:11; position:absolute; border-radius:100%; }
.history-wrap .history_list > li h5:after{ opacity:0; top:0; width:2.2rem; height:2.2rem; border:1px solid #ccc; background:#fff; 
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.history-wrap .history-box.aos-animate h5:after{ opacity:1;}
.history-wrap .history_list > li h5:before{ z-index:12; top:.6rem; width:1rem; height:1rem; background:#00529c; }
.history-wrap .history_list > li p{ position:relative; font-size:1.8rem; line-height:2; color:#222; margin-bottom:1rem; }
.history-wrap .history_list > li p:last-child{ margin-bottom:0; }
.history-wrap .history_list > li p b{ position:absolute; top:0; font-weight:700; font-family: 'Play';}
.history-wrap .history_list > li p > span {color:#999;}

.history-wrap .history-box:nth-child(even) .history_list > li{ text-align:right; padding-bottom:8rem; }
.history-wrap .history-box:nth-child(even) .history_list > li:before,
.history-wrap .history-box:nth-child(even) .history_list > li:after{ right:-1px; }
.history-wrap .history-box:nth-child(even) .history_list > li h5{ padding-right:4rem;}
.history-wrap .history-box:nth-child(even) .history_list > li p{ padding-right:8rem;  }
.history-wrap .history-box:nth-child(even) .history_list > li p b{ right:4rem; }
.history-wrap .history-box:nth-child(even) .history_list > li p b:after{ right:0;}
.history-wrap .history-box:nth-child(even) .history_list > li h5:after{ right:-1.1rem;}
.history-wrap .history-box:nth-child(even) .history_list > li h5:before{ right:-.5rem; }

.history-wrap .history-box:nth-child(odd) .history_list > li{ float:right; text-align:left; padding-bottom:8rem; }
.history-wrap .history-box:nth-child(odd) .history_list > li:before,
.history-wrap .history-box:nth-child(odd) .history_list > li:after{ left:-1px; }
.history-wrap .history-box:nth-child(odd) .history_list > li h5{ padding-left:4rem;}
.history-wrap .history-box:nth-child(odd) .history_list > li p{ padding-left:8rem;}
.history-wrap .history-box:nth-child(odd) .history_list > li p b{ left:4rem;}
.history-wrap .history-box:nth-child(odd) .history_list > li p b:after{ left:0;}
.history-wrap .history-box:nth-child(odd) .history_list > li h5:after{ left:-1.1rem;}
.history-wrap .history-box:nth-child(odd) .history_list > li h5:before{ left:-.5rem; }

.history-wrap .history-box .img { position:absolute; left:50%; top:0; padding-left:4rem;}
.history-wrap .history-box:nth-child(odd) .img { left:auto; right:50%; padding-right:4rem; }

.history-wrap .history-box:last-child .history_list > li:before,
.history-wrap .history-box:last-child .history_list > li:after{ display:none;}
.history-wrap .history-box:last-child .history_list > li{ padding-bottom:0; }

@media all and (max-width:991.98px) {
	.history-wrap > strong{  display:none;}
	.history-wrap .history_list{ margin-top:0;}
	.history-wrap .history_list > li{ width:100%; }
	.history-wrap .history-box:before,
	.history-wrap .history-box:after{ left:0; top:0; }

	.history-wrap .history-box {padding-top:6rem;}
	.history-wrap .history-box:first-child {padding-top:0;}

	.history-wrap .history-box:nth-child(even) .history_list > li{ text-align:left; padding-bottom:2rem; }
	.history-wrap .history-box:nth-child(even) .history_list > li:before,
	.history-wrap .history-box:nth-child(even) .history_list > li:after{ right:unset; left:-1px; }
	.history-wrap .history-box:nth-child(even) .history_list > li h5{ padding-right:0rem; padding-left:3rem;  }
	.history-wrap .history-box:nth-child(even) .history_list > li p{ padding-right:0rem; padding-left:6.5rem;  }
	.history-wrap .history-box:nth-child(even) .history_list > li p b{ right:unset; left:3rem; padding-right:0; padding-left:1rem; }
	.history-wrap .history-box:nth-child(even) .history_list > li p b:after{ right:unset; left:0;}
	.history-wrap .history-box:nth-child(even) .history_list > li h5:after{ right:unset; left:-1.1rem;}
	.history-wrap .history-box:nth-child(even) .history_list > li h5:before{ right:unset; left:-.5rem;  }

	.history-wrap .history-box .img { position:relative; left:0; top:0; padding-left:4rem;}
	.history-wrap .history-box:nth-child(odd) .img { left:auto; right:0; padding-right:auto; padding-left:4rem; }
	.history-wrap .history-box:nth-child(odd) .history_list > li{ padding-bottom:2rem; }
}


/* partners */
.partners-wrap .sec01 {padding:0;}
.partners-wrap .row {
	margin-left:-0.8rem;
	margin-right:-0.8rem;
}
.partners-wrap .row > div[class^='col-'] {
	padding-left:0.8rem;
	padding-right:0.8rem;
	max-width:20%;
	flex:0 0 20%;
	margin-bottom:2rem;
}
@media (max-width: 1199.98px) {
	.partners-wrap .row {
		margin-left:-0.5rem;
		margin-right:-0.5rem;
	}
	.partners-wrap .row > div[class^='col-'] {
		max-width:25%;
		flex:0 0 25%;
		padding-left:0.5rem;
		padding-right:0.5rem;
		margin-bottom:1rem;
	}
}
@media (max-width: 991.98px) {
	.partners-wrap .row > div[class^='col-'] {
		max-width:33.3333%;
		flex:0 0 33.3333%;
	}
}
@media (max-width: 575.98px) {
	.partners-wrap .row > div[class^='col-'] {
		max-width:50%;
		flex:0 0 50%;
	}
}


/* location */
.location-wrap .sec01 {
	padding:0;
}
.location-wrap .tab > a {
	font-size:3rem;
	font-weight:700;
	color:#ccc;
	display:inline-block;
	margin-right:2rem;
	position:relative;
}
.location-wrap .tab > a.on,
.location-wrap .tab > a:hover {
	color:#222;
}
.location-wrap .tab > a.on:before,
.location-wrap .tab > a:hover:before {
	content:"";
	position:absolute;
	left:0;
	bottom:0.6rem;
	width:100%;
	height:0.8rem;
	background:rgba(28,70,118,0.7);
}
.location-wrap .flex {
	margin-top:3rem;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	flex-direction:row-reverse;
}
.location-wrap .flex .info {
	max-width:35%;
	flex:0 0 35%;
	box-sizing:border-box;
	border-top:2px solid #222;
	border-bottom:1px solid #ddd;
	height:53rem;
	padding:4rem 1rem;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.location-wrap .flex .info ul {
	list-style:none;
	padding-left:0;
}
.location-wrap .flex .info ul > li {
	display:flex;
	align-items:center;
	margin-bottom:1rem;
	font-size:2rem;
	color:#222;
}
.location-wrap .flex .info ul > li:last-child {
	margin-bottom:0;
}
.location-wrap .flex .info ul > li .icon {
	margin-right:1.5rem;
	max-width:5rem;
	flex:0 0 5rem;
}
.location-wrap .flex .info ul > li .icon > .in {
	width:5rem;
	height:5rem;
	border-radius:100%;
	background:#f5f5f5;
	text-align:center;
	font-size:2rem;
	color:#222;
	line-height:5rem;
}
.location-wrap .flex .info ul > li > p {
	--wid : calc(100% - 5rem);
	max-width:var(--wid);
	flex:0 0 var(--wid);
}
.location-wrap .flex .btnArea .btn-loca {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	font-size:1.8rem;
	font-weight:500;
	color:#222;
	padding:1.5rem 3rem;
	width:24rem;
	border-radius:4rem;
	border:1px solid #ddd;
	margin-bottom:1rem;
}
.location-wrap .flex .btnArea .btn-loca > i {
	position:absolute;
	right:2rem;
	top:50%;
	transform:translateY(-50%);
}
.location-wrap .flex .btnArea .btn-loca:hover {
	background:var(--navy-color);
	border:1px solid var(--navy-color);
	color:#fff;
}
.location-wrap .map {
	width:100%;
	max-width:65%;
	flex:0 0 65%;
	box-sizing:border-box;
	height:53rem;
	padding-left:4rem;
}
.location-wrap .map #map1 {
	width:100%;
	height:100%;
}
.customoverlay {position:relative; left:2px; bottom:80px; border-radius:6px; border: 1px solid #ccc; background:#fff; font-size:1.6rem; font-weight:600; text-align:center; padding:0.5rem 2rem;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-11px;width:20px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}


@media (max-width: 1199.98px) {
	.location-wrap .tab {
		text-align:center;
	}
	.location-wrap .flex {
		display:block;
	}
	.location-wrap .flex .info {
		margin-top:4rem;
		max-width:100%;
		flex:0 0 100%;
		height:auto;
		position:relative;
		flex-direction:row;
	}
	.location-wrap .map {
		max-width:100%;
		flex:0 0 100%;
		height:42rem;
		padding-left:0;
	}
}

@media (max-width: 991.98px) {
	.location-wrap .tab > a {
		font-size:2rem;
		margin-right:1rem;
	}
	.location-wrap .tab > a.on:before,
	.location-wrap .tab > a:hover:before {
		bottom:0.3rem;
		height:0.5rem;
	}
	.location-wrap .flex .info {
		margin-top:3rem;
		max-width:100%;
		flex:0 0 100%;
		height:auto;
		position:relative;
		flex-direction:row;
		padding:3rem 1rem;
	}
	.location-wrap .flex .info ul > li {
		font-size:1.8rem;
	}
	.location-wrap .flex .info ul > li .icon {
		margin-right:1rem;
		max-width:4rem;
		flex:0 0 4rem;
	}
	.location-wrap .flex .info ul > li .icon > .in {
		width:4rem;
		height:4rem;
		font-size:1.8rem;
		line-height:4rem;
	}
	.location-wrap .flex .info ul > li > p {
		--wid : calc(100% - 4rem);
	}
	.location-wrap .flex .btnArea .btn-loca {
		font-size:1.6rem;
		padding:1.2rem 2.5rem;
		width:20rem;
	}
	.location-wrap .flex .btnArea .btn-loca > i {
		right:1.5rem;
	}
	.location-wrap .map {
		height:36rem;
	}
}
@media (max-width: 767.98px) {
	.location-wrap .flex .info {
		display:block;
	}
	.location-wrap .flex .btnArea {
		margin-top:3rem;
	}
	.location-wrap .flex .btnArea > div {
		display:inline-block;
		margin-right:0.2rem;
	}
	.location-wrap .flex .btnArea .btn-loca {
		width:18rem;
	}
	.location-wrap .map {
		height:22rem;
	}
}



/* 도입문의 */
.inquiry-wrap .sec01 {
	padding:0 15px;
}
.inquiry-wrap .sec01 .list li{
	display: flex;
	align-items: center;
}
.inquiry-wrap .sec01 .list li + li{
	margin-top: 16rem;
}
.inquiry-wrap .sec01 .list li > div{
	width: 50%;
}
.inquiry-wrap .sec01 .list li .img{
	padding-top: 33.3%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 2rem;
}
.inquiry-wrap .sec01 .list li .img2{
	border: 1px solid #ddd;
}
.inquiry-wrap .sec01 .list li:nth-child(odd) .txt{
	padding-left: 10rem;
}
.inquiry-wrap .sec01 .list li:nth-child(even) .txt{
	order: -1;
}
.inquiry-wrap .sec01 .list li .txt h3{
	line-height: .8;
	font-size: 4rem;
	font-weight: bold;
}
.inquiry-wrap .sec01 .list li .txt > p{
	margin: 2rem 0;
	margin-top: 2.5rem;
	font-size: 2rem;
	font-weight: 300;
}
.inquiry-wrap .sec01 .list li .txt > div p{
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.8rem;
	font-weight: 300;
	color: #666;
}
.inquiry-wrap .sec01 .list li .txt > div p::before{
	content: '';
	position: absolute;
	top: 11px; left: 0;
	width: 4px; height: 4px;
	background: #325883;
	border-radius: 50%;
}
.inquiry-wrap .sec01 .list li .txt .btn {
	display:block;
	max-width: 37.5rem;
	margin-top: 4rem;
	font-size:2rem;
	font-weight:400;
	color:#222;
	box-sizing:border-box;
	padding:1.5rem;
	border:2px solid #ddd;
	border-radius:5rem;
	transition:all 0s;
}

.inquiry-wrap .sec01 > div{
	z-index: 1;
	position: relative;
	margin-top: 12rem;
	margin-bottom: 16rem;
	padding-top: 18rem;
	padding-bottom: 15rem;
	/* padding-top: 15rem;
	padding-bottom: 18rem; */
}
.inquiry-wrap .sec01 > div::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:100%;
	top:0;
	background:url(../_img/sub/inquiry_bg.jpg) no-repeat center center / cover;
	z-index:-1;
}
.inquiry-wrap .sec01 > div .top{
	display: flex;
	/* margin-bottom: 9.5rem; */
	color: #fff;
}
.inquiry-wrap .sec01 > div .top .txt{
	width: 48%;
}
.inquiry-wrap .sec01 > div .top .txt h3{
	line-height: .8;
	font-size: 3rem;
	font-weight: bold;
}
.inquiry-wrap .sec01 > div .top .txt > p{
	margin: 2rem 0;
	margin-top: 2.5rem;
	font-size: 2rem;
	font-weight: 300;
}
.inquiry-wrap .sec01 > div .top .txt > div p,
.inquiry-wrap .sec01 > div ul li > div p{
	position: relative;
	padding-left: 1.5rem;
	line-height: 1.6;
	font-size: 1.8rem;
	font-weight: 300;
}
.inquiry-wrap .sec01 > div .top .txt > div p::before,
.inquiry-wrap .sec01 > div ul li > div p::before{
	content: '';
	position: absolute;
	top: 11px; left: 0;
	width: 4px; height: 4px;
	background: #fff;
	border-radius: 50%;
}
.inquiry-wrap .sec01 > div .top .txt .btn {
	display:block;
	max-width: 36.5rem;
	margin-top: 2.5rem;
	font-size:2rem;
	font-weight:400;
	color:#fff;
	box-sizing:border-box;
	padding:1.5rem;
	border:2px solid #fff;
	border-radius:5rem;
	transition:all 0s;
}
.inquiry-wrap .sec01 > div .top .img{
	padding-right: 5.5rem;
	width: 52%;
	order: -1;
}
.inquiry-wrap .sec01 > div ul{
	display: flex;
	justify-content: space-between;
}
.inquiry-wrap .sec01 > div ul li{
	width: 21.428%;
	color: #fff;
}
.inquiry-wrap .sec01 > div ul li > p{
	margin-bottom: 3rem;
	padding: 1rem;
	width: 100%;
	text-align: center;
	line-height: 1.2;
	font-size: 2.4rem;
	font-weight: bold;
	color: #1b4068;
	background: #fff;
	border-radius: 4.3rem;
}
.inquiry-wrap .sec01 > div ul li > p span{
	display: block;
	font-size: 2rem;
	font-weight: 500;
}
@media (max-width: 991.98px) {
	.inquiry-wrap .sec01 .list li ,
	.inquiry-wrap .sec01 > div .top {
    display: block;
	}

	.inquiry-wrap .sec01 > div .top  > *{width: 100% !important;}
	.inquiry-wrap .sec01 > div .top .img{padding-right: 0;}

	.inquiry-wrap .sec01 .list li + li {
    margin-top: 10rem;
	}
	.inquiry-wrap .sec01 .list li > div{
		width: 100%;
	}
	.inquiry-wrap .sec01 .list li .img{
		margin-bottom: 3rem;
		padding-top: 66.5%;
	}
	.inquiry-wrap .sec01 .list li:nth-child(odd) .txt {
		padding-left: 0;
	}
	.inquiry-wrap .sec01 .btn {
		font-size:1.8rem !important;
		padding:1.2rem !important;
	}
}
@media (max-width: 767.98px) {

	.inquiry-wrap .sec01 .row > div[class^='col-'] > a > .btn {
		color:#fff;
		border:1px solid var(--navy-color);
		background:var(--navy-color);
		margin-top:4rem;
	}
}
