/*!
	dist.css
	추가 및 수정
 */

/* 
	alert 창 뛰우기
*/
a:not([href]):not([class]):hover {
    color: #0067c9;
    text-decoration: underline;
}

a:not([href]):not([class]) {
    color: #0067c9;
    text-decoration: none;
}


/* 
	공통 수정 
*/
body {
    padding-top: 90px;
	background:url(../images/bg-top.png) top no-repeat;
	font-family: 'Noto Sans KR', sans-serif;
}
.aos-item__inner {
	width:300px;
	height:300px;
	background:#111;
}
h1 {
	font-size: 2.2rem;
}
.navbar {
	padding:1.188rem 1rem;
}
.nav-link {
    font-size: 1.5rem;
}
.MultiCarousel .leftLst {
    left: 10px;
}
.MultiCarousel .rightLst {
    right: 10px;
}
.MultiCarousel .MultiCarousel-inner .item > div {
    background: transparent;
}
.carousel-item {
    height: 550px;
}
.btn-primary {
    color: #fff;
    background-color: #2895fd;
    border-color: #fff;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-send {
	color: #fff;
    background-color: #185794;
    border-color: #fff;
    width: 7rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.btn-send:hover {
	color:#fff;
	background-color: #0171dc;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #aed5ff;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(0 118 245 / 25%);
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
}

	
.carousel-control-next, .carousel-control-prev {
	width:10%;
	display:none; /* 비쥬얼 좌우 이동 화살표 */
}



/* 
	공통
*/
.ma-download-area .ma-download-icon:first-child,
.ma-ci-download-area .ma-download-icon:first-child {
	content:'';
	margin:0;
}
.ma-download-icon {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	margin-left: 2rem;
	vertical-align: initial;
}
.ma-download-icon a {
	display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ma-download-icon a:hover {
	text-decoration: none;
}
.ma-download-icon a:hover .cell,
.ma-download-icon.ai a:hover .cell ,
.ma-download-icon.ppt a:hover .cell ,
.ma-download-icon.doc a:hover .cell  {
	background:#2c5dcc;
	transition:.5s;
}
.ma-download-icon a .cell {
	background: #c1c1c1;
    color: #fff;
    font-size: .68rem;
    font-weight: 400;
    padding: .1rem .5rem;
    border-radius: 1rem;
}
.ma-download-icon.ai a .cell {
	background: #c1c1c1;
    color: #fff;
    font-size: .68rem;
    font-weight: 400;
    padding: .1rem .5rem;
    border-radius: 1rem;
	min-width: 2.2rem;
}
.ma-download-icon.ppt a .cell {
	background: #c1c1c1;
    color: #fff;
    font-size: .68rem;
    font-weight: 400;
    padding: .1rem .5rem;
    border-radius: 1rem;
	min-width: 2.2rem;
}
.ma-download-icon.doc a .cell {
	background: #c1c1c1;
    color: #fff;
    font-size: .68rem;
    font-weight: 400;
    padding: .1rem .5rem;
    border-radius: 1rem;
	min-width: 2.2rem;
}
.ma-download-icon a:after {
	content: '';
    display: inline-block;
    background: url(../images/2@-ma-icon-download2.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-left: .3rem;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
.position-r {
	position:relative;
}
	
.info-data-sm .ma-br.show {
	display: block;
    height: 1rem;
}
.info-data .ma-br.show {
	display: block;
    height: 1rem;
}
.info-data-sm.hidden .ma-br.show {
	display: none;
}
.info-data-sm.hidden br {
	display:none;
}
	
.section-link {
	padding:7rem 0 0 0;
	overflow: hidden;
    height: 100%;
}
.section-link-inner {
	padding:5.5rem 0 0 0;
	overflow: hidden;
    height: 100%;
}
.mt1 {
	margin-top:1rem;
}
.mt2 {
	margin-top:2rem;
}
.mt3 {
	margin-top:3rem;
}
.mt4 {
	margin-top:4rem;
}
.mt5 {
	margin-top:5rem;
}
.mb0 {
	margin-bottom:0;
}
.mb1{
	margin-bottom:1rem;
}
.mb2 {
	margin-bottom:2rem;
}
.mb3 {
	margin-bottom:3rem;
}
.mb4 {
	margin-bottom:4rem;
}
.mb5 {
	margin-bottom:5rem;
}
.blind {
	overflow: hidden!important;
    position: absolute!important;
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
}
.no-padding {
	padding:0;
	}
.ma-tit-area {
	display: block;
    width: 100%;
    text-align: center;
}
.ma-tit-area.left {
	display: block;
    width: 100%;
    text-align: left;
}
.ma-tit-center {
	font-size:2.2rem;
	text-align: center;
    padding: 3rem 0 .7rem 0;
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #333;
	letter-spacing: -.1rem;
}
.ma-section-sub .ma-tit-center {
	font-size:2rem;
	padding: 4rem 0 .7rem 0;
}
.ma-tit-center.white {
	color:#fff;
	border-bottom: 2px solid #fff;
}
.info-area {
	overflow:hidden;
	padding: 1.5rem;
    background: #f6f6f6;
    border: 1px solid #ddd;
	position: relative;
}
.info-area-sm {
	display:none;
}
.info-data {
	font-size: 1.1rem;
    font-weight: 300;
    color: #444;
    padding: 0;
    margin: 0;
    line-height: 2rem;
	display: block;
}
.info-area .info-data.hidden {
	white-space:nowrap;
	word-wrap:normal;
	width:88%;
	overflow:hidden;
	text-overflow: ellipsis;
	float:left; 
}
.btn-moreInfo {
	display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    right: 2rem;
    font-size: .8rem;
    background: #e4e4e4;
    border-radius: 2rem;
    padding: .18rem 1rem;
    color: #333;
    float: right;
    margin-top: 4px;
}  
.ma-submenu-on {
	display:none;
	margin:2rem 0;
}
.ma-submenu-on ul {
	list-style:none;
	margin:0;
	padding:0;
}
.ma-submenu-on li {
	display:none;
}
.ma-submenu-on li.active {
	display:block;
}
.ma-submenu-on li a {
	display:block;
}
.ma-icon-check {
	display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/ma-sub-icon-check.png) no-repeat;
    background-position: center;
    float: left;
    margin-right: .5rem;
    background-position: center;
}
.ma-flex-wrap {
	display:block !important;
	padding: .5rem 0 0 0;
}
.thankyou_message {
    width: 100%;
    text-align: center;
}
.ma-mail-msg {
	display: inline-block;
    margin-top: 1rem;
    background: #fff;
    height: 100%;
    padding: .5rem 2rem;
    border-radius: 2rem;
}


/* 
	링크 스크롤
*/
.ma-link-scroll-area {
	display: flex;
    position: fixed;
    right: 2rem;
    justify-content: center;
    height: 100px;
    align-items: center;
    top: 50%;
    text-align: right;
	z-index:999;
}
.ma-link-scroll-area ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ma-link-scroll-area a {
    display: inline-flex;
    background: #0076e6;
    padding: .4rem;
    border-radius: 10rem;
    height: .4rem;
	border: 3px solid #fff;
}
.ma-link-scroll-area a:hover {
	background: #e6b400;
    height: 1.7rem;
    transition: .4s;
}
.ma-link-scroll-area .hidden {
    font-size: .85rem;
    margin-right: .4rem;
    background: #f9f9f9;
    padding: 4px 8px;
    border-radius: 30px;
    color: #3b3b3c;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    left: -30px;
    position: relative;
    transition: .5s;
	opacity:0;
}
.ma-link-scroll-area li {
	height: 32px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.ma-link-scroll-area li:hover .hidden {
	display:inline-block;
	left: 0;
    opacity:1;
}


.ma-f {
	float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.ma-sub-menu-cell {
	transition: 1s ease all;
    float: left;
    width: 1170px;
    display: flex;
}
.ma-f ul {
	list-style:none;
	padding:0;
	margin:0;
	display: flex;
}
.ma-f li {
	width: 195px;
    background: #fff;
	border:1px solid #ddd;
    display: flex;
    justify-content: space-evenly;
}
.ma-btn-ca {
	display:inline-block;
	width:20px;
	height:20px;
	background:#111;
	cursor:pointer;
}
.ma-transform-right {
	transform: translateX(-195px);
}
.ma-transform-left {
	transform: translateX(0px);
}



/* 
	메인 롤링 비쥬얼 
*/
.ma-carousel-caption {
	position: absolute;
    top: 0px;
    height: 550px;
    align-items: center;
    display: flex !important;
}
.ma-carousel-caption p {
	color: #fff;
    font-size: 42px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: -0.03rem;
	position: relative;
    bottom: 50px;
	z-index:999;
}
.carousel-item {
	background:#0067c9;
}

.ma-thumbnail-wrapper img {
	max-width:100%;
	height:auto;
	float:right;
	position: relative;
    z-index: 3;
}
.ma-thumbnail-wrapper {
	width:100%;
	overflow:hidden;
}
.ma-thumbnail-wrapper-sm {
	display:none;
}
.view-off {
	display:none;
}
.ma-link {
    position: absolute;
    bottom: 100px;
    color: #fff;
    border: 1px solid #fff;
    padding: .5rem 1.5rem;
    border-radius: 1.5rem;
	width: 7rem;
	left: 0px;
}
.ma-link a {
	color:#fff;
}
.ma-link-sm {
	color: #0067c9;
    padding: .2rem 1.25rem;
    border-radius: 1.5rem;
    margin-top: .2rem;
    display: block;
    background: #ffffff;
    position: absolute;
    bottom: 60px;
    width: 100px;
    margin: 0 auto;
    left: 15%;
    right: 15%;
    font-size: 1rem;
    font-weight: 400;
}
.ma-link-sm a {
	color:#0067c9;
}


/* 
	section
*/
.ma-section {
	background:#fff;
	height:600px;
}
.ma-section.two {
	background:#f3f3f3;
	height:600px;
}
.ma-section.three {
	background:#115ea8 url(../images/ma-section-three-bg.png) center no-repeat;
	background-size: cover;
	height:520px;
}
.ma-section-sub {
	background:#fff;
	height:auto;
	overflow: hidden;
}
.ma-section-sub-full {
	background:#fff;
	height:auto;
}
.ma-section-sub-full.info {
	background:#115ea8 url(../images/ma-sub-info-bg.png) center no-repeat;
	padding:5rem;
	max-height: 500px;
    overflow: hidden;
}

/* 
	솔루션 section one 
*/
.ma-banner-area {
	display:block;
}
.ma-banner-area img {
	display:block;
	margin: 0 auto;
}
.ma-main-subTit {
	display: inline-block;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0.75rem 0 1.25rem 0;
	color:#222;
}
.ma-main-subTxt {
	font-size: 0.9rem;
    text-align: center;
    margin-bottom: 1.75rem;
    line-height: 1.5rem;
	word-break: keep-all;
	min-height: 0;
}
.ma-banner-link {
	display: inline-block;
    padding: 0.25rem 1.15rem;
    background: #2c8bf6;
    color: #fff;
    border-radius: 1.115rem;
	font-size: 1rem;
}
.ma-banner-link:hover {
	text-decoration: none;
	color:#fff;
}
.ma-banner-link a {
	color:#fff;
}


/* 
	빅데이터 section two
*/
.ma-col-box {
	width: 100%;
    height: auto;
	padding: 1.8rem 0 3rem 0;
}
.ma-col-top {	
    width: 100%;
	overflow: hidden;
}
.ma-col-top h2 {
	float: left;
    font-size: 1.5rem;
    color: #0d4686;
    font-weight: 400;
}
.ma-col-top .right {
	float:right;
}
.ma-col-txt {
	clear:both;
}
.ma-col-txt p {
	font-size:0.9rem;
	color:#222;
	font-weight:300;
	margin:0px;
}
.pd-top-3rem {
	padding-top:3rem;
}
.lr-pd-1rem {
	padding:0 1rem;
}
.ma-section-tow-bg {
	display: block;
    background: url(../images/ma-section-two-bg02.png) center no-repeat;
    width: 100%;
    height: 100%;
    background-position: left;
    background-size: contain;
    position: relative;
    top: 20px;
}
.ma-char-txt.ma-kafka-sm p {
	font-size: 1.1rem;
    line-height: 1.8rem;
}
.ma-char-dl-area.gp-style dl {
    padding: 2rem 3rem;
    border: 1px solid #f5f0e3;
    width: calc(50% - 15px);
    float: left;
    min-height: 0;
    background: #f3f2e9;
}
..ma-char-dl-area.gp-style {
    display: block;
}
.ma-char-dl-area.gp-style dl:nth-child(2),
.ma-char-dl-area.gp-style dl:nth-child(4) {
	content:'';
	margin-right:0;
	float:right;
}
.ma-char-dl-area.gp-style .ma-char-box-num {
    font-size: 1rem;
    font-weight: 300;
    color: #ffffff;
    background: #fb9b0c;
    display: inline-block;
    padding: .5rem .7rem;
    border-radius: 3rem;
}
.ma-char-dl-area.gp-style .ma-char-box-tit {
    font-size: 1.1rem;
    font-weight: 400;
    color: #222;
    margin-top: .5rem;
}


/* 
	SUPPORT section three
*/
.ma-section-three-img-left,
.ma-section-three-img-right {
	width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
	padding: 5rem 0;
}
.ma-section-three-img-left h2,
.ma-section-three-img-right h2 {
	color: #fff;
    padding: 1.2rem 0 1rem 0;
    font-size: 2rem;
    font-weight: 400;
}
.ma-section-three-img-left p,
.ma-section-three-img-right p {
	color: #fff;
    font-size: 1.15rem;
    font-weight: 300;
}
.ma-section-three-img-left .img {
	display: inline-block;
    background: url(../images/ma-section-three-img01.png) center no-repeat;
    width: 230px;
    height: 195px;
    background-size: contain;
	cursor:pointer;
}
.ma-section-three-img-right .img {
	display: inline-block;
    background: url(../images/ma-section-three-img02.png) center no-repeat;
    width: 230px;
    height: 195px;
    background-size: contain;
	cursor:pointer;
}
.product-single-img {
    display: inline-block;
    background: url(../images/ma-sub-product-single-img.png) no-repeat;
	background-position: center;
    width: 100%;
    height: 280px;
    background-size: contain;
	position: relative;
    bottom: -1rem;
}



/*============================================== // sub ======================================= */
/* 
	sub 공통 
*/
.ma-depsmenu-area {
	margin: 3rem 0 0 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.ma-depsmenu-area ul {
	margin:0;
	padding:0;
	position:relative;
}


.ma-sub-menu-area {
	margin: 3rem 0;
    width: 100%;
}
.ma-sub-menu-area ul {
	margin: 0;
    padding: 0;
	display: flex;
	position: relative;
}
.ma-sub-menu-area li {
	list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    width: 100%;
	height: 3.5rem;
}
.ma-sub-menu-area li a {
	width: 100%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	color:#444;
	font-size:1.2rem;
}
.ma-sub-menu-area li.active:before {
	content: '';
    display: inline-block;
    width: 33.3333333%;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background: #0067c9;
    height: 2px;
}
.ma-sub-menu-area.cols-3 li.active:before {
	content: '';
    display: inline-block;
    width: 33.333333%;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background: #0067c9;
    height: 2px;
}
.ma-sub-menu-area li.active a {
	color:#0067c9;
}
.ma-sub-menu-area li.nb-left {
	border-left:0px;
}
.ma-sub-menu-area li.nb-right {
	border-right:0px;
}
.ma-sub-tit-area {
	width: 100%;
    height: 2rem;
    display: flex;
    flex: 1 auto;
    align-items: center;
}
.ma-sub-tit h2{
	font-size: 1.8rem;
    font-weight: 400;
    color: #222;
    margin: 0;
}
.ma-sub-tit-right {
	display: flex;
    flex: 1 auto;
    justify-content: flex-end;
}
.ma-down-btn a {
	padding:.5rem 1.8rem;
	border:1px solid #0067c9;
	font-size:1.1rem;
	font-weight:400;
	color:#0067c9;
}
.ma-down-btn span:before {
	content: '';
    display: inline-block;
    background: url(../images/2@-ma-icon-download2.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    margin-right: .5rem;
    vertical-align: sub;
    position: relative;
    bottom: 1px;
}
.ma-info-box {
	width:100%;
	padding:1.5rem;
	background:#f6f6f6;
	border:1px solid #ddd;
}
.ma-info-box p {
	font-size: 1.1rem;
    font-weight: 300;
    color: #444;
    padding: 0;
    margin: 0;
	line-height: 2rem;
}
.ma-content-area {
	height:auto;
}
.ma-item {
	/* width: 120px; */
    /* margin: 0 auto; */
    width: 60px;
    margin: 0 auto;
    float: left;
    margin-right: 10px;
}
.ma-item img {
	width:100%;
	height:auto;
}
.ma-item-box {
	width:100%;
	height:auto;
	background:#f8f8f8;
	text-align: center;
    padding: 2rem 3rem;
}
.ma-item-box.two-style {
	width: 100%;
    height: auto;
    background: #fdfcf5;
    text-align: center;
    padding: 1.8rem 2rem;
    border: 1px solid #d4d4d4;
    border-radius: 10rem;
    box-shadow: 4px 4px 2px rgb(0 0 0 / 3%);
}
.ma-element-tit {
	font-size: 1.4rem;
    font-weight: 400;
    color: #0067c9;
    margin: 1rem 0;
    text-align: left;
}
.ma-element-txt p {
	font-size: .95rem;
    font-weight: 400;
    color: #444;
    padding: 0;
    margin: 0;
    line-height: 1.7rem;
	text-align: left;
}
.ma-element-txt.two-style p {
	font-size: 1.1rem;
    font-weight: 400;
    color: #444;
    padding: 0;
    margin: 0;
    line-height: 2rem;
    text-align: left;
    letter-spacing: -.02rem;
}
.ma-item-reference {
	margin: 0 auto;
    width: 100%;
    padding: 0 1rem 5rem 1rem;
}
.ma-item-reference img {
	max-width:100%;
	height:auto;
}
.txt-center {
	text-align:center;
}
.txt-left {
	text-align:left;
}
.ma-sub-content-area {
	height:100%;
}
.ma-content-info  {
	width:100%;
	height:380px;
}
.ma-content-info.height-100p {
	height:100%;
}
.txt-blue {
	color:#1356dd;
}
.ma-isp-info-cont-tit {
    padding-top: 3rem;
	display:flex;
}
.ma-isp-info-line {
	width: 100%;
    height: 1px;
    border-top: 1px dotted #98cafb;
    transition: .3s;
}
.ma-content-info .solution-info-img {
    display: inline-block;
    background: url(../images/ma-sub-img-01.png) no-repeat;
	background-position: center;
    width: 100%;
    height: 100%;
    background-size: contain;
	position:relative;
	top:.5rem;
}
.ma-content-info .solution-info-img.type2 {
    display: inline-block;
    background: url(../images/ma-sub-img-01.png) no-repeat;
	background-position: center;
    width: 100%;
    height: 100%;
    background-size: contain;
	position:relative;
	top:2.4rem;
}
.ma-isp-info-cont-tit p {
	font-size: 1.8rem;
    font-weight: 400;
    color: #0067c9;
    margin: 0;
    padding: 0;
	
    flex: 1 auto;
    justify-content: space-between;
    align-items: center;
    height: 5.4rem;
    display: inline-flex;
}
.ma-isp-info-cont-txt p {
	font-size: 1.1rem;
    font-weight: 400;
    color: #444;
    margin: 0;
    padding: .5rem 0;
    display: flex;
    width: calc(50% - 1rem);
    float: left;
    min-height: 4rem;
    margin-right: 1rem;
}
.ma-isp-info-cont-txt.type2 p {
	font-size: 1.1rem;
    font-weight: 400;
    color: #444;
    margin: 0;
    padding: .5rem 0;
    display: flex;
    width: 100%;
    float: left;
    min-height: 2rem;
    margin-right: 1rem;
}
.ma-isp-info-cont-txt p:nth-child(even) {
	content:'';
	margin-right:0;
	float:right;
}
.ma-isp-info-cont-txt p:before {
	content: '';
    display: inline-block;
    background: url(../images/ma-sub-icon-blit.png) no-repeat;
    background-position: -3px 3px;
    width: 24px;
    height: 24px;
    margin-right: .1rem;
}	
.ma-mailsend-img {
	width: 85px;
    height: 85px;
    background: url(../images/ma-sub-icon-mailsend.png) no-repeat;
    position: absolute;
    top: -50px;
}
.ma-mailsend-position {
	    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.ma-mailsend-position p {
	flex:auto;
}
.ma-product-img-01 {
	display: inline-flex;
    background: url(../images/ma-img-cont-01-pro.png) no-repeat;
    width: 5.4rem;
    height: 5.4rem;
    background-size: contain;
	background-position:center;
}
.ma-product-img-02 {
	display: inline-flex;
    background: url(../images/ma-img-cont-02-pro.png) no-repeat;
    width: 5.4rem;
    height: 5.4rem;
    background-size: contain;
	background-position:center;
}
.ma-product-img-04 {
	display: inline-flex;
    background: url(../images/ma-img-cont-04-pro.png) no-repeat;
    width: 5.4rem;
    height: 5.4rem;
    background-size: contain;
	background-position:center;
}

/*
	footer
*/
.ma-footer-area {
	padding:2rem 0;
	background:#f8f8f8;
	border-top: 1px solid #e8e8e8;
}
.ma-footer-area .container {
	display:flex;
	justify-content: space-between;
}
.ma-footer-txt {
	padding: .2rem 0;
}
.ma-footer-txt ul {
	list-style:none;
	margin:0;
	padding:0;
}
.ma-footer-txt li {
	display: inline-block;
    padding-right: 1.5rem;
    color: #222;
    font-size: .9rem;
    font-weight: 300;
    letter-spacing: -.02rem;
}
.ma-footer-txt li span {
	font-weight:400;
	color:#000;
	margin-right: .3rem;
}
.ma-footer-txt p {
	font-size:.9rem;
	font-weight:300;
	margin: 0;
}
.ma-footer-txt.strong p {
	font-weight:400;
}
.ma-sub-consist-tit {
	font-size:2rem;
	font-weight:400;
	color:#fff;
}
.ma-sub-consist-txt {
	margin: 3rem 0 0 0;
}
.ma-sub-consist-txt p {
	font-size: 1.3rem;
    font-weight: 300;
    color: #fff;
    line-height: 2rem;
    padding: 0;
    margin: 1rem 0;
    letter-spacing: .02rem;
}
.ma-check2-icon {
	display: inline-block;
    background: url(../images/ma-sub-icon-check2.png) no-repeat;
    background-position: center;
    width: 24px;
    height: 34px;
    float: left;
    margin-right: .7rem;
    background-size: contain;
}
.ma-sitemap-box {
	background: #f8f8f8;
    padding: .2rem 1.5rem;
    border: 1px solid #b9b9b9;
    font-size: .9rem;
    border-radius: .3rem;
	color:#222;
	cursor:pointer;
}
.ma-sitemap-box.btn-close {
	display: flex;
	background: #081e36;
    padding: 0.5rem;
    float: right;
    color: #fff;
    font-size: 1.5rem;
}
.ma-sitemap-show.active {
	right:0;
}
.ma-sitemap-show {
	display: block;
    background: rgba(0,0,0,.7);
    width: 40%;
    height: 100%;
    position: fixed;
    bottom: 0px;
    right: -40%;
    z-index: 9999;
	transition: .3s;
	padding: 1rem;
}
.ma-sitemap-show ul {
	list-style:none;
	padding:0;
	margin:0;
	clear: both;
}
.ma-sitemap-show li p {
	font-size:1rem;
	color:#fff;
}




.ma-ask-box{
	width: 100%;
    height: auto;
	min-height:370px;
    overflow: hidden;
    text-align: center;
	padding: 2rem 0;
	margin: 1rem 0;
}
.ma-ask-box h2 {
	color: #0067c9;
    padding: 1.2rem 0 1rem 0;
    font-size: 1.5rem;
    font-weight: 400;
}
.ma-ask-box p {
	color: #222;
    font-size: 1rem;
    font-weight: 300;
	margin-bottom:.4rem;
}
.ask-tell-img  {
	display: inline-block;
    background: url(../images/ma-sub-ask-tell-img.png) center no-repeat;
    width: 100%;
    height: 170px;
    background-size: contain;
}
.ask-mail-img  {
	display: inline-block;
    background: url(../images/ma-sub-ask-mail-img.png) center no-repeat;
    width: 100%;
    height: 170px;
    background-size: contain;
}
.ask-adress-img  {
	display: inline-block;
    background: url(../images/ma-sub-ask-adress-img.png) center no-repeat;
    width: 60%;
    height: 170px;
    background-size: contain;
}
.ma-map-link {
	font-size: .775rem;
    background: #fff;
    padding: 0rem .5rem;
    border-radius: 1rem;
    border: 1px solid #e8b200;
    position: relative;
    top: -4px;
    margin-left: .3rem;
    color: #bb8200;
}
.ma-map-link:hover {
	color: #e6a000;
}



/* 
	회사소개
*/
.ma-company-down {
	display: flex;
    clear: both;
    margin: 1rem 0 0 0;
}
.body-bg-none {
	background:none;
}
.ma-sub-company-vision-tit h2 {
	font-size: 1.85rem;
    font-weight: 400;
    color: #222;
    margin-top: 5rem;
}
.ma-sub-company-vision-txt p {
	font-size: 1.2rem;
    font-weight: 300;
    color: #000;
    margin: 0;
    line-height: 2.5rem;
    margin-top: 2rem;
}
.ma-section-sub-full.company {
    background: #115ea8 url(../images/ma-sub-company-bg.png) center no-repeat;
    padding: 5rem;
}
.ma-company-signify {
	margin:0;
}
.ma-company-signify p {
	line-height: 3rem;
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
}
.ma-company-signify-img {
	background: url(../images/ma-sub-company-sig-icon.png) center no-repeat;
    width: 100%;
    height: 65px;
    margin: 1rem 0;
}
/* .company-bg { */
	/* background: url(../images/ma-sub-company-img.png) no-repeat; */
	/* background-position:right; */
	/* width:100px; */
	/* height:100%; */
/* } */
.ma-sub-company-vision-img img {
	background-size:contain;
}
	
/* 
	회사연혁
*/
.ma-company-hist {
	width:100%;
	height: 100%;
    overflow: hidden;
	margin-bottom:1.5rem;
}
.ma-hist-tit {
	float: left;
    width: 15%;
    padding-top: .5rem;
    border-top: 4px solid #2f5173;
    font-size: 1.4rem;
}

.ma-hist-txt {
	float:right;
	width:85%;
	padding-left:2rem;
}
.ma-hist-txt ul {
	list-style: none;
	padding:0;
}
.ma-hist-txt li {
	border-top: 1px solid #2f5173;
    overflow: hidden;
    padding: .9rem 0;
}
.ma-hist-txt strong {
	float: left;
    padding-right: 1rem;
    font-size: 1rem;
    font-weight: 600;
	color: #e69500;
}
.ma-hist-txt p {
	float:left;
	width:85%;
	margin: 0;
	font-size: 1rem;
	font-weight:300;
}


/*
	빅데이터
*/
.ma-char-tit p {
	font-size:1.5rem;
	font-weight:400;
	color:#0067c9;
}
.ma-char-txt p {
	font-size: 1.3rem;
    font-weight: 400;
    color: #222;
    line-height: 2.5rem;
}
.ma-content-info .ma-nifi-img {
	display: inline-block;
    background: url(../images/ma-sub-bigdata-Nifi-img.png) no-repeat;
    background-position: center;
    width: 520px;
    height: 340px;
    background-size: contain;
}
.ma-content-info .ma-kafka-img {
	display: inline-block;
    background: url(../images/ma-sub-bigdata-Kafka-img.png) no-repeat;
    background-position: center;
    width: 520px;
    height: 340px;
    background-size: contain;
	position:relative;
	top:2rem;
}
.ma-content-info .ma-flink-img {
	display: inline-block;
    background: url(../images/ma-sub-bigdata-flink-img.png) no-repeat;
    background-position: center;
    width: 520px;
    height: 340px;
    background-size: contain;
	position:relative;
	top:-2rem;
}
.ma-char-sub-txt ul {
	padding:0;
	margin:0;
}
.ma-char-sub-txt li {
	display:inline-block;
	width:50%;
	float:left;
}
.ma-char-sub-txt p {
	font-size:1rem;
	font-weight:400;
	color:#444;
	padding:0;
	margin-bottom:1rem;
	padding-left:1.2rem;
}
.ma-char-sub-txt li .fa-plus {
	float: left;
    position: relative;
    top: 6px;
    font-size: .9rem;
    color: #ff880d;
}
.ma-char-dl-area {
	width: 100%;
    display: block;
}
.ma-kafka-dl,
.ma-cloudera-dl {
	display: flex;
    flex-wrap: wrap;
}
.ma-char-dl-area dl {
	padding: 1rem 2rem;
    border: 1px solid #ddd;
    width: calc(50% - 1rem);
    float: left;
    margin-right: 1rem;
	min-height: 11.5rem;
}

.ma-char-dl-area dd {
	margin:0;
}
.ma-char-dl-area dd p {
	margin: 0;
    font-size: 1rem;
    font-weight: 300;
    padding: .5rem 0 0 0;
	display:flex;
}
.ma-char-box-num {
	font-size:2rem;
	font-weight:300;
	color:#c8c7c7;
}
.ma-char-box-tit {
	font-size:1.3rem;
	font-weight:400;
	color:#222;
}
.ma-char-dl-area dd p:before {
	content: '';
    display: inline-block;
    background: url(../images/ma-sub-icon-blit.png) no-repeat;
    background-position: -3px 3px;
    width: 1rem;
    height: 24px;
    margin-right: .5rem;
    min-width: 1rem;
}
.ma-char-table tr td:last-child {
	content:'';
	text-align:left;
}
.ma-char-description-txt p {
	padding:0;
	margin:0;
	font-size: 1.2rem;
}
.ma-char-tab {
	overflow: hidden;
    height: 100%;
}
.ma-char-tab ul {
	margin:0;
	padding:0;
}
.ma-char-tab li {
	display: block;
    float: left;
    height: 3rem;
    margin-right: .6rem;
	position: relative;
}
.ma-char-tab li.active a {
	background:#2664e4;
	color:#fff;
	border:0px;
}
.ma-char-tab li.active:after {
	content: "\f0d7";
    font-size: 1rem;
    position: absolute;
    font-family: FontAwesome;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    left: 50%;
	right:50%;
    top: 55%;
    z-index: 999;
    color: #2564e4;
}	
.ma-char-tab a {
	font-size: 1.2rem;
    font-weight: 400;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 10rem;
    min-width: 8rem;
    padding: .2rem 1.5rem;
    height: 2.3rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.ma-kafka-inner-area {
	background:#f9f9f9;
	padding:3rem;
}
.ma-kafka-inner-area dl {
	margin:0;
	padding:0;
}
.ma-kafka-inner-area dd {
	margin-bottom:2rem;
}
.ma-kafka-inner-area i.ma-kaf-icon {
	display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/ma-sub-icon-kaf.png) no-repeat;
    background-position: center;
    float: left;
    margin-right: .5rem;
	background-position:center;
}
.ma-kafka-inner-area h3 {
	font-size:1.3rem;
	font-weight:400;
	color:#222;
	margin-bottom:1rem;
	padding:0;
}
.ma-kafka-inner-area p {
	font-size: 1rem;
    font-weight: 400;
    color: #444;
    padding: 0;
    margin: 0;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 2rem;
}
.ma-kafka-inner-area .last-child {
	margin:0;
}
.ma-kafka-inner-area .last-child p {
	padding:0;
	border-bottom:0px;
}
.ma-char-sub-txt.ma-flink-type p {
	font-size: .9rem;
    padding-right: 1rem;
    min-height: 3rem;
}
.ma-cloudera-img {
	display: inline-block;
    background: url(../images/cloudera-img.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 25rem;
    background-size: contain;
	position:relative;
}
.ma-cloudera-img-02 {
	display: inline-block;
    background: url(../images/cloudera-img-02.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 360px;
    background-size: cover;
    position: relative;
}
.ma-cloudera-img-03 {
    display: inline-block;
    background: url(../images/cloudera-img-03.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 320px;
    background-size: cover;
    position: relative;
}
.ma-cloudera-img-04 {
    display: inline-block;
    background: url(../images/cloudera-img-04.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 280px;
    background-size: contain;
    position: relative;
}
.ma-cloudera-img-05 {
    display: inline-block;
    background: url(../images/cloudera-img-05.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 190px;
    background-size: contain;
    position: relative;
}
.ma-char-sub-txt.ma-cloudera-li li {
    display: inline-block;
    width: 25%;
    float: left;
}
.ma-char-sub-txt li.ma-li {
    display: inline-block;
    width: 100%;
    float: left;
}
.ma-char-sub-txt.ma-cloudera-type p {
    font-size: 1.2rem;
    margin-bottom: .7rem;
}

/* 
	탭
*/
.tab-button-outer {
	width:100%;
}
.tab-button-outer ul {
	margin: 0;
    padding: 0;
    display: flex;
    position: relative;
}
.tab-button-outer ul li {
	    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    width: 100%;
    height: 3.5rem;
}
.tab-button-outer li.is-active {
	background:#2f5173;
}
.tab-button-outer li.is-active a {
	color:#fff;
}
.tab-button-outer a {
	width: 100%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #444;
    font-size: 1.2rem;
}
.tab-button-outer {
	display: none;
}
.tab-select-style {
	width:100%;
}
.tab-select-outer {
	position: relative;
}
.tab-select-outer select { 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;
	border: 1px solid #ddd;
    padding: 1rem;
    background: #f7f7f7;
}
.tab-select-outer select::-ms-expand { display: none; }
.tab-select-outer:after {
	content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    right: 1rem;
    color: #111;
    top: 1rem;
}
.none-border-center {
	border-width:1px 0px 1px 0px !important;
}
.ma-cloudera-dl dl {
	width:calc(33.3333333% - 1rem);
}
.ma-cloudera-dl.type2 dl:last-child {
	content:'';
	width:calc(66.6666666% - 1rem);
}
.ma-cloudera-dl dl:last-child {
	content:'';
	margin-right:0;
}
article.row {
	width:100%;
}


/* 
	파트너/레퍼런스
*/
.ma-item-reference-area {
	width: 100%;
    height: 100%;
	padding-left:15px;
	padding-right:15px;
    /* max-width: 1170px; */
}
.ma-item-reference-area ul {
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap: wrap;
}
.ma-item-reference-area li {
	display: flex;
    width: 25%;
}
.ma-item-reference-area .img-fluid {
	max-width: 100%;
    height: auto;
    width: 100% !important;
	padding: 2px;
}
.ma-item-partner-area {
	width: 100%;
    height: 100%;
	padding-left:15px;
	padding-right:15px;
    /* max-width: 1170px; */
}
.ma-item-partner-area ul {
	list-style:none;
	padding:0;
	display:flex;
	flex-wrap: wrap;
}
.ma-item-partner-area li {
	display: flex;
    width: 25%;
}
.ma-item-partner-area .img-fluid {
	max-width: 100%;
    height: 100%;
    width: 100% !important;
	padding: 2px;
}


/* 
	다운로드
*/

.ma-download-area ul {
	padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
}
.ma-download-area li {
	flex-wrap: wrap;
    width: 33.333333%;
	margin-bottom: .5rem;
}
.ma-download-box {
	background: #f3f3f3;
    height: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
	margin-right:.5rem;
}
.ma-download-area li:nth-child(3) .ma-download-box, .ma-download-area li:nth-child(6) .ma-download-box {
	content:'';
	margin-right:0;
}
.ma-download-box.mr-none {
	
}
.ma-download-box a, .ma-ci-download-box a {
	background: url(../images/ma-icon-download.png) no-repeat;
	width:36px;
	height:36px;
	display: inline-block;
}
.ma-download-box .tit {
	font-size:1rem;
}	
.ma-ci-download-area {
	width:100%;
}
.ma-ci-download-box .ci-img {
	    width: 290px;
    height: 320px;
    background: url(../images/ma-img-ci-bg.png) no-repeat;
    display: inline-block;
    background-size: contain;
}
.ma-ci-download-box .ci-box {
	    display: flex;
    width: 290px;
    background: #ffffff;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    border: 1px solid #ddd;
    position: relative;
    bottom: 6px;
}
.ma-ci-download-box {
    display: block;
}
.ma-ci-download-box .tit {
	font-size:1rem;
}


/* 
	table 테이블
*/
.table {
  table-layout:fixed;
  width:100%;
  text-align:center;
}
.table thead th { 
  background:#fbfbfb;
  border-bottom: 1px solid #ddd;
  border-top:2px solid #68b9e8;
  font-size: 1.1rem;
  font-weight: 400;
  color: #222;
}
.table td, .table th {
  padding:.8rem 0;
  border-top:1px solid #ddd;
  word-break:break-all;
  font-size: 1rem;
  font-weight: 300;
  color:#333;
}
.table tr:last-child {
	content:'';
	border-bottom:1px solid #ddd;
}
.table-min {
  min-width:700px;
}
.table-min-400 {
  min-width:400px;
}
.table-min-company {
  min-width:100%;
}
.table-txt-left td:last-child {
	content:'';
	text-align:left;
	padding: .8rem 1.5rem;
}
.ma-blind-txt {
	display:none;
}
.table.ma-char-table td, .table.ma-char-table th {
  padding:.8rem .7rem;
  text-align: left;
}
.table-box .control-group {
		margin:0;
	}
.table-box.ma-estimate th {
	vertical-align: middle;
    background: #f3f1f1;
    text-align: center;
    color: #222;
    font-weight: 400;
	width:16%;
}
.ma-estimate .th-top-border {
	border-top:2px solid #68b9e8;
}
.ma-charge-info-area {
	padding:0;
}
.ma-inner-box {
	padding:1rem;
	border:1px solid #ccc;
}
.ma-inner-box p {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.8rem;
    padding: 0;
    margin: 0;
}
.ma-left-mar {
	margin-left: .5rem;
    font-size: 1rem;
    height: 1rem;
    float: left;
    line-height: 1rem;
}
.help-block ul {
	padding:0;
	margin:0;
	list-style:none;
}
.help-block li {
    margin: 0;
    color: #dc0909;
    font-size: .8rem;
    font-weight: 400;
    padding: .5rem 0 0 0;
}
.alert-success {
    color: #155724;
    background-color: #ffffff;
    border-color: #cccccc;
}
.alert-danger {
	color: #3a3a3a;
	background-color: #ffd4d8;
	border-color: #ff6c7c;
}
.alert-success strong {
	font-weight:500;
	font-size:1rem;
}
.alert-danger strong {
	font-weight: 500;
    font-size: .85rem;
}
.ma-sub-bittxt p {
	font-size: 1rem;
    font-weight: 400;
    color: #d22323;
}
.move-cursor {
	display: none;
}

	
/* 
	비쥬얼 SVG 
*/
.ma-cs {
	display:block;
}
svg.svg-item-01 {
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    top: 176px;
    right: -9px;
    width: 610px;
}
svg.svg-item-02 {
	overflow: hidden;
	vertical-align: middle;
	position: absolute;
	top: -65px;
	right: 35px;
	width: 560px;
	z-index: 4;
}
svg.svg-item-02-line {
	overflow: hidden;
    vertical-align: middle;
    position: absolute;
    top: -133px;
    right: -25px;
    width: 615px;
    z-index: 4;
}
svg.svg-item-03 {
	overflow: hidden;
    vertical-align: middle;
    position: absolute;
    top: -89px;
    right: -74px;
    width: 626px;
    z-index: 2;
}
.ma-svg-area {
	position:relative;
}
.ie-img-view {
	display:none;
}
	

/* /*  */
	/* nav 스크롤 내릴시 색상 변경  */
/* */ 
/* .down { */
	/* background:#0067c9; */
/* } */
/* .down .ma-nav-txt-color { */
	/* color:#fff !important; */
/* } */
/* .down .navbar-brand { */
	/* background: url(../images/ma-logo-white-bg.png) no-repeat; */
/* } */





/* @media screen */
@media screen and (max-width: 1680px) {
	.ma-mainVisual-wrap {
		
	}
}

@media screen and (max-width: 1400px) {
	.carousel-control-prev {
		display:none;
	}
	.carousel-control-next {
		display:none;
	}
	
}

@media screen and (max-width: 1360px) {
	.ma-link-scroll-area {
		display:none;
	}
}

@media screen and (max-width: 1200px) {
	.ma-carousel-caption p {
		color: #fff;
		font-size: 32px;
		font-weight: 300;
		line-height: 60px;
		letter-spacing: -0.03rem;
		z-index:999;
	}
	.ma-col-box {
		width: 100%;
		height: auto;
		padding: .8rem 0 3rem 0;
	}
	.ma-footer-txt li {
		display: inline-block;
		padding-right: 1rem;
		color: #444;
		font-size: .9rem;
		font-weight: 300;
	}
	.ma-footer-txt p {
		font-size:.9rem;
		font-weight:400;
	}
	.ma-isp-info-cont-tit p {
		font-size: 1.5rem;
	}
	.ma-isp-info-cont-txt p {
		font-size: .875rem;
		min-height: 3rem;
	}
	.ma-isp-info-cont-txt.type2 p {
		font-size: .8rem;
	}
	.ma-sub-company-vision-img img {
		background-size: contain;
		width: 100%;
		position: absolute;
		top: 40px;
	}
	.ma-content-info .ma-nifi-img {
		display: inline-block;
		background: url(../images/ma-sub-bigdata-Nifi-img.png) no-repeat;
		background-position: center;
		width: 100%;
		height: 100%;
		background-size: cover;
	}
	.ma-content-info .ma-kafka-img {
		display: inline-block;
		background: url(../images/ma-sub-bigdata-Kafka-img.png) no-repeat;
		background-position: center;
		width: 100%;
		height: 100%;
		background-size: cover;
		top:0;
	}
	.ma-content-info .ma-flink-img {
		display: inline-block;
		background: url(../images/ma-sub-bigdata-flink-img.png) no-repeat;
		background-position: center;
		width: 100%;
		height: 100%;
		background-size: cover;
		top:0;
	}
	.ma-item-partner-area li > div {
		width: 100%;
		height: 81px;
		max-height: 95%;
		margin-bottom: 3px;
		background-size: contain !important;
	}
		.ma-ask-box p {
		font-size: .9rem;
	}
	.ma-element-txt.two-style p {
		font-size: .9rem;
		font-weight: 400;
		color: #444;
		padding: 0;
		margin: 0;
		line-height: 1.5rem;
		text-align: left;
		display: flex;
		letter-spacing: -.05rem;
	}
	.ma-icon-check {
		display: flex;
		width: 1.5rem;
		height: 1.5rem;
		background: url(../images/ma-sub-icon-check.png) no-repeat;
		background-position: center;
		float: left;
		margin-right: .5rem;
		background-position: center;
		background-size: cover;
	}
	.info-data {
		font-size: 1rem;
	}
	.ma-char-dl-area dd p {
		font-size: .85rem;
	}
	.product-single-img {
		display: inline-block;
		background: url(../images/ma-sub-product-single-img.png) no-repeat;
		background-position: right;
		width: 100%;
		height: 280px;
		background-size: contain;
		position: absolute;
		bottom: -2rem;
		z-index: 0;
	}
	.ma-sub-consist-txt p {
		font-size: 1rem;
	}
	.ma-col-style-min .col-lg-4,
	.ma-col-style-min .col-lg-5,
	.ma-col-style-min .col-lg-6,
	.ma-col-style-min .col-lg-7,
.ma-col-style-min .col-lg-8	{
		max-width: 100%;
		flex: auto;
	}
	.ma-cloudera-img-02 {
		height: 34rem;
		background-size: contain;
	}
	.ma-cloudera-img-03 {
		height: 27rem;
		background-size: contain;
	}
	.ma-cloudera-img-04 {
		height: 20rem;
		background-size: contain;
	}
	.ma-cloudera-img-05 {
		height: 12rem;
		background-size: contain;
	}
	.ma-cloudera-type ul {
		display: none;
	}
	.ma-main-subTxt {
		font-size: 0.875rem;
	}
	.ma-main-subTxt {
		min-height: 4.5rem;
	}
}

@media screen and (max-width: 992px) {
	.section-link {
		padding: 3rem 0 0 0;
	}
	body {
		padding-top:66px;
	}
	.mt1 {
		margin-top:.7rem;
	}
	.mt2 {
		margin-top:1rem;
	}
	.mt3 {
		margin-top:1.5rem;
	}
	.mt4 {
		margin-top:2rem;
	}
	.mt5 {
		margin-top:2.5rem;
	}
	.mb1 {
		margin-bottom:.7rem;
	}
	.mb2 {
		margin-bottom:1rem;
	}
	.mb3 {
		margin-bottom:1.5rem;
	}
	.mb4 {
		margin-bottom:2rem;
	}
	.mb5 {
		margin-bottom:2.5rem;
	}
	.container {
		height:100%;
	}
	.ma-section.sm {
		height:35rem;
	}
	.ma-section.sm.three {
		height:31rem;
	}
	.ma-carousel-caption p {
		color: #fff;
		font-size: 26px;
		font-weight: 300;
		line-height: 40px;
		letter-spacing: -0.03rem;
		bottom: 210px;
	}	
	.ma-col-box {
		border: 1px solid #ccc;
		padding: 1.8rem;
		margin-top: .5rem;
	}
	.pd-top-3rem {
		padding-top: 2rem;
	}
	.col-lg-6.sm-divice {
		width:50%;
	}
	.MultiCarousel .leftLst, .MultiCarousel .rightLst {
		top: calc(50% - 60px);
	}
	.img-fluid {
		max-width: 100%;
		height: auto;
		width: 80%;
	}
	.ma-section-sub .ma-tit-center {
		font-size: 1.7rem;
		padding: 2rem 0 .7rem 0;
	}
	.ma-sub-tit h2 {
		font-size: 1.4rem;
	}
	.ma-info-box p {
		font-size: .9rem;
	}
	.ma-info-box.ma-nifi-info-txt p {
		font-size: .8rem;
		line-height:1.3rem;
	}
	.ma-sub-menu-area {
		margin: 2rem 0;
	}
	.ma-sub-menu-area li {
		height: 2.5rem;
	}
	.ma-sub-menu-area li a {
		font-size: .8rem;
		line-height: .9rem;
		padding: 0 .7rem;
	}
	.ma-section-sub-full.info {
		padding: 3rem 0rem;
	}
	.ma-sub-consist-tit {
		font-size: 1.5rem;
	}
	.ma-sub-consist-txt {
		margin: 2rem 0 0 0;
	}
	.ma-sub-consist-txt p {
		font-size: .9rem;
		font-weight: 300;
		color: #fff;
		line-height: 1.4rem;
		padding: 0;
		margin: .9rem 0;
		letter-spacing: .0rem;
	}
	.ma-down-btn a {
		padding: .3rem 1rem;
		border: 1px solid #0067c9;
		font-size: .9rem;
		font-weight: 400;
		color: #0067c9;
	}
	.ma-item-box {
		text-align: left;
		padding: 1.5rem 2rem;
	}
	.ma-item {
		width: 60px;
		margin: 0 auto;
		float: left;
		margin-right: 10px;
	}
	.ma-element-tit {
		font-size: 21px;
		font-weight: 400;
		color: #0067c9;
		margin: 1rem 0;
	}
	.ma-element-txt {
		clear: both;
	}
	.ma-element-txt p {
		font-size: .7rem;
		font-weight: 400;
		color: #444;
		padding: 0;
		margin: 0;
		line-height: 1.3rem;
	}
	.ma-item-reference {
		padding: 0 1rem 2rem 1rem;
	}
	.ma-content-info {
		width: 100%;
		height: 20rem;
	}
	.ma-content-info-height-sm {
		height: 100%;
	}
	.ma-content-info .solution-info-img {
		background-size: contain;
	}
	.ma-isp-info-cont-tit {
		padding-top: 1rem;
	}
	.ma-isp-info-cont-tit p {
		font-size: 1.4rem;
	}
	.ma-company-signify p {
		font-size: 1.2rem;
		font-weight: 300;
		color: #fff;
		line-height: 2rem;
		padding: 0;
		margin: .9rem 0;
		letter-spacing: .0rem;
		max-width: 100%;
	}
	.ma-sub-company-vision-img img {
		display:none;
	}
	.ma-company-bg {
		background: url(../images/ma-sub-company-img.png) no-repeat;
		width: 40%;
		height: 40vh;
		position: absolute;
		right: 20px;
		background-position: top;
		top: 110px;
		background-size: contain;
	}
	.table-txt-left td:last-child {
		content:'';
		padding: .5rem 1rem;
	}
	.ma-content-info .ma-nifi-img {
		width: 60%;
		height: 270px;
		display: flex;
		margin: 0 auto;
	}
	.ma-content-info .ma-kafka-img {
		width: 60%;
		height: 270px;
		display: flex;
		margin: 0 auto;
	}
	.ma-content-info .ma-flink-img {
		width: 60%;
		height: 270px;
		display: flex;
		margin: 0 auto;
	}
	.ma-char-description-txt p {
		font-size: 1rem;
	}
	.table td, .table th {
		font-size: .875rem;
	}
	.ma-item-partner-area li > div {
		width: 100%;
		height: 61px;
		max-height: 95%;
		margin-bottom: 3px;
		background-size: contain !important;
	}
	.ma-download-area ul {
		padding: 0;
		margin: 0;
		display: block;
		list-style: none;
		flex-wrap: wrap;
	}
	.ma-download-area li {
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: .5rem;
	}
	.ma-download-box {
		background: #f3f3f3;
		justify-content: space-between;
		display: flex;
		align-items: center;
		padding: .7rem 1rem;
		margin: 0;
	}
	.ma-download-box .tit,
	.ma-ci-download-box .tit	{
		font-size:.8rem;
	}
	.ma-ci-download-box {
		display: flex;
		flex: auto;
		justify-content: space-between;
	}
	.ma-ci-download-box .ci-img {
		width: 58px;
		height: auto;
		background: url(../images/ma-img-ci-bg.png) no-repeat;
		display: inline-block;
		background-size: contain;
	}
	.ma-ci-download-box .ci-box {
		display: flex;
		width: 100%;
		background: #ffffff;
		justify-content: space-between;
		align-items: center;
		padding: .5rem 1rem;
		border: 1px solid #ddd;
		position: relative;
		bottom: 0;
		height: auto;
	}
	.section-link-inner {
		padding:3rem 0 0 0;
	}
	.ma-item-box.two-style {
		width: 100%;
		height: auto;
		background: #fff;
		text-align: center;
		padding: 1rem;
		border-bottom: 1px dotted #ccc;
		border-radius: 0;
		border-width: 0 0 1px 0;
		box-shadow: none;
	}
	.ma-check2-icon {
		display: inline-block;
		background: url(../images/ma-sub-icon-check2.png) no-repeat;
		background-position: center;
		width: 18px;
		height: 24px;
		float: left;
		margin-right: .4rem;
		background-size: contain;
	}
	.ma-isp-info-cont-txt p {
		font-size: 1rem;
	}
	.ma-isp-info-cont-txt.type2 p {
		font-size: 1rem;
	}
	.ma-content-info .solution-info-img.type2 {
		position:relative;
		top:0rem;
	}
	.ma-cloudera-img {
		height: 20rem;
	}
	.ma-cloudera-img-02 {
		height: 26rem;
		background-size: contain;
	}
	.ma-cloudera-img-03 {
		height: 20rem;
		background-size: contain;
	}
	.ma-main-subTxt {
		min-height: 0;
	}
	.ma-down-btn.ma-company-down a {
		padding: .6rem 1rem;
		border: 1px solid #0067c9;
		font-size: .9rem;
		font-weight: 400;
		color: #0067c9;
		width: 100%;
		text-align: center;
		background: #fff;
	}
}


@media screen and (max-width: 768px) {
	.ma-carousel-caption {
		position: absolute;
		top: 0px;
		height: 550px;
		align-items: flex-start;
		display: flex !important;
	}
	.ma-carousel-caption p {
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		line-height: 32px;
		letter-spacing: -0.03rem;
		text-align: left;
		padding: 2vh 0;
	}
	.ma-thumbnail-wrapper {
		display:none;
	}
	.ma-thumbnail-wrapper-sm-01 {
		display: block;
		background: url(../images/ma-mainvisual-bg01-ie.png) bottom no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.ma-thumbnail-wrapper-sm-02 {
		display: block;
		background: url(../images/ma-mainvisual-bg02-ie.png) bottom no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.ma-thumbnail-wrapper-sm-03 {
		display: block;
		background: url(../images/ma-mainvisual-bg03-ie.png) bottom no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.ma-thumbnail-wrapper-sm-01 p,
	.ma-thumbnail-wrapper-sm-02 p,
	.ma-thumbnail-wrapper-sm-03 p	{
	    background: rgb(0 0 0 / 13%);
		padding: 1rem;
		letter-spacing: .02rem;
		font-size: 1rem;
	}
	.view-off {
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		color: #fff;
	}
	.view-on {
		display:none !important;
	}
	.ma-col-box {
		border: 1px solid #ccc;
		padding: 1.4rem 1rem;
		margin-top: .5rem;
	}
	.ma-link-sm {
		padding: .3rem 1.1rem;
		border-radius: 2rem;
		background: #0067c9;
		font-size: .9rem;
		border: 1px solid #fff;
	}
	.ma-link-sm a {
		color: #fff;
	}
	.ma-col-top h2 {
		font-size:1.1rem;
	}
	.ma-col-txt p {
		font-size: 0.8rem;
	}
	.ma-banner-link {
		display: inline-block;
		padding: 0.25rem 1rem;
		background: #2c8bf6;
		color: #fff;
		border-radius: 1.115rem;
		font-size: .8rem;
	}
	.ma-footer-txt li {
		display: inline-block;
		padding-right: .8rem;
		color: #444;
		font-size: .8rem;
		font-weight: 300;
	}
	.ma-footer-txt p {
		font-size:.8rem;
		font-weight:400;
	}
	.ma-blind-txt p {
		padding:0;
		margin:0;
		font-size:.8rem;
		font-weight:400;
		color:#ff2b2b
	}
	.table-box {
		overflow-x:auto;
	}
	.ma-blind-txt {
		display:block;
	}
	.table td, .table th {
		padding: .5rem 0;
		font-size: .7rem;
		vertical-align: middle;
	}
	.table thead th {
		font-size: .9rem;
	}
	.ma-ask-box {
		min-height: 2rem;
		padding: 1rem 0;
		margin: 0;
		border-bottom: 1px dotted #e4e4e4;
	}
	.ask-tell-img {
		display: inline-block;
		background: url(../images/ma-sub-ask-tell-img-sm.png) center no-repeat;
		width: 80px;
		height: 80px;
		background-size: contain;
	}
	.ask-mail-img {
		display: inline-block;
		background: url(../images/ma-sub-ask-mail-img-sm.png) center no-repeat;
		width: 80px;
		height: 80px;
		background-size: contain;
	}
	.ask-adress-img {
		display: inline-block;
		background: url(../images/ma-sub-ask-adress-img-sm.png) center no-repeat;
		width: 80px;
		height: 80px;
		background-size: contain;
	}
	.ma-ask-box p {
		color: #222;
		font-size: .8rem;
		font-weight: 300;
		margin-bottom: .4rem;
	}
	.ma-isp-info-line {
		width: 100%;
		height: 1px;
		background: #98cafb;
		margin: .5rem 0 !important;
	}
	.ma-section-sub-full.company {
		padding: 1rem;
	}
	.ma-company-signify {
		margin:0;
	}
	.ma-company-signify p {
		font-size: .9rem;
	}
	.ma-sub-company-vision-tit h2 {
		font-size: 1.2rem;
		margin-top: 3rem;
	}
	.ma-sub-company-vision-txt p {
		font-size: .9rem;
		line-height: 1.8rem;
		margin-top: 1rem;
	}
	.ma-company-bg {
		background: url(../images/ma-sub-company-img.png) no-repeat;
		width: 40%;
		height: 30vh;
		position: absolute;
		right: 20px;
		background-position: top;
		top: 110px;
		background-size: contain;
	}
	.ma-hist-txt strong {
		float: left;
		padding-right: 1rem;
		font-size: .8rem;
		font-weight: 600;
	}
	.ma-hist-txt p {
		float:left;
		width:85%;
		margin: 0;
		font-size: .8rem;
		font-weight:300;
	}
	.ma-hist-tit {
		padding-top: .4rem;
	}
	.ma-content-info .ma-nifi-img {
		width: 80%;
		height: 260px;
	}
	.ma-content-info .ma-kafka-img {
		width: 80%;
		height: 260px;
	}
	.ma-content-info .ma-flink-img {
		width: 80%;
		height: 260px;
	}
	.ma-char-dl-area dl {
		padding: .5rem 1rem 1rem;
		border: 0;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: .5rem;
		border-bottom: 1px dotted #ccc;
		min-height: 5rem;
	}
	.ma-char-tit p {
		font-size: 1.3rem;
	}
	.ma-char-txt p {
		font-size: .9rem;
		font-weight: 400;
		color: #222;
		line-height: 1.5rem;
		margin-bottom: 1.8rem;
		margin-bottom: 1.8rem;
		border-bottom: 1px dotted #ddd;
		padding-bottom: 1.5rem;
	}
	.ma-char-txt.ma-kafka-sm p {
		font-size: .9rem;
		line-height: 1.4rem;
	}
	.ma-char-description-txt p {
		padding: 0;
		margin: 0;
		font-size: .7rem;
	}
	.table.ma-char-table td, .table.ma-char-table th {
		padding:.5rem;
		font-size: .7rem;
	}
	.table-box.ma-estimate th {
		vertical-align: middle;
		background: #f3f1f1;
		text-align: center;
		color: #222;
		font-weight: 400;
		width:30%;
	}
	.ma-kafka-inner-area h3 {
		font-size: 1rem;
		font-weight: 400;
		color: #222;
		margin-bottom: 1rem;
		padding: 0;
		line-height: 1.4rem;
		display: flex;
	}
	.ma-kafka-inner-area i.ma-kaf-icon {
		display: flex;
		width: 1rem;
		height: 1rem;
		background: url(../images/ma-sub-icon-kaf.png) no-repeat;
		background-position: center;
		float: left;
		margin-right: .5rem;
		background-size: cover;
		position: relative;
		top: 4px;
	}
	.ma-kafka-inner-area p {
		font-size: .8rem;
		font-weight: 400;
		color: #444;
		padding: 0;
		margin: 0;
		border-bottom: 1px dotted #ddd;
		padding-bottom: 2rem;
		line-height: 1.2rem;
	}
	.ma-kafka-inner-area {
		background: #f9f9f9;
		padding: 1rem;
	}
	.ma-info-box p {
		line-height: 1.3rem;
	}
	.info-area {
		display:none;
	}
	.info-area-sm {
		overflow: hidden;
		padding: 1rem;
		background: #f6f6f6;
		border: 1px solid #ddd;
		position: relative;
		display:block;
	}
	.info-area-sm .info-data-sm.hidden {
		white-space: nowrap;
		word-wrap: normal;
		width: 78%;
		overflow: hidden;
		text-overflow: ellipsis;
		float: left;
	}
	.btn-moreInfo {
		display: inline-block;
		white-space: nowrap;
		cursor: pointer;
		position: unset;
		right: 1rem;
		font-size: .7rem;
		background: #c3c3c3;
		border-radius: 2rem;
		padding: .2rem 1rem;
		color: #fff;
		bottom: 15px;
		float: right;
		margin: 0;
	}
	.info-data-sm {
		font-size: .8rem;
		font-weight: 300;
		color: #444;
		padding: 0;
		margin: 0;
		line-height: 1.4rem;
		display:block;
	}
	.ma-mailsend-img {
		display:none;
	}
	.ma-item-partner-area li > div {
		width: 100%;
		height: 45px;
		max-height: 95%;
		margin-bottom: 3px;
		background-size: contain !important;
	}
	.ma-submenu-off {
		display:none;
	}
	.ma-submenu-on {
		display:block;
	}
	.ma-char-dl-area.gp-style dl {
		padding: 1.5rem;
		border: 1px solid #f5f0e3;
		width: 100%;
		float: left;
		margin-right: 0rem;
		min-height: 0;
		background: #f3f2e9;
	}
	.ma-char-dl-area.gp-style .ma-char-box-num {
		font-size: .8rem;
		font-weight: 300;
		color: #ffffff;
		background: #fb9b0c;
		display: inline-block;
		padding: .3rem .45rem;
		border-radius: 3rem;
	}
	.ma-char-dl-area.gp-style .ma-char-box-tit {
		font-size: .8rem;
		font-weight: 400;
		color: #222;
		margin-top: .5rem;
	}
	.ma-isp-info-cont-txt p {
		min-height: 3rem;
		font-size:.8rem;
	}
	.ma-isp-info-cont-txt.type2 p {
		font-size:.8rem;
	}
	.ma-element-txt.two-style p {
		font-size: .7rem;
		font-weight: 400;
		color: #444;
		padding: 0;
		margin: 0;
		line-height: 1.7rem;
		text-align: left;
		display: flex;
	}
	.ma-icon-check {
		display: flex;
		width: 1.5rem;
		height: 1.5rem;
		background: url(../images/ma-sub-icon-check.png) no-repeat;
		background-position: center;
		float: left;
		margin-right: .5rem;
		background-position: center;
		background-size: cover;
	}
	.btn-moreInfo.show.off {
		display:none;
	}
	.btn-moreInfo.show {
		display:inline-block;
	}
	.btn-moreInfo.out {
		display:none !important;
	}
	.btn-moreInfo.out.on {
		display:inline-block !important;
		margin-top: 1rem;
	}
	.product-single-img {
		display: inline-block;
		background: url(../images/ma-sub-product-single-img.png) no-repeat;
		background-position: center;
		width: 100%;
		height: 280px;
		background-size: contain;
		position: relative;
		bottom: -2rem;
		right: 0;
	}
	.ma-section-sub-full.info {
		background: #115ea8 url(../images/ma-sub-info-bg.png) center no-repeat;
		padding: 3rem 0;
		max-height: 540px;
		overflow: hidden;
		background-size: cover;
	}
	.move-cursor {
		display: inline-block;
		position: absolute;
		right: 15px;
		width: 2.5rem;
		height: 2.5rem;
		background: rgb(17 17 17 / 45%);
		border-radius: 10rem;
		z-index: 999;
		top: -.5rem;
	}
	.move-cursor:before{
		content:'';
		background:url(../images/ma-icon-lrarrow.png) center no-repeat;
		width:40px;
		height:40px;
		display:inline-block;
	}
	.ma-isp-info-cont-txt p:before {
		background-position: 2px 0px;
	}
	.ma-cloudera-img {
		height: 12rem;
	}
	.ma-cloudera-img-02 {
		height: 19rem;
		background-size: contain;
	}
	.ma-cloudera-img-03 {
		height: 14rem;
		background-size: contain;
	}
	.ma-cloudera-img-04 {
		height: 14rem;
		background-size: contain;
	}
	.ma-cloudera-img-05 {
		height: 9rem;
		background-size: contain;
	}
	.ma-cloudera-dl.type2 dl:last-child {
		content:'';
		width:100%;
	}
	.ma-isp-info-cont-tit p {
		height: 3.4rem;
	}
	.ma-product-img-01, 
	.ma-product-img-02, 
	.ma-product-img-03, 
	.ma-product-img-04, 
	.ma-product-img-05 {
		width: 3.4rem;
		height: 3.4rem;
	}
}

@media screen and (max-width: 576px) {
	.ma-thumbnail-wrapper-sm-01 {
		display: block;
		background: url(../images/ma-mainvisual-bg01-ie.png) center no-repeat;
		width: 100%;
		height: 100%;
		background-position: inherit;
	}
	.ma-thumbnail-wrapper-sm-02 {
		display: block;
		background: url(../images/ma-mainvisual-bg02-ie.png) no-repeat;
		width: 100%;
		height: 100%;
		background-position: 0px 10px;
	}
	.ma-thumbnail-wrapper-sm-03 {
		display: block;
		background: url(../images/ma-mainvisual-bg03-ie.png) no-repeat;
		width: 100%;
		height: 100%;
		background-position: -30px 30px;
	}
	.col-lg-6.sm-divice {
		width:100%;
	}
	.ma-section-three-img-left, .ma-section-three-img-right {
		padding: 2.5rem 0 0 0;
	}
	.ma-section-three-img-left .img,
	.ma-section-three-img-right .img	{
		width: 80%;
		height: 80px;
	}
	.ma-section-three-img-left h2, .ma-section-three-img-right h2 {
		padding: .5rem;
		font-size: 1.4rem;
	}
	.ma-section-three-img-left p, .ma-section-three-img-right p {
		font-size: 1rem;
	}
	.ma-content-info .ma-nifi-img {
		width: 100%;
		height: 220px;
	}
	.ma-content-info .ma-kafka-img {
		width: 100%;
		height: 220px;
	}
	.ma-content-info .ma-flink-img {
		width: 100%;
		height: 220px;
	}
	.ma-char-sub-txt p {
		font-size: .82rem;
		margin-bottom: .7rem;
	}
	.ma-char-sub-txt li .fa-plus {
		float: left;
		position: relative;
		top: 5px;
		font-size: .7rem;
		color: #ff880d;
	}
	.ma-char-box-num {
		font-size: 1.5rem;
		font-weight: 300;
		color: #c8c7c7;
	}
	.ma-char-box-tit {
		font-size: 1rem;
		font-weight: 400;
		color: #222;
	}
	.ma-char-dl-area dd p {
		margin: 0;
		font-size: .72rem;
		font-weight: 300;
		padding: .5rem 0 0 0;
		display: flex;
	}
	.ma-char-dl-area dd p:before {
		background-position: -3px -1px;
	}
	.ma-char-tab a {
		font-size: .8rem;
		font-weight: 400;
		color: #222;
		border: 1px solid #ccc;
		border-radius: 10rem;
		min-width: 6rem;
		padding: 0rem 1rem;
		height: 1.8rem;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.ma-char-tab li.active:after {
		top: 40%;
	}
	.ma-inner-box p {
		font-size: .7rem;
		font-weight: 400;
		line-height: 1.2rem;
		padding: 0;
		margin: 0;
	}
	.ma-inner-box {
		padding: .5rem;
		border: 1px solid #ccc;
	}
	.alert-success strong {
		font-weight:500;
		font-size:.7rem;
	}
	.alert-danger strong {
		font-weight:500;
		font-size:.7rem;
	}
	.ma-sub-bittxt p {
		font-size: .7rem;
		font-weight: 400;
		color: #d22323;
		margin-bottom: .5rem;
	}
	.ma-char-sub-txt.ma-flink-type p {
		font-size: .7rem;
		padding-right: 1rem;
		min-height: 3rem;
	}
	.ma-item-partner-area li > div {
		width: 100%;
		height: 30px;
		max-height: 95%;
		margin-bottom: 3px;
		background-size: contain !important;
	}
	.ma-download-icon a .cell {
		background: #c1c1c1;
		color: #fff;
		/* font-size: .6rem; */
		font-weight: 400;
		/* padding: .1rem .3rem; */
		border-radius: 1rem;
	}
	.ma-download-icon {
		display: block;
		justify-content: center;
		align-items: center;
		height: 100%;
		margin-left: 0;
	}
	.ma-down-btn span:before {
		content:'';
		display:none;
	}
	.ma-flex-sm {
		display: flex !important;
		padding: .3rem 0 .3rem 0;
	}
	.ma-isp-info-cont-txt p {
		width: 100%;
		min-height: 0;
		height: 2.3rem;
	}
	.ma-cloudera-img {
		height: 10rem;
	}
	.ma-cloudera-img-02 {
		height: 14rem;
		background-size: contain;
	}
	.ma-cloudera-img-03 {
		height: 10rem;
		background-size: contain;
	}
	.ma-cloudera-img-04 {
		height: 10rem;
		background-size: contain;
	}
	.ma-cloudera-img-05 {
		height: 6rem;
		background-size: contain;
	}
}

/* 
	미디어 쿼리 수정
*/
@media screen and (min-width: 768px) {
	.tab-button-outer {
		display: block;
	}
	.tab-select-outer {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 4rem;
	}
}

@media (min-width: 1008px) {
	button.leftLst,
	button.rightLst {
		display:none;
	}
}

@media screen and (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}
}




/** Custom Select **/
	.custom-select-wrapper {
	  position: relative;
	}
	.custom-select-wrapper select {
	display: none;
	}
	.custom-select {
	position: relative;
	display: inline-block;
	}
	.custom-select {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0b7ef1;
    vertical-align: middle;
    background: #fff url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
}
	.custom-select-trigger {
	position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 22px;
    font-weight: 300;
    color: #222;
    line-height: 60px;
    background: #ffffff;
    border-radius: 0;
    cursor: pointer;
    border: 1px solid #ccc;
	}
	.custom-select-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 25px;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;position: absolute;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #222;
    border-right: 1px solid #222;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
	}
	.custom-select.opened .custom-select-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
	}
  .custom-options {
    position: absolute;
    display: block;
    top: 60px;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgb(0 0 0 / 7%);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
	z-index: 999;
  }
    .custom-options:before {
	position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 9px;
    height: 9px;
    margin-bottom: -4px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-weight: 300;
    color: #222;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #e9f8ff;
    }
  .ma-sel-left {
	  display: block;
    width: 62px;
    height: 62px;
    background: url(../images/img-home-btn.png) no-repeat;
	background-position: center;
    float: left;
    border: 1px solid #ccc;
    border-width: 1px 0 1px 1px;
  }
  .center {
	  display:block;
	  float:left;
	  width: calc(100% - 62px);
  }
  

	
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /* Enter your style code */
	.ie-view {
		display:none;
	}
	.ie-img-view {
		display:block;
	}
}